How to use the react-awesome-query-builder.BasicConfig.conjunctions function in react-awesome-query-builder

To help you get started, we’ve selected a few react-awesome-query-builder examples, based on popular ways it is used in public projects.

github ukrbublik / react-awesome-query-builder / sandbox / src / demo / config.js View on Github external
import React from 'react';
import merge from 'lodash/merge';
import { Widgets, Operators, BasicConfig } from 'react-awesome-query-builder';
import en_US from 'antd/lib/locale-provider/en_US';
import ru_RU from 'antd/lib/locale-provider/ru_RU';
const {
    FieldSelect,
    FieldDropdown,
    FieldCascader,
    VanillaFieldSelect
  } = Widgets;

const conjunctions = {
    ...BasicConfig.conjunctions
};

const operators = {
    ...BasicConfig.operators,
    // examples of  overriding
    between: {
        ...BasicConfig.operators.between,
        valueLabels: [
            'Value from',
            'Value to'
        ],
        textSeparators: [
            'from',
            'to'
        ],
    },
github ukrbublik / react-awesome-query-builder / examples / demo / config.tsx View on Github external
import {
    Widgets, BasicConfig,
    // types:
    Operators, Fields, Config, Types, Conjunctions, Settings, LocaleSettings, OperatorProximity, Funcs,
} from 'react-awesome-query-builder';
import en_US from 'antd/lib/locale-provider/en_US';
import ru_RU from 'antd/lib/locale-provider/ru_RU';
const {
    FieldSelect,
    FieldDropdown,
    FieldCascader,
    VanillaFieldSelect,
  } = Widgets;

const conjunctions: Conjunctions = {
    ...BasicConfig.conjunctions,
};

const proximity: OperatorProximity = {
    ...BasicConfig.operators.proximity,
    valueLabels: [
        { label: 'Word 1', placeholder: 'Enter first word' },
        { label: 'Word 2', placeholder: 'Enter second word' },
    ],
    textSeparators: [
        //'Word 1',
        //'Word 2'
    ],
    options: {
        ...BasicConfig.operators.proximity.options,
        optionLabel: "Near", // label on top of "near" selectbox (for config.settings.showLabels==true)
        optionTextBefore: "Near", // label before "near" selectbox (for config.settings.showLabels==false)

react-awesome-query-builder

User-friendly query builder for React. Demo: https://ukrbublik.github.io/react-awesome-query-builder

MIT
Latest version published 25 days ago

Package Health Score

86 / 100
Full package analysis

Similar packages