repo: move elements to packages/ui

Components/Calculation/Form/Insurance/FinGAPTable/index.jsx

@@ -1,9 +1,9 @@
-import Alert from 'elements/Alert';
-import Table from 'elements/Table';
 import { toJS } from 'mobx';
 import { observer } from 'mobx-react-lite';
 import { useStore } from 'stores/hooks';
 import styled from 'styled-components';
+import Alert from 'ui/elements/Alert';
+import Table from 'ui/elements/Table';
 import { Flex } from 'ui/grid';
 import { columns } from './config';
 

Components/Calculation/Form/Insurance/InsuranceTable/config.tsx

@@ -1,9 +1,9 @@
 /* eslint-disable import/prefer-default-export */
 import type { ColumnsType } from 'antd/lib/table';
 import { MAX_INSURANCE } from 'constants/values';
-import InputNumber from 'elements/InputNumber';
-import Select from 'elements/Select';
 import { formatter, parser } from 'tools/number';
+import InputNumber from 'ui/elements/InputNumber';
+import Select from 'ui/elements/Select';
 import { buildOptionComponent, buildValueComponent } from './builders';
 import type * as Insurance from './types';
 

Components/Calculation/Form/Insurance/InsuranceTable/index.jsx

@@ -1,8 +1,8 @@
-import Alert from 'elements/Alert';
-import Table from 'elements/Table';
 import { observer } from 'mobx-react-lite';
 import { useStore } from 'stores/hooks';
 import styled from 'styled-components';
+import Alert from 'ui/elements/Alert';
+import Table from 'ui/elements/Table';
 import { Flex } from 'ui/grid';
 import { columns } from './config';
 

Components/Calculation/Form/Insurance/InsuranceTable/types.ts

@@ -1,5 +1,5 @@
 import type { KeysSchema, RowSchema } from 'config/schema/insurance';
-import type { BaseOption, Status } from 'elements/types';
+import type { BaseOption, Status } from 'ui/elements/types';
 import type { z } from 'zod';
 
 export type Keys = z.infer<typeof KeysSchema>;

Components/Calculation/Form/Payments/PaymentsTable/config.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable import/prefer-default-export */
 import type { ColumnsType } from 'antd/lib/table';
-import InputNumber from 'elements/InputNumber';
+import InputNumber from 'ui/elements/InputNumber';
 
 import { buildValueComponent } from './builders';
 

Components/Calculation/Form/Payments/PaymentsTable/index.jsx

@@ -1,9 +1,9 @@
-import Alert from 'elements/Alert';
-import Table from 'elements/Table';
 import { computed } from 'mobx';
 import { observer } from 'mobx-react-lite';
 import { useStore } from 'stores/hooks';
 import styled from 'styled-components';
+import Alert from 'ui/elements/Alert';
+import Table from 'ui/elements/Table';
 import { Box, Flex } from 'ui/grid';
 import { min } from 'ui/mq';
 import { columns } from './config';

Components/Calculation/Form/index.jsx

@@ -1,6 +1,6 @@
-import Background from 'elements/layout/Background';
-import Tabs from 'elements/layout/Tabs';
 import styled from 'styled-components';
+import Background from 'ui/elements/layout/Background';
+import Tabs from 'ui/elements/layout/Tabs';
 import { min } from 'ui/mq';
 import AddProduct from './AddProduct';
 import CreateKP from './CreateKP';

Components/Calculation/Settings/index.jsx

@@ -1,5 +1,5 @@
-import Background from 'elements/layout/Background';
 import styled from 'styled-components';
+import Background from 'ui/elements/layout/Background';
 import { min } from 'ui/mq';
 import renderFormRows from '../lib/render-rows';
 import { rows } from './config';

Components/Calculation/config/elements-components.ts

@@ -1,5 +1,5 @@
-import * as elements from 'elements';
 import type { ComponentProps } from 'react';
+import * as elements from 'ui/elements';
 import type { Elements as ActionElements } from './map/actions';
 import type { Elements as ValuesElements } from './map/values';
 

Components/Calculation/config/elements-props.ts

@@ -1,7 +1,7 @@
 import { MAX_FRANCHISE, MAX_LEASING_PERIOD } from 'constants/values';
 import dayjs from 'dayjs';
-import DownloadOutlined from 'elements/icons/DownloadOutlined';
 import { formatter, formatterExtra, parser } from 'tools/number';
+import DownloadOutlined from 'ui/elements/icons/DownloadOutlined';
 import CurrencyAddon from '../addons/currency-addon';
 import type { ElementsProps } from './elements-components';
 

Components/Calculation/config/elements-render/override.tsx

@@ -1,10 +1,10 @@
 /* eslint-disable object-curly-newline */
 import { Container, Head } from 'Components/Layout/Element';
-import Link from 'elements/Link';
-import Tooltip from 'elements/Tooltip';
 import { observer } from 'mobx-react-lite';
 import type { ComponentProps } from 'react';
 import { useStore } from 'stores/hooks';
+import Link from 'ui/elements/Link';
+import Tooltip from 'ui/elements/Tooltip';
 import buildReadonly from '../../builders/build-readonly';
 import builders from '../elements-builders';
 import components from '../elements-components';

Components/Calculation/lib/render-rows.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable react/no-array-index-key */
-import Divider from 'elements/layout/Divider';
+import Divider from 'ui/elements/layout/Divider';
 import type { BoxProps } from 'ui/grid';
 import { Box } from 'ui/grid';
 import elementsRender from '../config/elements-render';

Components/Common/Error.jsx

@@ -1,6 +1,6 @@
 /* eslint-disable import/prefer-default-export */
-import Button from 'elements/Button';
-import Result from 'elements/Result';
+import Button from 'ui/elements/Button';
+import Result from 'ui/elements/Result';
 
 function handleRetry() {
   window.location.reload();

Components/Output/PaymentsTable/index.jsx

@@ -1,8 +1,8 @@
 import { MAX_LEASING_PERIOD } from 'constants/values';
-import Table from 'elements/Table';
 import { toJS } from 'mobx';
 import { observer } from 'mobx-react-lite';
 import { useStore } from 'stores/hooks';
+import Table from 'ui/elements/Table';
 import { columns } from './config';
 
 const PaymentsTable = observer(() => {

Components/Output/Results/index.jsx

@@ -1,9 +1,9 @@
 import { Container, Head } from 'Components/Layout/Element';
-import Text from 'elements/Text';
 import { toJS } from 'mobx';
 import { observer } from 'mobx-react-lite';
 import { useStore } from 'stores/hooks';
 import styled from 'styled-components';
+import Text from 'ui/elements/Text';
 import { Box } from 'ui/grid';
 import { min } from 'ui/mq';
 import { formatters, id, title, titles } from './config';

Components/Output/Validation.jsx

@@ -1,7 +1,7 @@
-import Alert from 'elements/Alert';
 import { observer } from 'mobx-react-lite';
 import { useStore } from 'stores/hooks';
 import styled from 'styled-components';
+import Alert from 'ui/elements/Alert';
 import { Box, Flex } from 'ui/grid';
 
 const Bold = styled.span`

Components/Output/index.jsx

@@ -1,6 +1,6 @@
-import Background from 'elements/layout/Background';
-import Tabs from 'elements/layout/Tabs';
 import styled from 'styled-components';
+import Background from 'ui/elements/layout/Background';
+import Tabs from 'ui/elements/layout/Tabs';
 import { min } from 'ui/mq';
 import PaymentsTable from './PaymentsTable';
 import Results from './Results';

package.json

@@ -31,7 +31,6 @@
     "@trpc/server": "^10.0.0-rc.3",
     "axios": "^1.1.3",
     "dayjs": "^1.11.2",
-    "elements": "*",
     "less": "^4.1.3",
     "less-loader": "^11.0.0",
     "mobx": "^6.5.0",

packages/elements/package.json

@@ -1,18 +0,0 @@
-{
-  "name": "elements",
-  "version": "0.0.0",
-  "main": "./index.tsx",
-  "types": "./index.tsx",
-  "license": "MIT",
-  "devDependencies": {
-    "@types/react": "18.0.20",
-    "@types/styled-components": "^5"
-  },
-  "dependencies": {
-    "antd": "^4.24.5",
-    "react": "^18.2.0",
-    "styled-components": "^5.3.6",
-    "ui": "*",
-    "use-debounce": "^9.0.2"
-  }
-}

packages/tools/entity.ts

@@ -1,6 +1,6 @@
 /* eslint-disable import/prefer-default-export */
-import type { BaseOption } from 'elements/types';
 import { isEmpty } from 'radash';
+import type { BaseOption } from 'ui/elements/types';
 
 export function normalizeOptions(options: any[] | null | undefined) {
   return (isEmpty(options) ? [] : options) as BaseOption[];

packages/ui/package.json

@@ -5,11 +5,15 @@
   "types": "./index.tsx",
   "license": "MIT",
   "devDependencies": {
+    "@types/react": "18.0.20",
     "@types/rebass": "^4.0.10",
     "@types/styled-components": "^5"
   },
   "dependencies": {
+    "antd": "4.24.5",
+    "react": "^18.2.0",
     "rebass": "^4.0.7",
-    "styled-components": "^5.3.6"
+    "styled-components": "^5.3.6",
+    "use-debounce": "^9.0.2"
   }
 }

pages/404.jsx

@@ -1,4 +1,4 @@
-import Result from 'elements/Result';
+import Result from 'ui/elements/Result';
 
 export default function NotFound() {
   return <Result status="404" title="404" subTitle="Тут ничего нет" />;

pages/500.jsx

@@ -1,4 +1,4 @@
-import Result from 'elements/Result';
+import Result from 'ui/elements/Result';
 
 export default function ServerError() {
   return <Result status="500" title="Ой" subTitle=" Что-то сломалось" />;

pages/_app.jsx

@@ -2,8 +2,6 @@
 import { ApolloProvider } from '@apollo/client';
 import { QueryClientProvider } from '@tanstack/react-query';
 import Layout from 'Components/Layout';
-import { ConfigProvider, ru_RU } from 'elements/config';
-import 'elements/styles/antd.less';
 import Head from 'next/head';
 import 'normalize.css';
 import { useMemo } from 'react';
@@ -11,6 +9,8 @@ import StoreProvider from 'stores/Provider';
 import { ThemeProvider } from 'styled-components';
 import { trpcClient } from 'trpc/client';
 import { GlobalStyle } from 'ui/colors';
+import { ConfigProvider, ru_RU } from 'ui/elements/config';
+import 'ui/elements/styles/antd.less';
 import theme from 'ui/theme';
 import '../styles/fonts.css';
 import '../styles/globals.css';

process/load-kp/reactions.ts

@@ -1,8 +1,8 @@
-import message from 'elements/message';
 import { reaction } from 'mobx';
 import type { ReactionsContext } from 'process/types';
 import { pick } from 'radash';
 import extend from 'stores/tables/insurance/tools';
+import message from 'ui/elements/message';
 
 const key = 'KP_LOADING_INFO';
 

stores/calculation/index.ts

@@ -2,10 +2,10 @@
 import titles from 'Components/Calculation/config/elements-titles';
 import type * as Values from 'Components/Calculation/config/map/values';
 import { getValueName } from 'Components/Calculation/config/map/values';
-import type { BaseOption } from 'elements/types';
 import { observable } from 'mobx';
 import type RootStore from 'stores/root';
 import Validation from 'stores/validation';
+import type { BaseOption } from 'ui/elements/types';
 import type { RemoveError, ValidationParams } from '../validation/types';
 import OptionsStore from './options';
 import StatusStore from './statuses';

stores/calculation/options/index.ts

@@ -2,9 +2,9 @@
 /* eslint-disable unicorn/prefer-set-has */
 import type { Elements, ElementsTypes } from 'Components/Calculation/config/map/values';
 import defaultOptions from 'config/default-options';
-import type { BaseOption } from 'elements/types';
 import { makeAutoObservable } from 'mobx';
 import type RootStore from 'stores/root';
+import type { BaseOption } from 'ui/elements/types';
 import type { CalculationOptions } from './types';
 
 export default class OptionsStore {

stores/calculation/options/types.ts

@@ -1,5 +1,5 @@
 import type { Elements, ElementsTypes } from 'Components/Calculation/config/map/values';
-import type { BaseOption } from 'elements/types';
+import type { BaseOption } from 'ui/elements/types';
 
 export type CalculationOptions = {
   [ElementName in Elements]: BaseOption<ElementsTypes[ElementName]>[];

stores/calculation/statuses/index.ts

@@ -2,9 +2,9 @@
 import type { Elements as ElementsActions } from 'Components/Calculation/config/map/actions';
 import type { Elements as ElementsValues } from 'Components/Calculation/config/map/values';
 import defaultStatuses from 'config/default-statuses';
-import type { Status } from 'elements/types';
 import { makeAutoObservable } from 'mobx';
 import type RootStore from 'stores/root';
+import type { Status } from 'ui/elements/types';
 import type { CalculationStatuses } from './types';
 
 export default class StatusStore {

stores/calculation/statuses/types.ts

@@ -1,5 +1,5 @@
 import type { Elements as ElementsActions } from 'Components/Calculation/config/map/actions';
 import type { Elements as ElementsValues } from 'Components/Calculation/config/map/values';
-import type { Status } from 'elements/types';
+import type { Status } from 'ui/elements/types';
 
 export type CalculationStatuses = Record<ElementsValues | ElementsActions, Status>;

stores/tables/payments/index.ts

@@ -1,6 +1,6 @@
-import type { Status } from 'elements/types';
 import type { IObservableArray } from 'mobx';
 import { makeAutoObservable, observable, reaction } from 'mobx';
+import type { Status } from 'ui/elements/types';
 
 import type RootStore from 'stores/root';
 import Validation from '../../validation';

stores/tables/payments/types.ts

@@ -1,4 +1,4 @@
-import type { Status } from 'elements/types';
+import type { Status } from 'ui/elements/types';
 
 export type Row = {
   value: number;

stores/validation/index.ts

@@ -1,5 +1,5 @@
-import notification from 'elements/notification';
 import { makeAutoObservable } from 'mobx';
+import notification from 'ui/elements/notification';
 import type { ValidationConfig } from './types';
 
 export default class Validation {

yarn.lock

@@ -39,8 +39,8 @@ __metadata:
   linkType: hard
 
 "@ant-design/icons@npm:^4.7.0":
-  version: 4.7.0
-  resolution: "@ant-design/icons@npm:4.7.0"
+  version: 4.8.0
+  resolution: "@ant-design/icons@npm:4.8.0"
   dependencies:
     "@ant-design/colors": ^6.0.0
     "@ant-design/icons-svg": ^4.2.1
@@ -50,7 +50,7 @@ __metadata:
   peerDependencies:
     react: ">=16.0.0"
     react-dom: ">=16.0.0"
-  checksum: 4264d38e6b3cc6d640e1e7f9821e5f428369c31754df03b4712706dba4e89c7bc3e6370ba8dc52b9eb278ccb986ddf215bfac0b0c01e5b7e8ed6f50179be1a69
+  checksum: d569dae9f84245a90fb5152af4c4e6e9f1bce9d638b5831f3e9d126ff654c9477e3c9d9192c6b3f349ade39c9e0bc85605cad5d8c2e401e632dbd6190b638ad3
   languageName: node
   linkType: hard
 
@@ -1054,16 +1054,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.10.1, @babel/runtime@npm:^7.10.2, @babel/runtime@npm:^7.10.4, @babel/runtime@npm:^7.11.1, @babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.7.2":
-  version: 7.17.9
-  resolution: "@babel/runtime@npm:7.17.9"
-  dependencies:
-    regenerator-runtime: ^0.13.4
-  checksum: 4d56bdb82890f386d5a57c40ef985a0ed7f0a78f789377a2d0c3e8826819e0f7f16ba0fe906d9b2241c5f7ca56630ef0653f5bb99f03771f7b87ff8af4bf5fe3
-  languageName: node
-  linkType: hard
-
-"@babel/runtime@npm:^7.16.7, @babel/runtime@npm:^7.18.0":
+"@babel/runtime@npm:^7.10.1, @babel/runtime@npm:^7.10.4, @babel/runtime@npm:^7.11.1, @babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.16.7, @babel/runtime@npm:^7.18.0, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.20.0":
   version: 7.20.6
   resolution: "@babel/runtime@npm:7.20.6"
   dependencies:
@@ -1072,12 +1063,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.18.3":
-  version: 7.18.3
-  resolution: "@babel/runtime@npm:7.18.3"
+"@babel/runtime@npm:^7.10.2, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.7.2":
+  version: 7.17.9
+  resolution: "@babel/runtime@npm:7.17.9"
   dependencies:
     regenerator-runtime: ^0.13.4
-  checksum: db8526226aa02cfa35a5a7ac1a34b5f303c62a1f000c7db48cb06c6290e616483e5036ab3c4e7a84d0f3be6d4e2148d5fe5cec9564bf955f505c3e764b83d7f1
+  checksum: 4d56bdb82890f386d5a57c40ef985a0ed7f0a78f789377a2d0c3e8826819e0f7f16ba0fe906d9b2241c5f7ca56630ef0653f5bb99f03771f7b87ff8af4bf5fe3
   languageName: node
   linkType: hard
 
@@ -1198,9 +1189,9 @@ __metadata:
   linkType: hard
 
 "@ctrl/tinycolor@npm:^3.4.0":
-  version: 3.4.1
-  resolution: "@ctrl/tinycolor@npm:3.4.1"
-  checksum: 4c96bd5b641b02e5e1a64cd3eb6b8a67cb15d8f93699df4549f5f19d6dd30e7c5f12bfa70aaa38582d1cc4e4ab4890a9273c612608e85280b033e23820907d16
+  version: 3.5.0
+  resolution: "@ctrl/tinycolor@npm:3.5.0"
+  checksum: 4f0cc0005b53ca7e42b5137ff7069f95f05873168534e1c04e64429070eeb5e04dd309b52fb437601235807af7dedd4c43bbfce1df5fb11bfd3fb3c05a0eb3a5
   languageName: node
   linkType: hard
 
@@ -3765,7 +3756,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"antd@npm:^4.24.5":
+"antd@npm:4.24.5":
   version: 4.24.5
   resolution: "antd@npm:4.24.5"
   dependencies:
@@ -4314,9 +4305,9 @@ __metadata:
   linkType: hard
 
 "async-validator@npm:^4.1.0":
-  version: 4.1.1
-  resolution: "async-validator@npm:4.1.1"
-  checksum: 88590ab8ad1db6e3f6e01136d5313d4e91e269e74b7d4017aa16c64dac5be2697dbd1ff3de18f0e000d12073626475de9f77ba41808af38b0ea23eb0e6e8a361
+  version: 4.2.5
+  resolution: "async-validator@npm:4.2.5"
+  checksum: 3e3d891a2e21497c8a646afeb7b1e6ed5f98de5f58ce3600732080f327cb581e65d8d8ff184273f1461dc84105d49f5cf31422a67ce50e787967c306838b6f40
   languageName: node
   linkType: hard
 
@@ -4977,14 +4968,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"classnames@npm:2.x, classnames@npm:^2.2.1, classnames@npm:^2.2.3, classnames@npm:^2.2.5, classnames@npm:^2.2.6, classnames@npm:^2.3.1":
-  version: 2.3.1
-  resolution: "classnames@npm:2.3.1"
-  checksum: 14db8889d56c267a591f08b0834989fe542d47fac659af5a539e110cc4266694e8de86e4e3bbd271157dbd831361310a8293e0167141e80b0f03a0f175c80960
-  languageName: node
-  linkType: hard
-
-"classnames@npm:^2.3.2":
+"classnames@npm:2.x, classnames@npm:^2.2.1, classnames@npm:^2.2.3, classnames@npm:^2.2.5, classnames@npm:^2.2.6, classnames@npm:^2.3.1, classnames@npm:^2.3.2":
   version: 2.3.2
   resolution: "classnames@npm:2.3.2"
   checksum: 2c62199789618d95545c872787137262e741f9db13328e216b093eea91c85ef2bfb152c1f9e63027204e2559a006a92eb74147d46c800a9f96297ae1d9f96f4e
@@ -5255,10 +5239,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"compute-scroll-into-view@npm:^1.0.17":
-  version: 1.0.17
-  resolution: "compute-scroll-into-view@npm:1.0.17"
-  checksum: b20c05a10c37813c5a6e4bf053c00f65c88d23afed7a6bd7a2a69e05e2ffc2df3483ecfe407d36bf16b8cec8be21ae1966c9c523093a03117e567156cd79a51e
+"compute-scroll-into-view@npm:^1.0.20":
+  version: 1.0.20
+  resolution: "compute-scroll-into-view@npm:1.0.20"
+  checksum: f15fab29221953620735393ac1866541aab0d27d28078bedbba071a291ee9c8cc1a72bee302cf0bc06ed83c5e55afb74ebcbd634a63671ba33cf1fb1c51d3308
   languageName: node
   linkType: hard
 
@@ -5336,11 +5320,11 @@ __metadata:
   linkType: hard
 
 "copy-to-clipboard@npm:^3.2.0":
-  version: 3.3.1
-  resolution: "copy-to-clipboard@npm:3.3.1"
+  version: 3.3.3
+  resolution: "copy-to-clipboard@npm:3.3.3"
   dependencies:
     toggle-selection: ^1.0.6
-  checksum: 3c7b1c333dc6a4b2e9905f52e4df6bbd34ff9f9c97ecd3ca55378a6bc1c191bb12a3252e6289c7b436e9188cff0360d393c0161626851d2301607860bbbdcfd5
+  checksum: e0a325e39b7615108e6c1c8ac110ae7b829cdc4ee3278b1df6a0e4228c490442cc86444cd643e2da344fbc424b3aab8909e2fec82f8bc75e7e5b190b7c24eecf
   languageName: node
   linkType: hard
 
@@ -5547,9 +5531,9 @@ __metadata:
   linkType: hard
 
 "date-fns@npm:2.x":
-  version: 2.28.0
-  resolution: "date-fns@npm:2.28.0"
-  checksum: a0516b2e4f99b8bffc6cc5193349f185f195398385bdcaf07f17c2c4a24473c99d933eb0018be4142a86a6d46cb0b06be6440ad874f15e795acbedd6fd727a1f
+  version: 2.29.3
+  resolution: "date-fns@npm:2.29.3"
+  checksum: e01cf5b62af04e05dfff921bb9c9933310ed0e1ae9a81eb8653452e64dc841acf7f6e01e1a5ae5644d0337e9a7f936175fd2cb6819dc122fdd9c5e86c56be484
   languageName: node
   linkType: hard
 
@@ -5561,9 +5545,9 @@ __metadata:
   linkType: hard
 
 "dayjs@npm:1.x":
-  version: 1.11.1
-  resolution: "dayjs@npm:1.11.1"
-  checksum: d5fefd79935f64a3c262e67af7ebeca180bc402b3e99be4e12d20b6d438af3f86d507ba1cbaff95dc0b4e67f1067cea3eaf37b6b74f5494fdd4a6a2909514cd1
+  version: 1.11.7
+  resolution: "dayjs@npm:1.11.7"
+  checksum: 5003a7c1dd9ed51385beb658231c3548700b82d3548c0cfbe549d85f2d08e90e972510282b7506941452c58d32136d6362f009c77ca55381a09c704e9f177ebb
   languageName: node
   linkType: hard
 
@@ -5793,9 +5777,9 @@ __metadata:
   linkType: hard
 
 "dom-align@npm:^1.7.0":
-  version: 1.12.2
-  resolution: "dom-align@npm:1.12.2"
-  checksum: 0523f4d7c84c7a4e92b0f1d088e7e110f6bd109fc8b6f1f89e14d33bba63d7b54de26d311652e1527ead2c0700f671593af55f216cb8a67a80d9fc5ed7a23b95
+  version: 1.12.4
+  resolution: "dom-align@npm:1.12.4"
+  checksum: ff5cfdb6e9c9e03e6d67a61b4633f25845f2385f67b1bd84a28aa2cb2c6b58eea53fde347b0d2439f0ba49cd6b80a7463f98569731cb14ec2542ecdeef19d165
   languageName: node
   linkType: hard
 
@@ -5887,20 +5871,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"elements@*, elements@workspace:packages/elements":
-  version: 0.0.0-use.local
-  resolution: "elements@workspace:packages/elements"
-  dependencies:
-    "@types/react": 18.0.20
-    "@types/styled-components": ^5
-    antd: ^4.24.5
-    react: ^18.2.0
-    styled-components: ^5.3.6
-    ui: "*"
-    use-debounce: ^9.0.2
-  languageName: unknown
-  linkType: soft
-
 "emittery@npm:^0.10.2":
   version: 0.10.2
   resolution: "emittery@npm:0.10.2"
@@ -6574,7 +6544,6 @@ __metadata:
     axios: ^1.1.3
     dayjs: ^1.11.2
     dotenv-cli: ^6.0.0
-    elements: "*"
     eslint: 8.23.1
     eslint-config-airbnb: ^19.0.4
     eslint-config-airbnb-typescript: ^17.0.0
@@ -9850,13 +9819,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"moment@npm:2.29.3, moment@npm:^2.24.0, moment@npm:^2.29.2":
+"moment@npm:2.29.3":
   version: 2.29.3
   resolution: "moment@npm:2.29.3"
   checksum: 2e780e36d9a1823c08a1b6313cbb08bd01ecbb2a9062095820a34f42c878991ccba53abaa6abb103fd5c01e763724f295162a8c50b7e95b4f1c992ef0772d3f0
   languageName: node
   linkType: hard
 
+"moment@npm:^2.24.0, moment@npm:^2.29.2":
+  version: 2.29.4
+  resolution: "moment@npm:2.29.4"
+  checksum: 0ec3f9c2bcba38dc2451b1daed5daded747f17610b92427bebe1d08d48d8b7bdd8d9197500b072d14e326dd0ccf3e326b9e3d07c5895d3d49e39b6803b76e80e
+  languageName: node
+  linkType: hard
+
 "ms@npm:2.0.0":
   version: 2.0.0
   resolution: "ms@npm:2.0.0"
@@ -11011,19 +10987,18 @@ __metadata:
   linkType: hard
 
 "rc-align@npm:^4.0.0":
-  version: 4.0.11
-  resolution: "rc-align@npm:4.0.11"
+  version: 4.0.15
+  resolution: "rc-align@npm:4.0.15"
   dependencies:
     "@babel/runtime": ^7.10.1
     classnames: 2.x
     dom-align: ^1.7.0
-    lodash: ^4.17.21
-    rc-util: ^5.3.0
+    rc-util: ^5.26.0
     resize-observer-polyfill: ^1.5.1
   peerDependencies:
     react: ">=16.9.0"
     react-dom: ">=16.9.0"
-  checksum: e929f21d24b41314739221ed6527d006137d2f68b11c21c59759b3f98382f7b6cad7f8100732b84ac92934b0a427d69836ee8434fd73b09c4020b193ac3fdea0
+  checksum: dfb7d3bfaa8d4b9ead4dbd8d84d4033fbd7a3f2232e7797ab1f86545c043cbe3952575fcfa63361045e2d1fa3a07c54545e442d60b08e753f4d581dcd5da186e
   languageName: node
   linkType: hard
 
@@ -11213,21 +11188,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rc-motion@npm:^2.0.0, rc-motion@npm:^2.0.1, rc-motion@npm:^2.2.0, rc-motion@npm:^2.3.0, rc-motion@npm:^2.3.4, rc-motion@npm:^2.4.3, rc-motion@npm:^2.4.4":
-  version: 2.5.1
-  resolution: "rc-motion@npm:2.5.1"
-  dependencies:
-    "@babel/runtime": ^7.11.1
-    classnames: ^2.2.1
-    rc-util: ^5.21.0
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: b2f26ea68b23ed40b36df58a0855ab5fef066d8df6258cebc05abff485f2fc9b955e81bee471f6062bc6faab20c94d42a0e14b54cfca1d90b019b768b1d17c22
-  languageName: node
-  linkType: hard
-
-"rc-motion@npm:^2.6.1, rc-motion@npm:^2.6.2":
+"rc-motion@npm:^2.0.0, rc-motion@npm:^2.0.1, rc-motion@npm:^2.2.0, rc-motion@npm:^2.3.0, rc-motion@npm:^2.3.4, rc-motion@npm:^2.4.3, rc-motion@npm:^2.4.4, rc-motion@npm:^2.6.1, rc-motion@npm:^2.6.2":
   version: 2.6.2
   resolution: "rc-motion@npm:2.6.2"
   dependencies:
@@ -11242,8 +11203,8 @@ __metadata:
   linkType: hard
 
 "rc-notification@npm:~4.6.0":
-  version: 4.6.0
-  resolution: "rc-notification@npm:4.6.0"
+  version: 4.6.1
+  resolution: "rc-notification@npm:4.6.1"
   dependencies:
     "@babel/runtime": ^7.10.1
     classnames: 2.x
@@ -11252,26 +11213,11 @@ __metadata:
   peerDependencies:
     react: ">=16.9.0"
     react-dom: ">=16.9.0"
-  checksum: c66d4ae1d8fe3efa704bb455fc003c380edf27bec47e46da9e42d860fc726b337dfd07c5b0218e44f11b80e508e9b27c179e590f4a27478158c18491a32dc6ce
+  checksum: e953a85a6061103485db33f76b5c25907c273a03fd39be942b26eace33c83b42c26054d0d6f063d2239cc2d52462e9638c818be59da966ea18a74a0b168c4c36
   languageName: node
   linkType: hard
 
-"rc-overflow@npm:^1.0.0":
-  version: 1.2.4
-  resolution: "rc-overflow@npm:1.2.4"
-  dependencies:
-    "@babel/runtime": ^7.11.1
-    classnames: ^2.2.1
-    rc-resize-observer: ^1.0.0
-    rc-util: ^5.19.2
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 39438e982d142e2ca7c73b8fb67f3649d4cd63a86c8d31ada379832272cc8805102506cda75ee58a780ba79da84bc9f15eeabb7322b2a7e2d063439aa67b7068
-  languageName: node
-  linkType: hard
-
-"rc-overflow@npm:^1.2.8":
+"rc-overflow@npm:^1.0.0, rc-overflow@npm:^1.2.8":
   version: 1.2.8
   resolution: "rc-overflow@npm:1.2.8"
   dependencies:
@@ -11333,8 +11279,8 @@ __metadata:
   linkType: hard
 
 "rc-rate@npm:~2.9.0":
-  version: 2.9.1
-  resolution: "rc-rate@npm:2.9.1"
+  version: 2.9.2
+  resolution: "rc-rate@npm:2.9.2"
   dependencies:
     "@babel/runtime": ^7.10.1
     classnames: ^2.2.5
@@ -11342,7 +11288,7 @@ __metadata:
   peerDependencies:
     react: ">=16.9.0"
     react-dom: ">=16.9.0"
-  checksum: 4a70ce66a701a888006f9267b1fa580b58732f4813fab332a5d395507058765da8a0a7d5077a807a7b95b2c874aca864468ec2d9fb3dca196b8b3d36ce6b1a5e
+  checksum: 5a7528e4b4245a5090c78eeb248bb8af90843fb6e88105236c3e6b6c6a204c526f87969ee78129c9b7afe9612c69c8a85652714f53b14f9cf5933fda81b8f8fb
   languageName: node
   linkType: hard
 
@@ -11376,25 +11322,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rc-select@npm:~14.1.0":
-  version: 14.1.3
-  resolution: "rc-select@npm:14.1.3"
-  dependencies:
-    "@babel/runtime": ^7.10.1
-    classnames: 2.x
-    rc-motion: ^2.0.1
-    rc-overflow: ^1.0.0
-    rc-trigger: ^5.0.4
-    rc-util: ^5.16.1
-    rc-virtual-list: ^3.2.0
-  peerDependencies:
-    react: "*"
-    react-dom: "*"
-  checksum: 49b2b9e7fd052427f1891061302a6b6fab09427e22019d2c85049ff4a1acd29ac9533497b961d931c2127342e1054f600b6a255db39a778ecac1588ae7746a39
-  languageName: node
-  linkType: hard
-
-"rc-select@npm:~14.1.13":
+"rc-select@npm:~14.1.0, rc-select@npm:~14.1.13":
   version: 14.1.16
   resolution: "rc-select@npm:14.1.16"
   dependencies:
@@ -11413,18 +11341,17 @@ __metadata:
   linkType: hard
 
 "rc-slider@npm:~10.0.0":
-  version: 10.0.0
-  resolution: "rc-slider@npm:10.0.0"
+  version: 10.0.1
+  resolution: "rc-slider@npm:10.0.1"
   dependencies:
     "@babel/runtime": ^7.10.1
     classnames: ^2.2.5
-    rc-tooltip: ^5.0.1
     rc-util: ^5.18.1
     shallowequal: ^1.1.0
   peerDependencies:
     react: ">=16.9.0"
     react-dom: ">=16.9.0"
-  checksum: 33c7839280ddd5bf54fdd4e2fb482e0ae02b125721c0e00e3e11e55b5740d46a7779bb4ad8101a35c32ac6da19628b6f4d746324fd63f6ff414e48bd9cd7a1bb
+  checksum: 803f0cc39d43897c0b24549e87232a668d26ff5b0e14b528fd454aa455cdf96ebc60654832c51bb1a6c7b7594ca39017d6c96b3237662471efb863f1723e3d9c
   languageName: node
   linkType: hard
 
@@ -11506,19 +11433,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rc-tooltip@npm:^5.0.1":
-  version: 5.1.1
-  resolution: "rc-tooltip@npm:5.1.1"
-  dependencies:
-    "@babel/runtime": ^7.11.2
-    rc-trigger: ^5.0.0
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: e65b175c28356cee101db56217d02a1eb1d96e727620bb1f6551f98e3ab49d3ec4381f1d408d19054b46349cba0e89056a4b4f09eeebbe70a1013733ad0e1fc9
-  languageName: node
-  linkType: hard
-
 "rc-tooltip@npm:~5.2.0":
   version: 5.2.2
   resolution: "rc-tooltip@npm:5.2.2"
@@ -11565,25 +11479,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rc-trigger@npm:^5.0.0, rc-trigger@npm:^5.0.4, rc-trigger@npm:^5.1.2, rc-trigger@npm:^5.2.10":
-  version: 5.2.17
-  resolution: "rc-trigger@npm:5.2.17"
-  dependencies:
-    "@babel/runtime": ^7.11.2
-    classnames: ^2.2.6
-    rc-align: ^4.0.0
-    rc-motion: ^2.0.0
-    rc-util: ^5.19.2
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 323b5688e80fed9a83ab5d664d0a30b1747f48366e648e98cf74d2643343b753b6d82e94d5109fc80311164b8cca55ca2d8d2ccca3a53208415b9c733274d06f
-  languageName: node
-  linkType: hard
-
-"rc-trigger@npm:^5.3.1":
-  version: 5.3.1
-  resolution: "rc-trigger@npm:5.3.1"
+"rc-trigger@npm:^5.0.0, rc-trigger@npm:^5.0.4, rc-trigger@npm:^5.1.2, rc-trigger@npm:^5.2.10, rc-trigger@npm:^5.3.1":
+  version: 5.3.4
+  resolution: "rc-trigger@npm:5.3.4"
   dependencies:
     "@babel/runtime": ^7.18.3
     classnames: ^2.2.6
@@ -11593,39 +11491,25 @@ __metadata:
   peerDependencies:
     react: ">=16.9.0"
     react-dom: ">=16.9.0"
-  checksum: 29302e9a0a66eb26cef5ce0b291ada9bb3e284f19980bf02da6863a5306d5de863aa87fbbf30c176a4453c13db160b69789ac50aae09af8e5c53942ac0368a3b
+  checksum: 6ca7694a4cf064040b5e0fd9b4629b0e0a19ebb29c4eb5614ee9eb22b4193e21909171fd95e48be73a94e44f249cb9616d7670b696164620b722d3de6f280017
   languageName: node
   linkType: hard
 
 "rc-upload@npm:~4.3.0":
-  version: 4.3.3
-  resolution: "rc-upload@npm:4.3.3"
+  version: 4.3.4
+  resolution: "rc-upload@npm:4.3.4"
   dependencies:
-    "@babel/runtime": ^7.10.1
+    "@babel/runtime": ^7.18.3
     classnames: ^2.2.5
     rc-util: ^5.2.0
   peerDependencies:
     react: ">=16.9.0"
     react-dom: ">=16.9.0"
-  checksum: 1f98553d322015ab452ab1547d08987e144e3ea494573ab9fc7ca90c8e9f1d744f6071eb3795ceef83108d53d51a2d03ecc2233e44ee2b04a35a2bef85a8571d
+  checksum: 59ddf31a58ce716d1ace506b1c3e36744895c24c683a17185517dab68dfbb1cf158f57ce14a8f0899e85b2924bfa0d82587771939225ea21a41b907f91779afa
   languageName: node
   linkType: hard
 
-"rc-util@npm:^5.0.1, rc-util@npm:^5.0.6, rc-util@npm:^5.12.0, rc-util@npm:^5.15.0, rc-util@npm:^5.16.1, rc-util@npm:^5.17.0, rc-util@npm:^5.18.1, rc-util@npm:^5.19.2, rc-util@npm:^5.2.0, rc-util@npm:^5.2.1, rc-util@npm:^5.21.0, rc-util@npm:^5.3.0, rc-util@npm:^5.4.0, rc-util@npm:^5.6.1, rc-util@npm:^5.8.0, rc-util@npm:^5.9.4":
-  version: 5.21.0
-  resolution: "rc-util@npm:5.21.0"
-  dependencies:
-    "@babel/runtime": ^7.12.5
-    react-is: ^16.12.0
-    shallowequal: ^1.1.0
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: a2a3347db820ed0a29697f52bcedc4374edcb28d4069ebc8d9c6c2b9e2172ae62e4876aaa3f6273b21c989a06176f54b6a772ac59af7d1d03f9cdd49149fc2d3
-  languageName: node
-  linkType: hard
-
-"rc-util@npm:^5.16.0, rc-util@npm:^5.21.2, rc-util@npm:^5.22.5, rc-util@npm:^5.23.0, rc-util@npm:^5.24.4":
+"rc-util@npm:^5.0.1, rc-util@npm:^5.0.6, rc-util@npm:^5.12.0, rc-util@npm:^5.15.0, rc-util@npm:^5.16.0, rc-util@npm:^5.16.1, rc-util@npm:^5.17.0, rc-util@npm:^5.18.1, rc-util@npm:^5.19.2, rc-util@npm:^5.2.0, rc-util@npm:^5.2.1, rc-util@npm:^5.20.1, rc-util@npm:^5.21.0, rc-util@npm:^5.21.2, rc-util@npm:^5.22.5, rc-util@npm:^5.23.0, rc-util@npm:^5.24.4, rc-util@npm:^5.26.0, rc-util@npm:^5.4.0, rc-util@npm:^5.6.1, rc-util@npm:^5.8.0, rc-util@npm:^5.9.4":
   version: 5.27.0
   resolution: "rc-util@npm:5.27.0"
   dependencies:
@@ -11638,45 +11522,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rc-util@npm:^5.20.1":
-  version: 5.21.4
-  resolution: "rc-util@npm:5.21.4"
-  dependencies:
-    "@babel/runtime": ^7.12.5
-    react-is: ^16.12.0
-    shallowequal: ^1.1.0
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 306bbb7caa0bb09ee559881c484c1895468d433028d7a3bab1fb201abba4c8d9b1bdfe63a16fbd451aaad1b5af566d1a8e14e2d5b2b1b569cbd40370d86dfa55
-  languageName: node
-  linkType: hard
-
-"rc-virtual-list@npm:^3.2.0":
-  version: 3.4.6
-  resolution: "rc-virtual-list@npm:3.4.6"
+"rc-virtual-list@npm:^3.2.0, rc-virtual-list@npm:^3.4.8":
+  version: 3.4.13
+  resolution: "rc-virtual-list@npm:3.4.13"
   dependencies:
+    "@babel/runtime": ^7.20.0
     classnames: ^2.2.6
     rc-resize-observer: ^1.0.0
     rc-util: ^5.15.0
   peerDependencies:
     react: "*"
     react-dom: "*"
-  checksum: dcccc9c223013e741749d098ccf4f4fa7c935d114123d48f1259da3118ad956fea239761ec07bdc221b138b67fccba3b9ac7e4a8ea8050372fe68a75ac6e6a7e
-  languageName: node
-  linkType: hard
-
-"rc-virtual-list@npm:^3.4.8":
-  version: 3.4.8
-  resolution: "rc-virtual-list@npm:3.4.8"
-  dependencies:
-    classnames: ^2.2.6
-    rc-resize-observer: ^1.0.0
-    rc-util: ^5.15.0
-  peerDependencies:
-    react: "*"
-    react-dom: "*"
-  checksum: 946fcd43daeadd41429475d9945747f5b60bbed6d7b94ae042242504c5caa27a3a3512c96139a65571d9163d9f0f2a3105220e6289bc1191306536c7b5444216
+  checksum: 590baca20aa209bdc7038c4cdbedef78100e8f8762966b8ae556d0c7154ce8a4f26737a5bd59580ee1ed446c79a8eb627e3fb003e1ee0de38f1bb9a7b3cd7e78
   languageName: node
   linkType: hard
 
@@ -12240,11 +12097,11 @@ __metadata:
   linkType: hard
 
 "scroll-into-view-if-needed@npm:^2.2.25":
-  version: 2.2.29
-  resolution: "scroll-into-view-if-needed@npm:2.2.29"
+  version: 2.2.31
+  resolution: "scroll-into-view-if-needed@npm:2.2.31"
   dependencies:
-    compute-scroll-into-view: ^1.0.17
-  checksum: 6b888404ccf68fe2f2f1da8977e1a8a0a64a7139352e02e98621a0e8be3b3db393519ee3dcfb7c32aff3c4790a36829f1be1cccc0cfb2b90a60a61caa669eee2
+    compute-scroll-into-view: ^1.0.20
+  checksum: 93b28f3723a462245b40d4120c40c542c8449473e2b157a5f8e18f04d95d66cd35249d96c625e8a440a56891f7d8905b1d026c690bdda07fcfb4f1a48d643ad1
   languageName: node
   linkType: hard
 
@@ -13615,10 +13472,14 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "ui@workspace:packages/ui"
   dependencies:
+    "@types/react": 18.0.20
     "@types/rebass": ^4.0.10
     "@types/styled-components": ^5
+    antd: 4.24.5
+    react: ^18.2.0
     rebass: ^4.0.7
     styled-components: ^5.3.6
+    use-debounce: ^9.0.2
   languageName: unknown
   linkType: soft