@nextelco/common-ui 1.7.166 → 1.7.167
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundle.js +1 -1
- package/dist/bundle.js.LICENSE.txt +2 -30
- package/dist/types/components/atoms/Acronym/Acronym.d.ts +1 -4
- package/dist/types/components/atoms/Acronym/Acronym.stories.d.ts +8 -0
- package/dist/types/components/atoms/BreadCrumb/BreadCrumb.stories.d.ts +10 -0
- package/dist/types/components/atoms/Button/Button.d.ts +18 -0
- package/dist/types/components/atoms/Button/Button.stories.d.ts +48 -0
- package/dist/types/components/atoms/Button/variants/ActionButton.d.ts +5 -5
- package/dist/types/components/atoms/Button/variants/ActionButton.stories.d.ts +8 -0
- package/dist/types/components/atoms/Button/variants/FilterButton.d.ts +1 -2
- package/dist/types/components/atoms/Button/variants/FilterButton.stories.d.ts +7 -0
- package/dist/types/components/atoms/Button/variants/IconButton.d.ts +1 -4
- package/dist/types/components/atoms/Button/variants/IconButton.stories.d.ts +7 -0
- package/dist/types/components/atoms/Button/variants/NavButton.d.ts +9 -0
- package/dist/types/components/atoms/Button/variants/NavButton.stories.d.ts +7 -0
- package/dist/types/components/atoms/Button/variants/TabButton.d.ts +1 -2
- package/dist/types/components/atoms/Button/variants/TabButton.stories.d.ts +7 -0
- package/dist/types/components/atoms/Card/Card1.d.ts +15 -0
- package/dist/types/components/atoms/Card/Card1.stories.d.ts +6 -0
- package/dist/types/components/atoms/Card/Card2.d.ts +16 -0
- package/dist/types/components/atoms/Card/Card2.stories.d.ts +6 -0
- package/dist/types/components/atoms/Card/Card3.d.ts +17 -0
- package/dist/types/components/atoms/Card/Card3.stories.d.ts +6 -0
- package/dist/types/components/atoms/Card/Card4.d.ts +17 -0
- package/dist/types/components/atoms/Card/Card4.stories.d.ts +6 -0
- package/dist/types/components/atoms/Card/Card5.d.ts +16 -0
- package/dist/types/components/atoms/Card/Card5.stories.d.ts +6 -0
- package/dist/types/components/atoms/Card/Card6.d.ts +20 -0
- package/dist/types/components/atoms/Card/Card6.stories.d.ts +6 -0
- package/dist/types/components/atoms/Field/Field.stories.d.ts +9 -0
- package/dist/types/components/atoms/Label/Label.stories.d.ts +19 -0
- package/dist/types/components/atoms/Select/Select.stories.d.ts +14 -0
- package/dist/types/components/atoms/Stack/Stack.d.ts +1 -1
- package/dist/types/components/atoms/Stack/Stack.stories.d.ts +21 -0
- package/dist/types/components/atoms/Switch/CustomSwitch.d.ts +0 -2
- package/dist/types/components/atoms/Switch/CustomSwitch.stories.d.ts +7 -0
- package/dist/types/components/atoms/Tooltip/Tooltip.d.ts +1 -1
- package/dist/types/components/atoms/Tooltip/Tooltip.stories.d.ts +6 -0
- package/dist/types/components/layout/Error/Error.stories.d.ts +10 -0
- package/dist/types/components/layout/Footer/Footer.d.ts +5 -1
- package/dist/types/components/layout/Footer/Footer.stories.d.ts +6 -0
- package/dist/types/components/layout/Header/Header.d.ts +13 -12
- package/dist/types/components/layout/Header/Header.stories.d.ts +8 -0
- package/dist/types/components/layout/Spinner/Spinner.stories.d.ts +6 -0
- package/dist/types/components/moleculas/FormItem/FormItem.d.ts +12 -0
- package/dist/types/components/moleculas/FormItem/FormItem.stories.d.ts +7 -0
- package/dist/types/components/moleculas/Modal/Modal.d.ts +8 -0
- package/dist/types/components/moleculas/Modal/Modal.stories.d.ts +6 -0
- package/dist/types/components/moleculas/Operators/Operators.d.ts +15 -0
- package/dist/types/components/moleculas/Operators/Operators.stories.d.ts +8 -0
- package/dist/types/components/organisms/LazyLoading/LazyLoading.d.ts +15 -0
- package/dist/types/components/organisms/Profile/Profile.d.ts +2 -3
- package/dist/types/components/organisms/Profile/Profile.stories.d.ts +8 -0
- package/dist/types/components/organisms/Selector/Selector.d.ts +0 -19
- package/dist/types/contexts/apiContext.d.ts +0 -1
- package/dist/types/contexts/authContext.d.ts +14 -18
- package/dist/types/hooks/useApi.d.ts +1 -3
- package/dist/types/index.d.ts +32 -10
- package/dist/types/pages/Error/ErrorPage.d.ts +0 -1
- package/dist/types/pages/Error/ErrorPage.stories.d.ts +7 -0
- package/dist/types/pages/Loading/Loading.stories.d.ts +8 -0
- package/dist/types/pages/NotFound/NotFound.stories.d.ts +6 -0
- package/dist/types/types/ButtonTheme.d.ts +5 -0
- package/package.json +2 -2
- package/dist/084688f4083437c38a98.ttf +0 -0
- package/dist/28937b70005aac17035d.ttf +0 -0
- package/dist/5f9e53103764bd328f6c.ttf +0 -0
- package/dist/types/components/atoms/Button/variants/MainButton.d.ts +0 -15
- package/dist/types/components/atoms/IconText/IconText.d.ts +0 -11
- package/dist/types/components/atoms/Input/Input.d.ts +0 -12
- package/dist/types/components/atoms/MultiTagPickerTag/MultiTagPickerTag.d.ts +0 -10
- package/dist/types/components/atoms/SearchSelect/SearchSelect.d.ts +0 -15
- package/dist/types/components/molecules/ConfirmModal/ConfirmModal.d.ts +0 -11
- package/dist/types/components/molecules/Modal/Modal.d.ts +0 -10
- package/dist/types/components/molecules/MultiTagPicker/MultiTagPicker.d.ts +0 -23
- package/dist/types/components/molecules/Search/Search.d.ts +0 -7
- package/dist/types/components/molecules/Sidebar/Sidebar.d.ts +0 -11
- package/dist/types/components/organisms/LazyLoader/LazyLoader.d.ts +0 -15
- package/dist/types/constants/Colors.d.ts +0 -28
- package/dist/types/constants/FontWeight.d.ts +0 -8
- package/dist/types/contexts/socketContext.d.ts +0 -14
- package/dist/types/exports/assets.d.ts +0 -0
- package/dist/types/exports/atoms.d.ts +0 -14
- package/dist/types/exports/constants.d.ts +0 -0
- package/dist/types/exports/contexts.d.ts +0 -3
- package/dist/types/exports/hooks.d.ts +0 -2
- package/dist/types/exports/layout.d.ts +0 -4
- package/dist/types/exports/molecules.d.ts +0 -4
- package/dist/types/exports/organisms.d.ts +0 -3
- package/dist/types/exports/pages.d.ts +0 -3
- package/dist/types/exports/styles.d.ts +0 -2
- package/dist/types/exports/types.d.ts +0 -7
- package/dist/types/exports/utils.d.ts +0 -1
- package/dist/types/styles/themes/ButtonThemes.d.ts +0 -6
- package/dist/types/styles/utils/utils.d.ts +0 -1
- package/dist/types/types/Fetcher.d.ts +0 -4
- package/dist/types/types/SelectableElement.d.ts +0 -6
- package/dist/types/types/SidebarMenu.d.ts +0 -10
- package/dist/types/types/themes/AcronymThemes.d.ts +0 -3
- package/dist/types/types/themes/ButtonThemes.d.ts +0 -18
- package/dist/types/types/themes/CustomSwitchThemes.d.ts +0 -3
- package/dist/types/types/themes/IconTextThemes.d.ts +0 -5
- package/dist/types/utils/stringUtils.d.ts +0 -3
|
@@ -1,44 +1,16 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* React Tooltip
|
|
3
|
-
* {@link https://github.com/ReactTooltip/react-tooltip}
|
|
4
|
-
* @copyright ReactTooltip Team
|
|
5
|
-
* @license MIT
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
/*!
|
|
9
|
-
Copyright (c) 2018 Jed Watson.
|
|
10
|
-
Licensed under the MIT License (MIT), see
|
|
11
|
-
http://jedwatson.github.io/classnames
|
|
12
|
-
*/
|
|
13
|
-
|
|
14
1
|
/*!
|
|
15
2
|
* Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
|
|
16
3
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
17
4
|
* Copyright 2024 Fonticons, Inc.
|
|
18
5
|
*/
|
|
19
6
|
|
|
20
|
-
/*! *****************************************************************************
|
|
21
|
-
Copyright (c) Microsoft Corporation. All rights reserved.
|
|
22
|
-
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
|
|
23
|
-
this file except in compliance with the License. You may obtain a copy of the
|
|
24
|
-
License at http://www.apache.org/licenses/LICENSE-2.0
|
|
25
|
-
|
|
26
|
-
THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
27
|
-
KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
|
|
28
|
-
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
|
|
29
|
-
MERCHANTABLITY OR NON-INFRINGEMENT.
|
|
30
|
-
|
|
31
|
-
See the Apache Version 2.0 License for specific language governing permissions
|
|
32
|
-
and limitations under the License.
|
|
33
|
-
***************************************************************************** */
|
|
34
|
-
|
|
35
7
|
/*! js-cookie v3.0.5 | MIT */
|
|
36
8
|
|
|
37
9
|
/**
|
|
38
10
|
* [js-sha256]{@link https://github.com/emn178/js-sha256}
|
|
39
11
|
*
|
|
40
|
-
* @version 0.11.
|
|
12
|
+
* @version 0.11.0
|
|
41
13
|
* @author Chen, Yi-Cyuan [emn178@gmail.com]
|
|
42
|
-
* @copyright Chen, Yi-Cyuan 2014-
|
|
14
|
+
* @copyright Chen, Yi-Cyuan 2014-2024
|
|
43
15
|
* @license MIT
|
|
44
16
|
*/
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { AcronymTheme } from '../../../types/themes/AcronymThemes';
|
|
3
2
|
import './Acronym.scss';
|
|
4
3
|
type Props = {
|
|
5
4
|
name: string;
|
|
6
|
-
acronymOnly?: boolean;
|
|
7
|
-
theme: AcronymTheme;
|
|
8
5
|
};
|
|
9
|
-
declare const Acronym: ({ name
|
|
6
|
+
declare const Acronym: ({ name }: Props) => React.JSX.Element;
|
|
10
7
|
export default Acronym;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { ComponentProps } from "react";
|
|
3
|
+
import Acronym from "./Acronym";
|
|
4
|
+
type StoryProps = ComponentProps<typeof Acronym>;
|
|
5
|
+
declare const meta: Meta<StoryProps>;
|
|
6
|
+
export default meta;
|
|
7
|
+
type Story = StoryObj<typeof meta>;
|
|
8
|
+
export declare const AcronymStory: Story;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
import BreadCrumb from './BreadCrumb';
|
|
4
|
+
type StoryProps = React.ComponentProps<typeof BreadCrumb>;
|
|
5
|
+
declare const meta: Meta<StoryProps>;
|
|
6
|
+
export default meta;
|
|
7
|
+
type Story = StoryObj<typeof meta>;
|
|
8
|
+
export declare const SingleLevel: Story;
|
|
9
|
+
export declare const Root: Story;
|
|
10
|
+
export declare const Complete: Story;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PropsWithChildren } from 'react';
|
|
3
|
+
import { IconProp } from '@fortawesome/fontawesome-svg-core';
|
|
4
|
+
import './Button.scss';
|
|
5
|
+
type Props = PropsWithChildren<{
|
|
6
|
+
iconTop?: IconProp;
|
|
7
|
+
iconPrev?: IconProp;
|
|
8
|
+
iconNext?: IconProp;
|
|
9
|
+
title?: string;
|
|
10
|
+
srcimage?: string;
|
|
11
|
+
size: 'cui-circ-sm' | 'cui-lg' | 'cui-md' | 'cui-sm' | 'cui-ext_lg' | 'cui-md_form' | 'cui-ext_long' | 'cui-md_lg';
|
|
12
|
+
selected?: boolean;
|
|
13
|
+
mode?: 'cui-add' | 'cui-base_actions' | 'cui-base_actions_gray' | 'cui-filters_btn' | 'cui-create' | 'cui-add_partner' | 'cui-delete' | 'cui-logout' | 'cui-save_project' | 'cui-delete_project' | 'cui-download_file' | 'cui-delete_file' | 'cui-choose_file' | 'cui-exec_validator' | 'cui-download_excel' | 'cui-project_valid' | 'cui-project_invalid' | 'cui-generate_BoM_sin' | 'cui-save' | 'cui-cancel' | 'cui-history_options' | 'cui-login' | 'cui-login_microsoft' | 'cui-options_home_screen' | 'cui-project_and_operator_options' | 'cui-add_logo';
|
|
14
|
+
variant: 'cui-navigate' | 'cui-tabs' | 'cui-actions' | 'cui-filters' | 'cui-user_actions';
|
|
15
|
+
onClick: () => void;
|
|
16
|
+
}>;
|
|
17
|
+
declare const Button: ({ children, iconTop, iconPrev, iconNext, size, onClick, selected, variant, mode, }: Props) => React.JSX.Element;
|
|
18
|
+
export default Button;
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import Button from './Button';
|
|
4
|
+
type StoryProps = ComponentProps<typeof Button> & {
|
|
5
|
+
buttonText: string;
|
|
6
|
+
};
|
|
7
|
+
declare const meta: Meta<StoryProps>;
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<typeof meta>;
|
|
10
|
+
export declare const Ir_frente: Story;
|
|
11
|
+
export declare const Ir_tras: Story;
|
|
12
|
+
export declare const Adicionar: Story;
|
|
13
|
+
export declare const Adicionar_config: Story;
|
|
14
|
+
export declare const Marcar_default: Story;
|
|
15
|
+
export declare const Valid_config: Story;
|
|
16
|
+
export declare const Criar_regra: Story;
|
|
17
|
+
export declare const Transf_proj_dev: Story;
|
|
18
|
+
export declare const Clonar: Story;
|
|
19
|
+
export declare const Eliminar_clone: Story;
|
|
20
|
+
export declare const Adicionar_logo: Story;
|
|
21
|
+
export declare const Adicionar_parceiro: Story;
|
|
22
|
+
export declare const Eliminar: Story;
|
|
23
|
+
export declare const Transferir_fich: Story;
|
|
24
|
+
export declare const Exec_validador: Story;
|
|
25
|
+
export declare const Sucesso_proj_val: Story;
|
|
26
|
+
export declare const Erro_proj_inval: Story;
|
|
27
|
+
export declare const Gerar_BoM: Story;
|
|
28
|
+
export declare const Re_Gerar_Pre_BoM: Story;
|
|
29
|
+
export declare const Gerar_Pre_sinoticos: Story;
|
|
30
|
+
export declare const Gerar_Aloc_Juntas: Story;
|
|
31
|
+
export declare const Gravar: Story;
|
|
32
|
+
export declare const Cancelar: Story;
|
|
33
|
+
export declare const Historico_tarefas: Story;
|
|
34
|
+
export declare const Historico_erros: Story;
|
|
35
|
+
export declare const Transferir_fich_excel: Story;
|
|
36
|
+
export declare const Eliminar_fich: Story;
|
|
37
|
+
export declare const Gravar_Projeto: Story;
|
|
38
|
+
export declare const Eliminar_projeto: Story;
|
|
39
|
+
export declare const Escolher_ficheiro: Story;
|
|
40
|
+
export declare const Logout: Story;
|
|
41
|
+
export declare const Login: Story;
|
|
42
|
+
export declare const LoginMicrosoft: Story;
|
|
43
|
+
export declare const Escolher_operadoras: Story;
|
|
44
|
+
export declare const Gerir_projetos: Story;
|
|
45
|
+
export declare const Historico: Story;
|
|
46
|
+
export declare const Tabs: Story;
|
|
47
|
+
export declare const FiltersUnselected: Story;
|
|
48
|
+
export declare const FiltersSelected: Story;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { PropsWithChildren } from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { IconProp } from '@fortawesome/fontawesome-svg-core';
|
|
4
|
+
import { ButtonTheme } from '../../../../types/ButtonTheme';
|
|
4
5
|
import './ActionButton.scss';
|
|
5
6
|
type Props = PropsWithChildren<{
|
|
6
|
-
icon
|
|
7
|
+
icon: IconProp;
|
|
7
8
|
title: string;
|
|
8
|
-
theme:
|
|
9
|
+
theme: ButtonTheme;
|
|
9
10
|
onClick: () => void;
|
|
10
|
-
disabled?: boolean;
|
|
11
11
|
}>;
|
|
12
|
-
declare const ActionButton: ({ icon, title, theme, onClick
|
|
12
|
+
declare const ActionButton: ({ icon, title, theme, onClick }: Props) => React.JSX.Element;
|
|
13
13
|
export default ActionButton;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import ActionButton from './ActionButton';
|
|
3
|
+
declare const meta: Meta<typeof ActionButton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Logout: Story;
|
|
7
|
+
export declare const Confirmar: Story;
|
|
8
|
+
export declare const Negar: Story;
|
|
@@ -5,7 +5,6 @@ type Props = PropsWithChildren<{
|
|
|
5
5
|
title: string;
|
|
6
6
|
selected: boolean;
|
|
7
7
|
onClick: () => void;
|
|
8
|
-
disabled?: boolean;
|
|
9
8
|
}>;
|
|
10
|
-
declare const FilterButton: ({ title, selected, onClick
|
|
9
|
+
declare const FilterButton: ({ title, selected, onClick }: Props) => React.JSX.Element;
|
|
11
10
|
export default FilterButton;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import FilterButton from './FilterButton';
|
|
3
|
+
declare const meta: Meta<typeof FilterButton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Selected: Story;
|
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { PropsWithChildren } from 'react';
|
|
3
3
|
import { IconProp } from '@fortawesome/fontawesome-svg-core';
|
|
4
|
-
import { IconButtonTheme } from '../../../../types/themes/ButtonThemes';
|
|
5
4
|
import './IconButton.scss';
|
|
6
5
|
type Props = PropsWithChildren<{
|
|
7
6
|
icon: IconProp;
|
|
8
7
|
onClick: () => void;
|
|
9
|
-
theme: IconButtonTheme;
|
|
10
|
-
disabled?: boolean;
|
|
11
8
|
}>;
|
|
12
|
-
declare const IconButton: ({ icon, onClick
|
|
9
|
+
declare const IconButton: ({ icon, onClick }: Props) => React.JSX.Element;
|
|
13
10
|
export default IconButton;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import IconButton from './IconButton';
|
|
3
|
+
declare const meta: Meta<typeof IconButton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Close: Story;
|
|
7
|
+
export declare const Filter: Story;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PropsWithChildren } from 'react';
|
|
3
|
+
import './NavButton.scss';
|
|
4
|
+
type Props = PropsWithChildren<{
|
|
5
|
+
onClick: () => void;
|
|
6
|
+
navigate: 'NEXT' | 'PREVIOUS';
|
|
7
|
+
}>;
|
|
8
|
+
declare const NavButton: ({ onClick, navigate }: Props) => React.JSX.Element;
|
|
9
|
+
export default NavButton;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import NavButton from './NavButton';
|
|
3
|
+
declare const meta: Meta<typeof NavButton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Next: Story;
|
|
7
|
+
export declare const Previous: Story;
|
|
@@ -7,7 +7,6 @@ type Props = PropsWithChildren<{
|
|
|
7
7
|
title: string;
|
|
8
8
|
selected: boolean;
|
|
9
9
|
onClick: () => void;
|
|
10
|
-
disabled?: boolean;
|
|
11
10
|
}>;
|
|
12
|
-
declare const TabButton: ({ icon, title, selected, onClick
|
|
11
|
+
declare const TabButton: ({ icon, title, selected, onClick }: Props) => React.JSX.Element;
|
|
13
12
|
export default TabButton;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import TabButton from './TabButton';
|
|
3
|
+
declare const meta: Meta<typeof TabButton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Selected: Story;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PropsWithChildren } from 'react';
|
|
3
|
+
import './Card1.scss';
|
|
4
|
+
type Props = PropsWithChildren<{
|
|
5
|
+
title: string;
|
|
6
|
+
subtitle: string;
|
|
7
|
+
thumbnail: string;
|
|
8
|
+
isVideo: boolean;
|
|
9
|
+
clickable: boolean;
|
|
10
|
+
fontColor: string;
|
|
11
|
+
backgroundColor: string;
|
|
12
|
+
onClick: () => void;
|
|
13
|
+
}>;
|
|
14
|
+
declare const Card1: ({ title, subtitle, thumbnail, isVideo, clickable, fontColor, backgroundColor, onClick }: Props) => React.JSX.Element;
|
|
15
|
+
export default Card1;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PropsWithChildren } from 'react';
|
|
3
|
+
import './Card2.scss';
|
|
4
|
+
type Props = PropsWithChildren<{
|
|
5
|
+
icon: string;
|
|
6
|
+
title: string;
|
|
7
|
+
subtitle: string;
|
|
8
|
+
thumbnail: string;
|
|
9
|
+
isVideo: boolean;
|
|
10
|
+
clickable: boolean;
|
|
11
|
+
fontColor: string;
|
|
12
|
+
backgroundColor: string;
|
|
13
|
+
onClick: () => void;
|
|
14
|
+
}>;
|
|
15
|
+
declare const Card2: ({ icon, title, subtitle, thumbnail, isVideo, clickable, fontColor, backgroundColor, onClick }: Props) => React.JSX.Element;
|
|
16
|
+
export default Card2;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PropsWithChildren } from 'react';
|
|
3
|
+
import { IconProp } from '@fortawesome/fontawesome-svg-core';
|
|
4
|
+
import './Card3.scss';
|
|
5
|
+
type Props = PropsWithChildren<{
|
|
6
|
+
image: string;
|
|
7
|
+
title: string;
|
|
8
|
+
subtitle: string;
|
|
9
|
+
fontColor: string;
|
|
10
|
+
backgroundColor: string;
|
|
11
|
+
buttonIcon: IconProp;
|
|
12
|
+
buttonFontColor: string;
|
|
13
|
+
buttonBackgroundColor: string;
|
|
14
|
+
onClick: () => void;
|
|
15
|
+
}>;
|
|
16
|
+
declare const Card3: ({ image, title, subtitle, fontColor, backgroundColor, buttonIcon, buttonFontColor, buttonBackgroundColor, onClick }: Props) => React.JSX.Element;
|
|
17
|
+
export default Card3;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PropsWithChildren } from 'react';
|
|
3
|
+
import { IconProp } from '@fortawesome/fontawesome-svg-core';
|
|
4
|
+
import './Card4.scss';
|
|
5
|
+
type Props = PropsWithChildren<{
|
|
6
|
+
icon: IconProp;
|
|
7
|
+
iconColor: string;
|
|
8
|
+
title: string;
|
|
9
|
+
thumbnail: string;
|
|
10
|
+
isVideo: boolean;
|
|
11
|
+
clickable: boolean;
|
|
12
|
+
fontColor: string;
|
|
13
|
+
backgroundColor: string;
|
|
14
|
+
onClick: () => void;
|
|
15
|
+
}>;
|
|
16
|
+
declare const Card4: ({ icon, iconColor, title, thumbnail, isVideo, clickable, fontColor, backgroundColor, onClick }: Props) => React.JSX.Element;
|
|
17
|
+
export default Card4;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PropsWithChildren } from 'react';
|
|
3
|
+
import './Card5.scss';
|
|
4
|
+
type Props = PropsWithChildren<{
|
|
5
|
+
image: string;
|
|
6
|
+
title: string;
|
|
7
|
+
subtitle: string;
|
|
8
|
+
undertitle: string;
|
|
9
|
+
icon: string;
|
|
10
|
+
fontColor: string;
|
|
11
|
+
backgroundColor: string;
|
|
12
|
+
fixedSize: boolean;
|
|
13
|
+
onClick: () => void;
|
|
14
|
+
}>;
|
|
15
|
+
declare const Card5: ({ image, title, subtitle, undertitle, icon, fontColor, backgroundColor, onClick }: Props) => React.JSX.Element;
|
|
16
|
+
export default Card5;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PropsWithChildren } from 'react';
|
|
3
|
+
import { IconProp } from '@fortawesome/fontawesome-svg-core';
|
|
4
|
+
import './Card6.scss';
|
|
5
|
+
type Props = PropsWithChildren<{
|
|
6
|
+
title: string;
|
|
7
|
+
subtitle: string;
|
|
8
|
+
content: string;
|
|
9
|
+
content2: string;
|
|
10
|
+
buttonContent: string;
|
|
11
|
+
buttonIcon: IconProp;
|
|
12
|
+
buttonFontColor: string;
|
|
13
|
+
buttonBackgroundColor: string;
|
|
14
|
+
fontColor: string;
|
|
15
|
+
backgroundColor: string;
|
|
16
|
+
image: string;
|
|
17
|
+
onClick: () => void;
|
|
18
|
+
}>;
|
|
19
|
+
declare const Card6: ({ title, subtitle, content, content2, buttonContent, buttonIcon, buttonFontColor, buttonBackgroundColor, fontColor, backgroundColor, image, onClick }: Props) => React.JSX.Element;
|
|
20
|
+
export default Card6;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import Field from './Field';
|
|
3
|
+
declare const meta: Meta<typeof Field>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Added: Story;
|
|
7
|
+
export declare const Adding: Story;
|
|
8
|
+
export declare const Nome_operadora_nova: Story;
|
|
9
|
+
export declare const Field_numero: Story;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import Label from './Label';
|
|
3
|
+
declare const meta: Meta<typeof Label>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Identificador_added: Story;
|
|
7
|
+
export declare const Identificador_adding: Story;
|
|
8
|
+
export declare const Bloco_splitting: Story;
|
|
9
|
+
export declare const Bloco_fusao: Story;
|
|
10
|
+
export declare const Titulo_operadora_01: Story;
|
|
11
|
+
export declare const Nome_operadora_01: Story;
|
|
12
|
+
export declare const Titulo_operadora_nova: Story;
|
|
13
|
+
export declare const Opcoes_principais: Story;
|
|
14
|
+
export declare const Historico_titulo: Story;
|
|
15
|
+
export declare const Operadoras_titulo: Story;
|
|
16
|
+
export declare const Operadoras_breadcrumb: Story;
|
|
17
|
+
export declare const Operadoras_texto: Story;
|
|
18
|
+
export declare const Historico_texto: Story;
|
|
19
|
+
export declare const Titutlo_forms: Story;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import Select from './Select';
|
|
3
|
+
import './Select.scss';
|
|
4
|
+
declare const meta: Meta<typeof Select>;
|
|
5
|
+
export default meta;
|
|
6
|
+
type Story = StoryObj<typeof meta>;
|
|
7
|
+
export declare const Default: Story;
|
|
8
|
+
export declare const Disabled: Story;
|
|
9
|
+
export declare const SmallContainer: Story;
|
|
10
|
+
export declare const LargeContainer: Story;
|
|
11
|
+
export declare const NoOptions: Story;
|
|
12
|
+
export declare const LongPlaceholder: Story;
|
|
13
|
+
export declare const Responsive: Story;
|
|
14
|
+
export declare const WithSelectedValue: Story;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import Stack from './Stack';
|
|
3
|
+
import { ComponentProps } from 'react';
|
|
4
|
+
type StoryProps = ComponentProps<typeof Stack> & {
|
|
5
|
+
numberOfElements: number;
|
|
6
|
+
};
|
|
7
|
+
declare const meta: Meta<StoryProps>;
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<typeof meta>;
|
|
10
|
+
declare const Tabulador_operadoras: StoryObj;
|
|
11
|
+
export declare const Horizontal: Story;
|
|
12
|
+
export declare const Vertical: Story;
|
|
13
|
+
export declare const Wrapped: Story;
|
|
14
|
+
export declare const Empty: Story;
|
|
15
|
+
export declare const Tabulador_projeto: Story;
|
|
16
|
+
export declare const Tabulador_operadora: Story;
|
|
17
|
+
export declare const Tabulador_filtros_operadora_componentes: Story;
|
|
18
|
+
export declare const Tabulador_filtros_projetos_ficheiros: Story;
|
|
19
|
+
export declare const Tabulador_filtros_proj_BoM: Story;
|
|
20
|
+
export declare const Tabulador_historico_modos: Story;
|
|
21
|
+
export { Tabulador_operadoras };
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { CustomSwitchTheme } from '../../../types/themes/CustomSwitchThemes';
|
|
3
2
|
import './CustomSwitch.scss';
|
|
4
3
|
type CustomSwitchProps = {
|
|
5
4
|
label: string;
|
|
6
5
|
activated: boolean;
|
|
7
6
|
onChange: () => void;
|
|
8
|
-
theme: CustomSwitchTheme;
|
|
9
7
|
};
|
|
10
8
|
declare const CustomSwitch: React.FC<CustomSwitchProps>;
|
|
11
9
|
export default CustomSwitch;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import CustomSwitch from './CustomSwitch';
|
|
3
|
+
declare const meta: Meta<typeof CustomSwitch>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Active: Story;
|
|
@@ -3,9 +3,9 @@ import 'react-tooltip/dist/react-tooltip.css';
|
|
|
3
3
|
import './Tooltip.scss';
|
|
4
4
|
interface TooltipWrapperProps {
|
|
5
5
|
id?: string;
|
|
6
|
+
tip: string;
|
|
6
7
|
interactive?: boolean;
|
|
7
8
|
disabled?: boolean;
|
|
8
|
-
tip: ReactNode;
|
|
9
9
|
children: ReactNode;
|
|
10
10
|
}
|
|
11
11
|
declare const TooltipWrapper: React.FC<TooltipWrapperProps>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import Error from './Error';
|
|
4
|
+
type StoryProps = ComponentProps<typeof Error>;
|
|
5
|
+
declare const meta: Meta<StoryProps>;
|
|
6
|
+
export default meta;
|
|
7
|
+
type Story = StoryObj<typeof meta>;
|
|
8
|
+
export declare const Default: Story;
|
|
9
|
+
export declare const MultipleMessages: Story;
|
|
10
|
+
export declare const NoMessages: Story;
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { PropsWithChildren } from 'react';
|
|
2
3
|
import './Footer.scss';
|
|
3
|
-
|
|
4
|
+
type Props = PropsWithChildren<{
|
|
5
|
+
footerImg: string;
|
|
6
|
+
}>;
|
|
7
|
+
declare const Footer: ({ footerImg }: Props) => React.JSX.Element;
|
|
4
8
|
export default Footer;
|
|
@@ -1,14 +1,15 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PropsWithChildren } from 'react';
|
|
3
|
+
import { LoggedUser } from '../../../types/LoggedUser';
|
|
2
4
|
import './Header.scss';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
};
|
|
13
|
-
declare const Header: ({ title, subTitle, icon, sideBar, handleSideBar, profile, handleHome, }: Props) => React.JSX.Element;
|
|
5
|
+
type Props = PropsWithChildren<{
|
|
6
|
+
user: LoggedUser;
|
|
7
|
+
returnToHome: () => void;
|
|
8
|
+
returnLogout: () => void;
|
|
9
|
+
homeImg?: string;
|
|
10
|
+
homeTextImg?: string;
|
|
11
|
+
logoImg?: string;
|
|
12
|
+
title?: string;
|
|
13
|
+
}>;
|
|
14
|
+
declare const Header: ({ returnToHome, returnLogout, homeImg, homeTextImg, logoImg, title, user, }: Props) => React.JSX.Element;
|
|
14
15
|
export default Header;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import Header from './Header';
|
|
4
|
+
type StoryProps = ComponentProps<typeof Header>;
|
|
5
|
+
declare const meta: Meta<StoryProps>;
|
|
6
|
+
export default meta;
|
|
7
|
+
type Story = StoryObj<typeof meta>;
|
|
8
|
+
export declare const LoggedIn: Story;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './FormItem.scss';
|
|
3
|
+
type Props = {
|
|
4
|
+
label: string;
|
|
5
|
+
type: 'cui-added' | 'cui-adding';
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
readOnly?: boolean;
|
|
9
|
+
mode: 'cui-add' | 'cui-delete';
|
|
10
|
+
};
|
|
11
|
+
declare const FormItem: ({ placeholder, disabled, readOnly, mode }: Props) => React.JSX.Element;
|
|
12
|
+
export default FormItem;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import FormItem from './FormItem';
|
|
3
|
+
declare const meta: Meta<typeof FormItem>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Bloco_splitting_adicionar: Story;
|
|
7
|
+
export declare const Bloco_splitting_eliminar: Story;
|