norma-library 0.5.813 → 0.5.815

package/src/stories/Table.stories.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import Table from '../components/Table'
+import { Button } from "../components/Button"
 import { format } from "date-fns"
 
 export default {
@@ -21,202 +22,246 @@ export default {
   argTypes: {},
 }
 
-const data: any[] = [
+const data = [
   {
-    data: format(new Date('10-02-2023 17:00'), "dd/MM/yyyy"),
-    horario: format(new Date('10-02-2023 17:00'), "HH:mm"),
-    idade: 30,
-    sobrenome: 'Lucas',
-    sobrenome2: 'Jessika',
+      "date": format(new Date('8-14-2023 21:29'), "dd/MM/yyyy"),
+      "duration": 60,
+      "campaign": "Campaign 1",
+      "agent": "Maggie Leach",
+      "dnis": "dnis",
+      "disposition": "Disposition 1",
+      "origin": "origin",
+      "id": "1",
+      "action": (
+        <Button
+          color="primary"
+          disableElevation
+          variant="text"
+          onClick={() => console.log('click')}
+        >
+          Editar
+        </Button>
+      )
   },
   {
-    data: format(new Date('7-12-2023 10:00'), "dd/MM/yyyy"),
-    horario: format(new Date('7-12-2023 10:00'), "HH:mm"),
-    idade: 30,
-    sobrenome: 'Jessika',
-    sobrenome2: 'Otto',
+      "date": format(new Date('8-13-2023 21:29'), "dd/MM/yyyy"),
+      "duration": 60,
+      "campaign": "Campaign 2",
+      "agent": "Christina Harris",
+      "ani": "ani",
+      "dnis": "dnis",
+      "disposition": "Disposition 2",
+      "origin": "origin",
+      "id": "2",
+      "action": (
+        <Button
+          color="primary"
+          disableElevation
+          variant="text"
+          onClick={() => console.log('click')}
+        >
+          Editar
+        </Button>
+      )
   },
   {
-    data: format(new Date('9-26-2023 16:00'), "dd/MM/yyyy"),
-    horario: format(new Date('9-26-2023 16:00'), "HH:mm"),
-    idade: 70,
-    sobrenome: 'Lucas',
-    sobrenome2: 'Otto',
+      "date": format(new Date('8-12-2023 21:29'), "dd/MM/yyyy"),
+      "duration": 60,
+      "campaign": "Campaign 3",
+      "agent": "Alexia Crawford",
+      "ani": "ani",
+      "dnis": "dnis",
+      "disposition": "Disposition 3",
+      "origin": "origin",
+      "id": "3",
+      "action": (
+        <Button
+          color="primary"
+          disableElevation
+          variant="text"
+          onClick={() => console.log('click')}
+        >
+          Editar
+        </Button>
+      )
   },
   {
-    data: format(new Date('11-29-2023 13:00'), "dd/MM/yyyy"),
-    horario: format(new Date('11-29-2023 13:00'), "HH:mm"),
-    idade: 40,
-    sobrenome: 'Luna',
-    sobrenome2: 'Jessika',
+      "date": format(new Date('8-11-2023 21:29'), "dd/MM/yyyy"),
+      "duration": 60,
+      "campaign": "Campaign 4",
+      "agent": "Robyn Phillips",
+      "ani": "ani",
+      "dnis": "dnis",
+      "disposition": "Disposition 4",
+      "origin": "origin",
+      "id": "4",
+      "action": (
+        <Button
+          color="primary"
+          disableElevation
+          variant="text"
+          onClick={() => console.log('click')}
+        >
+          Editar
+        </Button>
+      )
   },
   {
-    data: format(new Date('10-02-2023 17:00'), "dd/MM/yyyy"),
-    horario: format(new Date('10-02-2023 17:00'), "HH:mm"),
-    idade: 124,
-    sobrenome: 'Otto',
-    sobrenome2: 'Jessika',
+      "date": format(new Date('8-10-2023 21:29'), "dd/MM/yyyy"),
+      "duration": 60,
+      "campaign": "Campaign 5",
+      "agent": "Bruce Robinson",
+      "ani": "ani",
+      "dnis": "dnis",
+      "disposition": "Disposition 5",
+      "origin": "origin",
+      "id": "5",
+      "action": (
+        <Button
+          color="primary"
+          disableElevation
+          variant="text"
+          onClick={() => console.log('click')}
+        >
+          Editar
+        </Button>
+      )
   },
   {
-    data: format(new Date('1-07-2023 08:00'), "dd/MM/yyyy"),
-    horario: format(new Date('1-07-2023 08:00'), "HH:mm"),
-    idade: 50,
-    sobrenome: 'Otto',
-    sobrenome2: 'Jessika',
+      "date": format(new Date('8-9-2023 21:29'), "dd/MM/yyyy"),
+      "duration": 60,
+      "campaign": "Campaign 6",
+      "agent": "Sophia Fletcher",
+      "ani": "ani",
+      "dnis": "dnis",
+      "disposition": "Disposition 6",
+      "origin": "origin",
+      "id": "6",
+      "action": (
+        <Button
+          color="primary"
+          disableElevation
+          variant="text"
+          onClick={() => console.log('click')}
+        >
+          Editar
+        </Button>
+      )
   },
   {
-    data: format(new Date('1-07-2023 08:00'), "dd/MM/yyyy"),
-    horario: format(new Date('1-07-2023 08:00'), "HH:mm"),
-    idade: 4,
-    sobrenome: 'Jessika',
-    sobrenome2: 'Luna',
+      "date": format(new Date('8-8-2023 21:29'), "dd/MM/yyyy"),
+      "duration": 60,
+      "campaign": "Campaign 7",
+      "agent": "Blanca Roberts",
+      "ani": "ani",
+      "dnis": "dnis",
+      "disposition": "Disposition 7",
+      "origin": "origin",
+      "id": "7",
+      "action": (
+        <Button
+          color="primary"
+          disableElevation
+          variant="text"
+          onClick={() => console.log('click')}
+        >
+          Editar
+        </Button>
+      )
   },
-  // {
-  //   data: format(new Date('1-07-2023 08:00'), "dd/MM/yyyy"),
-  //   horario: format(new Date('1-07-2023 08:00'), "HH:mm"),
-  //   idade: 28,
-  //   sobrenome: 'Lucas 2',
-  //   sobrenome2: 'Jessika',
-  // },
-  // {
-  //   data: format(new Date('1-07-2023 08:00'), "dd/MM/yyyy"),
-  //   horario: format(new Date('1-07-2023 08:00'), "HH:mm"),
-  //   idade: 40,
-  //   sobrenome: 'Lucas 3',
-  //   sobrenome2: 'Jessika',
-  // },
-  // {
-  //   data: format(new Date('1-07-2023 08:00'), "dd/MM/yyyy"),
-  //   horario: format(new Date('1-07-2023 08:00'), "HH:mm"),
-  //   idade: 124,
-  //   sobrenome: 'Lucas 4',
-  //   sobrenome2: 'Jessika',
-  // },
-  // {
-  //   data: format(new Date('1-07-2023 08:00'), "dd/MM/yyyy"),
-  //   horario: format(new Date('1-07-2023 08:00'), "HH:mm"),
-  //   idade: 4,
-  //   sobrenome: 'Lucas 1',
-  //   sobrenome2: 'Jessika',
-  // },
-  // {
-  //   data: format(new Date('10-02-2023 17:00'), "dd/MM/yyyy"),
-  //   horario: format(new Date('10-02-2023 17:00'), "HH:mm"),
-  //   idade: 30,
-  //   sobrenome: 'Lucas',
-  //   sobrenome2: 'Jessika',
-  // },
-  // {
-  //   data: format(new Date('7-12-2023 10:00'), "dd/MM/yyyy"),
-  //   horario: format(new Date('7-12-2023 10:00'), "HH:mm"),
-  //   idade: 30,
-  //   sobrenome: 'Jessika',
-  //   sobrenome2: 'Otto',
-  // },
-  // {
-  //   data: format(new Date('9-26-2023 16:00'), "dd/MM/yyyy"),
-  //   horario: format(new Date('9-26-2023 16:00'), "HH:mm"),
-  //   idade: 70,
-  //   sobrenome: 'Lucas',
-  //   sobrenome2: 'Otto',
-  // },
-  // {
-  //   data: format(new Date('11-29-2023 13:00'), "dd/MM/yyyy"),
-  //   horario: format(new Date('11-29-2023 13:00'), "HH:mm"),
-  //   idade: 40,
-  //   sobrenome: 'Luna',
-  //   sobrenome2: 'Jessika',
-  // },
-  // {
-  //   data: format(new Date('10-02-2023 17:00'), "dd/MM/yyyy"),
-  //   horario: format(new Date('10-02-2023 17:00'), "HH:mm"),
-  //   idade: 124,
-  //   sobrenome: 'Otto',
-  //   sobrenome2: 'Jessika',
-  // },
-  // {
-  //   data: format(new Date('1-07-2023 08:00'), "dd/MM/yyyy"),
-  //   horario: format(new Date('1-07-2023 08:00'), "HH:mm"),
-  //   idade: 50,
-  //   sobrenome: 'Otto',
-  //   sobrenome2: 'Jessika',
-  // },
-  // {
-  //   data: format(new Date('1-07-2023 08:00'), "dd/MM/yyyy"),
-  //   horario: format(new Date('1-07-2023 08:00'), "HH:mm"),
-  //   idade: 4,
-  //   sobrenome: 'Jessika',
-  //   sobrenome2: 'Luna',
-  // },
-  // {
-  //   data: format(new Date('1-07-2023 08:00'), "dd/MM/yyyy"),
-  //   horario: format(new Date('1-07-2023 08:00'), "HH:mm"),
-  //   idade: 28,
-  //   sobrenome: 'Lucas 2',
-  //   sobrenome2: 'Jessika',
-  // },
-  // {
-  //   data: format(new Date('1-07-2023 08:00'), "dd/MM/yyyy"),
-  //   horario: format(new Date('1-07-2023 08:00'), "HH:mm"),
-  //   idade: 40,
-  //   sobrenome: 'Lucas 3',
-  //   sobrenome2: 'Jessika',
-  // },
-  // {
-  //   data: format(new Date('1-07-2023 08:00'), "dd/MM/yyyy"),
-  //   horario: format(new Date('1-07-2023 08:00'), "HH:mm"),
-  //   idade: 124,
-  //   sobrenome: 'Lucas 4',
-  //   sobrenome2: 'Jessika',
-  // },
-  // {
-  //   data: format(new Date('1-07-2023 08:00'), "dd/MM/yyyy"),
-  //   horario: format(new Date('1-07-2023 08:00'), "HH:mm"),
-  //   idade: 4,
-  //   sobrenome: 'Lucas 1',
-  //   sobrenome2: 'Jessika',
-  // }
+  {
+      "date": format(new Date('8-7-2023 21:29'), "dd/MM/yyyy"),
+      "duration": 60,
+      "campaign": "Campaign 8",
+      "agent": "Peter Warburton",
+      "ani": "ani",
+      "dnis": "dnis",
+      "disposition": "Disposition 8",
+      "origin": "origin",
+      "id": "8",
+      "action": (
+        <Button
+          color="primary"
+          disableElevation
+          variant="text"
+          onClick={() => console.log('click')}
+        >
+          Editar
+        </Button>
+      )
+  }
 ]
 
 const columns = [
   {
-    header: 'Data',
-    accessorKey: 'data',
+    header: 'data',
+    accessorKey: 'date',
     type: 'date',
     enableColumnFilter: true,
     filterFn: 'customFilterText'
   },
   {
-    header: 'Horario',
-    accessorKey: 'horario',
-    type: 'time',
+    header: 'duration',
+    accessorKey: 'duration',
+    type: 'number',
     enableColumnFilter: true,
     filterFn: 'customFilterText'
   },
   {
-    header: 'Numero',
-    accessorKey: 'idade',
+    header: 'campaign',
+    accessorKey: 'campaign',
+    type: 'string',
+    enableColumnFilter: true,
+    filterFn: 'customFilterText'
+  },
+  {
+    header: 'agent',
+    accessorKey: 'agent',
+    type: 'string',
+    enableColumnFilter: true,
+    filterFn: 'customFilterText'
+  },
+  {
+    header: 'disposition',
+    accessorKey: 'disposition',
+    type: 'string',
     enableColumnFilter: true,
-    type: 'number',
     filterFn: 'customFilterText'
   },
   {
-    header: 'sobrenome 1',
-    accessorKey: 'sobrenome',
+    header: 'origin',
+    accessorKey: 'origin',
+    type: 'string',
     enableColumnFilter: true,
-    type: 'text',
-    filterFn: 'customFilterText',
+    filterFn: 'customFilterText'
   },
   {
-    header: 'sobrenome 2',
-    accessorKey: 'sobrenome2',
+    header: 'ID',
+    accessorKey: 'id',
+    type: 'string',
     enableColumnFilter: true,
-    type: 'text',
-    filterFn: 'customFilterText',
+    filterFn: 'customFilterText'
   },
+  {
+    header: 'action',
+    accessorKey: 'action',
+    type: 'action',
+    enableColumnFilter: false,
+    filterFn: 'customFilterText'
+  }
 ]
 
-
-export const Default = (args) => <Table data={data} columns={columns} {...args} />
+export const Default = (args) => (
+  <Table 
+    data={data} 
+    columns={columns} 
+    showTotalResults 
+    showSettings
+    onClick={(value) => console.log('onClick line:', value)}
+    onMouseOver={(value) => console.log('onMouseOver line:', value)}
+    onMouseOut={(value) => console.log('onMouseOut line:', value)}
+    {...args} 
+  />
+)
 
 Default.args = {}

package/dist/Button/index.d.ts

@@ -1,9 +0,0 @@
-import { ButtonBaseProps } from './types';
-export declare const Button: {
-    ({ label, ...rest }: ButtonBaseProps): import("react/jsx-runtime").JSX.Element;
-    defaultProps: {
-        variant: string;
-        size: string;
-        color: string;
-    };
-};

package/dist/Button/types.d.ts

@@ -1,18 +0,0 @@
-import { ReactNode } from 'react';
-import { Theme } from '@emotion/react';
-import { Button } from './index';
-import { ButtonPropsColorOverrides, ButtonPropsSizeOverrides, ButtonPropsVariantOverrides, ButtonProps as MuiButtonProps, SxProps } from '@mui/material';
-import { OverridableStringUnion } from '@mui/types';
-type MuiButtonBaseProps = Pick<MuiButtonProps, 'sx' | 'color' | 'size' | 'variant'>;
-export interface ButtonBaseProps extends MuiButtonBaseProps {
-    label: string;
-    sx?: SxProps<Theme>;
-    children?: ReactNode;
-    onClick?: (event: React.MouseEvent | React.KeyboardEvent | React.TouchEvent) => void;
-    color?: OverridableStringUnion<'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning', ButtonPropsColorOverrides>;
-    size?: OverridableStringUnion<'small' | 'medium' | 'large', ButtonPropsSizeOverrides>;
-    variant?: OverridableStringUnion<'text' | 'outlined' | 'contained', ButtonPropsVariantOverrides>;
-    style?: React.CSSProperties;
-}
-export type ButtonType = keyof typeof Button;
-export {};

package/dist/Card/Card.d.ts

@@ -1,3 +0,0 @@
-import { CardBaseProps } from './types';
-declare const Card: ({ children, title }: CardBaseProps) => import("react/jsx-runtime").JSX.Element;
-export default Card;

package/dist/Card/CardHeader.d.ts

@@ -1,3 +0,0 @@
-import { CardHeaderBaseProps } from './types';
-declare const CardHeader: ({ title }: CardHeaderBaseProps) => import("react/jsx-runtime").JSX.Element;
-export default CardHeader;

package/dist/Card/index.d.ts

@@ -1,4 +0,0 @@
-export * from './Card';
-export * from './CardHeader';
-export { default as Card } from './Card';
-export { default as CardHeader } from './CardHeader';