@etsoo/materialui 1.5.10 → 1.5.12

package/lib/cjs/TabBox.d.ts

@@ -15,9 +15,9 @@ export interface TabBoxPanel extends Omit<TabProps, "value" | "children"> {
      */
     panelProps?: Omit<BoxProps, "hidden">;
     /**
-     * To URL
+     * Tab action
      */
-    to?: string;
+    action?: () => void;
 }
 /**
  * Tabs with box props

package/lib/cjs/TabBox.js

@@ -10,7 +10,6 @@ const Box_1 = __importDefault(require("@mui/material/Box"));
 const Tab_1 = __importDefault(require("@mui/material/Tab"));
 const Tabs_1 = __importDefault(require("@mui/material/Tabs"));
 const react_1 = __importDefault(require("react"));
-const react_router_1 = require("react-router");
 /**
  * Tabs with box
  * @param props Props
@@ -29,8 +28,13 @@ function TabBox(props) {
     }, [index]);
     // Layout
     return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [inputName && (0, jsx_runtime_1.jsx)("input", { type: "hidden", name: inputName, value: value }), (0, jsx_runtime_1.jsx)(Box_1.default, { ...root, children: (0, jsx_runtime_1.jsx)(Tabs_1.default, { value: value, onChange: (event, newValue) => {
-                        setValue(newValue);
-                        if (onChange)
-                            onChange(event, newValue);
-                    }, ...rest, children: tabs.map(({ children, panelProps, ...tabRest }, index) => ((0, jsx_runtime_1.jsx)(Tab_1.default, { value: index, LinkComponent: tabRest.to ? react_router_1.Link : undefined, ...tabRest }, index))) }) }), tabs.map(({ children, panelProps }, index) => ((0, jsx_runtime_1.jsx)(Box_1.default, { hidden: value !== index, ...tabProps, ...panelProps, children: shared_1.Utils.getResult(children, value === index) }, index)))] }));
+                        if (tabs[newValue].action) {
+                            tabs[newValue].action();
+                        }
+                        else {
+                            setValue(newValue);
+                            if (onChange)
+                                onChange(event, newValue);
+                        }
+                    }, ...rest, children: tabs.map(({ action, children, panelProps, ...tabRest }, index) => ((0, jsx_runtime_1.jsx)(Tab_1.default, { value: index, ...tabRest }, index))) }) }), tabs.map(({ action, children, panelProps }, index) => ((0, jsx_runtime_1.jsx)(Box_1.default, { hidden: value !== index, ...tabProps, ...panelProps, children: action ? ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, {})) : (shared_1.Utils.getResult(children, value === index)) }, index)))] }));
 }

package/lib/cjs/pages/ViewPage.d.ts

@@ -6,7 +6,7 @@ import { ViewContainerProps } from "../ViewContainer";
 /**
  * View page props
  */
-export interface ViewPageProps<T extends DataTypes.StringRecord> extends Omit<CommonPageProps, "children">, Omit<ViewContainerProps<T>, "data"> {
+export interface ViewPageProps<T extends DataTypes.StringRecord> extends Omit<CommonPageProps, "children">, Omit<ViewContainerProps<T>, "data" | "refresh"> {
     /**
      * Actions
      */

package/lib/mjs/TabBox.d.ts

@@ -15,9 +15,9 @@ export interface TabBoxPanel extends Omit<TabProps, "value" | "children"> {
      */
     panelProps?: Omit<BoxProps, "hidden">;
     /**
-     * To URL
+     * Tab action
      */
-    to?: string;
+    action?: () => void;
 }
 /**
  * Tabs with box props

package/lib/mjs/TabBox.js

@@ -4,7 +4,6 @@ import Box from "@mui/material/Box";
 import Tab from "@mui/material/Tab";
 import Tabs from "@mui/material/Tabs";
 import React from "react";
-import { Link } from "react-router";
 /**
  * Tabs with box
  * @param props Props
@@ -23,8 +22,13 @@ export function TabBox(props) {
     }, [index]);
     // Layout
     return (_jsxs(React.Fragment, { children: [inputName && _jsx("input", { type: "hidden", name: inputName, value: value }), _jsx(Box, { ...root, children: _jsx(Tabs, { value: value, onChange: (event, newValue) => {
-                        setValue(newValue);
-                        if (onChange)
-                            onChange(event, newValue);
-                    }, ...rest, children: tabs.map(({ children, panelProps, ...tabRest }, index) => (_jsx(Tab, { value: index, LinkComponent: tabRest.to ? Link : undefined, ...tabRest }, index))) }) }), tabs.map(({ children, panelProps }, index) => (_jsx(Box, { hidden: value !== index, ...tabProps, ...panelProps, children: Utils.getResult(children, value === index) }, index)))] }));
+                        if (tabs[newValue].action) {
+                            tabs[newValue].action();
+                        }
+                        else {
+                            setValue(newValue);
+                            if (onChange)
+                                onChange(event, newValue);
+                        }
+                    }, ...rest, children: tabs.map(({ action, children, panelProps, ...tabRest }, index) => (_jsx(Tab, { value: index, ...tabRest }, index))) }) }), tabs.map(({ action, children, panelProps }, index) => (_jsx(Box, { hidden: value !== index, ...tabProps, ...panelProps, children: action ? (_jsx(React.Fragment, {})) : (Utils.getResult(children, value === index)) }, index)))] }));
 }

package/lib/mjs/pages/ViewPage.d.ts

@@ -6,7 +6,7 @@ import { ViewContainerProps } from "../ViewContainer";
 /**
  * View page props
  */
-export interface ViewPageProps<T extends DataTypes.StringRecord> extends Omit<CommonPageProps, "children">, Omit<ViewContainerProps<T>, "data"> {
+export interface ViewPageProps<T extends DataTypes.StringRecord> extends Omit<CommonPageProps, "children">, Omit<ViewContainerProps<T>, "data" | "refresh"> {
     /**
      * Actions
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.5.10",
+  "version": "1.5.12",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",
@@ -46,7 +46,7 @@
     "@etsoo/shared": "^1.2.66",
     "@mui/icons-material": "^7.0.1",
     "@mui/material": "^7.0.1",
-    "@mui/x-data-grid": "^7.28.2",
+    "@mui/x-data-grid": "^7.28.3",
     "chart.js": "^4.4.8",
     "chartjs-plugin-datalabels": "^2.2.0",
     "eventemitter3": "^5.0.1",
@@ -72,12 +72,12 @@
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.27.0",
     "@babel/runtime-corejs3": "^7.27.0",
-    "@testing-library/react": "^16.2.0",
+    "@testing-library/react": "^16.3.0",
     "@types/pica": "^9.0.5",
     "@types/pulltorefreshjs": "^0.1.7",
     "@types/react": "^18.3.20",
     "@types/react-avatar-editor": "^13.0.4",
-    "@types/react-dom": "^18.3.5",
+    "@types/react-dom": "^18.3.6",
     "@types/react-input-mask": "^3.0.6",
     "@types/react-window": "^1.8.8",
     "@vitejs/plugin-react": "^4.3.4",

package/src/TabBox.tsx

@@ -3,7 +3,6 @@ import Box, { BoxProps } from "@mui/material/Box";
 import Tab, { TabProps } from "@mui/material/Tab";
 import Tabs, { TabsProps } from "@mui/material/Tabs";
 import React from "react";
-import { Link } from "react-router";
 
 /**
  * Tab with box panel props
@@ -20,9 +19,9 @@ export interface TabBoxPanel extends Omit<TabProps, "value" | "children"> {
   panelProps?: Omit<BoxProps, "hidden">;
 
   /**
-   * To URL
+   * Tab action
    */
-  to?: string;
+  action?: () => void;
 }
 
 /**
@@ -99,24 +98,27 @@ export function TabBox(props: TabBoxPros) {
         <Tabs
           value={value}
           onChange={(event, newValue) => {
-            setValue(newValue);
-            if (onChange) onChange(event, newValue);
+            if (tabs[newValue].action) {
+              tabs[newValue].action();
+            } else {
+              setValue(newValue);
+              if (onChange) onChange(event, newValue);
+            }
           }}
           {...rest}
         >
-          {tabs.map(({ children, panelProps, ...tabRest }, index) => (
-            <Tab
-              key={index}
-              value={index}
-              LinkComponent={tabRest.to ? Link : undefined}
-              {...tabRest}
-            />
+          {tabs.map(({ action, children, panelProps, ...tabRest }, index) => (
+            <Tab key={index} value={index} {...tabRest} />
           ))}
         </Tabs>
       </Box>
-      {tabs.map(({ children, panelProps }, index) => (
+      {tabs.map(({ action, children, panelProps }, index) => (
         <Box key={index} hidden={value !== index} {...tabProps} {...panelProps}>
-          {Utils.getResult(children, value === index)}
+          {action ? (
+            <React.Fragment />
+          ) : (
+            Utils.getResult(children, value === index)
+          )}
         </Box>
       ))}
     </React.Fragment>

package/src/pages/ViewPage.tsx

@@ -18,7 +18,7 @@ import Stack from "@mui/material/Stack";
  */
 export interface ViewPageProps<T extends DataTypes.StringRecord>
   extends Omit<CommonPageProps, "children">,
-    Omit<ViewContainerProps<T>, "data"> {
+    Omit<ViewContainerProps<T>, "data" | "refresh"> {
   /**
    * Actions
    */