@ctlyst.id/internal-ui 2.0.7 → 2.0.9

package/dist/components/button/__stories__/button.stories.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 declare const _default: {
     chakra: {
         theme: Record<string, any>;

package/dist/components/button/index.d.ts

@@ -1,2 +1,3 @@
 export { default as Button } from './components/button';
 export * from './components/button';
+export { ButtonGroup, ButtonGroupProps, CloseButton, CloseButtonProps } from '@chakra-ui/react';

package/dist/components/data-table/__stories__/datatable.stories.d.ts

@@ -4,23 +4,9 @@ declare const _default: {
     chakra: {
         theme: Record<string, any>;
     };
-    component: {
-        <P>({ columns, dataSource, isLoading, withSelectedRow, onSelectedRow, onSort, manualSorting, sortingState, styles, ...props }: import("../components/data-table").DataTableProps<P>): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
-        defaultProps: {
-            withSelectedRow: boolean;
-            overflowX: string;
-            pos: string;
-            maxW: string;
-            minH: number;
-            w: string;
-            styles: undefined;
-            isLoading: undefined;
-            onSelectedRow: undefined;
-            onSort: undefined;
-            manualSorting: boolean;
-            sortingState: never[];
-        };
-    };
+    component: <T extends unknown>(props: import("../components/data-table").DataTableProps<T> & {
+        ref?: ((instance: Pick<any, "toggleAllRowsSelected"> | null) => void) | React.RefObject<Pick<any, "toggleAllRowsSelected">> | null | undefined;
+    }) => JSX.Element;
     argTypes: {
         selectedRow: {
             options: boolean[];

package/dist/components/data-table/components/data-table.d.ts

@@ -1,5 +1,5 @@
 import type { BoxProps, TableBodyProps, TableCellProps, TableColumnHeaderProps, TableHeadProps, TableProps, TableRowProps } from '@chakra-ui/react';
-import type { ColumnDef, ColumnSort, SortingState } from '@tanstack/react-table';
+import type { ColumnDef, ColumnSort, RowSelectionInstance, SortingState } from '@tanstack/react-table';
 import * as React from 'react';
 export interface TableStyleProps {
     table?: TableProps;
@@ -16,25 +16,15 @@ export interface DataTableProps<T = unknown> extends BoxProps {
     isLoading?: boolean;
     withSelectedRow?: boolean | undefined;
     onSelectedRow?: (data: T[]) => void;
-    onSort?: (data: ColumnSort[] | ((prevState: SortingState) => SortingState)) => void;
+    onSort?: (data: ColumnSort[] | SortingState | ((prevState: SortingState) => SortingState)) => void;
     manualSorting?: boolean;
     sortingState?: SortingState;
+    sortDescFirst?: boolean;
+    headerSticky?: boolean;
+    onRowClick?: (data: T) => void;
 }
-declare const DataTable: {
-    <P>({ columns, dataSource, isLoading, withSelectedRow, onSelectedRow, onSort, manualSorting, sortingState, styles, ...props }: DataTableProps<P>): React.ReactElement;
-    defaultProps: {
-        withSelectedRow: boolean;
-        overflowX: string;
-        pos: string;
-        maxW: string;
-        minH: number;
-        w: string;
-        styles: undefined;
-        isLoading: undefined;
-        onSelectedRow: undefined;
-        onSort: undefined;
-        manualSorting: boolean;
-        sortingState: never[];
-    };
-};
-export default DataTable;
+export declare type DataTableRefs<T> = Pick<RowSelectionInstance<T>, 'toggleAllRowsSelected'>;
+declare const _default: <T extends unknown>(props: DataTableProps<T> & {
+    ref?: ((instance: Pick<any, "toggleAllRowsSelected"> | null) => void) | React.RefObject<Pick<any, "toggleAllRowsSelected">> | null | undefined;
+}) => JSX.Element;
+export default _default;

package/dist/components/data-table/components/indeterminate-checkbox.d.ts

@@ -1,5 +1,8 @@
-import * as React from 'react';
-declare const IndeterminateCheckbox: ({ indeterminate, ...rest }: {
-    indeterminate: boolean;
-} & React.HTMLProps<HTMLInputElement>) => JSX.Element;
+import type { CheckboxProps } from '@chakra-ui/react';
+import React from 'react';
+interface IndeterminateCheckboxProps extends CheckboxProps {
+    isIndeterminate?: boolean;
+    name: string;
+}
+declare const IndeterminateCheckbox: React.ForwardRefExoticComponent<IndeterminateCheckboxProps & React.RefAttributes<HTMLInputElement>>;
 export default IndeterminateCheckbox;

package/dist/components/image/index.d.ts

@@ -0,0 +1 @@
+export { Icon, IconProps, Image, ImageProps } from '@chakra-ui/react';

package/dist/components/index.d.ts

@@ -4,20 +4,25 @@ export * from './breadcrumb';
 export * from './button';
 export * from './card';
 export * from './checkbox';
+export * from './chips';
 export * from './data-table';
 export * from './datepicker';
 export * from './field';
 export * from './form';
 export * from './header';
+export * from './image';
 export * from './layouting';
+export * from './list';
 export * from './loader';
 export * from './modal';
 export * from './navigation';
 export * from './pagination';
+export * from './popover';
 export * from './radio';
 export * from './rating';
 export * from './select';
 export * from './switch';
 export * from './tabs';
 export * from './text';
+export * from './tooltip';
 export * from './uploader';

package/dist/components/layouting/index.d.ts

@@ -1,16 +1 @@
-export { default as Box } from './components/box';
-export * from './components/box';
-export { default as ButtonGroup } from './components/button-group';
-export * from './components/button-group';
-export { default as Container } from './components/container';
-export * from './components/container';
-export { default as Flex } from './components/flex';
-export * from './components/flex';
-export { default as Grid } from './components/grid';
-export * from './components/grid';
-export { default as List } from './components/list';
-export * from './components/list';
-export { default as Stack } from './components/stack';
-export * from './components/stack';
-export { default as Wrap } from './components/wrap';
-export * from './components/wrap';
+export { Box, BoxProps, Container, ContainerProps, Divider, DividerProps, Flex, FlexProps, Grid, GridItem, GridItemProps, GridProps, HStack, Stack, StackProps, VStack, Wrap, WrapItem, WrapItemProps, WrapProps, } from '@chakra-ui/react';

package/dist/components/list/index.d.ts

@@ -0,0 +1 @@
+export { List, ListIcon, ListItem, ListItemProps, ListProps, OrderedList, UnorderedList } from '@chakra-ui/react';

package/dist/components/loader/components/loader.d.ts

@@ -2,6 +2,7 @@ import type { HTMLChakraProps, ThemingProps } from '@chakra-ui/react';
 export interface LoaderProps {
     size?: string;
     variant?: string;
+    thickness?: string;
 }
 export interface CustomBadgeProps extends HTMLChakraProps<'span'>, ThemingProps {
 }

package/dist/components/popover/index.d.ts

@@ -0,0 +1 @@
+export { Popover, PopoverAnchor, PopoverArrow, PopoverArrowProps, PopoverBody, PopoverBodyProps, PopoverCloseButton, PopoverContent, PopoverContentProps, PopoverFooter, PopoverFooterProps, PopoverHeader, PopoverHeaderProps, PopoverProps, PopoverTrigger, Portal, PortalProps, } from '@chakra-ui/react';

package/dist/components/text/index.d.ts

@@ -1,2 +1 @@
-export { default as Text } from './components/text';
-export * from './components/text';
+export { Heading, HeadingProps, Text, TextProps } from '@chakra-ui/react';

package/dist/components/tooltip/__stories__/tooltip.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: {
+    chakra: {
+        theme: Record<string, any>;
+    };
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;

package/dist/components/tooltip/index.d.ts

@@ -0,0 +1 @@
+export { Tooltip, TooltipProps } from '@chakra-ui/react';

package/dist/config/theme/components/checkbox.d.ts

@@ -8,7 +8,6 @@ declare const Checkbox: {
         };
         icon: {
             color: string;
-            width: string;
         };
         label: {
             fontWeight: string;
@@ -48,6 +47,9 @@ declare const Checkbox: {
             label: {
                 fontSize: string;
             };
+            icon: {
+                fontSize: string;
+            };
         };
         unstyled: {
             control: {
@@ -62,6 +64,7 @@ declare const Checkbox: {
                     _disabled: {
                         backgroundColor: string;
                         borderColor: string;
+                        opacity: number;
                     };
                 };
                 _disabled: {
@@ -71,10 +74,21 @@ declare const Checkbox: {
                 _indeterminate: {
                     borderColor: string;
                     backgroundColor: string;
+                    _disabled: {
+                        backgroundColor: string;
+                        borderColor: string;
+                        opacity: number;
+                    };
                 };
             };
             label: {
                 fontSize: string;
+                _disabled: {
+                    opacity: number;
+                };
+            };
+            icon: {
+                fontSize: string;
             };
         };
     } | undefined;

package/dist/config/theme/components/radio.d.ts

@@ -10,6 +10,7 @@ declare const Radio: {
             textStyle: string;
             color: string;
             _disabled: {
+                opacity: number;
                 color: string;
             };
         };
@@ -42,6 +43,7 @@ declare const Radio: {
                             h: string;
                             w: string;
                             bg: string;
+                            opacity: number;
                         };
                     };
                 };
@@ -72,6 +74,7 @@ declare const Radio: {
                     _disabled: {
                         borderColor: string;
                         bg: string;
+                        opacity: number;
                         _before: {
                             h: string;
                             w: string;

package/dist/hooks/index.d.ts

@@ -1,3 +1,2 @@
-export { default as useDisclosure } from './useDisclosure';
-export * from './useDisclosure';
 export { default as useFetcher } from './useFetcher';
+export { useColorModeValue, useDisclosure, UseDisclosureProps } from '@chakra-ui/react';

package/dist/index.d.ts

@@ -1,3 +1,5 @@
 export * from './components';
 export * from './config';
+export * from './hooks';
 export * from './provider';
+export { extendTheme } from '@chakra-ui/react';