@orfium/ictinus 4.86.0-next.0 → 4.86.0-next.1

package/dist/src/components/TableV4/TableV4.stories.js

@@ -1,736 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import TableV4 from './TableV4';
-import TableFilterShowcase from '../storyUtils/TableFilterShowcase';
-import { FIGMA_URL } from 'utils/common';
-export default {
-    title: 'Original Components/TableV4',
-    component: TableV4,
-    parameters: {
-        design: [
-            {
-                type: 'figma',
-                name: 'Table Cell',
-                url: `${FIGMA_URL}?node-id=10283%3A104367`,
-            },
-            {
-                type: 'figma',
-                name: 'Table Header',
-                url: `${FIGMA_URL}?node-id=10283%3A104369`,
-            },
-            {
-                type: 'figma',
-                name: 'Table Title',
-                url: `${FIGMA_URL}?node-id=10283%3A104366`,
-            },
-            {
-                type: 'figma',
-                name: 'Documentation: Examples',
-                url: `${FIGMA_URL}?node-id=921%3A155`,
-            },
-            {
-                type: 'figma',
-                name: 'Documentation: Sorting',
-                url: `${FIGMA_URL}?node-id=7428%3A117692`,
-            },
-            {
-                type: 'figma',
-                name: 'Documentation: Spacing Row Rules',
-                url: `${FIGMA_URL}?node-id=7848%3A131938`,
-            },
-        ],
-        controls: { disable: true },
-    },
-};
-export const RegularTableWithSimpleRows = {
-    render: () => (_jsx(TableV4, { columns: ['Title', 'Name', 'Surname', 'Age', 'Sauron Age'], dataTestIdPrefix: "ictinus", isPadded: true, topLeftText: 'topLeftText', topRightArea: () => (_jsx("div", { children: _jsx("div", { children: "top right section" }) })), data: [
-            {
-                id: 1,
-                cells: [
-                    {
-                        content: 'title',
-                    },
-                    {
-                        content: 'firstname',
-                    },
-                    {
-                        content: 'lastname',
-                    },
-                    {
-                        content: 42,
-                    },
-                    {
-                        content: '4.2M',
-                        align: 'right',
-                    },
-                ],
-            },
-            {
-                id: 2,
-                cells: [
-                    {
-                        content: 'title',
-                    },
-                    {
-                        content: 'firstname',
-                    },
-                    {
-                        content: 'lastname',
-                    },
-                    {
-                        content: 42,
-                    },
-                    {
-                        content: '4.2M',
-                        align: 'right',
-                    },
-                ],
-            },
-            {
-                id: 3,
-                cells: [
-                    {
-                        content: 'title',
-                    },
-                    {
-                        content: 'firstname',
-                    },
-                    {
-                        content: 'lastname',
-                    },
-                    {
-                        content: 42,
-                    },
-                    {
-                        content: '4.2M',
-                        align: 'right',
-                    },
-                ],
-            },
-            {
-                id: 4,
-                cells: [
-                    {
-                        content: 'title',
-                    },
-                    {
-                        content: 'firstname',
-                    },
-                    {
-                        content: 'lastname',
-                    },
-                    {
-                        content: 42,
-                    },
-                    {
-                        content: '4.2M',
-                        align: 'right',
-                    },
-                ],
-            },
-            {
-                id: 5,
-                cells: [
-                    {
-                        content: 'title',
-                    },
-                    {
-                        content: 'firstname',
-                    },
-                    {
-                        content: 'lastname',
-                    },
-                    {
-                        content: 42,
-                    },
-                    {
-                        content: '4.2M',
-                        align: 'right',
-                    },
-                ],
-            },
-            {
-                id: 6,
-                cells: [
-                    {
-                        content: 'title',
-                    },
-                    {
-                        content: 'firstname',
-                    },
-                    {
-                        content: 'lastname',
-                    },
-                    {
-                        content: 42,
-                    },
-                    {
-                        content: '4.2M',
-                        align: 'right',
-                    },
-                ],
-            },
-            {
-                id: 7,
-                cells: [
-                    {
-                        content: 'title',
-                    },
-                    {
-                        content: 'firstname',
-                    },
-                    {
-                        content: 'lastname',
-                    },
-                    {
-                        content: 42,
-                    },
-                    {
-                        content: '4.2M',
-                        align: 'right',
-                    },
-                ],
-            },
-            {
-                id: 8,
-                cells: [
-                    {
-                        content: 'title',
-                    },
-                    {
-                        content: 'firstname',
-                    },
-                    {
-                        content: 'lastname',
-                    },
-                    {
-                        content: 42,
-                    },
-                    {
-                        content: '4.2M',
-                        align: 'right',
-                    },
-                ],
-            },
-        ] })),
-    name: 'Regular Table with simple rows',
-};
-export const RegularTableWithSortingAndTooltips = {
-    render: () => (_jsx(TableV4, { columns: [
-            {
-                content: {
-                    label: 'Title',
-                    sortingKey: 'title',
-                },
-                isSortable: true,
-                tooltip: {
-                    content: 'Tooltip Content',
-                    placement: 'bottom',
-                },
-            },
-            'Name',
-            {
-                content: {
-                    label: 'Surname',
-                    sortingKey: 'surname',
-                },
-                tooltip: {
-                    content: 'Tooltip Content',
-                },
-            },
-            {
-                content: {
-                    label: 'Age',
-                    sortingKey: 'age',
-                },
-                isSortable: true,
-                tooltip: {
-                    content: 'Tooltip Content',
-                    placement: 'right',
-                },
-            },
-        ], dataTestIdPrefix: "ictinus", onSort: (column, order) => console.log(column, order), initialSort: {
-            column: 'title',
-            order: 'asc',
-        }, isPadded: true, data: [
-            {
-                id: 1,
-                cells: [
-                    {
-                        content: 'title',
-                    },
-                    {
-                        content: 'firstname',
-                    },
-                    {
-                        content: 'lastname',
-                    },
-                    {
-                        content: 4.221,
-                    },
-                ],
-            },
-            {
-                id: 2,
-                cells: [
-                    {
-                        content: 'title',
-                    },
-                    {
-                        content: 'firstname',
-                    },
-                    {
-                        content: 'lastname',
-                    },
-                    {
-                        content: 4.221,
-                    },
-                ],
-            },
-            {
-                id: 3,
-                cells: [
-                    {
-                        content: 'title',
-                    },
-                    {
-                        content: 'firstname',
-                    },
-                    {
-                        content: 'lastname',
-                    },
-                    {
-                        content: 4.221,
-                    },
-                ],
-            },
-            {
-                id: 4,
-                cells: [
-                    {
-                        content: 'title',
-                    },
-                    {
-                        content: 'firstname',
-                    },
-                    {
-                        content: 'lastname',
-                    },
-                    {
-                        content: 4.221,
-                    },
-                ],
-            },
-            {
-                id: 5,
-                cells: [
-                    {
-                        content: 'title',
-                    },
-                    {
-                        content: 'firstname',
-                    },
-                    {
-                        content: 'lastname',
-                    },
-                    {
-                        content: 4.221,
-                    },
-                ],
-            },
-            {
-                id: 6,
-                cells: [
-                    {
-                        content: 'title',
-                    },
-                    {
-                        content: 'firstname',
-                    },
-                    {
-                        content: 'lastname',
-                    },
-                    {
-                        content: 4.221,
-                    },
-                ],
-            },
-            {
-                id: 7,
-                cells: [
-                    {
-                        content: 'title',
-                    },
-                    {
-                        content: 'firstname',
-                    },
-                    {
-                        content: 'lastname',
-                    },
-                    {
-                        content: 4.221,
-                    },
-                ],
-            },
-            {
-                id: 8,
-                cells: [
-                    {
-                        content: 'title',
-                    },
-                    {
-                        content: 'firstname',
-                    },
-                    {
-                        content: 'lastname',
-                    },
-                    {
-                        content: 4.221,
-                    },
-                ],
-            },
-        ] })),
-    name: 'Regular Table with sorting and tooltips',
-};
-export const TableWithExpandableRows = {
-    render: () => (_jsx(TableV4, { columns: ['Title', 'Name', 'Surname', 'Age'], type: 'normal', isPadded: true, hasFixedHeader: true, hasFixedCTA: true, onCheck: (g) => console.log('on table change: ', g), topLeftText: 'topLeftText', topRightArea: () => (_jsx("div", { children: _jsx("div", { children: "top right section" }) })), 
-        // @ts-ignore
-        data: new Array(50).fill(null).map((item, index) => ({
-            id: index + 1,
-            cells: [
-                {
-                    content: (_jsx("a", { href: "www.youtube.com", onClick: (e) => e.stopPropagation(), children: "'title'" })),
-                },
-                {
-                    content: 'firstname',
-                },
-                {
-                    content: 'lastname',
-                },
-                {
-                    content: 4.221,
-                },
-            ],
-            expanded: () => _jsx("div", { children: "Hey i am an expandable content" }),
-        })), actionWidth: 3 })),
-    name: 'Table with expandable rows',
-};
-export const TableWithExpandableRowsExpandedOnPageLoad = {
-    render: () => (_jsx(TableV4, { columns: ['Title', 'Name', 'Surname', 'Age'], padded: true, fixedHeader: true, fixedCTA: true, onCheck: (g) => console.log('on table change: ', g), topLeftText: 'topLeftText', topRightArea: () => (_jsx("div", { children: _jsx("div", { children: "top right section" }) })), 
-        // @ts-ignore
-        data: new Array(50).fill(null).map((item, index) => ({
-            id: index + 1,
-            cells: [
-                {
-                    content: (_jsx("a", { href: "www.youtube.com", onClick: (e) => e.stopPropagation(), children: "'title'" })),
-                },
-                {
-                    content: 'firstname',
-                },
-                {
-                    content: 'lastname',
-                },
-                {
-                    content: 4.221,
-                },
-            ],
-            expanded: () => _jsx("div", { children: "Hey i am an expandable content" }),
-        })), actionWidth: 3, isInitiallyExpanded: true })),
-    name: 'Table with Expandable Rows - Expanded on Page Load',
-};
-export const FinancialTable = {
-    render: () => (_jsx(TableV4, { columns: ['Title', 'Name', 'Surname', 'Age'], onCheck: console.log, isPadded: true, topLeftText: 'topLeftText', topRightArea: () => (_jsx("div", { children: _jsx("div", { children: "top right section" }) })), data: [
-            {
-                id: 1,
-                cells: [
-                    {
-                        content: 'title',
-                    },
-                    {
-                        content: 'firstname',
-                    },
-                    {
-                        type: 'financial',
-                        content: 'lastname',
-                    },
-                    {
-                        type: 'financial',
-                        content: 4.221,
-                    },
-                ],
-            },
-            {
-                id: 2,
-                cells: [
-                    {
-                        content: 'title',
-                    },
-                    {
-                        content: 'firstname',
-                    },
-                    {
-                        type: 'financial',
-                        content: 'lastname',
-                    },
-                    {
-                        type: 'financial',
-                        content: 4.221,
-                    },
-                ],
-            },
-            {
-                id: 3,
-                cells: [
-                    {
-                        content: 'title',
-                    },
-                    {
-                        content: 'firstname',
-                    },
-                    {
-                        type: 'financial',
-                        content: 'lastname',
-                    },
-                    {
-                        type: 'financial',
-                        content: 4.221,
-                    },
-                ],
-            },
-            {
-                id: 4,
-                cells: [
-                    {
-                        content: 'title',
-                    },
-                    {
-                        colSpan: 2,
-                        content: 'Sum',
-                    },
-                    {
-                        type: 'financial',
-                        content: 4.221,
-                    },
-                ],
-            },
-        ] })),
-    name: 'Financial Table',
-};
-export const FixedHeaderTable = {
-    render: () => (_jsx(TableV4, { columns: ['Title', 'Name', 'Surname', 'Age'], onCheck: console.log, isPadded: true, hasFixedHeader: true, topLeftText: 'topLeftText', topRightArea: () => (_jsx("div", { children: _jsx("div", { children: "top right section" }) })), data: [
-            {
-                id: 1,
-                cells: [
-                    {
-                        content: 'title',
-                    },
-                    {
-                        content: 'firstname',
-                    },
-                    {
-                        content: 'lastname',
-                    },
-                    {
-                        content: 4.221,
-                    },
-                ],
-            },
-            {
-                id: 2,
-                cells: [
-                    {
-                        content: 'title',
-                    },
-                    {
-                        content: 'firstname',
-                    },
-                    {
-                        content: 'lastname',
-                    },
-                    {
-                        content: 4.221,
-                    },
-                ],
-            },
-            {
-                id: 3,
-                cells: [
-                    {
-                        content: 'title',
-                    },
-                    {
-                        content: 'firstname',
-                    },
-                    {
-                        content: 'lastname',
-                    },
-                    {
-                        content: 4.221,
-                    },
-                ],
-            },
-            {
-                id: 12,
-                cells: [
-                    {
-                        content: 'title',
-                    },
-                    {
-                        content: 'firstname',
-                    },
-                    {
-                        content: 'lastname',
-                    },
-                    {
-                        content: 4.221,
-                    },
-                ],
-            },
-            {
-                id: 13,
-                cells: [
-                    {
-                        content: 'title',
-                    },
-                    {
-                        content: 'firstname',
-                    },
-                    {
-                        content: 'lastname',
-                    },
-                    {
-                        content: 4.221,
-                    },
-                ],
-            },
-            {
-                id: 22,
-                cells: [
-                    {
-                        content: 'title',
-                    },
-                    {
-                        content: 'firstname',
-                    },
-                    {
-                        content: 'lastname',
-                    },
-                    {
-                        content: 4.221,
-                    },
-                ],
-            },
-            {
-                id: 23,
-                cells: [
-                    {
-                        content: 'title',
-                    },
-                    {
-                        content: 'firstname',
-                    },
-                    {
-                        content: 'lastname',
-                    },
-                    {
-                        content: 4.221,
-                    },
-                ],
-            },
-            {
-                id: 32,
-                cells: [
-                    {
-                        content: 'title',
-                    },
-                    {
-                        content: 'firstname',
-                    },
-                    {
-                        content: 'lastname',
-                    },
-                    {
-                        content: 4.221,
-                    },
-                ],
-            },
-            {
-                id: 33,
-                cells: [
-                    {
-                        content: 'title',
-                    },
-                    {
-                        content: 'firstname',
-                    },
-                    {
-                        content: 'lastname',
-                    },
-                    {
-                        content: 4.221,
-                    },
-                ],
-            },
-        ] })),
-    name: 'Fixed Header Table',
-};
-export const TableWithExpandableRowsAndSortDir = {
-    render: () => (_jsx(TableV4, { columns: [
-            {
-                content: {
-                    label: 'Title',
-                    sortingKey: 'title',
-                },
-                isSortable: true,
-                tooltip: {
-                    content: 'Tooltip Content',
-                    placement: 'bottom',
-                },
-            },
-            'Name',
-            {
-                content: {
-                    label: 'Surname',
-                    sortingKey: 'surname',
-                },
-                tooltip: {
-                    content: 'Tooltip Content',
-                },
-            },
-            {
-                content: {
-                    label: 'Age',
-                    sortingKey: 'age',
-                },
-                isSortable: true,
-                tooltip: {
-                    content: 'Tooltip Content',
-                    placement: 'right',
-                },
-            },
-        ], type: 'normal', isPadded: true, hasFixedHeader: true, onSort: console.log, hasFixedCTA: true, sortDir: 'desc', onCheck: (g) => console.log('on table change: ', g), topLeftText: 'topLeftText', topRightArea: () => (_jsx("div", { children: _jsx("div", { children: "top right section" }) })), 
-        // @ts-ignore
-        data: new Array(50).fill(null).map((item, index) => ({
-            id: index + 1,
-            cells: [
-                {
-                    content: (_jsx("a", { href: "www.youtube.com", onClick: (e) => e.stopPropagation(), children: "'title'" })),
-                },
-                {
-                    content: 'firstname',
-                },
-                {
-                    content: 'lastname',
-                },
-                {
-                    content: 4.221,
-                },
-            ],
-            expanded: () => _jsx("div", { children: "Hey i am an expandable content" }),
-        })), actionWidth: 3 })),
-    name: 'Table with expandable rows and sortDir',
-};
-export const TableWithFilteredDataForPerformance = {
-    render: () => _jsx(TableFilterShowcase, {}),
-    name: 'Table with filtered data for performance',
-};
-//# sourceMappingURL=TableV4.stories.js.map