@hitachivantara/uikit-react-core 5.5.0 → 5.6.0

package/dist/esm/components/QueryBuilder/Rule/Value/TextValue/TextValue.js

@@ -0,0 +1,61 @@
+import { ClassNames } from "@emotion/react";
+import { memo, useContext, useState } from "react";
+import { QueryBuilderContext } from "../../../Context.js";
+import { styles } from "./TextValue.styles.js";
+import textValueClasses from "./textValueClasses.js";
+import { jsx } from "@emotion/react/jsx-runtime";
+import { HvInput } from "../../../../Input/Input.js";
+const TextValue = ({
+  id,
+  value = "",
+  initialTouched = false
+}) => {
+  const context = useContext(QueryBuilderContext);
+  const {
+    labels,
+    dispatchAction,
+    readOnly
+  } = context;
+  const [touched, setTouched] = useState(initialTouched);
+  const isValid = value != null && value.toString().trim() !== "";
+  let status = isValid ? "valid" : "invalid";
+  status = !touched ? "standBy" : status;
+  return /* @__PURE__ */ jsx(ClassNames, {
+    children: ({
+      css,
+      cx
+    }) => /* @__PURE__ */ jsx(HvInput, {
+      className: cx(textValueClasses.location, css(styles.location)),
+      label: labels.rule.value.text.label,
+      required: true,
+      status,
+      statusMessage: labels.rule.value.text.validation.required,
+      value,
+      inputProps: {
+        autoComplete: "off"
+      },
+      onChange: (t, v) => {
+        dispatchAction({
+          type: "set-value",
+          id,
+          value: v
+        });
+      },
+      onBlur: () => {
+        setTouched(true);
+      },
+      onKeyDown: (e) => {
+        if (e.key === "Enter") {
+          e.preventDefault();
+        }
+      },
+      placeholder: "—",
+      readOnly
+    })
+  });
+};
+const TextValue$1 = memo(TextValue);
+export {
+  TextValue$1 as default
+};
+//# sourceMappingURL=TextValue.js.map

package/dist/esm/components/QueryBuilder/Rule/Value/TextValue/TextValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextValue.js","sources":["../../../../../../../src/components/QueryBuilder/Rule/Value/TextValue/TextValue.tsx"],"sourcesContent":["import { HvFormStatus, HvInput } from \"@core/components\";\nimport { ClassNames } from \"@emotion/react\";\nimport { memo, useContext, useState } from \"react\";\n\nimport { QueryBuilderContext } from \"../../../Context\";\nimport { styles } from \"./TextValue.styles\";\nimport textValueClasses from \"./textValueClasses\";\n\nexport interface TextValueProps {\n  id?: number;\n  value?: any;\n  initialTouched?: boolean;\n}\n\nconst TextValue = ({\n  id,\n  value = \"\",\n  initialTouched = false,\n}: TextValueProps) => {\n  const context = useContext(QueryBuilderContext);\n  const { labels, dispatchAction, readOnly } = context;\n  const [touched, setTouched] = useState(initialTouched);\n  const isValid = value != null && value.toString().trim() !== \"\";\n\n  let status: HvFormStatus = isValid ? \"valid\" : \"invalid\";\n  status = !touched ? \"standBy\" : status;\n\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <HvInput\n          className={cx(textValueClasses.location, css(styles.location))}\n          label={labels.rule.value.text.label}\n          required\n          status={status}\n          statusMessage={labels.rule.value.text.validation.required}\n          value={value}\n          inputProps={{\n            autoComplete: \"off\",\n          }}\n          onChange={(t, v) => {\n            dispatchAction({\n              type: \"set-value\",\n              id,\n              value: v,\n            });\n          }}\n          onBlur={() => {\n            setTouched(true);\n          }}\n          onKeyDown={(e: any) => {\n            if (e.key === \"Enter\") {\n              e.preventDefault();\n            }\n          }}\n          placeholder=\"—\"\n          readOnly={readOnly}\n        />\n      )}\n    </ClassNames>\n  );\n};\n\nexport default memo(TextValue);\n"],"names":["TextValue","id","value","initialTouched","context","useContext","QueryBuilderContext","labels","dispatchAction","readOnly","touched","setTouched","useState","isValid","toString","trim","status","ClassNames","children","css","cx","HvInput","className","textValueClasses","location","styles","label","rule","text","required","statusMessage","validation","inputProps","autoComplete","onChange","t","v","type","onBlur","onKeyDown","e","key","preventDefault","placeholder","memo"],"mappings":";;;;;;;AAcA,MAAMA,YAAYA,CAAC;AAAA,EACjBC;AAAAA,EACAC,QAAQ;AAAA,EACRC,iBAAiB;AACH,MAAM;AACdC,QAAAA,UAAUC,WAAWC,mBAAmB;AACxC,QAAA;AAAA,IAAEC;AAAAA,IAAQC;AAAAA,IAAgBC;AAAAA,EAAaL,IAAAA;AAC7C,QAAM,CAACM,SAASC,UAAU,IAAIC,SAAST,cAAc;AACrD,QAAMU,UAAUX,SAAS,QAAQA,MAAMY,WAAWC,KAAW,MAAA;AAEzDC,MAAAA,SAAuBH,UAAU,UAAU;AACtC,WAAA,CAACH,UAAU,YAAYM;AAEhC,6BACGC,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,0BACNC,SAAO;AAAA,MACNC,WAAWF,GAAGG,iBAAiBC,UAAUL,IAAIM,OAAOD,QAAQ,CAAC;AAAA,MAC7DE,OAAOnB,OAAOoB,KAAKzB,MAAM0B,KAAKF;AAAAA,MAC9BG,UAAQ;AAAA,MACRb;AAAAA,MACAc,eAAevB,OAAOoB,KAAKzB,MAAM0B,KAAKG,WAAWF;AAAAA,MACjD3B;AAAAA,MACA8B,YAAY;AAAA,QACVC,cAAc;AAAA,MAChB;AAAA,MACAC,UAAUA,CAACC,GAAGC,MAAM;AACH,uBAAA;AAAA,UACbC,MAAM;AAAA,UACNpC;AAAAA,UACAC,OAAOkC;AAAAA,QAAAA,CACR;AAAA,MACH;AAAA,MACAE,QAAQA,MAAM;AACZ3B,mBAAW,IAAI;AAAA,MACjB;AAAA,MACA4B,WAAWA,CAACC,MAAW;AACjBA,YAAAA,EAAEC,QAAQ,SAAS;AACrBD,YAAEE,eAAgB;AAAA,QACpB;AAAA,MACF;AAAA,MACAC,aAAY;AAAA,MACZlC;AAAAA,IAAAA,CAAmB;AAAA,EAAA,CAGZ;AAEjB;AAEA,MAAemC,cAAAA,KAAK5C,SAAS;"}

package/dist/esm/components/QueryBuilder/Rule/Value/TextValue/TextValue.styles.js

@@ -0,0 +1,9 @@
+const styles = {
+  location: {
+    flexGrow: 1
+  }
+};
+export {
+  styles
+};
+//# sourceMappingURL=TextValue.styles.js.map

package/dist/esm/components/QueryBuilder/Rule/Value/TextValue/TextValue.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextValue.styles.js","sources":["../../../../../../../src/components/QueryBuilder/Rule/Value/TextValue/TextValue.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\n\nexport const styles: { [key: string]: CSSInterpolation } = {\n  location: {\n    flexGrow: 1,\n  },\n};\n"],"names":["styles","location","flexGrow"],"mappings":"AAEO,MAAMA,SAA8C;AAAA,EACzDC,UAAU;AAAA,IACRC,UAAU;AAAA,EACZ;AACF;"}

package/dist/esm/components/QueryBuilder/Rule/Value/TextValue/textValueClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../../../../utils/classes.js";
+const classKeys = ["location"];
+const textValueClasses = getClasses(classKeys, "HvTextValue");
+const textValueClasses$1 = textValueClasses;
+export {
+  textValueClasses$1 as default
+};
+//# sourceMappingURL=textValueClasses.js.map

package/dist/esm/components/QueryBuilder/Rule/Value/TextValue/textValueClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textValueClasses.js","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,WAAWF,WAAW,aAAa;AAE5D,MAAA,qBAAeC;"}

package/dist/esm/components/QueryBuilder/Rule/Value/Value.js

@@ -0,0 +1,62 @@
+import { useContext, memo } from "react";
+import { QueryBuilderContext } from "../../Context.js";
+import TextValue from "./TextValue/TextValue.js";
+import { jsx } from "@emotion/react/jsx-runtime";
+import { BooleanValue } from "./BooleanValue/BooleanValue.js";
+import { NumericValue } from "./NumericValue/NumericValue.js";
+const Value = ({
+  id,
+  attribute,
+  operator,
+  value: valueProp
+}) => {
+  const context = useContext(QueryBuilderContext);
+  const {
+    attributes,
+    initialTouched
+  } = context;
+  const value = attribute && attributes ? {
+    ...attributes[attribute]
+  } : {
+    type: null
+  };
+  const {
+    type
+  } = value;
+  switch (type) {
+    case "boolean": {
+      return /* @__PURE__ */ jsx(BooleanValue, {
+        id,
+        value: !!valueProp
+      });
+    }
+    case "numeric": {
+      return /* @__PURE__ */ jsx(NumericValue, {
+        id,
+        operator,
+        value: valueProp,
+        initialTouched
+      });
+    }
+    case "text":
+    case "textarea":
+    default: {
+      return /* @__PURE__ */ jsx(TextValue, {
+        id,
+        value: valueProp,
+        initialTouched
+      });
+    }
+    case "dateandtime": {
+      return /* @__PURE__ */ jsx(BooleanValue, {
+        id,
+        value: !!valueProp
+      });
+    }
+  }
+};
+memo(Value);
+export {
+  Value
+};
+//# sourceMappingURL=Value.js.map

package/dist/esm/components/QueryBuilder/Rule/Value/Value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Value.js","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,WAAWC,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,iCAAQC,cAAY;AAAA,QAACX;AAAAA,QAAQG,OAAO,CAAC,CAACC;AAAAA,MAAAA,CAAa;AAAA,IACrD;AAAA,IACA,KAAK,WAAW;AACd,iCACGQ,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,iCACGI,WAAS;AAAA,QAACb;AAAAA,QAAQG,OAAOC;AAAAA,QAAWK;AAAAA,MAAAA,CAAkC;AAAA,IAE3E;AAAA,IACA,KAAK,eAAe;AAClB,iCAAQE,cAAY;AAAA,QAACX;AAAAA,QAAQG,OAAO,CAAC,CAACC;AAAAA,MAAAA,CAAa;AAAA,IACrD;AAAA,EAAC;AAEL;AAEeU,KAAKf,KAAK;"}

package/dist/esm/components/QueryBuilder/Rule/ruleClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../../utils/classes.js";
+const classKeys = ["root", "actionsContainer", "isMdDown"];
+const ruleClasses = getClasses(classKeys, "HvRule");
+const ruleClasses$1 = ruleClasses;
+export {
+  ruleClasses$1 as default
+};
+//# sourceMappingURL=ruleClasses.js.map

package/dist/esm/components/QueryBuilder/Rule/ruleClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ruleClasses.js","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,WAAWF,WAAW,QAAQ;AAElD,MAAA,gBAAeC;"}

package/dist/esm/components/QueryBuilder/RuleGroup/RuleGroup.js

@@ -0,0 +1,212 @@
+import { useContext, useCallback } from "react";
+import { Delete, Info, Add } from "@hitachivantara/uikit-react-icons";
+import queryBuilderClasses from "../queryBuilderClasses.js";
+import { QueryBuilderContext } from "../Context.js";
+import { ClassNames } from "@emotion/react";
+import { styles } from "./RuleGroup.styles.js";
+import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
+import withTooltip from "../../../hocs/withTooltip.js";
+import { Rule } from "../Rule/Rule.js";
+import { HvEmptyState } from "../../EmptyState/EmptyState.js";
+import { HvGrid } from "../../Grid/Grid.js";
+import { HvMultiButton } from "../../MultiButton/MultiButton.js";
+import { HvButton } from "../../Button/Button.js";
+import { HvTypography } from "../../Typography/Typography.js";
+const RuleGroup = ({
+  level = 0,
+  id,
+  combinator = "and",
+  rules = [],
+  classes
+}) => {
+  var _a, _b, _c, _d;
+  const context = useContext(QueryBuilderContext);
+  const {
+    dispatchAction,
+    askAction,
+    maxDepth,
+    combinators,
+    labels,
+    readOnly
+  } = context;
+  const normalizedMaxDepth = maxDepth - 1;
+  const actionButtons = /* @__PURE__ */ jsx(ClassNames, {
+    children: ({
+      css,
+      cx
+    }) => {
+      var _a2, _b2, _c2, _d2, _e, _f, _g, _h;
+      return /* @__PURE__ */ jsxs(Fragment, {
+        children: [/* @__PURE__ */ jsx("div", {
+          className: cx(queryBuilderClasses.buttonBackground, css(styles.buttonBackground), classes == null ? void 0 : classes.buttonBackground),
+          children: /* @__PURE__ */ jsx(HvButton, {
+            variant: "secondarySubtle",
+            onClick: () => {
+              dispatchAction({
+                type: "add-rule",
+                id
+              });
+            },
+            disabled: readOnly,
+            startIcon: /* @__PURE__ */ jsx(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__ */ jsx("div", {
+          className: cx(queryBuilderClasses.buttonBackground, css(styles.buttonBackground), classes == null ? void 0 : classes.buttonBackground),
+          children: /* @__PURE__ */ jsx(HvButton, {
+            variant: "secondarySubtle",
+            onClick: () => {
+              dispatchAction({
+                type: "add-group",
+                id
+              });
+            },
+            disabled: readOnly,
+            startIcon: /* @__PURE__ */ jsx(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(() => /* @__PURE__ */ jsx(ClassNames, {
+    children: ({
+      css,
+      cx
+    }) => /* @__PURE__ */ jsx(Delete, {
+      className: readOnly ? cx(queryBuilderClasses.topRemoveButtonDisabled, css(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 = useCallback((item) => {
+    dispatchAction({
+      type: "set-combinator",
+      id,
+      combinator: item.operand
+    });
+  }, [dispatchAction, id]);
+  return /* @__PURE__ */ jsx(ClassNames, {
+    children: ({
+      css,
+      cx
+    }) => {
+      var _a2, _b2, _c2, _d2, _e, _f, _g, _h;
+      return /* @__PURE__ */ jsxs("div", {
+        className: cx(queryBuilderClasses.root, css(styles.root), classes == null ? void 0 : classes.root, level === 0 ? cx(queryBuilderClasses.topGroup, css(styles.topGroup), classes == null ? void 0 : classes.topGroup) : cx(queryBuilderClasses.subGroup, css(styles.subGroup), classes == null ? void 0 : classes.subGroup)),
+        children: [/* @__PURE__ */ jsxs(HvGrid, {
+          container: true,
+          children: [/* @__PURE__ */ jsx(HvGrid, {
+            item: true,
+            children: /* @__PURE__ */ jsx(HvMultiButton, {
+              className: cx(queryBuilderClasses.combinator, css(styles.combinator), classes == null ? void 0 : classes.combinator, queryBuilderClasses.topCombinator, css(styles.topCombinator), classes == null ? void 0 : classes.topCombinator),
+              disabled: readOnly,
+              children: combinators && combinators.map((item) => /* @__PURE__ */ jsx(HvButton, {
+                className: cx(queryBuilderClasses.combinatorButton, css(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__ */ jsx(HvGrid, {
+            item: true,
+            children: /* @__PURE__ */ jsx("div", {
+              className: cx(queryBuilderClasses.buttonBackground, css(styles.buttonBackground), classes == null ? void 0 : classes.buttonBackground, queryBuilderClasses.topRemoveButton, css(styles.topRemoveButton), classes == null ? void 0 : classes.topRemoveButton),
+              children: /* @__PURE__ */ jsx(HvButton, {
+                icon: true,
+                className: cx(queryBuilderClasses.removeButton, css(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__ */ jsx(DeleteIcon, {})
+              })
+            })
+          })]
+        }), (rules == null ? void 0 : rules.length) > 0 && /* @__PURE__ */ jsx("div", {
+          className: cx(queryBuilderClasses.rulesContainer, css(styles.rulesContainer), classes == null ? void 0 : classes.rulesContainer, level > 0 ? cx(queryBuilderClasses.subRulesContainer, css(styles.subRulesContainer), classes == null ? void 0 : classes.subRulesContainer) : "", level === 0 ? cx(queryBuilderClasses.topRulesContainer, css(styles.topRulesContainer), classes == null ? void 0 : classes.topRulesContainer) : ""),
+          children: rules.map((rule, index) => {
+            if ("combinator" in rule) {
+              return /* @__PURE__ */ 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__ */ jsx(Rule, {
+              ...rule,
+              isInvalid,
+              id: rule.id,
+              combinator
+            }, rule.id ?? index);
+          })
+        }), (rules == null ? void 0 : rules.length) === 0 && /* @__PURE__ */ jsx(HvEmptyState, {
+          title: (_e = labels.empty) == null ? void 0 : _e.title,
+          message: /* @__PURE__ */ jsxs(Fragment, {
+            children: [/* @__PURE__ */ jsx(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__ */ jsxs(Fragment, {
+              children: [`${(_g = labels.empty) == null ? void 0 : _g.spacer}`, /* @__PURE__ */ jsx(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__ */ jsx(Info, {})
+        }), /* @__PURE__ */ jsx(HvGrid, {
+          container: true,
+          children: /* @__PURE__ */ jsx(HvGrid, {
+            item: true,
+            className: cx(queryBuilderClasses.actionButtonContainer, css(styles.actionButtonContainer), classes == null ? void 0 : classes.actionButtonContainer, queryBuilderClasses.topActionButtonContainer, css(styles.topActionButtonContainer), classes == null ? void 0 : classes.topActionButtonContainer),
+            children: actionButtons
+          })
+        })]
+      });
+    }
+  });
+};
+export {
+  RuleGroup
+};
+//# sourceMappingURL=RuleGroup.js.map

package/dist/esm/components/QueryBuilder/RuleGroup/RuleGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuleGroup.js","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/esm/components/QueryBuilder/RuleGroup/RuleGroup.styles.js

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

package/dist/esm/components/QueryBuilder/RuleGroup/RuleGroup.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuleGroup.styles.js","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,MAAMC,MAAMC;AAAAA,IAErBC,WAAW;AAAA,IACXC,cAAc;AAAA,IAEdC,QAAQL,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,MAAMM,aAAaD;AAAAA,MACjCW,YAAYhB,MAAMM,aAAaD;AAAAA,MAE/BY,KAAK;AAAA,MACLC,MAAMlB,MAAMM,aAAaa;AAAAA,IAC3B;AAAA,IACA,CAAE,SAAQC,oBAAoBC,wCAAwC,GAAG;AAAA,MACvEV,SAAS;AAAA,MACTb,UAAU;AAAA,MACVc,QAAQ;AAAA,MAERC,OAAO;AAAA,MACPC,QAAQ;AAAA,MAERE,YAAYhB,MAAMM,aAAaD;AAAAA,MAE/BY,KAAK;AAAA,MACLC,MAAO,QAAOlB,MAAMC,MAAMC;AAAAA,IAC5B;AAAA,EACF;AAAA,EACAoB,UAAU;AAAA,IACRd,QAAQR,MAAMC,MAAMC;AAAAA,IACpBqB,iBAAiB;AAAA,IACjBC,UAAU;AAAA,IACVC,UAAU;AAAA,IAEVf,eAAeV,MAAMM,aAAaoB;AAAAA,EACpC;AAAA,EAEAC,YAAY;AAAA,IACVF,UAAU;AAAA,EACZ;AAAA,EACAG,eAAe;AAAA,IACb9B,UAAU;AAAA,IACVmB,KAAM,cAAajB,MAAMC,MAAMC;AAAAA,IAC/BgB,MAAO,cAAalB,MAAMC,MAAMC;AAAAA,EAClC;AAAA,EAEA2B,kBAAkB,CAAC;AAAA,EAEnBC,uBAAuB;AAAA,IACrBC,YAAY;AAAA,IAEZ,OAAO;AAAA,MACLA,YAAY/B,MAAMC,MAAMC;AAAAA,IAC1B;AAAA,EACF;AAAA,EACA8B,0BAA0B;AAAA,IACxBlC,UAAU;AAAA,IACVmC,QAAQjC,MAAMM,aAAa4B;AAAAA,IAC3BC,OAAOnC,MAAMM,aAAa8B;AAAAA,EAC5B;AAAA,EACAC,kBAAkB;AAAA,IAChBd,iBAAiBvB,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,MAAMsC,OAAOC;AAAAA,EAChC;AAAA,EAEAK,gBAAgB,CAAC;AAAA,EAEjBC,mBAAmB;AAAA,IACjB7B,YAAYhB,MAAMM,aAAaD;AAAAA,IAE/B0B,YAAY/B,MAAMC,MAAMC;AAAAA,IACxBE,cAAcJ,MAAMC,MAAM6C;AAAAA,IAC1BC,aAAa/C,MAAMC,MAAMC;AAAAA,IAEzB8C,YAAY;AAAA,IAEZlD,UAAU;AAAA,IACVoB,MAAMlB,MAAMM,aAAa2C;AAAAA,IAEzBpC,OAAO;AAAA,EACT;AACF;"}

package/dist/esm/components/QueryBuilder/queryBuilderClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../utils/classes.js";
+const classKeys = ["root", "topGroup", "subGroup", "combinator", "topCombinator", "combinatorButton", "removeButton", "topRemoveButton", "topRemoveButtonDisabled", "rulesContainer", "subRulesContainer", "actionButtonContainer", "topActionButtonContainer", "buttonBackground"];
+const queryBuilderClasses = getClasses(classKeys, "HvQueryBuilder");
+const queryBuilderClasses$1 = queryBuilderClasses;
+export {
+  queryBuilderClasses$1 as default
+};
+//# sourceMappingURL=queryBuilderClasses.js.map

package/dist/esm/components/QueryBuilder/queryBuilderClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"queryBuilderClasses.js","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,WAAWF,WAAW,gBAAgB;AAElE,MAAA,wBAAeC;"}

package/dist/esm/components/QueryBuilder/utils/index.js

@@ -0,0 +1,59 @@
+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;
+};
+export {
+  clearNodeIds,
+  emptyGroup,
+  emptyRule,
+  findNodeById,
+  findParentById,
+  isBigList
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/components/QueryBuilder/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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;"}