@hitachivantara/uikit-react-core 5.5.0 → 5.6.0

package/dist/cjs/components/QueryBuilder/Rule/Value/TextValue/textValueClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textValueClasses.cjs","sources":["../../../../../../../src/components/QueryBuilder/Rule/Value/TextValue/textValueClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvTextValueClasses {\n  /** Styles applied to the location class. */\n  location?: string;\n}\n\nconst classKeys: (keyof HvTextValueClasses)[] = [\"location\"];\n\nconst textValueClasses = getClasses(classKeys, \"HvTextValue\");\n\nexport default textValueClasses;\n"],"names":["classKeys","textValueClasses","getClasses"],"mappings":";;;AAOA,MAAMA,YAA0C,CAAC,UAAU;AAE3D,MAAMC,mBAAmBC,QAAWF,WAAAA,WAAW,aAAa;AAE5D,MAAA,qBAAeC;;"}

package/dist/cjs/components/QueryBuilder/Rule/Value/Value.cjs

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const Context = require("../../Context.cjs");
+const TextValue = require("./TextValue/TextValue.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const BooleanValue = require("./BooleanValue/BooleanValue.cjs");
+const NumericValue = require("./NumericValue/NumericValue.cjs");
+const Value = ({
+  id,
+  attribute,
+  operator,
+  value: valueProp
+}) => {
+  const context = React.useContext(Context.QueryBuilderContext);
+  const {
+    attributes,
+    initialTouched
+  } = context;
+  const value = attribute && attributes ? {
+    ...attributes[attribute]
+  } : {
+    type: null
+  };
+  const {
+    type
+  } = value;
+  switch (type) {
+    case "boolean": {
+      return /* @__PURE__ */ jsxRuntime.jsx(BooleanValue.BooleanValue, {
+        id,
+        value: !!valueProp
+      });
+    }
+    case "numeric": {
+      return /* @__PURE__ */ jsxRuntime.jsx(NumericValue.NumericValue, {
+        id,
+        operator,
+        value: valueProp,
+        initialTouched
+      });
+    }
+    case "text":
+    case "textarea":
+    default: {
+      return /* @__PURE__ */ jsxRuntime.jsx(TextValue.default, {
+        id,
+        value: valueProp,
+        initialTouched
+      });
+    }
+    case "dateandtime": {
+      return /* @__PURE__ */ jsxRuntime.jsx(BooleanValue.BooleanValue, {
+        id,
+        value: !!valueProp
+      });
+    }
+  }
+};
+React.memo(Value);
+exports.Value = Value;
+//# sourceMappingURL=Value.cjs.map

package/dist/cjs/components/QueryBuilder/Rule/Value/Value.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Value.cjs","sources":["../../../../../../src/components/QueryBuilder/Rule/Value/Value.tsx"],"sourcesContent":["import { memo, useContext } from \"react\";\n\nimport { QueryBuilderContext } from \"../../Context\";\nimport { BooleanValue } from \"./BooleanValue\";\nimport { NumericValue } from \"./NumericValue\";\nimport TextValue from \"./TextValue/TextValue\";\n\n// import DateTimeValue from \"./DateTimeValue\";\n\nexport interface ValueProps {\n  id: number;\n  attribute: string;\n  operator: string;\n  value: any;\n}\n\nexport const Value = ({\n  id,\n  attribute,\n  operator,\n  value: valueProp,\n}: ValueProps) => {\n  const context = useContext(QueryBuilderContext);\n  const { attributes, initialTouched } = context;\n  const value =\n    attribute && attributes ? { ...attributes[attribute] } : { type: null };\n  const { type } = value;\n\n  switch (type) {\n    case \"boolean\": {\n      return <BooleanValue id={id} value={!!valueProp} />;\n    }\n    case \"numeric\": {\n      return (\n        <NumericValue\n          id={id}\n          operator={operator}\n          value={valueProp}\n          initialTouched={initialTouched}\n        />\n      );\n    }\n    case \"text\":\n    case \"textarea\":\n    default: {\n      return (\n        <TextValue id={id} value={valueProp} initialTouched={initialTouched} />\n      );\n    }\n    case \"dateandtime\": {\n      return <BooleanValue id={id} value={!!valueProp} />;\n    }\n  }\n};\n\nexport default memo(Value);\n"],"names":["Value","id","attribute","operator","value","valueProp","context","useContext","QueryBuilderContext","attributes","initialTouched","type","BooleanValue","NumericValue","TextValue","memo"],"mappings":";;;;;;;;AAgBO,MAAMA,QAAQA,CAAC;AAAA,EACpBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,OAAOC;AACG,MAAM;AACVC,QAAAA,UAAUC,iBAAWC,QAAAA,mBAAmB;AACxC,QAAA;AAAA,IAAEC;AAAAA,IAAYC;AAAAA,EAAmBJ,IAAAA;AACjCF,QAAAA,QACJF,aAAaO,aAAa;AAAA,IAAE,GAAGA,WAAWP,SAAS;AAAA,EAAA,IAAM;AAAA,IAAES,MAAM;AAAA,EAAA;AAC7D,QAAA;AAAA,IAAEA;AAAAA,EAASP,IAAAA;AAEjB,UAAQO,MAAI;AAAA,IACV,KAAK,WAAW;AACd,4CAAQC,aAAAA,cAAY;AAAA,QAACX;AAAAA,QAAQG,OAAO,CAAC,CAACC;AAAAA,MAAAA,CAAa;AAAA,IACrD;AAAA,IACA,KAAK,WAAW;AACd,4CACGQ,aAAAA,cAAY;AAAA,QACXZ;AAAAA,QACAE;AAAAA,QACAC,OAAOC;AAAAA,QACPK;AAAAA,MAAAA,CACA;AAAA,IAEN;AAAA,IACA,KAAK;AAAA,IACL,KAAK;AAAA,IACL,SAAS;AACP,4CACGI,UAAAA,SAAS;AAAA,QAACb;AAAAA,QAAQG,OAAOC;AAAAA,QAAWK;AAAAA,MAAAA,CAAkC;AAAA,IAE3E;AAAA,IACA,KAAK,eAAe;AAClB,4CAAQE,aAAAA,cAAY;AAAA,QAACX;AAAAA,QAAQG,OAAO,CAAC,CAACC;AAAAA,MAAAA,CAAa;AAAA,IACrD;AAAA,EAAC;AAEL;AAEeU,WAAKf,KAAK;;"}

package/dist/cjs/components/QueryBuilder/Rule/ruleClasses.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const classes = require("../../../utils/classes.cjs");
+const classKeys = ["root", "actionsContainer", "isMdDown"];
+const ruleClasses = classes.getClasses(classKeys, "HvRule");
+const ruleClasses$1 = ruleClasses;
+exports.default = ruleClasses$1;
+//# sourceMappingURL=ruleClasses.cjs.map

package/dist/cjs/components/QueryBuilder/Rule/ruleClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ruleClasses.cjs","sources":["../../../../../src/components/QueryBuilder/Rule/ruleClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvRuleClasses {\n  /** Styles applied to the component root class. */\n  root?: string;\n  /** Styles applied to the actions container. */\n  actionsContainer?: string;\n  /** Styles applied when the screen size is lower. */\n  isMdDown?: string;\n}\n\nconst classKeys: (keyof HvRuleClasses)[] = [\n  \"root\",\n  \"actionsContainer\",\n  \"isMdDown\",\n];\n\nconst ruleClasses = getClasses(classKeys, \"HvRule\");\n\nexport default ruleClasses;\n"],"names":["classKeys","ruleClasses","getClasses"],"mappings":";;;AAWA,MAAMA,YAAqC,CACzC,QACA,oBACA,UAAU;AAGZ,MAAMC,cAAcC,QAAWF,WAAAA,WAAW,QAAQ;AAElD,MAAA,gBAAeC;;"}

package/dist/cjs/components/QueryBuilder/RuleGroup/RuleGroup.cjs

@@ -0,0 +1,212 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const queryBuilderClasses = require("../queryBuilderClasses.cjs");
+const Context = require("../Context.cjs");
+const react = require("@emotion/react");
+const RuleGroup_styles = require("./RuleGroup.styles.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const withTooltip = require("../../../hocs/withTooltip.cjs");
+const Rule = require("../Rule/Rule.cjs");
+const EmptyState = require("../../EmptyState/EmptyState.cjs");
+const Grid = require("../../Grid/Grid.cjs");
+const MultiButton = require("../../MultiButton/MultiButton.cjs");
+const Button = require("../../Button/Button.cjs");
+const Typography = require("../../Typography/Typography.cjs");
+const RuleGroup = ({
+  level = 0,
+  id,
+  combinator = "and",
+  rules = [],
+  classes
+}) => {
+  var _a, _b, _c, _d;
+  const context = React.useContext(Context.QueryBuilderContext);
+  const {
+    dispatchAction,
+    askAction,
+    maxDepth,
+    combinators,
+    labels,
+    readOnly
+  } = context;
+  const normalizedMaxDepth = maxDepth - 1;
+  const actionButtons = /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
+    children: ({
+      css,
+      cx
+    }) => {
+      var _a2, _b2, _c2, _d2, _e, _f, _g, _h;
+      return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
+          className: cx(queryBuilderClasses.default.buttonBackground, css(RuleGroup_styles.styles.buttonBackground), classes == null ? void 0 : classes.buttonBackground),
+          children: /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
+            variant: "secondarySubtle",
+            onClick: () => {
+              dispatchAction({
+                type: "add-rule",
+                id
+              });
+            },
+            disabled: readOnly,
+            startIcon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Add, {}),
+            children: level === 0 && ((_b2 = (_a2 = labels.query) == null ? void 0 : _a2.addRule) == null ? void 0 : _b2.label) != null ? (_d2 = (_c2 = labels.query) == null ? void 0 : _c2.addRule) == null ? void 0 : _d2.label : labels.group.addRule.label
+          })
+        }), level <= normalizedMaxDepth && /* @__PURE__ */ jsxRuntime.jsx("div", {
+          className: cx(queryBuilderClasses.default.buttonBackground, css(RuleGroup_styles.styles.buttonBackground), classes == null ? void 0 : classes.buttonBackground),
+          children: /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
+            variant: "secondarySubtle",
+            onClick: () => {
+              dispatchAction({
+                type: "add-group",
+                id
+              });
+            },
+            disabled: readOnly,
+            startIcon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Add, {}),
+            children: level === 0 && ((_f = (_e = labels.query) == null ? void 0 : _e.addGroup) == null ? void 0 : _f.label) != null ? (_h = (_g = labels.query) == null ? void 0 : _g.addGroup) == null ? void 0 : _h.label : labels.group.addGroup.label
+          })
+        })]
+      });
+    }
+  });
+  const DeleteIcon = withTooltip.default(() => /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
+    children: ({
+      css,
+      cx
+    }) => /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Delete, {
+      className: readOnly ? cx(queryBuilderClasses.default.topRemoveButtonDisabled, css(RuleGroup_styles.styles.topRemoveButtonDisabled), classes == null ? void 0 : classes.topRemoveButtonDisabled) : ""
+    })
+  }), level === 0 && ((_b = (_a = labels.query) == null ? void 0 : _a.delete) == null ? void 0 : _b.tooltip) ? (_d = (_c = labels.query) == null ? void 0 : _c.delete) == null ? void 0 : _d.tooltip : labels.group.delete.tooltip, "top");
+  const onClickCombinator = React.useCallback((item) => {
+    dispatchAction({
+      type: "set-combinator",
+      id,
+      combinator: item.operand
+    });
+  }, [dispatchAction, id]);
+  return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
+    children: ({
+      css,
+      cx
+    }) => {
+      var _a2, _b2, _c2, _d2, _e, _f, _g, _h;
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+        className: cx(queryBuilderClasses.default.root, css(RuleGroup_styles.styles.root), classes == null ? void 0 : classes.root, level === 0 ? cx(queryBuilderClasses.default.topGroup, css(RuleGroup_styles.styles.topGroup), classes == null ? void 0 : classes.topGroup) : cx(queryBuilderClasses.default.subGroup, css(RuleGroup_styles.styles.subGroup), classes == null ? void 0 : classes.subGroup)),
+        children: [/* @__PURE__ */ jsxRuntime.jsxs(Grid.HvGrid, {
+          container: true,
+          children: [/* @__PURE__ */ jsxRuntime.jsx(Grid.HvGrid, {
+            item: true,
+            children: /* @__PURE__ */ jsxRuntime.jsx(MultiButton.HvMultiButton, {
+              className: cx(queryBuilderClasses.default.combinator, css(RuleGroup_styles.styles.combinator), classes == null ? void 0 : classes.combinator, queryBuilderClasses.default.topCombinator, css(RuleGroup_styles.styles.topCombinator), classes == null ? void 0 : classes.topCombinator),
+              disabled: readOnly,
+              children: combinators && combinators.map((item) => /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
+                className: cx(queryBuilderClasses.default.combinatorButton, css(RuleGroup_styles.styles.combinatorButton), classes == null ? void 0 : classes.combinatorButton),
+                selected: item.operand === combinator,
+                onClick: () => item.operand && onClickCombinator(item),
+                disabled: readOnly,
+                size: "xs",
+                children: item.label
+              }, item.operand))
+            })
+          }), /* @__PURE__ */ jsxRuntime.jsx(Grid.HvGrid, {
+            item: true,
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", {
+              className: cx(queryBuilderClasses.default.buttonBackground, css(RuleGroup_styles.styles.buttonBackground), classes == null ? void 0 : classes.buttonBackground, queryBuilderClasses.default.topRemoveButton, css(RuleGroup_styles.styles.topRemoveButton), classes == null ? void 0 : classes.topRemoveButton),
+              children: /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
+                icon: true,
+                className: cx(queryBuilderClasses.default.removeButton, css(RuleGroup_styles.styles.removeButton), classes == null ? void 0 : classes.removeButton),
+                onClick: () => {
+                  var _a3;
+                  askAction({
+                    actions: [{
+                      type: "remove-node",
+                      id
+                    }],
+                    dialog: level === 0 && ((_a3 = labels.query) == null ? void 0 : _a3.delete) != null ? labels.query.delete : labels.group.delete
+                  });
+                },
+                "aria-label": level === 0 && ((_b2 = (_a2 = labels.query) == null ? void 0 : _a2.delete) == null ? void 0 : _b2.ariaLabel) ? (_d2 = (_c2 = labels.query) == null ? void 0 : _c2.delete) == null ? void 0 : _d2.ariaLabel : labels.group.delete.ariaLabel,
+                disabled: readOnly,
+                variant: "secondaryGhost",
+                children: /* @__PURE__ */ jsxRuntime.jsx(DeleteIcon, {})
+              })
+            })
+          })]
+        }), (rules == null ? void 0 : rules.length) > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", {
+          className: cx(queryBuilderClasses.default.rulesContainer, css(RuleGroup_styles.styles.rulesContainer), classes == null ? void 0 : classes.rulesContainer, level > 0 ? cx(queryBuilderClasses.default.subRulesContainer, css(RuleGroup_styles.styles.subRulesContainer), classes == null ? void 0 : classes.subRulesContainer) : "", level === 0 ? cx(queryBuilderClasses.default.topRulesContainer, css(RuleGroup_styles.styles.topRulesContainer), classes == null ? void 0 : classes.topRulesContainer) : ""),
+          children: rules.map((rule, index) => {
+            if ("combinator" in rule) {
+              return /* @__PURE__ */ jsxRuntime.jsx(RuleGroup, {
+                level: level + 1,
+                ...rule,
+                id: rule.id,
+                classes
+              }, rule.id ?? index);
+            }
+            const isInvalid = combinator === "and" && rules.some((r, i) => {
+              if ("attribute" in r) {
+                if (r.attribute === rule.attribute && r.id !== rule.id && i < index) {
+                  return true;
+                }
+              }
+              return false;
+            });
+            return /* @__PURE__ */ jsxRuntime.jsx(Rule.Rule, {
+              ...rule,
+              isInvalid,
+              id: rule.id,
+              combinator
+            }, rule.id ?? index);
+          })
+        }), (rules == null ? void 0 : rules.length) === 0 && /* @__PURE__ */ jsxRuntime.jsx(EmptyState.HvEmptyState, {
+          title: (_e = labels.empty) == null ? void 0 : _e.title,
+          message: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+            children: [/* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+              variant: "link",
+              component: "a",
+              onClick: () => {
+                dispatchAction({
+                  type: "add-rule",
+                  id
+                });
+              },
+              style: {
+                cursor: "pointer",
+                textDecoration: "underline"
+              },
+              children: `${(_f = labels.empty) == null ? void 0 : _f.createCondition}`
+            }), level <= normalizedMaxDepth && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+              children: [`${(_g = labels.empty) == null ? void 0 : _g.spacer}`, /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+                variant: "link",
+                component: "a",
+                onClick: () => {
+                  dispatchAction({
+                    type: "add-group",
+                    id
+                  });
+                },
+                style: {
+                  cursor: "pointer",
+                  textDecoration: "underline"
+                },
+                children: `${(_h = labels.empty) == null ? void 0 : _h.createGroup}`
+              })]
+            })]
+          }),
+          icon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Info, {})
+        }), /* @__PURE__ */ jsxRuntime.jsx(Grid.HvGrid, {
+          container: true,
+          children: /* @__PURE__ */ jsxRuntime.jsx(Grid.HvGrid, {
+            item: true,
+            className: cx(queryBuilderClasses.default.actionButtonContainer, css(RuleGroup_styles.styles.actionButtonContainer), classes == null ? void 0 : classes.actionButtonContainer, queryBuilderClasses.default.topActionButtonContainer, css(RuleGroup_styles.styles.topActionButtonContainer), classes == null ? void 0 : classes.topActionButtonContainer),
+            children: actionButtons
+          })
+        })]
+      });
+    }
+  });
+};
+exports.RuleGroup = RuleGroup;
+//# sourceMappingURL=RuleGroup.cjs.map

package/dist/cjs/components/QueryBuilder/RuleGroup/RuleGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuleGroup.cjs","sources":["../../../../../src/components/QueryBuilder/RuleGroup/RuleGroup.tsx"],"sourcesContent":["import { useCallback, useContext } from \"react\";\nimport { Add, Delete, Info } from \"@hitachivantara/uikit-react-icons\";\nimport {\n  HvButton,\n  HvEmptyState,\n  HvGrid,\n  HvMultiButton,\n  HvTypography,\n} from \"@core/components\";\nimport { Rule } from \"../Rule\";\nimport { withTooltip } from \"@core/hocs\";\nimport queryBuilderClasses, {\n  HvQueryBuilderClasses,\n} from \"../queryBuilderClasses\";\nimport { QueryBuilderContext } from \"../Context\";\nimport { ClassNames } from \"@emotion/react\";\nimport { styles } from \"./RuleGroup.styles\";\n\nexport interface RuleGroupProps {\n  /**\n   * Override or extend the styles applied to the component.\n   * See CSS API tab for more details.\n   */\n  classes?: HvQueryBuilderClasses;\n  id?: number;\n  level?: number;\n  combinator?: string;\n  rules?: any[];\n}\n\nexport const RuleGroup = ({\n  level = 0,\n  id,\n  combinator = \"and\",\n  rules = [],\n  classes,\n}: RuleGroupProps) => {\n  const context = useContext(QueryBuilderContext);\n\n  const { dispatchAction, askAction, maxDepth, combinators, labels, readOnly } =\n    context;\n  const normalizedMaxDepth = maxDepth - 1;\n\n  const actionButtons = (\n    <ClassNames>\n      {({ css, cx }) => (\n        <>\n          <div\n            className={cx(\n              queryBuilderClasses.buttonBackground,\n              css(styles.buttonBackground),\n              classes?.buttonBackground\n            )}\n          >\n            <HvButton\n              variant=\"secondarySubtle\"\n              onClick={() => {\n                dispatchAction({ type: \"add-rule\", id });\n              }}\n              disabled={readOnly}\n              startIcon={<Add />}\n            >\n              {level === 0 && labels.query?.addRule?.label != null\n                ? labels.query?.addRule?.label\n                : labels.group.addRule.label}\n            </HvButton>\n          </div>\n          {level <= normalizedMaxDepth && (\n            <div\n              className={cx(\n                queryBuilderClasses.buttonBackground,\n                css(styles.buttonBackground),\n                classes?.buttonBackground\n              )}\n            >\n              <HvButton\n                variant=\"secondarySubtle\"\n                onClick={() => {\n                  dispatchAction({ type: \"add-group\", id });\n                }}\n                disabled={readOnly}\n                startIcon={<Add />}\n              >\n                {level === 0 && labels.query?.addGroup?.label != null\n                  ? labels.query?.addGroup?.label\n                  : labels.group.addGroup.label}\n              </HvButton>\n            </div>\n          )}\n        </>\n      )}\n    </ClassNames>\n  );\n\n  const DeleteIcon = withTooltip(\n    () => (\n      <ClassNames>\n        {({ css, cx }) => (\n          <Delete\n            className={\n              readOnly\n                ? cx(\n                    queryBuilderClasses.topRemoveButtonDisabled,\n                    css(styles.topRemoveButtonDisabled),\n                    classes?.topRemoveButtonDisabled\n                  )\n                : \"\"\n            }\n          />\n        )}\n      </ClassNames>\n    ),\n    level === 0 && labels.query?.delete?.tooltip\n      ? labels.query?.delete?.tooltip\n      : labels.group.delete.tooltip,\n    \"top\"\n  );\n\n  const onClickCombinator = useCallback(\n    (item) => {\n      dispatchAction({\n        type: \"set-combinator\",\n        id,\n        combinator: item.operand,\n      });\n    },\n    [dispatchAction, id]\n  );\n\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <div\n          className={cx(\n            queryBuilderClasses.root,\n            css(styles.root),\n            classes?.root,\n            level === 0\n              ? cx(\n                  queryBuilderClasses.topGroup,\n                  css(styles.topGroup),\n                  classes?.topGroup\n                )\n              : cx(\n                  queryBuilderClasses.subGroup,\n                  css(styles.subGroup),\n                  classes?.subGroup\n                )\n          )}\n        >\n          <HvGrid container>\n            <HvGrid item>\n              <HvMultiButton\n                className={cx(\n                  queryBuilderClasses.combinator,\n                  css(styles.combinator),\n                  classes?.combinator,\n                  queryBuilderClasses.topCombinator,\n                  css(styles.topCombinator),\n                  classes?.topCombinator\n                )}\n                disabled={readOnly}\n              >\n                {combinators &&\n                  combinators.map((item) => (\n                    <HvButton\n                      key={item.operand}\n                      className={cx(\n                        queryBuilderClasses.combinatorButton,\n                        css(styles.combinatorButton),\n                        classes?.combinatorButton\n                      )}\n                      selected={item.operand === combinator}\n                      onClick={() => item.operand && onClickCombinator(item)}\n                      disabled={readOnly}\n                      size={\"xs\"}\n                    >\n                      {item.label}\n                    </HvButton>\n                  ))}\n              </HvMultiButton>\n            </HvGrid>\n            <HvGrid item>\n              <div\n                className={cx(\n                  queryBuilderClasses.buttonBackground,\n                  css(styles.buttonBackground),\n                  classes?.buttonBackground,\n                  queryBuilderClasses.topRemoveButton,\n                  css(styles.topRemoveButton),\n                  classes?.topRemoveButton\n                )}\n              >\n                <HvButton\n                  icon\n                  className={cx(\n                    queryBuilderClasses.removeButton,\n                    css(styles.removeButton),\n                    classes?.removeButton\n                  )}\n                  onClick={() => {\n                    askAction({\n                      actions: [{ type: \"remove-node\", id }],\n                      dialog:\n                        level === 0 && labels.query?.delete != null\n                          ? labels.query.delete\n                          : labels.group.delete,\n                    });\n                  }}\n                  aria-label={\n                    level === 0 && labels.query?.delete?.ariaLabel\n                      ? labels.query?.delete?.ariaLabel\n                      : labels.group.delete.ariaLabel\n                  }\n                  disabled={readOnly}\n                  variant=\"secondaryGhost\"\n                >\n                  <DeleteIcon />\n                </HvButton>\n              </div>\n            </HvGrid>\n          </HvGrid>\n          {rules?.length > 0 && (\n            <div\n              className={cx(\n                queryBuilderClasses.rulesContainer,\n                css(styles.rulesContainer),\n                classes?.rulesContainer,\n                level > 0\n                  ? cx(\n                      queryBuilderClasses.subRulesContainer,\n                      css(styles.subRulesContainer),\n                      classes?.subRulesContainer\n                    )\n                  : \"\",\n                level === 0\n                  ? cx(\n                      queryBuilderClasses.topRulesContainer,\n                      css(styles.topRulesContainer),\n                      classes?.topRulesContainer\n                    )\n                  : \"\"\n              )}\n            >\n              {rules.map((rule, index) => {\n                if (\"combinator\" in rule) {\n                  return (\n                    <RuleGroup\n                      key={rule.id ?? index}\n                      level={level + 1}\n                      {...rule}\n                      id={rule.id}\n                      classes={classes}\n                    />\n                  );\n                }\n\n                const isInvalid =\n                  combinator === \"and\" &&\n                  rules.some((r, i) => {\n                    if (\"attribute\" in r) {\n                      if (\n                        r.attribute === rule.attribute &&\n                        r.id !== rule.id &&\n                        i < index\n                      ) {\n                        return true;\n                      }\n                    }\n                    return false;\n                  });\n\n                return (\n                  <Rule\n                    key={rule.id ?? index}\n                    {...rule}\n                    isInvalid={isInvalid}\n                    id={rule.id}\n                    combinator={combinator}\n                  />\n                );\n              })}\n            </div>\n          )}\n          {rules?.length === 0 && (\n            <HvEmptyState\n              title={labels.empty?.title}\n              message={\n                <>\n                  <HvTypography\n                    variant=\"link\"\n                    component=\"a\"\n                    onClick={() => {\n                      dispatchAction({ type: \"add-rule\", id });\n                    }}\n                    style={{ cursor: \"pointer\", textDecoration: \"underline\" }}\n                  >\n                    {`${labels.empty?.createCondition}`}\n                  </HvTypography>\n                  {level <= normalizedMaxDepth && (\n                    <>\n                      {`${labels.empty?.spacer}`}\n                      <HvTypography\n                        variant=\"link\"\n                        component=\"a\"\n                        onClick={() => {\n                          dispatchAction({ type: \"add-group\", id });\n                        }}\n                        style={{\n                          cursor: \"pointer\",\n                          textDecoration: \"underline\",\n                        }}\n                      >\n                        {`${labels.empty?.createGroup}`}\n                      </HvTypography>\n                    </>\n                  )}\n                </>\n              }\n              icon={<Info />}\n            />\n          )}\n          <HvGrid container>\n            <HvGrid\n              item\n              className={cx(\n                queryBuilderClasses.actionButtonContainer,\n                css(styles.actionButtonContainer),\n                classes?.actionButtonContainer,\n                queryBuilderClasses.topActionButtonContainer,\n                css(styles.topActionButtonContainer),\n                classes?.topActionButtonContainer\n              )}\n            >\n              {actionButtons}\n            </HvGrid>\n          </HvGrid>\n        </div>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["RuleGroup","level","id","combinator","rules","classes","context","useContext","QueryBuilderContext","dispatchAction","askAction","maxDepth","combinators","labels","readOnly","normalizedMaxDepth","actionButtons","ClassNames","children","css","cx","_Fragment","_jsx","className","queryBuilderClasses","buttonBackground","styles","HvButton","variant","onClick","type","disabled","startIcon","Add","query","addRule","label","group","addGroup","DeleteIcon","withTooltip","Delete","topRemoveButtonDisabled","delete","tooltip","onClickCombinator","useCallback","item","operand","root","topGroup","subGroup","_jsxs","HvGrid","container","HvMultiButton","topCombinator","map","combinatorButton","selected","size","topRemoveButton","icon","removeButton","actions","dialog","ariaLabel","length","rulesContainer","subRulesContainer","topRulesContainer","rule","index","isInvalid","some","r","i","attribute","Rule","HvEmptyState","title","empty","message","HvTypography","component","style","cursor","textDecoration","createCondition","spacer","createGroup","Info","actionButtonContainer","topActionButtonContainer"],"mappings":"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"}

package/dist/cjs/components/QueryBuilder/RuleGroup/RuleGroup.styles.cjs

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const queryBuilderClasses = require("../queryBuilderClasses.cjs");
+const styles = {
+  root: {
+    position: "relative",
+    padding: uikitStyles.theme.space.sm,
+    marginTop: 12,
+    marginBottom: 32,
+    border: uikitStyles.theme.queryBuilder.border
+  },
+  subGroup: {
+    margin: "40px 14px 32px 20px",
+    minHeight: 120,
+    paddingBottom: 60,
+    "&::before": {
+      content: '""',
+      position: "absolute",
+      zIndex: 2,
+      width: 21,
+      height: 36,
+      borderBottom: uikitStyles.theme.queryBuilder.border,
+      borderLeft: uikitStyles.theme.queryBuilder.border,
+      top: -38,
+      left: uikitStyles.theme.queryBuilder.ruleSubGroupLeftConnectorPosition
+    },
+    [`:not(.${queryBuilderClasses.default.topRulesContainer})>&:last-child::after`]: {
+      content: '""',
+      position: "absolute",
+      zIndex: 1,
+      width: 32,
+      height: "100%",
+      borderLeft: uikitStyles.theme.queryBuilder.border,
+      top: 0,
+      left: `calc(${uikitStyles.theme.space.sm} + 2)`
+    }
+  },
+  topGroup: {
+    margin: uikitStyles.theme.space.sm,
+    backgroundColor: "transparent",
+    maxWidth: "100%",
+    minWidth: 740,
+    paddingBottom: uikitStyles.theme.queryBuilder.topGroupPaddingBottom
+  },
+  combinator: {
+    minWidth: 80
+  },
+  topCombinator: {
+    position: "absolute",
+    top: `calc( -1 * ${uikitStyles.theme.space.sm})`,
+    left: `calc( -1 * ${uikitStyles.theme.space.sm})`
+  },
+  combinatorButton: {},
+  actionButtonContainer: {
+    marginLeft: "auto",
+    "&>*": {
+      marginLeft: uikitStyles.theme.space.sm
+    }
+  },
+  topActionButtonContainer: {
+    position: "absolute",
+    bottom: uikitStyles.theme.queryBuilder.topActionButtonContainerBottom,
+    right: uikitStyles.theme.queryBuilder.topActionButtonContainerRight
+  },
+  buttonBackground: {
+    backgroundColor: uikitStyles.theme.colors.atmo2,
+    display: "inline-flex"
+  },
+  removeButton: {},
+  topRemoveButton: {
+    position: "absolute",
+    top: -16,
+    right: -16
+  },
+  topRemoveButtonDisabled: {
+    backgroundColor: uikitStyles.theme.colors.atmo2
+  },
+  rulesContainer: {},
+  subRulesContainer: {
+    borderLeft: uikitStyles.theme.queryBuilder.border,
+    marginLeft: uikitStyles.theme.space.sm,
+    marginBottom: uikitStyles.theme.space.md,
+    paddingLeft: uikitStyles.theme.space.sm,
+    paddingTop: 7,
+    position: "relative",
+    left: uikitStyles.theme.queryBuilder.ruleSubGroupContainerLeftConnectorPosition,
+    width: "100%"
+  }
+};
+exports.styles = styles;
+//# sourceMappingURL=RuleGroup.styles.cjs.map

package/dist/cjs/components/QueryBuilder/RuleGroup/RuleGroup.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuleGroup.styles.cjs","sources":["../../../../../src/components/QueryBuilder/RuleGroup/RuleGroup.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport queryBuilderClasses from \"../queryBuilderClasses\";\n\nexport const styles: { [key: string]: CSSInterpolation } = {\n  root: {\n    position: \"relative\",\n    padding: theme.space.sm,\n\n    marginTop: 12,\n    marginBottom: 32,\n\n    border: theme.queryBuilder.border,\n  },\n  subGroup: {\n    margin: \"40px 14px 32px 20px\",\n    minHeight: 120,\n    paddingBottom: 60,\n\n    \"&::before\": {\n      content: '\"\"',\n      position: \"absolute\",\n      zIndex: 2,\n\n      width: 21,\n      height: 36,\n\n      borderBottom: theme.queryBuilder.border,\n      borderLeft: theme.queryBuilder.border,\n\n      top: -38,\n      left: theme.queryBuilder.ruleSubGroupLeftConnectorPosition,\n    },\n    [`:not(.${queryBuilderClasses.topRulesContainer})>&:last-child::after`]: {\n      content: '\"\"',\n      position: \"absolute\",\n      zIndex: 1,\n\n      width: 32,\n      height: \"100%\",\n\n      borderLeft: theme.queryBuilder.border,\n\n      top: 0,\n      left: `calc(${theme.space.sm} + 2)`,\n    },\n  },\n  topGroup: {\n    margin: theme.space.sm,\n    backgroundColor: \"transparent\",\n    maxWidth: \"100%\",\n    minWidth: 740,\n\n    paddingBottom: theme.queryBuilder.topGroupPaddingBottom,\n  },\n\n  combinator: {\n    minWidth: 80,\n  },\n  topCombinator: {\n    position: \"absolute\",\n    top: `calc( -1 * ${theme.space.sm})`,\n    left: `calc( -1 * ${theme.space.sm})`,\n  },\n\n  combinatorButton: {},\n\n  actionButtonContainer: {\n    marginLeft: \"auto\",\n\n    \"&>*\": {\n      marginLeft: theme.space.sm,\n    },\n  },\n  topActionButtonContainer: {\n    position: \"absolute\",\n    bottom: theme.queryBuilder.topActionButtonContainerBottom,\n    right: theme.queryBuilder.topActionButtonContainerRight,\n  },\n  buttonBackground: {\n    backgroundColor: theme.colors.atmo2,\n    display: \"inline-flex\",\n  },\n  removeButton: {},\n  topRemoveButton: {\n    position: \"absolute\",\n    top: -16,\n    right: -16,\n  },\n\n  topRemoveButtonDisabled: {\n    backgroundColor: theme.colors.atmo2,\n  },\n\n  rulesContainer: {},\n\n  subRulesContainer: {\n    borderLeft: theme.queryBuilder.border,\n\n    marginLeft: theme.space.sm,\n    marginBottom: theme.space.md,\n    paddingLeft: theme.space.sm,\n\n    paddingTop: 7,\n\n    position: \"relative\",\n    left: theme.queryBuilder.ruleSubGroupContainerLeftConnectorPosition,\n\n    width: \"100%\",\n  },\n};\n"],"names":["styles","root","position","padding","theme","space","sm","marginTop","marginBottom","border","queryBuilder","subGroup","margin","minHeight","paddingBottom","content","zIndex","width","height","borderBottom","borderLeft","top","left","ruleSubGroupLeftConnectorPosition","queryBuilderClasses","topRulesContainer","topGroup","backgroundColor","maxWidth","minWidth","topGroupPaddingBottom","combinator","topCombinator","combinatorButton","actionButtonContainer","marginLeft","topActionButtonContainer","bottom","topActionButtonContainerBottom","right","topActionButtonContainerRight","buttonBackground","colors","atmo2","display","removeButton","topRemoveButton","topRemoveButtonDisabled","rulesContainer","subRulesContainer","md","paddingLeft","paddingTop","ruleSubGroupContainerLeftConnectorPosition"],"mappings":";;;;AAIO,MAAMA,SAA8C;AAAA,EACzDC,MAAM;AAAA,IACJC,UAAU;AAAA,IACVC,SAASC,YAAAA,MAAMC,MAAMC;AAAAA,IAErBC,WAAW;AAAA,IACXC,cAAc;AAAA,IAEdC,QAAQL,YAAAA,MAAMM,aAAaD;AAAAA,EAC7B;AAAA,EACAE,UAAU;AAAA,IACRC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,eAAe;AAAA,IAEf,aAAa;AAAA,MACXC,SAAS;AAAA,MACTb,UAAU;AAAA,MACVc,QAAQ;AAAA,MAERC,OAAO;AAAA,MACPC,QAAQ;AAAA,MAERC,cAAcf,YAAAA,MAAMM,aAAaD;AAAAA,MACjCW,YAAYhB,YAAAA,MAAMM,aAAaD;AAAAA,MAE/BY,KAAK;AAAA,MACLC,MAAMlB,YAAAA,MAAMM,aAAaa;AAAAA,IAC3B;AAAA,IACA,CAAE,SAAQC,oBAAAA,QAAoBC,wCAAwC,GAAG;AAAA,MACvEV,SAAS;AAAA,MACTb,UAAU;AAAA,MACVc,QAAQ;AAAA,MAERC,OAAO;AAAA,MACPC,QAAQ;AAAA,MAERE,YAAYhB,YAAAA,MAAMM,aAAaD;AAAAA,MAE/BY,KAAK;AAAA,MACLC,MAAO,QAAOlB,YAAAA,MAAMC,MAAMC;AAAAA,IAC5B;AAAA,EACF;AAAA,EACAoB,UAAU;AAAA,IACRd,QAAQR,YAAAA,MAAMC,MAAMC;AAAAA,IACpBqB,iBAAiB;AAAA,IACjBC,UAAU;AAAA,IACVC,UAAU;AAAA,IAEVf,eAAeV,YAAAA,MAAMM,aAAaoB;AAAAA,EACpC;AAAA,EAEAC,YAAY;AAAA,IACVF,UAAU;AAAA,EACZ;AAAA,EACAG,eAAe;AAAA,IACb9B,UAAU;AAAA,IACVmB,KAAM,cAAajB,YAAAA,MAAMC,MAAMC;AAAAA,IAC/BgB,MAAO,cAAalB,YAAAA,MAAMC,MAAMC;AAAAA,EAClC;AAAA,EAEA2B,kBAAkB,CAAC;AAAA,EAEnBC,uBAAuB;AAAA,IACrBC,YAAY;AAAA,IAEZ,OAAO;AAAA,MACLA,YAAY/B,YAAAA,MAAMC,MAAMC;AAAAA,IAC1B;AAAA,EACF;AAAA,EACA8B,0BAA0B;AAAA,IACxBlC,UAAU;AAAA,IACVmC,QAAQjC,YAAAA,MAAMM,aAAa4B;AAAAA,IAC3BC,OAAOnC,YAAAA,MAAMM,aAAa8B;AAAAA,EAC5B;AAAA,EACAC,kBAAkB;AAAA,IAChBd,iBAAiBvB,YAAAA,MAAMsC,OAAOC;AAAAA,IAC9BC,SAAS;AAAA,EACX;AAAA,EACAC,cAAc,CAAC;AAAA,EACfC,iBAAiB;AAAA,IACf5C,UAAU;AAAA,IACVmB,KAAK;AAAA,IACLkB,OAAO;AAAA,EACT;AAAA,EAEAQ,yBAAyB;AAAA,IACvBpB,iBAAiBvB,YAAAA,MAAMsC,OAAOC;AAAAA,EAChC;AAAA,EAEAK,gBAAgB,CAAC;AAAA,EAEjBC,mBAAmB;AAAA,IACjB7B,YAAYhB,YAAAA,MAAMM,aAAaD;AAAAA,IAE/B0B,YAAY/B,YAAAA,MAAMC,MAAMC;AAAAA,IACxBE,cAAcJ,YAAAA,MAAMC,MAAM6C;AAAAA,IAC1BC,aAAa/C,YAAAA,MAAMC,MAAMC;AAAAA,IAEzB8C,YAAY;AAAA,IAEZlD,UAAU;AAAA,IACVoB,MAAMlB,YAAAA,MAAMM,aAAa2C;AAAAA,IAEzBpC,OAAO;AAAA,EACT;AACF;;"}

package/dist/cjs/components/QueryBuilder/queryBuilderClasses.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const classes = require("../../utils/classes.cjs");
+const classKeys = ["root", "topGroup", "subGroup", "combinator", "topCombinator", "combinatorButton", "removeButton", "topRemoveButton", "topRemoveButtonDisabled", "rulesContainer", "subRulesContainer", "actionButtonContainer", "topActionButtonContainer", "buttonBackground"];
+const queryBuilderClasses = classes.getClasses(classKeys, "HvQueryBuilder");
+const queryBuilderClasses$1 = queryBuilderClasses;
+exports.default = queryBuilderClasses$1;
+//# sourceMappingURL=queryBuilderClasses.cjs.map

package/dist/cjs/components/QueryBuilder/queryBuilderClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"queryBuilderClasses.cjs","sources":["../../../../src/components/QueryBuilder/queryBuilderClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvQueryBuilderClasses {\n  /** Styles applied to the component root class. */\n  root?: string;\n  /** Styles applied to the top group container. */\n  topGroup?: string;\n  /** Styles applied to the sub group containers. */\n  subGroup?: string;\n  /** Styles applied to the radio button+label topGroup when the radio button is disabled. */\n  combinator?: string;\n  /** Styles applied to the multi-button combinator container on the top group. */\n  topCombinator?: string;\n  /** Styles applied to each combinator button. */\n  combinatorButton?: string;\n  /** Styles applied to the remove button.  */\n  removeButton?: string;\n  /** Styles applied to the remove button on the top group. */\n  topRemoveButton?: string;\n  /** Styles applied to the remove button when disabled on the top group. */\n  topRemoveButtonDisabled?: string;\n  /** Styles applied to the rules container. */\n  rulesContainer?: string;\n  /** Styles applied to the sub rules container. */\n  subRulesContainer?: string;\n  /** Styles applied to the action button container. */\n  actionButtonContainer?: string;\n  /** Styles applied to the top action button container. */\n  topActionButtonContainer?: string;\n  /** Styles applied to the top rules container. */\n  topRulesContainer?: string;\n  /** Styles applied to the background of buttons to remove transparency */\n  buttonBackground?: string;\n}\n\nconst classKeys: (keyof HvQueryBuilderClasses)[] = [\n  \"root\",\n  \"topGroup\",\n  \"subGroup\",\n  \"combinator\",\n  \"topCombinator\",\n  \"combinatorButton\",\n  \"removeButton\",\n  \"topRemoveButton\",\n  \"topRemoveButtonDisabled\",\n  \"rulesContainer\",\n  \"subRulesContainer\",\n  \"actionButtonContainer\",\n  \"topActionButtonContainer\",\n  \"buttonBackground\",\n];\n\nconst queryBuilderClasses = getClasses(classKeys, \"HvQueryBuilder\");\n\nexport default queryBuilderClasses;\n"],"names":["classKeys","queryBuilderClasses","getClasses"],"mappings":";;;AAmCA,MAAMA,YAA6C,CACjD,QACA,YACA,YACA,cACA,iBACA,oBACA,gBACA,mBACA,2BACA,kBACA,qBACA,yBACA,4BACA,kBAAkB;AAGpB,MAAMC,sBAAsBC,QAAWF,WAAAA,WAAW,gBAAgB;AAElE,MAAA,wBAAeC;;"}

package/dist/cjs/components/QueryBuilder/utils/index.cjs

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const isBigList = (values) => values != null && (values == null ? void 0 : values.length) > 10;
+const emptyRule = () => ({
+  id: Math.random()
+});
+const emptyGroup = (createEmptyRule = false) => ({
+  id: Math.random(),
+  combinator: "and",
+  rules: createEmptyRule ? [emptyRule()] : []
+});
+const clearNodeIds = (original) => {
+  const rule = {
+    ...original
+  };
+  delete rule.id;
+  if ("rules" in rule) {
+    rule.rules = rule.rules.map((r) => clearNodeIds(r));
+  }
+  return rule;
+};
+const findNodeById = (id, node) => {
+  if (node.id === id) {
+    return node;
+  }
+  if ("rules" in node) {
+    for (let i = 0; i < node.rules.length; ++i) {
+      const rule = node.rules[i];
+      const found = findNodeById(id, rule);
+      if (found) {
+        return found;
+      }
+    }
+  }
+  return null;
+};
+const findParentById = (id, node, parent) => {
+  if (node.id === id) {
+    return parent ?? null;
+  }
+  if ("rules" in node) {
+    const group = node;
+    for (let i = 0; i < group.rules.length; ++i) {
+      const rule = group.rules[i];
+      const found = findParentById(id, rule, group);
+      if (found) {
+        return found;
+      }
+    }
+  }
+  return null;
+};
+exports.clearNodeIds = clearNodeIds;
+exports.emptyGroup = emptyGroup;
+exports.emptyRule = emptyRule;
+exports.findNodeById = findNodeById;
+exports.findParentById = findParentById;
+exports.isBigList = isBigList;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/components/QueryBuilder/utils/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../src/components/QueryBuilder/utils/index.tsx"],"sourcesContent":["export const isBigList = (values) => values != null && values?.length > 10;\n\nexport const emptyRule = () => ({\n  id: Math.random(),\n});\n\nexport const emptyGroup = (createEmptyRule = false) => ({\n  id: Math.random(),\n  combinator: \"and\",\n  rules: createEmptyRule ? [emptyRule()] : [],\n});\n\nexport const clearNodeIds = (original) => {\n  const rule = { ...original };\n\n  delete rule.id;\n\n  if (\"rules\" in rule) {\n    rule.rules = rule.rules.map((r) => clearNodeIds(r));\n  }\n\n  return rule;\n};\n\nexport const findNodeById = (id, node) => {\n  if (node.id === id) {\n    return node;\n  }\n  if (\"rules\" in node) {\n    // eslint-disable-next-line no-plusplus\n    for (let i = 0; i < node.rules.length; ++i) {\n      const rule = node.rules[i];\n\n      const found = findNodeById(id, rule);\n      if (found) {\n        return found;\n      }\n    }\n  }\n\n  return null;\n};\n\nexport const findParentById = (id, node, parent?) => {\n  if (node.id === id) {\n    return parent ?? null;\n  }\n\n  if (\"rules\" in node) {\n    const group = node;\n\n    // eslint-disable-next-line no-plusplus\n    for (let i = 0; i < group.rules.length; ++i) {\n      const rule = group.rules[i];\n\n      const found = findParentById(id, rule, group);\n      if (found) {\n        return found;\n      }\n    }\n  }\n\n  return null;\n};\n"],"names":["isBigList","values","length","emptyRule","id","Math","random","emptyGroup","createEmptyRule","combinator","rules","clearNodeIds","original","rule","map","r","findNodeById","node","i","found","findParentById","parent","group"],"mappings":";;AAAO,MAAMA,YAAaC,CAAAA,WAAWA,UAAU,SAAQA,iCAAQC,UAAS;AAEjE,MAAMC,YAAYA,OAAO;AAAA,EAC9BC,IAAIC,KAAKC,OAAM;AACjB;AAEaC,MAAAA,aAAaA,CAACC,kBAAkB,WAAW;AAAA,EACtDJ,IAAIC,KAAKC,OAAQ;AAAA,EACjBG,YAAY;AAAA,EACZC,OAAOF,kBAAkB,CAACL,UAAS,CAAE,IAAI,CAAA;AAC3C;AAEO,MAAMQ,eAAgBC,CAAa,aAAA;AACxC,QAAMC,OAAO;AAAA,IAAE,GAAGD;AAAAA,EAAAA;AAElB,SAAOC,KAAKT;AAEZ,MAAI,WAAWS,MAAM;AACnBA,SAAKH,QAAQG,KAAKH,MAAMI,IAAKC,CAAMJ,MAAAA,aAAaI,CAAC,CAAC;AAAA,EACpD;AAEOF,SAAAA;AACT;AAEaG,MAAAA,eAAeA,CAACZ,IAAIa,SAAS;AACpCA,MAAAA,KAAKb,OAAOA,IAAI;AACXa,WAAAA;AAAAA,EACT;AACA,MAAI,WAAWA,MAAM;AAEnB,aAASC,IAAI,GAAGA,IAAID,KAAKP,MAAMR,QAAQ,EAAEgB,GAAG;AACpCL,YAAAA,OAAOI,KAAKP,MAAMQ,CAAC;AAEnBC,YAAAA,QAAQH,aAAaZ,IAAIS,IAAI;AACnC,UAAIM,OAAO;AACFA,eAAAA;AAAAA,MACT;AAAA,IACF;AAAA,EACF;AAEO,SAAA;AACT;AAEO,MAAMC,iBAAiBA,CAAChB,IAAIa,MAAMI,WAAY;AAC/CJ,MAAAA,KAAKb,OAAOA,IAAI;AAClB,WAAOiB,UAAU;AAAA,EACnB;AAEA,MAAI,WAAWJ,MAAM;AACnB,UAAMK,QAAQL;AAGd,aAASC,IAAI,GAAGA,IAAII,MAAMZ,MAAMR,QAAQ,EAAEgB,GAAG;AACrCL,YAAAA,OAAOS,MAAMZ,MAAMQ,CAAC;AAE1B,YAAMC,QAAQC,eAAehB,IAAIS,MAAMS,KAAK;AAC5C,UAAIH,OAAO;AACFA,eAAAA;AAAAA,MACT;AAAA,IACF;AAAA,EACF;AAEO,SAAA;AACT;;;;;;;"}

package/dist/cjs/components/QueryBuilder/utils/reducer.cjs

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index = require("./index.cjs");
+const reducer = (state, action) => {
+  const query = {
+    ...state
+  };
+  switch (action.type) {
+    case "reset-query": {
+      return index.emptyGroup();
+    }
+    case "reset-group": {
+      const group = index.findNodeById(action.id, query);
+      if (group && "rules" in group) {
+        group.rules = [index.emptyRule()];
+        return query;
+      }
+      break;
+    }
+    case "add-rule": {
+      const group = index.findNodeById(action.id, query);
+      if (group && "rules" in group) {
+        const rule = index.emptyRule();
+        group.rules.push(rule);
+        return query;
+      }
+      break;
+    }
+    case "add-group": {
+      const group = index.findNodeById(action.id, query);
+      if (group && "rules" in group) {
+        group.rules.push(index.emptyGroup(true));
+        return query;
+      }
+      break;
+    }
+    case "remove-node": {
+      const parent = index.findParentById(action.id, query);
+      if (parent) {
+        parent.rules = parent.rules.filter((rule) => rule.id !== action.id);
+        return query;
+      }
+      return index.emptyGroup();
+    }
+    case "set-combinator": {
+      const node = index.findNodeById(action.id, query);
+      if (node && "combinator" in node) {
+        if (node.combinator !== action.combinator) {
+          node.combinator = action.combinator;
+          return query;
+        }
+      }
+      break;
+    }
+    case "set-attribute": {
+      const node = index.findNodeById(action.id, query);
+      if (node && node.attribute !== action.attribute) {
+        node.attribute = action.attribute ?? void 0;
+        if (action.operator !== void 0) {
+          node.operator = action.operator ?? void 0;
+          node.value = action.value ?? void 0;
+        }
+        return query;
+      }
+      break;
+    }
+    case "set-operator": {
+      const node = index.findNodeById(action.id, query);
+      if (node && "attribute" in node) {
+        if (node.operator !== action.operator) {
+          node.operator = action.operator;
+          if (action.value !== void 0) {
+            node.value = action.value ?? void 0;
+          }
+          return query;
+        }
+      }
+      break;
+    }
+    case "set-value": {
+      const node = index.findNodeById(action.id, query);
+      if (node && "operator" in node) {
+        node.value = action.value ?? void 0;
+        return query;
+      }
+      break;
+    }
+  }
+  return state;
+};
+const reducer$1 = reducer;
+exports.default = reducer$1;
+//# sourceMappingURL=reducer.cjs.map

package/dist/cjs/components/QueryBuilder/utils/reducer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducer.cjs","sources":["../../../../../src/components/QueryBuilder/utils/reducer.tsx"],"sourcesContent":["import { emptyRule, emptyGroup, findNodeById, findParentById } from \"./index\";\n\nconst reducer = (state, action) => {\n  const query = { ...state };\n\n  switch (action.type) {\n    case \"reset-query\": {\n      return emptyGroup();\n    }\n    case \"reset-group\": {\n      const group = findNodeById(action.id, query);\n      if (group && \"rules\" in group) {\n        group.rules = [emptyRule()];\n\n        return query;\n      }\n      break;\n    }\n    case \"add-rule\": {\n      const group = findNodeById(action.id, query);\n      if (group && \"rules\" in group) {\n        const rule = emptyRule();\n\n        group.rules.push(rule);\n\n        return query;\n      }\n      break;\n    }\n    case \"add-group\": {\n      const group = findNodeById(action.id, query);\n      if (group && \"rules\" in group) {\n        group.rules.push(emptyGroup(true));\n\n        return query;\n      }\n      break;\n    }\n    case \"remove-node\": {\n      const parent = findParentById(action.id, query);\n      if (parent) {\n        parent.rules = parent.rules.filter((rule) => rule.id !== action.id);\n\n        return query;\n      }\n\n      // reset query if deleting top node\n      return emptyGroup();\n    }\n    case \"set-combinator\": {\n      const node = findNodeById(action.id, query);\n      if (node && \"combinator\" in node) {\n        if (node.combinator !== action.combinator) {\n          node.combinator = action.combinator;\n\n          return query;\n        }\n      }\n      break;\n    }\n    case \"set-attribute\": {\n      const node = findNodeById(action.id, query);\n      if (node && node.attribute !== action.attribute) {\n        node.attribute = action.attribute ?? undefined;\n\n        // we keep the operator and value unless the operator is explicitly null (or set)\n        if (action.operator !== undefined) {\n          node.operator = action.operator ?? undefined;\n          node.value = action.value ?? undefined;\n        }\n\n        return query;\n      }\n      break;\n    }\n    case \"set-operator\": {\n      const node = findNodeById(action.id, query);\n      if (node && \"attribute\" in node) {\n        if (node.operator !== action.operator) {\n          node.operator = action.operator;\n          if (action.value !== undefined) {\n            node.value = action.value ?? undefined;\n          }\n\n          return query;\n        }\n      }\n      break;\n    }\n    case \"set-value\": {\n      const node = findNodeById(action.id, query);\n      if (node && \"operator\" in node) {\n        node.value = action.value ?? undefined;\n\n        return query;\n      }\n      break;\n    }\n\n    default:\n  }\n\n  // just return existing state if nothing changed\n  return state;\n};\n\nexport default reducer;\n"],"names":["reducer","state","action","query","type","emptyGroup","group","findNodeById","id","rules","emptyRule","rule","push","parent","findParentById","filter","node","combinator","attribute","undefined","operator","value"],"mappings":";;;AAEA,MAAMA,UAAUA,CAACC,OAAOC,WAAW;AACjC,QAAMC,QAAQ;AAAA,IAAE,GAAGF;AAAAA,EAAAA;AAEnB,UAAQC,OAAOE,MAAI;AAAA,IACjB,KAAK,eAAe;AAClB,aAAOC,MAAY,WAAA;AAAA,IACrB;AAAA,IACA,KAAK,eAAe;AAClB,YAAMC,QAAQC,MAAAA,aAAaL,OAAOM,IAAIL,KAAK;AACvCG,UAAAA,SAAS,WAAWA,OAAO;AACvBG,cAAAA,QAAQ,CAACC,MAAAA,UAAAA,CAAW;AAEnBP,eAAAA;AAAAA,MACT;AACA;AAAA,IACF;AAAA,IACA,KAAK,YAAY;AACf,YAAMG,QAAQC,MAAAA,aAAaL,OAAOM,IAAIL,KAAK;AACvCG,UAAAA,SAAS,WAAWA,OAAO;AAC7B,cAAMK,OAAOD,MAAAA;AAEPD,cAAAA,MAAMG,KAAKD,IAAI;AAEdR,eAAAA;AAAAA,MACT;AACA;AAAA,IACF;AAAA,IACA,KAAK,aAAa;AAChB,YAAMG,QAAQC,MAAAA,aAAaL,OAAOM,IAAIL,KAAK;AACvCG,UAAAA,SAAS,WAAWA,OAAO;AAC7BA,cAAMG,MAAMG,KAAKP,MAAAA,WAAW,IAAI,CAAC;AAE1BF,eAAAA;AAAAA,MACT;AACA;AAAA,IACF;AAAA,IACA,KAAK,eAAe;AAClB,YAAMU,SAASC,MAAAA,eAAeZ,OAAOM,IAAIL,KAAK;AAC9C,UAAIU,QAAQ;AACHJ,eAAAA,QAAQI,OAAOJ,MAAMM,OAAQJ,UAASA,KAAKH,OAAON,OAAOM,EAAE;AAE3DL,eAAAA;AAAAA,MACT;AAGA,aAAOE,MAAY,WAAA;AAAA,IACrB;AAAA,IACA,KAAK,kBAAkB;AACrB,YAAMW,OAAOT,MAAAA,aAAaL,OAAOM,IAAIL,KAAK;AACtCa,UAAAA,QAAQ,gBAAgBA,MAAM;AAC5BA,YAAAA,KAAKC,eAAef,OAAOe,YAAY;AACzCD,eAAKC,aAAaf,OAAOe;AAElBd,iBAAAA;AAAAA,QACT;AAAA,MACF;AACA;AAAA,IACF;AAAA,IACA,KAAK,iBAAiB;AACpB,YAAMa,OAAOT,MAAAA,aAAaL,OAAOM,IAAIL,KAAK;AAC1C,UAAIa,QAAQA,KAAKE,cAAchB,OAAOgB,WAAW;AAC1CA,aAAAA,YAAYhB,OAAOgB,aAAaC;AAGjCjB,YAAAA,OAAOkB,aAAaD,QAAW;AAC5BC,eAAAA,WAAWlB,OAAOkB,YAAYD;AAC9BE,eAAAA,QAAQnB,OAAOmB,SAASF;AAAAA,QAC/B;AAEOhB,eAAAA;AAAAA,MACT;AACA;AAAA,IACF;AAAA,IACA,KAAK,gBAAgB;AACnB,YAAMa,OAAOT,MAAAA,aAAaL,OAAOM,IAAIL,KAAK;AACtCa,UAAAA,QAAQ,eAAeA,MAAM;AAC3BA,YAAAA,KAAKI,aAAalB,OAAOkB,UAAU;AACrCJ,eAAKI,WAAWlB,OAAOkB;AACnBlB,cAAAA,OAAOmB,UAAUF,QAAW;AACzBE,iBAAAA,QAAQnB,OAAOmB,SAASF;AAAAA,UAC/B;AAEOhB,iBAAAA;AAAAA,QACT;AAAA,MACF;AACA;AAAA,IACF;AAAA,IACA,KAAK,aAAa;AAChB,YAAMa,OAAOT,MAAAA,aAAaL,OAAOM,IAAIL,KAAK;AACtCa,UAAAA,QAAQ,cAAcA,MAAM;AACzBK,aAAAA,QAAQnB,OAAOmB,SAASF;AAEtBhB,eAAAA;AAAAA,MACT;AACA;AAAA,IACF;AAAA,EAEQ;AAIHF,SAAAA;AACT;AAEA,MAAA,YAAeD;;"}