@ctlyst.id/internal-ui 2.1.11-canary.1 → 2.1.11-canary.2
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.js +686 -3185
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +132 -2652
- package/dist/index.mjs.map +1 -1
- package/package.json +6 -6
- package/dist/components/accordion/__stories__/accordion.stories.d.ts +0 -9
- package/dist/components/accordion/components/accordion-indicator.d.ts +0 -1
- package/dist/components/accordion/components/index.d.ts +0 -2
- package/dist/components/accordion/index.d.ts +0 -1
- package/dist/components/alert/__stories__/alert.stories.d.ts +0 -11
- package/dist/components/alert/components/alert-action.d.ts +0 -6
- package/dist/components/alert/components/alert-close.d.ts +0 -6
- package/dist/components/alert/components/alert-context.d.ts +0 -33
- package/dist/components/alert/components/alert-description.d.ts +0 -3
- package/dist/components/alert/components/alert-icon.d.ts +0 -6
- package/dist/components/alert/components/alert-title.d.ts +0 -3
- package/dist/components/alert/components/alert.d.ts +0 -25
- package/dist/components/alert/components/icons.d.ts +0 -3
- package/dist/components/alert/components/index.d.ts +0 -14
- package/dist/components/alert/index.d.ts +0 -1
- package/dist/components/anchor/__stories__/anchor.stories.d.ts +0 -9
- package/dist/components/anchor/components/anchor.d.ts +0 -20
- package/dist/components/anchor/components/index.d.ts +0 -1
- package/dist/components/anchor/index.d.ts +0 -1
- package/dist/components/badge/__stories__/badge.stories.d.ts +0 -15
- package/dist/components/badge/components/badge.d.ts +0 -11
- package/dist/components/badge/components/index.d.ts +0 -1
- package/dist/components/badge/index.d.ts +0 -1
- package/dist/components/breadcrumb/__stories__/breadcrumb.stories.d.ts +0 -8
- package/dist/components/breadcrumb/components/bread-crumb.d.ts +0 -18
- package/dist/components/breadcrumb/index.d.ts +0 -2
- package/dist/components/button/__stories__/button.stories.d.ts +0 -12
- package/dist/components/button/components/button.d.ts +0 -4
- package/dist/components/button/index.d.ts +0 -3
- package/dist/components/card/__stories__/card.stories.d.ts +0 -8
- package/dist/components/card/components/card.d.ts +0 -8
- package/dist/components/card/index.d.ts +0 -2
- package/dist/components/checkbox/__stories__/checkbox.stories.d.ts +0 -13
- package/dist/components/checkbox/components/checkbox-group.d.ts +0 -18
- package/dist/components/checkbox/components/checkbox.d.ts +0 -10
- package/dist/components/checkbox/index.d.ts +0 -5
- package/dist/components/chips/__stories__/chips.stories.d.ts +0 -9
- package/dist/components/chips/components/chips.d.ts +0 -19
- package/dist/components/chips/index.d.ts +0 -2
- package/dist/components/collapse/__stories__/collapse.stories.d.ts +0 -7
- package/dist/components/counter/__stories__/counter.stories.d.ts +0 -10
- package/dist/components/counter/components/counter.d.ts +0 -15
- package/dist/components/counter/index.d.ts +0 -1
- package/dist/components/data-table/__stories__/datatable.stories.d.ts +0 -22
- package/dist/components/data-table/components/data-table.d.ts +0 -36
- package/dist/components/data-table/index.d.ts +0 -2
- package/dist/components/datepicker/__stories__/datepicker.stories.d.ts +0 -13
- package/dist/components/datepicker/components/datepicker-month/datepicker-month.d.ts +0 -9
- package/dist/components/datepicker/components/datepicker-month/index.d.ts +0 -4
- package/dist/components/datepicker/components/datepicker-month/multi-datepicker-month.d.ts +0 -9
- package/dist/components/datepicker/components/datepicker.d.ts +0 -17
- package/dist/components/datepicker/components/styles.d.ts +0 -2
- package/dist/components/datepicker/components/time-input.d.ts +0 -9
- package/dist/components/datepicker/index.d.ts +0 -3
- package/dist/components/dialog/__stories__/dialog.stories.d.ts +0 -7
- package/dist/components/dialog/components/dialog.d.ts +0 -12
- package/dist/components/dialog/index.d.ts +0 -1
- package/dist/components/empty-state/__stories__/dialog.stories.d.ts +0 -7
- package/dist/components/field/__stories__/field.stories.d.ts +0 -7
- package/dist/components/field/components/field.d.ts +0 -15
- package/dist/components/field/index.d.ts +0 -2
- package/dist/components/form/__stories__/input.stories.d.ts +0 -15
- package/dist/components/form/__stories__/textarea.stories.d.ts +0 -7
- package/dist/components/form/components/input-addon.d.ts +0 -7
- package/dist/components/form/components/input-element.d.ts +0 -2
- package/dist/components/form/components/input-field.d.ts +0 -13
- package/dist/components/form/components/textarea.d.ts +0 -8
- package/dist/components/form/index.d.ts +0 -7
- package/dist/components/form/styles/input-field.d.ts +0 -4
- package/dist/components/header/__stories__/header.stories.d.ts +0 -9
- package/dist/components/header/components/header.d.ts +0 -19
- package/dist/components/header/components/logo.d.ts +0 -10
- package/dist/components/header/components/profile.d.ts +0 -11
- package/dist/components/header/components/switch-mode.d.ts +0 -3
- package/dist/components/header/components/version.d.ts +0 -10
- package/dist/components/header/index.d.ts +0 -3
- package/dist/components/header/types.d.ts +0 -10
- package/dist/components/header/utils/formatter.d.ts +0 -2
- package/dist/components/image/__stories__/image.stories.d.ts +0 -9
- package/dist/components/image/index.d.ts +0 -1
- package/dist/components/index.d.ts +0 -34
- package/dist/components/layouting/index.d.ts +0 -1
- package/dist/components/list/index.d.ts +0 -1
- package/dist/components/loader/__stories__/loader.stories.d.ts +0 -9
- package/dist/components/loader/components/loader.d.ts +0 -10
- package/dist/components/loader/index.d.ts +0 -3
- package/dist/components/modal/__stories__/modal.stories.d.ts +0 -7
- package/dist/components/modal/components/modal-body.d.ts +0 -4
- package/dist/components/modal/components/modal-close-button.d.ts +0 -4
- package/dist/components/modal/components/modal-footer.d.ts +0 -4
- package/dist/components/modal/components/modal-header.d.ts +0 -4
- package/dist/components/modal/index.d.ts +0 -5
- package/dist/components/navigation/__stories__/navigation.stories.d.ts +0 -8
- package/dist/components/navigation/components/customer-icon.d.ts +0 -2
- package/dist/components/navigation/components/mapping-icon.d.ts +0 -2
- package/dist/components/navigation/components/navigation-bar.d.ts +0 -12
- package/dist/components/navigation/components/navigation.d.ts +0 -11
- package/dist/components/navigation/index.d.ts +0 -4
- package/dist/components/navigation/types.d.ts +0 -24
- package/dist/components/pagination/__stories__/pagination.stories.d.ts +0 -10
- package/dist/components/pagination/components/pagination-button-trigger.d.ts +0 -10
- package/dist/components/pagination/components/pagination-button.d.ts +0 -6
- package/dist/components/pagination/components/pagination-detail.d.ts +0 -10
- package/dist/components/pagination/components/pagination-filter.d.ts +0 -13
- package/dist/components/pagination/components/pagination.d.ts +0 -16
- package/dist/components/pagination/index.d.ts +0 -6
- package/dist/components/popover/index.d.ts +0 -1
- package/dist/components/radio/__stories__/radio.stories.d.ts +0 -13
- package/dist/components/radio/components/radio-group.d.ts +0 -18
- package/dist/components/radio/components/radio.d.ts +0 -17
- package/dist/components/radio/index.d.ts +0 -3
- package/dist/components/rating/__stories__/rating.stories.d.ts +0 -7
- package/dist/components/rating/components/rating.d.ts +0 -6
- package/dist/components/rating/index.d.ts +0 -2
- package/dist/components/select/__stories__/select.stories.d.ts +0 -10
- package/dist/components/select/components/select-async-creatable.d.ts +0 -5
- package/dist/components/select/components/select-async.d.ts +0 -6
- package/dist/components/select/components/select-creatable.d.ts +0 -5
- package/dist/components/select/components/select-wrapper.d.ts +0 -6
- package/dist/components/select/components/select.d.ts +0 -5
- package/dist/components/select/components/types/select.types.d.ts +0 -3
- package/dist/components/select/components/utils.d.ts +0 -26
- package/dist/components/select/index.d.ts +0 -8
- package/dist/components/switch/__stories__/switch.stories.d.ts +0 -10
- package/dist/components/switch/components/switch.d.ts +0 -18
- package/dist/components/switch/index.d.ts +0 -2
- package/dist/components/table/index.d.ts +0 -1
- package/dist/components/tabs/__stories__/tabs.stories.d.ts +0 -8
- package/dist/components/tabs/components/tab.d.ts +0 -12
- package/dist/components/tabs/index.d.ts +0 -2
- package/dist/components/text/index.d.ts +0 -1
- package/dist/components/toast/__stories__/toast.stories.d.ts +0 -12
- package/dist/components/toast/components/toast.d.ts +0 -21
- package/dist/components/toast/index.d.ts +0 -1
- package/dist/components/tooltip/__stories__/tooltip.stories.d.ts +0 -7
- package/dist/components/tooltip/index.d.ts +0 -1
- package/dist/components/uploader/__stories__/uploader.stories.d.ts +0 -9
- package/dist/components/uploader/components/uploader.d.ts +0 -12
- package/dist/components/uploader/constants.d.ts +0 -8
- package/dist/components/uploader/index.d.ts +0 -2
- package/dist/config/__stories__/foundations.stories.d.ts +0 -15
- package/dist/config/__stories__/globals.stories.d.ts +0 -10
- package/dist/config/index.d.ts +0 -1
- package/dist/config/theme/components/accordion.d.ts +0 -53
- package/dist/config/theme/components/alert.d.ts +0 -69
- package/dist/config/theme/components/badge.d.ts +0 -3
- package/dist/config/theme/components/button.d.ts +0 -3
- package/dist/config/theme/components/card.d.ts +0 -18
- package/dist/config/theme/components/checkbox.d.ts +0 -101
- package/dist/config/theme/components/chips.d.ts +0 -34
- package/dist/config/theme/components/form-label.d.ts +0 -20
- package/dist/config/theme/components/index.d.ts +0 -16
- package/dist/config/theme/components/input.d.ts +0 -101
- package/dist/config/theme/components/loader.d.ts +0 -85
- package/dist/config/theme/components/popover.d.ts +0 -3
- package/dist/config/theme/components/radio.d.ts +0 -102
- package/dist/config/theme/components/switch.d.ts +0 -75
- package/dist/config/theme/components/table.d.ts +0 -197
- package/dist/config/theme/components/tabs.d.ts +0 -30
- package/dist/config/theme/components/textarea.d.ts +0 -55
- package/dist/config/theme/foundations/index.d.ts +0 -5
- package/dist/config/theme/foundations/radius.d.ts +0 -8
- package/dist/config/theme/foundations/shadows.d.ts +0 -15
- package/dist/config/theme/foundations/sizes.d.ts +0 -66
- package/dist/config/theme/foundations/spacing.d.ts +0 -42
- package/dist/config/theme/foundations/typography.d.ts +0 -191
- package/dist/config/theme/index.d.ts +0 -1
- package/dist/config/theme/themeConfiguration.d.ts +0 -6
- package/dist/hooks/index.d.ts +0 -2
- package/dist/hooks/useFetcher.d.ts +0 -4
- package/dist/interfaces/common.d.ts +0 -17
- package/dist/internal-ui.cjs.development.js +0 -6217
- package/dist/internal-ui.cjs.development.js.map +0 -1
- package/dist/internal-ui.cjs.production.min.js +0 -38
- package/dist/internal-ui.cjs.production.min.js.map +0 -1
- package/dist/internal-ui.esm.js +0 -5179
- package/dist/internal-ui.esm.js.map +0 -1
- package/dist/provider/__stories__/provider.stories.d.ts +0 -13
- package/dist/provider/components/provider.d.ts +0 -7
- package/dist/provider/index.d.ts +0 -3
- package/dist/provider/types.d.ts +0 -14
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@ctlyst.id/internal-ui",
|
3
|
-
"version": "2.1.11-canary.
|
3
|
+
"version": "2.1.11-canary.2",
|
4
4
|
"description": "Voila Internal UI Component",
|
5
5
|
"main": "dist/index.js",
|
6
6
|
"module": "dist/internal-ui.esm.js",
|
@@ -34,7 +34,9 @@
|
|
34
34
|
"@chakra-ui/system": "^2.3.0",
|
35
35
|
"@chakra-ui/theme-tools": "^2.0.12",
|
36
36
|
"@chakra-ui/utils": "^2.0.11",
|
37
|
-
"@
|
37
|
+
"@emotion/core": "^11.0.0",
|
38
|
+
"@emotion/react": "^11.9.3",
|
39
|
+
"@emotion/styled": "^11.9.3",
|
38
40
|
"@tanstack/react-table": "^8.19.2",
|
39
41
|
"axios": "^0.27.2",
|
40
42
|
"clsx": "^1.1.1",
|
@@ -47,6 +49,7 @@
|
|
47
49
|
"tslib": "^2.3.1"
|
48
50
|
},
|
49
51
|
"peerDependencies": {
|
52
|
+
"@ctlyst.id/internal-icon": "^1.0.7-canary.0",
|
50
53
|
"react": "^18.1.0",
|
51
54
|
"react-dom": "^18.1.0"
|
52
55
|
},
|
@@ -57,9 +60,6 @@
|
|
57
60
|
"@babel/preset-typescript": "^7.18.6",
|
58
61
|
"@ctlyst.id/ctlyst-theme": "^0.0.5-canary.1",
|
59
62
|
"@ctlyst.id/voila-theme": "^0.0.6-canary.1",
|
60
|
-
"@emotion/core": "^11.0.0",
|
61
|
-
"@emotion/react": "^11.9.3",
|
62
|
-
"@emotion/styled": "^11.9.3",
|
63
63
|
"@testing-library/jest-dom": "^5.14.1",
|
64
64
|
"@testing-library/react": "^12.0.0",
|
65
65
|
"@types/jest": "^26.0.24",
|
@@ -68,5 +68,5 @@
|
|
68
68
|
"framer-motion": "^6.3.13",
|
69
69
|
"jest": "^26.6.3"
|
70
70
|
},
|
71
|
-
"gitHead": "
|
71
|
+
"gitHead": "ef91cfdee78fc5d2d363cddd4d8c66e6f6cfc875"
|
72
72
|
}
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
declare const _default: {
|
3
|
-
title: string;
|
4
|
-
decorators: ((Story: React.ElementType) => JSX.Element)[];
|
5
|
-
};
|
6
|
-
export default _default;
|
7
|
-
export declare const Default: () => JSX.Element;
|
8
|
-
export declare const AccordionWithEyeIcon: () => JSX.Element;
|
9
|
-
export declare const AccordionWithActiveIndicator: () => JSX.Element;
|
@@ -1 +0,0 @@
|
|
1
|
-
export declare const AccordionIndicator: () => JSX.Element | null;
|
@@ -1,2 +0,0 @@
|
|
1
|
-
export * from './accordion-indicator';
|
2
|
-
export { Accordion, AccordionButton, AccordionButtonProps, AccordionIcon, AccordionIconProps, AccordionItem, AccordionItemProps, AccordionPanel, AccordionPanelProps, AccordionProps, AccordionProvider, useAccordion, useAccordionContext, useAccordionItem, UseAccordionItemProps, UseAccordionItemReturn, useAccordionItemState, UseAccordionProps, UseAccordionReturn, useAccordionStyles, } from '@chakra-ui/react';
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components';
|
@@ -1,11 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
declare const _default: {
|
3
|
-
title: string;
|
4
|
-
decorators: ((Story: React.ElementType) => JSX.Element)[];
|
5
|
-
};
|
6
|
-
export default _default;
|
7
|
-
export declare const Default: () => JSX.Element;
|
8
|
-
export declare const AlertWithClose: () => JSX.Element;
|
9
|
-
export declare const AlertWithCTA: () => JSX.Element;
|
10
|
-
export declare const AlertWithCloseAndCTA: () => JSX.Element;
|
11
|
-
export declare const Variant: () => JSX.Element;
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import type { HTMLChakraProps } from '@chakra-ui/system';
|
2
|
-
export declare type AlertActionProps = HTMLChakraProps<'button'>;
|
3
|
-
export declare function AlertAction({ children, className }: AlertActionProps): JSX.Element;
|
4
|
-
export declare namespace AlertAction {
|
5
|
-
var displayName: string;
|
6
|
-
}
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import type { HTMLChakraProps } from '@chakra-ui/system';
|
2
|
-
export declare type AlertCloseProps = HTMLChakraProps<'span'>;
|
3
|
-
export declare function AlertClose({ className, children, ...rest }: AlertCloseProps): JSX.Element;
|
4
|
-
export declare namespace AlertClose {
|
5
|
-
var displayName: string;
|
6
|
-
}
|
@@ -1,33 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { CheckIcon, InfoIcon, WarningIcon } from './icons';
|
3
|
-
export declare const AlertProvider: import("react").Provider<AlertContext>, useAlertContext: () => AlertContext;
|
4
|
-
export declare const AlertStylesProvider: import("react").Provider<Record<string, import("@chakra-ui/styled-system").RecursiveCSSObject<import("@chakra-ui/styled-system").CSSWithMultiValues>>>, useAlertStyles: () => Record<string, import("@chakra-ui/styled-system").RecursiveCSSObject<import("@chakra-ui/styled-system").CSSWithMultiValues>>;
|
5
|
-
declare const STATUSES: {
|
6
|
-
info: {
|
7
|
-
icon: typeof InfoIcon;
|
8
|
-
colorScheme: string;
|
9
|
-
};
|
10
|
-
warning: {
|
11
|
-
icon: typeof InfoIcon;
|
12
|
-
colorScheme: string;
|
13
|
-
};
|
14
|
-
success: {
|
15
|
-
icon: typeof CheckIcon;
|
16
|
-
colorScheme: string;
|
17
|
-
};
|
18
|
-
error: {
|
19
|
-
icon: typeof WarningIcon;
|
20
|
-
colorScheme: string;
|
21
|
-
};
|
22
|
-
neutral: {
|
23
|
-
icon: typeof InfoIcon;
|
24
|
-
colorScheme: string;
|
25
|
-
};
|
26
|
-
};
|
27
|
-
export declare function getStatusColorScheme(status: AlertStatus): string;
|
28
|
-
export declare function getStatusIcon(status: AlertStatus): typeof InfoIcon | typeof CheckIcon | typeof WarningIcon;
|
29
|
-
export declare type AlertStatus = keyof typeof STATUSES;
|
30
|
-
export interface AlertContext {
|
31
|
-
status: AlertStatus;
|
32
|
-
}
|
33
|
-
export {};
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import type { HTMLChakraProps } from '@chakra-ui/system';
|
2
|
-
export declare type AlertIconProps = HTMLChakraProps<'span'>;
|
3
|
-
export declare function AlertIcon({ className, children, ...rest }: AlertIconProps): JSX.Element;
|
4
|
-
export declare namespace AlertIcon {
|
5
|
-
var displayName: string;
|
6
|
-
}
|
@@ -1,25 +0,0 @@
|
|
1
|
-
import type { HTMLChakraProps, ThemingProps } from '@chakra-ui/system';
|
2
|
-
import type { AlertStatus } from './alert-context';
|
3
|
-
interface AlertOptions {
|
4
|
-
/**
|
5
|
-
* The status of the alert
|
6
|
-
* @default "info"
|
7
|
-
*/
|
8
|
-
status?: AlertStatus;
|
9
|
-
}
|
10
|
-
export declare type AlertVariant = 'solid' | 'light';
|
11
|
-
export interface AlertProps extends HTMLChakraProps<'div'>, AlertOptions, ThemingProps<'Alert'> {
|
12
|
-
/**
|
13
|
-
* @default false
|
14
|
-
*/
|
15
|
-
addRole?: boolean;
|
16
|
-
}
|
17
|
-
/**
|
18
|
-
* Alert is used to communicate the state or status of a
|
19
|
-
* page, feature or action
|
20
|
-
*
|
21
|
-
* @see Docs https://chakra-ui.com/docs/components/alert
|
22
|
-
* @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/alert/
|
23
|
-
*/
|
24
|
-
export declare const Alert: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"div", AlertProps>;
|
25
|
-
export {};
|
@@ -1,14 +0,0 @@
|
|
1
|
-
export type { AlertProps } from './alert';
|
2
|
-
export { Alert } from './alert';
|
3
|
-
export type { AlertActionProps } from './alert-action';
|
4
|
-
export { AlertAction } from './alert-action';
|
5
|
-
export type { AlertCloseProps } from './alert-close';
|
6
|
-
export { AlertClose } from './alert-close';
|
7
|
-
export type { AlertStatus } from './alert-context';
|
8
|
-
export { useAlertStyles } from './alert-context';
|
9
|
-
export type { AlertDescriptionProps } from './alert-description';
|
10
|
-
export { AlertDescription } from './alert-description';
|
11
|
-
export type { AlertIconProps } from './alert-icon';
|
12
|
-
export { AlertIcon } from './alert-icon';
|
13
|
-
export type { AlertTitleProps } from './alert-title';
|
14
|
-
export { AlertTitle } from './alert-title';
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components';
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
declare const _default: {
|
3
|
-
title: string;
|
4
|
-
decorators: ((Story: React.ElementType) => JSX.Element)[];
|
5
|
-
};
|
6
|
-
export default _default;
|
7
|
-
export declare const Default: () => JSX.Element;
|
8
|
-
export declare const AnchorWithPill: () => JSX.Element;
|
9
|
-
export declare const AnchorChildl: () => JSX.Element;
|
@@ -1,20 +0,0 @@
|
|
1
|
-
import type { LinkProps } from '@chakra-ui/layout';
|
2
|
-
import type { PropsWithChildren } from 'react';
|
3
|
-
import * as React from 'react';
|
4
|
-
export interface AnchorProps extends LinkProps, PropsWithChildren {
|
5
|
-
leftIcon?: React.ReactNode;
|
6
|
-
rightIcon?: React.ReactNode;
|
7
|
-
isActive?: boolean;
|
8
|
-
isChild?: boolean;
|
9
|
-
}
|
10
|
-
export declare const Anchor: {
|
11
|
-
({ children, leftIcon, rightIcon, isActive, isChild, ...props }: AnchorProps): JSX.Element;
|
12
|
-
displayName: string;
|
13
|
-
defaultProps: {
|
14
|
-
leftIcon: undefined;
|
15
|
-
rightIcon: undefined;
|
16
|
-
isActive: boolean;
|
17
|
-
isChild: boolean;
|
18
|
-
};
|
19
|
-
};
|
20
|
-
export default Anchor;
|
@@ -1 +0,0 @@
|
|
1
|
-
export { Anchor, AnchorProps } from './anchor';
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components';
|
@@ -1,15 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
declare const _default: {
|
3
|
-
title: string;
|
4
|
-
decorators: ((Story: React.ElementType) => JSX.Element)[];
|
5
|
-
};
|
6
|
-
export default _default;
|
7
|
-
export declare const Default: () => JSX.Element;
|
8
|
-
export declare const BadgeDefault: {
|
9
|
-
(): JSX.Element;
|
10
|
-
storyName: string;
|
11
|
-
};
|
12
|
-
export declare const PillsDefault: {
|
13
|
-
(): JSX.Element;
|
14
|
-
storyName: string;
|
15
|
-
};
|
@@ -1,11 +0,0 @@
|
|
1
|
-
import type { BadgeProps as BadgeChakraProps } from '@chakra-ui/react';
|
2
|
-
export interface BadgeProps extends BadgeChakraProps {
|
3
|
-
pill?: boolean;
|
4
|
-
}
|
5
|
-
declare const Badge: {
|
6
|
-
(props: BadgeProps): JSX.Element;
|
7
|
-
defaultProps: {
|
8
|
-
pill: boolean;
|
9
|
-
};
|
10
|
-
};
|
11
|
-
export default Badge;
|
@@ -1 +0,0 @@
|
|
1
|
-
export { default as Badge, BadgeProps } from './badge';
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components';
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
declare const _default: {
|
3
|
-
title: string;
|
4
|
-
decorators: ((Story: React.ElementType) => JSX.Element)[];
|
5
|
-
};
|
6
|
-
export default _default;
|
7
|
-
export declare const Default: () => JSX.Element;
|
8
|
-
export declare const PanelBar: () => JSX.Element;
|
@@ -1,18 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
export interface BreadCrumbParentProps {
|
3
|
-
name: string;
|
4
|
-
onClick?: () => void;
|
5
|
-
disable?: boolean;
|
6
|
-
link: string;
|
7
|
-
}
|
8
|
-
export interface BreadCrumbProps {
|
9
|
-
title: string;
|
10
|
-
children?: React.ReactNode;
|
11
|
-
parents?: BreadCrumbParentProps[];
|
12
|
-
className?: string;
|
13
|
-
disableHome?: boolean;
|
14
|
-
spacing?: number;
|
15
|
-
backButton?: () => void;
|
16
|
-
}
|
17
|
-
declare const BreadCrumb: React.FC<BreadCrumbProps>;
|
18
|
-
export default BreadCrumb;
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
declare const _default: {
|
3
|
-
title: string;
|
4
|
-
decorators: ((Story: React.ElementType) => JSX.Element)[];
|
5
|
-
};
|
6
|
-
export default _default;
|
7
|
-
export declare const Default: () => JSX.Element;
|
8
|
-
export declare const Size: () => JSX.Element;
|
9
|
-
export declare const Variant: () => JSX.Element;
|
10
|
-
export declare const TextLink: () => JSX.Element;
|
11
|
-
export declare const IconButton: () => JSX.Element;
|
12
|
-
export declare const ButtonGroupDefault: () => JSX.Element;
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
declare const _default: {
|
3
|
-
title: string;
|
4
|
-
decorators: ((Story: React.ElementType) => JSX.Element)[];
|
5
|
-
};
|
6
|
-
export default _default;
|
7
|
-
export declare const Default: () => JSX.Element;
|
8
|
-
export declare const Variant: () => JSX.Element;
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import type { BoxProps } from '@chakra-ui/react';
|
2
|
-
import React from 'react';
|
3
|
-
export interface CardProps extends BoxProps {
|
4
|
-
withShadow?: boolean;
|
5
|
-
isRounded?: boolean;
|
6
|
-
}
|
7
|
-
declare const CardCustom: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
|
8
|
-
export default CardCustom;
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
declare const _default: {
|
3
|
-
title: string;
|
4
|
-
decorators: ((Story: React.ElementType) => JSX.Element)[];
|
5
|
-
};
|
6
|
-
export default _default;
|
7
|
-
export declare const Default: () => JSX.Element;
|
8
|
-
export declare const WithLabel: () => JSX.Element;
|
9
|
-
export declare const WithHelpText: () => JSX.Element;
|
10
|
-
export declare const DefaultGroup: () => JSX.Element;
|
11
|
-
export declare const GroupRequiredLabel: () => JSX.Element;
|
12
|
-
export declare const GroupWithHelpText: () => JSX.Element;
|
13
|
-
export declare const GroupWithError: () => JSX.Element;
|
@@ -1,18 +0,0 @@
|
|
1
|
-
import type { CheckboxGroupProps } from '@chakra-ui/react';
|
2
|
-
import type { PropsWithChildren } from 'react';
|
3
|
-
import type { FieldProps } from '../../field';
|
4
|
-
export interface CheckboxGroupComponentProps extends FieldProps, CheckboxGroupProps, PropsWithChildren {
|
5
|
-
label: string;
|
6
|
-
helpText?: string;
|
7
|
-
isError?: boolean;
|
8
|
-
errorMessage?: string;
|
9
|
-
}
|
10
|
-
declare function CheckboxGroupComponent(props: CheckboxGroupComponentProps): JSX.Element;
|
11
|
-
declare namespace CheckboxGroupComponent {
|
12
|
-
var defaultProps: {
|
13
|
-
helpText: string;
|
14
|
-
isError: boolean;
|
15
|
-
errorMessage: string;
|
16
|
-
};
|
17
|
-
}
|
18
|
-
export default CheckboxGroupComponent;
|
@@ -1,10 +0,0 @@
|
|
1
|
-
import type { BoxProps, CheckboxProps } from '@chakra-ui/react';
|
2
|
-
import type { PropsWithChildren } from 'react';
|
3
|
-
export interface CheckboxComponentProps extends CheckboxProps, PropsWithChildren {
|
4
|
-
isError?: boolean;
|
5
|
-
helpText?: string;
|
6
|
-
errorText?: string;
|
7
|
-
boxProps?: BoxProps;
|
8
|
-
}
|
9
|
-
declare const CheckboxComponent: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"input", CheckboxComponentProps>;
|
10
|
-
export default CheckboxComponent;
|
@@ -1,5 +0,0 @@
|
|
1
|
-
export { default as Checkbox } from './components/checkbox';
|
2
|
-
export * from './components/checkbox';
|
3
|
-
export { default as CheckboxGroup } from './components/checkbox-group';
|
4
|
-
export * from './components/checkbox-group';
|
5
|
-
export { CheckboxGroupContext, CheckboxGroupProps, CheckboxIcon, CheckboxIconProps, CheckboxState, useCheckbox, useCheckboxGroup, UseCheckboxGroupProps, UseCheckboxGroupReturn, UseCheckboxProps, UseCheckboxReturn, } from '@chakra-ui/checkbox';
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
declare const _default: {
|
3
|
-
title: string;
|
4
|
-
decorators: ((Story: React.ElementType) => JSX.Element)[];
|
5
|
-
};
|
6
|
-
export default _default;
|
7
|
-
export declare const Default: () => JSX.Element;
|
8
|
-
export declare const Variant: () => JSX.Element;
|
9
|
-
export declare const WithClose: () => JSX.Element;
|
@@ -1,19 +0,0 @@
|
|
1
|
-
import type { ReactNode } from 'react';
|
2
|
-
export interface ChipsProps {
|
3
|
-
isDisabled?: boolean;
|
4
|
-
isActive?: boolean;
|
5
|
-
onClose?: () => void;
|
6
|
-
children?: ReactNode;
|
7
|
-
size?: 'sm' | 'md';
|
8
|
-
}
|
9
|
-
declare const Chips: {
|
10
|
-
({ children, ...rest }: ChipsProps): JSX.Element;
|
11
|
-
defaultProps: {
|
12
|
-
isDisabled: boolean;
|
13
|
-
isActive: boolean;
|
14
|
-
onClose: undefined;
|
15
|
-
children: undefined;
|
16
|
-
size: string;
|
17
|
-
};
|
18
|
-
};
|
19
|
-
export default Chips;
|
@@ -1,10 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
declare const _default: {
|
3
|
-
title: string;
|
4
|
-
decorators: ((Story: React.ElementType) => JSX.Element)[];
|
5
|
-
};
|
6
|
-
export default _default;
|
7
|
-
export declare const Counter: () => JSX.Element;
|
8
|
-
export declare const CounterHelperText: () => JSX.Element;
|
9
|
-
export declare const CounterError: () => JSX.Element;
|
10
|
-
export declare const CounterDisable: () => JSX.Element;
|
@@ -1,15 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
export interface CounterProps {
|
3
|
-
value: number;
|
4
|
-
size?: string;
|
5
|
-
min?: number;
|
6
|
-
max?: number;
|
7
|
-
onChange: (val: number) => void;
|
8
|
-
isError?: boolean;
|
9
|
-
disabled?: boolean;
|
10
|
-
error?: string | React.ReactNode;
|
11
|
-
helperText?: string | React.ReactNode;
|
12
|
-
isReadOnly?: boolean;
|
13
|
-
}
|
14
|
-
declare const Counter: ({ value, size, min, max, onChange, isError, disabled, error, helperText, isReadOnly, }: CounterProps) => JSX.Element;
|
15
|
-
export default Counter;
|
@@ -1 +0,0 @@
|
|
1
|
-
export { default as Counter } from './components/counter';
|
@@ -1,22 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
declare const _default: {
|
3
|
-
title: string;
|
4
|
-
component: <T extends unknown>(props: import("../components/data-table").DataTableProps<T> & {
|
5
|
-
ref?: ((instance: Pick<import("@tanstack/react-table").RowSelectionInstance<T>, "toggleAllRowsSelected"> | null) => void) | React.RefObject<Pick<import("@tanstack/react-table").RowSelectionInstance<T>, "toggleAllRowsSelected">> | null | undefined;
|
6
|
-
}) => JSX.Element;
|
7
|
-
argTypes: {
|
8
|
-
selectedRow: {
|
9
|
-
options: boolean[];
|
10
|
-
control: {
|
11
|
-
type: string;
|
12
|
-
};
|
13
|
-
};
|
14
|
-
};
|
15
|
-
decorators: ((Story: React.ElementType) => JSX.Element)[];
|
16
|
-
};
|
17
|
-
export default _default;
|
18
|
-
export declare const DataTableDefault: () => JSX.Element;
|
19
|
-
export declare const DataTablePin: () => JSX.Element;
|
20
|
-
export declare const DataTableManualSorting: () => JSX.Element;
|
21
|
-
export declare const DataTableSelectedRow: () => JSX.Element;
|
22
|
-
export declare const DataTableWithStyles: () => JSX.Element;
|
@@ -1,36 +0,0 @@
|
|
1
|
-
import type { BoxProps, TableBodyProps, TableCellProps, TableColumnHeaderProps, TableHeadProps, TableProps, TableRowProps } from '@chakra-ui/react';
|
2
|
-
import type { ColumnDef, ColumnPinningState, RowSelectionInstance, SortingState } from '@tanstack/react-table';
|
3
|
-
import * as React from 'react';
|
4
|
-
export interface TableStyleProps {
|
5
|
-
table?: TableProps;
|
6
|
-
tableHead?: TableHeadProps;
|
7
|
-
tableRow?: TableRowProps;
|
8
|
-
tableBody?: TableBodyProps;
|
9
|
-
tableColumnHeader?: TableColumnHeaderProps;
|
10
|
-
tableCell?: TableCellProps;
|
11
|
-
}
|
12
|
-
export interface DataTableProps<T = unknown> extends BoxProps {
|
13
|
-
styles?: TableStyleProps;
|
14
|
-
columns: ColumnDef<T>[];
|
15
|
-
dataSource: T[] | undefined;
|
16
|
-
isLoading?: boolean;
|
17
|
-
withSelectedRow?: boolean | undefined;
|
18
|
-
onSelectedRow?: (data: T[]) => void;
|
19
|
-
onSort?: (data: SortingState) => void;
|
20
|
-
manualSorting?: boolean;
|
21
|
-
sortingState?: SortingState;
|
22
|
-
sortDescFirst?: boolean;
|
23
|
-
headerSticky?: boolean;
|
24
|
-
columnPinning?: ColumnPinningState;
|
25
|
-
onRowClick?: (data: T) => void;
|
26
|
-
}
|
27
|
-
export declare type DataTableRefs<T> = Pick<RowSelectionInstance<T>, 'toggleAllRowsSelected'>;
|
28
|
-
export declare const useDataTable: <T>({ columns, dataSource, withSelectedRow, onSelectedRow, onSort, sortDescFirst, sortingState, manualSorting, columnPinning, }: DataTableProps<T>) => {
|
29
|
-
table: import("@tanstack/react-table").Table<T>;
|
30
|
-
toggleAllRowsSelected: (value?: boolean | undefined) => void;
|
31
|
-
generateColumn: () => ColumnDef<T, unknown>[];
|
32
|
-
};
|
33
|
-
declare const _default: <T extends unknown>(props: DataTableProps<T> & {
|
34
|
-
ref?: ((instance: Pick<RowSelectionInstance<T>, "toggleAllRowsSelected"> | null) => void) | React.RefObject<Pick<RowSelectionInstance<T>, "toggleAllRowsSelected">> | null | undefined;
|
35
|
-
}) => JSX.Element;
|
36
|
-
export default _default;
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
declare const _default: {
|
3
|
-
title: string;
|
4
|
-
decorators: ((Story: React.ElementType) => JSX.Element)[];
|
5
|
-
};
|
6
|
-
export default _default;
|
7
|
-
export declare const DatePickerDefault: () => JSX.Element;
|
8
|
-
export declare const DatePickerMonthExample: () => JSX.Element;
|
9
|
-
export declare const DatePickerWithYearMonthDropdown: () => JSX.Element;
|
10
|
-
export declare const DatePickerWithTime: () => JSX.Element;
|
11
|
-
export declare const DatePickerWithDateRange: () => JSX.Element;
|
12
|
-
export declare const DatePickerWithNumberOfMonthRange: () => JSX.Element;
|
13
|
-
export declare const DefaulMultiDatePickerMonth: () => JSX.Element;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import type { FC } from 'react';
|
2
|
-
export interface DatePickerMonthProps {
|
3
|
-
onChange: (date: string) => void;
|
4
|
-
'data-test-id'?: string;
|
5
|
-
min: string;
|
6
|
-
max: string;
|
7
|
-
}
|
8
|
-
declare const DatePickerMonth: FC<DatePickerMonthProps>;
|
9
|
-
export default DatePickerMonth;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import type { FC } from 'react';
|
2
|
-
export interface MultiDatePickerMonthProps {
|
3
|
-
onChange: (startDate: string | null, endDate: string | null) => void;
|
4
|
-
min?: string;
|
5
|
-
max?: string;
|
6
|
-
isError?: boolean;
|
7
|
-
}
|
8
|
-
declare const MultiDatePickerMonth: FC<MultiDatePickerMonthProps>;
|
9
|
-
export default MultiDatePickerMonth;
|
@@ -1,17 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import type { ReactDatePickerProps } from 'react-datepicker';
|
3
|
-
export interface DatepickerProps extends Omit<ReactDatePickerProps, 'selectsRange'> {
|
4
|
-
id?: string;
|
5
|
-
isRequired?: boolean;
|
6
|
-
label?: string;
|
7
|
-
error?: string | React.ReactNode;
|
8
|
-
isError?: boolean;
|
9
|
-
helperText?: string | React.ReactNode;
|
10
|
-
withTime?: boolean;
|
11
|
-
onClear?: () => void;
|
12
|
-
selectsRange?: boolean;
|
13
|
-
showMonth?: boolean;
|
14
|
-
shortMonth?: boolean;
|
15
|
-
}
|
16
|
-
declare const Datepicker: React.FC<DatepickerProps>;
|
17
|
-
export default Datepicker;
|