intelicoreact 1.5.32 → 1.5.34

package/dist/src/Atomic/Layout/Spinner/Spinner.stories.js

@@ -0,0 +1,46 @@
+"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, {
+    SpinnerTemplate: function() {
+        return SpinnerTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _Spinner = /*#__PURE__*/ _interop_require_default(require("./Spinner"));
+require("../../../../../scss/main.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = {
+    title: 'Layout/Spinner',
+    component: _Spinner.default,
+    argTypes: {
+        size: {
+            description: '[small]'
+        }
+    },
+    args: {
+        size: 'small',
+        className: '',
+        testId: 'loader-box'
+    }
+};
+function Template(args) {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinner.default, {
+        ...args
+    });
+}
+const SpinnerTemplate = Template.bind({});

package/dist/src/Atomic/Layout/Spinner/Spinner.test.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("@testing-library/react");
+const _Spinner = /*#__PURE__*/ _interop_require_default(require("./Spinner"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+describe('spinner', ()=>{
+    const defaultProps = {
+        size: null,
+        className: '',
+        testId: 'loader-box'
+    };
+    it('renders with default props', ()=>{
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinner.default, {
+            ...defaultProps
+        }));
+        expect(_react.screen.getByTestId('loader-box')).toBeInTheDocument();
+    });
+    it('renders with custom className', ()=>{
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinner.default, {
+            ...defaultProps,
+            className: "custom-class"
+        }));
+        expect(_react.screen.getByTestId('loader-box')).toHaveClass('custom-class');
+    });
+    it('applies correct class for non-small size', ()=>{
+        // @ts-ignore
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinner.default, {
+            ...defaultProps,
+            size: "large"
+        }));
+        expect(_react.screen.getByTestId('loader-box')).toHaveClass('j5');
+    });
+    it('applies correct class for small size', ()=>{
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinner.default, {
+            ...defaultProps,
+            size: "small"
+        }));
+        expect(_react.screen.getByTestId('loader-box')).toHaveClass('j8');
+    });
+    it('applies correct class for lds-ring based on size', ()=>{
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinner.default, {
+            ...defaultProps,
+            size: "small"
+        }));
+        expect(_react.screen.getByTestId('loader-box').querySelector('.lds-ring')).toHaveClass('lds-ring_small');
+    });
+});

package/dist/src/Atomic/Layout/Spinner/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 _Spinner = /*#__PURE__*/ _interop_require_default(require("./Spinner"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = _Spinner.default;

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

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

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

@@ -0,0 +1,109 @@
+"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 _utils = require("@/Functions/utils");
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactfeather = /*#__PURE__*/ _interop_require_wildcard(require("react-feather"));
+const _reactrouterdom = require("react-router-dom");
+const _AccordionItem = /*#__PURE__*/ _interop_require_default(require("./AccordionItem"));
+require("./Accordion.scss");
+require("../../Layout/MainMenu/MainMenu.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 CN = 'accordion';
+const Accordion = ({ items, className, itemClassName, isMenuHovered, isOpen, testId = CN })=>{
+    const [data, setData] = (0, _react.useState)(items);
+    const onChange = (0, _utils.handleObjectChange)(setData, ()=>setData([
+            ...data
+        ]));
+    const handleArrayChange = (e, index, prop)=>{
+        // @ts-ignore
+        data[index][prop] = e;
+        onChange(data);
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        className: (0, _classnames.default)(CN, className),
+        "data-testid": testId,
+        role: "list",
+        "aria-label": "Accordion list",
+        children: items === null || items === void 0 ? void 0 : items.map((item, index)=>{
+            const Icon = _reactfeather[item.icon];
+            return item.link ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactrouterdom.NavLink, {
+                "data-testid": `${testId}-link-${index}`,
+                to: item.link,
+                className: (0, _classnames.default)('main-menu--item main-menu--items-box-title'),
+                children: [
+                    (item === null || item === void 0 ? void 0 : item.icon) && /*#__PURE__*/ (0, _jsxruntime.jsx)(Icon, {
+                        className: (0, _classnames.default)('mr5', item === null || item === void 0 ? void 0 : item.className)
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                        className: (0, _classnames.default)({
+                            hidden: !isOpen && !isMenuHovered
+                        }),
+                        children: (item === null || item === void 0 ? void 0 : item.title) || 'Link'
+                    })
+                ]
+            }, index) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_AccordionItem.default, {
+                testId: `${testId}-item-${index}`,
+                className: itemClassName,
+                item: item,
+                isOpen: !!item.isOpen,
+                onClick: (value)=>handleArrayChange(value, index, 'isOpen')
+            }, index);
+        })
+    });
+};
+const _default = Accordion;

package/dist/src/Atomic/UI/Accordion/Accordion.scss

@@ -0,0 +1,98 @@
+@use '../../../scss/vars';
+@use '../../../scss/mixins';
+
+.accordion {
+  --color-border: #{vars.$color--border};
+  --color-gray-gentel: #{vars.$color--gray--gentle};
+  --color-text: #{vars.$color--text};
+  --accordion-title-font-size: 13px;
+  --accordion-title-box-height: 20px;
+  --accordion-title-box-padding: 10px 15px;
+  --accordion-content-font-size: 13px;
+  --accordion-content-padding: 10px 15px;
+  --accordion-content-item-padding: 7.5px 20px;
+  --accordion-content-item-color: #1e1e2d;
+
+  &--item {
+    border: 1px solid var(--color-border);
+
+    &:not(:first-child) {
+      border-top: none;
+    }
+  }
+
+  &--title-box {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    height: var(--accordion-title-box-height);
+    padding: var(--accordion-title-box-padding);
+
+    cursor: pointer;
+
+    &:hover {
+      background-color: var(--color-gray-gentel);
+    }
+  }
+
+  &--title {
+    font-size: var(--accordion-title-font-size);
+    user-select: none;
+
+    color: var(--color-text);
+
+    &-chevron {
+      min-width: 16px;
+      min-height: 16px;
+
+      cursor: pointer;
+
+      transition: all 0.2s ease-out;
+
+      &-open {
+        transition: all 0.2s ease-out;
+        transform: rotate(90deg);
+      }
+    }
+  }
+
+  &--content {
+    display: flex;
+    overflow: hidden;
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-start;
+
+    max-height: 1000px;
+
+    font-size: var(--accordion-content-font-size);
+
+    opacity: 0;
+    background: #fff;
+
+    transition: all 0.25s ease-out;
+
+    @include mixins.custom-scroll;
+
+    &-is-open {
+      padding: var(--accordion-content-padding);
+
+      opacity: 1;
+
+      transition: all 0.25s ease-out;
+    }
+
+    &-item {
+      width: calc(100% - 40px);
+      padding: var(--accordion-content-item-padding);
+
+      a {
+        font-size: var(--accordion-content-font-size);
+        font-weight: 300;
+
+        color: var(--accordion-content-item-color);
+      }
+    }
+  }
+}

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

@@ -0,0 +1,168 @@
+"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, {
+    AccordionTemplate: function() {
+        return AccordionTemplate;
+    },
+    TestAccordion: function() {
+        return TestAccordion;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _reactrouterdom = require("react-router-dom");
+const _Accordion = /*#__PURE__*/ _interop_require_default(require("./Accordion"));
+require("../../../../../scss/main.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = {
+    title: 'UI/Accordion',
+    component: _Accordion.default,
+    argTypes: {
+        items: {
+            description: 'array'
+        },
+        className: {
+            description: 'string. optional'
+        }
+    }
+};
+function Template(args) {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactrouterdom.BrowserRouter, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Accordion.default, {
+            ...args
+        })
+    });
+}
+const AccordionTemplate = Template.bind({});
+AccordionTemplate.args = {
+    items: [
+        {
+            title: 'tools',
+            icon: 'Tool',
+            className: 'color--sea-buckthorn',
+            isOpen: true,
+            children: [
+                {
+                    id: '1',
+                    title: 'tools',
+                    link: '#s'
+                },
+                {
+                    id: '2',
+                    title: 'tools',
+                    link: '#s'
+                },
+                {
+                    id: '3',
+                    title: 'tools',
+                    link: '#s'
+                }
+            ]
+        },
+        {
+            title: 'lenders',
+            icon: 'Briefcase',
+            className: 'color--green-haze',
+            isOpen: false,
+            children: [
+                {
+                    id: '1',
+                    title: 'lenders',
+                    link: '#s'
+                }
+            ]
+        },
+        {
+            title: 'settings',
+            icon: 'Sliders',
+            className: 'color--primary',
+            isOpen: false,
+            status: {
+                value: 'active',
+                status: 'active',
+                type: 'number'
+            },
+            children: [
+                {
+                    id: '1',
+                    title: 'settings',
+                    link: '#s'
+                }
+            ]
+        }
+    ],
+    isMenuHovered: false
+};
+const TestAccordion = Template.bind({});
+TestAccordion.args = {
+    items: [
+        {
+            title: 'tools',
+            icon: 'Tool',
+            className: 'color--sea-buckthorn',
+            isOpen: false,
+            children: [
+                {
+                    id: '1',
+                    title: 'tools',
+                    link: '#s'
+                },
+                {
+                    id: '2',
+                    title: 'tools',
+                    link: '#s'
+                },
+                {
+                    id: '3',
+                    title: 'tools',
+                    link: '#s'
+                }
+            ]
+        },
+        {
+            title: 'lenders',
+            icon: 'Briefcase',
+            className: 'color--green-haze',
+            isOpen: false,
+            children: [
+                {
+                    id: '1',
+                    title: 'lenders',
+                    link: '#s'
+                }
+            ]
+        },
+        {
+            title: 'settings',
+            icon: 'Sliders',
+            className: 'color--primary',
+            isOpen: false,
+            status: {
+                value: '5',
+                status: 'active',
+                type: 'number'
+            },
+            children: [
+                {
+                    id: '1',
+                    title: 'settings',
+                    link: '#s'
+                }
+            ]
+        }
+    ]
+};

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

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _reactrouterdom = require("react-router-dom");
+const _react = require("@testing-library/react");
+const _Accordion = /*#__PURE__*/ _interop_require_default(require("./Accordion"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const items = [
+    {
+        icon: 'Home',
+        title: 'Home',
+        link: '/home',
+        isOpen: false
+    },
+    {
+        icon: 'Settings',
+        title: 'Settings',
+        isOpen: false,
+        children: [
+            {
+                link: '/settings/profile',
+                id: 'profile',
+                title: 'Profile'
+            }
+        ]
+    }
+];
+describe('accordion', ()=>{
+    it('renders without crashing', ()=>{
+        const { getByTestId } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_reactrouterdom.BrowserRouter, {
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Accordion.default, {
+                items: items
+            })
+        }));
+        expect(getByTestId('accordion')).toBeInTheDocument();
+    });
+    it('toggles item open state on click', ()=>{
+        const { getByTestId } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_reactrouterdom.BrowserRouter, {
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Accordion.default, {
+                items: items
+            })
+        }));
+        const item = getByTestId('accordion-item-1');
+        const titleBox = item.querySelector('.accordion--title-box');
+        _react.fireEvent.click(titleBox);
+        expect(titleBox).toHaveClass('accordion--title-open');
+    });
+});