@compill/admin 1.0.54 → 1.0.56

package/index.cjs.js

@@ -1442,12 +1442,13 @@ function TableContainer(_a) {
 
 function TableCreateButton(_a) {
   var {
+      icon,
       children
     } = _a,
-    props = __rest$1(_a, ["children"]);
+    props = __rest$1(_a, ["icon", "children"]);
   return jsxRuntime.jsxs(admin.ButtonBarDialogButton, Object.assign({}, props, {
     children: [jsxRuntime.jsx(ui.Icon, {
-      path: mdiPlusThick
+      path: icon !== null && icon !== void 0 ? icon : mdiPlusThick
     }), children]
   }));
 }
@@ -2290,18 +2291,20 @@ function TableViewProvider({
       case "edit":
         {
           const editConfig = react.runIfFn(editView, item);
-          if (editConfig.type == "customDialog") {
-            setDialog(editConfig.render({
-              show: true,
-              onClose: onCloseDialog
-            }));
-          } else {
-            setDialog(jsxRuntime.jsx(DialogRenderer, {
-              onClose: onCloseDialog,
-              config: editConfig,
-              queryId: item.id,
-              invalidateQueryKey: queryKey
-            }));
+          if (editConfig) {
+            if (editConfig.type == "customDialog") {
+              setDialog(editConfig.render({
+                show: true,
+                onClose: onCloseDialog
+              }));
+            } else {
+              setDialog(jsxRuntime.jsx(DialogRenderer, {
+                onClose: onCloseDialog,
+                config: editConfig,
+                queryId: item.id,
+                invalidateQueryKey: queryKey
+              }));
+            }
           }
           break;
         }
@@ -2511,7 +2514,27 @@ function useTableProps(api, table, rowActions) {
     } = table,
     props = __rest$1(table, ["onRowClick", "columns"]);
   const onRowClickHandler = React__default["default"].useCallback(item => {
-    if ((onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick.type) === "navigate") navigate(react.runIfFn(onRowClick.path, item));else if ((onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick.type) == "nextpush") nextRouter.push(react.runIfFn(onRowClick.path, item));else if ((onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick.type) == "link") openLink(`${process.env["NEXT_PUBLIC_WEBSITE_URL"]}/${react.runIfFn(onRowClick.path, item)}`);
+    var _a;
+    const config = react.runIfFn(onRowClick, item);
+    if (config) {
+      switch (config.type) {
+        case "navigate":
+          {
+            navigate((_a = react.runIfFn(config.path, item)) !== null && _a !== void 0 ? _a : "");
+            break;
+          }
+        case "nextpush":
+          {
+            nextRouter.push(react.runIfFn(config.path, item));
+            break;
+          }
+        case "link":
+          {
+            openLink(`${process.env["NEXT_PUBLIC_WEBSITE_URL"]}/${react.runIfFn(config.path, item)}`);
+            break;
+          }
+      }
+    }
   }, [navigate, onRowClick]);
   const columns = React__default["default"].useMemo(() => {
     const columns = table.columns.concat([]);
@@ -2529,7 +2552,7 @@ function useTableProps(api, table, rowActions) {
       }));
     }
     return columns;
-  }, [table]);
+  }, [table, onAction, rowActions, api]);
   const tableProps = Object.assign({}, props);
   tableProps.columns = columns;
   tableProps.onRowClick = onRowClickHandler;
@@ -2656,6 +2679,7 @@ function TableButtonBar({
     }), buttonBar && buttonBar.map((button, index) => jsxRuntime.jsxs(React__default["default"].Fragment, {
       children: [button.type === "create" && editView && jsxRuntime.jsx(TableCreateButton, {
         buildDialog: createDialogFn(button.data),
+        icon: button.icon,
         children: button.label
       }), button.type === "invalidate" && jsxRuntime.jsx(InvalidateButton, {
         pathOrPermalink: button.pathOrPermalink

package/index.esm.js

@@ -1433,12 +1433,13 @@ function TableContainer(_a) {
 
 function TableCreateButton(_a) {
   var {
+      icon,
       children
     } = _a,
-    props = __rest$1(_a, ["children"]);
+    props = __rest$1(_a, ["icon", "children"]);
   return jsxs(ButtonBarDialogButton$1, Object.assign({}, props, {
     children: [jsx(Icon, {
-      path: mdiPlusThick
+      path: icon !== null && icon !== void 0 ? icon : mdiPlusThick
     }), children]
   }));
 }
@@ -2281,18 +2282,20 @@ function TableViewProvider({
       case "edit":
         {
           const editConfig = runIfFn(editView, item);
-          if (editConfig.type == "customDialog") {
-            setDialog(editConfig.render({
-              show: true,
-              onClose: onCloseDialog
-            }));
-          } else {
-            setDialog(jsx(DialogRenderer, {
-              onClose: onCloseDialog,
-              config: editConfig,
-              queryId: item.id,
-              invalidateQueryKey: queryKey
-            }));
+          if (editConfig) {
+            if (editConfig.type == "customDialog") {
+              setDialog(editConfig.render({
+                show: true,
+                onClose: onCloseDialog
+              }));
+            } else {
+              setDialog(jsx(DialogRenderer, {
+                onClose: onCloseDialog,
+                config: editConfig,
+                queryId: item.id,
+                invalidateQueryKey: queryKey
+              }));
+            }
           }
           break;
         }
@@ -2502,7 +2505,27 @@ function useTableProps(api, table, rowActions) {
     } = table,
     props = __rest$1(table, ["onRowClick", "columns"]);
   const onRowClickHandler = React.useCallback(item => {
-    if ((onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick.type) === "navigate") navigate(runIfFn(onRowClick.path, item));else if ((onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick.type) == "nextpush") nextRouter.push(runIfFn(onRowClick.path, item));else if ((onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick.type) == "link") openLink(`${process.env["NEXT_PUBLIC_WEBSITE_URL"]}/${runIfFn(onRowClick.path, item)}`);
+    var _a;
+    const config = runIfFn(onRowClick, item);
+    if (config) {
+      switch (config.type) {
+        case "navigate":
+          {
+            navigate((_a = runIfFn(config.path, item)) !== null && _a !== void 0 ? _a : "");
+            break;
+          }
+        case "nextpush":
+          {
+            nextRouter.push(runIfFn(config.path, item));
+            break;
+          }
+        case "link":
+          {
+            openLink(`${process.env["NEXT_PUBLIC_WEBSITE_URL"]}/${runIfFn(config.path, item)}`);
+            break;
+          }
+      }
+    }
   }, [navigate, onRowClick]);
   const columns = React.useMemo(() => {
     const columns = table.columns.concat([]);
@@ -2520,7 +2543,7 @@ function useTableProps(api, table, rowActions) {
       }));
     }
     return columns;
-  }, [table]);
+  }, [table, onAction, rowActions, api]);
   const tableProps = Object.assign({}, props);
   tableProps.columns = columns;
   tableProps.onRowClick = onRowClickHandler;
@@ -2647,6 +2670,7 @@ function TableButtonBar({
     }), buttonBar && buttonBar.map((button, index) => jsxs(React.Fragment, {
       children: [button.type === "create" && editView && jsx(TableCreateButton, {
         buildDialog: createDialogFn(button.data),
+        icon: button.icon,
         children: button.label
       }), button.type === "invalidate" && jsx(InvalidateButton, {
         pathOrPermalink: button.pathOrPermalink

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@compill/admin",
-    "version": "1.0.54",
+    "version": "1.0.56",
     "module": "./index.esm.js",
     "main": "./index.cjs.js"
 }

package/src/lib/json/types/TableView.d.ts

@@ -67,6 +67,7 @@ type TableViewButtonConfig = {
     type: "create";
     data?: any;
     label?: string;
+    icon?: string;
 } | {
     type: "invalidate";
     pathOrPermalink: string;

package/src/lib/table/TableCreateButton.d.ts

@@ -1,3 +1,5 @@
 /// <reference types="react" />
 import { DialogButtonProps } from "../buttons/DialogButton";
-export declare function TableCreateButton({ children, ...props }: DialogButtonProps): JSX.Element;
+export declare function TableCreateButton({ icon, children, ...props }: {
+    icon?: string;
+} & DialogButtonProps): JSX.Element;