@daisforge/ui 1.12.0 → 1.12.2

package/chunks/FiltersActions-C3yWFtQT.mjs

@@ -0,0 +1,429 @@
+import { IconButton as E, Dropdown as J, Button as K, TabItem as Q, Tabs as Y, BodyM as tt, BodyXS as et, Popover as it, LinkButton as ot, SegmentItem as nt, Switch as st, Tooltip as rt } from "@salutejs/sdds-finai";
+import { jsx as o, jsxs as y, Fragment as lt } from "react/jsx-runtime";
+import { IconDotsVerticalCenteredOutline as at, IconSettingsFilter as W, IconClose as P, IconResizeCorneredFill as dt } from "@salutejs/plasma-icons";
+import c, { css as D } from "styled-components";
+import { Box as A } from "../components/Box/index.mjs";
+import { D as ct } from "./Table-Bj2se1hR.mjs";
+import { surfaceNegative as pt, textSecondary as ht, surfaceSolidCard as ft, borderRadiusM as ut, shadowDownHardS as mt, textTertiary as gt, surfaceTransparentSecondary as yt, borderRadiusL as xt, inverseTextPrimary as vt, bodyXS as wt } from "@salutejs/sdds-themes/tokens/sdds_finai";
+import { lazy as bt, useState as M, useCallback as T, forwardRef as Ft, useRef as I, useLayoutEffect as St, useMemo as Bt, useEffect as Tt } from "react";
+import { IconButtonDots as Ct } from "../components/IconButton/index.mjs";
+import { TextFieldSearch as H } from "../components/TextField/index.mjs";
+import { c as j } from "./AnalyticalWidget-CBi-2MtJ.mjs";
+import { c as _t, q as kt } from "./utils-C5SQhoON.mjs";
+const ce = ({
+  dropdownProps: t,
+  iconSize: e,
+  ...l
+}) => {
+  const s = /* @__PURE__ */ o(E, { view: "secondary", size: "s", ...l, children: /* @__PURE__ */ o(at, { size: e ?? "s" }) });
+  return t ? /* @__PURE__ */ o(J, { ...t, children: s }) : s;
+}, $ = ({
+  visible: t,
+  topLeft: e
+}) => /* @__PURE__ */ o(A, { $css: {
+  position: "absolute",
+  top: e ?? 0,
+  right: e ?? 0,
+  width: "8px",
+  aspectRatio: "1",
+  borderRadius: "50%",
+  transition: ct,
+  backgroundColor: "transparent",
+  transform: "scale(0)",
+  ...t && {
+    backgroundColor: pt,
+    transform: "scale(1)"
+  }
+} }), V = c(K).attrs(({
+  redSquare: t,
+  hideLabel: e = !1,
+  size: l,
+  iconSize: s,
+  children: r,
+  ...h
+}) => ({
+  view: "secondary",
+  size: l ?? "s",
+  type: "button",
+  contentLeft: !e && /* @__PURE__ */ o(W, { size: s ?? "s" }),
+  children: /* @__PURE__ */ y(lt, { children: [
+    r ?? (!e && (h.text ?? "Ещё фильтры")),
+    e && /* @__PURE__ */ o(W, { size: s ?? "s" }),
+    /* @__PURE__ */ o($, { visible: t })
+  ] }),
+  ...h
+})).withConfig({
+  displayName: "FiltersButton__FiltersActionsFiltersButton"
+})(["position:relative;white-space:nowrap;"]), It = bt(() => import("./ListOfFilters-IEPKSKxx.mjs").then((t) => t.a)), Rt = c(It).attrs(({
+  paddingTop: t,
+  ...e
+}) => ({
+  paddingTop: 8,
+  ...e
+})).withConfig({
+  displayName: "ListOfFilters__FiltersActionsListOfFilters"
+})([""]), U = ({
+  visible: t,
+  offset: e
+}) => /* @__PURE__ */ o($, { visible: t, topLeft: e }), zt = c(Y).attrs((t) => ({
+  size: "xs",
+  view: "filled",
+  ...t
+})).withConfig({
+  displayName: "Tabs__FiltersActionsTabs"
+})(["&{margin:-2px;", "}"], ({
+  $css: t
+}) => t), At = c(Q).attrs((t) => ({
+  size: "s",
+  view: "default",
+  ...t
+})).withConfig({
+  displayName: "Tabs__FiltersActionsTabItem"
+})(["&{", "}"], ({
+  $css: t
+}) => t), R = {
+  borderRadiusM: () => ut,
+  shadowDownHardS: () => mt,
+  surfaceSolidCard: () => ft
+}, Nt = c(it).withConfig({
+  displayName: "FiltersButtonWithPopover__StyledPopover"
+})(["& .popover-root{box-shadow:none;}& .resizable-container{}"]), Ot = c.div.withConfig({
+  displayName: "FiltersButtonWithPopover__PopoverContentContainer"
+})(["background-color:", ";border-radius:", ";box-shadow:", ";min-width:360px;max-width:700px;max-height:80dvh;height:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;"], R.surfaceSolidCard, R.borderRadiusM, R.shadowDownHardS), Wt = c.div.withConfig({
+  displayName: "FiltersButtonWithPopover__PopoverHeader"
+})(["display:flex;flex-direction:column;padding:16px 16px 12px 16px;flex-shrink:0;"]), Lt = c.div.withConfig({
+  displayName: "FiltersButtonWithPopover__PopoverHeaderTop"
+})(["display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0;"]), Et = c.div.withConfig({
+  displayName: "FiltersButtonWithPopover__HeaderText"
+})(["display:flex;flex-direction:column;gap:4px;margin-bottom:8px;"]), Pt = c.div.withConfig({
+  displayName: "FiltersButtonWithPopover__PopoverMainContent"
+})(["overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:16px;min-height:40px;margin:12px 16px 16px 16px;"]), Dt = c.div.withConfig({
+  displayName: "FiltersButtonWithPopover__PopoverFooter"
+})(["box-sizing:border-box;min-height:60px;padding:12px 16px 16px 16px;flex-shrink:0;display:flex;align-items:center;"]), z = {
+  minHeight: 430,
+  minWidth: 360,
+  maxWidth: 700,
+  maxHeight: typeof window < "u" ? window.innerHeight * 0.8 : 600,
+  defaultSize: {
+    width: 360,
+    height: 430
+  },
+  directions: ["bottom-right", "right", "top-right"],
+  icons: {
+    topRight: null,
+    bottomRight: /* @__PURE__ */ o(dt, { color: gt }),
+    bottomLeft: null,
+    topLeft: null
+  },
+  hiddenIcons: ["bottom-left", "top-left", "top-right"]
+}, X = ({
+  title: t,
+  subtitle: e,
+  content: l,
+  state: s,
+  onClose: r,
+  footer: h,
+  redSquare: n = !1,
+  popoverProps: p = {},
+  buttonProps: i,
+  renderTarget: a,
+  searchable: v,
+  searchValue: w,
+  onSearchChange: g,
+  searchingProps: x,
+  emptySearchContent: m
+}) => {
+  const {
+    resizable: d,
+    ...b
+  } = p, _ = ((u) => u === !1 ? !1 : u === !0 || u == null ? z : typeof u == "object" && u !== null ? {
+    ...z,
+    ...u
+  } : z)(d), [C, k] = M(!1), [F, S] = s ?? [C, k], Z = T(() => {
+    S(!1), r == null || r();
+  }, [r, S]), q = T((u) => {
+    S(u), u || r == null || r();
+  }, [r, S]), N = T(() => {
+    S(!F);
+  }, [F, S]);
+  return (
+    // @ts-expect-error TS2769: libs allows ref: string, but styled-components doesn't. Safe to ignore.
+    /* @__PURE__ */ o(Nt, { opened: F, onToggle: q, target: a ? a({
+      onClick: N,
+      isOpen: F,
+      isRedDotVisible: n,
+      RedDot: U
+    }) : /* @__PURE__ */ o(
+      V,
+      {
+        redSquare: n,
+        hideLabel: !1,
+        iconSize: "s",
+        ...i,
+        onClick: (u) => {
+          var O;
+          (O = i == null ? void 0 : i.onClick) == null || O.call(i, u), N();
+        }
+      }
+    ), placement: "bottom-start", offset: [0, 2], trigger: "click", hasArrow: !1, closeOnOverlayClick: !0, closeOnEsc: !0, isFocusTrapped: !0, usePortal: !0, animated: !0, resizable: _, ...b, children: /* @__PURE__ */ y(Ot, { children: [
+      /* @__PURE__ */ y(Wt, { children: [
+        /* @__PURE__ */ y(Lt, { children: [
+          /* @__PURE__ */ y(Et, { children: [
+            /* @__PURE__ */ o(tt, { bold: !0, children: t }),
+            e && /* @__PURE__ */ o(et, { color: ht, children: e })
+          ] }),
+          /* @__PURE__ */ o(E, { onClick: Z, size: "xs", view: "secondary", pin: "circle-circle", title: "Закрыть", style: {
+            marginBottom: "8px"
+          }, children: /* @__PURE__ */ o(P, { size: "xs" }) })
+        ] }),
+        v && /* @__PURE__ */ o(H, { value: w, onChange: (u) => g == null ? void 0 : g(u.target.value), placeholder: "Поиск", ...x })
+      ] }),
+      /* @__PURE__ */ o(Pt, { children: m || l }),
+      h && /* @__PURE__ */ o(Dt, { children: h })
+    ] }) })
+  );
+}, Mt = c(ot).attrs((t) => ({
+  view: "default",
+  size: "s",
+  text: "Сбросить фильтры",
+  contentLeft: /* @__PURE__ */ o(P, { size: "xs", color: "inherit" }),
+  style: {
+    ...t.style,
+    visibility: t.isVisible ? "visible" : "hidden",
+    pointerEvents: t.isVisible ? "auto" : "none"
+  }
+})).withConfig({
+  displayName: "ResetAllFiltersButton"
+})(["", ""], ({
+  $css: t
+}) => t), Ht = c(nt).attrs((t) => ({
+  size: "s",
+  view: "primary",
+  ...t
+})).withConfig({
+  displayName: "Segments__FiltersActionsSegmentItem"
+})(["&{", "}"], ({
+  $css: t
+}) => t), jt = c(st).withConfig({
+  displayName: "styled__StyledSwitch"
+})(["background:", ";padding:", ";border-radius:", ";max-height:48px;"], ({
+  hasBackground: t
+}) => t ? yt : "none", ({
+  hasBackground: t
+}) => t ? "10px 14px" : "auto", ({
+  hasBackground: t
+}) => t ? "10px" : "auto"), $t = Ft(({
+  hasBackground: t,
+  size: e,
+  ...l
+}, s) => /* @__PURE__ */ o(jt, { hasBackground: t, ref: s, size: t ? "m" : e, ...l })), Vt = ({
+  ...t
+}) => /* @__PURE__ */ o($t, { size: "m", toggleSize: "s", hasBackground: !0, ...t }), Ut = (t, e) => {
+  if (!t && !e)
+    return;
+  const l = t && {
+    $css: t.split(" ").map((s, r) => ({
+      [`& > *:nth-child(${r + 1})`]: {
+        width: s
+      }
+    })).reduce((s, r) => ({
+      ...s,
+      ...r
+    }), {})
+  };
+  return D(["", ";", ";"], () => l && l.$css, () => e && e);
+}, Xt = c(A).withConfig({
+  displayName: "styled__StyledContainer"
+})(["width:100%;display:flex;align-items:flex-start;gap:16px;& > div:first-child{width:100%;}"]), G = c.div.withConfig({
+  displayName: "styled__StyledCard"
+})(["padding-block:8px;border-radius:", ";"], () => xt), Gt = c(G).withConfig({
+  displayName: "styled__StyledButtonsBlock"
+})(["display:flex;column-gap:8px;flex-shrink:0;margin-left:auto;padding-left:24px;"]), Zt = c(A).withConfig({
+  displayName: "styled__StyledMainBlock"
+})(["display:flex;gap:8px;align-items:center;max-height:40px;"]), f = ({
+  mainBlock: t,
+  listOfFilters: e,
+  activeButtonsBlock: l,
+  mainBlockElementsWidth: s,
+  containerProps: r,
+  mainBlockProps: {
+    $css: h,
+    ref: n,
+    ...p
+  } = {},
+  onResize: i
+}) => {
+  const a = I(null), v = I(null), w = I(null);
+  return St(() => {
+    if (!i)
+      return;
+    const g = a.current, x = v.current, m = w.current;
+    if (!g || !x)
+      return;
+    const d = {
+      containerWidth: 0,
+      mainBlockWidth: 0,
+      buttonsBlockWidth: 0,
+      availableMainBlockWidth: 0
+    }, b = () => {
+      const _ = g.getBoundingClientRect().width, C = x.getBoundingClientRect().width, k = m ? m.getBoundingClientRect().width : 0, F = C;
+      d.containerWidth = _, d.mainBlockWidth = C, d.buttonsBlockWidth = k, d.availableMainBlockWidth = F, i({
+        ...d
+      });
+    }, B = _t(() => {
+      b();
+    });
+    return B.observe(g), B.observe(x), m && B.observe(m), b(), () => {
+      B.disconnect();
+    };
+  }, [i]), /* @__PURE__ */ o(Xt, { ref: a, ...r, children: /* @__PURE__ */ y(G, { children: [
+    /* @__PURE__ */ y(Zt, { $css: Ut(s, h), ...p, ref: kt(n, v), children: [
+      t,
+      l && /* @__PURE__ */ o(Gt, { ref: w, children: l })
+    ] }),
+    e
+  ] }) });
+};
+f.FiltersButton = V;
+f.DotsIconButton = Ct;
+f.ListOfFilters = Rt;
+f.TextFieldSearch = H;
+f.Tabs = zt;
+f.TabItem = At;
+f.SegmentItem = Ht;
+f.Tooltip = j;
+f.TooltipList = j;
+f.FilterPopover = X;
+f.FiltersButtonWithPopover = X;
+f.ResetAllFiltersButton = Mt;
+f.SwitcherFilter = Vt;
+f.RedDot = U;
+function L(t, e, l) {
+  const {
+    visible: s = [],
+    inOverlay: r = [],
+    hidden: h = [],
+    modifications: n = {},
+    customActions: p = {}
+  } = l, i = new Set(s), a = new Set(r), v = new Set(h), w = t.filter((d) => i.has(d.id)), g = t.filter((d) => a.has(d.id)), x = t.filter((d) => v.has(d.id)), m = [];
+  return s.forEach((d) => {
+    m.push({
+      type: "show",
+      targetId: d,
+      payload: null
+    });
+  }), r.forEach((d) => {
+    m.push({
+      type: "moveToOverlay",
+      targetId: d,
+      payload: null
+    });
+  }), h.forEach((d) => {
+    m.push({
+      type: "hide",
+      targetId: d,
+      payload: null
+    });
+  }), Object.entries(n).forEach(([d, b]) => {
+    m.push({
+      type: "modify",
+      targetId: d,
+      payload: b
+    });
+  }), {
+    visibleItems: w,
+    overlayItems: g,
+    hiddenItems: x,
+    modifications: n,
+    actions: m,
+    activeBreakpoint: e,
+    hasOverlayItems: g.length > 0,
+    hasModifications: Object.keys(n).length > 0,
+    customActions: p
+  };
+}
+const pe = ({
+  items: t,
+  width: e,
+  breakpoints: l
+}) => {
+  const s = Bt(() => {
+    const n = Object.entries(l).map(([i, a]) => ({
+      breakpoint: Number(i),
+      config: a
+    })).sort((i, a) => a.breakpoint - i.breakpoint), p = n.find(({
+      breakpoint: i
+    }) => e >= i);
+    if (!p) {
+      const i = n[n.length - 1];
+      return L(t, (i == null ? void 0 : i.breakpoint) || 0, (i == null ? void 0 : i.config) || {
+        visible: [],
+        inOverlay: [],
+        hidden: []
+      });
+    }
+    return L(t, p.breakpoint, p.config);
+  }, [t, e, l]), r = T((n, p) => {
+    if (!n)
+      return {};
+    const i = {
+      ...n.style
+    };
+    return n.width ? i.width = n.width : n.widthPercent && p ? i.width = `${p * n.widthPercent / 100}px` : n.widthPercent && (i.width = `${n.widthPercent}%`), i;
+  }, []), h = T((n, p) => n.some((i) => {
+    const a = p[i.id];
+    return a === void 0 ? !1 : Array.isArray(a) ? a.length > 0 : typeof a == "boolean" ? a === !0 : typeof a == "string" ? a !== "" : typeof a == "number" ? a !== 0 : !!a;
+  }), []);
+  return {
+    ...s,
+    getItemStyle: r,
+    hasActiveFilters: h
+  };
+}, qt = () => D(wt), Jt = c.div.withConfig({
+  displayName: "Tooltip__StyledTooltipContent"
+})(["color:", ";", " & > ul{padding-top:1px;display:flex;flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;}& li{padding-left:12px;position:relative;&::before{content:'•';position:absolute;left:2px;}}"], () => vt, () => qt()), Kt = ({
+  groupLabel: t,
+  items: e
+}) => /* @__PURE__ */ y(Jt, { children: [
+  /* @__PURE__ */ o("span", { children: t }),
+  /* @__PURE__ */ o("ul", { children: e.map((l) => /* @__PURE__ */ o("li", { children: l })) })
+] }), he = ({
+  groupLabel: t,
+  items: e,
+  children: l,
+  ...s
+}) => {
+  const [r, h] = M(!1), n = e.length > 0;
+  return Tt(() => {
+    if (!n) {
+      h(!0);
+      const p = setTimeout(() => {
+        h(!1);
+      }, 0);
+      return () => clearTimeout(p);
+    }
+  }, [n]), /* @__PURE__ */ o(
+    rt,
+    {
+      usePortal: !0,
+      trigger: n ? (s == null ? void 0 : s.trigger) ?? "hover" : "none",
+      text: /* @__PURE__ */ o(Kt, { groupLabel: t, items: e }),
+      size: "s",
+      ...s,
+      children: l
+    },
+    `tooltip-${r}`
+  );
+};
+export {
+  he as F,
+  U as R,
+  $t as S,
+  Rt as a,
+  f as b,
+  ce as c,
+  V as d,
+  At as e,
+  zt as f,
+  pe as u
+};

package/chunks/FiltersActions-D1aQXh5d.cjs

@@ -0,0 +1 @@
+"use strict";const g=require("@salutejs/sdds-finai"),e=require("react/jsx-runtime"),C=require("@salutejs/plasma-icons"),d=require("styled-components"),z=require("../components/Box/index.cjs"),K=require("./Table-CnWVNNoW.cjs"),v=require("@salutejs/sdds-themes/tokens/sdds_finai"),p=require("react"),Q=require("../components/IconButton/index.cjs"),E=require("../components/TextField/index.cjs"),M=require("./AnalyticalWidget-fBDe37Ur.cjs"),P=require("./utils-DKi1rqLX.cjs"),Y=({dropdownProps:t,iconSize:i,...l})=>{const n=e.jsx(g.IconButton,{view:"secondary",size:"s",...l,children:e.jsx(C.IconDotsVerticalCenteredOutline,{size:i??"s"})});return t?e.jsx(g.Dropdown,{...t,children:n}):n},q=({visible:t,topLeft:i})=>e.jsx(z.Box,{$css:{position:"absolute",top:i??0,right:i??0,width:"8px",aspectRatio:"1",borderRadius:"50%",transition:K.DEFAULT_TABLE_TRANSITION,backgroundColor:"transparent",transform:"scale(0)",...t&&{backgroundColor:v.surfaceNegative,transform:"scale(1)"}}}),N=d(g.Button).attrs(({redSquare:t,hideLabel:i=!1,size:l,iconSize:n,children:r,...h})=>({view:"secondary",size:l??"s",type:"button",contentLeft:!i&&e.jsx(C.IconSettingsFilter,{size:n??"s"}),children:e.jsxs(e.Fragment,{children:[r??(!i&&(h.text??"Ещё фильтры")),i&&e.jsx(C.IconSettingsFilter,{size:n??"s"}),e.jsx(q,{visible:t})]}),...h})).withConfig({displayName:"FiltersButton__FiltersActionsFiltersButton"})(["position:relative;white-space:nowrap;"]),tt=p.lazy(()=>Promise.resolve().then(()=>require("./ListOfFilters-DgInAZFi.cjs")).then(t=>t.ListOfFilters_lazy)),H=d(tt).attrs(({paddingTop:t,...i})=>({paddingTop:8,...i})).withConfig({displayName:"ListOfFilters__FiltersActionsListOfFilters"})([""]),O=({visible:t,offset:i})=>e.jsx(q,{visible:t,topLeft:i}),$=d(g.Tabs).attrs(t=>({size:"xs",view:"filled",...t})).withConfig({displayName:"Tabs__FiltersActionsTabs"})(["&{margin:-2px;","}"],({$css:t})=>t),V=d(g.TabItem).attrs(t=>({size:"s",view:"default",...t})).withConfig({displayName:"Tabs__FiltersActionsTabItem"})(["&{","}"],({$css:t})=>t),A={borderRadiusM:()=>v.borderRadiusM,shadowDownHardS:()=>v.shadowDownHardS,surfaceSolidCard:()=>v.surfaceSolidCard},et=d(g.Popover).withConfig({displayName:"FiltersButtonWithPopover__StyledPopover"})(["& .popover-root{box-shadow:none;}& .resizable-container{}"]),it=d.div.withConfig({displayName:"FiltersButtonWithPopover__PopoverContentContainer"})(["background-color:",";border-radius:",";box-shadow:",";min-width:360px;max-width:700px;max-height:80dvh;height:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;"],A.surfaceSolidCard,A.borderRadiusM,A.shadowDownHardS),st=d.div.withConfig({displayName:"FiltersButtonWithPopover__PopoverHeader"})(["display:flex;flex-direction:column;padding:16px 16px 12px 16px;flex-shrink:0;"]),ot=d.div.withConfig({displayName:"FiltersButtonWithPopover__PopoverHeaderTop"})(["display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0;"]),nt=d.div.withConfig({displayName:"FiltersButtonWithPopover__HeaderText"})(["display:flex;flex-direction:column;gap:4px;margin-bottom:8px;"]),rt=d.div.withConfig({displayName:"FiltersButtonWithPopover__PopoverMainContent"})(["overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:16px;min-height:40px;margin:12px 16px 16px 16px;"]),lt=d.div.withConfig({displayName:"FiltersButtonWithPopover__PopoverFooter"})(["box-sizing:border-box;min-height:60px;padding:12px 16px 16px 16px;flex-shrink:0;display:flex;align-items:center;"]),R={minHeight:430,minWidth:360,maxWidth:700,maxHeight:typeof window<"u"?window.innerHeight*.8:600,defaultSize:{width:360,height:430},directions:["bottom-right","right","top-right"],icons:{topRight:null,bottomRight:e.jsx(C.IconResizeCorneredFill,{color:v.textTertiary}),bottomLeft:null,topLeft:null},hiddenIcons:["bottom-left","top-left","top-right"]},U=({title:t,subtitle:i,content:l,state:n,onClose:r,footer:h,redSquare:o=!1,popoverProps:u={},buttonProps:s,renderTarget:a,searchable:w,searchValue:F,onSearchChange:m,searchingProps:b,emptySearchContent:y})=>{const{resizable:c,...B}=u,_=(x=>x===!1?!1:x===!0||x==null?R:typeof x=="object"&&x!==null?{...R,...x}:R)(c),[I,k]=p.useState(!1),[S,T]=n??[I,k],Z=p.useCallback(()=>{T(!1),r==null||r()},[r,T]),J=p.useCallback(x=>{T(x),x||r==null||r()},[r,T]),W=p.useCallback(()=>{T(!S)},[S,T]);return e.jsx(et,{opened:S,onToggle:J,target:a?a({onClick:W,isOpen:S,isRedDotVisible:o,RedDot:O}):e.jsx(N,{redSquare:o,hideLabel:!1,iconSize:"s",...s,onClick:x=>{var L;(L=s==null?void 0:s.onClick)==null||L.call(s,x),W()}}),placement:"bottom-start",offset:[0,2],trigger:"click",hasArrow:!1,closeOnOverlayClick:!0,closeOnEsc:!0,isFocusTrapped:!0,usePortal:!0,animated:!0,resizable:_,...B,children:e.jsxs(it,{children:[e.jsxs(st,{children:[e.jsxs(ot,{children:[e.jsxs(nt,{children:[e.jsx(g.BodyM,{bold:!0,children:t}),i&&e.jsx(g.BodyXS,{color:v.textSecondary,children:i})]}),e.jsx(g.IconButton,{onClick:Z,size:"xs",view:"secondary",pin:"circle-circle",title:"Закрыть",style:{marginBottom:"8px"},children:e.jsx(C.IconClose,{size:"xs"})})]}),w&&e.jsx(E.TextFieldSearch,{value:F,onChange:x=>m==null?void 0:m(x.target.value),placeholder:"Поиск",...b})]}),e.jsx(rt,{children:y||l}),h&&e.jsx(lt,{children:h})]})})},at=d(g.LinkButton).attrs(t=>({view:"default",size:"s",text:"Сбросить фильтры",contentLeft:e.jsx(C.IconClose,{size:"xs",color:"inherit"}),style:{...t.style,visibility:t.isVisible?"visible":"hidden",pointerEvents:t.isVisible?"auto":"none"}})).withConfig({displayName:"ResetAllFiltersButton"})(["",""],({$css:t})=>t),ct=d(g.SegmentItem).attrs(t=>({size:"s",view:"primary",...t})).withConfig({displayName:"Segments__FiltersActionsSegmentItem"})(["&{","}"],({$css:t})=>t),dt=d(g.Switch).withConfig({displayName:"styled__StyledSwitch"})(["background:",";padding:",";border-radius:",";max-height:48px;"],({hasBackground:t})=>t?v.surfaceTransparentSecondary:"none",({hasBackground:t})=>t?"10px 14px":"auto",({hasBackground:t})=>t?"10px":"auto"),X=p.forwardRef(({hasBackground:t,size:i,...l},n)=>e.jsx(dt,{hasBackground:t,ref:n,size:t?"m":i,...l})),ut=({...t})=>e.jsx(X,{size:"m",toggleSize:"s",hasBackground:!0,...t}),ht=(t,i)=>{if(!t&&!i)return;const l=t&&{$css:t.split(" ").map((n,r)=>({[`& > *:nth-child(${r+1})`]:{width:n}})).reduce((n,r)=>({...n,...r}),{})};return d.css(["",";",";"],()=>l&&l.$css,()=>i&&i)},pt=d(z.Box).withConfig({displayName:"styled__StyledContainer"})(["width:100%;display:flex;align-items:flex-start;gap:16px;& > div:first-child{width:100%;}"]),G=d.div.withConfig({displayName:"styled__StyledCard"})(["padding-block:8px;border-radius:",";"],()=>v.borderRadiusL),ft=d(G).withConfig({displayName:"styled__StyledButtonsBlock"})(["display:flex;column-gap:8px;flex-shrink:0;margin-left:auto;padding-left:24px;"]),xt=d(z.Box).withConfig({displayName:"styled__StyledMainBlock"})(["display:flex;gap:8px;align-items:center;max-height:40px;"]),f=({mainBlock:t,listOfFilters:i,activeButtonsBlock:l,mainBlockElementsWidth:n,containerProps:r,mainBlockProps:{$css:h,ref:o,...u}={},onResize:s})=>{const a=p.useRef(null),w=p.useRef(null),F=p.useRef(null);return p.useLayoutEffect(()=>{if(!s)return;const m=a.current,b=w.current,y=F.current;if(!m||!b)return;const c={containerWidth:0,mainBlockWidth:0,buttonsBlockWidth:0,availableMainBlockWidth:0},B=()=>{const _=m.getBoundingClientRect().width,I=b.getBoundingClientRect().width,k=y?y.getBoundingClientRect().width:0,S=I;c.containerWidth=_,c.mainBlockWidth=I,c.buttonsBlockWidth=k,c.availableMainBlockWidth=S,s({...c})},j=P.createSafeResizeObserver(()=>{B()});return j.observe(m),j.observe(b),y&&j.observe(y),B(),()=>{j.disconnect()}},[s]),e.jsx(pt,{ref:a,...r,children:e.jsxs(G,{children:[e.jsxs(xt,{$css:ht(n,h),...u,ref:P.mergeRefs(o,w),children:[t,l&&e.jsx(ft,{ref:F,children:l})]}),i]})})};f.FiltersButton=N;f.DotsIconButton=Q.IconButtonDots;f.ListOfFilters=H;f.TextFieldSearch=E.TextFieldSearch;f.Tabs=$;f.TabItem=V;f.SegmentItem=ct;f.Tooltip=M.TooltipList;f.TooltipList=M.TooltipList;f.FilterPopover=U;f.FiltersButtonWithPopover=U;f.ResetAllFiltersButton=at;f.SwitcherFilter=ut;f.RedDot=O;function D(t,i,l){const{visible:n=[],inOverlay:r=[],hidden:h=[],modifications:o={},customActions:u={}}=l,s=new Set(n),a=new Set(r),w=new Set(h),F=t.filter(c=>s.has(c.id)),m=t.filter(c=>a.has(c.id)),b=t.filter(c=>w.has(c.id)),y=[];return n.forEach(c=>{y.push({type:"show",targetId:c,payload:null})}),r.forEach(c=>{y.push({type:"moveToOverlay",targetId:c,payload:null})}),h.forEach(c=>{y.push({type:"hide",targetId:c,payload:null})}),Object.entries(o).forEach(([c,B])=>{y.push({type:"modify",targetId:c,payload:B})}),{visibleItems:F,overlayItems:m,hiddenItems:b,modifications:o,actions:y,activeBreakpoint:i,hasOverlayItems:m.length>0,hasModifications:Object.keys(o).length>0,customActions:u}}const gt=({items:t,width:i,breakpoints:l})=>{const n=p.useMemo(()=>{const o=Object.entries(l).map(([s,a])=>({breakpoint:Number(s),config:a})).sort((s,a)=>a.breakpoint-s.breakpoint),u=o.find(({breakpoint:s})=>i>=s);if(!u){const s=o[o.length-1];return D(t,(s==null?void 0:s.breakpoint)||0,(s==null?void 0:s.config)||{visible:[],inOverlay:[],hidden:[]})}return D(t,u.breakpoint,u.config)},[t,i,l]),r=p.useCallback((o,u)=>{if(!o)return{};const s={...o.style};return o.width?s.width=o.width:o.widthPercent&&u?s.width=`${u*o.widthPercent/100}px`:o.widthPercent&&(s.width=`${o.widthPercent}%`),s},[]),h=p.useCallback((o,u)=>o.some(s=>{const a=u[s.id];return a===void 0?!1:Array.isArray(a)?a.length>0:typeof a=="boolean"?a===!0:typeof a=="string"?a!=="":typeof a=="number"?a!==0:!!a}),[]);return{...n,getItemStyle:r,hasActiveFilters:h}},yt=()=>d.css(v.bodyXS),mt=d.div.withConfig({displayName:"Tooltip__StyledTooltipContent"})(["color:",";"," & > ul{padding-top:1px;display:flex;flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;}& li{padding-left:12px;position:relative;&::before{content:'•';position:absolute;left:2px;}}"],()=>v.inverseTextPrimary,()=>yt()),vt=({groupLabel:t,items:i})=>e.jsxs(mt,{children:[e.jsx("span",{children:t}),e.jsx("ul",{children:i.map(l=>e.jsx("li",{children:l}))})]}),bt=({groupLabel:t,items:i,children:l,...n})=>{const[r,h]=p.useState(!1),o=i.length>0;return p.useEffect(()=>{if(!o){h(!0);const u=setTimeout(()=>{h(!1)},0);return()=>clearTimeout(u)}},[o]),e.jsx(g.Tooltip,{usePortal:!0,trigger:o?(n==null?void 0:n.trigger)??"hover":"none",text:e.jsx(vt,{groupLabel:t,items:i}),size:"s",...n,children:l},`tooltip-${r}`)};exports.FiltersActions=f;exports.FiltersActionsDotsIconButton=Y;exports.FiltersActionsFiltersButton=N;exports.FiltersActionsListOfFilters=H;exports.FiltersActionsTabItem=V;exports.FiltersActionsTabs=$;exports.FiltersActionsTooltip=bt;exports.RedDot=O;exports.Switch=X;exports.useAdaptiveFilters=gt;

package/chunks/FormDatePickers-BefllAQ_.cjs

@@ -0,0 +1 @@
+"use strict";const I=require("react/jsx-runtime"),Z=require("react"),M=require("react-hook-form"),y=require("../formComponents/utils/index.cjs"),oe=require("../components/DatePicker/index.cjs"),w=require("@salutejs/sdds-finai"),O=require("styled-components"),se=require("@salutejs/plasma-icons"),ce={"янв.":0,"фев.":1,"мар.":2,март:2,марта:2,"апр.":3,май:4,мая:4,"июн.":5,июня:5,июнь:5,"июл.":6,июля:6,июль:6,"авг.":7,"сен.":8,"окт.":9,"ноя.":10,"дек.":11},me={января:0,январь:0,февраля:1,февраль:1,марта:2,март:2,апреля:3,апрель:3,мая:4,май:4,июня:5,июнь:5,июля:6,июль:6,августа:7,август:7,сентября:8,сентябрь:8,октября:9,октябрь:9,ноября:10,ноябрь:10,декабря:11,декабрь:11},p={...ce,...me},le=e=>Object.keys(e).map(t=>t.replace(".","\\.")).join("|"),J=`(${le(p)})`,de=[["MMMM",J,"month-text"],["MMM",J,"month-text"],["YYYY","(\\d{4})","year"],["DD","(\\d{2})","day"],["YY","(\\d{2})","year"],["MM","(\\d{2})","month-num"]],ge=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),X=new Map,fe=e=>{let t=e,n="^";const g=[];for(;t.length>0;){let u=!1;for(const[c,m,l]of de)if(t.startsWith(c)){n+=m,g.push(l),t=t.slice(c.length),u=!0;break}u||(n+=ge(t.charAt(0)),t=t.slice(1))}return n+="$",{regex:new RegExp(n),tokens:g}},De=e=>{let t=X.get(e);return t||(t=fe(e),X.set(e,t)),t},ye=e=>e<100?2e3+e:e,ee=({date:e,format:t})=>{const{regex:n,tokens:g}=De(t),u=e.match(n);if(!u)return"";try{let c=1,m=0,l=new Date().getFullYear(),f=!1;for(let o=0;o<g.length;o++){const s=u[o+1];if(!s)return"";switch(g[o]){case"day":if(c=Number(s),Number.isNaN(c))return"";break;case"month-num":if(m=Number(s)-1,Number.isNaN(m))return"";f=!0;break;case"month-text":{const V=p[s];if(typeof V!="number")return"";m=V,f=!0;break}case"year":if(l=ye(Number(s)),Number.isNaN(l))return"";break;default:break}}return f?new Date(l,m,c).toISOString():""}catch{return""}},te=({min:e,max:t,required:n,invalidFormatMessage:g,format:u})=>{const c=t&&y.getRuleValue({rule:t,typeValue:"number"}),m=e&&y.getRuleValue({rule:e,typeValue:"number"});return l=>{let f,o=null;typeof l=="string"&&u&&(f=ee({date:l,format:u}),f&&(o=new Date(f))),(l instanceof Date||typeof l=="string"&&!u)&&(o=new Date(l));const s=o&&!Number.isNaN(o.getTime())?o.getTime():null;return s!==null?typeof m=="number"&&s<=m?typeof e=="object"&&"message"in e?e==null?void 0:e.message:!1:typeof c=="number"&&s>=c?typeof t=="object"&&"message"in t?t==null?void 0:t.message:!1:!0:l&&typeof l=="string"&&l.length?g:n?typeof n=="object"&&"message"in n?n==null?void 0:n.message:!1:!0}},ve=O(oe.DatePicker).withConfig({displayName:"DatePickerStyled"})(["width:100%;"]),Te=({name:e,options:t,portal:n,label:g,onChange:u,textHint:c,format:m="DD.MM.YYYY",invalidFormatMessage:l="Формат даты указан не верно",size:f="s",requiredPlacement:o="right",maskWithFormat:s=!0,offset:q=[0,2],leftHelper:V,defaultDate:ne,ref:ue,min:j,max:x,opened:L,required:Y,...r})=>{const[$,_]=Z.useState(L??!1),a={...t,required:y.getPriorityRequired({options:t,ruleName:"required"})?t==null?void 0:t.required:Y},h={min:(()=>{if(j){const R=j.getTime();return typeof(a==null?void 0:a.min)=="object"&&"message"in a.min?{value:R,message:a.min.message}:R}return y.hasValidationRule({options:a,ruleName:"min"})?a==null?void 0:a.min:void 0})(),max:(()=>{if(x){const R=x.getTime();return typeof(a==null?void 0:a.max)=="object"&&"message"in a.max?{value:R,message:a.max.message}:R}return y.hasValidationRule({options:a,ruleName:"max"})?a==null?void 0:a.max:void 0})(),required:a==null?void 0:a.required,invalidFormatMessage:l,format:m},B=te(h),z=y.useChangedFormContext({...a,validate:R=>{const i=a==null?void 0:a.validate;if(i)return i(R);const T=B(R);return T!==!0?T:!0}}),{control:G,rules:U,remOptions:A,clearErrors:C}=z,P=(x==null?void 0:x.getTime())??y.getRuleValue({rule:a==null?void 0:a.max,typeValue:"number"}),H=(j==null?void 0:j.getTime())??y.getRuleValue({rule:a==null?void 0:a.min,typeValue:"number"});return I.jsx(M.Controller,{control:G,name:e,rules:U,...A,render:({field:{name:R,ref:i,onBlur:T,onChange:D,...d},fieldState:{error:v}})=>{const k=d==null?void 0:d.value,W=k!=null&&k!==""?k:"";return I.jsx(ve,{...d,label:g,ref:i,maskWithFormat:s,value:W,format:m,frame:n,max:P&&new Date(P)||void 0,min:H&&new Date(H)||void 0,offset:q,opened:$,required:!!a.required||void 0,requiredPlacement:o,hasRequiredIndicator:!!a.required||void 0,includeEdgeDates:!0,size:f,usePortal:!!n,valueError:!!v,onChange:N=>{if(typeof N=="object"&&N&&"target"in N){const F=N,E={target:{value:F.target.value,name:F.target.name,originalDate:F.target.originalDate,isoDate:F.target.isoDate}};u==null||u(E),D(E)}else{const F=N;u==null||u(F),D(F)}},onCommitDate:N=>{C(e),D(N),_(!1)},onToggle:N=>_(N),leftHelper:v!=null&&v.message||c?(v==null?void 0:v.message)||c:void 0,...r})}})},be=({datePickerSize:e})=>I.jsx(w.EmbedIconButton,{size:e==="xs"?"s":"m",view:"secondary",style:{marginRight:e==="xs"?"8px":"12px",marginTop:"2px"},children:I.jsx(se.IconCalendarOutline,{color:"inherit",size:e==="xs"?"xs":"s"})}),re=({required:e,validateRange:t,externalValidates:n})=>(g,u)=>{const{dateFrom:c,dateTo:m}=g;if(!y.getIsRequired({required:e}))return!0;let f="поле обязательно";if(typeof e=="string"?f=e:typeof e=="object"&&e.message&&(f=e.message),!c&&!m)return f;if(c&&!m||!c&&m)return"Заполните обе даты диапазона";const o=t(g,u);if(typeof o=="string")return o;if(typeof n=="function")return n(g,u);if(n){for(const s in n)if(Object.prototype.hasOwnProperty.call(n,s)){const q=n[s];if(q){const V=q(g,u);if(typeof V=="string")return V}}}return!0},Re=({min:e,max:t,required:n,invalidFormatMessage:g,format:u})=>{const c=te({min:e,max:t,required:n,invalidFormatMessage:g,format:u});return m=>{const{dateFrom:l=void 0,dateTo:f=void 0}=m||{},o=c(l);if(typeof o=="string")return o;const s=c(f);return typeof s=="string"?s:!0}},Ne=O(w.DatePickerRange).withConfig({displayName:"FormDatePickerRangeStyled__DatePickerRangeStyled"})(["width:100%;&:where(.popover-target >:first-child,.popover-target,.popover-wrapper){width:100%;}"]),Ve=({name:e,options:t,portal:n,label:g,onChange:u,textHint:c,format:m="DD.MM.YYYY",invalidFormatMessage:l="Формат даты указан не верно",ref:f,min:o,max:s,onChangeFirstValue:q,onChangeSecondValue:V,defaultFirstDate:ne,defaultSecondDate:ue,required:j,...x})=>{const[L,Y]=Z.useState(!1),r={...t,required:y.getPriorityRequired({options:t,ruleName:"required"})?t==null?void 0:t.required:j},$={min:(()=>{if(o){const i=o.getTime();return typeof(r==null?void 0:r.min)=="object"&&"message"in r.min?{value:i,message:r.min.message}:i}return y.hasValidationRule({options:r,ruleName:"min"})?r==null?void 0:r.min:void 0})(),max:(()=>{if(s){const i=s.getTime();return typeof(r==null?void 0:r.max)=="object"&&"message"in r.max?{value:i,message:r.max.message}:i}return y.hasValidationRule({options:r,ruleName:"max"})?r==null?void 0:r.max:void 0})(),required:r==null?void 0:r.required,invalidFormatMessage:l},_=Re({...$,format:m}),a=re({required:r==null?void 0:r.required,validateRange:_,externalValidates:r==null?void 0:r.validate}),h=y.useChangedFormContext({...r,validate:i=>{const T=i?{dateFrom:i.dateFrom,dateTo:i.dateTo}:{dateFrom:void 0,dateTo:void 0};return a(T,h.getValues())}}),{control:B,rules:z,remOptions:G,clearErrors:U}=h,A=(s==null?void 0:s.getTime())??y.getRuleValue({rule:r==null?void 0:r.max,typeValue:"number"}),C=(o==null?void 0:o.getTime())??y.getRuleValue({rule:r==null?void 0:r.min,typeValue:"number"}),P=(i,T,D,d)=>{if(!i)return;if(T){h.setError(`${e}`,{type:"custom",message:"Ошибка значения"}),Y(!1);return}const v=h.getValues(e)||{};ee({date:typeof i=="string"?i:i.toDateString(),format:m})&&D({...v,[d]:i})},H=(i,T,D)=>P(i,T,D,"dateFrom"),R=(i,T,D)=>P(i,T,D,"dateTo");return I.jsx(M.Controller,{control:B,name:e,rules:z,...G,render:({field:{value:i,ref:T,...D},fieldState:{error:d}})=>{var E,Q;const{dateFrom:v,dateTo:k}=i||{dateFrom:"",dateTo:""},W=v!=null&&v!==""?v:"",N=k!=null&&k!==""?k:"",F=(d==null?void 0:d.message)||((E=d==null?void 0:d.dateFrom)==null?void 0:E.message)||((Q=d==null?void 0:d.dateTo)==null?void 0:Q.message);return I.jsx(Ne,{...D,ref:T,isDoubleCalendar:!0,closeOnOverlayClick:!0,contentRight:I.jsx(be,{datePickerSize:x.size}),value:[W,N],firstValueError:!!d,format:m,frame:n,label:g,max:A&&new Date(A)||void 0,min:C&&new Date(C)||void 0,name:e,opened:L,maskWithFormat:!0,required:!!r.required||void 0,requiredPlacement:"right",hasRequiredIndicator:!!r.required||void 0,secondValueError:!!d,usePortal:!!n,onChange:({target:b})=>{"value"in b&&(u==null||u(b.value||""),d&&U(e))},onChangeFirstValue:(b,S="")=>{const K={...h.getValues(e)||{},dateFrom:S};D.onChange(K),q==null||q(b)},onChangeSecondValue:(b,S="")=>{const K={...h.getValues(e)||{},dateTo:S};D.onChange(K),V==null||V(b)},onCommitSecondDate:(b,S)=>R(b,S.error,D.onChange),onCommitFirstDate:(b,S)=>H(b,S.error,D.onChange),onToggle:b=>{Y(b)},leftHelper:F||c?F||c:void 0,...x})}})};var ae=(e=>(e.DATE_IS_SMALLER="Дата меньше минимальной",e.DATE_IS_BIGGER="Дата больше максимальной",e.DATE_FORMAT_IS_INVALID="Формат даты указан не верно",e.DATE_IS_REQUIRED="Выбор даты обязателен",e))(ae||{});exports.DatePickerErrorEnum=ae;exports.FormDatePicker=Te;exports.FormDatePickerRange=Ve;exports.validateRequiredHoс=re;