@danikokonn/yarik-frontend-lib 2.0.3-3.legacy.test8 → 2.0.4-9.test4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ActionDialog/ActionDialog.d.ts +19 -0
- package/dist/components/ActionDialog/ActionDialog.d.ts.map +1 -1
- package/dist/components/ActionDialog/ActionDialog.js +19 -0
- package/dist/components/ActionDialog/ActionDialogProps.d.ts +15 -0
- package/dist/components/ActionDialog/ActionDialogProps.d.ts.map +1 -1
- package/dist/components/ColumnSearchInput/ColumnSearchInput.d.ts +12 -0
- package/dist/components/ColumnSearchInput/ColumnSearchInput.d.ts.map +1 -1
- package/dist/components/ColumnSearchInput/ColumnSearchInput.js +12 -0
- package/dist/components/ColumnSearchInput/ColumnSearchInputProps.d.ts +9 -0
- package/dist/components/ColumnSearchInput/ColumnSearchInputProps.d.ts.map +1 -1
- package/dist/components/DateTimeRangePicker/DateTimeRangePicker.d.ts +1 -1
- package/dist/components/DateTimeRangePicker/DateTimeRangePicker.d.ts.map +1 -1
- package/dist/components/DateTimeRangePicker/DateTimeRangePicker.js +3 -3
- package/dist/components/DateTimeRangePicker/DateTimeRangePickerProps.d.ts +1 -0
- package/dist/components/DateTimeRangePicker/DateTimeRangePickerProps.d.ts.map +1 -1
- package/dist/components/DatetimeRangeInput/DatetimeRangeInput.d.ts +21 -2
- package/dist/components/DatetimeRangeInput/DatetimeRangeInput.d.ts.map +1 -1
- package/dist/components/DatetimeRangeInput/DatetimeRangeInput.js +22 -3
- package/dist/components/DatetimeRangeInput/DatetimeRangeInputProps.d.ts +30 -0
- package/dist/components/DatetimeRangeInput/DatetimeRangeInputProps.d.ts.map +1 -1
- package/dist/components/Footer/Footer.d.ts.map +1 -1
- package/dist/components/Footer/Footer.js +2 -2
- package/dist/components/IpAddressSwitchableInput/IpAddressSwitchableInput.d.ts.map +1 -1
- package/dist/components/IpAddressSwitchableInput/IpAddressSwitchableInput.js +1 -1
- package/dist/components/Navigation/NavMenu.d.ts +3 -2
- package/dist/components/Navigation/NavMenu.d.ts.map +1 -1
- package/dist/components/Navigation/NavMenu.js +4 -3
- package/dist/components/Navigation/Navigation.d.ts +1 -1
- package/dist/components/Navigation/Navigation.d.ts.map +1 -1
- package/dist/components/Navigation/Navigation.js +15 -12
- package/dist/components/Navigation/NavigationProps.d.ts +2 -1
- package/dist/components/Navigation/NavigationProps.d.ts.map +1 -1
- package/dist/components/PageWrapper/PageWrapper.d.ts.map +1 -1
- package/dist/components/PageWrapper/PageWrapper.js +4 -3
- package/dist/components/RichFilterTextField/RichFilterTextField.d.ts +1 -1
- package/dist/components/RichFilterTextField/RichFilterTextField.d.ts.map +1 -1
- package/dist/components/RichFilterTextField/RichFilterTextField.js +104 -88
- package/dist/components/RichFilterTextField/RichFilterTextFieldProps.d.ts +4 -0
- package/dist/components/RichFilterTextField/RichFilterTextFieldProps.d.ts.map +1 -1
- package/dist/components/RichFilterTextField/utils.d.ts.map +1 -1
- package/dist/components/RichFilterTextField/utils.js +2 -2
- package/dist/components/SmartTable/RowContent.d.ts +22 -6
- package/dist/components/SmartTable/RowContent.d.ts.map +1 -1
- package/dist/components/SmartTable/RowContent.js +45 -29
- package/dist/components/SmartTable/SmartTable.d.ts +9 -1
- package/dist/components/SmartTable/SmartTable.d.ts.map +1 -1
- package/dist/components/SmartTable/SmartTable.js +117 -38
- package/dist/components/SmartTable/SmartTableProps.d.ts +21 -9
- package/dist/components/SmartTable/SmartTableProps.d.ts.map +1 -1
- package/dist/components/SmartTable/TableHeader.d.ts.map +1 -1
- package/dist/components/SmartTable/TableHeader.js +3 -2
- package/dist/components/SortBtn/SortBtn.d.ts.map +1 -1
- package/dist/components/SortBtn/SortBtn.js +2 -1
- package/dist/components/SubtaskItem/SubtaskItem.d.ts.map +1 -1
- package/dist/components/SubtaskItem/SubtaskItem.js +37 -7
- package/dist/components/TaskLoader/TaskLoader.d.ts +1 -1
- package/dist/components/TaskLoader/TaskLoader.d.ts.map +1 -1
- package/dist/components/TaskLoader/TaskLoader.js +24 -13
- package/dist/components/TaskLoader/TaskLoaderProps.d.ts +1 -0
- package/dist/components/TaskLoader/TaskLoaderProps.d.ts.map +1 -1
- package/dist/components/TaskStateDialog/TaskStateDialog.d.ts +1 -1
- package/dist/components/TaskStateDialog/TaskStateDialog.d.ts.map +1 -1
- package/dist/components/TaskStateDialog/TaskStateDialog.js +8 -5
- package/dist/components/TaskStateDialog/TaskStateDialogProps.d.ts +2 -1
- package/dist/components/TaskStateDialog/TaskStateDialogProps.d.ts.map +1 -1
- package/dist/components/icons/GenerateAndRunIcon.d.ts +1 -1
- package/dist/components/icons/GenerateAndRunIcon.d.ts.map +1 -1
- package/dist/components/icons/GenerateAndRunIcon.js +5 -2
- package/dist/components/icons/GenerateIcon.d.ts +1 -1
- package/dist/components/icons/GenerateIcon.d.ts.map +1 -1
- package/dist/components/icons/GenerateIcon.js +5 -2
- package/dist/components/icons/IntegerIcon.d.ts +1 -1
- package/dist/components/icons/IntegerIcon.d.ts.map +1 -1
- package/dist/components/icons/IntegerIcon.js +5 -2
- package/dist/components/icons/QueueIcon.d.ts +1 -1
- package/dist/components/icons/QueueIcon.d.ts.map +1 -1
- package/dist/components/icons/QueueIcon.js +5 -2
- package/dist/components/icons/RangeIcon.d.ts +1 -1
- package/dist/components/icons/RangeIcon.d.ts.map +1 -1
- package/dist/components/icons/RangeIcon.js +5 -2
- package/dist/components/icons/RunIcon.d.ts +1 -1
- package/dist/components/icons/RunIcon.d.ts.map +1 -1
- package/dist/components/icons/RunIcon.js +5 -2
- package/dist/http.d.ts +2 -2
- package/dist/http.d.ts.map +1 -1
- package/dist/http.js +4 -29
- package/dist/providers/AirflowProvider.d.ts +5 -4
- package/dist/providers/AirflowProvider.d.ts.map +1 -1
- package/dist/providers/AirflowProvider.js +41 -55
- package/dist/providers/DagStateProvider.d.ts +6 -5
- package/dist/providers/DagStateProvider.d.ts.map +1 -1
- package/dist/providers/DagStateProvider.js +35 -10
- package/dist/providers/SessionProvider.d.ts +3 -1
- package/dist/providers/SessionProvider.d.ts.map +1 -1
- package/dist/providers/SessionProvider.js +10 -4
- package/dist/providers/SnackBarProvider.d.ts +2 -2
- package/dist/providers/SnackBarProvider.d.ts.map +1 -1
- package/dist/providers/SnackBarProvider.js +1 -1
- package/dist/types.d.ts +17 -4
- package/dist/types.d.ts.map +1 -1
- package/dist/utils.d.ts +3 -3
- package/dist/utils.d.ts.map +1 -1
- package/dist/utils.js +3 -2
- package/package.json +27 -19
- package/dist/components/SmartTable/RuleRow.d.ts +0 -22
- package/dist/components/SmartTable/RuleRow.d.ts.map +0 -1
- package/dist/components/SmartTable/RuleRow.js +0 -40
|
@@ -1,4 +1,23 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import ActionDialogProps from "./ActionDialogProps";
|
|
3
|
+
/**
|
|
4
|
+
* Диалоговое окно с подтверждением действия.
|
|
5
|
+
*
|
|
6
|
+
* Отображает заголовок, основной текст (или массив строк), опциональную форму/элемент ввода,
|
|
7
|
+
* а также кнопки отмены и подтверждения. Кнопка подтверждения может быть отключена и снабжена подсказкой.
|
|
8
|
+
*
|
|
9
|
+
* @param open Открыт ли диалог
|
|
10
|
+
* @param fullWidth Растягивать ли диалог на всю ширину
|
|
11
|
+
* @param maxWidth Максимальная ширина диалога
|
|
12
|
+
* @param title Заголовок диалога
|
|
13
|
+
* @param contentText Основной текст (строка или массив строк)
|
|
14
|
+
* @param contentInputForm Необязательная форма/элемент ввода
|
|
15
|
+
* @param cancelText Текст кнопки отмены
|
|
16
|
+
* @param confirmText Текст кнопки подтверждения
|
|
17
|
+
* @param confirmAllowed Разрешено ли подтверждение
|
|
18
|
+
* @param confirmTooltipTitle Подсказка для кнопки подтверждения при отключении
|
|
19
|
+
* @param onClose Обработчик закрытия диалога
|
|
20
|
+
* @param onConfirm Обработчик подтверждения
|
|
21
|
+
*/
|
|
3
22
|
export default function ActionDialog({ open, fullWidth, maxWidth, title, contentText, contentInputForm, cancelText, confirmText, confirmAllowed, confirmTooltipTitle, onClose, onConfirm, }: ActionDialogProps): React.JSX.Element;
|
|
4
23
|
//# sourceMappingURL=ActionDialog.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionDialog.d.ts","sourceRoot":"","sources":["../../../src/components/ActionDialog/ActionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,KAAK,EACL,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,cAAc,EACd,mBAAmB,EACnB,OAAO,EACP,SAAS,GACV,EAAE,iBAAiB,qBAiDnB"}
|
|
1
|
+
{"version":3,"file":"ActionDialog.d.ts","sourceRoot":"","sources":["../../../src/components/ActionDialog/ActionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,KAAK,EACL,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,cAAc,EACd,mBAAmB,EACnB,OAAO,EACP,SAAS,GACV,EAAE,iBAAiB,qBAiDnB"}
|
|
@@ -8,6 +8,25 @@ import DialogContentText from "@mui/material/DialogContentText";
|
|
|
8
8
|
import DialogTitle from "@mui/material/DialogTitle";
|
|
9
9
|
import IconButton from "@mui/material/IconButton";
|
|
10
10
|
import Tooltip from "@mui/material/Tooltip";
|
|
11
|
+
/**
|
|
12
|
+
* Диалоговое окно с подтверждением действия.
|
|
13
|
+
*
|
|
14
|
+
* Отображает заголовок, основной текст (или массив строк), опциональную форму/элемент ввода,
|
|
15
|
+
* а также кнопки отмены и подтверждения. Кнопка подтверждения может быть отключена и снабжена подсказкой.
|
|
16
|
+
*
|
|
17
|
+
* @param open Открыт ли диалог
|
|
18
|
+
* @param fullWidth Растягивать ли диалог на всю ширину
|
|
19
|
+
* @param maxWidth Максимальная ширина диалога
|
|
20
|
+
* @param title Заголовок диалога
|
|
21
|
+
* @param contentText Основной текст (строка или массив строк)
|
|
22
|
+
* @param contentInputForm Необязательная форма/элемент ввода
|
|
23
|
+
* @param cancelText Текст кнопки отмены
|
|
24
|
+
* @param confirmText Текст кнопки подтверждения
|
|
25
|
+
* @param confirmAllowed Разрешено ли подтверждение
|
|
26
|
+
* @param confirmTooltipTitle Подсказка для кнопки подтверждения при отключении
|
|
27
|
+
* @param onClose Обработчик закрытия диалога
|
|
28
|
+
* @param onConfirm Обработчик подтверждения
|
|
29
|
+
*/
|
|
11
30
|
export default function ActionDialog({ open, fullWidth, maxWidth, title, contentText, contentInputForm, cancelText, confirmText, confirmAllowed, confirmTooltipTitle, onClose, onConfirm, }) {
|
|
12
31
|
return (React.createElement(Dialog, { open: open, onClose: onClose, maxWidth: maxWidth, fullWidth: fullWidth },
|
|
13
32
|
React.createElement(DialogTitle, null, title),
|
|
@@ -1,17 +1,32 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
2
|
import { Breakpoint } from "@mui/material";
|
|
3
|
+
/**
|
|
4
|
+
* Пропсы для компонента ActionDialog.
|
|
5
|
+
*/
|
|
3
6
|
export default interface ActionDialogProps {
|
|
7
|
+
/** Открыт ли диалог */
|
|
4
8
|
open: boolean;
|
|
9
|
+
/** Растягивать ли диалог на всю ширину */
|
|
5
10
|
fullWidth?: boolean;
|
|
11
|
+
/** Максимальная ширина диалога (MUI Breakpoint) */
|
|
6
12
|
maxWidth?: Breakpoint;
|
|
13
|
+
/** Заголовок диалога */
|
|
7
14
|
title: string;
|
|
15
|
+
/** Основной текст диалога (строка или массив строк) */
|
|
8
16
|
contentText: string | string[];
|
|
17
|
+
/** Необязательная форма или элемент ввода для отображения в диалоге */
|
|
9
18
|
contentInputForm?: ReactNode;
|
|
19
|
+
/** Текст для кнопки отмены */
|
|
10
20
|
cancelText: string;
|
|
21
|
+
/** Текст для кнопки подтверждения */
|
|
11
22
|
confirmText: string;
|
|
23
|
+
/** Разрешено ли подтверждение (включает/отключает кнопку подтверждения) */
|
|
12
24
|
confirmAllowed: boolean;
|
|
25
|
+
/** Необязательная подсказка для кнопки подтверждения при отключении */
|
|
13
26
|
confirmTooltipTitle?: string;
|
|
27
|
+
/** Обработчик подтверждения */
|
|
14
28
|
onConfirm(): void;
|
|
29
|
+
/** Обработчик закрытия диалога */
|
|
15
30
|
onClose(): void;
|
|
16
31
|
}
|
|
17
32
|
//# sourceMappingURL=ActionDialogProps.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionDialogProps.d.ts","sourceRoot":"","sources":["../../../src/components/ActionDialog/ActionDialogProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,CAAC,OAAO,WAAW,iBAAiB;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC/B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,SAAS,IAAI,IAAI,CAAC;IAClB,OAAO,IAAI,IAAI,CAAC;CACjB"}
|
|
1
|
+
{"version":3,"file":"ActionDialogProps.d.ts","sourceRoot":"","sources":["../../../src/components/ActionDialog/ActionDialogProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;GAEG;AACH,MAAM,CAAC,OAAO,WAAW,iBAAiB;IACxC,uBAAuB;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,WAAW,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC/B,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,8BAA8B;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,2EAA2E;IAC3E,cAAc,EAAE,OAAO,CAAC;IACxB,uEAAuE;IACvE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,+BAA+B;IAC/B,SAAS,IAAI,IAAI,CAAC;IAClB,kCAAkC;IAClC,OAAO,IAAI,IAAI,CAAC;CACjB"}
|
|
@@ -1,4 +1,16 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import ColumnSearchInputProps from "./ColumnSearchInputProps";
|
|
3
|
+
/**
|
|
4
|
+
* Компонент поля поиска для таблицы или списка.
|
|
5
|
+
*
|
|
6
|
+
* Позволяет пользователю вводить строку поиска для определённого поля с отображением иконки поиска.
|
|
7
|
+
*
|
|
8
|
+
* @param {Object} props - Свойства компонента
|
|
9
|
+
* @param {string} props.field - Имя поля, по которому осуществляется поиск
|
|
10
|
+
* @param {string|function} [props.searchStr] - Начальное значение строки поиска или функция, возвращающая строку
|
|
11
|
+
* @param {function} props.onInputSearch - Колбэк, вызываемый при изменении строки поиска. Получает массив объектов с полем и строкой поиска
|
|
12
|
+
*
|
|
13
|
+
* @returns {JSX.Element} Элемент поля поиска
|
|
14
|
+
*/
|
|
3
15
|
export default function ColumnSearchInput({ field, searchStr, onInputSearch, }: ColumnSearchInputProps): React.JSX.Element;
|
|
4
16
|
//# sourceMappingURL=ColumnSearchInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColumnSearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/ColumnSearchInput/ColumnSearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAMrD,OAAO,sBAAsB,MAAM,0BAA0B,CAAC;AAE9D,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,KAAK,EACL,SAAS,EACT,aAAa,GACd,EAAE,sBAAsB,qBA4BxB"}
|
|
1
|
+
{"version":3,"file":"ColumnSearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/ColumnSearchInput/ColumnSearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAMrD,OAAO,sBAAsB,MAAM,0BAA0B,CAAC;AAE9D;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,KAAK,EACL,SAAS,EACT,aAAa,GACd,EAAE,sBAAsB,qBA4BxB"}
|
|
@@ -2,6 +2,18 @@ import React, { useState } from "react";
|
|
|
2
2
|
import InputAdornment from "@mui/material/InputAdornment";
|
|
3
3
|
import TextField from "@mui/material/TextField";
|
|
4
4
|
import SearchIcon from "@mui/icons-material/Search";
|
|
5
|
+
/**
|
|
6
|
+
* Компонент поля поиска для таблицы или списка.
|
|
7
|
+
*
|
|
8
|
+
* Позволяет пользователю вводить строку поиска для определённого поля с отображением иконки поиска.
|
|
9
|
+
*
|
|
10
|
+
* @param {Object} props - Свойства компонента
|
|
11
|
+
* @param {string} props.field - Имя поля, по которому осуществляется поиск
|
|
12
|
+
* @param {string|function} [props.searchStr] - Начальное значение строки поиска или функция, возвращающая строку
|
|
13
|
+
* @param {function} props.onInputSearch - Колбэк, вызываемый при изменении строки поиска. Получает массив объектов с полем и строкой поиска
|
|
14
|
+
*
|
|
15
|
+
* @returns {JSX.Element} Элемент поля поиска
|
|
16
|
+
*/
|
|
5
17
|
export default function ColumnSearchInput({ field, searchStr, onInputSearch, }) {
|
|
6
18
|
const [search, setSearch] = useState(searchStr || "");
|
|
7
19
|
function handleChange(event) {
|
|
@@ -1,6 +1,15 @@
|
|
|
1
1
|
export default interface ColumnSearchInputProps {
|
|
2
|
+
/**
|
|
3
|
+
* Имя поля, по которому будет производиться поиск.
|
|
4
|
+
*/
|
|
2
5
|
field: string;
|
|
6
|
+
/**
|
|
7
|
+
* Начальная строка поиска или функция, возвращающая строку поиска (опционально).
|
|
8
|
+
*/
|
|
3
9
|
searchStr?: string | (() => string);
|
|
10
|
+
/**
|
|
11
|
+
* Колбэк, вызываемый при изменении строки поиска. Получает массив объектов с полем и строкой поиска.
|
|
12
|
+
*/
|
|
4
13
|
onInputSearch(options: {
|
|
5
14
|
field: string;
|
|
6
15
|
search: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColumnSearchInputProps.d.ts","sourceRoot":"","sources":["../../../src/components/ColumnSearchInput/ColumnSearchInputProps.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,WAAW,sBAAsB;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IACpC,aAAa,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,EAAE,GAAG,IAAI,CAAC;CACnE"}
|
|
1
|
+
{"version":3,"file":"ColumnSearchInputProps.d.ts","sourceRoot":"","sources":["../../../src/components/ColumnSearchInput/ColumnSearchInputProps.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,WAAW,sBAAsB;IAC7C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IACpC;;OAEG;IACH,aAAa,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,EAAE,GAAG,IAAI,CAAC;CACnE"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import DateTimeRangePickerProps from "./DateTimeRangePickerProps";
|
|
3
3
|
import "moment/locale/ru";
|
|
4
|
-
export default function DateTimeRangePicker({ disableFuture, disabled, fromDatetime, toDateTime, required, onStartDateSet, onEndDateSet, }: DateTimeRangePickerProps): React.JSX.Element;
|
|
4
|
+
export default function DateTimeRangePicker({ disableFuture, disabled, fromDatetime, toDateTime, required, error, onStartDateSet, onEndDateSet, }: DateTimeRangePickerProps): React.JSX.Element;
|
|
5
5
|
//# sourceMappingURL=DateTimeRangePicker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimeRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimeRangePicker/DateTimeRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAElE,OAAO,kBAAkB,CAAC;AAU1B,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,aAAa,EACb,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,cAAc,EACd,YAAY,GACb,EAAE,wBAAwB,qBAmF1B"}
|
|
1
|
+
{"version":3,"file":"DateTimeRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimeRangePicker/DateTimeRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAElE,OAAO,kBAAkB,CAAC;AAU1B,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,aAAa,EACb,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,KAAK,EACL,cAAc,EACd,YAAY,GACb,EAAE,wBAAwB,qBAmF1B"}
|
|
@@ -5,7 +5,7 @@ import Stack from "@mui/material/Stack";
|
|
|
5
5
|
import { DesktopDateTimePicker, LocalizationProvider, } from "@mui/x-date-pickers";
|
|
6
6
|
import { AdapterMoment } from "@mui/x-date-pickers/AdapterMoment";
|
|
7
7
|
import { useDebounce } from "../../utils";
|
|
8
|
-
export default function DateTimeRangePicker({ disableFuture, disabled, fromDatetime, toDateTime, required, onStartDateSet, onEndDateSet, }) {
|
|
8
|
+
export default function DateTimeRangePicker({ disableFuture, disabled, fromDatetime, toDateTime, required, error, onStartDateSet, onEndDateSet, }) {
|
|
9
9
|
const [fromDatetimePickerOpen, setFromDatetimePickerOpen] = useState(false);
|
|
10
10
|
const [toDatetimePickerOpen, setToDatetimePickerOpen] = useState(false);
|
|
11
11
|
const fromDttm = fromDatetime.length > 0 ? moment(fromDatetime) : null;
|
|
@@ -23,7 +23,7 @@ export default function DateTimeRangePicker({ disableFuture, disabled, fromDatet
|
|
|
23
23
|
variant: "standard",
|
|
24
24
|
required: required,
|
|
25
25
|
helperText: required && fromDttm == null && "Введите дату начала интервала",
|
|
26
|
-
error: required
|
|
26
|
+
error: error || (required && toDttm == null),
|
|
27
27
|
},
|
|
28
28
|
inputAdornment: {
|
|
29
29
|
position: "start",
|
|
@@ -41,7 +41,7 @@ export default function DateTimeRangePicker({ disableFuture, disabled, fromDatet
|
|
|
41
41
|
variant: "standard",
|
|
42
42
|
required: required,
|
|
43
43
|
helperText: required && toDttm == null && "Введите дату конца интервала",
|
|
44
|
-
error: required
|
|
44
|
+
error: error || (required && toDttm == null),
|
|
45
45
|
},
|
|
46
46
|
inputAdornment: {
|
|
47
47
|
onClick: () => setToDatetimePickerOpen(true),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimeRangePickerProps.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimeRangePicker/DateTimeRangePickerProps.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,WAAW,wBAAwB;IAC/C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;CACrC"}
|
|
1
|
+
{"version":3,"file":"DateTimeRangePickerProps.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimeRangePicker/DateTimeRangePickerProps.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,WAAW,wBAAwB;IAC/C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,cAAc,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;CACrC"}
|
|
@@ -1,5 +1,24 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { JSX } from "react";
|
|
2
2
|
import "moment/locale/ru";
|
|
3
3
|
import DatetimeRangeInputProps from "./DatetimeRangeInputProps";
|
|
4
|
-
|
|
4
|
+
/**
|
|
5
|
+
* Компонент выбора диапазона дат и времени.
|
|
6
|
+
*
|
|
7
|
+
* Позволяет пользователю выбрать начальную и конечную дату/время с помощью всплывающего календаря.
|
|
8
|
+
* Поддерживает очистку выбранного диапазона и отображение выбранных дат в текстовом поле.
|
|
9
|
+
*
|
|
10
|
+
* @param {Object} props - Свойства компонента
|
|
11
|
+
* @param {string} [props.from] - Начальная дата диапазона
|
|
12
|
+
* @param {string} [props.to] - Конечная дата диапазона
|
|
13
|
+
* @param {SxProps} [props.sx] - Стили оформления
|
|
14
|
+
* @param {boolean} [props.required] - Обязательное ли поле
|
|
15
|
+
* @param {boolean} [props.disabled] - Отключение компонента
|
|
16
|
+
* @param {('outlined'|'standard'|'filled')} [props.variant] - Вариант оформления поля
|
|
17
|
+
* @param {string} [props.placeholder] - Текст-подсказка
|
|
18
|
+
* @param {('small'|'medium')} [props.size] - Размер поля
|
|
19
|
+
* @param {(start: string, end: string) => void} props.onDateRangeSet - Колбэк при выборе диапазона дат
|
|
20
|
+
*
|
|
21
|
+
* @returns {JSX.Element} Элемент выбора диапазона дат и времени
|
|
22
|
+
*/
|
|
23
|
+
export default function DatetimeRangeInput({ onDateRangeSet, from, to, variant, sx, placeholder, size, disabled, required, }: DatetimeRangeInputProps): JSX.Element;
|
|
5
24
|
//# sourceMappingURL=DatetimeRangeInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatetimeRangeInput.d.ts","sourceRoot":"","sources":["../../../src/components/DatetimeRangeInput/DatetimeRangeInput.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"DatetimeRangeInput.d.ts","sourceRoot":"","sources":["../../../src/components/DatetimeRangeInput/DatetimeRangeInput.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,GAAG,EAAoC,MAAM,OAAO,CAAC;AAGrE,OAAO,kBAAkB,CAAC;AAQ1B,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAQhE;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,cAAc,EACd,IAAI,EACJ,EAAE,EACF,OAAO,EACP,EAAE,EACF,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,QAAQ,GACT,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAiHvC"}
|
|
@@ -1,14 +1,33 @@
|
|
|
1
1
|
import React, { lazy, Suspense, useRef, useState } from "react";
|
|
2
2
|
import moment from "moment-timezone";
|
|
3
3
|
import "moment/locale/ru";
|
|
4
|
-
import
|
|
4
|
+
import ClearIcon from "@mui/icons-material/Clear";
|
|
5
5
|
import DateRangeIcon from "@mui/icons-material/DateRange";
|
|
6
|
+
import IconButton from "@mui/material/IconButton";
|
|
6
7
|
import Popover from "@mui/material/Popover";
|
|
7
8
|
import TextField from "@mui/material/TextField";
|
|
8
|
-
import ClearIcon from "@mui/icons-material/Clear";
|
|
9
9
|
const DateTimeRangePicker = lazy(() => import("../DateTimeRangePicker/DateTimeRangePicker"));
|
|
10
|
-
import { prettyDatetime } from "../../utils";
|
|
11
10
|
import { Skeleton, Stack } from "@mui/material";
|
|
11
|
+
import { prettyDatetime } from "../../utils";
|
|
12
|
+
/**
|
|
13
|
+
* Компонент выбора диапазона дат и времени.
|
|
14
|
+
*
|
|
15
|
+
* Позволяет пользователю выбрать начальную и конечную дату/время с помощью всплывающего календаря.
|
|
16
|
+
* Поддерживает очистку выбранного диапазона и отображение выбранных дат в текстовом поле.
|
|
17
|
+
*
|
|
18
|
+
* @param {Object} props - Свойства компонента
|
|
19
|
+
* @param {string} [props.from] - Начальная дата диапазона
|
|
20
|
+
* @param {string} [props.to] - Конечная дата диапазона
|
|
21
|
+
* @param {SxProps} [props.sx] - Стили оформления
|
|
22
|
+
* @param {boolean} [props.required] - Обязательное ли поле
|
|
23
|
+
* @param {boolean} [props.disabled] - Отключение компонента
|
|
24
|
+
* @param {('outlined'|'standard'|'filled')} [props.variant] - Вариант оформления поля
|
|
25
|
+
* @param {string} [props.placeholder] - Текст-подсказка
|
|
26
|
+
* @param {('small'|'medium')} [props.size] - Размер поля
|
|
27
|
+
* @param {(start: string, end: string) => void} props.onDateRangeSet - Колбэк при выборе диапазона дат
|
|
28
|
+
*
|
|
29
|
+
* @returns {JSX.Element} Элемент выбора диапазона дат и времени
|
|
30
|
+
*/
|
|
12
31
|
export default function DatetimeRangeInput({ onDateRangeSet, from, to, variant, sx, placeholder, size, disabled, required, }) {
|
|
13
32
|
const [datetimeRangePickerOpen, setDatetimeRangePickerOpen] = useState(false);
|
|
14
33
|
const [fromDatetime, setFromDatetime] = useState(from || "");
|
|
@@ -1,13 +1,43 @@
|
|
|
1
1
|
import { SxProps } from "@mui/material";
|
|
2
|
+
/**
|
|
3
|
+
* Интерфейс для пропсов компонента выбора диапазона дат.
|
|
4
|
+
*/
|
|
2
5
|
export default interface DatetimeRangeInputProps {
|
|
6
|
+
/**
|
|
7
|
+
* Начальная дата диапазона (опционально).
|
|
8
|
+
*/
|
|
3
9
|
from?: string;
|
|
10
|
+
/**
|
|
11
|
+
* Конечная дата диапазона (опционально).
|
|
12
|
+
*/
|
|
4
13
|
to?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Стили оформления компонента (опционально).
|
|
16
|
+
*/
|
|
5
17
|
sx?: SxProps;
|
|
18
|
+
/**
|
|
19
|
+
* Обязательное ли заполнение поля (опционально).
|
|
20
|
+
*/
|
|
6
21
|
required?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Отключение компонента (опционально).
|
|
24
|
+
*/
|
|
7
25
|
disabled?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Вариант оформления поля: outlined, standard или filled (опционально).
|
|
28
|
+
*/
|
|
8
29
|
variant?: "outlined" | "standard" | "filled";
|
|
30
|
+
/**
|
|
31
|
+
* Текст-подсказка (placeholder) (опционально).
|
|
32
|
+
*/
|
|
9
33
|
placeholder?: string;
|
|
34
|
+
/**
|
|
35
|
+
* Размер поля: small или medium (опционально).
|
|
36
|
+
*/
|
|
10
37
|
size?: "small" | "medium";
|
|
38
|
+
/**
|
|
39
|
+
* Колбэк, вызываемый при выборе диапазона дат. Принимает начальную и конечную дату.
|
|
40
|
+
*/
|
|
11
41
|
onDateRangeSet(start: string, end: string): void;
|
|
12
42
|
}
|
|
13
43
|
//# sourceMappingURL=DatetimeRangeInputProps.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatetimeRangeInputProps.d.ts","sourceRoot":"","sources":["../../../src/components/DatetimeRangeInput/DatetimeRangeInputProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,MAAM,CAAC,OAAO,WAAW,uBAAuB;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CAClD"}
|
|
1
|
+
{"version":3,"file":"DatetimeRangeInputProps.d.ts","sourceRoot":"","sources":["../../../src/components/DatetimeRangeInput/DatetimeRangeInputProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC;;GAEG;AACH,MAAM,CAAC,OAAO,WAAW,uBAAuB;IAC9C;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,EAAE,CAAC,EAAE,OAAO,CAAC;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC7C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B;;OAEG;IACH,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CAClD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,OAAO,EACP,OAAO,EACP,IAAI,GACL,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,OAAO,EACP,OAAO,EACP,IAAI,GACL,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,qBAsBA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import Typography from "@mui/material/Typography";
|
|
3
2
|
import { useTheme } from "@mui/material";
|
|
3
|
+
import Typography from "@mui/material/Typography";
|
|
4
4
|
export default function Footer({ version, appName, desc, }) {
|
|
5
5
|
const theme = useTheme();
|
|
6
6
|
return (React.createElement("footer", { style: {
|
|
@@ -9,7 +9,7 @@ export default function Footer({ version, appName, desc, }) {
|
|
|
9
9
|
justifyContent: "space-between",
|
|
10
10
|
alignItems: "center",
|
|
11
11
|
flexWrap: "wrap",
|
|
12
|
-
boxShadow: theme.shadows[5],
|
|
12
|
+
boxShadow: theme.vars?.shadows[5] || theme.shadows[5],
|
|
13
13
|
} },
|
|
14
14
|
React.createElement(Typography, { sx: { marginLeft: "auto", fontSize: "1rem" } },
|
|
15
15
|
"\u00A9",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IpAddressSwitchableInput.d.ts","sourceRoot":"","sources":["../../../src/components/IpAddressSwitchableInput/IpAddressSwitchableInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"IpAddressSwitchableInput.d.ts","sourceRoot":"","sources":["../../../src/components/IpAddressSwitchableInput/IpAddressSwitchableInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,6BAA6B,MAAM,iCAAiC,CAAC;AAE5E,QAAA,MAAM,wBAAwB,GAAI,aAE/B,6BAA6B,sBAyB/B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import { Button } from "@mui/material";
|
|
1
2
|
import React from "react";
|
|
2
3
|
import IpAddressInput from "../IpAddressInput/IpAddressInput";
|
|
3
|
-
import { Button } from "@mui/material";
|
|
4
4
|
const IpAddressSwitchableInput = ({ ...rest }) => {
|
|
5
5
|
const bestMode = /(([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))/.test(rest.value)
|
|
6
6
|
? "6"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { ReactNode } from "react";
|
|
2
|
-
import { PopoverOrigin } from "@mui/material/Popover";
|
|
3
2
|
import { SxProps, Theme } from "@mui/material";
|
|
3
|
+
import { PopoverOrigin } from "@mui/material/Popover";
|
|
4
4
|
interface NavMenuProps {
|
|
5
5
|
name: string;
|
|
6
6
|
routes: {
|
|
@@ -13,7 +13,8 @@ interface NavMenuProps {
|
|
|
13
13
|
anchorOrigin: PopoverOrigin;
|
|
14
14
|
transformOrigin: PopoverOrigin;
|
|
15
15
|
endIcon: ReactNode;
|
|
16
|
+
withReactRouter?: boolean;
|
|
16
17
|
}
|
|
17
|
-
export default function NavMenu({ name, activeTab, routes, sx, anchorOrigin, transformOrigin, endIcon, }: NavMenuProps): React.JSX.Element;
|
|
18
|
+
export default function NavMenu({ name, activeTab, routes, sx, anchorOrigin, transformOrigin, endIcon, withReactRouter, }: NavMenuProps): React.JSX.Element;
|
|
18
19
|
export {};
|
|
19
20
|
//# sourceMappingURL=NavMenu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"NavMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAK/C,OAAO,EAAkB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGtE,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,OAAO,CAAC;KACvB,EAAE,CAAC;IACJ,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACnB,YAAY,EAAE,aAAa,CAAC;IAC5B,eAAe,EAAE,aAAa,CAAC;IAC/B,OAAO,EAAE,SAAS,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,IAAI,EACJ,SAAS,EACT,MAAM,EACN,EAAE,EACF,YAAY,EACZ,eAAe,EACf,OAAO,EACP,eAAe,GAChB,EAAE,YAAY,qBA6Ed"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import OpenInNewIcon from "@mui/icons-material/OpenInNew";
|
|
2
3
|
import Button from "@mui/material/Button";
|
|
3
4
|
import Link from "@mui/material/Link";
|
|
4
5
|
import Menu from "@mui/material/Menu";
|
|
5
6
|
import MenuItem from "@mui/material/MenuItem";
|
|
6
7
|
import { popoverClasses } from "@mui/material/Popover";
|
|
7
|
-
import
|
|
8
|
-
export default function NavMenu({ name, activeTab, routes, sx, anchorOrigin, transformOrigin, endIcon, }) {
|
|
8
|
+
import { Link as RouterLink } from "react-router";
|
|
9
|
+
export default function NavMenu({ name, activeTab, routes, sx, anchorOrigin, transformOrigin, endIcon, withReactRouter, }) {
|
|
9
10
|
const [anchorEl, setAnchorEl] = React.useState(null);
|
|
10
11
|
let currentlyHovering = false;
|
|
11
12
|
const open = anchorEl != null;
|
|
@@ -37,7 +38,7 @@ export default function NavMenu({ name, activeTab, routes, sx, anchorOrigin, tra
|
|
|
37
38
|
style: { pointerEvents: "auto" },
|
|
38
39
|
},
|
|
39
40
|
}, sx: { [`&.${popoverClasses.root}`]: { pointerEvents: "none" } }, elevation: 0, anchorOrigin: anchorOrigin, transformOrigin: transformOrigin }, routes.map((route, idx) => (React.createElement(MenuItem, { key: idx, disabled: route.url === activeTab, sx: { p: 0 } },
|
|
40
|
-
React.createElement(Link, { href: route.url, underline: "none", color: "inherit", sx: { px: "1rem", py: "0.5rem", width: "-webkit-fill-available" }, target: route.targetBlank ? "_blank" : undefined, rel: route.targetBlank ? "noopener noreferrer" : undefined },
|
|
41
|
+
React.createElement(Link, { component: withReactRouter ? RouterLink : "a", to: withReactRouter ? route.url : undefined, href: withReactRouter ? undefined : route.url, underline: "none", color: "inherit", sx: { px: "1rem", py: "0.5rem", width: "-webkit-fill-available" }, target: route.targetBlank ? "_blank" : undefined, rel: route.targetBlank ? "noopener noreferrer" : undefined },
|
|
41
42
|
route.name,
|
|
42
43
|
" ",
|
|
43
44
|
route.targetBlank && (React.createElement(OpenInNewIcon, { fontSize: "small", color: "primary" })))))))));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import NavigationProps from "./NavigationProps";
|
|
3
|
-
export default function Navigation({
|
|
3
|
+
export default function Navigation({ additionalControls, username, title, navLinks, logoutPageUrl, defautlUrl, appsUrl, profileUrl, activeTab, withReactRouter, }: NavigationProps): React.JSX.Element;
|
|
4
4
|
//# sourceMappingURL=Navigation.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/Navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/Navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AA4BzC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAGhD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,kBAAkB,EAClB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,UAAU,EACV,OAAO,EACP,UAAU,EACV,SAAS,EACT,eAAe,GAChB,EAAE,eAAe,qBA8VjB"}
|
|
@@ -1,4 +1,12 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import ArrowDropDownRoundedIcon from "@mui/icons-material/ArrowDropDownRounded";
|
|
3
|
+
import ArrowRightRoundedIcon from "@mui/icons-material/ArrowRightRounded";
|
|
4
|
+
import DarkModeIcon from "@mui/icons-material/DarkMode";
|
|
5
|
+
import HubIcon from "@mui/icons-material/Hub";
|
|
6
|
+
import LightModeIcon from "@mui/icons-material/LightMode";
|
|
7
|
+
import LogoutIcon from "@mui/icons-material/Logout";
|
|
8
|
+
import ManageAccountsIcon from "@mui/icons-material/ManageAccounts";
|
|
9
|
+
import MenuIcon from "@mui/icons-material/Menu";
|
|
2
10
|
import AppBar from "@mui/material/AppBar";
|
|
3
11
|
import Box from "@mui/material/Box";
|
|
4
12
|
import Container from "@mui/material/Container";
|
|
@@ -7,21 +15,15 @@ import Menu from "@mui/material/Menu";
|
|
|
7
15
|
import MenuItem from "@mui/material/MenuItem";
|
|
8
16
|
import Toolbar from "@mui/material/Toolbar";
|
|
9
17
|
import Typography from "@mui/material/Typography";
|
|
10
|
-
import
|
|
11
|
-
import MenuIcon from "@mui/icons-material/Menu";
|
|
12
|
-
import LightModeIcon from "@mui/icons-material/LightMode";
|
|
13
|
-
import DarkModeIcon from "@mui/icons-material/DarkMode";
|
|
14
|
-
import HubIcon from "@mui/icons-material/Hub";
|
|
15
|
-
import ManageAccountsIcon from "@mui/icons-material/ManageAccounts";
|
|
16
|
-
import ArrowDropDownRoundedIcon from "@mui/icons-material/ArrowDropDownRounded";
|
|
17
|
-
import ArrowRightRoundedIcon from "@mui/icons-material/ArrowRightRounded";
|
|
18
|
+
import { Link as RouterLink, useLocation } from "react-router";
|
|
18
19
|
import Avatar from "@mui/material/Avatar";
|
|
19
20
|
import ListItemIcon from "@mui/material/ListItemIcon";
|
|
20
21
|
import ListItemText from "@mui/material/ListItemText";
|
|
21
22
|
import { Button, useColorScheme, useMediaQuery } from "@mui/material";
|
|
22
23
|
import { popoverClasses } from "@mui/material/Popover";
|
|
23
24
|
import NavMenu from "./NavMenu";
|
|
24
|
-
export default function Navigation({
|
|
25
|
+
export default function Navigation({ additionalControls, username, title, navLinks, logoutPageUrl, defautlUrl, appsUrl, profileUrl, activeTab, withReactRouter, }) {
|
|
26
|
+
const locationRouter = withReactRouter ? useLocation() : undefined;
|
|
25
27
|
const { mode, setMode } = useColorScheme();
|
|
26
28
|
const prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
|
|
27
29
|
const [anchorElNav, setAnchorElNav] = React.useState(null);
|
|
@@ -39,10 +41,11 @@ export default function Navigation({ activeTab, additionalControls, username, ti
|
|
|
39
41
|
const getPages = (sx, anchorOrigin, transformOrigin, endIcon) => {
|
|
40
42
|
return navLinks.map((lnk, idx) => {
|
|
41
43
|
if ("groupName" in lnk) {
|
|
42
|
-
return (React.createElement(NavMenu, { key: idx, name: lnk.groupName, routes: lnk.links, activeTab: activeTab, sx: sx, anchorOrigin: anchorOrigin, transformOrigin: transformOrigin, endIcon: endIcon }));
|
|
44
|
+
return (React.createElement(NavMenu, { key: idx, name: lnk.groupName, routes: lnk.links, activeTab: (withReactRouter ? locationRouter?.pathname : activeTab) || "", sx: sx, anchorOrigin: anchorOrigin, transformOrigin: transformOrigin, endIcon: endIcon, withReactRouter: withReactRouter }));
|
|
43
45
|
}
|
|
44
46
|
else {
|
|
45
|
-
React.createElement(Button, {
|
|
47
|
+
return (React.createElement(Button, { component: withReactRouter ? RouterLink : "button", disabled: lnk.url ===
|
|
48
|
+
(withReactRouter ? locationRouter?.pathname : activeTab), to: withReactRouter ? lnk.url : undefined, href: withReactRouter ? undefined : lnk.url, key: idx, sx: sx, color: "inherit", variant: "text" }, lnk.name));
|
|
46
49
|
}
|
|
47
50
|
});
|
|
48
51
|
};
|
|
@@ -181,7 +184,7 @@ export default function Navigation({ activeTab, additionalControls, username, ti
|
|
|
181
184
|
React.createElement(ListItemIcon, null,
|
|
182
185
|
React.createElement(HubIcon, { fontSize: "small" })),
|
|
183
186
|
React.createElement(ListItemText, null, "\u041F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F"))),
|
|
184
|
-
React.createElement(MenuItem, { href: logoutPageUrl, component: "a" },
|
|
187
|
+
React.createElement(MenuItem, { to: withReactRouter ? logoutPageUrl : undefined, href: withReactRouter ? undefined : logoutPageUrl, component: withReactRouter ? RouterLink : "a" },
|
|
185
188
|
React.createElement(ListItemIcon, null,
|
|
186
189
|
React.createElement(LogoutIcon, { fontSize: "small" })),
|
|
187
190
|
React.createElement(ListItemText, null, "\u0412\u044B\u0439\u0442\u0438 \u0438\u0437 \u0441\u0438\u0441\u0442\u0435\u043C\u044B"))))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationProps.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationProps.ts"],"names":[],"mappings":"AAAA,UAAU,OAAO;IACf,KAAK,EACD,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,MAAM,GACN,SAAS,GACT,OAAO,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EACD,IAAI,GACJ,IAAI,GACJ,QAAQ,GACR,aAAa,GACb,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;IACV,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACjC;AAED,UAAU,IAAI;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,WAAW,eAAe;IACtC,SAAS,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"NavigationProps.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationProps.ts"],"names":[],"mappings":"AAAA,UAAU,OAAO;IACf,KAAK,EACD,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,MAAM,GACN,SAAS,GACT,OAAO,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EACD,IAAI,GACJ,IAAI,GACJ,QAAQ,GACR,aAAa,GACb,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;IACV,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACjC;AAED,UAAU,IAAI;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,WAAW,eAAe;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,OAAO,EAAE,CAAC;IAC/B,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CACN;QACE,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,EAAE,IAAI,EAAE,CAAC;KACf,GACD,IAAI,CACP,EAAE,CAAC;CACL"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/PageWrapper/PageWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PageWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/PageWrapper/PageWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,OAAO,EACP,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,gBAAgB,qBAqBlB"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import Stack from "@mui/material/Stack";
|
|
3
|
-
import Navigation from "../Navigation/Navigation";
|
|
4
|
-
import Footer from "../Footer/Footer";
|
|
5
3
|
import { useTheme } from "@mui/material";
|
|
4
|
+
import Footer from "../Footer/Footer";
|
|
5
|
+
import Navigation from "../Navigation/Navigation";
|
|
6
6
|
export default function PageWrapper({ children, version, appName, desc, ...props }) {
|
|
7
7
|
const theme = useTheme();
|
|
8
|
-
return (React.createElement(Stack, { direction: "column", bgcolor: theme.palette.background.default
|
|
8
|
+
return (React.createElement(Stack, { direction: "column", bgcolor: theme.vars?.palette.background.default ||
|
|
9
|
+
theme.palette.background.default, sx: {
|
|
9
10
|
justifyContent: "space-between",
|
|
10
11
|
minHeight: "100vh",
|
|
11
12
|
position: "relative",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import RichFilterTextFieldProps from "./RichFilterTextFieldProps";
|
|
3
|
-
declare const RichFilterTextField: ({ filterExpr, filterExprHist, fields, operators, onChange, }: RichFilterTextFieldProps) => React.JSX.Element;
|
|
3
|
+
declare const RichFilterTextField: ({ filterExpr, filterExprHist: searchHist, fields, operators, additionalComponents, instant: _instant, onChange, onSelectFromHistory, }: RichFilterTextFieldProps) => React.JSX.Element;
|
|
4
4
|
export default RichFilterTextField;
|
|
5
5
|
//# sourceMappingURL=RichFilterTextField.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichFilterTextField.d.ts","sourceRoot":"","sources":["../../../src/components/RichFilterTextField/RichFilterTextField.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RichFilterTextField.d.ts","sourceRoot":"","sources":["../../../src/components/RichFilterTextField/RichFilterTextField.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAI1E,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAGlE,QAAA,MAAM,mBAAmB,GAAI,wIAS1B,wBAAwB,sBAkS1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|