@hybr1d-tech/charizard 0.6.108 → 0.7.0
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/hybr1d-ui.js +3636 -3635
- package/dist/hybr1d-ui.umd.cjs +14 -14
- package/dist/index.d.ts +2941 -1
- package/package.json +17 -16
- package/dist/components/alert/Alert.d.ts +0 -24
- package/dist/components/alert/index.d.ts +0 -1
- package/dist/components/asyncImage/AsyncImage.d.ts +0 -14
- package/dist/components/asyncImage/index.d.ts +0 -1
- package/dist/components/asyncImage/types.d.ts +0 -4
- package/dist/components/avatar/Avatar.d.ts +0 -6
- package/dist/components/avatar/index.d.ts +0 -1
- package/dist/components/badge/Badge.d.ts +0 -50
- package/dist/components/badge/index.d.ts +0 -1
- package/dist/components/breadcrumbs/BreadCrumbs.d.ts +0 -1
- package/dist/components/breadcrumbs/index.d.ts +0 -3
- package/dist/components/breadcrumbs/store.d.ts +0 -11
- package/dist/components/breadcrumbs/useBreadCrumbs.d.ts +0 -7
- package/dist/components/button/Button.d.ts +0 -55
- package/dist/components/button/actions-dropdown.stories.d.ts +0 -7
- package/dist/components/button/button.stories.d.ts +0 -11
- package/dist/components/button/index.d.ts +0 -1
- package/dist/components/button/menu-button.stories.d.ts +0 -7
- package/dist/components/button-v2/ButtonV2.d.ts +0 -77
- package/dist/components/button-v2/buttonV2.stories.d.ts +0 -9
- package/dist/components/button-v2/group-action.stories.d.ts +0 -9
- package/dist/components/button-v2/index.d.ts +0 -2
- package/dist/components/button-v2/types.d.ts +0 -21
- package/dist/components/checkbox/Checkbox.d.ts +0 -44
- package/dist/components/checkbox/checkbox.stories.d.ts +0 -7
- package/dist/components/checkbox/index.d.ts +0 -1
- package/dist/components/checkbox-v2/CheckboxV2.d.ts +0 -10
- package/dist/components/checkbox-v2/index.d.ts +0 -1
- package/dist/components/color-picker/ColorPicker.d.ts +0 -10
- package/dist/components/color-picker/index.d.ts +0 -1
- package/dist/components/date-picker/DatePicker.d.ts +0 -30
- package/dist/components/date-picker/index.d.ts +0 -1
- package/dist/components/drawer/Drawer.d.ts +0 -76
- package/dist/components/drawer/index.d.ts +0 -1
- package/dist/components/drawer-v2/Drawer.d.ts +0 -83
- package/dist/components/drawer-v2/index.d.ts +0 -1
- package/dist/components/empty-state/EmptyState.d.ts +0 -16
- package/dist/components/empty-state/empty-state.stories.d.ts +0 -7
- package/dist/components/empty-state/index.d.ts +0 -1
- package/dist/components/index.d.ts +0 -43
- package/dist/components/input/Input.d.ts +0 -72
- package/dist/components/input/InputAddon.d.ts +0 -41
- package/dist/components/input/InputContainer.d.ts +0 -26
- package/dist/components/input/InputElement.d.ts +0 -19
- package/dist/components/input/InputGroup.d.ts +0 -14
- package/dist/components/input/InputLabel.d.ts +0 -46
- package/dist/components/input/index.d.ts +0 -6
- package/dist/components/input/input.stories.d.ts +0 -7
- package/dist/components/input/types.d.ts +0 -13
- package/dist/components/input-v2/Input.d.ts +0 -20
- package/dist/components/input-v2/InputAdornment.d.ts +0 -64
- package/dist/components/input-v2/InputControl.d.ts +0 -27
- package/dist/components/input-v2/InputCount.d.ts +0 -32
- package/dist/components/input-v2/InputGroup.d.ts +0 -6
- package/dist/components/input-v2/InputIcon.d.ts +0 -48
- package/dist/components/input-v2/InputNumber.d.ts +0 -24
- package/dist/components/input-v2/Label.d.ts +0 -24
- package/dist/components/input-v2/NumberAdornment.d.ts +0 -24
- package/dist/components/input-v2/Textarea.d.ts +0 -23
- package/dist/components/input-v2/index.d.ts +0 -10
- package/dist/components/input-v2/types.d.ts +0 -329
- package/dist/components/layout-tabs/LayoutTabs.d.ts +0 -22
- package/dist/components/layout-tabs/index.d.ts +0 -1
- package/dist/components/loader/Loader.d.ts +0 -17
- package/dist/components/loader/index.d.ts +0 -1
- package/dist/components/loader/loader.stories.d.ts +0 -14
- package/dist/components/modal/Modal.d.ts +0 -30
- package/dist/components/modal/ModalBody.d.ts +0 -17
- package/dist/components/modal/ModalContent.d.ts +0 -18
- package/dist/components/modal/ModalFooter.d.ts +0 -38
- package/dist/components/modal/ModalHeader.d.ts +0 -21
- package/dist/components/modal/ModalOverlay.d.ts +0 -9
- package/dist/components/modal/index.d.ts +0 -6
- package/dist/components/modal/usage.d.ts +0 -1
- package/dist/components/pill/Pill.d.ts +0 -15
- package/dist/components/pill/index.d.ts +0 -1
- package/dist/components/popover/Popover.d.ts +0 -26
- package/dist/components/popover/PopoverCloseButton.d.ts +0 -23
- package/dist/components/popover/PopoverContent.d.ts +0 -32
- package/dist/components/popover/PopoverDescription.d.ts +0 -23
- package/dist/components/popover/PopoverTitle.d.ts +0 -23
- package/dist/components/popover/PopoverTrigger.d.ts +0 -29
- package/dist/components/popover/index.d.ts +0 -6
- package/dist/components/popover/usage.d.ts +0 -1
- package/dist/components/progress/Progress.d.ts +0 -63
- package/dist/components/progress/index.d.ts +0 -1
- package/dist/components/radio-group/RadioGroup.d.ts +0 -45
- package/dist/components/radio-group/index.d.ts +0 -1
- package/dist/components/radio-group/radio.stories.d.ts +0 -7
- package/dist/components/search/Search.d.ts +0 -14
- package/dist/components/search/index.d.ts +0 -1
- package/dist/components/search/search.stories.d.ts +0 -7
- package/dist/components/search-v2/Search.d.ts +0 -20
- package/dist/components/search-v2/index.d.ts +0 -1
- package/dist/components/search-v2/types.d.ts +0 -6
- package/dist/components/segmented-control/SegmentedControl.d.ts +0 -22
- package/dist/components/segmented-control/index.d.ts +0 -1
- package/dist/components/select/Common.d.ts +0 -6
- package/dist/components/select/CreatableSelect.d.ts +0 -97
- package/dist/components/select/Select.d.ts +0 -87
- package/dist/components/select/SelectAsync.d.ts +0 -81
- package/dist/components/select/config.d.ts +0 -4
- package/dist/components/select/index.d.ts +0 -3
- package/dist/components/select/types.d.ts +0 -15
- package/dist/components/select-v2/Common.d.ts +0 -56
- package/dist/components/select-v2/CreatableSelect.d.ts +0 -15
- package/dist/components/select-v2/Select.d.ts +0 -14
- package/dist/components/select-v2/index.d.ts +0 -3
- package/dist/components/select-v2/styles.d.ts +0 -3
- package/dist/components/select-v2/types.d.ts +0 -37
- package/dist/components/selectors/Selectors.d.ts +0 -7
- package/dist/components/selectors/index.d.ts +0 -1
- package/dist/components/skeleton/Skeleton.d.ts +0 -3
- package/dist/components/skeleton/index.d.ts +0 -1
- package/dist/components/svg/SVG.d.ts +0 -11
- package/dist/components/svg/index.d.ts +0 -1
- package/dist/components/switch/Switch.d.ts +0 -12
- package/dist/components/switch/index.d.ts +0 -1
- package/dist/components/switch/switch.stories.d.ts +0 -9
- package/dist/components/table/Table.d.ts +0 -114
- package/dist/components/table/constants.d.ts +0 -3
- package/dist/components/table/index.d.ts +0 -1
- package/dist/components/table/store.d.ts +0 -15
- package/dist/components/table/table-actions/TableActions.d.ts +0 -8
- package/dist/components/table/table-actions/index.d.ts +0 -1
- package/dist/components/table/table-columns/TableCheckbox.d.ts +0 -11
- package/dist/components/table/table-columns/TableRadio.d.ts +0 -7
- package/dist/components/table/table-columns/index.d.ts +0 -2
- package/dist/components/table/table-empty/TableEmpty.d.ts +0 -6
- package/dist/components/table/table-empty/index.d.ts +0 -1
- package/dist/components/table/table-filters/FilterCheckbox.d.ts +0 -13
- package/dist/components/table/table-filters/FilterTooltip.d.ts +0 -9
- package/dist/components/table/table-filters/TableFilter.d.ts +0 -14
- package/dist/components/table/table-filters/TableFilters.d.ts +0 -7
- package/dist/components/table/table-filters/index.d.ts +0 -1
- package/dist/components/table/table-loader/TableLoader.d.ts +0 -4
- package/dist/components/table/table-loader/index.d.ts +0 -1
- package/dist/components/table/table-selected-actions/TableSelectedActions.d.ts +0 -8
- package/dist/components/table/table-selected-actions/index.d.ts +0 -1
- package/dist/components/table/types.d.ts +0 -36
- package/dist/components/table-v3/TableV3.d.ts +0 -119
- package/dist/components/table-v3/constants.d.ts +0 -3
- package/dist/components/table-v3/index.d.ts +0 -4
- package/dist/components/table-v3/inventory/inventory.store.d.ts +0 -40
- package/dist/components/table-v3/store.d.ts +0 -16
- package/dist/components/table-v3/table-actions/TableActions.d.ts +0 -8
- package/dist/components/table-v3/table-actions/index.d.ts +0 -1
- package/dist/components/table-v3/table-columns/TableCheckbox.d.ts +0 -8
- package/dist/components/table-v3/table-columns/TableRadio.d.ts +0 -7
- package/dist/components/table-v3/table-columns/index.d.ts +0 -2
- package/dist/components/table-v3/table-custom-cols/CustomColCheckbox.d.ts +0 -10
- package/dist/components/table-v3/table-custom-cols/TableCustomCols.d.ts +0 -30
- package/dist/components/table-v3/table-custom-cols/index.d.ts +0 -1
- package/dist/components/table-v3/table-custom-cols/sortable/SortableItem.d.ts +0 -10
- package/dist/components/table-v3/table-custom-cols/sortable/SortableList.d.ts +0 -19
- package/dist/components/table-v3/table-custom-cols/sortable/SortableOverlay.d.ts +0 -6
- package/dist/components/table-v3/table-custom-cols/utils.d.ts +0 -16
- package/dist/components/table-v3/table-empty/TableEmpty.d.ts +0 -6
- package/dist/components/table-v3/table-empty/index.d.ts +0 -1
- package/dist/components/table-v3/table-filters-drawer/TableFiltersDrawer.d.ts +0 -7
- package/dist/components/table-v3/table-filters-drawer/TableFiltersDrawerNew.d.ts +0 -7
- package/dist/components/table-v3/table-filters-drawer/index.d.ts +0 -1
- package/dist/components/table-v3/table-filters-drawer/utils.d.ts +0 -16
- package/dist/components/table-v3/table-header-filters/FilterCheckbox.d.ts +0 -13
- package/dist/components/table-v3/table-header-filters/FilterDrawerAllCheckbox.d.ts +0 -7
- package/dist/components/table-v3/table-header-filters/FilterDrawerCheckbox.d.ts +0 -12
- package/dist/components/table-v3/table-header-filters/FilterDrawerCheckboxNew.d.ts +0 -9
- package/dist/components/table-v3/table-header-filters/FilterTooltip.d.ts +0 -9
- package/dist/components/table-v3/table-header-filters/TableHeaderFilter.d.ts +0 -14
- package/dist/components/table-v3/table-header-filters/TableHeaderFilters.d.ts +0 -8
- package/dist/components/table-v3/table-header-filters/index.d.ts +0 -1
- package/dist/components/table-v3/table-loader/TableLoader.d.ts +0 -4
- package/dist/components/table-v3/table-loader/index.d.ts +0 -1
- package/dist/components/table-v3/table-meta-header/TableMetaHeader.d.ts +0 -18
- package/dist/components/table-v3/table-meta-header/index.d.ts +0 -1
- package/dist/components/table-v3/table-pagination/TableEllipses.d.ts +0 -6
- package/dist/components/table-v3/table-pagination/TableLimit.d.ts +0 -7
- package/dist/components/table-v3/table-pagination/TablePagination.d.ts +0 -7
- package/dist/components/table-v3/table-pagination/index.d.ts +0 -1
- package/dist/components/table-v3/table-pagination/utils.d.ts +0 -4
- package/dist/components/table-v3/table-selected-actions/TableSelectedActions.d.ts +0 -8
- package/dist/components/table-v3/table-selected-actions/index.d.ts +0 -1
- package/dist/components/table-v3/types.d.ts +0 -52
- package/dist/components/table-v3/value-cells/table-box-ellipses/TableBoxEllipses.d.ts +0 -7
- package/dist/components/table-v3/value-cells/table-box-ellipses/index.d.ts +0 -1
- package/dist/components/table-v3/value-cells/table-device-cell/TableDeviceCell.d.ts +0 -7
- package/dist/components/table-v3/value-cells/table-user-cell/TableUserCell.d.ts +0 -7
- package/dist/components/tabs/Tab.d.ts +0 -12
- package/dist/components/tabs/Tabs.d.ts +0 -12
- package/dist/components/tabs/index.d.ts +0 -2
- package/dist/components/tag/Tag.d.ts +0 -15
- package/dist/components/tag/index.d.ts +0 -1
- package/dist/components/task-cards/TaskCards.d.ts +0 -24
- package/dist/components/task-cards/components/task-card/TaskCard.d.ts +0 -7
- package/dist/components/task-cards/components/task-card-header/TaskCardHeader.d.ts +0 -3
- package/dist/components/task-cards/helper.d.ts +0 -1
- package/dist/components/task-cards/index.d.ts +0 -1
- package/dist/components/task-cards/types.d.ts +0 -36
- package/dist/components/toasts/Toasts.d.ts +0 -14
- package/dist/components/toasts/index.d.ts +0 -1
- package/dist/components/toasts/types.d.ts +0 -5
- package/dist/components/tooltip/Tooltip.d.ts +0 -28
- package/dist/components/tooltip/TooltipContent.d.ts +0 -24
- package/dist/components/tooltip/TooltipTrigger.d.ts +0 -16
- package/dist/components/tooltip/index.d.ts +0 -1
- package/dist/components/tooltip-v2/TooltipV2.d.ts +0 -14
- package/dist/components/tooltip-v2/index.d.ts +0 -1
- package/dist/components/upload/Upload.d.ts +0 -52
- package/dist/components/upload/helper.d.ts +0 -2
- package/dist/components/upload/index.d.ts +0 -1
- package/dist/components/upload/types.d.ts +0 -15
- package/dist/components/upload/upload.stories.d.ts +0 -7
- package/dist/components/user-chip/UserChip.d.ts +0 -17
- package/dist/components/user-chip/index.d.ts +0 -1
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import { BUTTON_V2_SIZE, BUTTON_V2_TYPE, BUTTON_V2_VARIANT } from '../button-v2';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
export type DrawerFooterButtons = Array<{
|
|
4
|
-
variant?: BUTTON_V2_VARIANT;
|
|
5
|
-
onClick: () => void;
|
|
6
|
-
btnText: string;
|
|
7
|
-
btnType?: 'button' | 'submit' | 'reset';
|
|
8
|
-
btnSize?: BUTTON_V2_SIZE;
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
isLoading?: boolean;
|
|
11
|
-
loadingText?: string;
|
|
12
|
-
type?: BUTTON_V2_TYPE;
|
|
13
|
-
}>;
|
|
14
|
-
interface DrawerProps {
|
|
15
|
-
/**
|
|
16
|
-
* Drawer footer className
|
|
17
|
-
*/
|
|
18
|
-
footerClassName?: string;
|
|
19
|
-
/**
|
|
20
|
-
* Drawer header className
|
|
21
|
-
*/
|
|
22
|
-
headerClassName?: string;
|
|
23
|
-
/**
|
|
24
|
-
* Drawer content className
|
|
25
|
-
*/
|
|
26
|
-
contentClassName?: string;
|
|
27
|
-
/**
|
|
28
|
-
* Drawer is open or not
|
|
29
|
-
*/
|
|
30
|
-
isOpen: boolean;
|
|
31
|
-
/**
|
|
32
|
-
* Callback function when drawer is closed
|
|
33
|
-
*/
|
|
34
|
-
onClose: () => void;
|
|
35
|
-
/**
|
|
36
|
-
* Drawer content
|
|
37
|
-
*/
|
|
38
|
-
children: React.ReactNode;
|
|
39
|
-
/**
|
|
40
|
-
* Drawer title
|
|
41
|
-
*/
|
|
42
|
-
title?: string;
|
|
43
|
-
/**
|
|
44
|
-
* Drawer subTitle
|
|
45
|
-
*/
|
|
46
|
-
subTitle?: string;
|
|
47
|
-
/**
|
|
48
|
-
* Custom drawer header
|
|
49
|
-
*/
|
|
50
|
-
customHeader?: React.ReactNode;
|
|
51
|
-
/**
|
|
52
|
-
* Custom drawer footer
|
|
53
|
-
*/
|
|
54
|
-
customFooter?: React.ReactNode;
|
|
55
|
-
/**
|
|
56
|
-
* Drawer size
|
|
57
|
-
*/
|
|
58
|
-
size?: 'sm' | 'md' | 'lg' | 'xlg' | 'xxlg';
|
|
59
|
-
/**
|
|
60
|
-
* Show backdrop or not
|
|
61
|
-
*/
|
|
62
|
-
showBackdrop?: boolean;
|
|
63
|
-
/**
|
|
64
|
-
* Show header or not
|
|
65
|
-
*/
|
|
66
|
-
showHeader?: boolean;
|
|
67
|
-
/**
|
|
68
|
-
* Show footer or not
|
|
69
|
-
*/
|
|
70
|
-
showFooter?: boolean;
|
|
71
|
-
/**
|
|
72
|
-
* footer buttons to show
|
|
73
|
-
*/
|
|
74
|
-
buttons?: DrawerFooterButtons;
|
|
75
|
-
footerAddon?: React.ReactNode;
|
|
76
|
-
/**
|
|
77
|
-
* Drawer position
|
|
78
|
-
*/
|
|
79
|
-
drawerPosition?: 'left' | 'right';
|
|
80
|
-
customContainerStyles?: React.CSSProperties;
|
|
81
|
-
}
|
|
82
|
-
export declare function DrawerV2({ isOpen, onClose, children, title, subTitle, customHeader, customFooter, size, showBackdrop, showHeader, showFooter, buttons, footerAddon, headerClassName, contentClassName, footerClassName, drawerPosition, customContainerStyles, }: DrawerProps): import("react/jsx-runtime").JSX.Element;
|
|
83
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Drawer';
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
interface EmptyStateProps {
|
|
3
|
-
icon: string;
|
|
4
|
-
title: string;
|
|
5
|
-
desc?: string;
|
|
6
|
-
flexDir?: 'row' | 'column';
|
|
7
|
-
btnText?: string;
|
|
8
|
-
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
9
|
-
customSvgStyles?: React.CSSProperties;
|
|
10
|
-
customSvgClassName?: string;
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* adapts to parent's width and height
|
|
14
|
-
*/
|
|
15
|
-
export declare function EmptyState({ icon, title, desc, flexDir, btnText, onClick, customSvgClassName, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './EmptyState';
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
export * from './button';
|
|
3
|
-
export * from './empty-state';
|
|
4
|
-
export * from './table';
|
|
5
|
-
export * from './search';
|
|
6
|
-
export * from './drawer';
|
|
7
|
-
export * from './input';
|
|
8
|
-
export * from './modal';
|
|
9
|
-
export * from './popover';
|
|
10
|
-
export * from './select';
|
|
11
|
-
export * from './svg';
|
|
12
|
-
export * from './checkbox';
|
|
13
|
-
export * from './tooltip';
|
|
14
|
-
export * from './progress';
|
|
15
|
-
export * from './segmented-control';
|
|
16
|
-
export * from './radio-group';
|
|
17
|
-
export * from './layout-tabs';
|
|
18
|
-
export * from './selectors';
|
|
19
|
-
export * from './loader';
|
|
20
|
-
export * from './switch';
|
|
21
|
-
export * from './tag';
|
|
22
|
-
export * from './color-picker';
|
|
23
|
-
export * from './tooltip-v2';
|
|
24
|
-
export * from './avatar';
|
|
25
|
-
export * from './user-chip';
|
|
26
|
-
export * from './tabs';
|
|
27
|
-
export * from './task-cards';
|
|
28
|
-
export * from './button-v2';
|
|
29
|
-
export * from './badge';
|
|
30
|
-
export * from './pill';
|
|
31
|
-
export * from './table-v3';
|
|
32
|
-
export * from './select-v2';
|
|
33
|
-
export * from './skeleton';
|
|
34
|
-
export * from './asyncImage';
|
|
35
|
-
export * from './date-picker';
|
|
36
|
-
export * from './drawer-v2';
|
|
37
|
-
export * from './toasts';
|
|
38
|
-
export * from './checkbox-v2';
|
|
39
|
-
export * from './alert';
|
|
40
|
-
export * from './upload';
|
|
41
|
-
export * from './input-v2';
|
|
42
|
-
export * from './search-v2';
|
|
43
|
-
export * from './breadcrumbs';
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import { HTMLInputTypeAttribute } from 'react';
|
|
2
|
-
import { Inputs } from './types';
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
interface InputProps {
|
|
5
|
-
/**
|
|
6
|
-
* Custom classes to be applied to the input
|
|
7
|
-
*/
|
|
8
|
-
customClasses?: string[] | string;
|
|
9
|
-
/**
|
|
10
|
-
* Custom styles to be applied to the input
|
|
11
|
-
*/
|
|
12
|
-
customStyles?: Record<string, string>;
|
|
13
|
-
/**
|
|
14
|
-
* Type of the input
|
|
15
|
-
*/
|
|
16
|
-
type?: HTMLInputTypeAttribute | 'textarea';
|
|
17
|
-
/**
|
|
18
|
-
* Placeholder of the input
|
|
19
|
-
*/
|
|
20
|
-
placeholder?: string;
|
|
21
|
-
/**
|
|
22
|
-
* Name of the input
|
|
23
|
-
*/
|
|
24
|
-
name?: string;
|
|
25
|
-
/**
|
|
26
|
-
* Id of the input
|
|
27
|
-
*/
|
|
28
|
-
id?: string;
|
|
29
|
-
/**
|
|
30
|
-
* Value of the input
|
|
31
|
-
*/
|
|
32
|
-
value?: string | number;
|
|
33
|
-
/**
|
|
34
|
-
* On change handler of the input
|
|
35
|
-
*/
|
|
36
|
-
onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>, arg?: any) => void;
|
|
37
|
-
/**
|
|
38
|
-
* whether the input is disabled or not
|
|
39
|
-
*/
|
|
40
|
-
disabled?: boolean;
|
|
41
|
-
/**
|
|
42
|
-
* Rest props of the input
|
|
43
|
-
*/
|
|
44
|
-
restprops?: any;
|
|
45
|
-
/**
|
|
46
|
-
* Number of rows of the textarea
|
|
47
|
-
*/
|
|
48
|
-
rows?: number;
|
|
49
|
-
/**
|
|
50
|
-
* Number of cols of the textarea
|
|
51
|
-
*/
|
|
52
|
-
cols?: number;
|
|
53
|
-
/**
|
|
54
|
-
* Error message of the input
|
|
55
|
-
*/
|
|
56
|
-
errorMsg?: string | false;
|
|
57
|
-
/** Multiple select? */
|
|
58
|
-
multiple?: boolean;
|
|
59
|
-
/** Blur event handler */
|
|
60
|
-
onBlur?: {
|
|
61
|
-
/** Classic React blur handler, keyed by input name */
|
|
62
|
-
(e: React.FocusEvent<any>): void;
|
|
63
|
-
/** Preact-like linkState. Will return a handleBlur function. */
|
|
64
|
-
<T = string | any>(fieldOrEvent: T): T extends string ? (e: any) => void : void;
|
|
65
|
-
};
|
|
66
|
-
}
|
|
67
|
-
export declare function Input({ customClasses, customStyles, name, id, value, onChange, restprops, cols, errorMsg, disabled, rows, type, placeholder, onBlur, }: InputProps): import("react/jsx-runtime").JSX.Element;
|
|
68
|
-
export declare namespace Input {
|
|
69
|
-
var displayName: Inputs;
|
|
70
|
-
var id: Inputs;
|
|
71
|
-
}
|
|
72
|
-
export {};
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { Inputs } from './types';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
interface InputDirectionAddonProps {
|
|
4
|
-
/**
|
|
5
|
-
* Children of the input addon
|
|
6
|
-
*/
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
/**
|
|
9
|
-
* to enable dropdown or not
|
|
10
|
-
*/
|
|
11
|
-
isDropdown?: boolean;
|
|
12
|
-
/**
|
|
13
|
-
* dropdown options
|
|
14
|
-
*/
|
|
15
|
-
dropdownOptions?: Array<{
|
|
16
|
-
label: string;
|
|
17
|
-
value: string;
|
|
18
|
-
}>;
|
|
19
|
-
/**
|
|
20
|
-
* handle dropdown option click
|
|
21
|
-
*/
|
|
22
|
-
handleOptionClick?: (selectedOption: {
|
|
23
|
-
label: string;
|
|
24
|
-
value: string;
|
|
25
|
-
}) => void;
|
|
26
|
-
/**
|
|
27
|
-
* show dropdown search
|
|
28
|
-
*/
|
|
29
|
-
showDropdownSearch?: boolean;
|
|
30
|
-
}
|
|
31
|
-
export declare function InputLeftAddon({ children, isDropdown, dropdownOptions, handleOptionClick, showDropdownSearch, }: InputDirectionAddonProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
-
export declare namespace InputLeftAddon {
|
|
33
|
-
var displayName: Inputs;
|
|
34
|
-
var id: Inputs;
|
|
35
|
-
}
|
|
36
|
-
export declare function InputRightAddon({ children, isDropdown, dropdownOptions, handleOptionClick, showDropdownSearch, }: InputDirectionAddonProps): import("react/jsx-runtime").JSX.Element;
|
|
37
|
-
export declare namespace InputRightAddon {
|
|
38
|
-
var displayName: Inputs;
|
|
39
|
-
var id: Inputs;
|
|
40
|
-
}
|
|
41
|
-
export {};
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { Inputs } from './types';
|
|
2
|
-
|
|
3
|
-
interface InputContainerProps {
|
|
4
|
-
/**
|
|
5
|
-
* Children of the input container
|
|
6
|
-
*/
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
/**
|
|
9
|
-
* Size of the input container
|
|
10
|
-
*/
|
|
11
|
-
size?: 'sm' | 'md' | 'adapt';
|
|
12
|
-
/**
|
|
13
|
-
* Custom classes to be applied to the input container
|
|
14
|
-
*/
|
|
15
|
-
customClassName?: string;
|
|
16
|
-
/**
|
|
17
|
-
* Custom styles to be applied to the input container
|
|
18
|
-
*/
|
|
19
|
-
customStyles?: React.CSSProperties;
|
|
20
|
-
}
|
|
21
|
-
export declare function InputContainer({ children, customClassName, customStyles, size, }: InputContainerProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
-
export declare namespace InputContainer {
|
|
23
|
-
var displayName: Inputs;
|
|
24
|
-
var id: Inputs;
|
|
25
|
-
}
|
|
26
|
-
export {};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { Inputs } from './types';
|
|
2
|
-
|
|
3
|
-
interface InputDirectionElementProps {
|
|
4
|
-
/**
|
|
5
|
-
* Children of the input element
|
|
6
|
-
*/
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
}
|
|
9
|
-
export declare function InputLeftElement({ children }: InputDirectionElementProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export declare namespace InputLeftElement {
|
|
11
|
-
var displayName: Inputs;
|
|
12
|
-
var id: Inputs;
|
|
13
|
-
}
|
|
14
|
-
export declare function InputRightElement({ children }: InputDirectionElementProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
export declare namespace InputRightElement {
|
|
16
|
-
var displayName: Inputs;
|
|
17
|
-
var id: Inputs;
|
|
18
|
-
}
|
|
19
|
-
export {};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { Inputs } from './types';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
interface InputGroupProps {
|
|
4
|
-
/**
|
|
5
|
-
* Children of the input group
|
|
6
|
-
*/
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
}
|
|
9
|
-
export declare function InputGroup({ children }: InputGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export declare namespace InputGroup {
|
|
11
|
-
var displayName: Inputs;
|
|
12
|
-
var id: Inputs;
|
|
13
|
-
}
|
|
14
|
-
export {};
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { Inputs } from './types';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
interface InputLabelProps {
|
|
4
|
-
/**
|
|
5
|
-
* Children of the input label
|
|
6
|
-
*/
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
/**
|
|
9
|
-
* Custom classes to be applied to the input label
|
|
10
|
-
*/
|
|
11
|
-
customClasses?: string[] | string;
|
|
12
|
-
/**
|
|
13
|
-
* Custom styles to be applied to the input label
|
|
14
|
-
*/
|
|
15
|
-
customStyles?: Record<string, string>;
|
|
16
|
-
/**
|
|
17
|
-
* Whether the input is required
|
|
18
|
-
*/
|
|
19
|
-
required?: boolean;
|
|
20
|
-
/**
|
|
21
|
-
* htmlFor attribute of the input label
|
|
22
|
-
*/
|
|
23
|
-
htmlFor?: string;
|
|
24
|
-
/**
|
|
25
|
-
* Rest props to be applied to the input label
|
|
26
|
-
*/
|
|
27
|
-
restprops?: any;
|
|
28
|
-
/**
|
|
29
|
-
* info text
|
|
30
|
-
*/
|
|
31
|
-
infoText?: string;
|
|
32
|
-
/**
|
|
33
|
-
* info text tooltip styles
|
|
34
|
-
*/
|
|
35
|
-
infoTextTooltipStyles?: React.CSSProperties;
|
|
36
|
-
/**
|
|
37
|
-
* Disabled state when component inactive
|
|
38
|
-
*/
|
|
39
|
-
isDisabled?: boolean;
|
|
40
|
-
}
|
|
41
|
-
export declare function InputLabel({ children, customClasses, customStyles, required, htmlFor, restprops, infoText, infoTextTooltipStyles, isDisabled, }: InputLabelProps): import("react/jsx-runtime").JSX.Element;
|
|
42
|
-
export declare namespace InputLabel {
|
|
43
|
-
var displayName: Inputs;
|
|
44
|
-
var id: Inputs;
|
|
45
|
-
}
|
|
46
|
-
export {};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export { Input } from './Input';
|
|
2
|
-
export { InputLeftAddon, InputRightAddon } from './InputAddon';
|
|
3
|
-
export { InputContainer } from './InputContainer';
|
|
4
|
-
export { InputLeftElement, InputRightElement } from './InputElement';
|
|
5
|
-
export { InputGroup } from './InputGroup';
|
|
6
|
-
export { InputLabel } from './InputLabel';
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export declare enum Inputs {
|
|
2
|
-
INPUT_ADDON = "InputAddon",
|
|
3
|
-
INPUT_LEFT_ADDON = "InputLeftAddon",
|
|
4
|
-
INPUT_RIGHT_ADDON = "InputRightAddon",
|
|
5
|
-
INPUT_ELEMENT = "InputElement",
|
|
6
|
-
INPUT_LEFT_ELEMENT = "InputLeftElement",
|
|
7
|
-
INPUT_RIGHT_ELEMENT = "InputRightElement",
|
|
8
|
-
INPUT_CONTAINER = "InputContainer",
|
|
9
|
-
INPUT_LABEL = "InputLabel",
|
|
10
|
-
INPUT_GROUP = "InputGroup",
|
|
11
|
-
INPUT = "Input"
|
|
12
|
-
}
|
|
13
|
-
export type Placement = 'left' | 'right';
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { InputV2Props } from './types';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
/**
|
|
4
|
-
* InputV2 component - A custom input component with extended functionality and built-in error handling.
|
|
5
|
-
*
|
|
6
|
-
* @param {InputV2Props} props - The props object containing configurations and attributes for the input element.
|
|
7
|
-
* @param {React.Ref<HTMLInputElement>} ref - A React ref that can be used to access the input element directly.
|
|
8
|
-
*
|
|
9
|
-
* @returns {JSX.Element} A JSX element representing the custom input field.
|
|
10
|
-
*
|
|
11
|
-
* @example
|
|
12
|
-
* <InputV2 placeholder="Enter your name" />
|
|
13
|
-
*
|
|
14
|
-
* @example
|
|
15
|
-
* <InputV2 errorMsg="Name is required" placeholder="Enter your name" />
|
|
16
|
-
* @example
|
|
17
|
-
* with formik
|
|
18
|
-
* <InputV2 {...formik.getFieldProps(key)} placeholder="Enter your name" />
|
|
19
|
-
*/
|
|
20
|
-
export declare const InputV2: React.ForwardRefExoticComponent<InputV2Props & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { InputAdornmentProps, INPUT_COMPONENTS } from './types';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Component for rendering an adornment on the left side of an input.
|
|
5
|
-
* It can either display static content or function as a dropdown trigger.
|
|
6
|
-
*
|
|
7
|
-
* @param {InputAdornmentProps} props - The properties for the InputLeftAdornment component.
|
|
8
|
-
* @param {React.ReactNode} props.children - The content to display inside the adornment.
|
|
9
|
-
* @param {boolean} [props.isLoading=false] - Indicates if the dropdown is in a loading state.
|
|
10
|
-
* @param {boolean} [props.disabled] - Whether the adornment is disabled.
|
|
11
|
-
* @param {boolean} [props.isDropdown] - Whether the adornment is a dropdown trigger.
|
|
12
|
-
* @param {DropdownOption[]} [props.options] - Options to display in the dropdown.
|
|
13
|
-
* @param {boolean} [props.hideSearch=false] - Whether to hide the search input in the dropdown.
|
|
14
|
-
* @param {(value: string) => void} [props.onOptionSelect] - Callback for when an option is selected.
|
|
15
|
-
*
|
|
16
|
-
* @returns {JSX.Element} The left adornment for an input field.
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* <InputGroupV2>
|
|
20
|
-
* <InputV2 />
|
|
21
|
-
* <InputLeftAdornment>...</InputLeftAdornment>
|
|
22
|
-
* </InputGroupV2>
|
|
23
|
-
*
|
|
24
|
-
* @example
|
|
25
|
-
* <InputGroupV2>
|
|
26
|
-
* <InputLeftAdornment isDropdown options={options} onOptionSelect={handleSelect}>...</InputLeftAdornment>
|
|
27
|
-
* <InputV2 />
|
|
28
|
-
* </InputGroupV2>
|
|
29
|
-
*/
|
|
30
|
-
export declare function InputLeftAdornment({ children, isLoading, disabled, isDropdown, options, hideSearch, onOptionSelect, }: InputAdornmentProps): import("react/jsx-runtime").JSX.Element;
|
|
31
|
-
export declare namespace InputLeftAdornment {
|
|
32
|
-
var displayName: INPUT_COMPONENTS;
|
|
33
|
-
}
|
|
34
|
-
/**
|
|
35
|
-
* Component for rendering an adornment on the right side of an input.
|
|
36
|
-
* It can either display static content or function as a dropdown trigger.
|
|
37
|
-
*
|
|
38
|
-
* @param {InputAdornmentProps} props - The properties for the InputRightAdornment component.
|
|
39
|
-
* @param {React.ReactNode} props.children - The content to display inside the adornment.
|
|
40
|
-
* @param {boolean} [props.isLoading=false] - Indicates if the dropdown is in a loading state.
|
|
41
|
-
* @param {boolean} [props.disabled] - Whether the adornment is disabled.
|
|
42
|
-
* @param {boolean} [props.isDropdown] - Whether the adornment is a dropdown trigger.
|
|
43
|
-
* @param {DropdownOption[]} [props.options] - Options to display in the dropdown.
|
|
44
|
-
* @param {boolean} [props.hideSearch=false] - Whether to hide the search input in the dropdown.
|
|
45
|
-
* @param {(value: string) => void} [props.onOptionSelect] - Callback for when an option is selected.
|
|
46
|
-
*
|
|
47
|
-
* @returns {JSX.Element} The right adornment for an input field.
|
|
48
|
-
*
|
|
49
|
-
* @example
|
|
50
|
-
* <InputGroupV2>
|
|
51
|
-
* <InputV2 />
|
|
52
|
-
* <InputRightAdornment>...</InputRightAdornment>
|
|
53
|
-
* </InputGroupV2>
|
|
54
|
-
*
|
|
55
|
-
* @example
|
|
56
|
-
* <InputGroupV2>
|
|
57
|
-
* <InputRightAdornment isDropdown options={options} onOptionSelect={handleSelect}>...</InputRightAdornment>
|
|
58
|
-
* <InputV2 />
|
|
59
|
-
* </InputGroupV2>
|
|
60
|
-
*/
|
|
61
|
-
export declare function InputRightAdornment({ children, isLoading, disabled, isDropdown, options, hideSearch, onOptionSelect, }: InputAdornmentProps): import("react/jsx-runtime").JSX.Element;
|
|
62
|
-
export declare namespace InputRightAdornment {
|
|
63
|
-
var displayName: INPUT_COMPONENTS;
|
|
64
|
-
}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { InputControlPropsV2, INPUT_COMPONENTS } from './types';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* InputControlV2 is a wrapper component that provides a container for form control elements.
|
|
5
|
-
* It applies consistent styling to its children, typically used for grouping form elements like
|
|
6
|
-
* labels, inputs, and additional controls.
|
|
7
|
-
*
|
|
8
|
-
* @param {InputControlPropsV2} props - The properties for the InputControlV2 component.
|
|
9
|
-
* @param {string} [props.className=''] - Additional class names to apply to the control container.
|
|
10
|
-
* @param {React.ReactNode} props.children - The content to be rendered within the control container.
|
|
11
|
-
* @param {React.HTMLAttributes<HTMLDivElement>} [props] - Additional HTML attributes to apply to the control container.
|
|
12
|
-
*
|
|
13
|
-
* @returns {JSX.Element} The rendered control container with the specified children.
|
|
14
|
-
*
|
|
15
|
-
* @example
|
|
16
|
-
* <InputControlV2>
|
|
17
|
-
* <LabelV2>Username</LabelV2>
|
|
18
|
-
* <InputV2
|
|
19
|
-
* placeholder="Enter"
|
|
20
|
-
* errorMsg="This field is required"
|
|
21
|
-
* />
|
|
22
|
-
* </InputControlV2>
|
|
23
|
-
*/
|
|
24
|
-
export declare function InputControlV2({ className, children, ...props }: InputControlPropsV2): import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
export declare namespace InputControlV2 {
|
|
26
|
-
var displayName: INPUT_COMPONENTS;
|
|
27
|
-
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { INPUT_COMPONENTS, InputCountProps } from './types';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* InputCount is a specialized input component that allows users to increment
|
|
5
|
-
* or decrement a numeric value within a specified range. It includes buttons
|
|
6
|
-
* for incrementing and decrementing the value, and supports keyboard input for
|
|
7
|
-
* adjusting the count.
|
|
8
|
-
*
|
|
9
|
-
* @param {InputCountProps} props - The properties for the InputCount component.
|
|
10
|
-
* @param {(value: number) => void} props.onCountChange - Callback function called when the count value changes.
|
|
11
|
-
* @param {number} [props.min=-Infinity] - The minimum value that the count can be set to.
|
|
12
|
-
* @param {number} [props.max=Infinity] - The maximum value that the count can be set to.
|
|
13
|
-
* @param {number} [props.count=0] - The current count value.
|
|
14
|
-
* @param {string} [props.countContainerClassName] - Additional class names to apply to the container.
|
|
15
|
-
* @param {boolean} [props.disabled] - Whether the input is disabled.
|
|
16
|
-
* @param {React.InputHTMLAttributes<HTMLInputElement>} [props] - Additional HTML input attributes.
|
|
17
|
-
*
|
|
18
|
-
* @returns {JSX.Element} The rendered InputCount component.
|
|
19
|
-
*
|
|
20
|
-
* @example
|
|
21
|
-
* <InputCount
|
|
22
|
-
* onCountChange={(value) => console.log(value)}
|
|
23
|
-
* min={0}
|
|
24
|
-
* max={10}
|
|
25
|
-
* count={5}
|
|
26
|
-
* disabled={false}
|
|
27
|
-
* />
|
|
28
|
-
*/
|
|
29
|
-
export declare function InputCount({ onCountChange, min, max, count, countContainerClassName, disabled, ...props }: InputCountProps): import("react/jsx-runtime").JSX.Element;
|
|
30
|
-
export declare namespace InputCount {
|
|
31
|
-
var displayName: INPUT_COMPONENTS;
|
|
32
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { InputGroupPropsV2, INPUT_COMPONENTS } from './types';
|
|
2
|
-
|
|
3
|
-
export declare function InputGroupV2({ className, children, ...props }: InputGroupPropsV2): import("react/jsx-runtime").JSX.Element;
|
|
4
|
-
export declare namespace InputGroupV2 {
|
|
5
|
-
var displayName: INPUT_COMPONENTS;
|
|
6
|
-
}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { InputIconProps, INPUT_COMPONENTS } from './types';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* InputLeftIcon renders an icon on the left side of an input field.
|
|
5
|
-
* If `onClick` is provided, the icon is rendered as a button.
|
|
6
|
-
*
|
|
7
|
-
* @param {InputIconProps} props - The properties for the InputLeftIcon component.
|
|
8
|
-
* @param {string} props.icon - The SVG path for the icon to display.
|
|
9
|
-
* @param {() => void} [props.onClick] - Optional click handler for the icon. When provided, the icon is rendered as a button.
|
|
10
|
-
* @param {React.CSSProperties} [props.iconStyles] - Optional inline styles to apply to the icon.
|
|
11
|
-
* @param {boolean} [props.disabled=false] - Whether the icon or button is disabled.
|
|
12
|
-
* @param {string} [props.className] - Additional class names to apply to the icon container.
|
|
13
|
-
*
|
|
14
|
-
* @returns {JSX.Element} The rendered InputLeftIcon component.
|
|
15
|
-
*
|
|
16
|
-
* @example
|
|
17
|
-
* <InputGroupV2>
|
|
18
|
-
* <InputLeftIcon icon={...} />
|
|
19
|
-
* <InputV2 />
|
|
20
|
-
* </InputGroupV2>
|
|
21
|
-
*/
|
|
22
|
-
export declare function InputLeftIcon({ icon, onClick, iconStyles, disabled, className, }: InputIconProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
export declare namespace InputLeftIcon {
|
|
24
|
-
var displayName: INPUT_COMPONENTS;
|
|
25
|
-
}
|
|
26
|
-
/**
|
|
27
|
-
* InputRightIcon renders an icon on the right side of an input field.
|
|
28
|
-
* If `onClick` is provided, the icon is rendered as a button.
|
|
29
|
-
*
|
|
30
|
-
* @param {InputIconProps} props - The properties for the InputRightIcon component.
|
|
31
|
-
* @param {string} props.icon - The SVG path for the icon to display.
|
|
32
|
-
* @param {() => void} [props.onClick] - Optional click handler for the icon. When provided, the icon is rendered as a button.
|
|
33
|
-
* @param {React.CSSProperties} [props.iconStyles] - Optional inline styles to apply to the icon.
|
|
34
|
-
* @param {boolean} [props.disabled=false] - Whether the icon or button is disabled.
|
|
35
|
-
* @param {string} [props.className] - Additional class names to apply to the icon container.
|
|
36
|
-
*
|
|
37
|
-
* @returns {JSX.Element} The rendered InputRightIcon component.
|
|
38
|
-
*
|
|
39
|
-
* @example
|
|
40
|
-
* <InputGroupV2>
|
|
41
|
-
* <InputV2 />
|
|
42
|
-
* <InputRightIcon icon={...} />
|
|
43
|
-
* </InputGroupV2>
|
|
44
|
-
*/
|
|
45
|
-
export declare function InputRightIcon({ icon, onClick, iconStyles, disabled, className, }: InputIconProps): import("react/jsx-runtime").JSX.Element;
|
|
46
|
-
export declare namespace InputRightIcon {
|
|
47
|
-
var displayName: INPUT_COMPONENTS;
|
|
48
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { INPUT_COMPONENTS, InputNumberProps } from './types';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* InputNumber is a numeric input component with increment and decrement controls.
|
|
5
|
-
* It ensures that the value stays within the specified min and max bounds.
|
|
6
|
-
*
|
|
7
|
-
* @param {InputNumberProps} props - The properties for the InputNumber component.
|
|
8
|
-
* @param {(value: number) => void} props.onCountChange - Callback function that is called when the numeric value changes.
|
|
9
|
-
* @param {number} [props.min=-Infinity] - The minimum value allowed.
|
|
10
|
-
* @param {number} [props.max=Infinity] - The maximum value allowed.
|
|
11
|
-
* @param {number} [props.count=0] - The initial value of the input.
|
|
12
|
-
* @param {string} [props.countContainerClassName] - Additional class names for the container of the numeric input.
|
|
13
|
-
* @param {boolean} [props.disabled=false] - Whether the input and controls are disabled.
|
|
14
|
-
* @param {React.InputHTMLAttributes<HTMLInputElement>} props - Additional props are passed to the underlying input component.
|
|
15
|
-
*
|
|
16
|
-
* @returns {JSX.Element} The rendered InputNumber component.
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* <InputNumber onCountChange={(value) => ...)} count={5} min={0} max={10} />
|
|
20
|
-
*/
|
|
21
|
-
export declare function InputNumber({ onCountChange, min, max, count, countContainerClassName, disabled, ...props }: InputNumberProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
-
export declare namespace InputNumber {
|
|
23
|
-
var displayName: INPUT_COMPONENTS;
|
|
24
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { LabelPropsV2, INPUT_COMPONENTS } from './types';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* LabelV2 is a label component that can display additional information via a tooltip,
|
|
5
|
-
* mark the field as required, and adjust styles based on the disabled state.
|
|
6
|
-
*
|
|
7
|
-
* @param {LabelPropsV2} props - The properties for the LabelV2 component.
|
|
8
|
-
* @param {string} [props.className=''] - Additional class names to apply to the label element.
|
|
9
|
-
* @param {string} [props.info=''] - Information text to be displayed in a tooltip. If provided, an info icon will appear next to the label.
|
|
10
|
-
* @param {boolean} [props.disabled=false] - Whether the label and its associated input are disabled.
|
|
11
|
-
* @param {boolean} [props.required=false] - Whether the associated input field is required. If true, an asterisk (*) will be displayed.
|
|
12
|
-
* @param {object} [props.tooltipProps={}] - Optional props to pass to the TooltipV2 component.
|
|
13
|
-
* @param {React.ReactNode} props.children - The content of the label, usually text.
|
|
14
|
-
* @returns {JSX.Element} The rendered LabelV2 component.
|
|
15
|
-
*
|
|
16
|
-
* @example
|
|
17
|
-
* <LabelV2 required info="This field is required">
|
|
18
|
-
* Username
|
|
19
|
-
* </LabelV2>
|
|
20
|
-
*/
|
|
21
|
-
export declare function LabelV2({ className, info, disabled, required, tooltipProps, children, ...props }: LabelPropsV2): import("react/jsx-runtime").JSX.Element;
|
|
22
|
-
export declare namespace LabelV2 {
|
|
23
|
-
var displayName: INPUT_COMPONENTS;
|
|
24
|
-
}
|