@hitachivantara/uikit-react-core 5.5.0 → 5.7.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBuilder.cjs","sources":["../../../../src/components/QueryBuilder/QueryBuilder.tsx"],"sourcesContent":["import cloneDeep from \"lodash/cloneDeep\";\nimport isEqual from \"lodash/isEqual\";\nimport {\n  useContext,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from \"react\";\nimport { ConfirmationDialog } from \"./ConfirmationDialog\";\nimport { QueryBuilderContext } from \"./Context\";\nimport { HvQueryBuilderClasses } from \"./queryBuilderClasses\";\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\";\n\nexport interface HvQueryBuilderProps {\n  /**\n   * Override or extend the styles applied to the component.\n   * See CSS API tab for more details.\n   */\n  classes?: HvQueryBuilderClasses;\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\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 *\n * **PLEASE NOTE**: This component implementation is still a WIP. There might be breaking changes.\n */\nexport const HvQueryBuilder = ({\n  attributes,\n  query,\n  onChange,\n  operators,\n  combinators,\n  maxDepth = 1,\n  labels,\n  readOnly = false,\n  classes,\n}: HvQueryBuilderProps) => {\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      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","attributes","query","onChange","operators","combinators","maxDepth","labels","readOnly","classes","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":";;;;;;;;;;;;;;AAqEO,MAAMA,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC,WAAW;AAAA,EACXC;AACmB,MAAM;AACzB,QAAM,CAACC,eAAeC,SAAS,IAAIC,MAAqB,SAAA;AAClDC,QAAAA,oBAAoBC,aAExB,IAAI;AACA,QAAA,CAACC,OAAOC,cAAc,IAAIC,iBAC9BC,QAAAA,SACAhB,OACCiB,CAAAA,kBAAiBA,iBAAgBC,MAAAA,WAAY,CAAA;AAGhD,QAAMD,eAAejB,UAAUa;AAC/B,QAAM,CAACM,WAAWC,YAAY,IAAIV,MAAU,SAAA;AAEtCW,QAAAA,iBAAiBC,iBAAWC,QAAAA,mBAAmB;AAE/CC,QAAAA,UAAUC,MAAAA,QACd,OAAO;AAAA,IACLX;AAAAA,IACAL;AAAAA,IACAV;AAAAA,IACAG,WAAWA,aAAamB,eAAenB;AAAAA,IACvCC,aAAaA,eAAekB,eAAelB;AAAAA,IAC3CC,UAAUA,YAAYiB,eAAejB;AAAAA,IACrCC,QAAQA,UAAUgB,eAAehB;AAAAA,IACjCqB,gBAAgBT;AAAAA,IAChBX;AAAAA,EAAAA,IAEF,CACEP,YACAG,WACAmB,eAAenB,WACfmB,eAAelB,aACfkB,eAAejB,UACfiB,eAAehB,QACfF,aACAC,UACAC,QACAC,UACAW,YAAY,CACb;AAGHU,QAAAA,UAAU,MAAM;AACVhB,QAAAA,kBAAkBiB,WAAW,MAAM;AAErCjB,wBAAkBiB,UAAU7B;AAAAA,IAAAA,WACnBY,kBAAkBiB,YAAY7B,YAAY;AAEnDY,wBAAkBiB,UAAU7B;AACb,qBAAA;AAAA,QAAE8B,MAAM;AAAA,MAAA,CAAe;AAAA,IACxC;AAAA,EAAA,GACC,CAAC9B,UAAU,CAAC;AAGf4B,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,cAAchB,QAAQ,CAAC;AAE7C,QAAMgC,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,MACbzC;AAAAA,IAAAA,CACA,GACFoC,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,CAChE,CAAA;AAAA,EAAA,CAC2B;AAEnC;;"}

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

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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,
+  attribute,
+  disabled,
+  isInvalid
+}) => {
+  var _a;
+  const context = React.useContext(Context.QueryBuilderContext);
+  const {
+    dispatchAction,
+    attributes,
+    operators,
+    labels,
+    readOnly
+  } = context;
+  const values = React.useMemo(() => {
+    if (!attributes)
+      return [];
+    return Object.keys(attributes).map((key) => ({
+      id: key,
+      label: attributes[key].label,
+      selected: key === 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
+        });
+      } 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;
+//# sourceMappingURL=Attribute.cjs.map

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

@@ -0,0 +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 \"../../..\";\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":";;;;;;;AAaO,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,CAC3D;AAEN;AAEeC,WAAK5C,SAAS;;"}

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

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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,
+  combinator,
+  attribute,
+  operator
+}) => {
+  const context = React.useContext(Context.QueryBuilderContext);
+  const {
+    dispatchAction,
+    attributes,
+    operators,
+    labels,
+    readOnly
+  } = context;
+  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)) ?? [] : [];
+    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" ? 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;
+//# sourceMappingURL=Operator.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Operator.cjs","sources":["../../../../../../src/components/QueryBuilder/Rule/Operator/Operator.tsx"],"sourcesContent":["import { HvDropdown } from \"@core/components\";\nimport { memo, useContext, useMemo } from \"react\";\nimport { QueryBuilderContext } from \"../../Context\";\nimport { isBigList } from \"../../utils/index\";\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":";;;;;;;AAYO,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,CAAC,KAC/B,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,SAAU;AAAA,UAChCzB,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,CAC3D;AAEN;AAEeC,WAAK5C,QAAQ;;"}

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

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("@emotion/react");
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const material = require("@mui/material");
+const React = require("react");
+const Context = require("../Context.cjs");
+const Rule_styles = require("./Rule.styles.cjs");
+const ruleClasses = require("./ruleClasses.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const withTooltip = require("../../../hocs/withTooltip.cjs");
+const Grid = require("../../Grid/Grid.cjs");
+const Attribute = require("./Attribute/Attribute.cjs");
+const Operator = require("./Operator/Operator.cjs");
+const Value = require("./Value/Value.cjs");
+const Button = require("../../Button/Button.cjs");
+const Rule = ({
+  id,
+  combinator,
+  attribute,
+  operator,
+  value,
+  disabled,
+  isInvalid
+}) => {
+  const context = React.useContext(Context.QueryBuilderContext);
+  const theme = material.useTheme();
+  const isMdDown = material.useMediaQuery(theme.breakpoints.down("md"));
+  const {
+    askAction,
+    attributes,
+    operators,
+    labels,
+    readOnly
+  } = context;
+  const availableOperators = React.useMemo(() => {
+    const attributeSpec = attribute != null && attributes ? attributes[attribute] : null;
+    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 -1;
+  }, [attribute, attributes, combinator, operators]);
+  const shouldShowValueInput = operator !== "Empty" && operator !== "IsNotEmpty";
+  const DeleteIcon = withTooltip.default(() => /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Delete, {}), labels.rule.delete.tooltip, "bottom");
+  return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
+    children: ({
+      css,
+      cx
+    }) => /* @__PURE__ */ jsxRuntime.jsxs(Grid.HvGrid, {
+      container: true,
+      className: cx(ruleClasses.default.root, css(Rule_styles.styles.root), isMdDown ? cx(ruleClasses.default.isMdDown, css(Rule_styles.styles.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: cx(ruleClasses.default.actionsContainer, css(Rule_styles.styles.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,
+          variant: "secondaryGhost",
+          children: /* @__PURE__ */ jsxRuntime.jsx(DeleteIcon, {})
+        })
+      })]
+    })
+  });
+};
+exports.Rule = Rule;
+//# sourceMappingURL=Rule.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Rule.cjs","sources":["../../../../../src/components/QueryBuilder/Rule/Rule.tsx"],"sourcesContent":["import { HvButton, HvGrid } from \"@core/components\";\nimport { withTooltip } from \"@core/hocs\";\nimport { ClassNames } from \"@emotion/react\";\nimport { Delete } from \"@hitachivantara/uikit-react-icons\";\nimport { useMediaQuery, useTheme } from \"@mui/material\";\nimport { useContext, useMemo } from \"react\";\nimport { QueryBuilderContext } from \"../Context\";\nimport { Attribute } from \"./Attribute\";\nimport { Operator } from \"./Operator\";\nimport { styles } from \"./Rule.styles\";\nimport ruleClasses from \"./ruleClasses\";\nimport { Value } from \"./Value\";\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 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    <ClassNames>\n      {({ css, cx }) => (\n        <HvGrid\n          container\n          className={cx(\n            ruleClasses.root,\n            css(styles.root),\n            isMdDown ? cx(ruleClasses.isMdDown, css(styles.isMdDown)) : \"\"\n          )}\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 &&\n            (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\n            item\n            className={cx(\n              ruleClasses.actionsContainer,\n              css(styles.actionsContainer)\n            )}\n          >\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              variant=\"secondaryGhost\"\n            >\n              <DeleteIcon />\n            </HvButton>\n          </HvGrid>\n        </HvGrid>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["Rule","id","combinator","attribute","operator","value","disabled","isInvalid","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","ClassNames","children","css","cx","HvGrid","container","className","ruleClasses","root","styles","spacing","wrap","xs","lg","Attribute","Operator","Value","actionsContainer","HvButton","icon","ariaLabel","onClick","actions","dialog","variant"],"mappings":"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"}

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

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const queryBuilderClasses = require("../queryBuilderClasses.cjs");
+const styles = {
+  root: {
+    position: "relative",
+    marginTop: uikitStyles.theme.space.xs,
+    minHeight: 94,
+    "&>div:not(:last-child)": {
+      marginRight: uikitStyles.theme.space.md
+    },
+    // hide required * as all fields are required
+    "& label>span[aria-hidden]": {
+      visibility: "hidden"
+    },
+    "&::before": {
+      content: '""',
+      position: "absolute",
+      zIndex: 2,
+      width: uikitStyles.theme.queryBuilder.ruleConnectorHorizontalSize,
+      height: uikitStyles.theme.queryBuilder.ruleConnectorHeight,
+      borderBottom: uikitStyles.theme.queryBuilder.border,
+      borderLeft: uikitStyles.theme.queryBuilder.border,
+      top: 0,
+      left: uikitStyles.theme.queryBuilder.ruleLeftConnectorPosition
+    },
+    [`:not(.${queryBuilderClasses.default.topRulesContainer})>&:last-child::after`]: {
+      content: '""',
+      position: "absolute",
+      zIndex: 1,
+      width: uikitStyles.theme.queryBuilder.ruleConnectorHorizontalSize,
+      height: "100%",
+      borderLeft: uikitStyles.theme.queryBuilder.border,
+      top: 0,
+      left: uikitStyles.theme.queryBuilder.ruleLeftConnectorPosition
+    }
+  },
+  actionsContainer: {
+    marginLeft: "auto",
+    marginTop: uikitStyles.theme.queryBuilder.actionsContainerMarginTop,
+    "&>:not(:last-child)": {
+      marginRight: uikitStyles.theme.space.xs
+    }
+  },
+  isMdDown: {
+    "&>div:not(:last-child)": {
+      marginRight: `calc(${uikitStyles.theme.space.md} / 2)`
+    }
+  }
+};
+exports.styles = styles;
+//# sourceMappingURL=Rule.styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Rule.styles.cjs","sources":["../../../../../src/components/QueryBuilder/Rule/Rule.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport queryBuilderClasses from \"../queryBuilderClasses\";\nimport { HvRuleClasses } from \"./ruleClasses\";\n\nexport const styles: Partial<Record<keyof HvRuleClasses, CSSInterpolation>> = {\n  root: {\n    position: \"relative\",\n    marginTop: theme.space.xs,\n\n    minHeight: 94,\n\n    \"&>div:not(:last-child)\": {\n      marginRight: theme.space.md,\n    },\n\n    // hide required * as all fields are required\n    \"& label>span[aria-hidden]\": {\n      visibility: \"hidden\",\n    },\n    \"&::before\": {\n      content: '\"\"',\n      position: \"absolute\",\n      zIndex: 2,\n\n      width: theme.queryBuilder.ruleConnectorHorizontalSize,\n      height: theme.queryBuilder.ruleConnectorHeight,\n\n      borderBottom: theme.queryBuilder.border,\n      borderLeft: theme.queryBuilder.border,\n\n      top: 0,\n      left: theme.queryBuilder.ruleLeftConnectorPosition,\n    },\n    [`:not(.${queryBuilderClasses.topRulesContainer})>&:last-child::after`]: {\n      content: '\"\"',\n      position: \"absolute\",\n      zIndex: 1,\n\n      width: theme.queryBuilder.ruleConnectorHorizontalSize,\n      height: \"100%\",\n\n      borderLeft: theme.queryBuilder.border,\n\n      top: 0,\n      left: theme.queryBuilder.ruleLeftConnectorPosition,\n    },\n  },\n  actionsContainer: {\n    marginLeft: \"auto\",\n    marginTop: theme.queryBuilder.actionsContainerMarginTop,\n\n    \"&>:not(:last-child)\": {\n      marginRight: theme.space.xs,\n    },\n  },\n  isMdDown: {\n    \"&>div:not(:last-child)\": {\n      marginRight: `calc(${theme.space.md} / 2)`,\n    },\n  },\n};\n"],"names":["styles","root","position","marginTop","theme","space","xs","minHeight","marginRight","md","visibility","content","zIndex","width","queryBuilder","ruleConnectorHorizontalSize","height","ruleConnectorHeight","borderBottom","border","borderLeft","top","left","ruleLeftConnectorPosition","queryBuilderClasses","topRulesContainer","actionsContainer","marginLeft","actionsContainerMarginTop","isMdDown"],"mappings":";;;;AAKO,MAAMA,SAAiE;AAAA,EAC5EC,MAAM;AAAA,IACJC,UAAU;AAAA,IACVC,WAAWC,YAAAA,MAAMC,MAAMC;AAAAA,IAEvBC,WAAW;AAAA,IAEX,0BAA0B;AAAA,MACxBC,aAAaJ,YAAAA,MAAMC,MAAMI;AAAAA,IAC3B;AAAA;AAAA,IAGA,6BAA6B;AAAA,MAC3BC,YAAY;AAAA,IACd;AAAA,IACA,aAAa;AAAA,MACXC,SAAS;AAAA,MACTT,UAAU;AAAA,MACVU,QAAQ;AAAA,MAERC,OAAOT,YAAAA,MAAMU,aAAaC;AAAAA,MAC1BC,QAAQZ,YAAAA,MAAMU,aAAaG;AAAAA,MAE3BC,cAAcd,YAAAA,MAAMU,aAAaK;AAAAA,MACjCC,YAAYhB,YAAAA,MAAMU,aAAaK;AAAAA,MAE/BE,KAAK;AAAA,MACLC,MAAMlB,YAAAA,MAAMU,aAAaS;AAAAA,IAC3B;AAAA,IACA,CAAE,SAAQC,oBAAAA,QAAoBC,wCAAwC,GAAG;AAAA,MACvEd,SAAS;AAAA,MACTT,UAAU;AAAA,MACVU,QAAQ;AAAA,MAERC,OAAOT,YAAAA,MAAMU,aAAaC;AAAAA,MAC1BC,QAAQ;AAAA,MAERI,YAAYhB,YAAAA,MAAMU,aAAaK;AAAAA,MAE/BE,KAAK;AAAA,MACLC,MAAMlB,YAAAA,MAAMU,aAAaS;AAAAA,IAC3B;AAAA,EACF;AAAA,EACAG,kBAAkB;AAAA,IAChBC,YAAY;AAAA,IACZxB,WAAWC,YAAAA,MAAMU,aAAac;AAAAA,IAE9B,uBAAuB;AAAA,MACrBpB,aAAaJ,YAAAA,MAAMC,MAAMC;AAAAA,IAC3B;AAAA,EACF;AAAA,EACAuB,UAAU;AAAA,IACR,0BAA0B;AAAA,MACxBrB,aAAc,QAAOJ,YAAAA,MAAMC,MAAMI;AAAAA,IACnC;AAAA,EACF;AACF;;"}

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

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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 BooleanValue = ({
+  id,
+  value = true
+}) => {
+  const context = React.useContext(Context.QueryBuilderContext);
+  const {
+    labels,
+    dispatchAction,
+    readOnly
+  } = context;
+  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
+        });
+      }
+    },
+    showSearch: index.isBigList(values),
+    ...index.isBigList(values) && {
+      virtualized: true,
+      height: 300
+    }
+  });
+};
+React.memo(BooleanValue);
+exports.BooleanValue = BooleanValue;
+//# sourceMappingURL=BooleanValue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanValue.cjs","sources":["../../../../../../../src/components/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.tsx"],"sourcesContent":["import { memo, useContext } from \"react\";\nimport { HvDropdown } from \"@core/components\";\nimport { QueryBuilderContext } from \"../../../Context\";\nimport { isBigList } from \"../../../utils\";\n\nexport interface BooleanValueProps {\n  id: number;\n  value: boolean;\n}\n\nexport const BooleanValue = ({ id, value = true }: BooleanValueProps) => {\n  const context = useContext(QueryBuilderContext);\n  const { labels, dispatchAction, readOnly } = context;\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","context","useContext","QueryBuilderContext","labels","dispatchAction","readOnly","values","map","v","label","rule","boolean","options","selected","HvDropdown","required","status","singleSelectionToggle","placeholder","onChange","Array","isArray","type","showSearch","isBigList","virtualized","height","memo"],"mappings":";;;;;;;AAUO,MAAMA,eAAeA,CAAC;AAAA,EAAEC;AAAAA,EAAIC,QAAQ;AAAwB,MAAM;AACjEC,QAAAA,UAAUC,iBAAWC,QAAAA,mBAAmB;AACxC,QAAA;AAAA,IAAEC;AAAAA,IAAQC;AAAAA,IAAgBC;AAAAA,EAAaL,IAAAA;AAE7C,QAAMM,SAAS,CAAC,QAAQ,OAAO,EAAEC,IAAKC,CAAO,OAAA;AAAA,IAC3CV,IAAIU;AAAAA,IACJC,OAAON,OAAOO,KAAKX,MAAMY,QAAQC,QAAQJ,CAAC;AAAA,IAC1CK,UAAUd,WAAWS,MAAM;AAAA,EAC3B,EAAA;AAEF,wCACGM,SAAAA,YAAU;AAAA,IACTC,UAAQ;AAAA,IACRC,QAAO;AAAA,IACPC,uBAAuB;AAAA,IACvBR,OAAON,OAAOO,KAAKX,MAAMY,QAAQF;AAAAA,IACjCS,aAAaf,OAAOO,KAAKX,MAAMY,QAAQO;AAAAA,IACvCZ;AAAAA,IACAD;AAAAA,IACAc,UAAWN,CAAa,aAAA;AACtB,UAAIA,YAAY,CAACO,MAAMC,QAAQR,QAAQ,KAAKA,SAASf,IAAI;AACxC,uBAAA;AAAA,UACbwB,MAAM;AAAA,UACNxB;AAAAA,UACAC,OAAOc,SAASf,OAAO;AAAA,QAAA,CACxB;AAAA,MAAA,OACI;AACU,uBAAA;AAAA,UAAEwB,MAAM;AAAA,UAAaxB;AAAAA,UAAIC,OAAO;AAAA,QAAA,CAAM;AAAA,MACvD;AAAA,IACF;AAAA,IACAwB,YAAYC,gBAAUlB,MAAM;AAAA,IAAE,GACzBkB,MAAAA,UAAUlB,MAAM,KAAK;AAAA,MAAEmB,aAAa;AAAA,MAAMC,QAAQ;AAAA,IAAI;AAAA,EAAA,CAC3D;AAEN;AAEeC,WAAK9B,YAAY;;"}

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const numericValueClasses = require("./numericValueClasses.cjs");
+const styles = {
+  root: {
+    display: "flex",
+    flexGrow: 1
+  },
+  label: {
+    paddingBottom: "6px"
+  },
+  inputContainer: {
+    display: "flex",
+    alignItems: "baseline",
+    flexGrow: 1
+  },
+  rangeContainer: {
+    display: "flex",
+    flexGrow: 1,
+    [`& > .${numericValueClasses.default.inputContainer}:not(:last-child)`]: {
+      marginRight: uikitStyles.theme.space.md
+    }
+  },
+  input: {
+    flexGrow: 1
+  },
+  isMdDown: {
+    [`& > .${numericValueClasses.default.inputContainer}:not(:last-child)`]: {
+      marginRight: `calc(${uikitStyles.theme.space.md} / 2)`
+    }
+  }
+};
+exports.styles = styles;
+//# sourceMappingURL=Numeric.styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Numeric.styles.cjs","sources":["../../../../../../../src/components/QueryBuilder/Rule/Value/NumericValue/Numeric.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport numericValueClasses, {\n  HvNumericValueClasses,\n} from \"./numericValueClasses\";\n\nexport const styles: Partial<\n  Record<keyof HvNumericValueClasses, CSSInterpolation>\n> = {\n  root: {\n    display: \"flex\",\n    flexGrow: 1,\n  },\n  label: {\n    paddingBottom: \"6px\",\n  },\n  inputContainer: {\n    display: \"flex\",\n    alignItems: \"baseline\",\n    flexGrow: 1,\n  },\n  rangeContainer: {\n    display: \"flex\",\n    flexGrow: 1,\n\n    [`& > .${numericValueClasses.inputContainer}:not(:last-child)`]: {\n      marginRight: theme.space.md,\n    },\n  },\n  input: {\n    flexGrow: 1,\n  },\n  isMdDown: {\n    [`& > .${numericValueClasses.inputContainer}:not(:last-child)`]: {\n      marginRight: `calc(${theme.space.md} / 2)`,\n    },\n  },\n};\n"],"names":["styles","root","display","flexGrow","label","paddingBottom","inputContainer","alignItems","rangeContainer","numericValueClasses","marginRight","theme","space","md","input","isMdDown"],"mappings":";;;;AAMO,MAAMA,SAET;AAAA,EACFC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,UAAU;AAAA,EACZ;AAAA,EACAC,OAAO;AAAA,IACLC,eAAe;AAAA,EACjB;AAAA,EACAC,gBAAgB;AAAA,IACdJ,SAAS;AAAA,IACTK,YAAY;AAAA,IACZJ,UAAU;AAAA,EACZ;AAAA,EACAK,gBAAgB;AAAA,IACdN,SAAS;AAAA,IACTC,UAAU;AAAA,IAEV,CAAE,QAAOM,oBAAAA,QAAoBH,iCAAiC,GAAG;AAAA,MAC/DI,aAAaC,YAAAA,MAAMC,MAAMC;AAAAA,IAC3B;AAAA,EACF;AAAA,EACAC,OAAO;AAAA,IACLX,UAAU;AAAA,EACZ;AAAA,EACAY,UAAU;AAAA,IACR,CAAE,QAAON,oBAAAA,QAAoBH,iCAAiC,GAAG;AAAA,MAC/DI,aAAc,QAAOC,YAAAA,MAAMC,MAAMC;AAAAA,IACnC;AAAA,EACF;AACF;;"}