nectiasw 0.0.296 → 0.0.297
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/App.d.ts +2 -0
- package/dist/components/Alert/Alert.stories.d.ts +13 -0
- package/dist/components/Alert/index.d.ts +2 -0
- package/dist/components/Alert/types.d.ts +9 -0
- package/dist/components/Badge/Bagde.stories.d.ts +17 -0
- package/dist/components/Badge/index.d.ts +16 -0
- package/dist/components/Badge/types.d.ts +5 -0
- package/dist/components/Box/index.d.ts +3 -0
- package/dist/components/Box/styles.d.ts +9 -0
- package/dist/components/Box/types.d.ts +105 -0
- package/dist/components/Button/builder.d.ts +20 -0
- package/dist/components/Button/index.d.ts +9 -0
- package/dist/components/Button/styled.d.ts +4 -0
- package/dist/components/Button/styles.d.ts +4 -0
- package/dist/components/Button/types.d.ts +25 -0
- package/dist/components/Button/variants/Weekday/Weekday.stories.d.ts +6 -0
- package/dist/components/Button/variants/Weekday/index.d.ts +3 -0
- package/dist/components/Button/variants/Weekday/styled.d.ts +13 -0
- package/dist/components/Button/variants/Weekday/types.d.ts +15 -0
- package/dist/components/Card/Card.stories.d.ts +13 -0
- package/dist/components/Card/index.d.ts +6 -0
- package/dist/components/Card/styles.d.ts +17 -0
- package/dist/components/Card/types.d.ts +10 -0
- package/dist/components/Card/variants/Schedule/index.d.ts +4 -0
- package/dist/components/Card/variants/Schedule/styled.d.ts +3 -0
- package/dist/components/Card/variants/Schedule/types.d.ts +13 -0
- package/dist/components/Chart/Chart.stories.d.ts +40 -0
- package/dist/components/Chart/index.d.ts +47 -0
- package/dist/components/Chart/styles.d.ts +5 -0
- package/dist/components/Checkbox/index.d.ts +27 -0
- package/dist/components/Checkbox/styled.d.ts +41 -0
- package/dist/components/Checkbox/styles.d.ts +7 -0
- package/dist/components/Col/index.d.ts +3 -0
- package/dist/components/Col/styled.d.ts +2 -0
- package/dist/components/Col/types.d.ts +13 -0
- package/dist/components/Collapse/index.d.ts +18 -0
- package/dist/components/Collapse/styles.d.ts +17 -0
- package/dist/components/Container/index.d.ts +12 -0
- package/dist/components/Counter/index.d.ts +11 -0
- package/dist/components/Counter/styles.d.ts +9 -0
- package/dist/components/Datepicker/index.d.ts +29 -0
- package/dist/components/Datepicker/styled.d.ts +8 -0
- package/dist/components/Datepicker/styles.d.ts +5 -0
- package/dist/components/DeadlineChart/index.d.ts +58 -0
- package/dist/components/DeadlineChart/styles.d.ts +11 -0
- package/dist/components/Detail/Detail.stories.d.ts +9 -0
- package/dist/components/Detail/index.d.ts +43 -0
- package/dist/components/Detail/styles.d.ts +14 -0
- package/dist/components/Dragarea/index.d.ts +3 -0
- package/dist/components/Dragarea/styled.d.ts +5 -0
- package/dist/components/Dragarea/svg.d.ts +5 -0
- package/dist/components/Dragarea/types.d.ts +38 -0
- package/dist/components/Dropdown/index.d.ts +41 -0
- package/dist/components/Dropdown/styles.d.ts +21 -0
- package/dist/components/Empty/index.d.ts +13 -0
- package/dist/components/EnterprisesFilter/EnterpriseContext.d.ts +17 -0
- package/dist/components/EnterprisesFilter/index.d.ts +21 -0
- package/dist/components/FirstModal/index.d.ts +3 -0
- package/dist/components/FirstModal/styled.d.ts +6 -0
- package/dist/components/FirstModal/types.d.ts +14 -0
- package/dist/components/Flex/index.d.ts +25 -0
- package/dist/components/Flex/styles.d.ts +8 -0
- package/dist/components/Footer/index.d.ts +7 -0
- package/dist/components/Footer/styled.d.ts +2 -0
- package/dist/components/Footer/styles.d.ts +3 -0
- package/dist/components/Footer/svg.d.ts +5 -0
- package/dist/components/Grid/index.d.ts +37 -0
- package/dist/components/Input/index.d.ts +67 -0
- package/dist/components/Input/styles.d.ts +8 -0
- package/dist/components/Input/variants/InputTable.d.ts +3 -0
- package/dist/components/Layout/hooks.d.ts +1 -0
- package/dist/components/Layout/index.d.ts +20 -0
- package/dist/components/Layout/styles.d.ts +13 -0
- package/dist/components/Loading/index.d.ts +16 -0
- package/dist/components/Loading/styles.d.ts +19 -0
- package/dist/components/Modal/index.d.ts +8 -0
- package/dist/components/Modal/styles.d.ts +25 -0
- package/dist/components/Modal/variant/TCModal.d.ts +4 -0
- package/dist/components/Modal/variant/TCModal.stories.d.ts +7 -0
- package/dist/components/Modal/variant/styles.d.ts +11 -0
- package/dist/components/Modal/variant/svg.d.ts +1 -0
- package/dist/components/Modal/variant/types.d.ts +14 -0
- package/dist/components/ModalUnathorized/index.d.ts +4 -0
- package/dist/components/Navbar/Navbar.stories.d.ts +7 -0
- package/dist/components/Navbar/index.d.ts +24 -0
- package/dist/components/Navbar/styles.d.ts +49 -0
- package/dist/components/Pagination/index.d.ts +3 -0
- package/dist/components/Pagination/styles.d.ts +26 -0
- package/dist/components/Pagination/types.d.ts +19 -0
- package/dist/components/RadioButton/index.d.ts +15 -0
- package/dist/components/RadioButton/styles.d.ts +7 -0
- package/dist/components/Row/index.d.ts +14 -0
- package/dist/components/Search/index.d.ts +7 -0
- package/dist/components/Search/styled.d.ts +14 -0
- package/dist/components/Search/styles.d.ts +20 -0
- package/dist/components/Search/types.d.ts +75 -0
- package/dist/components/Search/variants/ScrollSearch.d.ts +4 -0
- package/dist/components/Search/variants/styled.d.ts +23 -0
- package/dist/components/Select/Select.stories.d.ts +15 -0
- package/dist/components/Select/builder.d.ts +27 -0
- package/dist/components/Select/index.d.ts +46 -0
- package/dist/components/Select/styled.d.ts +1 -0
- package/dist/components/Sidebar/Sidebar.stories.d.ts +36 -0
- package/dist/components/Sidebar/index.d.ts +2 -0
- package/dist/components/Sidebar/styles.d.ts +26 -0
- package/dist/components/Sidebar/types.d.ts +37 -0
- package/dist/components/Stepper/index.d.ts +17 -0
- package/dist/components/Stepper/styles.d.ts +15 -0
- package/dist/components/Switch/index.d.ts +20 -0
- package/dist/components/Table/Table.stories.d.ts +8 -0
- package/dist/components/Table/builder.d.ts +18 -0
- package/dist/components/Table/index.d.ts +32 -0
- package/dist/components/Table/styled.d.ts +41 -0
- package/dist/components/Table/styles.d.ts +27 -0
- package/dist/components/Table/svg.d.ts +1 -0
- package/dist/components/Table/types.d.ts +98 -0
- package/dist/components/Tableinput/index.d.ts +40 -0
- package/dist/components/Tableinput/styles.d.ts +3 -0
- package/dist/components/Tableinput/types.d.ts +8 -0
- package/dist/components/Text/index.d.ts +47 -0
- package/dist/components/Text/styles.d.ts +23 -0
- package/dist/components/Textarea/TextArea.stories.d.ts +10 -0
- package/dist/components/Textarea/index.d.ts +15 -0
- package/dist/components/Textarea/styled.d.ts +2 -0
- package/dist/components/Textarea/styles.d.ts +23 -0
- package/dist/components/Timeline/index.d.ts +3 -0
- package/dist/components/Timeline/styled.d.ts +12 -0
- package/dist/components/Timeline/styles.d.ts +26 -0
- package/dist/components/Timeline/types.d.ts +26 -0
- package/dist/components/Tooltip/index.d.ts +16 -0
- package/dist/components/Tooltip/styled.d.ts +22 -0
- package/dist/components/Tooltip/styles.d.ts +3 -0
- package/dist/components/Totalhours/index.d.ts +72 -0
- package/dist/constants/index.d.ts +11 -0
- package/dist/events/index.d.ts +58 -0
- package/dist/hooks/usecache/config.d.ts +7 -0
- package/dist/hooks/usecache/index.d.ts +13 -0
- package/dist/hooks/usecheckbox/index.d.ts +12 -0
- package/dist/hooks/usetoggle/index.d.ts +14 -0
- package/dist/index.d.ts +133 -0
- package/dist/index.es.js +36161 -0
- package/dist/index.es.js.map +1 -0
- package/dist/index.umd.js +2129 -0
- package/dist/index.umd.js.map +1 -0
- package/dist/main.d.ts +0 -0
- package/dist/providers/channel/hooks.d.ts +11 -0
- package/dist/providers/channel/index.d.ts +26 -0
- package/dist/providers/channel/types.d.ts +8 -0
- package/dist/providers/context/hooks.d.ts +1 -0
- package/dist/providers/context/index.d.ts +31 -0
- package/dist/providers/context/types.d.ts +48 -0
- package/dist/providers/https/http.api.d.ts +27 -0
- package/dist/providers/https/index.d.ts +68 -0
- package/dist/providers/logger/index.d.ts +24 -0
- package/dist/providers/microfront/index.d.ts +16 -0
- package/dist/providers/microfront/types.d.ts +50 -0
- package/dist/providers/permissions/index.d.ts +12 -0
- package/dist/providers/permissions/types.d.ts +88 -0
- package/dist/providers/permissions/utils.d.ts +11 -0
- package/dist/providers/private/index.d.ts +25 -0
- package/dist/providers/storage/crypto.d.ts +1 -0
- package/dist/providers/storage/index.d.ts +4 -0
- package/dist/providers/storage/session/index.d.ts +53 -0
- package/dist/providers/storage/types.d.ts +32 -0
- package/dist/providers/taggeo/tagEvent.d.ts +12 -0
- package/dist/stories/Button.d.ts +27 -0
- package/dist/stories/Button.stories.d.ts +23 -0
- package/dist/stories/Header.d.ts +12 -0
- package/dist/stories/Header.stories.d.ts +18 -0
- package/dist/stories/Page.d.ts +2 -0
- package/dist/stories/Page.stories.d.ts +12 -0
- package/dist/style.css +1 -0
- package/dist/theme/index.d.ts +12 -0
- package/dist/typings/index.d.ts +150 -0
- package/dist/utils/amount/index.d.ts +1 -0
- package/dist/utils/bearer/index.d.ts +6 -0
- package/dist/utils/cache/index.d.ts +7 -0
- package/dist/utils/capitalize/index.d.ts +6 -0
- package/dist/utils/download/index.d.ts +6 -0
- package/dist/utils/index.d.ts +13 -0
- package/dist/utils/mapping/index.d.ts +19 -0
- package/dist/utils/microfront/index.d.ts +8 -0
- package/dist/utils/responsive/index.d.ts +5 -0
- package/dist/utils/revert/index.d.ts +5 -0
- package/dist/utils/slots/index.d.ts +14 -0
- package/dist/utils/sort/index.d.ts +6 -0
- package/dist/utils/stack/index.d.ts +5 -0
- package/dist/utils/time/index.d.ts +7 -0
- package/dist/vite.svg +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function useCustomEvent<T>(event: string, callback: (value: T) => void): void;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { default as React, ReactNode } from 'react';
|
|
2
|
+
import { SidebarProps } from '../Sidebar/types';
|
|
3
|
+
export type LayoutProps = {
|
|
4
|
+
children?: ReactNode;
|
|
5
|
+
includeNavbar?: boolean;
|
|
6
|
+
includeSidebar?: boolean;
|
|
7
|
+
includeFooter?: boolean;
|
|
8
|
+
menu?: Pick<SidebarProps, 'panel' | 'options'> | undefined;
|
|
9
|
+
previousPath?: string | boolean;
|
|
10
|
+
includeNavbarDropdown?: boolean;
|
|
11
|
+
};
|
|
12
|
+
/**
|
|
13
|
+
* @description
|
|
14
|
+
* A layout component that includes a navbar, sidebar and a container.
|
|
15
|
+
* @example
|
|
16
|
+
* <TwLayout>
|
|
17
|
+
* <h1>My Page</h1>
|
|
18
|
+
* </TwLayout>
|
|
19
|
+
*/
|
|
20
|
+
export declare const Layout: React.FunctionComponent<LayoutProps>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "open"> & {
|
|
2
|
+
open: boolean;
|
|
3
|
+
}, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "open"> & {
|
|
4
|
+
open: boolean;
|
|
5
|
+
}, never>>> & string;
|
|
6
|
+
export declare const SidebarContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
7
|
+
export declare const PageContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
8
|
+
export declare const classes: {
|
|
9
|
+
grid: string;
|
|
10
|
+
open: string;
|
|
11
|
+
close: string;
|
|
12
|
+
container: string;
|
|
13
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type LoadingProps = {
|
|
3
|
+
status?: boolean;
|
|
4
|
+
centered?: boolean;
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
};
|
|
7
|
+
/**
|
|
8
|
+
* @description
|
|
9
|
+
* Loading component for the application on TailwindCSS.
|
|
10
|
+
*/
|
|
11
|
+
export declare const Loading: React.FunctionComponent<LoadingProps>;
|
|
12
|
+
/**
|
|
13
|
+
* @description
|
|
14
|
+
* Wait component for the application on TailwindCSS.
|
|
15
|
+
*/
|
|
16
|
+
export declare const Wait: React.FunctionComponent<LoadingProps>;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export declare const classes: {
|
|
2
|
+
loading: {
|
|
3
|
+
position: string;
|
|
4
|
+
top: number;
|
|
5
|
+
left: number;
|
|
6
|
+
width: string;
|
|
7
|
+
height: string;
|
|
8
|
+
zIndex: number;
|
|
9
|
+
};
|
|
10
|
+
spinnerCenter: {
|
|
11
|
+
display: string;
|
|
12
|
+
justifyContent: string;
|
|
13
|
+
alignItems: string;
|
|
14
|
+
top: string;
|
|
15
|
+
left: string;
|
|
16
|
+
position: string;
|
|
17
|
+
transform: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export declare const Tailwind: {
|
|
2
|
+
dialog: {
|
|
3
|
+
header: {
|
|
4
|
+
className: string;
|
|
5
|
+
};
|
|
6
|
+
content: {
|
|
7
|
+
className: string | undefined;
|
|
8
|
+
};
|
|
9
|
+
mask: {
|
|
10
|
+
style: {
|
|
11
|
+
backgroundColor: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
transition: ({ props }: {
|
|
15
|
+
props: {
|
|
16
|
+
position: string;
|
|
17
|
+
};
|
|
18
|
+
}) => {
|
|
19
|
+
enterFromClass: string;
|
|
20
|
+
enterActiveClass: string;
|
|
21
|
+
leaveActiveClass: string;
|
|
22
|
+
leaveToClass: string;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { TCModalProps } from './types';
|
|
3
|
+
declare const meta: Meta<TCModalProps>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<TCModalProps>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithMoreInfo: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const SucursalVirtualSVG: () => import("react").JSX.Element;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export interface TCModalProps {
|
|
2
|
+
title?: string;
|
|
3
|
+
subtitle?: string;
|
|
4
|
+
visible?: boolean;
|
|
5
|
+
onAccept?: () => void;
|
|
6
|
+
onCancel?: () => void;
|
|
7
|
+
moreInfo?: boolean;
|
|
8
|
+
subtitles?: TermsConditions[];
|
|
9
|
+
}
|
|
10
|
+
export type TermsConditions = {
|
|
11
|
+
termId: number;
|
|
12
|
+
content?: string;
|
|
13
|
+
};
|
|
14
|
+
export declare const TITLE = "T\u00E9rminos y Condiciones";
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Navbar } from './index.tsx';
|
|
3
|
+
declare const meta: Meta<typeof Navbar>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const NoRoutes: Story;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface Route {
|
|
3
|
+
name: string;
|
|
4
|
+
href: string;
|
|
5
|
+
}
|
|
6
|
+
export type NavbarProps = {
|
|
7
|
+
routes?: Route[];
|
|
8
|
+
selected?: string;
|
|
9
|
+
previousPath?: string | boolean;
|
|
10
|
+
};
|
|
11
|
+
/************************************************
|
|
12
|
+
* Styled Components para la versión escritorio y móvil
|
|
13
|
+
************************************************/
|
|
14
|
+
export declare const HeaderContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
15
|
+
export declare const HeaderMobile: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
16
|
+
export declare const UserContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
17
|
+
export declare const Logo: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>>> & string;
|
|
18
|
+
export declare const NameDiv: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
19
|
+
export declare const UserDropdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
20
|
+
export declare const Navbar: React.FunctionComponent<NavbarProps>;
|
|
21
|
+
export declare enum System {
|
|
22
|
+
SIGN = "Firma Digital",
|
|
23
|
+
INTEGRA = "Integra Negocio"
|
|
24
|
+
}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
export declare const classes: {
|
|
2
|
+
mobile: {
|
|
3
|
+
container: string;
|
|
4
|
+
logo: string;
|
|
5
|
+
profile: {
|
|
6
|
+
container: string;
|
|
7
|
+
userInfo: {
|
|
8
|
+
container: string;
|
|
9
|
+
name: string;
|
|
10
|
+
role: string;
|
|
11
|
+
};
|
|
12
|
+
pick: string;
|
|
13
|
+
};
|
|
14
|
+
dropdown: {
|
|
15
|
+
container: string;
|
|
16
|
+
wrapper: string;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
background: string;
|
|
20
|
+
displayleft: string;
|
|
21
|
+
displayright: string;
|
|
22
|
+
logo: {
|
|
23
|
+
root: string;
|
|
24
|
+
wrapper: string;
|
|
25
|
+
container: string;
|
|
26
|
+
};
|
|
27
|
+
router: {
|
|
28
|
+
routes: string;
|
|
29
|
+
root: string;
|
|
30
|
+
route: string;
|
|
31
|
+
};
|
|
32
|
+
menu: {
|
|
33
|
+
root: string;
|
|
34
|
+
button: string;
|
|
35
|
+
active: string;
|
|
36
|
+
headless: string;
|
|
37
|
+
engine: string;
|
|
38
|
+
};
|
|
39
|
+
profile: {
|
|
40
|
+
image: string;
|
|
41
|
+
root: string;
|
|
42
|
+
pick: string;
|
|
43
|
+
name: string;
|
|
44
|
+
info: string;
|
|
45
|
+
badge: string;
|
|
46
|
+
role: string;
|
|
47
|
+
};
|
|
48
|
+
sr: string;
|
|
49
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @description
|
|
3
|
+
* This file contains the styles for the tw-pagination component.
|
|
4
|
+
*/
|
|
5
|
+
export declare const classes: {
|
|
6
|
+
container: string;
|
|
7
|
+
controls: {
|
|
8
|
+
root: (mobileView: boolean) => "hidden" | "flex flex-1 justify-between sm:hidden";
|
|
9
|
+
prev: string;
|
|
10
|
+
next: string;
|
|
11
|
+
};
|
|
12
|
+
filter: {
|
|
13
|
+
root: string;
|
|
14
|
+
start: (mobileView: boolean) => "hidden" | "";
|
|
15
|
+
end: string;
|
|
16
|
+
show: string;
|
|
17
|
+
info: string;
|
|
18
|
+
};
|
|
19
|
+
pagination: {
|
|
20
|
+
root: string;
|
|
21
|
+
active: string;
|
|
22
|
+
page: string;
|
|
23
|
+
controlsRight: string;
|
|
24
|
+
controlsLeft: string;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export type PaginationProps = {
|
|
2
|
+
page: number;
|
|
3
|
+
pages: number;
|
|
4
|
+
hasNext?: boolean;
|
|
5
|
+
hasPrev?: boolean;
|
|
6
|
+
onClickPage?: (page: number) => void;
|
|
7
|
+
onClickLimit?: (limit: string) => void;
|
|
8
|
+
className?: string;
|
|
9
|
+
info?: string;
|
|
10
|
+
total?: number;
|
|
11
|
+
limit?: string;
|
|
12
|
+
current?: number;
|
|
13
|
+
mobileView?: boolean;
|
|
14
|
+
};
|
|
15
|
+
/**
|
|
16
|
+
* @description
|
|
17
|
+
* Maximum offset for the pagination.
|
|
18
|
+
*/
|
|
19
|
+
export declare const OFFSET_RANGE = 2;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export declare const RadioButton: React.FunctionComponent<RadioButtonProps>;
|
|
3
|
+
export declare const StyledRadioButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
|
|
4
|
+
ref?: ((instance: HTMLInputElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLInputElement> | null | undefined;
|
|
5
|
+
}, "type"> & Partial<Pick<import('styled-components').FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
|
|
6
|
+
ref?: ((instance: HTMLInputElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLInputElement> | null | undefined;
|
|
7
|
+
}, "type">>> & string;
|
|
8
|
+
export type RadioButtonProps = {
|
|
9
|
+
className?: string;
|
|
10
|
+
name?: string;
|
|
11
|
+
value?: string;
|
|
12
|
+
checked?: boolean;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
onClick?: (value: string | undefined) => void;
|
|
15
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export declare const Row: React.FC<RowProps>;
|
|
3
|
+
export declare const StyledRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof RowProps> & RowProps, never> & Partial<Pick<import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof RowProps> & RowProps, never>>> & string;
|
|
4
|
+
export interface RowProps {
|
|
5
|
+
unit?: 'px' | 'rem' | 'em' | '%';
|
|
6
|
+
border?: string;
|
|
7
|
+
height?: string;
|
|
8
|
+
padding?: string;
|
|
9
|
+
gapBottom?: string;
|
|
10
|
+
borderRadius?: string;
|
|
11
|
+
childrenColor?: string;
|
|
12
|
+
backgroundColor?: string;
|
|
13
|
+
children?: React.ReactNode;
|
|
14
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Props } from 'react-select';
|
|
2
|
+
import { default as React } from 'react';
|
|
3
|
+
type ExtendedSearch = {
|
|
4
|
+
dropdown?: boolean;
|
|
5
|
+
};
|
|
6
|
+
export declare const StyledSelect: React.ComponentType<Props & ExtendedSearch>;
|
|
7
|
+
export declare const SearchContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & {
|
|
8
|
+
color?: string;
|
|
9
|
+
}, never> & Partial<Pick<import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & {
|
|
10
|
+
color?: string;
|
|
11
|
+
}, never>>> & string;
|
|
12
|
+
export declare const StyledDropdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../Dropdown').DropdownProps, never> & Partial<Pick<import('../Dropdown').DropdownProps, never>>> & string & Omit<React.FunctionComponent<import('../Dropdown').DropdownProps>, keyof React.Component<any, {}, any>>;
|
|
13
|
+
export declare const StyledDropdownContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export declare const classes: {
|
|
2
|
+
input: {
|
|
3
|
+
root: string;
|
|
4
|
+
ref: string;
|
|
5
|
+
button: string;
|
|
6
|
+
};
|
|
7
|
+
dropdown: {
|
|
8
|
+
root: string;
|
|
9
|
+
item: string;
|
|
10
|
+
items: string;
|
|
11
|
+
title: string;
|
|
12
|
+
container: string;
|
|
13
|
+
};
|
|
14
|
+
search: {
|
|
15
|
+
root: string;
|
|
16
|
+
};
|
|
17
|
+
icon: {
|
|
18
|
+
xcircle: string;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { Color } from '../../theme';
|
|
2
|
+
export type SearchItem = {
|
|
3
|
+
label: string;
|
|
4
|
+
value: string;
|
|
5
|
+
};
|
|
6
|
+
export type Placeholder = {
|
|
7
|
+
label?: string;
|
|
8
|
+
type?: 'number' | 'text' | 'id';
|
|
9
|
+
};
|
|
10
|
+
type EventUI = React.UIEvent<HTMLDivElement>;
|
|
11
|
+
export type SearchProps = {
|
|
12
|
+
value?: string;
|
|
13
|
+
selected?: string;
|
|
14
|
+
options?: string[];
|
|
15
|
+
dropdownWidth?: string;
|
|
16
|
+
placeholder?: Placeholder;
|
|
17
|
+
placeholderText?: string;
|
|
18
|
+
onReachingLimit?: () => void;
|
|
19
|
+
onInputChange?: (value: string) => void;
|
|
20
|
+
onChange?: (value: string) => void;
|
|
21
|
+
onAdding?: (search: SearchItem) => void;
|
|
22
|
+
onDelete?: (search: SearchItem) => void;
|
|
23
|
+
onPress?: () => void;
|
|
24
|
+
onSearch?: () => void;
|
|
25
|
+
onClearInput?: () => void;
|
|
26
|
+
values?: SearchItem[];
|
|
27
|
+
classNames?: {
|
|
28
|
+
root?: string;
|
|
29
|
+
input?: string;
|
|
30
|
+
search?: string;
|
|
31
|
+
dropdown?: string;
|
|
32
|
+
};
|
|
33
|
+
length?: number;
|
|
34
|
+
search?: string;
|
|
35
|
+
dropdown?: boolean;
|
|
36
|
+
backgroundColor?: string;
|
|
37
|
+
};
|
|
38
|
+
export type Client = {
|
|
39
|
+
rut?: string;
|
|
40
|
+
name?: string;
|
|
41
|
+
};
|
|
42
|
+
export type PendingClientElement = {
|
|
43
|
+
uuid: string;
|
|
44
|
+
width?: number;
|
|
45
|
+
};
|
|
46
|
+
export interface ScrollSearchProps {
|
|
47
|
+
search?: string;
|
|
48
|
+
results?: Client[];
|
|
49
|
+
property?: keyof Client;
|
|
50
|
+
pending?: PendingClientElement[];
|
|
51
|
+
show?: boolean;
|
|
52
|
+
shallow?: boolean;
|
|
53
|
+
loading?: boolean;
|
|
54
|
+
searching?: boolean;
|
|
55
|
+
placeholder?: string;
|
|
56
|
+
onFocus?: () => void;
|
|
57
|
+
onFocusOut?: () => void;
|
|
58
|
+
onScroll?: (e: EventUI) => void;
|
|
59
|
+
onInputChange?: (value: string) => void;
|
|
60
|
+
onResultSelect?: (result: Client) => void;
|
|
61
|
+
barColor?: Color;
|
|
62
|
+
loaderColor?: Color;
|
|
63
|
+
searchColor?: Color;
|
|
64
|
+
spacingColor?: Color;
|
|
65
|
+
placeholderColor?: Color;
|
|
66
|
+
dropdownItemColor?: Color;
|
|
67
|
+
renderItem?: (item: Client) => React.ReactNode;
|
|
68
|
+
cMarginTop?: string;
|
|
69
|
+
inputDisabled?: boolean;
|
|
70
|
+
defaultValue?: string;
|
|
71
|
+
}
|
|
72
|
+
export declare const defaults: {
|
|
73
|
+
value: string;
|
|
74
|
+
};
|
|
75
|
+
export {};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ScrollSearchProps } from '../types';
|
|
3
|
+
export declare const ScrollSearch: React.MemoExoticComponent<React.ForwardRefExoticComponent<ScrollSearchProps & React.RefAttributes<HTMLDivElement>>>;
|
|
4
|
+
export default ScrollSearch;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Color } from '../../../theme';
|
|
2
|
+
type SkeletonProps = {
|
|
3
|
+
width?: number;
|
|
4
|
+
};
|
|
5
|
+
type WithTheme = {
|
|
6
|
+
theming?: Color;
|
|
7
|
+
};
|
|
8
|
+
type SearchContainerProps = {
|
|
9
|
+
marginTop?: string;
|
|
10
|
+
};
|
|
11
|
+
export declare const SkeletonDropdownItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "width"> & SkeletonProps, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "width"> & SkeletonProps, never>>> & string;
|
|
12
|
+
export declare const SearchContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "marginTop"> & SearchContainerProps, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "marginTop"> & SearchContainerProps, never>>> & string;
|
|
13
|
+
export declare const SearchBar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theming"> & WithTheme, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theming"> & WithTheme, never>>> & string;
|
|
14
|
+
export declare const SearchInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "theming" | "placeholderColor"> & WithTheme & {
|
|
15
|
+
placeholderColor: Color;
|
|
16
|
+
}, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "theming" | "placeholderColor"> & WithTheme & {
|
|
17
|
+
placeholderColor: Color;
|
|
18
|
+
}, never>>> & string;
|
|
19
|
+
export declare const Dropdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
20
|
+
export declare const DropdownItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theming"> & WithTheme, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theming"> & WithTheme, never>>> & string;
|
|
21
|
+
export declare const Spacing: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theming"> & WithTheme, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theming"> & WithTheme, never>>> & string;
|
|
22
|
+
export declare const Loader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theming"> & WithTheme, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theming"> & WithTheme, never>>> & string;
|
|
23
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Select } from '.';
|
|
3
|
+
declare const meta: Meta<typeof Select>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Select>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Disabled: Story;
|
|
8
|
+
export declare const Searchable: Story;
|
|
9
|
+
export declare const CustomSize: Story;
|
|
10
|
+
export declare const CustomVariant: Story;
|
|
11
|
+
export declare const YearSelect: Story;
|
|
12
|
+
export declare const Multi: Story;
|
|
13
|
+
export declare const MaxSelect: Story;
|
|
14
|
+
export declare const RutSelect: Story;
|
|
15
|
+
export declare const CustomOption: Story;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { SelectProps } from '.';
|
|
2
|
+
export type Override<T, U> = Omit<T, keyof U> & U;
|
|
3
|
+
export type OverrideBuilder = Override<Builder, {
|
|
4
|
+
backgrounds: typeof Builder.prototype.backgrounds;
|
|
5
|
+
variants: typeof Builder.prototype.variants;
|
|
6
|
+
}>;
|
|
7
|
+
declare class Builder {
|
|
8
|
+
private base;
|
|
9
|
+
private props;
|
|
10
|
+
variants: {
|
|
11
|
+
xs: string;
|
|
12
|
+
sm: string;
|
|
13
|
+
lg: string;
|
|
14
|
+
xl: string;
|
|
15
|
+
xxl: string;
|
|
16
|
+
base: string;
|
|
17
|
+
};
|
|
18
|
+
backgrounds: Record<string, string>;
|
|
19
|
+
private disabled;
|
|
20
|
+
tailwind: string;
|
|
21
|
+
option?: string;
|
|
22
|
+
text: string;
|
|
23
|
+
constructor(props: Partial<SelectProps>, override?: OverrideBuilder);
|
|
24
|
+
private buildClassName;
|
|
25
|
+
getText(): string;
|
|
26
|
+
}
|
|
27
|
+
export { Builder };
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { OverrideBuilder } from './builder';
|
|
3
|
+
/**
|
|
4
|
+
* @description
|
|
5
|
+
* This is a description of the TwSelect component and what it does in one or two sentences.
|
|
6
|
+
*/
|
|
7
|
+
export declare const Select: React.FunctionComponent<SelectProps>;
|
|
8
|
+
export type Option = {
|
|
9
|
+
key: string | number;
|
|
10
|
+
value: string;
|
|
11
|
+
label: string;
|
|
12
|
+
history?: string;
|
|
13
|
+
};
|
|
14
|
+
export type SelectProps = {
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
options?: Option[];
|
|
17
|
+
devtools?: boolean;
|
|
18
|
+
optionFontSize?: string;
|
|
19
|
+
value?: string | number | Option[];
|
|
20
|
+
onSelect?: (value: Option) => void;
|
|
21
|
+
onPick?: (hour?: Option) => void;
|
|
22
|
+
size: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | 'xxl';
|
|
23
|
+
variant: 'primary' | 'secondary' | 'outline' | 'outlined-primary' | 'outlined-black' | 'outlined-gray' | 'tertiary' | 'hours' | 'hoursPicker';
|
|
24
|
+
className?: string;
|
|
25
|
+
container?: string;
|
|
26
|
+
defaultValue?: string;
|
|
27
|
+
control?: React.CSSProperties;
|
|
28
|
+
hours?: boolean;
|
|
29
|
+
option?: React.CSSProperties;
|
|
30
|
+
placeholder?: React.CSSProperties;
|
|
31
|
+
time?: string;
|
|
32
|
+
override?: OverrideBuilder;
|
|
33
|
+
onTypingHour?: (hour?: string) => void;
|
|
34
|
+
position?: 'absolute' | 'relative' | 'fixed' | 'sticky' | 'static' | 'inherit' | 'initial' | 'unset';
|
|
35
|
+
isSearchable?: boolean;
|
|
36
|
+
onClear?: () => void;
|
|
37
|
+
listHeight?: number;
|
|
38
|
+
handleKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
|
|
39
|
+
isMulti?: boolean;
|
|
40
|
+
isClearable?: boolean;
|
|
41
|
+
maxSelectedOptions?: number;
|
|
42
|
+
isRut?: boolean;
|
|
43
|
+
};
|
|
44
|
+
export type OptionListProps = {
|
|
45
|
+
active?: boolean;
|
|
46
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const StyledSelect: any;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').FunctionComponent<import('./types').SidebarProps>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
argTypes: {};
|
|
10
|
+
args: {
|
|
11
|
+
open: true;
|
|
12
|
+
options: ({
|
|
13
|
+
path: string;
|
|
14
|
+
title: string;
|
|
15
|
+
icon: import("react").JSX.Element;
|
|
16
|
+
except?: undefined;
|
|
17
|
+
} | {
|
|
18
|
+
path: string;
|
|
19
|
+
title: string;
|
|
20
|
+
icon: import("react").JSX.Element;
|
|
21
|
+
except: (string | RegExp)[];
|
|
22
|
+
})[];
|
|
23
|
+
panel: {
|
|
24
|
+
path: string;
|
|
25
|
+
title: string;
|
|
26
|
+
icon: undefined;
|
|
27
|
+
}[];
|
|
28
|
+
selected: string;
|
|
29
|
+
onToggle: () => void;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
export default meta;
|
|
33
|
+
type Story = StoryObj<typeof meta>;
|
|
34
|
+
export declare const Default: Story;
|
|
35
|
+
export declare const Closed: Story;
|
|
36
|
+
export declare const WithContent: Story;
|