skillgrid 0.0.80 → 0.0.82

package/dist/components/Dialog/lib/use-visual-viewport-center.js

@@ -0,0 +1,41 @@
+import { useState as m, useEffect as a, useLayoutEffect as u } from "react";
+const E = typeof window > "u" ? a : u, f = (t, n) => (t == null ? void 0 : t.left) === n.left && t.top === n.top, d = (t) => {
+  const n = t.visualViewport;
+  if (n)
+    return {
+      left: n.offsetLeft + n.width / 2,
+      top: n.offsetTop + n.height / 2
+    };
+  const i = t.document.documentElement, o = i.clientWidth || t.innerWidth, e = i.clientHeight || t.innerHeight;
+  return {
+    left: o / 2,
+    top: e / 2
+  };
+}, C = (t) => {
+  const [n, i] = m(null);
+  return E(() => {
+    if (!t || typeof window > "u") {
+      i(null);
+      return;
+    }
+    const o = window, e = o.visualViewport;
+    let s = null;
+    const r = () => {
+      s !== null && o.cancelAnimationFrame(s), s = o.requestAnimationFrame(() => {
+        s = null;
+        const l = d(o);
+        i((c) => f(c, l) ? c : l);
+      });
+    };
+    return (() => {
+      const l = d(o);
+      i((c) => f(c, l) ? c : l);
+    })(), e == null || e.addEventListener("resize", r), e == null || e.addEventListener("scroll", r), o.addEventListener("resize", r), () => {
+      s !== null && o.cancelAnimationFrame(s), e == null || e.removeEventListener("resize", r), e == null || e.removeEventListener("scroll", r), o.removeEventListener("resize", r);
+    };
+  }, [t]), n;
+};
+export {
+  d as getVisualViewportCenter,
+  C as useVisualViewportCenter
+};

package/dist/components/Dialog/lib/use-visual-viewport-center.test.d.ts

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

package/dist/components/Divider/Divider.js

@@ -0,0 +1,28 @@
+import { jsx as h } from "react/jsx-runtime";
+import { clsx as v } from "clsx";
+import n from "./Divider.module.css.js";
+import { getMarginProps as y, transformToSize as a } from "./lib/get-spacing-props.js";
+const u = (d) => {
+  const {
+    layout: i = "horizontal",
+    margin: r,
+    className: c,
+    style: m,
+    length: l,
+    thickness: g,
+    "data-testid": f = "divider"
+  } = d, s = r ? y(r) : void 0, e = a(l), o = a(g), p = s ? { margin: s } : {}, t = {};
+  return e && (t["--divider-length"] = e), o && (t["--divider-thickness"] = o), /* @__PURE__ */ h(
+    "hr",
+    {
+      "aria-orientation": i,
+      className: v(n.divider, n[i], c),
+      "data-testid": f,
+      role: "separator",
+      style: { ...t, ...p, ...m }
+    }
+  );
+};
+export {
+  u as Divider
+};

package/dist/components/Divider/Divider.module.css.js

@@ -0,0 +1,11 @@
+import '../../assets/components/Divider/Divider.module-CMyq3UtQ.css';const r = "_divider_n0rl4_1", i = "_horizontal_n0rl4_7", t = "_vertical_n0rl4_13", o = {
+  divider: r,
+  horizontal: i,
+  vertical: t
+};
+export {
+  o as default,
+  r as divider,
+  i as horizontal,
+  t as vertical
+};

package/dist/components/Divider/lib/constants.js

@@ -0,0 +1,10 @@
+const p = {
+  0: "0px",
+  8: "8px",
+  12: "12px",
+  16: "16px",
+  24: "24px"
+};
+export {
+  p as DIVIDER_SPACING_VALUES
+};

package/dist/components/Divider/lib/get-spacing-props.js

@@ -0,0 +1,9 @@
+import { DIVIDER_SPACING_VALUES as o } from "./constants.js";
+const n = (r) => {
+  if (r !== void 0)
+    return typeof r == "number" ? `${r}px` : r;
+}, i = (r = []) => r.length === 0 ? "0px" : r.map((t) => n(o[t])).join(" ");
+export {
+  i as getMarginProps,
+  n as transformToSize
+};

package/dist/components/Drop/Drop.js

@@ -0,0 +1,219 @@
+import { jsxs as E, jsx as r } from "react/jsx-runtime";
+import t from "./Drop.module.css.js";
+import { useState as Q, useRef as Y, useEffect as Z, Fragment as ee } from "react";
+import { DROP_TOGGLE_MARGIN as te, MIN_DROP_VIEWPORT_GAP as w, SEMANTIC_ANIMATION_EASE_IN_OUT_100 as oe, SEMANTIC_ANIMATION_EASE_IN_OUT_200 as se, SCROLL_BOTTOM_TOLERANCE_PX as re } from "./constants.js";
+import { useFloating as ae, autoUpdate as ne, offset as ie, size as le, flip as de, hide as ce, useHover as pe, safePolygon as me, useTransitionStyles as fe, useDismiss as ue, useInteractions as ge, FloatingPortal as Ne } from "@floating-ui/react";
+import { clsx as i } from "clsx";
+const he = ({
+  children: l,
+  padding: o,
+  hasFooter: s,
+  className: d,
+  style: a,
+  dividerBehavior: n
+}) => {
+  const [c, N] = Q(!1), m = Y(null), f = i(
+    t["drop-content"],
+    s ? t[`drop-content-with-footer-padding-${o}`] : t[`drop-content-padding-${o}`],
+    d
+  ), u = i(t.divider), h = s && ((e) => {
+    switch (e) {
+      case "always":
+        return !0;
+      case "never":
+        return !1;
+      case "auto":
+      default:
+        return !c;
+    }
+  })(n);
+  return Z(() => {
+    const e = m.current;
+    if (!e) return;
+    const p = () => {
+      if (!e) return;
+      const { scrollTop: v, scrollHeight: C, clientHeight: S } = e, _ = v + S >= C - re;
+      N(_);
+    };
+    e.addEventListener("scroll", p);
+    const y = requestAnimationFrame(() => {
+      p();
+    });
+    return () => {
+      e.removeEventListener("scroll", p), cancelAnimationFrame(y);
+    };
+  }, []), /* @__PURE__ */ E(ee, { children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        role: "dialog",
+        "data-testid": "drop-content",
+        ref: m,
+        className: f,
+        style: a,
+        children: l
+      }
+    ),
+    h && /* @__PURE__ */ r("hr", { className: u, "data-testid": "drop-divider" })
+  ] });
+}, ye = ({ children: l, footerPadding: o, className: s, style: d }) => {
+  const { padding: a, paddingType: n } = o, c = i(
+    n === "all" ? t[`drop-footer-padding-${a}`] : t[`drop-footer-padding-${n}-${a}`],
+    s
+  );
+  return /* @__PURE__ */ r("div", { className: c, style: d, "data-testid": "drop-footer", children: l });
+}, Ee = ({
+  children: l,
+  open: o = !1,
+  onOpenChange: s,
+  content: d,
+  position: a = "left-start",
+  dividerBehavior: n = "auto",
+  closeOnOutsideClick: c = !0,
+  dropToggleOffset: N = te,
+  closeOnEscape: m = !0,
+  toggleMode: f = "click",
+  heightBehavior: u = "fixed",
+  padding: g = "xl",
+  footerPadding: h = { padding: "xl", paddingType: "inline" },
+  footerContent: e,
+  classNames: p,
+  styles: y
+}) => {
+  const {
+    wrapper: v,
+    toggle: C,
+    drop: S,
+    content: _,
+    footer: P
+  } = p ?? {}, {
+    wrapper: x,
+    toggle: D,
+    drop: M,
+    content: R,
+    footer: $
+  } = y ?? {}, I = f === "click", F = f === "hover", b = u === "auto", { refs: T, floatingStyles: k, placement: H, context: A } = ae({
+    open: o,
+    onOpenChange: s,
+    placement: a,
+    middleware: [
+      ie(N),
+      // Отступ между toggle-ом и drop-ом
+      ...b ? [] : [
+        le({
+          apply({ availableHeight: X, elements: J }) {
+            Object.assign(J.floating.style, {
+              maxHeight: `${X - w}px`
+            });
+          }
+        })
+        // Ограничение высоты drop-а
+      ],
+      de({
+        padding: {
+          bottom: w,
+          top: w
+        },
+        fallbackStrategy: "initialPlacement"
+        // Возврат к исходной позиции, если нигде нет места
+      }),
+      // Автоматическая смена позции при нехватке места
+      ce()
+      // Скрытие drop-а при выходе toggle-a за границы видимости
+    ],
+    whileElementsMounted: ne
+    // Для автоматического обновление позиции при скролле/ресайзе
+  }), L = pe(A, {
+    enabled: F,
+    // Включен только в режиме hover
+    handleClose: me()
+    // Создает зону, по которой курсор может безопасно перемещаться от toggle к drop
+  }), { isMounted: G, styles: j } = fe(A, {
+    initial: {
+      opacity: 0
+    },
+    open: {
+      opacity: 1,
+      transition: `opacity ${se}`
+    },
+    close: {
+      opacity: 0,
+      transition: `opacity ${oe}`
+    }
+  }), B = ue(A, {
+    referencePress: !1,
+    // Не закрывать при клике на триггер
+    outsidePress: c && I,
+    // Закрывать при клике вне дропа
+    escapeKey: m,
+    // Закрывать по ESC
+    outsidePressEvent: "click"
+  }), { getReferenceProps: U, getFloatingProps: W } = ge([B, L]), O = !!e, q = i(t["drop-wrapper"], v), z = i(t.toggle, C), K = i(
+    t.drop,
+    O ? t[`drop-with-footer-padding-${g}`] : t[`drop-padding-${g}`],
+    S
+  ), V = () => {
+    s(!o);
+  };
+  return /* @__PURE__ */ E("div", { "data-testid": "drop-wrapper", className: q, style: x, children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        ref: T.setReference,
+        role: "button",
+        "aria-haspopup": "true",
+        "aria-expanded": o,
+        tabIndex: 0,
+        "data-testid": "drop-toggle",
+        className: z,
+        onClick: I ? V : void 0,
+        style: D,
+        ...U(),
+        children: l
+      }
+    ),
+    G && /* @__PURE__ */ r(Ne, { children: /* @__PURE__ */ E(
+      "div",
+      {
+        "aria-hidden": !o,
+        "data-testid": "drop-menu",
+        "data-height-behavior": u,
+        "data-drop-state": o ? "open" : "closed",
+        "data-drop-position": H,
+        className: K,
+        style: {
+          ...M,
+          ...k,
+          ...j
+        },
+        ref: T.setFloating,
+        ...W(),
+        children: [
+          /* @__PURE__ */ r(
+            he,
+            {
+              children: d,
+              padding: g,
+              hasFooter: O,
+              className: _,
+              style: R,
+              dividerBehavior: n
+            }
+          ),
+          e && /* @__PURE__ */ r(
+            ye,
+            {
+              footerPadding: h,
+              className: P,
+              style: $,
+              children: e
+            }
+          )
+        ]
+      }
+    ) })
+  ] });
+};
+export {
+  Ee as Drop
+};

package/dist/components/Drop/Drop.module.css.js

@@ -0,0 +1,48 @@
+import '../../assets/components/Drop/Drop.module-CyXLoiLO.css';const d = "_toggle_y8bha_46", o = "_drop_y8bha_40", n = "_divider_y8bha_238", p = {
+  "drop-wrapper": "_drop-wrapper_y8bha_40",
+  toggle: d,
+  drop: o,
+  "drop-content": "_drop-content_y8bha_85",
+  "drop-padding-xl": "_drop-padding-xl_y8bha_94",
+  "drop-padding-lg": "_drop-padding-lg_y8bha_98",
+  "drop-padding-md": "_drop-padding-md_y8bha_102",
+  "drop-padding-sm": "_drop-padding-sm_y8bha_106",
+  "drop-padding-none": "_drop-padding-none_y8bha_110",
+  "drop-with-footer-padding-xl": "_drop-with-footer-padding-xl_y8bha_114",
+  "drop-with-footer-padding-lg": "_drop-with-footer-padding-lg_y8bha_118",
+  "drop-with-footer-padding-md": "_drop-with-footer-padding-md_y8bha_122",
+  "drop-with-footer-padding-sm": "_drop-with-footer-padding-sm_y8bha_126",
+  "drop-with-footer-padding-none": "_drop-with-footer-padding-none_y8bha_130",
+  "drop-content-padding-xl": "_drop-content-padding-xl_y8bha_134",
+  "drop-content-padding-lg": "_drop-content-padding-lg_y8bha_138",
+  "drop-content-padding-md": "_drop-content-padding-md_y8bha_142",
+  "drop-content-padding-sm": "_drop-content-padding-sm_y8bha_146",
+  "drop-content-padding-none": "_drop-content-padding-none_y8bha_150",
+  "drop-content-with-footer-padding-xl": "_drop-content-with-footer-padding-xl_y8bha_155",
+  "drop-content-with-footer-padding-lg": "_drop-content-with-footer-padding-lg_y8bha_159",
+  "drop-content-with-footer-padding-md": "_drop-content-with-footer-padding-md_y8bha_163",
+  "drop-content-with-footer-padding-sm": "_drop-content-with-footer-padding-sm_y8bha_167",
+  "drop-content-with-footer-padding-none": "_drop-content-with-footer-padding-none_y8bha_171",
+  "drop-footer-padding-xl": "_drop-footer-padding-xl_y8bha_178",
+  "drop-footer-padding-lg": "_drop-footer-padding-lg_y8bha_182",
+  "drop-footer-padding-md": "_drop-footer-padding-md_y8bha_186",
+  "drop-footer-padding-sm": "_drop-footer-padding-sm_y8bha_190",
+  "drop-footer-padding-none": "_drop-footer-padding-none_y8bha_194",
+  "drop-footer-padding-block-xl": "_drop-footer-padding-block-xl_y8bha_198",
+  "drop-footer-padding-block-lg": "_drop-footer-padding-block-lg_y8bha_202",
+  "drop-footer-padding-block-md": "_drop-footer-padding-block-md_y8bha_206",
+  "drop-footer-padding-block-sm": "_drop-footer-padding-block-sm_y8bha_210",
+  "drop-footer-padding-block-none": "_drop-footer-padding-block-none_y8bha_214",
+  "drop-footer-padding-inline-xl": "_drop-footer-padding-inline-xl_y8bha_218",
+  "drop-footer-padding-inline-lg": "_drop-footer-padding-inline-lg_y8bha_222",
+  "drop-footer-padding-inline-md": "_drop-footer-padding-inline-md_y8bha_226",
+  "drop-footer-padding-inline-sm": "_drop-footer-padding-inline-sm_y8bha_230",
+  "drop-footer-padding-inline-none": "_drop-footer-padding-inline-none_y8bha_234",
+  divider: n
+};
+export {
+  p as default,
+  n as divider,
+  o as drop,
+  d as toggle
+};

package/dist/components/Drop/constants.js

@@ -0,0 +1,8 @@
+const _ = 8, O = 24, A = 1, I = "200ms ease-in-out", N = "100ms ease-in-out";
+export {
+  _ as DROP_TOGGLE_MARGIN,
+  O as MIN_DROP_VIEWPORT_GAP,
+  A as SCROLL_BOTTOM_TOLERANCE_PX,
+  N as SEMANTIC_ANIMATION_EASE_IN_OUT_100,
+  I as SEMANTIC_ANIMATION_EASE_IN_OUT_200
+};

package/dist/components/FileUpload/FileUpload.i18n.json.js

@@ -0,0 +1,9 @@
+const e = { fileUpload: { title: "Drag or select a file", mobileTitle: "Select file", description: "Up to 10 MB. Formats: JPG, PNG, DOC, PDF", buttonLabel: "Select", attachFile: "Attach file", attachFiles: "Attach files", replace: "Replace", retry: "Retry", errorMessage: "Upload error", download: "Download", remove: "Remove", fileActions: "File actions", closeFileActions: "Close file actions", rejectAccept: "Unsupported file format. Allowed: JPG, PNG, DOC, PDF", rejectAcceptCustom: "Unsupported file format. Allowed: {{accept}}", rejectMaxFileSize: "File size exceeds {{maxFileSize}}", uploadProgress: "{{loaded}} of {{total}}", sizeFallback: "0 B", sizeUnits: { bytes: "B", kilobytes: "KB", megabytes: "MB", gigabytes: "GB", terabytes: "TB" } } }, t = { fileUpload: { title: "Перетащите или выберите файл", mobileTitle: "Выберите файл", description: "Размер до 10 Мб. Форматы: JPG, PNG, DOC, PDF", buttonLabel: "Выбрать", attachFile: "Прикрепить файл", attachFiles: "Прикрепить файлы", replace: "Заменить", retry: "Повторить", errorMessage: "Ошибка загрузки", download: "Скачать", remove: "Удалить", fileActions: "Действия с файлом", closeFileActions: "Закрыть действия с файлом", rejectAccept: "Неподдерживаемый формат файла. Разрешены JPG, PNG, DOC, PDF", rejectAcceptCustom: "Неподдерживаемый формат файла. Разрешены {{accept}}", rejectMaxFileSize: "Размер файла превышает {{maxFileSize}}", uploadProgress: "{{loaded}} из {{total}}", sizeFallback: "0 Б", sizeUnits: { bytes: "Б", kilobytes: "КБ", megabytes: "МБ", gigabytes: "ГБ", terabytes: "ТБ" } } }, l = {
+  en: e,
+  ru: t
+};
+export {
+  l as default,
+  e as en,
+  t as ru
+};