norma-library 0.5.811 → 0.5.812

package/src/stories/Table.stories.tsx

@@ -0,0 +1,222 @@
+import React from 'react'
+import Table from '../components/Table'
+import { format } from "date-fns"
+
+export default {
+  title: "Layout/Table",
+  component: Table,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered',
+    backgrounds: {
+      default: 'gray',
+      values: [
+        { 
+          name: 'gray', 
+          value: '#f8f8f8' 
+        }
+      ],
+    },
+  },
+  argTypes: {},
+}
+
+const data: any[] = [
+  {
+    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',
+  // },
+  // {
+  //   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',
+  // }
+]
+
+const columns = [
+  {
+    header: 'Data',
+    accessorKey: 'data',
+    type: 'date',
+    enableColumnFilter: true,
+    filterFn: 'customFilterText'
+  },
+  {
+    header: 'Horario',
+    accessorKey: 'horario',
+    type: 'time',
+    enableColumnFilter: true,
+    filterFn: 'customFilterText'
+  },
+  {
+    header: 'Numero',
+    accessorKey: 'idade',
+    enableColumnFilter: true,
+    type: 'number',
+    filterFn: 'customFilterText'
+  },
+  {
+    header: 'sobrenome 1',
+    accessorKey: 'sobrenome',
+    enableColumnFilter: true,
+    type: 'text',
+    filterFn: 'customFilterText',
+  },
+  {
+    header: 'sobrenome 2',
+    accessorKey: 'sobrenome2',
+    enableColumnFilter: true,
+    type: 'text',
+    filterFn: 'customFilterText',
+  },
+]
+
+
+export const Default = (args) => <Table data={data} columns={columns} {...args} />
+
+Default.args = {}

package/src/stories/Text.stories.tsx

@@ -0,0 +1,38 @@
+import React from "react"
+import Text from '../components/Typography/Text';
+
+export default {
+  title: 'Tipografia/Text',
+  component: Text,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered',
+  },
+  argTypes: { 
+    children: {
+      description: 'Adiciona um children.'
+    },
+    className: {
+      description: 'Adicione uma classe.',
+    },
+    size: {
+      description: 'Adicione um tamanho.',
+      options: ['small', 'medium', 'large'],
+      control: { type: 'radio' }
+    },
+    type: {
+      description: 'Adicione um tipo.',
+      options: ['default', 'secondary', 'success', 'warning', 'danger', 'info'],
+      control: { type: 'radio' }
+    },
+  }
+}
+
+export const Default = (args) => <Text {...args} />
+
+Default.args = {
+  children: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.',
+  className: '',
+  size: 'default',
+  type: ''
+}

package/src/stories/TextInput.stories.tsx

@@ -0,0 +1,53 @@
+import React from 'react';
+import TextInput from '../components/TextInput';
+
+export default {
+  title: 'Form/TextInput',
+  component: TextInput,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered',
+  },
+  argTypes: { 
+    className: {
+      description: 'Adicione uma classe.',
+    },
+    label: {
+      description: 'Adicione uma label.'
+    },
+    value: {
+      description: 'Adicione um valor.'
+    },
+    onChange: {
+      description: 'Função para capturar o valor quando alterado.'
+    },
+    disabled: {
+      description: 'Habilita ou desabilita.'
+    },
+    placeholder: {
+      description: 'Adicione um placeholder.'
+    },
+    name: {
+      description: 'Adiciona um name'
+    },
+    type: {
+      description: 'Adiciona um type',
+      options: ['text', 'password'],
+      control: { type: 'radio' }
+    }
+  }
+
+}
+
+export const Default = (args) => <TextInput {...args} />
+
+Default.args = {
+  className: '',
+  label: 'Data:',
+  onChange: '',
+  disabled: false,
+  value: 'Valor do input',
+  placeholder: 'Digite algo...',
+  name: '',
+  type: '' 
+}

package/src/stories/Title.stories.tsx

@@ -0,0 +1,44 @@
+import React from "react"
+import Title from '../components/Typography/Title';
+
+export default {
+  title: 'Tipografia/Title',
+  component: Title,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered',
+  },
+  argTypes: {
+    as: {
+      description: 'Adiciona a tag do titulo.',
+      options: ['h1', 'h2', 'h3', 'h4', 'h5'],
+      control: { type: 'radio' }
+    },
+    children: {
+      description: 'Adiciona um children.'
+    },
+    className: {
+      description: 'Adicione uma classe.',
+    },
+    size: {
+      description: 'Adicione um tamanho.',
+      options: ['small', 'medium', 'large'],
+      control: { type: 'radio' }
+    },
+    type: {
+      description: 'Adicione um tipo.',
+      options: ['default', 'secondary', 'success', 'warning', 'danger', 'info'],
+      control: { type: 'radio' }
+    },
+  }
+}
+
+export const Default = (args) => <Title {...args} />
+
+Default.args = {
+  as: 'h1',
+  children: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.',
+  className: '',
+  size: 'default',
+  type: ''
+}

package/src/styles/custom.css

@@ -1,3 +1,4 @@
+
 .appearance-none {
   -webkit-appearance: none;
   -moz-appearance: none;

package/src/styles/{globals.css → globals.scss}

@@ -1,6 +1,3 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
 
 :root {
   --transparent: transparent;
@@ -18,4 +15,4 @@
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-}
+}

package/tsconfig.json

@@ -10,7 +10,7 @@
     "rootDir": "./src",
     "outDir": "./dist/esm",
     "strict": true,
-    "noImplicitReturns": true,
+    "noImplicitReturns": false,
     "noFallthroughCasesInSwitch": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,

package/vite.config.ts

@@ -0,0 +1,15 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  base: './',
+  plugins: [react()],
+  css: {
+    preprocessorOptions: {
+      scss: {
+        additionalData: `@import "@/styles/global.scss";`
+      },
+    },
+  },
+})

package/.husky/commit-msg

@@ -1,4 +0,0 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
-npx --no -- commitlint --edit ${1}