@dartcom/ui-kit 10.2.35 → 10.3.0

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { CustomCardProps } from './types';
-declare const CustomCard: React.FC<React.PropsWithChildren<CustomCardProps>>;
+import { Props } from './types';
+declare const CustomCard: React.FC<React.PropsWithChildren<Props>>;
 export default CustomCard;
 //# sourceMappingURL=card.d.ts.map

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,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,CA6BlE,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,CA4BxD,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -1,5 +1,5 @@
 import { SxFunction } from '../../lib/types';
-export type CustomCardProps = {
+export type Props = {
     sx?: SxFunction;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/card/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,CAAC,EAAE,UAAU,CAAC;CACjB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/card/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,MAAM,MAAM,KAAK,GAAG;IAClB,EAAE,CAAC,EAAE,UAAU,CAAC;CACjB,CAAC"}

package/dist/constants/schema.d.ts

@@ -1,6 +1,6 @@
 import * as yup from 'yup';
-export declare const getStringSchema: <T extends string>() => yup.StringSchema<T | undefined, yup.AnyObject, undefined, "">;
-export declare const getStringRequiredSchema: <T extends string>(message?: string) => yup.StringSchema<T, yup.AnyObject, undefined, "">;
+export declare const getStringSchema: <T extends string = string>() => yup.StringSchema<T | undefined, yup.AnyObject, undefined, "">;
+export declare const getStringRequiredSchema: <T extends string = string>(message?: string) => yup.StringSchema<T, yup.AnyObject, undefined, "">;
 export declare const numberSchema: yup.NumberSchema<number | undefined, yup.AnyObject, undefined, "">;
 export declare const numberRequiredSchema: yup.NumberSchema<number, yup.AnyObject, undefined, "">;
 export declare const arraySchema: yup.ArraySchema<any[] | undefined, yup.AnyObject, undefined, "">;

package/dist/constants/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../src/constants/schema.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAI3B,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,MAAM,oEAAsB,CAAC;AACvE,eAAO,MAAM,uBAAuB,GAAI,CAAC,SAAS,MAAM,EACtD,gBAAyB,sDACgB,CAAC;AAE5C,eAAO,MAAM,YAAY,oEAAe,CAAC;AACzC,eAAO,MAAM,oBAAoB,wDAAyC,CAAC;AAE3E,eAAO,MAAM,WAAW,kEAAc,CAAC;AAEvC,eAAO,MAAM,UAAU,gEAAa,CAAC;AACrC,eAAO,MAAM,kBAAkB,oDAAuC,CAAC"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../src/constants/schema.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAI3B,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,oEAAsB,CAAC;AAChF,eAAO,MAAM,uBAAuB,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,EAC/D,gBAAyB,sDACgB,CAAC;AAE5C,eAAO,MAAM,YAAY,oEAAe,CAAC;AACzC,eAAO,MAAM,oBAAoB,wDAAyC,CAAC;AAE3E,eAAO,MAAM,WAAW,kEAAc,CAAC;AAEvC,eAAO,MAAM,UAAU,gEAAa,CAAC;AACrC,eAAO,MAAM,kBAAkB,oDAAuC,CAAC"}

package/dist/index.cjs

@@ -16531,7 +16531,7 @@ const getEntityNames = ({ entity, names, }) => {
     return layerNames;
 };
 const getImageSrc = (path) => {
-    const imageSrc = `${"https://dalganmap.ru/api-image/images"}/${path}`;
+    const imageSrc = `${"$VITE_API_HOST/api-image/images"}/${path}`;
     return imageSrc;
 };
 
@@ -24978,6 +24978,69 @@ const useGetUser = () => {
     });
 };
 
+const useShowSnackbar = () => {
+    const { enqueueSnackbar } = useSnackbar();
+    const showSnackbar = ({ variant, message, }) => {
+        enqueueSnackbar({
+            variant,
+            message,
+            anchorOrigin: {
+                vertical: 'top',
+                horizontal: 'right',
+            },
+            autoHideDuration: 3000,
+            hideIconVariant: true,
+        });
+    };
+    return showSnackbar;
+};
+
+const useShowErrorSnackbar = () => {
+    const showSnackbar = useShowSnackbar();
+    const showErrorSnackbar = (error) => {
+        const { response } = error;
+        if (response) {
+            const { data } = response;
+            if (data) {
+                const { detail } = data;
+                if (detail) {
+                    detail.forEach((message) => {
+                        showSnackbar({
+                            variant: 'error',
+                            message,
+                        });
+                    });
+                }
+            }
+        }
+    };
+    return showErrorSnackbar;
+};
+
+const useSignIn = () => {
+    const mutation = useMutation({
+        mutationKey: ['sign-in-mutation'],
+        mutationFn: async ({ body: { username, password } }) => {
+            const body = getUrlencodedBody({
+                username,
+                password: encodeString(password),
+            });
+            const response = await GlobalConfig.instance.apiService.post({
+                url: 'token',
+                body,
+                config: {
+                    withCredentials: true,
+                    headers: {
+                        'Content-Type': 'application/x-www-form-urlencoded',
+                    },
+                },
+            });
+            return response;
+        },
+    });
+    return mutation;
+};
+
 if (!React.useState) {
     throw new Error("mobx-react-lite requires React with Hooks support");
 }
@@ -26670,46 +26733,7 @@ const DartcomProviders = ({ children, configOptions, themeOptions }) => {
     return (jsxRuntime.jsx(SnackbarProvider, { children: jsxRuntime.jsx(QueryProvider, { children: jsxRuntime.jsx(DartcomMobxProvider, { children: jsxRuntime.jsx(DartcomThemeProvider, { themeOptions: themeOptions, children: jsxRuntime.jsx(Provider, { children: jsxRuntime.jsx(MapProvider, { children: jsxRuntime.jsx(DartcomInitializeProvider, { configOptions: configOptions, children: children }) }) }) }) }) }) }));
 };
 
-const useShowSnackbar = () => {
-    const { enqueueSnackbar } = useSnackbar();
-    const showSnackbar = ({ variant, message, }) => {
-        enqueueSnackbar({
-            variant,
-            message,
-            anchorOrigin: {
-                vertical: 'top',
-                horizontal: 'right',
-            },
-            autoHideDuration: 3000,
-            hideIconVariant: true,
-        });
-    };
-    return showSnackbar;
-};
-
-const useShowErrorSnackbar = () => {
-    const showSnackbar = useShowSnackbar();
-    const showErrorSnackbar = (error) => {
-        const { response } = error;
-        if (response) {
-            const { data } = response;
-            if (data) {
-                const { detail } = data;
-                if (detail) {
-                    detail.forEach((message) => {
-                        showSnackbar({
-                            variant: 'error',
-                            message,
-                        });
-                    });
-                }
-            }
-        }
-    };
-    return showErrorSnackbar;
-};
-
-const useLogout = () => {
+const useSignOut = () => {
     const showErrorSnackbar = useShowErrorSnackbar();
     return useMutation({
         mutationKey: ['logout-mutation'],
@@ -26728,28 +26752,6 @@ const useLogout = () => {
     });
 };
 
-const useSignIn = () => {
-    return useMutation({
-        mutationKey: ['sign-in-mutation'],
-        mutationFn: async ({ body: { username, password } }) => {
-            const body = getUrlencodedBody({
-                username,
-                password: encodeString(password),
-            });
-            const response = await GlobalConfig.instance.apiService.post({
-                url: 'token',
-                body,
-                config: {
-                    headers: {
-                        'Content-Type': 'application/x-www-form-urlencoded',
-                    },
-                },
-            });
-            return response;
-        },
-    });
-};
-
 exports.API_METHODS = void 0;
 (function (API_METHODS) {
     API_METHODS["GET"] = "GET";
@@ -29522,12 +29524,11 @@ var alertDialog = observer(AlertDialog);
 
 const CustomCard = ({ children, sx, ...props }) => {
     return (jsxRuntime.jsx(material.Box, { ...props, sx: (theme) => {
-            const { spacing } = theme;
+            const { spacing, shadows } = theme;
             return {
-                px: spacing(2),
-                py: spacing(2),
-                borderRadius: '10px',
-                boxShadow: '0px 8px 24px 0px rgba(0,0,0,0.3)',
+                p: spacing(2),
+                borderRadius: '12px',
+                boxShadow: shadows,
                 maxHeight: '85vh',
                 maxWidth: '85vw',
                 overflowX: 'auto',
@@ -39317,9 +39318,9 @@ const loggerService = new LoggerService();
 
 const tile_size = 256;
 const sourceUrl = {
-    [exports.TangramSourceNames.TILE]: `${"https://dalganmap.ru/api"}/tiles/get_tile/{z}/{x}/{y}.mvt`,
-    [exports.TangramSourceNames.NATURE_TILE]: `${"https://dalganmap.ru/api"}/tiles/get_nature_tile/{z}/{x}/{y}.mvt`,
-    [exports.TangramSourceNames.MSK]: `${"$VITE_API_HOST:$VITE_API_PORT"}/tiles/get_tile/{z}/{x}/{y}.mvt`,
+    [exports.TangramSourceNames.TILE]: `${"$VITE_API_HOST/api"}/tiles/get_tile/{z}/{x}/{y}.mvt`,
+    [exports.TangramSourceNames.NATURE_TILE]: `${"$VITE_API_HOST/api"}/tiles/get_nature_tile/{z}/{x}/{y}.mvt`,
+    [exports.TangramSourceNames.MSK]: `${"$VITE_API_HOST/api"}/tiles/get_tile/{z}/{x}/{y}.mvt`,
 };
 
 var data = { global:{ links:{ getIsConstruction:"function (feature) {\n  const { construction } = feature;\n\n  return construction;\n}\n",
@@ -46794,37 +46795,39 @@ const AuthLayout = ({ children }) => {
             }, children: jsxRuntime.jsx(CustomCard, { children: children }) }) }));
 };
 
-const schema = create$3().shape({
-    username: create$6().required(),
-    password: create$6().required(),
-});
+const defaultValues = {
+    username: '',
+    password: '',
+};
 
 const r$1=(t,r,o)=>{if(t&&"reportValidity"in t){const s=get(o,r);t.setCustomValidity(s&&s.message||""),t.reportValidity();}},o$1=(e,t)=>{for(const o in t.fields){const s=t.fields[o];s&&s.ref&&"reportValidity"in s.ref?r$1(s.ref,o,e):s&&s.refs&&s.refs.forEach(t=>r$1(t,o,e));}},s=(r,s)=>{s.shouldUseNativeValidation&&o$1(r,s);const n={};for(const o in r){const f=get(s.fields,o),c=Object.assign(r[o]||{},{ref:f&&f.ref});if(i(s.names||Object.keys(r),o)){const r=Object.assign({},get(n,o));set(r,"root",c),set(n,o,r);}else set(n,o,c);}return n},i=(e,t)=>{const r=n(t);return e.some(e=>n(e).match(`^${r}\\.\\d+`))};function n(e){return e.replace(/\]|\[/g,"")}
 
 function o(o,n,s$1){return void 0===s$1&&(s$1={}),function(a,i,c){try{return Promise.resolve(function(t,r){try{var u=(null!=n&&n.context&&"development"===process.env.NODE_ENV&&console.warn("You should not used the yup options context. Please, use the 'useForm' context object instead"),Promise.resolve(o["sync"===s$1.mode?"validateSync":"validate"](a,Object.assign({abortEarly:!1},n,{context:i}))).then(function(t){return c.shouldUseNativeValidation&&o$1({},c),{values:s$1.raw?Object.assign({},a):t,errors:{}}}));}catch(e){return r(e)}return u&&u.then?u.then(void 0,r):u}(0,function(e){if(!e.inner)throw e;return {values:{},errors:s((o=e,n=!c.shouldUseNativeValidation&&"all"===c.criteriaMode,(o.inner||[]).reduce(function(e,t){if(e[t.path]||(e[t.path]={message:t.message,type:t.type}),n){var o=e[t.path].types,s=o&&o[t.type];e[t.path]=appendErrors(t.path,n,e,t.type,s?[].concat(s,t.message):t.message);}return e},{})),c)};var o,n;}))}catch(e){return Promise.reject(e)}}}
 
-const AuthPage = ({ onSuccessSignIn }) => {
-    const logout = useLogout();
+const usernameSchema = getStringRequiredSchema();
+const passwordSchema = getStringRequiredSchema();
+const schema = create$3().shape({
+    username: usernameSchema,
+    password: passwordSchema,
+});
+const resolver = o(schema);
+
+const AuthPage = ({ onSuccess, onError }) => {
     const signIn = useSignIn();
     const showSnackbar = useShowSnackbar();
     const form = useForm({
-        defaultValues: {
-            username: '',
-            password: '',
-        },
-        resolver: o(schema),
+        defaultValues,
+        resolver,
     });
     const { register, formState: { isValid }, } = form;
-    const onSubmit = (body) => {
+    const onSubmit = React__namespace.useCallback((body) => {
         signIn.mutate({
             body,
         });
-    };
-    React__namespace.useEffect(() => {
-        logout.mutate();
-    }, []);
+    }, [signIn]);
     React__namespace.useEffect(() => {
         if (signIn.error) {
+            onError(signIn.error);
             const { response } = signIn.error;
             if (response) {
                 const { data: { detail }, } = response;
@@ -46837,7 +46840,7 @@ const AuthPage = ({ onSuccessSignIn }) => {
     }, [signIn.error]);
     React__namespace.useEffect(() => {
         if (signIn.data) {
-            onSuccessSignIn(signIn.data);
+            onSuccess(signIn.data);
         }
     }, [signIn.data]);
     return (jsxRuntime.jsx(AuthLayout, { children: jsxRuntime.jsxs(CustomForm, { form: form, onSubmit: onSubmit, sx: {
@@ -46845,7 +46848,7 @@ const AuthPage = ({ onSuccessSignIn }) => {
                 justifyItems: 'center',
                 alignContent: 'center',
                 alignItems: 'center',
-            }, children: [jsxRuntime.jsx(material.Typography, { variant: "h4", children: "Authorization" }), jsxRuntime.jsx(CustomInput, { ...register('username'), label: "Login", placeholder: "Enter your login" }), jsxRuntime.jsx(CustomInput, { ...register('password'), label: "Password", placeholder: "Enter your password", type: "password" }), jsxRuntime.jsx(Button, { type: "submit", disabled: !isValid, children: "Sign in" })] }) }));
+            }, 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" })] }) }));
 };
 
 // define() gets called for each chunk generated by the first Rollup pass.
@@ -48041,8 +48044,8 @@ exports.trafficSignsDop = trafficSignsDop;
 exports.useFormContext = useFormContext;
 exports.useGetLeafletLayer = useGetLeafletLayer;
 exports.useGetUser = useGetUser;
-exports.useLogout = useLogout;
 exports.useShowErrorSnackbar = useShowErrorSnackbar;
 exports.useShowSnackbar = useShowSnackbar;
 exports.useSignIn = useSignIn;
+exports.useSignOut = useSignOut;
 //# sourceMappingURL=index.cjs.map