intelicoreact 1.6.7 → 1.6.8

package/dist/Atomic/UI/DebugContainer/useDebugContainer.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    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 _DebugContainer = /*#__PURE__*/ _interop_require_default(require("./DebugContainer"));
+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 useDebugContainer = ()=>{
+    const [data, setData] = (0, _react.useState)({});
+    return {
+        debugData: data,
+        setDebugData: setData,
+        renderDebugContainer: /*#__PURE__*/ (0, _jsxruntime.jsx)(_DebugContainer.default, {
+            data: data
+        })
+    };
+};
+const _default = useDebugContainer;
+
+//# sourceMappingURL=useDebugContainer.js.map

package/dist/Atomic/UI/DebugContainer/useDebugContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/DebugContainer/useDebugContainer.js"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport DebugContainer from \"./DebugContainer\";\n\nconst useDebugContainer = () => {\n  const [data, setData] = useState({});\n\n  return {\n    debugData: data,\n    setDebugData: setData,\n    renderDebugContainer: <DebugContainer data={data} />,\n  };\n};\n\nexport default useDebugContainer;\n"],"names":["useDebugContainer","data","setData","useState","debugData","setDebugData","renderDebugContainer","DebugContainer"],"mappings":";;;;+BAcA;;;eAAA;;;;+DAdgC;uEAEL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE3B,MAAMA,oBAAoB;IACxB,MAAM,CAACC,MAAMC,QAAQ,GAAGC,IAAAA,eAAQ,EAAC,CAAC;IAElC,OAAO;QACLC,WAAWH;QACXI,cAAcH;QACdI,oCAAsB,qBAACC,uBAAc;YAACN,MAAMA;;IAC9C;AACF;MAEA,WAAeD"}

package/dist/Atomic/UI/DoubleString/DoubleString.js

@@ -0,0 +1,143 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    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 _moment = /*#__PURE__*/ _interop_require_default(require("moment"));
+const _reactfeather = require("react-feather");
+require("./DoubleString.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;
+}
+const RC = "double-string";
+const DoubleString = ({ value, description, valuePostfix, className, testId = "double-string", isFormatValueToDate, isUseOnClick, dateFormatSettings: { parseFormat = "MM.DD.YYYY", displayFormat = "MM.DD.YYYY" } = {}, revert = false, noTitle, isUseHideMode = false, isShowHiddenValueAvailable = false })=>{
+    const [isValueHidden, setIsValueHidden] = (0, _react.useState)(isUseHideMode);
+    const computedValue = isFormatValueToDate ? (0, _moment.default)(value, parseFormat).format(displayFormat) : value;
+    const valueRef = (0, _react.useRef)(null);
+    const descriptionRef = (0, _react.useRef)(null);
+    const [elemsWidth, setElemsWidth] = (0, _react.useState)({
+        valueWidth: 0,
+        descriptionWidth: 0
+    });
+    const [isOnClickON, setIsOnClickON] = (0, _react.useState)(false);
+    const handle = {
+        click: ()=>{
+            setIsOnClickON(!isOnClickON);
+        }
+    };
+    (0, _react.useEffect)(()=>{
+        var _valueRef_current, _descriptionRef_current;
+        const valueWidth = valueRef === null || valueRef === void 0 ? void 0 : (_valueRef_current = valueRef.current) === null || _valueRef_current === void 0 ? void 0 : _valueRef_current.clientWidth;
+        const descriptionWidth = descriptionRef === null || descriptionRef === void 0 ? void 0 : (_descriptionRef_current = descriptionRef.current) === null || _descriptionRef_current === void 0 ? void 0 : _descriptionRef_current.clientWidth;
+        setElemsWidth({
+            valueWidth,
+            descriptionWidth
+        });
+    }, [
+        descriptionRef,
+        valueRef
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        "data-testid": testId,
+        className: (0, _classnames.default)(RC, className),
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
+                onClick: ()=>handle.click(),
+                ref: valueRef,
+                className: (0, _classnames.default)(`${RC}__value`, {
+                    "double-string--value-opened": isOnClickON && isUseOnClick
+                }, {
+                    pointer: isUseOnClick
+                }),
+                title: !noTitle && elemsWidth.valueWidth > 99 ? computedValue : "",
+                children: !revert ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                    children: [
+                        isUseHideMode ? /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                            children: !isValueHidden ? computedValue : '*********'
+                        }) : computedValue,
+                        isUseHideMode && isShowHiddenValueAvailable && isValueHidden && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Eye, {
+                            className: `${RC}__hide-mode-icon`,
+                            onClick: ()=>setIsValueHidden(false)
+                        }),
+                        isUseHideMode && isShowHiddenValueAvailable && !isValueHidden && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.EyeOff, {
+                            className: `${RC}__hide-mode-icon`,
+                            onClick: ()=>setIsValueHidden(true)
+                        }),
+                        valuePostfix && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                            className: (0, _classnames.default)(`${RC}__value-postfix`),
+                            children: valuePostfix
+                        })
+                    ]
+                }) : description
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
+                ref: descriptionRef,
+                className: (0, _classnames.default)(`${RC}__description`),
+                title: !noTitle && elemsWidth.descriptionWidth > 99 ? computedValue : "",
+                children: !revert ? description : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                    children: [
+                        computedValue,
+                        valuePostfix && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                            className: (0, _classnames.default)(`${RC}__value-postfix`),
+                            children: valuePostfix
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+const _default = DoubleString;
+
+//# sourceMappingURL=DoubleString.js.map

package/dist/Atomic/UI/DoubleString/DoubleString.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/DoubleString/DoubleString.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\nimport cn from \"classnames\";\nimport moment from \"moment\";\nimport { Eye, EyeOff } from \"react-feather\";\n\nimport \"./DoubleString.scss\";\n\nconst RC = \"double-string\";\n\nconst DoubleString = ({\n  value,\n  description,\n  valuePostfix,\n  className,\n  testId = \"double-string\",\n  isFormatValueToDate,\n  isUseOnClick,\n  dateFormatSettings: {\n    parseFormat = \"MM.DD.YYYY\",\n    displayFormat = \"MM.DD.YYYY\",\n  } = {},\n  revert = false,\n  noTitle,\n  isUseHideMode = false,\n  isShowHiddenValueAvailable= false,\n}) => {\n  const [isValueHidden, setIsValueHidden] = useState(isUseHideMode);\n\n  const computedValue = isFormatValueToDate\n    ? moment(value, parseFormat).format(displayFormat)\n    : value;\n  const valueRef = useRef(null);\n  const descriptionRef = useRef(null);\n  const [elemsWidth, setElemsWidth] = useState({\n    valueWidth: 0,\n    descriptionWidth: 0,\n  });\n  const [isOnClickON, setIsOnClickON] = useState(false);\n\n  const handle = {\n    click: () => {\n      setIsOnClickON(!isOnClickON);\n    },\n  };\n\n  useEffect(() => {\n    const valueWidth = valueRef?.current?.clientWidth;\n    const descriptionWidth = descriptionRef?.current?.clientWidth;\n\n    setElemsWidth({ valueWidth, descriptionWidth });\n  }, [descriptionRef, valueRef]);\n\n  return (\n    <div data-testid={testId} className={cn(RC, className)}>\n      <p\n        onClick={() => handle.click()}\n        ref={valueRef}\n        className={cn(\n          `${RC}__value`,\n          {\n            \"double-string--value-opened\": isOnClickON && isUseOnClick,\n          },\n          { pointer: isUseOnClick },\n        )}\n        title={!noTitle && elemsWidth.valueWidth > 99 ? computedValue : \"\"}\n      >\n        {!revert ? (\n          <>\n            {isUseHideMode ? <span>{!isValueHidden ? computedValue : '*********'}</span> : computedValue}\n            {isUseHideMode && isShowHiddenValueAvailable && isValueHidden && <Eye className={`${RC}__hide-mode-icon`} onClick={() => setIsValueHidden(false)} />}\n            {isUseHideMode && isShowHiddenValueAvailable && !isValueHidden && <EyeOff className={`${RC}__hide-mode-icon`} onClick={() => setIsValueHidden(true)}/>}\n            {valuePostfix && (\n              <span className={cn(`${RC}__value-postfix`)}>{valuePostfix}</span>\n            )}\n          </>\n        ) : (\n          description\n        )}\n      </p>\n\n      <p\n        ref={descriptionRef}\n        className={cn(`${RC}__description`)}\n        title={!noTitle && elemsWidth.descriptionWidth > 99 ? computedValue : \"\"}\n      >\n        {!revert ? (\n          description\n        ) : (\n          <>\n            {computedValue}\n            {valuePostfix && (\n              <span className={cn(`${RC}__value-postfix`)}>{valuePostfix}</span>\n            )}\n          </>\n        )}\n      </p>\n    </div>\n  );\n};\n\nexport default DoubleString;\n"],"names":["RC","DoubleString","value","description","valuePostfix","className","testId","isFormatValueToDate","isUseOnClick","dateFormatSettings","parseFormat","displayFormat","revert","noTitle","isUseHideMode","isShowHiddenValueAvailable","isValueHidden","setIsValueHidden","useState","computedValue","moment","format","valueRef","useRef","descriptionRef","elemsWidth","setElemsWidth","valueWidth","descriptionWidth","isOnClickON","setIsOnClickON","handle","click","useEffect","current","clientWidth","div","data-testid","cn","p","onClick","ref","pointer","title","span","Eye","EyeOff"],"mappings":";;;;+BAqGA;;;eAAA;;;;+DArGmD;mEAEpC;+DACI;8BACS;QAErB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,KAAK;AAEX,MAAMC,eAAe,CAAC,EACpBC,KAAK,EACLC,WAAW,EACXC,YAAY,EACZC,SAAS,EACTC,SAAS,eAAe,EACxBC,mBAAmB,EACnBC,YAAY,EACZC,oBAAoB,EAClBC,cAAc,YAAY,EAC1BC,gBAAgB,YAAY,EAC7B,GAAG,CAAC,CAAC,EACNC,SAAS,KAAK,EACdC,OAAO,EACPC,gBAAgB,KAAK,EACrBC,6BAA4B,KAAK,EAClC;IACC,MAAM,CAACC,eAAeC,iBAAiB,GAAGC,IAAAA,eAAQ,EAACJ;IAEnD,MAAMK,gBAAgBZ,sBAClBa,IAAAA,eAAM,EAAClB,OAAOQ,aAAaW,MAAM,CAACV,iBAClCT;IACJ,MAAMoB,WAAWC,IAAAA,aAAM,EAAC;IACxB,MAAMC,iBAAiBD,IAAAA,aAAM,EAAC;IAC9B,MAAM,CAACE,YAAYC,cAAc,GAAGR,IAAAA,eAAQ,EAAC;QAC3CS,YAAY;QACZC,kBAAkB;IACpB;IACA,MAAM,CAACC,aAAaC,eAAe,GAAGZ,IAAAA,eAAQ,EAAC;IAE/C,MAAMa,SAAS;QACbC,OAAO;YACLF,eAAe,CAACD;QAClB;IACF;IAEAI,IAAAA,gBAAS,EAAC;YACWX,mBACME;QADzB,MAAMG,aAAaL,qBAAAA,gCAAAA,oBAAAA,SAAUY,OAAO,cAAjBZ,wCAAAA,kBAAmBa,WAAW;QACjD,MAAMP,mBAAmBJ,2BAAAA,sCAAAA,0BAAAA,eAAgBU,OAAO,cAAvBV,8CAAAA,wBAAyBW,WAAW;QAE7DT,cAAc;YAAEC;YAAYC;QAAiB;IAC/C,GAAG;QAACJ;QAAgBF;KAAS;IAE7B,qBACE,sBAACc;QAAIC,eAAa/B;QAAQD,WAAWiC,IAAAA,mBAAE,EAACtC,IAAIK;;0BAC1C,qBAACkC;gBACCC,SAAS,IAAMT,OAAOC,KAAK;gBAC3BS,KAAKnB;gBACLjB,WAAWiC,IAAAA,mBAAE,EACX,GAAGtC,GAAG,OAAO,CAAC,EACd;oBACE,+BAA+B6B,eAAerB;gBAChD,GACA;oBAAEkC,SAASlC;gBAAa;gBAE1BmC,OAAO,CAAC9B,WAAWY,WAAWE,UAAU,GAAG,KAAKR,gBAAgB;0BAE/D,CAACP,uBACA;;wBACGE,8BAAgB,qBAAC8B;sCAAM,CAAC5B,gBAAgBG,gBAAgB;6BAAsBA;wBAC9EL,iBAAiBC,8BAA8BC,+BAAiB,qBAAC6B,iBAAG;4BAACxC,WAAW,GAAGL,GAAG,gBAAgB,CAAC;4BAAEwC,SAAS,IAAMvB,iBAAiB;;wBACzIH,iBAAiBC,8BAA8B,CAACC,+BAAiB,qBAAC8B,oBAAM;4BAACzC,WAAW,GAAGL,GAAG,gBAAgB,CAAC;4BAAEwC,SAAS,IAAMvB,iBAAiB;;wBAC7Ib,8BACC,qBAACwC;4BAAKvC,WAAWiC,IAAAA,mBAAE,EAAC,GAAGtC,GAAG,eAAe,CAAC;sCAAII;;;qBAIlDD;;0BAIJ,qBAACoC;gBACCE,KAAKjB;gBACLnB,WAAWiC,IAAAA,mBAAE,EAAC,GAAGtC,GAAG,aAAa,CAAC;gBAClC2C,OAAO,CAAC9B,WAAWY,WAAWG,gBAAgB,GAAG,KAAKT,gBAAgB;0BAErE,CAACP,SACAT,4BAEA;;wBACGgB;wBACAf,8BACC,qBAACwC;4BAAKvC,WAAWiC,IAAAA,mBAAE,EAAC,GAAGtC,GAAG,eAAe,CAAC;sCAAII;;;;;;;AAO5D;MAEA,WAAeH"}

package/dist/Atomic/UI/DoubleString/DoubleString.stories.js

@@ -0,0 +1,159 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    DoubleStringTemplate: function() {
+        return DoubleStringTemplate;
+    },
+    DoubleStringWithDateFormat: function() {
+        return DoubleStringWithDateFormat;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _DoubleString = /*#__PURE__*/ _interop_require_default(require("./DoubleString"));
+require("./partial/AnyOuterClass.scss");
+require("../../../../../scss/main.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+global.lng = 'en';
+const _default = {
+    title: 'UI/DoubleString',
+    component: _DoubleString.default
+};
+const Template = (args)=>{
+    const { isIncludeOuterStyles } = args, restArgs = _object_without_properties(args, [
+        "isIncludeOuterStyles"
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: "j7 wrap",
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_DoubleString.default, _object_spread_props(_object_spread({}, args), {
+                className: isIncludeOuterStyles ? 'any-outer-class__double-string' : 'mr15'
+            })),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_DoubleString.default, _object_spread_props(_object_spread({}, args), {
+                value: "Very long text Very long text Very long text Very long text",
+                className: isIncludeOuterStyles ? 'any-outer-class__double-string' : 'mr15',
+                isUseOnClick: true
+            })),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_DoubleString.default, _object_spread_props(_object_spread({}, args), {
+                className: isIncludeOuterStyles ? 'any-outer-class__double-string' : null
+            }))
+        ]
+    });
+};
+const DoubleStringTemplate = Template.bind({});
+DoubleStringTemplate.args = {
+    isIncludeOuterStyles: false,
+    value: 'Value',
+    description: 'Description',
+    isUseOnClick: false,
+    isUseHideMode: true,
+    isShowHiddenValueAvailable: true
+};
+const DoubleStringWithDateFormat = Template.bind({});
+DoubleStringWithDateFormat.args = {
+    isIncludeOuterStyles: false,
+    value: '01272023',
+    description: 'Description',
+    isFormatValueToDate: true,
+    isUseOnClick: false,
+    dateFormatSettings: {
+        parseFormat: 'MM.DD.YYYY',
+        displayFormat: 'MM.DD.YYYY'
+    }
+};
+
+//# sourceMappingURL=DoubleString.stories.js.map

package/dist/Atomic/UI/DoubleString/DoubleString.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/DoubleString/DoubleString.stories.js"],"sourcesContent":["import React from 'react';\nimport DoubleString from './DoubleString';\n\nimport './partial/AnyOuterClass.scss';\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'UI/DoubleString',\n  component: DoubleString,\n};\n\nconst Template = args => {\n  const {isIncludeOuterStyles, ...restArgs} = args;\n\n  return (\n    <div className=\"j7 wrap\">\n      <DoubleString {...args} className={isIncludeOuterStyles ? 'any-outer-class__double-string' : 'mr15'} />\n      <DoubleString\n        {...args}\n        value=\"Very long text Very long text Very long text Very long text\"\n        className={isIncludeOuterStyles ? 'any-outer-class__double-string' : 'mr15'}\n        isUseOnClick\n      />\n      <DoubleString {...args} className={isIncludeOuterStyles ? 'any-outer-class__double-string' : null} />\n    </div>\n  );\n};\n\nexport const DoubleStringTemplate = Template.bind({});\n\nDoubleStringTemplate.args = {\n  isIncludeOuterStyles: false,\n  value: 'Value',\n  description: 'Description',\n  isUseOnClick: false,\n  isUseHideMode: true,\n  isShowHiddenValueAvailable: true\n};\n\nexport const DoubleStringWithDateFormat = Template.bind({});\n\nDoubleStringWithDateFormat.args = {\n  isIncludeOuterStyles: false,\n  value: '01272023',\n  description: 'Description',\n  isFormatValueToDate: true,\n  isUseOnClick: false,\n  dateFormatSettings: {\n    parseFormat: 'MM.DD.YYYY',\n    displayFormat: 'MM.DD.YYYY',\n  },\n};\n"],"names":["DoubleStringTemplate","DoubleStringWithDateFormat","global","lng","title","component","DoubleString","Template","args","isIncludeOuterStyles","restArgs","div","className","value","isUseOnClick","bind","description","isUseHideMode","isShowHiddenValueAvailable","isFormatValueToDate","dateFormatSettings","parseFormat","displayFormat"],"mappings":";;;;;;;;;;;IA8BaA,oBAAoB;eAApBA;;IAWAC,0BAA0B;eAA1BA;;IAjCb,OAGE;eAHF;;;;8DARkB;qEACO;QAElB;QACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,qBAAY;AACzB;AAEA,MAAMC,WAAWC,CAAAA;IACf,MAAM,EAACC,oBAAoB,EAAc,GAAGD,MAAZE,sCAAYF;QAArCC;;IAEP,qBACE,sBAACE;QAAIC,WAAU;;0BACb,qBAACN,qBAAY,0CAAKE;gBAAMI,WAAWH,uBAAuB,mCAAmC;;0BAC7F,qBAACH,qBAAY,0CACPE;gBACJK,OAAM;gBACND,WAAWH,uBAAuB,mCAAmC;gBACrEK,YAAY;;0BAEd,qBAACR,qBAAY,0CAAKE;gBAAMI,WAAWH,uBAAuB,mCAAmC;;;;AAGnG;AAEO,MAAMT,uBAAuBO,SAASQ,IAAI,CAAC,CAAC;AAEnDf,qBAAqBQ,IAAI,GAAG;IAC1BC,sBAAsB;IACtBI,OAAO;IACPG,aAAa;IACbF,cAAc;IACdG,eAAe;IACfC,4BAA4B;AAC9B;AAEO,MAAMjB,6BAA6BM,SAASQ,IAAI,CAAC,CAAC;AAEzDd,2BAA2BO,IAAI,GAAG;IAChCC,sBAAsB;IACtBI,OAAO;IACPG,aAAa;IACbG,qBAAqB;IACrBL,cAAc;IACdM,oBAAoB;QAClBC,aAAa;QACbC,eAAe;IACjB;AACF"}

package/dist/Atomic/UI/DynamicIcon/DynamicIcon.interface.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=DynamicIcon.interface.js.map

package/dist/Atomic/UI/DynamicIcon/DynamicIcon.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/DynamicIcon/DynamicIcon.interface.ts"],"names":[],"mappings":""}

package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js

@@ -0,0 +1,162 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    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"));
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return 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 _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+const DynamicIcon = (_param)=>{
+    var { iconKey } = _param, props = _object_without_properties(_param, [
+        "iconKey"
+    ]);
+    const [Icon, setIcon] = (0, _react.useState)(null);
+    (0, _react.useEffect)(()=>{
+        const fetchData = /*#__PURE__*/ function() {
+            var _ref = _async_to_generator(function*() {
+                const FeatherIcons = yield Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require("react-feather")));
+                const iconComponent = FeatherIcons[iconKey];
+                setIcon(()=>iconComponent);
+            });
+            return function fetchData() {
+                return _ref.apply(this, arguments);
+            };
+        }();
+        fetchData();
+    }, [
+        iconKey
+    ]);
+    return Icon ? /*#__PURE__*/ (0, _jsxruntime.jsx)(Icon, _object_spread({}, props)) : null;
+};
+const _default = DynamicIcon;
+
+//# sourceMappingURL=DynamicIcon.js.map

package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/DynamicIcon/DynamicIcon.tsx"],"sourcesContent":["import type { IDynamicIconProps } from './DynamicIcon.interface';\n\nimport React, { useEffect, useState } from 'react';\n\nconst DynamicIcon: React.FC<IDynamicIconProps> = ({ iconKey, ...props }) => {\n  const [Icon, setIcon] = useState<React.ComponentType<React.SVGProps<SVGSVGElement>> | null>(null);\n\n  useEffect(() => {\n    const fetchData = async (): Promise<void> => {\n      const FeatherIcons = await import('react-feather');\n      const iconComponent = FeatherIcons[iconKey];\n      setIcon(() => iconComponent);\n    };\n\n    fetchData();\n  }, [iconKey]);\n\n  return Icon ? <Icon {...props} /> : null;\n};\n\nexport default DynamicIcon;\n"],"names":["DynamicIcon","iconKey","props","Icon","setIcon","useState","useEffect","fetchData","FeatherIcons","iconComponent"],"mappings":";;;;+BAoBA;;;eAAA;;;;+DAlB2C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE3C,MAAMA,cAA2C;QAAC,EAAEC,OAAO,EAAY,WAAPC;QAAZD;;IAClD,MAAM,CAACE,MAAMC,QAAQ,GAAGC,IAAAA,eAAQ,EAA4D;IAE5FC,IAAAA,gBAAS,EAAC;QACR,MAAMC;uBAAY,oBAAA;gBAChB,MAAMC,eAAe,MAAM,mEAAA,QAAO;gBAClC,MAAMC,gBAAgBD,YAAY,CAACP,QAAQ;gBAC3CG,QAAQ,IAAMK;YAChB;4BAJMF;;;;QAMNA;IACF,GAAG;QAACN;KAAQ;IAEZ,OAAOE,qBAAO,qBAACA,yBAASD,UAAY;AACtC;MAEA,WAAeF"}

package/dist/Atomic/UI/DynamicIcon/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _DynamicIcon = /*#__PURE__*/ _interop_require_default(require("./DynamicIcon"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = _DynamicIcon.default;
+
+//# sourceMappingURL=index.js.map

package/dist/Atomic/UI/DynamicIcon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/DynamicIcon/index.ts"],"sourcesContent":["import DynamicIcon from './DynamicIcon';\n\nexport default DynamicIcon;\nexport type { IDynamicIconProps } from './DynamicIcon.interface';\n"],"names":["DynamicIcon"],"mappings":";;;;+BAEA;;;eAAA;;;oEAFwB;;;;;;MAExB,WAAeA,oBAAW"}