Add edi-ui, remove custom components & utils

cassandra-distributed-task-queue-ui/package.json

@@ -37,12 +37,13 @@
   },
   "peerDependencies": {
     "@skbkontur/icons": ">=1 <2",
-    "@skbkontur/react-ui": ">=2 <=4",
+    "@skbkontur/react-ui": ">=4",
     "react": ">=16 <=18",
     "react-dom": ">=16 <=18",
     "react-router-dom": ">=6"
   },
   "dependencies": {
+    "@skbkontur/edi-ui": "^0.2.2",
     "@skbkontur/react-stack-layout": "^1.0.3",
     "copy-to-clipboard": "^3.3.1",
     "date-fns": "^2.29.2",
@@ -54,7 +55,7 @@
   },
   "devDependencies": {
     "@skbkontur/icons": "^1.3.0",
-    "@skbkontur/react-ui": "^4.1.0",
+    "@skbkontur/react-ui": "^4.22.0",
     "@storybook/addon-actions": "^7.0.7",
     "@storybook/addons": "^7.0.7",
     "@storybook/cli": "^7.4.6",

cassandra-distributed-task-queue-ui/src/Domain/CustomRenderer.ts

@@ -1,8 +1,9 @@
+import { TimeUtils } from "@skbkontur/edi-ui";
+
 import { RangeSelector } from "../components/DateTimeRangePicker/RangeSelector";
 
 import { RtqMonitoringSearchRequest } from "./Api/RtqMonitoringSearchRequest";
 import { RtqMonitoringTaskModel } from "./Api/RtqMonitoringTaskModel";
-import { TimeUtils } from "./Utils/TimeUtils";
 
 export interface ICustomRenderer {
     renderDetails: (target: any, path: string[]) => null | JSX.Element;

cassandra-distributed-task-queue-ui/src/Domain/QueryStringMapping/Mappers.ts

@@ -1,13 +1,14 @@
+import { formatDate, fromLocalToUtc } from "@skbkontur/edi-ui";
 import { endOfDay, isValid, parse as parseDateInternal, startOfDay } from "date-fns";
 import difference from "lodash/difference";
 
 import { DateTimeRange } from "../DataTypes/DateTimeRange";
-import { DateUtils } from "../Utils/DateUtils";
 
 export type QueryObject = any;
 
 export interface Mapper<T> {
     parse(parsedQueryString: QueryObject): Nullable<T>;
+
     stringify(parsedQueryString: QueryObject, value: Nullable<T>): QueryObject;
 }
 
@@ -128,11 +129,11 @@ export class DateTimeRangeMapper {
             return null;
         }
         const parsedValue = parseDateInternal(parameterValue, "yyyy-MM-dd", new Date());
-        return isValid(parsedValue) ? DateUtils.fromLocalToUtc(parsedValue) : null;
+        return isValid(parsedValue) ? fromLocalToUtc(parsedValue) : null;
     }
 
     public stringifyDate(value: Nullable<Date>): Nullable<string> {
-        return value ? DateUtils.convertDateToString(value, undefined, "yyyy-MM-dd") : undefined;
+        return value ? formatDate(value, "yyyy-MM-dd") : undefined;
     }
 
     public parse(parsedQueryString: QueryObject): Nullable<DateTimeRange> {

cassandra-distributed-task-queue-ui/src/Domain/QueryStringMapping/QueryStringMappingBuilder.ts

@@ -1,5 +1,6 @@
+import { Lens, pathLens, PropertyPicker } from "@skbkontur/edi-ui";
+
 import { DateTimeRange } from "../DataTypes/DateTimeRange";
-import { Lens, pathLens, PropertyPicker } from "../lens";
 
 import { Mapper, IntegerMapper, StringArrayMapper, DateTimeRangeMapper, StringMapper, SetMapper } from "./Mappers";
 import { Parser, QueryStringMapping, Stringifier } from "./QueryStringMapping";

cassandra-distributed-task-queue-ui/src/Domain/RtqMonitoringSearchRequestUtils.tsx

@@ -1,8 +1,9 @@
+import { TimeUtils } from "@skbkontur/edi-ui";
+
 import { RangeSelector } from "../components/DateTimeRangePicker/RangeSelector";
 
 import { RtqMonitoringSearchRequest } from "./Api/RtqMonitoringSearchRequest";
 import { DateTimeRange } from "./DataTypes/DateTimeRange";
-import { TimeUtils } from "./Utils/TimeUtils";
 
 function isDateTimeRangeEmpty(range: Nullable<DateTimeRange>): boolean {
     return !(range && (range.lowerBound || range.upperBound));

cassandra-distributed-task-queue-ui/src/Domain/Utils/ConvertTimeUtil.tsx

@@ -1,9 +1,9 @@
 import Decimal from "decimal.js";
 
-export function ticksToMilliseconds(timeStr: Nullable<string>): Nullable<string> {
+export const ticksToMilliseconds = (timeStr: Nullable<string>): Nullable<string> => {
     if (!timeStr) {
         return null;
     }
     const commonTime = new Decimal(timeStr);
     return commonTime.div(10000).toString();
-}
+};