@hitachivantara/uikit-react-core 5.27.6 → 5.27.8

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const Context = require("../../../Context.cjs");
 const index = require("../../../utils/index.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Dropdown = require("../../../../Dropdown/Dropdown.cjs");
 const BooleanValue = ({
   id,
@@ -20,35 +20,24 @@ const BooleanValue = ({
     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
+  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;

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

@@ -1 +1 @@
-{"version":3,"file":"BooleanValue.cjs","sources":["../../../../../../../src/components/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.tsx"],"sourcesContent":["import { memo, useContext } from \"react\";\n\nimport { HvDropdown } from \"@core/components/Dropdown\";\n\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":";;;;;;;AAYO,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,CAC5D;AAEL;AAEeC,WAAK9B,YAAY;;"}
+{"version":3,"file":"BooleanValue.cjs","sources":["../../../../../../../src/components/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.tsx"],"sourcesContent":["import { memo, useContext } from \"react\";\n\nimport { HvDropdown } from \"@core/components/Dropdown\";\n\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","jsx","HvDropdown","placeholder","Array","isArray","type","isBigList","virtualized","height","memo"],"mappings":";;;;;;;AAYO,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;AAGA,SAAAM,+BAACC,SAAAA,cACC,UAAQ,MACR,QAAO,SACP,uBAAuB,OACvB,OAAOZ,OAAOO,KAAKX,MAAMY,QAAQF,OACjC,aAAaN,OAAOO,KAAKX,MAAMY,QAAQK,aACvC,QACA,UACA,UAAWH,CAAa,aAAA;AACtB,QAAIA,YAAY,CAACI,MAAMC,QAAQL,QAAQ,KAAKA,SAASf,IAAI;AACxC,qBAAA;AAAA,QACbqB,MAAM;AAAA,QACNrB;AAAAA,QACAC,OAAOc,SAASf,OAAO;AAAA,MAAA,CACxB;AAAA,IAAA,OACI;AACU,qBAAA;AAAA,QAAEqB,MAAM;AAAA,QAAarB;AAAAA,QAAIC,OAAO;AAAA,MAAA,CAAM;AAAA,IACvD;AAAA,EAAA,GAEF,YAAYqB,MAAAA,UAAUd,MAAM,GACvBc,GAAAA,MAAAA,UAAUd,MAAM,KAAK;AAAA,IAAEe,aAAa;AAAA,IAAMC,QAAQ;AAAA,EACvD,EAAA,CAAA;AAEN;AAEeC,WAAK1B,YAAY;;"}

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const uniqueId = require("lodash/uniqueId");
 const dayjs = require("dayjs");
@@ -7,7 +8,6 @@ const material = require("@mui/material");
 const Context = require("../../../Context.cjs");
 const utils = require("./utils.cjs");
 const DateTimeValue_styles = require("./DateTimeValue.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const DatePicker = require("../../../../DatePicker/DatePicker.cjs");
 const TimePicker = require("../../../../TimePicker/TimePicker.cjs");
 const WarningText = require("../../../../Forms/WarningText/WarningText.cjs");
@@ -167,86 +167,31 @@ const DateTimeValue = ({
   const endDateStatus = !touchedEndDate ? "standBy" : endDatePickerStatus;
   const endTimePickerStatus = endTimePickerValue == null || endDateTimeIsBefore ? "invalid" : "valid";
   const endTimeStatus = !touchedEndTime ? "standBy" : endTimePickerStatus;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    className: classes.root,
-    children: [/* @__PURE__ */ jsxRuntime.jsxs("div", {
-      className: cx(classes.row, classes.horizontal, {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.root, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx(classes.row, classes.horizontal, {
+      [classes.isMdDown]: isMdDown
+    }), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DatePicker.HvDatePicker, { className: classes.datePicker, name: `${elementId}-date`, required: true, status: dateStatus, statusMessage: labels.rule.value.datetime.validation.required, label: isRange ? labels.rule.value.datetime.startDateLabel : labels.rule.value.datetime.dateLabel, placeholder: isRange ? labels.rule.value.datetime.startDatePlaceholder : labels.rule.value.datetime.datePlaceholder, value: datePickerValue, onChange: onDateChange, readOnly }),
+      /* @__PURE__ */ jsxRuntime.jsx(TimePicker.HvTimePicker, { className: classes.timePicker, timeFormat: "24", name: `${elementId}-time`, required: true, status: timeStatus, statusMessage: labels.rule.value.datetime.validation.required, label: isRange ? labels.rule.value.datetime.startTimeLabel : labels.rule.value.datetime.timeLabel, placeholder: isRange ? labels.rule.value.datetime.startTimePlaceholder : labels.rule.value.datetime.timePlaceholder, value: timePickerValue || void 0, onChange: onTimeChange, onToggle: (_evt, open) => {
+        if (!open && !touchedTime) {
+          setTouchedTime(true);
+        }
+      }, readOnly })
+    ] }),
+    isRange && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx(classes.row, classes.vertical), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx(classes.horizontal, {
         [classes.isMdDown]: isMdDown
-      }),
-      children: [/* @__PURE__ */ jsxRuntime.jsx(DatePicker.HvDatePicker, {
-        className: classes.datePicker,
-        name: `${elementId}-date`,
-        required: true,
-        status: dateStatus,
-        statusMessage: labels.rule.value.datetime.validation.required,
-        label: isRange ? labels.rule.value.datetime.startDateLabel : labels.rule.value.datetime.dateLabel,
-        placeholder: isRange ? labels.rule.value.datetime.startDatePlaceholder : labels.rule.value.datetime.datePlaceholder,
-        value: datePickerValue,
-        onChange: onDateChange,
-        readOnly
-      }), /* @__PURE__ */ jsxRuntime.jsx(TimePicker.HvTimePicker, {
-        className: classes.timePicker,
-        timeFormat: "24",
-        name: `${elementId}-time`,
-        required: true,
-        status: timeStatus,
-        statusMessage: labels.rule.value.datetime.validation.required,
-        label: isRange ? labels.rule.value.datetime.startTimeLabel : labels.rule.value.datetime.timeLabel,
-        placeholder: isRange ? labels.rule.value.datetime.startTimePlaceholder : labels.rule.value.datetime.timePlaceholder,
-        value: timePickerValue || void 0,
-        onChange: onTimeChange,
-        onToggle: (_evt, open) => {
-          if (!open && !touchedTime) {
-            setTouchedTime(true);
+      }), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(DatePicker.HvDatePicker, { className: classes.datePicker, name: `${elementId}-endDate`, required: true, status: endDateStatus, statusMessage: labels.rule.value.datetime.validation.required, "aria-errormessage": endDateTimeIsBefore ? `${elementId}-combined-error` : void 0, label: labels.rule.value.datetime.endDateLabel, placeholder: labels.rule.value.datetime.endDatePlaceholder, value: endDatePickerValue, onChange: onEndDateChange, readOnly }),
+        /* @__PURE__ */ jsxRuntime.jsx(TimePicker.HvTimePicker, { className: classes.timePicker, timeFormat: "24", name: `${elementId}-endTime`, required: true, status: endTimeStatus, statusMessage: labels.rule.value.datetime.validation.required, "aria-errormessage": endDateTimeIsBefore ? `${elementId}-combined-error` : void 0, label: labels.rule.value.datetime.endTimeLabel, placeholder: labels.rule.value.datetime.endTimePlaceholder, value: endTimePickerValue || void 0, onChange: onEndTimeChange, onToggle: (_evt, open) => {
+          if (!open && !touchedEndTime) {
+            setTouchedEndTime(true);
           }
-        },
-        readOnly
-      })]
-    }), isRange && /* @__PURE__ */ jsxRuntime.jsxs("div", {
-      className: cx(classes.row, classes.vertical),
-      children: [/* @__PURE__ */ jsxRuntime.jsxs("div", {
-        className: cx(classes.horizontal, {
-          [classes.isMdDown]: isMdDown
-        }),
-        children: [/* @__PURE__ */ jsxRuntime.jsx(DatePicker.HvDatePicker, {
-          className: classes.datePicker,
-          name: `${elementId}-endDate`,
-          required: true,
-          status: endDateStatus,
-          statusMessage: labels.rule.value.datetime.validation.required,
-          "aria-errormessage": endDateTimeIsBefore ? `${elementId}-combined-error` : void 0,
-          label: labels.rule.value.datetime.endDateLabel,
-          placeholder: labels.rule.value.datetime.endDatePlaceholder,
-          value: endDatePickerValue,
-          onChange: onEndDateChange,
-          readOnly
-        }), /* @__PURE__ */ jsxRuntime.jsx(TimePicker.HvTimePicker, {
-          className: classes.timePicker,
-          timeFormat: "24",
-          name: `${elementId}-endTime`,
-          required: true,
-          status: endTimeStatus,
-          statusMessage: labels.rule.value.datetime.validation.required,
-          "aria-errormessage": endDateTimeIsBefore ? `${elementId}-combined-error` : void 0,
-          label: labels.rule.value.datetime.endTimeLabel,
-          placeholder: labels.rule.value.datetime.endTimePlaceholder,
-          value: endTimePickerValue || void 0,
-          onChange: onEndTimeChange,
-          onToggle: (_evt, open) => {
-            if (!open && !touchedEndTime) {
-              setTouchedEndTime(true);
-            }
-          },
-          readOnly
-        })]
-      }), /* @__PURE__ */ jsxRuntime.jsx(WarningText.HvWarningText, {
-        disableBorder: true,
-        id: `${elementId}-combined-error`,
-        isVisible: endDateTimeIsBefore,
-        children: labels.rule.value.datetime.validation.invalidInterval
-      })]
-    })]
-  });
+        }, readOnly })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(WarningText.HvWarningText, { disableBorder: true, id: `${elementId}-combined-error`, isVisible: endDateTimeIsBefore, children: labels.rule.value.datetime.validation.invalidInterval })
+    ] })
+  ] });
 };
 React.memo(DateTimeValue);
 exports.DateTimeValue = DateTimeValue;

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

@@ -1 +1 @@
-{"version":3,"file":"DateTimeValue.cjs","sources":["../../../../../../../src/components/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.tsx"],"sourcesContent":["import { memo, useCallback, useContext, useMemo, useState } from \"react\";\n\nimport uniqueId from \"lodash/uniqueId\";\n\nimport dayjs from \"dayjs\";\n\nimport { useMediaQuery, useTheme } from \"@mui/material\";\n\nimport { HvWarningText } from \"@core/components/Forms\";\nimport { HvTimePicker } from \"@core/components/TimePicker\";\nimport { HvDatePicker } from \"@core/components/DatePicker\";\n\nimport { QueryBuilderContext } from \"../../../Context\";\nimport { padTime, parseDate, parseTime } from \"./utils\";\nimport { useClasses } from \"./DateTimeValue.styles\";\n\nfunction valueIsRange(operator) {\n  return operator === \"range\";\n}\n\nexport interface DateTimeValueProps {\n  id: number;\n  operator: string;\n  value: any;\n  initialTouched: boolean;\n}\n\nexport const DateTimeValue = ({\n  id,\n  operator,\n  value: valueProp = {},\n  initialTouched = false,\n}: DateTimeValueProps) => {\n  const { classes, cx } = useClasses();\n\n  const theme = useTheme();\n  const isMdDown = useMediaQuery(theme.breakpoints.down(\"md\"));\n\n  const isRange = valueIsRange(operator);\n\n  const context = useContext(QueryBuilderContext);\n  const { labels, dispatchAction, readOnly } = context;\n\n  const elementId = uniqueId(`datetime${id}`);\n\n  const [touchedDate, setTouchedDate] = useState(initialTouched);\n  const [touchedTime, setTouchedTime] = useState(initialTouched);\n  const [touchedEndDate, setTouchedEndDate] = useState(initialTouched);\n  const [touchedEndTime, setTouchedEndTime] = useState(initialTouched);\n\n  const onDateChange = useCallback(\n    (data) => {\n      setTouchedDate(true);\n\n      let date;\n      if (data != null) {\n        date = dayjs(data).format(\"YYYY-MM-DD\");\n      }\n\n      const oldValue = !isRange ? valueProp?.date : valueProp?.start?.date;\n\n      if (date !== oldValue) {\n        let value;\n        if (!isRange) {\n          value = {\n            date,\n            time: valueProp?.time,\n          };\n        } else {\n          value = {\n            start: {\n              date,\n              time: valueProp?.start?.time,\n            },\n            end: valueProp?.end,\n          };\n        }\n\n        dispatchAction({\n          type: \"set-value\",\n          id,\n          value,\n        });\n      }\n    },\n    [dispatchAction, id, isRange, valueProp]\n  );\n\n  const onTimeChange = useCallback(\n    (data) => {\n      setTouchedTime(true);\n\n      let time;\n      if (data != null) {\n        time = `${padTime(data.hours)}:${padTime(data.minutes)}:${padTime(\n          data.seconds\n        )}`;\n      }\n\n      const oldValue = !isRange ? valueProp?.time : valueProp?.start?.time;\n\n      if (time !== oldValue) {\n        let value;\n        if (!isRange) {\n          value = {\n            date: valueProp?.date,\n            time,\n          };\n        } else {\n          value = {\n            start: {\n              date: valueProp?.start?.date,\n              time,\n            },\n            end: valueProp?.end,\n          };\n        }\n\n        dispatchAction({\n          type: \"set-value\",\n          id,\n          value,\n        });\n      }\n    },\n    [dispatchAction, id, isRange, valueProp]\n  );\n\n  const onEndDateChange = useCallback(\n    (data) => {\n      setTouchedEndDate(true);\n\n      let date;\n      if (data != null) {\n        date = dayjs(data).format(\"YYYY-MM-DD\");\n      }\n\n      if (date !== valueProp?.end?.date) {\n        const value = {\n          start: valueProp?.start,\n          end: {\n            date,\n            time: valueProp?.end?.time,\n          },\n        };\n\n        dispatchAction({\n          type: \"set-value\",\n          id,\n          value,\n        });\n      }\n    },\n    [dispatchAction, id, valueProp]\n  );\n\n  const onEndTimeChange = useCallback(\n    (data) => {\n      setTouchedEndTime(true);\n\n      let time;\n      if (data != null) {\n        time = `${padTime(data.hours)}:${padTime(data.minutes)}:${padTime(\n          data.seconds\n        )}`;\n      }\n\n      if (time !== valueProp?.end?.time) {\n        const value = {\n          start: valueProp?.start,\n          end: {\n            date: valueProp?.end?.date,\n            time,\n          },\n        };\n\n        dispatchAction({\n          type: \"set-value\",\n          id,\n          value,\n        });\n      }\n    },\n    [dispatchAction, id, valueProp]\n  );\n\n  const startDate = isRange ? valueProp?.start?.date : valueProp?.date;\n  const datePickerValue = useMemo(() => parseDate(startDate), [startDate]);\n  const datePickerStatus = datePickerValue != null ? \"valid\" : \"invalid\";\n\n  const startTime = (isRange ? valueProp?.start?.time : valueProp?.time) ?? \"\";\n  const timePickerValue = useMemo(() => parseTime(startTime), [startTime]);\n  const timePickerStatus = timePickerValue != null ? \"valid\" : \"invalid\";\n\n  const endDate = isRange ? valueProp?.end?.date : null;\n  const endDatePickerValue = useMemo(() => parseDate(endDate), [endDate]);\n\n  const endTime = isRange ? valueProp?.end?.time : null;\n  const endTimePickerValue = useMemo(() => parseTime(endTime), [endTime]);\n\n  const dateStatus = !touchedDate ? \"standBy\" : datePickerStatus;\n  const timeStatus = !touchedTime ? \"standBy\" : timePickerStatus;\n\n  const endDateIsBefore =\n    startDate != null && endDate != null && endDate < startDate;\n\n  const endTimeIsBeforeOrSame =\n    startDate != null &&\n    endDate != null &&\n    endDate === startDate &&\n    startTime != null &&\n    endTime != null &&\n    endTime <= startTime;\n\n  const endDateTimeIsBefore = endDateIsBefore || endTimeIsBeforeOrSame;\n\n  const endDatePickerStatus =\n    endDatePickerValue == null || endDateTimeIsBefore ? \"invalid\" : \"valid\";\n  const endDateStatus = !touchedEndDate ? \"standBy\" : endDatePickerStatus;\n\n  const endTimePickerStatus =\n    endTimePickerValue == null || endDateTimeIsBefore ? \"invalid\" : \"valid\";\n  const endTimeStatus = !touchedEndTime ? \"standBy\" : endTimePickerStatus;\n\n  return (\n    <div className={classes.root}>\n      <div\n        className={cx(classes.row, classes.horizontal, {\n          [classes.isMdDown]: isMdDown,\n        })}\n      >\n        <HvDatePicker\n          className={classes.datePicker}\n          name={`${elementId}-date`}\n          required\n          status={dateStatus}\n          statusMessage={labels.rule.value.datetime.validation.required}\n          label={\n            isRange\n              ? labels.rule.value.datetime.startDateLabel\n              : labels.rule.value.datetime.dateLabel\n          }\n          placeholder={\n            isRange\n              ? labels.rule.value.datetime.startDatePlaceholder\n              : labels.rule.value.datetime.datePlaceholder\n          }\n          value={datePickerValue}\n          onChange={onDateChange}\n          readOnly={readOnly}\n        />\n        <HvTimePicker\n          className={classes.timePicker}\n          timeFormat=\"24\"\n          name={`${elementId}-time`}\n          required\n          status={timeStatus}\n          statusMessage={labels.rule.value.datetime.validation.required}\n          label={\n            isRange\n              ? labels.rule.value.datetime.startTimeLabel\n              : labels.rule.value.datetime.timeLabel\n          }\n          placeholder={\n            isRange\n              ? labels.rule.value.datetime.startTimePlaceholder\n              : labels.rule.value.datetime.timePlaceholder\n          }\n          value={timePickerValue || undefined}\n          onChange={onTimeChange}\n          onToggle={(_evt, open) => {\n            if (!open && !touchedTime) {\n              setTouchedTime(true);\n            }\n          }}\n          readOnly={readOnly}\n        />\n      </div>\n      {isRange && (\n        <div className={cx(classes.row, classes.vertical)}>\n          <div\n            className={cx(classes.horizontal, {\n              [classes.isMdDown]: isMdDown,\n            })}\n          >\n            <HvDatePicker\n              className={classes.datePicker}\n              name={`${elementId}-endDate`}\n              required\n              status={endDateStatus}\n              statusMessage={labels.rule.value.datetime.validation.required}\n              aria-errormessage={\n                endDateTimeIsBefore ? `${elementId}-combined-error` : undefined\n              }\n              label={labels.rule.value.datetime.endDateLabel}\n              placeholder={labels.rule.value.datetime.endDatePlaceholder}\n              value={endDatePickerValue}\n              onChange={onEndDateChange}\n              readOnly={readOnly}\n            />\n            <HvTimePicker\n              className={classes.timePicker}\n              timeFormat=\"24\"\n              name={`${elementId}-endTime`}\n              required\n              status={endTimeStatus}\n              statusMessage={labels.rule.value.datetime.validation.required}\n              aria-errormessage={\n                endDateTimeIsBefore ? `${elementId}-combined-error` : undefined\n              }\n              label={labels.rule.value.datetime.endTimeLabel}\n              placeholder={labels.rule.value.datetime.endTimePlaceholder}\n              value={endTimePickerValue || undefined}\n              onChange={onEndTimeChange}\n              onToggle={(_evt, open) => {\n                if (!open && !touchedEndTime) {\n                  setTouchedEndTime(true);\n                }\n              }}\n              readOnly={readOnly}\n            />\n          </div>\n          <HvWarningText\n            disableBorder\n            id={`${elementId}-combined-error`}\n            isVisible={endDateTimeIsBefore}\n          >\n            {labels.rule.value.datetime.validation.invalidInterval}\n          </HvWarningText>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default memo(DateTimeValue);\n"],"names":["valueIsRange","operator","DateTimeValue","id","value","valueProp","initialTouched","classes","cx","useClasses","theme","useTheme","isMdDown","useMediaQuery","breakpoints","down","isRange","context","useContext","QueryBuilderContext","labels","dispatchAction","readOnly","elementId","uniqueId","touchedDate","setTouchedDate","useState","touchedTime","setTouchedTime","touchedEndDate","setTouchedEndDate","touchedEndTime","setTouchedEndTime","onDateChange","useCallback","data","date","dayjs","format","oldValue","start","time","end","type","onTimeChange","padTime","hours","minutes","seconds","onEndDateChange","onEndTimeChange","startDate","datePickerValue","useMemo","parseDate","datePickerStatus","startTime","timePickerValue","parseTime","timePickerStatus","endDate","endDatePickerValue","endTime","endTimePickerValue","dateStatus","timeStatus","endDateIsBefore","endTimeIsBeforeOrSame","endDateTimeIsBefore","endDatePickerStatus","endDateStatus","endTimePickerStatus","endTimeStatus","className","root","children","_jsxs","row","horizontal","_jsx","HvDatePicker","datePicker","name","required","status","statusMessage","rule","datetime","validation","label","startDateLabel","dateLabel","placeholder","startDatePlaceholder","datePlaceholder","onChange","HvTimePicker","timePicker","timeFormat","startTimeLabel","timeLabel","startTimePlaceholder","timePlaceholder","undefined","onToggle","_evt","open","vertical","endDateLabel","endDatePlaceholder","endTimeLabel","endTimePlaceholder","HvWarningText","disableBorder","isVisible","invalidInterval","memo"],"mappings":"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"}
+{"version":3,"file":"DateTimeValue.cjs","sources":["../../../../../../../src/components/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.tsx"],"sourcesContent":["import { memo, useCallback, useContext, useMemo, useState } from \"react\";\n\nimport uniqueId from \"lodash/uniqueId\";\n\nimport dayjs from \"dayjs\";\n\nimport { useMediaQuery, useTheme } from \"@mui/material\";\n\nimport { HvWarningText } from \"@core/components/Forms\";\nimport { HvTimePicker } from \"@core/components/TimePicker\";\nimport { HvDatePicker } from \"@core/components/DatePicker\";\n\nimport { QueryBuilderContext } from \"../../../Context\";\nimport { padTime, parseDate, parseTime } from \"./utils\";\nimport { useClasses } from \"./DateTimeValue.styles\";\n\nfunction valueIsRange(operator) {\n  return operator === \"range\";\n}\n\nexport interface DateTimeValueProps {\n  id: number;\n  operator: string;\n  value: any;\n  initialTouched: boolean;\n}\n\nexport const DateTimeValue = ({\n  id,\n  operator,\n  value: valueProp = {},\n  initialTouched = false,\n}: DateTimeValueProps) => {\n  const { classes, cx } = useClasses();\n\n  const theme = useTheme();\n  const isMdDown = useMediaQuery(theme.breakpoints.down(\"md\"));\n\n  const isRange = valueIsRange(operator);\n\n  const context = useContext(QueryBuilderContext);\n  const { labels, dispatchAction, readOnly } = context;\n\n  const elementId = uniqueId(`datetime${id}`);\n\n  const [touchedDate, setTouchedDate] = useState(initialTouched);\n  const [touchedTime, setTouchedTime] = useState(initialTouched);\n  const [touchedEndDate, setTouchedEndDate] = useState(initialTouched);\n  const [touchedEndTime, setTouchedEndTime] = useState(initialTouched);\n\n  const onDateChange = useCallback(\n    (data) => {\n      setTouchedDate(true);\n\n      let date;\n      if (data != null) {\n        date = dayjs(data).format(\"YYYY-MM-DD\");\n      }\n\n      const oldValue = !isRange ? valueProp?.date : valueProp?.start?.date;\n\n      if (date !== oldValue) {\n        let value;\n        if (!isRange) {\n          value = {\n            date,\n            time: valueProp?.time,\n          };\n        } else {\n          value = {\n            start: {\n              date,\n              time: valueProp?.start?.time,\n            },\n            end: valueProp?.end,\n          };\n        }\n\n        dispatchAction({\n          type: \"set-value\",\n          id,\n          value,\n        });\n      }\n    },\n    [dispatchAction, id, isRange, valueProp]\n  );\n\n  const onTimeChange = useCallback(\n    (data) => {\n      setTouchedTime(true);\n\n      let time;\n      if (data != null) {\n        time = `${padTime(data.hours)}:${padTime(data.minutes)}:${padTime(\n          data.seconds\n        )}`;\n      }\n\n      const oldValue = !isRange ? valueProp?.time : valueProp?.start?.time;\n\n      if (time !== oldValue) {\n        let value;\n        if (!isRange) {\n          value = {\n            date: valueProp?.date,\n            time,\n          };\n        } else {\n          value = {\n            start: {\n              date: valueProp?.start?.date,\n              time,\n            },\n            end: valueProp?.end,\n          };\n        }\n\n        dispatchAction({\n          type: \"set-value\",\n          id,\n          value,\n        });\n      }\n    },\n    [dispatchAction, id, isRange, valueProp]\n  );\n\n  const onEndDateChange = useCallback(\n    (data) => {\n      setTouchedEndDate(true);\n\n      let date;\n      if (data != null) {\n        date = dayjs(data).format(\"YYYY-MM-DD\");\n      }\n\n      if (date !== valueProp?.end?.date) {\n        const value = {\n          start: valueProp?.start,\n          end: {\n            date,\n            time: valueProp?.end?.time,\n          },\n        };\n\n        dispatchAction({\n          type: \"set-value\",\n          id,\n          value,\n        });\n      }\n    },\n    [dispatchAction, id, valueProp]\n  );\n\n  const onEndTimeChange = useCallback(\n    (data) => {\n      setTouchedEndTime(true);\n\n      let time;\n      if (data != null) {\n        time = `${padTime(data.hours)}:${padTime(data.minutes)}:${padTime(\n          data.seconds\n        )}`;\n      }\n\n      if (time !== valueProp?.end?.time) {\n        const value = {\n          start: valueProp?.start,\n          end: {\n            date: valueProp?.end?.date,\n            time,\n          },\n        };\n\n        dispatchAction({\n          type: \"set-value\",\n          id,\n          value,\n        });\n      }\n    },\n    [dispatchAction, id, valueProp]\n  );\n\n  const startDate = isRange ? valueProp?.start?.date : valueProp?.date;\n  const datePickerValue = useMemo(() => parseDate(startDate), [startDate]);\n  const datePickerStatus = datePickerValue != null ? \"valid\" : \"invalid\";\n\n  const startTime = (isRange ? valueProp?.start?.time : valueProp?.time) ?? \"\";\n  const timePickerValue = useMemo(() => parseTime(startTime), [startTime]);\n  const timePickerStatus = timePickerValue != null ? \"valid\" : \"invalid\";\n\n  const endDate = isRange ? valueProp?.end?.date : null;\n  const endDatePickerValue = useMemo(() => parseDate(endDate), [endDate]);\n\n  const endTime = isRange ? valueProp?.end?.time : null;\n  const endTimePickerValue = useMemo(() => parseTime(endTime), [endTime]);\n\n  const dateStatus = !touchedDate ? \"standBy\" : datePickerStatus;\n  const timeStatus = !touchedTime ? \"standBy\" : timePickerStatus;\n\n  const endDateIsBefore =\n    startDate != null && endDate != null && endDate < startDate;\n\n  const endTimeIsBeforeOrSame =\n    startDate != null &&\n    endDate != null &&\n    endDate === startDate &&\n    startTime != null &&\n    endTime != null &&\n    endTime <= startTime;\n\n  const endDateTimeIsBefore = endDateIsBefore || endTimeIsBeforeOrSame;\n\n  const endDatePickerStatus =\n    endDatePickerValue == null || endDateTimeIsBefore ? \"invalid\" : \"valid\";\n  const endDateStatus = !touchedEndDate ? \"standBy\" : endDatePickerStatus;\n\n  const endTimePickerStatus =\n    endTimePickerValue == null || endDateTimeIsBefore ? \"invalid\" : \"valid\";\n  const endTimeStatus = !touchedEndTime ? \"standBy\" : endTimePickerStatus;\n\n  return (\n    <div className={classes.root}>\n      <div\n        className={cx(classes.row, classes.horizontal, {\n          [classes.isMdDown]: isMdDown,\n        })}\n      >\n        <HvDatePicker\n          className={classes.datePicker}\n          name={`${elementId}-date`}\n          required\n          status={dateStatus}\n          statusMessage={labels.rule.value.datetime.validation.required}\n          label={\n            isRange\n              ? labels.rule.value.datetime.startDateLabel\n              : labels.rule.value.datetime.dateLabel\n          }\n          placeholder={\n            isRange\n              ? labels.rule.value.datetime.startDatePlaceholder\n              : labels.rule.value.datetime.datePlaceholder\n          }\n          value={datePickerValue}\n          onChange={onDateChange}\n          readOnly={readOnly}\n        />\n        <HvTimePicker\n          className={classes.timePicker}\n          timeFormat=\"24\"\n          name={`${elementId}-time`}\n          required\n          status={timeStatus}\n          statusMessage={labels.rule.value.datetime.validation.required}\n          label={\n            isRange\n              ? labels.rule.value.datetime.startTimeLabel\n              : labels.rule.value.datetime.timeLabel\n          }\n          placeholder={\n            isRange\n              ? labels.rule.value.datetime.startTimePlaceholder\n              : labels.rule.value.datetime.timePlaceholder\n          }\n          value={timePickerValue || undefined}\n          onChange={onTimeChange}\n          onToggle={(_evt, open) => {\n            if (!open && !touchedTime) {\n              setTouchedTime(true);\n            }\n          }}\n          readOnly={readOnly}\n        />\n      </div>\n      {isRange && (\n        <div className={cx(classes.row, classes.vertical)}>\n          <div\n            className={cx(classes.horizontal, {\n              [classes.isMdDown]: isMdDown,\n            })}\n          >\n            <HvDatePicker\n              className={classes.datePicker}\n              name={`${elementId}-endDate`}\n              required\n              status={endDateStatus}\n              statusMessage={labels.rule.value.datetime.validation.required}\n              aria-errormessage={\n                endDateTimeIsBefore ? `${elementId}-combined-error` : undefined\n              }\n              label={labels.rule.value.datetime.endDateLabel}\n              placeholder={labels.rule.value.datetime.endDatePlaceholder}\n              value={endDatePickerValue}\n              onChange={onEndDateChange}\n              readOnly={readOnly}\n            />\n            <HvTimePicker\n              className={classes.timePicker}\n              timeFormat=\"24\"\n              name={`${elementId}-endTime`}\n              required\n              status={endTimeStatus}\n              statusMessage={labels.rule.value.datetime.validation.required}\n              aria-errormessage={\n                endDateTimeIsBefore ? `${elementId}-combined-error` : undefined\n              }\n              label={labels.rule.value.datetime.endTimeLabel}\n              placeholder={labels.rule.value.datetime.endTimePlaceholder}\n              value={endTimePickerValue || undefined}\n              onChange={onEndTimeChange}\n              onToggle={(_evt, open) => {\n                if (!open && !touchedEndTime) {\n                  setTouchedEndTime(true);\n                }\n              }}\n              readOnly={readOnly}\n            />\n          </div>\n          <HvWarningText\n            disableBorder\n            id={`${elementId}-combined-error`}\n            isVisible={endDateTimeIsBefore}\n          >\n            {labels.rule.value.datetime.validation.invalidInterval}\n          </HvWarningText>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default memo(DateTimeValue);\n"],"names":["valueIsRange","operator","DateTimeValue","id","value","valueProp","initialTouched","classes","cx","useClasses","theme","useTheme","isMdDown","useMediaQuery","breakpoints","down","isRange","context","useContext","QueryBuilderContext","labels","dispatchAction","readOnly","elementId","uniqueId","touchedDate","setTouchedDate","useState","touchedTime","setTouchedTime","touchedEndDate","setTouchedEndDate","touchedEndTime","setTouchedEndTime","onDateChange","useCallback","data","date","dayjs","format","oldValue","start","time","end","type","onTimeChange","padTime","hours","minutes","seconds","onEndDateChange","onEndTimeChange","startDate","datePickerValue","useMemo","parseDate","datePickerStatus","startTime","timePickerValue","parseTime","timePickerStatus","endDate","endDatePickerValue","endTime","endTimePickerValue","dateStatus","timeStatus","endDateIsBefore","endTimeIsBeforeOrSame","endDateTimeIsBefore","endDatePickerStatus","endDateStatus","endTimePickerStatus","endTimeStatus","jsxs","root","row","horizontal","jsx","HvDatePicker","datePicker","rule","datetime","validation","required","startDateLabel","dateLabel","startDatePlaceholder","datePlaceholder","HvTimePicker","timePicker","startTimeLabel","timeLabel","startTimePlaceholder","timePlaceholder","undefined","_evt","open","vertical","endDateLabel","endDatePlaceholder","endTimeLabel","endTimePlaceholder","HvWarningText","invalidInterval","memo"],"mappings":"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"}

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

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const uniqueId = require("lodash/uniqueId");
 const isEmpty = require("lodash/isEmpty");
 const material = require("@mui/material");
 const Context = require("../../../Context.cjs");
 const Numeric_styles = require("./Numeric.styles.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);
@@ -96,95 +96,41 @@ const NumericValue = ({
   const rightStatus = rightValidation != null ? "invalid" : "valid";
   const renderRangeInputs = (rangeValue) => {
     var _a2, _b2;
-    return /* @__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: ((_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: 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: ((_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.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: ((_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: 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: ((_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.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 ? 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
-      })
-    })]
-  });
+  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 ? 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;

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, useContext, useState } from \"react\";\n\nimport uniqueId from \"lodash/uniqueId\";\nimport isEmpty from \"lodash/isEmpty\";\n\nimport { useMediaQuery, useTheme } from \"@mui/material\";\n\nimport { HvInput } from \"@core/components/Input\";\n\nimport { QueryBuilderContext } from \"../../../Context\";\nimport { useClasses } from \"./Numeric.styles\";\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 { classes, cx } = useClasses();\n\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    <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 ? 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","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","_jsxs","className","rangeContainer","children","_jsx","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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"}
+{"version":3,"file":"NumericValue.cjs","sources":["../../../../../../../src/components/QueryBuilder/Rule/Value/NumericValue/NumericValue.tsx"],"sourcesContent":["import { memo, useCallback, useContext, useState } from \"react\";\n\nimport uniqueId from \"lodash/uniqueId\";\nimport isEmpty from \"lodash/isEmpty\";\n\nimport { useMediaQuery, useTheme } from \"@mui/material\";\n\nimport { HvInput } from \"@core/components/Input\";\n\nimport { QueryBuilderContext } from \"../../../Context\";\nimport { useClasses } from \"./Numeric.styles\";\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 { classes, cx } = useClasses();\n\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    <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 ? 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","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","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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"}

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const Context = require("../../../Context.cjs");
 const TextValue_styles = require("./TextValue.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Input = require("../../../../Input/Input.cjs");
 const TextValue = ({
   id,
@@ -23,34 +23,21 @@ const TextValue = ({
   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();
-      }
-    },
-    placeholder: "—",
-    readOnly
-  });
+  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 });
 };
 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, useContext, useState } from \"react\";\n\nimport { HvFormStatus } from \"@core/components/Forms\";\nimport { HvInput } from \"@core/components/Input\";\n\nimport { QueryBuilderContext } from \"../../../Context\";\nimport { useClasses } from \"./TextValue.styles\";\n\nexport interface TextValueProps {\n  id?: number;\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 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    <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","context","useContext","QueryBuilderContext","labels","dispatchAction","readOnly","touched","setTouched","useState","isValid","toString","trim","status","HvInput","className","location","label","rule","text","required","statusMessage","validation","inputProps","autoComplete","onChange","t","v","type","onBlur","onKeyDown","e","key","preventDefault","placeholder","memo"],"mappings":";;;;;;;AAcO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC,QAAQ;AAAA,EACRC,iBAAiB;AACH,MAAM;AACd,QAAA;AAAA,IAAEC;AAAAA,MAAYC,iBAAW,WAAA;AAEzBC,QAAAA,UAAUC,iBAAWC,QAAAA,mBAAmB;AACxC,QAAA;AAAA,IAAEC;AAAAA,IAAQC;AAAAA,IAAgBC;AAAAA,EAAaL,IAAAA;AAC7C,QAAM,CAACM,SAASC,UAAU,IAAIC,eAASX,cAAc;AACrD,QAAMY,UAAUb,SAAS,QAAQA,MAAMc,WAAWC,KAAW,MAAA;AAEzDC,MAAAA,SAAuBH,UAAU,UAAU;AACtC,WAAA,CAACH,UAAU,YAAYM;AAEhC,wCACGC,MAAAA,SAAO;AAAA,IACNC,WAAWhB,QAAQiB;AAAAA,IACnBC,OAAOb,OAAOc,KAAKrB,MAAMsB,KAAKF;AAAAA,IAC9BG,UAAQ;AAAA,IACRP;AAAAA,IACAQ,eAAejB,OAAOc,KAAKrB,MAAMsB,KAAKG,WAAWF;AAAAA,IACjDvB;AAAAA,IACA0B,YAAY;AAAA,MACVC,cAAc;AAAA,IAChB;AAAA,IACAC,UAAUA,CAACC,GAAGC,MAAM;AACH,qBAAA;AAAA,QACbC,MAAM;AAAA,QACNhC;AAAAA,QACAC,OAAO8B;AAAAA,MAAAA,CACR;AAAA,IACH;AAAA,IACAE,QAAQA,MAAM;AACZrB,iBAAW,IAAI;AAAA,IACjB;AAAA,IACAsB,WAAWA,CAACC,MAAW;AACjBA,UAAAA,EAAEC,QAAQ,SAAS;AACrBD,UAAEE,eAAe;AAAA,MACnB;AAAA,IACF;AAAA,IACAC,aAAY;AAAA,IACZ5B;AAAAA,EAAAA,CACD;AAEL;AAEe6B,WAAKxC,SAAS;;"}
+{"version":3,"file":"TextValue.cjs","sources":["../../../../../../../src/components/QueryBuilder/Rule/Value/TextValue/TextValue.tsx"],"sourcesContent":["import { memo, useContext, useState } from \"react\";\n\nimport { HvFormStatus } from \"@core/components/Forms\";\nimport { HvInput } from \"@core/components/Input\";\n\nimport { QueryBuilderContext } from \"../../../Context\";\nimport { useClasses } from \"./TextValue.styles\";\n\nexport interface TextValueProps {\n  id?: number;\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 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    <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","context","useContext","QueryBuilderContext","labels","dispatchAction","readOnly","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;AAEzBC,QAAAA,UAAUC,iBAAWC,QAAAA,mBAAmB;AACxC,QAAA;AAAA,IAAEC;AAAAA,IAAQC;AAAAA,IAAgBC;AAAAA,EAAaL,IAAAA;AAC7C,QAAM,CAACM,SAASC,UAAU,IAAIC,eAASX,cAAc;AACrD,QAAMY,UAAUb,SAAS,QAAQA,MAAMc,WAAWC,KAAW,MAAA;AAEzDC,MAAAA,SAAuBH,UAAU,UAAU;AACtC,WAAA,CAACH,UAAU,YAAYM;AAG9B,SAAAC,+BAACC,MAAAA,WACC,WAAWhB,QAAQiB,UACnB,OAAOZ,OAAOa,KAAKpB,MAAMqB,KAAKC,OAC9B,UAAQ,MACR,QACA,eAAef,OAAOa,KAAKpB,MAAMqB,KAAKE,WAAWC,UACjD,OACA,YAAY;AAAA,IACVC,cAAc;AAAA,EAAA,GAEhB,UAAU,CAACC,GAAGC,MAAM;AACH,mBAAA;AAAA,MACbC,MAAM;AAAA,MACN7B;AAAAA,MACAC,OAAO2B;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,WAAKlC,SAAS;;"}