@danikokonn/yarik-frontend-lib 2.0.49 → 2.0.51
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 +1 -2
- package/dist/components/ActionDialog/ActionDialog.d.ts.map +1 -1
- package/dist/components/ActionDialog/ActionDialog.js +7 -18
- package/dist/components/ActionDialog/ActionDialogProps.d.ts +1 -1
- package/dist/components/ActionDialog/ActionDialogProps.d.ts.map +1 -1
- package/dist/components/ActionDialog/index.d.ts +2 -2
- package/dist/components/ActionDialog/index.d.ts.map +1 -1
- package/dist/components/ActionDialog/index.js +1 -1
- package/dist/components/ColumnSearchInput/ColumnSearchInput.d.ts +1 -2
- package/dist/components/ColumnSearchInput/ColumnSearchInput.d.ts.map +1 -1
- package/dist/components/ColumnSearchInput/ColumnSearchInput.js +5 -5
- package/dist/components/ColumnSearchInput/index.d.ts +2 -2
- package/dist/components/ColumnSearchInput/index.d.ts.map +1 -1
- package/dist/components/ColumnSearchInput/index.js +1 -1
- package/dist/components/DateTimeRangePicker/DateTimeRangePicker.d.ts +2 -3
- package/dist/components/DateTimeRangePicker/DateTimeRangePicker.d.ts.map +1 -1
- package/dist/components/DateTimeRangePicker/DateTimeRangePicker.js +39 -41
- package/dist/components/DateTimeRangePicker/index.d.ts +2 -2
- package/dist/components/DateTimeRangePicker/index.d.ts.map +1 -1
- package/dist/components/DateTimeRangePicker/index.js +1 -1
- package/dist/components/DatetimeRangeInput/DatetimeRangeInput.d.ts +1 -1
- package/dist/components/DatetimeRangeInput/DatetimeRangeInput.d.ts.map +1 -1
- package/dist/components/DatetimeRangeInput/DatetimeRangeInput.js +36 -42
- package/dist/components/DatetimeRangeInput/index.d.ts +2 -2
- package/dist/components/DatetimeRangeInput/index.d.ts.map +1 -1
- package/dist/components/DatetimeRangeInput/index.js +1 -1
- package/dist/components/Footer/Footer.d.ts +1 -2
- package/dist/components/Footer/Footer.d.ts.map +1 -1
- package/dist/components/Footer/Footer.js +3 -11
- package/dist/components/Footer/index.d.ts +1 -1
- package/dist/components/Footer/index.d.ts.map +1 -1
- package/dist/components/Footer/index.js +1 -1
- package/dist/components/IpAddressInput/IpAddressInput.d.ts +1 -2
- package/dist/components/IpAddressInput/IpAddressInput.d.ts.map +1 -1
- package/dist/components/IpAddressInput/IpAddressInput.js +5 -6
- package/dist/components/IpAddressInput/index.d.ts +2 -2
- package/dist/components/IpAddressInput/index.d.ts.map +1 -1
- package/dist/components/IpAddressInput/index.js +1 -1
- package/dist/components/IpAddressSwitchableInput/IpAddressSwitchableInput.d.ts +1 -2
- package/dist/components/IpAddressSwitchableInput/IpAddressSwitchableInput.d.ts.map +1 -1
- package/dist/components/IpAddressSwitchableInput/IpAddressSwitchableInput.js +2 -1
- package/dist/components/IpAddressSwitchableInput/index.d.ts +2 -2
- package/dist/components/IpAddressSwitchableInput/index.d.ts.map +1 -1
- package/dist/components/IpAddressSwitchableInput/index.js +1 -1
- package/dist/components/LocalizedDatetimePicker/LocalizedDatetimePicker.d.ts +1 -2
- package/dist/components/LocalizedDatetimePicker/LocalizedDatetimePicker.d.ts.map +1 -1
- package/dist/components/LocalizedDatetimePicker/LocalizedDatetimePicker.js +6 -6
- package/dist/components/LocalizedDatetimePicker/index.d.ts +2 -2
- package/dist/components/LocalizedDatetimePicker/index.d.ts.map +1 -1
- package/dist/components/LocalizedDatetimePicker/index.js +1 -1
- package/dist/components/Navigation/NavMenu.d.ts +2 -2
- package/dist/components/Navigation/NavMenu.d.ts.map +1 -1
- package/dist/components/Navigation/NavMenu.js +20 -25
- package/dist/components/Navigation/Navigation.d.ts +1 -2
- package/dist/components/Navigation/Navigation.d.ts.map +1 -1
- package/dist/components/Navigation/Navigation.js +107 -139
- package/dist/components/Navigation/index.d.ts +2 -2
- package/dist/components/Navigation/index.d.ts.map +1 -1
- package/dist/components/Navigation/index.js +1 -1
- package/dist/components/NumberRangeInput/NumberRangeInput.d.ts +1 -2
- package/dist/components/NumberRangeInput/NumberRangeInput.d.ts.map +1 -1
- package/dist/components/NumberRangeInput/NumberRangeInput.js +34 -39
- package/dist/components/NumberRangeInput/index.d.ts +2 -2
- package/dist/components/NumberRangeInput/index.d.ts.map +1 -1
- package/dist/components/NumberRangeInput/index.js +1 -1
- package/dist/components/PageWrapper/PageWrapper.d.ts +1 -2
- package/dist/components/PageWrapper/PageWrapper.d.ts.map +1 -1
- package/dist/components/PageWrapper/PageWrapper.js +4 -7
- package/dist/components/PageWrapper/index.d.ts +2 -2
- package/dist/components/PageWrapper/index.d.ts.map +1 -1
- package/dist/components/PageWrapper/index.js +1 -1
- package/dist/components/RichFilterTextField/FilterHistoryMenu.d.ts +1 -2
- package/dist/components/RichFilterTextField/FilterHistoryMenu.d.ts.map +1 -1
- package/dist/components/RichFilterTextField/FilterHistoryMenu.js +17 -31
- package/dist/components/RichFilterTextField/HintOptionsMenu.d.ts +4 -4
- package/dist/components/RichFilterTextField/HintOptionsMenu.d.ts.map +1 -1
- package/dist/components/RichFilterTextField/HintOptionsMenu.js +8 -10
- package/dist/components/RichFilterTextField/RichFilterTextField.d.ts +1 -2
- package/dist/components/RichFilterTextField/RichFilterTextField.d.ts.map +1 -1
- package/dist/components/RichFilterTextField/RichFilterTextField.js +40 -47
- package/dist/components/RichFilterTextField/index.d.ts +2 -2
- package/dist/components/RichFilterTextField/index.d.ts.map +1 -1
- package/dist/components/RichFilterTextField/index.js +1 -1
- package/dist/components/RichFilterTextField/utils.d.ts.map +1 -1
- package/dist/components/RichFilterTextField/utils.js +12 -4
- package/dist/components/SmartTable/RowContent.d.ts +2 -2
- package/dist/components/SmartTable/RowContent.d.ts.map +1 -1
- package/dist/components/SmartTable/RowContent.js +29 -31
- package/dist/components/SmartTable/SmartTable.d.ts +1 -2
- package/dist/components/SmartTable/SmartTable.d.ts.map +1 -1
- package/dist/components/SmartTable/SmartTable.js +52 -77
- package/dist/components/SmartTable/TableHeader.d.ts +1 -2
- package/dist/components/SmartTable/TableHeader.d.ts.map +1 -1
- package/dist/components/SmartTable/TableHeader.js +2 -2
- package/dist/components/SmartTable/index.d.ts +2 -2
- package/dist/components/SmartTable/index.d.ts.map +1 -1
- package/dist/components/SmartTable/index.js +1 -1
- package/dist/components/SortBtn/SortBtn.d.ts +1 -2
- package/dist/components/SortBtn/SortBtn.d.ts.map +1 -1
- package/dist/components/SortBtn/SortBtn.js +3 -2
- package/dist/components/SortBtn/index.d.ts +2 -2
- package/dist/components/SortBtn/index.d.ts.map +1 -1
- package/dist/components/SortBtn/index.js +1 -1
- package/dist/components/SubtaskItem/SubtaskItem.d.ts +1 -2
- package/dist/components/SubtaskItem/SubtaskItem.d.ts.map +1 -1
- package/dist/components/SubtaskItem/SubtaskItem.js +47 -57
- package/dist/components/SubtaskItem/SubtaskItemProps.d.ts +1 -1
- package/dist/components/SubtaskItem/SubtaskItemProps.d.ts.map +1 -1
- package/dist/components/SubtaskItem/index.d.ts +2 -2
- package/dist/components/SubtaskItem/index.d.ts.map +1 -1
- package/dist/components/SubtaskItem/index.js +1 -1
- package/dist/components/TaskLoader/TaskLoader.d.ts +1 -2
- package/dist/components/TaskLoader/TaskLoader.d.ts.map +1 -1
- package/dist/components/TaskLoader/TaskLoader.js +68 -92
- package/dist/components/TaskLoader/index.d.ts +2 -2
- package/dist/components/TaskLoader/index.d.ts.map +1 -1
- package/dist/components/TaskLoader/index.js +1 -1
- package/dist/components/TaskStateDialog/TaskStateDialog.d.ts +1 -2
- package/dist/components/TaskStateDialog/TaskStateDialog.d.ts.map +1 -1
- package/dist/components/TaskStateDialog/TaskStateDialog.js +27 -44
- package/dist/components/TaskStateDialog/index.d.ts +2 -2
- package/dist/components/TaskStateDialog/index.d.ts.map +1 -1
- package/dist/components/TaskStateDialog/index.js +1 -1
- package/dist/components/icons/GenerateAndRunIcon.d.ts +1 -2
- package/dist/components/icons/GenerateAndRunIcon.d.ts.map +1 -1
- package/dist/components/icons/GenerateAndRunIcon.js +4 -24
- package/dist/components/icons/GenerateIcon.d.ts +1 -2
- package/dist/components/icons/GenerateIcon.d.ts.map +1 -1
- package/dist/components/icons/GenerateIcon.js +4 -22
- package/dist/components/icons/IntegerIcon.d.ts +1 -2
- package/dist/components/icons/IntegerIcon.d.ts.map +1 -1
- package/dist/components/icons/IntegerIcon.js +4 -10
- package/dist/components/icons/ProcessingIcon.d.ts +1 -2
- package/dist/components/icons/ProcessingIcon.d.ts.map +1 -1
- package/dist/components/icons/ProcessingIcon.js +2 -12
- package/dist/components/icons/QueueIcon.d.ts +1 -2
- package/dist/components/icons/QueueIcon.d.ts.map +1 -1
- package/dist/components/icons/QueueIcon.js +4 -10
- package/dist/components/icons/RangeIcon.d.ts +1 -2
- package/dist/components/icons/RangeIcon.d.ts.map +1 -1
- package/dist/components/icons/RangeIcon.js +4 -10
- package/dist/components/icons/RunIcon.d.ts +1 -2
- package/dist/components/icons/RunIcon.d.ts.map +1 -1
- package/dist/components/icons/RunIcon.js +4 -13
- package/dist/components/icons/TextModeIcon.d.ts.map +1 -1
- package/dist/components/icons/TextModeIcon.js +2 -6
- package/dist/components/icons/index.d.ts +1 -2
- package/dist/components/icons/index.d.ts.map +1 -1
- package/dist/components/icons/index.js +1 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -2
- package/dist/providers/AirflowProvider.d.ts +1 -1
- package/dist/providers/AirflowProvider.d.ts.map +1 -1
- package/dist/providers/AirflowProvider.js +4 -3
- package/dist/providers/DagStateProvider.d.ts +1 -1
- package/dist/providers/DagStateProvider.d.ts.map +1 -1
- package/dist/providers/DagStateProvider.js +4 -3
- package/dist/providers/SessionProvider.d.ts +1 -1
- package/dist/providers/SessionProvider.d.ts.map +1 -1
- package/dist/providers/SessionProvider.js +4 -3
- package/dist/providers/SnackBarProvider.d.ts +1 -1
- package/dist/providers/SnackBarProvider.d.ts.map +1 -1
- package/dist/providers/SnackBarProvider.js +7 -8
- package/dist/providers/index.d.ts +4 -4
- package/dist/providers/index.d.ts.map +1 -1
- package/dist/providers/index.js +4 -4
- package/package.json +18 -16
- package/dist/components/icons/TreeModeIcon.d.ts +0 -5
- package/dist/components/icons/TreeModeIcon.d.ts.map +0 -1
- package/dist/components/icons/TreeModeIcon.js +0 -8
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import React from "react";
|
|
2
1
|
import ActionDialogProps from "./ActionDialogProps";
|
|
3
2
|
/**
|
|
4
3
|
* Диалоговое окно с подтверждением действия.
|
|
@@ -19,5 +18,5 @@ import ActionDialogProps from "./ActionDialogProps";
|
|
|
19
18
|
* @param onClose Обработчик закрытия диалога
|
|
20
19
|
* @param onConfirm Обработчик подтверждения
|
|
21
20
|
*/
|
|
22
|
-
export default function ActionDialog({ open, fullWidth, maxWidth, title, contentText, contentInputForm, cancelText, confirmText, confirmAllowed, confirmTooltipTitle, onClose, onConfirm, }: ActionDialogProps):
|
|
21
|
+
export default function ActionDialog({ open, fullWidth, maxWidth, title, contentText, contentInputForm, cancelText, confirmText, confirmAllowed, confirmTooltipTitle, onClose, onConfirm, }: ActionDialogProps): import("react/jsx-runtime").JSX.Element;
|
|
23
22
|
//# sourceMappingURL=ActionDialog.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionDialog.d.ts","sourceRoot":"","sources":["../../../src/components/ActionDialog/ActionDialog.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ActionDialog.d.ts","sourceRoot":"","sources":["../../../src/components/ActionDialog/ActionDialog.tsx"],"names":[],"mappings":"AASA,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,2CAiDnB"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import CloseIcon from "@mui/icons-material/Close";
|
|
3
3
|
import Button from "@mui/material/Button";
|
|
4
4
|
import Dialog from "@mui/material/Dialog";
|
|
@@ -28,21 +28,10 @@ import Tooltip from "@mui/material/Tooltip";
|
|
|
28
28
|
* @param onConfirm Обработчик подтверждения
|
|
29
29
|
*/
|
|
30
30
|
export default function ActionDialog({ open, fullWidth, maxWidth, title, contentText, contentInputForm, cancelText, confirmText, confirmAllowed, confirmTooltipTitle, onClose, onConfirm, }) {
|
|
31
|
-
return (
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
top:
|
|
37
|
-
color: theme.palette.grey[500],
|
|
38
|
-
}) },
|
|
39
|
-
React.createElement(CloseIcon, null)),
|
|
40
|
-
React.createElement(DialogContent, null,
|
|
41
|
-
typeof contentText === "string" ? (React.createElement(DialogContentText, null, contentText)) : (contentText.map((t, idx) => (React.createElement(DialogContentText, { key: idx }, t)))),
|
|
42
|
-
contentInputForm),
|
|
43
|
-
React.createElement(DialogActions, null,
|
|
44
|
-
React.createElement(Button, { color: "secondary", onClick: onClose }, cancelText),
|
|
45
|
-
React.createElement(Tooltip, { title: confirmTooltipTitle, enterDelay: 400, placement: "top" },
|
|
46
|
-
React.createElement("span", { tabIndex: 0, style: { display: "inline-block" } },
|
|
47
|
-
React.createElement(Button, { color: "primary", onClick: onConfirm, disabled: !confirmAllowed }, confirmText))))));
|
|
31
|
+
return (_jsxs(Dialog, { open: open, onClose: onClose, maxWidth: maxWidth, fullWidth: fullWidth, children: [_jsx(DialogTitle, { children: title }), _jsx(IconButton, { "aria-label": "close", onClick: onClose, sx: (theme) => ({
|
|
32
|
+
position: "absolute",
|
|
33
|
+
right: 8,
|
|
34
|
+
top: 8,
|
|
35
|
+
color: theme.palette.grey[500],
|
|
36
|
+
}), children: _jsx(CloseIcon, {}) }), _jsxs(DialogContent, { children: [typeof contentText === "string" ? (_jsx(DialogContentText, { children: contentText })) : (contentText.map((t, idx) => (_jsx(DialogContentText, { children: t }, idx)))), contentInputForm] }), _jsxs(DialogActions, { children: [_jsx(Button, { color: "secondary", onClick: onClose, children: cancelText }), _jsx(Tooltip, { title: confirmTooltipTitle, enterDelay: 400, placement: "top", children: _jsx("span", { tabIndex: 0, style: { display: "inline-block" }, children: _jsx(Button, { color: "primary", onClick: onConfirm, disabled: !confirmAllowed, children: confirmText }) }) })] })] }));
|
|
48
37
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionDialogProps.d.ts","sourceRoot":"","sources":["../../../src/components/ActionDialog/ActionDialogProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ActionDialogProps.d.ts","sourceRoot":"","sources":["../../../src/components/ActionDialog/ActionDialogProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC;;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,5 +1,5 @@
|
|
|
1
|
-
export { default } from "./ActionDialog";
|
|
2
1
|
export * from "./ActionDialog";
|
|
3
|
-
export { default
|
|
2
|
+
export { default } from "./ActionDialog";
|
|
4
3
|
export * from "./ActionDialogProps";
|
|
4
|
+
export { type default as ActionDialogProps } from "./ActionDialogProps";
|
|
5
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ActionDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ActionDialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,KAAK,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import React from "react";
|
|
2
1
|
import ColumnSearchInputProps from "./ColumnSearchInputProps";
|
|
3
2
|
/**
|
|
4
3
|
* Компонент поля поиска для таблицы или списка.
|
|
@@ -12,5 +11,5 @@ import ColumnSearchInputProps from "./ColumnSearchInputProps";
|
|
|
12
11
|
*
|
|
13
12
|
* @returns {JSX.Element} Элемент поля поиска
|
|
14
13
|
*/
|
|
15
|
-
export default function ColumnSearchInput({ field, searchStr, onInputSearch, }: ColumnSearchInputProps):
|
|
14
|
+
export default function ColumnSearchInput({ field, searchStr, onInputSearch, }: ColumnSearchInputProps): import("react/jsx-runtime").JSX.Element;
|
|
16
15
|
//# sourceMappingURL=ColumnSearchInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColumnSearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/ColumnSearchInput/ColumnSearchInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ColumnSearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/ColumnSearchInput/ColumnSearchInput.tsx"],"names":[],"mappings":"AAIA,OAAO,sBAAsB,MAAM,0BAA0B,CAAC;AAE9D;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,KAAK,EACL,SAAS,EACT,aAAa,GACd,EAAE,sBAAsB,2CA4BxB"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import SearchIcon from "@mui/icons-material/Search";
|
|
2
3
|
import InputAdornment from "@mui/material/InputAdornment";
|
|
3
4
|
import TextField from "@mui/material/TextField";
|
|
4
|
-
import
|
|
5
|
+
import { useState } from "react";
|
|
5
6
|
/**
|
|
6
7
|
* Компонент поля поиска для таблицы или списка.
|
|
7
8
|
*
|
|
@@ -21,10 +22,9 @@ export default function ColumnSearchInput({ field, searchStr, onInputSearch, })
|
|
|
21
22
|
onInputSearch([{ field: field, search: newSearch }]);
|
|
22
23
|
setSearch(newSearch);
|
|
23
24
|
}
|
|
24
|
-
return (
|
|
25
|
+
return (_jsx(TextField, { size: "small", type: "search", value: search, onChange: handleChange, variant: "standard", fullWidth: true, slotProps: {
|
|
25
26
|
input: {
|
|
26
|
-
startAdornment: (
|
|
27
|
-
React.createElement(SearchIcon, null))),
|
|
27
|
+
startAdornment: (_jsx(InputAdornment, { position: "start", children: _jsx(SearchIcon, {}) })),
|
|
28
28
|
},
|
|
29
29
|
} }));
|
|
30
30
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { default } from "./ColumnSearchInput";
|
|
2
1
|
export * from "./ColumnSearchInput";
|
|
3
|
-
export { default
|
|
2
|
+
export { default } from "./ColumnSearchInput";
|
|
4
3
|
export * from "./ColumnSearchInputProps";
|
|
4
|
+
export { type default as ColumnSearchInputProps } from "./ColumnSearchInputProps";
|
|
5
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ColumnSearchInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ColumnSearchInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,KAAK,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import DateTimeRangePickerProps from "./DateTimeRangePickerProps";
|
|
3
1
|
import "moment/locale/ru";
|
|
4
|
-
|
|
2
|
+
import DateTimeRangePickerProps from "./DateTimeRangePickerProps";
|
|
3
|
+
export default function DateTimeRangePicker({ disableFuture, disabled, fromDatetime, toDateTime, required, error, onStartDateSet, onEndDateSet, }: DateTimeRangePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
5
4
|
//# sourceMappingURL=DateTimeRangePicker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimeRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimeRangePicker/DateTimeRangePicker.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DateTimeRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimeRangePicker/DateTimeRangePicker.tsx"],"names":[],"mappings":"AAOA,OAAO,kBAAkB,CAAC;AAG1B,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAElE,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,2CAmF1B"}
|
|
@@ -1,51 +1,49 @@
|
|
|
1
|
-
import
|
|
2
|
-
import moment from "moment-timezone";
|
|
3
|
-
import "moment/locale/ru";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
4
2
|
import Stack from "@mui/material/Stack";
|
|
5
3
|
import { DesktopDateTimePicker, LocalizationProvider, } from "@mui/x-date-pickers";
|
|
6
4
|
import { AdapterMoment } from "@mui/x-date-pickers/AdapterMoment";
|
|
5
|
+
import moment from "moment-timezone";
|
|
6
|
+
import "moment/locale/ru";
|
|
7
|
+
import { useState } from "react";
|
|
7
8
|
import { useDebounce } from "../../utils";
|
|
8
9
|
export default function DateTimeRangePicker({ disableFuture, disabled, fromDatetime, toDateTime, required, error, onStartDateSet, onEndDateSet, }) {
|
|
9
10
|
const [fromDatetimePickerOpen, setFromDatetimePickerOpen] = useState(false);
|
|
10
11
|
const [toDatetimePickerOpen, setToDatetimePickerOpen] = useState(false);
|
|
11
12
|
const fromDttm = fromDatetime.length > 0 ? moment(fromDatetime) : null;
|
|
12
13
|
const toDttm = toDateTime.length > 0 ? moment(toDateTime) : null;
|
|
13
|
-
return (
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
position: "start",
|
|
49
|
-
},
|
|
50
|
-
}, onClose: () => setToDatetimePickerOpen(false) }))));
|
|
14
|
+
return (_jsx(LocalizationProvider, { dateAdapter: AdapterMoment, adapterLocale: "ru", dateLibInstance: moment, children: _jsxs(Stack, { direction: "row", sx: { m: 2 }, spacing: 2, children: [_jsx(DesktopDateTimePicker, { disabled: disabled, open: fromDatetimePickerOpen, reduceAnimations: true, onChange: useDebounce((v, _c) => {
|
|
15
|
+
onStartDateSet((v && v.toISOString(true)) || "");
|
|
16
|
+
}, 200), disableFuture: disableFuture, views: ["year", "month", "day", "hours", "minutes", "seconds"], timezone: "Europe/Moscow", ampm: false, ampmInClock: false, value: fromDttm, timeSteps: { hours: 1, minutes: 1, seconds: 1 }, slotProps: {
|
|
17
|
+
field: {
|
|
18
|
+
clearable: true,
|
|
19
|
+
},
|
|
20
|
+
textField: {
|
|
21
|
+
label: "С",
|
|
22
|
+
variant: "standard",
|
|
23
|
+
required: required,
|
|
24
|
+
helperText: required && fromDttm == null && "Введите дату начала интервала",
|
|
25
|
+
error: error || (required && toDttm == null),
|
|
26
|
+
},
|
|
27
|
+
inputAdornment: {
|
|
28
|
+
position: "start",
|
|
29
|
+
onClick: () => setFromDatetimePickerOpen(true),
|
|
30
|
+
},
|
|
31
|
+
}, onClose: () => setFromDatetimePickerOpen(false) }), _jsx(DesktopDateTimePicker, { disabled: disabled, open: toDatetimePickerOpen, reduceAnimations: true, onChange: useDebounce((v, _c) => {
|
|
32
|
+
onEndDateSet((v && v.toISOString(true)) || "");
|
|
33
|
+
}, 200), disableFuture: disableFuture, views: ["year", "month", "day", "hours", "minutes", "seconds"], timezone: "Europe/Moscow", ampm: false, ampmInClock: false, timeSteps: { hours: 1, minutes: 1, seconds: 1 }, value: toDttm, slotProps: {
|
|
34
|
+
field: {
|
|
35
|
+
clearable: true,
|
|
36
|
+
},
|
|
37
|
+
textField: {
|
|
38
|
+
label: "По",
|
|
39
|
+
variant: "standard",
|
|
40
|
+
required: required,
|
|
41
|
+
helperText: required && toDttm == null && "Введите дату конца интервала",
|
|
42
|
+
error: error || (required && toDttm == null),
|
|
43
|
+
},
|
|
44
|
+
inputAdornment: {
|
|
45
|
+
onClick: () => setToDatetimePickerOpen(true),
|
|
46
|
+
position: "start",
|
|
47
|
+
},
|
|
48
|
+
}, onClose: () => setToDatetimePickerOpen(false) })] }) }));
|
|
51
49
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { default } from "./DateTimeRangePicker";
|
|
2
1
|
export * from "./DateTimeRangePicker";
|
|
3
|
-
export { default
|
|
2
|
+
export { default } from "./DateTimeRangePicker";
|
|
4
3
|
export * from "./DateTimeRangePickerProps";
|
|
4
|
+
export { type default as DateTimeRangePickerProps } from "./DateTimeRangePickerProps";
|
|
5
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimeRangePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimeRangePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,KAAK,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatetimeRangeInput.d.ts","sourceRoot":"","sources":["../../../src/components/DatetimeRangeInput/DatetimeRangeInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DatetimeRangeInput.d.ts","sourceRoot":"","sources":["../../../src/components/DatetimeRangeInput/DatetimeRangeInput.tsx"],"names":[],"mappings":"AAQA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAoC,MAAM,OAAO,CAAC;AAC9D,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAKhE;;;;;;;;;;;;;;;;;;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,15 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import "moment/locale/ru";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { prettyDatetime } from "@app/utils";
|
|
4
3
|
import ClearIcon from "@mui/icons-material/Clear";
|
|
5
4
|
import DateRangeIcon from "@mui/icons-material/DateRange";
|
|
5
|
+
import { Skeleton, Stack } from "@mui/material";
|
|
6
6
|
import IconButton from "@mui/material/IconButton";
|
|
7
7
|
import Popover from "@mui/material/Popover";
|
|
8
8
|
import TextField from "@mui/material/TextField";
|
|
9
|
+
import moment from "moment-timezone";
|
|
10
|
+
import "moment/locale/ru";
|
|
11
|
+
import { lazy, Suspense, useRef, useState } from "react";
|
|
9
12
|
const DateTimeRangePicker = lazy(() => import("../DateTimeRangePicker/DateTimeRangePicker"));
|
|
10
|
-
import { Skeleton, Stack } from "@mui/material";
|
|
11
|
-
import { prettyDatetime } from "../../utils";
|
|
12
13
|
/**
|
|
13
14
|
* Компонент выбора диапазона дат и времени.
|
|
14
15
|
*
|
|
@@ -40,41 +41,34 @@ export default function DatetimeRangeInput({ onDateRangeSet, from, to, variant,
|
|
|
40
41
|
toDateTime &&
|
|
41
42
|
fromDatetime !== toDateTime &&
|
|
42
43
|
moment(fromDatetime) < moment(toDateTime);
|
|
43
|
-
return (
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
React.createElement(DateTimeRangePicker, { required: required, disableFuture: true, disabled: disabled, fromDatetime: fromDatetime, toDateTime: toDateTime, onStartDateSet: (s) => {
|
|
74
|
-
setFromDatetime(s);
|
|
75
|
-
onDateRangeSet(s, toDateTime);
|
|
76
|
-
}, onEndDateSet: (e) => {
|
|
77
|
-
setToDatetime(e);
|
|
78
|
-
onDateRangeSet(fromDatetime, e);
|
|
79
|
-
} })))));
|
|
44
|
+
return (_jsxs(_Fragment, { children: [_jsx(TextField, { size: size, variant: variant || "standard", disabled: disabled, required: required, placeholder: variant === "outlined" ? undefined : placeholder, label: variant === "outlined" ? placeholder : undefined, slotProps: {
|
|
45
|
+
input: {
|
|
46
|
+
startAdornment: _jsx(DateRangeIcon, {}),
|
|
47
|
+
readOnly: true,
|
|
48
|
+
endAdornment: datetimeRangeText.length > 0 ? (_jsx(IconButton, { onClick: (e) => {
|
|
49
|
+
setFromDatetime("");
|
|
50
|
+
setToDatetime("");
|
|
51
|
+
onDateRangeSet("", "");
|
|
52
|
+
e.stopPropagation();
|
|
53
|
+
}, children: _jsx(ClearIcon, { fontSize: "small" }) })) : null,
|
|
54
|
+
},
|
|
55
|
+
}, error: required ? !rangeValid : false, title: required && !rangeValid
|
|
56
|
+
? "Некорректно введён диапазон дат"
|
|
57
|
+
: datetimeRangeText, value: datetimeRangeText, ref: dateRangePickerAnchor, onClick: () => setDatetimeRangePickerOpen(true), sx: sx }), _jsx(Popover, { open: datetimeRangePickerOpen, anchorEl: dateRangePickerAnchor.current, onClose: () => setDatetimeRangePickerOpen(false), anchorOrigin: {
|
|
58
|
+
vertical: "bottom",
|
|
59
|
+
horizontal: "left",
|
|
60
|
+
}, transformOrigin: {
|
|
61
|
+
vertical: "top",
|
|
62
|
+
horizontal: "left",
|
|
63
|
+
}, slotProps: {
|
|
64
|
+
paper: {
|
|
65
|
+
sx: { minWidth: "30rem" },
|
|
66
|
+
},
|
|
67
|
+
}, children: _jsx(Suspense, { fallback: _jsxs(Stack, { direction: "row", spacing: 2, sx: { m: 1 }, children: [_jsx(Skeleton, { variant: "rounded", width: 231, height: 32, animation: "wave" }), _jsx(Skeleton, { variant: "rounded", width: 231, height: 32, animation: "wave" })] }), children: _jsx(DateTimeRangePicker, { required: required, disableFuture: true, disabled: disabled, fromDatetime: fromDatetime, toDateTime: toDateTime, onStartDateSet: (s) => {
|
|
68
|
+
setFromDatetime(s);
|
|
69
|
+
onDateRangeSet(s, toDateTime);
|
|
70
|
+
}, onEndDateSet: (e) => {
|
|
71
|
+
setToDatetime(e);
|
|
72
|
+
onDateRangeSet(fromDatetime, e);
|
|
73
|
+
} }) }) })] }));
|
|
80
74
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { default } from "./DatetimeRangeInput";
|
|
2
1
|
export * from "./DatetimeRangeInput";
|
|
3
|
-
export { default
|
|
2
|
+
export { default } from "./DatetimeRangeInput";
|
|
4
3
|
export * from "./DatetimeRangeInputProps";
|
|
4
|
+
export { type default as DatetimeRangeInputProps } from "./DatetimeRangeInputProps";
|
|
5
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatetimeRangeInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatetimeRangeInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,KAAK,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/Footer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/Footer.tsx"],"names":[],"mappings":"AAGA,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,2CAsBA"}
|
|
@@ -1,22 +1,14 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useTheme } from "@mui/material";
|
|
3
3
|
import Typography from "@mui/material/Typography";
|
|
4
4
|
export default function Footer({ version, appName, desc, }) {
|
|
5
5
|
const theme = useTheme();
|
|
6
|
-
return (
|
|
6
|
+
return (_jsx("footer", { style: {
|
|
7
7
|
padding: "0.5rem 1rem",
|
|
8
8
|
display: "flex",
|
|
9
9
|
justifyContent: "space-between",
|
|
10
10
|
alignItems: "center",
|
|
11
11
|
flexWrap: "wrap",
|
|
12
12
|
boxShadow: theme.vars?.shadows[5] || theme.shadows[5],
|
|
13
|
-
} },
|
|
14
|
-
React.createElement(Typography, { sx: { marginLeft: "auto", fontSize: "1rem" } },
|
|
15
|
-
"\u00A9",
|
|
16
|
-
React.createElement("a", { target: "_blank", href: "" },
|
|
17
|
-
appName,
|
|
18
|
-
" ",
|
|
19
|
-
version),
|
|
20
|
-
" ",
|
|
21
|
-
desc && `— ${desc}.`)));
|
|
13
|
+
}, children: _jsxs(Typography, { sx: { marginLeft: "auto", fontSize: "1rem" }, children: ["\u00A9", _jsxs("a", { target: "_blank", href: "", children: [appName, " ", version] }), " ", desc && `— ${desc}.`] }) }));
|
|
22
14
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
2
1
|
import IpAddressInputProps from "./IpAddressInputProps";
|
|
3
|
-
declare const IpAddressInput: ({ value, ipV, variant, label, size, disabled, required, startAdorment, onChange, }: IpAddressInputProps) =>
|
|
2
|
+
declare const IpAddressInput: ({ value, ipV, variant, label, size, disabled, required, startAdorment, onChange, }: IpAddressInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
3
|
export default IpAddressInput;
|
|
5
4
|
//# sourceMappingURL=IpAddressInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IpAddressInput.d.ts","sourceRoot":"","sources":["../../../src/components/IpAddressInput/IpAddressInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"IpAddressInput.d.ts","sourceRoot":"","sources":["../../../src/components/IpAddressInput/IpAddressInput.tsx"],"names":[],"mappings":"AAMA,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AA4BxD,QAAA,MAAM,cAAc,GAAI,oFAUrB,mBAAmB,4CAiCrB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { InputAdornment } from "@mui/material";
|
|
2
3
|
import FormControl from "@mui/material/FormControl";
|
|
3
4
|
import InputLabel from "@mui/material/InputLabel";
|
|
4
5
|
import OutlinedInput from "@mui/material/OutlinedInput";
|
|
6
|
+
import React from "react";
|
|
5
7
|
import { IMaskInput } from "react-imask";
|
|
6
|
-
import { InputAdornment } from "@mui/material";
|
|
7
8
|
const CustomIpMask = React.forwardRef(function TextMaskCustom(props, ref) {
|
|
8
9
|
const { onChange, ipV, ...other } = props;
|
|
9
|
-
return (
|
|
10
|
+
return (_jsx(IMaskInput, { ...other, mask: ipV === "6"
|
|
10
11
|
? "#[###]:#[###]:#[###]:#[###]:#[###]:#[###]:#[###]:#[###]"
|
|
11
12
|
: "0[00].0[00].0[00].0[00]", definitions: { "#": /[0-9a-fA-F]/ }, inputRef: ref, onAccept: (value) => onChange({ target: { name: props.name, value } }), overwrite: true }));
|
|
12
13
|
});
|
|
@@ -14,8 +15,6 @@ const IpAddressInput = ({ value, ipV, variant, label, size, disabled, required,
|
|
|
14
15
|
const ipRegex = ipV === "6"
|
|
15
16
|
? /(([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]))/
|
|
16
17
|
: /^((25[0-5]|(2[0-4]|1\d|[1-9]|)\d)\.?\b){4}$/;
|
|
17
|
-
return (
|
|
18
|
-
React.createElement(InputLabel, { htmlFor: "formatted-text-mask-input" }, label),
|
|
19
|
-
React.createElement(OutlinedInput, { autoComplete: "off", title: !ipRegex.test(value) ? "IP-адрес не корректный" : "", value: value, label: label, onChange: (e) => onChange(e.target.value), name: "ipmask", id: "formatted-text-mask-input", inputComponent: CustomIpMask, inputProps: { ipV: ipV }, startAdornment: startAdorment && (React.createElement(InputAdornment, { position: "start" }, startAdorment)) })));
|
|
18
|
+
return (_jsxs(FormControl, { required: required, disabled: disabled, size: size || "medium", variant: variant || "outlined", error: !ipRegex.test(value), sx: { width: ipV === "6" ? "28rem" : "14rem" }, children: [_jsx(InputLabel, { htmlFor: "formatted-text-mask-input", children: label }), _jsx(OutlinedInput, { autoComplete: "off", title: !ipRegex.test(value) ? "IP-адрес не корректный" : "", value: value, label: label, onChange: (e) => onChange(e.target.value), name: "ipmask", id: "formatted-text-mask-input", inputComponent: CustomIpMask, inputProps: { ipV: ipV }, startAdornment: startAdorment && (_jsx(InputAdornment, { position: "start", children: startAdorment })) })] }));
|
|
20
19
|
};
|
|
21
20
|
export default IpAddressInput;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { default } from "./IpAddressInput";
|
|
2
1
|
export * from "./IpAddressInput";
|
|
3
|
-
export { default
|
|
2
|
+
export { default } from "./IpAddressInput";
|
|
4
3
|
export * from "./IpAddressInputProps";
|
|
4
|
+
export { type default as IpAddressInputProps } from "./IpAddressInputProps";
|
|
5
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IpAddressInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IpAddressInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,KAAK,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
2
1
|
import IpAddressSwitchableInputProps from "./IpAddressSwitchableInputProps";
|
|
3
|
-
declare const IpAddressSwitchableInput: ({ ...rest }: IpAddressSwitchableInputProps) =>
|
|
2
|
+
declare const IpAddressSwitchableInput: ({ ...rest }: IpAddressSwitchableInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
3
|
export default IpAddressSwitchableInput;
|
|
5
4
|
//# sourceMappingURL=IpAddressSwitchableInput.d.ts.map
|
|
@@ -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":"AAGA,OAAO,6BAA6B,MAAM,iCAAiC,CAAC;AAE5E,QAAA,MAAM,wBAAwB,GAAI,aAE/B,6BAA6B,4CAyB/B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
2
|
import { Button } from "@mui/material";
|
|
2
3
|
import React from "react";
|
|
3
4
|
import IpAddressInput from "../IpAddressInput/IpAddressInput";
|
|
@@ -6,6 +7,6 @@ const IpAddressSwitchableInput = ({ ...rest }) => {
|
|
|
6
7
|
? "6"
|
|
7
8
|
: "4";
|
|
8
9
|
const [mode, setMode] = React.useState(bestMode);
|
|
9
|
-
return (
|
|
10
|
+
return (_jsx(IpAddressInput, { ...rest, ipV: mode, startAdorment: _jsx(Button, { title: "\u041F\u0435\u0440\u0435\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0432\u0435\u0440\u0441\u0438\u044E IP-\u0430\u0434\u0440\u0435\u0441\u0430", variant: "text", sx: { textTransform: "none" }, onClick: () => setMode(mode === "6" ? "4" : "6"), children: mode === "6" ? "IPv6" : "IPv4" }) }));
|
|
10
11
|
};
|
|
11
12
|
export default IpAddressSwitchableInput;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { default } from "./IpAddressSwitchableInput";
|
|
2
1
|
export * from "./IpAddressSwitchableInput";
|
|
3
|
-
export { default
|
|
2
|
+
export { default } from "./IpAddressSwitchableInput";
|
|
4
3
|
export * from "./IpAddressSwitchableInputProps";
|
|
4
|
+
export { type default as IpAddressSwitchableInputProps } from "./IpAddressSwitchableInputProps";
|
|
5
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IpAddressSwitchableInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IpAddressSwitchableInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,KAAK,OAAO,IAAI,6BAA6B,EAAE,MAAM,iCAAiC,CAAC"}
|