@hitachivantara/uikit-react-lab 3.38.0

package/dist/QueryBuilder/Rule/Rule.js

@@ -0,0 +1,145 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.array.includes.js");
+
+require("core-js/modules/es.string.includes.js");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _uikitReactCore = require("@hitachivantara/uikit-react-core");
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _Context = _interopRequireDefault(require("../Context"));
+
+var _Attribute = _interopRequireDefault(require("./Attribute"));
+
+var _Operator = _interopRequireDefault(require("./Operator"));
+
+var _Value = _interopRequireDefault(require("./Value"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var Rule = function Rule(_ref) {
+  var id = _ref.id,
+      combinator = _ref.combinator,
+      attribute = _ref.attribute,
+      operator = _ref.operator,
+      value = _ref.value,
+      disabled = _ref.disabled,
+      isInvalid = _ref.isInvalid;
+  var classes = (0, _styles.default)();
+  var context = (0, _react.useContext)(_Context.default);
+  var askAction = context.askAction,
+      attributes = context.attributes,
+      operators = context.operators,
+      labels = context.labels;
+  var availableOperators = (0, _react.useMemo)(function () {
+    var attributeSpec = attribute != null ? attributes[attribute] : null;
+
+    if (attributeSpec != null) {
+      var typeOperators = operators[attributeSpec.type];
+
+      if (typeOperators != null) {
+        return typeOperators.reduce(function (count, item) {
+          return count + (item.combinators.includes(combinator) ? 1 : 0);
+        }, 0);
+      }
+    }
+
+    return -1;
+  }, [attribute, attributes, combinator, operators]);
+  var shouldShowValueInput = operator !== "Empty" && operator !== "IsNotEmpty";
+  var DeleteIcon = (0, _uikitReactCore.withTooltip)(function () {
+    return /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Delete, null);
+  }, labels.rule.delete.tooltip, "bottom");
+  return /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvGrid, {
+    container: true,
+    className: classes.root,
+    spacing: 0,
+    wrap: "nowrap"
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvGrid, {
+    item: true,
+    xs: 2,
+    lg: 3
+  }, /*#__PURE__*/_react.default.createElement(_Attribute.default, {
+    attribute: attribute,
+    id: id,
+    disabled: disabled,
+    isInvalid: isInvalid
+  })), attribute != null && availableOperators > 0 && /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvGrid, {
+    item: true,
+    xs: 2,
+    lg: 3
+  }, /*#__PURE__*/_react.default.createElement(_Operator.default, {
+    key: id + combinator + attribute + operator,
+    id: id,
+    combinator: combinator,
+    attribute: attribute,
+    operator: operator
+  })), attribute != null && (operator != null || availableOperators === 0) && /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvGrid, {
+    item: true,
+    xs: true
+  }, shouldShowValueInput && /*#__PURE__*/_react.default.createElement(_Value.default, {
+    key: id + combinator + attribute + operator,
+    attribute: attribute,
+    id: id,
+    operator: operator,
+    value: value
+  })), /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvGrid, {
+    item: true,
+    className: classes.actionsContainer
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvButton, {
+    icon: true,
+    "aria-label": labels.rule.delete.ariaLabel,
+    onClick: function onClick() {
+      askAction({
+        actions: [{
+          type: "remove-node",
+          id: id
+        }],
+        dialog: labels.rule.delete
+      });
+    }
+  }, /*#__PURE__*/_react.default.createElement(DeleteIcon, null))));
+};
+
+Rule.propTypes = {
+  id: _propTypes.default.number,
+  combinator: _propTypes.default.string,
+  attribute: _propTypes.default.string,
+  operator: _propTypes.default.string,
+  value: _propTypes.default.any,
+  disabled: _propTypes.default.bool,
+  isInvalid: _propTypes.default.bool
+};
+var _default = Rule;
+exports.default = _default;
+//# sourceMappingURL=Rule.js.map

package/dist/QueryBuilder/Rule/Rule.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/QueryBuilder/Rule/Rule.js"],"names":["Rule","id","combinator","attribute","operator","value","disabled","isInvalid","classes","context","Context","askAction","attributes","operators","labels","availableOperators","attributeSpec","typeOperators","type","reduce","count","item","combinators","includes","shouldShowValueInput","DeleteIcon","rule","delete","tooltip","root","actionsContainer","ariaLabel","actions","dialog","propTypes","PropTypes","number","string","any","bool"],"mappings":"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","sourcesContent":["import React, { useMemo, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvGrid, HvButton, withTooltip } from \"@hitachivantara/uikit-react-core\";\nimport { Delete } from \"@hitachivantara/uikit-react-icons\";\n\nimport Context from \"../Context\";\nimport Attribute from \"./Attribute\";\nimport Operator from \"./Operator\";\nimport Value from \"./Value\";\nimport useStyles from \"./styles\";\n\nconst Rule = ({ id, combinator, attribute, operator, value, disabled, isInvalid }) => {\n  const classes = useStyles();\n  const context = useContext(Context);\n\n  const { askAction, attributes, operators, labels } = context;\n\n  const availableOperators = useMemo(() => {\n    const attributeSpec = attribute != null ? attributes[attribute] : null;\n    if (attributeSpec != null) {\n      const typeOperators = operators[attributeSpec.type];\n      if (typeOperators != null) {\n        return typeOperators.reduce(\n          (count, item) => count + (item.combinators.includes(combinator) ? 1 : 0),\n          0\n        );\n      }\n    }\n\n    return -1;\n  }, [attribute, attributes, combinator, operators]);\n\n  const shouldShowValueInput = operator !== \"Empty\" && operator !== \"IsNotEmpty\";\n\n  const DeleteIcon = withTooltip(() => <Delete />, labels.rule.delete.tooltip, \"bottom\");\n\n  return (\n    <HvGrid container className={classes.root} spacing={0} wrap=\"nowrap\">\n      <HvGrid item xs={2} lg={3}>\n        <Attribute attribute={attribute} id={id} disabled={disabled} isInvalid={isInvalid} />\n      </HvGrid>\n      {attribute != null && availableOperators > 0 && (\n        <HvGrid item xs={2} lg={3}>\n          <Operator\n            key={id + combinator + attribute + operator}\n            id={id}\n            combinator={combinator}\n            attribute={attribute}\n            operator={operator}\n          />\n        </HvGrid>\n      )}\n      {attribute != null && (operator != null || availableOperators === 0) && (\n        <HvGrid item xs>\n          {shouldShowValueInput && (\n            <Value\n              key={id + combinator + attribute + operator}\n              attribute={attribute}\n              id={id}\n              operator={operator}\n              value={value}\n            />\n          )}\n        </HvGrid>\n      )}\n      <HvGrid item className={classes.actionsContainer}>\n        <HvButton\n          icon\n          aria-label={labels.rule.delete.ariaLabel}\n          onClick={() => {\n            askAction({\n              actions: [{ type: \"remove-node\", id }],\n              dialog: labels.rule.delete,\n            });\n          }}\n        >\n          <DeleteIcon />\n        </HvButton>\n      </HvGrid>\n    </HvGrid>\n  );\n};\n\nRule.propTypes = {\n  id: PropTypes.number,\n  combinator: PropTypes.string,\n  attribute: PropTypes.string,\n  operator: PropTypes.string,\n  value: PropTypes.any,\n  disabled: PropTypes.bool,\n  isInvalid: PropTypes.bool,\n};\n\nexport default Rule;\n"],"file":"Rule.js"}

package/dist/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.js

@@ -0,0 +1,77 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+require("core-js/modules/es.array.map.js");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _uikitReactCore = require("@hitachivantara/uikit-react-core");
+
+var _Context = _interopRequireDefault(require("../../../Context"));
+
+var _utils = require("../../../utils");
+
+var BooleanValue = function BooleanValue(_ref) {
+  var id = _ref.id,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? true : _ref$value;
+
+  var context = _react.default.useContext(_Context.default);
+
+  var labels = context.labels,
+      dispatchAction = context.dispatchAction;
+  var values = ["true", "false"].map(function (v) {
+    return {
+      id: v,
+      label: labels.rule.value.boolean.options[v],
+      selected: value === (v === "true")
+    };
+  });
+  return /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvDropdown, (0, _extends2.default)({
+    required: true,
+    status: "valid",
+    singleSelectionToggle: false,
+    label: labels.rule.value.boolean.label,
+    placeholder: labels.rule.value.boolean.placeholder,
+    values: values,
+    onChange: function onChange(selected) {
+      if (selected && !Array.isArray(selected) && selected.id) {
+        dispatchAction({
+          type: "set-value",
+          id: id,
+          value: selected.id === "true"
+        });
+      } else {
+        dispatchAction({
+          type: "set-value",
+          id: id,
+          value: null
+        });
+      }
+    },
+    showSearch: (0, _utils.isBigList)(values)
+  }, (0, _utils.isBigList)(values) && {
+    virtualized: true,
+    height: 300
+  }));
+};
+
+BooleanValue.propTypes = {
+  id: _propTypes.default.number,
+  value: _propTypes.default.bool
+};
+
+var _default = /*#__PURE__*/_react.default.memo(BooleanValue);
+
+exports.default = _default;
+//# sourceMappingURL=BooleanValue.js.map

package/dist/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.js"],"names":["BooleanValue","id","value","context","React","useContext","Context","labels","dispatchAction","values","map","v","label","rule","boolean","options","selected","placeholder","Array","isArray","type","virtualized","height","propTypes","PropTypes","number","bool","memo"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAA0B;AAAA,MAAvBC,EAAuB,QAAvBA,EAAuB;AAAA,wBAAnBC,KAAmB;AAAA,MAAnBA,KAAmB,2BAAX,IAAW;;AAC7C,MAAMC,OAAO,GAAGC,eAAMC,UAAN,CAAiBC,gBAAjB,CAAhB;;AACA,MAAQC,MAAR,GAAmCJ,OAAnC,CAAQI,MAAR;AAAA,MAAgBC,cAAhB,GAAmCL,OAAnC,CAAgBK,cAAhB;AAEA,MAAMC,MAAM,GAAG,CAAC,MAAD,EAAS,OAAT,EAAkBC,GAAlB,CAAsB,UAACC,CAAD;AAAA,WAAQ;AAC3CV,MAAAA,EAAE,EAAEU,CADuC;AAE3CC,MAAAA,KAAK,EAAEL,MAAM,CAACM,IAAP,CAAYX,KAAZ,CAAkBY,OAAlB,CAA0BC,OAA1B,CAAkCJ,CAAlC,CAFoC;AAG3CK,MAAAA,QAAQ,EAAEd,KAAK,MAAMS,CAAC,KAAK,MAAZ;AAH4B,KAAR;AAAA,GAAtB,CAAf;AAMA,sBACE,6BAAC,0BAAD;AACE,IAAA,QAAQ,MADV;AAEE,IAAA,MAAM,EAAC,OAFT;AAGE,IAAA,qBAAqB,EAAE,KAHzB;AAIE,IAAA,KAAK,EAAEJ,MAAM,CAACM,IAAP,CAAYX,KAAZ,CAAkBY,OAAlB,CAA0BF,KAJnC;AAKE,IAAA,WAAW,EAAEL,MAAM,CAACM,IAAP,CAAYX,KAAZ,CAAkBY,OAAlB,CAA0BG,WALzC;AAME,IAAA,MAAM,EAAER,MANV;AAOE,IAAA,QAAQ,EAAE,kBAACO,QAAD,EAAc;AACtB,UAAIA,QAAQ,IAAI,CAACE,KAAK,CAACC,OAAN,CAAcH,QAAd,CAAb,IAAwCA,QAAQ,CAACf,EAArD,EAAyD;AACvDO,QAAAA,cAAc,CAAC;AACbY,UAAAA,IAAI,EAAE,WADO;AAEbnB,UAAAA,EAAE,EAAFA,EAFa;AAGbC,UAAAA,KAAK,EAAEc,QAAQ,CAACf,EAAT,KAAgB;AAHV,SAAD,CAAd;AAKD,OAND,MAMO;AACLO,QAAAA,cAAc,CAAC;AAAEY,UAAAA,IAAI,EAAE,WAAR;AAAqBnB,UAAAA,EAAE,EAAFA,EAArB;AAAyBC,UAAAA,KAAK,EAAE;AAAhC,SAAD,CAAd;AACD;AACF,KAjBH;AAkBE,IAAA,UAAU,EAAE,sBAAUO,MAAV;AAlBd,KAmBO,sBAAUA,MAAV,KAAqB;AAAEY,IAAAA,WAAW,EAAE,IAAf;AAAqBC,IAAAA,MAAM,EAAE;AAA7B,GAnB5B,EADF;AAuBD,CAjCD;;AAmCAtB,YAAY,CAACuB,SAAb,GAAyB;AACvBtB,EAAAA,EAAE,EAAEuB,mBAAUC,MADS;AAEvBvB,EAAAA,KAAK,EAAEsB,mBAAUE;AAFM,CAAzB;;4BAKetB,eAAMuB,IAAN,CAAW3B,YAAX,C","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { HvDropdown } from \"@hitachivantara/uikit-react-core\";\n\nimport Context from \"../../../Context\";\nimport { isBigList } from \"../../../utils\";\n\nconst BooleanValue = ({ id, value = true }) => {\n  const context = React.useContext(Context);\n  const { labels, dispatchAction } = 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      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\nBooleanValue.propTypes = {\n  id: PropTypes.number,\n  value: PropTypes.bool,\n};\n\nexport default React.memo(BooleanValue);\n"],"file":"BooleanValue.js"}

package/dist/QueryBuilder/Rule/Value/BooleanValue/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _BooleanValue.default;
+  }
+});
+
+var _BooleanValue = _interopRequireDefault(require("./BooleanValue"));
+//# sourceMappingURL=index.js.map

package/dist/QueryBuilder/Rule/Value/BooleanValue/index.js.map

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

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

@@ -0,0 +1,334 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.array.concat.js");
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
+
+var _dayjs = _interopRequireDefault(require("dayjs"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _uikitReactCore = require("@hitachivantara/uikit-react-core");
+
+var _TimePicker = _interopRequireDefault(require("../../../../TimePicker"));
+
+var _Context = _interopRequireDefault(require("../../../Context"));
+
+var _utils = require("./utils");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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 = (0, _styles.default)();
+  var isRange = valueIsRange(operator, valueProp);
+
+  var context = _react.default.useContext(_Context.default);
+
+  var labels = context.labels,
+      dispatchAction = context.dispatchAction;
+  var elementId = (0, _uniqueId.default)("datetime".concat(id));
+
+  var _useState = (0, _react.useState)(initialTouched),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      touchedDate = _useState2[0],
+      setTouchedDate = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(initialTouched),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      touchedTime = _useState4[0],
+      setTouchedTime = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(initialTouched),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      touchedEndDate = _useState6[0],
+      setTouchedEndDate = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(initialTouched),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      touchedEndTime = _useState8[0],
+      setTouchedEndTime = _useState8[1];
+
+  var onDateChange = (0, _react.useCallback)(function (data) {
+    var _valueProp$start;
+
+    setTouchedDate(true);
+    var date;
+
+    if (data != null) {
+      date = (0, _dayjs.default)(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 = (0, _react.useCallback)(function (data) {
+    var _valueProp$start3;
+
+    setTouchedTime(true);
+    var time;
+
+    if (data != null) {
+      time = "".concat((0, _utils.padTime)(data.hours), ":").concat((0, _utils.padTime)(data.minutes), ":").concat((0, _utils.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 = (0, _react.useCallback)(function (data) {
+    var _valueProp$end;
+
+    setTouchedEndDate(true);
+    var date;
+
+    if (data != null) {
+      date = (0, _dayjs.default)(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 = (0, _react.useCallback)(function (data) {
+    var _valueProp$end3;
+
+    setTouchedEndTime(true);
+    var time;
+
+    if (data != null) {
+      time = "".concat((0, _utils.padTime)(data.hours), ":").concat((0, _utils.padTime)(data.minutes), ":").concat((0, _utils.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 = (0, _react.useMemo)(function () {
+    return (0, _utils.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 = (0, _react.useMemo)(function () {
+    return (0, _utils.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 = (0, _react.useMemo)(function () {
+    return (0, _utils.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 = (0, _react.useMemo)(function () {
+    return (0, _utils.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.default.createElement("div", {
+    className: classes.root
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(classes.row, classes.horizontal)
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactCore.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.default.createElement(_TimePicker.default, {
+    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.default.createElement("div", {
+    className: (0, _clsx.default)(classes.row, classes.vertical)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.horizontal
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactCore.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.default.createElement(_TimePicker.default, {
+    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.default.createElement(_uikitReactCore.HvWarningText, {
+    disableBorder: true,
+    id: "".concat(elementId, "-combined-error"),
+    isVisible: endDateTimeIsBefore
+  }, labels.rule.value.datetime.validation.invalidInterval)));
+};
+
+DateTimeValue.propTypes = {
+  id: _propTypes.default.number,
+  operator: _propTypes.default.string,
+  value: _propTypes.default.any,
+  initialTouched: _propTypes.default.bool
+};
+
+var _default = /*#__PURE__*/_react.default.memo(DateTimeValue);
+
+exports.default = _default;
+//# sourceMappingURL=DateTimeValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js"],"names":["valueIsRange","operator","DateTimeValue","id","value","valueProp","initialTouched","classes","isRange","context","React","useContext","Context","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","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"}