@accelint/design-system 0.2.1 → 0.3.0

package/dist/components/query-builder/query-builder.js

@@ -1,129 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useMemo } from 'react';
-import { Provider } from 'react-aria-components';
-import { QueryBuilder as QueryBuilder$1 } from 'react-querybuilder';
-import { inlineVars } from '../../utils/css.js';
-import { mergeClassNames } from '../../utils/props.js';
-import { useTheme } from '../../hooks/use-theme/use-theme.js';
-import { bodies } from '../../styles/typography.vanilla.js';
-import { ButtonContext } from '../button/button.js';
-import { CheckboxContext } from '../checkbox/checkbox.js';
-import { InputContext } from '../input/input.js';
-import { RadioGroupContext } from '../radio/radio.js';
-import { SelectContext } from '../select/select.js';
-import { SwitchContext } from '../switch/switch.js';
-import { TextAreaContext } from '../textarea/textarea.js';
-import { ActionElement } from './action-element.js';
-import { QueryBuilderContext, defaultSize } from './constants.js';
-import { RuleGroup, RuleGroupBodyComponents, RuleGroupFooterComponents, RuleGroupHeaderComponents } from './group.js';
-import { queryBuilderClassNames, queryBuilderStateVars } from './query-builder.vanilla.js';
-import { Rule } from './rule.js';
-import { ValueEditor, defaultValueEditors } from './value-editor.js';
-import { ValueSelector } from './value-selector.js';
-
-const defaultMapping = {
-  button: {
-    sm: { size: "sm", variant: "solid" },
-    lg: { size: "md", variant: "solid" }
-  },
-  input: {
-    sm: { size: "sm" },
-    lg: { size: "lg" }
-  },
-  select: {
-    sm: { size: "sm" },
-    lg: { size: "lg" }
-  },
-  textarea: {
-    sm: { size: "sm" },
-    lg: { size: "lg" }
-  },
-  error: {
-    sm: bodies.xs,
-    lg: bodies.xs
-  }
-};
-function QueryBuilder({ classNames: classNamesProp, consistentColumns = true, controlElements: controlElementsProp, disabled, icons, mapping: mappingProp, size = defaultSize, valueEditors: valueEditorsProp, ...rest }) {
-  const theme = useTheme();
-  const mapping = useMemo(() => ({
-    ...defaultMapping,
-    ...mappingProp
-  }), [mappingProp]);
-  const classNames = useMemo(() => mergeClassNames(queryBuilderClassNames, theme.QueryBuilder, classNamesProp, {
-    rule: { error: mapping?.error?.[size] }
-  }), [mapping?.error, size, theme.QueryBuilder, classNamesProp]);
-  const controlClassNames = useMemo(() => {
-    const { addGroup, addRule, cloneGroup, cloneRule, dragHandle, lockGroup, lockRule, removeGroup, removeRule, queryBuilder, group, rule } = classNames ?? {};
-    return {
-      addGroup,
-      addRule,
-      cloneGroup,
-      cloneRule,
-      dragHandle,
-      lockGroup,
-      lockRule,
-      removeGroup,
-      removeRule,
-      queryBuilder: queryBuilder?.queryBuilder,
-      ruleGroup: group?.group,
-      header: group?.header,
-      body: group?.body,
-      rule: rule?.rule
-    };
-  }, [classNames]);
-  const controlElements = useMemo(() => ({
-    actionElement: ActionElement,
-    rule: Rule,
-    ruleGroup: RuleGroup,
-    valueEditor: ValueEditor,
-    valueSelector: ValueSelector,
-    ...controlElementsProp
-  }), [controlElementsProp]);
-  const valueEditors = useMemo(() => ({
-    ...defaultValueEditors,
-    ...valueEditorsProp
-  }), [valueEditorsProp]);
-  const context = useMemo(() => [
-    [
-      QueryBuilderContext,
-      {
-        classNames,
-        consistentColumns,
-        controlElements: {
-          ruleGroupBodyElements: RuleGroupBodyComponents,
-          ruleGroupFooterElements: RuleGroupFooterComponents,
-          ruleGroupHeaderElements: RuleGroupHeaderComponents
-        },
-        icons,
-        mapping,
-        size,
-        valueEditors
-      }
-    ],
-    [
-      ButtonContext,
-      { ...mapping?.button?.[size], classNames: classNames?.button }
-    ],
-    [CheckboxContext, { classNames: classNames?.checkbox }],
-    [
-      InputContext,
-      { ...mapping?.input?.[size], classNames: classNames?.input }
-    ],
-    [RadioGroupContext, { classNames: classNames?.radio }],
-    [
-      SelectContext,
-      { ...mapping?.select?.[size], classNames: classNames?.select }
-    ],
-    [SwitchContext, { classNames: classNames?.switch }],
-    [
-      TextAreaContext,
-      { ...mapping?.textarea?.[size], classNames: classNames?.textarea }
-    ]
-  ], [classNames, consistentColumns, icons, mapping, size, valueEditors]);
-  const style = useMemo(() => inlineVars(queryBuilderStateVars, {
-    isDisabled: typeof disabled === "boolean" ? disabled : false
-  }), [disabled]);
-  return jsx(Provider, { values: context, children: jsx("div", { className: classNames?.queryBuilder?.container, style, children: jsx(QueryBuilder$1, { ...rest, controlElements, controlClassnames: controlClassNames, disabled, listsAsArrays: true }) }) });
-}
-
-export { QueryBuilder };

package/dist/components/query-builder/query-builder.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"query-builder.js","sources":["../../../src/components/query-builder/query-builder.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { Provider } from 'react-aria-components';\nimport { QueryBuilder as RQBuilder } from 'react-querybuilder';\nimport { useTheme } from '../../hooks';\nimport { bodies } from '../../styles';\nimport { inlineVars, mergeClassNames } from '../../utils';\nimport { ButtonContext, type ButtonProps } from '../button';\nimport { CheckboxContext, type CheckboxProps } from '../checkbox';\nimport { InputContext, type InputProps } from '../input';\nimport { RadioGroupContext, type RadioGroupProps } from '../radio';\nimport { SelectContext, type SelectProps } from '../select';\nimport { SwitchContext, type SwitchProps } from '../switch';\nimport { TextAreaContext, type TextAreaProps } from '../textarea';\nimport { ActionElement } from './action-element';\nimport { defaultSize, QueryBuilderContext } from './constants';\nimport {\n  RuleGroup,\n  RuleGroupBodyComponents,\n  RuleGroupFooterComponents,\n  RuleGroupHeaderComponents,\n} from './group';\nimport {\n  queryBuilderClassNames,\n  queryBuilderStateVars,\n} from './query-builder.css';\nimport { Rule } from './rule';\nimport type {\n  QueryBuilderContextValue,\n  QueryBuilderMapping,\n  QueryBuilderProps,\n} from './types';\nimport { defaultValueEditors, ValueEditor } from './value-editor';\nimport { ValueSelector } from './value-selector';\n\nconst defaultMapping: QueryBuilderMapping = {\n  button: {\n    sm: { size: 'sm', variant: 'solid' },\n    lg: { size: 'md', variant: 'solid' },\n  },\n  input: {\n    sm: { size: 'sm' },\n    lg: { size: 'lg' },\n  },\n  select: {\n    sm: { size: 'sm' },\n    lg: { size: 'lg' },\n  },\n  textarea: {\n    sm: { size: 'sm' },\n    lg: { size: 'lg' },\n  },\n  error: {\n    sm: bodies.xs,\n    lg: bodies.xs,\n  },\n};\n\nexport function QueryBuilder({\n  classNames: classNamesProp,\n  consistentColumns = true,\n  controlElements: controlElementsProp,\n  disabled,\n  icons,\n  mapping: mappingProp,\n  size = defaultSize,\n  valueEditors: valueEditorsProp,\n  ...rest\n}: QueryBuilderProps) {\n  const theme = useTheme();\n\n  const mapping = useMemo(\n    () => ({\n      ...defaultMapping,\n      ...mappingProp,\n    }),\n    [mappingProp],\n  );\n\n  const classNames = useMemo(\n    () =>\n      mergeClassNames(\n        queryBuilderClassNames,\n        theme.QueryBuilder,\n        classNamesProp,\n        {\n          rule: { error: mapping?.error?.[size] },\n        }\n      ),\n    [mapping?.error, size, theme.QueryBuilder, classNamesProp]\n  );\n\n  const controlClassNames = useMemo(() => {\n    const {\n      addGroup,\n      addRule,\n      cloneGroup,\n      cloneRule,\n      dragHandle,\n      lockGroup,\n      lockRule,\n      removeGroup,\n      removeRule,\n      queryBuilder,\n      group,\n      rule,\n    } = classNames ?? {};\n\n    return {\n      addGroup,\n      addRule,\n      cloneGroup,\n      cloneRule,\n      dragHandle,\n      lockGroup,\n      lockRule,\n      removeGroup,\n      removeRule,\n      queryBuilder: queryBuilder?.queryBuilder,\n      ruleGroup: group?.group,\n      header: group?.header,\n      body: group?.body,\n      rule: rule?.rule,\n    };\n  }, [classNames]);\n\n  const controlElements = useMemo(\n    () => ({\n      actionElement: ActionElement,\n      rule: Rule,\n      ruleGroup: RuleGroup,\n      valueEditor: ValueEditor,\n      valueSelector: ValueSelector,\n      ...controlElementsProp,\n    }),\n    [controlElementsProp],\n  );\n\n  const valueEditors = useMemo(\n    () => ({\n      ...defaultValueEditors,\n      ...valueEditorsProp,\n    }),\n    [valueEditorsProp],\n  );\n\n  const context = useMemo<\n    [\n      [typeof QueryBuilderContext, QueryBuilderContextValue],\n      [typeof ButtonContext, ButtonProps],\n      [typeof CheckboxContext, CheckboxProps],\n      [typeof InputContext, InputProps],\n      [typeof RadioGroupContext, RadioGroupProps],\n      [typeof SelectContext, SelectProps<object>],\n      [typeof SwitchContext, SwitchProps],\n      [typeof TextAreaContext, TextAreaProps],\n    ]\n  >(\n    () => [\n      [\n        QueryBuilderContext,\n        {\n          classNames,\n          consistentColumns,\n          controlElements: {\n            ruleGroupBodyElements: RuleGroupBodyComponents,\n            ruleGroupFooterElements: RuleGroupFooterComponents,\n            ruleGroupHeaderElements: RuleGroupHeaderComponents,\n          },\n          icons,\n          mapping,\n          size,\n          valueEditors,\n        },\n      ],\n      [\n        ButtonContext,\n        { ...mapping?.button?.[size], classNames: classNames?.button },\n      ],\n      [CheckboxContext, { classNames: classNames?.checkbox }],\n      [\n        InputContext,\n        { ...mapping?.input?.[size], classNames: classNames?.input },\n      ],\n      [RadioGroupContext, { classNames: classNames?.radio }],\n      [\n        SelectContext,\n        { ...mapping?.select?.[size], classNames: classNames?.select },\n      ],\n      [SwitchContext, { classNames: classNames?.switch }],\n      [\n        TextAreaContext,\n        { ...mapping?.textarea?.[size], classNames: classNames?.textarea },\n      ],\n    ],\n    [classNames, consistentColumns, icons, mapping, size, valueEditors],\n  );\n\n  const style = useMemo(\n    () =>\n      inlineVars(queryBuilderStateVars, {\n        isDisabled: typeof disabled === 'boolean' ? disabled : false,\n      }),\n    [disabled],\n  );\n\n  return (\n    <Provider values={context}>\n      <div className={classNames?.queryBuilder?.container} style={style}>\n        <RQBuilder\n          {...rest}\n          controlElements={controlElements}\n          controlClassnames={controlClassNames}\n          disabled={disabled}\n          listsAsArrays\n        />\n      </div>\n    </Provider>\n  );\n}\n"],"names":["RQBuilder"],"mappings":"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"}

package/dist/components/query-builder/query-builder.vanilla.js

@@ -1,10 +0,0 @@
-
-var queryBuilderClassNames = { queryBuilder: { container: "query-builder_queryBuilderClassNames_queryBuilder_container__xkizz1d", queryBuilder: "query-builder_queryBuilderClassNames_queryBuilder_queryBuilder__xkizz1e" }, group: { group: "query-builder_queryBuilderClassNames_group_group__xkizz1f", header: "query-builder_queryBuilderClassNames_group_header__xkizz1g", body: "query-builder_queryBuilderClassNames_group_body__xkizz1h", footer: "query-builder_queryBuilderClassNames_group_footer__xkizz1i" }, rule: { container: "query-builder_queryBuilderClassNames_rule_container__xkizz1j", rule: "query-builder_queryBuilderClassNames_rule_rule__xkizz1k", field: "query-builder_queryBuilderClassNames_rule_field__xkizz1l", operator: "query-builder_queryBuilderClassNames_rule_operator__xkizz1m", values: "query-builder_queryBuilderClassNames_rule_values__xkizz1n", source: "query-builder_queryBuilderClassNames_rule_source__xkizz1o", value: "query-builder_queryBuilderClassNames_rule_value__xkizz1p", error: "query-builder_queryBuilderClassNames_rule_error__xkizz1q" } };
-var queryBuilderColorVars = { queryBuilder: { background: "var(--queryBuilder-background__xkizz4)", border: "var(--queryBuilder-border__xkizz5)", color: "var(--queryBuilder-color__xkizz6)" }, group: { background: "var(--group-background__xkizz7)", border: "var(--group-border__xkizz8)", color: "var(--group-color__xkizz9)" }, rule: { background: "var(--rule-background__xkizza)", border: "var(--rule-border__xkizzb)", color: "var(--rule-color__xkizzc)" }, error: { color: "var(--error-color__xkizzd)" } };
-var queryBuilderContainers = { queryBuilder: "query-builder_queryBuilderContainers_queryBuilder__xkizz0", group: "query-builder_queryBuilderContainers_group__xkizz1", rule: "query-builder_queryBuilderContainers_rule__xkizz2", values: "query-builder_queryBuilderContainers_values__xkizz3" };
-var queryBuilderGroupStateVars = { after: "var(--after__xkizz16)", before: "var(--before__xkizz17)", columns: "var(--columns__xkizz18)", isDisabled: "var(--isDisabled__xkizz19)" };
-var queryBuilderRuleStateVars = { isDisabled: "var(--isDisabled__xkizz1a)", isDragging: "var(--isDragging__xkizz1b)", isDropTarget: "var(--isDropTarget__xkizz1c)" };
-var queryBuilderSpaceVars = { queryBuilder: { x: "var(--queryBuilder-x__xkizze)", y: "var(--queryBuilder-y__xkizzf)" }, group: { gap: "var(--group-gap__xkizzg)", x: "var(--group-x__xkizzh)", y: "var(--group-y__xkizzi)" }, header: { x: "var(--header-x__xkizzj)", y: "var(--header-y__xkizzk)" }, body: { gap: "var(--body-gap__xkizzl)", x: "var(--body-x__xkizzm)", y: "var(--body-y__xkizzn)" }, rule: { x: "var(--rule-x__xkizzo)", y: "var(--rule-y__xkizzp)" }, field: { width: "var(--field-width__xkizzq)", maxWidth: "var(--field-maxWidth__xkizzr)", minWidth: "var(--field-minWidth__xkizzs)" }, operator: { width: "var(--operator-width__xkizzt)", maxWidth: "var(--operator-maxWidth__xkizzu)", minWidth: "var(--operator-minWidth__xkizzv)" }, values: { gap: "var(--values-gap__xkizzw)", width: "var(--values-width__xkizzx)", maxWidth: "var(--values-maxWidth__xkizzy)", minWidth: "var(--values-minWidth__xkizzz)" }, source: { width: "var(--source-width__xkizz10)", maxWidth: "var(--source-maxWidth__xkizz11)", minWidth: "var(--source-minWidth__xkizz12)" }, footer: { x: "var(--footer-x__xkizz13)", y: "var(--footer-y__xkizz14)" } };
-var queryBuilderStateVars = { isDisabled: "var(--isDisabled__xkizz15)" };
-
-export { queryBuilderClassNames, queryBuilderColorVars, queryBuilderContainers, queryBuilderGroupStateVars, queryBuilderRuleStateVars, queryBuilderSpaceVars, queryBuilderStateVars };

package/dist/components/query-builder/query-builder.vanilla.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"query-builder.vanilla.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/components/query-builder/rule.d.ts

@@ -1,3 +0,0 @@
-import { type RuleProps, useRule } from 'react-querybuilder';
-export declare function Rule(props: RuleProps): import("react/jsx-runtime").JSX.Element;
-export declare function RuleComponents({ classNames: classNamesProp, cloneRule, context, disabled, dragRef, fieldData, generateOnChangeHandler, hideValueControls, inputType, operators, parentDisabled, path, removeRule, rule, schema, shiftDownDisabled, shiftUpDisabled, shiftRuleDown, shiftRuleUp, toggleLockRule, translations, validationResult, valueEditorSeparator, valueEditorType, valueSourceOptions, valueSources, values, }: RuleProps & ReturnType<typeof useRule>): import("react/jsx-runtime").JSX.Element;

package/dist/components/query-builder/rule.js

@@ -1,112 +0,0 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useContext, useMemo } from 'react';
-import { useRule, useStopEventPropagation, TestID } from 'react-querybuilder';
-import { inlineVars } from '../../utils/css.js';
-import { AriaText } from '../aria/aria.js';
-import { QueryBuilderContext } from './constants.js';
-import { queryBuilderRuleStateVars } from './query-builder.vanilla.js';
-import { getValidationResult } from './utils.js';
-
-function Rule(props) {
-  const { classNames } = useContext(QueryBuilderContext);
-  const rule = useRule(props);
-  const cloneRule = useStopEventPropagation(rule.cloneRule);
-  const toggleLockRule = useStopEventPropagation(rule.toggleLockRule);
-  const removeRule = useStopEventPropagation(rule.removeRule);
-  const shiftRuleUp = useStopEventPropagation(rule.shiftRuleUp);
-  const shiftRuleDown = useStopEventPropagation(rule.shiftRuleDown);
-  const { valid: isValid, reasons } = getValidationResult(props.rule, rule.fieldData?.validator);
-  const style = useMemo(() => inlineVars(queryBuilderRuleStateVars, {
-    isDisabled: rule.disabled,
-    isDragging: rule.isDragging,
-    isDropTarget: rule.isOver
-  }), [rule.disabled, rule.isDragging, rule.isOver]);
-  return jsxs("div", { className: classNames?.rule?.container, style, children: [jsx("div", { ref: rule.dndRef, className: rule.outerClassName, "data-dragmonitorid": rule.dragMonitorId, "data-dropmonitorid": rule.dropMonitorId, "data-level": rule.path.length, "data-path": JSON.stringify(rule.path), "data-rule-id": rule.id, "data-testid": TestID.rule, children: jsx(RuleComponents, { ...rule, cloneRule, removeRule, shiftRuleDown, shiftRuleUp, toggleLockRule }) }), !isValid && reasons?.map((reason) => jsx(AriaText, { className: classNames?.rule?.error, children: reason }, reason))] });
-}
-function RuleComponents({ classNames: classNamesProp, cloneRule, context, disabled, dragRef, fieldData, generateOnChangeHandler, hideValueControls, inputType, operators, parentDisabled, path, removeRule, rule, schema, shiftDownDisabled, shiftUpDisabled, shiftRuleDown, shiftRuleUp, toggleLockRule, translations, validationResult, valueEditorSeparator, valueEditorType, valueSourceOptions, valueSources, values }) {
-  const { classNames, consistentColumns } = useContext(QueryBuilderContext);
-  const { controls: { shiftActions: ShiftActionsControlElement, dragHandle: DragHandleControlElement, fieldSelector: FieldSelectorControlElement, operatorSelector: OperatorSelectorControlElement, valueSourceSelector: ValueSourceSelectorControlElement, valueEditor: ValueEditorControlElement, cloneRuleAction: CloneRuleActionControlElement, lockRuleAction: LockRuleActionControlElement, removeRuleAction: RemoveRuleActionControlElement }, enableDragAndDrop, showCloneButtons, showLockButtons, showShiftActions } = schema;
-  const titles = useMemo(() => ({
-    shiftUp: translations.shiftActionUp.title,
-    shiftDown: translations.shiftActionDown.title
-  }), [translations.shiftActionDown.title, translations.shiftActionUp.title]);
-  const labels = useMemo(() => ({
-    shiftUp: translations.shiftActionUp.label,
-    shiftDown: translations.shiftActionDown.label
-  }), [translations.shiftActionDown.label, translations.shiftActionUp.label]);
-  const renderOperator = schema.autoSelectField || rule.field !== translations.fields.placeholderName;
-  const operator = useMemo(() => {
-    if (renderOperator) {
-      return jsx("div", { className: classNames?.rule?.operator, children: jsx(OperatorSelectorControlElement, { testID: TestID.operators, field: rule.field, fieldData, title: translations.operators.title, options: operators, value: rule.operator, className: classNamesProp.operators, handleOnChange: generateOnChangeHandler("operator"), level: path.length, path, disabled, context, validation: validationResult, schema, rule }) });
-    }
-    return !renderOperator && consistentColumns ? jsx("div", { className: classNames?.rule?.operator }) : null;
-  }, [
-    OperatorSelectorControlElement,
-    classNames?.rule?.operator,
-    classNamesProp.operators,
-    consistentColumns,
-    context,
-    disabled,
-    fieldData,
-    generateOnChangeHandler,
-    operators,
-    path,
-    renderOperator,
-    rule,
-    schema,
-    translations.operators.title,
-    validationResult
-  ]);
-  const renderValue = renderOperator && (schema.autoSelectOperator || rule.operator !== translations.operators.placeholderName) && !hideValueControls;
-  const value = useMemo(() => {
-    if (renderValue) {
-      return jsx("div", { className: classNames?.rule?.values, children: jsx(ValueEditorControlElement, { testID: TestID.valueEditor, field: rule.field, fieldData, title: translations.value.title, operator: rule.operator, value: rule.value, valueSource: rule.valueSource ?? "value", type: valueEditorType, inputType, values, listsAsArrays: schema.listsAsArrays, parseNumbers: schema.parseNumbers, separator: valueEditorSeparator, className: classNamesProp.value, handleOnChange: generateOnChangeHandler("value"), level: path.length, path, disabled, context, validation: validationResult, schema, rule }) });
-    }
-    return !renderValue && consistentColumns ? jsx("div", { className: classNames?.rule?.values }) : null;
-  }, [
-    ValueEditorControlElement,
-    classNames?.rule?.values,
-    classNamesProp.value,
-    consistentColumns,
-    context,
-    disabled,
-    fieldData,
-    generateOnChangeHandler,
-    inputType,
-    path,
-    renderValue,
-    rule,
-    schema,
-    translations.value.title,
-    validationResult,
-    valueEditorSeparator,
-    valueEditorType,
-    values
-  ]);
-  const renderValueSources = renderValue && !["null", "notNull"].includes(rule.operator) && valueSources.length > 1;
-  const sources = useMemo(() => {
-    if (renderValueSources) {
-      return jsx("div", { className: classNames?.rule?.source, children: jsx(ValueSourceSelectorControlElement, { testID: TestID.valueSourceSelector, field: rule.field, fieldData, title: translations.valueSourceSelector.title, options: valueSourceOptions, value: rule.valueSource ?? "value", className: classNamesProp.valueSource, handleOnChange: generateOnChangeHandler("valueSource"), level: path.length, path, disabled, context, validation: validationResult, schema, rule }) });
-    }
-    return !renderValueSources && consistentColumns ? jsx("div", { className: classNames?.rule?.source }) : null;
-  }, [
-    ValueSourceSelectorControlElement,
-    classNames?.rule?.source,
-    classNamesProp.valueSource,
-    consistentColumns,
-    context,
-    disabled,
-    fieldData,
-    generateOnChangeHandler,
-    path,
-    renderValueSources,
-    rule,
-    schema,
-    translations.valueSourceSelector.title,
-    validationResult,
-    valueSourceOptions
-  ]);
-  return jsxs(Fragment, { children: [showShiftActions && jsx("div", { className: classNames?.rule?.shift, children: jsx(ShiftActionsControlElement, { testID: TestID.shiftActions, level: path.length, path, titles, labels, className: classNamesProp.shiftActions, disabled, shiftUp: shiftRuleUp, shiftDown: shiftRuleDown, shiftUpDisabled, shiftDownDisabled, context, validation: validationResult, schema, ruleOrGroup: rule }) }), enableDragAndDrop && jsx("div", { className: classNames?.rule?.drag, children: jsx(DragHandleControlElement, { testID: TestID.dragHandle, ref: dragRef, level: path.length, path, title: translations.dragHandle.title, label: translations.dragHandle.label, className: classNamesProp.dragHandle, disabled, context, validation: validationResult, schema, ruleOrGroup: rule }) }), jsx("div", { className: classNames?.rule?.field, children: jsx(FieldSelectorControlElement, { testID: TestID.fields, options: schema.fields, title: translations.fields.title, value: rule.field, operator: rule.operator, className: classNamesProp.fields, handleOnChange: generateOnChangeHandler("field"), level: path.length, path, disabled, context, validation: validationResult, schema, rule }) }), operator, sources, value, showCloneButtons && jsx("div", { className: classNames?.rule?.clone, children: jsx(CloneRuleActionControlElement, { testID: TestID.cloneRule, label: translations.cloneRule.label, title: translations.cloneRule.title, className: classNamesProp.cloneRule, handleOnClick: cloneRule, level: path.length, path, disabled, context, validation: validationResult, ruleOrGroup: rule, schema }) }), showLockButtons && jsx("div", { className: classNames?.rule?.lock, children: jsx(LockRuleActionControlElement, { testID: TestID.lockRule, label: translations.lockRule.label, title: translations.lockRule.title, className: classNamesProp.lockRule, handleOnClick: toggleLockRule, level: path.length, path, disabled, disabledTranslation: parentDisabled ? void 0 : translations.lockRuleDisabled, context, validation: validationResult, ruleOrGroup: rule, schema }) }), jsx("div", { className: classNames?.rule?.remove, children: jsx(RemoveRuleActionControlElement, { testID: TestID.removeRule, label: translations.removeRule.label, title: translations.removeRule.title, className: classNamesProp.removeRule, handleOnClick: removeRule, level: path.length, path, disabled, context, validation: validationResult, ruleOrGroup: rule, schema }) })] });
-}
-
-export { Rule, RuleComponents };

package/dist/components/query-builder/rule.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rule.js","sources":["../../../src/components/query-builder/rule.tsx"],"sourcesContent":["import { useContext, useMemo } from 'react';\nimport {\n  type RuleProps,\n  TestID,\n  useRule,\n  useStopEventPropagation,\n} from 'react-querybuilder';\nimport { inlineVars } from '../../utils';\nimport { AriaText } from '../aria';\nimport { QueryBuilderContext } from './constants';\nimport { queryBuilderRuleStateVars } from './query-builder.css';\nimport { getValidationResult } from './utils';\n\nexport function Rule(props: RuleProps) {\n  const { classNames } = useContext(QueryBuilderContext);\n  const rule = useRule(props);\n  const cloneRule = useStopEventPropagation(rule.cloneRule);\n  const toggleLockRule = useStopEventPropagation(rule.toggleLockRule);\n  const removeRule = useStopEventPropagation(rule.removeRule);\n  const shiftRuleUp = useStopEventPropagation(rule.shiftRuleUp);\n  const shiftRuleDown = useStopEventPropagation(rule.shiftRuleDown);\n\n  const { valid: isValid, reasons } = getValidationResult(\n    props.rule,\n    rule.fieldData?.validator,\n  );\n\n  const style = useMemo(\n    () =>\n      inlineVars(queryBuilderRuleStateVars, {\n        isDisabled: rule.disabled,\n        isDragging: rule.isDragging,\n        isDropTarget: rule.isOver,\n      }),\n    [rule.disabled, rule.isDragging, rule.isOver],\n  );\n\n  return (\n    <div className={classNames?.rule?.container} style={style}>\n      <div\n        ref={rule.dndRef}\n        className={rule.outerClassName}\n        data-dragmonitorid={rule.dragMonitorId}\n        data-dropmonitorid={rule.dropMonitorId}\n        data-level={rule.path.length}\n        data-path={JSON.stringify(rule.path)}\n        data-rule-id={rule.id}\n        data-testid={TestID.rule}\n      >\n        <RuleComponents\n          {...rule}\n          cloneRule={cloneRule}\n          removeRule={removeRule}\n          shiftRuleDown={shiftRuleDown}\n          shiftRuleUp={shiftRuleUp}\n          toggleLockRule={toggleLockRule}\n        />\n      </div>\n      {!isValid &&\n        reasons?.map((reason) => (\n          <AriaText key={reason} className={classNames?.rule?.error}>\n            {reason}\n          </AriaText>\n        ))}\n    </div>\n  );\n}\n\nexport function RuleComponents({\n  classNames: classNamesProp,\n  cloneRule,\n  context,\n  disabled,\n  dragRef,\n  fieldData,\n  generateOnChangeHandler,\n  hideValueControls,\n  inputType,\n  operators,\n  parentDisabled,\n  path,\n  removeRule,\n  rule,\n  schema,\n  shiftDownDisabled,\n  shiftUpDisabled,\n  shiftRuleDown,\n  shiftRuleUp,\n  toggleLockRule,\n  translations,\n  validationResult,\n  valueEditorSeparator,\n  valueEditorType,\n  valueSourceOptions,\n  valueSources,\n  values,\n}: RuleProps & ReturnType<typeof useRule>) {\n  const { classNames, consistentColumns } = useContext(QueryBuilderContext);\n\n  const {\n    controls: {\n      shiftActions: ShiftActionsControlElement,\n      dragHandle: DragHandleControlElement,\n      fieldSelector: FieldSelectorControlElement,\n      operatorSelector: OperatorSelectorControlElement,\n      valueSourceSelector: ValueSourceSelectorControlElement,\n      valueEditor: ValueEditorControlElement,\n      cloneRuleAction: CloneRuleActionControlElement,\n      lockRuleAction: LockRuleActionControlElement,\n      removeRuleAction: RemoveRuleActionControlElement,\n    },\n    enableDragAndDrop,\n    showCloneButtons,\n    showLockButtons,\n    showShiftActions,\n  } = schema;\n\n  const titles = useMemo(\n    () => ({\n      shiftUp: translations.shiftActionUp.title,\n      shiftDown: translations.shiftActionDown.title,\n    }),\n    [translations.shiftActionDown.title, translations.shiftActionUp.title],\n  );\n\n  const labels = useMemo(\n    () => ({\n      shiftUp: translations.shiftActionUp.label,\n      shiftDown: translations.shiftActionDown.label,\n    }),\n    [translations.shiftActionDown.label, translations.shiftActionUp.label],\n  );\n\n  const renderOperator =\n    schema.autoSelectField ||\n    rule.field !== translations.fields.placeholderName;\n\n  const operator = useMemo(() => {\n    if (renderOperator) {\n      return (\n        <div className={classNames?.rule?.operator}>\n          <OperatorSelectorControlElement\n            testID={TestID.operators}\n            field={rule.field}\n            fieldData={fieldData}\n            title={translations.operators.title}\n            options={operators}\n            value={rule.operator}\n            className={classNamesProp.operators}\n            handleOnChange={generateOnChangeHandler('operator')}\n            level={path.length}\n            path={path}\n            disabled={disabled}\n            context={context}\n            validation={validationResult}\n            schema={schema}\n            rule={rule}\n          />\n        </div>\n      );\n    }\n\n    return !renderOperator && consistentColumns ? (\n      <div className={classNames?.rule?.operator} />\n    ) : null;\n  }, [\n    OperatorSelectorControlElement,\n    classNames?.rule?.operator,\n    classNamesProp.operators,\n    consistentColumns,\n    context,\n    disabled,\n    fieldData,\n    generateOnChangeHandler,\n    operators,\n    path,\n    renderOperator,\n    rule,\n    schema,\n    translations.operators.title,\n    validationResult,\n  ]);\n\n  const renderValue =\n    renderOperator &&\n    (schema.autoSelectOperator ||\n      rule.operator !== translations.operators.placeholderName) &&\n    !hideValueControls;\n\n  const value = useMemo(() => {\n    if (renderValue) {\n      return (\n        <div className={classNames?.rule?.values}>\n          <ValueEditorControlElement\n            testID={TestID.valueEditor}\n            field={rule.field}\n            fieldData={fieldData}\n            title={translations.value.title}\n            operator={rule.operator}\n            value={rule.value}\n            valueSource={rule.valueSource ?? 'value'}\n            type={valueEditorType}\n            inputType={inputType}\n            values={values}\n            listsAsArrays={schema.listsAsArrays}\n            parseNumbers={schema.parseNumbers}\n            separator={valueEditorSeparator}\n            className={classNamesProp.value}\n            handleOnChange={generateOnChangeHandler('value')}\n            level={path.length}\n            path={path}\n            disabled={disabled}\n            context={context}\n            validation={validationResult}\n            schema={schema}\n            rule={rule}\n          />\n        </div>\n      );\n    }\n\n    return !renderValue && consistentColumns ? (\n      <div className={classNames?.rule?.values} />\n    ) : null;\n  }, [\n    ValueEditorControlElement,\n    classNames?.rule?.values,\n    classNamesProp.value,\n    consistentColumns,\n    context,\n    disabled,\n    fieldData,\n    generateOnChangeHandler,\n    inputType,\n    path,\n    renderValue,\n    rule,\n    schema,\n    translations.value.title,\n    validationResult,\n    valueEditorSeparator,\n    valueEditorType,\n    values,\n  ]);\n\n  const renderValueSources =\n    renderValue &&\n    !['null', 'notNull'].includes(rule.operator) &&\n    valueSources.length > 1;\n\n  const sources = useMemo(() => {\n    if (renderValueSources) {\n      return (\n        <div className={classNames?.rule?.source}>\n          <ValueSourceSelectorControlElement\n            testID={TestID.valueSourceSelector}\n            field={rule.field}\n            fieldData={fieldData}\n            title={translations.valueSourceSelector.title}\n            options={valueSourceOptions}\n            value={rule.valueSource ?? 'value'}\n            className={classNamesProp.valueSource}\n            handleOnChange={generateOnChangeHandler('valueSource')}\n            level={path.length}\n            path={path}\n            disabled={disabled}\n            context={context}\n            validation={validationResult}\n            schema={schema}\n            rule={rule}\n          />\n        </div>\n      );\n    }\n\n    return !renderValueSources && consistentColumns ? (\n      <div className={classNames?.rule?.source} />\n    ) : null;\n  }, [\n    ValueSourceSelectorControlElement,\n    classNames?.rule?.source,\n    classNamesProp.valueSource,\n    consistentColumns,\n    context,\n    disabled,\n    fieldData,\n    generateOnChangeHandler,\n    path,\n    renderValueSources,\n    rule,\n    schema,\n    translations.valueSourceSelector.title,\n    validationResult,\n    valueSourceOptions,\n  ]);\n\n  return (\n    <>\n      {showShiftActions && (\n        <div className={classNames?.rule?.shift}>\n          <ShiftActionsControlElement\n            testID={TestID.shiftActions}\n            level={path.length}\n            path={path}\n            titles={titles}\n            labels={labels}\n            className={classNamesProp.shiftActions}\n            disabled={disabled}\n            shiftUp={shiftRuleUp}\n            shiftDown={shiftRuleDown}\n            shiftUpDisabled={shiftUpDisabled}\n            shiftDownDisabled={shiftDownDisabled}\n            context={context}\n            validation={validationResult}\n            schema={schema}\n            ruleOrGroup={rule}\n          />\n        </div>\n      )}\n      {enableDragAndDrop && (\n        <div className={classNames?.rule?.drag}>\n          <DragHandleControlElement\n            testID={TestID.dragHandle}\n            ref={dragRef}\n            level={path.length}\n            path={path}\n            title={translations.dragHandle.title}\n            label={translations.dragHandle.label}\n            className={classNamesProp.dragHandle}\n            disabled={disabled}\n            context={context}\n            validation={validationResult}\n            schema={schema}\n            ruleOrGroup={rule}\n          />\n        </div>\n      )}\n      <div className={classNames?.rule?.field}>\n        <FieldSelectorControlElement\n          testID={TestID.fields}\n          options={schema.fields}\n          title={translations.fields.title}\n          value={rule.field}\n          operator={rule.operator}\n          className={classNamesProp.fields}\n          handleOnChange={generateOnChangeHandler('field')}\n          level={path.length}\n          path={path}\n          disabled={disabled}\n          context={context}\n          validation={validationResult}\n          schema={schema}\n          rule={rule}\n        />\n      </div>\n      {operator}\n      {sources}\n      {value}\n      {showCloneButtons && (\n        <div className={classNames?.rule?.clone}>\n          <CloneRuleActionControlElement\n            testID={TestID.cloneRule}\n            label={translations.cloneRule.label}\n            title={translations.cloneRule.title}\n            className={classNamesProp.cloneRule}\n            handleOnClick={cloneRule}\n            level={path.length}\n            path={path}\n            disabled={disabled}\n            context={context}\n            validation={validationResult}\n            ruleOrGroup={rule}\n            schema={schema}\n          />\n        </div>\n      )}\n      {showLockButtons && (\n        <div className={classNames?.rule?.lock}>\n          <LockRuleActionControlElement\n            testID={TestID.lockRule}\n            label={translations.lockRule.label}\n            title={translations.lockRule.title}\n            className={classNamesProp.lockRule}\n            handleOnClick={toggleLockRule}\n            level={path.length}\n            path={path}\n            disabled={disabled}\n            disabledTranslation={\n              parentDisabled ? undefined : translations.lockRuleDisabled\n            }\n            context={context}\n            validation={validationResult}\n            ruleOrGroup={rule}\n            schema={schema}\n          />\n        </div>\n      )}\n      <div className={classNames?.rule?.remove}>\n        <RemoveRuleActionControlElement\n          testID={TestID.removeRule}\n          label={translations.removeRule.label}\n          title={translations.removeRule.title}\n          className={classNamesProp.removeRule}\n          handleOnClick={removeRule}\n          level={path.length}\n          path={path}\n          disabled={disabled}\n          context={context}\n          validation={validationResult}\n          ruleOrGroup={rule}\n          schema={schema}\n        />\n      </div>\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/query-builder/types.d.ts

@@ -1,128 +0,0 @@
-import type { ComponentType, ReactElement } from 'react';
-import type { QueryBuilderProps as RQBProps, FullField, FullOperator, FullCombinator, ActionProps as RQBActionProps, RuleGroupProps, RuleGroupType, ValueEditorProps, useRuleGroup } from 'react-querybuilder';
-import type { LiteralUnion, PartialDeep } from 'type-fest';
-import type { AsType, RenderPropsChildren, OmitProtectedProps } from '../../types';
-import type { ButtonClassNames, ButtonProps } from '../button/types';
-import type { CheckboxClassNames, CheckboxRenderProps } from '../checkbox/types';
-import type { InputClassNames, InputProps } from '../input/types';
-import type { RadioClassNames } from '../radio/types';
-import type { SelectClassNames, SelectProps, SelectRenderProps } from '../select/types';
-import type { SwitchClassNames } from '../switch/types';
-import type { TextAreaProps, TextAreaClassNames } from '../textarea/types';
-type DefaultRQBProps = RQBProps<RuleGroupType, FullField, FullOperator, FullCombinator>;
-type SupportedClassNames = Pick<Exclude<DefaultRQBProps['controlClassnames'], undefined>, 'addGroup' | 'addRule' | 'cloneGroup' | 'cloneRule' | 'dragHandle' | 'lockGroup' | 'lockRule' | 'removeGroup' | 'removeRule'>;
-export type QueryBuilderClassNames = PartialDeep<{
-    [K in keyof SupportedClassNames]: string;
-} & {
-    queryBuilder: {
-        container: string;
-        queryBuilder: string;
-    };
-    group: {
-        container: string;
-        group: string;
-        header: string;
-        body: string;
-        footer: string;
-        add: string;
-        clone: string;
-        combinator: string;
-        drag: string;
-        lock: string;
-        shift: string;
-        remove: string;
-        toggle: string;
-    };
-    rule: {
-        container: string;
-        rule: string;
-        field: string;
-        operator: string;
-        source: string;
-        values: string;
-        value: string;
-        add: string;
-        clone: string;
-        drag: string;
-        lock: string;
-        shift: string;
-        remove: string;
-        error: string;
-    };
-    button: ButtonClassNames;
-    checkbox: CheckboxClassNames;
-    input: InputClassNames;
-    radio: RadioClassNames;
-    select: SelectClassNames;
-    switch: SwitchClassNames;
-    textarea: TextAreaClassNames;
-}>;
-export type QueryBuilderSizes = 'sm' | 'lg';
-export type QueryBuilderMapping = Partial<{
-    button: Record<QueryBuilderSizes, OmitProtectedProps<ButtonProps>>;
-    error: Record<QueryBuilderSizes, string>;
-    input: Record<QueryBuilderSizes, OmitProtectedProps<InputProps>>;
-    select: Record<QueryBuilderSizes, OmitProtectedProps<SelectProps<object>>>;
-    textarea: Record<QueryBuilderSizes, OmitProtectedProps<TextAreaProps>>;
-}>;
-export type QueryBuilderValueEditors = Record<LiteralUnion<Exclude<ValueEditorProps['type'], null | undefined>, string>, (props: ValueEditorProps) => ReactElement>;
-export type RuleGroupElementsProps = RuleGroupProps & ReturnType<typeof useRuleGroup>;
-export type RuleGroupElements = {
-    ruleGroupBodyElements: ComponentType<RuleGroupElementsProps>;
-    ruleGroupFooterElements: ComponentType<RuleGroupElementsProps>;
-    ruleGroupHeaderElements: ComponentType<RuleGroupElementsProps>;
-};
-type BaseQueryBuilderProps = {
-    classNames?: QueryBuilderClassNames;
-    consistentColumns?: boolean;
-    controlElements?: DefaultRQBProps['controlElements'] & Partial<RuleGroupElements>;
-    icons?: {
-        checkbox?: RenderPropsChildren<CheckboxRenderProps>;
-        select?: RenderPropsChildren<SelectRenderProps>;
-    };
-    mapping?: QueryBuilderMapping;
-    size?: QueryBuilderSizes;
-    valueEditors?: QueryBuilderValueEditors;
-};
-/**
- * Omitted props are currently unsupported functionality
- */
-export type QueryBuilderProps = Partial<Omit<DefaultRQBProps, 'showCombinatorsBetweenRules' | 'listsAsArrays'> & BaseQueryBuilderProps>;
-export type ActionProps = AsType<RQBActionProps>;
-export type QueryBuilderContextValue = BaseQueryBuilderProps & Required<Pick<BaseQueryBuilderProps, 'size'>> & {
-    controlElements: RuleGroupElements;
-};
-export type QueryBuilderState = {
-    isDisabled: boolean;
-};
-export type QueryBuilderGroupState = {
-    /**
-     * Columns after the core 4 columns and before the remove rule column
-     */
-    after: number;
-    /**
-     * Columns before the core 4 columns
-     */
-    before: number;
-    /**
-     * Calculated based on enabled features
-     */
-    columns: number;
-    /**
-     * Represents whether the rule or any of its parents are disabled
-     *
-     * RQB also uses this property when a rule is locked
-     */
-    isDisabled: boolean;
-};
-export type QueryBuilderRuleState = {
-    /**
-     * Represents whether the rule or any of its parents are disabled
-     *
-     * RQB also uses this property when a rule is locked
-     */
-    isDisabled: boolean;
-    isDragging: boolean;
-    isDropTarget: boolean;
-};
-export {};

package/dist/components/query-builder/utils.d.ts

@@ -1,29 +0,0 @@
-import type { MouseEvent } from 'react';
-import type { PressEvent } from 'react-aria';
-import type { RuleType, RuleValidator, ValidationResult } from 'react-querybuilder';
-/**
- * This is required because the C2DS Button supports an onPress event but
- * QueryBuilder provides a callback that expects a MouseEvent and will error
- * out if preventDefault is not available as a method.
- * @param event
- */
-export declare const pressToMouseEvent: (event: PressEvent) => MouseEvent;
-/**
- * Validates according to the validator function
- *
- * For single-value rules (e.g. 5 is a number), validator function should provide a single conditional
- * const singleValidator = z.string().min(1);
- *
- * For multi-value rules (e.g. using operators such as "between" or "during), validator func can optionally
- * be a union conditional https://zod.dev/?id=unions to allow validation against either a single value or multiple.
- * Right and left validators in the tuple do not need to be the same.
- *
- * const multiValidator = z.union([
- *    singleValidator,
- *    z.tuple([singleValidator, singleValidator])
- * ])
- *
- * @param rule
- * @param validator
- */
-export declare const getValidationResult: (rule: RuleType, validator?: RuleValidator) => ValidationResult;

package/dist/components/query-builder/utils.js

@@ -1,22 +0,0 @@
-import { noop } from 'lodash';
-
-const pressToMouseEvent = (event) => ({
-  ...event,
-  preventDefault: noop,
-  stopPropagation: noop
-});
-const getValidationResult = (rule, validator) => {
-  if (!validator) {
-    return { valid: true };
-  }
-  const result = validator(rule);
-  if (typeof result === "boolean") {
-    return { valid: result };
-  }
-  return {
-    valid: result.valid,
-    reasons: result.valid ? [] : result.reasons
-  };
-};
-
-export { getValidationResult, pressToMouseEvent };

package/dist/components/query-builder/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/query-builder/utils.ts"],"sourcesContent":["import { noop } from 'lodash';\nimport type { MouseEvent } from 'react';\nimport type { PressEvent } from 'react-aria';\nimport type {\n  RuleType,\n  RuleValidator,\n  ValidationResult,\n} from 'react-querybuilder';\n\n/**\n * This is required because the C2DS Button supports an onPress event but\n * QueryBuilder provides a callback that expects a MouseEvent and will error\n * out if preventDefault is not available as a method.\n * @param event\n */\nexport const pressToMouseEvent = (event: PressEvent) =>\n  ({\n    ...event,\n    preventDefault: noop,\n    stopPropagation: noop,\n  }) as unknown as MouseEvent;\n\n/**\n * Validates according to the validator function\n *\n * For single-value rules (e.g. 5 is a number), validator function should provide a single conditional\n * const singleValidator = z.string().min(1);\n *\n * For multi-value rules (e.g. using operators such as \"between\" or \"during), validator func can optionally\n * be a union conditional https://zod.dev/?id=unions to allow validation against either a single value or multiple.\n * Right and left validators in the tuple do not need to be the same.\n *\n * const multiValidator = z.union([\n *    singleValidator,\n *    z.tuple([singleValidator, singleValidator])\n * ])\n *\n * @param rule\n * @param validator\n */\nexport const getValidationResult = (\n  rule: RuleType,\n  validator?: RuleValidator,\n): ValidationResult => {\n  if (!validator) {\n    return { valid: true };\n  }\n\n  const result = validator(rule);\n\n  if (typeof result === 'boolean') {\n    return { valid: result };\n  }\n\n  return {\n    valid: result.valid,\n    reasons: result.valid ? [] : result.reasons,\n  };\n};\n"],"names":[],"mappings":";;;AAea,MAAA,iBAAA,GAAoB,CAAC,KAC/B,MAAA;AAAA,EACC,GAAG,KAAA;AAAA,EACH,cAAgB,EAAA,IAAA;AAAA,EAChB,eAAiB,EAAA,IAAA;AACnB,CAAA,EAAA;AAoBW,MAAA,mBAAA,GAAsB,CACjC,IAAA,EACA,SACqB,KAAA;AACrB,EAAA,IAAI,CAAC,SAAW,EAAA;AACd,IAAO,OAAA,EAAE,OAAO,IAAK,EAAA,CAAA;AAAA,GACvB;AAEA,EAAM,MAAA,MAAA,GAAS,UAAU,IAAI,CAAA,CAAA;AAE7B,EAAI,IAAA,OAAO,WAAW,SAAW,EAAA;AAC/B,IAAO,OAAA,EAAE,OAAO,MAAO,EAAA,CAAA;AAAA,GACzB;AAEA,EAAO,OAAA;AAAA,IACL,OAAO,MAAO,CAAA,KAAA;AAAA,IACd,OAAS,EAAA,MAAA,CAAO,KAAQ,GAAA,KAAK,MAAO,CAAA,OAAA;AAAA,GACtC,CAAA;AACF;;;;"}

package/dist/components/query-builder/value-editor.d.ts

@@ -1,4 +0,0 @@
-import { type ValueEditorProps } from 'react-querybuilder';
-import type { QueryBuilderValueEditors } from './types';
-export declare const defaultValueEditors: QueryBuilderValueEditors;
-export declare function ValueEditor(props: ValueEditorProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/query-builder/value-editor.js

@@ -1,74 +0,0 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { useContext, useCallback } from 'react';
-import { useValueEditor } from 'react-querybuilder';
-import { Checkbox } from '../checkbox/checkbox.js';
-import { Input } from '../input/input.js';
-import { RadioGroup, Radio } from '../radio/radio.js';
-import { Switch } from '../switch/switch.js';
-import { TextArea } from '../textarea/textarea.js';
-import { QueryBuilderContext, multiValueOperators } from './constants.js';
-import { getValidationResult } from './utils.js';
-import { ValueSelector } from './value-selector.js';
-
-function CheckboxValueEditor({ disabled, fieldData: { name, validator }, handleOnChange, rule, value }) {
-  const { icons } = useContext(QueryBuilderContext);
-  const { valid } = getValidationResult(rule, validator);
-  return jsx(Checkbox, { isDisabled: disabled, isSelected: value, onChange: handleOnChange, "aria-invalid": !valid, "aria-label": name, children: icons?.checkbox });
-}
-function RadioGroupValueEditor({ disabled, fieldData: { name, validator }, handleOnChange, rule, value, values }) {
-  const { valid } = getValidationResult(rule, validator);
-  return jsx(RadioGroup, { value, isDisabled: disabled, onChange: handleOnChange, "aria-invalid": !valid, "aria-label": name, children: values?.map((option) => jsx(Radio, { value: option.value, children: option.label }, option.name)) });
-}
-const defaultOptions = [];
-function SelectValueEditor({ disabled, fieldData: { name, validator }, handleOnChange, rule, type, value, values = defaultOptions, ...rest }) {
-  const { valid } = getValidationResult(rule, validator);
-  return jsx(ValueSelector, { ...rest, disabled, multiple: type === "multiselect", options: values, title: name, validation: !valid, value, handleOnChange });
-}
-function SwitchValueEditor({ disabled, fieldData: { name, validator }, handleOnChange, rule, value }) {
-  const { valid } = getValidationResult(rule, validator);
-  return jsx(Switch, { isDisabled: disabled, isSelected: Boolean(value), onChange: handleOnChange, "aria-invalid": !valid, "aria-label": name });
-}
-function TextValueEditor({ disabled, fieldData: { name, placeholder, validator }, handleOnChange, inputType, rule, value }) {
-  const { valid } = getValidationResult(rule, validator);
-  const handleChange = useCallback((event) => handleOnChange(event.target.value), [handleOnChange]);
-  return jsx(Input, { disabled, placeholder, type: inputType ?? "text", value, onChange: handleChange, "aria-invalid": !valid, "aria-label": name });
-}
-function TextareaValueEditor({ disabled, fieldData: { name, placeholder, validator }, handleOnChange, rule, value }) {
-  const { valid } = getValidationResult(rule, validator);
-  const handleChange = useCallback((event) => handleOnChange(event.currentTarget.textContent), [handleOnChange]);
-  return jsx(TextArea, { disabled, placeholder, value, onChange: handleChange, "aria-label": name, "aria-invalid": !valid });
-}
-const defaultValueEditors = {
-  checkbox: CheckboxValueEditor,
-  multiselect: SelectValueEditor,
-  radio: RadioGroupValueEditor,
-  select: SelectValueEditor,
-  switch: SwitchValueEditor,
-  text: TextValueEditor,
-  textarea: TextareaValueEditor
-};
-function ValueEditor(props) {
-  const { fieldData: { id, valueEditorType }, operator, rule: ruleProp } = props;
-  const { classNames, valueEditors } = useContext(QueryBuilderContext);
-  const { valueAsArray, multiValueHandler } = useValueEditor({
-    ...props,
-    skipHook: true
-  });
-  const rule = useCallback((index) => ({
-    ...ruleProp,
-    value: valueAsArray[index]
-  }), [ruleProp, valueAsArray]);
-  const handleRangeStartChange = useCallback((value) => multiValueHandler(value, 0), [multiValueHandler]);
-  const handleRangeEndChange = useCallback((value) => multiValueHandler(value, 1), [multiValueHandler]);
-  const type = (typeof valueEditorType === "function" ? valueEditorType(operator) : valueEditorType) ?? "text";
-  const Editor = valueEditors?.[type];
-  if (operator === "null" || operator === "notNull" || !Editor) {
-    return null;
-  }
-  if (multiValueOperators.includes(operator)) {
-    return jsx(Fragment, { children: ["start", "end"].map((term, index) => jsx("div", { className: classNames?.rule?.value, children: jsx(Editor, { ...props, rule: rule(index), value: valueAsArray[index], handleOnChange: !index ? handleRangeStartChange : handleRangeEndChange }) }, `${id}-${term}`)) });
-  }
-  return jsx("div", { className: classNames?.rule?.value, children: jsx(Editor, { ...props }) });
-}
-
-export { ValueEditor, defaultValueEditors };