@companix/uikit 0.0.2 → 0.0.4
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/Button/index.d.ts +20 -0
- package/dist/ButtonGroup/index.d.ts +7 -0
- package/dist/Checkbox/index.d.ts +10 -0
- package/dist/Countdown/index.d.ts +7 -0
- package/dist/DateInput/index.d.ts +13 -0
- package/dist/DatePicker/Calendar.d.ts +14 -0
- package/dist/DatePicker/CalendarHeader.d.ts +10 -0
- package/dist/DatePicker/index.d.ts +12 -0
- package/dist/Dialog/index.d.ts +12 -0
- package/dist/DialogAlert/Alert.d.ts +19 -0
- package/dist/DialogAlert/Viewport.d.ts +8 -0
- package/dist/DialogAlert/index.d.ts +11 -0
- package/dist/Drawer/index.d.ts +13 -0
- package/dist/File/index.d.ts +10 -0
- package/dist/Form/index.d.ts +17 -0
- package/dist/Icon/index.d.ts +7 -0
- package/dist/LoadButton/index.d.ts +5 -0
- package/dist/NumberInput/index.d.ts +6 -0
- package/dist/OptionItem/OptionItem.d.ts +7 -0
- package/dist/OptionItem/OptionsList.d.ts +8 -0
- package/dist/Popover/index.d.ts +26 -0
- package/dist/Radio/index.d.ts +20 -0
- package/dist/Scrollable/ImitateScroll.d.ts +10 -0
- package/dist/Scrollable/index.d.ts +33 -0
- package/dist/Select/SelectInput.d.ts +14 -0
- package/dist/Select/index.d.ts +15 -0
- package/dist/SelectTags/index.d.ts +15 -0
- package/dist/Spinner/index.d.ts +8 -0
- package/dist/Stepper/index.d.ts +8 -0
- package/dist/Switch/index.d.ts +10 -0
- package/dist/Tabs/index.d.ts +13 -0
- package/dist/TextArea/index.d.ts +7 -0
- package/dist/Toaster/RemoveListener.d.ts +3 -0
- package/dist/Toaster/Toast.d.ts +9 -0
- package/dist/Toaster/Viewport.d.ts +13 -0
- package/dist/Toaster/index.d.ts +15 -0
- package/dist/Tooltip/index.d.ts +8 -0
- package/dist/__hooks/use-frooze-closing.d.ts +5 -0
- package/dist/__hooks/use-loading.d.ts +8 -0
- package/dist/__hooks/use-local-storage.d.ts +1 -0
- package/dist/__hooks/use-popover-position.d.ts +8 -0
- package/dist/__hooks/use-previos.d.ts +2 -0
- package/dist/__hooks/use-resize.d.ts +3 -0
- package/dist/__hooks/use-scrollbox.d.ts +7 -0
- package/dist/__hooks/use-stepper-input.d.ts +13 -0
- package/dist/__hooks/use-update.d.ts +1 -0
- package/dist/__hooks/useCalendar.d.ts +17 -0
- package/dist/__hooks/useCalendarOptions-copy.d.ts +22 -0
- package/dist/__hooks/useCalendarOptions.d.ts +31 -0
- package/dist/__libs/calendar.d.ts +25 -0
- package/dist/__utils/utils.d.ts +25 -0
- package/dist/bundle.es.js +58 -0
- package/dist/bundle.es10.js +38 -0
- package/dist/bundle.es11.js +33 -0
- package/dist/bundle.es12.js +18 -0
- package/dist/bundle.es13.js +10 -0
- package/dist/bundle.es14.js +35 -0
- package/dist/bundle.es15.js +27 -0
- package/dist/bundle.es16.js +23 -0
- package/dist/bundle.es17.js +24 -0
- package/dist/bundle.es18.js +15 -0
- package/dist/bundle.es19.js +40 -0
- package/dist/bundle.es2.js +45 -0
- package/dist/bundle.es20.js +18 -0
- package/dist/bundle.es21.js +36 -0
- package/dist/bundle.es22.js +23 -0
- package/dist/bundle.es23.js +42 -0
- package/dist/bundle.es24.js +113 -0
- package/dist/bundle.es25.js +114 -0
- package/dist/bundle.es26.js +38 -0
- package/dist/bundle.es27.js +13 -0
- package/dist/bundle.es28.js +27 -0
- package/dist/bundle.es29.js +38 -0
- package/dist/bundle.es3.js +13 -0
- package/dist/bundle.es30.js +26 -0
- package/dist/bundle.es31.js +83 -0
- package/dist/bundle.es32.js +20 -0
- package/dist/bundle.es33.js +16 -0
- package/dist/bundle.es34.js +24 -0
- package/dist/bundle.es35.js +7 -0
- package/dist/bundle.es36.js +23 -0
- package/dist/bundle.es37.js +16 -0
- package/dist/bundle.es38.js +72 -0
- package/dist/bundle.es39.js +70 -0
- package/dist/bundle.es4.js +87 -0
- package/dist/bundle.es40.js +34 -0
- package/dist/bundle.es41.js +70 -0
- package/dist/bundle.es42.js +33 -0
- package/dist/bundle.es43.js +77 -0
- package/dist/bundle.es44.js +51 -0
- package/dist/bundle.es45.js +45 -0
- package/dist/bundle.es5.js +87 -0
- package/dist/bundle.es6.js +80 -0
- package/dist/bundle.es7.js +28 -0
- package/dist/bundle.es8.js +87 -0
- package/dist/bundle.es9.js +75 -0
- package/dist/index.d.ts +30 -0
- package/{src → dist}/index.scss +3 -0
- package/{src → dist}/mixins.scss +4 -3
- package/{src → dist}/theme.scss +0 -2
- package/dist/types.d.ts +13 -0
- package/package.json +10 -6
- package/.eslintrc +0 -54
- package/declaration.d.ts +0 -4
- package/index.html +0 -12
- package/playground/App.tsx +0 -166
- package/playground/Example.tsx +0 -14
- package/playground/Test.tsx +0 -44
- package/playground/animation-test-1/index.scss +0 -20
- package/playground/animation-test-1/index.tsx +0 -17
- package/playground/animation-test-2/index.scss +0 -62
- package/playground/animation-test-2/index.tsx +0 -32
- package/playground/bootstrap.tsx +0 -19
- package/playground/buttons/index.tsx +0 -132
- package/playground/checkbox/index.tsx +0 -64
- package/playground/date-input/index.tsx +0 -45
- package/playground/date-picker/index.tsx +0 -41
- package/playground/dialog/index.tsx +0 -92
- package/playground/dialog-alert/index.tsx +0 -47
- package/playground/drawer/index.tsx +0 -55
- package/playground/index.css +0 -33
- package/playground/index.scss +0 -270
- package/playground/input/index.tsx +0 -112
- package/playground/number-inputs/index.tsx +0 -50
- package/playground/popovers/index.tsx +0 -70
- package/playground/radio-group/index.tsx +0 -69
- package/playground/select/index.tsx +0 -72
- package/playground/select-tags/index.tsx +0 -36
- package/playground/styles.scss +0 -2
- package/playground/switch/index.tsx +0 -44
- package/playground/tabs/index.tsx +0 -16
- package/playground/test.scss +0 -0
- package/playground/text-area/index.tsx +0 -17
- package/playground/text-input/index.tsx +0 -12
- package/playground/toaster/index.tsx +0 -156
- package/playground/tooltip/index.tsx +0 -26
- package/src/Button/index.tsx +0 -72
- package/src/ButtonGroup/index.tsx +0 -20
- package/src/Checkbox/index.tsx +0 -46
- package/src/Countdown/index.tsx +0 -54
- package/src/DateInput/index.tsx +0 -96
- package/src/DatePicker/Calendar.tsx +0 -157
- package/src/DatePicker/CalendarHeader.tsx +0 -139
- package/src/DatePicker/index.tsx +0 -177
- package/src/Dialog/index.tsx +0 -31
- package/src/DialogAlert/Alert.tsx +0 -78
- package/src/DialogAlert/Viewport.tsx +0 -52
- package/src/DialogAlert/index.tsx +0 -37
- package/src/Drawer/index.tsx +0 -46
- package/src/File/index.tsx +0 -60
- package/src/Form/index.tsx +0 -131
- package/src/Icon/index.tsx +0 -43
- package/src/LoadButton/index.tsx +0 -17
- package/src/NumberInput/index.tsx +0 -74
- package/src/OptionItem/OptionItem.tsx +0 -49
- package/src/OptionItem/OptionsList.tsx +0 -26
- package/src/Popover/index.tsx +0 -117
- package/src/Radio/index.tsx +0 -68
- package/src/Scrollable/ImitateScroll.tsx +0 -141
- package/src/Scrollable/index.tsx +0 -141
- package/src/Select/SelectInput.tsx +0 -131
- package/src/Select/index.tsx +0 -134
- package/src/SelectTags/index.tsx +0 -192
- package/src/Spinner/index.tsx +0 -19
- package/src/Stepper/index.tsx +0 -76
- package/src/Switch/index.tsx +0 -49
- package/src/Tabs/index.tsx +0 -89
- package/src/TextArea/index.tsx +0 -51
- package/src/Toaster/RemoveListener.tsx +0 -11
- package/src/Toaster/Toast.tsx +0 -69
- package/src/Toaster/Viewport.tsx +0 -117
- package/src/Toaster/index.tsx +0 -52
- package/src/Tooltip/index.tsx +0 -33
- package/src/__hooks/use-frooze-closing.ts +0 -51
- package/src/__hooks/use-loading.ts +0 -34
- package/src/__hooks/use-local-storage.ts +0 -19
- package/src/__hooks/use-popover-position.ts +0 -24
- package/src/__hooks/use-previos.ts +0 -25
- package/src/__hooks/use-resize.ts +0 -41
- package/src/__hooks/use-scrollbox.ts +0 -45
- package/src/__hooks/use-stepper-input.ts +0 -82
- package/src/__hooks/use-update.ts +0 -19
- package/src/__hooks/useCalendar.ts +0 -104
- package/src/__hooks/useCalendarOptions-copy.ts +0 -87
- package/src/__hooks/useCalendarOptions.ts +0 -68
- package/src/__libs/calendar.ts +0 -175
- package/src/__utils/utils.ts +0 -137
- package/src/index.ts +0 -36
- package/src/types.ts +0 -14
- package/tailwind.config.js +0 -91
- package/themes/classic/animations.scss +0 -179
- package/themes/classic/classic.scss +0 -493
- package/tsconfig.json +0 -27
- package/vite.build.ts +0 -35
- package/vite.config.ts +0 -33
- /package/{src → dist}/Button/Button.scss +0 -0
- /package/{src → dist}/ButtonGroup/ButtonGroup.scss +0 -0
- /package/{src → dist}/Checkbox/Checkbox.scss +0 -0
- /package/{src → dist}/DateInput/DateInput.scss +0 -0
- /package/{src → dist}/DatePicker/Calendar.scss +0 -0
- /package/{src → dist}/DatePicker/DatePicker.scss +0 -0
- /package/{src → dist}/Dialog/Dialog.scss +0 -0
- /package/{src → dist}/Dialog/Popup.scss +0 -0
- /package/{src → dist}/DialogAlert/Alert.scss +0 -0
- /package/{src → dist}/Drawer/Drawer.scss +0 -0
- /package/{src → dist}/Form/Form.scss +0 -0
- /package/{src → dist}/Form/Input.scss +0 -0
- /package/{src → dist}/Icon/icon.scss +0 -0
- /package/{src → dist}/OptionItem/Option.scss +0 -0
- /package/{src → dist}/Popover/Popover.scss +0 -0
- /package/{src → dist}/Radio/Radio.scss +0 -0
- /package/{src → dist}/Scrollable/Scrollable.scss +0 -0
- /package/{src → dist}/Select/Select.scss +0 -0
- /package/{src → dist}/SelectTags/SelectTags.scss +0 -0
- /package/{src → dist}/Spinner/Spinner.scss +0 -0
- /package/{src → dist}/Stepper/StepperInput.scss +0 -0
- /package/{src → dist}/Switch/Switch.scss +0 -0
- /package/{src → dist}/Tabs/Tabs.scss +0 -0
- /package/{src → dist}/TextArea/TextArea.scss +0 -0
- /package/{src → dist}/Toaster/Toaster.scss +0 -0
- /package/{src → dist}/Tooltip/Tooltip.scss +0 -0
- /package/{src/css.scss → dist/css-properties.scss} +0 -0
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export type Appearance = 'primary' | 'neutral' | 'positive' | 'negative';
|
|
2
|
+
export type Mode = 'default' | 'outline' | 'minimal';
|
|
3
|
+
export type Size = 'sm' | 'md' | 'lg';
|
|
4
|
+
export interface InternButtonProps {
|
|
5
|
+
icon?: React.ReactNode;
|
|
6
|
+
iconRight?: React.ReactNode;
|
|
7
|
+
appearance?: Appearance;
|
|
8
|
+
mode?: Mode;
|
|
9
|
+
size?: Size;
|
|
10
|
+
fill?: boolean;
|
|
11
|
+
align?: 'left' | 'center' | 'right';
|
|
12
|
+
loading?: boolean;
|
|
13
|
+
active?: boolean;
|
|
14
|
+
text?: React.ReactNode;
|
|
15
|
+
children?: React.ReactNode;
|
|
16
|
+
className?: string;
|
|
17
|
+
}
|
|
18
|
+
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, InternButtonProps {
|
|
19
|
+
}
|
|
20
|
+
export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
interface CheckboxProps {
|
|
2
|
+
checked: boolean;
|
|
3
|
+
onCheckedChange: (checked: boolean) => void;
|
|
4
|
+
size?: 'sm' | 'md';
|
|
5
|
+
label?: React.ReactNode;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
required?: boolean;
|
|
8
|
+
}
|
|
9
|
+
declare const Checkbox: ({ checked, required, disabled, onCheckedChange, size, label }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export { Checkbox };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { DateFormat } from '..';
|
|
2
|
+
export interface DatePickerProps {
|
|
3
|
+
min?: DateFormat;
|
|
4
|
+
max?: DateFormat;
|
|
5
|
+
noDaySelect?: boolean;
|
|
6
|
+
noYearSelect?: boolean;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
required?: boolean;
|
|
9
|
+
size?: 'sm' | 'md' | 'lg';
|
|
10
|
+
value: DateFormat;
|
|
11
|
+
onChange: (e: DateFormat) => void;
|
|
12
|
+
}
|
|
13
|
+
export declare const DateInput: ({ min, max, disabled, value, noDaySelect, noYearSelect, onChange, required, size }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export interface CalendarProps {
|
|
2
|
+
value?: Date | null;
|
|
3
|
+
disablePast?: boolean;
|
|
4
|
+
disableFuture?: boolean;
|
|
5
|
+
enableTime?: boolean;
|
|
6
|
+
disablePickers?: boolean;
|
|
7
|
+
showNeighboringMonth?: boolean;
|
|
8
|
+
onChange?: (value: Date) => void;
|
|
9
|
+
shouldDisableDate?: (value: Date) => boolean;
|
|
10
|
+
viewDate?: Date;
|
|
11
|
+
minDateTime?: Date;
|
|
12
|
+
maxDateTime?: Date;
|
|
13
|
+
}
|
|
14
|
+
export declare const Calendar: ({ disablePickers, value, onChange, ...props }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export interface CalendarHeaderProps {
|
|
2
|
+
viewDate: Date;
|
|
3
|
+
disablePickers?: boolean;
|
|
4
|
+
isMonthDisabled?: (monthNumber: number, year?: number) => boolean;
|
|
5
|
+
isYearDisabled?: (yearNumber: number) => boolean;
|
|
6
|
+
onChange: (viewDate: Date) => void;
|
|
7
|
+
onNextMonth?: () => void;
|
|
8
|
+
onPrevMonth?: () => void;
|
|
9
|
+
}
|
|
10
|
+
export declare const CalendarHeader: ({ viewDate, onChange, isMonthDisabled, isYearDisabled, onNextMonth, onPrevMonth }: CalendarHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { FormProps } from '../Form';
|
|
2
|
+
import { CalendarProps } from './Calendar';
|
|
3
|
+
interface DatePickerProps extends Omit<CalendarProps, 'onChange'>, Omit<FormProps, 'value' | 'onChange' | 'rightElement'> {
|
|
4
|
+
onChange?: (value: Date | null) => void;
|
|
5
|
+
placeholder?: string;
|
|
6
|
+
clearButton?: boolean;
|
|
7
|
+
clearButtonIcon?: boolean;
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
minimalOptions?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare const DatePicker: (props: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
2
|
+
export interface DialogProps {
|
|
3
|
+
open: boolean;
|
|
4
|
+
onOpenChange: (value: boolean) => void;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'full';
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare const Dialog: {
|
|
10
|
+
({ size, open, onOpenChange, children, className }: DialogProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
Close: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
12
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { InternButtonProps } from '../Button';
|
|
2
|
+
interface ActionProps extends Omit<InternButtonProps, 'children'> {
|
|
3
|
+
onClick?: () => void;
|
|
4
|
+
}
|
|
5
|
+
export interface AlertDialogProps {
|
|
6
|
+
open?: boolean;
|
|
7
|
+
defaultOpen?: boolean;
|
|
8
|
+
onOpenChange?: (value: boolean) => void;
|
|
9
|
+
onUnMounted?: () => void;
|
|
10
|
+
icon?: React.ReactNode;
|
|
11
|
+
title?: string;
|
|
12
|
+
description?: string;
|
|
13
|
+
confirm?: ActionProps;
|
|
14
|
+
cancel?: ActionProps;
|
|
15
|
+
cancelDefaultText?: string;
|
|
16
|
+
disableCancel?: boolean;
|
|
17
|
+
}
|
|
18
|
+
export declare const AlertDialog: ({ open, defaultOpen, onOpenChange, onUnMounted, icon, title, description, cancelDefaultText, cancel, disableCancel, confirm }: AlertDialogProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { InnerAlert } from '.';
|
|
2
|
+
import { AlertDialogProps } from './Alert';
|
|
3
|
+
export interface ViewportRef {
|
|
4
|
+
showAlert: (alert: InnerAlert) => void;
|
|
5
|
+
}
|
|
6
|
+
export interface AlertBaseProps extends Pick<AlertDialogProps, 'cancelDefaultText'> {
|
|
7
|
+
}
|
|
8
|
+
export declare const Viewport: import('react').ForwardRefExoticComponent<AlertBaseProps & import('react').RefAttributes<ViewportRef>>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { AlertDialogProps } from './Alert';
|
|
2
|
+
import { AlertBaseProps } from './Viewport';
|
|
3
|
+
export interface AlertOptions extends Omit<AlertDialogProps, 'open' | 'onOpenChange'> {
|
|
4
|
+
}
|
|
5
|
+
export interface InnerAlert extends AlertOptions {
|
|
6
|
+
id: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const createAlertAgent: (options?: AlertBaseProps) => {
|
|
9
|
+
show: (value: Omit<InnerAlert, "id">) => void;
|
|
10
|
+
Viewport: () => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
2
|
+
export interface DrawerProps {
|
|
3
|
+
open: boolean;
|
|
4
|
+
onOpenChange: (value: boolean) => void;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
direction?: 'bottom' | 'top' | 'left' | 'right';
|
|
7
|
+
className?: string;
|
|
8
|
+
size?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const Drawer: {
|
|
11
|
+
({ open, onOpenChange, children, size, direction, className }: DrawerProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
Close: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
13
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export interface FileOverlayProps {
|
|
2
|
+
multiple?: true;
|
|
3
|
+
onChange?: (file: File[]) => void;
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
mimes?: string[];
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
declare const FileOverlay: ({ onChange, disabled, mimes, children, multiple, className }: FileOverlayProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export { FileOverlay };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export interface FormProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
2
|
+
required?: boolean;
|
|
3
|
+
disabled?: boolean;
|
|
4
|
+
leftElement?: React.ReactNode;
|
|
5
|
+
rightElement?: React.ReactNode;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
value?: string | number;
|
|
8
|
+
readOnly?: boolean;
|
|
9
|
+
onValueChange?: (value: string, targetElement: HTMLInputElement) => void;
|
|
10
|
+
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
11
|
+
inputRef?: React.RefObject<HTMLInputElement>;
|
|
12
|
+
size?: 'sm' | 'md' | 'lg';
|
|
13
|
+
fill?: boolean;
|
|
14
|
+
mask?: string;
|
|
15
|
+
maskChar?: string;
|
|
16
|
+
}
|
|
17
|
+
export declare const Form: import('react').ForwardRefExoticComponent<FormProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
|
|
2
|
+
export interface IconProps {
|
|
3
|
+
icon: IconDefinition;
|
|
4
|
+
size?: 'xxxs' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const Icon: import('react').ForwardRefExoticComponent<IconProps & import('react').RefAttributes<SVGSVGElement>>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { ButtonProps } from '../Button';
|
|
2
|
+
import { UseLoadingProps } from '../__hooks/use-loading';
|
|
3
|
+
export interface LoadButtonProps extends UseLoadingProps, Omit<ButtonProps, 'onClick'> {
|
|
4
|
+
}
|
|
5
|
+
export declare const LoadButton: ({ onClick, appearance, ...rest }: LoadButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { FormProps } from '../Form';
|
|
2
|
+
export interface NumberInputProps extends Omit<FormProps, 'value' | 'onChange'> {
|
|
3
|
+
value: number | null;
|
|
4
|
+
onChange: (value: number | null) => void;
|
|
5
|
+
}
|
|
6
|
+
export declare const NumberInput: ({ value, onChange, ...props }: NumberInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Option } from '../types';
|
|
2
|
+
interface OptionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>, Omit<Option<unknown>, 'value'> {
|
|
3
|
+
active?: boolean;
|
|
4
|
+
minimal?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare const OptionItem: import('react').ForwardRefExoticComponent<OptionProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
interface MenuProps {
|
|
2
|
+
children: React.ReactNode;
|
|
3
|
+
maxHeight?: number;
|
|
4
|
+
scrollboxRef?: React.Ref<HTMLDivElement>;
|
|
5
|
+
optionsWrapperRef?: React.Ref<HTMLDivElement>;
|
|
6
|
+
}
|
|
7
|
+
export declare const OptionsList: ({ children, maxHeight, scrollboxRef, optionsWrapperRef }: MenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export type Align = 'start' | 'center' | 'end';
|
|
2
|
+
export type Side = 'top' | 'right' | 'bottom' | 'left';
|
|
3
|
+
export interface PopoverProps {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
open?: boolean;
|
|
6
|
+
triggerRef?: React.Ref<HTMLButtonElement>;
|
|
7
|
+
triggerProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
8
|
+
onOpenChange?: (open: boolean) => void;
|
|
9
|
+
content: ({ close }: {
|
|
10
|
+
close: () => void;
|
|
11
|
+
}) => React.ReactNode;
|
|
12
|
+
onAnimationEnd?: () => void;
|
|
13
|
+
onAnimationStart?: () => void;
|
|
14
|
+
onOpenAutoFocus?: (event: Event) => void;
|
|
15
|
+
onCloseAutoFocus?: (event: Event) => void;
|
|
16
|
+
side?: Side;
|
|
17
|
+
align?: Align;
|
|
18
|
+
showArrows?: boolean;
|
|
19
|
+
minimal?: boolean;
|
|
20
|
+
sideOffset?: number;
|
|
21
|
+
matchTarget?: 'width' | 'min-width';
|
|
22
|
+
className?: string;
|
|
23
|
+
fitMaxHeight?: boolean;
|
|
24
|
+
disabled?: boolean;
|
|
25
|
+
}
|
|
26
|
+
export declare const Popover: import('react').ForwardRefExoticComponent<PopoverProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
interface RadioOption<T> {
|
|
2
|
+
value: T;
|
|
3
|
+
label: React.ReactNode;
|
|
4
|
+
}
|
|
5
|
+
interface RadioGroupProps<T> {
|
|
6
|
+
options: RadioOption<T>[];
|
|
7
|
+
onChange: (event: T) => void;
|
|
8
|
+
value: T | null;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
required?: boolean;
|
|
11
|
+
size?: 'sm' | 'md';
|
|
12
|
+
}
|
|
13
|
+
export declare const RadioGroup: <T extends string>(props: RadioGroupProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
interface RadioProps extends RadioOption<string> {
|
|
15
|
+
size?: 'sm' | 'md';
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
required?: boolean;
|
|
18
|
+
}
|
|
19
|
+
export declare const Radio: ({ value, label, size, disabled, required }: RadioProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
children: React.ReactNode;
|
|
3
|
+
thumbClassName: string;
|
|
4
|
+
thumbColor?: string;
|
|
5
|
+
trackWidth?: number;
|
|
6
|
+
thumbMargin?: number;
|
|
7
|
+
scrollableClassName?: string;
|
|
8
|
+
}
|
|
9
|
+
declare const ImitateScroll: ({ children, thumbClassName, scrollableClassName, thumbMargin, trackWidth }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export { ImitateScroll };
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
interface OuterImplementation {
|
|
2
|
+
implementation: 'outer';
|
|
3
|
+
shadowPadding?: number;
|
|
4
|
+
scrollbarWidth: number;
|
|
5
|
+
noneCorrect?: boolean;
|
|
6
|
+
}
|
|
7
|
+
interface EdgeImplementation {
|
|
8
|
+
implementation: 'edge';
|
|
9
|
+
scrollbarWidth: number;
|
|
10
|
+
padding: number;
|
|
11
|
+
}
|
|
12
|
+
interface InnerImplementation {
|
|
13
|
+
implementation: 'inner';
|
|
14
|
+
padding: number;
|
|
15
|
+
}
|
|
16
|
+
interface ScrollableProps {
|
|
17
|
+
heightAuto?: boolean;
|
|
18
|
+
scrollX?: boolean;
|
|
19
|
+
scrollY?: boolean;
|
|
20
|
+
interactionKind?: 'static' | 'hover';
|
|
21
|
+
thumbPos?: 'center' | 'border';
|
|
22
|
+
thumbPadding?: number;
|
|
23
|
+
thumbColor?: string;
|
|
24
|
+
onWheel?: React.WheelEventHandler<HTMLDivElement>;
|
|
25
|
+
onScroll?: React.UIEventHandler<HTMLDivElement>;
|
|
26
|
+
maxHeight?: number;
|
|
27
|
+
children: React.ReactNode;
|
|
28
|
+
style?: React.CSSProperties;
|
|
29
|
+
className?: string;
|
|
30
|
+
}
|
|
31
|
+
type Implementation = InnerImplementation | OuterImplementation | EdgeImplementation;
|
|
32
|
+
declare const Scrollable: import('react').ForwardRefExoticComponent<(ScrollableProps & Implementation) & import('react').RefAttributes<HTMLDivElement>>;
|
|
33
|
+
export { Scrollable };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export interface SelectFormProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
2
|
+
required?: boolean;
|
|
3
|
+
disabled?: boolean;
|
|
4
|
+
className?: string;
|
|
5
|
+
leftElement?: React.ReactNode;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
value?: string | number;
|
|
8
|
+
size?: 'sm' | 'md' | 'lg';
|
|
9
|
+
fill?: boolean;
|
|
10
|
+
clearButton?: boolean;
|
|
11
|
+
clearButtonIcon?: boolean;
|
|
12
|
+
onClear?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
13
|
+
}
|
|
14
|
+
export declare const SelectInput: import('react').ForwardRefExoticComponent<SelectFormProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { FormProps } from '../Form';
|
|
2
|
+
import { Option } from '../types';
|
|
3
|
+
interface SelectProps<T> extends Omit<FormProps, 'value' | 'onChange' | 'rightElement'> {
|
|
4
|
+
options: Option<T>[];
|
|
5
|
+
onChange: (event: T | null) => void;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
clearButton?: boolean;
|
|
8
|
+
clearButtonIcon?: boolean;
|
|
9
|
+
value: T | null;
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
minimalOptions?: boolean;
|
|
12
|
+
matchTarget?: 'width' | 'min-width';
|
|
13
|
+
}
|
|
14
|
+
export declare const Select: <T>(props: SelectProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Option } from '../types';
|
|
2
|
+
export interface SelectTagsProps<T> {
|
|
3
|
+
options: Option<T>[];
|
|
4
|
+
onChange: (event: T[]) => void;
|
|
5
|
+
placeholder?: string;
|
|
6
|
+
value: T[];
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
readOnly?: boolean;
|
|
10
|
+
closeAfterSelect?: boolean;
|
|
11
|
+
emptyText?: string;
|
|
12
|
+
size?: 'sm' | 'md' | 'lg';
|
|
13
|
+
fill?: boolean;
|
|
14
|
+
}
|
|
15
|
+
export declare const SelectTags: <T extends string | number>(props: SelectTagsProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { StepperInputOptions } from '../__hooks/use-stepper-input';
|
|
2
|
+
interface StepperInputProps extends StepperInputOptions {
|
|
3
|
+
buttons?: boolean;
|
|
4
|
+
placeholder?: string;
|
|
5
|
+
inputStyle?: React.CSSProperties;
|
|
6
|
+
}
|
|
7
|
+
export declare const StepperInput: ({ inputStyle, placeholder, buttons, ...options }: StepperInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export interface SwitchProps {
|
|
2
|
+
checked: boolean;
|
|
3
|
+
onCheckedChange: (checked: boolean) => void;
|
|
4
|
+
label?: React.ReactNode;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
checkedIcon?: React.ReactNode;
|
|
7
|
+
uncheckedIcon?: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
declare const Switch: (props: SwitchProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export { Switch };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
children: React.ReactNode;
|
|
3
|
+
onChange: (value: string) => void;
|
|
4
|
+
value: string;
|
|
5
|
+
}
|
|
6
|
+
export declare const Tabs: {
|
|
7
|
+
({ children, value, onChange }: Props): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
Tab: ({ children, value, ...restProps }: TabProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
};
|
|
10
|
+
interface TabProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
11
|
+
value: string;
|
|
12
|
+
}
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
2
|
+
grow?: boolean;
|
|
3
|
+
onResize?: (el: HTMLTextAreaElement) => void;
|
|
4
|
+
fill?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare const TextArea: ({ onResize, grow, value, onChange, disabled, required, rows, fill, ...textAreaProps }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ToastOptions } from '.';
|
|
2
|
+
interface ToastProps extends ToastOptions {
|
|
3
|
+
onRemoved: () => void;
|
|
4
|
+
onRemoving: () => void;
|
|
5
|
+
onInitialized: (ref: HTMLLIElement) => void;
|
|
6
|
+
closeIcon?: React.ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export declare const Toast: (options: ToastProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { InnerToast } from '.';
|
|
2
|
+
export interface ViewportProps {
|
|
3
|
+
side?: 'top' | 'bottom';
|
|
4
|
+
align?: 'center' | 'left' | 'right';
|
|
5
|
+
gap?: number;
|
|
6
|
+
swipeThreshold?: number;
|
|
7
|
+
duration?: number;
|
|
8
|
+
closeIcon?: React.ReactNode;
|
|
9
|
+
}
|
|
10
|
+
export interface ViewportRef {
|
|
11
|
+
addToast: (toast: InnerToast) => void;
|
|
12
|
+
}
|
|
13
|
+
export declare const Viewport: import('react').ForwardRefExoticComponent<ViewportProps & import('react').RefAttributes<ViewportRef>>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ViewportProps } from './Viewport';
|
|
2
|
+
export interface ToastOptions {
|
|
3
|
+
appearance?: 'primary' | 'neutral' | 'positive' | 'negative' | 'warning';
|
|
4
|
+
icon?: React.ReactNode;
|
|
5
|
+
title?: React.ReactNode;
|
|
6
|
+
description?: React.ReactNode;
|
|
7
|
+
duration?: number;
|
|
8
|
+
}
|
|
9
|
+
export interface InnerToast extends ToastOptions {
|
|
10
|
+
id: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const createToaster: (rootProps?: ViewportProps) => {
|
|
13
|
+
send: (toast: ToastOptions) => void;
|
|
14
|
+
Viewport: (props?: ViewportProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Side } from '../Popover';
|
|
2
|
+
interface TooltipProps {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
content: React.ReactNode;
|
|
5
|
+
side?: Side;
|
|
6
|
+
}
|
|
7
|
+
export declare const Tooltip: ({ children, content, side }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export interface UseLoadingProps<T = unknown> {
|
|
2
|
+
onClick: (startLoad: () => void, param: T) => Promise<any>;
|
|
3
|
+
}
|
|
4
|
+
export declare const useLoading: <T = unknown>({ onClick }: UseLoadingProps<T>) => {
|
|
5
|
+
handleClick: (param: T) => void;
|
|
6
|
+
isLoading: boolean;
|
|
7
|
+
isError: boolean;
|
|
8
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useLocalStorage: <T>(token: string, defaultValue: T) => [T, React.Dispatch<React.SetStateAction<T>>];
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const usePopoverLeftValue: () => {
|
|
2
|
+
popoverRef: import('react').RefObject<HTMLDivElement>;
|
|
3
|
+
getLeftValue: () => string;
|
|
4
|
+
};
|
|
5
|
+
export declare const useButtonWidth: () => {
|
|
6
|
+
buttonRef: import('react').RefObject<HTMLButtonElement>;
|
|
7
|
+
getWidthValue: () => string;
|
|
8
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
interface UseScrollListControllerReturn {
|
|
2
|
+
scrollBoxRef: React.RefObject<HTMLDivElement>;
|
|
3
|
+
optionsWrapperRef: React.RefObject<HTMLDivElement>;
|
|
4
|
+
scrollToElement: (index: number, center?: boolean) => void;
|
|
5
|
+
}
|
|
6
|
+
export declare const useScrollListController: () => UseScrollListControllerReturn;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export interface StepperInputOptions {
|
|
2
|
+
value: number;
|
|
3
|
+
onChange: (value: number) => void;
|
|
4
|
+
step: number;
|
|
5
|
+
minValue?: number;
|
|
6
|
+
}
|
|
7
|
+
export declare const useStepperInput: ({ minValue, value, onChange, step }: StepperInputOptions) => {
|
|
8
|
+
inputRef: import('react').RefObject<HTMLInputElement>;
|
|
9
|
+
value: string;
|
|
10
|
+
increment: () => void;
|
|
11
|
+
decrement: () => void;
|
|
12
|
+
handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
13
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useLayoutAndUpdate: (callback: () => void, deps?: React.DependencyList | undefined) => void;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { CalendarProps } from '../DatePicker/Calendar';
|
|
2
|
+
export interface UseCalendarDependencies extends Pick<CalendarProps, 'minDateTime' | 'maxDateTime' | 'shouldDisableDate' | 'disableFuture' | 'disablePast'> {
|
|
3
|
+
disablePast?: boolean;
|
|
4
|
+
disableFuture?: boolean;
|
|
5
|
+
minDateTime?: Date;
|
|
6
|
+
maxDateTime?: Date;
|
|
7
|
+
value?: Date | null;
|
|
8
|
+
}
|
|
9
|
+
export declare const useCalendar: ({ value, disablePast, disableFuture, shouldDisableDate, minDateTime, maxDateTime }: UseCalendarDependencies) => {
|
|
10
|
+
viewDate: Date;
|
|
11
|
+
setViewDate: import('react').Dispatch<import('react').SetStateAction<Date>>;
|
|
12
|
+
setPrevMonth: () => void;
|
|
13
|
+
setNextMonth: () => void;
|
|
14
|
+
isDayDisabled: (day: Date, withTime?: boolean) => boolean;
|
|
15
|
+
isMonthDisabled: (month: number, year?: number) => boolean;
|
|
16
|
+
isYearDisabled: (year: number) => boolean;
|
|
17
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export declare const defaultMax: Date;
|
|
2
|
+
export declare const defaultMin: Date;
|
|
3
|
+
interface Options {
|
|
4
|
+
min?: Date;
|
|
5
|
+
max?: Date;
|
|
6
|
+
now: Date;
|
|
7
|
+
}
|
|
8
|
+
export declare const useCalendarOptions2: ({ min, max, now }: Options) => {
|
|
9
|
+
years: {
|
|
10
|
+
title: string;
|
|
11
|
+
value: number;
|
|
12
|
+
}[];
|
|
13
|
+
months: {
|
|
14
|
+
title: string;
|
|
15
|
+
value: number;
|
|
16
|
+
}[];
|
|
17
|
+
days: {
|
|
18
|
+
title: string;
|
|
19
|
+
value: number;
|
|
20
|
+
}[];
|
|
21
|
+
};
|
|
22
|
+
export {};
|