intelicoreact 1.5.36 → 1.5.40

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

@@ -1,61 +1,46 @@
-// gradientsSettings is Array of objects
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-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;
+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
     }
+  }
 });
-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
-            }
-        }
-    });
+exports.addGradientsSettings = addGradientsSettings;
+const addTooltipOptions = (currentOptions, tooltipOptions) => ({
+  ...currentOptions,
+  options: {
+    ...currentOptions.options,
+    plugins: {
+      ...currentOptions.options.plugins,
+      tooltip: tooltipOptions
+    }
+  }
+});
+
 // must be last function in file
-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);
+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 _default = addAdditionalOptions;
+var _default = exports.default = addAdditionalOptions;

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

@@ -1,61 +1,38 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-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.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;
 };
-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.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;
 };
+exports.prepareData = prepareData;

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

@@ -1,151 +1,94 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-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"));
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
 require("./CircleProgressBar.scss");
-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);
+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
     }
-    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
-            })
-        ]
-    });
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "limit-progress-bar__content"
+  }, children));
 };
-const _default = CircleProgressBar;
+var _default = exports.default = CircleProgressBar;

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

@@ -1,97 +1,45 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-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"));
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
 require("./DateTime.scss");
-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;
-}
+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 RC = "date-time";
 const DEFAULT_DATE_FORMAT = "DD.MM.YYYY";
 const DEFAULT_TIME_FORMAT = "HH:mm:ss";
-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
-            })
-        ]
-    });
+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 _default = DateTime;
+var _default = exports.default = DateTime;

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

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

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

@@ -1,4 +1,4 @@
-@import 'https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap';
+@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap";
 
 .any-outer-class__date-time {
   font-family: Roboto, sans-serif;