@hitachivantara/uikit-react-core 5.39.1 → 5.39.3

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

@@ -17,44 +17,43 @@ const NumericValue = ({
   operator,
   initialTouched = false
 }) => {
-  const {
-    classes,
-    cx
-  } = Numeric_styles.useClasses();
+  const { classes, cx } = Numeric_styles.useClasses();
   const isRange = operator === "range";
-  const {
-    labels,
-    dispatchAction,
-    readOnly
-  } = Context.useQueryBuilderContext();
+  const { labels, dispatchAction, readOnly } = Context.useQueryBuilderContext();
   const theme = material.useTheme();
   const isMdDown = material.useMediaQuery(theme.breakpoints.down("md"));
-  const onSingleValueChange = React.useCallback((_, 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((_, data, from = true) => {
-    const numericData = isEmpty__default.default(data) ? null : Number(data);
-    const currentValue = value;
-    const numericRange = {
-      from: currentValue?.from,
-      to: 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 onSingleValueChange = React.useCallback(
+    (_, 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(
+    (_, data, from = true) => {
+      const numericData = isEmpty__default.default(data) ? null : Number(data);
+      const currentValue = value;
+      const numericRange = {
+        from: currentValue?.from,
+        to: 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");
@@ -92,39 +91,97 @@ const NumericValue = ({
   }
   const numericStatus = numericValidation != null ? "invalid" : "valid";
   const rightStatus = rightValidation != null ? "invalid" : "valid";
-  const renderRangeInputs = (rangeValue) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx(classes.rangeContainer, {
-    [classes.isMdDown]: isMdDown
-  }), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.inputContainer, children: /* @__PURE__ */ jsxRuntime.jsx(Input.HvInput, { label: labels.rule.value.numeric.range.leftLabel, className: classes.input, id: `${elementId}-numeric-from`, name: `${elementId}-numeric-from`, value: rangeValue?.from?.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: classes.inputContainer, children: /* @__PURE__ */ jsxRuntime.jsx(Input.HvInput, { label: labels.rule.value.numeric.range.rightLabel, className: classes.input, id: `${elementId}-numeric-to`, name: `${elementId}-numeric-to`, value: rangeValue?.to?.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 }) })
-  ] });
+  const renderRangeInputs = (rangeValue) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cx(classes.rangeContainer, { [classes.isMdDown]: isMdDown }),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.inputContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
+          Input.HvInput,
+          {
+            label: labels.rule.value.numeric.range.leftLabel,
+            className: classes.input,
+            id: `${elementId}-numeric-from`,
+            name: `${elementId}-numeric-from`,
+            value: rangeValue?.from?.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: classes.inputContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
+          Input.HvInput,
+          {
+            label: labels.rule.value.numeric.range.rightLabel,
+            className: classes.input,
+            id: `${elementId}-numeric-to`,
+            name: `${elementId}-numeric-to`,
+            value: rangeValue?.to?.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.jsxs("div", { className: classes.root, children: [
     isRange && renderRangeInputs(value || {}),
-    !isRange && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.inputContainer, children: /* @__PURE__ */ jsxRuntime.jsx(Input.HvInput, { label: labels.rule.value.numeric.label, className: classes.input, id: `${elementId}-numeric`, name: `${elementId}-numeric`, value: value?.toString() || "", onChange: onSingleValueChange, onBlur: () => {
-      setTouchedNumeric(true);
-    }, onKeyDown: (e) => {
-      if (e.key === "Enter") {
-        e.preventDefault();
+    !isRange && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.inputContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Input.HvInput,
+      {
+        label: labels.rule.value.numeric.label,
+        className: classes.input,
+        id: `${elementId}-numeric`,
+        name: `${elementId}-numeric`,
+        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
       }
-    }, 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);

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

@@ -1 +1 @@
-{"version":3,"file":"NumericValue.cjs","sources":["../../../../../../../src/components/QueryBuilder/Rule/Value/NumericValue/NumericValue.tsx"],"sourcesContent":["import { memo, useCallback, useState } from \"react\";\nimport uniqueId from \"lodash/uniqueId\";\nimport isEmpty from \"lodash/isEmpty\";\nimport { useMediaQuery, useTheme } from \"@mui/material\";\n\nimport { HvInput } from \"@core/components/Input\";\n\nimport { useQueryBuilderContext } from \"../../../Context\";\nimport { useClasses } from \"./Numeric.styles\";\nimport { HvQueryBuilderNumericRange } from \"../../../types\";\n\nexport interface NumericValueProps {\n  id: React.Key;\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 { classes, cx } = useClasses();\n\n  const isRange = operator === \"range\";\n  const { labels, dispatchAction, readOnly } = useQueryBuilderContext();\n\n  const theme = useTheme();\n\n  const isMdDown = useMediaQuery(theme.breakpoints.down(\"md\"));\n\n  const onSingleValueChange = useCallback(\n    (_, data: string) => {\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    (_, data: string, 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: HvQueryBuilderNumericRange) => (\n    <div\n      className={cx(classes.rangeContainer, { [classes.isMdDown]: isMdDown })}\n    >\n      <div className={classes.inputContainer}>\n        <HvInput\n          label={labels.rule.value.numeric.range.leftLabel}\n          className={classes.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 className={classes.inputContainer}>\n        <HvInput\n          label={labels.rule.value.numeric.range.rightLabel}\n          className={classes.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\n  return (\n    <div className={classes.root}>\n      {isRange && renderRangeInputs(value || {})}\n      {!isRange && (\n        <div className={classes.inputContainer}>\n          <HvInput\n            label={labels.rule.value.numeric.label}\n            className={classes.input}\n            id={`${elementId}-numeric`}\n            name={`${elementId}-numeric`}\n            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};\n\nexport default memo(NumericValue);\n"],"names":["NumericValue","id","value","operator","initialTouched","classes","cx","useClasses","isRange","labels","dispatchAction","readOnly","useQueryBuilderContext","theme","useTheme","isMdDown","useMediaQuery","breakpoints","down","onSingleValueChange","useCallback","_","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","jsxs","rangeContainer","jsx","inputContainer","HvInput","rule","numeric","range","leftLabel","input","event","e","key","preventDefault","validation","autoComplete","placeholder","rightLabel","root","label","memo"],"mappings":"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"}
+{"version":3,"file":"NumericValue.cjs","sources":["../../../../../../../src/components/QueryBuilder/Rule/Value/NumericValue/NumericValue.tsx"],"sourcesContent":["import { memo, useCallback, useState } from \"react\";\nimport uniqueId from \"lodash/uniqueId\";\nimport isEmpty from \"lodash/isEmpty\";\nimport { useMediaQuery, useTheme } from \"@mui/material\";\n\nimport { HvInput } from \"@core/components/Input\";\n\nimport { useQueryBuilderContext } from \"../../../Context\";\nimport { useClasses } from \"./Numeric.styles\";\nimport { HvQueryBuilderNumericRange } from \"../../../types\";\n\nexport interface NumericValueProps {\n  id: React.Key;\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 { classes, cx } = useClasses();\n\n  const isRange = operator === \"range\";\n  const { labels, dispatchAction, readOnly } = useQueryBuilderContext();\n\n  const theme = useTheme();\n\n  const isMdDown = useMediaQuery(theme.breakpoints.down(\"md\"));\n\n  const onSingleValueChange = useCallback(\n    (_, data: string) => {\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    (_, data: string, 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: HvQueryBuilderNumericRange) => (\n    <div\n      className={cx(classes.rangeContainer, { [classes.isMdDown]: isMdDown })}\n    >\n      <div className={classes.inputContainer}>\n        <HvInput\n          label={labels.rule.value.numeric.range.leftLabel}\n          className={classes.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 className={classes.inputContainer}>\n        <HvInput\n          label={labels.rule.value.numeric.range.rightLabel}\n          className={classes.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\n  return (\n    <div className={classes.root}>\n      {isRange && renderRangeInputs(value || {})}\n      {!isRange && (\n        <div className={classes.inputContainer}>\n          <HvInput\n            label={labels.rule.value.numeric.label}\n            className={classes.input}\n            id={`${elementId}-numeric`}\n            name={`${elementId}-numeric`}\n            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};\n\nexport default memo(NumericValue);\n"],"names":["useClasses","useQueryBuilderContext","useTheme","useMediaQuery","useCallback","isEmpty","useState","uniqueId","jsxs","jsx","HvInput","memo"],"mappings":"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"}

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

@@ -10,33 +10,43 @@ const TextValue = ({
   value = "",
   initialTouched = false
 }) => {
-  const {
-    classes
-  } = TextValue_styles.useClasses();
-  const {
-    labels,
-    dispatchAction,
-    readOnly
-  } = Context.useQueryBuilderContext();
+  const { classes } = TextValue_styles.useClasses();
+  const { labels, dispatchAction, readOnly } = Context.useQueryBuilderContext();
   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(Input.HvInput, { className: classes.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();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Input.HvInput,
+    {
+      className: classes.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
     }
-  }, placeholder: "—", readOnly });
+  );
 };
 React.memo(TextValue);
 exports.TextValue = TextValue;

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

@@ -1 +1 @@
-{"version":3,"file":"TextValue.cjs","sources":["../../../../../../../src/components/QueryBuilder/Rule/Value/TextValue/TextValue.tsx"],"sourcesContent":["import { memo, useState } from \"react\";\n\nimport { HvFormStatus } from \"@core/components/Forms\";\nimport { HvInput } from \"@core/components/Input\";\n\nimport { useQueryBuilderContext } from \"../../../Context\";\nimport { useClasses } from \"./TextValue.styles\";\n\nexport interface TextValueProps {\n  id: React.Key;\n  value?: any;\n  initialTouched?: boolean;\n}\n\nexport const TextValue = ({\n  id,\n  value = \"\",\n  initialTouched = false,\n}: TextValueProps) => {\n  const { classes } = useClasses();\n\n  const { labels, dispatchAction, readOnly } = useQueryBuilderContext();\n\n  const [touched, setTouched] = useState(initialTouched);\n\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    <HvInput\n      className={classes.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};\n\nexport default memo(TextValue);\n"],"names":["TextValue","id","value","initialTouched","classes","useClasses","labels","dispatchAction","readOnly","useQueryBuilderContext","touched","setTouched","useState","isValid","toString","trim","status","jsx","HvInput","location","rule","text","label","validation","required","autoComplete","t","v","type","e","key","preventDefault","memo"],"mappings":";;;;;;;AAcO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC,QAAQ;AAAA,EACRC,iBAAiB;AACH,MAAM;AACd,QAAA;AAAA,IAAEC;AAAAA,MAAYC,iBAAW,WAAA;AAEzB,QAAA;AAAA,IAAEC;AAAAA,IAAQC;AAAAA,IAAgBC;AAAAA,MAAaC,QAAuB,uBAAA;AAEpE,QAAM,CAACC,SAASC,UAAU,IAAIC,eAAST,cAAc;AAErD,QAAMU,UAAUX,SAAS,QAAQA,MAAMY,WAAWC,KAAW,MAAA;AAEzDC,MAAAA,SAAuBH,UAAU,UAAU;AACtC,WAAA,CAACH,UAAU,YAAYM;AAG9B,SAAAC,+BAACC,MAAAA,WACC,WAAWd,QAAQe,UACnB,OAAOb,OAAOc,KAAKlB,MAAMmB,KAAKC,OAC9B,UAAQ,MACR,QACA,eAAehB,OAAOc,KAAKlB,MAAMmB,KAAKE,WAAWC,UACjD,OACA,YAAY;AAAA,IACVC,cAAc;AAAA,EAAA,GAEhB,UAAU,CAACC,GAAGC,MAAM;AACH,mBAAA;AAAA,MACbC,MAAM;AAAA,MACN3B;AAAAA,MACAC,OAAOyB;AAAAA,IAAAA,CACR;AAAA,EACH,GACA,QAAQ,MAAM;AACZhB,eAAW,IAAI;AAAA,EAAA,GAEjB,WAAW,CAACkB,MAAW;AACjBA,QAAAA,EAAEC,QAAQ,SAAS;AACrBD,QAAEE,eAAe;AAAA,IACnB;AAAA,EACF,GACA,aAAY,KACZ,SACA,CAAA;AAEN;AAEeC,WAAKhC,SAAS;;"}
+{"version":3,"file":"TextValue.cjs","sources":["../../../../../../../src/components/QueryBuilder/Rule/Value/TextValue/TextValue.tsx"],"sourcesContent":["import { memo, useState } from \"react\";\n\nimport { HvFormStatus } from \"@core/components/Forms\";\nimport { HvInput } from \"@core/components/Input\";\n\nimport { useQueryBuilderContext } from \"../../../Context\";\nimport { useClasses } from \"./TextValue.styles\";\n\nexport interface TextValueProps {\n  id: React.Key;\n  value?: any;\n  initialTouched?: boolean;\n}\n\nexport const TextValue = ({\n  id,\n  value = \"\",\n  initialTouched = false,\n}: TextValueProps) => {\n  const { classes } = useClasses();\n\n  const { labels, dispatchAction, readOnly } = useQueryBuilderContext();\n\n  const [touched, setTouched] = useState(initialTouched);\n\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    <HvInput\n      className={classes.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};\n\nexport default memo(TextValue);\n"],"names":["useClasses","useQueryBuilderContext","useState","jsx","HvInput","memo"],"mappings":";;;;;;;AAcO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA,QAAQ;AAAA,EACR,iBAAiB;AACnB,MAAsB;AACd,QAAA,EAAE,YAAYA,iBAAAA;AAEpB,QAAM,EAAE,QAAQ,gBAAgB,aAAaC,QAAuB,uBAAA;AAEpE,QAAM,CAAC,SAAS,UAAU,IAAIC,eAAS,cAAc;AAErD,QAAM,UAAU,SAAS,QAAQ,MAAM,WAAW,KAAW,MAAA;AAEzD,MAAA,SAAuB,UAAU,UAAU;AACtC,WAAA,CAAC,UAAU,YAAY;AAG9B,SAAAC,2BAAA;AAAA,IAACC,MAAA;AAAA,IAAA;AAAA,MACC,WAAW,QAAQ;AAAA,MACnB,OAAO,OAAO,KAAK,MAAM,KAAK;AAAA,MAC9B,UAAQ;AAAA,MACR;AAAA,MACA,eAAe,OAAO,KAAK,MAAM,KAAK,WAAW;AAAA,MACjD;AAAA,MACA,YAAY;AAAA,QACV,cAAc;AAAA,MAChB;AAAA,MACA,UAAU,CAAC,GAAG,MAAM;AACH,uBAAA;AAAA,UACb,MAAM;AAAA,UACN;AAAA,UACA,OAAO;AAAA,QAAA,CACR;AAAA,MACH;AAAA,MACA,QAAQ,MAAM;AACZ,mBAAW,IAAI;AAAA,MACjB;AAAA,MACA,WAAW,CAAC,MAAW;AACjB,YAAA,EAAE,QAAQ,SAAS;AACrB,YAAE,eAAe;AAAA,QACnB;AAAA,MACF;AAAA,MACA,aAAY;AAAA,MACZ;AAAA,IAAA;AAAA,EAAA;AAGN;AAEeC,WAAK,SAAS;;"}

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

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const classes = require("../../../../../utils/classes.cjs");
-const {
-  useClasses,
-  staticClasses
-} = classes.createClasses("HvQueryBuilder-TextValue", {
-  location: {
-    flexGrow: 1
+const { useClasses, staticClasses } = classes.createClasses(
+  "HvQueryBuilder-TextValue",
+  {
+    location: {
+      flexGrow: 1
+    }
   }
-});
+);
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
 //# sourceMappingURL=TextValue.styles.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextValue.styles.cjs","sources":["../../../../../../../src/components/QueryBuilder/Rule/Value/TextValue/TextValue.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nexport const { useClasses, staticClasses } = createClasses(\n  \"HvQueryBuilder-TextValue\",\n  {\n    location: {\n      flexGrow: 1,\n    },\n  }\n);\n"],"names":["useClasses","staticClasses","createClasses","location","flexGrow"],"mappings":";;;AAEa,MAAA;AAAA,EAAEA;AAAAA,EAAYC;AAAc,IAAIC,QAAAA,cAC3C,4BACA;AAAA,EACEC,UAAU;AAAA,IACRC,UAAU;AAAA,EACZ;AACF,CACF;;;"}
+{"version":3,"file":"TextValue.styles.cjs","sources":["../../../../../../../src/components/QueryBuilder/Rule/Value/TextValue/TextValue.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nexport const { useClasses, staticClasses } = createClasses(\n  \"HvQueryBuilder-TextValue\",\n  {\n    location: {\n      flexGrow: 1,\n    },\n  }\n);\n"],"names":["createClasses"],"mappings":";;;AAEa,MAAA,EAAE,YAAY,cAAA,IAAkBA,QAAA;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AACF;;;"}

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

@@ -13,28 +13,34 @@ const Value = ({
   operator,
   value: valueProp
 }) => {
-  const {
-    attributes,
-    initialTouched,
-    renderers
-  } = Context.useQueryBuilderContext();
-  const value = attribute && attributes ? {
-    ...attributes[attribute]
-  } : {
-    type: null
-  };
-  const {
-    type
-  } = value;
+  const { attributes, initialTouched, renderers } = Context.useQueryBuilderContext();
+  const value = attribute && attributes ? { ...attributes[attribute] } : { type: null };
+  const { type } = value;
   switch (type) {
     case "boolean": {
       return /* @__PURE__ */ jsxRuntime.jsx(BooleanValue.BooleanValue, { id, value: !!valueProp });
     }
     case "numeric": {
-      return /* @__PURE__ */ jsxRuntime.jsx(NumericValue.NumericValue, { id, operator, value: valueProp, initialTouched });
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        NumericValue.NumericValue,
+        {
+          id,
+          operator,
+          value: valueProp,
+          initialTouched
+        }
+      );
     }
     case "dateandtime": {
-      return /* @__PURE__ */ jsxRuntime.jsx(DateTimeValue.DateTimeValue, { id, operator, value: valueProp, initialTouched });
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        DateTimeValue.DateTimeValue,
+        {
+          id,
+          operator,
+          value: valueProp,
+          initialTouched
+        }
+      );
     }
     case "text":
     case "textarea":
@@ -42,7 +48,15 @@ const Value = ({
     default: {
       if (type && renderers?.[type]) {
         const Renderer = renderers[type];
-        return /* @__PURE__ */ jsxRuntime.jsx(Renderer, { id, attribute, operator, value: valueProp });
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          Renderer,
+          {
+            id,
+            attribute,
+            operator,
+            value: valueProp
+          }
+        );
       }
       return /* @__PURE__ */ jsxRuntime.jsx(TextValue.TextValue, { id, value: valueProp, initialTouched });
     }

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

@@ -1 +1 @@
-{"version":3,"file":"Value.cjs","sources":["../../../../../../src/components/QueryBuilder/Rule/Value/Value.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { useQueryBuilderContext } from \"../../Context\";\nimport { BooleanValue } from \"./BooleanValue\";\nimport { NumericValue } from \"./NumericValue\";\nimport { TextValue } from \"./TextValue\";\nimport { DateTimeValue } from \"./DateTimeValue\";\n\nexport interface ValueProps {\n  id: React.Key;\n  attribute: string;\n  operator?: string;\n  value?: any;\n}\n\nexport const Value = ({\n  id,\n  attribute,\n  operator,\n  value: valueProp,\n}: ValueProps) => {\n  const { attributes, initialTouched, renderers } = useQueryBuilderContext();\n\n  const value =\n    attribute && attributes ? { ...attributes[attribute] } : { type: null };\n  const { type } = value;\n\n  switch (type) {\n    case \"boolean\": {\n      return <BooleanValue id={id} value={!!valueProp} />;\n    }\n    case \"numeric\": {\n      return (\n        <NumericValue\n          id={id}\n          operator={operator}\n          value={valueProp}\n          initialTouched={initialTouched}\n        />\n      );\n    }\n    case \"dateandtime\": {\n      return (\n        <DateTimeValue\n          id={id}\n          operator={operator}\n          value={valueProp}\n          initialTouched={initialTouched}\n        />\n      );\n    }\n    case \"text\":\n    case \"textarea\":\n      return (\n        <TextValue id={id} value={valueProp} initialTouched={initialTouched} />\n      );\n    default: {\n      if (type && renderers?.[type]) {\n        const Renderer = renderers[type];\n\n        return (\n          <Renderer\n            id={id}\n            attribute={attribute}\n            operator={operator}\n            value={valueProp}\n          />\n        );\n      }\n\n      return (\n        <TextValue id={id} value={valueProp} initialTouched={initialTouched} />\n      );\n    }\n  }\n};\n\nexport default memo(Value);\n"],"names":["Value","id","attribute","operator","value","valueProp","attributes","initialTouched","renderers","useQueryBuilderContext","type","BooleanValue","NumericValue","DateTimeValue","jsx","TextValue","Renderer","memo"],"mappings":";;;;;;;;;AAeO,MAAMA,QAAQA,CAAC;AAAA,EACpBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,OAAOC;AACG,MAAM;AACV,QAAA;AAAA,IAAEC;AAAAA,IAAYC;AAAAA,IAAgBC;AAAAA,MAAcC,QAAuB,uBAAA;AAEnEL,QAAAA,QACJF,aAAaI,aAAa;AAAA,IAAE,GAAGA,WAAWJ,SAAS;AAAA,EAAA,IAAM;AAAA,IAAEQ,MAAM;AAAA,EAAA;AAC7D,QAAA;AAAA,IAAEA;AAAAA,EAASN,IAAAA;AAEjB,UAAQM,MAAI;AAAA,IACV,KAAK,WAAW;AACd,4CAAQC,aAAAA,cAAa,EAAA,IAAQ,OAAO,CAAC,CAACN,UAAa,CAAA;AAAA,IACrD;AAAA,IACA,KAAK,WAAW;AACd,4CACGO,aACC,cAAA,EAAA,IACA,UACA,OAAOP,WACP,eACA,CAAA;AAAA,IAEN;AAAA,IACA,KAAK,eAAe;AAClB,4CACGQ,cACC,eAAA,EAAA,IACA,UACA,OAAOR,WACP,eACA,CAAA;AAAA,IAEN;AAAA,IACA,KAAK;AAAA,IACL,KAAK;AACH,aACGS,2BAAAA,IAAAC,UAAAA,WAAA,EAAU,IAAQ,OAAOV,WAAW,eAAkC,CAAA;AAAA,IAE3E,SAAS;AACHK,UAAAA,QAAQF,YAAYE,IAAI,GAAG;AACvBM,cAAAA,WAAWR,UAAUE,IAAI;AAE/B,8CACG,UACC,EAAA,IACA,WACA,UACA,OAAOL,UACP,CAAA;AAAA,MAEN;AAEA,aACGS,2BAAAA,IAAAC,UAAAA,WAAA,EAAU,IAAQ,OAAOV,WAAW,eAAkC,CAAA;AAAA,IAE3E;AAAA,EACF;AACF;AAEeY,WAAKjB,KAAK;;"}
+{"version":3,"file":"Value.cjs","sources":["../../../../../../src/components/QueryBuilder/Rule/Value/Value.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { useQueryBuilderContext } from \"../../Context\";\nimport { BooleanValue } from \"./BooleanValue\";\nimport { NumericValue } from \"./NumericValue\";\nimport { TextValue } from \"./TextValue\";\nimport { DateTimeValue } from \"./DateTimeValue\";\n\nexport interface ValueProps {\n  id: React.Key;\n  attribute: string;\n  operator?: string;\n  value?: any;\n}\n\nexport const Value = ({\n  id,\n  attribute,\n  operator,\n  value: valueProp,\n}: ValueProps) => {\n  const { attributes, initialTouched, renderers } = useQueryBuilderContext();\n\n  const value =\n    attribute && attributes ? { ...attributes[attribute] } : { type: null };\n  const { type } = value;\n\n  switch (type) {\n    case \"boolean\": {\n      return <BooleanValue id={id} value={!!valueProp} />;\n    }\n    case \"numeric\": {\n      return (\n        <NumericValue\n          id={id}\n          operator={operator}\n          value={valueProp}\n          initialTouched={initialTouched}\n        />\n      );\n    }\n    case \"dateandtime\": {\n      return (\n        <DateTimeValue\n          id={id}\n          operator={operator}\n          value={valueProp}\n          initialTouched={initialTouched}\n        />\n      );\n    }\n    case \"text\":\n    case \"textarea\":\n      return (\n        <TextValue id={id} value={valueProp} initialTouched={initialTouched} />\n      );\n    default: {\n      if (type && renderers?.[type]) {\n        const Renderer = renderers[type];\n\n        return (\n          <Renderer\n            id={id}\n            attribute={attribute}\n            operator={operator}\n            value={valueProp}\n          />\n        );\n      }\n\n      return (\n        <TextValue id={id} value={valueProp} initialTouched={initialTouched} />\n      );\n    }\n  }\n};\n\nexport default memo(Value);\n"],"names":["useQueryBuilderContext","BooleanValue","jsx","NumericValue","DateTimeValue","TextValue","memo"],"mappings":";;;;;;;;;AAeO,MAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AACT,MAAkB;AAChB,QAAM,EAAE,YAAY,gBAAgB,cAAcA,QAAuB,uBAAA;AAEnE,QAAA,QACJ,aAAa,aAAa,EAAE,GAAG,WAAW,SAAS,MAAM,EAAE,MAAM;AAC7D,QAAA,EAAE,KAAS,IAAA;AAEjB,UAAQ,MAAM;AAAA,IACZ,KAAK,WAAW;AACd,4CAAQC,aAAAA,cAAa,EAAA,IAAQ,OAAO,CAAC,CAAC,UAAW,CAAA;AAAA,IACnD;AAAA,IACA,KAAK,WAAW;AAEZ,aAAAC,2BAAA;AAAA,QAACC,aAAA;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,OAAO;AAAA,UACP;AAAA,QAAA;AAAA,MAAA;AAAA,IAGN;AAAA,IACA,KAAK,eAAe;AAEhB,aAAAD,2BAAA;AAAA,QAACE,cAAA;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,OAAO;AAAA,UACP;AAAA,QAAA;AAAA,MAAA;AAAA,IAGN;AAAA,IACA,KAAK;AAAA,IACL,KAAK;AACH,aACGF,2BAAAA,IAAAG,UAAAA,WAAA,EAAU,IAAQ,OAAO,WAAW,eAAgC,CAAA;AAAA,IAEzE,SAAS;AACH,UAAA,QAAQ,YAAY,IAAI,GAAG;AACvB,cAAA,WAAW,UAAU,IAAI;AAG7B,eAAAH,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA,OAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAGb;AAEA,aACGA,2BAAAA,IAAAG,UAAAA,WAAA,EAAU,IAAQ,OAAO,WAAW,eAAgC,CAAA;AAAA,IAEzE;AAAA,EACF;AACF;AAEeC,WAAK,KAAK;;"}