@dartcom/ui-kit 10.3.8 → 10.3.11

package/README.md

@@ -30,8 +30,6 @@ npm run build
 // Проверьте содержимое пакета
 npm pack
 
-git push origin v3.8.16
-
 Основные ссылки
 
 ```javascript

package/dist/components/card/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CA4BxD,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAmCxD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/list/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/list/list.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,iBAAS,UAAU,CAAC,CAAC,EAAE,EACrB,KAAK,EACL,YAAgB,EAChB,UAAU,EACV,KAAK,EACL,MAAM,EACN,OAAO,EACP,OAAO,EACP,EAAE,EAEF,YAAmB,GACpB,EAAE,SAAS,CAAC,CAAC,CAAC,2CA+Fd;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/list/list.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,iBAAS,UAAU,CAAC,CAAC,EAAE,EACrB,KAAK,EACL,YAAgB,EAChB,UAAU,EACV,KAAK,EACL,MAAM,EACN,OAAO,EACP,OAAO,EACP,EAAE,EAEF,YAAmB,GACpB,EAAE,SAAS,CAAC,CAAC,CAAC,2CA0Gd;AAED,eAAe,UAAU,CAAC"}

package/dist/components/list/list.stories.d.ts

@@ -9,4 +9,5 @@ export declare const EmptyAndTitle: Story;
 export declare const EmptyNoShow: Story;
 export declare const WithTitle: Story;
 export declare const WithClear: Story;
+export declare const EmptyWithClear: Story;
 //# sourceMappingURL=list.stories.d.ts.map

package/dist/components/list/list.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.stories.d.ts","sourceRoot":"","sources":["../../../src/components/list/list.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAQ3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAWnB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAY3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAC"}
+{"version":3,"file":"list.stories.d.ts","sourceRoot":"","sources":["../../../src/components/list/list.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAQ3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAWnB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAY3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAwBvB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAwB5B,CAAC"}

package/dist/index.cjs

@@ -16541,27 +16541,6 @@ const getImageSrc = (path) => {
     const imageSrc = `${"https://dalganmap.ru/api-image/images"}/${path}`;
     return imageSrc;
 };
-const loadState = (name) => {
-    try {
-        const serializedState = localStorage.getItem(name);
-        return serializedState ? JSON.parse(serializedState) : null;
-    }
-    catch {
-        return null;
-    }
-};
-const saveState = (name, state) => {
-    try {
-        const serializedState = JSON.stringify(state);
-        localStorage.setItem(name, serializedState);
-    }
-    catch {
-        return;
-    }
-};
-const removeState = (name) => {
-    localStorage.removeItem(name);
-};
 
 var niceErrors = {
   0: "Invalid value for configuration 'enforceActions', expected 'never', 'always' or 'observed'",
@@ -22087,13 +22066,62 @@ class AlertStore {
 }
 const alertStore = new AlertStore();
 
+class LocalStateService {
+    constructor() { }
+    load(name) {
+        try {
+            const serializedState = localStorage.getItem(name);
+            if (serializedState) {
+                const item = JSON.parse(serializedState);
+                return item;
+            }
+            return null;
+        }
+        catch {
+            return null;
+        }
+    }
+    save(name, value) {
+        try {
+            const serializedState = JSON.stringify(value);
+            localStorage.setItem(name, serializedState);
+            return true;
+        }
+        catch {
+            return false;
+        }
+    }
+    remove(name) {
+        localStorage.removeItem(name);
+    }
+    clear() {
+        localStorage.clear();
+    }
+}
+const localStateService = new LocalStateService();
+
+/* eslint-disable no-console */
+class LoggerService {
+    constructor() { }
+    log({ message, context, meta, }) {
+        console.log(context, message, meta);
+    }
+    warn({ message, context, meta, }) {
+        console.warn(context, message, meta);
+    }
+    error({ message, context, meta, }) {
+        console.error(context, message, meta);
+    }
+}
+const loggerService = new LoggerService();
+
 class AuthStore {
     constructor() {
         makeAutoObservable(this);
         reaction(() => this.isUnauthorized, (value) => {
             if (value) {
-                removeState('access_token');
-                removeState('token_type');
+                localStateService.remove('access_token');
+                localStateService.remove('token_type');
             }
         });
     }
@@ -22162,8 +22190,8 @@ class ApiService {
         this.client.interceptors.request.use((config) => {
             rootStore.authStore.isUnauthorized = false;
             const headers = this.config?.getHeaders?.();
-            const access_token = loadState('access_token');
-            const token_type = loadState('token_type');
+            const access_token = localStateService.load('access_token');
+            const token_type = localStateService.load('token_type');
             if (access_token && token_type) {
                 config.headers['Authorization'] = `${token_type} ${access_token}`;
             }
@@ -25154,8 +25182,8 @@ const useSignIn = () => {
             return response;
         },
         onSuccess: ({ access_token, token_type }) => {
-            saveState('access_token', access_token);
-            saveState('token_type', token_type);
+            localStateService.save('access_token', access_token);
+            localStateService.save('token_type', token_type);
         },
     });
     return mutation;
@@ -29650,13 +29678,19 @@ var alertDialog = observer(AlertDialog);
 
 const CustomCard = ({ children, sx, ...props }) => {
     return (jsxRuntime.jsx(material.Box, { ...props, sx: (theme) => {
-            const { spacing, shadows } = theme;
+            const { spacing } = theme;
             return {
                 p: spacing(2),
                 borderRadius: '12px',
-                boxShadow: shadows,
-                maxHeight: '85vh',
-                maxWidth: '85vw',
+                boxShadow: `
+            0 1px 2px rgba(0, 0, 0, 0.08),
+            0 2px 4px rgba(0, 0, 0, 0.08),
+            0 4px 8px rgba(0, 0, 0, 0.08),
+            0 8px 16px rgba(0, 0, 0, 0.08),
+            0 16px 32px rgba(0, 0, 0, 0.08)
+          `,
+                maxHeight: '80vh',
+                maxWidth: '80vw',
                 overflowX: 'auto',
                 ...sx?.(theme),
             };
@@ -32277,7 +32311,14 @@ const NoData = ({ text = 'Нет данных' }) => {
 };
 
 function CustomList({ items, columnsCount = 1, getContent, title, getKey, onClick, onClear, sx, isShowNoData = true, }) {
-    const isNoData = items.length === 0;
+    const isData = React__namespace.useMemo(() => {
+        const isData = items.length > 0;
+        return isData;
+    }, [items.length]);
+    const isShowClear = React__namespace.useMemo(() => {
+        const isShowClear = Boolean(onClear) && isData;
+        return isShowClear;
+    }, [onClear, isData]);
     return (jsxRuntime.jsxs(material.Box, { sx: ({ spacing, breakpoints }) => {
             return {
                 display: 'grid',
@@ -32292,16 +32333,17 @@ function CustomList({ items, columnsCount = 1, getContent, title, getKey, onClic
                     return {
                         display: 'flex',
                         alignItems: 'center',
+                        justifyContent: 'center',
                         gap: spacing(1),
                     };
                 }, children: [title ? (jsxRuntime.jsx(material.Typography, { variant: "h6", noWrap: true, sx: {
                             textAlign: 'center',
                             fontWeight: 700,
                             ...sx?.title,
-                        }, children: title })) : null, onClear ? (jsxRuntime.jsx(IconButton, { iconProps: {
+                        }, children: title })) : null, isShowClear ? (jsxRuntime.jsx(IconButton, { iconProps: {
                             name: 'clear',
                             color: 'warning',
-                        }, onClick: onClear })) : null] })) : null, isNoData ? (jsxRuntime.jsx(React__namespace.Fragment, { children: isShowNoData ? jsxRuntime.jsx(NoData, {}) : null })) : (jsxRuntime.jsx(material.List, { sx: ({ spacing, breakpoints }) => {
+                        }, onClick: onClear })) : null] })) : null, isData ? (jsxRuntime.jsx(material.List, { sx: ({ spacing, breakpoints }) => {
                     return {
                         display: 'grid',
                         gridTemplateColumns: `repeat(${columnsCount}, 1fr)`,
@@ -32315,7 +32357,7 @@ function CustomList({ items, columnsCount = 1, getContent, title, getKey, onClic
                         return {
                             ...sx?.item,
                         };
-                    }, disablePadding: true, children: getContent(item, index) }, getKey(item, index)))) }))] }));
+                    }, disablePadding: true, children: getContent(item, index) }, getKey(item, index)))) })) : (jsxRuntime.jsx(React__namespace.Fragment, { children: isShowNoData ? jsxRuntime.jsx(NoData, {}) : null }))] }));
 }
 
 function useCombinedRefs() {
@@ -46721,21 +46763,6 @@ const AuthPage = ({ onSuccess, onError }) => {
             }, children: [jsxRuntime.jsx(material.Typography, { variant: "h4", children: "\u0410\u0432\u0442\u043E\u0440\u0438\u0437\u0430\u0446\u0438\u044F" }), jsxRuntime.jsx(CustomInput, { ...register('username'), label: "\u041B\u043E\u0433\u0438\u043D", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043B\u043E\u0433\u0438\u043D" }), jsxRuntime.jsx(CustomInput, { ...register('password'), label: "\u041F\u0430\u0440\u043E\u043B\u044C", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043F\u0430\u0440\u043E\u043B\u044C", type: "password" }), jsxRuntime.jsx(Button, { type: "submit", disabled: !isValid, children: "\u0412\u043E\u0439\u0442\u0438" })] }) }));
 };
 
-/* eslint-disable no-console */
-class LoggerService {
-    constructor() { }
-    log({ message, context, meta, }) {
-        console.log(context, message, meta);
-    }
-    warn({ message, context, meta, }) {
-        console.warn(context, message, meta);
-    }
-    error({ message, context, meta, }) {
-        console.error(context, message, meta);
-    }
-}
-const loggerService = new LoggerService();
-
 // define() gets called for each chunk generated by the first Rollup pass.
             // The order the chunks are called in is controlled by the imports in bundle.js:
             //
@@ -47909,7 +47936,7 @@ exports.getUrlencodedBody = getUrlencodedBody;
 exports.getValidLayer = getValidLayer;
 exports.getWaterAreaLayers = getWaterAreaLayers;
 exports.getWaterLinkLayers = getWaterLinkLayers;
-exports.loadState = loadState;
+exports.localStateService = localStateService;
 exports.loggerService = loggerService;
 exports.modalStore = modalStore;
 exports.modalStyle = modalStyle;
@@ -47918,9 +47945,7 @@ exports.numberSchema = numberSchema;
 exports.parseTrafficSignCSVFile = parseTrafficSignCSVFile;
 exports.pillarConfig = pillarConfig;
 exports.queryClient = queryClient;
-exports.removeState = removeState;
 exports.rootStore = rootStore;
-exports.saveState = saveState;
 exports.showSnackbar = showSnackbar;
 exports.sourceUrl = sourceUrl;
 exports.text_source = text_source;