@accelint/design-system 0.3.3 → 0.4.0

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

@@ -0,0 +1,396 @@
+import '../../chunk-PZ5AY32C.js';
+import { useContext, useMemo, Fragment as Fragment$1 } from 'react';
+import { useRuleGroup, useStopEventPropagation, TestID, pathsAreEqual, isRuleGroup, isRuleGroupType } from 'react-querybuilder';
+import { inlineVars } from '../../utils/index.js';
+import { QueryBuilderContext } from './constants.js';
+import { queryBuilderGroupStateVars } from './query-builder.css.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var HORZ_CORE_COLUMNS_COUNT = 5;
+var VERT_CORE_COLUMNS_COUNT = 2;
+function RuleGroup(props) {
+  const {
+    classNames,
+    controlElements: {
+      ruleGroupBodyElements: RuleGroupBodyElements,
+      ruleGroupFooterElements: RuleGroupFooterElements,
+      ruleGroupHeaderElements: RuleGroupHeaderElements
+    },
+    orientation
+  } = useContext(QueryBuilderContext);
+  const {
+    schema: {
+      enableDragAndDrop,
+      showCloneButtons,
+      showLockButtons,
+      showShiftActions
+    }
+  } = props;
+  const after = useMemo(
+    () => [showCloneButtons, showLockButtons].reduce(
+      (acc, flag) => acc + (flag ? 1 : 0),
+      0
+    ),
+    [showCloneButtons, showLockButtons]
+  );
+  const before = useMemo(
+    () => [enableDragAndDrop, showShiftActions].reduce(
+      (acc, flag) => acc + (flag ? 1 : 0),
+      0
+    ),
+    [enableDragAndDrop, showShiftActions]
+  );
+  const columns = useMemo(
+    () => (orientation === "horizontal" ? HORZ_CORE_COLUMNS_COUNT : VERT_CORE_COLUMNS_COUNT) + before + after,
+    [orientation, after, before]
+  );
+  const style = useMemo(
+    () => inlineVars(queryBuilderGroupStateVars, {
+      after,
+      before,
+      columns,
+      orientation,
+      isDisabled: false
+    }),
+    [after, before, columns, orientation]
+  );
+  const group = useRuleGroup(props);
+  const addRule = useStopEventPropagation(group.addRule);
+  const addGroup = useStopEventPropagation(group.addGroup);
+  const cloneGroup = useStopEventPropagation(group.cloneGroup);
+  const toggleLockGroup = useStopEventPropagation(group.toggleLockGroup);
+  const removeGroup = useStopEventPropagation(group.removeGroup);
+  const shiftGroupUp = useStopEventPropagation(group.shiftGroupUp);
+  const shiftGroupDown = useStopEventPropagation(group.shiftGroupDown);
+  const elementProps = useMemo(
+    () => ({
+      ...group,
+      addGroup,
+      addRule,
+      cloneGroup,
+      removeGroup,
+      shiftGroupDown,
+      shiftGroupUp,
+      toggleLockGroup
+    }),
+    [
+      addGroup,
+      addRule,
+      cloneGroup,
+      group,
+      removeGroup,
+      shiftGroupDown,
+      shiftGroupUp,
+      toggleLockGroup
+    ]
+  );
+  return /* @__PURE__ */ jsx("div", { className: classNames?.group?.container, style, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: group.previewRef,
+      className: group.outerClassName,
+      "data-dragmonitorid": group.dragMonitorId,
+      "data-dropmonitorid": group.dropMonitorId,
+      "data-level": group.path.length,
+      "data-path": JSON.stringify(group.path),
+      "data-rule-group-id": group.id,
+      "data-testid": TestID.ruleGroup,
+      children: [
+        /* @__PURE__ */ jsx("div", { ref: group.dropRef, className: group.classNames.header, children: /* @__PURE__ */ jsx(RuleGroupHeaderElements, { ...elementProps }) }),
+        /* @__PURE__ */ jsx("div", { className: group.classNames.body, children: /* @__PURE__ */ jsx(RuleGroupBodyElements, { ...elementProps }) }),
+        /* @__PURE__ */ jsx("div", { className: classNames?.group?.footer, children: /* @__PURE__ */ jsx(RuleGroupFooterElements, { ...elementProps }) })
+      ]
+    }
+  ) });
+}
+function RuleGroupHeaderComponents(ruleGroup) {
+  const { classNames } = useContext(QueryBuilderContext);
+  const {
+    schema: {
+      controls: {
+        shiftActions: ShiftActionsControlElement,
+        dragHandle: DragHandleControlElement,
+        combinatorSelector: CombinatorSelectorControlElement,
+        notToggle: NotToggleControlElement,
+        cloneGroupAction: CloneGroupActionControlElement,
+        lockGroupAction: LockGroupActionControlElement,
+        removeGroupAction: RemoveGroupActionControlElement
+      }
+    }
+  } = ruleGroup;
+  const titles = useMemo(
+    () => ({
+      shiftUp: ruleGroup.translations.shiftActionUp.title,
+      shiftDown: ruleGroup.translations.shiftActionDown.title
+    }),
+    [
+      ruleGroup.translations.shiftActionDown.title,
+      ruleGroup.translations.shiftActionUp.title
+    ]
+  );
+  const labels = useMemo(
+    () => ({
+      shiftUp: ruleGroup.translations.shiftActionUp.label,
+      shiftDown: ruleGroup.translations.shiftActionDown.label
+    }),
+    [
+      ruleGroup.translations.shiftActionDown.label,
+      ruleGroup.translations.shiftActionUp.label
+    ]
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    ruleGroup.schema.showShiftActions && ruleGroup.path.length > 0 && /* @__PURE__ */ jsx("div", { className: classNames?.group?.shift, children: /* @__PURE__ */ jsx(
+      ShiftActionsControlElement,
+      {
+        testID: TestID.shiftActions,
+        level: ruleGroup.path.length,
+        path: ruleGroup.path,
+        titles,
+        labels,
+        className: ruleGroup.classNames.shiftActions,
+        disabled: ruleGroup.disabled,
+        shiftUp: ruleGroup.shiftGroupUp,
+        shiftDown: ruleGroup.shiftGroupDown,
+        shiftUpDisabled: ruleGroup.shiftUpDisabled,
+        shiftDownDisabled: ruleGroup.shiftDownDisabled,
+        context: ruleGroup.context,
+        validation: ruleGroup.validationResult,
+        schema: ruleGroup.schema,
+        ruleOrGroup: ruleGroup.ruleGroup
+      },
+      TestID.shiftActions
+    ) }),
+    ruleGroup.path.length > 0 && ruleGroup.schema.enableDragAndDrop && /* @__PURE__ */ jsx("div", { className: classNames?.group?.drag, children: /* @__PURE__ */ jsx(
+      DragHandleControlElement,
+      {
+        testID: TestID.dragHandle,
+        ref: ruleGroup.dragRef,
+        level: ruleGroup.path.length,
+        path: ruleGroup.path,
+        title: ruleGroup.translations.dragHandle.title,
+        label: ruleGroup.translations.dragHandle.label,
+        className: ruleGroup.classNames.dragHandle,
+        disabled: ruleGroup.disabled,
+        context: ruleGroup.context,
+        validation: ruleGroup.validationResult,
+        schema: ruleGroup.schema,
+        ruleOrGroup: ruleGroup.ruleGroup
+      },
+      TestID.dragHandle
+    ) }),
+    !ruleGroup.schema.showCombinatorsBetweenRules && !ruleGroup.schema.independentCombinators && /* @__PURE__ */ jsx("div", { className: classNames?.group?.combinator, children: /* @__PURE__ */ jsx(
+      CombinatorSelectorControlElement,
+      {
+        testID: TestID.combinators,
+        options: ruleGroup.schema.combinators,
+        value: ruleGroup.combinator,
+        title: ruleGroup.translations.combinators.title,
+        className: ruleGroup.classNames.combinators,
+        handleOnChange: ruleGroup.onCombinatorChange,
+        rules: ruleGroup.ruleGroup.rules,
+        level: ruleGroup.path.length,
+        path: ruleGroup.path,
+        disabled: ruleGroup.disabled,
+        context: ruleGroup.context,
+        validation: ruleGroup.validationResult,
+        schema: ruleGroup.schema
+      },
+      TestID.combinators
+    ) }),
+    ruleGroup.schema.showNotToggle && /* @__PURE__ */ jsx("div", { className: classNames?.group?.toggle, children: /* @__PURE__ */ jsx(
+      NotToggleControlElement,
+      {
+        testID: TestID.notToggle,
+        className: ruleGroup.classNames.notToggle,
+        title: ruleGroup.translations.notToggle.title,
+        label: ruleGroup.translations.notToggle.label,
+        checked: ruleGroup.ruleGroup.not,
+        handleOnChange: ruleGroup.onNotToggleChange,
+        level: ruleGroup.path.length,
+        disabled: ruleGroup.disabled,
+        path: ruleGroup.path,
+        context: ruleGroup.context,
+        validation: ruleGroup.validationResult,
+        schema: ruleGroup.schema,
+        ruleGroup: ruleGroup.ruleGroup
+      },
+      TestID.notToggle
+    ) }),
+    ruleGroup.schema.showCloneButtons && ruleGroup.path.length >= 1 && /* @__PURE__ */ jsx("div", { className: classNames?.group?.clone, children: /* @__PURE__ */ jsx(
+      CloneGroupActionControlElement,
+      {
+        testID: TestID.cloneGroup,
+        label: ruleGroup.translations.cloneRuleGroup.label,
+        title: ruleGroup.translations.cloneRuleGroup.title,
+        className: ruleGroup.classNames.cloneGroup,
+        handleOnClick: ruleGroup.cloneGroup,
+        rules: ruleGroup.ruleGroup.rules,
+        level: ruleGroup.path.length,
+        path: ruleGroup.path,
+        disabled: ruleGroup.disabled,
+        context: ruleGroup.context,
+        validation: ruleGroup.validationResult,
+        ruleOrGroup: ruleGroup.ruleGroup,
+        schema: ruleGroup.schema
+      },
+      TestID.cloneGroup
+    ) }),
+    ruleGroup.schema.showLockButtons && /* @__PURE__ */ jsx("div", { className: classNames?.group?.lock, children: /* @__PURE__ */ jsx(
+      LockGroupActionControlElement,
+      {
+        testID: TestID.lockGroup,
+        label: ruleGroup.translations.lockGroup.label,
+        title: ruleGroup.translations.lockGroup.title,
+        className: ruleGroup.classNames.lockGroup,
+        handleOnClick: ruleGroup.toggleLockGroup,
+        rules: ruleGroup.ruleGroup.rules,
+        level: ruleGroup.path.length,
+        path: ruleGroup.path,
+        disabled: ruleGroup.disabled,
+        disabledTranslation: ruleGroup.parentDisabled ? void 0 : ruleGroup.translations.lockGroupDisabled,
+        context: ruleGroup.context,
+        validation: ruleGroup.validationResult,
+        ruleOrGroup: ruleGroup.ruleGroup,
+        schema: ruleGroup.schema
+      },
+      TestID.lockGroup
+    ) }),
+    ruleGroup.path.length > 0 && /* @__PURE__ */ jsx("div", { className: classNames?.group?.remove, children: /* @__PURE__ */ jsx(
+      RemoveGroupActionControlElement,
+      {
+        testID: TestID.removeGroup,
+        label: ruleGroup.translations.removeGroup.label,
+        title: ruleGroup.translations.removeGroup.title,
+        className: ruleGroup.classNames.removeGroup,
+        handleOnClick: ruleGroup.removeGroup,
+        rules: ruleGroup.ruleGroup.rules,
+        level: ruleGroup.path.length,
+        path: ruleGroup.path,
+        disabled: ruleGroup.disabled,
+        context: ruleGroup.context,
+        validation: ruleGroup.validationResult,
+        ruleOrGroup: ruleGroup.ruleGroup,
+        schema: ruleGroup.schema
+      },
+      TestID.removeGroup
+    ) })
+  ] });
+}
+function RuleGroupBodyComponents(ruleGroup) {
+  const {
+    schema: {
+      controls: {
+        ruleGroup: RuleGroupControlElement,
+        rule: RuleControlElement
+      }
+    }
+  } = ruleGroup;
+  return /* @__PURE__ */ jsx(Fragment, { children: ruleGroup.ruleGroup.rules.map(
+    (rule, idx, { length: ruleArrayLength }) => {
+      const thisPathMemo = ruleGroup.pathsMemo[idx];
+      const thisPath = thisPathMemo?.path ?? [];
+      const thisPathDisabled = !thisPathMemo || thisPathMemo.disabled || typeof rule !== "string" && rule.disabled;
+      const shiftUpDisabled = pathsAreEqual([0], thisPath);
+      const shiftDownDisabled = ruleGroup.path.length === 0 && idx === ruleArrayLength - 1;
+      const key = typeof rule === "string" ? [...thisPath, rule].join("-") : rule.id;
+      return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        isRuleGroup(rule) && /* @__PURE__ */ jsx(
+          RuleGroupControlElement,
+          {
+            id: rule.id,
+            schema: ruleGroup.schema,
+            actions: ruleGroup.actions,
+            path: thisPath,
+            translations: ruleGroup.translations,
+            ruleGroup: rule,
+            rules: rule.rules,
+            combinator: isRuleGroupType(rule) ? rule.combinator : void 0,
+            not: !!rule.not,
+            disabled: thisPathDisabled,
+            parentDisabled: ruleGroup.parentDisabled || ruleGroup.disabled,
+            shiftUpDisabled,
+            shiftDownDisabled,
+            context: ruleGroup.context
+          },
+          TestID.ruleGroup
+        ),
+        typeof rule !== "string" && !isRuleGroup(rule) && /* @__PURE__ */ jsx(
+          RuleControlElement,
+          {
+            id: rule.id,
+            rule,
+            field: rule.field,
+            operator: rule.operator,
+            value: rule.value,
+            valueSource: rule.valueSource,
+            schema: ruleGroup.schema,
+            actions: ruleGroup.actions,
+            path: thisPath,
+            disabled: thisPathDisabled,
+            parentDisabled: ruleGroup.parentDisabled || ruleGroup.disabled,
+            translations: ruleGroup.translations,
+            shiftUpDisabled,
+            shiftDownDisabled,
+            context: ruleGroup.context
+          },
+          TestID.rule
+        )
+      ] }, key);
+    }
+  ) });
+}
+function RuleGroupFooterComponents(ruleGroup) {
+  const { classNames } = useContext(QueryBuilderContext);
+  const {
+    schema: {
+      controls: {
+        addGroupAction: AddGroupActionControlElement,
+        addRuleAction: AddRuleActionControlElement
+      }
+    }
+  } = ruleGroup;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: classNames?.rule?.add, children: /* @__PURE__ */ jsx(
+      AddRuleActionControlElement,
+      {
+        testID: TestID.addRule,
+        label: ruleGroup.translations.addRule.label,
+        title: ruleGroup.translations.addRule.title,
+        className: ruleGroup.classNames.addRule,
+        handleOnClick: ruleGroup.addRule,
+        rules: ruleGroup.ruleGroup.rules,
+        level: ruleGroup.path.length,
+        path: ruleGroup.path,
+        disabled: ruleGroup.disabled,
+        context: ruleGroup.context,
+        validation: ruleGroup.validationResult,
+        ruleOrGroup: ruleGroup.ruleGroup,
+        schema: ruleGroup.schema
+      },
+      TestID.addRule
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: classNames?.group?.add, children: /* @__PURE__ */ jsx(
+      AddGroupActionControlElement,
+      {
+        testID: TestID.addGroup,
+        label: ruleGroup.translations.addGroup.label,
+        title: ruleGroup.translations.addGroup.title,
+        className: ruleGroup.classNames.addGroup,
+        handleOnClick: ruleGroup.addGroup,
+        rules: ruleGroup.ruleGroup.rules,
+        level: ruleGroup.path.length,
+        path: ruleGroup.path,
+        disabled: ruleGroup.disabled,
+        context: ruleGroup.context,
+        validation: ruleGroup.validationResult,
+        ruleOrGroup: ruleGroup.ruleGroup,
+        schema: ruleGroup.schema
+      },
+      TestID.addGroup
+    ) })
+  ] });
+}
+
+export { RuleGroup, RuleGroupBodyComponents, RuleGroupFooterComponents, RuleGroupHeaderComponents };
+//# sourceMappingURL=group.js.map
+//# sourceMappingURL=group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/query-builder/group.tsx"],"names":["Fragment"],"mappings":"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","file":"group.js","sourcesContent":["import { Fragment, useContext, useMemo } from 'react';\nimport {\n  type RuleGroupArray,\n  type RuleGroupICArray,\n  type RuleGroupProps,\n  TestID,\n  isRuleGroup,\n  isRuleGroupType,\n  pathsAreEqual,\n  useRuleGroup,\n  useStopEventPropagation,\n} from 'react-querybuilder';\nimport { inlineVars } from '../../utils';\nimport { QueryBuilderContext } from './constants';\nimport { queryBuilderGroupStateVars } from './query-builder.css';\nimport type { RuleGroupElementsProps } from './types';\n\n/**\n * Rules have 5 non-optional functional pieces:\n * - Field\n * - Operator (conditional)\n * - Value Source (conditional)\n * - Value (conditional)\n * - Remove\n */\nconst HORZ_CORE_COLUMNS_COUNT = 5;\n// When layout == column, Field, Operator, Value Source & Value are grouped into a single column\nconst VERT_CORE_COLUMNS_COUNT = 2;\n\nexport function RuleGroup(props: RuleGroupProps) {\n  const {\n    classNames,\n    controlElements: {\n      ruleGroupBodyElements: RuleGroupBodyElements,\n      ruleGroupFooterElements: RuleGroupFooterElements,\n      ruleGroupHeaderElements: RuleGroupHeaderElements,\n    },\n    orientation,\n  } = useContext(QueryBuilderContext);\n\n  const {\n    schema: {\n      enableDragAndDrop,\n      showCloneButtons,\n      showLockButtons,\n      showShiftActions,\n    },\n  } = props;\n\n  const after = useMemo(\n    () =>\n      [showCloneButtons, showLockButtons].reduce(\n        (acc, flag) => acc + (flag ? 1 : 0),\n        0,\n      ),\n    [showCloneButtons, showLockButtons],\n  );\n\n  const before = useMemo(\n    () =>\n      [enableDragAndDrop, showShiftActions].reduce(\n        (acc, flag) => acc + (flag ? 1 : 0),\n        0,\n      ),\n    [enableDragAndDrop, showShiftActions],\n  );\n\n  const columns = useMemo(\n    () =>\n      (orientation === 'horizontal'\n        ? HORZ_CORE_COLUMNS_COUNT\n        : VERT_CORE_COLUMNS_COUNT) +\n      before +\n      after,\n    [orientation, after, before],\n  );\n\n  const style = useMemo(\n    () =>\n      inlineVars(queryBuilderGroupStateVars, {\n        after,\n        before,\n        columns,\n        orientation,\n        isDisabled: false,\n      }),\n    [after, before, columns, orientation],\n  );\n\n  const group = useRuleGroup(props);\n  const addRule = useStopEventPropagation(group.addRule);\n  const addGroup = useStopEventPropagation(group.addGroup);\n  const cloneGroup = useStopEventPropagation(group.cloneGroup);\n  const toggleLockGroup = useStopEventPropagation(group.toggleLockGroup);\n  const removeGroup = useStopEventPropagation(group.removeGroup);\n  const shiftGroupUp = useStopEventPropagation(group.shiftGroupUp);\n  const shiftGroupDown = useStopEventPropagation(group.shiftGroupDown);\n\n  const elementProps = useMemo(\n    () => ({\n      ...(group as RuleGroupElementsProps),\n      addGroup,\n      addRule,\n      cloneGroup,\n      removeGroup,\n      shiftGroupDown,\n      shiftGroupUp,\n      toggleLockGroup,\n    }),\n    [\n      addGroup,\n      addRule,\n      cloneGroup,\n      group,\n      removeGroup,\n      shiftGroupDown,\n      shiftGroupUp,\n      toggleLockGroup,\n    ],\n  );\n\n  return (\n    <div className={classNames?.group?.container} style={style}>\n      <div\n        ref={group.previewRef}\n        className={group.outerClassName}\n        data-dragmonitorid={group.dragMonitorId}\n        data-dropmonitorid={group.dropMonitorId}\n        data-level={group.path.length}\n        data-path={JSON.stringify(group.path)}\n        data-rule-group-id={group.id}\n        data-testid={TestID.ruleGroup}\n      >\n        <div ref={group.dropRef} className={group.classNames.header}>\n          <RuleGroupHeaderElements {...elementProps} />\n        </div>\n        <div className={group.classNames.body}>\n          <RuleGroupBodyElements {...elementProps} />\n        </div>\n        <div className={classNames?.group?.footer}>\n          <RuleGroupFooterElements {...elementProps} />\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport function RuleGroupHeaderComponents(\n  ruleGroup: RuleGroupProps & ReturnType<typeof useRuleGroup>,\n) {\n  const { classNames } = useContext(QueryBuilderContext);\n\n  const {\n    schema: {\n      controls: {\n        shiftActions: ShiftActionsControlElement,\n        dragHandle: DragHandleControlElement,\n        combinatorSelector: CombinatorSelectorControlElement,\n        notToggle: NotToggleControlElement,\n        cloneGroupAction: CloneGroupActionControlElement,\n        lockGroupAction: LockGroupActionControlElement,\n        removeGroupAction: RemoveGroupActionControlElement,\n      },\n    },\n  } = ruleGroup;\n\n  const titles = useMemo(\n    () => ({\n      shiftUp: ruleGroup.translations.shiftActionUp.title,\n      shiftDown: ruleGroup.translations.shiftActionDown.title,\n    }),\n    [\n      ruleGroup.translations.shiftActionDown.title,\n      ruleGroup.translations.shiftActionUp.title,\n    ],\n  );\n\n  const labels = useMemo(\n    () => ({\n      shiftUp: ruleGroup.translations.shiftActionUp.label,\n      shiftDown: ruleGroup.translations.shiftActionDown.label,\n    }),\n    [\n      ruleGroup.translations.shiftActionDown.label,\n      ruleGroup.translations.shiftActionUp.label,\n    ],\n  );\n\n  return (\n    <>\n      {ruleGroup.schema.showShiftActions && ruleGroup.path.length > 0 && (\n        <div className={classNames?.group?.shift}>\n          <ShiftActionsControlElement\n            key={TestID.shiftActions}\n            testID={TestID.shiftActions}\n            level={ruleGroup.path.length}\n            path={ruleGroup.path}\n            titles={titles}\n            labels={labels}\n            className={ruleGroup.classNames.shiftActions}\n            disabled={ruleGroup.disabled}\n            shiftUp={ruleGroup.shiftGroupUp}\n            shiftDown={ruleGroup.shiftGroupDown}\n            shiftUpDisabled={ruleGroup.shiftUpDisabled}\n            shiftDownDisabled={ruleGroup.shiftDownDisabled}\n            context={ruleGroup.context}\n            validation={ruleGroup.validationResult}\n            schema={ruleGroup.schema}\n            ruleOrGroup={ruleGroup.ruleGroup}\n          />\n        </div>\n      )}\n      {ruleGroup.path.length > 0 && ruleGroup.schema.enableDragAndDrop && (\n        <div className={classNames?.group?.drag}>\n          <DragHandleControlElement\n            key={TestID.dragHandle}\n            testID={TestID.dragHandle}\n            ref={ruleGroup.dragRef}\n            level={ruleGroup.path.length}\n            path={ruleGroup.path}\n            title={ruleGroup.translations.dragHandle.title}\n            label={ruleGroup.translations.dragHandle.label}\n            className={ruleGroup.classNames.dragHandle}\n            disabled={ruleGroup.disabled}\n            context={ruleGroup.context}\n            validation={ruleGroup.validationResult}\n            schema={ruleGroup.schema}\n            ruleOrGroup={ruleGroup.ruleGroup}\n          />\n        </div>\n      )}\n      {!ruleGroup.schema.showCombinatorsBetweenRules &&\n        !ruleGroup.schema.independentCombinators && (\n          <div className={classNames?.group?.combinator}>\n            <CombinatorSelectorControlElement\n              key={TestID.combinators}\n              testID={TestID.combinators}\n              options={ruleGroup.schema.combinators}\n              value={ruleGroup.combinator}\n              title={ruleGroup.translations.combinators.title}\n              className={ruleGroup.classNames.combinators}\n              handleOnChange={ruleGroup.onCombinatorChange}\n              rules={ruleGroup.ruleGroup.rules}\n              level={ruleGroup.path.length}\n              path={ruleGroup.path}\n              disabled={ruleGroup.disabled}\n              context={ruleGroup.context}\n              validation={ruleGroup.validationResult}\n              schema={ruleGroup.schema}\n            />\n          </div>\n        )}\n      {ruleGroup.schema.showNotToggle && (\n        <div className={classNames?.group?.toggle}>\n          <NotToggleControlElement\n            key={TestID.notToggle}\n            testID={TestID.notToggle}\n            className={ruleGroup.classNames.notToggle}\n            title={ruleGroup.translations.notToggle.title}\n            label={ruleGroup.translations.notToggle.label}\n            checked={ruleGroup.ruleGroup.not}\n            handleOnChange={ruleGroup.onNotToggleChange}\n            level={ruleGroup.path.length}\n            disabled={ruleGroup.disabled}\n            path={ruleGroup.path}\n            context={ruleGroup.context}\n            validation={ruleGroup.validationResult}\n            schema={ruleGroup.schema}\n            ruleGroup={ruleGroup.ruleGroup}\n          />\n        </div>\n      )}\n      {ruleGroup.schema.showCloneButtons && ruleGroup.path.length >= 1 && (\n        <div className={classNames?.group?.clone}>\n          <CloneGroupActionControlElement\n            key={TestID.cloneGroup}\n            testID={TestID.cloneGroup}\n            label={ruleGroup.translations.cloneRuleGroup.label}\n            title={ruleGroup.translations.cloneRuleGroup.title}\n            className={ruleGroup.classNames.cloneGroup}\n            handleOnClick={ruleGroup.cloneGroup}\n            rules={ruleGroup.ruleGroup.rules}\n            level={ruleGroup.path.length}\n            path={ruleGroup.path}\n            disabled={ruleGroup.disabled}\n            context={ruleGroup.context}\n            validation={ruleGroup.validationResult}\n            ruleOrGroup={ruleGroup.ruleGroup}\n            schema={ruleGroup.schema}\n          />\n        </div>\n      )}\n      {ruleGroup.schema.showLockButtons && (\n        <div className={classNames?.group?.lock}>\n          <LockGroupActionControlElement\n            key={TestID.lockGroup}\n            testID={TestID.lockGroup}\n            label={ruleGroup.translations.lockGroup.label}\n            title={ruleGroup.translations.lockGroup.title}\n            className={ruleGroup.classNames.lockGroup}\n            handleOnClick={ruleGroup.toggleLockGroup}\n            rules={ruleGroup.ruleGroup.rules}\n            level={ruleGroup.path.length}\n            path={ruleGroup.path}\n            disabled={ruleGroup.disabled}\n            disabledTranslation={\n              ruleGroup.parentDisabled\n                ? undefined\n                : ruleGroup.translations.lockGroupDisabled\n            }\n            context={ruleGroup.context}\n            validation={ruleGroup.validationResult}\n            ruleOrGroup={ruleGroup.ruleGroup}\n            schema={ruleGroup.schema}\n          />\n        </div>\n      )}\n      {ruleGroup.path.length > 0 && (\n        <div className={classNames?.group?.remove}>\n          <RemoveGroupActionControlElement\n            key={TestID.removeGroup}\n            testID={TestID.removeGroup}\n            label={ruleGroup.translations.removeGroup.label}\n            title={ruleGroup.translations.removeGroup.title}\n            className={ruleGroup.classNames.removeGroup}\n            handleOnClick={ruleGroup.removeGroup}\n            rules={ruleGroup.ruleGroup.rules}\n            level={ruleGroup.path.length}\n            path={ruleGroup.path}\n            disabled={ruleGroup.disabled}\n            context={ruleGroup.context}\n            validation={ruleGroup.validationResult}\n            ruleOrGroup={ruleGroup.ruleGroup}\n            schema={ruleGroup.schema}\n          />\n        </div>\n      )}\n    </>\n  );\n}\n\nexport function RuleGroupBodyComponents(\n  ruleGroup: RuleGroupProps & ReturnType<typeof useRuleGroup>,\n) {\n  const {\n    schema: {\n      controls: {\n        ruleGroup: RuleGroupControlElement,\n        rule: RuleControlElement,\n      },\n    },\n  } = ruleGroup;\n\n  return (\n    <>\n      {(ruleGroup.ruleGroup.rules as RuleGroupICArray | RuleGroupArray).map(\n        (rule, idx, { length: ruleArrayLength }) => {\n          const thisPathMemo = ruleGroup.pathsMemo[idx];\n          const thisPath = thisPathMemo?.path ?? [];\n\n          const thisPathDisabled =\n            !thisPathMemo ||\n            thisPathMemo.disabled ||\n            (typeof rule !== 'string' && rule.disabled);\n\n          const shiftUpDisabled = pathsAreEqual([0], thisPath);\n\n          const shiftDownDisabled =\n            ruleGroup.path.length === 0 && idx === ruleArrayLength - 1;\n\n          const key =\n            typeof rule === 'string' ? [...thisPath, rule].join('-') : rule.id;\n\n          return (\n            <Fragment key={key}>\n              {isRuleGroup(rule) && (\n                <RuleGroupControlElement\n                  key={TestID.ruleGroup}\n                  id={rule.id}\n                  schema={ruleGroup.schema}\n                  actions={ruleGroup.actions}\n                  path={thisPath}\n                  translations={ruleGroup.translations}\n                  ruleGroup={rule}\n                  rules={rule.rules}\n                  combinator={\n                    isRuleGroupType(rule) ? rule.combinator : undefined\n                  }\n                  not={!!rule.not}\n                  disabled={thisPathDisabled}\n                  parentDisabled={\n                    ruleGroup.parentDisabled || ruleGroup.disabled\n                  }\n                  shiftUpDisabled={shiftUpDisabled}\n                  shiftDownDisabled={shiftDownDisabled}\n                  context={ruleGroup.context}\n                />\n              )}\n              {typeof rule !== 'string' && !isRuleGroup(rule) && (\n                <RuleControlElement\n                  key={TestID.rule}\n                  id={rule.id!}\n                  rule={rule}\n                  field={rule.field}\n                  operator={rule.operator}\n                  value={rule.value}\n                  valueSource={rule.valueSource}\n                  schema={ruleGroup.schema}\n                  actions={ruleGroup.actions}\n                  path={thisPath}\n                  disabled={thisPathDisabled}\n                  parentDisabled={\n                    ruleGroup.parentDisabled || ruleGroup.disabled\n                  }\n                  translations={ruleGroup.translations}\n                  shiftUpDisabled={shiftUpDisabled}\n                  shiftDownDisabled={shiftDownDisabled}\n                  context={ruleGroup.context}\n                />\n              )}\n            </Fragment>\n          );\n        },\n      )}\n    </>\n  );\n}\n\nexport function RuleGroupFooterComponents(\n  ruleGroup: RuleGroupProps & ReturnType<typeof useRuleGroup>,\n) {\n  const { classNames } = useContext(QueryBuilderContext);\n\n  const {\n    schema: {\n      controls: {\n        addGroupAction: AddGroupActionControlElement,\n        addRuleAction: AddRuleActionControlElement,\n      },\n    },\n  } = ruleGroup;\n\n  return (\n    <>\n      <div className={classNames?.rule?.add}>\n        <AddRuleActionControlElement\n          key={TestID.addRule}\n          testID={TestID.addRule}\n          label={ruleGroup.translations.addRule.label}\n          title={ruleGroup.translations.addRule.title}\n          className={ruleGroup.classNames.addRule}\n          handleOnClick={ruleGroup.addRule}\n          rules={ruleGroup.ruleGroup.rules}\n          level={ruleGroup.path.length}\n          path={ruleGroup.path}\n          disabled={ruleGroup.disabled}\n          context={ruleGroup.context}\n          validation={ruleGroup.validationResult}\n          ruleOrGroup={ruleGroup.ruleGroup}\n          schema={ruleGroup.schema}\n        />\n      </div>\n      <div className={classNames?.group?.add}>\n        <AddGroupActionControlElement\n          key={TestID.addGroup}\n          testID={TestID.addGroup}\n          label={ruleGroup.translations.addGroup.label}\n          title={ruleGroup.translations.addGroup.title}\n          className={ruleGroup.classNames.addGroup}\n          handleOnClick={ruleGroup.addGroup}\n          rules={ruleGroup.ruleGroup.rules}\n          level={ruleGroup.path.length}\n          path={ruleGroup.path}\n          disabled={ruleGroup.disabled}\n          context={ruleGroup.context}\n          validation={ruleGroup.validationResult}\n          ruleOrGroup={ruleGroup.ruleGroup}\n          schema={ruleGroup.schema}\n        />\n      </div>\n    </>\n  );\n}\n"]}

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

@@ -0,0 +1,23 @@
+export { QueryBuilderContext } from './constants.js';
+export { QueryBuilder } from './query-builder.js';
+export { queryBuilderClassNames, queryBuilderColorVars, queryBuilderContainers, queryBuilderGroupStateVars, queryBuilderRuleStateVars, queryBuilderSpaceVars, queryBuilderStateVars } from './query-builder.css.js';
+export { QueryBuilderClassNames, QueryBuilderContextValue, QueryBuilderGroupState, QueryBuilderMapping, QueryBuilderProps, QueryBuilderRuleState, QueryBuilderSizes, QueryBuilderState, QueryBuilderValueEditors } from './types.js';
+export { pressToMouseEvent } from './utils.js';
+import 'react';
+import 'react/jsx-runtime';
+import '@react-types/shared';
+import 'react-querybuilder';
+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';

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

@@ -0,0 +1,8 @@
+import '../../chunk-PZ5AY32C.js';
+export { QueryBuilderContext } from './constants.js';
+export { QueryBuilder } from './query-builder.js';
+export { queryBuilderClassNames, queryBuilderColorVars, queryBuilderContainers, queryBuilderGroupStateVars, queryBuilderRuleStateVars, queryBuilderSpaceVars, queryBuilderStateVars } from './query-builder.css.js';
+import './types.js';
+export { pressToMouseEvent } from './utils.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,116 @@
+import { QueryBuilderClassNames } from './types.js';
+import '@react-types/shared';
+import 'react';
+import 'react-querybuilder';
+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 queryBuilderContainers: {
+    queryBuilder: string;
+    group: string;
+    rule: string;
+    values: string;
+};
+declare const queryBuilderColorVars: {
+    queryBuilder: {
+        background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    group: {
+        background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    rule: {
+        background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    error: {
+        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+};
+declare const queryBuilderSpaceVars: {
+    queryBuilder: {
+        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    group: {
+        gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    header: {
+        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    body: {
+        gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    rule: {
+        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    core: {
+        gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    field: {
+        width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    operator: {
+        width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    values: {
+        gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    source: {
+        width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    footer: {
+        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+};
+declare const queryBuilderStateVars: {
+    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+declare const queryBuilderGroupStateVars: {
+    after: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    before: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    columns: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    orientation: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+declare const queryBuilderRuleStateVars: {
+    orientation: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isDragging: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isDropTarget: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+declare const queryBuilderClassNames: QueryBuilderClassNames;
+
+export { queryBuilderClassNames, queryBuilderColorVars, queryBuilderContainers, queryBuilderGroupStateVars, queryBuilderRuleStateVars, queryBuilderSpaceVars, queryBuilderStateVars };

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

@@ -0,0 +1,14 @@
+import '../../chunk-PZ5AY32C.js';
+
+// src/components/query-builder/query-builder.css.ts
+var queryBuilderClassNames = { queryBuilder: { container: "query-builder_queryBuilderClassNames_queryBuilder_container__xkizz1g", queryBuilder: "query-builder_queryBuilderClassNames_queryBuilder_queryBuilder__xkizz1h" }, group: { group: "query-builder_queryBuilderClassNames_group_group__xkizz1i", header: "query-builder_queryBuilderClassNames_group_header__xkizz1j", body: "query-builder_queryBuilderClassNames_group_body__xkizz1k", footer: "query-builder_queryBuilderClassNames_group_footer__xkizz1l" }, rule: { container: "query-builder_queryBuilderClassNames_rule_container__xkizz1m", rule: "query-builder_queryBuilderClassNames_rule_rule__xkizz1n", core: "query-builder_queryBuilderClassNames_rule_core__xkizz1o", field: "query-builder_queryBuilderClassNames_rule_field__xkizz1p", operator: "query-builder_queryBuilderClassNames_rule_operator__xkizz1q", values: "query-builder_queryBuilderClassNames_rule_values__xkizz1r", source: "query-builder_queryBuilderClassNames_rule_source__xkizz1s", value: "query-builder_queryBuilderClassNames_rule_value__xkizz1t", error: "query-builder_queryBuilderClassNames_rule_error__xkizz1u" } };
+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__xkizz17)", before: "var(--before__xkizz18)", columns: "var(--columns__xkizz19)", orientation: "var(--orientation__xkizz1a)", isDisabled: "var(--isDisabled__xkizz1b)" };
+var queryBuilderRuleStateVars = { orientation: "var(--orientation__xkizz1c)", isDisabled: "var(--isDisabled__xkizz1d)", isDragging: "var(--isDragging__xkizz1e)", isDropTarget: "var(--isDropTarget__xkizz1f)" };
+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)" }, core: { gap: "var(--core-gap__xkizzq)" }, field: { width: "var(--field-width__xkizzr)", maxWidth: "var(--field-maxWidth__xkizzs)", minWidth: "var(--field-minWidth__xkizzt)" }, operator: { width: "var(--operator-width__xkizzu)", maxWidth: "var(--operator-maxWidth__xkizzv)", minWidth: "var(--operator-minWidth__xkizzw)" }, values: { gap: "var(--values-gap__xkizzx)", width: "var(--values-width__xkizzy)", maxWidth: "var(--values-maxWidth__xkizzz)", minWidth: "var(--values-minWidth__xkizz10)" }, source: { width: "var(--source-width__xkizz11)", maxWidth: "var(--source-maxWidth__xkizz12)", minWidth: "var(--source-minWidth__xkizz13)" }, footer: { x: "var(--footer-x__xkizz14)", y: "var(--footer-y__xkizz15)" } };
+var queryBuilderStateVars = { isDisabled: "var(--isDisabled__xkizz16)" };
+
+export { queryBuilderClassNames, queryBuilderColorVars, queryBuilderContainers, queryBuilderGroupStateVars, queryBuilderRuleStateVars, queryBuilderSpaceVars, queryBuilderStateVars };
+//# sourceMappingURL=query-builder.css.js.map
+//# sourceMappingURL=query-builder.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/query-builder/query-builder.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,yBAAyB,EAAC,YAAA,EAAa,EAAC,SAAU,EAAA,sEAAA,EAAuE,cAAa,yEAAyE,EAAA,EAAE,KAAM,EAAA,EAAC,OAAM,2DAA4D,EAAA,MAAA,EAAO,8DAA6D,IAAK,EAAA,0DAAA,EAA2D,QAAO,4DAA4D,EAAA,EAAE,IAAK,EAAA,EAAC,WAAU,8DAA+D,EAAA,IAAA,EAAK,2DAA0D,IAAK,EAAA,yDAAA,EAA0D,OAAM,0DAA2D,EAAA,QAAA,EAAS,6DAA8D,EAAA,MAAA,EAAO,6DAA4D,MAAO,EAAA,2DAAA,EAA4D,OAAM,0DAA2D,EAAA,KAAA,EAAM,4DAA2D;AACpkC,IAAI,qBAAwB,GAAA,EAAC,YAAa,EAAA,EAAC,YAAW,wCAAyC,EAAA,MAAA,EAAO,oCAAqC,EAAA,KAAA,EAAM,mCAAmC,EAAA,EAAE,KAAM,EAAA,EAAC,YAAW,iCAAkC,EAAA,MAAA,EAAO,6BAA8B,EAAA,KAAA,EAAM,4BAA4B,EAAA,EAAE,IAAK,EAAA,EAAC,YAAW,gCAAiC,EAAA,MAAA,EAAO,4BAA6B,EAAA,KAAA,EAAM,6BAA6B,EAAA,KAAA,EAAM,EAAC,KAAA,EAAM,8BAA6B;AACld,IAAA,sBAAA,GAAyB,EAAC,YAAa,EAAA,2DAAA,EAA4D,OAAM,oDAAqD,EAAA,IAAA,EAAK,mDAAoD,EAAA,MAAA,EAAO,qDAAqD;AACnR,IAAA,0BAAA,GAA6B,EAAC,KAAA,EAAM,uBAAwB,EAAA,MAAA,EAAO,wBAAyB,EAAA,OAAA,EAAQ,yBAA0B,EAAA,WAAA,EAAY,6BAA8B,EAAA,UAAA,EAAW,4BAA4B;AAC/M,IAAA,yBAAA,GAA4B,EAAC,WAAY,EAAA,6BAAA,EAA8B,YAAW,4BAA6B,EAAA,UAAA,EAAW,4BAA6B,EAAA,YAAA,EAAa,8BAA8B;AACtM,IAAI,wBAAwB,EAAC,YAAA,EAAa,EAAC,CAAE,EAAA,+BAAA,EAAgC,GAAE,+BAA+B,EAAA,EAAE,OAAM,EAAC,GAAA,EAAI,4BAA2B,CAAE,EAAA,wBAAA,EAAyB,GAAE,wBAAwB,EAAA,EAAE,QAAO,EAAC,CAAA,EAAE,2BAA0B,CAAE,EAAA,yBAAA,IAA2B,IAAK,EAAA,EAAC,KAAI,yBAA0B,EAAA,CAAA,EAAE,yBAAwB,CAAE,EAAA,uBAAA,IAAyB,IAAK,EAAA,EAAC,GAAE,uBAAwB,EAAA,CAAA,EAAE,yBAAyB,EAAA,IAAA,EAAK,EAAC,GAAI,EAAA,yBAAA,EAA2B,EAAA,KAAA,EAAM,EAAC,KAAM,EAAA,4BAAA,EAA6B,UAAS,+BAAgC,EAAA,QAAA,EAAS,iCAAiC,EAAA,QAAA,EAAS,EAAC,KAAM,EAAA,+BAAA,EAAgC,UAAS,kCAAmC,EAAA,QAAA,EAAS,oCAAoC,EAAA,MAAA,EAAO,EAAC,GAAI,EAAA,2BAAA,EAA4B,OAAM,6BAA8B,EAAA,QAAA,EAAS,kCAAiC,QAAS,EAAA,iCAAA,IAAmC,MAAO,EAAA,EAAC,OAAM,8BAA+B,EAAA,QAAA,EAAS,mCAAkC,QAAS,EAAA,iCAAA,IAAmC,MAAO,EAAA,EAAC,GAAE,0BAA2B,EAAA,CAAA,EAAE,4BAA2B;AACjjC,IAAA,qBAAA,GAAwB,EAAC,UAAA,EAAW,4BAA4B","file":"query-builder.css.js","sourcesContent":["export var queryBuilderClassNames = {queryBuilder:{container:'query-builder_queryBuilderClassNames_queryBuilder_container__xkizz1g',queryBuilder:'query-builder_queryBuilderClassNames_queryBuilder_queryBuilder__xkizz1h'},group:{group:'query-builder_queryBuilderClassNames_group_group__xkizz1i',header:'query-builder_queryBuilderClassNames_group_header__xkizz1j',body:'query-builder_queryBuilderClassNames_group_body__xkizz1k',footer:'query-builder_queryBuilderClassNames_group_footer__xkizz1l'},rule:{container:'query-builder_queryBuilderClassNames_rule_container__xkizz1m',rule:'query-builder_queryBuilderClassNames_rule_rule__xkizz1n',core:'query-builder_queryBuilderClassNames_rule_core__xkizz1o',field:'query-builder_queryBuilderClassNames_rule_field__xkizz1p',operator:'query-builder_queryBuilderClassNames_rule_operator__xkizz1q',values:'query-builder_queryBuilderClassNames_rule_values__xkizz1r',source:'query-builder_queryBuilderClassNames_rule_source__xkizz1s',value:'query-builder_queryBuilderClassNames_rule_value__xkizz1t',error:'query-builder_queryBuilderClassNames_rule_error__xkizz1u'}};\nexport 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)'}};\nexport 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'};\nexport var queryBuilderGroupStateVars = {after:'var(--after__xkizz17)',before:'var(--before__xkizz18)',columns:'var(--columns__xkizz19)',orientation:'var(--orientation__xkizz1a)',isDisabled:'var(--isDisabled__xkizz1b)'};\nexport var queryBuilderRuleStateVars = {orientation:'var(--orientation__xkizz1c)',isDisabled:'var(--isDisabled__xkizz1d)',isDragging:'var(--isDragging__xkizz1e)',isDropTarget:'var(--isDropTarget__xkizz1f)'};\nexport 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)'},core:{gap:'var(--core-gap__xkizzq)'},field:{width:'var(--field-width__xkizzr)',maxWidth:'var(--field-maxWidth__xkizzs)',minWidth:'var(--field-minWidth__xkizzt)'},operator:{width:'var(--operator-width__xkizzu)',maxWidth:'var(--operator-maxWidth__xkizzv)',minWidth:'var(--operator-minWidth__xkizzw)'},values:{gap:'var(--values-gap__xkizzx)',width:'var(--values-width__xkizzy)',maxWidth:'var(--values-maxWidth__xkizzz)',minWidth:'var(--values-minWidth__xkizz10)'},source:{width:'var(--source-width__xkizz11)',maxWidth:'var(--source-maxWidth__xkizz12)',minWidth:'var(--source-minWidth__xkizz13)'},footer:{x:'var(--footer-x__xkizz14)',y:'var(--footer-y__xkizz15)'}};\nexport var queryBuilderStateVars = {isDisabled:'var(--isDisabled__xkizz16)'};"]}