@omniumretail/component-library 1.2.71 → 1.2.73

package/src/components/ResponsiveTable/ResponsiveTable.stories.tsx

@@ -1,386 +0,0 @@
-import { Meta, StoryFn } from "@storybook/react-vite";
-import { ResponsiveTable, ResponsiveTableCustomProps } from '.';
-import { useState } from "react";
-import { useTranslation } from "react-i18next";
-import { DownloadOutlined } from "@ant-design/icons";
-
-export default {
-  title: 'ResponsiveTable',
-  component: ResponsiveTable,
-} as Meta;
-
-const Template: StoryFn<ResponsiveTableCustomProps> = (args: any) => {
-  const { t } = useTranslation();
-  const [pageInfo, setPageInfo] = useState<any>({});
-  const [rowSelectionInfo, setRowSelectionInfo] = useState<any>({});
-  const [sortBy, setSortBy] = useState<string[]>(['id', 'desc']);
-  const [clearRowSelection, setClearRowSelection] = useState<boolean>(false);
-
-  const handleSortByColumnChange = (sortState: any) => {
-    console.log('handleSortChange called with:', sortState);
-    // Do something with the new sort state
-    // For example, trigger an API call
-  };
-
-  const getButtonLabel = (record: any) => {
-    return (record as any)?.type === "Efetivo" ? "Pog" : null;
-  };
-
-  const getActionsForRecord = (record: any) => {
-    return (record as any)?.role === "Gerente"
-      ? [
-        {
-          key: '1', label: `${t('actions.one')}`, onClick: () => {
-            setClearRowSelection(true);
-          }
-        },
-        { key: '2', label: `${t('actions.two')}` },
-        {
-          key: '3', label: 'label 3'
-        }
-      ]
-      : [
-        {
-          key: '1', label: `${t('actions.one')}`, onClick: () => {
-            setClearRowSelection(true);
-          }
-        },
-        { key: '2', label: `${t('actions.two')}` },
-        {
-          key: '3', label: 'label 3'
-        },
-        {
-          key: '4', label: 'label 4'
-        }
-      ];
-  };
-
-  const getIcon = (record: any) => {
-    return record.id === "1"
-      ? <DownloadOutlined />
-      : record.id === "3"
-        ? <DownloadOutlined />
-        : null;
-  };
-
-  const actionsArray = [{ key: '1', label: `` }];
-
-  return <ResponsiveTable
-    cleanRowSelection={clearRowSelection}
-    onRow={(record: any) => {
-      return {
-        style: {
-          opacity: (record.Status === "I" || record.Status === "Draft") ? 0.5 : 1,
-          boxShadow: record.Status === "Draft" ? "inset 2px 0 0 #FF674C" : "none",
-          backgroundColor: record.Status === "Draft" ? "#FF674C" : "none"
-        },
-      };
-    }}
-    columnsSortChange={handleSortByColumnChange} paginationInfo={setPageInfo} headingTranslationsKey={'tableHeadings'} rowSelectionInfo={setRowSelectionInfo}
-    actionsArray={actionsArray}
-    fixedColumns={[{ dataIndex: 'action', side: 'right' }]} buttonActionIcon={getIcon}  {...args}>
-  </ResponsiveTable>;
-};
-
-export const Primary = Template.bind({});
-Primary.args = {
-  selectPlaceholder: 'Order by',
-  rowKeyValue: 'mecanographicNumber',
-  dataSource: [
-    {
-      id: `1`,
-      name: `João Cachulo`,
-      mecanographicNumber: "232",
-      store: `Levi's Sta Catarina`,
-      role: `Gerente`,
-      type: `Efetivo`,
-      Status: "A"
-    },
-    {
-      id: `2`,
-      name: `Filipe Martins`,
-      mecanographicNumber: "32",
-      store: `Levi's Sta Catarina`,
-      role: `Comercial`,
-      type: `NEfetivo`,
-      Status: "Draft"
-    },
-    {
-      id: `3`,
-      name: `Anna Astori`,
-      mecanographicNumber: "3212",
-      store: `Levi's Sta Catarina`,
-      role: `Funcionário`,
-      type: `NEfetivo`,
-      Status: "I"
-    },
-    {
-      id: `4`,
-      name: `Yield Ona`,
-      mecanographicNumber: "21232",
-      store: `Adidas Restaurantes`,
-      role: `Gerente`,
-      type: `Efetivo`
-    },
-    {
-      id: `5`,
-      name: `João Cachulo`,
-      mecanographicNumber: "232",
-      store: `Levi's Sta Catarina`,
-      role: `Gerente`,
-      type: `Efetivo`
-    },
-    {
-      id: `6`,
-      name: `Filipe Martins`,
-      mecanographicNumber: "32",
-      store: `Levi's Sta Catarina`,
-      role: `Comercial`,
-      type: `Efetivo`
-    },
-    {
-      id: `7`,
-      name: `Anna Astori`,
-      mecanographicNumber: "3212",
-      store: `Levi's Sta Catarina`,
-      role: `Funcionário`,
-      type: `Efetivo`
-    },
-    {
-      id: `8`,
-      name: `Yield Ona`,
-      mecanographicNumber: "21232",
-      store: `Adidas Restaurantes`,
-      role: `Gerente`,
-      type: `Efetivo`
-    },
-    {
-      id: `9`,
-      name: `João Cachulo`,
-      mecanographicNumber: "232",
-      store: `Levi's Sta Catarina`,
-      role: `Gerente`,
-      type: `Efetivo`
-    },
-    {
-      id: `10`,
-      name: `Filipe Martins`,
-      mecanographicNumber: "32",
-      store: `Levi's Sta Catarina`,
-      role: `Comercial`,
-      type: `Efetivo`
-    },
-    {
-      id: `11`,
-      name: `Anna Astori`,
-      mecanographicNumber: "3212",
-      store: `Levi's Sta Catarina`,
-      role: `Funcionário`,
-      type: `Efetivo`
-    },
-    {
-      id: `12`,
-      name: `Yield Ona`,
-      mecanographicNumber: "21232",
-      store: `Adidas Restaurantes`,
-      role: `Gerente`,
-      type: `Efetivo`
-    },
-    {
-      id: `13`,
-      name: `João Cachulo`,
-      mecanographicNumber: "232",
-      store: `Levi's Sta Catarina`,
-      role: `Gerente`,
-      type: `Efetivo`
-    },
-    {
-      id: `14`,
-      name: `João Cachulo`,
-      mecanographicNumber: "232",
-      store: `Levi's Sta Catarina`,
-      role: `Gerente`,
-      type: `Efetivo`
-    },
-    {
-      id: `15`,
-      name: `João Cachulo`,
-      mecanographicNumber: "232",
-      store: `Levi's Sta Catarina`,
-      role: `Gerente`,
-      type: `Efetivo`
-    },
-    {
-      id: `16`,
-      name: `João Cachulo`,
-      mecanographicNumber: "232",
-      store: `Levi's Sta Catarina`,
-      role: `Gerente`,
-      type: `Efetivo`
-    },
-    {
-      id: `17`,
-      name: `João Cachulo`,
-      mecanographicNumber: "232",
-      store: `Levi's Sta Catarina`,
-      role: `Gerente`,
-      type: `Efetivo`
-    },
-    {
-      id: `18`,
-      name: `João Cachulo`,
-      mecanographicNumber: "232",
-      store: `Levi's Sta Catarina`,
-      role: `Gerente`,
-      type: `Efetivo`
-    },
-  ],
-  pagination: {
-    total: 24,
-    pageSize: 4
-  },
-  hiddenColumns: ['id'],
-  sortByColumns: true,
-  columnsToSort: ["name", "mecanographicNumber"]
-};
-
-export const Secondary = Template.bind({});
-Secondary.args = {
-  dataSource: [
-    {
-      key: `1`,
-      name: `as John Brown`,
-      mecanographicNumber: 232,
-      store: `Levi's Sta Catarina`,
-      role: `Gerente`,
-      type: `Efetivo`
-    },
-    {
-      key: `2`,
-      name: `bv Mary Brown`,
-      mecanographicNumber: 32,
-      store: `Levi's Sta Catarina`,
-      role: `Comercial`,
-      type: `Efetivo`
-    },
-    {
-      key: `3`,
-      name: `as Anna Astori`,
-      mecanographicNumber: 3212,
-      store: `Levi's Sta Catarina`,
-      role: `Funcionário`,
-      type: `Efetivo`
-    },
-    {
-      key: `4`,
-      name: `bv Yield Ona`,
-      mecanographicNumber: 21232,
-      store: `Adidas Restaurantes`,
-      role: `Gerente`,
-      type: `Efetivo`
-    },
-  ],
-  pagination: {
-    total: 4,
-    pageSize: 10
-  }
-};
-
-export const WithCheckbox = Template.bind({});
-WithCheckbox.args = {
-  dataSource: [
-    {
-      key: `1`,
-      name: `John Brown`,
-      mecanographicNumber: 232,
-      store: `Levi's Sta Catarina`,
-      role: `Gerente`,
-      type: `Efetivo`
-    },
-    {
-      key: `2`,
-      name: `Mary Brown`,
-      mecanographicNumber: 32,
-      store: `Levi's Sta Catarina`,
-      role: `Comercial`,
-      type: `Efetivo`
-    },
-    {
-      key: `3`,
-      name: `Anna Astori`,
-      mecanographicNumber: 3212,
-      store: `Levi's Sta Catarina`,
-      role: `Funcionário`,
-      type: `Efetivo`
-    },
-    {
-      key: `4`,
-      name: `Yield Ona`,
-      mecanographicNumber: 21232,
-      store: `Adidas Restaurantes`,
-      role: `Gerente`,
-      type: `Efetivo`
-    },
-  ],
-};
-
-export const withActions = Template.bind({});
-withActions.args = {
-  fieldsToSort: ['store', 'mecanographicNumber'],
-  selectPlaceholder: 'Order by',
-  dataSource: [
-    {
-      key: `1`,
-      name: `John Brown`,
-      mecanographicNumber: "232",
-      store: `Levi's Sta Catarina`,
-      role: `Gerente`,
-      type: `Efetivo`
-    },
-    {
-      key: `2`,
-      name: `Mary Brown`,
-      mecanographicNumber: "32",
-      store: `Levi's Sta Catarina`,
-      role: `Comercial`,
-      type: `Efetivo`
-    },
-    {
-      key: `3`,
-      name: `Anna Astori`,
-      mecanographicNumber: "3212",
-      store: `Levi's Sta Catarina`,
-      role: `Funcionário`,
-      type: `Efetivo`
-    },
-    {
-      key: `4`,
-      name: `Yield Ona`,
-      mecanographicNumber: "21232",
-      store: `Adidas Restaurantes`,
-      role: `Gerente`,
-      type: `Efetivo`
-    },
-  ],
-  pagination: {
-    total: 24,
-    pageSize: 4
-  },
-  rowSelection: {
-    type: 'checkbox',
-    selectedRowKeys: ['1']
-  }
-};
-
-export const NoData = Template.bind({});
-NoData.args = {
-  fieldsToSort: ['store', 'mecanographicNumber'],
-  selectPlaceholder: 'Order by',
-  rowKeyValue: 'mecanographicNumber',
-  dataSource: undefined,
-  pagination: {
-    total: 24,
-    pageSize: 4
-  },
-  hiddenColumns: ['id']
-};