@hitachivantara/uikit-react-core 5.27.6 → 5.27.7

package/dist/cjs/components/ProgressBar/ProgressBar.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
 const clamp = require("lodash/clamp");
 const ProgressBar_styles = require("./ProgressBar.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Typography = require("../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clamp__default = /* @__PURE__ */ _interopDefault(clamp);
@@ -22,37 +22,17 @@ const HvProgressBar = (props) => {
     cx
   } = ProgressBar_styles.useClasses(classesProp);
   const clampedValue = clamp__default.default(value, 0, 100);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    className: cx(classes.root, classes.progress, className),
-    role: "progressbar",
-    "aria-valuemin": 0,
-    "aria-valuemax": 100,
-    "aria-valuenow": clampedValue,
-    ...others,
-    children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
-      className: classes.progressContainer,
-      children: [!hideLabel && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-        className: classes.progressBarLabel,
-        variant: "caption2",
-        style: {
-          width: `${clampedValue}%`
-        },
-        ...labelProps,
-        children: `${clampedValue}%`
-      }), /* @__PURE__ */ jsxRuntime.jsx("div", {
-        className: classes.progressBarContainer,
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", {
-          style: {
-            width: `${clampedValue}%`
-          },
-          className: cx(classes.progressBar, {
-            [classes.progressDone]: status === "completed",
-            [classes.progressError]: status === "error"
-          })
-        })
-      })]
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx(classes.root, classes.progress, className), role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": clampedValue, ...others, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.progressContainer, children: [
+    !hideLabel && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { className: classes.progressBarLabel, variant: "caption2", style: {
+      width: `${clampedValue}%`
+    }, ...labelProps, children: `${clampedValue}%` }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.progressBarContainer, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+      width: `${clampedValue}%`
+    }, className: cx(classes.progressBar, {
+      [classes.progressDone]: status === "completed",
+      [classes.progressError]: status === "error"
+    }) }) })
+  ] }) });
 };
 exports.progressBarClasses = ProgressBar_styles.staticClasses;
 exports.HvProgressBar = HvProgressBar;

package/dist/cjs/components/ProgressBar/ProgressBar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.cjs","sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport clamp from \"lodash/clamp\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvTypography, HvTypographyProps } from \"@core/components/Typography\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { staticClasses, useClasses } from \"./ProgressBar.styles\";\n\nexport { staticClasses as progressBarClasses };\n\nexport type HvProgressBarClasses = ExtractNames<typeof useClasses>;\n\nexport type HvProgressBarStatus = \"inProgress\" | \"completed\" | \"error\";\n\n/**\n * ProgressBar provides feedback about a process that is taking place in the application.\n */\nexport interface HvProgressBarProps extends HvBaseProps {\n  /** The value of the progress bar. */\n  value: number;\n  /**\n   * The status of the progress bar.\n   *\n   * inProgress is black, error is red and completed is green.\n   *\n   * When uncontrolled and unspecified it will default to \"inProgress\".\n   */\n  status?: HvProgressBarStatus;\n  /** Aria Properties passed on to the progress bar. */\n  labelProps?: HvTypographyProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvProgressBarClasses;\n  /**\n   * True if the text label should not be displayed.\n   */\n  hideLabel?: boolean;\n}\n\nexport const HvProgressBar = (props: HvProgressBarProps) => {\n  const {\n    className,\n    classes: classesProp,\n    value = 0,\n    status = \"inProgress\",\n    labelProps,\n    hideLabel,\n    ...others\n  } = useDefaultProps(\"HvProgressBar\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const clampedValue = clamp(value, 0, 100);\n\n  return (\n    <div\n      className={cx(classes.root, classes.progress, className)}\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={clampedValue}\n      {...others}\n    >\n      <div className={classes.progressContainer}>\n        {!hideLabel && (\n          <HvTypography\n            className={classes.progressBarLabel}\n            variant=\"caption2\"\n            style={{ width: `${clampedValue}%` }}\n            {...labelProps}\n          >\n            {`${clampedValue}%`}\n          </HvTypography>\n        )}\n        <div className={classes.progressBarContainer}>\n          <div\n            style={{ width: `${clampedValue}%` }}\n            className={cx(classes.progressBar, {\n              [classes.progressDone]: status === \"completed\",\n              [classes.progressError]: status === \"error\",\n            })}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["HvProgressBar","props","className","classes","classesProp","value","status","labelProps","hideLabel","others","useDefaultProps","cx","useClasses","clampedValue","clamp","root","progress","role","children","progressContainer","HvTypography","progressBarLabel","variant","style","width","_jsx","progressBarContainer","progressBar","progressDone","progressError"],"mappings":";;;;;;;;;AAwCaA,MAAAA,gBAAgBA,CAACC,UAA8B;AACpD,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,iBAAiBT,KAAK;AAEpC,QAAA;AAAA,IAAEE;AAAAA,IAASQ;AAAAA,EAAAA,IAAOC,mBAAAA,WAAWR,WAAW;AAE9C,QAAMS,eAAeC,eAAAA,QAAMT,OAAO,GAAG,GAAG;AAExC,wCACE,OAAA;AAAA,IACEH,WAAWS,GAAGR,QAAQY,MAAMZ,QAAQa,UAAUd,SAAS;AAAA,IACvDe,MAAK;AAAA,IACL,iBAAe;AAAA,IACf,iBAAe;AAAA,IACf,iBAAeJ;AAAAA,IAAa,GACxBJ;AAAAA,IAAMS,0CAEV,OAAA;AAAA,MAAKhB,WAAWC,QAAQgB;AAAAA,MAAkBD,WACvC,CAACV,4CACCY,WAAAA,cAAY;AAAA,QACXlB,WAAWC,QAAQkB;AAAAA,QACnBC,SAAQ;AAAA,QACRC,OAAO;AAAA,UAAEC,OAAQ,GAAEX,YAAa;AAAA,QAAG;AAAA,QAAE,GACjCN;AAAAA,QAAUW,UAEZ,GAAEL,YAAa;AAAA,MAAA,CACL,GAEhBY,2BAAAA,IAAA,OAAA;AAAA,QAAKvB,WAAWC,QAAQuB;AAAAA,QAAqBR,yCAC3C,OAAA;AAAA,UACEK,OAAO;AAAA,YAAEC,OAAQ,GAAEX,YAAa;AAAA,UAAG;AAAA,UACnCX,WAAWS,GAAGR,QAAQwB,aAAa;AAAA,YACjC,CAACxB,QAAQyB,YAAY,GAAGtB,WAAW;AAAA,YACnC,CAACH,QAAQ0B,aAAa,GAAGvB,WAAW;AAAA,UAAA,CACrC;AAAA,QAAA,CACF;AAAA,MAAA,CACE,CAAC;AAAA,IAAA,CACH;AAAA,EAAA,CACF;AAET;;;"}
+{"version":3,"file":"ProgressBar.cjs","sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport clamp from \"lodash/clamp\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvTypography, HvTypographyProps } from \"@core/components/Typography\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { staticClasses, useClasses } from \"./ProgressBar.styles\";\n\nexport { staticClasses as progressBarClasses };\n\nexport type HvProgressBarClasses = ExtractNames<typeof useClasses>;\n\nexport type HvProgressBarStatus = \"inProgress\" | \"completed\" | \"error\";\n\n/**\n * ProgressBar provides feedback about a process that is taking place in the application.\n */\nexport interface HvProgressBarProps extends HvBaseProps {\n  /** The value of the progress bar. */\n  value: number;\n  /**\n   * The status of the progress bar.\n   *\n   * inProgress is black, error is red and completed is green.\n   *\n   * When uncontrolled and unspecified it will default to \"inProgress\".\n   */\n  status?: HvProgressBarStatus;\n  /** Aria Properties passed on to the progress bar. */\n  labelProps?: HvTypographyProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvProgressBarClasses;\n  /**\n   * True if the text label should not be displayed.\n   */\n  hideLabel?: boolean;\n}\n\nexport const HvProgressBar = (props: HvProgressBarProps) => {\n  const {\n    className,\n    classes: classesProp,\n    value = 0,\n    status = \"inProgress\",\n    labelProps,\n    hideLabel,\n    ...others\n  } = useDefaultProps(\"HvProgressBar\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const clampedValue = clamp(value, 0, 100);\n\n  return (\n    <div\n      className={cx(classes.root, classes.progress, className)}\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={clampedValue}\n      {...others}\n    >\n      <div className={classes.progressContainer}>\n        {!hideLabel && (\n          <HvTypography\n            className={classes.progressBarLabel}\n            variant=\"caption2\"\n            style={{ width: `${clampedValue}%` }}\n            {...labelProps}\n          >\n            {`${clampedValue}%`}\n          </HvTypography>\n        )}\n        <div className={classes.progressBarContainer}>\n          <div\n            style={{ width: `${clampedValue}%` }}\n            className={cx(classes.progressBar, {\n              [classes.progressDone]: status === \"completed\",\n              [classes.progressError]: status === \"error\",\n            })}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["HvProgressBar","props","className","classes","classesProp","value","status","labelProps","hideLabel","others","useDefaultProps","cx","useClasses","clampedValue","clamp","jsx","root","progress","jsxs","progressContainer","HvTypography","progressBarLabel","width","progressBarContainer","progressBar","progressDone","progressError"],"mappings":";;;;;;;;;AAwCaA,MAAAA,gBAAgBA,CAACC,UAA8B;AACpD,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,iBAAiBT,KAAK;AAEpC,QAAA;AAAA,IAAEE;AAAAA,IAASQ;AAAAA,EAAAA,IAAOC,mBAAAA,WAAWR,WAAW;AAE9C,QAAMS,eAAeC,eAAAA,QAAMT,OAAO,GAAG,GAAG;AAGtC,SAAAU,2BAAA,IAAC,OACC,EAAA,WAAWJ,GAAGR,QAAQa,MAAMb,QAAQc,UAAUf,SAAS,GACvD,MAAK,eACL,iBAAe,GACf,iBAAe,KACf,iBAAeW,cACf,GAAIJ,QAEJ,UAACS,2BAAA,KAAA,OAAA,EAAI,WAAWf,QAAQgB,mBACrB,UAAA;AAAA,IAACX,CAAAA,4CACCY,WAAAA,cACC,EAAA,WAAWjB,QAAQkB,kBACnB,SAAQ,YACR,OAAO;AAAA,MAAEC,OAAQ,GAAET,YAAa;AAAA,IAAA,GAC5BN,GAAAA,YAEF,UAAA,GAAEM,YAAa,KACnB;AAAA,mCAED,OAAI,EAAA,WAAWV,QAAQoB,sBACtB,UAAAR,2BAAA,IAAC,SACC,OAAO;AAAA,MAAEO,OAAQ,GAAET,YAAa;AAAA,IAChC,GAAA,WAAWF,GAAGR,QAAQqB,aAAa;AAAA,MACjC,CAACrB,QAAQsB,YAAY,GAAGnB,WAAW;AAAA,MACnC,CAACH,QAAQuB,aAAa,GAAGpB,WAAW;AAAA,IAAA,CACrC,GAAE,EAEP,CAAA;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ;;;"}

package/dist/cjs/components/QueryBuilder/ConfirmationDialog/ConfirmationDialog.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const ConfirmationDialog_styles = require("./ConfirmationDialog.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const ConfirmationDialog_styles = require("./ConfirmationDialog.styles.cjs");
 const Dialog = require("../../Dialog/Dialog.cjs");
 const Title = require("../../Dialog/Title/Title.cjs");
 const Content = require("../../Dialog/Content/Content.cjs");
@@ -25,33 +25,16 @@ const ConfirmationDialog = ({
       onCancel == null ? void 0 : onCancel();
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(Dialog.HvDialog, {
-    classes: {
-      paper: classes.paper
-    },
-    open: isOpen,
-    onClose: handleClose,
-    firstFocusable: "confirmation-dialog-cancel",
-    buttonTitle: closeButtonTooltip,
-    children: [/* @__PURE__ */ jsxRuntime.jsx(Title.HvDialogTitle, {
-      variant: "warning",
-      children: title
-    }), /* @__PURE__ */ jsxRuntime.jsx(Content.HvDialogContent, {
-      indentContent: true,
-      children: message
-    }), /* @__PURE__ */ jsxRuntime.jsxs(Actions.HvDialogActions, {
-      children: [/* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
-        variant: "primaryGhost",
-        onClick: onConfirm,
-        children: confirmButtonLabel
-      }), /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
-        id: "confirmation-dialog-cancel",
-        variant: "primaryGhost",
-        onClick: () => onCancel == null ? void 0 : onCancel(),
-        children: cancelButtonLabel
-      })]
-    })]
-  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(Dialog.HvDialog, { classes: {
+    paper: classes.paper
+  }, open: isOpen, onClose: handleClose, firstFocusable: "confirmation-dialog-cancel", buttonTitle: closeButtonTooltip, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Title.HvDialogTitle, { variant: "warning", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx(Content.HvDialogContent, { indentContent: true, children: message }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Actions.HvDialogActions, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, { variant: "primaryGhost", onClick: onConfirm, children: confirmButtonLabel }),
+      /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, { id: "confirmation-dialog-cancel", variant: "primaryGhost", onClick: () => onCancel == null ? void 0 : onCancel(), children: cancelButtonLabel })
+    ] })
+  ] });
 };
 exports.ConfirmationDialog = ConfirmationDialog;
 //# sourceMappingURL=ConfirmationDialog.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationDialog.cjs","sources":["../../../../../src/components/QueryBuilder/ConfirmationDialog/ConfirmationDialog.tsx"],"sourcesContent":["import { HvButton } from \"@core/components/Button\";\nimport {\n  HvDialog,\n  HvDialogActions,\n  HvDialogContent,\n  HvDialogTitle,\n} from \"@core/components/Dialog\";\n\nimport { useClasses } from \"./ConfirmationDialog.styles\";\n\nexport interface ConfirmationDialogProps {\n  title?: string;\n  message?: string;\n  isOpen?: boolean;\n  onConfirm?: (event: React.MouseEvent<HTMLButtonElement> | Event) => void;\n  onCancel?: () => void;\n  confirmButtonLabel?: string;\n  cancelButtonLabel?: string;\n  closeButtonTooltip?: string;\n}\n\nexport const ConfirmationDialog = ({\n  title,\n  message,\n  isOpen,\n  onConfirm,\n  onCancel,\n  confirmButtonLabel,\n  cancelButtonLabel,\n  closeButtonTooltip,\n}: ConfirmationDialogProps) => {\n  const { classes } = useClasses();\n\n  const handleClose = (_, reason) => {\n    if (reason !== \"backdropClick\") {\n      onCancel?.();\n    }\n  };\n\n  return (\n    <HvDialog\n      classes={{ paper: classes.paper }}\n      open={isOpen}\n      onClose={handleClose}\n      firstFocusable=\"confirmation-dialog-cancel\"\n      buttonTitle={closeButtonTooltip}\n    >\n      <HvDialogTitle variant=\"warning\">{title}</HvDialogTitle>\n      <HvDialogContent indentContent>{message}</HvDialogContent>\n      <HvDialogActions>\n        <HvButton variant=\"primaryGhost\" onClick={onConfirm}>\n          {confirmButtonLabel}\n        </HvButton>\n        <HvButton\n          id=\"confirmation-dialog-cancel\"\n          variant=\"primaryGhost\"\n          onClick={() => onCancel?.()}\n        >\n          {cancelButtonLabel}\n        </HvButton>\n      </HvDialogActions>\n    </HvDialog>\n  );\n};\n"],"names":["ConfirmationDialog","title","message","isOpen","onConfirm","onCancel","confirmButtonLabel","cancelButtonLabel","closeButtonTooltip","classes","useClasses","handleClose","_","reason","HvDialog","paper","open","onClose","firstFocusable","buttonTitle","children","_jsx","HvDialogTitle","variant","HvDialogContent","indentContent","_jsxs","HvDialogActions","HvButton","onClick","id"],"mappings":";;;;;;;;;AAqBO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACuB,MAAM;AACvB,QAAA;AAAA,IAAEC;AAAAA,MAAYC,0BAAW,WAAA;AAEzBC,QAAAA,cAAcA,CAACC,GAAGC,WAAW;AACjC,QAAIA,WAAW,iBAAiB;AACnB;AAAA,IACb;AAAA,EAAA;AAGF,yCACGC,OAAAA,UAAQ;AAAA,IACPL,SAAS;AAAA,MAAEM,OAAON,QAAQM;AAAAA,IAAM;AAAA,IAChCC,MAAMb;AAAAA,IACNc,SAASN;AAAAA,IACTO,gBAAe;AAAA,IACfC,aAAaX;AAAAA,IAAmBY,UAAA,CAEhCC,2BAAAA,IAACC,qBAAa;AAAA,MAACC,SAAQ;AAAA,MAASH,UAAEnB;AAAAA,IAAAA,CAAqB,GACvDoB,2BAAAA,IAACG,yBAAe;AAAA,MAACC,eAAa;AAAA,MAAAL,UAAElB;AAAAA,IAAAA,CAAyB,GACzDwB,2BAAAA,KAACC,yBAAe;AAAA,MAAAP,UAAA,CACdC,2BAAAA,IAACO,iBAAQ;AAAA,QAACL,SAAQ;AAAA,QAAeM,SAASzB;AAAAA,QAAUgB,UACjDd;AAAAA,MAAAA,CACO,GACVe,2BAAAA,IAACO,iBAAQ;AAAA,QACPE,IAAG;AAAA,QACHP,SAAQ;AAAA,QACRM,SAASA,MAAMxB;AAAAA,QAAae,UAE3Bb;AAAAA,MAAAA,CACO,CAAC;AAAA,IAAA,CACI,CAAC;AAAA,EAAA,CACV;AAEd;;"}
+{"version":3,"file":"ConfirmationDialog.cjs","sources":["../../../../../src/components/QueryBuilder/ConfirmationDialog/ConfirmationDialog.tsx"],"sourcesContent":["import { HvButton } from \"@core/components/Button\";\nimport {\n  HvDialog,\n  HvDialogActions,\n  HvDialogContent,\n  HvDialogTitle,\n} from \"@core/components/Dialog\";\n\nimport { useClasses } from \"./ConfirmationDialog.styles\";\n\nexport interface ConfirmationDialogProps {\n  title?: string;\n  message?: string;\n  isOpen?: boolean;\n  onConfirm?: (event: React.MouseEvent<HTMLButtonElement> | Event) => void;\n  onCancel?: () => void;\n  confirmButtonLabel?: string;\n  cancelButtonLabel?: string;\n  closeButtonTooltip?: string;\n}\n\nexport const ConfirmationDialog = ({\n  title,\n  message,\n  isOpen,\n  onConfirm,\n  onCancel,\n  confirmButtonLabel,\n  cancelButtonLabel,\n  closeButtonTooltip,\n}: ConfirmationDialogProps) => {\n  const { classes } = useClasses();\n\n  const handleClose = (_, reason) => {\n    if (reason !== \"backdropClick\") {\n      onCancel?.();\n    }\n  };\n\n  return (\n    <HvDialog\n      classes={{ paper: classes.paper }}\n      open={isOpen}\n      onClose={handleClose}\n      firstFocusable=\"confirmation-dialog-cancel\"\n      buttonTitle={closeButtonTooltip}\n    >\n      <HvDialogTitle variant=\"warning\">{title}</HvDialogTitle>\n      <HvDialogContent indentContent>{message}</HvDialogContent>\n      <HvDialogActions>\n        <HvButton variant=\"primaryGhost\" onClick={onConfirm}>\n          {confirmButtonLabel}\n        </HvButton>\n        <HvButton\n          id=\"confirmation-dialog-cancel\"\n          variant=\"primaryGhost\"\n          onClick={() => onCancel?.()}\n        >\n          {cancelButtonLabel}\n        </HvButton>\n      </HvDialogActions>\n    </HvDialog>\n  );\n};\n"],"names":["ConfirmationDialog","title","message","isOpen","onConfirm","onCancel","confirmButtonLabel","cancelButtonLabel","closeButtonTooltip","classes","useClasses","handleClose","_","reason","jsxs","HvDialog","paper","jsx","HvDialogTitle","HvDialogContent","HvDialogActions","HvButton"],"mappings":";;;;;;;;;AAqBO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACuB,MAAM;AACvB,QAAA;AAAA,IAAEC;AAAAA,MAAYC,0BAAW,WAAA;AAEzBC,QAAAA,cAAcA,CAACC,GAAGC,WAAW;AACjC,QAAIA,WAAW,iBAAiB;AACnB;AAAA,IACb;AAAA,EAAA;AAIA,SAAAC,2BAAA,KAACC,mBACC,SAAS;AAAA,IAAEC,OAAOP,QAAQO;AAAAA,EAAAA,GAC1B,MAAMb,QACN,SAASQ,aACT,gBAAe,8BACf,aAAaH,oBAEb,UAAA;AAAA,IAACS,2BAAA,IAAAC,MAAA,eAAA,EAAc,SAAQ,WAAWjB,UAAM,OAAA;AAAA,IACvCgB,2BAAA,IAAAE,QAAA,iBAAA,EAAgB,eAAa,MAAEjB,UAAQ,SAAA;AAAA,oCACvCkB,QAAAA,iBACC,EAAA,UAAA;AAAA,MAAAH,+BAACI,OAAAA,UAAS,EAAA,SAAQ,gBAAe,SAASjB,WACvCE,UACH,oBAAA;AAAA,MACAW,2BAAAA,IAACI,OACC,UAAA,EAAA,IAAG,8BACH,SAAQ,gBACR,SAAS,MAAMhB,wCAEdE,UACH,kBAAA,CAAA;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;;"}

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const cloneDeep = require("lodash/cloneDeep");
 const isEqual = require("lodash/isEqual");
 const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
@@ -7,7 +8,6 @@ const React = require("react");
 const Context = require("./Context.cjs");
 const index = require("./utils/index.cjs");
 const reducer = require("./utils/reducer.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const RuleGroup = require("./RuleGroup/RuleGroup.cjs");
 const ConfirmationDialog = require("./ConfirmationDialog/ConfirmationDialog.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -68,25 +68,10 @@ const HvQueryBuilder = (props) => {
   const onCancelHandler = () => {
     askAction(void 0);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(Context.QueryBuilderContext.Provider, {
-    value: context,
-    children: [/* @__PURE__ */ jsxRuntime.jsx(RuleGroup.RuleGroup, {
-      level: 0,
-      id: state.id,
-      combinator: state.combinator,
-      rules: state.rules,
-      classes
-    }), /* @__PURE__ */ jsxRuntime.jsx(ConfirmationDialog.ConfirmationDialog, {
-      isOpen: pendingAction != null,
-      onConfirm: onConfirmHandler,
-      onCancel: onCancelHandler,
-      title: (pendingAction == null ? void 0 : pendingAction.dialog.dialogTitle) || "",
-      message: (pendingAction == null ? void 0 : pendingAction.dialog.dialogMessage) || "",
-      confirmButtonLabel: (pendingAction == null ? void 0 : pendingAction.dialog.dialogConfirm) || "",
-      cancelButtonLabel: (pendingAction == null ? void 0 : pendingAction.dialog.dialogCancel) || "",
-      closeButtonTooltip: (pendingAction == null ? void 0 : pendingAction.dialog.dialogCloseTooltip) || ""
-    })]
-  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(Context.QueryBuilderContext.Provider, { value: context, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(RuleGroup.RuleGroup, { level: 0, id: state.id, combinator: state.combinator, rules: state.rules, classes }),
+    /* @__PURE__ */ jsxRuntime.jsx(ConfirmationDialog.ConfirmationDialog, { isOpen: pendingAction != null, onConfirm: onConfirmHandler, onCancel: onCancelHandler, title: (pendingAction == null ? void 0 : pendingAction.dialog.dialogTitle) || "", message: (pendingAction == null ? void 0 : pendingAction.dialog.dialogMessage) || "", confirmButtonLabel: (pendingAction == null ? void 0 : pendingAction.dialog.dialogConfirm) || "", cancelButtonLabel: (pendingAction == null ? void 0 : pendingAction.dialog.dialogCancel) || "", closeButtonTooltip: (pendingAction == null ? void 0 : pendingAction.dialog.dialogCloseTooltip) || "" })
+  ] });
 };
 exports.HvQueryBuilder = HvQueryBuilder;
 //# sourceMappingURL=QueryBuilder.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"QueryBuilder.cjs","sources":["../../../../src/components/QueryBuilder/QueryBuilder.tsx"],"sourcesContent":["import cloneDeep from \"lodash/cloneDeep\";\nimport isEqual from \"lodash/isEqual\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport {\n  useContext,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { ConfirmationDialog } from \"./ConfirmationDialog\";\nimport { QueryBuilderContext } from \"./Context\";\nimport { RuleGroup } from \"./RuleGroup\";\nimport {\n  AskAction,\n  Attribute,\n  Query,\n  QueryBuilderLabels,\n  QueryCombinator,\n  QueryOperator,\n} from \"./types\";\nimport { clearNodeIds, emptyGroup } from \"./utils\";\nimport reducer from \"./utils/reducer\";\nimport { useClasses, staticClasses } from \"./QueryBuilder.styles\";\n\nexport { staticClasses as queryBuilderClasses };\n\nexport type HvQueryBuilderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvQueryBuilderProps {\n  attributes?: Record<string, Attribute>;\n  /**\n   * The query rules operators by attribute type and combinator.\n   */\n  operators?: Record<string, QueryOperator[]>;\n  /**\n   * The query combinators operands.\n   */\n  combinators?: QueryCombinator[];\n  /**\n   * The initial query representation.\n   */\n  query?: Query;\n  /**\n   * Callback fired when query changes.\n   * @param {Query} value - the query representation.\n   */\n  onChange?: (value: Query) => void;\n  /**\n   * Max depth of nested query groups.\n   */\n  maxDepth?: number;\n  /**\n   * An object containing all the labels.\n   */\n  labels?: QueryBuilderLabels;\n  /**\n   * A flag indicating if the Query Builder is in read only mode.\n   */\n  readOnly?: boolean;\n  /**\n   * Override or extend the styles applied to the component.\n   * See CSS API tab for more details.\n   */\n  classes?: HvQueryBuilderClasses;\n}\n\n/**\n * **HvQueryBuilder** component allows you to create conditions and group them using logical operators.\n * It outputs a structured set of rules which can be easily parsed to create SQL/NoSQL/whatever queries.\n */\nexport const HvQueryBuilder = (props: HvQueryBuilderProps) => {\n  const {\n    attributes,\n    query,\n    onChange,\n    operators,\n    combinators,\n    maxDepth = 1,\n    labels,\n    readOnly = false,\n    classes,\n  } = useDefaultProps(\"HvQueryBuilder\", props);\n\n  const [pendingAction, askAction] = useState<AskAction>();\n  const currentAttributes = useRef<\n    Record<string, Attribute> | undefined | null\n  >(null);\n  const [state, dispatchAction] = useReducer(\n    reducer,\n    query,\n    (initialState) => initialState || emptyGroup()\n  );\n\n  const initialState = query === state;\n  const [prevState, setPrevState] = useState();\n\n  const defaultContext = useContext(QueryBuilderContext);\n\n  const context = useMemo(\n    () => ({\n      dispatchAction,\n      askAction,\n      attributes,\n      /* eslint-disable react/destructuring-assignment */\n      operators: operators ?? defaultContext.operators,\n      combinators: combinators ?? defaultContext.combinators,\n      maxDepth: maxDepth ?? defaultContext.maxDepth,\n      labels: labels ?? defaultContext.labels,\n      initialTouched: initialState,\n      readOnly,\n    }),\n    [\n      attributes,\n      operators,\n      defaultContext.operators,\n      defaultContext.combinators,\n      defaultContext.maxDepth,\n      defaultContext.labels,\n      combinators,\n      maxDepth,\n      labels,\n      readOnly,\n      initialState,\n    ]\n  );\n\n  useEffect(() => {\n    if (currentAttributes.current == null) {\n      // first run, nothing to do\n      currentAttributes.current = attributes;\n    } else if (currentAttributes.current !== attributes) {\n      // attributes changed, the existing query is almost certain invalid, so reset it\n      currentAttributes.current = attributes;\n      dispatchAction({ type: \"reset-query\" });\n    }\n  }, [attributes]);\n\n  // Propagate the change if the query is modified.\n  useEffect(() => {\n    if (!initialState && !isEqual(state, prevState)) {\n      onChange?.(clearNodeIds(state));\n      setPrevState(cloneDeep(state));\n    }\n  }, [state, prevState, initialState, onChange]);\n\n  const onConfirmHandler = () => {\n    if (pendingAction) {\n      askAction(undefined);\n      pendingAction.actions.forEach((action) => dispatchAction(action));\n    }\n  };\n\n  const onCancelHandler = () => {\n    askAction(undefined);\n  };\n\n  return (\n    <QueryBuilderContext.Provider value={context}>\n      <RuleGroup\n        level={0}\n        id={state.id}\n        combinator={state.combinator}\n        rules={state.rules}\n        classes={classes}\n      />\n      <ConfirmationDialog\n        isOpen={pendingAction != null}\n        onConfirm={onConfirmHandler}\n        onCancel={onCancelHandler}\n        title={pendingAction?.dialog.dialogTitle || \"\"}\n        message={pendingAction?.dialog.dialogMessage || \"\"}\n        confirmButtonLabel={pendingAction?.dialog.dialogConfirm || \"\"}\n        cancelButtonLabel={pendingAction?.dialog.dialogCancel || \"\"}\n        closeButtonTooltip={pendingAction?.dialog.dialogCloseTooltip || \"\"}\n      />\n    </QueryBuilderContext.Provider>\n  );\n};\n"],"names":["HvQueryBuilder","props","attributes","query","onChange","operators","combinators","maxDepth","labels","readOnly","classes","useDefaultProps","pendingAction","askAction","useState","currentAttributes","useRef","state","dispatchAction","useReducer","reducer","initialState","emptyGroup","prevState","setPrevState","defaultContext","useContext","QueryBuilderContext","context","useMemo","initialTouched","useEffect","current","type","isEqual","clearNodeIds","cloneDeep","onConfirmHandler","undefined","actions","forEach","action","onCancelHandler","_jsxs","Provider","value","children","_jsx","RuleGroup","level","id","combinator","rules","ConfirmationDialog","isOpen","onConfirm","onCancel","title","dialog","dialogTitle","message","dialogMessage","confirmButtonLabel","dialogConfirm","cancelButtonLabel","dialogCancel","closeButtonTooltip","dialogCloseTooltip"],"mappings":";;;;;;;;;;;;;;;AA4EaA,MAAAA,iBAAiBA,CAACC,UAA+B;AACtD,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,WAAW;AAAA,IACXC;AAAAA,IACAC,WAAW;AAAA,IACXC;AAAAA,EAAAA,IACEC,gBAAgB,gBAAA,kBAAkBV,KAAK;AAE3C,QAAM,CAACW,eAAeC,SAAS,IAAIC,MAAoB,SAAA;AACjDC,QAAAA,oBAAoBC,aAExB,IAAI;AACA,QAAA,CAACC,OAAOC,cAAc,IAAIC,iBAC9BC,QAAAA,SACAjB,OACCkB,CAAAA,kBAAiBA,iBAAgBC,MAAAA,WACpC,CAAA;AAEA,QAAMD,eAAelB,UAAUc;AAC/B,QAAM,CAACM,WAAWC,YAAY,IAAIV,MAAS,SAAA;AAErCW,QAAAA,iBAAiBC,iBAAWC,QAAAA,mBAAmB;AAE/CC,QAAAA,UAAUC,MAAAA,QACd,OAAO;AAAA,IACLX;AAAAA,IACAL;AAAAA,IACAX;AAAAA;AAAAA,IAEAG,WAAWA,aAAaoB,eAAepB;AAAAA,IACvCC,aAAaA,eAAemB,eAAenB;AAAAA,IAC3CC,UAAUA,YAAYkB,eAAelB;AAAAA,IACrCC,QAAQA,UAAUiB,eAAejB;AAAAA,IACjCsB,gBAAgBT;AAAAA,IAChBZ;AAAAA,EAAAA,IAEF,CACEP,YACAG,WACAoB,eAAepB,WACfoB,eAAenB,aACfmB,eAAelB,UACfkB,eAAejB,QACfF,aACAC,UACAC,QACAC,UACAY,YAAY,CAEhB;AAEAU,QAAAA,UAAU,MAAM;AACVhB,QAAAA,kBAAkBiB,WAAW,MAAM;AAErCjB,wBAAkBiB,UAAU9B;AAAAA,IAAAA,WACnBa,kBAAkBiB,YAAY9B,YAAY;AAEnDa,wBAAkBiB,UAAU9B;AACb,qBAAA;AAAA,QAAE+B,MAAM;AAAA,MAAA,CAAe;AAAA,IACxC;AAAA,EAAA,GACC,CAAC/B,UAAU,CAAC;AAGf6B,QAAAA,UAAU,MAAM;AACd,QAAI,CAACV,gBAAgB,CAACa,iBAAQjB,QAAAA,OAAOM,SAAS,GAAG;AACpCY,2CAAAA,MAAAA,aAAalB,KAAK;AAChBmB,mBAAAA,mBAAAA,QAAUnB,KAAK,CAAC;AAAA,IAC/B;AAAA,KACC,CAACA,OAAOM,WAAWF,cAAcjB,QAAQ,CAAC;AAE7C,QAAMiC,mBAAmBA,MAAM;AAC7B,QAAIzB,eAAe;AACjBC,gBAAUyB,MAAS;AACnB1B,oBAAc2B,QAAQC,QAASC,CAAWvB,WAAAA,eAAeuB,MAAM,CAAC;AAAA,IAClE;AAAA,EAAA;AAGF,QAAMC,kBAAkBA,MAAM;AAC5B7B,cAAUyB,MAAS;AAAA,EAAA;AAInBK,SAAAA,2BAAAA,KAAChB,4BAAoBiB,UAAQ;AAAA,IAACC,OAAOjB;AAAAA,IAAQkB,UAAA,CAC3CC,2BAAAA,IAACC,qBAAS;AAAA,MACRC,OAAO;AAAA,MACPC,IAAIjC,MAAMiC;AAAAA,MACVC,YAAYlC,MAAMkC;AAAAA,MAClBC,OAAOnC,MAAMmC;AAAAA,MACb1C;AAAAA,IAAAA,CACD,GACDqC,2BAAAA,IAACM,uCAAkB;AAAA,MACjBC,QAAQ1C,iBAAiB;AAAA,MACzB2C,WAAWlB;AAAAA,MACXmB,UAAUd;AAAAA,MACVe,QAAO7C,+CAAe8C,OAAOC,gBAAe;AAAA,MAC5CC,UAAShD,+CAAe8C,OAAOG,kBAAiB;AAAA,MAChDC,qBAAoBlD,+CAAe8C,OAAOK,kBAAiB;AAAA,MAC3DC,oBAAmBpD,+CAAe8C,OAAOO,iBAAgB;AAAA,MACzDC,qBAAoBtD,+CAAe8C,OAAOS,uBAAsB;AAAA,IAAA,CACjE,CAAC;AAAA,EAAA,CAC0B;AAElC;;"}
+{"version":3,"file":"QueryBuilder.cjs","sources":["../../../../src/components/QueryBuilder/QueryBuilder.tsx"],"sourcesContent":["import cloneDeep from \"lodash/cloneDeep\";\nimport isEqual from \"lodash/isEqual\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport {\n  useContext,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { ConfirmationDialog } from \"./ConfirmationDialog\";\nimport { QueryBuilderContext } from \"./Context\";\nimport { RuleGroup } from \"./RuleGroup\";\nimport {\n  AskAction,\n  Attribute,\n  Query,\n  QueryBuilderLabels,\n  QueryCombinator,\n  QueryOperator,\n} from \"./types\";\nimport { clearNodeIds, emptyGroup } from \"./utils\";\nimport reducer from \"./utils/reducer\";\nimport { useClasses, staticClasses } from \"./QueryBuilder.styles\";\n\nexport { staticClasses as queryBuilderClasses };\n\nexport type HvQueryBuilderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvQueryBuilderProps {\n  attributes?: Record<string, Attribute>;\n  /**\n   * The query rules operators by attribute type and combinator.\n   */\n  operators?: Record<string, QueryOperator[]>;\n  /**\n   * The query combinators operands.\n   */\n  combinators?: QueryCombinator[];\n  /**\n   * The initial query representation.\n   */\n  query?: Query;\n  /**\n   * Callback fired when query changes.\n   * @param {Query} value - the query representation.\n   */\n  onChange?: (value: Query) => void;\n  /**\n   * Max depth of nested query groups.\n   */\n  maxDepth?: number;\n  /**\n   * An object containing all the labels.\n   */\n  labels?: QueryBuilderLabels;\n  /**\n   * A flag indicating if the Query Builder is in read only mode.\n   */\n  readOnly?: boolean;\n  /**\n   * Override or extend the styles applied to the component.\n   * See CSS API tab for more details.\n   */\n  classes?: HvQueryBuilderClasses;\n}\n\n/**\n * **HvQueryBuilder** component allows you to create conditions and group them using logical operators.\n * It outputs a structured set of rules which can be easily parsed to create SQL/NoSQL/whatever queries.\n */\nexport const HvQueryBuilder = (props: HvQueryBuilderProps) => {\n  const {\n    attributes,\n    query,\n    onChange,\n    operators,\n    combinators,\n    maxDepth = 1,\n    labels,\n    readOnly = false,\n    classes,\n  } = useDefaultProps(\"HvQueryBuilder\", props);\n\n  const [pendingAction, askAction] = useState<AskAction>();\n  const currentAttributes = useRef<\n    Record<string, Attribute> | undefined | null\n  >(null);\n  const [state, dispatchAction] = useReducer(\n    reducer,\n    query,\n    (initialState) => initialState || emptyGroup()\n  );\n\n  const initialState = query === state;\n  const [prevState, setPrevState] = useState();\n\n  const defaultContext = useContext(QueryBuilderContext);\n\n  const context = useMemo(\n    () => ({\n      dispatchAction,\n      askAction,\n      attributes,\n      /* eslint-disable react/destructuring-assignment */\n      operators: operators ?? defaultContext.operators,\n      combinators: combinators ?? defaultContext.combinators,\n      maxDepth: maxDepth ?? defaultContext.maxDepth,\n      labels: labels ?? defaultContext.labels,\n      initialTouched: initialState,\n      readOnly,\n    }),\n    [\n      attributes,\n      operators,\n      defaultContext.operators,\n      defaultContext.combinators,\n      defaultContext.maxDepth,\n      defaultContext.labels,\n      combinators,\n      maxDepth,\n      labels,\n      readOnly,\n      initialState,\n    ]\n  );\n\n  useEffect(() => {\n    if (currentAttributes.current == null) {\n      // first run, nothing to do\n      currentAttributes.current = attributes;\n    } else if (currentAttributes.current !== attributes) {\n      // attributes changed, the existing query is almost certain invalid, so reset it\n      currentAttributes.current = attributes;\n      dispatchAction({ type: \"reset-query\" });\n    }\n  }, [attributes]);\n\n  // Propagate the change if the query is modified.\n  useEffect(() => {\n    if (!initialState && !isEqual(state, prevState)) {\n      onChange?.(clearNodeIds(state));\n      setPrevState(cloneDeep(state));\n    }\n  }, [state, prevState, initialState, onChange]);\n\n  const onConfirmHandler = () => {\n    if (pendingAction) {\n      askAction(undefined);\n      pendingAction.actions.forEach((action) => dispatchAction(action));\n    }\n  };\n\n  const onCancelHandler = () => {\n    askAction(undefined);\n  };\n\n  return (\n    <QueryBuilderContext.Provider value={context}>\n      <RuleGroup\n        level={0}\n        id={state.id}\n        combinator={state.combinator}\n        rules={state.rules}\n        classes={classes}\n      />\n      <ConfirmationDialog\n        isOpen={pendingAction != null}\n        onConfirm={onConfirmHandler}\n        onCancel={onCancelHandler}\n        title={pendingAction?.dialog.dialogTitle || \"\"}\n        message={pendingAction?.dialog.dialogMessage || \"\"}\n        confirmButtonLabel={pendingAction?.dialog.dialogConfirm || \"\"}\n        cancelButtonLabel={pendingAction?.dialog.dialogCancel || \"\"}\n        closeButtonTooltip={pendingAction?.dialog.dialogCloseTooltip || \"\"}\n      />\n    </QueryBuilderContext.Provider>\n  );\n};\n"],"names":["HvQueryBuilder","props","attributes","query","onChange","operators","combinators","maxDepth","labels","readOnly","classes","useDefaultProps","pendingAction","askAction","useState","currentAttributes","useRef","state","dispatchAction","useReducer","reducer","initialState","emptyGroup","prevState","setPrevState","defaultContext","useContext","QueryBuilderContext","context","useMemo","initialTouched","useEffect","current","type","isEqual","clearNodeIds","cloneDeep","onConfirmHandler","undefined","actions","forEach","action","onCancelHandler","jsxs","jsx","RuleGroup","id","combinator","rules","ConfirmationDialog","dialog","dialogTitle","dialogMessage","dialogConfirm","dialogCancel","dialogCloseTooltip"],"mappings":";;;;;;;;;;;;;;;AA4EaA,MAAAA,iBAAiBA,CAACC,UAA+B;AACtD,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,WAAW;AAAA,IACXC;AAAAA,IACAC,WAAW;AAAA,IACXC;AAAAA,EAAAA,IACEC,gBAAgB,gBAAA,kBAAkBV,KAAK;AAE3C,QAAM,CAACW,eAAeC,SAAS,IAAIC,MAAoB,SAAA;AACjDC,QAAAA,oBAAoBC,aAExB,IAAI;AACA,QAAA,CAACC,OAAOC,cAAc,IAAIC,iBAC9BC,QAAAA,SACAjB,OACCkB,CAAAA,kBAAiBA,iBAAgBC,MAAAA,WACpC,CAAA;AAEA,QAAMD,eAAelB,UAAUc;AAC/B,QAAM,CAACM,WAAWC,YAAY,IAAIV,MAAS,SAAA;AAErCW,QAAAA,iBAAiBC,iBAAWC,QAAAA,mBAAmB;AAE/CC,QAAAA,UAAUC,MAAAA,QACd,OAAO;AAAA,IACLX;AAAAA,IACAL;AAAAA,IACAX;AAAAA;AAAAA,IAEAG,WAAWA,aAAaoB,eAAepB;AAAAA,IACvCC,aAAaA,eAAemB,eAAenB;AAAAA,IAC3CC,UAAUA,YAAYkB,eAAelB;AAAAA,IACrCC,QAAQA,UAAUiB,eAAejB;AAAAA,IACjCsB,gBAAgBT;AAAAA,IAChBZ;AAAAA,EAAAA,IAEF,CACEP,YACAG,WACAoB,eAAepB,WACfoB,eAAenB,aACfmB,eAAelB,UACfkB,eAAejB,QACfF,aACAC,UACAC,QACAC,UACAY,YAAY,CAEhB;AAEAU,QAAAA,UAAU,MAAM;AACVhB,QAAAA,kBAAkBiB,WAAW,MAAM;AAErCjB,wBAAkBiB,UAAU9B;AAAAA,IAAAA,WACnBa,kBAAkBiB,YAAY9B,YAAY;AAEnDa,wBAAkBiB,UAAU9B;AACb,qBAAA;AAAA,QAAE+B,MAAM;AAAA,MAAA,CAAe;AAAA,IACxC;AAAA,EAAA,GACC,CAAC/B,UAAU,CAAC;AAGf6B,QAAAA,UAAU,MAAM;AACd,QAAI,CAACV,gBAAgB,CAACa,iBAAQjB,QAAAA,OAAOM,SAAS,GAAG;AACpCY,2CAAAA,MAAAA,aAAalB,KAAK;AAChBmB,mBAAAA,mBAAAA,QAAUnB,KAAK,CAAC;AAAA,IAC/B;AAAA,KACC,CAACA,OAAOM,WAAWF,cAAcjB,QAAQ,CAAC;AAE7C,QAAMiC,mBAAmBA,MAAM;AAC7B,QAAIzB,eAAe;AACjBC,gBAAUyB,MAAS;AACnB1B,oBAAc2B,QAAQC,QAASC,CAAWvB,WAAAA,eAAeuB,MAAM,CAAC;AAAA,IAClE;AAAA,EAAA;AAGF,QAAMC,kBAAkBA,MAAM;AAC5B7B,cAAUyB,MAAS;AAAA,EAAA;AAGrB,SACGK,2BAAAA,KAAAhB,QAAAA,oBAAoB,UAApB,EAA6B,OAAOC,SACnC,UAAA;AAAA,IAAAgB,2BAAA,IAACC,UACC,WAAA,EAAA,OAAO,GACP,IAAI5B,MAAM6B,IACV,YAAY7B,MAAM8B,YAClB,OAAO9B,MAAM+B,OACb,SAAiB;AAAA,IAElBJ,2BAAA,IAAAK,mBAAA,oBAAA,EACC,QAAQrC,iBAAiB,MACzB,WAAWyB,kBACX,UAAUK,iBACV,QAAO9B,+CAAesC,OAAOC,gBAAe,IAC5C,UAASvC,+CAAesC,OAAOE,kBAAiB,IAChD,qBAAoBxC,+CAAesC,OAAOG,kBAAiB,IAC3D,oBAAmBzC,+CAAesC,OAAOI,iBAAgB,IACzD,qBAAoB1C,+CAAesC,OAAOK,uBAAsB,IAAG;AAAA,EAEvE,EAAA,CAAA;AAEJ;;"}

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const Context = require("../../Context.cjs");
 const index = require("../../utils/index.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Dropdown = require("../../../Dropdown/Dropdown.cjs");
 const Attribute = ({
   id,
@@ -30,51 +30,39 @@ const Attribute = ({
     }));
   }, [attributes, attribute]);
   const currentType = attribute != null && attributes ? (_a = attributes[attribute]) == null ? void 0 : _a.type : null;
-  return /* @__PURE__ */ jsxRuntime.jsx(Dropdown.HvDropdown, {
-    singleSelectionToggle: false,
-    label: labels.rule.attribute.label,
-    placeholder: labels.rule.attribute.placeholder,
-    values,
-    disabled,
-    readOnly,
-    status: isInvalid ? "invalid" : "valid",
-    statusMessage: labels.rule.attribute.exists,
-    onChange: (selected) => {
-      var _a2;
-      if (selected && !Array.isArray(selected)) {
-        const attributeId = selected.id;
-        const type = attributes && attributeId && ((_a2 = attributes[attributeId]) == null ? void 0 : _a2.type);
-        const typeOperators = type ? operators[type] : void 0;
-        let operator;
-        if (currentType === type) {
-          operator = void 0;
-        } else if ((typeOperators == null ? void 0 : typeOperators.length) === 1) {
-          operator = typeOperators[0].operator;
-        } else {
-          operator = null;
-        }
-        const value = type === "boolean" ? true : void 0;
-        dispatchAction({
-          type: "set-attribute",
-          id,
-          attribute: attributeId == null ? void 0 : attributeId.toString(),
-          operator,
-          value
-        });
+  return /* @__PURE__ */ jsxRuntime.jsx(Dropdown.HvDropdown, { singleSelectionToggle: false, label: labels.rule.attribute.label, placeholder: labels.rule.attribute.placeholder, values, disabled, readOnly, status: isInvalid ? "invalid" : "valid", statusMessage: labels.rule.attribute.exists, onChange: (selected) => {
+    var _a2;
+    if (selected && !Array.isArray(selected)) {
+      const attributeId = selected.id;
+      const type = attributes && attributeId && ((_a2 = attributes[attributeId]) == null ? void 0 : _a2.type);
+      const typeOperators = type ? operators[type] : void 0;
+      let operator;
+      if (currentType === type) {
+        operator = void 0;
+      } else if ((typeOperators == null ? void 0 : typeOperators.length) === 1) {
+        operator = typeOperators[0].operator;
       } else {
-        dispatchAction({
-          type: "set-attribute",
-          id,
-          attribute: null
-        });
+        operator = null;
       }
-    },
-    showSearch: index.isBigList(values),
-    ...index.isBigList(values) && {
-      virtualized: true,
-      height: 300
+      const value = type === "boolean" ? true : void 0;
+      dispatchAction({
+        type: "set-attribute",
+        id,
+        attribute: attributeId == null ? void 0 : attributeId.toString(),
+        operator,
+        value
+      });
+    } else {
+      dispatchAction({
+        type: "set-attribute",
+        id,
+        attribute: null
+      });
     }
-  });
+  }, showSearch: index.isBigList(values), ...index.isBigList(values) && {
+    virtualized: true,
+    height: 300
+  } });
 };
 React.memo(Attribute);
 exports.Attribute = Attribute;

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

@@ -1 +1 @@
-{"version":3,"file":"Attribute.cjs","sources":["../../../../../../src/components/QueryBuilder/Rule/Attribute/Attribute.tsx"],"sourcesContent":["import { useMemo, useContext, memo } from \"react\";\n\nimport { HvDropdown } from \"@core/components/Dropdown\";\n\nimport { QueryBuilderContext } from \"../../Context\";\nimport { isBigList } from \"../../utils\";\n\nexport interface AttributeProps {\n  id: number;\n  attribute: string;\n  disabled: boolean;\n  isInvalid: boolean;\n}\n\nexport const Attribute = ({\n  id,\n  attribute,\n  disabled,\n  isInvalid,\n}: AttributeProps) => {\n  const context = useContext(QueryBuilderContext);\n  const { dispatchAction, attributes, operators, labels, readOnly } = context;\n\n  const values = useMemo(() => {\n    if (!attributes) return [];\n\n    return Object.keys(attributes).map((key) => ({\n      id: key,\n      label: attributes[key].label,\n      selected: key === attribute,\n    }));\n  }, [attributes, attribute]);\n\n  const currentType =\n    attribute != null && attributes ? attributes[attribute]?.type : null;\n\n  return (\n    <HvDropdown\n      singleSelectionToggle={false}\n      label={labels.rule.attribute.label}\n      placeholder={labels.rule.attribute.placeholder}\n      values={values}\n      disabled={disabled}\n      readOnly={readOnly}\n      status={isInvalid ? \"invalid\" : \"valid\"}\n      statusMessage={labels.rule.attribute.exists}\n      onChange={(selected) => {\n        if (selected && !Array.isArray(selected)) {\n          const attributeId = selected.id;\n\n          const type =\n            attributes && attributeId && attributes[attributeId]?.type;\n          const typeOperators = type ? operators[type] : undefined;\n\n          let operator;\n          if (currentType === type) {\n            operator = undefined;\n          } else if (typeOperators?.length === 1) {\n            operator = typeOperators[0].operator;\n          } else {\n            operator = null;\n          }\n\n          // default boolean attributes to true\n          const value = type === \"boolean\" ? true : undefined;\n\n          dispatchAction({\n            type: \"set-attribute\",\n            id,\n            attribute: attributeId?.toString(),\n            operator,\n            value,\n          });\n        } else {\n          dispatchAction({ type: \"set-attribute\", id, attribute: null });\n        }\n      }}\n      showSearch={isBigList(values)}\n      {...(isBigList(values) && { virtualized: true, height: 300 })}\n    />\n  );\n};\n\nexport default memo(Attribute);\n"],"names":["Attribute","id","attribute","disabled","isInvalid","context","useContext","QueryBuilderContext","dispatchAction","attributes","operators","labels","readOnly","values","useMemo","Object","keys","map","key","label","selected","currentType","type","HvDropdown","singleSelectionToggle","rule","placeholder","status","statusMessage","exists","onChange","Array","isArray","attributeId","typeOperators","undefined","operator","length","value","toString","showSearch","isBigList","virtualized","height","memo"],"mappings":";;;;;;;AAcO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACc,MAAM;;AACdC,QAAAA,UAAUC,iBAAWC,QAAAA,mBAAmB;AACxC,QAAA;AAAA,IAAEC;AAAAA,IAAgBC;AAAAA,IAAYC;AAAAA,IAAWC;AAAAA,IAAQC;AAAAA,EAAaP,IAAAA;AAE9DQ,QAAAA,SAASC,MAAAA,QAAQ,MAAM;AAC3B,QAAI,CAACL;AAAY,aAAO;AAExB,WAAOM,OAAOC,KAAKP,UAAU,EAAEQ,IAAKC,CAAS,SAAA;AAAA,MAC3CjB,IAAIiB;AAAAA,MACJC,OAAOV,WAAWS,GAAG,EAAEC;AAAAA,MACvBC,UAAUF,QAAQhB;AAAAA,IAClB,EAAA;AAAA,EAAA,GACD,CAACO,YAAYP,SAAS,CAAC;AAE1B,QAAMmB,cACJnB,aAAa,QAAQO,cAAaA,gBAAWP,SAAS,MAApBO,mBAAuBa,OAAO;AAElE,wCACGC,SAAAA,YAAU;AAAA,IACTC,uBAAuB;AAAA,IACvBL,OAAOR,OAAOc,KAAKvB,UAAUiB;AAAAA,IAC7BO,aAAaf,OAAOc,KAAKvB,UAAUwB;AAAAA,IACnCb;AAAAA,IACAV;AAAAA,IACAS;AAAAA,IACAe,QAAQvB,YAAY,YAAY;AAAA,IAChCwB,eAAejB,OAAOc,KAAKvB,UAAU2B;AAAAA,IACrCC,UAAWV,CAAa,aAAA;;AACtB,UAAIA,YAAY,CAACW,MAAMC,QAAQZ,QAAQ,GAAG;AACxC,cAAMa,cAAcb,SAASnB;AAE7B,cAAMqB,OACJb,cAAcwB,iBAAexB,MAAAA,WAAWwB,WAAW,MAAtBxB,gBAAAA,IAAyBa;AACxD,cAAMY,gBAAgBZ,OAAOZ,UAAUY,IAAI,IAAIa;AAE3CC,YAAAA;AACJ,YAAIf,gBAAgBC,MAAM;AACba,qBAAAA;AAAAA,QAAAA,YACFD,+CAAeG,YAAW,GAAG;AAC3BH,qBAAAA,cAAc,CAAC,EAAEE;AAAAA,QAAAA,OACvB;AACM,qBAAA;AAAA,QACb;AAGME,cAAAA,QAAQhB,SAAS,YAAY,OAAOa;AAE3B,uBAAA;AAAA,UACbb,MAAM;AAAA,UACNrB;AAAAA,UACAC,WAAW+B,2CAAaM;AAAAA,UACxBH;AAAAA,UACAE;AAAAA,QAAAA,CACD;AAAA,MAAA,OACI;AACU,uBAAA;AAAA,UAAEhB,MAAM;AAAA,UAAiBrB;AAAAA,UAAIC,WAAW;AAAA,QAAA,CAAM;AAAA,MAC/D;AAAA,IACF;AAAA,IACAsC,YAAYC,gBAAU5B,MAAM;AAAA,IAAE,GACzB4B,MAAAA,UAAU5B,MAAM,KAAK;AAAA,MAAE6B,aAAa;AAAA,MAAMC,QAAQ;AAAA,IAAI;AAAA,EAAA,CAC5D;AAEL;AAEeC,WAAK5C,SAAS;;"}
+{"version":3,"file":"Attribute.cjs","sources":["../../../../../../src/components/QueryBuilder/Rule/Attribute/Attribute.tsx"],"sourcesContent":["import { useMemo, useContext, memo } from \"react\";\n\nimport { HvDropdown } from \"@core/components/Dropdown\";\n\nimport { QueryBuilderContext } from \"../../Context\";\nimport { isBigList } from \"../../utils\";\n\nexport interface AttributeProps {\n  id: number;\n  attribute: string;\n  disabled: boolean;\n  isInvalid: boolean;\n}\n\nexport const Attribute = ({\n  id,\n  attribute,\n  disabled,\n  isInvalid,\n}: AttributeProps) => {\n  const context = useContext(QueryBuilderContext);\n  const { dispatchAction, attributes, operators, labels, readOnly } = context;\n\n  const values = useMemo(() => {\n    if (!attributes) return [];\n\n    return Object.keys(attributes).map((key) => ({\n      id: key,\n      label: attributes[key].label,\n      selected: key === attribute,\n    }));\n  }, [attributes, attribute]);\n\n  const currentType =\n    attribute != null && attributes ? attributes[attribute]?.type : null;\n\n  return (\n    <HvDropdown\n      singleSelectionToggle={false}\n      label={labels.rule.attribute.label}\n      placeholder={labels.rule.attribute.placeholder}\n      values={values}\n      disabled={disabled}\n      readOnly={readOnly}\n      status={isInvalid ? \"invalid\" : \"valid\"}\n      statusMessage={labels.rule.attribute.exists}\n      onChange={(selected) => {\n        if (selected && !Array.isArray(selected)) {\n          const attributeId = selected.id;\n\n          const type =\n            attributes && attributeId && attributes[attributeId]?.type;\n          const typeOperators = type ? operators[type] : undefined;\n\n          let operator;\n          if (currentType === type) {\n            operator = undefined;\n          } else if (typeOperators?.length === 1) {\n            operator = typeOperators[0].operator;\n          } else {\n            operator = null;\n          }\n\n          // default boolean attributes to true\n          const value = type === \"boolean\" ? true : undefined;\n\n          dispatchAction({\n            type: \"set-attribute\",\n            id,\n            attribute: attributeId?.toString(),\n            operator,\n            value,\n          });\n        } else {\n          dispatchAction({ type: \"set-attribute\", id, attribute: null });\n        }\n      }}\n      showSearch={isBigList(values)}\n      {...(isBigList(values) && { virtualized: true, height: 300 })}\n    />\n  );\n};\n\nexport default memo(Attribute);\n"],"names":["Attribute","id","attribute","disabled","isInvalid","context","useContext","QueryBuilderContext","dispatchAction","attributes","operators","labels","readOnly","values","useMemo","Object","keys","map","key","label","selected","currentType","type","jsx","HvDropdown","rule","placeholder","exists","Array","isArray","attributeId","typeOperators","undefined","operator","length","value","toString","isBigList","virtualized","height","memo"],"mappings":";;;;;;;AAcO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACc,MAAM;;AACdC,QAAAA,UAAUC,iBAAWC,QAAAA,mBAAmB;AACxC,QAAA;AAAA,IAAEC;AAAAA,IAAgBC;AAAAA,IAAYC;AAAAA,IAAWC;AAAAA,IAAQC;AAAAA,EAAaP,IAAAA;AAE9DQ,QAAAA,SAASC,MAAAA,QAAQ,MAAM;AAC3B,QAAI,CAACL;AAAY,aAAO;AAExB,WAAOM,OAAOC,KAAKP,UAAU,EAAEQ,IAAKC,CAAS,SAAA;AAAA,MAC3CjB,IAAIiB;AAAAA,MACJC,OAAOV,WAAWS,GAAG,EAAEC;AAAAA,MACvBC,UAAUF,QAAQhB;AAAAA,IAClB,EAAA;AAAA,EAAA,GACD,CAACO,YAAYP,SAAS,CAAC;AAE1B,QAAMmB,cACJnB,aAAa,QAAQO,cAAaA,gBAAWP,SAAS,MAApBO,mBAAuBa,OAAO;AAGhE,SAAAC,2BAAA,IAACC,SACC,YAAA,EAAA,uBAAuB,OACvB,OAAOb,OAAOc,KAAKvB,UAAUiB,OAC7B,aAAaR,OAAOc,KAAKvB,UAAUwB,aACnC,QACA,UACA,UACA,QAAQtB,YAAY,YAAY,SAChC,eAAeO,OAAOc,KAAKvB,UAAUyB,QACrC,UAAWP,CAAa,aAAA;;AACtB,QAAIA,YAAY,CAACQ,MAAMC,QAAQT,QAAQ,GAAG;AACxC,YAAMU,cAAcV,SAASnB;AAE7B,YAAMqB,OACJb,cAAcqB,iBAAerB,MAAAA,WAAWqB,WAAW,MAAtBrB,gBAAAA,IAAyBa;AACxD,YAAMS,gBAAgBT,OAAOZ,UAAUY,IAAI,IAAIU;AAE3CC,UAAAA;AACJ,UAAIZ,gBAAgBC,MAAM;AACbU,mBAAAA;AAAAA,MAAAA,YACFD,+CAAeG,YAAW,GAAG;AAC3BH,mBAAAA,cAAc,CAAC,EAAEE;AAAAA,MAAAA,OACvB;AACM,mBAAA;AAAA,MACb;AAGME,YAAAA,QAAQb,SAAS,YAAY,OAAOU;AAE3B,qBAAA;AAAA,QACbV,MAAM;AAAA,QACNrB;AAAAA,QACAC,WAAW4B,2CAAaM;AAAAA,QACxBH;AAAAA,QACAE;AAAAA,MAAAA,CACD;AAAA,IAAA,OACI;AACU,qBAAA;AAAA,QAAEb,MAAM;AAAA,QAAiBrB;AAAAA,QAAIC,WAAW;AAAA,MAAA,CAAM;AAAA,IAC/D;AAAA,EAAA,GAEF,YAAYmC,MAAAA,UAAUxB,MAAM,GACvBwB,GAAAA,MAAAA,UAAUxB,MAAM,KAAK;AAAA,IAAEyB,aAAa;AAAA,IAAMC,QAAQ;AAAA,EACvD,EAAA,CAAA;AAEN;AAEeC,WAAKxC,SAAS;;"}

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const Context = require("../../Context.cjs");
 const index = require("../../utils/index.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Dropdown = require("../../../Dropdown/Dropdown.cjs");
 const Operator = ({
   id,
@@ -29,38 +29,26 @@ const Operator = ({
       selected: key.operator === value
     }));
   }, [attribute, attributes, operators, combinator, value]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Dropdown.HvDropdown, {
-    required: true,
-    status: "valid",
-    singleSelectionToggle: false,
-    label: labels.rule.operator.label,
-    placeholder: labels.rule.operator.placeholder,
-    values,
-    disabled: values.length === 0,
-    readOnly,
-    onChange: (selected) => {
-      if (selected && !Array.isArray(selected) && selected.id) {
-        dispatchAction({
-          type: "set-operator",
-          id,
-          operator: selected.id.toString(),
-          value: value === "range" || selected.id === "range" ? null : void 0
-        });
-      } else {
-        dispatchAction({
-          type: "set-operator",
-          id,
-          operator: null,
-          value: null
-        });
-      }
-    },
-    showSearch: index.isBigList(values),
-    ...index.isBigList(values) && {
-      virtualized: true,
-      height: 300
+  return /* @__PURE__ */ jsxRuntime.jsx(Dropdown.HvDropdown, { required: true, status: "valid", singleSelectionToggle: false, label: labels.rule.operator.label, placeholder: labels.rule.operator.placeholder, values, disabled: values.length === 0, readOnly, onChange: (selected) => {
+    if (selected && !Array.isArray(selected) && selected.id) {
+      dispatchAction({
+        type: "set-operator",
+        id,
+        operator: selected.id.toString(),
+        value: value === "range" || selected.id === "range" ? null : void 0
+      });
+    } else {
+      dispatchAction({
+        type: "set-operator",
+        id,
+        operator: null,
+        value: null
+      });
     }
-  });
+  }, showSearch: index.isBigList(values), ...index.isBigList(values) && {
+    virtualized: true,
+    height: 300
+  } });
 };
 React.memo(Operator);
 exports.Operator = Operator;

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

@@ -1 +1 @@
-{"version":3,"file":"Operator.cjs","sources":["../../../../../../src/components/QueryBuilder/Rule/Operator/Operator.tsx"],"sourcesContent":["import { memo, useContext, useMemo } from \"react\";\n\nimport { HvDropdown } from \"@core/components/Dropdown\";\n\nimport { QueryBuilderContext } from \"../../Context\";\nimport { isBigList } from \"../../utils\";\n\nexport interface OperatorProps {\n  id: number;\n  combinator: string;\n  attribute: string;\n  operator: string;\n}\n\nexport const Operator = ({ id, combinator, attribute, operator }) => {\n  const context = useContext(QueryBuilderContext);\n\n  const { dispatchAction, attributes, operators, labels, readOnly } = context;\n\n  const value = operator ?? null;\n\n  const values = useMemo(() => {\n    const attributeSpec =\n      attribute && attributes ? attributes[attribute] : null;\n    const options = attributeSpec\n      ? operators[attributeSpec.type].filter((o) =>\n          o.combinators.includes(combinator)\n        ) ?? []\n      : [];\n    return options.map((key) => ({\n      id: key.operator,\n      label: key.label,\n      selected: key.operator === value,\n    }));\n  }, [attribute, attributes, operators, combinator, value]);\n\n  return (\n    <HvDropdown\n      required\n      status=\"valid\"\n      singleSelectionToggle={false}\n      label={labels.rule.operator.label}\n      placeholder={labels.rule.operator.placeholder}\n      values={values}\n      disabled={values.length === 0}\n      readOnly={readOnly}\n      onChange={(selected) => {\n        if (selected && !Array.isArray(selected) && selected.id) {\n          dispatchAction({\n            type: \"set-operator\",\n            id,\n            operator: selected.id.toString(),\n            value:\n              value === \"range\" || selected.id === \"range\" ? null : undefined,\n          });\n        } else {\n          dispatchAction({\n            type: \"set-operator\",\n            id,\n            operator: null,\n            value: null,\n          });\n        }\n      }}\n      showSearch={isBigList(values)}\n      {...(isBigList(values) && { virtualized: true, height: 300 })}\n    />\n  );\n};\n\nexport default memo(Operator);\n"],"names":["Operator","id","combinator","attribute","operator","context","useContext","QueryBuilderContext","dispatchAction","attributes","operators","labels","readOnly","value","values","useMemo","attributeSpec","options","type","filter","o","combinators","includes","map","key","label","selected","HvDropdown","required","status","singleSelectionToggle","rule","placeholder","disabled","length","onChange","Array","isArray","toString","undefined","showSearch","isBigList","virtualized","height","memo"],"mappings":";;;;;;;AAcO,MAAMA,WAAWA,CAAC;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAYC;AAAAA,EAAWC;AAAS,MAAM;AAC7DC,QAAAA,UAAUC,iBAAWC,QAAAA,mBAAmB;AAExC,QAAA;AAAA,IAAEC;AAAAA,IAAgBC;AAAAA,IAAYC;AAAAA,IAAWC;AAAAA,IAAQC;AAAAA,EAAaP,IAAAA;AAEpE,QAAMQ,QAAQT,YAAY;AAEpBU,QAAAA,SAASC,MAAAA,QAAQ,MAAM;AAC3B,UAAMC,gBACJb,aAAaM,aAAaA,WAAWN,SAAS,IAAI;AACpD,UAAMc,UAAUD,gBACZN,UAAUM,cAAcE,IAAI,EAAEC,OAAQC,CAAAA,MACpCA,EAAEC,YAAYC,SAASpB,UAAU,CACnC,KAAK,KACL;AACGe,WAAAA,QAAQM,IAAKC,CAAS,SAAA;AAAA,MAC3BvB,IAAIuB,IAAIpB;AAAAA,MACRqB,OAAOD,IAAIC;AAAAA,MACXC,UAAUF,IAAIpB,aAAaS;AAAAA,IAC3B,EAAA;AAAA,EAAA,GACD,CAACV,WAAWM,YAAYC,WAAWR,YAAYW,KAAK,CAAC;AAExD,wCACGc,SAAAA,YAAU;AAAA,IACTC,UAAQ;AAAA,IACRC,QAAO;AAAA,IACPC,uBAAuB;AAAA,IACvBL,OAAOd,OAAOoB,KAAK3B,SAASqB;AAAAA,IAC5BO,aAAarB,OAAOoB,KAAK3B,SAAS4B;AAAAA,IAClClB;AAAAA,IACAmB,UAAUnB,OAAOoB,WAAW;AAAA,IAC5BtB;AAAAA,IACAuB,UAAWT,CAAa,aAAA;AACtB,UAAIA,YAAY,CAACU,MAAMC,QAAQX,QAAQ,KAAKA,SAASzB,IAAI;AACxC,uBAAA;AAAA,UACbiB,MAAM;AAAA,UACNjB;AAAAA,UACAG,UAAUsB,SAASzB,GAAGqC,SAAS;AAAA,UAC/BzB,OACEA,UAAU,WAAWa,SAASzB,OAAO,UAAU,OAAOsC;AAAAA,QAAAA,CACzD;AAAA,MAAA,OACI;AACU,uBAAA;AAAA,UACbrB,MAAM;AAAA,UACNjB;AAAAA,UACAG,UAAU;AAAA,UACVS,OAAO;AAAA,QAAA,CACR;AAAA,MACH;AAAA,IACF;AAAA,IACA2B,YAAYC,gBAAU3B,MAAM;AAAA,IAAE,GACzB2B,MAAAA,UAAU3B,MAAM,KAAK;AAAA,MAAE4B,aAAa;AAAA,MAAMC,QAAQ;AAAA,IAAI;AAAA,EAAA,CAC5D;AAEL;AAEeC,WAAK5C,QAAQ;;"}
+{"version":3,"file":"Operator.cjs","sources":["../../../../../../src/components/QueryBuilder/Rule/Operator/Operator.tsx"],"sourcesContent":["import { memo, useContext, useMemo } from \"react\";\n\nimport { HvDropdown } from \"@core/components/Dropdown\";\n\nimport { QueryBuilderContext } from \"../../Context\";\nimport { isBigList } from \"../../utils\";\n\nexport interface OperatorProps {\n  id: number;\n  combinator: string;\n  attribute: string;\n  operator: string;\n}\n\nexport const Operator = ({ id, combinator, attribute, operator }) => {\n  const context = useContext(QueryBuilderContext);\n\n  const { dispatchAction, attributes, operators, labels, readOnly } = context;\n\n  const value = operator ?? null;\n\n  const values = useMemo(() => {\n    const attributeSpec =\n      attribute && attributes ? attributes[attribute] : null;\n    const options = attributeSpec\n      ? operators[attributeSpec.type].filter((o) =>\n          o.combinators.includes(combinator)\n        ) ?? []\n      : [];\n    return options.map((key) => ({\n      id: key.operator,\n      label: key.label,\n      selected: key.operator === value,\n    }));\n  }, [attribute, attributes, operators, combinator, value]);\n\n  return (\n    <HvDropdown\n      required\n      status=\"valid\"\n      singleSelectionToggle={false}\n      label={labels.rule.operator.label}\n      placeholder={labels.rule.operator.placeholder}\n      values={values}\n      disabled={values.length === 0}\n      readOnly={readOnly}\n      onChange={(selected) => {\n        if (selected && !Array.isArray(selected) && selected.id) {\n          dispatchAction({\n            type: \"set-operator\",\n            id,\n            operator: selected.id.toString(),\n            value:\n              value === \"range\" || selected.id === \"range\" ? null : undefined,\n          });\n        } else {\n          dispatchAction({\n            type: \"set-operator\",\n            id,\n            operator: null,\n            value: null,\n          });\n        }\n      }}\n      showSearch={isBigList(values)}\n      {...(isBigList(values) && { virtualized: true, height: 300 })}\n    />\n  );\n};\n\nexport default memo(Operator);\n"],"names":["Operator","id","combinator","attribute","operator","context","useContext","QueryBuilderContext","dispatchAction","attributes","operators","labels","readOnly","value","values","useMemo","attributeSpec","options","type","filter","o","combinators","includes","map","key","label","selected","jsx","HvDropdown","rule","placeholder","length","Array","isArray","toString","undefined","isBigList","virtualized","height","memo"],"mappings":";;;;;;;AAcO,MAAMA,WAAWA,CAAC;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAYC;AAAAA,EAAWC;AAAS,MAAM;AAC7DC,QAAAA,UAAUC,iBAAWC,QAAAA,mBAAmB;AAExC,QAAA;AAAA,IAAEC;AAAAA,IAAgBC;AAAAA,IAAYC;AAAAA,IAAWC;AAAAA,IAAQC;AAAAA,EAAaP,IAAAA;AAEpE,QAAMQ,QAAQT,YAAY;AAEpBU,QAAAA,SAASC,MAAAA,QAAQ,MAAM;AAC3B,UAAMC,gBACJb,aAAaM,aAAaA,WAAWN,SAAS,IAAI;AACpD,UAAMc,UAAUD,gBACZN,UAAUM,cAAcE,IAAI,EAAEC,OAAQC,CAAAA,MACpCA,EAAEC,YAAYC,SAASpB,UAAU,CACnC,KAAK,KACL;AACGe,WAAAA,QAAQM,IAAKC,CAAS,SAAA;AAAA,MAC3BvB,IAAIuB,IAAIpB;AAAAA,MACRqB,OAAOD,IAAIC;AAAAA,MACXC,UAAUF,IAAIpB,aAAaS;AAAAA,IAC3B,EAAA;AAAA,EAAA,GACD,CAACV,WAAWM,YAAYC,WAAWR,YAAYW,KAAK,CAAC;AAGtD,SAAAc,2BAAA,IAACC,SACC,YAAA,EAAA,UAAQ,MACR,QAAO,SACP,uBAAuB,OACvB,OAAOjB,OAAOkB,KAAKzB,SAASqB,OAC5B,aAAad,OAAOkB,KAAKzB,SAAS0B,aAClC,QACA,UAAUhB,OAAOiB,WAAW,GAC5B,UACA,UAAWL,CAAa,aAAA;AACtB,QAAIA,YAAY,CAACM,MAAMC,QAAQP,QAAQ,KAAKA,SAASzB,IAAI;AACxC,qBAAA;AAAA,QACbiB,MAAM;AAAA,QACNjB;AAAAA,QACAG,UAAUsB,SAASzB,GAAGiC,SAAS;AAAA,QAC/BrB,OACEA,UAAU,WAAWa,SAASzB,OAAO,UAAU,OAAOkC;AAAAA,MAAAA,CACzD;AAAA,IAAA,OACI;AACU,qBAAA;AAAA,QACbjB,MAAM;AAAA,QACNjB;AAAAA,QACAG,UAAU;AAAA,QACVS,OAAO;AAAA,MAAA,CACR;AAAA,IACH;AAAA,EAAA,GAEF,YAAYuB,MAAAA,UAAUtB,MAAM,GACvBsB,GAAAA,MAAAA,UAAUtB,MAAM,KAAK;AAAA,IAAEuB,aAAa;AAAA,IAAMC,QAAQ;AAAA,EACvD,EAAA,CAAA;AAEN;AAEeC,WAAKvC,QAAQ;;"}

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

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const material = require("@mui/material");
 const React = require("react");
 const withTooltip = require("../../../hocs/withTooltip.cjs");
 const Context = require("../Context.cjs");
 const Rule_styles = require("./Rule.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Grid = require("../../Grid/Grid.cjs");
 const Attribute = require("./Attribute/Attribute.cjs");
 const Operator = require("./Operator/Operator.cjs");
@@ -47,62 +47,22 @@ const Rule = ({
   }, [attribute, attributes, combinator, operators]);
   const shouldShowValueInput = operator !== "Empty" && operator !== "IsNotEmpty";
   const DeleteIcon = withTooltip.withTooltip(() => /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Delete, {}), labels.rule.delete.tooltip, "bottom");
-  return /* @__PURE__ */ jsxRuntime.jsxs(Grid.HvGrid, {
-    container: true,
-    className: cx(classes.root, {
-      [classes.isMdDown]: isMdDown
-    }),
-    spacing: 0,
-    wrap: "nowrap",
-    children: [/* @__PURE__ */ jsxRuntime.jsx(Grid.HvGrid, {
-      item: true,
-      xs: 2,
-      lg: 3,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Attribute.Attribute, {
-        attribute,
-        id,
-        disabled,
-        isInvalid
-      })
-    }), attribute != null && availableOperators > 0 && /* @__PURE__ */ jsxRuntime.jsx(Grid.HvGrid, {
-      item: true,
-      xs: 2,
-      lg: 3,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Operator.Operator, {
-        id,
-        combinator,
-        attribute,
-        operator
-      })
-    }), attribute != null && (operator != null || availableOperators === 0) && /* @__PURE__ */ jsxRuntime.jsx(Grid.HvGrid, {
-      item: true,
-      xs: true,
-      children: shouldShowValueInput && /* @__PURE__ */ jsxRuntime.jsx(Value.Value, {
-        attribute,
-        id,
-        operator,
-        value
-      })
-    }), /* @__PURE__ */ jsxRuntime.jsx(Grid.HvGrid, {
-      item: true,
-      className: classes.actionsContainer,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
-        icon: true,
-        "aria-label": labels.rule.delete.ariaLabel,
-        onClick: () => {
-          askAction({
-            actions: [{
-              type: "remove-node",
-              id
-            }],
-            dialog: labels.rule.delete
-          });
-        },
-        disabled: readOnly,
-        children: /* @__PURE__ */ jsxRuntime.jsx(DeleteIcon, {})
-      })
-    })]
-  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(Grid.HvGrid, { container: true, className: cx(classes.root, {
+    [classes.isMdDown]: isMdDown
+  }), spacing: 0, wrap: "nowrap", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Grid.HvGrid, { item: true, xs: 2, lg: 3, children: /* @__PURE__ */ jsxRuntime.jsx(Attribute.Attribute, { attribute, id, disabled, isInvalid }) }),
+    attribute != null && availableOperators > 0 && /* @__PURE__ */ jsxRuntime.jsx(Grid.HvGrid, { item: true, xs: 2, lg: 3, children: /* @__PURE__ */ jsxRuntime.jsx(Operator.Operator, { id, combinator, attribute, operator }) }),
+    attribute != null && (operator != null || availableOperators === 0) && /* @__PURE__ */ jsxRuntime.jsx(Grid.HvGrid, { item: true, xs: true, children: shouldShowValueInput && /* @__PURE__ */ jsxRuntime.jsx(Value.Value, { attribute, id, operator, value }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(Grid.HvGrid, { item: true, className: classes.actionsContainer, children: /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, { icon: true, "aria-label": labels.rule.delete.ariaLabel, onClick: () => {
+      askAction({
+        actions: [{
+          type: "remove-node",
+          id
+        }],
+        dialog: labels.rule.delete
+      });
+    }, disabled: readOnly, children: /* @__PURE__ */ jsxRuntime.jsx(DeleteIcon, {}) }) })
+  ] });
 };
 exports.Rule = Rule;
 //# sourceMappingURL=Rule.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Rule.cjs","sources":["../../../../../src/components/QueryBuilder/Rule/Rule.tsx"],"sourcesContent":["import { Delete } from \"@hitachivantara/uikit-react-icons\";\n\nimport { useMediaQuery, useTheme } from \"@mui/material\";\n\nimport { useContext, useMemo } from \"react\";\n\nimport { HvGrid } from \"@core/components/Grid\";\nimport { HvButton } from \"@core/components/Button\";\nimport { withTooltip } from \"@core/hocs/withTooltip\";\n\nimport { QueryBuilderContext } from \"../Context\";\nimport { Attribute } from \"./Attribute\";\nimport { Operator } from \"./Operator\";\nimport { Value } from \"./Value\";\nimport { useClasses } from \"./Rule.styles\";\n\nexport interface RuleProps {\n  id: number;\n  combinator: string;\n  attribute: string;\n  operator: string;\n  value: any;\n  disabled: boolean;\n  isInvalid: boolean;\n}\n\nexport const Rule = ({\n  id,\n  combinator,\n  attribute,\n  operator,\n  value,\n  disabled,\n  isInvalid,\n}: RuleProps) => {\n  const { classes, cx } = useClasses();\n\n  const context = useContext(QueryBuilderContext);\n\n  const theme = useTheme();\n\n  const isMdDown = useMediaQuery(theme.breakpoints.down(\"md\"));\n\n  const { askAction, attributes, operators, labels, readOnly } = context;\n\n  const availableOperators = useMemo(() => {\n    const attributeSpec =\n      attribute != null && attributes ? attributes[attribute] : null;\n    if (attributeSpec != null) {\n      const typeOperators = operators[attributeSpec.type];\n      if (typeOperators != null) {\n        return typeOperators.reduce(\n          (count, item) =>\n            count + (item.combinators.includes(combinator) ? 1 : 0),\n          0\n        );\n      }\n    }\n\n    return -1;\n  }, [attribute, attributes, combinator, operators]);\n\n  const shouldShowValueInput =\n    operator !== \"Empty\" && operator !== \"IsNotEmpty\";\n\n  const DeleteIcon = withTooltip(\n    () => <Delete />,\n    labels.rule.delete.tooltip,\n    \"bottom\"\n  );\n\n  return (\n    <HvGrid\n      container\n      className={cx(classes.root, { [classes.isMdDown]: isMdDown })}\n      spacing={0}\n      wrap=\"nowrap\"\n    >\n      <HvGrid item xs={2} lg={3}>\n        <Attribute\n          attribute={attribute}\n          id={id}\n          disabled={disabled}\n          isInvalid={isInvalid}\n        />\n      </HvGrid>\n      {attribute != null && availableOperators > 0 && (\n        <HvGrid item xs={2} lg={3}>\n          <Operator\n            id={id}\n            combinator={combinator}\n            attribute={attribute}\n            operator={operator}\n          />\n        </HvGrid>\n      )}\n      {attribute != null && (operator != null || availableOperators === 0) && (\n        <HvGrid item xs>\n          {shouldShowValueInput && (\n            <Value\n              attribute={attribute}\n              id={id}\n              operator={operator}\n              value={value}\n            />\n          )}\n        </HvGrid>\n      )}\n      <HvGrid item className={classes.actionsContainer}>\n        <HvButton\n          icon\n          aria-label={labels.rule.delete.ariaLabel}\n          onClick={() => {\n            askAction({\n              actions: [{ type: \"remove-node\", id }],\n              dialog: labels.rule.delete,\n            });\n          }}\n          disabled={readOnly}\n        >\n          <DeleteIcon />\n        </HvButton>\n      </HvGrid>\n    </HvGrid>\n  );\n};\n"],"names":["Rule","id","combinator","attribute","operator","value","disabled","isInvalid","classes","cx","useClasses","context","useContext","QueryBuilderContext","theme","useTheme","isMdDown","useMediaQuery","breakpoints","down","askAction","attributes","operators","labels","readOnly","availableOperators","useMemo","attributeSpec","typeOperators","type","reduce","count","item","combinators","includes","shouldShowValueInput","DeleteIcon","withTooltip","_jsx","Delete","rule","delete","tooltip","HvGrid","container","className","root","spacing","wrap","children","xs","lg","Attribute","Operator","Value","actionsContainer","HvButton","icon","ariaLabel","onClick","actions","dialog"],"mappings":"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"}
+{"version":3,"file":"Rule.cjs","sources":["../../../../../src/components/QueryBuilder/Rule/Rule.tsx"],"sourcesContent":["import { Delete } from \"@hitachivantara/uikit-react-icons\";\n\nimport { useMediaQuery, useTheme } from \"@mui/material\";\n\nimport { useContext, useMemo } from \"react\";\n\nimport { HvGrid } from \"@core/components/Grid\";\nimport { HvButton } from \"@core/components/Button\";\nimport { withTooltip } from \"@core/hocs/withTooltip\";\n\nimport { QueryBuilderContext } from \"../Context\";\nimport { Attribute } from \"./Attribute\";\nimport { Operator } from \"./Operator\";\nimport { Value } from \"./Value\";\nimport { useClasses } from \"./Rule.styles\";\n\nexport interface RuleProps {\n  id: number;\n  combinator: string;\n  attribute: string;\n  operator: string;\n  value: any;\n  disabled: boolean;\n  isInvalid: boolean;\n}\n\nexport const Rule = ({\n  id,\n  combinator,\n  attribute,\n  operator,\n  value,\n  disabled,\n  isInvalid,\n}: RuleProps) => {\n  const { classes, cx } = useClasses();\n\n  const context = useContext(QueryBuilderContext);\n\n  const theme = useTheme();\n\n  const isMdDown = useMediaQuery(theme.breakpoints.down(\"md\"));\n\n  const { askAction, attributes, operators, labels, readOnly } = context;\n\n  const availableOperators = useMemo(() => {\n    const attributeSpec =\n      attribute != null && attributes ? attributes[attribute] : null;\n    if (attributeSpec != null) {\n      const typeOperators = operators[attributeSpec.type];\n      if (typeOperators != null) {\n        return typeOperators.reduce(\n          (count, item) =>\n            count + (item.combinators.includes(combinator) ? 1 : 0),\n          0\n        );\n      }\n    }\n\n    return -1;\n  }, [attribute, attributes, combinator, operators]);\n\n  const shouldShowValueInput =\n    operator !== \"Empty\" && operator !== \"IsNotEmpty\";\n\n  const DeleteIcon = withTooltip(\n    () => <Delete />,\n    labels.rule.delete.tooltip,\n    \"bottom\"\n  );\n\n  return (\n    <HvGrid\n      container\n      className={cx(classes.root, { [classes.isMdDown]: isMdDown })}\n      spacing={0}\n      wrap=\"nowrap\"\n    >\n      <HvGrid item xs={2} lg={3}>\n        <Attribute\n          attribute={attribute}\n          id={id}\n          disabled={disabled}\n          isInvalid={isInvalid}\n        />\n      </HvGrid>\n      {attribute != null && availableOperators > 0 && (\n        <HvGrid item xs={2} lg={3}>\n          <Operator\n            id={id}\n            combinator={combinator}\n            attribute={attribute}\n            operator={operator}\n          />\n        </HvGrid>\n      )}\n      {attribute != null && (operator != null || availableOperators === 0) && (\n        <HvGrid item xs>\n          {shouldShowValueInput && (\n            <Value\n              attribute={attribute}\n              id={id}\n              operator={operator}\n              value={value}\n            />\n          )}\n        </HvGrid>\n      )}\n      <HvGrid item className={classes.actionsContainer}>\n        <HvButton\n          icon\n          aria-label={labels.rule.delete.ariaLabel}\n          onClick={() => {\n            askAction({\n              actions: [{ type: \"remove-node\", id }],\n              dialog: labels.rule.delete,\n            });\n          }}\n          disabled={readOnly}\n        >\n          <DeleteIcon />\n        </HvButton>\n      </HvGrid>\n    </HvGrid>\n  );\n};\n"],"names":["Rule","id","combinator","attribute","operator","value","disabled","isInvalid","classes","cx","useClasses","context","useContext","QueryBuilderContext","theme","useTheme","isMdDown","useMediaQuery","breakpoints","down","askAction","attributes","operators","labels","readOnly","availableOperators","useMemo","attributeSpec","typeOperators","type","reduce","count","item","combinators","includes","shouldShowValueInput","DeleteIcon","withTooltip","jsx","Delete","rule","delete","tooltip","HvGrid","root","Attribute","Operator","Value","actionsContainer","HvButton","ariaLabel","actions","dialog"],"mappings":";;;;;;;;;;;;;;AA0BO,MAAMA,OAAOA,CAAC;AAAA,EACnBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACS,MAAM;AACT,QAAA;AAAA,IAAEC;AAAAA,IAASC;AAAAA,MAAOC,YAAW,WAAA;AAE7BC,QAAAA,UAAUC,iBAAWC,QAAAA,mBAAmB;AAE9C,QAAMC,QAAQC,SAAAA;AAEd,QAAMC,WAAWC,SAAAA,cAAcH,MAAMI,YAAYC,KAAK,IAAI,CAAC;AAErD,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,IAAYC;AAAAA,IAAWC;AAAAA,IAAQC;AAAAA,EAAab,IAAAA;AAEzDc,QAAAA,qBAAqBC,MAAAA,QAAQ,MAAM;AACvC,UAAMC,gBACJxB,aAAa,QAAQkB,aAAaA,WAAWlB,SAAS,IAAI;AAC5D,QAAIwB,iBAAiB,MAAM;AACnBC,YAAAA,gBAAgBN,UAAUK,cAAcE,IAAI;AAClD,UAAID,iBAAiB,MAAM;AACzB,eAAOA,cAAcE,OACnB,CAACC,OAAOC,SACND,SAASC,KAAKC,YAAYC,SAAShC,UAAU,IAAI,IAAI,IACvD,CACF;AAAA,MACF;AAAA,IACF;AAEO,WAAA;AAAA,KACN,CAACC,WAAWkB,YAAYnB,YAAYoB,SAAS,CAAC;AAE3Ca,QAAAA,uBACJ/B,aAAa,WAAWA,aAAa;AAEjCgC,QAAAA,aAAaC,YAAAA,YACjB,MAAOC,2BAAAA,IAAAC,gBAAAA,QAAA,CAAA,CAAS,GAChBhB,OAAOiB,KAAKC,OAAOC,SACnB,QACF;AAEA,yCACGC,KACC,QAAA,EAAA,WAAS,MACT,WAAWlC,GAAGD,QAAQoC,MAAM;AAAA,IAAE,CAACpC,QAAQQ,QAAQ,GAAGA;AAAAA,EAAU,CAAA,GAC5D,SAAS,GACT,MAAK,UAEL,UAAA;AAAA,IAAAsB,2BAAA,IAACK,KAAO,QAAA,EAAA,MAAI,MAAC,IAAI,GAAG,IAAI,GACtB,UAAAL,2BAAA,IAACO,UACC,WAAA,EAAA,WACA,IACA,UACA,UAAqB,CAAA,GAEzB;AAAA,IACC1C,aAAa,QAAQsB,qBAAqB,KACxCa,2BAAAA,IAAAK,KAAA,QAAA,EAAO,MAAI,MAAC,IAAI,GAAG,IAAI,GACtB,UAACL,2BAAA,IAAAQ,mBAAA,EACC,IACA,YACA,WACA,SAAmB,CAAA,GAEvB;AAAA,IAED3C,aAAa,SAASC,YAAY,QAAQqB,uBAAuB,qCAC/DkB,KAAAA,QAAO,EAAA,MAAI,MAAC,IAAE,MACZR,kCACEG,2BAAAA,IAAAS,MAAA,OAAA,EACC,WACA,IACA,UACA,OAEH,EACH,CAAA;AAAA,mCAEDJ,KAAAA,QAAO,EAAA,MAAI,MAAC,WAAWnC,QAAQwC,kBAC9B,UAAAV,2BAAA,IAACW,OACC,UAAA,EAAA,MAAI,MACJ,cAAY1B,OAAOiB,KAAKC,OAAOS,WAC/B,SAAS,MAAM;AACH,gBAAA;AAAA,QACRC,SAAS,CAAC;AAAA,UAAEtB,MAAM;AAAA,UAAe5B;AAAAA,QAAAA,CAAI;AAAA,QACrCmD,QAAQ7B,OAAOiB,KAAKC;AAAAA,MAAAA,CACrB;AAAA,IAAA,GAEH,UAAUjB,UAEV,UAACc,2BAAAA,IAAA,YAAA,CAAU,CAAA,EACb,CAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;;"}