@sqrzro/admin 2.0.0 → 2.1.0-bz.1

package/dist/services/ConfigService.js

@@ -1,52 +1,14 @@
-import { AuthIdentifier } from '@sqrzro/hooks';
-export var AppLayout;
-(function (AppLayout) {
-    AppLayout["sidebar"] = "sidebar";
-    AppLayout["topbar"] = "topbar";
-})(AppLayout || (AppLayout = {}));
-let appConfig = {
-    auth: {
-        identifier: AuthIdentifier.username,
-        identifierLabel: 'Username',
-        loginUrl: 'tokens',
-        meUrl: 'me',
-        passwordUrl: 'tokens/password',
-        tfa: false,
+let cachedConfig = {
+    app: {
+        name: 'Square Zero',
+        url: 'http://localhost:8080',
     },
-    name: '',
-    navigation: [],
-    paths: { api: 'http://localhost:8081' },
-    style: { isDarkMode: false, layout: AppLayout.sidebar },
+    navigation: {},
 };
-function mergeAppContext(defaults, config) {
-    if (config) {
-        return { ...defaults, ...config };
-    }
-    return defaults;
+export function setConfig(config) {
+    cachedConfig = config;
+    return cachedConfig;
 }
-export function registerConfig(userConfig) {
-    const config = {
-        auth: mergeAppContext(appConfig.auth, userConfig.auth),
-        name: userConfig.name || 'Square Zero Admin',
-        navigation: userConfig.navigation || appConfig.navigation,
-        paths: userConfig.paths ? { ...appConfig.paths, ...userConfig.paths } : appConfig.paths,
-        style: userConfig.style ? { ...appConfig.style, ...userConfig.style } : appConfig.style,
-    };
-    if (userConfig.Logo) {
-        config.Logo = userConfig.Logo;
-    }
-    if (userConfig.me) {
-        config.me = { ...userConfig.me };
-    }
-    appConfig = config;
-    return appConfig;
+export function getConfig() {
+    return cachedConfig;
 }
-function get() {
-    return appConfig;
-}
-// eslint-disable-next-line @typescript-eslint/naming-convention
-const ConfigService = {
-    get,
-    registerConfig,
-};
-export default ConfigService;

package/dist/styles/config.d.ts

@@ -0,0 +1,3 @@
+import type { RegisteredClassNames } from '@sqrzro/components';
+declare const classNames: RegisteredClassNames;
+export default classNames;

package/dist/styles/config.js

@@ -0,0 +1,82 @@
+'use client';
+import clsx from 'clsx';
+const classNames = {
+    button: (props) => ({
+        root: {
+            danger: 'bg-red-500 border-red-500 text-white',
+            default: clsx('bg-white h-10 px-5 rounded-md text-md text-slate-600 border border-slate-300', props?.isFullWidth ? 'w-full' : null),
+            primary: 'bg-primary font-semibold text-white border-none shadow-[inset_rgba(255,255,255,0.1)_0_20px]',
+        },
+    }),
+    calendar: () => ({
+        root: 'text-sm text-slate-600 p-4 pb-3',
+        head: 'text-xs text-center pb-2 text-slate-400',
+        month: 'w-full table-fixed',
+        day: {
+            default: 'h-10 border border-gray-200',
+            highlighted: 'bg-red-300',
+            selected: 'bg-blue-400',
+        },
+    }),
+    calendarNavigation: () => ({
+        root: 'flex justify-between items-center mb-6',
+        title: 'font-semibold text-base',
+        control: 'h-6 w-6 bg-red-300',
+        previous: '-order-1',
+    }),
+    emptyMessage: () => ({
+        root: 'text-center text-slate-500 my-24',
+        title: 'text-2xl font-semibold mb-2',
+    }),
+    dropdown: () => ({
+        item: { default: 'text-gray-700 block px-3 py-2 text-sm', selected: 'bg-red-400' },
+    }),
+    fieldset: (props) => ({
+        root: clsx('bg-white p-8 shadow rounded-md', props?.isEditable ? 'grid grid-cols-[30%_1fr]' : ''),
+        title: 'mb-8 text-xl font-semibold leading-none text-gray-700',
+    }),
+    formField: (props) => ({
+        root: {
+            default: props?.isEditable
+                ? 'grid grid-cols-[25%_1fr] border-t border-slate-200 py-4'
+                : 'mb-6',
+        },
+        label: clsx('font-semibold', props?.isEditable ? 'flex items-center' : 'block mb-2'),
+        optional: 'pl-2 text-base text-grey-dark font-normal',
+        error: 'flex gap-2 items-center mt-2 text-red-700 before:h-4 before:w-4 before:bg-[url(/images/icons/error.svg)] before:rounded-full',
+    }),
+    inputPanel: () => ({
+        root: 'bg-white border border-slate-300 shadow-md',
+    }),
+    modal: () => ({
+        root: {
+            default: 'bg-white rounded-lg w-full max-w-2xl backdrop:bg-slate-800/60 backdrop:backdrop-blur-sm transition-opacity opacity-0 open:opacity-100 duration-200',
+        },
+        title: 'text-2xl font-semibold text-center p-4 border-b border-slate-200 text-slate-700',
+        content: 'p-4',
+        actions: 'flex justify-end p-4 border-t border-slate-200',
+    }),
+    staticTextInput: () => ({
+        root: { default: 'bg-white border border-gray-300 h-10 px-3 rounded-sm text-md' },
+    }),
+    switch: () => ({
+        root: {
+            default: 'cursor-pointer w-10 h-6 bg-slate-300 rounded-full p-1 transition-colors my-2',
+            checked: 'bg-green-500',
+        },
+        control: {
+            default: 'w-4 h-4 bg-white rounded-full shadow-md transform translate-x-0 transition-transform',
+            checked: 'translate-x-full',
+        },
+    }),
+    textButton: () => ({
+        root: { danger: 'text-red-600' },
+    }),
+    textInput: () => ({
+        root: {
+            default: 'border border-gray-300 h-10 px-3 rounded-sm text-md focus:border-primary',
+            error: 'border-red-700',
+        },
+    }),
+};
+export default classNames;