@hitachivantara/uikit-react-core 3.72.1 → 4.0.1-next.0

package/dist/QueryBuilder/Rule/Operator/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 _Operator.default;
+  }
+});
+
+var _Operator = _interopRequireDefault(require("./Operator"));
+//# sourceMappingURL=index.js.map

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

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

package/dist/QueryBuilder/Rule/Rule.js

@@ -0,0 +1,157 @@
+"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 _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _ = require("../..");
+
+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"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+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 _Delete;
+
+  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,
+      readOnly = context.readOnly;
+  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, _.withTooltip)(function () {
+    return _Delete || (_Delete = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Delete, {
+      disabled: readOnly
+    }));
+  }, labels.rule.delete.tooltip, "bottom");
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.HvGrid, {
+    container: true,
+    className: classes.root,
+    spacing: 0,
+    wrap: "nowrap",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvGrid, {
+      item: true,
+      xs: 2,
+      lg: 3,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Attribute.default, {
+        attribute: attribute,
+        id: id,
+        disabled: disabled,
+        isInvalid: isInvalid
+      })
+    }), attribute != null && availableOperators > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvGrid, {
+      item: true,
+      xs: 2,
+      lg: 3,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Operator.default, {
+        id: id,
+        combinator: combinator,
+        attribute: attribute,
+        operator: operator
+      })
+    }), attribute != null && (operator != null || availableOperators === 0) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvGrid, {
+      item: true,
+      xs: true,
+      children: shouldShowValueInput && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Value.default, {
+        attribute: attribute,
+        id: id,
+        operator: operator,
+        value: value
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvGrid, {
+      item: true,
+      className: classes.actionsContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvButton, {
+        icon: true,
+        "aria-label": labels.rule.delete.ariaLabel,
+        onClick: function onClick() {
+          askAction({
+            actions: [{
+              type: "remove-node",
+              id: id
+            }],
+            dialog: labels.rule.delete
+          });
+        },
+        disabled: readOnly,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DeleteIcon, {})
+      })
+    })]
+  });
+};
+
+process.env.NODE_ENV !== "production" ? 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
+} : void 0;
+var _default = Rule;
+exports.default = _default;
+//# sourceMappingURL=Rule.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Rule.js","names":["Rule","id","combinator","attribute","operator","value","disabled","isInvalid","classes","useStyles","context","useContext","Context","askAction","attributes","operators","labels","readOnly","availableOperators","useMemo","attributeSpec","typeOperators","type","reduce","count","item","combinators","includes","shouldShowValueInput","DeleteIcon","withTooltip","rule","delete","tooltip","root","actionsContainer","ariaLabel","actions","dialog","propTypes","PropTypes","number","string","any","bool"],"sources":["../../../src/QueryBuilder/Rule/Rule.js"],"sourcesContent":["import React, { useMemo, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Delete } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvGrid, HvButton, withTooltip } from \"../..\";\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, readOnly } = 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(\n    () => <Delete disabled={readOnly} />,\n    labels.rule.delete.tooltip,\n    \"bottom\"\n  );\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 id={id} combinator={combinator} attribute={attribute} operator={operator} />\n        </HvGrid>\n      )}\n      {attribute != null && (operator != null || availableOperators === 0) && (\n        <HvGrid item xs>\n          {shouldShowValueInput && (\n            <Value attribute={attribute} id={id} operator={operator} value={value} />\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          disabled={readOnly}\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"],"mappings":"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"}

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

@@ -0,0 +1,99 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+require("core-js/modules/es.array.map.js");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _ = require("../../../..");
+
+var _Context = _interopRequireDefault(require("../../../Context"));
+
+var _utils = require("../../../utils");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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,
+      readOnly = context.readOnly;
+  var values = ["true", "false"].map(function (v) {
+    return {
+      id: v,
+      label: labels.rule.value.boolean.options[v],
+      selected: value === (v === "true")
+    };
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvDropdown, _objectSpread({
+    required: true,
+    status: "valid",
+    singleSelectionToggle: false,
+    label: labels.rule.value.boolean.label,
+    placeholder: labels.rule.value.boolean.placeholder,
+    values: values,
+    readOnly: readOnly,
+    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
+  }));
+};
+
+process.env.NODE_ENV !== "production" ? BooleanValue.propTypes = {
+  id: _propTypes.default.number,
+  value: _propTypes.default.bool
+} : void 0;
+
+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,"file":"BooleanValue.js","names":["BooleanValue","id","value","context","React","useContext","Context","labels","dispatchAction","readOnly","values","map","v","label","rule","boolean","options","selected","placeholder","Array","isArray","type","isBigList","virtualized","height","propTypes","PropTypes","number","bool","memo"],"sources":["../../../../../src/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvDropdown } from \"../../../..\";\nimport Context from \"../../../Context\";\nimport { isBigList } from \"../../../utils\";\n\nconst BooleanValue = ({ id, value = true }) => {\n  const context = React.useContext(Context);\n  const { labels, dispatchAction, readOnly } = context;\n\n  const values = [\"true\", \"false\"].map((v) => ({\n    id: v,\n    label: labels.rule.value.boolean.options[v],\n    selected: value === (v === \"true\"),\n  }));\n\n  return (\n    <HvDropdown\n      required\n      status=\"valid\"\n      singleSelectionToggle={false}\n      label={labels.rule.value.boolean.label}\n      placeholder={labels.rule.value.boolean.placeholder}\n      values={values}\n      readOnly={readOnly}\n      onChange={(selected) => {\n        if (selected && !Array.isArray(selected) && selected.id) {\n          dispatchAction({\n            type: \"set-value\",\n            id,\n            value: selected.id === \"true\",\n          });\n        } else {\n          dispatchAction({ type: \"set-value\", id, value: null });\n        }\n      }}\n      showSearch={isBigList(values)}\n      {...(isBigList(values) && { virtualized: true, height: 300 })}\n    />\n  );\n};\n\nBooleanValue.propTypes = {\n  id: PropTypes.number,\n  value: PropTypes.bool,\n};\n\nexport default React.memo(BooleanValue);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAA0B;EAAA,IAAvBC,EAAuB,QAAvBA,EAAuB;EAAA,sBAAnBC,KAAmB;EAAA,IAAnBA,KAAmB,2BAAX,IAAW;;EAC7C,IAAMC,OAAO,GAAGC,cAAA,CAAMC,UAAN,CAAiBC,gBAAjB,CAAhB;;EACA,IAAQC,MAAR,GAA6CJ,OAA7C,CAAQI,MAAR;EAAA,IAAgBC,cAAhB,GAA6CL,OAA7C,CAAgBK,cAAhB;EAAA,IAAgCC,QAAhC,GAA6CN,OAA7C,CAAgCM,QAAhC;EAEA,IAAMC,MAAM,GAAG,CAAC,MAAD,EAAS,OAAT,EAAkBC,GAAlB,CAAsB,UAACC,CAAD;IAAA,OAAQ;MAC3CX,EAAE,EAAEW,CADuC;MAE3CC,KAAK,EAAEN,MAAM,CAACO,IAAP,CAAYZ,KAAZ,CAAkBa,OAAlB,CAA0BC,OAA1B,CAAkCJ,CAAlC,CAFoC;MAG3CK,QAAQ,EAAEf,KAAK,MAAMU,CAAC,KAAK,MAAZ;IAH4B,CAAR;EAAA,CAAtB,CAAf;EAMA,oBACE,qBAAC,YAAD;IACE,QAAQ,MADV;IAEE,MAAM,EAAC,OAFT;IAGE,qBAAqB,EAAE,KAHzB;IAIE,KAAK,EAAEL,MAAM,CAACO,IAAP,CAAYZ,KAAZ,CAAkBa,OAAlB,CAA0BF,KAJnC;IAKE,WAAW,EAAEN,MAAM,CAACO,IAAP,CAAYZ,KAAZ,CAAkBa,OAAlB,CAA0BG,WALzC;IAME,MAAM,EAAER,MANV;IAOE,QAAQ,EAAED,QAPZ;IAQE,QAAQ,EAAE,kBAACQ,QAAD,EAAc;MACtB,IAAIA,QAAQ,IAAI,CAACE,KAAK,CAACC,OAAN,CAAcH,QAAd,CAAb,IAAwCA,QAAQ,CAAChB,EAArD,EAAyD;QACvDO,cAAc,CAAC;UACba,IAAI,EAAE,WADO;UAEbpB,EAAE,EAAFA,EAFa;UAGbC,KAAK,EAAEe,QAAQ,CAAChB,EAAT,KAAgB;QAHV,CAAD,CAAd;MAKD,CAND,MAMO;QACLO,cAAc,CAAC;UAAEa,IAAI,EAAE,WAAR;UAAqBpB,EAAE,EAAFA,EAArB;UAAyBC,KAAK,EAAE;QAAhC,CAAD,CAAd;MACD;IACF,CAlBH;IAmBE,UAAU,EAAE,IAAAoB,gBAAA,EAAUZ,MAAV;EAnBd,GAoBO,IAAAY,gBAAA,EAAUZ,MAAV,KAAqB;IAAEa,WAAW,EAAE,IAAf;IAAqBC,MAAM,EAAE;EAA7B,CApB5B,EADF;AAwBD,CAlCD;;AAoCA,wCAAAxB,YAAY,CAACyB,SAAb,GAAyB;EACvBxB,EAAE,EAAEyB,kBAAA,CAAUC,MADS;EAEvBzB,KAAK,EAAEwB,kBAAA,CAAUE;AAFM,CAAzB;;4BAKexB,cAAA,CAAMyB,IAAN,CAAW7B,YAAX,C"}

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,"file":"index.js","names":[],"sources":["../../../../../src/QueryBuilder/Rule/Value/BooleanValue/index.js"],"sourcesContent":["export { default } from \"./BooleanValue\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}

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

@@ -0,0 +1,344 @@
+"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 _ = require("../../../..");
+
+var _Context = _interopRequireDefault(require("../../../Context"));
+
+var _utils = require("./utils");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+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,
+      readOnly = context.readOnly;
+  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__*/(0, _jsxRuntime.jsxs)("div", {
+    className: classes.root,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _clsx.default)(classes.row, classes.horizontal),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.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,
+        readOnly: readOnly
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.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);
+          }
+        },
+        readOnly: readOnly
+      })]
+    }), isRange && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _clsx.default)(classes.row, classes.vertical),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: classes.horizontal,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.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,
+          readOnly: readOnly
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.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);
+            }
+          },
+          readOnly: readOnly
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvWarningText, {
+        disableBorder: true,
+        id: "".concat(elementId, "-combined-error"),
+        isVisible: endDateTimeIsBefore,
+        children: labels.rule.value.datetime.validation.invalidInterval
+      })]
+    })]
+  });
+};
+
+process.env.NODE_ENV !== "production" ? DateTimeValue.propTypes = {
+  id: _propTypes.default.number,
+  operator: _propTypes.default.string,
+  value: _propTypes.default.any,
+  initialTouched: _propTypes.default.bool
+} : void 0;
+
+var _default = /*#__PURE__*/_react.default.memo(DateTimeValue);
+
+exports.default = _default;
+//# sourceMappingURL=DateTimeValue.js.map