@nextelco/common-ui 1.5.69 → 1.5.72

package/dist/types/components/atoms/Button/Button.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta } from '@storybook/react';
 import { ComponentProps } from 'react';
 import Button from './Button';
 type StoryProps = ComponentProps<typeof Button> & {
@@ -6,43 +6,427 @@ type StoryProps = ComponentProps<typeof Button> & {
 };
 declare const meta: Meta<StoryProps>;
 export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Ir_frente: Story;
-export declare const Ir_tras: Story;
-export declare const Adicionar: Story;
-export declare const Adicionar_config: Story;
-export declare const Marcar_default: Story;
-export declare const Valid_config: Story;
-export declare const Criar_regra: Story;
-export declare const Transf_proj_dev: Story;
-export declare const Clonar: Story;
-export declare const Eliminar_clone: Story;
-export declare const Adicionar_logo: Story;
-export declare const Adicionar_parceiro: Story;
-export declare const Eliminar: Story;
-export declare const Transferir_fich: Story;
-export declare const Exec_validador: Story;
-export declare const Sucesso_proj_val: Story;
-export declare const Erro_proj_inval: Story;
-export declare const Gerar_BoM: Story;
-export declare const Re_Gerar_Pre_BoM: Story;
-export declare const Gerar_Pre_sinoticos: Story;
-export declare const Gerar_Aloc_Juntas: Story;
-export declare const Gravar: Story;
-export declare const Cancelar: Story;
-export declare const Historico_tarefas: Story;
-export declare const Historico_erros: Story;
-export declare const Transferir_fich_excel: Story;
-export declare const Eliminar_fich: Story;
-export declare const Gravar_Projeto: Story;
-export declare const Eliminar_projeto: Story;
-export declare const Escolher_ficheiro: Story;
-export declare const Logout: Story;
-export declare const Login: Story;
-export declare const LoginMicrosoft: Story;
-export declare const Escolher_operadoras: Story;
-export declare const Gerir_projetos: Story;
-export declare const Historico: Story;
-export declare const Tabs: Story;
-export declare const FiltersUnselected: Story;
-export declare const FiltersSelected: Story;
+/**
+
+export const Ir_frente: Story = {
+  args: {
+    variant: 'cui-navigate',
+    size: 'cui-circ-sm',
+    iconPrev: faChevronUp,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Ir_tras: Story = {
+  args: {
+    variant: 'cui-navigate',
+    size: 'cui-circ-sm',
+    iconPrev: faChevronDown,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Adicionar: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-add',
+    size: 'cui-md',
+    buttonText: 'Adicionar',
+    iconPrev: faCirclePlus,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Adicionar_config: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-base_actions',
+    size: 'cui-md_lg',
+    buttonText: 'Adicionar Config',
+    iconPrev: faScrewdriverWrench,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Marcar_default: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-base_actions_gray',
+    size: 'cui-md',
+    buttonText: 'Marcar default',
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Valid_config: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-filters_btn',
+    size: 'cui-md_lg',
+    buttonText: 'Valores de Fibras Ativas Reservas e Mortas',
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Criar_regra: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-create',
+    size: 'cui-ext_long',
+    buttonText: 'Criar Regra',
+    iconPrev: faListCheck,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Transf_proj_dev: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-create',
+    size: 'cui-ext_long',
+    buttonText: 'Transferir projeto de dev',
+    iconPrev: faDownload,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Clonar: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-create',
+    size: 'cui-ext_long',
+    buttonText: 'Clonar',
+    iconPrev: faClone,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Eliminar_clone: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-delete',
+    size: 'cui-ext_long',
+    buttonText: 'Eliminar',
+    iconPrev: faTrash,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Adicionar_logo: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-add_logo',
+    size: 'cui-md_form',
+    buttonText: 'Adicionar Logótipo',
+    iconPrev: faCirclePlus,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Adicionar_parceiro: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-add_partner',
+    size: 'cui-md',
+    buttonText: 'Adicionar parceiro',
+    iconPrev: faCirclePlus,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Eliminar: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-delete',
+    size: 'cui-md',
+    buttonText: 'Eliminar',
+    iconPrev: faTrash,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Transferir_fich: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-download_file',
+    size: 'cui-md',
+    buttonText: 'Transferir Ficheiro',
+    iconPrev: faDownload,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Exec_validador: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-exec_validator',
+    size: 'cui-md',
+    buttonText: 'Executar Validador',
+    iconPrev: faCircleCheck,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Sucesso_proj_val: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-project_valid',
+    size: 'cui-md',
+    buttonText: 'Sucesso: Projeto Válido',
+    iconPrev: faCircleCheck,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Erro_proj_inval: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-project_invalid',
+    size: 'cui-md',
+    buttonText: 'Erro: Projeto Inválido',
+    iconPrev: faCircleXmark,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Gerar_BoM: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-generate_BoM_sin',
+    size: 'cui-md',
+    buttonText: 'Gerar BoM',
+    iconPrev: faCube,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Re_Gerar_Pre_BoM: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-generate_BoM_sin',
+    size: 'cui-md',
+    buttonText: 'Re-gerar Pré-BoM',
+    iconPrev: faCube,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Gerar_Pre_sinoticos: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-generate_BoM_sin',
+    size: 'cui-md',
+    buttonText: 'Gerar Pré-BoM',
+    iconPrev: faCubes,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Gerar_Aloc_Juntas: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-generate_BoM_sin',
+    size: 'cui-md',
+    buttonText: 'Gerar Alocação Juntas',
+    iconPrev: faConfluence,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Gravar: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-save',
+    size: 'cui-sm',
+    buttonText: 'Gravar',
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Cancelar: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-cancel',
+    size: 'cui-sm',
+    buttonText: 'Cancelar',
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Historico_tarefas: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-history_options',
+    size: 'cui-sm',
+    buttonText: 'Tarefas',
+    iconPrev: faListCheck,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Historico_erros: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-history_options',
+    size: 'cui-sm',
+    buttonText: 'Erros',
+    iconPrev: faCircleXmark,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Transferir_fich_excel: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-download_excel',
+    size: 'cui-md',
+    buttonText: 'Transferir Ficheiro Excel',
+    iconPrev: faTableCells,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Eliminar_fich: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-delete_file',
+    size: 'cui-md',
+    buttonText: 'Eliminar Ficheiro',
+    iconPrev: faTrash,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Gravar_Projeto: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-save_project',
+    size: 'cui-sm',
+    buttonText: 'Gravar Projeto',
+    iconPrev: faFloppyDisk,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Eliminar_projeto: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-delete_project',
+    size: 'cui-sm',
+    buttonText: 'Eliminar Projeto',
+    iconPrev: faTrash,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Escolher_ficheiro: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-choose_file',
+    size: 'cui-lg',
+    buttonText: 'Escolher Ficheiro',
+    iconTop: faUpload,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Logout: Story = {
+  args: {
+    variant: 'cui-user_actions',
+    mode: 'cui-logout',
+    size: 'cui-lg',
+    buttonText: 'Teminar Sessão',
+    iconPrev: faSignOut,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Login: Story = {
+  args: {
+    variant: 'cui-user_actions',
+    mode: 'cui-login',
+    size: 'cui-lg',
+    buttonText: 'Iniciar Sessão',
+    iconPrev: faSignOut,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const LoginMicrosoft: Story = {
+  args: {
+    variant: 'cui-user_actions',
+    mode: 'cui-login_microsoft',
+    size: 'cui-lg',
+    buttonText: 'Sign in with Microsoft',
+    iconPrev: faMicrosoft,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Escolher_operadoras: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-options_home_screen',
+    size: 'cui-ext_lg',
+    buttonText: 'Operadoras',
+    iconTop: faWifi,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Gerir_projetos: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-options_home_screen',
+    size: 'cui-ext_lg',
+    buttonText: 'Gestão de Projetos',
+    iconPrev: faTableCells,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Historico: Story = {
+  args: {
+    variant: 'cui-actions',
+    mode: 'cui-options_home_screen',
+    size: 'cui-ext_lg',
+    buttonText: 'Histórico',
+    iconTop: faClockRotateLeft,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const Tabs: Story = {
+  args: {
+    variant: 'cui-tabs',
+    mode: 'cui-project_and_operator_options',
+    size: 'cui-lg',
+    buttonText: 'Ficheiros',
+    iconPrev: faFile,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const FiltersUnselected: Story = {
+  args: {
+    variant: 'cui-filters',
+    size: 'cui-sm',
+    selected: false,
+    buttonText: 'Juntas',
+    iconNext: faCircle,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+export const FiltersSelected: Story = {
+  args: {
+    variant: 'cui-filters',
+    size: 'cui-sm',
+    selected: true,
+    buttonText: 'Juntas',
+    iconNext: faCircleCheck,
+  },
+  render: ({ buttonText, ...args }) => <Button {...args}>{buttonText}</Button>,
+}
+
+*/

package/dist/types/components/atoms/Select/Select.stories.d.ts

@@ -1,14 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta } from '@storybook/react';
 import Select from './Select';
 import './Select.scss';
 declare const meta: Meta<typeof Select>;
 export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Disabled: Story;
-export declare const SmallContainer: Story;
-export declare const LargeContainer: Story;
-export declare const NoOptions: Story;
-export declare const LongPlaceholder: Story;
-export declare const Responsive: Story;
-export declare const WithSelectedValue: Story;

package/dist/types/components/atoms/Stack/Stack.d.ts

@@ -1,6 +1,6 @@
 import React, { PropsWithChildren } from 'react';
 type Props = PropsWithChildren<{
-    spacing: number;
+    spacing?: number;
     direction: 'row' | 'column';
     wrap: boolean;
 }>;

package/dist/types/components/atoms/Stack/Stack.stories.d.ts

@@ -6,16 +6,6 @@ type StoryProps = ComponentProps<typeof Stack> & {
 };
 declare const meta: Meta<StoryProps>;
 export default meta;
-type Story = StoryObj<typeof meta>;
-declare const Tabulador_operadoras: StoryObj;
+type Story = StoryObj<StoryProps>;
 export declare const Horizontal: Story;
 export declare const Vertical: Story;
-export declare const Wrapped: Story;
-export declare const Empty: Story;
-export declare const Tabulador_projeto: Story;
-export declare const Tabulador_operadora: Story;
-export declare const Tabulador_filtros_operadora_componentes: Story;
-export declare const Tabulador_filtros_projetos_ficheiros: Story;
-export declare const Tabulador_filtros_proj_BoM: Story;
-export declare const Tabulador_historico_modos: Story;
-export { Tabulador_operadoras };

package/dist/types/components/layout/Header/Header.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
-import { PropsWithChildren } from 'react';
 import { LoggedUser } from '../../../types/LoggedUser';
 import './Header.scss';
-type Props = PropsWithChildren<{
+type Props = {
     user: LoggedUser;
     returnToHome: () => void;
     returnLogout: () => void;
@@ -10,6 +9,6 @@ type Props = PropsWithChildren<{
     homeTextImg?: string;
     logoImg?: string;
     title?: string;
-}>;
+};
 declare const Header: ({ returnToHome, returnLogout, homeImg, homeTextImg, logoImg, title, user, }: Props) => React.JSX.Element;
 export default Header;

package/dist/types/components/layout/Header/Header.stories.d.ts

@@ -1,8 +1,42 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { ComponentProps } from 'react';
+import React from 'react';
+import { StoryObj } from '@storybook/react';
 import Header from './Header';
-type StoryProps = ComponentProps<typeof Header>;
-declare const meta: Meta<StoryProps>;
-export default meta;
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<typeof Header>;
+declare const _default: {
+    component: ({ returnToHome, returnLogout, homeImg, homeTextImg, logoImg, title, user, }: {
+        user: import("../../..").LoggedUser;
+        returnToHome: () => void;
+        returnLogout: () => void;
+        homeImg?: string;
+        homeTextImg?: string;
+        logoImg?: string;
+        title?: string;
+    }) => React.JSX.Element;
+    title: string;
+    tags: string[];
+    argTypes: {
+        user: {
+            control: "object";
+        };
+        returnToHome: {
+            action: string;
+        };
+        returnLogout: {
+            action: string;
+        };
+    };
+    args: {
+        user: {
+            name: string;
+            id: string;
+        };
+        returnToHome: () => void;
+        returnLogout: () => void;
+        homeImg: string;
+        logoImg: string;
+        homeTextImg: string;
+    };
+};
+export default _default;
 export declare const LoggedIn: Story;
+export declare const WithLongUserName: Story;

package/dist/types/components/organisms/LazyLoading/LazyLoading.d.ts

@@ -1,15 +1,77 @@
-import React from 'react';
+/**
+import React, { useEffect } from 'react'
+import InfiniteScroll from 'react-infinite-scroll-component'
+import { useApi } from '../../../hooks/useApi'
+
 interface LazyLoadListProps {
-    items: any[];
-    setItems: (items: any[]) => void;
-    page: number;
-    limit: number;
-    setPage: (page: number) => void;
-    hasMore: boolean;
-    setHasMore: (hasMore: boolean) => void;
-    filters: {
-        [key: string]: string;
-    };
+  items: any[]
+  setItems: (items: any[]) => void
+  page: number
+  limit: number
+  setPage: (page: number) => void
+  hasMore: boolean
+  setHasMore: (hasMore: boolean) => void
+  filters: { [key: string]: string }
 }
-declare const LazyLoadList: React.FC<LazyLoadListProps>;
-export default LazyLoadList;
+
+const LazyLoadList: React.FC<LazyLoadListProps> = ({
+  items,
+  setItems,
+  page,
+  limit,
+  setPage,
+  hasMore,
+  setHasMore,
+  filters,
+}) => {
+  const { request, errors, loading } = useApi()
+
+  const fetchData = async (pageNum: number) => {
+    const response = await request({
+      method: 'get',
+      url: `/api/items`,
+      params: { page: pageNum, limit, ...filters },
+    })
+
+    if (response) {
+      if (response.length === 0) {
+        setHasMore(false)
+        return
+      }
+      setItems([...items, ...response])
+    }
+  }
+
+  useEffect(() => {
+    fetchData(page)
+  }, [page, filters])
+
+  const loadMore = () => {
+    setPage(page + 1)
+  }
+
+  return (
+    <div>
+      {errors && errors}
+      <InfiniteScroll
+        dataLength={items.length}
+        next={loadMore}
+        hasMore={hasMore}
+        loader={<h4>Loading...</h4>}
+        endMessage={<p>No more items to load</p>}
+      >
+        {items.map((item, index) => (
+          <div
+            key={index}
+            style={{ padding: '20px', borderBottom: '1px solid #ccc' }}
+          >
+            {item.name || `Item ${index}`}{' '}
+          </div>
+        ))}
+      </InfiniteScroll>
+    </div>
+  )
+}
+
+export default LazyLoadList
+*/

package/dist/types/components/organisms/Profile/Profile.stories.d.ts

@@ -1,8 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react';
 import Profile from './Profile';
-import { ComponentProps } from 'react';
-type StoryProps = ComponentProps<typeof Profile>;
-declare const meta: Meta<StoryProps>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const ProfileStory: Story;
+type Story = StoryObj<typeof Profile>;
+declare const _default: Meta<typeof Profile>;
+export default _default;
+export declare const Default: Story;
+export declare const WithLongName: Story;