intelicoreact 1.6.7 → 1.6.8

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

@@ -0,0 +1,222 @@
+"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, {
+    TagListTemplate: function() {
+        return TagListTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+require("../../../../../scss/main.scss");
+const _TagList = /*#__PURE__*/ _interop_require_default(require("./TagList"));
+require("./TagListStories.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 _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 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;
+}
+global.lng = "en";
+const _default = {
+    title: "UI/TagList",
+    component: _TagList.default
+};
+const renderPopupContent = ()=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                children: '"ADDED"'
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                        children: '"FL Name" '
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                        children: '"Admin" '
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                        children: '"date"'
+                    })
+                ]
+            })
+        ]
+    });
+};
+const Template = (args)=>{
+    const { options } = args;
+    const [tags, setTags] = (0, _react.useState)(options);
+    const removeTagHandler = (value)=>{
+        const newArray = tags.filter((item)=>item.value !== value);
+        setTags(newArray);
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TagList.default, _object_spread_props(_object_spread({}, args), {
+        items: tags
+    }));
+};
+const TagListTemplate = Template.bind({});
+TagListTemplate.args = {
+    options: [
+        {
+            id: 1,
+            label: "Label test 1 1 1",
+            value: "check1",
+            color: "#FBF4E2",
+            isPopup: true,
+            popupInfoContent: renderPopupContent()
+        },
+        {
+            id: 2,
+            label: "Label test 2",
+            value: "check2",
+            color: "#FCE2E8"
+        },
+        {
+            id: 3,
+            label: "Label test 3",
+            value: "check3",
+            color: "#FBF4E2"
+        },
+        {
+            id: 4,
+            label: "Label test 3 dasd",
+            value: "check4",
+            color: "#FCE2E8"
+        },
+        {
+            id: 5,
+            label: "Label test 3 adsdasfgas",
+            value: "check5",
+            color: "#FBF4E2"
+        },
+        {
+            id: 6,
+            label: "Label test 3dasd",
+            value: "check6",
+            color: "#FCE2E8"
+        },
+        {
+            id: 7,
+            label: "Label test 3 dasd",
+            value: "check7",
+            color: "#FBF4E2"
+        },
+        {
+            id: 8,
+            label: "Label test 3asd",
+            value: "check8",
+            color: "#FCE2E8"
+        },
+        {
+            id: 9,
+            label: "Label test 3 dasfs",
+            value: "check9",
+            color: "#FBF4E2"
+        }
+    ]
+};
+
+//# sourceMappingURL=TagList.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/TagList/TagList.stories.js"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\n\nimport \"../../../../../scss/main.scss\";\nimport TagList from \"./TagList\";\nimport \"./TagListStories.scss\";\n\nglobal.lng = \"en\";\n\nexport default {\n  title: \"UI/TagList\",\n  component: TagList,\n};\n\nconst renderPopupContent = () => {\n  return (\n    <div>\n      <span>\"ADDED\"</span>\n      <div>\n        <span>\"FL Name\" </span>\n        <span>\"Admin\" </span>\n        <span>\"date\"</span>\n      </div>\n    </div>\n  );\n};\n\nconst Template = (args) => {\n  const { options } = args;\n  const [tags, setTags] = useState(options);\n\n  const removeTagHandler = (value) => {\n    const newArray = tags.filter((item) => item.value !== value);\n    setTags(newArray);\n  };\n\n  return (\n    <TagList\n      {...args}\n      items={tags}\n    />\n  );\n};\n\nexport const TagListTemplate = Template.bind({});\n\nTagListTemplate.args = {\n  options: [\n    { id: 1, label: \"Label test 1 1 1\", value: \"check1\", color: \"#FBF4E2\", isPopup: true, popupInfoContent: renderPopupContent() },\n    { id: 2, label: \"Label test 2\", value: \"check2\", color: \"#FCE2E8\" },\n    { id: 3, label: \"Label test 3\", value: \"check3\", color: \"#FBF4E2\" },\n    { id: 4, label: \"Label test 3 dasd\", value: \"check4\", color: \"#FCE2E8\" },\n    {\n      id: 5,\n      label: \"Label test 3 adsdasfgas\",\n      value: \"check5\",\n      color: \"#FBF4E2\",\n    },\n    { id: 6, label: \"Label test 3dasd\", value: \"check6\", color: \"#FCE2E8\" },\n    { id: 7, label: \"Label test 3 dasd\", value: \"check7\", color: \"#FBF4E2\" },\n    { id: 8, label: \"Label test 3asd\", value: \"check8\", color: \"#FCE2E8\" },\n    { id: 9, label: \"Label test 3 dasfs\", value: \"check9\", color: \"#FBF4E2\" },\n  ],\n};\n"],"names":["TagListTemplate","global","lng","title","component","TagList","renderPopupContent","div","span","Template","args","options","tags","setTags","useState","removeTagHandler","value","newArray","filter","item","items","bind","id","label","color","isPopup","popupInfoContent"],"mappings":";;;;;;;;;;;IA2CaA,eAAe;eAAfA;;IAnCb,OAGE;eAHF;;;;+DARyC;QAElC;gEACa;QACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,gBAAO;AACpB;AAEA,MAAMC,qBAAqB;IACzB,qBACE,sBAACC;;0BACC,qBAACC;0BAAK;;0BACN,sBAACD;;kCACC,qBAACC;kCAAK;;kCACN,qBAACA;kCAAK;;kCACN,qBAACA;kCAAK;;;;;;AAId;AAEA,MAAMC,WAAW,CAACC;IAChB,MAAM,EAAEC,OAAO,EAAE,GAAGD;IACpB,MAAM,CAACE,MAAMC,QAAQ,GAAGC,IAAAA,eAAQ,EAACH;IAEjC,MAAMI,mBAAmB,CAACC;QACxB,MAAMC,WAAWL,KAAKM,MAAM,CAAC,CAACC,OAASA,KAAKH,KAAK,KAAKA;QACtDH,QAAQI;IACV;IAEA,qBACE,qBAACZ,gBAAO,0CACFK;QACJU,OAAOR;;AAGb;AAEO,MAAMZ,kBAAkBS,SAASY,IAAI,CAAC,CAAC;AAE9CrB,gBAAgBU,IAAI,GAAG;IACrBC,SAAS;QACP;YAAEW,IAAI;YAAGC,OAAO;YAAoBP,OAAO;YAAUQ,OAAO;YAAWC,SAAS;YAAMC,kBAAkBpB;QAAqB;QAC7H;YAAEgB,IAAI;YAAGC,OAAO;YAAgBP,OAAO;YAAUQ,OAAO;QAAU;QAClE;YAAEF,IAAI;YAAGC,OAAO;YAAgBP,OAAO;YAAUQ,OAAO;QAAU;QAClE;YAAEF,IAAI;YAAGC,OAAO;YAAqBP,OAAO;YAAUQ,OAAO;QAAU;QACvE;YACEF,IAAI;YACJC,OAAO;YACPP,OAAO;YACPQ,OAAO;QACT;QACA;YAAEF,IAAI;YAAGC,OAAO;YAAoBP,OAAO;YAAUQ,OAAO;QAAU;QACtE;YAAEF,IAAI;YAAGC,OAAO;YAAqBP,OAAO;YAAUQ,OAAO;QAAU;QACvE;YAAEF,IAAI;YAAGC,OAAO;YAAmBP,OAAO;YAAUQ,OAAO;QAAU;QACrE;YAAEF,IAAI;YAAGC,OAAO;YAAsBP,OAAO;YAAUQ,OAAO;QAAU;KACzE;AACH"}

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

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

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

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

package/dist/Atomic/UI/UserBox/UserBox.js

@@ -0,0 +1,88 @@
+"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 _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _utils = require("../../../Functions/utils");
+const _Label = /*#__PURE__*/ _interop_require_default(require("../../FormElements/Label/Label"));
+const _Button = /*#__PURE__*/ _interop_require_default(require("../Button/Button"));
+require("./UserBox.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const UserBox = ({ name = 'Username', role, id, onClick, isModal, className, colors, testId = 'userbox' })=>{
+    const getNameFirstLetter = name.charAt(0).toUpperCase();
+    const renderUser = ()=>{
+        if (isModal) {
+            return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        style: {
+                            backgroundColor: (0, _utils.getColorById)(id, colors)
+                        },
+                        className: "td-user-box__avatar",
+                        children: getNameFirstLetter
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        className: "td-user-box__user-data",
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+                                className: "p0 no-shadow",
+                                onClick: onClick,
+                                label: name,
+                                variant: "link"
+                            }),
+                            role && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                                children: role
+                            })
+                        ]
+                    })
+                ]
+            });
+        } else {
+            return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        style: {
+                            backgroundColor: (0, _utils.getColorById)(id)
+                        },
+                        className: "td-user-box__avatar",
+                        children: getNameFirstLetter
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        className: "td-user-box__user-data",
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.default, {
+                                label: name
+                            }),
+                            role && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                                "aria-label": `User role: ${role}`,
+                                children: role
+                            })
+                        ]
+                    })
+                ]
+            });
+        }
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        "data-testid": testId,
+        className: (0, _classnames.default)('td-user-box', className),
+        role: "region",
+        "aria-label": `User box for ${name}`,
+        children: renderUser()
+    });
+};
+const _default = UserBox;
+
+//# sourceMappingURL=UserBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/UserBox/UserBox.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { IUserBoxProps } from './UserBox.interface';\nimport cn from 'classnames';\n\nimport React from 'react';\nimport { getColorById } from '../../../Functions/utils';\n\nimport Label from '../../FormElements/Label/Label';\nimport Button from '../Button/Button';\n\nimport './UserBox.scss';\n\nconst UserBox: React.FC<IUserBoxProps> = ({\n  name = 'Username',\n  role,\n  id,\n  onClick,\n  isModal,\n  className,\n  colors,\n  testId = 'userbox',\n}) => {\n  const getNameFirstLetter = name.charAt(0).toUpperCase();\n\n  const renderUser = (): ReactNode => {\n    if (isModal) {\n      return (\n        <>\n          <div style={{ backgroundColor: getColorById(id, colors) }} className=\"td-user-box__avatar\">\n            {getNameFirstLetter}\n          </div>\n          <div className=\"td-user-box__user-data\">\n            <Button className=\"p0 no-shadow\" onClick={onClick} label={name} variant=\"link\" />\n            {role && <span>{role}</span>}\n          </div>\n        </>\n      );\n    }\n    else {\n      return (\n        <>\n          <div style={{ backgroundColor: getColorById(id) }} className=\"td-user-box__avatar\">\n            {getNameFirstLetter}\n          </div>\n          <div className=\"td-user-box__user-data\">\n            <Label label={name} />\n            {role && <span aria-label={`User role: ${role}`}>{role}</span>}\n          </div>\n        </>\n      );\n    }\n  };\n\n  return (\n    <div\n      data-testid={testId}\n      className={cn('td-user-box', className)}\n      role=\"region\"\n      aria-label={`User box for ${name}`}\n    >\n      {renderUser()}\n    </div>\n  );\n};\n\nexport default UserBox;\n"],"names":["UserBox","name","role","id","onClick","isModal","className","colors","testId","getNameFirstLetter","charAt","toUpperCase","renderUser","div","style","backgroundColor","getColorById","Button","label","variant","span","Label","aria-label","data-testid","cn"],"mappings":";;;;+BAiEA;;;eAAA;;;;mEA/De;8DAEG;uBACW;8DAEX;+DACC;QAEZ;;;;;;AAEP,MAAMA,UAAmC,CAAC,EACxCC,OAAO,UAAU,EACjBC,IAAI,EACJC,EAAE,EACFC,OAAO,EACPC,OAAO,EACPC,SAAS,EACTC,MAAM,EACNC,SAAS,SAAS,EACnB;IACC,MAAMC,qBAAqBR,KAAKS,MAAM,CAAC,GAAGC,WAAW;IAErD,MAAMC,aAAa;QACjB,IAAIP,SAAS;YACX,qBACE;;kCACE,qBAACQ;wBAAIC,OAAO;4BAAEC,iBAAiBC,IAAAA,mBAAY,EAACb,IAAII;wBAAQ;wBAAGD,WAAU;kCAClEG;;kCAEH,sBAACI;wBAAIP,WAAU;;0CACb,qBAACW,eAAM;gCAACX,WAAU;gCAAeF,SAASA;gCAASc,OAAOjB;gCAAMkB,SAAQ;;4BACvEjB,sBAAQ,qBAACkB;0CAAMlB;;;;;;QAIxB,OACK;YACH,qBACE;;kCACE,qBAACW;wBAAIC,OAAO;4BAAEC,iBAAiBC,IAAAA,mBAAY,EAACb;wBAAI;wBAAGG,WAAU;kCAC1DG;;kCAEH,sBAACI;wBAAIP,WAAU;;0CACb,qBAACe,cAAK;gCAACH,OAAOjB;;4BACbC,sBAAQ,qBAACkB;gCAAKE,cAAY,CAAC,WAAW,EAAEpB,MAAM;0CAAGA;;;;;;QAI1D;IACF;IAEA,qBACE,qBAACW;QACCU,eAAaf;QACbF,WAAWkB,IAAAA,mBAAE,EAAC,eAAelB;QAC7BJ,MAAK;QACLoB,cAAY,CAAC,aAAa,EAAErB,MAAM;kBAEjCW;;AAGP;MAEA,WAAeZ"}

package/dist/Atomic/UI/UserBox/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 _UserBox = /*#__PURE__*/ _interop_require_default(require("./UserBox"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = _UserBox.default;
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/UserBox/index.ts"],"sourcesContent":["import UserBox from './UserBox';\n\nexport default UserBox;\nexport type { IUserBoxProps } from './UserBox.interface';\n"],"names":["UserBox"],"mappings":";;;;+BAEA;;;eAAA;;;gEAFoB;;;;;;MAEpB,WAAeA,gBAAO"}

package/dist/Atomic/UI/WizardStepper/WizardStepper.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 _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _index = /*#__PURE__*/ _interop_require_default(require("./index"));
+require("../../../../../scss/main.scss");
+const _constructor = require("./constructor");
+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;
+}
+global.lng = 'en';
+const _default = {
+    title: 'UI/WizardStepper',
+    component: _index.default,
+    argTypes: {
+        steps: {
+            array: true
+        },
+        variant: {
+            options: [
+                'default',
+                'cardActive',
+                'ghost'
+            ],
+            control: {
+                type: 'radio'
+            }
+        }
+    }
+};
+//  - BASE VARIANT -
+const Template = (args)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        children: [
+            " ",
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.default, _object_spread({}, args)),
+            " "
+        ]
+    });
+const Default = Template.bind({});
+Default.args = {
+    steps: _constructor.mockData,
+    // вариант ghost и cardActive активирует пресет других иконок сами по себе
+    variant: undefined,
+    // опционально
+    customIcons: {
+        activeIcon: undefined,
+        doneIcon: undefined,
+        defaultIcon: undefined
+    }
+};
+
+//# sourceMappingURL=WizardStepper.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/WizardStepper/WizardStepper.stories.js"],"sourcesContent":["import React from 'react';\nimport WizardStepper from './index';\n\nimport '../../../../../scss/main.scss';\nimport { constructor, mockData } from './constructor';\nimport { Check, Circle, ThumbsUp } from 'react-feather';\nimport StateIcon from './ui/StateIcon';\nimport Box from '../Box/Box';\nimport { GhostIcons } from './ui/icons';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'UI/WizardStepper',\n  component: WizardStepper,\n  argTypes: {\n    steps: {\n      array: true,\n    },\n    variant: {\n      options: ['default', 'cardActive', 'ghost'],\n      control: { type: 'radio' },\n    },\n  },\n};\n\n//  - BASE VARIANT -\nconst Template = args  => <div > <WizardStepper {...args} /> </div>\n\nexport const Default = Template.bind({});\n\nDefault.args = {\n  steps: mockData,\n\n  // вариант ghost и cardActive активирует пресет других иконок сами по себе\n  variant: undefined,\n\n  // опционально\n  customIcons: {\n    activeIcon: undefined,\n    doneIcon: undefined,\n    defaultIcon: undefined,\n  },\n};\n"],"names":["Default","global","lng","title","component","WizardStepper","argTypes","steps","array","variant","options","control","type","Template","args","div","bind","mockData","undefined","customIcons","activeIcon","doneIcon","defaultIcon"],"mappings":";;;;;;;;;;;IA6BaA,OAAO;eAAPA;;IAjBb,OAYE;eAZF;;;;8DAZkB;8DACQ;QAEnB;6BAC+B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMtCC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,cAAa;IACxBC,UAAU;QACRC,OAAO;YACLC,OAAO;QACT;QACAC,SAAS;YACPC,SAAS;gBAAC;gBAAW;gBAAc;aAAQ;YAC3CC,SAAS;gBAAEC,MAAM;YAAQ;QAC3B;IACF;AACF;AAEA,oBAAoB;AACpB,MAAMC,WAAWC,CAAAA,qBAAS,sBAACC;;YAAK;0BAAC,qBAACV,cAAa,qBAAKS;YAAQ;;;AAErD,MAAMd,UAAUa,SAASG,IAAI,CAAC,CAAC;AAEtChB,QAAQc,IAAI,GAAG;IACbP,OAAOU,qBAAQ;IAEf,0EAA0E;IAC1ER,SAASS;IAET,cAAc;IACdC,aAAa;QACXC,YAAYF;QACZG,UAAUH;QACVI,aAAaJ;IACf;AACF"}

package/dist/Atomic/UI/WizardStepper/constructor.js

@@ -0,0 +1,134 @@
+"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, {
+    WIZARD_STEP_VARIANTS: function() {
+        return WIZARD_STEP_VARIANTS;
+    },
+    mockData: function() {
+        return mockData;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _Status = /*#__PURE__*/ _interop_require_default(require("../Status/Status"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const WIZARD_STEP_VARIANTS = Object.freeze({
+    DEFAULT: 'default',
+    DONE: 'done',
+    ACTIVE: 'active'
+});
+const JSXMockComponent = ()=>{
+    const arr = [
+        {
+            title: 'Requested Amont',
+            value: '$15,000'
+        },
+        {
+            title: 'Repayment Amount',
+            value: '$15,001'
+        },
+        {
+            title: 'Repayment Date',
+            value: '12/12/2021'
+        }
+    ];
+    const textStyles = {
+        fontSize: '14px',
+        fontWeight: 400,
+        lineHeight: '20px',
+        letterSpacing: '0.2px'
+    };
+    return arr.map((row)=>{
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            style: {
+                display: 'flex',
+                justifyContent: 'space-between',
+                maxWidth: '250px'
+            },
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                    style: textStyles,
+                    children: row.title
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                    style: textStyles,
+                    children: row.value
+                })
+            ]
+        });
+    });
+};
+const mockData = [
+    {
+        key: 'businessInfo',
+        label: 'Provide Business Info',
+        description: 'This information will help us to evaluate your application',
+        isFinished: true
+    },
+    {
+        key: 'principal',
+        label: 'Add Principal Information',
+        description: 'A principal is essentially another name for a company owner. At some corporations, the principal is also the founder, CEO, or even the chief investor',
+        isFinished: true,
+        isOptional: true
+    },
+    {
+        key: 'coOwners',
+        label: 'Add Co-Owners',
+        description: '{merchantName} will receive that amount from {lenderNmae}',
+        isActive: true,
+        titleSlot: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+            className: "custom-title-slot",
+            children: "$15,001"
+        }),
+        contentSlot: /*#__PURE__*/ (0, _jsxruntime.jsx)(JSXMockComponent, {})
+    },
+    {
+        key: 'bankAccount',
+        label: 'Add a Bank Account',
+        description: 'Your bank account information will be used to securely and automatically transfer the funds',
+        titleSlot: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Status.default, {
+            label: "Some JSX",
+            status: "draft"
+        })
+    },
+    {
+        key: 'documents',
+        label: 'Upload Documents',
+        description: 'Please upload the required documents'
+    },
+    {
+        key: 'review',
+        label: 'Review & Submit',
+        description: 'Please review the information and submit your application'
+    },
+    {
+        key: 'success',
+        label: 'Success',
+        description: 'Your application has been submitted successfully'
+    },
+    {
+        key: 'failure',
+        label: 'Failure',
+        description: 'Your application has been failed'
+    },
+    {
+        key: 'pending',
+        label: 'Pending',
+        description: 'Your application is under review'
+    }
+];
+
+//# sourceMappingURL=constructor.js.map

package/dist/Atomic/UI/WizardStepper/constructor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/WizardStepper/constructor.js"],"sourcesContent":["import React from 'react';\nimport Status from '../Status/Status';\nexport const WIZARD_STEP_VARIANTS = Object.freeze({\n  DEFAULT: 'default',\n  DONE: 'done',\n  ACTIVE: 'active',\n});\n\nconst JSXMockComponent = () => {\n  const arr = [\n    { title: 'Requested Amont', value: '$15,000' },\n    { title: 'Repayment Amount', value: '$15,001' },\n    { title: 'Repayment Date', value: '12/12/2021' },\n  ]\n\n  const textStyles = {\n  fontSize: '14px',\n  fontWeight: 400,\n  lineHeight: '20px',\n  letterSpacing: '0.2px'\n  };\n\n  return arr.map(row => {\n    return <div style={{ display: 'flex', justifyContent: 'space-between', maxWidth: '250px'}}>\n      <span style={textStyles}>{row.title}</span>\n      <span style={textStyles}>{row.value}</span>\n    </div>\n  });\n}\n\nexport const mockData = [\n  {\n    key: 'businessInfo',\n    label: 'Provide Business Info',\n    description: 'This information will help us to evaluate your application',\n    isFinished: true,\n  },\n  {\n    key: 'principal',\n    label: 'Add Principal Information',\n    description: 'A principal is essentially another name for a company owner. At some corporations, the principal is also the founder, CEO, or even the chief investor',\n    isFinished: true,\n    isOptional: true,\n  },\n  {\n    key: 'coOwners',\n    label: 'Add Co-Owners',\n    description: '{merchantName} will receive that amount from {lenderNmae}',\n    isActive: true,\n    titleSlot: <span className='custom-title-slot'>$15,001</span>,\n    contentSlot: <JSXMockComponent />,\n  },\n  {\n    key: 'bankAccount',\n    label: 'Add a Bank Account',\n    description: 'Your bank account information will be used to securely and automatically transfer the funds',\n    titleSlot:  <Status label=\"Some JSX\" status=\"draft\" />,\n  },\n  {\n    key: 'documents',\n    label: 'Upload Documents',\n    description: 'Please upload the required documents',\n  },\n  {\n    key: 'review',\n    label: 'Review & Submit',\n    description: 'Please review the information and submit your application',\n  },\n  {\n    key: 'success',\n    label: 'Success',\n    description: 'Your application has been submitted successfully',\n  },\n  {\n    key: 'failure',\n    label: 'Failure',\n    description: 'Your application has been failed',\n  },\n  {\n    key: 'pending',\n    label: 'Pending',\n    description: 'Your application is under review',\n  },\n]\n"],"names":["WIZARD_STEP_VARIANTS","mockData","Object","freeze","DEFAULT","DONE","ACTIVE","JSXMockComponent","arr","title","value","textStyles","fontSize","fontWeight","lineHeight","letterSpacing","map","row","div","style","display","justifyContent","maxWidth","span","key","label","description","isFinished","isOptional","isActive","titleSlot","className","contentSlot","Status","status"],"mappings":";;;;;;;;;;;IAEaA,oBAAoB;eAApBA;;IA4BAC,QAAQ;eAARA;;;;8DA9BK;+DACC;;;;;;AACZ,MAAMD,uBAAuBE,OAAOC,MAAM,CAAC;IAChDC,SAAS;IACTC,MAAM;IACNC,QAAQ;AACV;AAEA,MAAMC,mBAAmB;IACvB,MAAMC,MAAM;QACV;YAAEC,OAAO;YAAmBC,OAAO;QAAU;QAC7C;YAAED,OAAO;YAAoBC,OAAO;QAAU;QAC9C;YAAED,OAAO;YAAkBC,OAAO;QAAa;KAChD;IAED,MAAMC,aAAa;QACnBC,UAAU;QACVC,YAAY;QACZC,YAAY;QACZC,eAAe;IACf;IAEA,OAAOP,IAAIQ,GAAG,CAACC,CAAAA;QACb,qBAAO,sBAACC;YAAIC,OAAO;gBAAEC,SAAS;gBAAQC,gBAAgB;gBAAiBC,UAAU;YAAO;;8BACtF,qBAACC;oBAAKJ,OAAOR;8BAAaM,IAAIR,KAAK;;8BACnC,qBAACc;oBAAKJ,OAAOR;8BAAaM,IAAIP,KAAK;;;;IAEvC;AACF;AAEO,MAAMT,WAAW;IACtB;QACEuB,KAAK;QACLC,OAAO;QACPC,aAAa;QACbC,YAAY;IACd;IACA;QACEH,KAAK;QACLC,OAAO;QACPC,aAAa;QACbC,YAAY;QACZC,YAAY;IACd;IACA;QACEJ,KAAK;QACLC,OAAO;QACPC,aAAa;QACbG,UAAU;QACVC,yBAAW,qBAACP;YAAKQ,WAAU;sBAAoB;;QAC/CC,2BAAa,qBAACzB;IAChB;IACA;QACEiB,KAAK;QACLC,OAAO;QACPC,aAAa;QACbI,yBAAY,qBAACG,eAAM;YAACR,OAAM;YAAWS,QAAO;;IAC9C;IACA;QACEV,KAAK;QACLC,OAAO;QACPC,aAAa;IACf;IACA;QACEF,KAAK;QACLC,OAAO;QACPC,aAAa;IACf;IACA;QACEF,KAAK;QACLC,OAAO;QACPC,aAAa;IACf;IACA;QACEF,KAAK;QACLC,OAAO;QACPC,aAAa;IACf;IACA;QACEF,KAAK;QACLC,OAAO;QACPC,aAAa;IACf;CACD"}

package/dist/Atomic/UI/WizardStepper/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 _ui = /*#__PURE__*/ _interop_require_default(require("./ui"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = _ui.default;
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/WizardStepper/index.js"],"sourcesContent":["import WizardStepper from './ui';\n\nexport default WizardStepper;\n"],"names":["WizardStepper"],"mappings":";;;;+BAEA;;;eAAA;;;2DAF0B;;;;;;MAE1B,WAAeA,WAAa"}