@hitachivantara/uikit-react-lab 3.38.0

package/dist/modern/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js

@@ -0,0 +1,266 @@
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { useCallback, useMemo, useState } from "react";
+import PropTypes from "prop-types";
+import uniqueId from "lodash/uniqueId";
+import dayjs from "dayjs";
+import clsx from "clsx";
+import { HvDatePicker, HvWarningText } from "@hitachivantara/uikit-react-core";
+import HvTimePicker from "../../../../TimePicker";
+import Context from "../../../Context";
+import { padTime, parseDate, parseTime } from "./utils";
+import useStyles from "./styles";
+
+function valueIsRange(operator) {
+  return operator === "range";
+}
+
+const DateTimeValue = ({
+  id,
+  operator,
+  value: valueProp = {},
+  initialTouched = false
+}) => {
+  var _valueProp$start5, _ref, _valueProp$start6, _valueProp$end5, _valueProp$end6;
+
+  const classes = useStyles();
+  const isRange = valueIsRange(operator, valueProp);
+  const context = React.useContext(Context);
+  const {
+    labels,
+    dispatchAction
+  } = context;
+  const elementId = uniqueId(`datetime${id}`);
+  const [touchedDate, setTouchedDate] = useState(initialTouched);
+  const [touchedTime, setTouchedTime] = useState(initialTouched);
+  const [touchedEndDate, setTouchedEndDate] = useState(initialTouched);
+  const [touchedEndTime, setTouchedEndTime] = useState(initialTouched);
+  const onDateChange = useCallback(data => {
+    var _valueProp$start;
+
+    setTouchedDate(true);
+    let date;
+
+    if (data != null) {
+      date = dayjs(data).format("YYYY-MM-DD");
+    }
+
+    const oldValue = !isRange ? valueProp === null || valueProp === void 0 ? void 0 : valueProp.date : valueProp === null || valueProp === void 0 ? void 0 : (_valueProp$start = valueProp.start) === null || _valueProp$start === void 0 ? void 0 : _valueProp$start.date;
+
+    if (date !== oldValue) {
+      let value;
+
+      if (!isRange) {
+        value = {
+          date,
+          time: valueProp === null || valueProp === void 0 ? void 0 : valueProp.time
+        };
+      } else {
+        var _valueProp$start2;
+
+        value = {
+          start: {
+            date,
+            time: valueProp === null || valueProp === void 0 ? void 0 : (_valueProp$start2 = valueProp.start) === null || _valueProp$start2 === void 0 ? void 0 : _valueProp$start2.time
+          },
+          end: valueProp === null || valueProp === void 0 ? void 0 : valueProp.end
+        };
+      }
+
+      dispatchAction({
+        type: "set-value",
+        id,
+        value
+      });
+    }
+  }, [dispatchAction, id, isRange, valueProp]);
+  const onTimeChange = useCallback(data => {
+    var _valueProp$start3;
+
+    setTouchedTime(true);
+    let time;
+
+    if (data != null) {
+      time = `${padTime(data.hours)}:${padTime(data.minutes)}:${padTime(data.seconds)}`;
+    }
+
+    const oldValue = !isRange ? valueProp === null || valueProp === void 0 ? void 0 : valueProp.time : valueProp === null || valueProp === void 0 ? void 0 : (_valueProp$start3 = valueProp.start) === null || _valueProp$start3 === void 0 ? void 0 : _valueProp$start3.time;
+
+    if (time !== oldValue) {
+      let value;
+
+      if (!isRange) {
+        value = {
+          date: valueProp === null || valueProp === void 0 ? void 0 : valueProp.date,
+          time
+        };
+      } else {
+        var _valueProp$start4;
+
+        value = {
+          start: {
+            date: valueProp === null || valueProp === void 0 ? void 0 : (_valueProp$start4 = valueProp.start) === null || _valueProp$start4 === void 0 ? void 0 : _valueProp$start4.date,
+            time
+          },
+          end: valueProp === null || valueProp === void 0 ? void 0 : valueProp.end
+        };
+      }
+
+      dispatchAction({
+        type: "set-value",
+        id,
+        value
+      });
+    }
+  }, [dispatchAction, id, isRange, valueProp]);
+  const onEndDateChange = useCallback(data => {
+    var _valueProp$end;
+
+    setTouchedEndDate(true);
+    let date;
+
+    if (data != null) {
+      date = dayjs(data).format("YYYY-MM-DD");
+    }
+
+    if (date !== (valueProp === null || valueProp === void 0 ? void 0 : (_valueProp$end = valueProp.end) === null || _valueProp$end === void 0 ? void 0 : _valueProp$end.date)) {
+      var _valueProp$end2;
+
+      const value = {
+        start: valueProp === null || valueProp === void 0 ? void 0 : valueProp.start,
+        end: {
+          date,
+          time: valueProp === null || valueProp === void 0 ? void 0 : (_valueProp$end2 = valueProp.end) === null || _valueProp$end2 === void 0 ? void 0 : _valueProp$end2.time
+        }
+      };
+      dispatchAction({
+        type: "set-value",
+        id,
+        value
+      });
+    }
+  }, [dispatchAction, id, valueProp]);
+  const onEndTimeChange = useCallback(data => {
+    var _valueProp$end3;
+
+    setTouchedEndTime(true);
+    let time;
+
+    if (data != null) {
+      time = `${padTime(data.hours)}:${padTime(data.minutes)}:${padTime(data.seconds)}`;
+    }
+
+    if (time !== (valueProp === null || valueProp === void 0 ? void 0 : (_valueProp$end3 = valueProp.end) === null || _valueProp$end3 === void 0 ? void 0 : _valueProp$end3.time)) {
+      var _valueProp$end4;
+
+      const value = {
+        start: valueProp === null || valueProp === void 0 ? void 0 : valueProp.start,
+        end: {
+          date: valueProp === null || valueProp === void 0 ? void 0 : (_valueProp$end4 = valueProp.end) === null || _valueProp$end4 === void 0 ? void 0 : _valueProp$end4.date,
+          time
+        }
+      };
+      dispatchAction({
+        type: "set-value",
+        id,
+        value
+      });
+    }
+  }, [dispatchAction, id, valueProp]);
+  const startDate = isRange ? valueProp === null || valueProp === void 0 ? void 0 : (_valueProp$start5 = valueProp.start) === null || _valueProp$start5 === void 0 ? void 0 : _valueProp$start5.date : valueProp === null || valueProp === void 0 ? void 0 : valueProp.date;
+  const datePickerValue = useMemo(() => parseDate(startDate), [startDate]);
+  const datePickerStatus = datePickerValue != null ? "valid" : "invalid";
+  const startTime = (_ref = isRange ? valueProp === null || valueProp === void 0 ? void 0 : (_valueProp$start6 = valueProp.start) === null || _valueProp$start6 === void 0 ? void 0 : _valueProp$start6.time : valueProp === null || valueProp === void 0 ? void 0 : valueProp.time) !== null && _ref !== void 0 ? _ref : "";
+  const timePickerValue = useMemo(() => parseTime(startTime), [startTime]);
+  const timePickerStatus = timePickerValue != null ? "valid" : "invalid";
+  const endDate = isRange ? valueProp === null || valueProp === void 0 ? void 0 : (_valueProp$end5 = valueProp.end) === null || _valueProp$end5 === void 0 ? void 0 : _valueProp$end5.date : null;
+  const endDatePickerValue = useMemo(() => parseDate(endDate), [endDate]);
+  const endTime = isRange ? valueProp === null || valueProp === void 0 ? void 0 : (_valueProp$end6 = valueProp.end) === null || _valueProp$end6 === void 0 ? void 0 : _valueProp$end6.time : null;
+  const endTimePickerValue = useMemo(() => parseTime(endTime), [endTime]);
+  const dateStatus = !touchedDate ? "standBy" : datePickerStatus;
+  const timeStatus = !touchedTime ? "standBy" : timePickerStatus;
+  const endDateIsBefore = startDate != null && endDate != null && endDate < startDate;
+  const endTimeIsBeforeOrSame = startDate != null && endDate != null && endDate === startDate && startTime != null && endTime != null && endTime <= startTime;
+  const endDateTimeIsBefore = endDateIsBefore || endTimeIsBeforeOrSame;
+  const endDatePickerStatus = endDatePickerValue == null || endDateTimeIsBefore ? "invalid" : "valid";
+  const endDateStatus = !touchedEndDate ? "standBy" : endDatePickerStatus;
+  const endTimePickerStatus = endTimePickerValue == null || endDateTimeIsBefore ? "invalid" : "valid";
+  const endTimeStatus = !touchedEndTime ? "standBy" : endTimePickerStatus;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes.root
+  }, /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.row, classes.horizontal)
+  }, /*#__PURE__*/React.createElement(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
+  }), /*#__PURE__*/React.createElement(HvTimePicker, {
+    className: classes.timePicker,
+    timeFormat: "24",
+    name: `${elementId}-time`,
+    disableDefaultValue: true,
+    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,
+    onChange: onTimeChange,
+    onToggle: (_evt, open) => {
+      if (!open && !touchedTime) {
+        setTouchedTime(true);
+      }
+    }
+  })), isRange && /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.row, classes.vertical)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.horizontal
+  }, /*#__PURE__*/React.createElement(HvDatePicker, {
+    className: classes.datePicker,
+    name: `${elementId}-endDate`,
+    required: true,
+    status: endDateStatus,
+    statusMessage: labels.rule.value.datetime.validation.required,
+    "aria-errormessage": endDateTimeIsBefore ? `${elementId}-combined-error` : undefined,
+    label: labels.rule.value.datetime.endDateLabel,
+    placeholder: labels.rule.value.datetime.endDatePlaceholder,
+    value: endDatePickerValue,
+    onChange: onEndDateChange
+  }), /*#__PURE__*/React.createElement(HvTimePicker, {
+    className: classes.timePicker,
+    timeFormat: "24",
+    name: `${elementId}-endTime`,
+    disableDefaultValue: true,
+    required: true,
+    status: endTimeStatus,
+    statusMessage: labels.rule.value.datetime.validation.required,
+    "aria-errormessage": endDateTimeIsBefore ? `${elementId}-combined-error` : undefined,
+    label: labels.rule.value.datetime.endTimeLabel,
+    placeholder: labels.rule.value.datetime.endTimePlaceholder,
+    value: endTimePickerValue,
+    onChange: onEndTimeChange,
+    onToggle: (_evt, open) => {
+      if (!open && !touchedEndTime) {
+        setTouchedEndTime(true);
+      }
+    }
+  })), /*#__PURE__*/React.createElement(HvWarningText, {
+    disableBorder: true,
+    id: `${elementId}-combined-error`,
+    isVisible: endDateTimeIsBefore
+  }, labels.rule.value.datetime.validation.invalidInterval)));
+};
+
+DateTimeValue.propTypes = {
+  id: PropTypes.number,
+  operator: PropTypes.string,
+  value: PropTypes.any,
+  initialTouched: PropTypes.bool
+};
+export default /*#__PURE__*/React.memo(DateTimeValue);
+//# sourceMappingURL=DateTimeValue.js.map

package/dist/modern/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js"],"names":["React","useCallback","useMemo","useState","PropTypes","uniqueId","dayjs","clsx","HvDatePicker","HvWarningText","HvTimePicker","Context","padTime","parseDate","parseTime","useStyles","valueIsRange","operator","DateTimeValue","id","value","valueProp","initialTouched","classes","isRange","context","useContext","labels","dispatchAction","elementId","touchedDate","setTouchedDate","touchedTime","setTouchedTime","touchedEndDate","setTouchedEndDate","touchedEndTime","setTouchedEndTime","onDateChange","data","date","format","oldValue","start","time","end","type","onTimeChange","hours","minutes","seconds","onEndDateChange","onEndTimeChange","startDate","datePickerValue","datePickerStatus","startTime","timePickerValue","timePickerStatus","endDate","endDatePickerValue","endTime","endTimePickerValue","dateStatus","timeStatus","endDateIsBefore","endTimeIsBeforeOrSame","endDateTimeIsBefore","endDatePickerStatus","endDateStatus","endTimePickerStatus","endTimeStatus","root","row","horizontal","datePicker","rule","datetime","validation","required","startDateLabel","dateLabel","startDatePlaceholder","datePlaceholder","timePicker","startTimeLabel","timeLabel","startTimePlaceholder","timePlaceholder","_evt","open","vertical","undefined","endDateLabel","endDatePlaceholder","endTimeLabel","endTimePlaceholder","invalidInterval","propTypes","number","string","any","bool","memo"],"mappings":"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","sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport uniqueId from \"lodash/uniqueId\";\nimport dayjs from \"dayjs\";\nimport clsx from \"clsx\";\n\nimport { HvDatePicker, HvWarningText } from \"@hitachivantara/uikit-react-core\";\n\nimport HvTimePicker from \"../../../../TimePicker\";\nimport Context from \"../../../Context\";\nimport { padTime, parseDate, parseTime } from \"./utils\";\n\nimport useStyles from \"./styles\";\n\nfunction valueIsRange(operator) {\n  return operator === \"range\";\n}\n\nconst DateTimeValue = ({ id, operator, value: valueProp = {}, initialTouched = false }) => {\n  const classes = useStyles();\n\n  const isRange = valueIsRange(operator, valueProp);\n\n  const context = React.useContext(Context);\n  const { labels, dispatchAction } = 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(data.seconds)}`;\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(data.seconds)}`;\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 = 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 className={clsx(classes.row, classes.horizontal)}>\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        />\n        <HvTimePicker\n          className={classes.timePicker}\n          timeFormat=\"24\"\n          name={`${elementId}-time`}\n          disableDefaultValue\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}\n          onChange={onTimeChange}\n          onToggle={(_evt, open) => {\n            if (!open && !touchedTime) {\n              setTouchedTime(true);\n            }\n          }}\n        />\n      </div>\n      {isRange && (\n        <div className={clsx(classes.row, classes.vertical)}>\n          <div className={classes.horizontal}>\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={endDateTimeIsBefore ? `${elementId}-combined-error` : undefined}\n              label={labels.rule.value.datetime.endDateLabel}\n              placeholder={labels.rule.value.datetime.endDatePlaceholder}\n              value={endDatePickerValue}\n              onChange={onEndDateChange}\n            />\n            <HvTimePicker\n              className={classes.timePicker}\n              timeFormat=\"24\"\n              name={`${elementId}-endTime`}\n              disableDefaultValue\n              required\n              status={endTimeStatus}\n              statusMessage={labels.rule.value.datetime.validation.required}\n              aria-errormessage={endDateTimeIsBefore ? `${elementId}-combined-error` : undefined}\n              label={labels.rule.value.datetime.endTimeLabel}\n              placeholder={labels.rule.value.datetime.endTimePlaceholder}\n              value={endTimePickerValue}\n              onChange={onEndTimeChange}\n              onToggle={(_evt, open) => {\n                if (!open && !touchedEndTime) {\n                  setTouchedEndTime(true);\n                }\n              }}\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\nDateTimeValue.propTypes = {\n  id: PropTypes.number,\n  operator: PropTypes.string,\n  value: PropTypes.any,\n  initialTouched: PropTypes.bool,\n};\n\nexport default React.memo(DateTimeValue);\n"],"file":"DateTimeValue.js"}

package/dist/modern/QueryBuilder/Rule/Value/DateTimeValue/index.js

@@ -0,0 +1,2 @@
+export { default } from "./DateTimeValue";
+//# sourceMappingURL=index.js.map

package/dist/modern/QueryBuilder/Rule/Value/DateTimeValue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/QueryBuilder/Rule/Value/DateTimeValue/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,iBAAxB","sourcesContent":["export { default } from \"./DateTimeValue\";\n"],"file":"index.js"}

package/dist/modern/QueryBuilder/Rule/Value/DateTimeValue/styles.js

@@ -0,0 +1,33 @@
+import { makeStyles } from "@material-ui/core";
+const useStyles = makeStyles(theme => {
+  return {
+    root: {
+      display: "flex",
+      flexDirection: "column"
+    },
+    row: {
+      minHeight: 94
+    },
+    vertical: {
+      display: "flex",
+      flexDirection: "column"
+    },
+    horizontal: {
+      display: "flex",
+      "& > div:not(:last-child)": {
+        marginRight: theme.hv.spacing.md,
+        [theme.breakpoints.down("md")]: {
+          marginRight: theme.hv.spacing.md / 2
+        }
+      }
+    },
+    datePicker: {
+      flex: "0 1 320px"
+    },
+    timePicker: {
+      flex: "0 1 200px"
+    }
+  };
+});
+export default useStyles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/QueryBuilder/Rule/Value/DateTimeValue/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/QueryBuilder/Rule/Value/DateTimeValue/styles.js"],"names":["makeStyles","useStyles","theme","root","display","flexDirection","row","minHeight","vertical","horizontal","marginRight","hv","spacing","md","breakpoints","down","datePicker","flex","timePicker"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;AAEA,MAAMC,SAAS,GAAGD,UAAU,CAAEE,KAAD,IAAW;AACtC,SAAO;AACLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,MADL;AAEJC,MAAAA,aAAa,EAAE;AAFX,KADD;AAKLC,IAAAA,GAAG,EAAE;AACHC,MAAAA,SAAS,EAAE;AADR,KALA;AAQLC,IAAAA,QAAQ,EAAE;AACRJ,MAAAA,OAAO,EAAE,MADD;AAERC,MAAAA,aAAa,EAAE;AAFP,KARL;AAYLI,IAAAA,UAAU,EAAE;AACVL,MAAAA,OAAO,EAAE,MADC;AAGV,kCAA4B;AAC1BM,QAAAA,WAAW,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,EADJ;AAG1B,SAACX,KAAK,CAACY,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CAAD,GAAgC;AAC9BL,UAAAA,WAAW,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB;AADL;AAHN;AAHlB,KAZP;AAuBLG,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAE;AADI,KAvBP;AA0BLC,IAAAA,UAAU,EAAE;AACVD,MAAAA,IAAI,EAAE;AADI;AA1BP,GAAP;AA8BD,CA/B2B,CAA5B;AAiCA,eAAehB,SAAf","sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst useStyles = makeStyles((theme) => {\n  return {\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n    },\n    row: {\n      minHeight: 94,\n    },\n    vertical: {\n      display: \"flex\",\n      flexDirection: \"column\",\n    },\n    horizontal: {\n      display: \"flex\",\n\n      \"& > div:not(:last-child)\": {\n        marginRight: theme.hv.spacing.md,\n\n        [theme.breakpoints.down(\"md\")]: {\n          marginRight: theme.hv.spacing.md / 2,\n        },\n      },\n    },\n    datePicker: {\n      flex: \"0 1 320px\",\n    },\n    timePicker: {\n      flex: \"0 1 200px\",\n    },\n  };\n});\n\nexport default useStyles;\n"],"file":"styles.js"}

package/dist/modern/QueryBuilder/Rule/Value/DateTimeValue/utils.js

@@ -0,0 +1,41 @@
+import dayjs from "dayjs";
+/**
+ * Pads the unit time values so that they always have two digits
+ * @param {Number} value - unit time value
+ * @returns The unit time value with two digits
+ */
+
+export const padTime = value => {
+  if (!value || value < 0) {
+    return "00";
+  }
+
+  if (value < 10 && value.toString().length === 1) {
+    return `0${value.toString()}`;
+  }
+
+  return value.toString();
+};
+export const parseDate = date => {
+  if (date != null) {
+    return dayjs(date).toDate();
+  }
+
+  return undefined;
+};
+export const parseTime = time => {
+  if (time != null) {
+    const parts = time.split(":");
+
+    if (parts.length === 3) {
+      return {
+        hours: Number.parseInt(parts[0], 10),
+        minutes: Number.parseInt(parts[1], 10),
+        seconds: Number.parseInt(parts[2], 10)
+      };
+    }
+  }
+
+  return null;
+};
+//# sourceMappingURL=utils.js.map

package/dist/modern/QueryBuilder/Rule/Value/DateTimeValue/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/QueryBuilder/Rule/Value/DateTimeValue/utils.js"],"names":["dayjs","padTime","value","toString","length","parseDate","date","toDate","undefined","parseTime","time","parts","split","hours","Number","parseInt","minutes","seconds"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,OAAO,GAAIC,KAAD,IAAW;AAChC,MAAI,CAACA,KAAD,IAAUA,KAAK,GAAG,CAAtB,EAAyB;AACvB,WAAO,IAAP;AACD;;AACD,MAAIA,KAAK,GAAG,EAAR,IAAcA,KAAK,CAACC,QAAN,GAAiBC,MAAjB,KAA4B,CAA9C,EAAiD;AAC/C,WAAQ,IAAGF,KAAK,CAACC,QAAN,EAAiB,EAA5B;AACD;;AAED,SAAOD,KAAK,CAACC,QAAN,EAAP;AACD,CATM;AAWP,OAAO,MAAME,SAAS,GAAIC,IAAD,IAAU;AACjC,MAAIA,IAAI,IAAI,IAAZ,EAAkB;AAChB,WAAON,KAAK,CAACM,IAAD,CAAL,CAAYC,MAAZ,EAAP;AACD;;AAED,SAAOC,SAAP;AACD,CANM;AAQP,OAAO,MAAMC,SAAS,GAAIC,IAAD,IAAU;AACjC,MAAIA,IAAI,IAAI,IAAZ,EAAkB;AAChB,UAAMC,KAAK,GAAGD,IAAI,CAACE,KAAL,CAAW,GAAX,CAAd;;AAEA,QAAID,KAAK,CAACP,MAAN,KAAiB,CAArB,EAAwB;AACtB,aAAO;AACLS,QAAAA,KAAK,EAAEC,MAAM,CAACC,QAAP,CAAgBJ,KAAK,CAAC,CAAD,CAArB,EAA0B,EAA1B,CADF;AAELK,QAAAA,OAAO,EAAEF,MAAM,CAACC,QAAP,CAAgBJ,KAAK,CAAC,CAAD,CAArB,EAA0B,EAA1B,CAFJ;AAGLM,QAAAA,OAAO,EAAEH,MAAM,CAACC,QAAP,CAAgBJ,KAAK,CAAC,CAAD,CAArB,EAA0B,EAA1B;AAHJ,OAAP;AAKD;AACF;;AAED,SAAO,IAAP;AACD,CAdM","sourcesContent":["import dayjs from \"dayjs\";\n\n/**\n * Pads the unit time values so that they always have two digits\n * @param {Number} value - unit time value\n * @returns The unit time value with two digits\n */\nexport const padTime = (value) => {\n  if (!value || value < 0) {\n    return \"00\";\n  }\n  if (value < 10 && value.toString().length === 1) {\n    return `0${value.toString()}`;\n  }\n\n  return value.toString();\n};\n\nexport const parseDate = (date) => {\n  if (date != null) {\n    return dayjs(date).toDate();\n  }\n\n  return undefined;\n};\n\nexport const parseTime = (time) => {\n  if (time != null) {\n    const parts = time.split(\":\");\n\n    if (parts.length === 3) {\n      return {\n        hours: Number.parseInt(parts[0], 10),\n        minutes: Number.parseInt(parts[1], 10),\n        seconds: Number.parseInt(parts[2], 10),\n      };\n    }\n  }\n\n  return null;\n};\n"],"file":"utils.js"}

package/dist/modern/QueryBuilder/Rule/Value/NumericValue/NumericValue.js

@@ -0,0 +1,188 @@
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { useCallback, useState } from "react";
+import PropTypes from "prop-types";
+import uniqueId from "lodash/uniqueId";
+import isEmpty from "lodash/isEmpty";
+import { HvInput } from "@hitachivantara/uikit-react-core";
+import Context from "../../../Context";
+import useStyles from "./styles";
+
+const NumericValue = ({
+  id,
+  value,
+  operator,
+  initialTouched = false
+}) => {
+  const classes = useStyles();
+  const isRange = operator === "range";
+  const context = React.useContext(Context);
+  const {
+    labels,
+    dispatchAction
+  } = context;
+  const onSingleValueChange = useCallback((evt, data) => {
+    const numericData = isEmpty(data) ? null : Number(data);
+    dispatchAction({
+      type: "set-value",
+      id,
+      value: Number.isNaN(numericData) ? data : numericData
+    });
+  }, [dispatchAction, id]);
+  const onRangeValueChange = useCallback((evt, data, from = true) => {
+    const numericData = isEmpty(data) ? null : Number(data);
+    const currentValue = value;
+    const numericRange = {
+      from: currentValue === null || currentValue === void 0 ? void 0 : currentValue.from,
+      to: currentValue === null || currentValue === void 0 ? void 0 : currentValue.to
+    };
+
+    if (from) {
+      numericRange.from = Number.isNaN(numericData) ? data : numericData;
+    } else {
+      numericRange.to = Number.isNaN(numericData) ? data : numericData;
+    }
+
+    dispatchAction({
+      type: "set-value",
+      id,
+      value: numericRange
+    });
+  }, [dispatchAction, id, value]);
+  const [touchedNumeric, setTouchedNumeric] = useState(initialTouched);
+  const [touchedNumericTo, setTouchedNumericTo] = useState(initialTouched);
+  const elementId = uniqueId("numeric");
+  let numericValidation = null;
+  let rightValidation = null;
+
+  if (touchedNumeric || touchedNumericTo) {
+    if (value === undefined || (value === null || value === void 0 ? void 0 : value.toString()) === "") {
+      if (touchedNumeric) {
+        numericValidation = "required";
+      }
+
+      if (touchedNumericTo) {
+        rightValidation = "required";
+      }
+    } else if (!isRange) {
+      if (Number.isNaN(Number(value))) {
+        numericValidation = "invalid";
+      }
+    } else if (isRange) {
+      var _rangeValue$from, _rangeValue$to;
+
+      const rangeValue = value;
+
+      if ((rangeValue === null || rangeValue === void 0 ? void 0 : rangeValue.from) === undefined || (rangeValue === null || rangeValue === void 0 ? void 0 : (_rangeValue$from = rangeValue.from) === null || _rangeValue$from === void 0 ? void 0 : _rangeValue$from.toString()) === "") {
+        numericValidation = "required";
+      } else if (Number.isNaN(Number(rangeValue === null || rangeValue === void 0 ? void 0 : rangeValue.from))) {
+        numericValidation = "invalid";
+      }
+
+      if ((rangeValue === null || rangeValue === void 0 ? void 0 : rangeValue.to) === undefined || (rangeValue === null || rangeValue === void 0 ? void 0 : (_rangeValue$to = rangeValue.to) === null || _rangeValue$to === void 0 ? void 0 : _rangeValue$to.toString()) === "") {
+        rightValidation = "required";
+      } else if (Number.isNaN(Number(rangeValue === null || rangeValue === void 0 ? void 0 : rangeValue.to))) {
+        rightValidation = "invalid";
+      } else if (Number(rangeValue === null || rangeValue === void 0 ? void 0 : rangeValue.from) > Number(rangeValue === null || rangeValue === void 0 ? void 0 : rangeValue.to)) {
+        rightValidation = "greaterThan";
+      } else if (Number(rangeValue === null || rangeValue === void 0 ? void 0 : rangeValue.from) === Number(rangeValue === null || rangeValue === void 0 ? void 0 : rangeValue.to)) {
+        rightValidation = "equal";
+      }
+    }
+  }
+
+  const numericStatus = numericValidation != null ? "invalid" : "valid";
+  const rightStatus = rightValidation != null ? "invalid" : "valid";
+
+  const renderRangeInputs = rangeValue => {
+    var _rangeValue$from2, _rangeValue$to2;
+
+    return /*#__PURE__*/React.createElement("div", {
+      className: classes.rangeContainer
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classes.inputContainer
+    }, /*#__PURE__*/React.createElement(HvInput, {
+      label: labels.rule.value.numeric.range.leftLabel,
+      className: classes.input,
+      id: `${elementId}-numeric-from`,
+      name: `${elementId}-numeric-from`,
+      value: (rangeValue === null || rangeValue === void 0 ? void 0 : (_rangeValue$from2 = rangeValue.from) === null || _rangeValue$from2 === void 0 ? void 0 : _rangeValue$from2.toString()) || "",
+      onChange: (event, data) => onRangeValueChange(event, data),
+      onBlur: () => {
+        setTouchedNumeric(true);
+      },
+      onKeyDown: e => {
+        if (e.key === "Enter") {
+          e.preventDefault();
+        }
+      },
+      status: !touchedNumeric ? "standBy" : numericStatus,
+      statusMessage: labels.rule.value.numeric.validation[numericValidation] || "",
+      required: true,
+      inputProps: {
+        autoComplete: "off"
+      },
+      placeholder: labels.rule.value.numeric.placeholder
+    })), /*#__PURE__*/React.createElement("div", {
+      className: classes.inputContainer
+    }, /*#__PURE__*/React.createElement(HvInput, {
+      label: labels.rule.value.numeric.range.rightLabel,
+      className: classes.input,
+      id: `${elementId}-numeric-to`,
+      name: `${elementId}-numeric-to`,
+      value: (rangeValue === null || rangeValue === void 0 ? void 0 : (_rangeValue$to2 = rangeValue.to) === null || _rangeValue$to2 === void 0 ? void 0 : _rangeValue$to2.toString()) || "",
+      onChange: (event, data) => onRangeValueChange(event, data, false),
+      onBlur: () => {
+        setTouchedNumericTo(true);
+      },
+      onKeyDown: e => {
+        if (e.key === "Enter") {
+          e.preventDefault();
+        }
+      },
+      status: !touchedNumericTo ? "standBy" : rightStatus,
+      statusMessage: labels.rule.value.numeric.validation[rightValidation] || "",
+      required: true,
+      inputProps: {
+        autoComplete: "off"
+      },
+      placeholder: labels.rule.value.numeric.placeholder
+    })));
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes.root
+  }, isRange && renderRangeInputs(value || {}), !isRange && /*#__PURE__*/React.createElement("div", {
+    className: classes.inputContainer
+  }, /*#__PURE__*/React.createElement(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: labels.rule.value.numeric.validation[numericValidation] || ""
+  })));
+};
+
+NumericValue.propTypes = {
+  id: PropTypes.number,
+  value: PropTypes.any,
+  operator: PropTypes.string,
+  initialTouched: PropTypes.bool
+};
+export default /*#__PURE__*/React.memo(NumericValue);
+//# sourceMappingURL=NumericValue.js.map

package/dist/modern/QueryBuilder/Rule/Value/NumericValue/NumericValue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/QueryBuilder/Rule/Value/NumericValue/NumericValue.js"],"names":["React","useCallback","useState","PropTypes","uniqueId","isEmpty","HvInput","Context","useStyles","NumericValue","id","value","operator","initialTouched","classes","isRange","context","useContext","labels","dispatchAction","onSingleValueChange","evt","data","numericData","Number","type","isNaN","onRangeValueChange","from","currentValue","numericRange","to","touchedNumeric","setTouchedNumeric","touchedNumericTo","setTouchedNumericTo","elementId","numericValidation","rightValidation","undefined","toString","rangeValue","numericStatus","rightStatus","renderRangeInputs","rangeContainer","inputContainer","rule","numeric","range","leftLabel","input","event","e","key","preventDefault","validation","autoComplete","placeholder","rightLabel","root","label","propTypes","number","any","string","bool","memo"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,QAA7B,QAA6C,OAA7C;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,iBAArB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AAEA,SAASC,OAAT,QAAwB,kCAAxB;AAEA,OAAOC,OAAP,MAAoB,kBAApB;AACA,OAAOC,SAAP,MAAsB,UAAtB;;AAEA,MAAMC,YAAY,GAAG,CAAC;AAAEC,EAAAA,EAAF;AAAMC,EAAAA,KAAN;AAAaC,EAAAA,QAAb;AAAuBC,EAAAA,cAAc,GAAG;AAAxC,CAAD,KAAqD;AACxE,QAAMC,OAAO,GAAGN,SAAS,EAAzB;AACA,QAAMO,OAAO,GAAGH,QAAQ,KAAK,OAA7B;AACA,QAAMI,OAAO,GAAGhB,KAAK,CAACiB,UAAN,CAAiBV,OAAjB,CAAhB;AACA,QAAM;AAAEW,IAAAA,MAAF;AAAUC,IAAAA;AAAV,MAA6BH,OAAnC;AAEA,QAAMI,mBAAmB,GAAGnB,WAAW,CACrC,CAACoB,GAAD,EAAMC,IAAN,KAAe;AACb,UAAMC,WAAW,GAAGlB,OAAO,CAACiB,IAAD,CAAP,GAAgB,IAAhB,GAAuBE,MAAM,CAACF,IAAD,CAAjD;AACAH,IAAAA,cAAc,CAAC;AACbM,MAAAA,IAAI,EAAE,WADO;AAEbf,MAAAA,EAFa;AAGbC,MAAAA,KAAK,EAAEa,MAAM,CAACE,KAAP,CAAaH,WAAb,IAA4BD,IAA5B,GAAmCC;AAH7B,KAAD,CAAd;AAKD,GARoC,EASrC,CAACJ,cAAD,EAAiBT,EAAjB,CATqC,CAAvC;AAYA,QAAMiB,kBAAkB,GAAG1B,WAAW,CACpC,CAACoB,GAAD,EAAMC,IAAN,EAAYM,IAAI,GAAG,IAAnB,KAA4B;AAC1B,UAAML,WAAW,GAAGlB,OAAO,CAACiB,IAAD,CAAP,GAAgB,IAAhB,GAAuBE,MAAM,CAACF,IAAD,CAAjD;AACA,UAAMO,YAAY,GAAGlB,KAArB;AACA,UAAMmB,YAAY,GAAG;AACnBF,MAAAA,IAAI,EAAEC,YAAF,aAAEA,YAAF,uBAAEA,YAAY,CAAED,IADD;AAEnBG,MAAAA,EAAE,EAAEF,YAAF,aAAEA,YAAF,uBAAEA,YAAY,CAAEE;AAFC,KAArB;;AAIA,QAAIH,IAAJ,EAAU;AACRE,MAAAA,YAAY,CAACF,IAAb,GAAoBJ,MAAM,CAACE,KAAP,CAAaH,WAAb,IAA4BD,IAA5B,GAAmCC,WAAvD;AACD,KAFD,MAEO;AACLO,MAAAA,YAAY,CAACC,EAAb,GAAkBP,MAAM,CAACE,KAAP,CAAaH,WAAb,IAA4BD,IAA5B,GAAmCC,WAArD;AACD;;AACDJ,IAAAA,cAAc,CAAC;AACbM,MAAAA,IAAI,EAAE,WADO;AAEbf,MAAAA,EAFa;AAGbC,MAAAA,KAAK,EAAEmB;AAHM,KAAD,CAAd;AAKD,GAlBmC,EAmBpC,CAACX,cAAD,EAAiBT,EAAjB,EAAqBC,KAArB,CAnBoC,CAAtC;AAsBA,QAAM,CAACqB,cAAD,EAAiBC,iBAAjB,IAAsC/B,QAAQ,CAACW,cAAD,CAApD;AACA,QAAM,CAACqB,gBAAD,EAAmBC,mBAAnB,IAA0CjC,QAAQ,CAACW,cAAD,CAAxD;AAEA,QAAMuB,SAAS,GAAGhC,QAAQ,CAAC,SAAD,CAA1B;AAEA,MAAIiC,iBAAiB,GAAG,IAAxB;AACA,MAAIC,eAAe,GAAG,IAAtB;;AAEA,MAAIN,cAAc,IAAIE,gBAAtB,EAAwC;AACtC,QAAIvB,KAAK,KAAK4B,SAAV,IAAuB,CAAA5B,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAE6B,QAAP,QAAsB,EAAjD,EAAqD;AACnD,UAAIR,cAAJ,EAAoB;AAClBK,QAAAA,iBAAiB,GAAG,UAApB;AACD;;AACD,UAAIH,gBAAJ,EAAsB;AACpBI,QAAAA,eAAe,GAAG,UAAlB;AACD;AACF,KAPD,MAOO,IAAI,CAACvB,OAAL,EAAc;AACnB,UAAIS,MAAM,CAACE,KAAP,CAAaF,MAAM,CAACb,KAAD,CAAnB,CAAJ,EAAiC;AAC/B0B,QAAAA,iBAAiB,GAAG,SAApB;AACD;AACF,KAJM,MAIA,IAAItB,OAAJ,EAAa;AAAA;;AAClB,YAAM0B,UAAU,GAAG9B,KAAnB;;AACA,UAAI,CAAA8B,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEb,IAAZ,MAAqBW,SAArB,IAAkC,CAAAE,UAAU,SAAV,IAAAA,UAAU,WAAV,gCAAAA,UAAU,CAAEb,IAAZ,sEAAkBY,QAAlB,QAAiC,EAAvE,EAA2E;AACzEH,QAAAA,iBAAiB,GAAG,UAApB;AACD,OAFD,MAEO,IAAIb,MAAM,CAACE,KAAP,CAAaF,MAAM,CAACiB,UAAD,aAACA,UAAD,uBAACA,UAAU,CAAEb,IAAb,CAAnB,CAAJ,EAA4C;AACjDS,QAAAA,iBAAiB,GAAG,SAApB;AACD;;AAED,UAAI,CAAAI,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEV,EAAZ,MAAmBQ,SAAnB,IAAgC,CAAAE,UAAU,SAAV,IAAAA,UAAU,WAAV,8BAAAA,UAAU,CAAEV,EAAZ,kEAAgBS,QAAhB,QAA+B,EAAnE,EAAuE;AACrEF,QAAAA,eAAe,GAAG,UAAlB;AACD,OAFD,MAEO,IAAId,MAAM,CAACE,KAAP,CAAaF,MAAM,CAACiB,UAAD,aAACA,UAAD,uBAACA,UAAU,CAAEV,EAAb,CAAnB,CAAJ,EAA0C;AAC/CO,QAAAA,eAAe,GAAG,SAAlB;AACD,OAFM,MAEA,IAAId,MAAM,CAACiB,UAAD,aAACA,UAAD,uBAACA,UAAU,CAAEb,IAAb,CAAN,GAA2BJ,MAAM,CAACiB,UAAD,aAACA,UAAD,uBAACA,UAAU,CAAEV,EAAb,CAArC,EAAuD;AAC5DO,QAAAA,eAAe,GAAG,aAAlB;AACD,OAFM,MAEA,IAAId,MAAM,CAACiB,UAAD,aAACA,UAAD,uBAACA,UAAU,CAAEb,IAAb,CAAN,KAA6BJ,MAAM,CAACiB,UAAD,aAACA,UAAD,uBAACA,UAAU,CAAEV,EAAb,CAAvC,EAAyD;AAC9DO,QAAAA,eAAe,GAAG,OAAlB;AACD;AACF;AACF;;AAED,QAAMI,aAAa,GAAGL,iBAAiB,IAAI,IAArB,GAA4B,SAA5B,GAAwC,OAA9D;AACA,QAAMM,WAAW,GAAGL,eAAe,IAAI,IAAnB,GAA0B,SAA1B,GAAsC,OAA1D;;AAEA,QAAMM,iBAAiB,GAAIH,UAAD;AAAA;;AAAA,wBACxB;AAAK,MAAA,SAAS,EAAE3B,OAAO,CAAC+B;AAAxB,oBACE;AAAK,MAAA,SAAS,EAAE/B,OAAO,CAACgC;AAAxB,oBACE,oBAAC,OAAD;AACE,MAAA,KAAK,EAAE5B,MAAM,CAAC6B,IAAP,CAAYpC,KAAZ,CAAkBqC,OAAlB,CAA0BC,KAA1B,CAAgCC,SADzC;AAEE,MAAA,SAAS,EAAEpC,OAAO,CAACqC,KAFrB;AAGE,MAAA,EAAE,EAAG,GAAEf,SAAU,eAHnB;AAIE,MAAA,IAAI,EAAG,GAAEA,SAAU,eAJrB;AAKE,MAAA,KAAK,EAAE,CAAAK,UAAU,SAAV,IAAAA,UAAU,WAAV,iCAAAA,UAAU,CAAEb,IAAZ,wEAAkBY,QAAlB,OAAgC,EALzC;AAME,MAAA,QAAQ,EAAE,CAACY,KAAD,EAAQ9B,IAAR,KAAiBK,kBAAkB,CAACyB,KAAD,EAAQ9B,IAAR,CAN/C;AAOE,MAAA,MAAM,EAAE,MAAM;AACZW,QAAAA,iBAAiB,CAAC,IAAD,CAAjB;AACD,OATH;AAUE,MAAA,SAAS,EAAGoB,CAAD,IAAO;AAChB,YAAIA,CAAC,CAACC,GAAF,KAAU,OAAd,EAAuB;AACrBD,UAAAA,CAAC,CAACE,cAAF;AACD;AACF,OAdH;AAeE,MAAA,MAAM,EAAE,CAACvB,cAAD,GAAkB,SAAlB,GAA8BU,aAfxC;AAgBE,MAAA,aAAa,EAAExB,MAAM,CAAC6B,IAAP,CAAYpC,KAAZ,CAAkBqC,OAAlB,CAA0BQ,UAA1B,CAAqCnB,iBAArC,KAA2D,EAhB5E;AAiBE,MAAA,QAAQ,MAjBV;AAkBE,MAAA,UAAU,EAAE;AACVoB,QAAAA,YAAY,EAAE;AADJ,OAlBd;AAqBE,MAAA,WAAW,EAAEvC,MAAM,CAAC6B,IAAP,CAAYpC,KAAZ,CAAkBqC,OAAlB,CAA0BU;AArBzC,MADF,CADF,eA0BE;AAAK,MAAA,SAAS,EAAE5C,OAAO,CAACgC;AAAxB,oBACE,oBAAC,OAAD;AACE,MAAA,KAAK,EAAE5B,MAAM,CAAC6B,IAAP,CAAYpC,KAAZ,CAAkBqC,OAAlB,CAA0BC,KAA1B,CAAgCU,UADzC;AAEE,MAAA,SAAS,EAAE7C,OAAO,CAACqC,KAFrB;AAGE,MAAA,EAAE,EAAG,GAAEf,SAAU,aAHnB;AAIE,MAAA,IAAI,EAAG,GAAEA,SAAU,aAJrB;AAKE,MAAA,KAAK,EAAE,CAAAK,UAAU,SAAV,IAAAA,UAAU,WAAV,+BAAAA,UAAU,CAAEV,EAAZ,oEAAgBS,QAAhB,OAA8B,EALvC;AAME,MAAA,QAAQ,EAAE,CAACY,KAAD,EAAQ9B,IAAR,KAAiBK,kBAAkB,CAACyB,KAAD,EAAQ9B,IAAR,EAAc,KAAd,CAN/C;AAOE,MAAA,MAAM,EAAE,MAAM;AACZa,QAAAA,mBAAmB,CAAC,IAAD,CAAnB;AACD,OATH;AAUE,MAAA,SAAS,EAAGkB,CAAD,IAAO;AAChB,YAAIA,CAAC,CAACC,GAAF,KAAU,OAAd,EAAuB;AACrBD,UAAAA,CAAC,CAACE,cAAF;AACD;AACF,OAdH;AAeE,MAAA,MAAM,EAAE,CAACrB,gBAAD,GAAoB,SAApB,GAAgCS,WAf1C;AAgBE,MAAA,aAAa,EAAEzB,MAAM,CAAC6B,IAAP,CAAYpC,KAAZ,CAAkBqC,OAAlB,CAA0BQ,UAA1B,CAAqClB,eAArC,KAAyD,EAhB1E;AAiBE,MAAA,QAAQ,MAjBV;AAkBE,MAAA,UAAU,EAAE;AACVmB,QAAAA,YAAY,EAAE;AADJ,OAlBd;AAqBE,MAAA,WAAW,EAAEvC,MAAM,CAAC6B,IAAP,CAAYpC,KAAZ,CAAkBqC,OAAlB,CAA0BU;AArBzC,MADF,CA1BF,CADwB;AAAA,GAA1B;;AAuDA,sBACE;AAAK,IAAA,SAAS,EAAE5C,OAAO,CAAC8C;AAAxB,KACG7C,OAAO,IAAI6B,iBAAiB,CAACjC,KAAK,IAAI,EAAV,CAD/B,EAEG,CAACI,OAAD,iBACC;AAAK,IAAA,SAAS,EAAED,OAAO,CAACgC;AAAxB,kBACE,oBAAC,OAAD;AACE,IAAA,KAAK,EAAE5B,MAAM,CAAC6B,IAAP,CAAYpC,KAAZ,CAAkBqC,OAAlB,CAA0Ba,KADnC;AAEE,IAAA,SAAS,EAAE/C,OAAO,CAACqC,KAFrB;AAGE,IAAA,EAAE,EAAG,GAAEf,SAAU,UAHnB;AAIE,IAAA,IAAI,EAAG,GAAEA,SAAU,UAJrB;AAKE,IAAA,KAAK,EAAEzB,KAAK,GAAGA,KAAK,CAAC6B,QAAN,EAAH,GAAsB,EALpC;AAME,IAAA,QAAQ,EAAEpB,mBANZ;AAOE,IAAA,MAAM,EAAE,MAAM;AACZa,MAAAA,iBAAiB,CAAC,IAAD,CAAjB;AACD,KATH;AAUE,IAAA,SAAS,EAAGoB,CAAD,IAAO;AAChB,UAAIA,CAAC,CAACC,GAAF,KAAU,OAAd,EAAuB;AACrBD,QAAAA,CAAC,CAACE,cAAF;AACD;AACF,KAdH;AAeE,IAAA,MAAM,EAAE,CAACvB,cAAD,GAAkB,SAAlB,GAA8BU,aAfxC;AAgBE,IAAA,QAAQ,MAhBV;AAiBE,IAAA,UAAU,EAAE;AACVe,MAAAA,YAAY,EAAE;AADJ,KAjBd;AAoBE,IAAA,WAAW,EAAEvC,MAAM,CAAC6B,IAAP,CAAYpC,KAAZ,CAAkBqC,OAAlB,CAA0BU,WApBzC;AAqBE,IAAA,aAAa,EAAExC,MAAM,CAAC6B,IAAP,CAAYpC,KAAZ,CAAkBqC,OAAlB,CAA0BQ,UAA1B,CAAqCnB,iBAArC,KAA2D;AArB5E,IADF,CAHJ,CADF;AAgCD,CA1KD;;AA4KA5B,YAAY,CAACqD,SAAb,GAAyB;AACvBpD,EAAAA,EAAE,EAAEP,SAAS,CAAC4D,MADS;AAEvBpD,EAAAA,KAAK,EAAER,SAAS,CAAC6D,GAFM;AAGvBpD,EAAAA,QAAQ,EAAET,SAAS,CAAC8D,MAHG;AAIvBpD,EAAAA,cAAc,EAAEV,SAAS,CAAC+D;AAJH,CAAzB;AAOA,4BAAelE,KAAK,CAACmE,IAAN,CAAW1D,YAAX,CAAf","sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport uniqueId from \"lodash/uniqueId\";\nimport isEmpty from \"lodash/isEmpty\";\n\nimport { HvInput } from \"@hitachivantara/uikit-react-core\";\n\nimport Context from \"../../../Context\";\nimport useStyles from \"./styles\";\n\nconst NumericValue = ({ id, value, operator, initialTouched = false }) => {\n  const classes = useStyles();\n  const isRange = operator === \"range\";\n  const context = React.useContext(Context);\n  const { labels, dispatchAction } = context;\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 = null;\n  let rightValidation = 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 (rangeValue?.from === undefined || rangeValue?.from?.toString() === \"\") {\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 className={classes.rangeContainer}>\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) => {\n            if (e.key === \"Enter\") {\n              e.preventDefault();\n            }\n          }}\n          status={!touchedNumeric ? \"standBy\" : numericStatus}\n          statusMessage={labels.rule.value.numeric.validation[numericValidation] || \"\"}\n          required\n          inputProps={{\n            autoComplete: \"off\",\n          }}\n          placeholder={labels.rule.value.numeric.placeholder}\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) => {\n            if (e.key === \"Enter\") {\n              e.preventDefault();\n            }\n          }}\n          status={!touchedNumericTo ? \"standBy\" : rightStatus}\n          statusMessage={labels.rule.value.numeric.validation[rightValidation] || \"\"}\n          required\n          inputProps={{\n            autoComplete: \"off\",\n          }}\n          placeholder={labels.rule.value.numeric.placeholder}\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) => {\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={labels.rule.value.numeric.validation[numericValidation] || \"\"}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nNumericValue.propTypes = {\n  id: PropTypes.number,\n  value: PropTypes.any,\n  operator: PropTypes.string,\n  initialTouched: PropTypes.bool,\n};\n\nexport default React.memo(NumericValue);\n"],"file":"NumericValue.js"}

package/dist/modern/QueryBuilder/Rule/Value/NumericValue/index.js

@@ -0,0 +1,2 @@
+export { default } from "./NumericValue";
+//# sourceMappingURL=index.js.map

package/dist/modern/QueryBuilder/Rule/Value/NumericValue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/QueryBuilder/Rule/Value/NumericValue/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,gBAAxB","sourcesContent":["export { default } from \"./NumericValue\";\n"],"file":"index.js"}