fui-material 2.8.14 → 2.8.16

package/dist/f-ui-kit.es.js

@@ -1795,21 +1795,52 @@ const FArrowIcon = React.forwardRef(({
   );
 });
 FArrowIcon.displayName = "FArrowIcon";
-const overlay$1 = "_overlay_avyqh_1";
-const entering$1 = "_entering_avyqh_15";
-const exiting$1 = "_exiting_avyqh_19";
-const viewport = "_viewport_avyqh_24";
-const image = "_image_avyqh_33";
-const zoomed = "_zoomed_avyqh_44";
-const close$1 = "_close_avyqh_52";
-const arrow = "_arrow_avyqh_53";
-const left = "_left_avyqh_95";
-const right = "_right_avyqh_99";
-const indicators = "_indicators_avyqh_103";
-const dot = "_dot_avyqh_112";
-const active$4 = "_active_avyqh_121";
-const spinner = "_spinner_avyqh_126";
-const error$2 = "_error_avyqh_136";
+const FDownloadIcon = React.forwardRef(({
+  color = "primary",
+  size = 30,
+  st,
+  id,
+  className,
+  handleClick,
+  ["data-testid"]: dataTestId,
+  ...props
+}, ref) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      ref,
+      style: st,
+      id,
+      width: size,
+      onClick: handleClick,
+      className: `f-icon ${handleClick ? " clicking-icon" : ""} ${color} ${className || ""}`,
+      viewBox: "0 0 16 16",
+      "data-testid": dataTestId,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z" }),
+        /* @__PURE__ */ jsx("path", { d: "M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z" })
+      ]
+    }
+  );
+});
+FDownloadIcon.displayName = "FDownloadIcon";
+const overlay$1 = "_overlay_19vq5_1";
+const entering$1 = "_entering_19vq5_15";
+const exiting$1 = "_exiting_19vq5_19";
+const viewport = "_viewport_19vq5_24";
+const image = "_image_19vq5_33";
+const zoomed = "_zoomed_19vq5_44";
+const close$1 = "_close_19vq5_52";
+const download$1 = "_download_19vq5_53";
+const arrow = "_arrow_19vq5_54";
+const left = "_left_19vq5_107";
+const right = "_right_19vq5_111";
+const indicators = "_indicators_19vq5_115";
+const dot = "_dot_19vq5_124";
+const active$4 = "_active_19vq5_133";
+const spinner = "_spinner_19vq5_138";
+const error$2 = "_error_19vq5_148";
 const styles$o = {
   overlay: overlay$1,
   entering: entering$1,
@@ -1818,6 +1849,7 @@ const styles$o = {
   image,
   zoomed,
   close: close$1,
+  download: download$1,
   arrow,
   left,
   right,
@@ -1854,7 +1886,7 @@ const FOpenImgFull = ({
     } else if (isMounted) {
       setIsClosing(true);
     }
-  }, [openAndClose]);
+  }, [isMounted, openAndClose]);
   useEffect(() => {
     if (!isClosing) return;
     const timer = window.setTimeout(() => {
@@ -1905,6 +1937,7 @@ const FOpenImgFull = ({
         },
         children: [
           handleClose && /* @__PURE__ */ jsx("button", { type: "button", className: styles$o.close, onClick: handleClose, "aria-label": "Закрыть просмотр изображений", children: /* @__PURE__ */ jsx(FCloseIcon, { color: "light", size: 24 }) }),
+          /* @__PURE__ */ jsx("a", { className: styles$o.download, href: imageUrl, download: true, "aria-label": "Скачать изображение", title: "Скачать изображение", children: /* @__PURE__ */ jsx(FDownloadIcon, { color: "light", size: 20 }) }),
           selectedImg > 0 && /* @__PURE__ */ jsx("button", { type: "button", className: `${styles$o.arrow} ${styles$o.left}`, onClick: () => changeImage(-1), "aria-label": "Предыдущее изображение", children: /* @__PURE__ */ jsx(FArrowIcon, { direction: "left", color: "light", size: 28 }) }),
           /* @__PURE__ */ jsxs("div", { className: styles$o.viewport, children: [
             isLoading && !hasError && /* @__PURE__ */ jsx("span", { className: styles$o.spinner, "aria-label": "Загрузка изображения" }),
@@ -1985,23 +2018,36 @@ const FOpenImgFull = ({
     document.body
   );
 };
-const preview$1 = "_preview_1mpqt_1";
+const preview$1 = "_preview_b55p5_1";
+const imageButton = "_imageButton_b55p5_7";
+const download = "_download_b55p5_27";
 const styles$n = {
-  preview: preview$1
+  preview: preview$1,
+  imageButton,
+  download
 };
 const FImagePreview = ({ src, alt = "", id, className, st }) => {
   const [isOpen, setIsOpen] = useState(false);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "button",
+    /* @__PURE__ */ jsxs(
+      "div",
       {
         id,
-        type: "button",
         className: `${styles$n.preview} ${className || ""}`,
         style: st,
-        onClick: () => setIsOpen(true),
-        "aria-label": alt ? `Открыть изображение: ${alt}` : "Открыть изображение в полном размере",
-        children: /* @__PURE__ */ jsx("img", { src, alt })
+        children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: styles$n.imageButton,
+              onClick: () => setIsOpen(true),
+              "aria-label": alt ? `Открыть изображение: ${alt}` : "Открыть изображение в полном размере",
+              children: /* @__PURE__ */ jsx("img", { src, alt })
+            }
+          ),
+          /* @__PURE__ */ jsx("a", { className: styles$n.download, href: src, download: true, "aria-label": "Скачать изображение", title: "Скачать изображение", children: /* @__PURE__ */ jsx(FDownloadIcon, { color: "light", size: 18 }) })
+        ]
       }
     ),
     /* @__PURE__ */ jsx(
@@ -4783,36 +4829,6 @@ const FUploadIcon = React.forwardRef(({
   );
 });
 FUploadIcon.displayName = "FUploadIcon";
-const FDownloadIcon = React.forwardRef(({
-  color = "primary",
-  size = 30,
-  st,
-  id,
-  className,
-  handleClick,
-  ["data-testid"]: dataTestId,
-  ...props
-}, ref) => {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      ref,
-      style: st,
-      id,
-      width: size,
-      onClick: handleClick,
-      className: `f-icon ${handleClick ? " clicking-icon" : ""} ${color} ${className || ""}`,
-      viewBox: "0 0 16 16",
-      "data-testid": dataTestId,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("path", { d: "M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z" }),
-        /* @__PURE__ */ jsx("path", { d: "M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z" })
-      ]
-    }
-  );
-});
-FDownloadIcon.displayName = "FDownloadIcon";
 const FCopyAddIcon = React.forwardRef(({
   color = "primary",
   size = 30,
@@ -9038,7 +9054,9 @@ const ERROR_FIELDS = [
   "detail",
   "traceId",
   "requestId",
-  "timestamp"
+  "timestamp",
+  "exception",
+  "path"
 ];
 function isScalar(value) {
   return typeof value === "string" || typeof value === "boolean" || typeof value === "number" && Number.isFinite(value);
@@ -9058,7 +9076,7 @@ function normalizeRequestErrorResponse(data) {
     for (const field of ERROR_FIELDS) {
       const value = data[field];
       if (!isScalar(value)) continue;
-      const text = String(value);
+      const text = field === "path" ? normalizeErrorPath(String(value)) : String(value);
       result[field] = text.slice(
         0,
         field === "message" || field === "detail" ? LONG_ERROR_FIELD_LIMIT : SHORT_ERROR_FIELD_LIMIT
@@ -9082,6 +9100,53 @@ function getErrorResponseData(error2) {
 function getRequestErrorResponse(error2) {
   return normalizeRequestErrorResponse(getErrorResponseData(error2));
 }
+function normalizeErrorPath(value) {
+  return new URL(value, "http://observer.invalid").pathname.replace(
+    /\/(?:\d+|[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}|[0-9a-f]{16,})(?=\/|$)/gi,
+    "/<id>"
+  );
+}
+const SENSITIVE_BODY_FIELD = /password|passwd|pwd|token|auth|cookie|secret|session|csrf|email|e-mail|phone|mobile|telephone|address|passport|snils|inn|kpp|account|card|birth|fio|name|surname|patronymic|executor|waterUser|org|contract|docNum|basis|notes|comment|description|text|content|file|scan|парол|токен|куки|почт|телефон|адрес|паспорт|снилс|инн|фио|фамили|отчеств|^имя$/i;
+function scrubRequestText(value, limit) {
+  return value.replace(/https?:\/\/[^\s"'<>]+/gi, (url) => normalizeErrorPath(url)).replace(/\?[^\s"'<>)]*/g, "?").replace(/#[^\s"'<>)]*/g, "#").slice(0, limit);
+}
+function getRequestErrorBody(observer, method, outcome, error2, requestData) {
+  try {
+    if (!(observer == null ? void 0 : observer.captureErrorRequestBody) || outcome !== "failure" || !["POST", "PATCH"].includes(method.trim().toUpperCase())) return void 0;
+    const candidate = error2 && typeof error2 === "object" ? error2 : void 0;
+    let input = candidate && "requestBody" in candidate ? candidate.requestBody : (candidate == null ? void 0 : candidate.config) ? candidate.config.data : requestData;
+    if (input === void 0) return void 0;
+    if (typeof input === "string") {
+      if (input === "[truncated]" || input === "[omitted]") return input;
+      if (input.length > 65536) return "[truncated]";
+      input = JSON.parse(input);
+      if (typeof input === "string") return void 0;
+    }
+    if (input !== null && typeof input === "object" && !Array.isArray(input) && Object.getPrototypeOf(input) !== Object.prototype && Object.getPrototypeOf(input) !== null) return void 0;
+    const visited = /* @__PURE__ */ new WeakSet();
+    let remaining = 200;
+    const sanitize = (value, depth) => {
+      if (--remaining < 0 || depth > 6) return "[truncated]";
+      if (value === null || typeof value === "boolean") return value;
+      if (typeof value === "number") return Number.isFinite(value) ? value : "[omitted]";
+      if (typeof value === "string") return scrubRequestText(value, 512);
+      if (!value || typeof value !== "object") return "[omitted]";
+      if (!Array.isArray(value) && Object.getPrototypeOf(value) !== Object.prototype && Object.getPrototypeOf(value) !== null) return "[omitted]";
+      if (visited.has(value)) return "[circular]";
+      visited.add(value);
+      const result2 = Array.isArray(value) ? value.slice(0, 50).map((item) => sanitize(item, depth + 1)) : Object.fromEntries(Object.keys(value).slice(0, 50).map((key) => [
+        scrubRequestText(key, 128),
+        SENSITIVE_BODY_FIELD.test(key) ? "[redacted]" : sanitize(value[key], depth + 1)
+      ]));
+      visited.delete(value);
+      return result2;
+    };
+    const result = sanitize(input, 0);
+    return new TextEncoder().encode(JSON.stringify(result)).byteLength <= 8192 ? result : "[truncated]";
+  } catch {
+    return void 0;
+  }
+}
 const getRequestNow = () => {
   if (typeof performance !== "undefined" && typeof performance.now === "function") {
     return performance.now();
@@ -9141,7 +9206,7 @@ function notifyRequestObserver(observer, observation) {
   } catch {
   }
 }
-async function observeRequest(observer, requestFn, method, url) {
+async function observeRequest(observer, requestFn, method, url, requestData) {
   if (!observer) {
     return requestFn();
   }
@@ -9163,6 +9228,7 @@ async function observeRequest(observer, requestFn, method, url) {
     const durationMs = calcDurationMs(startTime);
     const { outcome, errorCategory, status } = classifyRequestError(error2);
     const errorResponse = outcome === "failure" ? getRequestErrorResponse(error2) : void 0;
+    const errorRequestBody = getRequestErrorBody(observer, normalizedMethod, outcome, error2, requestData);
     notifyRequestObserver(observer, {
       method: normalizedMethod,
       url,
@@ -9170,7 +9236,8 @@ async function observeRequest(observer, requestFn, method, url) {
       durationMs,
       outcome,
       errorCategory,
-      ...errorResponse ? { errorResponse } : {}
+      ...errorResponse ? { errorResponse } : {},
+      ...errorRequestBody !== void 0 ? { errorRequestBody } : {}
     });
     throw error2;
   }
@@ -9196,7 +9263,8 @@ const FLibraryProvider = ({
             effectiveObserver,
             () => config.apiService.request(url, reqConfig),
             (reqConfig == null ? void 0 : reqConfig.method) ?? "GET",
-            url
+            url,
+            reqConfig == null ? void 0 : reqConfig.data
           );
         }
       }
@@ -9264,6 +9332,7 @@ const useFApi = ({
       if (effectiveObserver) {
         const { outcome, errorCategory, status } = classifyRequestError(error22);
         const errorResponse = outcome === "failure" ? getRequestErrorResponse(error22) : void 0;
+        const errorRequestBody = getRequestErrorBody(effectiveObserver, method, outcome, error22, config.data);
         notifyRequestObserver(effectiveObserver, {
           method,
           url,
@@ -9271,7 +9340,8 @@ const useFApi = ({
           durationMs: calcDurationMs(startTime),
           outcome,
           errorCategory,
-          ...errorResponse ? { errorResponse } : {}
+          ...errorResponse ? { errorResponse } : {},
+          ...errorRequestBody !== void 0 ? { errorRequestBody } : {}
         });
       }
       const err = error22;