@xaypay/tui 0.0.119 → 0.0.121

package/src/components/table/table.module.css

@@ -1,63 +0,0 @@
-.sorting-arrows::after {
-    content: "▲";
-    position: absolute;
-    right: 0px;
-    font-size: 11px;
-    top: calc(50% - 12px);
-}
-
-.sorting-arrows::before {
-    content: "▼";
-    position: absolute;
-    right: 0px;
-    font-size: 11px;
-    bottom: calc(50% - 12px);
-}
-
-.td-span {
-    position: relative;
-    display: inline-block;
-}
-
-.td-span > svg {
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    z-index: -1;
-}
-
-.list-text {
-    cursor: pointer;
-    white-space: wrap;
-    margin: 0px 0px 8px 0px;
-}
-
-.dots-option-item {
-    display: flex;
-    position: relative;
-    width: 100%;
-    height: 39px;
-    cursor: pointer;
-    padding: 10px;
-    margin-bottom: 2px;
-    box-sizing: border-box;
-}
-
-.dots-option-item::after {
-    content: '';
-    position: absolute;
-    top: calc(100% - 2px);
-    left: 10px;
-    height: 2px;
-    width: calc(100% - 20px);
-    background-color: #EEEEEE;
-    border-radius: 1px;
-    -webkit-border-radius: 1px;
-    -moz-border-radius: 1px;
-    -ms-border-radius: 1px;
-    -o-border-radius: 1px;
-}
-
-.dots-option-item:last-child::after {
-    display: none;
-}

package/src/components/table/table.stories.js

@@ -1,497 +0,0 @@
-import React from 'react'
-import { Table } from '.'
-
-import { ReactComponent as ReactSVGPlus } from './../../assets/plus.svg'
-import { ReactComponent as ReactSVGMinus } from './../../assets/minus.svg'
-import { ReactComponent as ReactSVGDelete } from './../../assets/delete.svg'
-import { ReactComponent as ReactSVGAttach } from './../../assets/attach.svg'
-import { ReactComponent as ReactSVGArrowUp } from './../../assets/up-arrow.svg'
-import { ReactComponent as ReactSVGArrowDown } from './../../assets/down-arrow.svg'
-import { ReactComponent as ReactSVG } from './../../assets/table-settings-icon.svg'
-
-import SvgDone from './../icon/Done'
-import SvgActive from './../icon/Active'
-import SvgReject from './../icon/Reject'
-import SvgCancel from './../icon/Cancel'
-import SvgDeActive from './../icon/DeActive'
-
-export default {
-    component: Table,
-    title: 'Components/Table',
-}
-
-const headerData = [
-    {
-        type: 'show',
-        content: 'Հ/Հ',
-        checkBox: {
-            checked: false,
-            checkedColor: 'orange',
-            unCheckedColor: 'orange',
-        },
-        sortingArrows: false,
-    },
-    {
-        type: 'show',
-        content: 'ՀՎՀՀ',
-        sortingArrows: true,
-    },
-    {
-        type: 'show',
-        content: 'Վարչ․շրջան',
-        sortingArrows: true,
-    },
-    {
-        type: 'show',
-        content: 'Վճար',
-        checkBox: {
-            checked: false,
-            checkedColor: 'orange',
-            unCheckedColor: 'orange',
-        },
-        sortingArrows: true,
-    },
-    {
-        type: 'show',
-        content: 'Ամսաթիվ',
-        sortingArrows: true,
-    },
-    {
-        type: 'show',
-        content: 'Մուտքի ամս․',
-        sortingArrows: true,
-    },
-    {
-        type: 'show',
-        content: 'Հավելյալ ինֆորմացիա',
-        sortingArrows: true,
-    },
-    {
-        type: 'show',
-        content: 'Ստեղծված',
-        sortingArrows: true,
-    },
-    {
-        type: 'show',
-        content: 'Գործողություն',
-        sortingArrows: true,
-    },
-    {
-        type: 'show',
-        content: 'Գործողություն 2',
-        sortingArrows: true,
-    },
-    {
-        type: 'show',
-        content: <ReactSVG />,
-        sortingArrows: false,
-    },
-]
-
-const bodyData = [
-    {
-        hh: {
-            id: 19854,
-            content: 19854,
-            checkBox: {
-                checked: false,
-                checkedColor: 'green',
-                unCheckedColor: 'green',
-            },
-            colorStatus: '#0DA574',
-        },
-        hvhh: {
-            content: 10195524,
-        },
-        shrjan: {
-            content: 'Շենգավիթ',
-        },
-        pay: {
-            id: 19854,
-            content: 7000,
-            checkBox: {
-                checked: false,
-                checkedColor: 'green',
-                unCheckedColor: 'green',
-            },
-        },
-        startDate: {
-            content: '27.05.2022',
-        },
-        enterDate: {
-            content: '27.05.2022',
-        },
-        info: {
-            status: 'close',
-            hideArrow: true, // prop for hide open close arrows
-            rightArrow: true, // prop for set arrow side, if true arrow go to right side, if false or if haven't this prop arrow go left ( by defult )
-            theSame: 'to open another list', // prop for open close another list item, IMPORTANT theSame prop in another list should be equal
-            openArrow: <ReactSVGArrowUp />,
-            closeArrow: <ReactSVGArrowDown />,
-            content: 'Այլ արտաքին գովազդի տեղադրելու վճար / ԱՁ',
-            contentList: [
-                { id: 0, content: 'new text for list' },
-                { id: 1, content: 'Lorem just => ipsum' },
-                { id: 2, content: 'Dolor sit => amet' },
-                { id: 3, content: 'text for => test' },
-            ],
-        },
-        create: {
-            content: '27.05.2022',
-        },
-        info2: {
-            status: 'close',
-            theSame: 'to open another list', // prop for open close another list item, IMPORTANT theSame prop in another list should be equal
-            content: ' - - ',
-            contentList: [
-                { id: 0, content: <ReactSVGPlus /> },
-                { id: 1, content: <ReactSVGPlus /> },
-                { id: 2, content: <ReactSVGPlus /> },
-                { id: 3, content: <ReactSVGPlus /> },
-            ],
-        },
-        actions: [
-            {
-                id: 19854,
-                type: 'attach',
-                content: <ReactSVGAttach />,
-            },
-            {
-                id: 19854,
-                type: 'plus',
-                content: <ReactSVGPlus />,
-            },
-        ],
-        more: {
-            dots: true,
-            dotsStatus: 'deActive',
-            activeIcon: <SvgActive />,
-            deActiveIcon: <SvgDeActive />,
-            options: [
-                {
-                    icon: <SvgReject />,
-                    content: 'Մերժել',
-                },
-                {
-                    icon: <SvgDone />,
-                    content: 'Հաստատել',
-                },
-                {
-                    icon: <SvgCancel />,
-                    content: 'Դադարեցնել',
-                },
-            ],
-        },
-    },
-    {
-        hh: {
-            id: 19954,
-            content: 19954,
-            checkBox: {
-                checked: false,
-                checkedColor: 'green',
-                unCheckedColor: 'green',
-            },
-            colorStatus: '#EE0000',
-        },
-        hvhh: {
-            content: 14595524,
-        },
-        shrjan: {
-            content: 'Կենտրոն',
-        },
-        pay: {
-            id: 19954,
-            content: 7840,
-            checkBox: {
-                checked: false,
-                checkedColor: 'green',
-                unCheckedColor: 'green',
-            },
-        },
-        startDate: {
-            content: '27.05.2022',
-        },
-        enterDate: {
-            content: '27.05.2022',
-        },
-        info: {
-            status: 'close',
-            theSame: 'to open just list',
-            openArrow: <ReactSVGArrowUp />,
-            closeArrow: <ReactSVGArrowDown />,
-            content: 'Այլ արտաքին գովազդի տեղադրելու վճար / ԱՁ',
-            contentList: [
-                { id: 0, content: 'ինչ որ նոր տեքստ ցանկի համար, պետք է ստուգել երկարությունը' },
-                { id: 1, content: 'Lorem just => ipsum' },
-                { id: 2, content: 'Dolor sit => amet' },
-                { id: 3, content: 'text for => test' },
-            ],
-        },
-        create: {
-            content: '27.05.2022',
-        },
-        info2: {
-            status: 'close',
-            theSame: 'to open just list',
-            content: ' - - ',
-            contentList: [
-                { id: 0, content: <ReactSVGPlus /> },
-                { id: 1, content: <ReactSVGPlus /> },
-                { id: 2, content: <ReactSVGPlus /> },
-                { id: 3, content: <ReactSVGPlus /> },
-            ],
-        },
-        actions: [
-            {
-                id: 19954,
-                type: 'minus',
-                content: <ReactSVGMinus />,
-            },
-            {
-                id: 19954,
-                type: 'delete',
-                content: <ReactSVGDelete />,
-            },
-        ],
-        more: {
-            dots: true,
-            dotsStatus: 'deActive',
-            activeIcon: <SvgActive />,
-            deActiveIcon: <SvgDeActive />,
-            options: [
-                {
-                    icon: <SvgReject />,
-                    content: 'Մերժել',
-                },
-                {
-                    icon: <SvgDone />,
-                    content: 'Հաստատել',
-                },
-                {
-                    icon: <SvgCancel />,
-                    content: 'Դադարեցնել',
-                },
-            ],
-        },
-    },
-    {
-        hh: {
-            id: 20037,
-            content: 20037,
-            checkBox: {
-                checked: false,
-                checkedColor: 'green',
-                unCheckedColor: 'green',
-            },
-            colorStatus: '#FECD29',
-        },
-        hvhh: {
-            content: 14595524,
-        },
-        shrjan: {
-            content: 'Շենգավիթ',
-        },
-        pay: {
-            id: 20037,
-            content: 6541,
-            checkBox: {
-                checked: false,
-                checkedColor: 'green',
-                unCheckedColor: 'green',
-            },
-        },
-        startDate: {
-            content: '27.05.2022',
-        },
-        enterDate: {
-            content: '27.05.2022',
-        },
-        info: {
-            status: 'close',
-            theSame: 'to open second list',
-            openArrow: <ReactSVGArrowUp />,
-            closeArrow: <ReactSVGArrowDown />,
-            content: 'Այլ արտաքին գովազդի տեղադրելու վճար / ԱՁ',
-            contentList: [
-                { id: 0, content: 'some text for list' },
-                { id: 1, content: 'Lorem just => ipsum' },
-                { id: 2, content: 'Dolor sit => amet' },
-                { id: 3, content: 'text for => test' },
-            ],
-        },
-        create: {
-            content: '27.05.2022',
-        },
-        info2: {
-            status: 'close',
-            theSame: 'to open second list',
-            content: ' - - ',
-            contentList: [
-                { id: 0, content: <ReactSVGPlus /> },
-                { id: 1, content: <ReactSVGPlus /> },
-                { id: 2, content: <ReactSVGPlus /> },
-                { id: 3, content: <ReactSVGPlus /> },
-            ],
-        },
-        actions: [
-            {
-                id: 20037,
-                type: 'attach',
-                content: <ReactSVGAttach />,
-            },
-            {
-                id: 20037,
-                type: 'plus',
-                content: <ReactSVGPlus />,
-            },
-        ],
-        more: {
-            dots: true,
-            dotsStatus: 'deActive',
-            activeIcon: <SvgActive />,
-            deActiveIcon: <SvgDeActive />,
-            options: [
-                {
-                    icon: <SvgReject />,
-                    content: 'Մերժել',
-                },
-                {
-                    icon: <SvgDone />,
-                    content: 'Հաստատել',
-                },
-                {
-                    icon: <SvgCancel />,
-                    content: 'Դադարեցնել',
-                },
-            ],
-        },
-    },
-    {
-        hh: {
-            id: 21031,
-            content: 21031,
-            checkBox: {
-                checked: false,
-                checkedColor: 'green',
-                unCheckedColor: 'green',
-            },
-            colorStatus: '#0DA574',
-        },
-        hvhh: {
-            content: 14595524,
-        },
-        shrjan: {
-            content: 'Կենտրոն',
-        },
-        pay: {
-            id: 21031,
-            content: 9845,
-            checkBox: {
-                checked: false,
-                disabled: true,
-                checkedColor: 'green',
-                unCheckedColor: 'green',
-            },
-        },
-        startDate: {
-            content: '27.05.2022',
-        },
-        enterDate: {
-            content: '27.05.2022',
-        },
-        info: {
-            status: 'close',
-            theSame: 'to open third list',
-            openArrow: <ReactSVGArrowUp />,
-            closeArrow: <ReactSVGArrowDown />,
-            content: 'Այլ արտաքին գովազդի տեղադրելու վճար / ԱՁ',
-            contentList: [
-                { id: 0, content: 'other one text for list' },
-                { id: 1, content: 'Lorem just => ipsum' },
-                { id: 2, content: 'Dolor sit => amet' },
-                { id: 3, content: 'text for => test' },
-            ],
-        },
-        create: [
-            [
-                {
-                    content: '21',
-                },
-            ],
-            [
-                {
-                    content: '13',
-                },
-            ],
-        ],
-        info2: {
-            status: 'close',
-            theSame: 'to open third list',
-            content: ' - - ',
-            contentList: [
-                { id: 0, content: <ReactSVGPlus /> },
-                { id: 1, content: <ReactSVGPlus /> },
-                { id: 2, content: <ReactSVGPlus /> },
-                { id: 3, content: <ReactSVGPlus /> },
-            ],
-        },
-        actions: [
-            [
-                {
-                    id: 21031,
-                    type: 'attach',
-                    content: <ReactSVGAttach />,
-                },
-                {
-                    id: 21031,
-                    type: 'plus',
-                    content: <ReactSVGPlus />,
-                },
-            ],
-            [
-                {
-                    id: 21031,
-                    type: 'minus',
-                    content: <ReactSVGMinus />,
-                },
-                {
-                    id: 21031,
-                    type: 'delete',
-                    content: <ReactSVGDelete />,
-                },
-            ],
-        ],
-        more: {
-            dots: true,
-            dotsStatus: 'deActive',
-            activeIcon: <SvgActive />,
-            deActiveIcon: <SvgDeActive />,
-            options: [
-                {
-                    icon: <SvgReject />,
-                    content: 'Մերժել',
-                },
-                {
-                    icon: <SvgDone />,
-                    content: 'Հաստատել',
-                },
-                {
-                    icon: <SvgCancel />,
-                    content: 'Դադարեցնել',
-                },
-            ],
-        },
-    },
-]
-
-const Template = (args) => {
-    const handleGetData = (tData) => {
-        console.log(tData, ' data from table click action, with getData props')
-    }
-
-    return <Table {...args} dataBody={bodyData} dataHeader={headerData} getData={handleGetData} />
-}
-
-export const Default = Template.bind({})
-Default.args = {}