fui-material 2.7.5 → 2.7.7

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

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import React, { forwardRef, useRef, useState, useEffect, useMemo, useCallback, useLayoutEffect, Fragment as Fragment$1, isValidElement, cloneElement, useDeferredValue, createContext, useContext } from "react";
+import React, { forwardRef, useRef, useState, useEffect, useMemo, useCallback, useLayoutEffect, Fragment as Fragment$1, isValidElement, cloneElement, Children, useDeferredValue, createContext, useContext } from "react";
 import ReactDOM, { createPortal } from "react-dom";
 import JSZip from "jszip";
 import initializeModule from "allorion-exporting-html-to-docx";
@@ -1620,12 +1620,12 @@ const FOpenImgFull = ({
     }
   );
 };
-const card$1 = "_card_1pttw_1";
+const card$2 = "_card_1pttw_1";
 const warning$3 = "_warning_1pttw_16";
 const info$1 = "_info_1pttw_24";
 const alert = "_alert_1pttw_32";
 const styles$j = {
-  card: card$1,
+  card: card$2,
   warning: warning$3,
   info: info$1,
   alert,
@@ -3088,11 +3088,13 @@ const FSkeleton = ({ children, enable, width, height }) => {
   }, [enable]);
   return /* @__PURE__ */ jsx("div", { ref: elementRef, className: styles$a["skeleton-block"], children });
 };
-const active = "_active_1tib7_71";
+const active = "_active_lv3xi_122";
 const styles$9 = {
-  "f-nav-bar": "_f-nav-bar_1tib7_1",
-  "f-nav-bar__menu": "_f-nav-bar__menu_1tib7_8",
-  "f-nav-bar__menu-route": "_f-nav-bar__menu-route_1tib7_31",
+  "wave-nav-wrapper": "_wave-nav-wrapper_lv3xi_5",
+  "wave-nav-grid-item": "_wave-nav-grid-item_lv3xi_17",
+  "wave-nav-bar": "_wave-nav-bar_lv3xi_27",
+  "wave-nav-list": "_wave-nav-list_lv3xi_48",
+  "wave-nav-item": "_wave-nav-item_lv3xi_75",
   active
 };
 const FNavigateBar = ({
@@ -3101,31 +3103,48 @@ const FNavigateBar = ({
   id,
   className
 }) => {
-  return /* @__PURE__ */ jsx(FGrid, { obj: "container", id, className, children: /* @__PURE__ */ jsx(FGridRow, { children: /* @__PURE__ */ jsx(FGrid, { obj: "item", sm: 12, children: /* @__PURE__ */ jsx("nav", { style: st, className: styles$9["f-nav-bar"], children: /* @__PURE__ */ jsx("ul", { className: styles$9["f-nav-bar__menu"], children }) }) }) }) });
+  return /* @__PURE__ */ jsx(FGrid, { obj: "container", id, className: `${styles$9["wave-nav-wrapper"]} ${className || ""}`, children: /* @__PURE__ */ jsx(FGridRow, { children: /* @__PURE__ */ jsx(FGrid, { obj: "item", sm: 12, className: styles$9["wave-nav-grid-item"], children: /* @__PURE__ */ jsx("nav", { style: st, className: styles$9["wave-nav-bar"], children: /* @__PURE__ */ jsx("ul", { className: styles$9["wave-nav-list"], children }) }) }) }) });
 };
 const FNavigateBarItem = ({
   st,
+  style,
   children,
   id,
   className,
-  activeClass
+  activeClass,
+  ...rest
 }) => {
   return /* @__PURE__ */ jsx(
     "li",
     {
       id,
-      style: st,
-      className: `${styles$9["f-nav-bar__menu-route"]} ${activeClass ? styles$9.active : ""} ${className || ""}`,
+      style: st || style,
+      className: `${styles$9["wave-nav-item"]} ${activeClass ? styles$9.active : ""} ${className || ""}`,
+      ...rest,
       children
     }
   );
 };
-const disabled = "_disabled_w47ps_49";
+const reportsPageContainer = "_reportsPageContainer_9rgyr_3";
+const searchBar = "_searchBar_9rgyr_11";
+const reportsGrid = "_reportsGrid_9rgyr_45";
+const card$1 = "_card_9rgyr_53";
+const cardHeader = "_cardHeader_9rgyr_70";
+const countBadge = "_countBadge_9rgyr_87";
+const linksList = "_linksList_9rgyr_97";
+const linkItem = "_linkItem_9rgyr_104";
+const badge = "_badge_9rgyr_145";
+const disabled = "_disabled_9rgyr_170";
 const styles$8 = {
-  "sections-routes": "_sections-routes_w47ps_2",
-  "sections-routes_card": "_sections-routes_card_w47ps_9",
-  "sections-routes_card__title": "_sections-routes_card__title_w47ps_25",
-  "sections-routes_card__links": "_sections-routes_card__links_w47ps_31",
+  reportsPageContainer,
+  searchBar,
+  reportsGrid,
+  card: card$1,
+  cardHeader,
+  countBadge,
+  linksList,
+  linkItem,
+  badge,
   disabled
 };
 const FMenuBlockLinks = ({
@@ -3133,18 +3152,37 @@ const FMenuBlockLinks = ({
   className,
   st,
   id,
-  columns = 3
+  columns,
+  withSearch = false
 }) => {
-  const style = st !== void 0 ? { ...st, columns } : { columns };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: `${styles$8["sections-routes"]} ${className ?? ""}`.trim(),
-      style,
-      id,
-      children
+  const [searchValue, setSearchValue] = useState("");
+  const gridStyle = columns ? { gridTemplateColumns: `repeat(${columns}, 1fr)`, ...st } : st;
+  const enhancedChildren = Children.map(children, (child) => {
+    if (isValidElement(child)) {
+      return cloneElement(child, {
+        searchTerm: searchValue
+      });
     }
-  );
+    return child;
+  });
+  return /* @__PURE__ */ jsxs("div", { className: `${styles$8.reportsPageContainer} ${className ?? ""}`.trim(), id, children: [
+    withSearch && /* @__PURE__ */ jsx("div", { className: styles$8.searchBar, children: /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "text",
+        placeholder: "Быстрый поиск",
+        value: searchValue,
+        onChange: (e) => setSearchValue(e.target.value)
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: styles$8.reportsGrid, style: gridStyle, children: enhancedChildren })
+  ] });
+};
+const getElementText = (node) => {
+  if (typeof node === "string" || typeof node === "number") return String(node);
+  if (Array.isArray(node)) return node.map(getElementText).join("");
+  if (React.isValidElement(node) && node.props) return getElementText(node.props.children);
+  return "";
 };
 const FMenuLinks = ({
   children,
@@ -3152,33 +3190,51 @@ const FMenuLinks = ({
   st,
   id,
   disabled: disabled2 = [],
-  title: title2
+  badges = [],
+  title: title2,
+  searchTerm = ""
 }) => {
-  const enhancedChildren = React.Children.map(children, (child, index) => {
+  const originalArray = React.Children.toArray(children);
+  const filteredChildren = originalArray.filter((child) => {
+    if (!searchTerm) return true;
+    const text = getElementText(child).toLowerCase();
+    const originalIndex = originalArray.indexOf(child);
+    const badge2 = badges[originalIndex] || (React.isValidElement(child) ? child.props["data-badge"] : "");
+    const searchString = badge2 ? `${badge2} ${text}`.toLowerCase() : text;
+    return searchString.includes(searchTerm.toLowerCase());
+  });
+  if (filteredChildren.length === 0) return null;
+  const enhancedChildren = filteredChildren.map((child) => {
     if (!React.isValidElement(child)) return child;
-    const isDisabled = disabled2.includes(index);
+    const originalIndex = originalArray.indexOf(child);
+    const isDisabled = disabled2.includes(originalIndex);
+    const badgeText = badges[originalIndex] || child.props["data-badge"];
     const childClass = [
       child.props.className,
-      styles$8.link,
-      isDisabled && styles$8.disabled
+      styles$8.linkItem,
+      isDisabled ? styles$8.disabled : ""
     ].filter(Boolean).join(" ");
+    const innerContent = badgeText ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { className: styles$8.badge, children: badgeText }),
+      child.props.children
+    ] }) : child.props.children;
     return React.cloneElement(child, {
       className: childClass,
-      ...isDisabled && { onClick: (e) => e.preventDefault() }
+      children: innerContent,
+      ...isDisabled && {
+        onClick: (e) => e.preventDefault(),
+        tabIndex: -1,
+        "aria-disabled": true
+      }
     });
   });
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: `${styles$8["sections-routes_card"]} ${className ?? ""}`.trim(),
-      style: st,
-      id,
-      children: [
-        title2 && /* @__PURE__ */ jsx("div", { className: styles$8["sections-routes_card__title"], children: title2 }),
-        /* @__PURE__ */ jsx("div", { className: styles$8["sections-routes_card__links"], children: enhancedChildren })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs("div", { className: `${styles$8.card} ${className ?? ""}`.trim(), style: st, id, children: [
+    title2 && /* @__PURE__ */ jsxs("div", { className: styles$8.cardHeader, children: [
+      /* @__PURE__ */ jsx("h3", { children: title2 }),
+      /* @__PURE__ */ jsx("span", { className: styles$8.countBadge, children: filteredChildren.length })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: styles$8.linksList, children: enhancedChildren })
+  ] });
 };
 const styles$7 = {
   "f-tooltip": "_f-tooltip_xpnbo_1",