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

package/stories/CardSelect.stories.js

@@ -1,161 +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 { CardSelectGroup as _CardSelectGroup } from '../components/CardSelect';
-import { CardSelect as _CardSelect } from '../components/CardSelect';
-import { Popover } from '../components/Popover';
-import { CARD_SELECT_TYPES } from '../consts';
-import imageFile from '../assets/images/illustrations.svg';
-import IconInfo from '../components/SVGIcons/IconInfo';
-import IconQuestion from '../components/SVGIcons/IconQuestion';
-export default {
-    title: 'CardSelect',
-    component: _CardSelectGroup,
-    argTypes: {
-        cardsGroupType: {
-            options: [CARD_SELECT_TYPES.cardRadio, CARD_SELECT_TYPES.card],
-            control: { type: 'radio' }
-        },
-        cardsGroupDisable: {
-            options: [true, false],
-            control: { type: 'radio' }
-        }
-    }
-};
-var CARDS = [
-    {
-        value: 1,
-        title: 'Card Select',
-        icon: {
-            Component: IconQuestion
-        },
-        chips: [
-            {
-                text: 'Chip 1',
-                color: 'success',
-                type: 'filled'
-            },
-            {
-                text: 'Chip 2',
-                color: 'warning',
-                type: 'filled'
-            }
-        ],
-        description: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's " +
-            'standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. ',
-        badgeText: 'Badge',
-        disabled: false,
-        withAction: true,
-        additionalInfo: [
-            {
-                key: 'Key 1',
-                value: 'Value 1'
-            },
-            {
-                key: 'Key 2',
-                value: 'Value 2'
-            }
-        ],
-        inputProps: {
-            name: 'input 1',
-            label: 'Label',
-            handleChange: function (e) {
-                console.log(e);
-            },
-            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' }) })) })))
-        },
-        onClick: function (e) {
-            console.log(e);
-        }
-    },
-    {
-        value: 2,
-        title: 'Card Select 2',
-        icon: {
-            Component: IconQuestion
-        },
-        chips: [
-            {
-                text: 'Chip 1',
-                color: 'success',
-                type: 'filled'
-            },
-            {
-                text: 'Chip 2',
-                color: 'warning',
-                type: 'filled'
-            }
-        ],
-        description: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's " +
-            'standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. ',
-        disabled: false,
-        additionalInfo: [
-            {
-                key: 'Key 1',
-                value: 'Value 1'
-            },
-            {
-                key: 'Key 2',
-                value: 'Value 2'
-            }
-        ],
-        inputProps: {
-            label: 'Label',
-            name: 'input 2',
-            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' }) })) })))
-        }
-    }
-];
-var Template = function (args) {
-    return (_jsx("div", __assign({ style: { width: '50%' } }, { children: _jsx(_CardSelect, __assign({}, args)) })));
-};
-export var CardSelect = Template.bind({});
-CardSelect.args = {
-    type: CARD_SELECT_TYPES.card,
-    illustration: imageFile,
-    icon: {
-        Component: IconQuestion
-    },
-    title: 'Card Select',
-    chips: [
-        {
-            text: 'Chip 1',
-            color: 'success',
-            type: 'filled'
-        },
-        {
-            text: 'Chip 2',
-            color: 'warning',
-            type: 'filled'
-        }
-    ],
-    description: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's " +
-        'standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. ',
-    disabled: false,
-    value: undefined,
-    additionalInfo: [
-        {
-            key: 'Key 1',
-            value: 'Value 1'
-        },
-        {
-            key: 'Key 2',
-            value: 'Value 2'
-        }
-    ]
-};
-var CardSelectGroupTemplate = function (args) {
-    var _a = useState(1), selected = _a[0], setSelected = _a[1];
-    return (_jsx("div", __assign({ style: { width: '50%' } }, { children: _jsx(_CardSelectGroup, __assign({}, args, { cards: CARDS, value: selected, handleChange: setSelected })) })));
-};
-export var CardSelectGroup = CardSelectGroupTemplate.bind({});

package/stories/Cards.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, jsxs as _jsxs } from "react/jsx-runtime";
-import { CardItem as _TCardItem, IconDelete, IconEdit, IconInfo, IconPerson } from '../index';
-import imageFile1 from '../assets/images/ArCa.svg';
-import { Button } from '../components/Button';
-export default {
-    title: 'Cards',
-    component: _TCardItem
-};
-var Template = function (args) {
-    return _jsx(_TCardItem, __assign({}, args));
-};
-export var Cards = Template.bind({});
-Cards.args = {
-    image: imageFile1,
-    icon: {
-        Component: IconPerson
-    },
-    title: 'Michael Jordan',
-    subtitleProps: {
-        subtitle: 'Michael Jordan',
-        iconProps: {
-            Component: IconInfo
-        }
-    },
-    children: (_jsxs("div", __assign({ className: 'flexbox' }, { children: [_jsx(Button, { type: 'tertiary', size: 'medium', iconProps: { Component: IconDelete } }), _jsx(Button, { type: 'tertiary', size: 'medium', iconProps: { Component: IconEdit }, className: 'ml-12' })] }))),
-    disabled: false
-};

package/stories/Checkbox.stories.js

@@ -1,39 +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 { Checkbox as _Checkbox } from '../index';
-export default {
-    title: 'Checkbox',
-    component: _Checkbox,
-    argTypes: {}
-};
-var Template = function (args) {
-    var _a = useState(false), isChecked = _a[0], setIsChecked = _a[1];
-    return (_jsx(_Checkbox, __assign({}, args, { selectedValue: isChecked, onClick: setIsChecked, popoverAddons: {
-            id: 'some-id',
-            text: 'hello-popover',
-            dataId: 'test'
-        } })));
-};
-export var Checkbox = Template.bind({});
-Checkbox.args = {
-    dataId: 'id',
-    disabled: false,
-    required: false,
-    isInvalid: false,
-    label: 'Label for checkbox',
-    link: '/about',
-    beforeLink: 'das',
-    afterLink: 'after-link',
-    helperText: 'helper text'
-};

package/stories/Chips.stories.js

@@ -1,45 +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 { Chips as _Chips } from '../components/Chips';
-import IconPerson from '../components/SVGIcons/IconPerson';
-export default {
-    title: 'Chips',
-    component: _Chips,
-    argTypes: {
-        type: {
-            options: ['filled', 'accent', 'outlined'],
-            control: { type: 'radio' }
-        },
-        color: {
-            options: ['primary', 'brand', 'danger', 'warning', 'success', 'information', 'discovery'],
-            control: { type: 'radio' }
-        },
-        size: {
-            options: ['large', 'medium', 'small', 'xsmall'],
-            control: { type: 'radio' }
-        }
-    }
-};
-var Template = function (args) { return _jsx(_Chips, __assign({}, args)); };
-export var Chips = Template.bind({});
-Chips.args = {
-    type: 'filled',
-    color: 'primary',
-    size: 'large',
-    text: 'Badge',
-    leftIconProps: {
-        Component: IconPerson
-    },
-    disabled: false,
-    withAction: false
-};

package/stories/Collapse.stories.js

@@ -1,56 +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 { CollapseItem as _CollapseItem, CollapseGroup as _CollapseGroup } from '../index';
-export default {
-    title: 'Collapse',
-    component: _CollapseItem,
-    argTypes: {}
-};
-var Template = function (args) {
-    var _a = useState(false), isOpen = _a[0], setIsOpen = _a[1];
-    var open = function () { return setIsOpen(true); };
-    var close = function () { return setIsOpen(false); };
-    return (_jsx(_CollapseItem, __assign({}, args, { reverse: true, title: { text: args.textTitle }, isOpen: isOpen, toggle: isOpen ? close : open, additionalInfo: _jsx("div", { children: "COMPONENT" }) }, { children: _jsx("div", { children: "My Accordion content" }) })));
-};
-export var CollapseItem = Template.bind({});
-CollapseItem.args = {
-    textTitle: 'Collapse'
-};
-var CollapseItems = [
-    {
-        title: 'collapse1',
-        value: 1,
-        content: _jsx("div", { children: "collapse1 content" }),
-        isOpen: true,
-        id: 1
-    },
-    {
-        title: 'collapse2',
-        value: 2,
-        content: _jsx("div", __assign({ style: { height: 100 } }, { children: "collapse2 content" })),
-        isOpen: false
-    },
-    {
-        title: 'collapse3',
-        value: 3,
-        content: _jsx("div", __assign({ style: { height: 200 } }, { children: "collapse3 content" })),
-        isOpen: true,
-        id: 3
-    }
-];
-var Template1 = function (args) {
-    return _jsx(_CollapseGroup, __assign({}, args, { items: CollapseItems, titleColor: "selected" }));
-};
-export var CollapseGroup = Template1.bind({});
-CollapseGroup.args = {};

package/stories/Container.stories.js

@@ -1,25 +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 { Text, Container as _Container, Button } from '../index';
-import { noop } from '../utils/helpers';
-export default {
-    title: 'Container',
-    component: _Container
-};
-var Template = function () {
-    var helperStyles = {
-        marginTop: '10px'
-    };
-    return (_jsx("div", { children: _jsx(_Container, { children: _jsxs("div", { children: [_jsx(Text, { size: "small" }), _jsx("div", __assign({ style: helperStyles }, { children: _jsx(Button, { buttonText: "Next", onClick: noop, type: "primary" }) }))] }) }) }));
-};
-export var Container = Template.bind({});

package/stories/Copy.stories.js

@@ -1,23 +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 { Copy as _Copy } from '../index';
-export default {
-    title: 'Copy',
-    component: _Copy,
-    argTypes: {}
-};
-var Template = function (args) { return _jsx(_Copy, __assign({}, args)); };
-export var Copy = Template.bind({});
-Copy.args = {
-    textAfterCopy: 'Copied'
-};

package/stories/Counter.stories.js

@@ -1,32 +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 { Counter as _Counter } from '../index';
-export default {
-    title: 'Counter',
-    component: _Counter
-};
-var Template = function (args) {
-    var _a = useState(6), count = _a[0], setCount = _a[1];
-    var onChange = function (count) {
-        setCount(count);
-    };
-    return _jsx(_Counter, __assign({}, args, { handleChange: onChange, counter: count, dataId: 'counter' }));
-};
-export var Counter = Template.bind({});
-Counter.args = {
-    max: 999,
-    min: 5,
-    label: 'Counter label',
-    customError: ''
-};

package/stories/DatePicker.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 { SimpleDatePicker as _SimpleDatePicker, TimePicker as _TimePicker, RangeDatePicker as _RangeDatePicker } from '../index';
-export default {
-    title: 'DatePicker',
-    component: _RangeDatePicker,
-    argTypes: {
-        dayjsLocale: { control: 'radio', options: ['en', 'ru', 'hy-am'] }
-    }
-};
-var CURRENT_YEAR = new Date().getFullYear();
-var getAllLastDays = function () {
-    var arr = [];
-    for (var month = 0; month <= 12; month++) {
-        var lastDayDate = new Date(CURRENT_YEAR, month + 1, 0);
-        var lastDayOfMonth = lastDayDate.getDate();
-        for (var day = 25; day <= lastDayOfMonth; day++) {
-            arr.push(new Date(CURRENT_YEAR, month, day));
-        }
-    }
-    return [new Date('2025-01-14T00:00:00')];
-};
-export var isWeekend = function (date) {
-    return date.getDay() === 6 || date.getDay() === 0; // 6 is Saturday, 0 is Sunday
-};
-export var isSameDay = function (date1, date2) {
-    var day1 = date1.getDate();
-    var month1 = date1.getMonth();
-    var year1 = date1.getFullYear();
-    var day2 = date2.getDate();
-    var month2 = date2.getMonth();
-    var year2 = date2.getFullYear();
-    return day1 === day2 && month1 === month2 && year1 === year2;
-};
-export var isWeekday = function (date, publicHolidays) {
-    // Return true if the day is not Saturday or Sunday or Public holiday
-    return !isWeekend(date) && !publicHolidays.some(function (holiday) { return isSameDay(new Date(holiday), date); });
-};
-var publicHolidays = ['2025-01-14T00:00:00'];
-var SimplePicker = function (args) {
-    var _a = useState(undefined), value = _a[0], setValue = _a[1];
-    return (_jsx("div", __assign({ style: { width: 300 } }, { children: _jsx(_SimpleDatePicker, __assign({}, args, { value: value, minDate: new Date(), label: 'Simple Date Picker', modalOptions: {
-                title: 'Select date'
-            }, changeHandler: setValue, format: "DD", 
-            // label="ddd"
-            placeholderText: "Select date", size: "small", 
-            // excludeDates={getAllLastDays()}
-            // minDate={new Date(new Date().setDate(new Date().getDate() + 15))}
-            // maxDate={new Date(new Date().setDate(new Date().getDate() + 60))}
-            filterDate: function (date) { return isWeekday(date, publicHolidays); } })) })));
-};
-export var SimpleDatePicker = SimplePicker.bind({});
-var TimeDatePicker = function () {
-    var _a = useState(new Date()), value1 = _a[0], setValue1 = _a[1];
-    // const [value2, setValue2] = useState<Date>(new Date())
-    // const filterPassedTime = (time) => {
-    //   // const currentDate = value1
-    //   const selectedDate = new Date(time)
-    //   return value1.getTime() < selectedDate.getTime()
-    // }
-    return (_jsx("div", __assign({ style: { width: 300 } }, { children: _jsx(_TimePicker, { value: value1, changeHandler: setValue1, timeIntervals: 60, format: 'HH:mm', label: "time", modalOptions: { title: 'Select time', btnConfirmText: 'Apply' } }) })));
-};
-export var TimePicker = TimeDatePicker.bind({});
-var RangePicker = function (args) {
-    var _a = useState([new Date(), new Date()]), value = _a[0], setValue = _a[1];
-    return (_jsx("div", __assign({ style: { width: 300 } }, { children: _jsx(_RangeDatePicker, __assign({}, args, { value: value, changeHandler: setValue, locale: 'en', label: 'Range Label', modalOptions: { title: 'Select date', btnConfirmText: 'Apply', btnCancelText: 'Cancel' }, filterDate: function (date) { return date.getDay() !== 0 && date.getDay() !== 6; } })) })));
-};
-export var RangeDatePicker = RangePicker.bind({});
-RangeDatePicker.args = {
-    label: 'Range Date Picker',
-    format: 'DD/MM/YYYY'
-};

package/stories/Divider.stories.js

@@ -1,31 +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 { Divider as _Divider } from '../index';
-export default {
-    title: 'Divider',
-    component: _Divider,
-    argTypes: {
-        type: {
-            options: ['primary', 'secondary'],
-            control: { type: 'radio' }
-        }
-    }
-};
-var Template = function (args) {
-    return (_jsx("div", __assign({ style: { height: '300px', width: '300px' } }, { children: _jsx(_Divider, __assign({}, args)) })));
-};
-export var Divider = Template.bind({});
-Divider.args = {
-    type: 'primary',
-    isHorizontal: true
-};

package/stories/Empty.stories.js

@@ -1,39 +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 { Empty as _Empty } from '../index';
-import IconAdd from '../components/SVGIcons/IconAdd';
-export default {
-    title: 'Empty',
-    component: _Empty,
-    argTypes: {
-        size: {
-            options: ['large', 'small'],
-            control: { type: 'radio' }
-        }
-    }
-};
-var Template = function (args) {
-    return _jsx(_Empty, __assign({}, args));
-};
-export var Empty = Template.bind({});
-Empty.args = {
-    size: 'large',
-    mainMessage: "Sorry, we couldn't find any results",
-    paragraphMessage: 'Paragraph text comes here',
-    buttonProps: {
-        buttonText: 'Button',
-        iconProps: {
-            Component: IconAdd
-        }
-    }
-};

package/stories/FileUpload.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";
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-nocheck
-import { useState } from 'react';
-import { DnDFileUpload as _DnDFileUpload, FileUpload as _FileUpload } from '../components/FileUpload';
-import IconInfo from '../components/SVGIcons/IconInfo';
-import { FileTypeEnum } from '../type';
-export default {
-    title: 'FileUpload',
-    component: _FileUpload
-};
-var Template = function (args) {
-    var _a = useState([]), files = _a[0], setFiles = _a[1];
-    var getFiles = function (_files) {
-        if (_files && _files.length) {
-            setFiles(_files);
-        }
-    };
-    return (_jsx("div", __assign({ style: { width: 400 } }, { children: _jsx(_FileUpload, __assign({}, args, { getFiles: getFiles, fileAllowedSize: 9000000, uploadedFiles: files, onError: function (type) { return console.log('type', type); } })) })));
-};
-export var FileUpload = Template.bind({});
-FileUpload.args = {
-    label: 'Label',
-    buttonText: 'Attach file',
-    isFileUploaded: false,
-    labelAddons: _jsx(IconInfo, { size: 'xsmall', type: 'information', className: 'ml-4' })
-};
-var Template2 = function (args) {
-    var _a = useState([]), files = _a[0], setFiles = _a[1];
-    return (_jsx("div", __assign({ style: { width: 800 } }, { children: _jsx(_DnDFileUpload, __assign({}, args, { setFiles: setFiles, selectedFiles: files, accept: [FileTypeEnum.PDF] })) })));
-};
-export var DragAndDropFileUpload = Template2.bind({});
-DragAndDropFileUpload.args = {};