intelicoreact 1.5.40 → 1.6.0

package/dist/Atomic/UI/Chart/partial/optionsSetters.js

@@ -1,46 +1,61 @@
+// gradientsSettings is Array of objects
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.addTooltipOptions = exports.addGradientsSettings = void 0;
-// gradientsSettings is Array of objects
-const addGradientsSettings = (currentOptions, gradientsSettings) => ({
-  ...currentOptions,
-  notLibraryOptions: {
-    ...currentOptions.notLibraryOptions,
-    changeData: {
-      ...currentOptions.notLibraryOptions?.changeData,
-      addGradientsObjects: gradientsSettings
-    }
-  }
+    value: true
 });
-exports.addGradientsSettings = addGradientsSettings;
-const addTooltipOptions = (currentOptions, tooltipOptions) => ({
-  ...currentOptions,
-  options: {
-    ...currentOptions.options,
-    plugins: {
-      ...currentOptions.options.plugins,
-      tooltip: tooltipOptions
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    addGradientsSettings: function() {
+        return addGradientsSettings;
+    },
+    addTooltipOptions: function() {
+        return addTooltipOptions;
+    },
+    default: function() {
+        return _default;
     }
-  }
 });
-
+const addGradientsSettings = (currentOptions, gradientsSettings)=>{
+    var _currentOptions_notLibraryOptions;
+    return {
+        ...currentOptions,
+        notLibraryOptions: {
+            ...currentOptions.notLibraryOptions,
+            changeData: {
+                ...(_currentOptions_notLibraryOptions = currentOptions.notLibraryOptions) === null || _currentOptions_notLibraryOptions === void 0 ? void 0 : _currentOptions_notLibraryOptions.changeData,
+                addGradientsObjects: gradientsSettings
+            }
+        }
+    };
+};
+const addTooltipOptions = (currentOptions, tooltipOptions)=>({
+        ...currentOptions,
+        options: {
+            ...currentOptions.options,
+            plugins: {
+                ...currentOptions.options.plugins,
+                tooltip: tooltipOptions
+            }
+        }
+    });
 // must be last function in file
-exports.addTooltipOptions = addTooltipOptions;
-const addAdditionalOptions = (currentOptions, optionsToAdd) => {
-  const addOption = (currentOptions, optionKey, optionData) => {
-    switch (optionKey) {
-      case "addGradientsSettings":
-        return addGradientsSettings(currentOptions, optionData);
-      case "addTooltipOptions":
-        return addTooltipOptions(currentOptions, optionData);
-      default:
-        return currentOptions;
-    }
-  };
-  const iterator = Object.keys(optionsToAdd);
-  return iterator.reduce((acc, key) => addOption(acc, key, optionsToAdd[key]), currentOptions);
+const addAdditionalOptions = (currentOptions, optionsToAdd)=>{
+    const addOption = (currentOptions, optionKey, optionData)=>{
+        switch(optionKey){
+            case "addGradientsSettings":
+                return addGradientsSettings(currentOptions, optionData);
+            case "addTooltipOptions":
+                return addTooltipOptions(currentOptions, optionData);
+            default:
+                return currentOptions;
+        }
+    };
+    const iterator = Object.keys(optionsToAdd);
+    return iterator.reduce((acc, key)=>addOption(acc, key, optionsToAdd[key]), currentOptions);
 };
-var _default = exports.default = addAdditionalOptions;
+const _default = addAdditionalOptions;

package/dist/Atomic/UI/Chart/partial/utils.js

@@ -1,38 +1,61 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.prepareData = exports.getOptions = exports.getNotLibraryOptionsOptions = exports.getChartTypeKey = exports.correctModelKey = void 0;
-var _utils = require("../../../../Functions/utils");
-var _Chart = require("./Chart.constants");
-var _datasetSetters = _interopRequireDefault(require("./datasetSetters"));
-var _optionsConstructor = _interopRequireDefault(require("./optionsConstructor"));
-const getChartTypeKey = model => _optionsConstructor.default[model]?.notLibraryOptions?.chartTypeKey;
-exports.getChartTypeKey = getChartTypeKey;
-const correctModelKey = model => model && _optionsConstructor.default[model] && _Chart.CHART_TYPES.includes(getChartTypeKey(model)) ? model : _Chart.DEFAULT_CHART_MODEL;
-exports.correctModelKey = correctModelKey;
-const getOptions = model => (0, _utils.omitKeys)(_optionsConstructor.default[model] || _optionsConstructor.default[_Chart.DEFAULT_CHART_MODEL], ["notLibraryOptions"]);
-exports.getOptions = getOptions;
-const getNotLibraryOptionsOptions = model => {
-  const {
-    notLibraryOptions
-  } = _optionsConstructor.default[model] || _optionsConstructor.default[_Chart.DEFAULT_CHART_MODEL] || {};
-  return notLibraryOptions ? (0, _utils.clone)(notLibraryOptions) : undefined;
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    correctModelKey: function() {
+        return correctModelKey;
+    },
+    getChartTypeKey: function() {
+        return getChartTypeKey;
+    },
+    getNotLibraryOptionsOptions: function() {
+        return getNotLibraryOptionsOptions;
+    },
+    getOptions: function() {
+        return getOptions;
+    },
+    prepareData: function() {
+        return prepareData;
+    }
+});
+const _utils = require("../../../../Functions/utils");
+const _Chartconstants = require("./Chart.constants");
+const _datasetSetters = /*#__PURE__*/ _interop_require_default(require("./datasetSetters"));
+const _optionsConstructor = /*#__PURE__*/ _interop_require_default(require("./optionsConstructor"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const getChartTypeKey = (model)=>{
+    var _optionsConstructor_model_notLibraryOptions, _optionsConstructor_model;
+    return (_optionsConstructor_model = _optionsConstructor.default[model]) === null || _optionsConstructor_model === void 0 ? void 0 : (_optionsConstructor_model_notLibraryOptions = _optionsConstructor_model.notLibraryOptions) === null || _optionsConstructor_model_notLibraryOptions === void 0 ? void 0 : _optionsConstructor_model_notLibraryOptions.chartTypeKey;
+};
+const correctModelKey = (model)=>model && _optionsConstructor.default[model] && _Chartconstants.CHART_TYPES.includes(getChartTypeKey(model)) ? model : _Chartconstants.DEFAULT_CHART_MODEL;
+const getOptions = (model)=>(0, _utils.omitKeys)(_optionsConstructor.default[model] || _optionsConstructor.default[_Chartconstants.DEFAULT_CHART_MODEL], [
+        "notLibraryOptions"
+    ]);
+const getNotLibraryOptionsOptions = (model)=>{
+    const { notLibraryOptions } = _optionsConstructor.default[model] || _optionsConstructor.default[_Chartconstants.DEFAULT_CHART_MODEL] || {};
+    return notLibraryOptions ? (0, _utils.clone)(notLibraryOptions) : undefined;
 };
-exports.getNotLibraryOptionsOptions = getNotLibraryOptionsOptions;
-const prepareData = (model, data, chartInstance, addToDatasets) => {
-  if (!chartInstance) return data;
-  const notLibraryOptions = getNotLibraryOptionsOptions(model);
-  const iterator = notLibraryOptions?.changeData ? Object.keys(notLibraryOptions.changeData) : [];
-  const changedData = iterator.reduce((acc, dataChangeKey) => (0, _datasetSetters.default)(acc, dataChangeKey, notLibraryOptions.changeData[dataChangeKey], chartInstance, addToDatasets), (0, _utils.clone)(data));
-  return addToDatasets && typeof addToDatasets === "object" && !Array.isArray(addToDatasets) ? {
-    ...changedData,
-    datasets: changedData.datasets.map(dataset => ({
-      ...dataset,
-      ...addToDatasets
-    }))
-  } : changedData;
+const prepareData = (model, data, chartInstance, addToDatasets)=>{
+    if (!chartInstance) return data;
+    const notLibraryOptions = getNotLibraryOptionsOptions(model);
+    const iterator = (notLibraryOptions === null || notLibraryOptions === void 0 ? void 0 : notLibraryOptions.changeData) ? Object.keys(notLibraryOptions.changeData) : [];
+    const changedData = iterator.reduce((acc, dataChangeKey)=>(0, _datasetSetters.default)(acc, dataChangeKey, notLibraryOptions.changeData[dataChangeKey], chartInstance, addToDatasets), (0, _utils.clone)(data));
+    return addToDatasets && typeof addToDatasets === "object" && !Array.isArray(addToDatasets) ? {
+        ...changedData,
+        datasets: changedData.datasets.map((dataset)=>({
+                ...dataset,
+                ...addToDatasets
+            }))
+    } : changedData;
 };
-exports.prepareData = prepareData;

package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js

@@ -1,94 +1,151 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
 require("./CircleProgressBar.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const CircleProgressBar = _ref => {
-  let {
-    amount,
-    totalAmount,
-    isReverseType,
-    children,
-    className,
-    colors,
-    isInnerLine,
-    radius = 59,
-    strokeWidth = 2,
-    innerLineStrokeWidth = 2,
-    testId = "circle-progress-bar"
-  } = _ref;
-  const circumference = Math.round(2 * Math.PI * radius);
-  const amountProgress = amount < totalAmount ? Math.round(amount / totalAmount * 100) : 100; //%
-  const defaultColors = {
-    start: "#6b81dd",
-    finish: "#f06d8d",
-    meter: "#ffcad6"
-  };
-  const [strokeDashoffset, setStrokeDashoffset] = (0, _react.useState)(isReverseType ? String(0) : circumference);
-  (0, _react.useEffect)(() => {
-    setStrokeDashoffset(circumference - circumference * amountProgress / 100);
-  }, [amountProgress]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": testId,
-    className: (0, _classnames.default)("limit-progress-bar", {
-      "limit-progress-bar--reverse": isReverseType
-    }, className)
-  }, /*#__PURE__*/_react.default.createElement("svg", {
-    className: "limit-progress-bar__progress",
-    width: "124",
-    height: "124",
-    viewBox: "0 0 124 124"
-  }, /*#__PURE__*/_react.default.createElement("defs", null, isReverseType ? /*#__PURE__*/_react.default.createElement("linearGradient", {
-    id: "limit-progress-bar-linear-gradient-reverse",
-    x1: "0",
-    y1: "1",
-    x2: "0",
-    y2: "0"
-  }, /*#__PURE__*/_react.default.createElement("stop", {
-    offset: "0",
-    stopColor: colors.finish || defaultColors.finish
-  }), /*#__PURE__*/_react.default.createElement("stop", {
-    offset: "1",
-    stopColor: colors.start || defaultColors.start
-  })) : /*#__PURE__*/_react.default.createElement("linearGradient", {
-    id: "limit-progress-bar-linear-gradient",
-    x1: "0",
-    y1: "1",
-    x2: "0",
-    y2: "0"
-  }, /*#__PURE__*/_react.default.createElement("stop", {
-    offset: "0",
-    stopColor: colors.start || defaultColors.start
-  }), /*#__PURE__*/_react.default.createElement("stop", {
-    offset: "1",
-    stopColor: colors.finish || defaultColors.finish
-  }))), /*#__PURE__*/_react.default.createElement("circle", {
-    className: "limit-progress-bar__meter",
-    cx: radius,
-    cy: radius,
-    r: radius,
-    stroke: !isInnerLine ? "" : colors.meter || defaultColors.meter,
-    strokeWidth: String(innerLineStrokeWidth)
-  }), /*#__PURE__*/_react.default.createElement("circle", {
-    className: "limit-progress-bar__value",
-    cx: radius,
-    cy: radius,
-    r: radius,
-    strokeWidth: String(strokeWidth),
-    stroke: `url(#limit-progress-bar-linear-gradient${isReverseType ? "-reverse" : ""})`,
-    style: {
-      strokeDasharray: circumference,
-      strokeDashoffset
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(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 = {
+        __proto__: null
+    };
+    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);
     }
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "limit-progress-bar__content"
-  }, children));
+    return newObj;
+}
+const CircleProgressBar = ({ amount, totalAmount, isReverseType, children, className, colors, isInnerLine, radius = 59, strokeWidth = 2, innerLineStrokeWidth = 2, testId = "circle-progress-bar" })=>{
+    const circumference = Math.round(2 * Math.PI * radius);
+    const amountProgress = amount < totalAmount ? Math.round(amount / totalAmount * 100) : 100; //%
+    const defaultColors = {
+        start: "#6b81dd",
+        finish: "#f06d8d",
+        meter: "#ffcad6"
+    };
+    const [strokeDashoffset, setStrokeDashoffset] = (0, _react.useState)(isReverseType ? String(0) : circumference);
+    (0, _react.useEffect)(()=>{
+        setStrokeDashoffset(circumference - circumference * amountProgress / 100);
+    }, [
+        amountProgress
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        "data-testid": testId,
+        className: (0, _classnames.default)("limit-progress-bar", {
+            "limit-progress-bar--reverse": isReverseType
+        }, className),
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("svg", {
+                className: "limit-progress-bar__progress",
+                width: "124",
+                height: "124",
+                viewBox: "0 0 124 124",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("defs", {
+                        children: isReverseType ? /*#__PURE__*/ (0, _jsxruntime.jsxs)("linearGradient", {
+                            id: "limit-progress-bar-linear-gradient-reverse",
+                            x1: "0",
+                            y1: "1",
+                            x2: "0",
+                            y2: "0",
+                            children: [
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)("stop", {
+                                    offset: "0",
+                                    stopColor: colors.finish || defaultColors.finish
+                                }),
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)("stop", {
+                                    offset: "1",
+                                    stopColor: colors.start || defaultColors.start
+                                })
+                            ]
+                        }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)("linearGradient", {
+                            id: "limit-progress-bar-linear-gradient",
+                            x1: "0",
+                            y1: "1",
+                            x2: "0",
+                            y2: "0",
+                            children: [
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)("stop", {
+                                    offset: "0",
+                                    stopColor: colors.start || defaultColors.start
+                                }),
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)("stop", {
+                                    offset: "1",
+                                    stopColor: colors.finish || defaultColors.finish
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("circle", {
+                        className: "limit-progress-bar__meter",
+                        cx: radius,
+                        cy: radius,
+                        r: radius,
+                        stroke: !isInnerLine ? "" : colors.meter || defaultColors.meter,
+                        strokeWidth: String(innerLineStrokeWidth)
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("circle", {
+                        className: "limit-progress-bar__value",
+                        cx: radius,
+                        cy: radius,
+                        r: radius,
+                        strokeWidth: String(strokeWidth),
+                        stroke: `url(#limit-progress-bar-linear-gradient${isReverseType ? "-reverse" : ""})`,
+                        style: {
+                            strokeDasharray: circumference,
+                            strokeDashoffset
+                        }
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "limit-progress-bar__content",
+                children: children
+            })
+        ]
+    });
 };
-var _default = exports.default = CircleProgressBar;
+const _default = CircleProgressBar;

package/dist/Atomic/UI/DateTime/DateTime.js

@@ -1,45 +1,97 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _momenttimezone = /*#__PURE__*/ _interop_require_default(require("moment-timezone"));
 require("./DateTime.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(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 = {
+        __proto__: null
+    };
+    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;
+}
 const RC = "date-time";
 const DEFAULT_DATE_FORMAT = "DD.MM.YYYY";
 const DEFAULT_TIME_FORMAT = "HH:mm:ss";
-const DateTime = _ref => {
-  let {
-    className,
-    value,
-    valueFormat,
-    dateFormat: inputDateFormat,
-    timeFormat: inputTimeFormat,
-    isNoDate,
-    isNoTime,
-    testId = "date-time"
-  } = _ref;
-  const dateFormat = inputDateFormat ? inputDateFormat : DEFAULT_DATE_FORMAT;
-  const timeFormat = inputTimeFormat ? inputTimeFormat : DEFAULT_TIME_FORMAT;
-  const date = (0, _react.useMemo)(() => (valueFormat ? (0, _momentTimezone.default)(value, valueFormat) : (0, _momentTimezone.default)(value)).format(dateFormat), [value, valueFormat, dateFormat]);
-  const time = (0, _react.useMemo)(() => (valueFormat ? (0, _momentTimezone.default)(value, valueFormat) : (0, _momentTimezone.default)(value)).format(timeFormat), [value, valueFormat, timeFormat]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": testId,
-    className: (0, _classnames.default)(RC, className)
-  }, !isNoDate && /*#__PURE__*/_react.default.createElement("span", {
-    "data-testid": `${testId}-date`,
-    className: (0, _classnames.default)(`${RC}__date`)
-  }, date), !isNoTime && /*#__PURE__*/_react.default.createElement("span", {
-    "data-testid": `${testId}-time`,
-    className: (0, _classnames.default)(`${RC}__time`, {
-      [`${RC}_color--pause`]: !isNoDate
-    })
-  }, time));
+const DateTime = ({ className, value, valueFormat, dateFormat: inputDateFormat, timeFormat: inputTimeFormat, isNoDate, isNoTime, testId = "date-time" })=>{
+    const dateFormat = inputDateFormat ? inputDateFormat : DEFAULT_DATE_FORMAT;
+    const timeFormat = inputTimeFormat ? inputTimeFormat : DEFAULT_TIME_FORMAT;
+    const date = (0, _react.useMemo)(()=>(valueFormat ? (0, _momenttimezone.default)(value, valueFormat) : (0, _momenttimezone.default)(value)).format(dateFormat), [
+        value,
+        valueFormat,
+        dateFormat
+    ]);
+    const time = (0, _react.useMemo)(()=>(valueFormat ? (0, _momenttimezone.default)(value, valueFormat) : (0, _momenttimezone.default)(value)).format(timeFormat), [
+        value,
+        valueFormat,
+        timeFormat
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        "data-testid": testId,
+        className: (0, _classnames.default)(RC, className),
+        children: [
+            !isNoDate && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                "data-testid": `${testId}-date`,
+                className: (0, _classnames.default)(`${RC}__date`),
+                children: date
+            }),
+            !isNoTime && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                "data-testid": `${testId}-time`,
+                className: (0, _classnames.default)(`${RC}__time`, {
+                    [`${RC}_color--pause`]: !isNoDate
+                }),
+                children: time
+            })
+        ]
+    });
 };
-var _default = exports.default = DateTime;
+const _default = DateTime;

package/dist/Atomic/UI/DateTime/DateTime.scss

@@ -1,4 +1,4 @@
-@import "./../../../scss/vars";
+@use "./../../../scss/vars";
 
 .date-time {
   display: flex;
@@ -12,6 +12,6 @@
   }
 
   &_color--pause {
-    color: $color--pause;
+    color: vars.$color--pause;
   }
 }