@hitachivantara/uikit-react-lab 3.38.0

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

@@ -0,0 +1,291 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import "core-js/modules/es.array.concat.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";
+}
+
+var DateTimeValue = function DateTimeValue(_ref) {
+  var _valueProp$start5, _ref2, _valueProp$start6, _valueProp$end5, _valueProp$end6;
+
+  var id = _ref.id,
+      operator = _ref.operator,
+      _ref$value = _ref.value,
+      valueProp = _ref$value === void 0 ? {} : _ref$value,
+      _ref$initialTouched = _ref.initialTouched,
+      initialTouched = _ref$initialTouched === void 0 ? false : _ref$initialTouched;
+  var classes = useStyles();
+  var isRange = valueIsRange(operator, valueProp);
+  var context = React.useContext(Context);
+  var labels = context.labels,
+      dispatchAction = context.dispatchAction;
+  var elementId = uniqueId("datetime".concat(id));
+
+  var _useState = useState(initialTouched),
+      _useState2 = _slicedToArray(_useState, 2),
+      touchedDate = _useState2[0],
+      setTouchedDate = _useState2[1];
+
+  var _useState3 = useState(initialTouched),
+      _useState4 = _slicedToArray(_useState3, 2),
+      touchedTime = _useState4[0],
+      setTouchedTime = _useState4[1];
+
+  var _useState5 = useState(initialTouched),
+      _useState6 = _slicedToArray(_useState5, 2),
+      touchedEndDate = _useState6[0],
+      setTouchedEndDate = _useState6[1];
+
+  var _useState7 = useState(initialTouched),
+      _useState8 = _slicedToArray(_useState7, 2),
+      touchedEndTime = _useState8[0],
+      setTouchedEndTime = _useState8[1];
+
+  var onDateChange = useCallback(function (data) {
+    var _valueProp$start;
+
+    setTouchedDate(true);
+    var date;
+
+    if (data != null) {
+      date = dayjs(data).format("YYYY-MM-DD");
+    }
+
+    var 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) {
+      var value;
+
+      if (!isRange) {
+        value = {
+          date: date,
+          time: valueProp === null || valueProp === void 0 ? void 0 : valueProp.time
+        };
+      } else {
+        var _valueProp$start2;
+
+        value = {
+          start: {
+            date: 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: id,
+        value: value
+      });
+    }
+  }, [dispatchAction, id, isRange, valueProp]);
+  var onTimeChange = useCallback(function (data) {
+    var _valueProp$start3;
+
+    setTouchedTime(true);
+    var time;
+
+    if (data != null) {
+      time = "".concat(padTime(data.hours), ":").concat(padTime(data.minutes), ":").concat(padTime(data.seconds));
+    }
+
+    var 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) {
+      var value;
+
+      if (!isRange) {
+        value = {
+          date: valueProp === null || valueProp === void 0 ? void 0 : valueProp.date,
+          time: 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: time
+          },
+          end: valueProp === null || valueProp === void 0 ? void 0 : valueProp.end
+        };
+      }
+
+      dispatchAction({
+        type: "set-value",
+        id: id,
+        value: value
+      });
+    }
+  }, [dispatchAction, id, isRange, valueProp]);
+  var onEndDateChange = useCallback(function (data) {
+    var _valueProp$end;
+
+    setTouchedEndDate(true);
+    var 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;
+
+      var value = {
+        start: valueProp === null || valueProp === void 0 ? void 0 : valueProp.start,
+        end: {
+          date: 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: id,
+        value: value
+      });
+    }
+  }, [dispatchAction, id, valueProp]);
+  var onEndTimeChange = useCallback(function (data) {
+    var _valueProp$end3;
+
+    setTouchedEndTime(true);
+    var time;
+
+    if (data != null) {
+      time = "".concat(padTime(data.hours), ":").concat(padTime(data.minutes), ":").concat(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;
+
+      var 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: time
+        }
+      };
+      dispatchAction({
+        type: "set-value",
+        id: id,
+        value: value
+      });
+    }
+  }, [dispatchAction, id, valueProp]);
+  var 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;
+  var datePickerValue = useMemo(function () {
+    return parseDate(startDate);
+  }, [startDate]);
+  var datePickerStatus = datePickerValue != null ? "valid" : "invalid";
+  var startTime = (_ref2 = 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 && _ref2 !== void 0 ? _ref2 : "";
+  var timePickerValue = useMemo(function () {
+    return parseTime(startTime);
+  }, [startTime]);
+  var timePickerStatus = timePickerValue != null ? "valid" : "invalid";
+  var endDate = isRange ? valueProp === null || valueProp === void 0 ? void 0 : (_valueProp$end5 = valueProp.end) === null || _valueProp$end5 === void 0 ? void 0 : _valueProp$end5.date : null;
+  var endDatePickerValue = useMemo(function () {
+    return parseDate(endDate);
+  }, [endDate]);
+  var endTime = isRange ? valueProp === null || valueProp === void 0 ? void 0 : (_valueProp$end6 = valueProp.end) === null || _valueProp$end6 === void 0 ? void 0 : _valueProp$end6.time : null;
+  var endTimePickerValue = useMemo(function () {
+    return parseTime(endTime);
+  }, [endTime]);
+  var dateStatus = !touchedDate ? "standBy" : datePickerStatus;
+  var timeStatus = !touchedTime ? "standBy" : timePickerStatus;
+  var endDateIsBefore = startDate != null && endDate != null && endDate < startDate;
+  var endTimeIsBeforeOrSame = startDate != null && endDate != null && endDate === startDate && startTime != null && endTime != null && endTime <= startTime;
+  var endDateTimeIsBefore = endDateIsBefore || endTimeIsBeforeOrSame;
+  var endDatePickerStatus = endDatePickerValue == null || endDateTimeIsBefore ? "invalid" : "valid";
+  var endDateStatus = !touchedEndDate ? "standBy" : endDatePickerStatus;
+  var endTimePickerStatus = endTimePickerValue == null || endDateTimeIsBefore ? "invalid" : "valid";
+  var 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: "".concat(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: "".concat(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: function 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: "".concat(elementId, "-endDate"),
+    required: true,
+    status: endDateStatus,
+    statusMessage: labels.rule.value.datetime.validation.required,
+    "aria-errormessage": endDateTimeIsBefore ? "".concat(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: "".concat(elementId, "-endTime"),
+    disableDefaultValue: true,
+    required: true,
+    status: endTimeStatus,
+    statusMessage: labels.rule.value.datetime.validation.required,
+    "aria-errormessage": endDateTimeIsBefore ? "".concat(elementId, "-combined-error") : undefined,
+    label: labels.rule.value.datetime.endTimeLabel,
+    placeholder: labels.rule.value.datetime.endTimePlaceholder,
+    value: endTimePickerValue,
+    onChange: onEndTimeChange,
+    onToggle: function onToggle(_evt, open) {
+      if (!open && !touchedEndTime) {
+        setTouchedEndTime(true);
+      }
+    }
+  })), /*#__PURE__*/React.createElement(HvWarningText, {
+    disableBorder: true,
+    id: "".concat(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/legacy/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/legacy/QueryBuilder/Rule/Value/DateTimeValue/index.js

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

package/dist/legacy/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/legacy/QueryBuilder/Rule/Value/DateTimeValue/styles.js

@@ -0,0 +1,33 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { makeStyles } from "@material-ui/core";
+var useStyles = makeStyles(function (theme) {
+  return {
+    root: {
+      display: "flex",
+      flexDirection: "column"
+    },
+    row: {
+      minHeight: 94
+    },
+    vertical: {
+      display: "flex",
+      flexDirection: "column"
+    },
+    horizontal: {
+      display: "flex",
+      "& > div:not(:last-child)": _defineProperty({
+        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/legacy/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,IAAMC,SAAS,GAAGD,UAAU,CAAC,UAACE,KAAD,EAAW;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;AACEM,QAAAA,WAAW,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC;AADhC,SAGGX,KAAK,CAACY,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CAHH,EAGkC;AAC9BL,QAAAA,WAAW,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB;AADL,OAHlC;AAHU,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/legacy/QueryBuilder/Rule/Value/DateTimeValue/utils.js

@@ -0,0 +1,47 @@
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.regexp.to-string.js";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.split.js";
+import "core-js/modules/es.number.parse-int.js";
+import "core-js/modules/es.number.constructor.js";
+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 var padTime = function padTime(value) {
+  if (!value || value < 0) {
+    return "00";
+  }
+
+  if (value < 10 && value.toString().length === 1) {
+    return "0".concat(value.toString());
+  }
+
+  return value.toString();
+};
+export var parseDate = function parseDate(date) {
+  if (date != null) {
+    return dayjs(date).toDate();
+  }
+
+  return undefined;
+};
+export var parseTime = function parseTime(time) {
+  if (time != null) {
+    var 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/legacy/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,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;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,sBAAWF,KAAK,CAACC,QAAN,EAAX;AACD;;AAED,SAAOD,KAAK,CAACC,QAAN,EAAP;AACD,CATM;AAWP,OAAO,IAAME,SAAS,GAAG,SAAZA,SAAY,CAACC,IAAD,EAAU;AACjC,MAAIA,IAAI,IAAI,IAAZ,EAAkB;AAChB,WAAON,KAAK,CAACM,IAAD,CAAL,CAAYC,MAAZ,EAAP;AACD;;AAED,SAAOC,SAAP;AACD,CANM;AAQP,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,IAAD,EAAU;AACjC,MAAIA,IAAI,IAAI,IAAZ,EAAkB;AAChB,QAAMC,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/legacy/QueryBuilder/Rule/Value/NumericValue/NumericValue.js

@@ -0,0 +1,204 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import "core-js/modules/es.number.constructor.js";
+import "core-js/modules/es.number.is-nan.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.regexp.to-string.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";
+
+var NumericValue = function NumericValue(_ref) {
+  var id = _ref.id,
+      value = _ref.value,
+      operator = _ref.operator,
+      _ref$initialTouched = _ref.initialTouched,
+      initialTouched = _ref$initialTouched === void 0 ? false : _ref$initialTouched;
+  var classes = useStyles();
+  var isRange = operator === "range";
+  var context = React.useContext(Context);
+  var labels = context.labels,
+      dispatchAction = context.dispatchAction;
+  var onSingleValueChange = useCallback(function (evt, data) {
+    var numericData = isEmpty(data) ? null : Number(data);
+    dispatchAction({
+      type: "set-value",
+      id: id,
+      value: Number.isNaN(numericData) ? data : numericData
+    });
+  }, [dispatchAction, id]);
+  var onRangeValueChange = useCallback(function (evt, data) {
+    var from = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    var numericData = isEmpty(data) ? null : Number(data);
+    var currentValue = value;
+    var 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: id,
+      value: numericRange
+    });
+  }, [dispatchAction, id, value]);
+
+  var _useState = useState(initialTouched),
+      _useState2 = _slicedToArray(_useState, 2),
+      touchedNumeric = _useState2[0],
+      setTouchedNumeric = _useState2[1];
+
+  var _useState3 = useState(initialTouched),
+      _useState4 = _slicedToArray(_useState3, 2),
+      touchedNumericTo = _useState4[0],
+      setTouchedNumericTo = _useState4[1];
+
+  var elementId = uniqueId("numeric");
+  var numericValidation = null;
+  var 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;
+
+      var 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";
+      }
+    }
+  }
+
+  var numericStatus = numericValidation != null ? "invalid" : "valid";
+  var rightStatus = rightValidation != null ? "invalid" : "valid";
+
+  var renderRangeInputs = function 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: "".concat(elementId, "-numeric-from"),
+      name: "".concat(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: function onChange(event, data) {
+        return onRangeValueChange(event, data);
+      },
+      onBlur: function onBlur() {
+        setTouchedNumeric(true);
+      },
+      onKeyDown: function 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: "".concat(elementId, "-numeric-to"),
+      name: "".concat(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: function onChange(event, data) {
+        return onRangeValueChange(event, data, false);
+      },
+      onBlur: function onBlur() {
+        setTouchedNumericTo(true);
+      },
+      onKeyDown: function 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: "".concat(elementId, "-numeric"),
+    name: "".concat(elementId, "-numeric"),
+    value: value ? value.toString() : "",
+    onChange: onSingleValueChange,
+    onBlur: function onBlur() {
+      setTouchedNumeric(true);
+    },
+    onKeyDown: function 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