@digitaldefiance/express-suite-react-components 2.1.35 → 2.1.37

package/src/contexts/ThemeProvider.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeToggleButton = exports.AppThemeProvider = exports.useTheme = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_material_1 = require("@mui/icons-material");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const ThemeContext = (0, react_1.createContext)(undefined);
+const useTheme = () => {
+    const context = (0, react_1.useContext)(ThemeContext);
+    if (!context) {
+        throw new Error('useTheme must be used within an AppThemeProvider');
+    }
+    return context;
+};
+exports.useTheme = useTheme;
+const AppThemeProvider = ({ children, customTheme }) => {
+    const [mode, setMode] = (0, react_1.useState)('light');
+    const colorMode = (0, react_1.useMemo)(() => ({
+        toggleColorMode: () => {
+            setMode((prevMode) => (prevMode === 'light' ? 'dark' : 'light'));
+        },
+        mode,
+    }), [mode]);
+    const theme = (0, react_1.useMemo)(() => (customTheme ? customTheme(mode) : (0, material_1.createTheme)({ palette: { mode } })), [mode, customTheme]);
+    return ((0, jsx_runtime_1.jsx)(ThemeContext.Provider, { value: colorMode, children: (0, jsx_runtime_1.jsx)(material_1.ThemeProvider, { theme: theme, children: children }) }));
+};
+exports.AppThemeProvider = AppThemeProvider;
+const ThemeToggleButton = () => {
+    const { mode, toggleColorMode } = (0, exports.useTheme)();
+    return ((0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: toggleColorMode, color: "inherit", children: mode === 'dark' ? (0, jsx_runtime_1.jsx)(icons_material_1.Brightness7, {}) : (0, jsx_runtime_1.jsx)(icons_material_1.Brightness4, {}) }));
+};
+exports.ThemeToggleButton = ThemeToggleButton;

package/src/contexts/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./I18nProvider"), exports);
+tslib_1.__exportStar(require("./ThemeProvider"), exports);

package/src/enumerations/IncludeOnMenu.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IncludeOnMenu = void 0;
+var IncludeOnMenu;
+(function (IncludeOnMenu) {
+    IncludeOnMenu[IncludeOnMenu["SideMenu"] = 0] = "SideMenu";
+    IncludeOnMenu[IncludeOnMenu["TopMenu"] = 1] = "TopMenu";
+    IncludeOnMenu[IncludeOnMenu["UserMenu"] = 2] = "UserMenu";
+})(IncludeOnMenu || (exports.IncludeOnMenu = IncludeOnMenu = {}));

package/src/enumerations/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./IncludeOnMenu"), exports);

package/src/hooks/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useExpiringValue"), exports);
+tslib_1.__exportStar(require("./useLocalStorage"), exports);

package/src/hooks/useExpiringValue.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useExpiringValue = useExpiringValue;
+const react_1 = require("react");
+function useExpiringValue(defaultDurationSeconds, localStorageKey) {
+    const [value, _setValue] = (0, react_1.useState)(undefined);
+    const [timer, setTimer] = (0, react_1.useState)(undefined);
+    const [durationSeconds, _setDurationSeconds] = (0, react_1.useState)(() => {
+        if (localStorageKey) {
+            const stored = localStorage.getItem(localStorageKey);
+            return stored ? parseInt(stored, 10) : defaultDurationSeconds;
+        }
+        return defaultDurationSeconds;
+    });
+    const getRemainingTime = (0, react_1.useCallback)(() => {
+        if (!timer)
+            return 0;
+        const elapsed = Date.now() - timer.startTime;
+        const remaining = Math.max(0, timer.durationMs - elapsed);
+        return Math.ceil(remaining / 1000);
+    }, [timer]);
+    const setValue = (0, react_1.useCallback)((newValue, customDurationSeconds, saveToStorage) => {
+        const finalDurationSeconds = customDurationSeconds ?? durationSeconds;
+        if (saveToStorage && customDurationSeconds !== undefined && localStorageKey) {
+            _setDurationSeconds(customDurationSeconds);
+            localStorage.setItem(localStorageKey, customDurationSeconds.toString());
+        }
+        _setValue(newValue);
+        if (timer) {
+            clearTimeout(timer.timeout);
+        }
+        const startTime = Date.now();
+        const durationMs = finalDurationSeconds * 1000;
+        const timeout = setTimeout(() => {
+            _setValue(undefined);
+            setTimer(undefined);
+        }, durationMs);
+        setTimer({ timeout, startTime, durationMs });
+        return () => {
+            clearTimeout(timeout);
+            setTimer(undefined);
+        };
+    }, [durationSeconds, timer, localStorageKey]);
+    const clearValue = (0, react_1.useCallback)(() => {
+        if (timer) {
+            clearTimeout(timer.timeout);
+            setTimer(undefined);
+        }
+        _setValue(undefined);
+    }, [timer]);
+    const isActive = Boolean(timer && value !== undefined);
+    return { value, setValue, clearValue, getRemainingTime, isActive };
+}

package/src/hooks/useLocalStorage.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLocalStorage = useLocalStorage;
+const react_1 = require("react");
+const suite_core_lib_1 = require("@digitaldefiance/suite-core-lib");
+function useLocalStorage(key, defaultValue) {
+    const [storedValue, setStoredValue] = (0, react_1.useState)(() => {
+        return suite_core_lib_1.LocalStorageManager.getValue(key, defaultValue);
+    });
+    const setValue = (0, react_1.useCallback)((value) => {
+        setStoredValue(value);
+        suite_core_lib_1.LocalStorageManager.setValue(key, value);
+    }, [key]);
+    return [storedValue, setValue];
+}

package/src/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+// Export all components
+tslib_1.__exportStar(require("./auth"), exports);
+tslib_1.__exportStar(require("./components"), exports);
+tslib_1.__exportStar(require("./contexts"), exports);
+tslib_1.__exportStar(require("./enumerations"), exports);
+tslib_1.__exportStar(require("./hooks"), exports);
+tslib_1.__exportStar(require("./interfaces"), exports);
+tslib_1.__exportStar(require("./services"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/src/interfaces/AppConfig.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/src/interfaces/IMenuOption.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/src/interfaces/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./AppConfig"), exports);
+tslib_1.__exportStar(require("./IMenuOption"), exports);

package/src/services/api.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createApiClient = createApiClient;
+const tslib_1 = require("tslib");
+const axios_1 = tslib_1.__importDefault(require("axios"));
+function createApiClient(baseURL) {
+    const api = axios_1.default.create({ baseURL });
+    api.interceptors.request.use((config) => {
+        const languageCode = localStorage.getItem('languageCode') ?? 'en-US';
+        config.headers['Accept-Language'] = languageCode;
+        return config;
+    });
+    return api;
+}

package/src/services/authenticatedApi.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createAuthenticatedApiClient = createAuthenticatedApiClient;
+const tslib_1 = require("tslib");
+const axios_1 = tslib_1.__importDefault(require("axios"));
+function createAuthenticatedApiClient(baseURL, tokenKey = 'authToken') {
+    const api = axios_1.default.create({ baseURL });
+    api.interceptors.request.use((config) => {
+        const token = localStorage.getItem(tokenKey);
+        if (token) {
+            config.headers['Authorization'] = `Bearer ${token}`;
+        }
+        const languageCode = localStorage.getItem('languageCode') ?? 'en-US';
+        config.headers['Accept-Language'] = languageCode;
+        return config;
+    });
+    return api;
+}

package/src/services/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./api"), exports);
+tslib_1.__exportStar(require("./authenticatedApi"), exports);

package/src/types/expirationSeconds.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExpirationSecondsOptionValues = void 0;
+exports.createExpirationSecondsOptionNames = createExpirationSecondsOptionNames;
+exports.ExpirationSecondsOptionValues = [0, 10, 30, 45, 60, 120, 300, 600];
+function createExpirationSecondsOptionNames(secondsLabel, minuteLabel, minutesLabel) {
+    return [
+        `0 ${secondsLabel}`,
+        `10 ${secondsLabel}`,
+        `30 ${secondsLabel}`,
+        `45 ${secondsLabel}`,
+        `1 ${minuteLabel}`,
+        `2 ${minutesLabel}`,
+        `5 ${minutesLabel}`,
+        `10 ${minutesLabel}`,
+    ];
+}

package/src/types/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./expirationSeconds"), exports);
+tslib_1.__exportStar(require("./translation"), exports);

package/src/types/translation.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTranslatedText = getTranslatedText;
+/**
+ * Helper to get translated text or fallback to provided string
+ */
+function getTranslatedText(t, key, fallback, variables) {
+    return t ? t(key, variables) : fallback;
+}