@etsoo/materialui 1.4.75 → 1.4.77

package/lib/cjs/ButtonPopover.d.ts

@@ -1,3 +1,4 @@
+import { PopoverOrigin } from "@mui/material";
 import React from "react";
 /**
  * Button popover props
@@ -20,6 +21,10 @@ export type ButtonPopoverProps<T> = {
      * @returns Data promise
      */
     loadData?: () => Promise<T | undefined>;
+    /**
+     * Position
+     */
+    position?: PopoverOrigin["horizontal"];
 };
 /**
  * Button popover component

package/lib/cjs/ButtonPopover.js

@@ -14,7 +14,7 @@ const react_1 = __importDefault(require("react"));
  */
 function ButtonPopover(props) {
     // Destruct
-    const { button, children, loadData } = props;
+    const { button, children, loadData, position = "right" } = props;
     // States
     const [anchorEl, setAnchorEl] = react_1.default.useState(null);
     const [data, setData] = react_1.default.useState(null);
@@ -37,8 +37,9 @@ function ButtonPopover(props) {
     const handleClose = () => {
         setAnchorEl(null);
     };
+    const styles = position === "left" ? { left: 14 } : { right: 14 };
     // Layout
-    return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [button((handler) => setAnchorEl(handler)), (0, jsx_runtime_1.jsx)(material_1.Popover, { anchorEl: anchorEl, open: open, onClose: handleClose, onClick: handleClose, transformOrigin: { horizontal: "right", vertical: "top" }, anchorOrigin: { horizontal: "right", vertical: "bottom" }, slotProps: {
+    return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [button((handler) => setAnchorEl(handler)), (0, jsx_runtime_1.jsx)(material_1.Popover, { anchorEl: anchorEl, open: open, onClose: handleClose, onClick: handleClose, transformOrigin: { horizontal: position, vertical: "top" }, anchorOrigin: { horizontal: position, vertical: "bottom" }, slotProps: {
                     paper: {
                         elevation: 0,
                         sx: {
@@ -50,12 +51,12 @@ function ButtonPopover(props) {
                                 display: "block",
                                 position: "absolute",
                                 top: 0,
-                                right: 14,
                                 width: 10,
                                 height: 10,
                                 bgcolor: "background.paper",
                                 transform: "translateY(-50%) rotate(45deg)",
-                                zIndex: 0
+                                zIndex: 0,
+                                ...styles
                             }
                         }
                     }

package/lib/cjs/app/ReactApp.d.ts

@@ -134,7 +134,7 @@ export declare class ReactApp<S extends IAppSettings, D extends IUser> extends C
      */
     getDateFormatProps(): {
         culture: string;
-        timeZone: string | undefined;
+        timeZone: string;
     };
     /**
      * Get money format props

package/lib/cjs/app/ReactApp.js

@@ -220,7 +220,8 @@ class ReactApp extends appscript_1.CoreApp {
         }
         // Refresh token
         await this.refreshToken({
-            showLoading: data?.showLoading
+            showLoading: data?.showLoading,
+            timeZone: this.getTimeZone()
         }, (result) => {
             if (result === true) {
                 onSuccess?.();

package/lib/cjs/app/ServiceApp.js

@@ -202,7 +202,8 @@ class ServiceApp extends ReactApp_1.ReactApp {
         // Call the core system API refresh token
         const data = await this.apiRefreshTokenData(this.coreApi, {
             token: coreTokenDecrypted,
-            appId: this.settings.appId
+            appId: this.settings.appId,
+            timeZone: this.getTimeZone()
         });
         if (data == null)
             return;

package/lib/cjs/pages/ViewPage.js

@@ -118,8 +118,7 @@ function ViewPage(props) {
     // Load data
     const refresh = react_3.default.useCallback(async () => {
         const result = await loadData();
-        if (result == null)
-            return;
+        // When failed or no data returned, show the loading bar
         setData(result);
     }, [loadData]);
     react_3.default.useEffect(() => {

package/lib/mjs/ButtonPopover.d.ts

@@ -1,3 +1,4 @@
+import { PopoverOrigin } from "@mui/material";
 import React from "react";
 /**
  * Button popover props
@@ -20,6 +21,10 @@ export type ButtonPopoverProps<T> = {
      * @returns Data promise
      */
     loadData?: () => Promise<T | undefined>;
+    /**
+     * Position
+     */
+    position?: PopoverOrigin["horizontal"];
 };
 /**
  * Button popover component

package/lib/mjs/ButtonPopover.js

@@ -8,7 +8,7 @@ import React from "react";
  */
 export function ButtonPopover(props) {
     // Destruct
-    const { button, children, loadData } = props;
+    const { button, children, loadData, position = "right" } = props;
     // States
     const [anchorEl, setAnchorEl] = React.useState(null);
     const [data, setData] = React.useState(null);
@@ -31,8 +31,9 @@ export function ButtonPopover(props) {
     const handleClose = () => {
         setAnchorEl(null);
     };
+    const styles = position === "left" ? { left: 14 } : { right: 14 };
     // Layout
-    return (_jsxs(React.Fragment, { children: [button((handler) => setAnchorEl(handler)), _jsx(Popover, { anchorEl: anchorEl, open: open, onClose: handleClose, onClick: handleClose, transformOrigin: { horizontal: "right", vertical: "top" }, anchorOrigin: { horizontal: "right", vertical: "bottom" }, slotProps: {
+    return (_jsxs(React.Fragment, { children: [button((handler) => setAnchorEl(handler)), _jsx(Popover, { anchorEl: anchorEl, open: open, onClose: handleClose, onClick: handleClose, transformOrigin: { horizontal: position, vertical: "top" }, anchorOrigin: { horizontal: position, vertical: "bottom" }, slotProps: {
                     paper: {
                         elevation: 0,
                         sx: {
@@ -44,12 +45,12 @@ export function ButtonPopover(props) {
                                 display: "block",
                                 position: "absolute",
                                 top: 0,
-                                right: 14,
                                 width: 10,
                                 height: 10,
                                 bgcolor: "background.paper",
                                 transform: "translateY(-50%) rotate(45deg)",
-                                zIndex: 0
+                                zIndex: 0,
+                                ...styles
                             }
                         }
                     }

package/lib/mjs/app/ReactApp.d.ts

@@ -134,7 +134,7 @@ export declare class ReactApp<S extends IAppSettings, D extends IUser> extends C
      */
     getDateFormatProps(): {
         culture: string;
-        timeZone: string | undefined;
+        timeZone: string;
     };
     /**
      * Get money format props

package/lib/mjs/app/ReactApp.js

@@ -212,7 +212,8 @@ export class ReactApp extends CoreApp {
         }
         // Refresh token
         await this.refreshToken({
-            showLoading: data?.showLoading
+            showLoading: data?.showLoading,
+            timeZone: this.getTimeZone()
         }, (result) => {
             if (result === true) {
                 onSuccess?.();

package/lib/mjs/app/ServiceApp.js

@@ -199,7 +199,8 @@ export class ServiceApp extends ReactApp {
         // Call the core system API refresh token
         const data = await this.apiRefreshTokenData(this.coreApi, {
             token: coreTokenDecrypted,
-            appId: this.settings.appId
+            appId: this.settings.appId,
+            timeZone: this.getTimeZone()
         });
         if (data == null)
             return;

package/lib/mjs/pages/ViewPage.js

@@ -111,8 +111,7 @@ export function ViewPage(props) {
     // Load data
     const refresh = React.useCallback(async () => {
         const result = await loadData();
-        if (result == null)
-            return;
+        // When failed or no data returned, show the loading bar
         setData(result);
     }, [loadData]);
     React.useEffect(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.4.75",
+  "version": "1.4.77",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",
@@ -40,13 +40,13 @@
     "@dnd-kit/sortable": "^10.0.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
-    "@etsoo/appscript": "^1.5.90",
-    "@etsoo/notificationbase": "^1.1.56",
+    "@etsoo/appscript": "^1.5.97",
+    "@etsoo/notificationbase": "^1.1.58",
     "@etsoo/react": "^1.8.26",
-    "@etsoo/shared": "^1.2.58",
-    "@mui/icons-material": "^6.3.1",
-    "@mui/material": "^6.3.1",
-    "@mui/x-data-grid": "^7.23.6",
+    "@etsoo/shared": "^1.2.60",
+    "@mui/icons-material": "^6.4.2",
+    "@mui/material": "^6.4.2",
+    "@mui/x-data-grid": "^7.24.1",
     "chart.js": "^4.4.7",
     "chartjs-plugin-datalabels": "^2.2.0",
     "eventemitter3": "^5.0.1",
@@ -66,13 +66,13 @@
   },
   "devDependencies": {
     "@babel/cli": "^7.26.4",
-    "@babel/core": "^7.26.0",
+    "@babel/core": "^7.26.7",
     "@babel/plugin-transform-runtime": "^7.25.9",
-    "@babel/preset-env": "^7.26.0",
+    "@babel/preset-env": "^7.26.7",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
-    "@babel/runtime-corejs3": "^7.26.0",
-    "@testing-library/react": "^16.1.0",
+    "@babel/runtime-corejs3": "^7.26.7",
+    "@testing-library/react": "^16.2.0",
     "@types/pica": "^9.0.5",
     "@types/pulltorefreshjs": "^0.1.7",
     "@types/react": "^18.3.18",
@@ -83,6 +83,6 @@
     "@vitejs/plugin-react": "^4.3.4",
     "jsdom": "^26.0.0",
     "typescript": "^5.7.3",
-    "vitest": "^2.1.8"
+    "vitest": "^3.0.4"
   }
 }

package/src/ButtonPopover.tsx

@@ -1,4 +1,4 @@
-import { Popover } from "@mui/material";
+import { Popover, PopoverOrigin } from "@mui/material";
 import React from "react";
 
 /**
@@ -24,6 +24,11 @@ export type ButtonPopoverProps<T> = {
    * @returns Data promise
    */
   loadData?: () => Promise<T | undefined>;
+
+  /**
+   * Position
+   */
+  position?: PopoverOrigin["horizontal"];
 };
 
 /**
@@ -33,7 +38,7 @@ export type ButtonPopoverProps<T> = {
  */
 export function ButtonPopover<T>(props: ButtonPopoverProps<T>) {
   // Destruct
-  const { button, children, loadData } = props;
+  const { button, children, loadData, position = "right" } = props;
 
   // States
   const [anchorEl, setAnchorEl] = React.useState<HTMLElement | null>(null);
@@ -61,6 +66,8 @@ export function ButtonPopover<T>(props: ButtonPopoverProps<T>) {
     setAnchorEl(null);
   };
 
+  const styles = position === "left" ? { left: 14 } : { right: 14 };
+
   // Layout
   return (
     <React.Fragment>
@@ -70,8 +77,8 @@ export function ButtonPopover<T>(props: ButtonPopoverProps<T>) {
         open={open}
         onClose={handleClose}
         onClick={handleClose}
-        transformOrigin={{ horizontal: "right", vertical: "top" }}
-        anchorOrigin={{ horizontal: "right", vertical: "bottom" }}
+        transformOrigin={{ horizontal: position, vertical: "top" }}
+        anchorOrigin={{ horizontal: position, vertical: "bottom" }}
         slotProps={{
           paper: {
             elevation: 0,
@@ -84,12 +91,12 @@ export function ButtonPopover<T>(props: ButtonPopoverProps<T>) {
                 display: "block",
                 position: "absolute",
                 top: 0,
-                right: 14,
                 width: 10,
                 height: 10,
                 bgcolor: "background.paper",
                 transform: "translateY(-50%) rotate(45deg)",
-                zIndex: 0
+                zIndex: 0,
+                ...styles
               }
             }
           }

package/src/app/ReactApp.ts

@@ -372,7 +372,8 @@ export class ReactApp<S extends IAppSettings, D extends IUser>
     // Refresh token
     await this.refreshToken(
       {
-        showLoading: data?.showLoading
+        showLoading: data?.showLoading,
+        timeZone: this.getTimeZone()
       },
       (result) => {
         if (result === true) {

package/src/app/ServiceApp.ts

@@ -267,7 +267,8 @@ export class ServiceApp<
     // Call the core system API refresh token
     const data = await this.apiRefreshTokenData(this.coreApi, {
       token: coreTokenDecrypted,
-      appId: this.settings.appId
+      appId: this.settings.appId,
+      timeZone: this.getTimeZone()
     });
 
     if (data == null) return;

package/src/pages/ViewPage.tsx

@@ -289,7 +289,7 @@ export function ViewPage<T extends DataTypes.StringRecord>(
   // Load data
   const refresh = React.useCallback(async () => {
     const result = await loadData();
-    if (result == null) return;
+    // When failed or no data returned, show the loading bar
     setData(result);
   }, [loadData]);