@hitachivantara/uikit-react-core 5.39.1 → 5.39.3

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

@@ -11,13 +11,7 @@ const Attribute = ({
   disabled,
   isInvalid
 }) => {
-  const {
-    dispatchAction,
-    attributes,
-    operators,
-    labels,
-    readOnly
-  } = Context.useQueryBuilderContext();
+  const { dispatchAction, attributes, operators, labels, readOnly } = Context.useQueryBuilderContext();
   const values = React.useMemo(() => {
     if (!attributes)
       return [];
@@ -28,38 +22,46 @@ const Attribute = ({
     }));
   }, [attributes, attribute]);
   const currentType = attribute != null && attributes ? attributes[attribute]?.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) => {
-    if (selected && !Array.isArray(selected)) {
-      const attributeId = selected.id;
-      const type = attributes && attributeId && attributes[attributeId]?.type;
-      const typeOperators = type ? operators[type] : void 0;
-      let operator;
-      if (currentType === type) {
-        operator = void 0;
-      } else if (typeOperators?.length === 1) {
-        operator = typeOperators[0].operator;
-      } else {
-        operator = null;
-      }
-      const value = type === "boolean" ? true : void 0;
-      dispatchAction({
-        type: "set-attribute",
-        id,
-        attribute: attributeId?.toString(),
-        operator,
-        value
-      });
-    } else {
-      dispatchAction({
-        type: "set-attribute",
-        id,
-        attribute: 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) => {
+        if (selected && !Array.isArray(selected)) {
+          const attributeId = selected.id;
+          const type = attributes && attributeId && attributes[attributeId]?.type;
+          const typeOperators = type ? operators[type] : void 0;
+          let operator;
+          if (currentType === type) {
+            operator = void 0;
+          } else if (typeOperators?.length === 1) {
+            operator = typeOperators[0].operator;
+          } else {
+            operator = null;
+          }
+          const value = type === "boolean" ? true : void 0;
+          dispatchAction({
+            type: "set-attribute",
+            id,
+            attribute: attributeId?.toString(),
+            operator,
+            value
+          });
+        } else {
+          dispatchAction({ type: "set-attribute", id, attribute: null });
+        }
+      },
+      showSearch: index.isBigList(values),
+      ...index.isBigList(values) && { virtualized: true, height: 300 }
     }
-  }, 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, memo } from \"react\";\n\nimport { HvDropdown } from \"@core/components/Dropdown\";\n\nimport { isBigList } from \"../../utils\";\nimport { useQueryBuilderContext } from \"../../Context\";\n\nexport interface AttributeProps {\n  id: React.Key;\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 { dispatchAction, attributes, operators, labels, readOnly } =\n    useQueryBuilderContext();\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","dispatchAction","attributes","operators","labels","readOnly","useQueryBuilderContext","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;AACd,QAAA;AAAA,IAAEC;AAAAA,IAAgBC;AAAAA,IAAYC;AAAAA,IAAWC;AAAAA,IAAQC;AAAAA,MACrDC,QAAuB,uBAAA;AAEnBC,QAAAA,SAASC,MAAAA,QAAQ,MAAM;AAC3B,QAAI,CAACN;AAAY,aAAO;AAExB,WAAOO,OAAOC,KAAKR,UAAU,EAAES,IAAKC,CAAS,SAAA;AAAA,MAC3Cf,IAAIe;AAAAA,MACJC,OAAOX,WAAWU,GAAG,EAAEC;AAAAA,MACvBC,UAAUF,QAAQd;AAAAA,IAClB,EAAA;AAAA,EAAA,GACD,CAACI,YAAYJ,SAAS,CAAC;AAE1B,QAAMiB,cACJjB,aAAa,QAAQI,aAAaA,WAAWJ,SAAS,GAAGkB,OAAO;AAGhE,SAAAC,2BAAA,IAACC,SACC,YAAA,EAAA,uBAAuB,OACvB,OAAOd,OAAOe,KAAKrB,UAAUe,OAC7B,aAAaT,OAAOe,KAAKrB,UAAUsB,aACnC,QACA,UACA,UACA,QAAQpB,YAAY,YAAY,SAChC,eAAeI,OAAOe,KAAKrB,UAAUuB,QACrC,UAAWP,CAAa,aAAA;AACtB,QAAIA,YAAY,CAACQ,MAAMC,QAAQT,QAAQ,GAAG;AACxC,YAAMU,cAAcV,SAASjB;AAE7B,YAAMmB,OACJd,cAAcsB,eAAetB,WAAWsB,WAAW,GAAGR;AACxD,YAAMS,gBAAgBT,OAAOb,UAAUa,IAAI,IAAIU;AAE3CC,UAAAA;AACJ,UAAIZ,gBAAgBC,MAAM;AACbU,mBAAAA;AAAAA,MAAAA,WACFD,eAAeG,WAAW,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,QACNnB;AAAAA,QACAC,WAAW0B,aAAaM,SAAS;AAAA,QACjCH;AAAAA,QACAE;AAAAA,MAAAA,CACD;AAAA,IAAA,OACI;AACU,qBAAA;AAAA,QAAEb,MAAM;AAAA,QAAiBnB;AAAAA,QAAIC,WAAW;AAAA,MAAA,CAAM;AAAA,IAC/D;AAAA,EAAA,GAEF,YAAYiC,MAAAA,UAAUxB,MAAM,GACvBwB,GAAAA,MAAAA,UAAUxB,MAAM,KAAK;AAAA,IAAEyB,aAAa;AAAA,IAAMC,QAAQ;AAAA,EACvD,EAAA,CAAA;AAEN;AAEeC,WAAKtC,SAAS;;"}
+{"version":3,"file":"Attribute.cjs","sources":["../../../../../../src/components/QueryBuilder/Rule/Attribute/Attribute.tsx"],"sourcesContent":["import { useMemo, memo } from \"react\";\n\nimport { HvDropdown } from \"@core/components/Dropdown\";\n\nimport { isBigList } from \"../../utils\";\nimport { useQueryBuilderContext } from \"../../Context\";\n\nexport interface AttributeProps {\n  id: React.Key;\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 { dispatchAction, attributes, operators, labels, readOnly } =\n    useQueryBuilderContext();\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":["useQueryBuilderContext","useMemo","jsx","HvDropdown","isBigList","memo"],"mappings":";;;;;;;AAcO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAsB;AACpB,QAAM,EAAE,gBAAgB,YAAY,WAAW,QAAQ,SAAA,IACrDA,QAAAA;AAEI,QAAA,SAASC,MAAAA,QAAQ,MAAM;AAC3B,QAAI,CAAC;AAAY,aAAO;AAExB,WAAO,OAAO,KAAK,UAAU,EAAE,IAAI,CAAC,SAAS;AAAA,MAC3C,IAAI;AAAA,MACJ,OAAO,WAAW,GAAG,EAAE;AAAA,MACvB,UAAU,QAAQ;AAAA,IAClB,EAAA;AAAA,EAAA,GACD,CAAC,YAAY,SAAS,CAAC;AAE1B,QAAM,cACJ,aAAa,QAAQ,aAAa,WAAW,SAAS,GAAG,OAAO;AAGhE,SAAAC,2BAAA;AAAA,IAACC,SAAA;AAAA,IAAA;AAAA,MACC,uBAAuB;AAAA,MACvB,OAAO,OAAO,KAAK,UAAU;AAAA,MAC7B,aAAa,OAAO,KAAK,UAAU;AAAA,MACnC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,YAAY,YAAY;AAAA,MAChC,eAAe,OAAO,KAAK,UAAU;AAAA,MACrC,UAAU,CAAC,aAAa;AACtB,YAAI,YAAY,CAAC,MAAM,QAAQ,QAAQ,GAAG;AACxC,gBAAM,cAAc,SAAS;AAE7B,gBAAM,OACJ,cAAc,eAAe,WAAW,WAAW,GAAG;AACxD,gBAAM,gBAAgB,OAAO,UAAU,IAAI,IAAI;AAE3C,cAAA;AACJ,cAAI,gBAAgB,MAAM;AACb,uBAAA;AAAA,UAAA,WACF,eAAe,WAAW,GAAG;AAC3B,uBAAA,cAAc,CAAC,EAAE;AAAA,UAAA,OACvB;AACM,uBAAA;AAAA,UACb;AAGM,gBAAA,QAAQ,SAAS,YAAY,OAAO;AAE3B,yBAAA;AAAA,YACb,MAAM;AAAA,YACN;AAAA,YACA,WAAW,aAAa,SAAS;AAAA,YACjC;AAAA,YACA;AAAA,UAAA,CACD;AAAA,QAAA,OACI;AACL,yBAAe,EAAE,MAAM,iBAAiB,IAAI,WAAW,MAAM;AAAA,QAC/D;AAAA,MACF;AAAA,MACA,YAAYC,gBAAU,MAAM;AAAA,MAC3B,GAAIA,MAAAA,UAAU,MAAM,KAAK,EAAE,aAAa,MAAM,QAAQ,IAAI;AAAA,IAAA;AAAA,EAAA;AAGjE;AAEeC,WAAK,SAAS;;"}

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

@@ -11,43 +11,51 @@ const Operator = ({
   attribute,
   operator
 }) => {
-  const {
-    dispatchAction,
-    attributes,
-    operators,
-    labels,
-    readOnly
-  } = Context.useQueryBuilderContext();
+  const { dispatchAction, attributes, operators, labels, readOnly } = Context.useQueryBuilderContext();
   const value = operator ?? null;
   const values = React.useMemo(() => {
     const attributeSpec = attribute && attributes ? attributes[attribute] : null;
-    const options = attributeSpec ? operators[attributeSpec.type].filter((o) => o.combinators.includes(combinator)) ?? [] : [];
+    const options = attributeSpec ? operators[attributeSpec.type].filter(
+      (o) => o.combinators.includes(combinator)
+    ) ?? [] : [];
     return options.map((key) => ({
       id: key.operator,
       label: key.label,
       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" || selected.id === "IsNotEmpty" || selected.id === "Empty" ? null : void 0
-      });
-    } else {
-      dispatchAction({
-        type: "set-operator",
-        id,
-        operator: null,
-        value: null
-      });
+  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" || selected.id === "IsNotEmpty" || selected.id === "Empty" ? null : void 0
+          });
+        } else {
+          dispatchAction({
+            type: "set-operator",
+            id,
+            operator: null,
+            value: null
+          });
+        }
+      },
+      showSearch: index.isBigList(values),
+      ...index.isBigList(values) && { virtualized: true, height: 300 }
     }
-  }, 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, useMemo } from \"react\";\n\nimport { HvDropdown } from \"@core/components/Dropdown\";\n\nimport { useQueryBuilderContext } from \"../../Context\";\nimport { isBigList } from \"../../utils\";\n\nexport interface OperatorProps {\n  id: React.Key;\n  combinator: string;\n  attribute: string;\n  operator?: string;\n}\n\nexport const Operator = ({\n  id,\n  combinator,\n  attribute,\n  operator,\n}: OperatorProps) => {\n  const { dispatchAction, attributes, operators, labels, readOnly } =\n    useQueryBuilderContext();\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\" ||\n              selected.id === \"range\" ||\n              selected.id === \"IsNotEmpty\" ||\n              selected.id === \"Empty\"\n                ? null\n                : 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","dispatchAction","attributes","operators","labels","readOnly","useQueryBuilderContext","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,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACa,MAAM;AACb,QAAA;AAAA,IAAEC;AAAAA,IAAgBC;AAAAA,IAAYC;AAAAA,IAAWC;AAAAA,IAAQC;AAAAA,MACrDC,QAAuB,uBAAA;AAEzB,QAAMC,QAAQP,YAAY;AAEpBQ,QAAAA,SAASC,MAAAA,QAAQ,MAAM;AAC3B,UAAMC,gBACJX,aAAaG,aAAaA,WAAWH,SAAS,IAAI;AACpD,UAAMY,UAAUD,gBACZP,UAAUO,cAAcE,IAAI,EAAEC,OAAQC,CAAAA,MACpCA,EAAEC,YAAYC,SAASlB,UAAU,CACnC,KAAK,KACL;AACGa,WAAAA,QAAQM,IAAKC,CAAS,SAAA;AAAA,MAC3BrB,IAAIqB,IAAIlB;AAAAA,MACRmB,OAAOD,IAAIC;AAAAA,MACXC,UAAUF,IAAIlB,aAAaO;AAAAA,IAC3B,EAAA;AAAA,EAAA,GACD,CAACR,WAAWG,YAAYC,WAAWL,YAAYS,KAAK,CAAC;AAGtD,SAAAc,2BAAA,IAACC,SACC,YAAA,EAAA,UAAQ,MACR,QAAO,SACP,uBAAuB,OACvB,OAAOlB,OAAOmB,KAAKvB,SAASmB,OAC5B,aAAaf,OAAOmB,KAAKvB,SAASwB,aAClC,QACA,UAAUhB,OAAOiB,WAAW,GAC5B,UACA,UAAWL,CAAa,aAAA;AACtB,QAAIA,YAAY,CAACM,MAAMC,QAAQP,QAAQ,KAAKA,SAASvB,IAAI;AACxC,qBAAA;AAAA,QACbe,MAAM;AAAA,QACNf;AAAAA,QACAG,UAAUoB,SAASvB,GAAG+B,SAAS;AAAA,QAC/BrB,OACEA,UAAU,WACVa,SAASvB,OAAO,WAChBuB,SAASvB,OAAO,gBAChBuB,SAASvB,OAAO,UACZ,OACAgC;AAAAA,MAAAA,CACP;AAAA,IAAA,OACI;AACU,qBAAA;AAAA,QACbjB,MAAM;AAAA,QACNf;AAAAA,QACAG,UAAU;AAAA,QACVO,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,WAAKrC,QAAQ;;"}
+{"version":3,"file":"Operator.cjs","sources":["../../../../../../src/components/QueryBuilder/Rule/Operator/Operator.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\n\nimport { HvDropdown } from \"@core/components/Dropdown\";\n\nimport { useQueryBuilderContext } from \"../../Context\";\nimport { isBigList } from \"../../utils\";\n\nexport interface OperatorProps {\n  id: React.Key;\n  combinator: string;\n  attribute: string;\n  operator?: string;\n}\n\nexport const Operator = ({\n  id,\n  combinator,\n  attribute,\n  operator,\n}: OperatorProps) => {\n  const { dispatchAction, attributes, operators, labels, readOnly } =\n    useQueryBuilderContext();\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\" ||\n              selected.id === \"range\" ||\n              selected.id === \"IsNotEmpty\" ||\n              selected.id === \"Empty\"\n                ? null\n                : 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":["useQueryBuilderContext","useMemo","jsx","HvDropdown","isBigList","memo"],"mappings":";;;;;;;AAcO,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqB;AACnB,QAAM,EAAE,gBAAgB,YAAY,WAAW,QAAQ,SAAA,IACrDA,QAAAA;AAEF,QAAM,QAAQ,YAAY;AAEpB,QAAA,SAASC,MAAAA,QAAQ,MAAM;AAC3B,UAAM,gBACJ,aAAa,aAAa,WAAW,SAAS,IAAI;AACpD,UAAM,UAAU,gBACZ,UAAU,cAAc,IAAI,EAAE;AAAA,MAAO,CAAC,MACpC,EAAE,YAAY,SAAS,UAAU;AAAA,IAAA,KAC9B,CAAA,IACL,CAAA;AACG,WAAA,QAAQ,IAAI,CAAC,SAAS;AAAA,MAC3B,IAAI,IAAI;AAAA,MACR,OAAO,IAAI;AAAA,MACX,UAAU,IAAI,aAAa;AAAA,IAC3B,EAAA;AAAA,EAAA,GACD,CAAC,WAAW,YAAY,WAAW,YAAY,KAAK,CAAC;AAGtD,SAAAC,2BAAA;AAAA,IAACC,SAAA;AAAA,IAAA;AAAA,MACC,UAAQ;AAAA,MACR,QAAO;AAAA,MACP,uBAAuB;AAAA,MACvB,OAAO,OAAO,KAAK,SAAS;AAAA,MAC5B,aAAa,OAAO,KAAK,SAAS;AAAA,MAClC;AAAA,MACA,UAAU,OAAO,WAAW;AAAA,MAC5B;AAAA,MACA,UAAU,CAAC,aAAa;AACtB,YAAI,YAAY,CAAC,MAAM,QAAQ,QAAQ,KAAK,SAAS,IAAI;AACxC,yBAAA;AAAA,YACb,MAAM;AAAA,YACN;AAAA,YACA,UAAU,SAAS,GAAG,SAAS;AAAA,YAC/B,OACE,UAAU,WACV,SAAS,OAAO,WAChB,SAAS,OAAO,gBAChB,SAAS,OAAO,UACZ,OACA;AAAA,UAAA,CACP;AAAA,QAAA,OACI;AACU,yBAAA;AAAA,YACb,MAAM;AAAA,YACN;AAAA,YACA,UAAU;AAAA,YACV,OAAO;AAAA,UAAA,CACR;AAAA,QACH;AAAA,MACF;AAAA,MACA,YAAYC,gBAAU,MAAM;AAAA,MAC3B,GAAIA,MAAAA,UAAU,MAAM,KAAK,EAAE,aAAa,MAAM,QAAQ,IAAI;AAAA,IAAA;AAAA,EAAA;AAGjE;AAEeC,WAAK,QAAQ;;"}

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

@@ -23,10 +23,7 @@ const Rule = (props) => {
     isInvalid,
     classes: classesProp
   } = useDefaultProps.useDefaultProps("HvQueryBuilderRule", props);
-  const {
-    classes,
-    cx
-  } = Rule_styles.useClasses(classesProp);
+  const { classes, cx } = Rule_styles.useClasses(classesProp);
   const {
     askAction,
     dispatchAction,
@@ -43,29 +40,65 @@ const Rule = (props) => {
     if (attributeSpec != null) {
       const typeOperators = operators[attributeSpec.type];
       if (typeOperators != null) {
-        return typeOperators.reduce((count, item) => count + (item.combinators.includes(combinator) ? 1 : 0), 0);
+        return typeOperators.reduce(
+          (count, item) => count + (item.combinators.includes(combinator) ? 1 : 0),
+          0
+        );
       }
     }
     return -1;
   }, [attribute, attributes, combinator, operators]);
   const shouldShowValueInput = operator !== "Empty" && operator !== "IsNotEmpty";
-  return /* @__PURE__ */ jsxRuntime.jsxs(Grid.HvGrid, { container: true, className: cx(classes.root, {
-    [classes.isMdDown]: isMdDown
-  }), spacing: 0, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Grid.HvGrid, { item: true, xs: 12, md: 3, children: /* @__PURE__ */ jsxRuntime.jsx(Attribute.Attribute, { attribute, id, disabled, isInvalid }) }),
-    attribute != null && availableOperators > 0 && /* @__PURE__ */ jsxRuntime.jsx(Grid.HvGrid, { item: true, xs: 12, md: 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: 12, md: 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(IconButton.IconButton, { placement: "bottom", title: labels.rule.delete.tooltip || labels.rule.delete.ariaLabel, onClick: () => disableConfirmation ? dispatchAction({
-      type: "remove-node",
-      id
-    }) : askAction({
-      actions: [{
-        type: "remove-node",
-        id
-      }],
-      dialog: labels.rule.delete
-    }), disabled: readOnly, children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Delete, { role: "none" }) }) })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Grid.HvGrid,
+    {
+      container: true,
+      className: cx(classes.root, { [classes.isMdDown]: isMdDown }),
+      spacing: 0,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Grid.HvGrid, { item: true, xs: 12, md: 3, children: /* @__PURE__ */ jsxRuntime.jsx(
+          Attribute.Attribute,
+          {
+            attribute,
+            id,
+            disabled,
+            isInvalid
+          }
+        ) }),
+        attribute != null && availableOperators > 0 && /* @__PURE__ */ jsxRuntime.jsx(Grid.HvGrid, { item: true, xs: 12, md: 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: 12, md: 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(
+          IconButton.IconButton,
+          {
+            placement: "bottom",
+            title: labels.rule.delete.tooltip || labels.rule.delete.ariaLabel,
+            onClick: () => disableConfirmation ? dispatchAction({ type: "remove-node", id }) : askAction({
+              actions: [{ type: "remove-node", id }],
+              dialog: labels.rule.delete
+            }),
+            disabled: readOnly,
+            children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Delete, { role: "none" })
+          }
+        ) })
+      ]
+    }
+  );
 };
 exports.queryBuilderRuleClasses = Rule_styles.staticClasses;
 exports.Rule = Rule;

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 { useMemo } from \"react\";\nimport { Delete } from \"@hitachivantara/uikit-react-icons\";\nimport { useMediaQuery, useTheme } from \"@mui/material\";\n\nimport { HvGrid } from \"@core/components/Grid\";\nimport { IconButton } from \"@core/utils/IconButton\";\nimport { useDefaultProps } from \"@core/hooks\";\nimport { ExtractNames } from \"@core/utils\";\n\nimport { useQueryBuilderContext } from \"../Context\";\nimport { Attribute } from \"./Attribute\";\nimport { Operator } from \"./Operator\";\nimport { Value } from \"./Value\";\nimport { staticClasses, useClasses } from \"./Rule.styles\";\n\nexport { staticClasses as queryBuilderRuleClasses };\n\nexport type HvQueryBuilderRuleClasses = ExtractNames<typeof useClasses>;\n\nexport interface RuleProps {\n  id: React.Key;\n  combinator: string;\n  attribute?: string;\n  operator?: string;\n  value?: any;\n  disabled?: boolean;\n  isInvalid: boolean;\n  classes?: HvQueryBuilderRuleClasses;\n}\n\nexport const Rule = (props: RuleProps) => {\n  const {\n    id,\n    combinator,\n    attribute,\n    operator,\n    value,\n    disabled,\n    isInvalid,\n    classes: classesProp,\n  } = useDefaultProps(\"HvQueryBuilderRule\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const {\n    askAction,\n    dispatchAction,\n    attributes,\n    operators,\n    labels,\n    readOnly,\n    disableConfirmation,\n  } = useQueryBuilderContext();\n\n  const theme = useTheme();\n\n  const isMdDown = useMediaQuery(theme.breakpoints.down(\"md\"));\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  return (\n    <HvGrid\n      container\n      className={cx(classes.root, { [classes.isMdDown]: isMdDown })}\n      spacing={0}\n    >\n      <HvGrid item xs={12} md={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={12} md={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={12} md>\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        <IconButton\n          placement=\"bottom\"\n          title={labels.rule.delete.tooltip || labels.rule.delete.ariaLabel}\n          onClick={() =>\n            disableConfirmation\n              ? dispatchAction({ type: \"remove-node\", id })\n              : askAction({\n                  actions: [{ type: \"remove-node\", id }],\n                  dialog: labels.rule.delete,\n                })\n          }\n          disabled={readOnly}\n        >\n          <Delete role=\"none\" />\n        </IconButton>\n      </HvGrid>\n    </HvGrid>\n  );\n};\n"],"names":["Rule","props","id","combinator","attribute","operator","value","disabled","isInvalid","classes","classesProp","useDefaultProps","cx","useClasses","askAction","dispatchAction","attributes","operators","labels","readOnly","disableConfirmation","useQueryBuilderContext","theme","useTheme","isMdDown","useMediaQuery","breakpoints","down","availableOperators","useMemo","attributeSpec","typeOperators","type","reduce","count","item","combinators","includes","shouldShowValueInput","HvGrid","root","jsx","Attribute","Operator","Value","actionsContainer","IconButton","rule","delete","tooltip","ariaLabel","actions","dialog","Delete"],"mappings":";;;;;;;;;;;;;;AA8BaA,MAAAA,OAAOA,CAACC,UAAqB;AAClC,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,EAAAA,IACPC,gBAAgB,gBAAA,sBAAsBV,KAAK;AAEzC,QAAA;AAAA,IAAEQ;AAAAA,IAASG;AAAAA,EAAAA,IAAOC,YAAAA,WAAWH,WAAW;AAExC,QAAA;AAAA,IACJI;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,MACEC,QAAuB,uBAAA;AAE3B,QAAMC,QAAQC,SAAAA;AAEd,QAAMC,WAAWC,SAAAA,cAAcH,MAAMI,YAAYC,KAAK,IAAI,CAAC;AAErDC,QAAAA,qBAAqBC,MAAAA,QAAQ,MAAM;AACvC,UAAMC,gBACJ1B,aAAa,QAAQY,aAAaA,WAAWZ,SAAS,IAAI;AAC5D,QAAI0B,iBAAiB,MAAM;AACnBC,YAAAA,gBAAgBd,UAAUa,cAAcE,IAAI;AAClD,UAAID,iBAAiB,MAAM;AACzB,eAAOA,cAAcE,OACnB,CAACC,OAAOC,SACND,SAASC,KAAKC,YAAYC,SAASlC,UAAU,IAAI,IAAI,IACvD,CACF;AAAA,MACF;AAAA,IACF;AAEO,WAAA;AAAA,KACN,CAACC,WAAWY,YAAYb,YAAYc,SAAS,CAAC;AAE3CqB,QAAAA,uBACJjC,aAAa,WAAWA,aAAa;AAEvC,yCACGkC,KACC,QAAA,EAAA,WAAS,MACT,WAAW3B,GAAGH,QAAQ+B,MAAM;AAAA,IAAE,CAAC/B,QAAQe,QAAQ,GAAGA;AAAAA,EAAAA,CAAU,GAC5D,SAAS,GAET,UAAA;AAAA,IAAAiB,2BAAA,IAACF,KAAO,QAAA,EAAA,MAAI,MAAC,IAAI,IAAI,IAAI,GACvB,UAAAE,2BAAA,IAACC,UACC,WAAA,EAAA,WACA,IACA,UACA,UAAqB,CAAA,GAEzB;AAAA,IACCtC,aAAa,QAAQwB,qBAAqB,KACxCa,2BAAAA,IAAAF,KAAA,QAAA,EAAO,MAAI,MAAC,IAAI,IAAI,IAAI,GACvB,UAACE,2BAAA,IAAAE,mBAAA,EACC,IACA,YACA,WACA,SAAmB,CAAA,GAEvB;AAAA,IAEDvC,aAAa,SAASC,YAAY,QAAQuB,uBAAuB,MAChEa,2BAAAA,IAACF,eAAO,MAAI,MAAC,IAAI,IAAI,IAAE,MACpBD,UACC,wBAAAG,2BAAAA,IAACG,MAAAA,SACC,WACA,IACA,UACA,MAAA,CAEH,EACH,CAAA;AAAA,IAEFH,2BAAAA,IAACF,eAAO,MAAI,MAAC,WAAW9B,QAAQoC,kBAC9B,UAACJ,2BAAAA,IAAAK,WAAA,YAAA,EACC,WAAU,UACV,OAAO5B,OAAO6B,KAAKC,OAAOC,WAAW/B,OAAO6B,KAAKC,OAAOE,WACxD,SAAS,MACP9B,sBACIL,eAAe;AAAA,MAAEiB,MAAM;AAAA,MAAe9B;AAAAA,IAAI,CAAA,IAC1CY,UAAU;AAAA,MACRqC,SAAS,CAAC;AAAA,QAAEnB,MAAM;AAAA,QAAe9B;AAAAA,MAAAA,CAAI;AAAA,MACrCkD,QAAQlC,OAAO6B,KAAKC;AAAAA,IACrB,CAAA,GAEP,UAAU7B,UAEV,yCAACkC,wBAAO,EAAA,MAAK,QAAM,EAAA,CACrB,EACF,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;;;"}
+{"version":3,"file":"Rule.cjs","sources":["../../../../../src/components/QueryBuilder/Rule/Rule.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { Delete } from \"@hitachivantara/uikit-react-icons\";\nimport { useMediaQuery, useTheme } from \"@mui/material\";\n\nimport { HvGrid } from \"@core/components/Grid\";\nimport { IconButton } from \"@core/utils/IconButton\";\nimport { useDefaultProps } from \"@core/hooks\";\nimport { ExtractNames } from \"@core/utils\";\n\nimport { useQueryBuilderContext } from \"../Context\";\nimport { Attribute } from \"./Attribute\";\nimport { Operator } from \"./Operator\";\nimport { Value } from \"./Value\";\nimport { staticClasses, useClasses } from \"./Rule.styles\";\n\nexport { staticClasses as queryBuilderRuleClasses };\n\nexport type HvQueryBuilderRuleClasses = ExtractNames<typeof useClasses>;\n\nexport interface RuleProps {\n  id: React.Key;\n  combinator: string;\n  attribute?: string;\n  operator?: string;\n  value?: any;\n  disabled?: boolean;\n  isInvalid: boolean;\n  classes?: HvQueryBuilderRuleClasses;\n}\n\nexport const Rule = (props: RuleProps) => {\n  const {\n    id,\n    combinator,\n    attribute,\n    operator,\n    value,\n    disabled,\n    isInvalid,\n    classes: classesProp,\n  } = useDefaultProps(\"HvQueryBuilderRule\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const {\n    askAction,\n    dispatchAction,\n    attributes,\n    operators,\n    labels,\n    readOnly,\n    disableConfirmation,\n  } = useQueryBuilderContext();\n\n  const theme = useTheme();\n\n  const isMdDown = useMediaQuery(theme.breakpoints.down(\"md\"));\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  return (\n    <HvGrid\n      container\n      className={cx(classes.root, { [classes.isMdDown]: isMdDown })}\n      spacing={0}\n    >\n      <HvGrid item xs={12} md={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={12} md={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={12} md>\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        <IconButton\n          placement=\"bottom\"\n          title={labels.rule.delete.tooltip || labels.rule.delete.ariaLabel}\n          onClick={() =>\n            disableConfirmation\n              ? dispatchAction({ type: \"remove-node\", id })\n              : askAction({\n                  actions: [{ type: \"remove-node\", id }],\n                  dialog: labels.rule.delete,\n                })\n          }\n          disabled={readOnly}\n        >\n          <Delete role=\"none\" />\n        </IconButton>\n      </HvGrid>\n    </HvGrid>\n  );\n};\n"],"names":["useDefaultProps","useClasses","useQueryBuilderContext","useTheme","useMediaQuery","useMemo","jsxs","HvGrid","jsx","Attribute","Operator","Value","IconButton","Delete"],"mappings":";;;;;;;;;;;;;;AA8Ba,MAAA,OAAO,CAAC,UAAqB;AAClC,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EAAA,IACPA,gBAAgB,gBAAA,sBAAsB,KAAK;AAE/C,QAAM,EAAE,SAAS,GAAG,IAAIC,uBAAW,WAAW;AAExC,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACEC,QAAuB,uBAAA;AAE3B,QAAM,QAAQC,SAAAA;AAEd,QAAM,WAAWC,SAAAA,cAAc,MAAM,YAAY,KAAK,IAAI,CAAC;AAErD,QAAA,qBAAqBC,MAAAA,QAAQ,MAAM;AACvC,UAAM,gBACJ,aAAa,QAAQ,aAAa,WAAW,SAAS,IAAI;AAC5D,QAAI,iBAAiB,MAAM;AACnB,YAAA,gBAAgB,UAAU,cAAc,IAAI;AAClD,UAAI,iBAAiB,MAAM;AACzB,eAAO,cAAc;AAAA,UACnB,CAAC,OAAO,SACN,SAAS,KAAK,YAAY,SAAS,UAAU,IAAI,IAAI;AAAA,UACvD;AAAA,QAAA;AAAA,MAEJ;AAAA,IACF;AAEO,WAAA;AAAA,KACN,CAAC,WAAW,YAAY,YAAY,SAAS,CAAC;AAE3C,QAAA,uBACJ,aAAa,WAAW,aAAa;AAGrC,SAAAC,2BAAA;AAAA,IAACC,KAAA;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT,WAAW,GAAG,QAAQ,MAAM,EAAE,CAAC,QAAQ,QAAQ,GAAG,UAAU;AAAA,MAC5D,SAAS;AAAA,MAET,UAAA;AAAA,QAAAC,+BAACD,KAAAA,UAAO,MAAI,MAAC,IAAI,IAAI,IAAI,GACvB,UAAAC,2BAAA;AAAA,UAACC,UAAA;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,QACC,aAAa,QAAQ,qBAAqB,KACzCD,2BAAAA,IAACD,KAAAA,QAAO,EAAA,MAAI,MAAC,IAAI,IAAI,IAAI,GACvB,UAAAC,2BAAA;AAAA,UAACE,SAAA;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,QAED,aAAa,SAAS,YAAY,QAAQ,uBAAuB,MAChEF,2BAAAA,IAACD,KAAO,QAAA,EAAA,MAAI,MAAC,IAAI,IAAI,IAAE,MACpB,UACC,wBAAAC,2BAAA;AAAA,UAACG,MAAA;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAAA,GAGN;AAAA,uCAEDJ,KAAAA,QAAO,EAAA,MAAI,MAAC,WAAW,QAAQ,kBAC9B,UAAAC,2BAAA;AAAA,UAACI,WAAA;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,OAAO,KAAK,OAAO,WAAW,OAAO,KAAK,OAAO;AAAA,YACxD,SAAS,MACP,sBACI,eAAe,EAAE,MAAM,eAAe,IAAI,IAC1C,UAAU;AAAA,cACR,SAAS,CAAC,EAAE,MAAM,eAAe,IAAI;AAAA,cACrC,QAAQ,OAAO,KAAK;AAAA,YAAA,CACrB;AAAA,YAEP,UAAU;AAAA,YAEV,UAAAJ,2BAAAA,IAACK,gBAAAA,QAAO,EAAA,MAAK,OAAO,CAAA;AAAA,UAAA;AAAA,QAAA,GAExB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;;;"}

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

@@ -3,59 +3,59 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const classes = require("../../../utils/classes.cjs");
 const QueryBuilder_styles = require("../QueryBuilder.styles.cjs");
-const {
-  useClasses,
-  staticClasses
-} = classes.createClasses("HvQueryBuilder-Rule", {
-  root: {
-    position: "relative",
-    marginTop: uikitStyles.theme.space.xs,
-    minHeight: 94,
-    "&>div:not(:last-child)": {
-      paddingRight: uikitStyles.theme.space.md
+const { useClasses, staticClasses } = classes.createClasses(
+  "HvQueryBuilder-Rule",
+  {
+    root: {
+      position: "relative",
+      marginTop: uikitStyles.theme.space.xs,
+      minHeight: 94,
+      "&>div:not(:last-child)": {
+        paddingRight: uikitStyles.theme.space.md
+      },
+      // hide required * as all fields are required
+      "& label>span[aria-hidden]": {
+        visibility: "hidden"
+      },
+      "&::before": {
+        content: '""',
+        position: "absolute",
+        zIndex: 2,
+        width: "17px",
+        height: "39px",
+        borderBottom: `1px solid ${uikitStyles.theme.colors.atmo4}`,
+        borderLeft: `1px solid ${uikitStyles.theme.colors.atmo4}`,
+        top: 0,
+        left: `calc(-1 * 17px)`
+      },
+      [`:not(.${QueryBuilder_styles.staticClasses.topRulesContainer})>&:last-child::after`]: {
+        content: '""',
+        position: "absolute",
+        zIndex: 1,
+        width: "17px",
+        height: "100%",
+        borderLeft: `1px solid ${uikitStyles.theme.colors.atmo4}`,
+        top: 0,
+        left: `calc(-1 * 17px)`
+      }
     },
-    // hide required * as all fields are required
-    "& label>span[aria-hidden]": {
-      visibility: "hidden"
+    actionsContainer: {
+      marginLeft: "auto",
+      marginTop: "24px",
+      "&>:not(:last-child)": {
+        marginRight: uikitStyles.theme.space.xs
+      }
     },
-    "&::before": {
-      content: '""',
-      position: "absolute",
-      zIndex: 2,
-      width: "17px",
-      height: "39px",
-      borderBottom: `1px solid ${uikitStyles.theme.colors.atmo4}`,
-      borderLeft: `1px solid ${uikitStyles.theme.colors.atmo4}`,
-      top: 0,
-      left: `calc(-1 * 17px)`
-    },
-    [`:not(.${QueryBuilder_styles.staticClasses.topRulesContainer})>&:last-child::after`]: {
-      content: '""',
-      position: "absolute",
-      zIndex: 1,
-      width: "17px",
-      height: "100%",
-      borderLeft: `1px solid ${uikitStyles.theme.colors.atmo4}`,
-      top: 0,
-      left: `calc(-1 * 17px)`
-    }
-  },
-  actionsContainer: {
-    marginLeft: "auto",
-    marginTop: "24px",
-    "&>:not(:last-child)": {
-      marginRight: uikitStyles.theme.space.xs
-    }
-  },
-  isMdDown: {
-    "&>div:not(:last-child)": {
-      paddingRight: 0
-    },
-    "&>div:not(:first-child)": {
-      marginTop: uikitStyles.theme.space.xs
+    isMdDown: {
+      "&>div:not(:last-child)": {
+        paddingRight: 0
+      },
+      "&>div:not(:first-child)": {
+        marginTop: uikitStyles.theme.space.xs
+      }
     }
   }
-});
+);
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
 //# sourceMappingURL=Rule.styles.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Rule.styles.cjs","sources":["../../../../../src/components/QueryBuilder/Rule/Rule.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nimport { staticClasses as queryBuilderClasses } from \"../QueryBuilder.styles\";\n\nexport const { useClasses, staticClasses } = createClasses(\n  \"HvQueryBuilder-Rule\",\n  {\n    root: {\n      position: \"relative\",\n      marginTop: theme.space.xs,\n      minHeight: 94,\n\n      \"&>div:not(:last-child)\": {\n        paddingRight: theme.space.md,\n      },\n\n      // hide required * as all fields are required\n      \"& label>span[aria-hidden]\": {\n        visibility: \"hidden\",\n      },\n\n      \"&::before\": {\n        content: '\"\"',\n        position: \"absolute\",\n        zIndex: 2,\n\n        width: \"17px\",\n        height: \"39px\",\n\n        borderBottom: `1px solid ${theme.colors.atmo4}`,\n        borderLeft: `1px solid ${theme.colors.atmo4}`,\n\n        top: 0,\n        left: `calc(-1 * 17px)`,\n      },\n\n      [`:not(.${queryBuilderClasses.topRulesContainer})>&:last-child::after`]: {\n        content: '\"\"',\n        position: \"absolute\",\n        zIndex: 1,\n\n        width: \"17px\",\n        height: \"100%\",\n\n        borderLeft: `1px solid ${theme.colors.atmo4}`,\n\n        top: 0,\n        left: `calc(-1 * 17px)`,\n      },\n    },\n    actionsContainer: {\n      marginLeft: \"auto\",\n      marginTop: \"24px\",\n\n      \"&>:not(:last-child)\": {\n        marginRight: theme.space.xs,\n      },\n    },\n    isMdDown: {\n      \"&>div:not(:last-child)\": {\n        paddingRight: 0,\n      },\n      \"&>div:not(:first-child)\": {\n        marginTop: theme.space.xs,\n      },\n    },\n  }\n);\n"],"names":["useClasses","staticClasses","createClasses","root","position","marginTop","theme","space","xs","minHeight","paddingRight","md","visibility","content","zIndex","width","height","borderBottom","colors","atmo4","borderLeft","top","left","queryBuilderClasses","topRulesContainer","actionsContainer","marginLeft","marginRight","isMdDown"],"mappings":";;;;;AAMa,MAAA;AAAA,EAAEA;AAAAA,EAAYC;AAAc,IAAIC,QAAAA,cAC3C,uBACA;AAAA,EACEC,MAAM;AAAA,IACJC,UAAU;AAAA,IACVC,WAAWC,YAAAA,MAAMC,MAAMC;AAAAA,IACvBC,WAAW;AAAA,IAEX,0BAA0B;AAAA,MACxBC,cAAcJ,YAAAA,MAAMC,MAAMI;AAAAA,IAC5B;AAAA;AAAA,IAGA,6BAA6B;AAAA,MAC3BC,YAAY;AAAA,IACd;AAAA,IAEA,aAAa;AAAA,MACXC,SAAS;AAAA,MACTT,UAAU;AAAA,MACVU,QAAQ;AAAA,MAERC,OAAO;AAAA,MACPC,QAAQ;AAAA,MAERC,cAAe,aAAYX,YAAMY,MAAAA,OAAOC,KAAM;AAAA,MAC9CC,YAAa,aAAYd,YAAMY,MAAAA,OAAOC,KAAM;AAAA,MAE5CE,KAAK;AAAA,MACLC,MAAO;AAAA,IACT;AAAA,IAEA,CAAE,SAAQC,oBAAAA,cAAoBC,iBAAkB,uBAAsB,GAAG;AAAA,MACvEX,SAAS;AAAA,MACTT,UAAU;AAAA,MACVU,QAAQ;AAAA,MAERC,OAAO;AAAA,MACPC,QAAQ;AAAA,MAERI,YAAa,aAAYd,YAAMY,MAAAA,OAAOC,KAAM;AAAA,MAE5CE,KAAK;AAAA,MACLC,MAAO;AAAA,IACT;AAAA,EACF;AAAA,EACAG,kBAAkB;AAAA,IAChBC,YAAY;AAAA,IACZrB,WAAW;AAAA,IAEX,uBAAuB;AAAA,MACrBsB,aAAarB,YAAAA,MAAMC,MAAMC;AAAAA,IAC3B;AAAA,EACF;AAAA,EACAoB,UAAU;AAAA,IACR,0BAA0B;AAAA,MACxBlB,cAAc;AAAA,IAChB;AAAA,IACA,2BAA2B;AAAA,MACzBL,WAAWC,YAAAA,MAAMC,MAAMC;AAAAA,IACzB;AAAA,EACF;AACF,CACF;;;"}
+{"version":3,"file":"Rule.styles.cjs","sources":["../../../../../src/components/QueryBuilder/Rule/Rule.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nimport { staticClasses as queryBuilderClasses } from \"../QueryBuilder.styles\";\n\nexport const { useClasses, staticClasses } = createClasses(\n  \"HvQueryBuilder-Rule\",\n  {\n    root: {\n      position: \"relative\",\n      marginTop: theme.space.xs,\n      minHeight: 94,\n\n      \"&>div:not(:last-child)\": {\n        paddingRight: theme.space.md,\n      },\n\n      // hide required * as all fields are required\n      \"& label>span[aria-hidden]\": {\n        visibility: \"hidden\",\n      },\n\n      \"&::before\": {\n        content: '\"\"',\n        position: \"absolute\",\n        zIndex: 2,\n\n        width: \"17px\",\n        height: \"39px\",\n\n        borderBottom: `1px solid ${theme.colors.atmo4}`,\n        borderLeft: `1px solid ${theme.colors.atmo4}`,\n\n        top: 0,\n        left: `calc(-1 * 17px)`,\n      },\n\n      [`:not(.${queryBuilderClasses.topRulesContainer})>&:last-child::after`]: {\n        content: '\"\"',\n        position: \"absolute\",\n        zIndex: 1,\n\n        width: \"17px\",\n        height: \"100%\",\n\n        borderLeft: `1px solid ${theme.colors.atmo4}`,\n\n        top: 0,\n        left: `calc(-1 * 17px)`,\n      },\n    },\n    actionsContainer: {\n      marginLeft: \"auto\",\n      marginTop: \"24px\",\n\n      \"&>:not(:last-child)\": {\n        marginRight: theme.space.xs,\n      },\n    },\n    isMdDown: {\n      \"&>div:not(:last-child)\": {\n        paddingRight: 0,\n      },\n      \"&>div:not(:first-child)\": {\n        marginTop: theme.space.xs,\n      },\n    },\n  }\n);\n"],"names":["createClasses","theme","queryBuilderClasses"],"mappings":";;;;;AAMa,MAAA,EAAE,YAAY,cAAA,IAAkBA,QAAA;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,MAAM;AAAA,MACJ,UAAU;AAAA,MACV,WAAWC,YAAAA,MAAM,MAAM;AAAA,MACvB,WAAW;AAAA,MAEX,0BAA0B;AAAA,QACxB,cAAcA,YAAAA,MAAM,MAAM;AAAA,MAC5B;AAAA;AAAA,MAGA,6BAA6B;AAAA,QAC3B,YAAY;AAAA,MACd;AAAA,MAEA,aAAa;AAAA,QACX,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ;AAAA,QAER,OAAO;AAAA,QACP,QAAQ;AAAA,QAER,cAAc,aAAaA,YAAM,MAAA,OAAO,KAAK;AAAA,QAC7C,YAAY,aAAaA,YAAM,MAAA,OAAO,KAAK;AAAA,QAE3C,KAAK;AAAA,QACL,MAAM;AAAA,MACR;AAAA,MAEA,CAAC,SAASC,oBAAAA,cAAoB,iBAAiB,uBAAuB,GAAG;AAAA,QACvE,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ;AAAA,QAER,OAAO;AAAA,QACP,QAAQ;AAAA,QAER,YAAY,aAAaD,YAAM,MAAA,OAAO,KAAK;AAAA,QAE3C,KAAK;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB,YAAY;AAAA,MACZ,WAAW;AAAA,MAEX,uBAAuB;AAAA,QACrB,aAAaA,YAAAA,MAAM,MAAM;AAAA,MAC3B;AAAA,IACF;AAAA,IACA,UAAU;AAAA,MACR,0BAA0B;AAAA,QACxB,cAAc;AAAA,MAChB;AAAA,MACA,2BAA2B;AAAA,QACzB,WAAWA,YAAAA,MAAM,MAAM;AAAA,MACzB;AAAA,IACF;AAAA,EACF;AACF;;;"}

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

@@ -5,38 +5,38 @@ const React = require("react");
 const Context = require("../../../Context.cjs");
 const index = require("../../../utils/index.cjs");
 const Dropdown = require("../../../../Dropdown/Dropdown.cjs");
-const BooleanValue = ({
-  id,
-  value = true
-}) => {
-  const {
-    labels,
-    dispatchAction,
-    readOnly
-  } = Context.useQueryBuilderContext();
+const BooleanValue = ({ id, value = true }) => {
+  const { labels, dispatchAction, readOnly } = Context.useQueryBuilderContext();
   const values = ["true", "false"].map((v) => ({
     id: v,
     label: labels.rule.value.boolean.options[v],
     selected: value === (v === "true")
   }));
-  return /* @__PURE__ */ jsxRuntime.jsx(Dropdown.HvDropdown, { required: true, status: "valid", singleSelectionToggle: false, label: labels.rule.value.boolean.label, placeholder: labels.rule.value.boolean.placeholder, values, readOnly, onChange: (selected) => {
-    if (selected && !Array.isArray(selected) && selected.id) {
-      dispatchAction({
-        type: "set-value",
-        id,
-        value: selected.id === "true"
-      });
-    } else {
-      dispatchAction({
-        type: "set-value",
-        id,
-        value: null
-      });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Dropdown.HvDropdown,
+    {
+      required: true,
+      status: "valid",
+      singleSelectionToggle: false,
+      label: labels.rule.value.boolean.label,
+      placeholder: labels.rule.value.boolean.placeholder,
+      values,
+      readOnly,
+      onChange: (selected) => {
+        if (selected && !Array.isArray(selected) && selected.id) {
+          dispatchAction({
+            type: "set-value",
+            id,
+            value: selected.id === "true"
+          });
+        } else {
+          dispatchAction({ type: "set-value", id, value: null });
+        }
+      },
+      showSearch: index.isBigList(values),
+      ...index.isBigList(values) && { virtualized: true, height: 300 }
     }
-  }, showSearch: index.isBigList(values), ...index.isBigList(values) && {
-    virtualized: true,
-    height: 300
-  } });
+  );
 };
 React.memo(BooleanValue);
 exports.BooleanValue = BooleanValue;

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

@@ -1 +1 @@
-{"version":3,"file":"BooleanValue.cjs","sources":["../../../../../../../src/components/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { HvDropdown } from \"@core/components/Dropdown\";\n\nimport { useQueryBuilderContext } from \"../../../Context\";\nimport { isBigList } from \"../../../utils\";\n\nexport interface BooleanValueProps {\n  id: React.Key;\n  value?: boolean;\n}\n\nexport const BooleanValue = ({ id, value = true }: BooleanValueProps) => {\n  const { labels, dispatchAction, readOnly } = useQueryBuilderContext();\n\n  const values = [\"true\", \"false\"].map((v) => ({\n    id: v,\n    label: labels.rule.value.boolean.options[v],\n    selected: value === (v === \"true\"),\n  }));\n\n  return (\n    <HvDropdown\n      required\n      status=\"valid\"\n      singleSelectionToggle={false}\n      label={labels.rule.value.boolean.label}\n      placeholder={labels.rule.value.boolean.placeholder}\n      values={values}\n      readOnly={readOnly}\n      onChange={(selected) => {\n        if (selected && !Array.isArray(selected) && selected.id) {\n          dispatchAction({\n            type: \"set-value\",\n            id,\n            value: selected.id === \"true\",\n          });\n        } else {\n          dispatchAction({ type: \"set-value\", id, value: null });\n        }\n      }}\n      showSearch={isBigList(values)}\n      {...(isBigList(values) && { virtualized: true, height: 300 })}\n    />\n  );\n};\n\nexport default memo(BooleanValue);\n"],"names":["BooleanValue","id","value","labels","dispatchAction","readOnly","useQueryBuilderContext","values","map","v","label","rule","boolean","options","selected","jsx","HvDropdown","placeholder","Array","isArray","type","isBigList","virtualized","height","memo"],"mappings":";;;;;;;AAYO,MAAMA,eAAeA,CAAC;AAAA,EAAEC;AAAAA,EAAIC,QAAQ;AAAwB,MAAM;AACjE,QAAA;AAAA,IAAEC;AAAAA,IAAQC;AAAAA,IAAgBC;AAAAA,MAAaC,QAAuB,uBAAA;AAEpE,QAAMC,SAAS,CAAC,QAAQ,OAAO,EAAEC,IAAKC,CAAO,OAAA;AAAA,IAC3CR,IAAIQ;AAAAA,IACJC,OAAOP,OAAOQ,KAAKT,MAAMU,QAAQC,QAAQJ,CAAC;AAAA,IAC1CK,UAAUZ,WAAWO,MAAM;AAAA,EAC3B,EAAA;AAGA,SAAAM,+BAACC,SAAAA,cACC,UAAQ,MACR,QAAO,SACP,uBAAuB,OACvB,OAAOb,OAAOQ,KAAKT,MAAMU,QAAQF,OACjC,aAAaP,OAAOQ,KAAKT,MAAMU,QAAQK,aACvC,QACA,UACA,UAAWH,CAAa,aAAA;AACtB,QAAIA,YAAY,CAACI,MAAMC,QAAQL,QAAQ,KAAKA,SAASb,IAAI;AACxC,qBAAA;AAAA,QACbmB,MAAM;AAAA,QACNnB;AAAAA,QACAC,OAAOY,SAASb,OAAO;AAAA,MAAA,CACxB;AAAA,IAAA,OACI;AACU,qBAAA;AAAA,QAAEmB,MAAM;AAAA,QAAanB;AAAAA,QAAIC,OAAO;AAAA,MAAA,CAAM;AAAA,IACvD;AAAA,EAAA,GAEF,YAAYmB,MAAAA,UAAUd,MAAM,GACvBc,GAAAA,MAAAA,UAAUd,MAAM,KAAK;AAAA,IAAEe,aAAa;AAAA,IAAMC,QAAQ;AAAA,EACvD,EAAA,CAAA;AAEN;AAEeC,WAAKxB,YAAY;;"}
+{"version":3,"file":"BooleanValue.cjs","sources":["../../../../../../../src/components/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { HvDropdown } from \"@core/components/Dropdown\";\n\nimport { useQueryBuilderContext } from \"../../../Context\";\nimport { isBigList } from \"../../../utils\";\n\nexport interface BooleanValueProps {\n  id: React.Key;\n  value?: boolean;\n}\n\nexport const BooleanValue = ({ id, value = true }: BooleanValueProps) => {\n  const { labels, dispatchAction, readOnly } = useQueryBuilderContext();\n\n  const values = [\"true\", \"false\"].map((v) => ({\n    id: v,\n    label: labels.rule.value.boolean.options[v],\n    selected: value === (v === \"true\"),\n  }));\n\n  return (\n    <HvDropdown\n      required\n      status=\"valid\"\n      singleSelectionToggle={false}\n      label={labels.rule.value.boolean.label}\n      placeholder={labels.rule.value.boolean.placeholder}\n      values={values}\n      readOnly={readOnly}\n      onChange={(selected) => {\n        if (selected && !Array.isArray(selected) && selected.id) {\n          dispatchAction({\n            type: \"set-value\",\n            id,\n            value: selected.id === \"true\",\n          });\n        } else {\n          dispatchAction({ type: \"set-value\", id, value: null });\n        }\n      }}\n      showSearch={isBigList(values)}\n      {...(isBigList(values) && { virtualized: true, height: 300 })}\n    />\n  );\n};\n\nexport default memo(BooleanValue);\n"],"names":["useQueryBuilderContext","jsx","HvDropdown","isBigList","memo"],"mappings":";;;;;;;AAYO,MAAM,eAAe,CAAC,EAAE,IAAI,QAAQ,WAA8B;AACvE,QAAM,EAAE,QAAQ,gBAAgB,aAAaA,QAAuB,uBAAA;AAEpE,QAAM,SAAS,CAAC,QAAQ,OAAO,EAAE,IAAI,CAAC,OAAO;AAAA,IAC3C,IAAI;AAAA,IACJ,OAAO,OAAO,KAAK,MAAM,QAAQ,QAAQ,CAAC;AAAA,IAC1C,UAAU,WAAW,MAAM;AAAA,EAC3B,EAAA;AAGA,SAAAC,2BAAA;AAAA,IAACC,SAAA;AAAA,IAAA;AAAA,MACC,UAAQ;AAAA,MACR,QAAO;AAAA,MACP,uBAAuB;AAAA,MACvB,OAAO,OAAO,KAAK,MAAM,QAAQ;AAAA,MACjC,aAAa,OAAO,KAAK,MAAM,QAAQ;AAAA,MACvC;AAAA,MACA;AAAA,MACA,UAAU,CAAC,aAAa;AACtB,YAAI,YAAY,CAAC,MAAM,QAAQ,QAAQ,KAAK,SAAS,IAAI;AACxC,yBAAA;AAAA,YACb,MAAM;AAAA,YACN;AAAA,YACA,OAAO,SAAS,OAAO;AAAA,UAAA,CACxB;AAAA,QAAA,OACI;AACL,yBAAe,EAAE,MAAM,aAAa,IAAI,OAAO,MAAM;AAAA,QACvD;AAAA,MACF;AAAA,MACA,YAAYC,gBAAU,MAAM;AAAA,MAC3B,GAAIA,MAAAA,UAAU,MAAM,KAAK,EAAE,aAAa,MAAM,QAAQ,IAAI;AAAA,IAAA;AAAA,EAAA;AAGjE;AAEeC,WAAK,YAAY;;"}