@ryuzaki13/react-foundation-ui 1.0.0 → 1.0.2

package/dist/errors/index.js

@@ -1,25 +1,25 @@
 import { Text as e } from "../text/index.js";
-import { t } from "../chunks/Flex-DbBdq336.js";
-import { logError as n } from "@ryuzaki13/react-foundation-lib/utils";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Component as a, useEffect as o, useState as s } from "react";
-import { captureRuntimeErrorReport as c } from "@ryuzaki13/react-foundation-lib/error-report";
-import { useQueryClient as l } from "@tanstack/react-query";
+import { t } from "../chunks/Flex-DUYSL5TE.js";
+import { Component as n, useEffect as r, useState as i } from "react";
+import { logError as a } from "@ryuzaki13/react-foundation-lib/utils";
+import { captureRuntimeErrorReport as o } from "@ryuzaki13/react-foundation-lib/error-report";
+import { useQueryClient as s } from "@tanstack/react-query";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/errors/PageError.tsx
-var u = ({ code: e, title: n, description: a }) => /* @__PURE__ */ i(t.Predefined, {
+var u = ({ code: e, title: n, description: r }) => /* @__PURE__ */ l(t.Predefined, {
 	variant: "columnCenter",
 	className: "paddingXl",
 	children: [
-		/* @__PURE__ */ r("div", {
+		/* @__PURE__ */ c("div", {
 			"aria-hidden": "true",
 			className: "content2 fontBolded",
 			style: { fontSize: "5em" },
 			children: e
 		}),
-		/* @__PURE__ */ r("h2", { children: n }),
-		/* @__PURE__ */ r("p", { children: a })
+		/* @__PURE__ */ c("h2", { children: n }),
+		/* @__PURE__ */ c("p", { children: r })
 	]
-}), d = () => /* @__PURE__ */ r(u, {
+}), d = () => /* @__PURE__ */ c(u, {
 	code: 400,
 	title: "Некорректный запрос",
 	description: "Похоже, что запрос был сформирован неверно. Попробуйте обновить страницу или вернуться на главную."
@@ -27,8 +27,8 @@ var u = ({ code: e, title: n, description: a }) => /* @__PURE__ */ i(t.Predefine
 //#endregion
 //#region src/errors/BoomExplosion.tsx
 function f() {
-	let [e] = s(() => `scale(${.7 + Math.random() * .3}) rotateZ(${Math.random() * 45 - 15}deg)`);
-	return /* @__PURE__ */ r("svg", {
+	let [e] = i(() => `scale(${.7 + Math.random() * .3}) rotateZ(${Math.random() * 45 - 15}deg)`);
+	return /* @__PURE__ */ c("svg", {
 		viewBox: "0 0 300 300",
 		width: "300",
 		height: "300",
@@ -40,7 +40,7 @@ function f() {
 			zIndex: 0,
 			opacity: .5
 		},
-		children: /* @__PURE__ */ r("polygon", {
+		children: /* @__PURE__ */ c("polygon", {
 			points: "\n150,10 170,60 230,40 200,100 270,110 210,150 270,190 200,200 230,260 170,240 150,290 130,240\n70,260 100,200 30,190 90,150 30,110 100,100 70,40 130,60",
 			fill: "var(--status-error-on-fill)",
 			stroke: "var(--status-error-fill)",
@@ -62,11 +62,11 @@ var p = [
 	"Облом!",
 	"Ёлки-палки!",
 	"Хлоп!"
-], m = () => /* @__PURE__ */ r(u, {
+], m = () => /* @__PURE__ */ c(u, {
 	code: 403,
 	title: "Доступ запрещён",
 	description: "У вас нет прав для просмотра этой страницы."
-}), h = () => /* @__PURE__ */ r(u, {
+}), h = () => /* @__PURE__ */ c(u, {
 	code: 404,
 	title: "Страница не найдена",
 	description: "Извините, запрашиваемая страница не существует"
@@ -76,35 +76,35 @@ var p = [
 function g(e) {
 	if (!(!("status" in e) || typeof e.status != "number")) return e.status;
 }
-var _ = ({ error: e, componentStack: t, draftId: a }) => {
-	let [u] = s(() => Math.random()), _ = l();
-	o(() => {
-		a === void 0 && c(e, {
+var _ = ({ error: e, componentStack: t, draftId: n }) => {
+	let [u] = i(() => Math.random()), _ = s();
+	r(() => {
+		n === void 0 && o(e, {
 			category: "react",
 			componentStack: t
 		}, _);
 	}, [
 		t,
-		a,
+		n,
 		e,
 		_
 	]);
 	let v = g(e);
 	if (v) switch (v) {
-		case 400: return /* @__PURE__ */ r(d, {});
-		case 403: return /* @__PURE__ */ r(m, {});
-		case 404: return /* @__PURE__ */ r(h, {});
+		case 400: return /* @__PURE__ */ c(d, {});
+		case 403: return /* @__PURE__ */ c(m, {});
+		case 404: return /* @__PURE__ */ c(h, {});
 	}
-	return n(e.stack), /* @__PURE__ */ i("section", {
+	return a(e.stack), /* @__PURE__ */ l("section", {
 		className: "w100 h100 flexColumn justifyContentCenter paddingMd",
-		children: [/* @__PURE__ */ i("div", {
+		children: [/* @__PURE__ */ l("div", {
 			"aria-hidden": "true",
 			className: "textCenter relative fontBolded statusError",
 			style: {
 				fontSize: "4em",
 				marginBlock: "2em"
 			},
-			children: [/* @__PURE__ */ r(f, {}), /* @__PURE__ */ r("div", {
+			children: [/* @__PURE__ */ c(f, {}), /* @__PURE__ */ c("div", {
 				style: {
 					zIndex: 1,
 					position: "relative",
@@ -112,22 +112,22 @@ var _ = ({ error: e, componentStack: t, draftId: a }) => {
 				},
 				children: p[Math.floor(u * p.length)]
 			})]
-		}), /* @__PURE__ */ i("div", {
+		}), /* @__PURE__ */ l("div", {
 			className: "textCenter",
 			children: [
-				/* @__PURE__ */ r("h2", {
+				/* @__PURE__ */ c("h2", {
 					className: "statusError",
 					children: "Критическая ошибка"
 				}),
-				/* @__PURE__ */ r("p", {
+				/* @__PURE__ */ c("p", {
 					className: "statusError fontSizeLg",
-					children: /* @__PURE__ */ r("code", { children: e.message })
+					children: /* @__PURE__ */ c("code", { children: e.message })
 				}),
-				/* @__PURE__ */ r("p", { children: "Попробуйте перезагрузить страницу или вернуться позже." })
+				/* @__PURE__ */ c("p", { children: "Попробуйте перезагрузить страницу или вернуться позже." })
 			]
 		})]
 	});
-}, v = class extends a {
+}, v = class extends n {
 	constructor(e) {
 		super(e), this.state = { error: null };
 	}
@@ -145,7 +145,7 @@ var _ = ({ error: e, componentStack: t, draftId: a }) => {
 		this.setState({
 			componentStack: t.componentStack ?? void 0,
 			draftId: null
-		}), c(e, {
+		}), o(e, {
 			category: "react",
 			componentStack: t.componentStack ?? void 0
 		}).then((t) => {
@@ -155,7 +155,7 @@ var _ = ({ error: e, componentStack: t, draftId: a }) => {
 	render() {
 		if (this.state.error) {
 			let e = this.props.customComponent;
-			return e ? /* @__PURE__ */ r(e, { error: this.state.error }) : /* @__PURE__ */ r(_, {
+			return e ? /* @__PURE__ */ c(e, { error: this.state.error }) : /* @__PURE__ */ c(_, {
 				error: this.state.error,
 				componentStack: this.state.componentStack,
 				draftId: this.state.draftId
@@ -164,14 +164,14 @@ var _ = ({ error: e, componentStack: t, draftId: a }) => {
 		return this.props.children;
 	}
 }, y = ({ header: e, description: t }) => {
-	let [n] = s(() => Math.random());
-	return /* @__PURE__ */ i("div", {
+	let [n] = i(() => Math.random());
+	return /* @__PURE__ */ l("div", {
 		className: "container marginBlockLg",
-		children: [/* @__PURE__ */ i("div", {
+		children: [/* @__PURE__ */ l("div", {
 			"aria-hidden": "true",
 			className: "textCenter relative fontBolded statusWarning marginBlockMd",
 			style: { fontSize: "6em" },
-			children: [/* @__PURE__ */ r(f, {}), /* @__PURE__ */ r("div", {
+			children: [/* @__PURE__ */ c(f, {}), /* @__PURE__ */ c("div", {
 				style: {
 					zIndex: 1,
 					position: "relative",
@@ -179,33 +179,33 @@ var _ = ({ error: e, componentStack: t, draftId: a }) => {
 				},
 				children: p[Math.floor(n * p.length)]
 			})]
-		}), /* @__PURE__ */ i("div", {
+		}), /* @__PURE__ */ l("div", {
 			className: "flexColumn alignItemsCenter textCenter marginBlockMd",
-			children: [e && /* @__PURE__ */ r("h2", {
+			children: [e && /* @__PURE__ */ c("h2", {
 				className: "statusWarning",
 				children: e
-			}), t && /* @__PURE__ */ r("p", { children: t })]
+			}), t && /* @__PURE__ */ c("p", { children: t })]
 		})]
 	});
 };
 //#endregion
 //#region src/errors/SimpleErrorDisplay.tsx
 function b({ error: t }) {
-	return n(t.stack), /* @__PURE__ */ r(e, {
+	return a(t.stack), /* @__PURE__ */ c(e, {
 		color: "error",
-		children: /* @__PURE__ */ r("code", { children: t.message })
+		children: /* @__PURE__ */ c("code", { children: t.message })
 	});
 }
 //#endregion
 //#region src/errors/UnauthorizedPage.tsx
-var x = () => /* @__PURE__ */ r(u, {
+var x = () => /* @__PURE__ */ c(u, {
 	code: 401,
 	title: "Необходима авторизация",
 	description: "Для доступа к этой странице нужно войти в систему. Пожалуйста, авторизуйтесь и попробуйте снова."
-}), S = () => /* @__PURE__ */ r(t.Predefined, {
+}), S = () => /* @__PURE__ */ c(t.Predefined, {
 	variant: "columnCenter",
 	className: "paddingXl",
-	children: /* @__PURE__ */ r("h2", {
+	children: /* @__PURE__ */ c("h2", {
 		className: "content2",
 		children: "Выберите ракурс"
 	})

package/dist/errors/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/errors/PageError.tsx","../../src/errors/BadRequestPage.tsx","../../src/errors/BoomExplosion.tsx","../../src/errors/constants.ts","../../src/errors/ForbiddenPage.tsx","../../src/errors/NotFoundPage.tsx","../../src/errors/ErrorDisplay.tsx","../../src/errors/ErrorBoundary.tsx","../../src/errors/ErrorExplosion.tsx","../../src/errors/SimpleErrorDisplay.tsx","../../src/errors/UnauthorizedPage.tsx","../../src/errors/ViewNotChanged.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Flex } from \"../flex\";\n\ninterface PageErrorProps {\n\tcode: string | number;\n\ttitle: string;\n\tdescription: string;\n}\n\nexport const PageError: React.FC<PageErrorProps> = ({ code, title, description }) => {\n\treturn (\n\t\t<Flex.Predefined variant=\"columnCenter\" className=\"paddingXl\">\n\t\t\t<div aria-hidden=\"true\" className=\"content2 fontBolded\" style={{ fontSize: \"5em\" }}>\n\t\t\t\t{code}\n\t\t\t</div>\n\t\t\t<h2>{title}</h2>\n\t\t\t<p>{description}</p>\n\t\t\t{/* <Link to=\"/\">Вернуться на главную</Link> */}\n\t\t</Flex.Predefined>\n\t);\n};\n","import { PageError } from \"./PageError\";\n\nexport const BadRequestPage: React.FC = () => {\n\treturn (\n\t\t<PageError\n\t\t\tcode={400}\n\t\t\ttitle=\"Некорректный запрос\"\n\t\t\tdescription=\"Похоже, что запрос был сформирован неверно. Попробуйте обновить страницу или вернуться на главную.\"\n\t\t/>\n\t);\n};\n","import { useState } from \"react\";\n\nexport function BoomExplosion() {\n\tconst [transform] = useState(() => {\n\t\tconst scale = 0.7 + Math.random() * 0.3;\n\t\tconst rotate = Math.random() * 45 - 15;\n\t\treturn `scale(${scale}) rotateZ(${rotate}deg)`;\n\t});\n\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 300 300\"\n\t\t\twidth=\"300\"\n\t\t\theight=\"300\"\n\t\t\tstyle={{\n\t\t\t\tposition: \"absolute\",\n\t\t\t\ttop: \"50%\",\n\t\t\t\tleft: \"50%\",\n\t\t\t\ttransform: `translate(-50%, -50%) ${transform}`,\n\t\t\t\tzIndex: 0,\n\t\t\t\topacity: 0.5\n\t\t\t}}>\n\t\t\t<polygon\n\t\t\t\tpoints=\"\n150,10 170,60 230,40 200,100 270,110 210,150 270,190 200,200 230,260 170,240 150,290 130,240\n70,260 100,200 30,190 90,150 30,110 100,100 70,40 130,60\"\n\t\t\t\tfill=\"var(--status-error-on-fill)\"\n\t\t\t\tstroke=\"var(--status-error-fill)\"\n\t\t\t\tstrokeWidth=\"5\"\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n","export const ERROR_BOOM_MESSAGES = [\"Упс!\", \"Ой!\", \"Эх!\", \"Ай-ай-ай!\", \"Бах!\", \"Бум!\", \"Ого!\", \"Облом!\", \"Ёлки-палки!\", \"Хлоп!\"];\n","import { PageError } from \"./PageError\";\n\nexport const ForbiddenPage: React.FC = () => {\n\treturn <PageError code={403} title=\"Доступ запрещён\" description=\"У вас нет прав для просмотра этой страницы.\" />;\n};\n","import { PageError } from \"./PageError\";\n\nexport const NotFoundPage: React.FC = () => {\n\treturn <PageError code={404} title=\"Страница не найдена\" description=\"Извините, запрашиваемая страница не существует\" />;\n};\n","import { useEffect, useState } from \"react\";\n\nimport { useQueryClient } from \"@tanstack/react-query\";\n\nimport { captureRuntimeErrorReport } from \"@ryuzaki13/react-foundation-lib/error-report\";\nimport { logError } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { BadRequestPage } from \"./BadRequestPage\";\nimport { BoomExplosion } from \"./BoomExplosion\";\nimport { ERROR_BOOM_MESSAGES } from \"./constants\";\nimport { ForbiddenPage } from \"./ForbiddenPage\";\nimport { NotFoundPage } from \"./NotFoundPage\";\n\nfunction getHttpStatusCode(error: Error): number | undefined {\n\tif (!(\"status\" in error) || typeof error.status !== \"number\") return undefined;\n\treturn error.status;\n}\n\nexport const ErrorDisplay: React.FC<{ error: Error; componentStack?: string; draftId?: string | null }> = ({\n\terror,\n\tcomponentStack,\n\tdraftId\n}) => {\n\tconst [randomValue] = useState(() => Math.random());\n\tconst queryClient = useQueryClient();\n\n\tuseEffect(() => {\n\t\tif (draftId !== undefined) return;\n\n\t\tvoid captureRuntimeErrorReport(\n\t\t\terror,\n\t\t\t{\n\t\t\t\tcategory: \"react\",\n\t\t\t\tcomponentStack\n\t\t\t},\n\t\t\tqueryClient\n\t\t);\n\t}, [componentStack, draftId, error, queryClient]);\n\n\tconst httpStatusCode = getHttpStatusCode(error);\n\n\tif (httpStatusCode) {\n\t\tswitch (httpStatusCode) {\n\t\t\tcase 400:\n\t\t\t\treturn <BadRequestPage />;\n\t\t\tcase 403:\n\t\t\t\treturn <ForbiddenPage />;\n\t\t\tcase 404:\n\t\t\t\treturn <NotFoundPage />;\n\t\t}\n\t}\n\n\tlogError(error.stack);\n\n\treturn (\n\t\t<section className=\"w100 h100 flexColumn justifyContentCenter paddingMd\">\n\t\t\t<div aria-hidden=\"true\" className=\"textCenter relative fontBolded statusError\" style={{ fontSize: \"4em\", marginBlock: \"2em\" }}>\n\t\t\t\t<BoomExplosion />\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t\tposition: \"relative\",\n\t\t\t\t\t\ttextShadow: \"1px -1px 1px var(--status-warning-border-focus), -1px 1px 1px var(--status-info-border-focus)\"\n\t\t\t\t\t}}>\n\t\t\t\t\t{ERROR_BOOM_MESSAGES[Math.floor(randomValue * ERROR_BOOM_MESSAGES.length)]}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div className=\"textCenter\">\n\t\t\t\t<h2 className=\"statusError\">Критическая ошибка</h2>\n\t\t\t\t<p className=\"statusError fontSizeLg\">\n\t\t\t\t\t<code>{error.message}</code>\n\t\t\t\t</p>\n\t\t\t\t<p>Попробуйте перезагрузить страницу или вернуться позже.</p>\n\t\t\t</div>\n\t\t</section>\n\t);\n};\n","import React, { Component } from \"react\";\n\nimport { captureRuntimeErrorReport } from \"@ryuzaki13/react-foundation-lib/error-report\";\n\nimport { ErrorDisplay } from \"./ErrorDisplay\";\n\ninterface ErrorBoundaryProps {\n\tchildren: React.ReactNode;\n\tcustomComponent?: React.ComponentType<{ error: Error }>;\n}\n\ntype ErrorBoundaryState = {\n\terror: Error | null;\n\tcomponentStack?: string;\n\tdraftId?: string | null;\n};\n\nexport class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n\tconstructor(props: ErrorBoundaryProps) {\n\t\tsuper(props);\n\t\tthis.state = { error: null };\n\t}\n\n\tstatic getDerivedStateFromError(error: Error) {\n\t\treturn { error };\n\t}\n\n\tcomponentDidUpdate(prevProps: ErrorBoundaryProps) {\n\t\t// Сбрасываем ошибку при изменении children\n\t\tif (this.state.error && prevProps.children !== this.props.children) {\n\t\t\tthis.setState({ error: null, componentStack: undefined, draftId: undefined });\n\t\t}\n\t}\n\n\tcomponentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n\t\tthis.setState({ componentStack: errorInfo.componentStack ?? undefined, draftId: null });\n\n\t\tcaptureRuntimeErrorReport(error, {\n\t\t\tcategory: \"react\",\n\t\t\tcomponentStack: errorInfo.componentStack ?? undefined\n\t\t}).then((draft) => {\n\t\t\tif (draft && this.state.error === error) {\n\t\t\t\tthis.setState({ draftId: draft.reportId });\n\t\t\t}\n\t\t});\n\t}\n\n\trender() {\n\t\tif (this.state.error) {\n\t\t\tconst CustomComponent = this.props.customComponent;\n\t\t\treturn CustomComponent ? (\n\t\t\t\t<CustomComponent error={this.state.error} />\n\t\t\t) : (\n\t\t\t\t<ErrorDisplay error={this.state.error} componentStack={this.state.componentStack} draftId={this.state.draftId} />\n\t\t\t);\n\t\t}\n\n\t\treturn this.props.children;\n\t}\n}\n","import React, { useState } from \"react\";\n\nimport { BoomExplosion } from \"./BoomExplosion\";\nimport { ERROR_BOOM_MESSAGES } from \"./constants\";\n\ninterface ErrorExplosionProps {\n\theader?: string;\n\tdescription?: string;\n}\n\nexport const ErrorExplosion: React.FC<ErrorExplosionProps> = ({ header, description }) => {\n\tconst [randomValue] = useState(() => Math.random());\n\n\treturn (\n\t\t<div className=\"container marginBlockLg\">\n\t\t\t<div aria-hidden=\"true\" className={\"textCenter relative fontBolded statusWarning marginBlockMd\"} style={{ fontSize: \"6em\" }}>\n\t\t\t\t<BoomExplosion />\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t\tposition: \"relative\",\n\t\t\t\t\t\ttextShadow: \"1px 0 1px var(--status-error-fill), -1px 0 1px var(--status-info-fill)\"\n\t\t\t\t\t}}>\n\t\t\t\t\t{ERROR_BOOM_MESSAGES[Math.floor(randomValue * ERROR_BOOM_MESSAGES.length)]}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div className=\"flexColumn alignItemsCenter textCenter marginBlockMd\">\n\t\t\t\t{header && <h2 className=\"statusWarning\">{header}</h2>}\n\t\t\t\t{description && <p>{description}</p>}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n","import { logError } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { Text } from \"../text\";\n\nexport function SimpleErrorDisplay({ error }: { error: Error }) {\n\tlogError(error.stack);\n\n\treturn (\n\t\t<Text color=\"error\">\n\t\t\t<code>{error.message}</code>\n\t\t</Text>\n\t);\n}\n","import { PageError } from \"./PageError\";\n\nexport const UnauthorizedPage: React.FC = () => {\n\treturn (\n\t\t<PageError\n\t\t\tcode={401}\n\t\t\ttitle=\"Необходима авторизация\"\n\t\t\tdescription=\"Для доступа к этой странице нужно войти в систему. Пожалуйста, авторизуйтесь и попробуйте снова.\"\n\t\t/>\n\t);\n};\n","import React from \"react\";\n\nimport { Flex } from \"../flex\";\n\nexport const ViewNotChanged: React.FC = () => {\n\treturn (\n\t\t<Flex.Predefined variant=\"columnCenter\" className=\"paddingXl\">\n\t\t\t<h2 className=\"content2\">Выберите ракурс</h2>\n\t\t</Flex.Predefined>\n\t);\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/errors/PageError.tsx","../../src/errors/BadRequestPage.tsx","../../src/errors/BoomExplosion.tsx","../../src/errors/constants.ts","../../src/errors/ForbiddenPage.tsx","../../src/errors/NotFoundPage.tsx","../../src/errors/ErrorDisplay.tsx","../../src/errors/ErrorBoundary.tsx","../../src/errors/ErrorExplosion.tsx","../../src/errors/SimpleErrorDisplay.tsx","../../src/errors/UnauthorizedPage.tsx","../../src/errors/ViewNotChanged.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Flex } from \"../flex\";\n\ninterface PageErrorProps {\n\tcode: string | number;\n\ttitle: string;\n\tdescription: string;\n}\n\nexport const PageError: React.FC<PageErrorProps> = ({ code, title, description }) => {\n\treturn (\n\t\t<Flex.Predefined variant=\"columnCenter\" className=\"paddingXl\">\n\t\t\t<div aria-hidden=\"true\" className=\"content2 fontBolded\" style={{ fontSize: \"5em\" }}>\n\t\t\t\t{code}\n\t\t\t</div>\n\t\t\t<h2>{title}</h2>\n\t\t\t<p>{description}</p>\n\t\t\t{/* <Link to=\"/\">Вернуться на главную</Link> */}\n\t\t</Flex.Predefined>\n\t);\n};\n","import { PageError } from \"./PageError\";\n\nexport const BadRequestPage: React.FC = () => {\n\treturn (\n\t\t<PageError\n\t\t\tcode={400}\n\t\t\ttitle=\"Некорректный запрос\"\n\t\t\tdescription=\"Похоже, что запрос был сформирован неверно. Попробуйте обновить страницу или вернуться на главную.\"\n\t\t/>\n\t);\n};\n","import { useState } from \"react\";\n\nexport function BoomExplosion() {\n\tconst [transform] = useState(() => {\n\t\tconst scale = 0.7 + Math.random() * 0.3;\n\t\tconst rotate = Math.random() * 45 - 15;\n\t\treturn `scale(${scale}) rotateZ(${rotate}deg)`;\n\t});\n\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 300 300\"\n\t\t\twidth=\"300\"\n\t\t\theight=\"300\"\n\t\t\tstyle={{\n\t\t\t\tposition: \"absolute\",\n\t\t\t\ttop: \"50%\",\n\t\t\t\tleft: \"50%\",\n\t\t\t\ttransform: `translate(-50%, -50%) ${transform}`,\n\t\t\t\tzIndex: 0,\n\t\t\t\topacity: 0.5\n\t\t\t}}>\n\t\t\t<polygon\n\t\t\t\tpoints=\"\n150,10 170,60 230,40 200,100 270,110 210,150 270,190 200,200 230,260 170,240 150,290 130,240\n70,260 100,200 30,190 90,150 30,110 100,100 70,40 130,60\"\n\t\t\t\tfill=\"var(--status-error-on-fill)\"\n\t\t\t\tstroke=\"var(--status-error-fill)\"\n\t\t\t\tstrokeWidth=\"5\"\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n","export const ERROR_BOOM_MESSAGES = [\"Упс!\", \"Ой!\", \"Эх!\", \"Ай-ай-ай!\", \"Бах!\", \"Бум!\", \"Ого!\", \"Облом!\", \"Ёлки-палки!\", \"Хлоп!\"];\n","import { PageError } from \"./PageError\";\n\nexport const ForbiddenPage: React.FC = () => {\n\treturn <PageError code={403} title=\"Доступ запрещён\" description=\"У вас нет прав для просмотра этой страницы.\" />;\n};\n","import { PageError } from \"./PageError\";\n\nexport const NotFoundPage: React.FC = () => {\n\treturn <PageError code={404} title=\"Страница не найдена\" description=\"Извините, запрашиваемая страница не существует\" />;\n};\n","import { useEffect, useState } from \"react\";\n\nimport { captureRuntimeErrorReport } from \"@ryuzaki13/react-foundation-lib/error-report\";\nimport { logError } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { useQueryClient } from \"@tanstack/react-query\";\n\nimport { BadRequestPage } from \"./BadRequestPage\";\nimport { BoomExplosion } from \"./BoomExplosion\";\nimport { ERROR_BOOM_MESSAGES } from \"./constants\";\nimport { ForbiddenPage } from \"./ForbiddenPage\";\nimport { NotFoundPage } from \"./NotFoundPage\";\n\nfunction getHttpStatusCode(error: Error): number | undefined {\n\tif (!(\"status\" in error) || typeof error.status !== \"number\") return undefined;\n\treturn error.status;\n}\n\nexport const ErrorDisplay: React.FC<{ error: Error; componentStack?: string; draftId?: string | null }> = ({\n\terror,\n\tcomponentStack,\n\tdraftId\n}) => {\n\tconst [randomValue] = useState(() => Math.random());\n\tconst queryClient = useQueryClient();\n\n\tuseEffect(() => {\n\t\tif (draftId !== undefined) return;\n\n\t\tvoid captureRuntimeErrorReport(\n\t\t\terror,\n\t\t\t{\n\t\t\t\tcategory: \"react\",\n\t\t\t\tcomponentStack\n\t\t\t},\n\t\t\tqueryClient\n\t\t);\n\t}, [componentStack, draftId, error, queryClient]);\n\n\tconst httpStatusCode = getHttpStatusCode(error);\n\n\tif (httpStatusCode) {\n\t\tswitch (httpStatusCode) {\n\t\t\tcase 400:\n\t\t\t\treturn <BadRequestPage />;\n\t\t\tcase 403:\n\t\t\t\treturn <ForbiddenPage />;\n\t\t\tcase 404:\n\t\t\t\treturn <NotFoundPage />;\n\t\t}\n\t}\n\n\tlogError(error.stack);\n\n\treturn (\n\t\t<section className=\"w100 h100 flexColumn justifyContentCenter paddingMd\">\n\t\t\t<div aria-hidden=\"true\" className=\"textCenter relative fontBolded statusError\" style={{ fontSize: \"4em\", marginBlock: \"2em\" }}>\n\t\t\t\t<BoomExplosion />\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t\tposition: \"relative\",\n\t\t\t\t\t\ttextShadow: \"1px -1px 1px var(--status-warning-border-focus), -1px 1px 1px var(--status-info-border-focus)\"\n\t\t\t\t\t}}>\n\t\t\t\t\t{ERROR_BOOM_MESSAGES[Math.floor(randomValue * ERROR_BOOM_MESSAGES.length)]}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div className=\"textCenter\">\n\t\t\t\t<h2 className=\"statusError\">Критическая ошибка</h2>\n\t\t\t\t<p className=\"statusError fontSizeLg\">\n\t\t\t\t\t<code>{error.message}</code>\n\t\t\t\t</p>\n\t\t\t\t<p>Попробуйте перезагрузить страницу или вернуться позже.</p>\n\t\t\t</div>\n\t\t</section>\n\t);\n};\n","import React, { Component } from \"react\";\n\nimport { captureRuntimeErrorReport } from \"@ryuzaki13/react-foundation-lib/error-report\";\n\nimport { ErrorDisplay } from \"./ErrorDisplay\";\n\ninterface ErrorBoundaryProps {\n\tchildren: React.ReactNode;\n\tcustomComponent?: React.ComponentType<{ error: Error }>;\n}\n\ntype ErrorBoundaryState = {\n\terror: Error | null;\n\tcomponentStack?: string;\n\tdraftId?: string | null;\n};\n\nexport class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n\tconstructor(props: ErrorBoundaryProps) {\n\t\tsuper(props);\n\t\tthis.state = { error: null };\n\t}\n\n\tstatic getDerivedStateFromError(error: Error) {\n\t\treturn { error };\n\t}\n\n\tcomponentDidUpdate(prevProps: ErrorBoundaryProps) {\n\t\t// Сбрасываем ошибку при изменении children\n\t\tif (this.state.error && prevProps.children !== this.props.children) {\n\t\t\tthis.setState({ error: null, componentStack: undefined, draftId: undefined });\n\t\t}\n\t}\n\n\tcomponentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n\t\tthis.setState({ componentStack: errorInfo.componentStack ?? undefined, draftId: null });\n\n\t\tcaptureRuntimeErrorReport(error, {\n\t\t\tcategory: \"react\",\n\t\t\tcomponentStack: errorInfo.componentStack ?? undefined\n\t\t}).then((draft) => {\n\t\t\tif (draft && this.state.error === error) {\n\t\t\t\tthis.setState({ draftId: draft.reportId });\n\t\t\t}\n\t\t});\n\t}\n\n\trender() {\n\t\tif (this.state.error) {\n\t\t\tconst CustomComponent = this.props.customComponent;\n\t\t\treturn CustomComponent ? (\n\t\t\t\t<CustomComponent error={this.state.error} />\n\t\t\t) : (\n\t\t\t\t<ErrorDisplay error={this.state.error} componentStack={this.state.componentStack} draftId={this.state.draftId} />\n\t\t\t);\n\t\t}\n\n\t\treturn this.props.children;\n\t}\n}\n","import React, { useState } from \"react\";\n\nimport { BoomExplosion } from \"./BoomExplosion\";\nimport { ERROR_BOOM_MESSAGES } from \"./constants\";\n\ninterface ErrorExplosionProps {\n\theader?: string;\n\tdescription?: string;\n}\n\nexport const ErrorExplosion: React.FC<ErrorExplosionProps> = ({ header, description }) => {\n\tconst [randomValue] = useState(() => Math.random());\n\n\treturn (\n\t\t<div className=\"container marginBlockLg\">\n\t\t\t<div aria-hidden=\"true\" className={\"textCenter relative fontBolded statusWarning marginBlockMd\"} style={{ fontSize: \"6em\" }}>\n\t\t\t\t<BoomExplosion />\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t\tposition: \"relative\",\n\t\t\t\t\t\ttextShadow: \"1px 0 1px var(--status-error-fill), -1px 0 1px var(--status-info-fill)\"\n\t\t\t\t\t}}>\n\t\t\t\t\t{ERROR_BOOM_MESSAGES[Math.floor(randomValue * ERROR_BOOM_MESSAGES.length)]}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div className=\"flexColumn alignItemsCenter textCenter marginBlockMd\">\n\t\t\t\t{header && <h2 className=\"statusWarning\">{header}</h2>}\n\t\t\t\t{description && <p>{description}</p>}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n","import { logError } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { Text } from \"../text\";\n\nexport function SimpleErrorDisplay({ error }: { error: Error }) {\n\tlogError(error.stack);\n\n\treturn (\n\t\t<Text color=\"error\">\n\t\t\t<code>{error.message}</code>\n\t\t</Text>\n\t);\n}\n","import { PageError } from \"./PageError\";\n\nexport const UnauthorizedPage: React.FC = () => {\n\treturn (\n\t\t<PageError\n\t\t\tcode={401}\n\t\t\ttitle=\"Необходима авторизация\"\n\t\t\tdescription=\"Для доступа к этой странице нужно войти в систему. Пожалуйста, авторизуйтесь и попробуйте снова.\"\n\t\t/>\n\t);\n};\n","import React from \"react\";\n\nimport { Flex } from \"../flex\";\n\nexport const ViewNotChanged: React.FC = () => {\n\treturn (\n\t\t<Flex.Predefined variant=\"columnCenter\" className=\"paddingXl\">\n\t\t\t<h2 className=\"content2\">Выберите ракурс</h2>\n\t\t</Flex.Predefined>\n\t);\n};\n"],"mappings":"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"}

package/dist/expandable-action-panel/ExpandableActionPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableActionPanel.d.ts","sourceRoot":"","sources":["../../src/expandable-action-panel/ExpandableActionPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAgC,MAAM,OAAO,CAAC;AAW/E,MAAM,WAAW,0BAA2B,SAAQ,iBAAiB;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACrC,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,QAAQ,EACR,YAAY,EACZ,WAA8C,EAC9C,aAA0C,EAC1C,UAA8B,EAC9B,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,EAAE,0BAA0B,qBAkD5B"}
+{"version":3,"file":"ExpandableActionPanel.d.ts","sourceRoot":"","sources":["../../src/expandable-action-panel/ExpandableActionPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAgC,MAAM,OAAO,CAAC;AAU/E,MAAM,WAAW,0BAA2B,SAAQ,iBAAiB;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACrC,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,QAAQ,EACR,YAAY,EACZ,WAA8C,EAC9C,aAA0C,EAC1C,UAA8B,EAC9B,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,EAAE,0BAA0B,qBAkD5B"}

package/dist/expandable-action-panel/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/LabeledExpandableActionPanel-Bx-DWmYz.js";
+import { n as e, t } from "../chunks/LabeledExpandableActionPanel-D3kUvmFH.js";
 export { e as ExpandableActionPanel, t as LabeledExpandableActionPanel };

package/dist/expandable-action-panel/stories/ExpandableActionPanel.stories.js

@@ -1,11 +1,11 @@
-import { t as e } from "../../chunks/Button-BZ_b-Kin.js";
-import { t } from "../../chunks/CheckBox-Cck5w1Ud.js";
-import { a as n } from "../../chunks/Input-Ce2HXBUc.js";
-import { t as r } from "../../chunks/Select-B7k_8_Lf.js";
-import { n as i, t as a } from "../../chunks/LabeledExpandableActionPanel-Bx-DWmYz.js";
-import { CheckIcon as o, RefreshCwIcon as s, SearchIcon as c, Settings2Icon as l } from "lucide-react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { useState as p } from "react";
+import { t as e } from "../../chunks/Button-CCWuggdA.js";
+import { a as t } from "../../chunks/Input-BmjlpA09.js";
+import { t as n } from "../../chunks/CheckBox-BowNqqd3.js";
+import { t as r } from "../../chunks/Select-CXeVjVKA.js";
+import { n as i, t as a } from "../../chunks/LabeledExpandableActionPanel-D3kUvmFH.js";
+import { useState as o } from "react";
+import { CheckIcon as s, RefreshCwIcon as c, SearchIcon as l, Settings2Icon as u } from "lucide-react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 import { fn as m } from "storybook/test";
 //#region src/expandable-action-panel/stories/ExpandableActionPanel.stories.tsx
 var h = {
@@ -50,20 +50,20 @@ var h = {
 	"Архив"
 ];
 function _() {
-	let [i, a] = p(""), [m, h] = p(!1), [_, v] = p("Все");
-	return /* @__PURE__ */ f(u, { children: [
-		/* @__PURE__ */ d("div", {
+	let [i, a] = o(""), [m, h] = o(!1), [_, v] = o("Все");
+	return /* @__PURE__ */ p(d, { children: [
+		/* @__PURE__ */ f("div", {
 			style: { width: "calc(14em + var(--width-add))" },
-			children: /* @__PURE__ */ d(n, {
+			children: /* @__PURE__ */ f(t, {
 				placeholder: "Поиск",
 				value: i,
 				onChange: a,
-				endAdornment: /* @__PURE__ */ d(c, {})
+				endAdornment: /* @__PURE__ */ f(l, {})
 			})
 		}),
-		/* @__PURE__ */ d("div", {
+		/* @__PURE__ */ f("div", {
 			style: { width: "calc(12em + var(--width-add))" },
-			children: /* @__PURE__ */ d(r, {
+			children: /* @__PURE__ */ f(r, {
 				placeholder: "Статус",
 				options: g,
 				value: _,
@@ -72,43 +72,43 @@ function _() {
 				getOptionLabel: (e) => e
 			})
 		}),
-		/* @__PURE__ */ d(t, {
+		/* @__PURE__ */ f(n, {
 			placeholder: "Только мои",
 			value: m,
 			onChange: h,
 			noWrap: !0
 		}),
-		/* @__PURE__ */ d(e, {
-			icon: /* @__PURE__ */ d(s, {}),
+		/* @__PURE__ */ f(e, {
+			icon: /* @__PURE__ */ f(c, {}),
 			title: "Обновить"
 		}),
-		/* @__PURE__ */ d(e, {
-			icon: /* @__PURE__ */ d(l, {}),
+		/* @__PURE__ */ f(e, {
+			icon: /* @__PURE__ */ f(u, {}),
 			title: "Настроить"
 		}),
-		/* @__PURE__ */ d(e, {
-			icon: /* @__PURE__ */ d(o, {}),
+		/* @__PURE__ */ f(e, {
+			icon: /* @__PURE__ */ f(s, {}),
 			tone: "success",
 			appearance: "solid",
 			children: "Применить"
 		})
 	] });
 }
-var v = { render: (e) => /* @__PURE__ */ d("div", {
+var v = { render: (e) => /* @__PURE__ */ f("div", {
 	style: { width: "min(100%, 920px)" },
-	children: /* @__PURE__ */ d(a, {
+	children: /* @__PURE__ */ f(a, {
 		...e,
-		children: /* @__PURE__ */ d(_, {})
+		children: /* @__PURE__ */ f(_, {})
 	})
-}) }, y = { render: () => /* @__PURE__ */ d("div", {
+}) }, y = { render: () => /* @__PURE__ */ f("div", {
 	style: {
 		width: "min(100%, 720px)",
 		display: "flex",
 		justifyContent: "flex-end"
 	},
-	children: /* @__PURE__ */ d(i, {
+	children: /* @__PURE__ */ f(i, {
 		defaultOpen: !0,
-		children: /* @__PURE__ */ d(_, {})
+		children: /* @__PURE__ */ f(_, {})
 	})
 }) };
 //#endregion

package/dist/flex/index.js

@@ -1,7 +1,7 @@
-import { i as e, n as t, r as n, t as r } from "../chunks/Flex-DbBdq336.js";
+import { i as e, n as t, r as n, t as r } from "../chunks/Flex-DUYSL5TE.js";
+import "react";
 import { cn as i } from "@ryuzaki13/react-foundation-lib/utils";
 import { jsx as a } from "react/jsx-runtime";
-import "react";
 //#region src/flex/FlexCenter.tsx
 var o = ({ className: e, minHeight: t, children: n }) => /* @__PURE__ */ a("div", {
 	className: i("flexCenter h100", e),

package/dist/flex/stories/Flex.stories.js

@@ -1,6 +1,6 @@
-import { t as e } from "../../chunks/Flex-DbBdq336.js";
-import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+import { t as e } from "../../chunks/Flex-DUYSL5TE.js";
 import "react";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/flex/stories/Flex.stories.tsx
 var i = {
 	container: {

package/dist/floating-arrow/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/floating-arrow-CdRV69sg.js";
+import { t as e } from "../chunks/floating-arrow-BE-z4QkE.js";
 export { e as TooltipArrow };

package/dist/fullscreen-portal/index.js

@@ -1,5 +1,5 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useCallback as t } from "react";
+import { useCallback as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
 import { FloatingFocusManager as n, FloatingOverlay as r, FloatingPortal as i, useDismiss as a, useFloating as o, useInteractions as s, useRole as c } from "@floating-ui/react";
 var l = {
 	overlay: "fY8BBX",
@@ -15,17 +15,17 @@ function d({ open: d, title: f, description: p, onOpenChange: m, children: h })
 	let { refs: g, context: _ } = o({
 		open: d,
 		onOpenChange: m
-	}), { getFloatingProps: v } = s([a(_, { outsidePress: !1 }), c(_, { role: "dialog" })]), y = t((e) => {
+	}), { getFloatingProps: v } = s([a(_, { outsidePress: !1 }), c(_, { role: "dialog" })]), y = e((e) => {
 		g.setFloating(e);
 	}, [g]);
-	return d ? /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r, {
+	return d ? /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(r, {
 		lockScroll: !0,
 		className: l.overlay,
-		children: /* @__PURE__ */ e(n, {
+		children: /* @__PURE__ */ t(n, {
 			context: _,
 			modal: !1,
 			returnFocus: !0,
-			children: /* @__PURE__ */ e("section", {
+			children: /* @__PURE__ */ t("section", {
 				ref: y,
 				...v({
 					className: l.panel,

package/dist/grid/stories/Grid.stories.js

@@ -1,6 +1,6 @@
 import { t as e } from "../../chunks/Grid-ByIIytjh.js";
-import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
 import "react";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/grid/stories/Grid.stories.tsx
 var i = {
 	container: {