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

package/stories/Pagination.stories.js

@@ -1,46 +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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Pagination as _Pagination } from '../index';
-export default {
-    title: 'Pagination',
-    component: _Pagination,
-    argTypes: {
-        size: {
-            options: ['large', 'medium', 'small'],
-            control: { type: 'radio' }
-        }
-    }
-};
-var Template = function (_a) {
-    var pageSize = _a.pageSize, args = __rest(_a, ["pageSize"]);
-    return (_jsx(_Pagination, __assign({ pageSize: 10 }, args, { handleChangePage: function (item) {
-            console.log(item);
-        }, totalCount: 286, classname: "" })));
-};
-export var Pagination = Template.bind({});
-// @ts-ignore
-Pagination.args = {
-    size: 'large',
-    totalCount: 100
-};

package/stories/Popover.stories.js

@@ -1,50 +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 as _Popover } from '../index';
-export default {
-    title: 'Popover',
-    component: _Popover,
-    argTypes: {
-        position: {
-            options: [
-                'top-left',
-                'top-center',
-                'top-right',
-                'bottom-left',
-                'bottom-center',
-                'bottom-right',
-                'middle-left',
-                'middle-right'
-            ],
-            control: { type: 'radio' }
-        }
-    }
-};
-var Template = function (args) {
-    return (_jsxs(_Fragment, { children: [_jsx(_Popover, __assign({}, args, { id: "popover_test" })), _jsx("div", __assign({ style: {
-                    position: 'absolute',
-                    left: 300,
-                    top: 300,
-                    width: 100,
-                    height: 500,
-                    background: 'red'
-                } }, { children: _jsx("div", __assign({ id: "popover_test" }, { children: " Click on me" })) }))] }));
-};
-export var Popover = Template.bind({});
-Popover.args = {
-    linkAddons: {
-        url: 'dasdsa',
-        beforeLink: 'Lorem ipsum dolor sit amet.A sunt assumenda id quos sequi qui eius nulla. Est saepe dolorem qui nemo enim id velit voluptas.EstLorem ipsum dolor sit amet'
-    },
-    text: 'saepe dolorem qui nemo enim id velit voluptas.Est saepe dolorem qui nemo enim id velit voluptas.Est saepe dolorem.'
-};

package/stories/Progress.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 { Progress as _Progress } from '../index';
-export default {
-    title: 'Progress',
-    component: _Progress,
-    argTypes: {
-        type: {
-            options: ['linear', 'circle'],
-            control: { type: 'radio' }
-        },
-        size: {
-            options: ['large', 'small'],
-            control: { type: 'radio' }
-        }
-    }
-};
-var Template = function (args) {
-    return _jsx(_Progress, __assign({}, args));
-};
-export var Progress = Template.bind({});
-Progress.args = {
-    type: 'linear',
-    size: 'large',
-    percent: 30,
-    noText: false,
-    dimension: 0,
-    loop: false
-};

package/stories/ProgressStep.stories.js

@@ -1,74 +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 { Button, ProgressStep as _ProgressStep } from '../index';
-import { PROGRESS_STATUSES } from '../components/ProgressStep/consts';
-var STEPS = [
-    {
-        value: 1,
-        label: 'label1 label1 label1 label1',
-        subText: 'Subtext1',
-        status: PROGRESS_STATUSES.initial
-    },
-    {
-        value: 2,
-        label: 'label2',
-        subText: 'Subtext2',
-        status: PROGRESS_STATUSES.initial
-    },
-    {
-        value: 3,
-        label: 'label3',
-        subText: 'Subtext3',
-        status: PROGRESS_STATUSES.initial
-    }
-];
-export default {
-    title: 'ProgressStep',
-    component: _ProgressStep,
-    argTypes: {
-        stepType: {
-            options: ['number', 'dot'],
-            control: { type: 'radio' }
-        },
-        stepDirection: {
-            options: ['horizontal', 'vertical'],
-            control: { type: 'radio' }
-        },
-        stepSize: {
-            options: ['large', 'small'],
-            control: { type: 'radio' }
-        }
-    }
-};
-var Template = function (args) {
-    var _a = useState(1), activeStep = _a[0], setActiveStep = _a[1];
-    var _b = useState(STEPS), steps = _b[0], setSteps = _b[1];
-    var changeStep = function (stepValue) {
-        setActiveStep(stepValue);
-        var modified = steps.map(function (stepItem) {
-            if (stepItem.value === activeStep) {
-                return __assign(__assign({}, stepItem), { status: PROGRESS_STATUSES.completed });
-            }
-            return stepItem;
-        });
-        setSteps(modified);
-    };
-    return (_jsxs("div", __assign({ style: { width: 500 } }, { children: [_jsx(_ProgressStep, __assign({}, args, { steps: steps, activeStep: activeStep, setActiveStep: changeStep })), _jsxs("div", __assign({ className: "mt-40" }, { children: [_jsx(Button, { buttonText: 'back', type: "secondary", className: "mr-8" }), _jsx(Button, { buttonText: 'next', type: "primary", onClick: function () { return changeStep(2); } })] }))] })));
-};
-export var ProgressStep = Template.bind({});
-ProgressStep.args = {
-    stepType: 'number',
-    stepDirection: 'horizontal',
-    stepSize: 'large'
-};

package/stories/Radio.stories.js

@@ -1,60 +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 { Radio as _Radio, RadioGroup as _RadioGroup } from '../index';
-import IconInfo from '../components/SVGIcons/IconInfo';
-var RADIO_OPTIONS = [
-    {
-        label: 'Text1',
-        helperText: 'Label for radio',
-        value: 1
-    },
-    {
-        label: 'Text2',
-        helperText: 'Label for radio',
-        value: 2
-    },
-    {
-        label: 'Text3',
-        value: 3
-    }
-];
-export default {
-    title: 'Radio',
-    component: _Radio,
-    argTypes: {}
-};
-var Template = function (args) {
-    var _a = useState(false), isChecked = _a[0], setIsChecked = _a[1];
-    return _jsx(_Radio, __assign({}, args, { isSelected: isChecked, onClick: setIsChecked }));
-};
-export var Radio = Template.bind({});
-Radio.args = {
-    disabled: false,
-    label: 'Label for radio',
-    helperText: 'Label for radio'
-};
-var RadioGroupTemplate = function (args) {
-    var _a = useState(RADIO_OPTIONS[0].value), selected = _a[0], setSelected = _a[1];
-    return _jsx(_RadioGroup, __assign({}, args, { selected: selected, handleChange: setSelected }));
-};
-export var RadioGroup = RadioGroupTemplate.bind({});
-RadioGroup.args = {
-    options: RADIO_OPTIONS,
-    isHorizontal: false,
-    label: 'Label',
-    disabled: false,
-    required: false,
-    name: 'option',
-    labelAddons: _jsx(IconInfo, { size: 'xsmall', type: 'information', className: 'ml-4' })
-};

package/stories/SVGIcons.stories.js

@@ -1,67 +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 } from '../components/Text';
-import * as Icons from '../components/SVGIcons';
-export default {
-    title: 'SVG Icons',
-    component: null,
-    argTypes: {
-        size: {
-            options: ['xxlarge', 'xlarge', 'large', 'medium', 'small', 'xsmall', 'xxsmall'],
-            control: { type: 'select' }
-        },
-        type: {
-            options: [
-                'primary',
-                'secondary',
-                'tertiary',
-                'disabled',
-                'inverse',
-                'selected',
-                'brand',
-                'danger',
-                'warning',
-                'success',
-                'information',
-                'discovery'
-            ],
-            control: { type: 'select' }
-        },
-        filled: {
-            options: ['false', 'true'],
-            control: { type: 'select' }
-        }
-    }
-};
-var Template = function (args) {
-    return (_jsx("div", __assign({ style: { display: 'flex', flexWrap: 'wrap', justifyContent: 'flex-start' } }, { children: Object.values(Icons)
-            .filter(function (Component) {
-            var isFilledIncluded = Component.name.toLowerCase().includes('filled');
-            return args.filled === 'true' ? isFilledIncluded : !isFilledIncluded;
-        })
-            .map(function (Component, index) { return (_jsxs("div", __assign({ style: {
-                display: 'flex',
-                flexDirection: 'column',
-                alignItems: 'center',
-                margin: '10px'
-            } }, { children: [_jsx(Component, __assign({}, args)), _jsx(Text, __assign({ className: "mt-8" }, { children: Component.name
-                        .replace(/^Icon([A-Z])/g, '$1')
-                        .replace(/([a-z])([A-Z])/g, '$1-$2')
-                        .toLowerCase() }))] }), index)); }) })));
-};
-export var SVGIcons = Template.bind({});
-SVGIcons.args = {
-    size: 'medium',
-    type: 'primary',
-    filled: 'false'
-};