@hitachivantara/uikit-react-core 5.5.0 → 5.7.0

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

@@ -0,0 +1,197 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const uniqueId = require("lodash/uniqueId");
+const isEmpty = require("lodash/isEmpty");
+const Context = require("../../../Context.cjs");
+const react = require("@emotion/react");
+const Numeric_styles = require("./Numeric.styles.cjs");
+const material = require("@mui/material");
+const numericValueClasses = require("./numericValueClasses.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Input = require("../../../../Input/Input.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const uniqueId__default = /* @__PURE__ */ _interopDefault(uniqueId);
+const isEmpty__default = /* @__PURE__ */ _interopDefault(isEmpty);
+const NumericValue = ({
+  id,
+  value,
+  operator,
+  initialTouched = false
+}) => {
+  var _a, _b;
+  const isRange = operator === "range";
+  const context = React.useContext(Context.QueryBuilderContext);
+  const {
+    labels,
+    dispatchAction,
+    readOnly
+  } = context;
+  const theme = material.useTheme();
+  const isMdDown = material.useMediaQuery(theme.breakpoints.down("md"));
+  const onSingleValueChange = React.useCallback((evt, data) => {
+    const numericData = isEmpty__default.default(data) ? null : Number(data);
+    dispatchAction({
+      type: "set-value",
+      id,
+      value: Number.isNaN(numericData) ? data : numericData
+    });
+  }, [dispatchAction, id]);
+  const onRangeValueChange = React.useCallback((evt, data, from = true) => {
+    const numericData = isEmpty__default.default(data) ? null : Number(data);
+    const currentValue = value;
+    const numericRange = {
+      from: currentValue == null ? void 0 : currentValue.from,
+      to: currentValue == null ? void 0 : currentValue.to
+    };
+    if (from) {
+      numericRange.from = Number.isNaN(numericData) ? data : numericData;
+    } else {
+      numericRange.to = Number.isNaN(numericData) ? data : numericData;
+    }
+    dispatchAction({
+      type: "set-value",
+      id,
+      value: numericRange
+    });
+  }, [dispatchAction, id, value]);
+  const [touchedNumeric, setTouchedNumeric] = React.useState(initialTouched);
+  const [touchedNumericTo, setTouchedNumericTo] = React.useState(initialTouched);
+  const elementId = uniqueId__default.default("numeric");
+  let numericValidation = null;
+  let rightValidation = null;
+  if (touchedNumeric || touchedNumericTo) {
+    if (value === void 0 || (value == null ? void 0 : value.toString()) === "") {
+      if (touchedNumeric) {
+        numericValidation = "required";
+      }
+      if (touchedNumericTo) {
+        rightValidation = "required";
+      }
+    } else if (!isRange) {
+      if (Number.isNaN(Number(value))) {
+        numericValidation = "invalid";
+      }
+    } else if (isRange) {
+      const rangeValue = value;
+      if ((rangeValue == null ? void 0 : rangeValue.from) === void 0 || ((_a = rangeValue == null ? void 0 : rangeValue.from) == null ? void 0 : _a.toString()) === "") {
+        numericValidation = "required";
+      } else if (Number.isNaN(Number(rangeValue == null ? void 0 : rangeValue.from))) {
+        numericValidation = "invalid";
+      }
+      if ((rangeValue == null ? void 0 : rangeValue.to) === void 0 || ((_b = rangeValue == null ? void 0 : rangeValue.to) == null ? void 0 : _b.toString()) === "") {
+        rightValidation = "required";
+      } else if (Number.isNaN(Number(rangeValue == null ? void 0 : rangeValue.to))) {
+        rightValidation = "invalid";
+      } else if (Number(rangeValue == null ? void 0 : rangeValue.from) > Number(rangeValue == null ? void 0 : rangeValue.to)) {
+        rightValidation = "greaterThan";
+      } else if (Number(rangeValue == null ? void 0 : rangeValue.from) === Number(rangeValue == null ? void 0 : rangeValue.to)) {
+        rightValidation = "equal";
+      }
+    }
+  }
+  const numericStatus = numericValidation != null ? "invalid" : "valid";
+  const rightStatus = rightValidation != null ? "invalid" : "valid";
+  const renderRangeInputs = (rangeValue) => /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
+    children: ({
+      css,
+      cx
+    }) => {
+      var _a2, _b2;
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+        className: cx(numericValueClasses.default.rangeContainer, css(Numeric_styles.styles.rangeContainer), isMdDown ? cx(numericValueClasses.default.isMdDown, css(Numeric_styles.styles.isMdDown)) : ""),
+        children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
+          className: cx(numericValueClasses.default.inputContainer, css(Numeric_styles.styles.inputContainer)),
+          children: /* @__PURE__ */ jsxRuntime.jsx(Input.HvInput, {
+            label: labels.rule.value.numeric.range.leftLabel,
+            className: cx(numericValueClasses.default.input, css(Numeric_styles.styles.input)),
+            id: `${elementId}-numeric-from`,
+            name: `${elementId}-numeric-from`,
+            value: ((_a2 = rangeValue == null ? void 0 : rangeValue.from) == null ? void 0 : _a2.toString()) || "",
+            onChange: (event, data) => onRangeValueChange(event, data),
+            onBlur: () => {
+              setTouchedNumeric(true);
+            },
+            onKeyDown: (e) => {
+              if (e.key === "Enter") {
+                e.preventDefault();
+              }
+            },
+            status: !touchedNumeric ? "standBy" : numericStatus,
+            statusMessage: numericValidation ? labels.rule.value.numeric.validation[numericValidation] : "",
+            required: true,
+            inputProps: {
+              autoComplete: "off"
+            },
+            placeholder: labels.rule.value.numeric.placeholder,
+            readOnly
+          })
+        }), /* @__PURE__ */ jsxRuntime.jsx("div", {
+          className: cx(numericValueClasses.default.inputContainer, css(Numeric_styles.styles.inputContainer)),
+          children: /* @__PURE__ */ jsxRuntime.jsx(Input.HvInput, {
+            label: labels.rule.value.numeric.range.rightLabel,
+            className: cx(numericValueClasses.default.input, css(Numeric_styles.styles.input)),
+            id: `${elementId}-numeric-to`,
+            name: `${elementId}-numeric-to`,
+            value: ((_b2 = rangeValue == null ? void 0 : rangeValue.to) == null ? void 0 : _b2.toString()) || "",
+            onChange: (event, data) => onRangeValueChange(event, data, false),
+            onBlur: () => {
+              setTouchedNumericTo(true);
+            },
+            onKeyDown: (e) => {
+              if (e.key === "Enter") {
+                e.preventDefault();
+              }
+            },
+            status: !touchedNumericTo ? "standBy" : rightStatus,
+            statusMessage: rightValidation ? labels.rule.value.numeric.validation[rightValidation] : "",
+            required: true,
+            inputProps: {
+              autoComplete: "off"
+            },
+            placeholder: labels.rule.value.numeric.placeholder,
+            readOnly
+          })
+        })]
+      });
+    }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
+    children: ({
+      css,
+      cx
+    }) => /* @__PURE__ */ jsxRuntime.jsxs("div", {
+      className: cx(numericValueClasses.default.root, css(Numeric_styles.styles.root)),
+      children: [isRange && renderRangeInputs(value || {}), !isRange && /* @__PURE__ */ jsxRuntime.jsx("div", {
+        className: cx(numericValueClasses.default.inputContainer, css(Numeric_styles.styles.inputContainer)),
+        children: /* @__PURE__ */ jsxRuntime.jsx(Input.HvInput, {
+          label: labels.rule.value.numeric.label,
+          className: cx(numericValueClasses.default.input, css(Numeric_styles.styles.input)),
+          id: `${elementId}-numeric`,
+          name: `${elementId}-numeric`,
+          value: value ? value.toString() : "",
+          onChange: onSingleValueChange,
+          onBlur: () => {
+            setTouchedNumeric(true);
+          },
+          onKeyDown: (e) => {
+            if (e.key === "Enter") {
+              e.preventDefault();
+            }
+          },
+          status: !touchedNumeric ? "standBy" : numericStatus,
+          required: true,
+          inputProps: {
+            autoComplete: "off"
+          },
+          placeholder: labels.rule.value.numeric.placeholder,
+          statusMessage: numericValidation ? labels.rule.value.numeric.validation[numericValidation] : "",
+          readOnly
+        })
+      })]
+    })
+  });
+};
+React.memo(NumericValue);
+exports.NumericValue = NumericValue;
+//# sourceMappingURL=NumericValue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumericValue.cjs","sources":["../../../../../../../src/components/QueryBuilder/Rule/Value/NumericValue/NumericValue.tsx"],"sourcesContent":["import { memo, useCallback, useContext, useState } from \"react\";\nimport uniqueId from \"lodash/uniqueId\";\nimport isEmpty from \"lodash/isEmpty\";\nimport { HvInput } from \"../../../..\";\nimport { QueryBuilderContext } from \"../../../Context\";\nimport { ClassNames } from \"@emotion/react\";\nimport { styles } from \"./Numeric.styles\";\nimport { useMediaQuery, useTheme } from \"@mui/material\";\nimport numericValueClasses from \"./numericValueClasses\";\n\nexport interface NumericValueProps {\n  id: number;\n  value: any;\n  operator: string;\n  initialTouched?: boolean;\n}\n\nexport const NumericValue = ({\n  id,\n  value,\n  operator,\n  initialTouched = false,\n}: NumericValueProps) => {\n  const isRange = operator === \"range\";\n  const context = useContext(QueryBuilderContext);\n  const { labels, dispatchAction, readOnly } = context;\n\n  const theme = useTheme();\n\n  const isMdDown = useMediaQuery(theme.breakpoints.down(\"md\"));\n\n  const onSingleValueChange = useCallback(\n    (evt, data) => {\n      const numericData = isEmpty(data) ? null : Number(data);\n      dispatchAction({\n        type: \"set-value\",\n        id,\n        value: Number.isNaN(numericData) ? data : numericData,\n      });\n    },\n    [dispatchAction, id]\n  );\n\n  const onRangeValueChange = useCallback(\n    (evt, data, from = true) => {\n      const numericData = isEmpty(data) ? null : Number(data);\n      const currentValue = value;\n      const numericRange = {\n        from: currentValue?.from,\n        to: currentValue?.to,\n      };\n      if (from) {\n        numericRange.from = Number.isNaN(numericData) ? data : numericData;\n      } else {\n        numericRange.to = Number.isNaN(numericData) ? data : numericData;\n      }\n      dispatchAction({\n        type: \"set-value\",\n        id,\n        value: numericRange,\n      });\n    },\n    [dispatchAction, id, value]\n  );\n\n  const [touchedNumeric, setTouchedNumeric] = useState(initialTouched);\n  const [touchedNumericTo, setTouchedNumericTo] = useState(initialTouched);\n\n  const elementId = uniqueId(\"numeric\");\n\n  let numericValidation: \"required\" | \"invalid\" | null = null;\n  let rightValidation: \"required\" | \"invalid\" | \"greaterThan\" | \"equal\" | null =\n    null;\n\n  if (touchedNumeric || touchedNumericTo) {\n    if (value === undefined || value?.toString() === \"\") {\n      if (touchedNumeric) {\n        numericValidation = \"required\";\n      }\n      if (touchedNumericTo) {\n        rightValidation = \"required\";\n      }\n    } else if (!isRange) {\n      if (Number.isNaN(Number(value))) {\n        numericValidation = \"invalid\";\n      }\n    } else if (isRange) {\n      const rangeValue = value;\n      if (\n        rangeValue?.from === undefined ||\n        rangeValue?.from?.toString() === \"\"\n      ) {\n        numericValidation = \"required\";\n      } else if (Number.isNaN(Number(rangeValue?.from))) {\n        numericValidation = \"invalid\";\n      }\n\n      if (rangeValue?.to === undefined || rangeValue?.to?.toString() === \"\") {\n        rightValidation = \"required\";\n      } else if (Number.isNaN(Number(rangeValue?.to))) {\n        rightValidation = \"invalid\";\n      } else if (Number(rangeValue?.from) > Number(rangeValue?.to)) {\n        rightValidation = \"greaterThan\";\n      } else if (Number(rangeValue?.from) === Number(rangeValue?.to)) {\n        rightValidation = \"equal\";\n      }\n    }\n  }\n\n  const numericStatus = numericValidation != null ? \"invalid\" : \"valid\";\n  const rightStatus = rightValidation != null ? \"invalid\" : \"valid\";\n\n  const renderRangeInputs = (rangeValue) => (\n    <ClassNames>\n      {({ css, cx }) => (\n        <div\n          className={cx(\n            numericValueClasses.rangeContainer,\n            css(styles.rangeContainer),\n            isMdDown\n              ? cx(numericValueClasses.isMdDown, css(styles.isMdDown))\n              : \"\"\n          )}\n        >\n          <div\n            className={cx(\n              numericValueClasses.inputContainer,\n              css(styles.inputContainer)\n            )}\n          >\n            <HvInput\n              label={labels.rule.value.numeric.range.leftLabel}\n              className={cx(numericValueClasses.input, css(styles.input))}\n              id={`${elementId}-numeric-from`}\n              name={`${elementId}-numeric-from`}\n              value={rangeValue?.from?.toString() || \"\"}\n              onChange={(event, data) => onRangeValueChange(event, data)}\n              onBlur={() => {\n                setTouchedNumeric(true);\n              }}\n              onKeyDown={(e: any) => {\n                if (e.key === \"Enter\") {\n                  e.preventDefault();\n                }\n              }}\n              status={!touchedNumeric ? \"standBy\" : numericStatus}\n              statusMessage={\n                numericValidation\n                  ? labels.rule.value.numeric.validation[numericValidation]\n                  : \"\"\n              }\n              required\n              inputProps={{\n                autoComplete: \"off\",\n              }}\n              placeholder={labels.rule.value.numeric.placeholder}\n              readOnly={readOnly}\n            />\n          </div>\n          <div\n            className={cx(\n              numericValueClasses.inputContainer,\n              css(styles.inputContainer)\n            )}\n          >\n            <HvInput\n              label={labels.rule.value.numeric.range.rightLabel}\n              className={cx(numericValueClasses.input, css(styles.input))}\n              id={`${elementId}-numeric-to`}\n              name={`${elementId}-numeric-to`}\n              value={rangeValue?.to?.toString() || \"\"}\n              onChange={(event, data) => onRangeValueChange(event, data, false)}\n              onBlur={() => {\n                setTouchedNumericTo(true);\n              }}\n              onKeyDown={(e: any) => {\n                if (e.key === \"Enter\") {\n                  e.preventDefault();\n                }\n              }}\n              status={!touchedNumericTo ? \"standBy\" : rightStatus}\n              statusMessage={\n                rightValidation\n                  ? labels.rule.value.numeric.validation[rightValidation]\n                  : \"\"\n              }\n              required\n              inputProps={{\n                autoComplete: \"off\",\n              }}\n              placeholder={labels.rule.value.numeric.placeholder}\n              readOnly={readOnly}\n            />\n          </div>\n        </div>\n      )}\n    </ClassNames>\n  );\n\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <div className={cx(numericValueClasses.root, css(styles.root))}>\n          {isRange && renderRangeInputs(value || {})}\n          {!isRange && (\n            <div\n              className={cx(\n                numericValueClasses.inputContainer,\n                css(styles.inputContainer)\n              )}\n            >\n              <HvInput\n                label={labels.rule.value.numeric.label}\n                className={cx(numericValueClasses.input, css(styles.input))}\n                id={`${elementId}-numeric`}\n                name={`${elementId}-numeric`}\n                value={value ? value.toString() : \"\"}\n                onChange={onSingleValueChange}\n                onBlur={() => {\n                  setTouchedNumeric(true);\n                }}\n                onKeyDown={(e: any) => {\n                  if (e.key === \"Enter\") {\n                    e.preventDefault();\n                  }\n                }}\n                status={!touchedNumeric ? \"standBy\" : numericStatus}\n                required\n                inputProps={{\n                  autoComplete: \"off\",\n                }}\n                placeholder={labels.rule.value.numeric.placeholder}\n                statusMessage={\n                  numericValidation\n                    ? labels.rule.value.numeric.validation[numericValidation]\n                    : \"\"\n                }\n                readOnly={readOnly}\n              />\n            </div>\n          )}\n        </div>\n      )}\n    </ClassNames>\n  );\n};\n\nexport default memo(NumericValue);\n"],"names":["NumericValue","id","value","operator","initialTouched","isRange","context","useContext","QueryBuilderContext","labels","dispatchAction","readOnly","theme","useTheme","isMdDown","useMediaQuery","breakpoints","down","onSingleValueChange","useCallback","evt","data","numericData","isEmpty","Number","type","isNaN","onRangeValueChange","from","currentValue","numericRange","to","touchedNumeric","setTouchedNumeric","useState","touchedNumericTo","setTouchedNumericTo","elementId","uniqueId","numericValidation","rightValidation","undefined","toString","rangeValue","numericStatus","rightStatus","renderRangeInputs","_jsx","ClassNames","children","css","cx","className","numericValueClasses","rangeContainer","styles","inputContainer","HvInput","label","rule","numeric","range","leftLabel","input","name","onChange","event","onBlur","onKeyDown","e","key","preventDefault","status","statusMessage","validation","required","inputProps","autoComplete","placeholder","rightLabel","root","memo"],"mappings":"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"}

package/dist/cjs/components/QueryBuilder/Rule/Value/NumericValue/numericValueClasses.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", "label", "inputContainer", "rangeContainer", "input", "isMdDown"];
+const numericValueClasses = classes.getClasses(classKeys, "HvNumericValue");
+const numericValueClasses$1 = numericValueClasses;
+exports.default = numericValueClasses$1;
+//# sourceMappingURL=numericValueClasses.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"numericValueClasses.cjs","sources":["../../../../../../../src/components/QueryBuilder/Rule/Value/NumericValue/numericValueClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvNumericValueClasses {\n  /** Styles applied to the component root class. */\n  root?: string;\n  /** Styles applied to the label. */\n  label?: string;\n  /** Styles applied to input container. */\n  inputContainer?: string;\n  /** Styles applied to input container. */\n  rangeContainer?: string;\n  /** Styles applied to range container. */\n  input?: string;\n  /** Styles applied when the screen size is lower. */\n  isMdDown?: string;\n}\n\nconst classKeys: (keyof HvNumericValueClasses)[] = [\n  \"root\",\n  \"label\",\n  \"inputContainer\",\n  \"rangeContainer\",\n  \"input\",\n  \"isMdDown\",\n];\n\nconst numericValueClasses = getClasses(classKeys, \"HvNumericValue\");\n\nexport default numericValueClasses;\n"],"names":["classKeys","numericValueClasses","getClasses"],"mappings":";;;AAiBA,MAAMA,YAA6C,CACjD,QACA,SACA,kBACA,kBACA,SACA,UAAU;AAGZ,MAAMC,sBAAsBC,QAAWF,WAAAA,WAAW,gBAAgB;AAElE,MAAA,wBAAeC;;"}

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

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const react = require("@emotion/react");
+const React = require("react");
+const Context = require("../../../Context.cjs");
+const TextValue_styles = require("./TextValue.styles.cjs");
+const textValueClasses = require("./textValueClasses.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Input = require("../../../../Input/Input.cjs");
+const TextValue = ({
+  id,
+  value = "",
+  initialTouched = false
+}) => {
+  const context = React.useContext(Context.QueryBuilderContext);
+  const {
+    labels,
+    dispatchAction,
+    readOnly
+  } = context;
+  const [touched, setTouched] = React.useState(initialTouched);
+  const isValid = value != null && value.toString().trim() !== "";
+  let status = isValid ? "valid" : "invalid";
+  status = !touched ? "standBy" : status;
+  return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
+    children: ({
+      css,
+      cx
+    }) => /* @__PURE__ */ jsxRuntime.jsx(Input.HvInput, {
+      className: cx(textValueClasses.default.location, css(TextValue_styles.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 = React.memo(TextValue);
+exports.default = TextValue$1;
+//# sourceMappingURL=TextValue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextValue.cjs","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,iBAAWC,QAAAA,mBAAmB;AACxC,QAAA;AAAA,IAAEC;AAAAA,IAAQC;AAAAA,IAAgBC;AAAAA,EAAaL,IAAAA;AAC7C,QAAM,CAACM,SAASC,UAAU,IAAIC,eAAST,cAAc;AACrD,QAAMU,UAAUX,SAAS,QAAQA,MAAMY,WAAWC,KAAW,MAAA;AAEzDC,MAAAA,SAAuBH,UAAU,UAAU;AACtC,WAAA,CAACH,UAAU,YAAYM;AAEhC,wCACGC,MAAAA,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,qCACNC,MAAAA,SAAO;AAAA,MACNC,WAAWF,GAAGG,yBAAiBC,UAAUL,IAAIM,iBAAAA,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,MAAAA,KAAK5C,SAAS;;"}

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const styles = {
+  location: {
+    flexGrow: 1
+  }
+};
+exports.styles = styles;
+//# sourceMappingURL=TextValue.styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextValue.styles.cjs","sources":["../../../../../../../src/components/QueryBuilder/Rule/Value/TextValue/TextValue.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { HvTextValueClasses } from \"./textValueClasses\";\n\nexport const styles: Partial<\n  Record<keyof HvTextValueClasses, CSSInterpolation>\n> = {\n  location: {\n    flexGrow: 1,\n  },\n};\n"],"names":["styles","location","flexGrow"],"mappings":";;AAGO,MAAMA,SAET;AAAA,EACFC,UAAU;AAAA,IACRC,UAAU;AAAA,EACZ;AACF;;"}

package/dist/cjs/components/QueryBuilder/Rule/Value/TextValue/textValueClasses.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 = ["location"];
+const textValueClasses = classes.getClasses(classKeys, "HvTextValue");
+const textValueClasses$1 = textValueClasses;
+exports.default = textValueClasses$1;
+//# sourceMappingURL=textValueClasses.cjs.map

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