intelicoreact 1.5.32 → 1.5.34

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

@@ -0,0 +1,79 @@
+"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 _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+global.lng = 'en';
+const _default = {
+    title: 'UI/DoubleString',
+    component: _DoubleString.default
+};
+const Template = (args)=>{
+    const { isIncludeOuterStyles, ...restArgs } = args;
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: "j7 wrap",
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_DoubleString.default, {
+                ...args,
+                className: isIncludeOuterStyles ? 'any-outer-class__double-string' : 'mr15'
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_DoubleString.default, {
+                ...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, {
+                ...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'
+    }
+};

package/dist/src/Atomic/UI/DoubleString/partial/AnyOuterClass.scss

@@ -0,0 +1,18 @@
+@import 'https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap';
+
+.any-outer-class__double-string {
+  font-family: Roboto, sans-serif;
+  font-size: 16px;
+  font-weight: 400;
+  font-style: normal;
+
+  color: #1e1e2d;
+
+  .double-string {
+    &__description {
+      font-size: 13px;
+
+      color: #687bc1;
+    }
+  }
+}

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

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

@@ -0,0 +1,70 @@
+"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 _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 DynamicIcon = ({ iconKey, ...props })=>{
+    const [Icon, setIcon] = (0, _react.useState)(null);
+    (0, _react.useEffect)(()=>{
+        const fetchData = async ()=>{
+            const FeatherIcons = await Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require("react-feather")));
+            const iconComponent = FeatherIcons[iconKey];
+            setIcon(()=>iconComponent);
+        };
+        fetchData();
+    }, [
+        iconKey
+    ]);
+    return Icon ? /*#__PURE__*/ (0, _jsxruntime.jsx)(Icon, {
+        ...props
+    }) : null;
+};
+const _default = DynamicIcon;

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

@@ -0,0 +1,98 @@
+"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, {
+    Default: function() {
+        return Default;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _reactfeather = /*#__PURE__*/ _interop_require_wildcard(require("react-feather"));
+const _DynamicIcon = /*#__PURE__*/ _interop_require_default(require("./DynamicIcon"));
+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 _default = {
+    title: 'Components/DynamicIcon',
+    component: _DynamicIcon.default,
+    argTypes: {
+        iconKey: {
+            control: {
+                type: 'select',
+                options: Object.keys(_reactfeather)
+            }
+        },
+        size: {
+            control: {
+                type: 'number',
+                min: 12,
+                max: 64,
+                step: 2
+            }
+        },
+        color: {
+            control: 'color'
+        }
+    },
+    args: {
+        iconKey: 'Mail',
+        color: '#000000'
+    }
+};
+const Template = (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_DynamicIcon.default, {
+        ...args
+    });
+const Default = Template.bind({});

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

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("@testing-library/react");
+const _DynamicIcon = /*#__PURE__*/ _interop_require_default(require("./DynamicIcon"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+jest.mock('react-feather', ()=>({
+        Mail: ()=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                "data-testid": "mail-icon",
+                children: "Mail Icon"
+            }),
+        User: ()=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                "data-testid": "user-icon",
+                children: "User Icon"
+            })
+    }));
+describe('dynamicIcon', ()=>{
+    it('renders null when no iconKey is provided', ()=>{
+        // @ts-ignore - Testing invalid prop
+        const { container } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_DynamicIcon.default, {}));
+        expect(container.firstChild).toBeNull();
+    });
+    it('renders the correct icon when valid iconKey is provided', async ()=>{
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_DynamicIcon.default, {
+            iconKey: "Mail"
+        }));
+        await (0, _react.waitFor)(()=>{
+            expect(_react.screen.getByTestId('mail-icon')).toBeInTheDocument();
+        });
+    });
+    it('updates icon when iconKey changes', async ()=>{
+        const { rerender } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_DynamicIcon.default, {
+            iconKey: "Mail"
+        }));
+        await (0, _react.waitFor)(()=>{
+            expect(_react.screen.getByTestId('mail-icon')).toBeInTheDocument();
+        });
+        rerender(/*#__PURE__*/ (0, _jsxruntime.jsx)(_DynamicIcon.default, {
+            iconKey: "User"
+        }));
+        await (0, _react.waitFor)(()=>{
+            expect(_react.screen.getByTestId('user-icon')).toBeInTheDocument();
+        });
+    });
+});

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

@@ -0,0 +1,17 @@
+"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;

package/dist/src/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js

@@ -0,0 +1,262 @@
+"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 _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+const _utils = require("../../../Functions/utils");
+const _InputDateRange = /*#__PURE__*/ _interop_require_default(require("../../FormElements/InputDateRange/InputDateRange"));
+const _Chart = /*#__PURE__*/ _interop_require_default(require("../Chart/Chart"));
+const _utils1 = require("./partial/utils");
+require("./partial/AnyOuterClass.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 ExampleChartIntegration = (props)=>{
+    const { inputDateRangeProps, chartProps } = props || {};
+    const { value: outerDateRange, onChange: changeDateRange } = inputDateRangeProps || {};
+    const { initialChartType } = chartProps || {};
+    const dateRange = (0, _react.useMemo)(()=>(0, _utils1.getSafelyDateRange)(outerDateRange), [
+        outerDateRange
+    ]);
+    const [chartType, setChartType] = (0, _react.useState)(initialChartType || "Bar");
+    const [tab, setTab] = (0, _react.useState)("tab1");
+    const [initialModel, setInitialModel] = (0, _react.useState)(chartType === "Bar" ? "finturfLoadingModeBar" : "finturfLoadingModeLine");
+    const [tab1, setTab1] = (0, _react.useState)(null);
+    const [tab2, setTab2] = (0, _react.useState)(null);
+    const [tab3, setTab3] = (0, _react.useState)(null);
+    const [tab4, setTab4] = (0, _react.useState)(null);
+    const [dataForRender, setDataForRender] = (0, _react.useState)(null);
+    const getMockData = ()=>{
+        const labels = (0, _utils1.getLabels)(dateRange);
+        const mock = ()=>labels.map((label)=>(0, _utils1.getMockValue)());
+        return {
+            labels,
+            datasets: [
+                {
+                    data: mock()
+                }
+            ]
+        };
+    };
+    const getTabData = (tabId)=>{
+        switch(tabId){
+            case "tab1":
+                return !tab1 ? null : (0, _utils.clone)(tab1);
+            case "tab2":
+                return !tab2 ? null : (0, _utils.clone)(tab2);
+            case "tab3":
+                return !tab3 ? null : (0, _utils.clone)(tab3);
+            case "tab4":
+                return !tab4 ? null : (0, _utils.clone)(tab4);
+            default:
+                return null;
+        }
+    };
+    const getDescription = (tabId)=>{
+        switch(tabId){
+            case "tab1":
+                return "Tab 1";
+            case "tab2":
+                return "Tab 2";
+            case "tab3":
+                return "Tab 3";
+            case "tab4":
+                return "Tab 4";
+            default:
+                return null;
+        }
+    };
+    const selectData = ()=>getTabData(tab) ? getTabData(tab) : getMockData();
+    const modelsForSwitch = (0, _react.useMemo)(()=>getTabData(tab) ? [
+            "finturfChartBar",
+            "finturfChartLine"
+        ] : [
+            "finturfLoadingModeBar",
+            "finturfLoadingModeLine"
+        ], [
+        Boolean(getTabData(tab))
+    ]);
+    const handleChangeChartType = (model)=>{
+        setChartType(model.includes("Line") ? "Line" : "Bar");
+        setInitialModel(model);
+    };
+    const getModel = ()=>{
+        if (!getTabData(tab)) return chartType === "Bar" ? "finturfLoadingModeBar" : "finturfLoadingModeLine";
+        else return chartType === "Bar" ? "finturfChartBar" : "finturfChartLine";
+    };
+    const processResponse = (res, tabId)=>{
+        switch(tabId){
+            case "tab1":
+                setTab1(res);
+                break;
+            case "tab2":
+                setTab2(res);
+                break;
+            case "tab3":
+                setTab3(res);
+                break;
+            case "tab4":
+                setTab4(res);
+                break;
+            default:
+                break;
+        }
+        return res;
+    };
+    (0, _react.useLayoutEffect)(()=>{
+        setTab1(null);
+        setTab2(null);
+        setTab3(null);
+        setTab4(null);
+        // эмуляция запросов
+        // вся логика происходит в самих входящих промисах
+        // Promise.all добавлен для расширения на случай надобности описания эффектов по завершении всех запросов
+        Promise.all([
+            (0, _utils1.getTab)("tab1", dateRange, processResponse),
+            (0, _utils1.getTab)("tab2", dateRange, processResponse),
+            (0, _utils1.getTab)("tab3", dateRange, processResponse),
+            (0, _utils1.getTab)("tab4", dateRange, processResponse)
+        ]);
+    }, [
+        dateRange
+    ]);
+    (0, _react.useLayoutEffect)(()=>{
+        setInitialModel(getModel());
+        setDataForRender(selectData());
+    }, [
+        Boolean(getTabData(tab)),
+        tab,
+        chartType
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: "example-wrapper",
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputDateRange.default, {
+                ...inputDateRangeProps,
+                value: outerDateRange,
+                onChange: changeDateRange
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: "buttons-block",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                        className: (0, _classnames.default)("tab-button", {
+                            "tab-button_active": tab === "tab1"
+                        }),
+                        onClick: ()=>setTab("tab1"),
+                        children: "Tab 1"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                        className: (0, _classnames.default)("tab-button", {
+                            "tab-button_active": tab === "tab2"
+                        }),
+                        onClick: ()=>setTab("tab2"),
+                        children: "Tab 2"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                        className: (0, _classnames.default)("tab-button", {
+                            "tab-button_active": tab === "tab3"
+                        }),
+                        onClick: ()=>setTab("tab3"),
+                        children: "Tab 3"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                        className: (0, _classnames.default)("tab-button", {
+                            "tab-button_active": tab === "tab4"
+                        }),
+                        onClick: ()=>setTab("tab4"),
+                        children: "Tab 4"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _react.createElement)(_Chart.default, {
+                ...chartProps,
+                key: JSON.stringify(dataForRender),
+                data: dataForRender,
+                setModelExternalValue: handleChangeChartType,
+                initialModel: initialModel,
+                modelsForSwitch: modelsForSwitch,
+                description: {
+                    label: getDescription(tab)
+                },
+                addToDatasets: {
+                    id: tab
+                },
+                modifyOptions: (options)=>{
+                    var _options_options, _options_options_plugins, _options_options1, _options_options_plugins_tooltip, _options_options_plugins1, _options_options2;
+                    return {
+                        ...options,
+                        options: {
+                            ...options === null || options === void 0 ? void 0 : options.options,
+                            plugins: {
+                                ...options === null || options === void 0 ? void 0 : (_options_options = options.options) === null || _options_options === void 0 ? void 0 : _options_options.plugins,
+                                tooltip: {
+                                    ...options === null || options === void 0 ? void 0 : (_options_options1 = options.options) === null || _options_options1 === void 0 ? void 0 : (_options_options_plugins = _options_options1.plugins) === null || _options_options_plugins === void 0 ? void 0 : _options_options_plugins.tooltip,
+                                    callbacks: {
+                                        ...options === null || options === void 0 ? void 0 : (_options_options2 = options.options) === null || _options_options2 === void 0 ? void 0 : (_options_options_plugins1 = _options_options2.plugins) === null || _options_options_plugins1 === void 0 ? void 0 : (_options_options_plugins_tooltip = _options_options_plugins1.tooltip) === null || _options_options_plugins_tooltip === void 0 ? void 0 : _options_options_plugins_tooltip.callbacks,
+                                        label: (context)=>{
+                                            return context.dataset.id === "tab3" || context.dataset.id === "tab4" ? (0, _fieldValueFormatters.formatToPriceWithUSD)(context.raw || "0") : context.raw || "0";
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    };
+                }
+            })
+        ]
+    });
+};
+const _default = ExampleChartIntegration;