@danikokonn/yarik-frontend-lib 2.0.2-test3

package/dist/components/DatetimeRangeInput/DatetimeRangeInput.js

@@ -0,0 +1,80 @@
+import React, { lazy, Suspense, useRef, useState } from "react";
+import moment from "moment-timezone";
+import "moment/locale/ru";
+import IconButton from "@mui/material/IconButton";
+import DateRangeIcon from "@mui/icons-material/DateRange";
+import Popover from "@mui/material/Popover";
+import TextField from "@mui/material/TextField";
+import ClearIcon from "@mui/icons-material/Clear";
+const DateTimeRangePicker = lazy(() => import("../DateTimeRangePicker/DateTimeRangePicker"));
+import { prettyDatetime } from "../../utils";
+import { Skeleton, Stack } from "@mui/material";
+/**
+ * Компонент выбора диапазона дат и времени.
+ *
+ * Позволяет пользователю выбрать начальную и конечную дату/время с помощью всплывающего календаря.
+ * Поддерживает очистку выбранного диапазона и отображение выбранных дат в текстовом поле.
+ *
+ * @param {Object} props - Свойства компонента
+ * @param {string} [props.from] - Начальная дата диапазона
+ * @param {string} [props.to] - Конечная дата диапазона
+ * @param {SxProps} [props.sx] - Стили оформления
+ * @param {boolean} [props.required] - Обязательное ли поле
+ * @param {boolean} [props.disabled] - Отключение компонента
+ * @param {('outlined'|'standard'|'filled')} [props.variant] - Вариант оформления поля
+ * @param {string} [props.placeholder] - Текст-подсказка
+ * @param {('small'|'medium')} [props.size] - Размер поля
+ * @param {(start: string, end: string) => void} props.onDateRangeSet - Колбэк при выборе диапазона дат
+ *
+ * @returns {JSX.Element} Элемент выбора диапазона дат и времени
+ */
+export default function DatetimeRangeInput({ onDateRangeSet, from, to, variant, sx, placeholder, size, disabled, required, }) {
+    const [datetimeRangePickerOpen, setDatetimeRangePickerOpen] = useState(false);
+    const [fromDatetime, setFromDatetime] = useState(from || "");
+    const [toDateTime, setToDatetime] = useState(to || "");
+    const dateRangePickerAnchor = useRef(null);
+    const datetimeRangeText = (fromDatetime.length > 0 ? `${prettyDatetime(fromDatetime)}` : "") +
+        (fromDatetime.length > 0 && toDateTime.length > 0 ? " — " : "") +
+        (toDateTime.length > 0 ? `${prettyDatetime(toDateTime)}` : "");
+    const rangeValid = fromDatetime &&
+        toDateTime &&
+        fromDatetime !== toDateTime &&
+        moment(fromDatetime) < moment(toDateTime);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(TextField, { size: size, variant: variant || "standard", disabled: disabled, required: required, placeholder: variant === "outlined" ? undefined : placeholder, label: variant === "outlined" ? placeholder : undefined, slotProps: {
+                input: {
+                    startAdornment: React.createElement(DateRangeIcon, null),
+                    readOnly: true,
+                    endAdornment: datetimeRangeText.length > 0 ? (React.createElement(IconButton, { onClick: (e) => {
+                            setFromDatetime("");
+                            setToDatetime("");
+                            onDateRangeSet("", "");
+                            e.stopPropagation();
+                        } },
+                        React.createElement(ClearIcon, { fontSize: "small" }))) : null,
+                },
+            }, error: required ? !rangeValid : false, title: required && !rangeValid
+                ? "Некорректно введён диапазон дат"
+                : datetimeRangeText, value: datetimeRangeText, ref: dateRangePickerAnchor, onClick: () => setDatetimeRangePickerOpen(true), sx: sx }),
+        React.createElement(Popover, { open: datetimeRangePickerOpen, anchorEl: dateRangePickerAnchor.current, onClose: () => setDatetimeRangePickerOpen(false), anchorOrigin: {
+                vertical: "bottom",
+                horizontal: "left",
+            }, transformOrigin: {
+                vertical: "top",
+                horizontal: "left",
+            }, slotProps: {
+                paper: {
+                    sx: { minWidth: "30rem" },
+                },
+            } },
+            React.createElement(Suspense, { fallback: React.createElement(Stack, { direction: "row", spacing: 2, sx: { m: 1 } },
+                    React.createElement(Skeleton, { variant: "rounded", width: 231, height: 32, animation: "wave" }),
+                    React.createElement(Skeleton, { variant: "rounded", width: 231, height: 32, animation: "wave" })) },
+                React.createElement(DateTimeRangePicker, { required: required, disableFuture: true, disabled: disabled, fromDatetime: fromDatetime, toDateTime: toDateTime, onStartDateSet: (s) => {
+                        setFromDatetime(s);
+                        onDateRangeSet(s, toDateTime);
+                    }, onEndDateSet: (e) => {
+                        setToDatetime(e);
+                        onDateRangeSet(fromDatetime, e);
+                    } })))));
+}

package/dist/components/DatetimeRangeInput/DatetimeRangeInputProps.d.ts

@@ -0,0 +1,43 @@
+import { SxProps } from "@mui/material";
+/**
+ * Интерфейс для пропсов компонента выбора диапазона дат.
+ */
+export default interface DatetimeRangeInputProps {
+    /**
+     * Начальная дата диапазона (опционально).
+     */
+    from?: string;
+    /**
+     * Конечная дата диапазона (опционально).
+     */
+    to?: string;
+    /**
+     * Стили оформления компонента (опционально).
+     */
+    sx?: SxProps;
+    /**
+     * Обязательное ли заполнение поля (опционально).
+     */
+    required?: boolean;
+    /**
+     * Отключение компонента (опционально).
+     */
+    disabled?: boolean;
+    /**
+     * Вариант оформления поля: outlined, standard или filled (опционально).
+     */
+    variant?: "outlined" | "standard" | "filled";
+    /**
+     * Текст-подсказка (placeholder) (опционально).
+     */
+    placeholder?: string;
+    /**
+     * Размер поля: small или medium (опционально).
+     */
+    size?: "small" | "medium";
+    /**
+     * Колбэк, вызываемый при выборе диапазона дат. Принимает начальную и конечную дату.
+     */
+    onDateRangeSet(start: string, end: string): void;
+}
+//# sourceMappingURL=DatetimeRangeInputProps.d.ts.map

package/dist/components/DatetimeRangeInput/DatetimeRangeInputProps.d.ts.map

@@ -0,0 +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"}

package/dist/components/DatetimeRangeInput/DatetimeRangeInputProps.js

@@ -0,0 +1 @@
+export {};

package/dist/components/DatetimeRangeInput/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from "./DatetimeRangeInput";
+export * from "./DatetimeRangeInput";
+export { default as DatetimeRangeInputProps } from "./DatetimeRangeInputProps";
+export * from "./DatetimeRangeInputProps";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DatetimeRangeInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatetimeRangeInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AAErC,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,cAAc,2BAA2B,CAAC"}

package/dist/components/DatetimeRangeInput/index.js

@@ -0,0 +1,3 @@
+export { default } from "./DatetimeRangeInput";
+export * from "./DatetimeRangeInput";
+export * from "./DatetimeRangeInputProps";

package/dist/components/Footer/Footer.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export default function Footer({ version, appName, desc, }: {
+    version: string;
+    appName: string;
+    desc?: string;
+}): React.JSX.Element;
+//# sourceMappingURL=Footer.d.ts.map

package/dist/components/Footer/Footer.d.ts.map

@@ -0,0 +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,EAAG,MAAM,CAAC;CAChB,qBAsBA"}

package/dist/components/Footer/Footer.js

@@ -0,0 +1,22 @@
+import React from "react";
+import Typography from "@mui/material/Typography";
+import { useTheme } from "@mui/material";
+export default function Footer({ version, appName, desc, }) {
+    const theme = useTheme();
+    return (React.createElement("footer", { style: {
+            padding: "0.5rem 1rem",
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "center",
+            flexWrap: "wrap",
+            boxShadow: theme.shadows[5],
+        } },
+        React.createElement(Typography, { sx: { marginLeft: "auto", fontSize: "1rem" } },
+            "\u00A9",
+            React.createElement("a", { target: "_blank", href: "" },
+                appName,
+                " ",
+                version),
+            " ",
+            desc && `— ${desc}.`)));
+}

package/dist/components/Footer/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./Footer";
+export * from "./Footer";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Footer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,cAAc,UAAU,CAAC"}

package/dist/components/Footer/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Footer";
+export * from "./Footer";

package/dist/components/IpAddressInput/IpAddressInput.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import IpAddressInputProps from "./IpAddressInputProps";
+declare const IpAddressInput: ({ value, ipV, variant, label, size, disabled, required, startAdorment, onChange, }: IpAddressInputProps) => React.JSX.Element;
+export default IpAddressInput;
+//# sourceMappingURL=IpAddressInput.d.ts.map

package/dist/components/IpAddressInput/IpAddressInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IpAddressInput.d.ts","sourceRoot":"","sources":["../../../src/components/IpAddressInput/IpAddressInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AA8BxD,QAAA,MAAM,cAAc,GAAI,oFAUrB,mBAAmB,sBAiCrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/IpAddressInput/IpAddressInput.js

@@ -0,0 +1,21 @@
+import React from "react";
+import FormControl from "@mui/material/FormControl";
+import InputLabel from "@mui/material/InputLabel";
+import OutlinedInput from "@mui/material/OutlinedInput";
+import { IMaskInput } from "react-imask";
+import { InputAdornment } from "@mui/material";
+const CustomIpMask = React.forwardRef(function TextMaskCustom(props, ref) {
+    const { onChange, ipV, ...other } = props;
+    return (React.createElement(IMaskInput, { ...other, mask: ipV === "6"
+            ? "#[###]:#[###]:#[###]:#[###]:#[###]:#[###]:#[###]:#[###]"
+            : "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 }));
+});
+const IpAddressInput = ({ value, ipV, variant, label, size, disabled, required, startAdorment, onChange, }) => {
+    const ipRegex = ipV === "6"
+        ? /(([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]))/
+        : /^((25[0-5]|(2[0-4]|1\d|[1-9]|)\d)\.?\b){4}$/;
+    return (React.createElement(FormControl, { required: required, disabled: disabled, size: size || "medium", variant: variant || "outlined", error: !ipRegex.test(value), sx: { width: ipV === "6" ? "28rem" : "14rem" } },
+        React.createElement(InputLabel, { htmlFor: "formatted-text-mask-input" }, label),
+        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)) })));
+};
+export default IpAddressInput;

package/dist/components/IpAddressInput/IpAddressInputProps.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export default interface IpAddressInputProps {
+    value: string;
+    variant?: "outlined" | "standard" | "filled";
+    ipV?: "4" | "6";
+    size?: "small" | "medium";
+    label?: string;
+    disabled?: boolean;
+    required?: boolean;
+    startAdorment?: React.JSX.Element;
+    onChange(value: string): void;
+}
+//# sourceMappingURL=IpAddressInputProps.d.ts.map

package/dist/components/IpAddressInput/IpAddressInputProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IpAddressInputProps.d.ts","sourceRoot":"","sources":["../../../src/components/IpAddressInput/IpAddressInputProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,OAAO,WAAW,mBAAmB;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC7C,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IAClC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B"}

package/dist/components/IpAddressInput/IpAddressInputProps.js

@@ -0,0 +1 @@
+export {};

package/dist/components/IpAddressInput/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from "./IpAddressInput";
+export * from "./IpAddressInput";
+export { default as IpAddressInputProps } from "./IpAddressInputProps";
+export * from "./IpAddressInputProps";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/IpAddressInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IpAddressInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AAEjC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,uBAAuB,CAAC"}

package/dist/components/IpAddressInput/index.js

@@ -0,0 +1,3 @@
+export { default } from "./IpAddressInput";
+export * from "./IpAddressInput";
+export * from "./IpAddressInputProps";

package/dist/components/IpAddressSwitchableInput/IpAddressSwitchableInput.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import IpAddressSwitchableInputProps from "./IpAddressSwitchableInputProps";
+declare const IpAddressSwitchableInput: ({ ...rest }: IpAddressSwitchableInputProps) => React.JSX.Element;
+export default IpAddressSwitchableInput;
+//# sourceMappingURL=IpAddressSwitchableInput.d.ts.map

package/dist/components/IpAddressSwitchableInput/IpAddressSwitchableInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IpAddressSwitchableInput.d.ts","sourceRoot":"","sources":["../../../src/components/IpAddressSwitchableInput/IpAddressSwitchableInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,6BAA6B,MAAM,iCAAiC,CAAC;AAG5E,QAAA,MAAM,wBAAwB,GAAI,aAE/B,6BAA6B,sBAyB/B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/components/IpAddressSwitchableInput/IpAddressSwitchableInput.js

@@ -0,0 +1,11 @@
+import React from "react";
+import IpAddressInput from "../IpAddressInput/IpAddressInput";
+import { Button } from "@mui/material";
+const IpAddressSwitchableInput = ({ ...rest }) => {
+    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"
+        : "4";
+    const [mode, setMode] = React.useState(bestMode);
+    return (React.createElement(IpAddressInput, { ...rest, ipV: mode, startAdorment: React.createElement(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") }, mode === "6" ? "IPv6" : "IPv4") }));
+};
+export default IpAddressSwitchableInput;

package/dist/components/IpAddressSwitchableInput/IpAddressSwitchableInputProps.d.ts

@@ -0,0 +1,10 @@
+export default interface IpAddressSwitchableInputProps {
+    value: string;
+    variant?: "outlined" | "standard" | "filled";
+    size?: "small" | "medium";
+    label?: string;
+    disabled?: boolean;
+    required?: boolean;
+    onChange(value: string): void;
+}
+//# sourceMappingURL=IpAddressSwitchableInputProps.d.ts.map

package/dist/components/IpAddressSwitchableInput/IpAddressSwitchableInputProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IpAddressSwitchableInputProps.d.ts","sourceRoot":"","sources":["../../../src/components/IpAddressSwitchableInput/IpAddressSwitchableInputProps.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,WAAW,6BAA6B;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC7C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B"}

package/dist/components/IpAddressSwitchableInput/IpAddressSwitchableInputProps.js

@@ -0,0 +1 @@
+export {};

package/dist/components/IpAddressSwitchableInput/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from "./IpAddressSwitchableInput";
+export * from "./IpAddressSwitchableInput";
+export { default as IpAddressSwitchableInputProps } from "./IpAddressSwitchableInputProps";
+export * from "./IpAddressSwitchableInputProps";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/IpAddressSwitchableInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IpAddressSwitchableInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,cAAc,4BAA4B,CAAC;AAE3C,OAAO,EAAE,OAAO,IAAI,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAC3F,cAAc,iCAAiC,CAAC"}

package/dist/components/IpAddressSwitchableInput/index.js

@@ -0,0 +1,3 @@
+export { default } from "./IpAddressSwitchableInput";
+export * from "./IpAddressSwitchableInput";
+export * from "./IpAddressSwitchableInputProps";

package/dist/components/LocalizedDatetimePicker/LocalizedDatetimePicker.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import "moment/locale/ru";
+import LocalizedDatetimePickerProps from "./LocalizedDatetimePickerProps";
+export default function LocalizedDateTimePicker({ disableFuture, disabled, value, required, variant, size, onChange, }: LocalizedDatetimePickerProps): React.JSX.Element;
+//# sourceMappingURL=LocalizedDatetimePicker.d.ts.map

package/dist/components/LocalizedDatetimePicker/LocalizedDatetimePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalizedDatetimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/LocalizedDatetimePicker/LocalizedDatetimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,kBAAkB,CAAC;AAS1B,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAE1E,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,aAAa,EACb,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,QAAQ,GACT,EAAE,4BAA4B,qBA6C9B"}

package/dist/components/LocalizedDatetimePicker/LocalizedDatetimePicker.js

@@ -0,0 +1,29 @@
+import React, { useState } from "react";
+import moment from "moment-timezone";
+import "moment/locale/ru";
+import { DesktopDateTimePicker, LocalizationProvider, } from "@mui/x-date-pickers";
+import { AdapterMoment } from "@mui/x-date-pickers/AdapterMoment";
+import { useDebounce } from "../../utils";
+export default function LocalizedDateTimePicker({ disableFuture, disabled, value, required, variant, size, onChange, }) {
+    const [open, setOpen] = useState(false);
+    const datetime = value?.length > 0 ? moment(value) : null;
+    return (React.createElement(LocalizationProvider, { dateAdapter: AdapterMoment, adapterLocale: "ru", dateLibInstance: moment },
+        React.createElement(DesktopDateTimePicker, { disabled: disabled, open: open, reduceAnimations: true, onChange: useDebounce((v, _c) => {
+                onChange((v && v.toISOString(true)) || "");
+            }, 200), disableFuture: disableFuture, views: ["year", "month", "day", "hours", "minutes", "seconds"], timezone: "Europe/Moscow", ampm: false, ampmInClock: false, value: datetime, timeSteps: { hours: 1, minutes: 1, seconds: 1 }, slotProps: {
+                field: {
+                    clearable: true,
+                },
+                textField: {
+                    label: "Дата и время",
+                    variant: variant,
+                    required: required,
+                    size: size,
+                    error: required ? datetime == null : false,
+                },
+                inputAdornment: {
+                    position: "start",
+                    onClick: () => setOpen(true),
+                },
+            }, onClose: () => setOpen(false) })));
+}

package/dist/components/LocalizedDatetimePicker/LocalizedDatetimePickerProps.d.ts

@@ -0,0 +1,10 @@
+export default interface LocalizedDatetimePickerProps {
+    disableFuture?: boolean;
+    disabled?: boolean;
+    value: string;
+    required?: boolean;
+    variant?: "standard" | "outlined";
+    size?: "medium" | "small";
+    onChange(value: string): void;
+}
+//# sourceMappingURL=LocalizedDatetimePickerProps.d.ts.map

package/dist/components/LocalizedDatetimePicker/LocalizedDatetimePickerProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalizedDatetimePickerProps.d.ts","sourceRoot":"","sources":["../../../src/components/LocalizedDatetimePicker/LocalizedDatetimePickerProps.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,WAAW,4BAA4B;IACnD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAClC,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B"}

package/dist/components/LocalizedDatetimePicker/LocalizedDatetimePickerProps.js

@@ -0,0 +1 @@
+export {};

package/dist/components/LocalizedDatetimePicker/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from "./LocalizedDatetimePicker";
+export * from "./LocalizedDatetimePicker";
+export { default as LocalizedDatetimePickerProps } from "./LocalizedDatetimePickerProps";
+export * from "./LocalizedDatetimePickerProps";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/LocalizedDatetimePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LocalizedDatetimePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAE1C,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AACzF,cAAc,gCAAgC,CAAC"}

package/dist/components/LocalizedDatetimePicker/index.js

@@ -0,0 +1,3 @@
+export { default } from "./LocalizedDatetimePicker";
+export * from "./LocalizedDatetimePicker";
+export * from "./LocalizedDatetimePickerProps";

package/dist/components/Navigation/NavMenu.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode } from "react";
+import { PopoverOrigin } from "@mui/material/Popover";
+import { SxProps, Theme } from "@mui/material";
+interface NavMenuProps {
+    name: string;
+    routes: {
+        url: string;
+        name: string;
+        targetBlank?: boolean;
+    }[];
+    activeTab: string;
+    sx: SxProps<Theme>;
+    anchorOrigin: PopoverOrigin;
+    transformOrigin: PopoverOrigin;
+    endIcon: ReactNode;
+}
+export default function NavMenu({ name, activeTab, routes, sx, anchorOrigin, transformOrigin, endIcon, }: NavMenuProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=NavMenu.d.ts.map

package/dist/components/Navigation/NavMenu.d.ts.map

@@ -0,0 +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;AAMzC,OAAO,EAAkB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE/C,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;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,IAAI,EACJ,SAAS,EACT,MAAM,EACN,EAAE,EACF,YAAY,EACZ,eAAe,EACf,OAAO,GACR,EAAE,YAAY,qBA2Ed"}

package/dist/components/Navigation/NavMenu.js

@@ -0,0 +1,44 @@
+import React from "react";
+import Button from "@mui/material/Button";
+import Link from "@mui/material/Link";
+import Menu from "@mui/material/Menu";
+import MenuItem from "@mui/material/MenuItem";
+import { popoverClasses } from "@mui/material/Popover";
+import OpenInNewIcon from "@mui/icons-material/OpenInNew";
+export default function NavMenu({ name, activeTab, routes, sx, anchorOrigin, transformOrigin, endIcon, }) {
+    const [anchorEl, setAnchorEl] = React.useState(null);
+    let currentlyHovering = false;
+    const open = anchorEl != null;
+    function handleCloseHover() {
+        currentlyHovering = false;
+        setTimeout(() => {
+            if (!currentlyHovering) {
+                setAnchorEl(null);
+            }
+        }, 50);
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Button, { id: `navTabName-${name}`, color: "inherit", variant: "text", sx: {
+                "& .MuiButton-endIcon": {
+                    ml: 0,
+                },
+                ...sx,
+            }, onClick: (e) => {
+                if (anchorEl !== e.currentTarget)
+                    setAnchorEl(e.currentTarget);
+            }, onMouseOver: (e) => {
+                if (anchorEl !== e.currentTarget)
+                    setAnchorEl(e.currentTarget);
+            }, onMouseLeave: handleCloseHover, endIcon: endIcon }, name),
+        React.createElement(Menu, { autoFocus: false, open: open, anchorEl: anchorEl, onClose: () => setAnchorEl(null), slotProps: {
+                list: {
+                    onMouseEnter: () => (currentlyHovering = true),
+                    onMouseLeave: handleCloseHover,
+                    style: { pointerEvents: "auto" },
+                },
+            }, 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 } },
+            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 },
+                route.name,
+                " ",
+                route.targetBlank && (React.createElement(OpenInNewIcon, { fontSize: "small", color: "primary" })))))))));
+}

package/dist/components/Navigation/Navigation.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import NavigationProps from "./NavigationProps";
+export default function Navigation({ activeTab, additionalControls, username, title, navLinks, logoutPageUrl, defautlUrl, appsUrl, profileUrl, }: NavigationProps): React.JSX.Element;
+//# sourceMappingURL=Navigation.d.ts.map

package/dist/components/Navigation/Navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/Navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AA0BzC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAGhD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,SAAS,EACT,kBAAkB,EAClB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,UAAU,EACV,OAAO,EACP,UAAU,GACX,EAAE,eAAe,qBAuUjB"}