@alphakits/ui 2.0.13 → 2.2.0

package/dist/popover/component.js

@@ -1,84 +1,83 @@
-import { jsx as r, jsxs as L } from "react/jsx-runtime";
-import { useRef as $, useLayoutEffect as j, useEffect as N, useMemo as k } from "react";
-import { useFloating as D, autoUpdate as P, offset as U, flip as z, shift as V, arrow as q } from "@floating-ui/react-dom";
-import { CSSTransition as B } from "react-transition-group";
+import { jsx as r, jsxs as _ } from "react/jsx-runtime";
+import { useRef as L, useLayoutEffect as $, useEffect as g, useMemo as j } from "react";
+import { useFloating as k, autoUpdate as D, offset as P, flip as U, shift as z, arrow as V } from "@floating-ui/react-dom";
+import { CSSTransition as q } from "react-transition-group";
 import c from "classnames";
-import { Portal as G } from "../portal/component.js";
-import { stackingOrder as H } from "../stack/context.js";
-import { Stack as J } from "../stack/component.js";
+import { Portal as B } from "../portal/component.js";
+import { stackingOrder as G } from "../stack/context.js";
+import { Stack as H } from "../stack/component.js";
 import e from "./index.module.css.js";
-const K = {
+const J = {
   timeout: 150
-}, Q = {
+}, K = {
   enter: e.enter,
   enterActive: e.enterActive,
   exit: e.exit,
   exitActive: e.exitActive
-}, W = {
+}, Q = {
   top: "bottom",
   right: "left",
   bottom: "top",
   left: "right"
-}, nt = ({
+}, st = ({
   children: f,
-  getPortalContainer: A,
-  transition: d = K,
+  getPortalContainer: N,
+  transition: d = J,
   anchorElement: p,
   offset: n = [0, 0],
   withArrow: i = !1,
-  withTransition: y = !0,
-  position: R = "left",
-  preventFlip: b,
-  popperClassName: E,
-  arrowClassName: O,
-  className: T,
+  withTransition: A = !0,
+  position: y = "left",
+  preventFlip: R,
+  popperClassName: b,
+  arrowClassName: E,
+  className: O,
   open: u,
-  dataTestId: h,
+  dataTestId: T,
   update: a,
-  transitionDuration: w = `${d.timeout}ms`,
-  zIndex: C = H.POPOVER
+  transitionDuration: h = `${d.timeout}ms`,
+  zIndex: w = G.POPOVER
 }) => {
-  const x = $(null), {
+  const x = L(null), {
     refs: l,
-    floatingStyles: F,
+    floatingStyles: C,
     middlewareData: m,
     placement: S,
     update: o
-  } = D({
-    placement: R,
-    whileElementsMounted: P,
+  } = k({
+    placement: y,
+    whileElementsMounted: D,
     middleware: [
-      U(
+      P(
         {
           crossAxis: n[0],
           mainAxis: n[1]
         },
         [n]
       ),
-      ...b ? [] : [z()],
-      V({ padding: 4 }),
-      ...i ? [q({ element: x })] : []
+      ...R ? [] : [U()],
+      z({ padding: 4 }),
+      ...i ? [V({ element: x })] : []
     ]
   });
-  j(() => {
+  $(() => {
     l.setReference(p);
-  }, [p, l]), N(() => {
+  }, [p, l]), g(() => {
     a && o && (a.current = o);
-  }, [o, a]), N(() => {
+  }, [o, a]), g(() => {
     o();
   }, [o, f]);
-  const I = k(() => {
-    var g;
+  const F = j(() => {
     if (!i || !m.arrow)
       return {};
-    const { x: t, y: s } = m.arrow, M = S.split("-")[0], _ = (g = W[M]) != null ? g : "bottom";
+    const { x: t, y: s } = m.arrow, I = S.split("-")[0], M = Q[I] ?? "bottom";
     return {
       position: "absolute",
       left: t != null ? `${t}px` : void 0,
       top: s != null ? `${s}px` : void 0,
       right: "",
       bottom: "",
-      [_]: "-4px"
+      [M]: "-4px"
     };
   }, [i, m.arrow, S]), v = (t, s) => /* @__PURE__ */ r(
     "div",
@@ -86,14 +85,14 @@ const K = {
       ref: l.setFloating,
       style: {
         zIndex: t,
-        ...F
+        ...C
       },
-      className: c(e.component, T),
-      children: /* @__PURE__ */ L(
+      className: c(e.component, O),
+      children: /* @__PURE__ */ _(
         "div",
         {
-          "data-test-id": h,
-          className: c(e.inner, E),
+          "data-test-id": T,
+          className: c(e.inner, b),
           style: s,
           children: [
             f,
@@ -101,8 +100,8 @@ const K = {
               "div",
               {
                 ref: x,
-                style: I,
-                className: c(e.arrow, O)
+                style: F,
+                className: c(e.arrow, E)
               }
             )
           ]
@@ -110,18 +109,17 @@ const K = {
       )
     }
   );
-  return /* @__PURE__ */ r(J, { value: C, children: (t) => /* @__PURE__ */ r(G, { getPortalContainer: A, children: y ? /* @__PURE__ */ r(
-    B,
+  return /* @__PURE__ */ r(H, { value: w, children: (t) => /* @__PURE__ */ r(B, { getPortalContainer: N, children: A ? /* @__PURE__ */ r(
+    q,
     {
       unmountOnExit: !0,
-      classNames: Q,
+      classNames: K,
       ...d,
       in: u,
-      children: v(t, { transitionDuration: w })
+      children: v(t, { transitionDuration: h })
     }
   ) : u && v(t) }) });
 };
 export {
-  nt as Popover
+  st as Popover
 };
-//# sourceMappingURL=component.js.map

package/dist/popover/index.js

@@ -2,4 +2,3 @@ import { Popover as e } from "./component.js";
 export {
   e as Popover
 };
-//# sourceMappingURL=index.js.map

package/dist/popover/index.module.css.js

@@ -16,4 +16,3 @@ export {
   c as exit,
   r as exitActive
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/portal/component.d.ts

@@ -1,10 +1,6 @@
 /// <reference types="react" />
 export type PortalProps = {
-    /** Контент */
     children?: any;
-    /**
-     * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
-     */
     getPortalContainer?: () => Element;
 };
 export declare const Portal: import('react').ForwardRefExoticComponent<PortalProps & import('react').RefAttributes<Element>>;

package/dist/portal/component.js

@@ -14,4 +14,3 @@ const d = f(
 export {
   d as Portal
 };
-//# sourceMappingURL=component.js.map

package/dist/portal/index.js

@@ -2,4 +2,3 @@ import { Portal as t } from "./component.js";
 export {
   t as Portal
 };
-//# sourceMappingURL=index.js.map

package/dist/portal/utils.d.ts

@@ -1,4 +1,4 @@
 import { RefObject } from 'react';
 export declare const PORTAL_CONTAINER_ATTRIBUTE = "escape-navigator-portal";
 export declare const getDefaultPortalContainer: () => Element;
-export declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
+export declare function setRef<T>(ref: RefObject<T | null> | ((instance: T | null) => void) | null | undefined, value: T | null): void;

package/dist/portal/utils.js

@@ -13,4 +13,3 @@ export {
   n as getDefaultPortalContainer,
   c as setRef
 };
-//# sourceMappingURL=utils.js.map

package/dist/progress-bar/component.js

@@ -27,4 +27,3 @@ const y = ({
 export {
   y as ProgressBar
 };
-//# sourceMappingURL=component.js.map

package/dist/progress-bar/index.js

@@ -2,4 +2,3 @@ import { ProgressBar as e } from "./component.js";
 export {
   e as ProgressBar
 };
-//# sourceMappingURL=index.js.map

package/dist/progress-bar/index.module.css.js

@@ -28,4 +28,3 @@ export {
   l as secondary,
   g as warning
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/progress-index/component.js

@@ -18,4 +18,3 @@ const x = ({
 export {
   x as ProgressIndex
 };
-//# sourceMappingURL=component.js.map

package/dist/progress-index/index.js

@@ -2,4 +2,3 @@ import { ProgressIndex as o } from "./component.js";
 export {
   o as ProgressIndex
 };
-//# sourceMappingURL=index.js.map

package/dist/progress-index/index.module.css.js

@@ -8,4 +8,3 @@ export {
   e as progress_index,
   s as text
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/radio/component.d.ts

@@ -2,106 +2,34 @@ import { default as React, ChangeEvent, InputHTMLAttributes, ReactNode } from 'r
 type NativeProps = InputHTMLAttributes<HTMLInputElement>;
 type Align = 'start' | 'center';
 export type RadioProps = Omit<NativeProps, 'size' | 'type' | 'onChange' | 'checked' | 'disabled' | 'name' | 'className'> & {
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
     dataTestId?: string;
-    /**
-     * Текст подсказки снизу
-     */
     hint?: ReactNode;
-    /**
-     * Текст подписи
-     */
     label?: ReactNode;
-    /**
-     * Размер компонента
-     */
     size?: 's' | 'm';
-    /**
-     * Управление состоянием отмечен/не отмечен
-     */
     checked?: boolean;
-    /**
-     * Управление состоянием активен / не активен
-     */
     disabled?: boolean;
-    /**
-     * Html аттрибут name инпута
-     */
     name?: string;
-    /**
-     * Класс компонента
-     */
     className?: string;
-    /**
-     * Выравнивание
-     */
     align?: Align;
-    /**
-     * Дополнительный слот
-     */
     addons?: React.ReactNode;
-    /**
-     * Растягивать ли компонент на всю ширину
-     */
     block?: boolean;
-    /**
-     * Обработчик на выбор элемента
-     */
     onChange: (event: ChangeEvent<HTMLInputElement>, payload: {
         checked: boolean;
         name?: string;
     }) => void;
 };
 export declare const Radio: React.ForwardRefExoticComponent<Omit<NativeProps, "disabled" | "className" | "onChange" | "type" | "size" | "name" | "checked"> & {
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
     dataTestId?: string | undefined;
-    /**
-     * Текст подсказки снизу
-     */
     hint?: ReactNode;
-    /**
-     * Текст подписи
-     */
     label?: ReactNode;
-    /**
-     * Размер компонента
-     */
     size?: "s" | "m" | undefined;
-    /**
-     * Управление состоянием отмечен/не отмечен
-     */
     checked?: boolean | undefined;
-    /**
-     * Управление состоянием активен / не активен
-     */
     disabled?: boolean | undefined;
-    /**
-     * Html аттрибут name инпута
-     */
     name?: string | undefined;
-    /**
-     * Класс компонента
-     */
     className?: string | undefined;
-    /**
-     * Выравнивание
-     */
     align?: Align | undefined;
-    /**
-     * Дополнительный слот
-     */
     addons?: React.ReactNode;
-    /**
-     * Растягивать ли компонент на всю ширину
-     */
     block?: boolean | undefined;
-    /**
-     * Обработчик на выбор элемента
-     */
     onChange: (event: ChangeEvent<HTMLInputElement>, payload: {
         checked: boolean;
         name?: string;

package/dist/radio/component.js

@@ -63,4 +63,3 @@ const E = x(
 export {
   E as Radio
 };
-//# sourceMappingURL=component.js.map

package/dist/radio/index.js

@@ -2,4 +2,3 @@ import { Radio as a } from "./component.js";
 export {
   a as Radio
 };
-//# sourceMappingURL=index.js.map

package/dist/radio/index.module.css.js

@@ -32,4 +32,3 @@ export {
   a as s,
   _ as start
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/radio-group/component.js

@@ -1,70 +1,70 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import d from "classnames";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import p from "classnames";
 import { FlexColumns as h } from "../flex-columns/component.js";
 import { Radio as f } from "../radio/component.js";
-import { Typography as i } from "../typography/component.js";
+import { Typography as t } from "../typography/component.js";
 import o from "./index.module.css.js";
 const j = ({
-  title: n,
-  subtitle: l,
-  selected: m,
-  data: t = [],
-  onChange: s,
+  title: i,
+  subtitle: n,
+  selected: a,
+  data: l = [],
+  onChange: c,
   columns: y = 1,
   gr: u = 20,
   gc: g = 20,
-  dataTestId: a,
-  error: c,
+  dataTestId: d,
+  error: m,
   view: v = "default"
 }) => {
-  const w = (e) => a ? `radio_${a}_${e}` : `radio_${e}`;
-  return /* @__PURE__ */ p("div", { children: [
-    (n || l) && /* @__PURE__ */ p("div", { className: o.text, children: [
-      n && /* @__PURE__ */ r(i.Text, { tag: "div", view: "title", color: "primary", weight: "bold", children: n }),
-      l && /* @__PURE__ */ r(
-        i.Text,
+  const w = (e) => d ? `radio_${d}_${e}` : `radio_${e}`;
+  return /* @__PURE__ */ s("div", { children: [
+    (i || n) && /* @__PURE__ */ s("div", { className: o.text, children: [
+      i && /* @__PURE__ */ r(t.Text, { tag: "div", view: "title", color: "primary", weight: "bold", children: i }),
+      n && /* @__PURE__ */ r(
+        t.Text,
         {
           className: o.subtitle,
           tag: "div",
           view: "caps",
           color: "secondary",
           weight: "medium",
-          children: l
+          children: n
         }
       )
     ] }),
-    v === "default" ? /* @__PURE__ */ r(h, { columns: y, gr: u, gc: g, children: t == null ? void 0 : t.map((e, k) => /* @__PURE__ */ r(
+    v === "default" ? /* @__PURE__ */ r(h, { columns: y, gr: u, gc: g, children: l?.map((e, k) => /* @__PURE__ */ r(
       f,
       {
         dataTestId: w(k),
-        onChange: () => s(e.key),
-        checked: e.key === m,
+        onChange: () => c(e.key),
+        checked: e.key === a,
         label: e.content
       },
       e.key + e.content
     )) }) : /* @__PURE__ */ r(
       h,
       {
-        columns: t.length,
+        columns: l.length,
         gc: 0,
         gr: 0,
-        className: d(o.buttons_wrap, {
-          [o.buttons_wrap_error]: !!c
+        className: p(o.buttons_wrap, {
+          [o.buttons_wrap_error]: !!m
         }),
-        children: t.map((e) => /* @__PURE__ */ r(
+        children: l.map((e) => /* @__PURE__ */ r(
           "button",
           {
             type: "button",
-            onClick: () => s(e.key),
-            className: d(o.button, {
-              [o.selected]: e.key === m
+            onClick: () => c(e.key),
+            className: p(o.button, {
+              [o.selected]: e.key === a
             }),
             children: /* @__PURE__ */ r(
-              i.Text,
+              t.Text,
               {
                 view: "title",
                 weight: "regular",
-                color: e.key === m ? "primary-inverted" : "primary",
+                color: e.key === a ? "primary-inverted" : "primary",
                 children: e.content
               }
             )
@@ -73,14 +73,14 @@ const j = ({
         ))
       }
     ),
-    !!c && /* @__PURE__ */ r(
-      i.Text,
+    !!m && /* @__PURE__ */ r(
+      t.Text,
       {
         className: o.error,
         view: "caps",
         weight: "medium",
         color: "negative",
-        children: c
+        children: m
       }
     )
   ] });
@@ -88,4 +88,3 @@ const j = ({
 export {
   j as RadioGroup
 };
-//# sourceMappingURL=component.js.map

package/dist/radio-group/index.js

@@ -2,4 +2,3 @@ import { RadioGroup as p } from "./component.js";
 export {
   p as RadioGroup
 };
-//# sourceMappingURL=index.js.map

package/dist/radio-group/index.module.css.js

@@ -18,4 +18,3 @@ export {
   r as subtitle,
   t as text
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/radio-groups/component.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { default as React } from 'react';
 type Child = {
     id: number;
     title: string;
@@ -15,5 +15,5 @@ export interface RadioGroupsProps {
     collapsable?: boolean;
     onChange: (value: number) => void;
 }
-export declare const RadioGroups: ({ parents, childs, selected, collapsable, onChange, }: RadioGroupsProps) => JSX.Element;
+export declare const RadioGroups: ({ parents, childs, selected, collapsable, onChange, }: RadioGroupsProps) => React.JSX.Element;
 export {};

package/dist/radio-groups/component.js

@@ -1,6 +1,6 @@
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
-import x, { useState as v } from "react";
-import C from "@alphakits/icons/dist/ChevronDownS";
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import g, { useState as x } from "react";
+import v from "@alphakits/icons/dist/ChevronDownS";
 import y from "classnames";
 import { Collapse as b } from "../collapse/component.js";
 import { Divider as w } from "../divider/component.js";
@@ -9,56 +9,55 @@ import { IconButton as j } from "../icon-button/component.js";
 import { Padding as N } from "../padding/component.js";
 import { Radio as R } from "../radio/component.js";
 import { Typography as S } from "../typography/component.js";
-import a from "./index.module.css.js";
+import s from "./index.module.css.js";
 const P = ({
-  parents: n,
-  childs: s,
-  selected: d,
+  parents: d,
+  childs: p,
+  selected: m,
   collapsable: f,
   onChange: h
 }) => {
-  const p = [];
-  n == null || n.forEach((o) => {
+  const n = [];
+  d?.forEach((o) => {
     const r = {
       parent: {},
       childs: [],
       collapsed: !1
     };
-    s == null || s.forEach((e) => {
+    p?.forEach((e) => {
       e.locationId === o.id && (r.parent = o, r.childs.push(e));
-    }), r.parent.id && p.push(r);
+    }), r.parent.id && n.push(r);
   });
-  const [i, u] = v(p), g = (o) => {
-    const r = i.map((l, c) => (c === o && (l.collapsed ? l.collapsed = !1 : l.collapsed = !0), l)), e = i.concat(r);
-    u(e.filter((l, c) => e.indexOf(l) === c));
+  const [l, u] = x(n), C = (o) => {
+    const r = l.map((i, a) => (a === o && (i.collapsed ? i.collapsed = !1 : i.collapsed = !0), i)), e = l.concat(r);
+    u(e.filter((i, a) => e.indexOf(i) === a));
   };
-  return /* @__PURE__ */ t("div", { children: i.map((o, r) => /* @__PURE__ */ m(x.Fragment, { children: [
-    /* @__PURE__ */ m("div", { className: a.list_head, children: [
+  return /* @__PURE__ */ t("div", { children: l.map((o, r) => /* @__PURE__ */ c(g.Fragment, { children: [
+    /* @__PURE__ */ c("div", { className: s.list_head, children: [
       /* @__PURE__ */ t(S.Text, { view: "title", color: "primary", weight: "medium", children: o.parent.title }),
       f && /* @__PURE__ */ t(
         j,
         {
-          onClick: () => g(r),
+          onClick: () => C(r),
           size: "s",
-          className: y(a.collapse_btn, { [a.collapse_btn_collapsed]: o.collapsed }),
-          icon: C
+          className: y(s.collapse_btn, { [s.collapse_btn_collapsed]: o.collapsed }),
+          icon: v
         }
       )
     ] }),
     !o.collapsed && /* @__PURE__ */ t(N, { padding: "16px 0 0 0" }),
-    /* @__PURE__ */ t(b, { expanded: !o.collapsed, children: /* @__PURE__ */ t("div", { className: a.content, children: /* @__PURE__ */ t(_, { columns: 1, children: o.childs.map((e) => /* @__PURE__ */ t(
+    /* @__PURE__ */ t(b, { expanded: !o.collapsed, children: /* @__PURE__ */ t("div", { className: s.content, children: /* @__PURE__ */ t(_, { columns: 1, children: o.childs.map((e) => /* @__PURE__ */ t(
       R,
       {
         onChange: () => h(e.id),
-        checked: d === e.id,
+        checked: m === e.id,
         label: e.title
       },
       e.id
     )) }) }) }),
-    r !== (i == null ? void 0 : i.length) - 1 && /* @__PURE__ */ t(w, { size: "m" })
+    r !== l?.length - 1 && /* @__PURE__ */ t(w, { size: "m" })
   ] }, o.parent.id)) });
 };
 export {
   P as RadioGroups
 };
-//# sourceMappingURL=component.js.map

package/dist/radio-groups/index.js

@@ -2,4 +2,3 @@ import { RadioGroups as p } from "./component.js";
 export {
   p as RadioGroups
 };
-//# sourceMappingURL=index.js.map

package/dist/radio-groups/index.module.css.js

@@ -10,4 +10,3 @@ export {
   e as default,
   l as list_head
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/section-wrapper/component.d.ts

@@ -1,22 +1,10 @@
 import { default as React } from 'react';
 export interface SectionWrapperProps {
     children?: React.ReactNode;
-    /**
-     * @param inverse - инверсия цвета бэкграунда
-     */
     inverse?: boolean;
-    /**
-     * @param classname - дополнительный класс для блока
-     */
     className?: string;
-    /**
-     * @param isBlackBg - делает фон блока черным
-     */
     isBlackBg?: boolean;
     pt?: 's' | 'm' | 'l' | 'xl';
     pb?: 's' | 'm' | 'l' | 'xl';
 }
-/**
- * компонент обертки секции, который задает отступы от края экрана, центрирует содержимое, может изменять цвет заднего фона
- */
 export declare const SectionWrapper: React.FC<SectionWrapperProps>;