@accelint/design-system 0.3.2 → 0.4.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/query-builder/rule.tsx"],"names":[],"mappings":"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","file":"rule.js","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, orientation } = 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        orientation,\n        isDisabled: rule.disabled,\n        isDragging: rule.isDragging,\n        isDropTarget: rule.isOver,\n      }),\n    [rule.disabled, rule.isDragging, rule.isOver, orientation],\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, orientation } =\n    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 &&\n      consistentColumns &&\n      orientation === 'horizontal' ? (\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    orientation,\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 && orientation === 'horizontal' ? (\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    orientation,\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 &&\n      consistentColumns &&\n      orientation === 'horizontal' ? (\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    orientation,\n  ]);\n\n  const core = useMemo(() => {\n    const controls = (\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      </>\n    );\n\n    return orientation === 'horizontal' ? (\n      controls\n    ) : (\n      <div className={classNames?.rule?.core}>{controls}</div>\n    );\n  }, [\n    FieldSelectorControlElement,\n    classNames?.rule?.core,\n    classNames?.rule?.field,\n    schema.fields,\n    translations.fields.title,\n    classNamesProp.fields,\n    generateOnChangeHandler,\n    path,\n    disabled,\n    context,\n    validationResult,\n    schema,\n    rule,\n    operator,\n    sources,\n    value,\n    orientation,\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      {core}\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"]}

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

@@ -0,0 +1,146 @@
+import { Orientation } from '@react-types/shared';
+import { ReactElement, ComponentType } from 'react';
+import { ValueEditorProps, RuleGroupProps, useRuleGroup, ActionProps as ActionProps$1, QueryBuilderProps as QueryBuilderProps$1, RuleGroupType, FullField, FullOperator, FullCombinator } from 'react-querybuilder';
+import { PartialDeep, LiteralUnion } from 'type-fest';
+import { AsType } from '../../types/generic.js';
+import { OmitProtectedProps } from '../../types/props.js';
+import { RenderPropsChildren } from '../../types/react-aria.js';
+import { ButtonClassNames, ButtonProps } from '../button/types.js';
+import { CheckboxClassNames, CheckboxRenderProps } from '../checkbox/types.js';
+import { InputClassNames, InputProps } from '../input/types.js';
+import { RadioClassNames } from '../radio/types.js';
+import { SelectClassNames, SelectProps, SelectRenderProps } from '../select/types.js';
+import { SwitchClassNames } from '../switch/types.js';
+import { TextAreaClassNames, TextAreaProps } from '../textarea/types.js';
+import 'react-aria-components';
+import '../icon/types.js';
+import '../options/types.js';
+
+type DefaultRQBProps = QueryBuilderProps$1<RuleGroupType, FullField, FullOperator, FullCombinator>;
+type SupportedClassNames = Pick<Exclude<DefaultRQBProps['controlClassnames'], undefined>, 'addGroup' | 'addRule' | 'cloneGroup' | 'cloneRule' | 'dragHandle' | 'lockGroup' | 'lockRule' | 'removeGroup' | 'removeRule'>;
+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;
+        core: 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;
+}>;
+type QueryBuilderSizes = 'sm' | 'lg';
+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>>;
+}>;
+type QueryBuilderValueEditors = Record<LiteralUnion<Exclude<ValueEditorProps['type'], null | undefined>, string>, (props: ValueEditorProps) => ReactElement>;
+type RuleGroupElementsProps = RuleGroupProps & ReturnType<typeof useRuleGroup>;
+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;
+    orientation?: Orientation;
+    size?: QueryBuilderSizes;
+    valueEditors?: QueryBuilderValueEditors;
+};
+/**
+ * Omitted props are currently unsupported functionality
+ */
+type QueryBuilderProps = Partial<Omit<DefaultRQBProps, 'showCombinatorsBetweenRules' | 'listsAsArrays'> & BaseQueryBuilderProps>;
+type ActionProps = AsType<ActionProps$1>;
+type QueryBuilderContextValue = BaseQueryBuilderProps & Required<Pick<BaseQueryBuilderProps, 'size'>> & {
+    controlElements: RuleGroupElements;
+};
+type QueryBuilderState = {
+    isDisabled: boolean;
+};
+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;
+    /**
+     * Orientation of core inputs
+     */
+    orientation: Orientation;
+    /**
+     * Represents whether the rule or any of its parents are disabled
+     *
+     * RQB also uses this property when a rule is locked
+     */
+    isDisabled: boolean;
+};
+type QueryBuilderRuleState = {
+    /**
+     * Orientation of core inputs
+     */
+    orientation: Orientation;
+    /**
+     * 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 type { ActionProps, QueryBuilderClassNames, QueryBuilderContextValue, QueryBuilderGroupState, QueryBuilderMapping, QueryBuilderProps, QueryBuilderRuleState, QueryBuilderSizes, QueryBuilderState, QueryBuilderValueEditors, RuleGroupElements, RuleGroupElementsProps };

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

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"types.js"}

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

@@ -0,0 +1,32 @@
+import { PressEvent } from '@react-types/shared';
+import { MouseEvent } from 'react';
+import { 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
+ */
+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
+ */
+declare const getValidationResult: (rule: RuleType, validator?: RuleValidator) => ValidationResult;
+
+export { getValidationResult, pressToMouseEvent };

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

@@ -0,0 +1,25 @@
+import '../../chunk-PZ5AY32C.js';
+import { noop } from '@accelint/core';
+
+var pressToMouseEvent = (event) => ({
+  ...event,
+  preventDefault: noop,
+  stopPropagation: noop
+});
+var 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 };
+//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/query-builder/utils.ts"],"names":[],"mappings":";;;AAea,IAAA,iBAAA,GAAoB,CAAC,KAC/B,MAAA;AAAA,EACC,GAAG,KAAA;AAAA,EACH,cAAgB,EAAA,IAAA;AAAA,EAChB,eAAiB,EAAA;AACnB,CAAA;AAoBW,IAAA,mBAAA,GAAsB,CACjC,IAAA,EACA,SACqB,KAAA;AACrB,EAAA,IAAI,CAAC,SAAW,EAAA;AACd,IAAO,OAAA,EAAE,OAAO,IAAK,EAAA;AAAA;AAGvB,EAAM,MAAA,MAAA,GAAS,UAAU,IAAI,CAAA;AAE7B,EAAI,IAAA,OAAO,WAAW,SAAW,EAAA;AAC/B,IAAO,OAAA,EAAE,OAAO,MAAO,EAAA;AAAA;AAGzB,EAAO,OAAA;AAAA,IACL,OAAO,MAAO,CAAA,KAAA;AAAA,IACd,OAAS,EAAA,MAAA,CAAO,KAAQ,GAAA,KAAK,MAAO,CAAA;AAAA,GACtC;AACF","file":"utils.js","sourcesContent":["import { noop } from '@accelint/core';\nimport type { PressEvent } from '@react-types/shared';\nimport type { MouseEvent } from 'react';\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"]}

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

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ValueEditorProps } from 'react-querybuilder';
+import { QueryBuilderValueEditors } from './types.js';
+import '@react-types/shared';
+import 'react';
+import 'type-fest';
+import '../../types/generic.js';
+import '../../types/props.js';
+import '../../types/react-aria.js';
+import '../button/types.js';
+import 'react-aria-components';
+import '../icon/types.js';
+import '../checkbox/types.js';
+import '../input/types.js';
+import '../radio/types.js';
+import '../select/types.js';
+import '../options/types.js';
+import '../switch/types.js';
+import '../textarea/types.js';
+
+declare const defaultValueEditors: QueryBuilderValueEditors;
+declare function ValueEditor(props: ValueEditorProps): react_jsx_runtime.JSX.Element | null;
+
+export { ValueEditor, defaultValueEditors };

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

@@ -0,0 +1,207 @@
+import '../../chunk-PZ5AY32C.js';
+import { useContext, useCallback } from 'react';
+import { useValueEditor } from 'react-querybuilder';
+import { Checkbox } from '../checkbox/index.js';
+import { Input } from '../input/index.js';
+import { RadioGroup, Radio } from '../radio/index.js';
+import { Switch } from '../switch/index.js';
+import { TextArea } from '../textarea/index.js';
+import { QueryBuilderContext, multiValueOperators } from './constants.js';
+import { getValidationResult } from './utils.js';
+import { ValueSelector } from './value-selector.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+function CheckboxValueEditor({
+  disabled,
+  fieldData: { name, validator },
+  handleOnChange,
+  rule,
+  value
+}) {
+  const { icons } = useContext(QueryBuilderContext);
+  const { valid } = getValidationResult(rule, validator);
+  return /* @__PURE__ */ 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 /* @__PURE__ */ jsx(
+    RadioGroup,
+    {
+      value,
+      isDisabled: disabled,
+      onChange: handleOnChange,
+      "aria-invalid": !valid,
+      "aria-label": name,
+      children: values?.map((option) => /* @__PURE__ */ jsx(Radio, { value: option.value, children: option.label }, option.name))
+    }
+  );
+}
+var defaultOptions = [];
+function SelectValueEditor({
+  disabled,
+  fieldData: { name, validator },
+  handleOnChange,
+  rule,
+  type,
+  value,
+  values = defaultOptions,
+  ...rest
+}) {
+  const { valid } = getValidationResult(rule, validator);
+  return /* @__PURE__ */ 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 /* @__PURE__ */ 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 /* @__PURE__ */ 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 /* @__PURE__ */ jsx(
+    TextArea,
+    {
+      disabled,
+      placeholder,
+      value,
+      onChange: handleChange,
+      "aria-label": name,
+      "aria-invalid": !valid
+    }
+  );
+}
+var 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 /* @__PURE__ */ jsx(Fragment, { children: ["start", "end"].map((term, index) => /* @__PURE__ */ jsx("div", { className: classNames?.rule?.value, children: /* @__PURE__ */ jsx(
+      Editor,
+      {
+        ...props,
+        rule: rule(index),
+        value: valueAsArray[index],
+        handleOnChange: !index ? handleRangeStartChange : handleRangeEndChange
+      }
+    ) }, `${id}-${term}`)) });
+  }
+  return /* @__PURE__ */ jsx("div", { className: classNames?.rule?.value, children: /* @__PURE__ */ jsx(Editor, { ...props }) });
+}
+
+export { ValueEditor, defaultValueEditors };
+//# sourceMappingURL=value-editor.js.map
+//# sourceMappingURL=value-editor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/query-builder/value-editor.tsx"],"names":[],"mappings":"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","file":"value-editor.js","sourcesContent":["import {\n  type ChangeEvent,\n  type FormEvent,\n  useCallback,\n  useContext,\n} from 'react';\nimport { useValueEditor, type ValueEditorProps } from 'react-querybuilder';\nimport { Checkbox } from '../checkbox';\nimport { Input, type InputType } from '../input';\nimport { Radio, RadioGroup } from '../radio';\nimport { Switch } from '../switch';\nimport { TextArea } from '../textarea';\nimport { multiValueOperators, QueryBuilderContext } from './constants';\nimport type { QueryBuilderValueEditors } from './types';\nimport { getValidationResult } from './utils';\nimport { ValueSelector } from './value-selector';\n\nfunction CheckboxValueEditor({\n  disabled,\n  fieldData: { name, validator },\n  handleOnChange,\n  rule,\n  value,\n}: ValueEditorProps) {\n  const { icons } = useContext(QueryBuilderContext);\n  const { valid } = getValidationResult(rule, validator);\n\n  return (\n    <Checkbox\n      isDisabled={disabled}\n      isSelected={value}\n      onChange={handleOnChange}\n      aria-invalid={!valid}\n      aria-label={name}\n    >\n      {icons?.checkbox}\n    </Checkbox>\n  );\n}\n\nfunction RadioGroupValueEditor({\n  disabled,\n  fieldData: { name, validator },\n  handleOnChange,\n  rule,\n  value,\n  values,\n}: ValueEditorProps) {\n  const { valid } = getValidationResult(rule, validator);\n\n  return (\n    <RadioGroup\n      value={value}\n      isDisabled={disabled}\n      onChange={handleOnChange}\n      aria-invalid={!valid}\n      aria-label={name}\n    >\n      {values?.map((option) => (\n        <Radio key={option.name} value={option.value}>\n          {option.label}\n        </Radio>\n      ))}\n    </RadioGroup>\n  );\n}\n\nconst defaultOptions: unknown[] = [];\n\nfunction SelectValueEditor({\n  disabled,\n  fieldData: { name, validator },\n  handleOnChange,\n  rule,\n  type,\n  value,\n  values = defaultOptions,\n  ...rest\n}: ValueEditorProps) {\n  const { valid } = getValidationResult(rule, validator);\n\n  return (\n    <ValueSelector\n      {...rest}\n      disabled={disabled}\n      multiple={type === 'multiselect'}\n      options={values}\n      title={name}\n      validation={!valid}\n      value={value}\n      handleOnChange={handleOnChange}\n    />\n  );\n}\n\nfunction SwitchValueEditor({\n  disabled,\n  fieldData: { name, validator },\n  handleOnChange,\n  rule,\n  value,\n}: ValueEditorProps) {\n  const { valid } = getValidationResult(rule, validator);\n\n  return (\n    <Switch\n      isDisabled={disabled}\n      isSelected={Boolean(value)}\n      onChange={handleOnChange}\n      aria-invalid={!valid}\n      aria-label={name}\n    />\n  );\n}\n\nfunction TextValueEditor({\n  disabled,\n  fieldData: { name, placeholder, validator },\n  handleOnChange,\n  inputType,\n  rule,\n  value,\n}: ValueEditorProps) {\n  const { valid } = getValidationResult(rule, validator);\n\n  const handleChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) =>\n      handleOnChange(event.target.value),\n    [handleOnChange],\n  );\n\n  return (\n    <Input\n      disabled={disabled}\n      placeholder={placeholder}\n      type={(inputType as InputType) ?? 'text'}\n      value={value}\n      onChange={handleChange}\n      aria-invalid={!valid}\n      aria-label={name}\n    />\n  );\n}\n\nfunction TextareaValueEditor({\n  disabled,\n  fieldData: { name, placeholder, validator },\n  handleOnChange,\n  rule,\n  value,\n}: ValueEditorProps) {\n  const { valid } = getValidationResult(rule, validator);\n\n  const handleChange = useCallback(\n    (event: FormEvent<HTMLSpanElement>) =>\n      handleOnChange(event.currentTarget.textContent),\n    [handleOnChange],\n  );\n\n  return (\n    <TextArea\n      disabled={disabled}\n      placeholder={placeholder}\n      value={value}\n      onChange={handleChange}\n      aria-label={name}\n      aria-invalid={!valid}\n    />\n  );\n}\n\nexport const defaultValueEditors: QueryBuilderValueEditors = {\n  checkbox: CheckboxValueEditor,\n  multiselect: SelectValueEditor,\n  radio: RadioGroupValueEditor,\n  select: SelectValueEditor,\n  switch: SwitchValueEditor,\n  text: TextValueEditor,\n  textarea: TextareaValueEditor,\n};\n\nexport function ValueEditor(props: ValueEditorProps) {\n  const {\n    fieldData: { id, valueEditorType },\n    operator,\n    rule: ruleProp,\n  } = props;\n\n  const { classNames, valueEditors } = useContext(QueryBuilderContext);\n\n  const { valueAsArray, multiValueHandler } = useValueEditor({\n    ...props,\n    skipHook: true,\n  });\n\n  const rule = useCallback(\n    (index: number) => ({\n      ...ruleProp,\n      value: valueAsArray[index],\n    }),\n    [ruleProp, valueAsArray],\n  );\n\n  const handleRangeStartChange = useCallback(\n    (value: string) => multiValueHandler(value, 0),\n    [multiValueHandler],\n  );\n\n  const handleRangeEndChange = useCallback(\n    (value: string) => multiValueHandler(value, 1),\n    [multiValueHandler],\n  );\n\n  const type =\n    (typeof valueEditorType === 'function'\n      ? valueEditorType(operator)\n      : valueEditorType) ?? 'text';\n\n  const Editor = valueEditors?.[type];\n\n  if (operator === 'null' || operator === 'notNull' || !Editor) {\n    return null;\n  }\n\n  if (multiValueOperators.includes(operator)) {\n    return (\n      <>\n        {['start', 'end'].map((term, index) => (\n          <div key={`${id}-${term}`} className={classNames?.rule?.value}>\n            <Editor\n              {...props}\n              rule={rule(index)}\n              value={valueAsArray[index]}\n              handleOnChange={\n                !index ? handleRangeStartChange : handleRangeEndChange\n              }\n            />\n          </div>\n        ))}\n      </>\n    );\n  }\n\n  return (\n    <div className={classNames?.rule?.value}>\n      <Editor {...props} />\n    </div>\n  );\n}\n"]}

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

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FullOption, ValueSelectorProps } from 'react-querybuilder';
+
+declare function ValueSelector<T extends FullOption = FullOption>({ handleOnChange, listsAsArrays, options: optionsProp, multiple, title, validation, value, ...rest }: ValueSelectorProps<T>): react_jsx_runtime.JSX.Element;
+
+export { ValueSelector };

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

@@ -0,0 +1,77 @@
+import '../../chunk-PZ5AY32C.js';
+import { useContext, useCallback, useMemo } from 'react';
+import { useValueSelector, isOptionGroupArray } from 'react-querybuilder';
+import { callRenderProps } from '../../utils/index.js';
+import { AriaSection, AriaHeader, AriaSelectValue } from '../aria/index.js';
+import { Button } from '../button/index.js';
+import { OptionsItem, OptionsList, Options } from '../options/index.js';
+import { Select } from '../select/index.js';
+import { QueryBuilderContext } from './constants.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function ValueSelector({
+  handleOnChange,
+  listsAsArrays,
+  options: optionsProp,
+  multiple,
+  title,
+  validation,
+  value,
+  ...rest
+}) {
+  const { icons, size } = useContext(QueryBuilderContext);
+  const { onChange, val } = useValueSelector({
+    handleOnChange,
+    listsAsArrays,
+    multiple,
+    value
+  });
+  const handleSelectionChange = useCallback(
+    (selection) => onChange(`${selection}`),
+    [onChange]
+  );
+  const handleMultiSelectChange = useCallback(
+    (keys) => onChange([...keys].join(", ")),
+    [onChange]
+  );
+  const options = useMemo(
+    () => isOptionGroupArray(optionsProp) ? optionsProp.map((section) => /* @__PURE__ */ jsxs(AriaSection, { children: [
+      /* @__PURE__ */ jsx(AriaHeader, { children: section.label }),
+      section.options.map((option) => /* @__PURE__ */ jsx(OptionsItem, { id: option.name, children: option.label }, option.name))
+    ] }, section.label)) : optionsProp.map((option) => /* @__PURE__ */ jsx(OptionsItem, { id: option.name, children: option.label }, option.name)),
+    [optionsProp]
+  );
+  return multiple ? /* @__PURE__ */ jsx(
+    OptionsList,
+    {
+      ...rest,
+      selectedKeys: val,
+      selectionMode: "multiple",
+      size,
+      onSelectionChange: handleMultiSelectChange,
+      "aria-label": title,
+      children: options
+    }
+  ) : /* @__PURE__ */ jsx(
+    Select,
+    {
+      ...rest,
+      selectedKey: Array.isArray(val) ? val[0] : val,
+      size,
+      isInvalid: title === "Value" && !validation,
+      onSelectionChange: handleSelectionChange,
+      "aria-label": title,
+      children: (renderProps) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(Button, { children: [
+          /* @__PURE__ */ jsx(AriaSelectValue, { children: ({ selectedText }) => selectedText }),
+          callRenderProps(icons?.select, renderProps)
+        ] }),
+        /* @__PURE__ */ jsx(Options, { children: /* @__PURE__ */ jsx(OptionsList, { children: options }) })
+      ] })
+    }
+  );
+}
+
+export { ValueSelector };
+//# sourceMappingURL=value-selector.js.map
+//# sourceMappingURL=value-selector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/query-builder/value-selector.tsx"],"names":[],"mappings":"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","file":"value-selector.js","sourcesContent":["import type { Key } from '@react-types/shared';\nimport { useCallback, useContext, useMemo } from 'react';\nimport type { Selection } from 'react-aria-components';\nimport {\n  type FullOption,\n  isOptionGroupArray,\n  useValueSelector,\n  type ValueSelectorProps,\n} from 'react-querybuilder';\nimport { callRenderProps } from '../../utils';\nimport { AriaHeader, AriaSection, AriaSelectValue } from '../aria';\nimport { Button } from '../button';\nimport { Options, OptionsItem, OptionsList } from '../options';\nimport { Select } from '../select';\nimport { QueryBuilderContext } from './constants';\n\nexport function ValueSelector<T extends FullOption = FullOption>({\n  handleOnChange,\n  listsAsArrays,\n  options: optionsProp,\n  multiple,\n  title,\n  validation,\n  value,\n  ...rest\n}: ValueSelectorProps<T>) {\n  const { icons, size } = useContext(QueryBuilderContext);\n\n  const { onChange, val } = useValueSelector({\n    handleOnChange,\n    listsAsArrays,\n    multiple,\n    value,\n  });\n\n  const handleSelectionChange = useCallback(\n    (selection: Key) => onChange(`${selection}`),\n    [onChange],\n  );\n\n  const handleMultiSelectChange = useCallback(\n    (keys: Selection) => onChange([...keys].join(', ')),\n    [onChange],\n  );\n\n  const options = useMemo(\n    () =>\n      isOptionGroupArray(optionsProp)\n        ? optionsProp.map((section) => (\n            <AriaSection key={section.label}>\n              <AriaHeader>{section.label}</AriaHeader>\n              {section.options.map((option) => (\n                <OptionsItem id={option.name} key={option.name}>\n                  {option.label}\n                </OptionsItem>\n              ))}\n            </AriaSection>\n          ))\n        : optionsProp.map((option) => (\n            <OptionsItem id={option.name} key={option.name}>\n              {option.label}\n            </OptionsItem>\n          )),\n    [optionsProp],\n  );\n\n  return multiple ? (\n    <OptionsList // TODO: Replace with ChipField when it exists\n      {...rest}\n      selectedKeys={val}\n      selectionMode='multiple'\n      size={size}\n      onSelectionChange={handleMultiSelectChange}\n      aria-label={title}\n    >\n      {options}\n    </OptionsList>\n  ) : (\n    <Select\n      {...rest}\n      selectedKey={Array.isArray(val) ? val[0] : val}\n      size={size}\n      isInvalid={title === 'Value' && !validation}\n      onSelectionChange={handleSelectionChange}\n      aria-label={title}\n    >\n      {(renderProps) => (\n        <>\n          <Button>\n            <AriaSelectValue>\n              {({ selectedText }) => selectedText}\n            </AriaSelectValue>\n            {callRenderProps(icons?.select, renderProps)}\n          </Button>\n          <Options>\n            <OptionsList>{options}</OptionsList>\n          </Options>\n        </>\n      )}\n    </Select>\n  );\n}\n"]}

package/dist/components/radio/index.d.ts

@@ -0,0 +1,7 @@
+export { Radio, RadioContext, RadioGroup, RadioGroupContext } from './radio.js';
+export { radioClassNames, radioColorVars, radioGroupStateVars, radioSpaceVars, radioStateVars } from './radio.css.js';
+export { RadioAlignment, RadioClassNames, RadioContextProps, RadioGroupProps, RadioGroupState, RadioProps, RadioState } from './types.js';
+import 'react';
+import 'react-aria-components';
+import '../../types/react-aria.js';
+import 'type-fest';

package/dist/components/radio/index.js

@@ -0,0 +1,6 @@
+import '../../chunk-PZ5AY32C.js';
+export { Radio, RadioContext, RadioGroup, RadioGroupContext } from './radio.js';
+export { radioClassNames, radioColorVars, radioGroupStateVars, radioSpaceVars, radioStateVars } from './radio.css.js';
+import './types.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/radio/index.js.map

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