@ctlyst.id/internal-ui 2.2.1 → 2.3.0

package/dist/index.d.mts

@@ -295,6 +295,26 @@ interface DialogProps extends Omit<ModalProps, 'children'> {
 }
 declare const Dialog: React__default.FC<DialogProps>;
 
+declare const EmptyState: {
+    (): react_jsx_runtime.JSX.Element;
+    Page: () => react_jsx_runtime.JSX.Element;
+    Filter: () => react_jsx_runtime.JSX.Element;
+    Search: () => react_jsx_runtime.JSX.Element;
+    Connection: () => react_jsx_runtime.JSX.Element;
+    Maintenance: () => react_jsx_runtime.JSX.Element;
+    NotAuthorize: () => react_jsx_runtime.JSX.Element;
+};
+
+interface EmptyStateLayoutProps {
+    icon: React__default.ReactNode;
+    title: string;
+    description: string;
+    buttonText?: string;
+    onClick?: () => void;
+    maxW?: number;
+}
+declare const EmptyStateLayout: React__default.FC<EmptyStateLayoutProps>;
+
 interface InputAddonProps {
     children: React__default.ReactNode;
 }
@@ -339,6 +359,7 @@ type HeaderProps = BoxProps & {
     hideEnv?: boolean;
     urlLogo?: string;
     profile?: React$1.ReactNode;
+    versionStyle?: BadgeProps$1;
 };
 declare const Header: React$1.FC<HeaderProps>;
 
@@ -368,6 +389,7 @@ interface NavItemProps extends LinkProps, PropsWithChildren {
     isActive?: boolean;
     isChild?: boolean;
     isDisabled?: boolean;
+    'data-test-id'?: string;
 }
 declare const NavItem: {
     ({ children, isActive, isChild, isDisabled, ...props }: NavItemProps): react_jsx_runtime.JSX.Element;
@@ -376,6 +398,7 @@ declare const NavItem: {
         isActive: boolean;
         isChild: boolean;
         isDisabled: boolean;
+        'data-test-id': undefined;
     };
 };
 
@@ -534,6 +557,55 @@ interface SelectWithCheckboxBaseProps<T = OptionGroup<never> | OptionMultiGroup<
 }
 declare const SelectCheckbox: <T, IsMulti extends boolean = boolean>(props: SelectWithCheckboxBaseProps<OptionGroup<T>, IsMulti>) => react_jsx_runtime.JSX.Element;
 
+interface SidebarProps extends BoxProps {
+    isCollapse: boolean;
+}
+declare const Sidebar: {
+    ({ isCollapse, children, ...props }: SidebarProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface SidebarHeaderProps {
+    isCollapse: boolean;
+    setCollapse: (k: boolean) => void;
+}
+declare const SidebarHeader: ({ isCollapse, setCollapse }: SidebarHeaderProps) => react_jsx_runtime.JSX.Element;
+
+type SubMenuItem = {
+    type: string;
+    icon?: string | null;
+    navLink: string;
+    navHost: string;
+    title: string;
+    id: string;
+};
+type MenuItem = {
+    id: string;
+    icon?: string | null;
+    navLink: string;
+    navHost?: string;
+    title: string;
+    type: string;
+    children: SubMenuItem[];
+};
+
+interface SidebarMenuProps {
+    menu: MenuItem[];
+    isCollapse: boolean;
+    active: string | undefined;
+    setActive: (active: string) => void;
+    itemStyles?: NavItemProps;
+    mappingIcon?: Map<string, JSX.Element>;
+}
+declare const SidebarMenu: {
+    ({ menu, isCollapse, mappingIcon, itemStyles, setActive, active }: SidebarMenuProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+    defaultProps: {
+        itemStyles: undefined;
+        mappingIcon: undefined;
+    };
+};
+
 interface SwitchProps extends Omit<UseCheckboxProps, 'isIndeterminate'>, Omit<HTMLChakraProps$1<'label'>, keyof UseCheckboxProps>, ThemingProps$1<'Switch'> {
     /**
      * The spacing between the switch and its label text
@@ -594,4 +666,4 @@ declare const ProviderContext: React__default.Context<ProviderContextObject>;
 declare const useInternalUI: () => ProviderContextObject;
 declare const Provider: FC<ProviderProps>;
 
-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, type Environment, Field, type FieldProps, Header, type HeaderDataProps, type HeaderProps, InputAddonLeft, InputAddonRight, InputField, type InputFieldProps, Loader, type LoaderProps, Navigation as MainMenu, ModalBackButton, ModalBody, ModalCloseButton, ModalFooter, ModalHeader, MultiDatePickerMonth, type MultiDatePickerMonthProps, NavItem, type NavItemProps, NavigationBar, type NavigationBarProps, type NavigationProps, type OptionGroup, type OptionMultiGroup, type OptionsGroup, Pagination, PaginationDetail, type PaginationDetailProps, PaginationFilter, type PaginationFilterProps, type PaginationProps, 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, Switch, type SwitchProps, Tab, type TableStyleProps, type TextAreaProps, TextareaField, type Theme, Uploader, type UploaderProps, type UploaderState, getSelectAllCheckboxState, getTheme, theme, useAlertStyles, useDataTable, useFetcher, useInternalUI };
+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, EmptyStateLayout, type Environment, Field, type FieldProps, Header, type HeaderDataProps, type HeaderProps, InputAddonLeft, InputAddonRight, InputField, type InputFieldProps, Loader, type LoaderProps, Navigation as MainMenu, ModalBackButton, ModalBody, ModalCloseButton, ModalFooter, ModalHeader, MultiDatePickerMonth, type MultiDatePickerMonthProps, NavItem, type NavItemProps, NavigationBar, type NavigationBarProps, type NavigationProps, type OptionGroup, type OptionMultiGroup, type OptionsGroup, Pagination, PaginationDetail, type PaginationDetailProps, PaginationFilter, type PaginationFilterProps, type PaginationProps, 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, Uploader, type UploaderProps, type UploaderState, getSelectAllCheckboxState, getTheme, theme, useAlertStyles, useDataTable, useFetcher, useInternalUI };

package/dist/index.d.ts

@@ -295,6 +295,26 @@ interface DialogProps extends Omit<ModalProps, 'children'> {
 }
 declare const Dialog: React__default.FC<DialogProps>;
 
+declare const EmptyState: {
+    (): react_jsx_runtime.JSX.Element;
+    Page: () => react_jsx_runtime.JSX.Element;
+    Filter: () => react_jsx_runtime.JSX.Element;
+    Search: () => react_jsx_runtime.JSX.Element;
+    Connection: () => react_jsx_runtime.JSX.Element;
+    Maintenance: () => react_jsx_runtime.JSX.Element;
+    NotAuthorize: () => react_jsx_runtime.JSX.Element;
+};
+
+interface EmptyStateLayoutProps {
+    icon: React__default.ReactNode;
+    title: string;
+    description: string;
+    buttonText?: string;
+    onClick?: () => void;
+    maxW?: number;
+}
+declare const EmptyStateLayout: React__default.FC<EmptyStateLayoutProps>;
+
 interface InputAddonProps {
     children: React__default.ReactNode;
 }
@@ -339,6 +359,7 @@ type HeaderProps = BoxProps & {
     hideEnv?: boolean;
     urlLogo?: string;
     profile?: React$1.ReactNode;
+    versionStyle?: BadgeProps$1;
 };
 declare const Header: React$1.FC<HeaderProps>;
 
@@ -368,6 +389,7 @@ interface NavItemProps extends LinkProps, PropsWithChildren {
     isActive?: boolean;
     isChild?: boolean;
     isDisabled?: boolean;
+    'data-test-id'?: string;
 }
 declare const NavItem: {
     ({ children, isActive, isChild, isDisabled, ...props }: NavItemProps): react_jsx_runtime.JSX.Element;
@@ -376,6 +398,7 @@ declare const NavItem: {
         isActive: boolean;
         isChild: boolean;
         isDisabled: boolean;
+        'data-test-id': undefined;
     };
 };
 
@@ -534,6 +557,55 @@ interface SelectWithCheckboxBaseProps<T = OptionGroup<never> | OptionMultiGroup<
 }
 declare const SelectCheckbox: <T, IsMulti extends boolean = boolean>(props: SelectWithCheckboxBaseProps<OptionGroup<T>, IsMulti>) => react_jsx_runtime.JSX.Element;
 
+interface SidebarProps extends BoxProps {
+    isCollapse: boolean;
+}
+declare const Sidebar: {
+    ({ isCollapse, children, ...props }: SidebarProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface SidebarHeaderProps {
+    isCollapse: boolean;
+    setCollapse: (k: boolean) => void;
+}
+declare const SidebarHeader: ({ isCollapse, setCollapse }: SidebarHeaderProps) => react_jsx_runtime.JSX.Element;
+
+type SubMenuItem = {
+    type: string;
+    icon?: string | null;
+    navLink: string;
+    navHost: string;
+    title: string;
+    id: string;
+};
+type MenuItem = {
+    id: string;
+    icon?: string | null;
+    navLink: string;
+    navHost?: string;
+    title: string;
+    type: string;
+    children: SubMenuItem[];
+};
+
+interface SidebarMenuProps {
+    menu: MenuItem[];
+    isCollapse: boolean;
+    active: string | undefined;
+    setActive: (active: string) => void;
+    itemStyles?: NavItemProps;
+    mappingIcon?: Map<string, JSX.Element>;
+}
+declare const SidebarMenu: {
+    ({ menu, isCollapse, mappingIcon, itemStyles, setActive, active }: SidebarMenuProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+    defaultProps: {
+        itemStyles: undefined;
+        mappingIcon: undefined;
+    };
+};
+
 interface SwitchProps extends Omit<UseCheckboxProps, 'isIndeterminate'>, Omit<HTMLChakraProps$1<'label'>, keyof UseCheckboxProps>, ThemingProps$1<'Switch'> {
     /**
      * The spacing between the switch and its label text
@@ -594,4 +666,4 @@ declare const ProviderContext: React__default.Context<ProviderContextObject>;
 declare const useInternalUI: () => ProviderContextObject;
 declare const Provider: FC<ProviderProps>;
 
-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, type Environment, Field, type FieldProps, Header, type HeaderDataProps, type HeaderProps, InputAddonLeft, InputAddonRight, InputField, type InputFieldProps, Loader, type LoaderProps, Navigation as MainMenu, ModalBackButton, ModalBody, ModalCloseButton, ModalFooter, ModalHeader, MultiDatePickerMonth, type MultiDatePickerMonthProps, NavItem, type NavItemProps, NavigationBar, type NavigationBarProps, type NavigationProps, type OptionGroup, type OptionMultiGroup, type OptionsGroup, Pagination, PaginationDetail, type PaginationDetailProps, PaginationFilter, type PaginationFilterProps, type PaginationProps, 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, Switch, type SwitchProps, Tab, type TableStyleProps, type TextAreaProps, TextareaField, type Theme, Uploader, type UploaderProps, type UploaderState, getSelectAllCheckboxState, getTheme, theme, useAlertStyles, useDataTable, useFetcher, useInternalUI };
+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, EmptyStateLayout, type Environment, Field, type FieldProps, Header, type HeaderDataProps, type HeaderProps, InputAddonLeft, InputAddonRight, InputField, type InputFieldProps, Loader, type LoaderProps, Navigation as MainMenu, ModalBackButton, ModalBody, ModalCloseButton, ModalFooter, ModalHeader, MultiDatePickerMonth, type MultiDatePickerMonthProps, NavItem, type NavItemProps, NavigationBar, type NavigationBarProps, type NavigationProps, type OptionGroup, type OptionMultiGroup, type OptionsGroup, Pagination, PaginationDetail, type PaginationDetailProps, PaginationFilter, type PaginationFilterProps, type PaginationProps, 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, Uploader, type UploaderProps, type UploaderState, getSelectAllCheckboxState, getTheme, theme, useAlertStyles, useDataTable, useFetcher, useInternalUI };