tycho-components 0.0.3 → 0.0.5-SNAPSHOT

package/src/configs/localization/ParticipantsTexts.ts

@@ -1,40 +0,0 @@
-export const ParticipantsTexts = {
-  en: {
-    'label.title': 'Participants',
-    'button.label.add': 'add new participant',
-    'participant.field.order': 'Order',
-    'participant.field.code': 'Code',
-    'participant.field.name': 'Name',
-    'participant.field.color': 'Color',
-    'participant.field.separator': 'Separator',
-    'participant.field.color.tooltip':
-      'A color for transcription visual identifier',
-    'modal.remove.title': 'Remove participant',
-    'modal.remove.description':
-      'Are you sure you want to delete this participant? This action is irreversible, but the sentences are not deleted.',
-    'modal.remove.participant':
-      'You can choose a participant to transfer sentences related to ',
-    'modal.add.title': 'Add new participant',
-    'modal.input.code': 'ID',
-    'modal.input.name': 'Name',
-  },
-  'pt-BR': {
-    'label.title': 'Participantes',
-    'button.label.add': 'Adicionar participante',
-    'participant.field.order': 'Ordem',
-    'participant.field.code': 'Código',
-    'participant.field.name': 'Nome',
-    'participant.field.color': 'Cor',
-    'participant.field.separator': 'Separador',
-    'participant.field.color.tooltip':
-      'Cor para identificação visual da sentença na transcrição',
-    'modal.remove.title': 'Remover participante',
-    'modal.remove.description':
-      'Você tem certeza que deseja remover este participante? Esta ação é irreversível, porém as sentenças não serão excluídas.',
-    'modal.remove.participant':
-      'Você pode escolher um participante para transferir frases relacionadas a ',
-    'modal.add.title': 'Adicionar novo participante',
-    'modal.input.code': 'ID',
-    'modal.input.name': 'Nome',
-  },
-};

package/src/configs/store/actions.ts

@@ -1,12 +0,0 @@
-import ToastMessage from '../../AppToast/ToastMessage';
-import { StoreAction, types } from './types';
-
-export const message = (data: ToastMessage): StoreAction => ({
-  type: types.MESSAGE,
-  payload: data,
-});
-
-export const toastLoading = (data: boolean): StoreAction => ({
-  type: types.TOAST_LOADING,
-  payload: data,
-});

package/src/configs/store/reducer.ts

@@ -1,22 +0,0 @@
-/* eslint-disable */
-import { types, UserStore } from './types';
-
-function reducer(state: UserStore, action: any): UserStore {
-  switch (action.type) {
-    case types.MESSAGE:
-      return {
-        ...state,
-        message: action.payload,
-      };
-    case types.TOAST_LOADING:
-      return {
-        ...state,
-        toastLoading: action.payload,
-      };
-
-    default:
-      return state;
-  }
-}
-
-export default reducer;

package/src/configs/store/store.ts

@@ -1,9 +0,0 @@
-import { EMPTY_TOAST } from '../../AppToast/ToastMessage';
-import { UserStore } from './types';
-
-const store: UserStore = {
-  message: EMPTY_TOAST,
-  toastLoading: false,
-};
-
-export default store;

package/src/configs/store/types.ts

@@ -1,16 +0,0 @@
-import ToastMessage from '../../AppToast/ToastMessage';
-
-export type UserStore = {
-  message: ToastMessage;
-  toastLoading: boolean;
-};
-
-export type StoreAction = {
-  type: string;
-  payload?: ToastMessage | boolean;
-};
-
-export const types = {
-  MESSAGE: 'MESSAGE',
-  TOAST_LOADING: 'TOAST_LOADING',
-};

package/src/react-app-env.d.ts

@@ -1,5 +0,0 @@
-declare module '*.png';
-declare module '*.svg';
-declare module '*.jpeg';
-declare module '*.jpg';
-declare module 'react-easy-edit';

package/src/vite-env.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="vite-plugin-svgr/client" />
-/// <reference types="vitest" />
-/// <reference types="vite/client" />
-
-interface ImportMetaEnv {
-  readonly VITE_APP_TITLE: string;
-  readonly VITE_APP_URL_API: string;
-  readonly VITE_APP_PUBLIC_URL: string;
-}
-
-interface ImportMeta {
-  readonly env: ImportMetaEnv;
-}

package/stories/Configure.mdx

@@ -1,171 +0,0 @@
-import { Meta } from '@storybook/blocks';
-
-<Meta title="Component Library" />
-
-<div className="sb-container">
-  <div className="sb-section-title"># Component Library</div>
-</div>
-<div className="sb-container">
-  <div className="sb-section-title">
-    ## TODO: Ajustar texto e estilo dessa tela
-    <a href="/?path=/docs/components-button--docs">Link de acesso ao Button</a>
-  </div>
-</div>
-
-<style>
-  {`
-  .sb-container {
-    margin-bottom: 48px;
-  }
-
-  .sb-section {
-    width: 100%;
-    display: flex;
-    flex-direction: row;
-    gap: 20px;
-  }
-
-  img {
-    object-fit: cover;
-  }
-
-  .sb-section-title {
-    margin-bottom: 32px;
-  }
-
-  .sb-section a:not(h1 a, h2 a, h3 a) {
-    font-size: 14px;
-  }
-
-  .sb-section-item, .sb-grid-item {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-  }
-
-  .sb-section-item-heading {
-    padding-top: 20px !important;
-    padding-bottom: 5px !important;
-    margin: 0 !important;
-  }
-  .sb-section-item-paragraph {
-    margin: 0;
-    padding-bottom: 10px;
-  }
-
-  .sb-chevron {
-    margin-left: 5px;
-  }
-
-  .sb-features-grid {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    grid-gap: 32px 20px;
-  }
-
-  .sb-socials {
-    display: grid;
-    grid-template-columns: repeat(4, 1fr);
-  }
-
-  .sb-socials p {
-    margin-bottom: 10px;
-  }
-
-  .sb-explore-image {
-    max-height: 32px;
-    align-self: flex-start;
-  }
-
-  .sb-addon {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    position: relative;
-    background-color: #EEF3F8;
-    border-radius: 5px;
-    border: 1px solid rgba(0, 0, 0, 0.05);
-    background: #EEF3F8;
-    height: 180px;
-    margin-bottom: 48px;
-    overflow: hidden;
-  }
-
-  .sb-addon-text {
-    padding-left: 48px;
-    max-width: 240px;
-  }
-
-  .sb-addon-text h4 {
-    padding-top: 0px;
-  }
-
-  .sb-addon-img {
-    position: absolute;
-    left: 345px;
-    top: 0;
-    height: 100%;
-    width: 200%;
-    overflow: hidden;
-  }
-
-  .sb-addon-img img {
-    width: 650px;
-    transform: rotate(-15deg);
-    margin-left: 40px;
-    margin-top: -72px;
-    box-shadow: 0 0 1px rgba(255, 255, 255, 0);
-    backface-visibility: hidden;
-  }
-
-  @media screen and (max-width: 800px) {
-    .sb-addon-img {
-      left: 300px;
-    }
-  }
-
-  @media screen and (max-width: 600px) {
-    .sb-section {
-      flex-direction: column;
-    }
-
-    .sb-features-grid {
-      grid-template-columns: repeat(1, 1fr);
-    }
-
-    .sb-socials {
-      grid-template-columns: repeat(2, 1fr);
-    }
-
-    .sb-addon {
-      height: 280px;
-      align-items: flex-start;
-      padding-top: 32px;
-      overflow: hidden;
-    }
-
-    .sb-addon-text {
-      padding-left: 24px;
-    }
-
-    .sb-addon-img {
-      right: 0;
-      left: 0;
-      top: 130px;
-      bottom: 0;
-      overflow: hidden;
-      height: auto;
-      width: 124%;
-    }
-
-    .sb-addon-img img {
-      width: 1200px;
-      transform: rotate(-12deg);
-      margin-left: 0;
-      margin-top: 48px;
-      margin-bottom: -40px;
-      margin-left: -24px;
-    }
-  }
-  `}
-</style>

package/stories/StorybookUtils.tsx

@@ -1,40 +0,0 @@
-import { useArgs } from '@storybook/preview-api';
-import type { StoryFn } from '@storybook/react';
-
-const secondaryBackgroundColor = '#185ABD';
-
-const withDynamicDocsBackground = (Story: StoryFn) => {
-  const [{ color }] = useArgs();
-
-  const backgroundColor = color === 'white' ? '#185ABD' : '#FFFFFF';
-  const docsStoryElement = document.querySelector('.docs-story');
-  if (docsStoryElement) {
-    docsStoryElement.setAttribute(
-      'style',
-      `background-color: ${backgroundColor || 'defaultBackgroundColor'}`
-    );
-  }
-
-  return <Story />;
-};
-
-const withSecondaryDocsBackground = (Story: StoryFn) => {
-  const docsStoryElement = document.querySelector('.docs-story');
-  if (docsStoryElement) {
-    docsStoryElement.setAttribute(
-      'style',
-      `background-color: ${
-        secondaryBackgroundColor || 'defaultBackgroundColor'
-      }`
-    );
-  }
-
-  return <Story />;
-};
-
-const StorybookUtils = {
-  withDynamicDocsBackground,
-  withSecondaryDocsBackground,
-};
-
-export default StorybookUtils;

package/tsconfig.json

@@ -1,31 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "allowSyntheticDefaultImports": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["src/*"]
-    },
-
-    /* Bundler mode */
-    "moduleResolution": "node",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": false,
-    "noUnusedParameters": false,
-    "noFallthroughCasesInSwitch": true
-  },
-  "include": ["**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules"],
-  "references": [{ "path": "./tsconfig.node.json" }]
-}

package/tsconfig.node.json

@@ -1,10 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["vite.config.ts"]
-}

package/vite.config.ts

@@ -1,26 +0,0 @@
-import react from '@vitejs/plugin-react';
-import { loadEnv } from 'vite';
-import pluginChecker from 'vite-plugin-checker';
-import svgr from 'vite-plugin-svgr';
-import { defineConfig } from 'vitest/config';
-
-const envDir = './environment';
-
-export default ({ mode }: { mode: any }) => {
-  const env = loadEnv(mode, envDir);
-
-  return defineConfig({
-    base: env.VITE_APP_PUBLIC_URL,
-    plugins: [react(), svgr(), pluginChecker({ typescript: true })],
-    envDir: envDir,
-    server: {
-      port: 3000,
-    },
-    test: {
-      globals: true,
-      environment: 'jsdom',
-      setupFiles: './src/setupTest.ts',
-      css: false,
-    },
-  });
-};