@ballistix.digital/react-components 0.4.4 → 0.4.6

package/dist/index.d.ts

@@ -17,7 +17,7 @@ declare const base$i: {
 };
 type TAvatarElementStyles = DeepPartial$1<typeof base$i>;
 
-type TProps$h = {
+type TProps$g = {
     src?: string | undefined;
     placeholder?: string | undefined;
     children?: ReactNode | ReactNode[] | string;
@@ -29,7 +29,7 @@ type TProps$h = {
     isLoading?: boolean;
     styles?: TAvatarElementStyles;
 };
-declare const AvatarElement: FC<TProps$h>;
+declare const AvatarElement: FC<TProps$g>;
 
 declare const base$h: {
     container: string;
@@ -38,7 +38,7 @@ declare const base$h: {
 };
 type TBadgeElementStyles = DeepPartial$1<typeof base$h>;
 
-type TProps$g = {
+type TProps$f = {
     children: string | ReactNode;
     color?: 'gray' | 'red' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink';
     type?: 'normal' | 'indicator' | 'close';
@@ -49,7 +49,7 @@ type TProps$g = {
     onClose?: () => void;
     styles?: TBadgeElementStyles;
 };
-declare const BadgeElement: FC<TProps$g>;
+declare const BadgeElement: FC<TProps$f>;
 
 declare const base$g: {
     container: string;
@@ -59,7 +59,7 @@ declare const base$g: {
 };
 type TButtonElementStyles = DeepPartial$1<typeof base$g>;
 
-type TProps$f = {
+type TProps$e = {
     children: string | ReactNode;
     innerRef?: RefObject<HTMLButtonElement>;
     htmlType?: 'button' | 'submit';
@@ -71,7 +71,7 @@ type TProps$f = {
     styles?: TButtonElementStyles;
     onClick: () => void;
 };
-declare const ButtonElement: FC<TProps$f>;
+declare const ButtonElement: FC<TProps$e>;
 
 declare const base$f: {
     container: string;
@@ -81,11 +81,11 @@ declare const base$f: {
 };
 type TButtonGroupElementStyles = DeepPartial$1<typeof base$f>;
 
-type TProps$e = {
+type TProps$d = {
     children: ReactElement[];
     styles?: TButtonGroupElementStyles;
 };
-declare const ButtonGroupElement: FC<TProps$e>;
+declare const ButtonGroupElement: FC<TProps$d>;
 
 declare const base$e: {
     container: string;
@@ -96,7 +96,7 @@ declare const base$e: {
 };
 type TDropdownElementStyles = DeepPartial$1<typeof base$e>;
 
-type TProps$d = {
+type TProps$c = {
     children: ReactElement | ReactElement[];
     label: string | ReactElement;
     type?: 'button' | 'compact';
@@ -104,16 +104,16 @@ type TProps$d = {
     styles?: TDropdownElementStyles;
 };
 declare const DropdownElement: {
-    Container: FC<TProps$d>;
+    Container: FC<TProps$c>;
     Item: typeof Menu.Item;
 };
 
-type TProps$c = {
+type TProps$b = {
     accessor: IconName;
     type: 'brands' | 'light' | 'regular' | 'solid';
     className?: string;
 };
-declare const IconElement: FC<TProps$c>;
+declare const IconElement: FC<TProps$b>;
 
 declare const base$d: {
     container: string;
@@ -130,7 +130,7 @@ declare const base$d: {
 };
 type TInputGroupStyles = DeepPartial$1<typeof base$d>;
 
-type TProps$b = {
+type TProps$a = {
     name: string;
     htmlType: HTMLInputTypeAttribute;
     label?: string | ReactNode;
@@ -157,7 +157,7 @@ type TProps$b = {
     onBlur: any;
     styles?: TInputGroupStyles;
 };
-declare const InputGroupForm: FC<TProps$b>;
+declare const InputGroupForm: FC<TProps$a>;
 
 declare const base$c: {
     container: string;
@@ -165,12 +165,12 @@ declare const base$c: {
 };
 type TContainerLayoutStyles = DeepPartial$1<typeof base$c>;
 
-type TProps$a = {
+type TProps$9 = {
     children: ReactNode;
     type?: 'break' | 'center' | 'fill';
     styles?: TContainerLayoutStyles;
 };
-declare const ContainerLayout: FC<TProps$a>;
+declare const ContainerLayout: FC<TProps$9>;
 
 declare const base$b: {
     container: string;
@@ -181,12 +181,12 @@ declare const base$b: {
 };
 type TDividerLayoutStyles = DeepPartial$1<typeof base$b>;
 
-type TProps$9 = {
+type TProps$8 = {
     children?: ReactNode;
     type?: 'left' | 'center' | 'right';
     styles?: TDividerLayoutStyles;
 };
-declare const DividerLayout: FC<TProps$9>;
+declare const DividerLayout: FC<TProps$8>;
 
 declare const base$a: {
     container: string;
@@ -195,12 +195,12 @@ declare const base$a: {
 };
 type TListContainerLayoutStyles = DeepPartial$1<typeof base$a>;
 
-type TProps$8 = {
+type TProps$7 = {
     children: ReactElement | ReactElement[];
     type?: 'fill' | 'fill-sticky' | 'center' | 'center-sticky' | 'card' | 'card-sticky';
     styles?: TListContainerLayoutStyles;
 };
-declare const ListContainerLayout: FC<TProps$8>;
+declare const ListContainerLayout: FC<TProps$7>;
 
 declare const base$9: {
     container: string;
@@ -211,14 +211,14 @@ declare const base$9: {
 };
 type TMediaObjectLayoutStyles = DeepPartial$1<typeof base$9>;
 
-type TProps$7 = {
+type TProps$6 = {
     title: string;
     paragraph: string;
     figure?: ReactNode;
     type?: 'top' | 'top-reversed' | 'center' | 'center-reversed' | 'bottom' | 'bottom-reversed' | 'stretch' | 'stretch-reversed' | 'responsive' | 'responsive-reversed' | 'wide' | 'wide-reversed';
     styles?: TMediaObjectLayoutStyles;
 };
-declare const MediaObjectLayout: FC<TProps$7>;
+declare const MediaObjectLayout: FC<TProps$6>;
 
 declare const base$8: {
     container: string;
@@ -242,6 +242,43 @@ declare const LayoutPanel: {
     Section: React.FC<TSectionProps>;
 };
 
+type TData = any;
+type VisibilityState = {
+    [key: string]: boolean;
+};
+type TTableListProps<TData> = {
+    id: string;
+    columns: ColumnDef<TData>[];
+    data: TData[];
+    page: {
+        total: number;
+    };
+    defaultOrder?: string[];
+    children: ({ min, max, current, }: {
+        min: number;
+        max: number;
+        current: number;
+    }) => ReactNode;
+    type?: 'normal' | 'panel' | 'full';
+    isStriped?: boolean;
+    hasStickyHeader?: boolean;
+    hasVerticalSeparators?: boolean;
+    areControlsVisible?: boolean;
+    styles?: TTableListStyles & {
+        components: {
+            buttonElement: TButtonElementStyles$1;
+            dropdownElement: TDropdownElementStyles$1;
+            panelPaginationNavigation: TPagePaginationNavigationStyles$1;
+        };
+    };
+    onChange?: ({ sorting, visibility, order, }: {
+        sorting: SortingState;
+        visibility: VisibilityState;
+        order: ColumnOrderState;
+    }) => void;
+};
+declare const TableList: FC<TTableListProps<TData>>;
+
 declare const base$7: {
     container: string;
     head: {
@@ -296,43 +333,6 @@ declare const base$7: {
 };
 type TTableListStyles = DeepPartial$1<typeof base$7>;
 
-type TData = any;
-type VisibilityState = {
-    [key: string]: boolean;
-};
-type TProps$6<TData> = {
-    id: string;
-    columns: ColumnDef<TData>[];
-    data: TData[];
-    page: {
-        total: number;
-    };
-    defaultOrder?: string[];
-    children: ({ min, max, current, }: {
-        min: number;
-        max: number;
-        current: number;
-    }) => ReactNode;
-    type?: 'normal' | 'panel' | 'full';
-    isStriped?: boolean;
-    hasStickyHeader?: boolean;
-    hasVerticalSeparators?: boolean;
-    areControlsVisible?: boolean;
-    styles?: TTableListStyles & {
-        components: {
-            buttonElement: TButtonElementStyles$1;
-            dropdownElement: TDropdownElementStyles$1;
-            panelPaginationNavigation: TPagePaginationNavigationStyles$1;
-        };
-    };
-    onChange?: ({ sorting, visibility, order, }: {
-        sorting: SortingState;
-        visibility: VisibilityState;
-        order: ColumnOrderState;
-    }) => void;
-};
-declare const TableList: FC<TProps$6<TData>>;
-
 declare const base$6: {
     container: string;
     list: string;
@@ -694,4 +694,4 @@ type TProps = {
 };
 declare const SlideOverOverlay: FC<TProps>;
 
-export { AvatarElement, BadgeElement, BreadcrumbsNavigation, ButtonElement, ButtonGroupElement, ContainerLayout, DividerLayout, DropdownElement, IconElement, InputGroupForm, ListContainerLayout, MediaObjectLayout, ModalOverlay, NotificationOverlay, PagePaginationNavigation, LayoutPanel as PanelLayout, PanelPaginationNavigation, SlideOverOverlay, TabNavigation, TableList, VerticalNavigation };
+export { AvatarElement, BadgeElement, BreadcrumbsNavigation, ButtonElement, ButtonGroupElement, ContainerLayout, DividerLayout, DropdownElement, IconElement, InputGroupForm, ListContainerLayout, MediaObjectLayout, ModalOverlay, NotificationOverlay, PagePaginationNavigation, LayoutPanel as PanelLayout, PanelPaginationNavigation, SlideOverOverlay, TTableListProps, TTableListStyles, TabNavigation, TableList, VerticalNavigation };

package/package.json

@@ -7,7 +7,7 @@
     "email": "info@ballistix.digital",
     "url": "https://ballistix.digital"
   },
-  "version": "0.4.4",
+  "version": "0.4.6",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -64,8 +64,8 @@
     "@types/jest": "^27.5.2",
     "@types/lodash": "^4.14.191",
     "@types/node": "^16.18.12",
-    "@types/react": "^18.0.27",
-    "@types/react-dom": "^18.0.10",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.1",
     "babel-plugin-named-exports-order": "^0.0.2",
     "concurrently": "^7.6.0",
     "eslint-config-prettier": "^8.3.0",