@dartcom/ui-kit 10.5.7 → 10.5.9

package/README.md

@@ -4,7 +4,7 @@
 
 ## Начальная установка
 
-```javascript
+```ts
 // Установка сторонних заивимостей из package.json
 npm i
 
@@ -32,7 +32,7 @@ npm pack
 
 Основные ссылки
 
-```javascript
+```ts
 https://unpkg.com/leaflet-textpath@1.3.0/leaflet.textpath.js
 ```
 
@@ -42,104 +42,9 @@ https://unpkg.com/leaflet-textpath@1.3.0/leaflet.textpath.js
 
 - Для начала работы потребуется установить следующие библиотеки:
 
-```javascript
+```ts
 npm i -S react react-dom leaflet react-leaflet @dartcom/ui-kit
 ```
 
-- Основную часть приложения, где будет использоваться карта, нужно обернуть в **DartcomProviders**:
-
-```javascript
-import { DartcomProviders } from '@dartcom/ui-kit';
-
-<DartcomProviders
-  configOptions={{
-    private_key: 'Ваш приватный ключ',
-
-    apiConfig: {
-      baseURL: 'Основной адрес backend',
-    },
-  }}>
-  {...Content}
-</DartcomProviders>;
-```
-
-**private_key** - ключ доступа к библиотеки, он выдается администрацией и проверяется для доступа как к самой карте, так и к определенным компонентам внтури библиотеки
-
-**baseURL** - адрес backend части вашего приложения, куда отсылаются основные запросы
-
-
-- Далее в вашем приложении нужно инициализировать карту leafet внтури основного **DartcomProviders**:
-
-```javascript
-import { MapContainer } from 'react-leaflet';
-
-<MapContainer center={[51.505, -0.09]} zoom={13} scrollWheelZoom={false}>
-  {...Content}
-</MapContainer>;
-```
-
-- Теперь нужно поместить внутрь MapContainer компонент с нашим слоем:
-
-```javascript
-import DartcomLayer from './your-path';
-
-import { MapContainer } from 'react-leaflet';
-
-<MapContainer center={[51.505, -0.09]} zoom={13} scrollWheelZoom={false}>
-  <DartcomLayer />
-
-  {...Content}
-</MapContainer>;
-```
-
-- В компоненте нужно инициализировать слой и добавить его на карту как основную подложку:
-
-```javascript
-// your-path.tsx
-
-import * as React from 'react';
-
-import { useMap } from 'react-leaflet';
-
-import {
-  getAllLayers,
-  SourceLayers,
-  TangramLayer,
-  TangramSourceNames,
-} from '@dartcom/ui-kit';
-
-const DartcomLayer: React.FC = () => {
-  const map = useMap();
-
-   React.useEffect(() => {
-    const { current: layersControl } = controlRef;
-
-    const defaultLayers = getAllLayers(TangramSourceNames.TILE);
-
-    new TangramLayer({
-      defaultLayers,
-
-      eventHandlers: {
-        [SourceLayers[name]]: {
-          click: ({ properties }) => {},
-          hover: ({ properties }) => {},
-        },
-      },
-
-      onCreate: ({ layer }) => {
-        layer.addTo(map);
-      },
-
-      onDestroy: ({ layer }) => {
-        layer.removeFrom(map);
-      },
-    });
-  }, []);
-
-  return null;
-};
-
-export default DartcomLayer;
-```
-
-- **defaultLayers** - это основной список слоев, которые можно получить из библиотеки и который будет показываться на карте. В примере мы грузим все слои из ресурса **TangramSourceNames.TILE** с помощью функции **getAllLayers**, но пожно подгружать разные слои из разных ресурсов
+## Documentation
+- [Providers](https://github.com/Dalganmap/tiles_library/tree/develop/docs/providers/README.md)

package/dist/index.cjs

@@ -46500,11 +46500,13 @@ const AuthPage = ({ onSuccess, onError }) => {
             onSuccess(signIn.data);
         }
     }, [signIn.data]);
-    return (jsxRuntime.jsx(AuthLayout, { children: jsxRuntime.jsxs(CustomForm, { form: form, onSubmit: onSubmit, sx: {
-                justifyContent: 'center',
-                justifyItems: 'center',
-                alignContent: 'center',
-                alignItems: 'center',
+    return (jsxRuntime.jsx(AuthLayout, { children: jsxRuntime.jsxs(CustomForm, { form: form, onSubmit: onSubmit, sx: () => {
+                return {
+                    justifyContent: 'center',
+                    justifyItems: 'center',
+                    alignContent: 'center',
+                    alignItems: 'center',
+                };
             }, 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" })] }) }));
 };