hrm_ui_lib 1.6.2-alpha.1 → 1.6.2-alpha.2

package/stories/SideNavigation.stories.js

@@ -1,51 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/ban-ts-comment */
-import { useState } from 'react';
-import { Avatar, Button, NavigationItem, SideNavigation as _SideNavigation, Text } from '../index';
-import { Block } from '../components/SideNavigation/Block';
-import { NavigationItemTypes } from '../components/SideNavigation/NavigationItem/types';
-// @ts-ignore
-import logo from '../assets/images/logo.svg';
-// @ts-ignore
-import logoClosed from '../assets/images/logo-closed.svg';
-// @ts-ignore
-import avatar from '../assets/images/avatar.jpg';
-import IconDocument from '../components/SVGIcons/IconDocument';
-import IconLockClosed from '../components/SVGIcons/IconLockClosed';
-import IconSettings from '../components/SVGIcons/IconSettings';
-import IconHome from '../components/SVGIcons/IconHome';
-import IconSavings from '../components/SVGIcons/IconSavings';
-import IconWallet from '../components/SVGIcons/IconWallet';
-import IconAlertBadge from '../components/SVGIcons/IconAlertBadge';
-import IconMail from '../components/SVGIcons/IconMail';
-import IconArrowExit from '../components/SVGIcons/IconArrowExit';
-export default {
-    title: 'Side Navigation',
-    component: _SideNavigation,
-    argTypes: {
-        showAction: {
-            options: [true, false]
-        }
-    }
-};
-var Template = function (args) {
-    var _a = useState(true), isOpen = _a[0], setIsOpen = _a[1];
-    return (_jsxs(_SideNavigation, __assign({}, args, { setOpen: setIsOpen, open: isOpen }, { children: [_jsxs("main", { children: [_jsx(NavigationItem, { As: function () { return (_jsx("a", __assign({ href: "/https://ameriabank.am" }, { children: _jsx("img", { src: isOpen ? logo : logoClosed, alt: "Product Logo" }) }))); }, type: NavigationItemTypes.BLOCK_HEADER, isOpen: isOpen, showAction: args.showAction, actionElm: args.actionElm }), _jsx(Block, __assign({ open: isOpen, label: "Finance" }, { children: _jsxs(_Fragment, { children: [_jsx(NavigationItem, { As: function () { return (_jsxs("a", __assign({ href: "/https://ameriabank.am" }, { children: [_jsx(IconDocument, {}), _jsx("div", { children: "Accounts" })] }))); }, type: NavigationItemTypes.MAIN, isOpen: isOpen, showAction: args.showAction, actionElm: args.actionElm, active: true }), _jsx(NavigationItem, { As: function () { return (_jsxs("a", __assign({ href: "/https://ameriabank.am" }, { children: [_jsx(IconLockClosed, {}), _jsx("div", { children: "Test" })] }))); }, type: NavigationItemTypes.MAIN, isOpen: isOpen, showAction: args.showAction, actionElm: args.actionElm }), _jsx(NavigationItem, __assign({ As: function () { return (_jsxs("div", { children: [_jsx(IconHome, {}), _jsx("div", { children: "Cards" })] })); }, type: NavigationItemTypes.MAIN, isOpen: isOpen, expandable: true }, { children: _jsxs(_Fragment, { children: [_jsx(NavigationItem, { As: function () { return (_jsxs("a", __assign({ href: "/https://ameriabank.am" }, { children: [_jsx(IconDocument, {}), _jsx("div", { children: "Accounts" })] }))); }, type: NavigationItemTypes.SUB, isOpen: isOpen }), _jsx(NavigationItem, { As: function () { return (_jsxs("a", __assign({ href: "/https://ameriabank.am" }, { children: [_jsx(IconSavings, {}), _jsx("div", { children: "Savings" })] }))); }, type: NavigationItemTypes.SUB, isOpen: isOpen }), _jsx(NavigationItem, { As: function () { return (_jsxs("a", __assign({ href: "/https://ameriabank.am" }, { children: [_jsx(IconWallet, {}), _jsx("div", { children: "Overdraft" })] }))); }, type: NavigationItemTypes.SUB, isOpen: isOpen })] }) })), _jsx(NavigationItem, { As: function () { return (_jsxs("a", __assign({ href: "/https://ameriabank.am" }, { children: [_jsx(IconSavings, {}), _jsx("div", { children: "Savings" })] }))); }, type: NavigationItemTypes.MAIN, isOpen: isOpen, showBadge: true, badgeContent: '888+' })] }) })), _jsx(Block, __assign({ open: isOpen, label: "Finance" }, { children: _jsxs(_Fragment, { children: [_jsx(NavigationItem, { As: function () { return (_jsxs("a", __assign({ href: "/https://ameriabank.am" }, { children: [_jsx(IconWallet, {}), _jsx("div", { children: "Overdraft" })] }))); }, type: NavigationItemTypes.MAIN, isOpen: isOpen }), _jsx(NavigationItem, { As: function () { return (_jsxs("a", __assign({ href: "/https://ameriabank.am" }, { children: [_jsx(IconHome, {}), _jsx("div", { children: "Mortgage" })] }))); }, type: NavigationItemTypes.MAIN, isOpen: isOpen }), _jsx(NavigationItem, __assign({ As: function () { return (_jsxs("div", { children: [_jsx(IconSavings, {}), _jsx("div", { children: "Car Leon" })] })); }, type: NavigationItemTypes.MAIN, isOpen: isOpen, expandable: true }, { children: _jsxs(_Fragment, { children: [_jsx(NavigationItem, { As: function () { return (_jsxs("a", __assign({ href: "/https://ameriabank.am" }, { children: [_jsx(IconSavings, {}), _jsx("div", { children: "Savings" })] }))); }, type: NavigationItemTypes.SUB, isOpen: isOpen }), _jsx(NavigationItem, { As: function () { return (_jsxs("a", __assign({ href: "/https://ameriabank.am" }, { children: [_jsx(IconDocument, {}), _jsx("div", { children: "Accounts" })] }))); }, type: NavigationItemTypes.SUB, isOpen: isOpen })] }) }))] }) }))] }), _jsx("footer", { children: _jsx(Block, { children: _jsxs(_Fragment, { children: [_jsx(NavigationItem, { type: NavigationItemTypes.MAIN, isOpen: isOpen, As: function () { return (_jsxs("a", __assign({ href: "/https://ameriabank.am" }, { children: [_jsx(IconMail, {}), _jsx("div", { children: "Messages" })] }))); } }), _jsx(NavigationItem, { type: NavigationItemTypes.MAIN, isOpen: isOpen, As: function () { return (_jsxs("a", __assign({ href: "https://ameriabank.am" }, { children: [_jsx(IconAlertBadge, {}), _jsx("div", { children: "Notifications" })] }))); } }), _jsx(NavigationItem, { type: NavigationItemTypes.MAIN, isOpen: isOpen, As: function () { return (_jsxs("a", __assign({ href: "https://ameriabank.am" }, { children: [_jsx(IconSettings, {}), _jsx("div", { children: "Settings" })] }))); } }), _jsx(NavigationItem, { type: NavigationItemTypes.USER, isOpen: isOpen, As: function () { return (_jsxs("div", __assign({ onClick: function () { return alert(); } }, { children: [_jsx(Avatar, { imagePath: avatar, size: isOpen ? 'small' : 'xsmall' }), _jsx(Text, __assign({ size: "medium" }, { children: "Zhorzhik Grigoryan" })), _jsx(IconArrowExit, {})] }))); } })] }) }) })] })));
-};
-export var SideNavigation = Template.bind({});
-// @ts-ignore
-SideNavigation.args = {
-    showAction: true,
-    actionElm: _jsx(Button, { buttonText: 'Action', size: "large", iconProps: { Component: IconHome } })
-};

package/stories/SideSheet.stories.js

@@ -1,211 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useRef, useState } from 'react';
-import { Button, Modal, SideSheet as _SideSheet, FormContainer, MultiSelect as _MultiSelect } from '../index';
-import * as yup from 'yup';
-import IconDismissFilled from '../components/SVGIcons/IconDismissFilled';
-import IconArrowLeft from '../components/SVGIcons/IconArrowLeft';
-import IconAttach from '../components/SVGIcons/IconAttach';
-import IconMore from '../components/SVGIcons/IconMore';
-import IconPerson from '../components/SVGIcons/IconPerson';
-import IconInfo from '../components/SVGIcons/IconInfo';
-export default {
-    title: 'Side Sheet',
-    component: _SideSheet,
-    argTypes: {
-        position: {
-            options: ['left', 'right'],
-            control: { type: 'radio' }
-        }
-    }
-};
-var VALIDATION_SCHEME = yup.object({
-    test: yup.string().required('validation').nullable(),
-    firstname: yup.string().required('validation').nullable()
-});
-var INITIAL_VALUES = {
-    firstname: 5
-};
-var OPTIONS = [
-    {
-        value: 1,
-        label: 'Armeniaaasdasdasdasdlkashdkjlashdkjasdkjashkdjhaskjdhdaskjdhaskjhdkajsdkjasdkjashdjkashdkjhaskdhaskjdhaskjdhaskjdhaskjhdkjas',
-        meta: 'AM'
-    },
-    {
-        value: 2,
-        label: 'Italy',
-        meta: 'IT'
-    },
-    {
-        value: 3,
-        label: 'France    France    France',
-        meta: 'FR'
-    },
-    {
-        value: 4,
-        label: 'Spain',
-        meta: 'SP'
-    },
-    {
-        value: 5,
-        label: 'Germany',
-        meta: 'De'
-    },
-    {
-        value: 6,
-        label: 'Australia',
-        meta: 'AU'
-    },
-    {
-        value: 7,
-        label: 'Hungary',
-        meta: 'HY'
-    },
-    {
-        value: 8,
-        label: 'Georgia',
-        meta: 'GE'
-    },
-    {
-        value: 9,
-        label: 'Brazil',
-        meta: 'BR'
-    },
-    {
-        value: 10,
-        label: 'Norway',
-        meta: 'NR'
-    },
-    {
-        value: 11,
-        label: 'Mexico',
-        meta: 'MC'
-    }
-];
-var OPTIONS_CITIES = [
-    {
-        value: 'yerevan',
-        label: 'Yerevan'
-    },
-    {
-        value: 'rome',
-        label: 'Rome'
-    },
-    {
-        value: 'paris',
-        label: 'Paris'
-    },
-    {
-        value: 'aaaa',
-        label: 'iiii'
-    }
-];
-var OPTIONS_GROUPED = [
-    {
-        title: 'Countries',
-        data: OPTIONS
-    },
-    {
-        title: 'Cities',
-        data: OPTIONS_CITIES
-    }
-];
-var Template = function (args) {
-    var _a = useState(false), isOpen = _a[0], setIsOpen = _a[1];
-    var _b = useState(false), isModalOpen = _b[0], setIsModalOpen = _b[1];
-    var handleOpenSheet = function () {
-        setIsOpen(true);
-    };
-    var _c = useState(null), ref = _c[0], setRef = _c[1];
-    var _d = useState(false), isDirty = _d[0], setIsDirty = _d[1];
-    var _e = useState(false), open = _e[0], setOpen = _e[1];
-    var closeModal = function () { return setIsModalOpen(false); };
-    var onModalOutsideClick = function () {
-        setIsModalOpen(false);
-    };
-    var openModal = function () { return setIsModalOpen(true); };
-    var _isDirtyRef = useRef(false);
-    var onModalSubmit = function () {
-        setIsModalOpen(false);
-        setIsOpen(false);
-    };
-    var closeSideSheet = function (e) {
-        e === null || e === void 0 ? void 0 : e.preventDefault();
-        e === null || e === void 0 ? void 0 : e.stopPropagation();
-        if (_isDirtyRef.current) {
-            setIsModalOpen(true);
-        }
-        else {
-            setIsOpen(false);
-        }
-    };
-    var onSubmit = function (isChecked) {
-        console.log(isChecked);
-        console.log('submit');
-    };
-    var _f = useState([]), selectedValues = _f[0], setSelectedValues = _f[1];
-    var set = function (value, isChecked) {
-        setSelectedValues(value);
-    };
-    return (_jsxs("div", { children: [_jsx("button", __assign({ onClick: handleOpenSheet }, { children: "Open Side Sheet" })), _jsx(_SideSheet, __assign({}, args, { size: "small", onClose: closeSideSheet, isOpen: isOpen, shouldRemoveCallback: false, onSubmit: onSubmit, scrollToTopOptions: {
-                    onPixel: 200
-                } }, { children: _jsxs(_Fragment, { children: [_jsx("div", { children: _jsxs(FormContainer, __assign({ onSubmit: function (data) { return console.log('data', data); }, validationScheme: VALIDATION_SCHEME, initialValues: INITIAL_VALUES }, { children: [_jsx(Button, { buttonText: 'show modal on outside click', onClick: function () { return (_isDirtyRef.current = true); } }), _jsxs("div", { children: [_jsx("span", { children: "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Amet itaque vero sapiente rerum sed tempore assumenda, illo mollitia perferendis eveniet unde facere officiis possimus quidem fugiat animi? Possimus, cum non?" }), _jsx("span", { children: "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Amet itaque vero sapiente rerum sed tempore assumenda, illo mollitia perferendis eveniet unde facere officiis possimus quidem fugiat animi? Possimus, cum non?" }), _jsx("span", { children: "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Amet itaque vero sapiente rerum sed tempore assumenda, illo mollitia perferendis eveniet unde facere officiis possimus quidem fugiat animi? Possimus, cum non?" }), _jsx("span", { children: "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Amet itaque vero sapiente rerum sed tempore assumenda, illo mollitia perferendis eveniet unde facere officiis possimus quidem fugiat animi? Possimus, cum non?" }), _jsx("span", { children: "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Amet itaque vero sapiente rerum sed tempore assumenda, illo mollitia perferendis eveniet unde facere officiis possimus quidem fugiat animi? Possimus, cum non?" }), _jsx("span", { children: "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Amet itaque vero sapiente rerum sed tempore assumenda, illo mollitia perferendis eveniet unde facere officiis possimus quidem fugiat animi? Possimus, cum non? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Amet itaque vero sapiente rerum sed tempore assumenda, illo mollitia perferendis eveniet unde facere officiis possimus quidem fugiat animi? Possimus, cum non? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Amet itaque vero sapiente rerum sed tempore assumenda, illo mollitia perferendis eveniet unde facere officiis possimus quidem fugiat animi? Possimus, cum non? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Amet itaque vero sapiente rerum sed tempore assumenda, illo mollitia perferendis eveniet unde facere officiis possimus quidem fugiat animi? Possimus, cum non? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Amet itaque vero sapiente rerum sed tempore assumenda, illo mollitia perferendis eveniet unde facere officiis possimus quidem fugiat animi? Possimus, cum non? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Amet itaque vero sapiente rerum sed tempore assumenda, illo mollitia perferendis eveniet unde facere officiis possimus quidem fugiat animi? Possimus, cum non? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Amet itaque vero sapiente rerum sed tempore assumenda, illo mollitia perferendis eveniet unde facere officiis possimus quidem fugiat animi? Possimus, cum non? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Amet itaque vero sapiente rerum sed tempore assumenda, illo mollitia perferendis eveniet unde facere officiis possimus quidem fugiat animi? Possimus, cum non? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Amet itaque vero sapiente rerum sed tempore assumenda, illo mollitia perferendis eveniet unde facere officiis possimus quidem fugiat animi? Possimus, cum non?" })] }), _jsx(_MultiSelect, { isLoading: false, label: "Select", options: OPTIONS_GROUPED, placeHolder: "Select country", helperText: "To be filled in only for USA, Canada and European countries.", labelAddons: _jsx(IconInfo, { size: 'xsmall', type: 'information', className: 'ml-4' }), isGrouped: true, isButtonSelect: true, dropdownWidth: 400, align: "right", maxSelectCount: 3, selectedItems: selectedValues, setSelectedItems: set, labelRightIconComponent: function () { return (_jsx(IconPerson, { size: "xsmall", className: "mr-4", onClick: function (e) {
-                                                e.preventDefault();
-                                                e.stopPropagation();
-                                            } })); }, translations: {
-                                            innerLabel: 'Group name',
-                                            clearAllLabel: 'Clear All',
-                                            selectAllLabel: 'Select All',
-                                            emptyListMainMessage: ''
-                                        } })] })) }), _jsx("div", __assign({ style: { height: 2000 } }, { children: _jsx("div", __assign({ style: { position: 'relative', width: 'fit-content' }, ref: setRef }, { children: _jsx(Button, { onClick: function () { return setOpen(!open); }, iconProps: { Component: IconMore } }) })) }))] }) })), _jsx(Modal, __assign({ isOpen: isModalOpen, onClose: closeModal, onSubmit: onModalSubmit, closeOnOutsideClick: false, buttonProps: {
-                    confirm: {
-                        buttonText: 'Register',
-                        buttonActionType: 'submit'
-                    },
-                    cancel: { buttonText: 'Cancel' }
-                } }, { children: "content" }))] }));
-};
-export var SideSheet = Template.bind({});
-SideSheet.args = {
-    title: 'Side sheet title',
-    headerButtons: {
-        close: {
-            iconProps: {
-                Component: IconDismissFilled
-            }
-        },
-        back: {
-            iconProps: {
-                Component: IconArrowLeft
-            }
-        },
-        pin: {
-            iconProps: {
-                Component: IconAttach
-            }
-        }
-    },
-    footerButtons: {
-        confirm: {
-            buttonText: 'Save'
-        },
-        cancel: { buttonText: 'Cancel' },
-        extraButton: { buttonText: 'Other action' }
-    },
-    checkboxInfo: {
-        label: 'Agree to terms',
-        isChecked: false
-    }
-    // position: 'left'
-};

package/stories/Snackbar.stories.js

@@ -1,65 +0,0 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { Button, Snackbar as _Snackbar, notify } from '../index';
-export default {
-    title: 'Snackbar',
-    component: _Snackbar,
-    argTypes: {
-        type: {
-            options: ['information', 'success', 'error', 'warning'],
-            control: { type: 'radio' }
-        }
-    }
-};
-var Template = function (args) {
-    var _a = useState([]), infoMessages = _a[0], setInfoMessages = _a[1];
-    var removeMessage = function (id) {
-        setInfoMessages(function (_infoMessages) {
-            return _infoMessages.filter(function (elem) { return elem.toastId !== id; });
-        });
-    };
-    var addMessage = function () {
-        var __id = Math.random();
-        setInfoMessages(function (_infoMessages) { return __spreadArray(__spreadArray([], _infoMessages, true), [
-            {
-                type: args.type,
-                toastId: __id,
-                message: "".concat(__id),
-                closeHandler: function () { return removeMessage(__id); }
-            }
-        ], false); });
-    };
-    useEffect(function () {
-        if (infoMessages.length) {
-            var _a = infoMessages[infoMessages.length - 1], toastId_1 = _a.toastId, message = _a.message, type = _a.type;
-            notify({
-                text: message,
-                type: type,
-                toastId: toastId_1,
-                actionProps: {
-                    buttonText: 'close',
-                    onClick: function () {
-                        removeMessage(toastId_1);
-                    }
-                },
-                closeSnackbar: function (_id) {
-                    removeMessage(_id);
-                }
-            });
-        }
-    }, [infoMessages]);
-    return (_jsx("div", { children: _jsxs(_Fragment, { children: [_jsx(Button, { buttonText: 'notify', onClick: addMessage }), _jsx(_Snackbar, { duration: 2000, position: "bottom-center" })] }) }));
-};
-export var Snackbar = Template.bind({});
-Snackbar.args = {
-    type: 'information'
-};

package/stories/Status.stories.js

@@ -1,52 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Popover, Status as _Status, Text } from '../index';
-import IconPerson from '../components/SVGIcons/IconPerson';
-import IconInfo from '../components/SVGIcons/IconInfo';
-export default {
-    title: 'Status',
-    component: _Status,
-    argTypes: {
-        type: {
-            options: [
-                'primary',
-                'disabled',
-                'brand',
-                'danger',
-                'warning',
-                'success',
-                'information',
-                'discovery'
-            ],
-            control: { type: 'radio' }
-        },
-        size: {
-            options: ['large', 'medium', 'small'],
-            control: { type: 'radio' }
-        }
-    }
-};
-var Template = function (args) {
-    return (_jsxs(_Fragment, { children: [_jsx(_Status, __assign({}, args, { type: 'danger' }, { children: _jsx(Text, __assign({ type: 'secondary', size: 'small' }, { children: "Status subtext" })) })), _jsx(_Status, __assign({}, args, { type: 'information' }, { children: _jsx(Text, __assign({ type: 'information', size: 'small' }, { children: "Status subtext" })) }))] }));
-};
-export var Status = Template.bind({});
-Status.args = {
-    text: 'Status text',
-    type: 'primary',
-    size: 'large',
-    withCircle: true,
-    leftIconProps: {
-        Component: IconPerson
-    },
-    rightIconProps: (_jsx(Popover, __assign({ linkAddons: { url: 'link', beforeLink: 'text before link' }, id: "beneficiary-tooltip", text: 'data', position: "top-center" }, { children: _jsx("div", __assign({ id: "beneficiary-tooltip" }, { children: _jsx(IconInfo, { type: "information", size: "xsmall", className: 'ml-4 pointer' }) })) })))
-};

package/stories/Stepper.stories.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Stepper as _Stepper } from '../index';
-export default {
-    title: 'Stepper',
-    component: _Stepper
-};
-var COMP1 = function () {
-    return _jsx("div", { children: "STEP1" });
-};
-var COMP2 = function () {
-    return _jsx("div", { children: "STEP2" });
-};
-var COMP3 = function () {
-    return _jsx("div", { children: "STEP3" });
-};
-var COMP4 = function () {
-    return _jsx("div", { children: "STEP4" });
-};
-var LIST = [COMP1, COMP2, COMP3, COMP4];
-var Template = function () {
-    return _jsx(_Stepper, { list: LIST });
-};
-export var Stepper = Template.bind({});

package/stories/Switcher.stories.js

@@ -1,38 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Switcher as _Switcher } from '../index';
-import IconInfo from '../components/SVGIcons/IconInfo';
-export default {
-    title: 'Switcher',
-    component: _Switcher,
-    argTypes: {
-        size: {
-            options: ['large', 'small'],
-            control: { type: 'radio' }
-        }
-    }
-};
-var ID = 'am_custom_switcher';
-var Template = function (args) {
-    var _a = useState(false), isChecked = _a[0], setIsChecked = _a[1];
-    return _jsx(_Switcher, __assign({}, args, { selectedValue: isChecked, onClick: setIsChecked, id: ID }));
-};
-export var Switcher = Template.bind({});
-Switcher.args = {
-    size: 'small',
-    inlineType: false,
-    disabled: false,
-    label: 'label',
-    labelAddons: _jsx(IconInfo, { size: 'xsmall', type: 'information', className: 'ml-4' })
-};

package/stories/Tab.stories.js

@@ -1,83 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Tab as _Tab } from '../index';
-import IconDismissCircle from '../components/SVGIcons/IconDismissCircle';
-import IconHome from '../components/SVGIcons/IconHome';
-import IconApple from '../components/SVGIcons/IconApple';
-export default {
-    title: 'Tab',
-    component: _Tab,
-    argTypes: {
-        type: {
-            options: ['primary', 'secondary'],
-            control: { type: 'radio' }
-        },
-        size: {
-            options: ['large', 'medium', 'small'],
-            control: { type: 'radio' }
-        }
-    }
-};
-var Template = function (args) {
-    var _a = useState(args.selectedValue), selectedTab = _a[0], onTabSelect = _a[1];
-    return _jsx(_Tab, __assign({}, args, { selectedValue: selectedTab, onSelect: onTabSelect }));
-};
-export var Tab = Template.bind({});
-// @ts-ignore
-Tab.args = {
-    type: 'primary',
-    size: 'large',
-    tabItems: [
-        {
-            label: 'Prompt text 1',
-            value: 1,
-            disabled: false,
-            iconProps: {
-                Component: IconHome
-            },
-            rightIconProps: {
-                Component: IconDismissCircle,
-                action: function (e) {
-                    // eslint-disable-next-line no-console
-                    console.log(e, 'e');
-                }
-            },
-            badgeProps: {
-                text: '9',
-                type: 'primary'
-            }
-        },
-        {
-            label: 'Prompt text 2Prompt text 2',
-            value: 2,
-            iconProps: {
-                Component: IconApple
-            },
-            rightIconProps: {
-                Component: IconDismissCircle,
-                action: function (e) {
-                    // eslint-disable-next-line no-console
-                    console.log(e, 'e');
-                }
-            }
-        },
-        {
-            label: 'Prompt text 3',
-            value: 3,
-            iconProps: {
-                Component: IconApple
-            }
-        }
-    ]
-};

package/stories/Table.stories.js

@@ -1,107 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Table as _Table } from '../index';
-var data = __spreadArray(__spreadArray([
-    {
-        user: 'Luke Skywalker',
-        age: 21,
-        id: 'fffffffsdf',
-        visits: [7, 8, 9],
-        progress: 'fdfsdfsdfsd',
-        status: 'Active'
-    }
-], Array(13).fill({
-    user: 'John Doe',
-    age: 30,
-    id: 'dsfsdf',
-    visits: [4, 5, 6],
-    progress: 'divv',
-    status: 'Active'
-}), true), [
-    {
-        user: 'John Doe',
-        age: 30,
-        id: 'dsfsdf',
-        visits: [4, 5, 6],
-        progress: 'divv',
-        status: 'Active'
-    },
-    {
-        user: 'Bruce wayne',
-        id: 'fffffffeeeee',
-        age: 29,
-        visits: [1, 2, 3],
-        progress: 'diff',
-        status: 'Active'
-    }
-], false);
-var Template = function (args) {
-    var columns = [
-        {
-            Header: 'User',
-            accessor: 'user',
-            fixed: 'left',
-            widthInPercent: 30,
-            width: 100
-        },
-        {
-            Header: 'Status',
-            accessor: 'status',
-            widthInPercent: 20
-        },
-        {
-            accessor: 'age',
-            Header: 'Age',
-            widthInPercent: 20,
-            minWidth: 100,
-            columnProps: {
-                sortable: true
-            }
-        },
-        {
-            Header: 'Profile Progress',
-            accessor: 'progress',
-            widthInPercent: 20
-        },
-        {
-            Header: 'Visits',
-            widthInPercent: 10,
-            accessor: 'visits',
-            fixed: 'right'
-        }
-    ];
-    var handleChange = function (state) {
-        console.log(state);
-    };
-    return _jsx(_Table, __assign({}, args, { data: data, onChange: handleChange, columns: columns }));
-};
-export default {
-    title: 'Table',
-    component: _Table
-};
-export var Table = Template.bind({});
-Table.args = {
-    fixedHeader: { y: 500 },
-    withSelect: true,
-    data: [],
-    columns: []
-};