@alphakits/ui 2.0.13 → 2.1.1

package/dist/popover/component.d.ts

@@ -4,72 +4,21 @@ import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
 export type Position = Placement;
 export type PopoverProps = {
     children?: React.ReactNode;
-    /**
-     * Управление состоянием поповера (открыт/закрыт)
-     */
     open: boolean;
-    /**
-     * Элемент, относительного которого появляется поповер
-     */
     anchorElement: HTMLElement;
-    /**
-     * Позиционирование поповера
-     */
     position?: Position;
-    /**
-     * Запрещает поповеру менять свою позицию.
-     * Например, если места снизу недостаточно,то он все равно будет показан снизу
-     */
     preventFlip?: boolean;
-    /**
-     * Если `true`, будет отрисована стрелочка
-     */
     withArrow?: boolean;
-    /**
-     * Смещение поповера.
-     * Если позиционирование top, bottom, то [crossAxis, mainAxis] (как раньше [x, y]).
-     * Если позиционирование left, right — то же порядок [crossAxis, mainAxis] ([y, x] в старых терминах).
-     */
     offset?: [number, number];
-    /**
-     * Дополнительный класс для поповера
-     */
     popperClassName?: string;
-    /**
-     * Дополнительный класс для стрелочки
-     */
     arrowClassName?: string;
-    /**
-     * Функция, возвращающая контейнер, в который будет рендериться поповер
-     */
     getPortalContainer?: () => HTMLElement;
-    /**
-     * CSSTransitionProps, прокидываются в компонент CSSTransitionProps.
-     */
     transition?: CSSTransitionProps;
-    /**
-     * Выставляет кастомное свойство transition-duration
-     */
     transitionDuration?: CSSProperties['transitionDuration'];
-    /**
-     * Рендерит компонент, обернутый в Transition
-     */
     withTransition?: boolean;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
     dataTestId?: string;
-    /**
-     * Хранит функцию, с помощью которой можно обновить положение компонента
-     */
     update?: MutableRefObject<() => void>;
-    /**
-     * Дополнительный класс
-     */
     className?: string;
-    /**
-     * z-index компонента
-     */
     zIndex?: number;
 };
 export declare const Popover: React.FC<PopoverProps>;

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

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const e = "component_M4dA", t = "arrow_rhvi", n = "enter_3MWR", o = "enterActive_pPMD", c = "exit_4hKA", r = "exitActive_vWe9", i = {
   component: e,
   arrow: t,
@@ -16,4 +17,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

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const n = "progress_bar_IyWa", o = "block_hDRE", c = "inner_L-nU", t = "indicator_F5x4", s = "multicolor_m9mP", e = "_30_6cyw", i = "_60_jXfA", r = "negative_8XFW", a = "positive_ikFF", _ = "accent_zSev", l = "secondary_UTeR", g = "warning_vYom", v = {
   progress_bar: n,
   block: o,
@@ -28,4 +29,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

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const e = "progress_index_ocqg", s = "text_xbaI", t = {
   progress_index: e,
   text: s
@@ -8,4 +9,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

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const c = "container_NjKG", t = "checked_DggT", n = "disabled_I93V", e = "circle_IS2P", s = "label_P4Kp", o = "hint_jS9l", d = "focused_uweB", l = "m_LBuK", a = "s_IS3y", r = "content_u8t0", _ = "start_rPJk", i = "center_e5lX", b = "addons_2cNo", h = "block_Qhaf", k = {
   container: c,
   checked: t,
@@ -32,4 +33,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

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const t = "text_OqiF", r = "subtitle_bsdl", s = "error_UDYS", e = "buttons_wrap_6Iip", o = "buttons_wrap_error_kYt2", n = "button_jxsY", _ = "selected_ctGl", b = {
   text: t,
   subtitle: r,
@@ -18,4 +19,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 {};