@ctlyst.id/internal-ui 3.1.5 → 3.1.7
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.d.mts +39 -11
- package/dist/index.d.ts +39 -11
- package/dist/index.js +466 -390
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +264 -195
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
@@ -3,14 +3,15 @@ import * as _chakra_ui_react from '@chakra-ui/react';
|
|
3
3
|
import { LinkProps, BadgeProps as BadgeProps$1, ButtonProps as ButtonProps$1, BoxProps, CheckboxProps, FormControlProps, CheckboxGroupProps, TableProps, TableHeadProps, TableRowProps, TableBodyProps, TableColumnHeaderProps, TableCellProps, ModalProps, InputProps, TextareaProps, FlexProps, HTMLChakraProps as HTMLChakraProps$1, ThemingProps as ThemingProps$1, As, TextProps, RadioProps as RadioProps$1, RadioGroupProps, UseCheckboxProps, SystemProps, TabProps as TabProps$1, TooltipProps as TooltipProps$1, ColorProps, PopoverContentProps, PopoverProps } from '@chakra-ui/react';
|
4
4
|
export { Accordion, AccordionButton, AccordionButtonProps, AccordionIcon, AccordionIconProps, AccordionItem, AccordionItemProps, AccordionPanel, AccordionPanelProps, AccordionProps, AccordionProvider, AlertDialog, ModalBody as AlertDialogBody, ModalCloseButton as AlertDialogCloseButton, AlertDialogContent, ModalFooter as AlertDialogFooter, ModalHeader as AlertDialogHeader, ModalOverlay as AlertDialogOverlay, AlertDialogProps, Avatar, AvatarBadge, AvatarBadgeProps, AvatarGroup, AvatarGroupProps, AvatarProps, Box, BoxProps, ButtonGroup, ButtonGroupProps, Center, ChakraProvider, ChakraProviderProps, Table as ChakraTable, CheckboxGroupContext, CheckboxGroupProps, CheckboxIcon, CheckboxIconProps, CheckboxState, CloseButton, CloseButtonProps, Code, CodeProps, Collapse, CollapseProps, ColorMode, ColorModeScript, ColorModeScriptProps, Container, ContainerProps, Divider, DividerProps, Drawer, ModalBody as DrawerBody, ModalCloseButton as DrawerCloseButton, DrawerContent, DrawerContentProps, ModalFooter as DrawerFooter, ModalHeader as DrawerHeader, ModalOverlay as DrawerOverlay, DrawerProps, Fade, FadeProps, Flex, FlexProps, FormControl, FormControlProps, FormErrorMessage, FormHelperText, FormLabel, FormLabelProps, Grid, GridItem, GridItemProps, GridProps, HStack, Heading, HeadingProps, Hide, HideProps, Icon, IconButton, IconButtonProps, IconProps, Image, ImageProps, Img, ImgProps, InputLeftElement as InputElementLeft, InputRightElement as InputElementRight, InputGroup, InputGroupProps, InputLeftAddon, InputLeftAddonProps, InputLeftElement, InputLeftElementProps, InputProps, InputRightAddon, InputRightAddonProps, InputRightElement, InputRightElementProps, Link, LinkProps, List, ListIcon, ListItem, ListItemProps, ListProps, Modal, ModalBody, ModalBodyProps, ModalCloseButton, ModalContent, ModalContentProps, ModalContextProvider, ModalFocusScope, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalOverlay, ModalOverlayProps, ModalProps, OrderedList, PinInput, PinInputContext, PinInputDescendantsProvider, PinInputField, PinInputFieldProps, PinInputProps, PinInputProvider, Popover, PopoverAnchor, PopoverArrow, PopoverArrowProps, PopoverBody, PopoverBodyProps, PopoverCloseButton, PopoverContent, PopoverContentProps, PopoverFooter, PopoverFooterProps, PopoverHeader, PopoverHeaderProps, PopoverProps, PopoverTrigger, Portal, PortalProps, Progress, ProgressFilledTrackProps, ProgressLabel, ProgressLabelProps, ProgressProps, ProgressTrackProps, RadioGroupContext, RequiredIndicator, RequiredIndicatorProps, ScaleFade, ScaleFadeProps, Show, ShowProps, SimpleGrid, Skeleton, Slide, SlideFade, SlideFadeProps, SlideProps, Spacer, Stack, StackProps, Step, StepDescription, StepIcon, StepIndicator, StepNumber, StepSeparator, StepStatus, StepTitle, Stepper, TabIndicator, TabIndicatorProps, TabList, TabListProps, TabPanel, TabPanelProps, TabPanels, TabPanelsProps, TabProps, TableBodyProps, TableCellProps, TableColumnHeaderProps, TableHeadProps, TableProps, TableRowProps, Tabs, TabsDescendantsProvider, TabsProps, TabsProvider, Tbody, Td, Text, TextProps, Th, Thead, Tr, UnorderedList, UseAccordionItemProps, UseAccordionItemReturn, UseAccordionProps, UseAccordionReturn, UseBreakpointOptions, UseCheckboxGroupProps, UseCheckboxGroupReturn, UseCheckboxProps, UseCheckboxReturn, UseDisclosureProps, UseImageProps, UseImageReturn, UseMediaQueryOptions, UseModalProps, UseModalReturn, UsePinInputFieldProps, UsePinInputProps, UsePinInputReturn, UseQueryProps, UseRadioGroupReturn, UseRadioProps, UseRadioReturn, UseTabListProps, UseTabListReturn, UseTabOptions, UseTabPanelsProps, UseTabProps, UseTabsProps, UseTabsReturn, VStack, VisuallyHidden, VisuallyHiddenInput, Wrap, WrapItem, WrapItemProps, WrapProps, extendTheme, forwardRef, useAccordion, useAccordionContext, useAccordionItem, useAccordionItemState, useAccordionStyles, useBoolean, useBreakpoint, useCheckbox, useCheckboxGroup, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useConst, useControllableProp, useControllableState, useDimensions, useDisclosure, useDrawerContext, useImage, useMergeRefs, useModal, useModalContext, useModalStyles, useOutsideClick, usePinInput, usePinInputContext, usePinInputField, useProgressStyles, useQuery, useRadio, useRadioGroup, useRadioGroupContext, useSteps, useTab, useTabIndicator, useTabList, useTabPanel, useTabPanels, useTabs, useTabsContext, useTabsDescendant, useTabsDescendants, useTabsDescendantsContext, useTabsStyles, useTheme, useToken } from '@chakra-ui/react';
|
5
5
|
import * as _chakra_ui_system from '@chakra-ui/system';
|
6
|
-
import { SystemStyleObject, HTMLChakraProps, ThemingProps } from '@chakra-ui/system';
|
6
|
+
import { SystemStyleObject, HTMLChakraProps, ThemingProps, ColorMode } from '@chakra-ui/system';
|
7
7
|
import * as React$1 from 'react';
|
8
8
|
import React__default, { PropsWithChildren, ReactNode, FC } from 'react';
|
9
9
|
import * as _tanstack_react_table from '@tanstack/react-table';
|
10
10
|
import { ColumnDef, SortingState, ColumnPinningState, RowSelectionInstance } from '@tanstack/react-table';
|
11
11
|
import { DatePickerProps } from 'react-datepicker';
|
12
12
|
import { IconType } from 'react-icons/lib';
|
13
|
-
import
|
13
|
+
import * as react_select from 'react-select';
|
14
|
+
import { GroupBase, Props as Props$1, DropdownIndicatorProps, ClearIndicatorProps, MultiValueProps, MultiValueRemoveProps, StylesConfig, Theme as Theme$1 } from 'react-select';
|
14
15
|
import { AsyncPaginateProps } from 'react-select-async-paginate';
|
15
16
|
import { AsyncCreatableProps } from 'react-select/async-creatable';
|
16
17
|
import { CreatableProps } from 'react-select/creatable';
|
@@ -229,9 +230,10 @@ interface TableStyleProps {
|
|
229
230
|
tableColumnHeader?: TableColumnHeaderProps;
|
230
231
|
tableCell?: TableCellProps;
|
231
232
|
}
|
232
|
-
|
233
|
+
type DisabledRowData = {
|
233
234
|
disabled?: Record<string, boolean>;
|
234
|
-
}
|
235
|
+
};
|
236
|
+
interface DataTableProps<T> {
|
235
237
|
container?: BoxProps;
|
236
238
|
styles?: TableStyleProps;
|
237
239
|
columns: ColumnDef<T>[];
|
@@ -247,17 +249,14 @@ interface DataTableProps<T extends {
|
|
247
249
|
columnPinning?: ColumnPinningState;
|
248
250
|
onRowClick?: (data: T) => void;
|
249
251
|
}
|
252
|
+
declare const isCellDisabled: (row: DisabledRowData, cellId: string) => boolean;
|
250
253
|
type DataTableRefs<T> = Pick<RowSelectionInstance<T>, 'toggleAllRowsSelected'>;
|
251
|
-
declare const useDataTable: <T
|
252
|
-
disabled?: Record<string, boolean> | undefined;
|
253
|
-
}>({ columns, dataSource, withSelectedRow, onSelectedRow, onSort, sortDescFirst, sortingState, manualSorting, columnPinning, }: DataTableProps<T>) => {
|
254
|
+
declare const useDataTable: <T>({ columns, dataSource, withSelectedRow, onSelectedRow, onSort, sortDescFirst, sortingState, manualSorting, columnPinning, }: DataTableProps<T>) => {
|
254
255
|
table: _tanstack_react_table.Table<T>;
|
255
256
|
toggleAllRowsSelected: (value?: boolean | undefined) => void;
|
256
257
|
generateColumn: () => ColumnDef<T>[];
|
257
258
|
};
|
258
|
-
declare const _default: <T
|
259
|
-
disabled?: Record<string, boolean> | undefined;
|
260
|
-
}>(props: DataTableProps<T> & {
|
259
|
+
declare const _default: <T>(props: DataTableProps<T> & {
|
261
260
|
ref?: React$1.Ref<DataTableRefs<T>>;
|
262
261
|
}) => JSX.Element;
|
263
262
|
|
@@ -559,6 +558,10 @@ type ExtendedSelectProps = {
|
|
559
558
|
};
|
560
559
|
|
561
560
|
type SelectProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = Props$1<Option, IsMulti, Group> & ExtendedSelectProps;
|
561
|
+
declare function DropdownIndicator<OptionType>(props: DropdownIndicatorProps<OptionType>): react_jsx_runtime.JSX.Element;
|
562
|
+
declare function ClearIndicator<OptionType, Group extends GroupBase<OptionType>, IsMulti extends boolean = false>(props: ClearIndicatorProps<OptionType, IsMulti, Group>): react_jsx_runtime.JSX.Element;
|
563
|
+
declare function MultiValue(props: MultiValueProps<any>): react_jsx_runtime.JSX.Element;
|
564
|
+
declare function MultiValueRemove(props: MultiValueRemoveProps<any>): react_jsx_runtime.JSX.Element;
|
562
565
|
declare function Select<OptionType, Group extends GroupBase<OptionType>, IsMulti extends boolean = false>({ styles, isError, ...rest }: SelectProps<OptionType, IsMulti, Group>): react_jsx_runtime.JSX.Element;
|
563
566
|
|
564
567
|
type SelectAsyncProps<OptionType = unknown, Group extends GroupBase<OptionType> = GroupBase<OptionType>, Additional = unknown, IsMulti extends boolean = false> = AsyncPaginateProps<OptionType, Group, Additional, IsMulti> & ExtendedSelectProps;
|
@@ -596,6 +599,31 @@ interface SelectWithCheckboxBaseProps<T = OptionGroup<never> | OptionMultiGroup<
|
|
596
599
|
}
|
597
600
|
declare const SelectCheckbox: <T, IsMulti extends boolean = boolean>(props: SelectWithCheckboxBaseProps<OptionGroup<T>, IsMulti>) => react_jsx_runtime.JSX.Element;
|
598
601
|
|
602
|
+
declare function selectStyles<OptionType = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<OptionType> = GroupBase<OptionType>>(colorMode: ColorMode, _isError: boolean): StylesConfig<OptionType, IsMulti, Group> | undefined;
|
603
|
+
declare const themeSelect: (theme: Theme$1) => {
|
604
|
+
colors: {
|
605
|
+
primary: string;
|
606
|
+
primary25: string;
|
607
|
+
primary50: string;
|
608
|
+
primary75: string;
|
609
|
+
danger: string;
|
610
|
+
dangerLight: string;
|
611
|
+
neutral0: string;
|
612
|
+
neutral5: string;
|
613
|
+
neutral10: string;
|
614
|
+
neutral20: string;
|
615
|
+
neutral30: string;
|
616
|
+
neutral40: string;
|
617
|
+
neutral50: string;
|
618
|
+
neutral60: string;
|
619
|
+
neutral70: string;
|
620
|
+
neutral80: string;
|
621
|
+
neutral90: string;
|
622
|
+
};
|
623
|
+
borderRadius: number;
|
624
|
+
spacing: react_select.ThemeSpacing;
|
625
|
+
};
|
626
|
+
|
599
627
|
interface SidebarProps extends BoxProps {
|
600
628
|
isCollapse: boolean;
|
601
629
|
}
|
@@ -822,4 +850,4 @@ declare const ProviderContext: React__default.Context<ProviderContextObject>;
|
|
822
850
|
declare const useInternalUI: () => ProviderContextObject;
|
823
851
|
declare const Provider: FC<ProviderProps>;
|
824
852
|
|
825
|
-
export { AccordionEye, AccordionIndicator, Alert, AlertAction, type AlertActionProps, AlertClose, type AlertCloseProps, AlertDescription, type AlertDescriptionProps, AlertIcon, type AlertIconProps, type AlertProps, type AlertStatus, AlertTitle, type AlertTitleProps, Anchor, type AnchorProps, Badge, type BadgeProps, BreadCrumb, type BreadCrumbParentProps, type BreadCrumbProps, Button, type ButtonProps, CHECKBOX_STATE, CardCustom as Card, type CardProps, CheckboxComponent as Checkbox, type CheckboxComponentProps, CheckboxGroupComponent as CheckboxGroup, type CheckboxGroupComponentProps, Chips, type ChipsProps, Counter, type CustomLoaderProps, _default as DataTable, type DataTableProps, type DataTableRefs, DatePickerMonth, type DatePickerMonthProps, Datepicker, type DatepickerProps, Dialog, EmptyState, type Environment, Field, type FieldProps, Header, type HeaderDataProps, type HeaderProps, InputAddonLeft, InputAddonRight, InputField, type InputFieldProps, Loader, type LoaderProps, Logo, type LogoProps, Navigation as MainMenu, ModalBackButton, MultiDatePickerMonth, type MultiDatePickerMonthProps, NavItem, type NavItemProps, Navbar, type NavbarProps, NavigationBar, type NavigationBarProps, type NavigationProps, type OptionGroup, type OptionMultiGroup, type OptionsGroup, Pagination, PaginationDetail, type PaginationDetailProps, PaginationFilter, type PaginationFilterProps, type PaginationProps, Profile, type ProfileProps, type Props, Provider, ProviderContext, Radio, RadioGroup, type RadioGroupComponentProps, type RadioProps, Rating, type RatingProps, Select, SelectAsync, SelectAsyncCreatable, type SelectAsyncCreatableProps, type SelectAsyncProps, SelectCheckbox as SelectCheckBox, SelectCreatable, type SelectCreatableProps, type SelectProps, type SelectWithCheckboxBaseProps, Sidebar, SidebarHeader, type SidebarHeaderProps, SidebarMenu, type SidebarMenuProps, type SidebarProps, Switch, type SwitchProps, Tab, type TableStyleProps, type TextAreaProps, TextareaField, type Theme, Tooltip, type TooltipProps, Uploader, type UploaderProps, Version, type VersionProps, VoilaLogo, XMSLogo, getSelectAllCheckboxState, getTheme, theme, useAlertStyles, useDataTable, useFetcher, useInternalUI, useToast };
|
853
|
+
export { AccordionEye, AccordionIndicator, Alert, AlertAction, type AlertActionProps, AlertClose, type AlertCloseProps, AlertDescription, type AlertDescriptionProps, AlertIcon, type AlertIconProps, type AlertProps, type AlertStatus, AlertTitle, type AlertTitleProps, Anchor, type AnchorProps, Badge, type BadgeProps, BreadCrumb, type BreadCrumbParentProps, type BreadCrumbProps, Button, type ButtonProps, CHECKBOX_STATE, CardCustom as Card, type CardProps, CheckboxComponent as Checkbox, type CheckboxComponentProps, CheckboxGroupComponent as CheckboxGroup, type CheckboxGroupComponentProps, Chips, type ChipsProps, ClearIndicator, Counter, type CustomLoaderProps, _default as DataTable, type DataTableProps, type DataTableRefs, DatePickerMonth, type DatePickerMonthProps, Datepicker, type DatepickerProps, Dialog, type DisabledRowData, DropdownIndicator, EmptyState, type Environment, Field, type FieldProps, Header, type HeaderDataProps, type HeaderProps, InputAddonLeft, InputAddonRight, InputField, type InputFieldProps, Loader, type LoaderProps, Logo, type LogoProps, Navigation as MainMenu, ModalBackButton, MultiDatePickerMonth, type MultiDatePickerMonthProps, MultiValue, MultiValueRemove, NavItem, type NavItemProps, Navbar, type NavbarProps, NavigationBar, type NavigationBarProps, type NavigationProps, type OptionGroup, type OptionMultiGroup, type OptionsGroup, Pagination, PaginationDetail, type PaginationDetailProps, PaginationFilter, type PaginationFilterProps, type PaginationProps, Profile, type ProfileProps, type Props, Provider, ProviderContext, Radio, RadioGroup, type RadioGroupComponentProps, type RadioProps, Rating, type RatingProps, Select, SelectAsync, SelectAsyncCreatable, type SelectAsyncCreatableProps, type SelectAsyncProps, SelectCheckbox as SelectCheckBox, SelectCreatable, type SelectCreatableProps, type SelectProps, type SelectWithCheckboxBaseProps, Sidebar, SidebarHeader, type SidebarHeaderProps, SidebarMenu, type SidebarMenuProps, type SidebarProps, Switch, type SwitchProps, Tab, type TableStyleProps, type TextAreaProps, TextareaField, type Theme, Tooltip, type TooltipProps, Uploader, type UploaderProps, Version, type VersionProps, VoilaLogo, XMSLogo, getSelectAllCheckboxState, getTheme, isCellDisabled, selectStyles, theme, themeSelect, useAlertStyles, useDataTable, useFetcher, useInternalUI, useToast };
|
package/dist/index.d.ts
CHANGED
@@ -3,14 +3,15 @@ import * as _chakra_ui_react from '@chakra-ui/react';
|
|
3
3
|
import { LinkProps, BadgeProps as BadgeProps$1, ButtonProps as ButtonProps$1, BoxProps, CheckboxProps, FormControlProps, CheckboxGroupProps, TableProps, TableHeadProps, TableRowProps, TableBodyProps, TableColumnHeaderProps, TableCellProps, ModalProps, InputProps, TextareaProps, FlexProps, HTMLChakraProps as HTMLChakraProps$1, ThemingProps as ThemingProps$1, As, TextProps, RadioProps as RadioProps$1, RadioGroupProps, UseCheckboxProps, SystemProps, TabProps as TabProps$1, TooltipProps as TooltipProps$1, ColorProps, PopoverContentProps, PopoverProps } from '@chakra-ui/react';
|
4
4
|
export { Accordion, AccordionButton, AccordionButtonProps, AccordionIcon, AccordionIconProps, AccordionItem, AccordionItemProps, AccordionPanel, AccordionPanelProps, AccordionProps, AccordionProvider, AlertDialog, ModalBody as AlertDialogBody, ModalCloseButton as AlertDialogCloseButton, AlertDialogContent, ModalFooter as AlertDialogFooter, ModalHeader as AlertDialogHeader, ModalOverlay as AlertDialogOverlay, AlertDialogProps, Avatar, AvatarBadge, AvatarBadgeProps, AvatarGroup, AvatarGroupProps, AvatarProps, Box, BoxProps, ButtonGroup, ButtonGroupProps, Center, ChakraProvider, ChakraProviderProps, Table as ChakraTable, CheckboxGroupContext, CheckboxGroupProps, CheckboxIcon, CheckboxIconProps, CheckboxState, CloseButton, CloseButtonProps, Code, CodeProps, Collapse, CollapseProps, ColorMode, ColorModeScript, ColorModeScriptProps, Container, ContainerProps, Divider, DividerProps, Drawer, ModalBody as DrawerBody, ModalCloseButton as DrawerCloseButton, DrawerContent, DrawerContentProps, ModalFooter as DrawerFooter, ModalHeader as DrawerHeader, ModalOverlay as DrawerOverlay, DrawerProps, Fade, FadeProps, Flex, FlexProps, FormControl, FormControlProps, FormErrorMessage, FormHelperText, FormLabel, FormLabelProps, Grid, GridItem, GridItemProps, GridProps, HStack, Heading, HeadingProps, Hide, HideProps, Icon, IconButton, IconButtonProps, IconProps, Image, ImageProps, Img, ImgProps, InputLeftElement as InputElementLeft, InputRightElement as InputElementRight, InputGroup, InputGroupProps, InputLeftAddon, InputLeftAddonProps, InputLeftElement, InputLeftElementProps, InputProps, InputRightAddon, InputRightAddonProps, InputRightElement, InputRightElementProps, Link, LinkProps, List, ListIcon, ListItem, ListItemProps, ListProps, Modal, ModalBody, ModalBodyProps, ModalCloseButton, ModalContent, ModalContentProps, ModalContextProvider, ModalFocusScope, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalOverlay, ModalOverlayProps, ModalProps, OrderedList, PinInput, PinInputContext, PinInputDescendantsProvider, PinInputField, PinInputFieldProps, PinInputProps, PinInputProvider, Popover, PopoverAnchor, PopoverArrow, PopoverArrowProps, PopoverBody, PopoverBodyProps, PopoverCloseButton, PopoverContent, PopoverContentProps, PopoverFooter, PopoverFooterProps, PopoverHeader, PopoverHeaderProps, PopoverProps, PopoverTrigger, Portal, PortalProps, Progress, ProgressFilledTrackProps, ProgressLabel, ProgressLabelProps, ProgressProps, ProgressTrackProps, RadioGroupContext, RequiredIndicator, RequiredIndicatorProps, ScaleFade, ScaleFadeProps, Show, ShowProps, SimpleGrid, Skeleton, Slide, SlideFade, SlideFadeProps, SlideProps, Spacer, Stack, StackProps, Step, StepDescription, StepIcon, StepIndicator, StepNumber, StepSeparator, StepStatus, StepTitle, Stepper, TabIndicator, TabIndicatorProps, TabList, TabListProps, TabPanel, TabPanelProps, TabPanels, TabPanelsProps, TabProps, TableBodyProps, TableCellProps, TableColumnHeaderProps, TableHeadProps, TableProps, TableRowProps, Tabs, TabsDescendantsProvider, TabsProps, TabsProvider, Tbody, Td, Text, TextProps, Th, Thead, Tr, UnorderedList, UseAccordionItemProps, UseAccordionItemReturn, UseAccordionProps, UseAccordionReturn, UseBreakpointOptions, UseCheckboxGroupProps, UseCheckboxGroupReturn, UseCheckboxProps, UseCheckboxReturn, UseDisclosureProps, UseImageProps, UseImageReturn, UseMediaQueryOptions, UseModalProps, UseModalReturn, UsePinInputFieldProps, UsePinInputProps, UsePinInputReturn, UseQueryProps, UseRadioGroupReturn, UseRadioProps, UseRadioReturn, UseTabListProps, UseTabListReturn, UseTabOptions, UseTabPanelsProps, UseTabProps, UseTabsProps, UseTabsReturn, VStack, VisuallyHidden, VisuallyHiddenInput, Wrap, WrapItem, WrapItemProps, WrapProps, extendTheme, forwardRef, useAccordion, useAccordionContext, useAccordionItem, useAccordionItemState, useAccordionStyles, useBoolean, useBreakpoint, useCheckbox, useCheckboxGroup, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useConst, useControllableProp, useControllableState, useDimensions, useDisclosure, useDrawerContext, useImage, useMergeRefs, useModal, useModalContext, useModalStyles, useOutsideClick, usePinInput, usePinInputContext, usePinInputField, useProgressStyles, useQuery, useRadio, useRadioGroup, useRadioGroupContext, useSteps, useTab, useTabIndicator, useTabList, useTabPanel, useTabPanels, useTabs, useTabsContext, useTabsDescendant, useTabsDescendants, useTabsDescendantsContext, useTabsStyles, useTheme, useToken } from '@chakra-ui/react';
|
5
5
|
import * as _chakra_ui_system from '@chakra-ui/system';
|
6
|
-
import { SystemStyleObject, HTMLChakraProps, ThemingProps } from '@chakra-ui/system';
|
6
|
+
import { SystemStyleObject, HTMLChakraProps, ThemingProps, ColorMode } from '@chakra-ui/system';
|
7
7
|
import * as React$1 from 'react';
|
8
8
|
import React__default, { PropsWithChildren, ReactNode, FC } from 'react';
|
9
9
|
import * as _tanstack_react_table from '@tanstack/react-table';
|
10
10
|
import { ColumnDef, SortingState, ColumnPinningState, RowSelectionInstance } from '@tanstack/react-table';
|
11
11
|
import { DatePickerProps } from 'react-datepicker';
|
12
12
|
import { IconType } from 'react-icons/lib';
|
13
|
-
import
|
13
|
+
import * as react_select from 'react-select';
|
14
|
+
import { GroupBase, Props as Props$1, DropdownIndicatorProps, ClearIndicatorProps, MultiValueProps, MultiValueRemoveProps, StylesConfig, Theme as Theme$1 } from 'react-select';
|
14
15
|
import { AsyncPaginateProps } from 'react-select-async-paginate';
|
15
16
|
import { AsyncCreatableProps } from 'react-select/async-creatable';
|
16
17
|
import { CreatableProps } from 'react-select/creatable';
|
@@ -229,9 +230,10 @@ interface TableStyleProps {
|
|
229
230
|
tableColumnHeader?: TableColumnHeaderProps;
|
230
231
|
tableCell?: TableCellProps;
|
231
232
|
}
|
232
|
-
|
233
|
+
type DisabledRowData = {
|
233
234
|
disabled?: Record<string, boolean>;
|
234
|
-
}
|
235
|
+
};
|
236
|
+
interface DataTableProps<T> {
|
235
237
|
container?: BoxProps;
|
236
238
|
styles?: TableStyleProps;
|
237
239
|
columns: ColumnDef<T>[];
|
@@ -247,17 +249,14 @@ interface DataTableProps<T extends {
|
|
247
249
|
columnPinning?: ColumnPinningState;
|
248
250
|
onRowClick?: (data: T) => void;
|
249
251
|
}
|
252
|
+
declare const isCellDisabled: (row: DisabledRowData, cellId: string) => boolean;
|
250
253
|
type DataTableRefs<T> = Pick<RowSelectionInstance<T>, 'toggleAllRowsSelected'>;
|
251
|
-
declare const useDataTable: <T
|
252
|
-
disabled?: Record<string, boolean> | undefined;
|
253
|
-
}>({ columns, dataSource, withSelectedRow, onSelectedRow, onSort, sortDescFirst, sortingState, manualSorting, columnPinning, }: DataTableProps<T>) => {
|
254
|
+
declare const useDataTable: <T>({ columns, dataSource, withSelectedRow, onSelectedRow, onSort, sortDescFirst, sortingState, manualSorting, columnPinning, }: DataTableProps<T>) => {
|
254
255
|
table: _tanstack_react_table.Table<T>;
|
255
256
|
toggleAllRowsSelected: (value?: boolean | undefined) => void;
|
256
257
|
generateColumn: () => ColumnDef<T>[];
|
257
258
|
};
|
258
|
-
declare const _default: <T
|
259
|
-
disabled?: Record<string, boolean> | undefined;
|
260
|
-
}>(props: DataTableProps<T> & {
|
259
|
+
declare const _default: <T>(props: DataTableProps<T> & {
|
261
260
|
ref?: React$1.Ref<DataTableRefs<T>>;
|
262
261
|
}) => JSX.Element;
|
263
262
|
|
@@ -559,6 +558,10 @@ type ExtendedSelectProps = {
|
|
559
558
|
};
|
560
559
|
|
561
560
|
type SelectProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = Props$1<Option, IsMulti, Group> & ExtendedSelectProps;
|
561
|
+
declare function DropdownIndicator<OptionType>(props: DropdownIndicatorProps<OptionType>): react_jsx_runtime.JSX.Element;
|
562
|
+
declare function ClearIndicator<OptionType, Group extends GroupBase<OptionType>, IsMulti extends boolean = false>(props: ClearIndicatorProps<OptionType, IsMulti, Group>): react_jsx_runtime.JSX.Element;
|
563
|
+
declare function MultiValue(props: MultiValueProps<any>): react_jsx_runtime.JSX.Element;
|
564
|
+
declare function MultiValueRemove(props: MultiValueRemoveProps<any>): react_jsx_runtime.JSX.Element;
|
562
565
|
declare function Select<OptionType, Group extends GroupBase<OptionType>, IsMulti extends boolean = false>({ styles, isError, ...rest }: SelectProps<OptionType, IsMulti, Group>): react_jsx_runtime.JSX.Element;
|
563
566
|
|
564
567
|
type SelectAsyncProps<OptionType = unknown, Group extends GroupBase<OptionType> = GroupBase<OptionType>, Additional = unknown, IsMulti extends boolean = false> = AsyncPaginateProps<OptionType, Group, Additional, IsMulti> & ExtendedSelectProps;
|
@@ -596,6 +599,31 @@ interface SelectWithCheckboxBaseProps<T = OptionGroup<never> | OptionMultiGroup<
|
|
596
599
|
}
|
597
600
|
declare const SelectCheckbox: <T, IsMulti extends boolean = boolean>(props: SelectWithCheckboxBaseProps<OptionGroup<T>, IsMulti>) => react_jsx_runtime.JSX.Element;
|
598
601
|
|
602
|
+
declare function selectStyles<OptionType = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<OptionType> = GroupBase<OptionType>>(colorMode: ColorMode, _isError: boolean): StylesConfig<OptionType, IsMulti, Group> | undefined;
|
603
|
+
declare const themeSelect: (theme: Theme$1) => {
|
604
|
+
colors: {
|
605
|
+
primary: string;
|
606
|
+
primary25: string;
|
607
|
+
primary50: string;
|
608
|
+
primary75: string;
|
609
|
+
danger: string;
|
610
|
+
dangerLight: string;
|
611
|
+
neutral0: string;
|
612
|
+
neutral5: string;
|
613
|
+
neutral10: string;
|
614
|
+
neutral20: string;
|
615
|
+
neutral30: string;
|
616
|
+
neutral40: string;
|
617
|
+
neutral50: string;
|
618
|
+
neutral60: string;
|
619
|
+
neutral70: string;
|
620
|
+
neutral80: string;
|
621
|
+
neutral90: string;
|
622
|
+
};
|
623
|
+
borderRadius: number;
|
624
|
+
spacing: react_select.ThemeSpacing;
|
625
|
+
};
|
626
|
+
|
599
627
|
interface SidebarProps extends BoxProps {
|
600
628
|
isCollapse: boolean;
|
601
629
|
}
|
@@ -822,4 +850,4 @@ declare const ProviderContext: React__default.Context<ProviderContextObject>;
|
|
822
850
|
declare const useInternalUI: () => ProviderContextObject;
|
823
851
|
declare const Provider: FC<ProviderProps>;
|
824
852
|
|
825
|
-
export { AccordionEye, AccordionIndicator, Alert, AlertAction, type AlertActionProps, AlertClose, type AlertCloseProps, AlertDescription, type AlertDescriptionProps, AlertIcon, type AlertIconProps, type AlertProps, type AlertStatus, AlertTitle, type AlertTitleProps, Anchor, type AnchorProps, Badge, type BadgeProps, BreadCrumb, type BreadCrumbParentProps, type BreadCrumbProps, Button, type ButtonProps, CHECKBOX_STATE, CardCustom as Card, type CardProps, CheckboxComponent as Checkbox, type CheckboxComponentProps, CheckboxGroupComponent as CheckboxGroup, type CheckboxGroupComponentProps, Chips, type ChipsProps, Counter, type CustomLoaderProps, _default as DataTable, type DataTableProps, type DataTableRefs, DatePickerMonth, type DatePickerMonthProps, Datepicker, type DatepickerProps, Dialog, EmptyState, type Environment, Field, type FieldProps, Header, type HeaderDataProps, type HeaderProps, InputAddonLeft, InputAddonRight, InputField, type InputFieldProps, Loader, type LoaderProps, Logo, type LogoProps, Navigation as MainMenu, ModalBackButton, MultiDatePickerMonth, type MultiDatePickerMonthProps, NavItem, type NavItemProps, Navbar, type NavbarProps, NavigationBar, type NavigationBarProps, type NavigationProps, type OptionGroup, type OptionMultiGroup, type OptionsGroup, Pagination, PaginationDetail, type PaginationDetailProps, PaginationFilter, type PaginationFilterProps, type PaginationProps, Profile, type ProfileProps, type Props, Provider, ProviderContext, Radio, RadioGroup, type RadioGroupComponentProps, type RadioProps, Rating, type RatingProps, Select, SelectAsync, SelectAsyncCreatable, type SelectAsyncCreatableProps, type SelectAsyncProps, SelectCheckbox as SelectCheckBox, SelectCreatable, type SelectCreatableProps, type SelectProps, type SelectWithCheckboxBaseProps, Sidebar, SidebarHeader, type SidebarHeaderProps, SidebarMenu, type SidebarMenuProps, type SidebarProps, Switch, type SwitchProps, Tab, type TableStyleProps, type TextAreaProps, TextareaField, type Theme, Tooltip, type TooltipProps, Uploader, type UploaderProps, Version, type VersionProps, VoilaLogo, XMSLogo, getSelectAllCheckboxState, getTheme, theme, useAlertStyles, useDataTable, useFetcher, useInternalUI, useToast };
|
853
|
+
export { AccordionEye, AccordionIndicator, Alert, AlertAction, type AlertActionProps, AlertClose, type AlertCloseProps, AlertDescription, type AlertDescriptionProps, AlertIcon, type AlertIconProps, type AlertProps, type AlertStatus, AlertTitle, type AlertTitleProps, Anchor, type AnchorProps, Badge, type BadgeProps, BreadCrumb, type BreadCrumbParentProps, type BreadCrumbProps, Button, type ButtonProps, CHECKBOX_STATE, CardCustom as Card, type CardProps, CheckboxComponent as Checkbox, type CheckboxComponentProps, CheckboxGroupComponent as CheckboxGroup, type CheckboxGroupComponentProps, Chips, type ChipsProps, ClearIndicator, Counter, type CustomLoaderProps, _default as DataTable, type DataTableProps, type DataTableRefs, DatePickerMonth, type DatePickerMonthProps, Datepicker, type DatepickerProps, Dialog, type DisabledRowData, DropdownIndicator, EmptyState, type Environment, Field, type FieldProps, Header, type HeaderDataProps, type HeaderProps, InputAddonLeft, InputAddonRight, InputField, type InputFieldProps, Loader, type LoaderProps, Logo, type LogoProps, Navigation as MainMenu, ModalBackButton, MultiDatePickerMonth, type MultiDatePickerMonthProps, MultiValue, MultiValueRemove, NavItem, type NavItemProps, Navbar, type NavbarProps, NavigationBar, type NavigationBarProps, type NavigationProps, type OptionGroup, type OptionMultiGroup, type OptionsGroup, Pagination, PaginationDetail, type PaginationDetailProps, PaginationFilter, type PaginationFilterProps, type PaginationProps, Profile, type ProfileProps, type Props, Provider, ProviderContext, Radio, RadioGroup, type RadioGroupComponentProps, type RadioProps, Rating, type RatingProps, Select, SelectAsync, SelectAsyncCreatable, type SelectAsyncCreatableProps, type SelectAsyncProps, SelectCheckbox as SelectCheckBox, SelectCreatable, type SelectCreatableProps, type SelectProps, type SelectWithCheckboxBaseProps, Sidebar, SidebarHeader, type SidebarHeaderProps, SidebarMenu, type SidebarMenuProps, type SidebarProps, Switch, type SwitchProps, Tab, type TableStyleProps, type TextAreaProps, TextareaField, type Theme, Tooltip, type TooltipProps, Uploader, type UploaderProps, Version, type VersionProps, VoilaLogo, XMSLogo, getSelectAllCheckboxState, getTheme, isCellDisabled, selectStyles, theme, themeSelect, useAlertStyles, useDataTable, useFetcher, useInternalUI, useToast };
|