@alphakits/ui 2.1.0 → 2.2.0

package/dist/form/templates/rest-form/form.js

@@ -1,63 +1,63 @@
-import { jsxs as f, jsx as t } from "react/jsx-runtime";
-import A, { useContext as V, useState as D, useCallback as C, useEffect as H } from "react";
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import A, { useContext as V, useState as D, useCallback as v, useEffect as H } from "react";
 import q from "@alphakits/icons/dist/TrashM";
-import { Button as k } from "../../../button/component.js";
+import { Button as C } from "../../../button/component.js";
 import { Flex as G } from "../../../flex/component.js";
 import { FlexColumns as J } from "../../../flex-columns/component.js";
 import { IconButton as K } from "../../../icon-button/component.js";
 import { ModalContext as L } from "../../../modal/context.js";
 import { Sidepanel as N } from "../../../sidepanel/component.js";
-import { ToastPlate as x } from "../../../toast-plate/component.js";
-function re({
-  recordId: y,
-  title: F,
-  subtitle: v,
-  headerBottomAddons: u,
+import { ToastPlate as k } from "../../../toast-plate/component.js";
+function ie({
+  recordId: x,
+  title: y,
+  subtitle: F,
+  headerBottomAddons: f,
   initialValues: I,
   submitButtonText: T,
   customFooter: w,
-  loading: i,
-  updating: s,
-  removing: d,
+  loading: r,
+  updating: n,
+  removing: s,
   customValidationFields: O,
   validate: Q,
   save: U,
-  remove: r,
+  remove: u,
   close: M,
   back: R,
-  t: n,
+  t: i,
   children: S,
   headerAddon: b,
   error: W,
-  softError: a,
+  softError: d,
   ...B
 }) {
-  const { setModalDirty: l, currentModalId: z } = V(L), [e] = D(z), {
-    submitCount: c,
+  const { setModalDirty: a, currentModalId: z } = V(L), [e] = D(z), {
+    submitCount: l,
     handleSubmit: P,
     isValid: m,
     ...o
-  } = B, h = !!y && !!r, p = C(
+  } = B, h = !!x && !!u, p = v(
     () => {
-      l(e, !1), P();
+      a(e, !1), P();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [o.dirty, e]
-  ), g = C(() => {
-    l(e, !1), confirm(n("common:deleteConfirm")) && (r == null || r());
+  ), g = v(() => {
+    a(e, !1), confirm(i("common:deleteConfirm")) && u?.();
   }, [o.dirty, e]);
   H(() => {
-    i || l(e, o.dirty);
-  }, [o.dirty, i, e]);
-  const j = h || b ? /* @__PURE__ */ f(A.Fragment, { children: [
+    r || a(e, o.dirty);
+  }, [o.dirty, r, e]);
+  const j = h || b ? /* @__PURE__ */ c(A.Fragment, { children: [
     b,
     h && /* @__PURE__ */ t(
       K,
       {
         dataTestId: "removeTariffBtn",
         size: "m",
-        disabled: s,
-        loading: d,
+        disabled: n,
+        loading: s,
         onClick: g,
         icon: q
       }
@@ -67,44 +67,44 @@ function re({
     N,
     {
       headerRightAddons: j,
-      title: F,
-      subtitle: v,
-      loading: s || d || i,
-      headerBottomAddons: (u || !!a || !m && !!c) && /* @__PURE__ */ f(J, { columns: 1, gr: 8, children: [
-        u,
-        !!a && /* @__PURE__ */ t(x, { view: "negative", children: a }),
-        !m && !!c && /* @__PURE__ */ t(x, { view: "negative", children: "Please correct errors before submitting form." })
+      title: y,
+      subtitle: F,
+      loading: n || s || r,
+      headerBottomAddons: (f || !!d || !m && !!l) && /* @__PURE__ */ c(J, { columns: 1, gr: 8, children: [
+        f,
+        !!d && /* @__PURE__ */ t(k, { view: "negative", children: d }),
+        !m && !!l && /* @__PURE__ */ t(k, { view: "negative", children: "Please correct errors before submitting form." })
       ] }),
       back: R,
-      t: n,
-      bottomAddons: w || /* @__PURE__ */ f(G, { gap: "md", children: [
+      t: i,
+      bottomAddons: w || /* @__PURE__ */ c(G, { gap: "md", children: [
         /* @__PURE__ */ t(
-          k,
+          C,
           {
             view: "primary",
             size: "s",
             block: !0,
-            loading: i,
-            disabled: s || d,
+            loading: r,
+            disabled: n || s,
             dataTestId: "buttonSave",
             onClick: () => p(),
-            children: n(T || "save")
+            children: i(T || "save")
           }
         ),
         /* @__PURE__ */ t(
-          k,
+          C,
           {
             block: !0,
             view: "secondary",
             size: "s",
             dataTestId: "buttonCancel",
             onClick: M,
-            children: n("cancel")
+            children: i("cancel")
           }
         )
       ] }),
       children: S({
-        submitCount: c,
+        submitCount: l,
         isValid: m,
         handleSubmit: p,
         initialValues: I,
@@ -114,6 +114,5 @@ function re({
   );
 }
 export {
-  re as Form
+  ie as Form
 };
-//# sourceMappingURL=form.js.map

package/dist/form/templates/rest-form/index.d.ts

@@ -10,7 +10,6 @@ export type Props<T extends FormikValues> = {
     headerBottomAddons?: React.ReactNode;
     initialValues: T;
     validate?: (values: T) => void | Record<string, unknown> | Promise<FormikErrors<T>>;
-    /** customValidationFields - значения полей которые необходимо валидировать */
     customValidationFields?: Array<keyof T>;
     save: (values: any) => any;
     back?: () => void;
@@ -20,7 +19,6 @@ export type Props<T extends FormikValues> = {
     removing?: boolean;
     error?: string | null;
     softError?: string | null;
-    /** Текст кнопки сохранить */
     submitButtonText?: string;
     children: (props: FormikProps<FormikValues & T>) => React.ReactNode;
     close: () => void;

package/dist/form/templates/rest-form/index.js

@@ -39,4 +39,3 @@ function g({ enableReinitialize: a = !0, ...t }) {
 export {
   g as RestForm
 };
-//# sourceMappingURL=index.js.map

package/dist/form/utils/get-default-values.js

@@ -7,4 +7,3 @@ function c(t, u) {
 export {
   c as getDefaultValues
 };
-//# sourceMappingURL=get-default-values.js.map

package/dist/form/utils/remove-undefined-from-object.js

@@ -6,4 +6,3 @@ function t(e) {
 export {
   t as removeUndefinedFromObject
 };
-//# sourceMappingURL=remove-undefined-from-object.js.map

package/dist/form-control/component.d.ts

@@ -1,149 +1,41 @@
 import { default as React, HTMLAttributes, ReactNode } from 'react';
 export type FormControlProps = HTMLAttributes<HTMLDivElement> & {
-    /**
-     * Растягивает компонент на ширину контейнера
-     */
     block?: boolean;
-    /**
-     * Размер компонента
-     */
     size?: 's' | 'm' | 'l' | 'xl' | 'xs';
-    /**
-     * Заблокированное состояние
-     */
     disabled?: boolean;
-    /**
-     * Заполненное состояние
-     */
     filled?: boolean;
-    /**
-     * Выбранное (фокус) состояние
-     */
     focused?: boolean;
-    /**
-     * Отображение ошибки
-     */
     error?: string | boolean;
-    /**
-     * Текст подсказки
-     */
     hint?: string;
-    /**
-     * required - индикатор * лейбла для обязательного заполнения поля
-     */
     required?: boolean;
-    /**
-     * Лейбл компонента
-     */
     label?: ReactNode;
-    /**
-     * Слот слева
-     */
     leftAddons?: ReactNode;
-    /**
-     * Слот справа
-     */
     rightAddons?: ReactNode;
-    /**
-     * Слот под полем
-     */
     bottomAddons?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
     className?: string;
-    /**
-     * Дополнительный класс для поля
-     */
     fieldClassName?: string;
-    /**
-     * Дополнительный класс для лейбла
-     */
     labelClassName?: string;
-    /**
-     * Дополнительный класс для аддонов
-     */
     addonsClassName?: string;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
     dataTestId?: string;
-    /**
-     * Компонент поля (инпут, textarea и пр.)
-     */
     children?: ReactNode;
 };
 export declare const FormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    /**
-     * Растягивает компонент на ширину контейнера
-     */
     block?: boolean | undefined;
-    /**
-     * Размер компонента
-     */
     size?: "s" | "xs" | "m" | "l" | "xl" | undefined;
-    /**
-     * Заблокированное состояние
-     */
     disabled?: boolean | undefined;
-    /**
-     * Заполненное состояние
-     */
     filled?: boolean | undefined;
-    /**
-     * Выбранное (фокус) состояние
-     */
     focused?: boolean | undefined;
-    /**
-     * Отображение ошибки
-     */
     error?: string | boolean | undefined;
-    /**
-     * Текст подсказки
-     */
     hint?: string | undefined;
-    /**
-     * required - индикатор * лейбла для обязательного заполнения поля
-     */
     required?: boolean | undefined;
-    /**
-     * Лейбл компонента
-     */
     label?: ReactNode;
-    /**
-     * Слот слева
-     */
     leftAddons?: ReactNode;
-    /**
-     * Слот справа
-     */
     rightAddons?: ReactNode;
-    /**
-     * Слот под полем
-     */
     bottomAddons?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
     className?: string | undefined;
-    /**
-     * Дополнительный класс для поля
-     */
     fieldClassName?: string | undefined;
-    /**
-     * Дополнительный класс для лейбла
-     */
     labelClassName?: string | undefined;
-    /**
-     * Дополнительный класс для аддонов
-     */
     addonsClassName?: string | undefined;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
     dataTestId?: string | undefined;
-    /**
-     * Компонент поля (инпут, textarea и пр.)
-     */
     children?: ReactNode;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/form-control/component.js

@@ -68,4 +68,3 @@ const M = k.forwardRef(
 export {
   M as FormControl
 };
-//# sourceMappingURL=component.js.map

package/dist/form-control/index.js

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

package/dist/form-control/index.module.css.js

@@ -50,4 +50,3 @@ export {
   _ as s,
   c as sub
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/formik/index.d.ts

@@ -1,5 +1,2 @@
-/**
- * Re-exports Formik primitives under `@alphakits/ui/formik` for a single import surface.
- */
 export { Formik, Form, Field, FieldArray, FastField, ErrorMessage, useFormik, useFormikContext, useField, connect, withFormik, } from 'formik';
 export type { FormikProps, FormikValues, FormikErrors, FormikTouched, FieldProps, FieldArrayRenderProps, FormikConfig, } from 'formik';

package/dist/formik/index.js

@@ -12,4 +12,3 @@ export {
   a as useFormikContext,
   n as withFormik
 };
-//# sourceMappingURL=index.js.map

package/dist/grid/component.js

@@ -49,4 +49,3 @@ export {
   $ as Grid,
   u as Row
 };
-//# sourceMappingURL=component.js.map

package/dist/grid/index.js

@@ -4,4 +4,3 @@ export {
   e as Grid,
   f as Row
 };
-//# sourceMappingURL=index.js.map

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

@@ -8,4 +8,3 @@ export {
   s as default,
   o as row
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/header-search/component.js

@@ -1,36 +1,35 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import p from "@alphakits/icons/dist/CloseS";
-import c from "@alphakits/icons/dist/SearchM";
-import { Button as a } from "../button/component.js";
-import e from "./index.module.css.js";
-const x = ({
-  value: t,
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import a from "@alphakits/icons/dist/CloseS";
+import p from "@alphakits/icons/dist/SearchM";
+import { Button as l } from "../button/component.js";
+import o from "./index.module.css.js";
+const g = ({
+  value: e,
   placeholder: r,
   onChange: n,
   onClear: m
-}) => /* @__PURE__ */ i("div", { className: e.input, children: [
-  /* @__PURE__ */ o(c, {}),
-  /* @__PURE__ */ o(
+}) => /* @__PURE__ */ i("div", { className: o.input, children: [
+  /* @__PURE__ */ t(p, {}),
+  /* @__PURE__ */ t(
     "input",
     {
       autoComplete: "none",
-      value: t,
+      value: e,
       onChange: (s) => n(s.target.value),
       placeholder: r,
       type: "text"
     }
   ),
-  !!(t != null && t.length) && /* @__PURE__ */ o(
-    a,
+  !!e?.length && /* @__PURE__ */ t(
+    l,
     {
-      className: e.input_clear_btn,
-      leftAddons: /* @__PURE__ */ o(p, {}),
+      className: o.input_clear_btn,
+      leftAddons: /* @__PURE__ */ t(a, {}),
       view: "ghost",
       onClick: () => m()
     }
   )
 ] });
 export {
-  x as HeaderSearch
+  g as HeaderSearch
 };
-//# sourceMappingURL=component.js.map

package/dist/header-search/index.js

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

package/dist/header-search/index.module.css.js

@@ -8,4 +8,3 @@ export {
   t as input,
   n as input_clear_btn
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/hooks/index.js

@@ -10,4 +10,3 @@ export {
   i as useGetOne,
   m as usePrevious
 };
-//# sourceMappingURL=index.js.map

package/dist/hooks/use-crud-form-requests/index.js

@@ -1,37 +1,36 @@
-import { useState as f } from "react";
-import { getServiceError as R } from "../../utils/get-service-error/index.js";
-import { showSuccess as c } from "../../utils/show-toast/index.js";
-const j = ({
+import { useState as a } from "react";
+import { getServiceError as y } from "../../utils/get-service-error/index.js";
+import { showSuccess as f } from "../../utils/show-toast/index.js";
+const k = ({
   recordId: s,
-  saveRequest: g,
-  removeRequest: i,
-  saveCallback: r,
-  removeCallback: e,
-  close: u = () => {
+  saveRequest: i,
+  removeRequest: o,
+  saveCallback: u,
+  removeCallback: l,
+  close: n = () => {
   }
 }) => {
-  const [h, n] = f(!1), [S, o] = f(!1), [a, y] = f(null), m = (t) => {
-    n(!1), o(!1), y(R(t).message);
+  const [v, t] = a(!1), [p, r] = a(!1), [g, h] = a(null), c = (e) => {
+    t(!1), r(!1), h(y(e).message);
   };
   return {
-    save: async (t) => {
-      n(!0);
-      const p = { data: t };
-      s && (p.id = s), g(p).then(({ data: E }) => {
-        u(), r == null || r(E), c("", "Saved"), n(!1);
-      }).catch(m);
+    save: async (e) => {
+      t(!0);
+      const m = { data: e };
+      s && (m.id = s), i(m).then(({ data: S }) => {
+        n(), u?.(S), f("", "Saved"), t(!1);
+      }).catch(c);
     },
     remove: async () => {
-      !s || !i || (o(!0), i(s).then(({ data: t }) => {
-        o(!1), u(), e == null || e(t), c("", "Removed");
-      }).catch(m));
+      !s || !o || (r(!0), o(s).then(({ data: e }) => {
+        r(!1), n(), l?.(e), f("", "Removed");
+      }).catch(c));
     },
-    error: a,
-    removing: S,
-    updating: h
+    error: g,
+    removing: p,
+    updating: v
   };
 };
 export {
-  j as useCrudFormRequests
+  k as useCrudFormRequests
 };
-//# sourceMappingURL=index.js.map

package/dist/hooks/use-get-one/index.js

@@ -24,4 +24,3 @@ const p = (e, c) => {
 export {
   p as useGetOne
 };
-//# sourceMappingURL=index.js.map

package/dist/hooks/useClickOutside/index.js

@@ -1,18 +1,14 @@
-import s from "react";
-function c(r, a, t) {
-  s.useEffect(() => {
-    const n = (o) => {
-      !r.current || r.current.contains(o.target) || t != null && t.every((i) => {
-        var m;
-        return (m = i == null ? void 0 : i.current) == null ? void 0 : m.contains(o.target);
-      }) || a(o);
+import c from "react";
+function i(e, r, o) {
+  c.useEffect(() => {
+    const t = (n) => {
+      !e.current || e.current.contains(n.target) || o?.every((u) => u?.current?.contains(n.target)) || r(n);
     };
-    return document.addEventListener("mousedown", n), document.addEventListener("touchstart", n), () => {
-      document.removeEventListener("mousedown", n), document.removeEventListener("touchstart", n);
+    return document.addEventListener("mousedown", t), document.addEventListener("touchstart", t), () => {
+      document.removeEventListener("mousedown", t), document.removeEventListener("touchstart", t);
     };
-  }, [r, a, t]);
+  }, [e, r, o]);
 }
 export {
-  c as useClickOutside
+  i as useClickOutside
 };
-//# sourceMappingURL=index.js.map

package/dist/hooks/useFocus/index.d.ts

@@ -1,9 +1,3 @@
 import { default as React } from 'react';
 export type InputMethod = 'keyboard' | 'mouse';
-/**
- * Хук устанавливает обработчик события на focusin и focusout
- * по конкретному типу события
- * @param node Элемент на котором установится обработчик (default = document)
- * @param inputMethod Если параметр не задан, установит обработчик по любому событию фокуса
- */
 export declare function useFocus<T extends HTMLElement>(ref: React.RefObject<T | null>, inputMethod?: InputMethod): [boolean];

package/dist/hooks/useFocus/index.js

@@ -28,4 +28,3 @@ function v(t, s) {
 export {
   v as useFocus
 };
-//# sourceMappingURL=index.js.map

package/dist/hooks/usePrevious/index.js

@@ -8,4 +8,3 @@ function o(t) {
 export {
   o as usePrevious
 };
-//# sourceMappingURL=index.js.map

package/dist/icon-button/component.d.ts

@@ -1,47 +1,17 @@
 import { default as React, ButtonHTMLAttributes } from 'react';
 export type IconButtonProps = {
-    /**
-     * Компонент иконки
-     */
     icon: any;
-    /**
-     * Тип кнопки
-     */
     view?: 'secondary' | 'ghost';
-    /**
-     * Размер компонента
-     */
     size?: 'l' | 'm' | 's';
-    /**
-     * Дополнительный класс
-     */
     className?: string;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
     dataTestId?: string;
     loading?: boolean;
 } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'>;
 export declare const IconButton: React.ForwardRefExoticComponent<{
-    /**
-     * Компонент иконки
-     */
     icon: any;
-    /**
-     * Тип кнопки
-     */
     view?: "secondary" | "ghost" | undefined;
-    /**
-     * Размер компонента
-     */
     size?: "s" | "m" | "l" | undefined;
-    /**
-     * Дополнительный класс
-     */
     className?: string | undefined;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
     dataTestId?: string | undefined;
     loading?: boolean | undefined;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/icon-button/component.js

@@ -29,4 +29,3 @@ const b = l(
 export {
   b as IconButton
 };
-//# sourceMappingURL=component.js.map

package/dist/icon-button/index.js

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

package/dist/icon-button/index.module.css.js

@@ -18,4 +18,3 @@ export {
   c as s,
   n as secondary
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/image/component.js

@@ -49,4 +49,3 @@ const k = ({
 export {
   k as Image
 };
-//# sourceMappingURL=component.js.map