@hitachivantara/uikit-react-core 5.4.0 → 5.6.0

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\";\n\nexport const styles: {\n  [key: string]: CSSInterpolation;\n} = {\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":";;;;AAIO,MAAMA,SAET;AAAA,EACFC,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/css\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport numericValueClasses from \"./numericValueClasses\";\n\nexport const styles: { [key: string]: CSSInterpolation } = {\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":";;;;AAIO,MAAMA,SAA8C;AAAA,EACzDC,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;;"}

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

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

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

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

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const classes = require("../../../../../utils/classes.cjs");
+const classKeys = ["root", "label", "inputContainer", "rangeContainer", "input", "isMdDown"];
+const numericValueClasses = classes.getClasses(classKeys, "HvNumericValue");
+const numericValueClasses$1 = numericValueClasses;
+exports.default = numericValueClasses$1;
+//# sourceMappingURL=numericValueClasses.cjs.map

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const classes = require("../../../../../utils/classes.cjs");
+const classKeys = ["location"];
+const textValueClasses = classes.getClasses(classKeys, "HvTextValue");
+const textValueClasses$1 = textValueClasses;
+exports.default = textValueClasses$1;
+//# sourceMappingURL=textValueClasses.cjs.map