@gobolt/genesis 0.4.0 → 0.4.1

package/dist/components/Table/Table.d.ts

@@ -5,7 +5,6 @@ import * as React from "react";
 export type Change = (actionEvent: ActionEvent) => void;
 export type SelectionType = "checkbox" | "radio";
 export interface MaterializedViewConfig<T = any> {
-    enabled: boolean;
     height?: number | string;
     onLoadMore?: (offset: number, limit: number) => Promise<T[]> | T[];
     loadMoreThreshold?: number;
@@ -27,7 +26,7 @@ export interface TableProps<T extends Record<string, any>> {
             name?: string;
         };
     };
-    onChange?: (pagination: TablePaginationType, filters: Record<string, React.Key[]>, sorter: SorterResult<T> | SorterResult<T>[]) => void;
+    onChange?: (pagination: TablePaginationConfig, filters: Record<string, any>, sorter: SorterResult<T> | SorterResult<T>[], extra: any) => void;
     loading?: boolean;
     pagination?: (TablePaginationConfig & {
         paginationStyle?: PaginationStyle;
@@ -42,7 +41,8 @@ export interface TableProps<T extends Record<string, any>> {
     };
     [key: string]: any;
     isMainContentCell?: boolean;
-    materializedView?: MaterializedViewConfig<T>;
+    isMaterializedView?: boolean;
+    materializedViewConfig?: MaterializedViewConfig<T>;
 }
 export type TablePaginationType = {
     pageSize?: number;
@@ -56,5 +56,5 @@ export type SorterResult<T> = {
     field?: keyof T | string | React.Key | readonly React.Key[];
     columnKey?: React.Key;
 };
-declare function Table<T extends Record<string, any>>({ columns, dataSource, rowKey, size, onChange, rowSelection, pagination, isMainContentCell, materializedView, ...rest }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function Table<T extends Record<string, any>>({ columns, dataSource, rowKey, size, onChange, rowSelection, pagination, isMainContentCell, isMaterializedView, materializedViewConfig, ...rest }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
 export default Table;

package/dist/index.cjs

@@ -83663,7 +83663,8 @@ function Table({
   rowSelection,
   pagination,
   isMainContentCell = false,
-  materializedView,
+  isMaterializedView = false,
+  materializedViewConfig,
   ...rest
 }) {
   const [materializedData, setMaterializedData] = React__namespace.useState([]);
@@ -83671,27 +83672,29 @@ function Table({
   const [hasMoreData, setHasMoreData] = React__namespace.useState(true);
   const tableRef = React__namespace.useRef(null);
   React__namespace.useEffect(() => {
-    if (materializedView?.enabled) {
-      const initialSize = materializedView.initialLoadSize || 50;
+    if (isMaterializedView) {
+      const initialSize = materializedViewConfig?.initialLoadSize || 50;
       const initialData = dataSource.slice(0, initialSize);
       setMaterializedData(initialData);
       setHasMoreData(dataSource.length > initialSize);
     }
-  }, [dataSource, materializedView]);
+  }, [dataSource, isMaterializedView, materializedViewConfig]);
   const handleScroll = React__namespace.useCallback(
     debounce((e3) => {
-      if (!materializedView?.enabled || !materializedView.onLoadMore || isLoadingMore || !hasMoreData) {
+      if (!isMaterializedView || !materializedViewConfig?.onLoadMore || isLoadingMore || !hasMoreData) {
         return;
       }
       const { target } = e3;
       const { scrollTop, scrollHeight, clientHeight } = target;
-      const threshold = materializedView.loadMoreThreshold || 100;
+      const threshold = materializedViewConfig?.loadMoreThreshold || 100;
       if (scrollTop + clientHeight >= scrollHeight - threshold) {
         setIsLoadingMore(true);
         const currentLength = materializedData.length;
-        const loadSize = materializedView.initialLoadSize || 50;
-        if (materializedView.onLoadMore) {
-          Promise.resolve(materializedView.onLoadMore(currentLength, loadSize)).then((newData) => {
+        const loadSize = materializedViewConfig?.initialLoadSize || 50;
+        if (materializedViewConfig?.onLoadMore) {
+          Promise.resolve(
+            materializedViewConfig.onLoadMore(currentLength, loadSize)
+          ).then((newData) => {
             setMaterializedData((prev2) => [...prev2, ...newData]);
             setHasMoreData(newData.length === loadSize);
           }).catch((error2) => {
@@ -83710,10 +83713,17 @@ function Table({
         }
       }
     }, 200),
-    [materializedView, materializedData, isLoadingMore, hasMoreData, dataSource]
+    [
+      isMaterializedView,
+      materializedViewConfig,
+      materializedData,
+      isLoadingMore,
+      hasMoreData,
+      dataSource
+    ]
   );
   const paginationConfig = React__namespace.useMemo(() => {
-    if (materializedView?.enabled) {
+    if (isMaterializedView) {
       return false;
     }
     return pagination === false ? false : {
@@ -83728,17 +83738,17 @@ function Table({
         }
       )
     };
-  }, [materializedView, pagination]);
+  }, [isMaterializedView, pagination]);
   const scrollConfig = React__namespace.useMemo(() => {
-    if (materializedView?.enabled) {
+    if (isMaterializedView) {
       return {
         ...rest.scroll,
-        y: materializedView.height || 400
+        y: materializedViewConfig?.height || 400
       };
     }
     return rest.scroll;
-  }, [materializedView, rest.scroll]);
-  const tableDataSource = materializedView?.enabled ? materializedData : dataSource;
+  }, [isMaterializedView, materializedViewConfig, rest.scroll]);
+  const tableDataSource = isMaterializedView ? materializedData : dataSource;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Table$1,
     {
@@ -83753,7 +83763,7 @@ function Table({
       rowSelection,
       pagination: paginationConfig,
       scroll: scrollConfig,
-      onScroll: materializedView?.enabled ? handleScroll : void 0,
+      onScroll: isMaterializedView ? handleScroll : void 0,
       $isMainContentCell: isMainContentCell,
       ...rest
     }
@@ -84173,7 +84183,15 @@ const TableWithControls = ({
   onChange
 }) => {
   const { primaryTableRowData, secondaryTableRowData } = tableControlsData2;
-  const { dataSource, columns, rowSelection, hasSettings, hasFilter } = tableData;
+  const {
+    dataSource,
+    columns,
+    rowSelection,
+    hasSettings,
+    hasFilter,
+    isMaterializedView,
+    materializedViewConfig
+  } = tableData;
   const onTableControlsChange = (event) => {
     onChange(event);
   };
@@ -84193,12 +84211,14 @@ const TableWithControls = ({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      TablePagination,
+      Table,
       {
         dataSource,
         columns,
         rowSelection,
-        onChange: onTableChange
+        onChange: onTableChange,
+        isMaterializedView,
+        materializedViewConfig
       }
     )
   ] });

package/dist/index.js

@@ -83645,7 +83645,8 @@ function Table({
   rowSelection,
   pagination,
   isMainContentCell = false,
-  materializedView,
+  isMaterializedView = false,
+  materializedViewConfig,
   ...rest
 }) {
   const [materializedData, setMaterializedData] = React.useState([]);
@@ -83653,27 +83654,29 @@ function Table({
   const [hasMoreData, setHasMoreData] = React.useState(true);
   const tableRef = React.useRef(null);
   React.useEffect(() => {
-    if (materializedView?.enabled) {
-      const initialSize = materializedView.initialLoadSize || 50;
+    if (isMaterializedView) {
+      const initialSize = materializedViewConfig?.initialLoadSize || 50;
       const initialData = dataSource.slice(0, initialSize);
       setMaterializedData(initialData);
       setHasMoreData(dataSource.length > initialSize);
     }
-  }, [dataSource, materializedView]);
+  }, [dataSource, isMaterializedView, materializedViewConfig]);
   const handleScroll = React.useCallback(
     debounce((e3) => {
-      if (!materializedView?.enabled || !materializedView.onLoadMore || isLoadingMore || !hasMoreData) {
+      if (!isMaterializedView || !materializedViewConfig?.onLoadMore || isLoadingMore || !hasMoreData) {
         return;
       }
       const { target } = e3;
       const { scrollTop, scrollHeight, clientHeight } = target;
-      const threshold = materializedView.loadMoreThreshold || 100;
+      const threshold = materializedViewConfig?.loadMoreThreshold || 100;
       if (scrollTop + clientHeight >= scrollHeight - threshold) {
         setIsLoadingMore(true);
         const currentLength = materializedData.length;
-        const loadSize = materializedView.initialLoadSize || 50;
-        if (materializedView.onLoadMore) {
-          Promise.resolve(materializedView.onLoadMore(currentLength, loadSize)).then((newData) => {
+        const loadSize = materializedViewConfig?.initialLoadSize || 50;
+        if (materializedViewConfig?.onLoadMore) {
+          Promise.resolve(
+            materializedViewConfig.onLoadMore(currentLength, loadSize)
+          ).then((newData) => {
             setMaterializedData((prev2) => [...prev2, ...newData]);
             setHasMoreData(newData.length === loadSize);
           }).catch((error2) => {
@@ -83692,10 +83695,17 @@ function Table({
         }
       }
     }, 200),
-    [materializedView, materializedData, isLoadingMore, hasMoreData, dataSource]
+    [
+      isMaterializedView,
+      materializedViewConfig,
+      materializedData,
+      isLoadingMore,
+      hasMoreData,
+      dataSource
+    ]
   );
   const paginationConfig = React.useMemo(() => {
-    if (materializedView?.enabled) {
+    if (isMaterializedView) {
       return false;
     }
     return pagination === false ? false : {
@@ -83710,17 +83720,17 @@ function Table({
         }
       )
     };
-  }, [materializedView, pagination]);
+  }, [isMaterializedView, pagination]);
   const scrollConfig = React.useMemo(() => {
-    if (materializedView?.enabled) {
+    if (isMaterializedView) {
       return {
         ...rest.scroll,
-        y: materializedView.height || 400
+        y: materializedViewConfig?.height || 400
       };
     }
     return rest.scroll;
-  }, [materializedView, rest.scroll]);
-  const tableDataSource = materializedView?.enabled ? materializedData : dataSource;
+  }, [isMaterializedView, materializedViewConfig, rest.scroll]);
+  const tableDataSource = isMaterializedView ? materializedData : dataSource;
   return /* @__PURE__ */ jsx(
     Table$1,
     {
@@ -83735,7 +83745,7 @@ function Table({
       rowSelection,
       pagination: paginationConfig,
       scroll: scrollConfig,
-      onScroll: materializedView?.enabled ? handleScroll : void 0,
+      onScroll: isMaterializedView ? handleScroll : void 0,
       $isMainContentCell: isMainContentCell,
       ...rest
     }
@@ -84155,7 +84165,15 @@ const TableWithControls = ({
   onChange
 }) => {
   const { primaryTableRowData, secondaryTableRowData } = tableControlsData2;
-  const { dataSource, columns, rowSelection, hasSettings, hasFilter } = tableData;
+  const {
+    dataSource,
+    columns,
+    rowSelection,
+    hasSettings,
+    hasFilter,
+    isMaterializedView,
+    materializedViewConfig
+  } = tableData;
   const onTableControlsChange = (event) => {
     onChange(event);
   };
@@ -84175,12 +84193,14 @@ const TableWithControls = ({
       }
     ),
     /* @__PURE__ */ jsx(
-      TablePagination,
+      Table,
       {
         dataSource,
         columns,
         rowSelection,
-        onChange: onTableChange
+        onChange: onTableChange,
+        isMaterializedView,
+        materializedViewConfig
       }
     )
   ] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gobolt/genesis",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "genesis design system",
   "author": "gobolt",
   "license": "MIT",