@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.3

package/dist/components/layout/AdminLayout.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { signOut } from "../../adapters/auth/index";
 import { useSession } from "../../hooks/useSession";
 import { useRouter } from "../../hooks/useRouter";
@@ -6,10 +6,9 @@ import { useEffect, useState } from "react";
 import { useDispatch } from 'react-redux';
 import { showToast } from '../../redux/features/toastSlice';
 import { Layout } from "./Layout";
-import { Dialog } from "primereact/dialog";
-import { Divider } from "primereact/divider";
 import SolidChangeForcePassword from "../auth/SolidChangeForcePassword";
 import { ERROR_MESSAGES } from "../../constants/error-messages";
+import { SolidDialog, SolidDivider } from "../shad-cn-ui";
 export var AdminLayout = function (_a) {
     var children = _a.children;
     // const theme = useSelector((state: any) => state.theme.mode);
@@ -18,14 +17,8 @@ export var AdminLayout = function (_a) {
     var _c = useState(false), isForcePasswordChange = _c[0], setIsForcePasswordChange = _c[1];
     useEffect(function () {
         var _a;
-        if (((_a = session === null || session === void 0 ? void 0 : session.user) === null || _a === void 0 ? void 0 : _a.forcePasswordChange) === true) {
-            setIsForcePasswordChange(true);
-        }
-        else {
-            setIsForcePasswordChange(false);
-        }
+        setIsForcePasswordChange(((_a = session === null || session === void 0 ? void 0 : session.user) === null || _a === void 0 ? void 0 : _a.forcePasswordChange) === true);
     }, [session]);
-    // const pathname = usePathname();
     var router = useRouter();
     useEffect(function () {
         if (status === "loading")
@@ -35,7 +28,6 @@ export var AdminLayout = function (_a) {
             signOut({ callbackUrl: "/auth/login" });
         }
     }, [session, status]);
-    return (_jsxs(Layout, { children: [children, isForcePasswordChange &&
-                _jsxs(Dialog, { header: "Change Default Password", className: "solid-change-dialog", visible: isForcePasswordChange, closable: false, draggable: false, style: { width: '25vw' }, onHide: function () { return setIsForcePasswordChange(false); }, children: [_jsx(Divider, { className: "mt-0" }), _jsx(SolidChangeForcePassword, {})] })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Layout, { children: children }), isForcePasswordChange && (_jsxs(SolidDialog, { header: "Change Default Password", className: "solid-change-dialog", visible: isForcePasswordChange, style: { width: "25vw" }, onHide: function () { return setIsForcePasswordChange(false); }, children: [_jsx(SolidDivider, { className: "mt-0" }), _jsx(SolidChangeForcePassword, {})] }))] }));
 };
 //# sourceMappingURL=AdminLayout.js.map

package/dist/components/layout/AdminLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdminLayout.js","sourceRoot":"","sources":["../../../src/components/layout/AdminLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,wBAAwB,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEhE,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAA2C;QAAzC,QAAQ,cAAA;IAClC,+DAA+D;IAC/D,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IACzB,IAAA,KAA4B,UAAU,EAAE,EAAhC,OAAO,UAAA,EAAE,MAAM,YAAiB,CAAC;IACzC,IAAA,KAAoD,QAAQ,CAAC,KAAK,CAAC,EAAlE,qBAAqB,QAAA,EAAE,wBAAwB,QAAmB,CAAA;IACzE,SAAS,CAAC;;QACN,IAAI,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,mBAAmB,MAAK,IAAI,EAAE;YAC7C,wBAAwB,CAAC,IAAI,CAAC,CAAA;SACjC;aAAM;YACH,wBAAwB,CAAC,KAAK,CAAC,CAAA;SAClC;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IACb,kCAAkC;IAClC,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,SAAS,CAAC;QACN,IAAI,MAAM,KAAK,SAAS;YAAE,OAAO;QACjC,IAAI,CAAC,OAAO,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,MAAK,yBAAyB,EAAE;YAC1D,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,CAAC,eAAe,EAAE,CAAC,CAAC,CAAA;YACpG,OAAO,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC,CAAC;SAC3C;IAEL,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAA;IAErB,OAAO,CACH,MAAC,MAAM,eAQF,QAAQ,EAIR,qBAAqB;gBAClB,MAAC,MAAM,IAAC,MAAM,EAAC,yBAAyB,EAAC,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,qBAAqB,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,cAAM,OAAA,wBAAwB,CAAC,KAAK,CAAC,EAA/B,CAA+B,aAC/M,KAAC,OAAO,IAAC,SAAS,EAAC,MAAM,GAAG,EAC5B,KAAC,wBAAwB,KAAG,IACvB,IAER,CACZ,CAAA;AACL,CAAC,CAAA","sourcesContent":["import { signOut } from \"../../adapters/auth/index\";\nimport { useSession } from \"../../hooks/useSession\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { useEffect, useState } from \"react\";\nimport { useDispatch } from 'react-redux';\nimport { showToast } from '../../redux/features/toastSlice';\nimport { Layout } from \"./Layout\";\nimport { Dialog } from \"primereact/dialog\";\nimport { Divider } from \"primereact/divider\";\nimport SolidChangeForcePassword from \"../auth/SolidChangeForcePassword\";\nimport { ERROR_MESSAGES } from \"../../constants/error-messages\";\n\nexport const AdminLayout = ({ children }: { children: React.ReactNode }) => {\n    // const theme = useSelector((state: any) => state.theme.mode);\n    const dispatch = useDispatch();\n    const { data: session, status } = useSession();\n    const [isForcePasswordChange, setIsForcePasswordChange] = useState(false)\n    useEffect(() => {\n        if (session?.user?.forcePasswordChange === true) {\n            setIsForcePasswordChange(true)\n        } else {\n            setIsForcePasswordChange(false)\n        }\n    }, [session])\n    // const pathname = usePathname();\n    const router = useRouter();\n    useEffect(() => {\n        if (status === \"loading\") return;\n        if (!session || session?.error === \"RefreshAccessTokenError\") {\n            dispatch(showToast({ severity: 'error', summary: 'Error', detail: ERROR_MESSAGES.SESSION_EXPIRED }))\n            signOut({ callbackUrl: \"/auth/login\" });\n        }\n\n    }, [session, status])\n\n    return (\n        <Layout>\n            {/* <div className={`${getEnv(\"NEXT_PUBLIC_ENABLE_CUSTOM_HEADER_FOOTER\") == \"true\" && 'header-margin-top'}`} style={{ minHeight: `${getEnv(\"NEXT_PUBLIC_ENABLE_CUSTOM_HEADER_FOOTER\") == \"true\" ? 'calc(100vh - 70px)' : 'calc(100vh)'}` }}> */}\n\n            {/* <div className=\"min-h-full max-h-full flex flex-column relative flex-auto overflow-x-auto\"> */}\n            {/* <DashboardHeader /> */}\n            {/* <SolidListingHeader></SolidListingHeader> */}\n            {/* {pathname.includes('all') && <ListingHeader />} */}\n            {/* <div className=\"flex flex-column flex-auto\" style={{ backgroundColor: '#f6f6f9', padding: '1.5rem 1.5rem 1.5rem', }}> */}\n            {children}\n            {/* </div> */}\n            {/* </div> */}\n            {/* </div> */}\n            {isForcePasswordChange &&\n                <Dialog header=\"Change Default Password\" className=\"solid-change-dialog\" visible={isForcePasswordChange} closable={false} draggable={false} style={{ width: '25vw' }} onHide={() => setIsForcePasswordChange(false)}>\n                    <Divider className=\"mt-0\" />\n                    <SolidChangeForcePassword />\n                </Dialog>\n            }\n        </Layout>\n    )\n}\n"]}
+{"version":3,"file":"AdminLayout.js","sourceRoot":"","sources":["../../../src/components/layout/AdminLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,wBAAwB,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE1D,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAA2C;QAAzC,QAAQ,cAAA;IAClC,+DAA+D;IAC/D,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IACzB,IAAA,KAA4B,UAAU,EAAE,EAAhC,OAAO,UAAA,EAAE,MAAM,YAAiB,CAAC;IACzC,IAAA,KAAoD,QAAQ,CAAC,KAAK,CAAC,EAAlE,qBAAqB,QAAA,EAAE,wBAAwB,QAAmB,CAAC;IAE1E,SAAS,CAAC;;QACN,wBAAwB,CAAC,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,mBAAmB,MAAK,IAAI,CAAC,CAAC;IAC1E,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,SAAS,CAAC;QACN,IAAI,MAAM,KAAK,SAAS;YAAE,OAAO;QACjC,IAAI,CAAC,OAAO,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,MAAK,yBAAyB,EAAE;YAC1D,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,CAAC,eAAe,EAAE,CAAC,CAAC,CAAA;YACpG,OAAO,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC,CAAC;SAC3C;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAEtB,OAAO,CACH,8BACI,KAAC,MAAM,cAAE,QAAQ,GAAU,EAC1B,qBAAqB,IAAI,CACtB,MAAC,WAAW,IACR,MAAM,EAAC,yBAAyB,EAChC,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAE,qBAAqB,EAC9B,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,MAAM,EAAE,cAAM,OAAA,wBAAwB,CAAC,KAAK,CAAC,EAA/B,CAA+B,aAE7C,KAAC,YAAY,IAAC,SAAS,EAAC,MAAM,GAAG,EACjC,KAAC,wBAAwB,KAAG,IAClB,CACjB,IACF,CACN,CAAC;AACN,CAAC,CAAA","sourcesContent":["import { signOut } from \"../../adapters/auth/index\";\nimport { useSession } from \"../../hooks/useSession\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { useEffect, useState } from \"react\";\nimport { useDispatch } from 'react-redux';\nimport { showToast } from '../../redux/features/toastSlice';\nimport { Layout } from \"./Layout\";\nimport SolidChangeForcePassword from \"../auth/SolidChangeForcePassword\";\nimport { ERROR_MESSAGES } from \"../../constants/error-messages\";\nimport { SolidDialog, SolidDivider } from \"../shad-cn-ui\";\n\nexport const AdminLayout = ({ children }: { children: React.ReactNode }) => {\n    // const theme = useSelector((state: any) => state.theme.mode);\n    const dispatch = useDispatch();\n    const { data: session, status } = useSession();\n    const [isForcePasswordChange, setIsForcePasswordChange] = useState(false);\n\n    useEffect(() => {\n        setIsForcePasswordChange(session?.user?.forcePasswordChange === true);\n    }, [session]);\n\n    const router = useRouter();\n    useEffect(() => {\n        if (status === \"loading\") return;\n        if (!session || session?.error === \"RefreshAccessTokenError\") {\n            dispatch(showToast({ severity: 'error', summary: 'Error', detail: ERROR_MESSAGES.SESSION_EXPIRED }))\n            signOut({ callbackUrl: \"/auth/login\" });\n        }\n    }, [session, status]);\n\n    return (\n        <>\n            <Layout>{children}</Layout>\n            {isForcePasswordChange && (\n                <SolidDialog\n                    header=\"Change Default Password\"\n                    className=\"solid-change-dialog\"\n                    visible={isForcePasswordChange}\n                    style={{ width: \"25vw\" }}\n                    onHide={() => setIsForcePasswordChange(false)}\n                >\n                    <SolidDivider className=\"mt-0\" />\n                    <SolidChangeForcePassword />\n                </SolidDialog>\n            )}\n        </>\n    );\n}\n"]}

package/dist/components/layout/AdminLayout.tsx

@@ -5,24 +5,20 @@ import { useEffect, useState } from "react";
 import { useDispatch } from 'react-redux';
 import { showToast } from '../../redux/features/toastSlice';
 import { Layout } from "./Layout";
-import { Dialog } from "primereact/dialog";
-import { Divider } from "primereact/divider";
 import SolidChangeForcePassword from "../auth/SolidChangeForcePassword";
 import { ERROR_MESSAGES } from "../../constants/error-messages";
+import { SolidDialog, SolidDivider } from "../shad-cn-ui";
 
 export const AdminLayout = ({ children }: { children: React.ReactNode }) => {
     // const theme = useSelector((state: any) => state.theme.mode);
     const dispatch = useDispatch();
     const { data: session, status } = useSession();
-    const [isForcePasswordChange, setIsForcePasswordChange] = useState(false)
+    const [isForcePasswordChange, setIsForcePasswordChange] = useState(false);
+
     useEffect(() => {
-        if (session?.user?.forcePasswordChange === true) {
-            setIsForcePasswordChange(true)
-        } else {
-            setIsForcePasswordChange(false)
-        }
-    }, [session])
-    // const pathname = usePathname();
+        setIsForcePasswordChange(session?.user?.forcePasswordChange === true);
+    }, [session]);
+
     const router = useRouter();
     useEffect(() => {
         if (status === "loading") return;
@@ -30,28 +26,23 @@ export const AdminLayout = ({ children }: { children: React.ReactNode }) => {
             dispatch(showToast({ severity: 'error', summary: 'Error', detail: ERROR_MESSAGES.SESSION_EXPIRED }))
             signOut({ callbackUrl: "/auth/login" });
         }
-
-    }, [session, status])
+    }, [session, status]);
 
     return (
-        <Layout>
-            {/* <div className={`${getEnv("NEXT_PUBLIC_ENABLE_CUSTOM_HEADER_FOOTER") == "true" && 'header-margin-top'}`} style={{ minHeight: `${getEnv("NEXT_PUBLIC_ENABLE_CUSTOM_HEADER_FOOTER") == "true" ? 'calc(100vh - 70px)' : 'calc(100vh)'}` }}> */}
-
-            {/* <div className="min-h-full max-h-full flex flex-column relative flex-auto overflow-x-auto"> */}
-            {/* <DashboardHeader /> */}
-            {/* <SolidListingHeader></SolidListingHeader> */}
-            {/* {pathname.includes('all') && <ListingHeader />} */}
-            {/* <div className="flex flex-column flex-auto" style={{ backgroundColor: '#f6f6f9', padding: '1.5rem 1.5rem 1.5rem', }}> */}
-            {children}
-            {/* </div> */}
-            {/* </div> */}
-            {/* </div> */}
-            {isForcePasswordChange &&
-                <Dialog header="Change Default Password" className="solid-change-dialog" visible={isForcePasswordChange} closable={false} draggable={false} style={{ width: '25vw' }} onHide={() => setIsForcePasswordChange(false)}>
-                    <Divider className="mt-0" />
+        <>
+            <Layout>{children}</Layout>
+            {isForcePasswordChange && (
+                <SolidDialog
+                    header="Change Default Password"
+                    className="solid-change-dialog"
+                    visible={isForcePasswordChange}
+                    style={{ width: "25vw" }}
+                    onHide={() => setIsForcePasswordChange(false)}
+                >
+                    <SolidDivider className="mt-0" />
                     <SolidChangeForcePassword />
-                </Dialog>
-            }
-        </Layout>
-    )
+                </SolidDialog>
+            )}
+        </>
+    );
 }

package/dist/components/layout/AppConfig.d.ts

@@ -1,4 +1,4 @@
-import { AppConfigProps } from '../../types';
-declare const AppConfig: (props: AppConfigProps) => import("react/jsx-runtime").JSX.Element;
+import { AppConfigProps } from "../../types";
+declare const AppConfig: (_props: AppConfigProps) => null;
 export default AppConfig;
 //# sourceMappingURL=AppConfig.d.ts.map

package/dist/components/layout/AppConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppConfig.d.ts","sourceRoot":"","sources":["../../../src/components/layout/AppConfig.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAA6B,MAAM,aAAa,CAAC;AASxE,QAAA,MAAM,SAAS,UAAW,cAAc,4CA0FvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"AppConfig.d.ts","sourceRoot":"","sources":["../../../src/components/layout/AppConfig.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAG7C,QAAA,MAAM,SAAS,WAAY,cAAc,SASxC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/layout/AppConfig.js

@@ -1,51 +1,13 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { PrimeReactContext } from 'primereact/api';
-import { useContext, useEffect, useState } from 'react';
-import { LayoutContext } from './context/layoutcontext';
-var AppConfig = function (props) {
-    var scales = useState([12, 13, 14, 15, 16])[0];
-    var _a = useContext(LayoutContext), layoutConfig = _a.layoutConfig, setLayoutConfig = _a.setLayoutConfig, layoutState = _a.layoutState, setLayoutState = _a.setLayoutState;
-    var changeTheme = useContext(PrimeReactContext).changeTheme;
-    var onConfigButtonClick = function () {
-        setLayoutState(function (prevState) { return (__assign(__assign({}, prevState), { configSidebarVisible: true })); });
-    };
-    var onConfigSidebarHide = function () {
-        setLayoutState(function (prevState) { return (__assign(__assign({}, prevState), { configSidebarVisible: false })); });
-    };
-    var changeInputStyle = function (e) {
-        setLayoutConfig(function (prevState) { return (__assign(__assign({}, prevState), { inputStyle: e.value })); });
-    };
-    var _changeTheme = function (theme, colorScheme) {
-        changeTheme === null || changeTheme === void 0 ? void 0 : changeTheme(layoutConfig.theme, theme, 'theme-css', function () {
-            setLayoutConfig(function (prevState) { return (__assign(__assign({}, prevState), { theme: theme, colorScheme: colorScheme })); });
-        });
-    };
-    var decrementScale = function () {
-        setLayoutConfig(function (prevState) { return (__assign(__assign({}, prevState), { scale: prevState.scale - 1 })); });
-    };
-    var incrementScale = function () {
-        setLayoutConfig(function (prevState) { return (__assign(__assign({}, prevState), { scale: prevState.scale + 1 })); });
-    };
-    var applyScale = function () {
-        // document.documentElement.style.fontSize = layoutConfig.scale + 'px';
-        document.documentElement.style.fontSize = 15 + 'px';
-    };
+import { useContext, useEffect } from "react";
+import { LayoutContext } from "./context/layoutcontext";
+var AppConfig = function (_props) {
+    var layoutConfig = useContext(LayoutContext).layoutConfig;
     useEffect(function () {
-        applyScale();
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [layoutConfig.scale]);
-    return (_jsx(_Fragment, {}));
+        var _a;
+        var scale = (_a = layoutConfig === null || layoutConfig === void 0 ? void 0 : layoutConfig.scale) !== null && _a !== void 0 ? _a : 15;
+        document.documentElement.style.fontSize = "".concat(scale, "px");
+    }, [layoutConfig === null || layoutConfig === void 0 ? void 0 : layoutConfig.scale]);
+    return null;
 };
 export default AppConfig;
 //# sourceMappingURL=AppConfig.js.map

package/dist/components/layout/AppConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppConfig.js","sourceRoot":"","sources":["../../../src/components/layout/AppConfig.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAKnD,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,IAAM,SAAS,GAAG,UAAC,KAAqB;IAC7B,IAAA,MAAM,GAAI,QAAQ,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,GAAlC,CAAmC;IAC1C,IAAA,KAAiE,UAAU,CAAC,aAAa,CAAC,EAAxF,YAAY,kBAAA,EAAE,eAAe,qBAAA,EAAE,WAAW,iBAAA,EAAE,cAAc,oBAA8B,CAAC;IACzF,IAAA,WAAW,GAAK,UAAU,CAAC,iBAAiB,CAAC,YAAlC,CAAmC;IAEtD,IAAM,mBAAmB,GAAG;QACxB,cAAc,CAAC,UAAC,SAAsB,IAAK,OAAA,uBAAM,SAAS,KAAE,oBAAoB,EAAE,IAAI,IAAG,EAA9C,CAA8C,CAAC,CAAC;IAC/F,CAAC,CAAC;IAEF,IAAM,mBAAmB,GAAG;QACxB,cAAc,CAAC,UAAC,SAAsB,IAAK,OAAA,uBAAM,SAAS,KAAE,oBAAoB,EAAE,KAAK,IAAG,EAA/C,CAA+C,CAAC,CAAC;IAChG,CAAC,CAAC;IAEF,IAAM,gBAAgB,GAAG,UAAC,CAAyB;QAC/C,eAAe,CAAC,UAAC,SAAuB,IAAK,OAAA,uBAAM,SAAS,KAAE,UAAU,EAAE,CAAC,CAAC,KAAK,IAAG,EAAvC,CAAuC,CAAC,CAAC;IAC1F,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAAa,EAAE,WAAmB;QACpD,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE;YAClD,eAAe,CAAC,UAAC,SAAuB,IAAK,OAAA,uBAAM,SAAS,KAAE,KAAK,OAAA,EAAE,WAAW,aAAA,IAAG,EAAtC,CAAsC,CAAC,CAAC;QACzF,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG;QACnB,eAAe,CAAC,UAAC,SAAuB,IAAK,OAAA,uBAAM,SAAS,KAAE,KAAK,EAAE,SAAS,CAAC,KAAK,GAAG,CAAC,IAAG,EAA9C,CAA8C,CAAC,CAAC;IACjG,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG;QACnB,eAAe,CAAC,UAAC,SAAuB,IAAK,OAAA,uBAAM,SAAS,KAAE,KAAK,EAAE,SAAS,CAAC,KAAK,GAAG,CAAC,IAAG,EAA9C,CAA8C,CAAC,CAAC;IACjG,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG;QACf,uEAAuE;QACvE,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,GAAG,IAAI,CAAC;IACxD,CAAC,CAAC;IAEF,SAAS,CAAC;QACN,UAAU,EAAE,CAAC;QACb,uDAAuD;IAC3D,CAAC,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAEzB,OAAO,CACH,mBA8CG,CACN,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["\n\nimport { AppConfigProps, LayoutConfig, LayoutState } from '../../types';\nimport { PrimeReactContext } from 'primereact/api';\nimport { Button } from 'primereact/button';\nimport { RadioButton, RadioButtonChangeEvent } from 'primereact/radiobutton';\nimport { Sidebar } from 'primereact/sidebar';\nimport { classNames } from 'primereact/utils';\nimport { useContext, useEffect, useState } from 'react';\nimport { LayoutContext } from './context/layoutcontext';\n\nconst AppConfig = (props: AppConfigProps) => {\n    const [scales] = useState([12, 13, 14, 15, 16]);\n    const { layoutConfig, setLayoutConfig, layoutState, setLayoutState } = useContext(LayoutContext);\n    const { changeTheme } = useContext(PrimeReactContext);\n\n    const onConfigButtonClick = () => {\n        setLayoutState((prevState: LayoutState) => ({ ...prevState, configSidebarVisible: true }));\n    };\n\n    const onConfigSidebarHide = () => {\n        setLayoutState((prevState: LayoutState) => ({ ...prevState, configSidebarVisible: false }));\n    };\n\n    const changeInputStyle = (e: RadioButtonChangeEvent) => {\n        setLayoutConfig((prevState: LayoutConfig) => ({ ...prevState, inputStyle: e.value }));\n    };\n\n    const _changeTheme = (theme: string, colorScheme: string) => {\n        changeTheme?.(layoutConfig.theme, theme, 'theme-css', () => {\n            setLayoutConfig((prevState: LayoutConfig) => ({ ...prevState, theme, colorScheme }));\n        });\n    };\n\n    const decrementScale = () => {\n        setLayoutConfig((prevState: LayoutConfig) => ({ ...prevState, scale: prevState.scale - 1 }));\n    };\n\n    const incrementScale = () => {\n        setLayoutConfig((prevState: LayoutConfig) => ({ ...prevState, scale: prevState.scale + 1 }));\n    };\n\n    const applyScale = () => {\n        // document.documentElement.style.fontSize = layoutConfig.scale + 'px';\n        document.documentElement.style.fontSize = 15 + 'px';\n    };\n\n    useEffect(() => {\n        applyScale();\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [layoutConfig.scale]);\n\n    return (\n        <>\n            {/* <button className=\"layout-config-button config-link\" type=\"button\" onClick={onConfigButtonClick}>\n                <i className=\"pi pi-cog\"></i>\n            </button>\n\n            <Sidebar visible={layoutState.configSidebarVisible} onHide={onConfigSidebarHide} position=\"right\" className=\"layout-config-sidebar w-20rem\">\n                {!props.simple && (\n                    <>\n                        <h5>Scale</h5>\n                        <div className=\"flex align-items-center\">\n                            <Button icon=\"pi pi-minus\" type=\"button\" onClick={decrementScale} rounded text className=\"w-2rem h-2rem mr-2\" disabled={layoutConfig.scale === scales[0]}></Button>\n                            <div className=\"flex gap-2 align-items-center\">\n                                {scales.map((item) => {\n                                    return <i className={classNames('pi pi-circle-fill', { 'text-primary-500': item === layoutConfig.scale, 'text-300': item !== layoutConfig.scale })} key={item}></i>;\n                                })}\n                            </div>\n                            <Button icon=\"pi pi-plus\" type=\"button\" onClick={incrementScale} rounded text className=\"w-2rem h-2rem ml-2\" disabled={layoutConfig.scale === scales[scales.length - 1]}></Button>\n                        </div>\n\n                        <h5>Input Style</h5>\n                        <div className=\"flex\">\n                            <div className=\"field-radiobutton flex-1\">\n                                <RadioButton name=\"inputStyle\" value={'outlined'} checked={layoutConfig.inputStyle === 'outlined'} onChange={(e) => changeInputStyle(e)} inputId=\"outlined_input\"></RadioButton>\n                                <label htmlFor=\"outlined_input\">Outlined</label>\n                            </div>\n                            <div className=\"field-radiobutton flex-1\">\n                                <RadioButton name=\"inputStyle\" value={'filled'} checked={layoutConfig.inputStyle === 'filled'} onChange={(e) => changeInputStyle(e)} inputId=\"filled_input\"></RadioButton>\n                                <label htmlFor=\"filled_input\">Filled</label>\n                            </div>\n                        </div>\n                    </>\n                )}\n                <h5>Appearance</h5>\n                <div className=\"grid\">\n                    <div className=\"col-3\">\n                        <button className=\"p-link w-2rem h-2rem\" onClick={() => _changeTheme('solid-light-purple', 'light')}>\n                            <img src=\"/images/layout/images/themes/lara-light-blue.png\" className=\"w-2rem h-2rem\" alt=\"Lara Light Blue\" />\n                        </button>\n                    </div>\n                    <div className=\"col-3\">\n                        <button className=\"p-link w-2rem h-2rem\" onClick={() => _changeTheme('solid-dark-purple', 'dark')}>\n                            <img src=\"/images/layout/images/themes/lara-dark-blue.png\" className=\"w-2rem h-2rem\" alt=\"Lara Dark Cyan\" />\n                        </button>\n                    </div>\n                </div>\n            </Sidebar> */}\n        </>\n    );\n};\n\nexport default AppConfig;"]}
+{"version":3,"file":"AppConfig.js","sourceRoot":"","sources":["../../../src/components/layout/AppConfig.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,IAAM,SAAS,GAAG,UAAC,MAAsB;IAC7B,IAAA,YAAY,GAAK,UAAU,CAAC,aAAa,CAAC,aAA9B,CAA+B;IAEnD,SAAS,CAAC;;QACN,IAAM,KAAK,GAAG,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,mCAAI,EAAE,CAAC;QACxC,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAG,KAAK,OAAI,CAAC;IAC3D,CAAC,EAAE,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAC,CAAC,CAAC;IAE1B,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import { useContext, useEffect } from \"react\";\nimport { AppConfigProps } from \"../../types\";\nimport { LayoutContext } from \"./context/layoutcontext\";\n\nconst AppConfig = (_props: AppConfigProps) => {\n    const { layoutConfig } = useContext(LayoutContext);\n\n    useEffect(() => {\n        const scale = layoutConfig?.scale ?? 15;\n        document.documentElement.style.fontSize = `${scale}px`;\n    }, [layoutConfig?.scale]);\n\n    return null;\n};\n\nexport default AppConfig;\n"]}

package/dist/components/layout/AppConfig.tsx

@@ -1,104 +1,16 @@
+import { useContext, useEffect } from "react";
+import { AppConfigProps } from "../../types";
+import { LayoutContext } from "./context/layoutcontext";
 
-
-import { AppConfigProps, LayoutConfig, LayoutState } from '../../types';
-import { PrimeReactContext } from 'primereact/api';
-import { Button } from 'primereact/button';
-import { RadioButton, RadioButtonChangeEvent } from 'primereact/radiobutton';
-import { Sidebar } from 'primereact/sidebar';
-import { classNames } from 'primereact/utils';
-import { useContext, useEffect, useState } from 'react';
-import { LayoutContext } from './context/layoutcontext';
-
-const AppConfig = (props: AppConfigProps) => {
-    const [scales] = useState([12, 13, 14, 15, 16]);
-    const { layoutConfig, setLayoutConfig, layoutState, setLayoutState } = useContext(LayoutContext);
-    const { changeTheme } = useContext(PrimeReactContext);
-
-    const onConfigButtonClick = () => {
-        setLayoutState((prevState: LayoutState) => ({ ...prevState, configSidebarVisible: true }));
-    };
-
-    const onConfigSidebarHide = () => {
-        setLayoutState((prevState: LayoutState) => ({ ...prevState, configSidebarVisible: false }));
-    };
-
-    const changeInputStyle = (e: RadioButtonChangeEvent) => {
-        setLayoutConfig((prevState: LayoutConfig) => ({ ...prevState, inputStyle: e.value }));
-    };
-
-    const _changeTheme = (theme: string, colorScheme: string) => {
-        changeTheme?.(layoutConfig.theme, theme, 'theme-css', () => {
-            setLayoutConfig((prevState: LayoutConfig) => ({ ...prevState, theme, colorScheme }));
-        });
-    };
-
-    const decrementScale = () => {
-        setLayoutConfig((prevState: LayoutConfig) => ({ ...prevState, scale: prevState.scale - 1 }));
-    };
-
-    const incrementScale = () => {
-        setLayoutConfig((prevState: LayoutConfig) => ({ ...prevState, scale: prevState.scale + 1 }));
-    };
-
-    const applyScale = () => {
-        // document.documentElement.style.fontSize = layoutConfig.scale + 'px';
-        document.documentElement.style.fontSize = 15 + 'px';
-    };
+const AppConfig = (_props: AppConfigProps) => {
+    const { layoutConfig } = useContext(LayoutContext);
 
     useEffect(() => {
-        applyScale();
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [layoutConfig.scale]);
-
-    return (
-        <>
-            {/* <button className="layout-config-button config-link" type="button" onClick={onConfigButtonClick}>
-                <i className="pi pi-cog"></i>
-            </button>
-
-            <Sidebar visible={layoutState.configSidebarVisible} onHide={onConfigSidebarHide} position="right" className="layout-config-sidebar w-20rem">
-                {!props.simple && (
-                    <>
-                        <h5>Scale</h5>
-                        <div className="flex align-items-center">
-                            <Button icon="pi pi-minus" type="button" onClick={decrementScale} rounded text className="w-2rem h-2rem mr-2" disabled={layoutConfig.scale === scales[0]}></Button>
-                            <div className="flex gap-2 align-items-center">
-                                {scales.map((item) => {
-                                    return <i className={classNames('pi pi-circle-fill', { 'text-primary-500': item === layoutConfig.scale, 'text-300': item !== layoutConfig.scale })} key={item}></i>;
-                                })}
-                            </div>
-                            <Button icon="pi pi-plus" type="button" onClick={incrementScale} rounded text className="w-2rem h-2rem ml-2" disabled={layoutConfig.scale === scales[scales.length - 1]}></Button>
-                        </div>
+        const scale = layoutConfig?.scale ?? 15;
+        document.documentElement.style.fontSize = `${scale}px`;
+    }, [layoutConfig?.scale]);
 
-                        <h5>Input Style</h5>
-                        <div className="flex">
-                            <div className="field-radiobutton flex-1">
-                                <RadioButton name="inputStyle" value={'outlined'} checked={layoutConfig.inputStyle === 'outlined'} onChange={(e) => changeInputStyle(e)} inputId="outlined_input"></RadioButton>
-                                <label htmlFor="outlined_input">Outlined</label>
-                            </div>
-                            <div className="field-radiobutton flex-1">
-                                <RadioButton name="inputStyle" value={'filled'} checked={layoutConfig.inputStyle === 'filled'} onChange={(e) => changeInputStyle(e)} inputId="filled_input"></RadioButton>
-                                <label htmlFor="filled_input">Filled</label>
-                            </div>
-                        </div>
-                    </>
-                )}
-                <h5>Appearance</h5>
-                <div className="grid">
-                    <div className="col-3">
-                        <button className="p-link w-2rem h-2rem" onClick={() => _changeTheme('solid-light-purple', 'light')}>
-                            <img src="/images/layout/images/themes/lara-light-blue.png" className="w-2rem h-2rem" alt="Lara Light Blue" />
-                        </button>
-                    </div>
-                    <div className="col-3">
-                        <button className="p-link w-2rem h-2rem" onClick={() => _changeTheme('solid-dark-purple', 'dark')}>
-                            <img src="/images/layout/images/themes/lara-dark-blue.png" className="w-2rem h-2rem" alt="Lara Dark Cyan" />
-                        </button>
-                    </div>
-                </div>
-            </Sidebar> */}
-        </>
-    );
+    return null;
 };
 
-export default AppConfig;
+export default AppConfig;

package/dist/components/layout/AppSidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/layout/AppSidebar.tsx"],"names":[],"mappings":"AAcA,QAAA,MAAM,UAAU,+CAqMf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"AppSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/layout/AppSidebar.tsx"],"names":[],"mappings":"AAoIA,QAAA,MAAM,UAAU,+CAoMf,CAAC;AAEF,eAAe,UAAU,CAAC"}