intelicoreact 1.6.7 → 1.6.8

package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.stories.js

@@ -0,0 +1,231 @@
+"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, {
+    WidgetWithSwitchableRowsTemplate: function() {
+        return WidgetWithSwitchableRowsTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactfeather = require("react-feather");
+const _WidgetWithSwitchableRows = /*#__PURE__*/ _interop_require_default(require("./WidgetWithSwitchableRows"));
+const _Input = /*#__PURE__*/ _interop_require_default(require("../Input/Input"));
+const _Switcher = /*#__PURE__*/ _interop_require_default(require("../Switcher/Switcher"));
+const _constructor = /*#__PURE__*/ _interop_require_default(require("./partial/constructor"));
+require("./partial/AnyOuterClass.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;
+}
+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;
+}
+// import '../../../../../scss//main.scss';
+global.lng = 'en';
+const _default = {
+    title: 'Form Elements/WidgetWithSwitchableRows',
+    component: _WidgetWithSwitchableRows.default
+};
+const rows = [
+    {
+        id: 1,
+        isActive: true,
+        label: 'Test Llender 1',
+        key1: 0,
+        key2: 0
+    },
+    {
+        id: 2,
+        isActive: true,
+        label: 'Test Llender 2',
+        key1: 0,
+        key2: 0
+    },
+    {
+        id: 3,
+        isActive: true,
+        label: 'Test Llender 3',
+        key1: 0,
+        key2: 0
+    }
+];
+const RenderField = ({ field, onChange })=>{
+    const { key, value, label, rowData, disabled, itemClassName: className, testId } = field || {};
+    switch(field.type){
+        case 'switcher':
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Switcher.default, _object_spread_props(_object_spread({}, field), {
+                className: className,
+                isActive: value,
+                onChange: onChange,
+                label: label,
+                testid: `switchable-row-${testId}-switcher`,
+                disabled: disabled
+            }));
+        default:
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, _object_spread_props(_object_spread({}, field), {
+                className: className,
+                value: value,
+                onChange: onChange,
+                disabled: disabled,
+                testId: testId
+            }));
+    }
+};
+const Template = (args)=>{
+    const { isIncludeOuterStyles } = args, restArgs = _object_without_properties(args, [
+        "isIncludeOuterStyles"
+    ]);
+    const [data, setData] = (0, _react.useState)(rows);
+    const handle = {
+        change: (props, newValue, propKey, rowId)=>console.log(props)
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_WidgetWithSwitchableRows.default, _object_spread_props(_object_spread({}, restArgs), {
+        className: isIncludeOuterStyles ? 'any-outer-class__widget-with-switchable-rows' : null,
+        rightHeaderContent: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            className: "delete-icon",
+            size: 16,
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Trash2, {})
+        }),
+        CellComponent: RenderField,
+        onChange: handle.change,
+        rows: data
+    }));
+};
+const WidgetWithSwitchableRowsTemplate = Template.bind({});
+WidgetWithSwitchableRowsTemplate.args = {
+    isIncludeOuterStyles: false,
+    title: 'Test',
+    columns: _constructor.default,
+    isNoHeader: false
+};
+
+//# sourceMappingURL=WidgetWithSwitchableRows.stories.js.map

package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.stories.js"],"sourcesContent":["import React, {useState} from 'react';\nimport {Trash2} from 'react-feather';\nimport WidgetWithSwitchableRows from './WidgetWithSwitchableRows';\nimport Input from '../Input/Input';\nimport Switcher from '../Switcher/Switcher';\nimport constructor from './partial/constructor';\n\nimport './partial/AnyOuterClass.scss';\n// import '../../../../../scss//main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/WidgetWithSwitchableRows',\n  component: WidgetWithSwitchableRows,\n};\n\nconst rows = [\n  {\n    id: 1,\n    isActive: true,\n    label: 'Test Llender 1',\n    key1: 0,\n    key2: 0,\n  },\n  {\n    id: 2,\n    isActive: true,\n    label: 'Test Llender 2',\n    key1: 0,\n    key2: 0,\n  },\n  {\n    id: 3,\n    isActive: true,\n    label: 'Test Llender 3',\n    key1: 0,\n    key2: 0,\n  },\n];\n\nconst RenderField = ({field, onChange}) => {\n  const {key, value, label, rowData, disabled, itemClassName: className, testId} = field || {};\n  switch (field.type) {\n    case 'switcher':\n      return (\n        <Switcher\n          {...field}\n          className={className}\n          isActive={value}\n          onChange={onChange}\n          label={label}\n          testid={`switchable-row-${testId}-switcher`}\n          disabled={disabled}\n        />\n      );\n    default:\n      return (\n        <Input {...field} className={className} value={value} onChange={onChange} disabled={disabled} testId={testId} />\n      );\n  }\n};\n\nconst Template = args => {\n  const {isIncludeOuterStyles, ...restArgs} = args;\n  const [data, setData] = useState(rows);\n\n  const handle = {\n    change: (props, newValue, propKey, rowId) => console.log(props)\n      // setData(state => state.map(row => (row.id === props.rowId ? {...row, [props.key]: props.value} : row))),\n  };\n\n  return (\n    <WidgetWithSwitchableRows\n      {...restArgs}\n      className={isIncludeOuterStyles ? 'any-outer-class__widget-with-switchable-rows' : null}\n      rightHeaderContent={\n        <div className=\"delete-icon\" size={16}>\n          <Trash2 />\n        </div>\n      }\n      CellComponent={RenderField}\n      onChange={handle.change}\n      rows={data}\n    />\n  );\n};\n\nexport const WidgetWithSwitchableRowsTemplate = Template.bind({});\n\nWidgetWithSwitchableRowsTemplate.args = {\n  isIncludeOuterStyles: false,\n  title: 'Test',\n  columns: constructor,\n  isNoHeader: false,\n};\n"],"names":["WidgetWithSwitchableRowsTemplate","global","lng","title","component","WidgetWithSwitchableRows","rows","id","isActive","label","key1","key2","RenderField","field","onChange","key","value","rowData","disabled","itemClassName","className","testId","type","Switcher","testid","Input","Template","args","isIncludeOuterStyles","restArgs","data","setData","useState","handle","change","props","newValue","propKey","rowId","console","log","rightHeaderContent","div","size","Trash2","CellComponent","bind","columns","constructor","isNoHeader"],"mappings":";;;;;;;;;;;IAwFaA,gCAAgC;eAAhCA;;IA5Eb,OAGE;eAHF;;;;+DAZ8B;8BACT;iFACgB;8DACnB;iEACG;oEACG;QAEjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACP,2CAA2C;AAE3CC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,iCAAwB;AACrC;AAEA,MAAMC,OAAO;IACX;QACEC,IAAI;QACJC,UAAU;QACVC,OAAO;QACPC,MAAM;QACNC,MAAM;IACR;IACA;QACEJ,IAAI;QACJC,UAAU;QACVC,OAAO;QACPC,MAAM;QACNC,MAAM;IACR;IACA;QACEJ,IAAI;QACJC,UAAU;QACVC,OAAO;QACPC,MAAM;QACNC,MAAM;IACR;CACD;AAED,MAAMC,cAAc,CAAC,EAACC,KAAK,EAAEC,QAAQ,EAAC;IACpC,MAAM,EAACC,GAAG,EAAEC,KAAK,EAAEP,KAAK,EAAEQ,OAAO,EAAEC,QAAQ,EAAEC,eAAeC,SAAS,EAAEC,MAAM,EAAC,GAAGR,SAAS,CAAC;IAC3F,OAAQA,MAAMS,IAAI;QAChB,KAAK;YACH,qBACE,qBAACC,iBAAQ,0CACHV;gBACJO,WAAWA;gBACXZ,UAAUQ;gBACVF,UAAUA;gBACVL,OAAOA;gBACPe,QAAQ,CAAC,eAAe,EAAEH,OAAO,SAAS,CAAC;gBAC3CH,UAAUA;;QAGhB;YACE,qBACE,qBAACO,cAAK,0CAAKZ;gBAAOO,WAAWA;gBAAWJ,OAAOA;gBAAOF,UAAUA;gBAAUI,UAAUA;gBAAUG,QAAQA;;IAE5G;AACF;AAEA,MAAMK,WAAWC,CAAAA;IACf,MAAM,EAACC,oBAAoB,EAAc,GAAGD,MAAZE,sCAAYF;QAArCC;;IACP,MAAM,CAACE,MAAMC,QAAQ,GAAGC,IAAAA,eAAQ,EAAC1B;IAEjC,MAAM2B,SAAS;QACbC,QAAQ,CAACC,OAAOC,UAAUC,SAASC,QAAUC,QAAQC,GAAG,CAACL;IAE3D;IAEA,qBACE,qBAAC9B,iCAAwB,0CACnBwB;QACJT,WAAWQ,uBAAuB,iDAAiD;QACnFa,kCACE,qBAACC;YAAItB,WAAU;YAAcuB,MAAM;sBACjC,cAAA,qBAACC,oBAAM;;QAGXC,eAAejC;QACfE,UAAUmB,OAAOC,MAAM;QACvB5B,MAAMwB;;AAGZ;AAEO,MAAM9B,mCAAmC0B,SAASoB,IAAI,CAAC,CAAC;AAE/D9C,iCAAiC2B,IAAI,GAAG;IACtCC,sBAAsB;IACtBzB,OAAO;IACP4C,SAASC,oBAAW;IACpBC,YAAY;AACd"}

package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const constructor = [
+    // первый элемент относится к свитчеру, можно пробросить доп. пропы
+    // невозможно сменить ключ и тип (ключ - isActive, тип - switcher)
+    // label применится к шапке таблички, но в самих строках label свитчера - это label строки
+    {
+        label: "lender",
+        cellClassName: ""
+    },
+    {
+        key: "key1",
+        label: "Transaction Fee split, %",
+        isRequired: true,
+        theadCellClassName: "",
+        cellClassName: "",
+        columnClassName: "",
+        onlyNumbers: {
+            type: "float",
+            decimalPlaces: 2
+        }
+    },
+    {
+        key: "key2",
+        label: "Revenue Share split, %",
+        isRequired: true,
+        theadCellClassName: "",
+        cellClassName: "",
+        columnClassName: "",
+        onlyNumbers: {
+            type: "float",
+            decimalPlaces: 2
+        },
+        min: 0,
+        max: 50
+    }
+];
+const _default = constructor;
+
+//# sourceMappingURL=constructor.js.map

package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js"],"sourcesContent":["const constructor = [\n  // первый элемент относится к свитчеру, можно пробросить доп. пропы\n  // невозможно сменить ключ и тип (ключ - isActive, тип - switcher)\n  // label применится к шапке таблички, но в самих строках label свитчера - это label строки\n  {\n    label: \"lender\",\n    cellClassName: \"\",\n  },\n  {\n    key: \"key1\",\n    label: \"Transaction Fee split, %\",\n    isRequired: true,\n    theadCellClassName: \"\",\n    cellClassName: \"\",\n    columnClassName: \"\",\n    onlyNumbers: { type: \"float\", decimalPlaces: 2 },\n  },\n  {\n    key: \"key2\",\n    label: \"Revenue Share split, %\",\n    isRequired: true,\n    theadCellClassName: \"\",\n    cellClassName: \"\",\n    columnClassName: \"\",\n    onlyNumbers: { type: \"float\", decimalPlaces: 2 },\n    min: 0,\n    max: 50,\n  },\n];\nexport default constructor;\n"],"names":["constructor","label","cellClassName","key","isRequired","theadCellClassName","columnClassName","onlyNumbers","type","decimalPlaces","min","max"],"mappings":";;;;+BA6BA;;;eAAA;;;AA7BA,MAAMA,cAAc;IAClB,mEAAmE;IACnE,kEAAkE;IAClE,0FAA0F;IAC1F;QACEC,OAAO;QACPC,eAAe;IACjB;IACA;QACEC,KAAK;QACLF,OAAO;QACPG,YAAY;QACZC,oBAAoB;QACpBH,eAAe;QACfI,iBAAiB;QACjBC,aAAa;YAAEC,MAAM;YAASC,eAAe;QAAE;IACjD;IACA;QACEN,KAAK;QACLF,OAAO;QACPG,YAAY;QACZC,oBAAoB;QACpBH,eAAe;QACfI,iBAAiB;QACjBC,aAAa;YAAEC,MAAM;YAASC,eAAe;QAAE;QAC/CC,KAAK;QACLC,KAAK;IACP;CACD;MACD,WAAeX"}

package/dist/Atomic/Layout/Header/Header.js

@@ -0,0 +1,156 @@
+"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 _reactfeather = require("react-feather");
+const _Hint = /*#__PURE__*/ _interop_require_default(require("../../UI/Hint/Hint"));
+require("./Header.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 Header = ({ className, name = "John", surname = "Silver", status = "admin", img = "", hintLabel = "Help", hintText = "Hint text" })=>{
+    const [isOpen, setIsOpen] = (0, _react.useState)(false);
+    const userMenu = (0, _react.useRef)(null);
+    const handle = {
+        toggleMenu: ()=>{
+            if (!isOpen) setIsOpen(!isOpen);
+        },
+        closeMenu: ()=>{
+            setTimeout(()=>setIsOpen(false), 50);
+        },
+        logout: ()=>{
+            handle.toggleMenu();
+        }
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("header", {
+        className: (0, _classnames.default)("header", className),
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "df",
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
+                    side: "bottom",
+                    hint: hintText,
+                    className: "header__hint",
+                    label: hintLabel,
+                    iconOutline: true
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: "j6 user-menu",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        onClick: ()=>{},
+                        className: "header--bell",
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Bell, {
+                                className: "header--bell-icon"
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                className: "header--bell-notification-icon"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "header--user-ava",
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("img", {
+                            src: img,
+                            alt: ""
+                        })
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        className: "dfc mr10",
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
+                                className: "header--user-name",
+                                children: [
+                                    name,
+                                    " ",
+                                    surname
+                                ]
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                                className: "header--user-status",
+                                children: status
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronRight, {
+                        onClick: handle.toggleMenu,
+                        className: (0, _classnames.default)("accordion--title-chevron", {
+                            "accordion--title-chevron-open": isOpen
+                        })
+                    }),
+                    isOpen && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "user-menu__dropdown",
+                        ref: userMenu,
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                            className: "user-menu__item",
+                            onClick: handle.logout,
+                            children: [
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Power, {
+                                    className: "mr10"
+                                }),
+                                " Logout"
+                            ]
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+const _default = Header;
+
+//# sourceMappingURL=Header.js.map

package/dist/Atomic/Layout/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/Layout/Header/Header.js"],"sourcesContent":["import React, { useRef, useState } from \"react\";\n\nimport cn from \"classnames\";\nimport { Bell, ChevronRight, Power } from \"react-feather\";\n\nimport Hint from \"../../UI/Hint/Hint\";\n\n\nimport \"./Header.scss\";\n\n\nconst Header = ({\n  className,\n  name = \"John\",\n  surname = \"Silver\",\n  status = \"admin\",\n  img = \"\",\n  hintLabel = \"Help\",\n  hintText = \"Hint text\",\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const userMenu = useRef(null);\n\n  const handle = {\n    toggleMenu: () => {\n      if (!isOpen) setIsOpen(!isOpen);\n    },\n    closeMenu: () => {\n      setTimeout(() => setIsOpen(false), 50);\n    },\n    logout: () => {\n      handle.toggleMenu();\n    },\n  };\n\n\n  return (\n    <header className={cn(\"header\", className)}>\n      <div className=\"df\">\n        <Hint\n          side=\"bottom\"\n          hint={hintText}\n          className=\"header__hint\"\n          label={hintLabel}\n          iconOutline\n        />\n      </div>\n\n      <div className=\"j6 user-menu\">\n        <div onClick={() => {}} className=\"header--bell\">\n          <Bell className=\"header--bell-icon\" />\n          <div className=\"header--bell-notification-icon\" />\n        </div>\n\n        <div className=\"header--user-ava\">\n          <img src={img} alt=\"\" />\n        </div>\n\n        <div className=\"dfc mr10\">\n          <span className=\"header--user-name\">\n            {name} {surname}\n          </span>\n          <span className=\"header--user-status\">{status}</span>\n        </div>\n\n        <ChevronRight\n          onClick={handle.toggleMenu}\n          className={cn(\"accordion--title-chevron\", {\n            \"accordion--title-chevron-open\": isOpen,\n          })}\n        />\n        {isOpen && (\n          <div className=\"user-menu__dropdown\" ref={userMenu}>\n            <div className=\"user-menu__item\" onClick={handle.logout}>\n              <Power className=\"mr10\" /> Logout\n            </div>\n          </div>\n        )}\n      </div>\n    </header>\n  );\n};\n\nexport default Header;\n"],"names":["Header","className","name","surname","status","img","hintLabel","hintText","isOpen","setIsOpen","useState","userMenu","useRef","handle","toggleMenu","closeMenu","setTimeout","logout","header","cn","div","Hint","side","hint","label","iconOutline","onClick","Bell","src","alt","span","ChevronRight","ref","Power"],"mappings":";;;;+BAoFA;;;eAAA;;;;+DApFwC;mEAEzB;8BAC2B;6DAEzB;QAGV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGP,MAAMA,SAAS,CAAC,EACdC,SAAS,EACTC,OAAO,MAAM,EACbC,UAAU,QAAQ,EAClBC,SAAS,OAAO,EAChBC,MAAM,EAAE,EACRC,YAAY,MAAM,EAClBC,WAAW,WAAW,EACvB;IACC,MAAM,CAACC,QAAQC,UAAU,GAAGC,IAAAA,eAAQ,EAAC;IAErC,MAAMC,WAAWC,IAAAA,aAAM,EAAC;IAExB,MAAMC,SAAS;QACbC,YAAY;YACV,IAAI,CAACN,QAAQC,UAAU,CAACD;QAC1B;QACAO,WAAW;YACTC,WAAW,IAAMP,UAAU,QAAQ;QACrC;QACAQ,QAAQ;YACNJ,OAAOC,UAAU;QACnB;IACF;IAGA,qBACE,sBAACI;QAAOjB,WAAWkB,IAAAA,mBAAE,EAAC,UAAUlB;;0BAC9B,qBAACmB;gBAAInB,WAAU;0BACb,cAAA,qBAACoB,aAAI;oBACHC,MAAK;oBACLC,MAAMhB;oBACNN,WAAU;oBACVuB,OAAOlB;oBACPmB,WAAW;;;0BAIf,sBAACL;gBAAInB,WAAU;;kCACb,sBAACmB;wBAAIM,SAAS,KAAO;wBAAGzB,WAAU;;0CAChC,qBAAC0B,kBAAI;gCAAC1B,WAAU;;0CAChB,qBAACmB;gCAAInB,WAAU;;;;kCAGjB,qBAACmB;wBAAInB,WAAU;kCACb,cAAA,qBAACI;4BAAIuB,KAAKvB;4BAAKwB,KAAI;;;kCAGrB,sBAACT;wBAAInB,WAAU;;0CACb,sBAAC6B;gCAAK7B,WAAU;;oCACbC;oCAAK;oCAAEC;;;0CAEV,qBAAC2B;gCAAK7B,WAAU;0CAAuBG;;;;kCAGzC,qBAAC2B,0BAAY;wBACXL,SAASb,OAAOC,UAAU;wBAC1Bb,WAAWkB,IAAAA,mBAAE,EAAC,4BAA4B;4BACxC,iCAAiCX;wBACnC;;oBAEDA,wBACC,qBAACY;wBAAInB,WAAU;wBAAsB+B,KAAKrB;kCACxC,cAAA,sBAACS;4BAAInB,WAAU;4BAAkByB,SAASb,OAAOI,MAAM;;8CACrD,qBAACgB,mBAAK;oCAAChC,WAAU;;gCAAS;;;;;;;;AAOxC;MAEA,WAAeD"}

package/dist/Atomic/Layout/Header/Header.stories.js

@@ -0,0 +1,99 @@
+"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, {
+    HeaderTemplate: function() {
+        return HeaderTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _Header = /*#__PURE__*/ _interop_require_default(require("./Header"));
+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;
+}
+global.lng = 'en';
+const _default = {
+    title: 'Layout/Header',
+    component: _Header.default,
+    argTypes: {
+        name: {
+            description: 'user name. string. optional'
+        },
+        surname: {
+            description: 'user surname. string. optional'
+        },
+        status: {
+            control: {
+                type: 'select',
+                options: [
+                    'admin',
+                    'user'
+                ]
+            },
+            description: 'user role. string. optional'
+        },
+        img: {
+            description: 'user image. string/url. optional'
+        },
+        hintText: {
+            description: 'text for hint. string. optional'
+        },
+        hintLabel: {
+            description: 'label for hint. string. optional'
+        }
+    }
+};
+const Template = (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_Header.default, _object_spread({}, args));
+const HeaderTemplate = Template.bind({});
+HeaderTemplate.args = {
+    name: 'Jesse',
+    surname: 'James',
+    status: 'admin',
+    img: 'http://mediad.publicbroadcasting.net/p/shared/npr/styles/x_large/nprshared/201805/212379250.jpg',
+    hintText: 'Hint text',
+    hintLabel: 'Help'
+};
+
+//# sourceMappingURL=Header.stories.js.map

package/dist/Atomic/Layout/Header/Header.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/Layout/Header/Header.stories.js"],"sourcesContent":["import React from 'react';\nimport Header from './Header';\n\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Layout/Header',\n  component: Header,\n  argTypes: {\n    name: {description: 'user name. string. optional'},\n    surname: {description: 'user surname. string. optional'},\n    status: {\n      control: {\n        type: 'select',\n        options: ['admin', 'user'],\n      },\n      description: 'user role. string. optional',\n    },\n    img: {description: 'user image. string/url. optional'},\n    hintText: {description: 'text for hint. string. optional'},\n    hintLabel: {description: 'label for hint. string. optional'},\n  },\n};\n\nconst Template = args => <Header {...args} />;\n\nexport const HeaderTemplate = Template.bind({});\n\nHeaderTemplate.args = {\n  name: 'Jesse',\n  surname: 'James',\n  status: 'admin',\n  img: 'http://mediad.publicbroadcasting.net/p/shared/npr/styles/x_large/nprshared/201805/212379250.jpg',\n  hintText: 'Hint text',\n  hintLabel: 'Help',\n};\n"],"names":["HeaderTemplate","global","lng","title","component","Header","argTypes","name","description","surname","status","control","type","options","img","hintText","hintLabel","Template","args","bind"],"mappings":";;;;;;;;;;;IA4BaA,cAAc;eAAdA;;IArBb,OAiBE;eAjBF;;;;8DAPkB;+DACC;QAEZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,eAAM;IACjBC,UAAU;QACRC,MAAM;YAACC,aAAa;QAA6B;QACjDC,SAAS;YAACD,aAAa;QAAgC;QACvDE,QAAQ;YACNC,SAAS;gBACPC,MAAM;gBACNC,SAAS;oBAAC;oBAAS;iBAAO;YAC5B;YACAL,aAAa;QACf;QACAM,KAAK;YAACN,aAAa;QAAkC;QACrDO,UAAU;YAACP,aAAa;QAAiC;QACzDQ,WAAW;YAACR,aAAa;QAAkC;IAC7D;AACF;AAEA,MAAMS,WAAWC,CAAAA,qBAAQ,qBAACb,eAAM,qBAAKa;AAE9B,MAAMlB,iBAAiBiB,SAASE,IAAI,CAAC,CAAC;AAE7CnB,eAAekB,IAAI,GAAG;IACpBX,MAAM;IACNE,SAAS;IACTC,QAAQ;IACRI,KAAK;IACLC,UAAU;IACVC,WAAW;AACb"}