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

package/stories/Form.stories.js

@@ -1,158 +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 * as yup from 'yup';
-import { FormField, FormContainer as _FormContainer, Button, Input } from '../index';
-export default {
-    title: 'Form Container',
-    component: _FormContainer
-};
-var OPTIONS = [
-    {
-        value: 'armenia',
-        label: 'Armenia',
-        meta: 'AM'
-    },
-    {
-        value: 'italy',
-        label: 'Italy',
-        meta: 'IT'
-    },
-    {
-        value: 'france',
-        label: 'France',
-        meta: 'FR'
-    },
-    {
-        value: 'spain',
-        label: 'Spain',
-        meta: 'SP'
-    },
-    {
-        value: 'germany',
-        label: 'Germany',
-        meta: 'De'
-    }
-];
-var OPTIONS_CITIES = [
-    {
-        value: 'yerevan',
-        label: 'Yerevan'
-    },
-    {
-        value: 'rome',
-        label: 'Rome'
-    },
-    {
-        value: 'paris',
-        label: 'Paris'
-    },
-    {
-        value: 'aaaa',
-        label: 'iiii'
-    }
-];
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-var OPTIONS_GROUPED = [
-    {
-        title: 'Countries',
-        data: OPTIONS
-    },
-    {
-        title: 'Cities',
-        data: OPTIONS_CITIES
-    }
-];
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-var RADIO_OPTIONS = [
-    {
-        label: 'Text1',
-        value: '1'
-    },
-    {
-        label: 'Text2',
-        value: '2'
-    },
-    {
-        label: 'Text3',
-        value: '3'
-    }
-];
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-var OPTIONS_COUNTRIES = [
-    {
-        value: 1,
-        label: 'Armenia',
-        meta: 'AM'
-    },
-    {
-        value: 2,
-        label: 'Italy',
-        meta: 'IT'
-    },
-    {
-        value: 3,
-        label: '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 VALIDATION_SCHEME = yup.object({
-    // conditions: yup.string().required('validation').nullable()
-    firstname: yup.string().required('validation').nullable()
-});
-var Template = function () {
-    var INITIAL_VALUES = {
-        firstname: ''
-    };
-    return (_jsx("div", __assign({ style: { maxWidth: 300 } }, { children: _jsx(_FormContainer, __assign({ onSubmit: function (data) { return console.log('data', data); }, validationScheme: VALIDATION_SCHEME, initialValues: INITIAL_VALUES }, { children: _jsxs(_Fragment, { children: [_jsx(FormField, { name: "firstname", As: function (props) { return _jsx(Input, __assign({}, props)); } }), _jsx(Button, { buttonActionType: "submit", buttonText: 'Ok' })] }) })) })));
-};
-export var FormContainer = Template.bind({});

package/stories/Heading.stories.js

@@ -1,44 +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 { jsxs as _jsxs } from "react/jsx-runtime";
-import { Heading as _Heading } from '../index';
-export default {
-    title: 'Heading',
-    component: _Heading,
-    argTypes: {
-        type: {
-            options: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'],
-            control: { type: 'radio' }
-        },
-        size: {
-            options: ['xsmall', 'small', 'standard', 'medium', 'large', 'xlarge'],
-            control: { type: 'radio' }
-        },
-        lineHeight: {
-            options: ['xsmall', 'small', 'medium', 'large'],
-            control: { type: 'radio' }
-        },
-        weight: {
-            options: ['regular', 'semibold', 'bold'],
-            control: { type: 'radio' }
-        }
-    }
-};
-var Template = function (args) { return (_jsxs(_Heading, __assign({}, args, { children: [args.text, " ", args.size, " ", args.weight] }))); };
-export var Heading = Template.bind({});
-Heading.args = {
-    type: 'h1',
-    size: 'small',
-    lineHeight: 'large',
-    weight: 'regular',
-    text: 'heading'
-};

package/stories/Image.stories.js

@@ -1,44 +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 { Image as _Image } from '../index';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-import imageFile from '../assets/images/avatar.jpg';
-var image = {
-    src: imageFile,
-    alt: 'my image'
-};
-export default {
-    title: 'Image',
-    component: _Image,
-    argTypes: {
-        backgroundSize: {
-            options: ['cover', 'contain'],
-            control: { type: 'radio' }
-        },
-        ratio: {
-            options: ['1/1', '2/1', '3/1', '4/3', '16/9', '1/1.618', '2/3'],
-            control: { type: 'radio' }
-        }
-    }
-};
-var Template = function (args) { return (_jsx("div", __assign({ style: { width: 300 } }, { children: _jsx(_Image, __assign({}, args)) }))); };
-export var Image = Template.bind({});
-Image.args = {
-    imagePath: image.src,
-    isBackgroundImage: false,
-    backgroundSize: 'contain',
-    isFullWidth: false,
-    isFullHeight: false,
-    ratio: '1/1'
-};

package/stories/Input.stories.js

@@ -1,57 +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 { Input as _Input, Popover } from '../index';
-import IconInfo from '../components/SVGIcons/IconInfo';
-import IconCalendarRight from '../components/SVGIcons/IconCalendarRight';
-export default {
-    title: 'Input',
-    component: _Input,
-    argTypes: {
-        size: {
-            options: ['large', 'small'],
-            control: { type: 'radio' }
-        }
-    }
-};
-var Template = function (args) {
-    var _a = useState(''), value = _a[0], setValue = _a[1];
-    var _b = useState(false), isErrorVisible = _b[0], setIsErrorVisible = _b[1];
-    var changeHandler = function (e, value) {
-        setValue(value);
-        setIsErrorVisible(true);
-    };
-    return (_jsx("div", __assign({ style: { maxWidth: 300 } }, { children: _jsx(_Input, __assign({}, args, { error: !value && isErrorVisible ? 'requeired field' : '', currentValue: value, handleChange: changeHandler })) })));
-};
-export var Input = Template.bind({});
-Input.args = {
-    type: 'text',
-    label: 'Some text',
-    size: 'large',
-    mask: '',
-    maskChar: '',
-    leftIconProps: {
-        Component: IconInfo
-    },
-    rightIconProps: {
-        Component: IconCalendarRight
-    },
-    disabled: false,
-    required: true,
-    maxCount: 15,
-    witUpperCase: false,
-    placeholder: 'Some text',
-    labelAddons: (_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' }) })) }))),
-    helperText: 'This is your helper text',
-    successMessage: 'Success message'
-};

package/stories/ItemSelect.stories.js

@@ -1,87 +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 { ItemSelectGroup as _ItemSelectGroup } from '../components/ItemSelect';
-import { ItemSelect as _ItemSelect } from '../components/ItemSelect';
-import imageFile1 from '../assets/images/ArCa.svg';
-import imageFile2 from '../assets/images/Mastercard.svg';
-import imageFile3 from '../assets/images/Visa.svg';
-import IconCheckmark from '../components/SVGIcons/IconCheckmark';
-import IconAmd from '../components/SVGIcons/IconAmd';
-import IconQuestion from '../components/SVGIcons/IconQuestion';
-export default {
-    title: 'ItemSelect',
-    component: _ItemSelectGroup
-};
-var ITEMS = [
-    {
-        value: 1,
-        image: imageFile1,
-        label: 'Arca',
-        disabled: false,
-        onClick: function (e) {
-            console.log(e);
-        }
-    },
-    {
-        value: 2,
-        image: imageFile2,
-        label: 'MasterCard',
-        disabled: true,
-        onClick: function (e) {
-            console.log(e);
-        }
-    },
-    {
-        value: 3,
-        image: imageFile3,
-        label: 'Visa',
-        disabled: false,
-        onClick: function (e) {
-            console.log(e);
-        }
-    }
-];
-var Template = function (args) {
-    return (_jsx("div", __assign({ style: { width: '50%' } }, { children: _jsx(_ItemSelect, __assign({}, args)) })));
-};
-export var ItemSelect = Template.bind({});
-ItemSelect.args = {
-    leftIconProps: _jsx(IconAmd, { size: 'small' }),
-    icon: {
-        Component: IconQuestion
-    },
-    // image: '',
-    label: 'Item Select',
-    disabled: false
-    // value: null,
-};
-var ItemSelectGroupTemplate = function (args) {
-    var _a = useState(1), selected = _a[0], setSelected = _a[1];
-    var handleChange = function (value) {
-        if (value === selected) {
-            setSelected(null);
-        }
-        else {
-            setSelected(value);
-        }
-    };
-    return (_jsx("div", __assign({ style: { width: '50%' } }, { children: _jsx(_ItemSelectGroup, __assign({}, args, { items: ITEMS, value: selected, handleChange: handleChange })) })));
-};
-export var ItemSelectGroup = ItemSelectGroupTemplate.bind({});
-ItemSelectGroup.args = {
-    isHorizontal: false,
-    iconGroup: {
-        Component: IconCheckmark
-    }
-};

package/stories/Link.stories.js

@@ -1,27 +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 { Link as _Link } from '../index';
-export default {
-    title: 'Link',
-    component: _Link
-};
-var Template = function (args) {
-    return _jsx(_Link, __assign({}, args));
-};
-export var Link = Template.bind({});
-Link.args = {
-    children: 'Bro',
-    url: '/',
-    beforeLink: 'Hello ',
-    afterLink: ' By'
-};

package/stories/Menu.stories.js

@@ -1,138 +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 } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Menu as _Menu, Button, IconArrowExit, IconCheckmark, IconSettings, IconPeople, NestedMenu as _NestedMenu, IconBeach } from '../index';
-import IconEdit from '../components/SVGIcons/IconEdit';
-import IconAddFilled from '../components/SVGIcons/IconAddFilled';
-import IconMore from '../components/SVGIcons/IconMore';
-export default {
-    title: 'Menu',
-    component: _Menu,
-    argTypes: {
-        position: {
-            type: ['left', 'right', 'bottom'],
-            control: { type: 'radio' }
-        }
-    }
-};
-var items = [
-    {
-        label: 'Edit',
-        iconProps: {
-            Component: IconEdit
-        },
-        handler: function () {
-            console.log('edit');
-        },
-        value: 1,
-        meta: 'meta'
-    },
-    {
-        label: 'Save changes',
-        iconProps: {
-            Component: IconAddFilled
-        },
-        handler: function () {
-            console.log('add');
-        },
-        value: 2
-    },
-    {
-        label: 'Delete',
-        iconProps: {
-            Component: IconCheckmark,
-            type: 'selected'
-        },
-        handler: function () {
-            console.log('delete');
-        },
-        value: 3
-    },
-    {
-        label: 'logout',
-        value: 1,
-        iconProps: {
-            Component: IconArrowExit,
-            type: 'selected'
-        },
-        handler: function () { }
-    }
-];
-var Template = function (args) {
-    var _a = useState(null), ref = _a[0], setRef = _a[1];
-    var _b = useState(false), open = _b[0], setOpen = _b[1];
-    return (_jsx("div", { children: _jsxs("div", __assign({ style: { position: 'relative', width: 'fit-content' }, ref: setRef }, { children: [_jsx(Button, { onClick: function () { return setOpen(!open); }, iconProps: { Component: IconMore } }), _jsx(_Menu, __assign({}, args, { onClose: function () { return setOpen(false); }, parentRef: ref, menuItems: items, isOpen: open }))] })) }));
-};
-export var Menu = Template.bind({});
-var NestedItems = [
-    {
-        title: 'People',
-        value: 1,
-        iconProps: {
-            Component: IconPeople,
-            size: 'medium'
-        },
-        isOpen: true,
-        subItems: [
-            {
-                label: 'Libraries',
-                value: 1,
-                iconProps: {
-                    Component: IconSettings,
-                    size: 'medium'
-                },
-                handler: function () {
-                    console.log('libraries');
-                },
-                disabled: true
-            },
-            {
-                label: 'Users and permissions',
-                value: 2,
-                iconProps: {
-                    Component: IconSettings,
-                    size: 'medium'
-                },
-                handler: function () {
-                    console.log('libraries');
-                }
-            }
-        ]
-    },
-    {
-        title: 'Attendance and absence management',
-        value: 2,
-        iconProps: {
-            Component: IconBeach
-        },
-        subItems: [
-            {
-                label: 'Libraries',
-                value: 1,
-                iconProps: {
-                    Component: IconSettings,
-                    size: 'medium'
-                },
-                handler: function () {
-                    console.log('libraries');
-                }
-            }
-        ]
-    }
-];
-var NestedMenuTemplate = function (args) {
-    var _a = useState(null), ref = _a[0], setRef = _a[1];
-    var _b = useState(false), open = _b[0], setOpen = _b[1];
-    return (_jsx("div", __assign({ style: { display: 'flex', justifyContent: 'flex-end' } }, { children: _jsxs("div", __assign({ style: { position: 'relative', width: 'fit-content' }, ref: setRef }, { children: [_jsx(Button, { onClick: function () { return setOpen(!open); }, iconProps: { Component: IconSettings }, type: "tertiary" }), _jsx(_NestedMenu, __assign({}, args, { onClose: function () { return setOpen(false); }, parentRef: ref, menuItems: NestedItems, isOpen: open, position: "bottom-left" }))] })) })));
-};
-export var NestedMenu = NestedMenuTemplate.bind({});

package/stories/Modal.stories.js

@@ -1,73 +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 } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Modal as _Modal } from '../index';
-import { ModalConfirmation as _ModalConfirmation } from '../index';
-import IconDelete from '../components/SVGIcons/IconDelete';
-export default {
-    title: 'Modal',
-    component: _Modal,
-    argTypes: {
-        size: {
-            options: ['xlarge', 'large', 'medium', 'small'],
-            control: { type: 'radio' }
-        }
-    }
-};
-var Template = function (args) {
-    var _a = useState(false), isOpen = _a[0], setIsOpen = _a[1];
-    var closeModal = function () { return setIsOpen(false); };
-    var openModal = function () { return setIsOpen(true); };
-    return (_jsxs("div", { children: [_jsx("p", __assign({ onClick: openModal }, { children: "click here " })), _jsx(_Modal, __assign({}, args, { onClose: closeModal, isOpen: isOpen, onSubmit: function () {
-                    closeModal();
-                    console.log('submit');
-                }, buttonProps: {
-                    confirm: {
-                        buttonText: 'Save',
-                        buttonActionType: 'submit'
-                    },
-                    cancel: { buttonText: 'Cancel', type: 'secondary' }
-                } }, { children: _jsx("div", { children: "Modal content" }) }))] }));
-};
-export var Modal = Template.bind({});
-Modal.args = {
-    size: 'medium',
-    title: 'Title',
-    subtitle: 'Subtitle',
-    closeIcon: true,
-    withFooter: true,
-    confirmBtnTooltipText: 'Confirm'
-};
-var ModalConfirmationTemplate = function (args) {
-    var _a = useState(false), isOpen = _a[0], setIsOpen = _a[1];
-    var closeModal = function () { return setIsOpen(false); };
-    var openModal = function () { return setIsOpen(true); };
-    return (_jsxs("div", { children: [_jsx("p", __assign({ onClick: openModal }, { children: "click here " })), _jsx(_ModalConfirmation, __assign({}, args, { iconProps: {
-                    Component: IconDelete
-                }, onClose: closeModal, isOpen: isOpen, onSubmit: function () {
-                    closeModal();
-                    console.log('submit');
-                }, buttonProps: {
-                    confirm: {
-                        buttonText: 'Delete the card',
-                        buttonActionType: 'submit'
-                    },
-                    cancel: { buttonText: 'Cancel' }
-                } }))] }));
-};
-export var ModalConfirmation = ModalConfirmationTemplate.bind({});
-ModalConfirmation.args = {
-    size: 'small',
-    title: 'Title text',
-    subtitle: 'This is your subtitle that will give you more context'
-};

package/stories/More.stories.js

@@ -1,24 +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 { More as _More } from '../index';
-export default {
-    title: 'More',
-    component: _More
-};
-var Template = function () {
-    return (_jsx("div", __assign({ onClick: function () { return console.log('sdjbsd'); } }, { children: _jsx(_More, { buttonText: {
-                expand: 'Ավելին',
-                collapse: 'Փակել'
-            }, collapsedText: 'I am informed and agree that:', expandedText: "I am informed and agree that:\n - The vacation application is considered submitted if it has been approved by the manager(s) and substitute(s). If the approvals haven\u2019t been obtained, the application cannot be considered by the HRM and is not subject to processing.\nThe payment for the annual vacation is made:\n3 days before the start of the vacation, if the application approvals are available at least 6 working days before the vacation begins,\nWithin 3 working days after the start of the vacation, if application approvals were provided within 5 working days before the vacation begins." }) })));
-};
-export var More = Template.bind({});

package/stories/NavigationItem.stories.js

@@ -1,27 +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 { NavigationItem as _NavigationItem } from '../index';
-export default {
-    title: 'Navigation Item',
-    component: _NavigationItem,
-    argTypes: {
-        showAction: {
-            options: ['True', 'False']
-        }
-    }
-};
-var Template = function (args) { return (_jsx(_NavigationItem, __assign({}, args, { As: function () { return _jsx("div", { children: "Hello" }); } }))); };
-export var NavigationItem = Template.bind({});
-NavigationItem.args = {
-    showAction: false
-};