@alphakits/ui 2.4.4 → 2.4.6

package/dist/index.js

@@ -3,15 +3,15 @@ import { AmountInput as p } from "./amount-input/component.js";
 import { Avatar as f } from "./avatar/component.js";
 import { BackButton as x } from "./back-button/component.js";
 import { Badge as i } from "./badge/component.js";
-import { BaseCard as l } from "./base-card/component.js";
+import { BaseCard as u } from "./base-card/component.js";
 import { BottomSheet as d } from "./bottom-sheet/component.js";
-import { Box as T, Radiuses as c, Spaces as O } from "./box/component.js";
+import { Box as c, Radiuses as T, Spaces as O } from "./box/component.js";
 import { Button as I } from "./button/component.js";
 import { ButtonArrow as C } from "./button-arrow/component.js";
 import { Calendar as k } from "./calendar/component.js";
 import { useCalendar as M } from "./calendar/use-calendar.js";
 import { usePeriod as P } from "./calendar/use-period.js";
-import { DAYS_IN_WEEK as F, MONTHS_IN_YEAR as R, SUNDAY_INDEX as B, dateInLimits as L, limitDate as y, monthName as b, russianWeekDay as W } from "./calendar/utils.js";
+import { DAYS_IN_WEEK as F, MONTHS_IN_YEAR as R, SUNDAY_INDEX as B, dateInLimits as L, limitDate as y, monthName as b, russianWeekDay as w } from "./calendar/utils.js";
 import { CalendarInput as N } from "./calendar-input/component.js";
 import { DATE_FORMAT as v, DATE_MASK as G, IS_BROWSER as H, NATIVE_DATE_FORMAT as U, SUPPORTS_INPUT_TYPE_DATE as q, isCompleteDateInput as z, isInputDateSupported as K, parseDateString as V } from "./calendar-input/utils.js";
 import { Card as J } from "./card/component.js";
@@ -22,8 +22,8 @@ import { CheckboxGroups as to } from "./checkbox-lists/component.js";
 import { CollapsableRow as mo } from "./collapsable-row/component.js";
 import { Collapse as ao } from "./collapse/component.js";
 import { ConfirmPopup as so, showAlert as io, showConfirm as no } from "./confirm-popup/component.js";
-import { CopyButton as uo } from "./copy-button/component.js";
-import { FormattedDate as To } from "./date/component.js";
+import { CopyButton as lo } from "./copy-button/component.js";
+import { FormattedDate as co } from "./date/component.js";
 import { DateSwitcher as Oo } from "./date-switcher/component.js";
 import { DecoratedItem as Io } from "./decorated-item/component.js";
 import { Divider as Co } from "./divider/component.js";
@@ -33,7 +33,7 @@ import { FilterTag as Po } from "./filter-tag/component.js";
 import { Flex as Fo } from "./flex/component.js";
 import { FlexColumns as Bo } from "./flex-columns/component.js";
 import { Footer as yo } from "./footer/component.js";
-import { FiltersForm as Wo } from "./form/templates/filters-form/index.js";
+import { FiltersForm as wo } from "./form/templates/filters-form/index.js";
 import { FormControl as No } from "./form-control/component.js";
 import { ErrorMessage as vo, FastField as Go, Field as Ho, FieldArray as Uo, Form as qo, Formik as zo, connect as Ko, useField as Vo, useFormik as jo, useFormikContext as Jo, withFormik as Xo } from "formik";
 import { Col as Zo, Grid as $o, Row as or } from "./grid/component.js";
@@ -42,9 +42,9 @@ import { useCrudFormRequests as pr } from "./hooks/use-crud-form-requests/index.
 import { useGetOne as fr } from "./hooks/use-get-one/index.js";
 import { useClickOutside as xr } from "./hooks/useClickOutside/index.js";
 import { useFocus as ir } from "./hooks/useFocus/index.js";
-import { usePrevious as lr } from "./hooks/usePrevious/index.js";
+import { usePrevious as ur } from "./hooks/usePrevious/index.js";
 import { IconButton as dr } from "./icon-button/component.js";
-import { Image as Tr } from "./image/component.js";
+import { Image as cr } from "./image/component.js";
 import { textSizes as Or } from "./image/types.js";
 import { ImageGallery as Ir } from "./image-gallery/component.js";
 import { ImageUploader as Cr } from "./image-uploader/component.js";
@@ -54,7 +54,7 @@ import { InfoBlockWrapper as Pr } from "./info-block-wrapper/component.js";
 import { Input as Fr } from "./input/component.js";
 import { InputAutocomplete as Br } from "./input-autocomplete/component.js";
 import { InputGhost as yr } from "./input-ghost/component.js";
-import { Link as Wr } from "./link/component.js";
+import { Link as wr } from "./link/component.js";
 import { ListAllert as Nr } from "./list-allert/component.js";
 import { Loader as vr } from "./loader/component.js";
 import { MaskedInput as Hr, PLACEHOLDER_CHAR as Ur } from "./masked-input/component.js";
@@ -68,9 +68,9 @@ import { Padding as pe } from "./padding/component.js";
 import { PageContainer as fe } from "./page-container/component.js";
 import { PageLoading as xe } from "./page-loading/component.js";
 import { PageWithControls as ie } from "./page-with-controls/component.js";
-import { LabeledButton as le } from "./picker-button/common/labeled-button/index.js";
+import { LabeledButton as ue } from "./picker-button/common/labeled-button/index.js";
 import { PickerButton as de } from "./picker-button/component.js";
-import { Popover as Te } from "./popover/component.js";
+import { Popover as ce } from "./popover/component.js";
 import { Portal as Oe } from "./portal/component.js";
 import { ProgressBar as Ie } from "./progress-bar/component.js";
 import { ProgressIndex as Ce } from "./progress-index/component.js";
@@ -80,7 +80,7 @@ import { RadioGroups as Pe } from "./radio-groups/component.js";
 import { SectionWrapper as Fe } from "./section-wrapper/component.js";
 import { Select as Be } from "./select/component.js";
 import { Arrow as ye } from "./select/components/arrow/component.js";
-import { BaseSelect as We } from "./select/components/base-select/component.js";
+import { BaseSelect as we } from "./select/components/base-select/component.js";
 import { SelectField as Ne } from "./select/components/field/component.js";
 import { Optgroup as ve } from "./select/components/optgroup/component.js";
 import { Option as He } from "./select/components/option/component.js";
@@ -92,9 +92,9 @@ import { convertToOptions as Ze, isGroup as $e, isOptionShape as ot, joinOptions
 import { Sidepanel as ft } from "./sidepanel/component.js";
 import { SidepanelHeader as xt } from "./sidepanel-header/component.js";
 import { Skeleton as it } from "./skeleton/component.js";
-import { Space as lt } from "./space/component.js";
+import { Space as ut } from "./space/component.js";
 import { Spinner as dt } from "./spinner/component.js";
-import { Stack as Tt } from "./stack/component.js";
+import { Stack as ct } from "./stack/component.js";
 import { StackingContext as Ot, stackingOrder as ht } from "./stack/context.js";
 import { Status as At } from "./status/component.js";
 import { SteppedProgressBar as Dt, useSteps as kt } from "./stepped-progress-bar/index.js";
@@ -103,7 +103,7 @@ import { SuffixInput as Pt } from "./suffix-input/component.js";
 import { SuperListHeader as Ft } from "./super-list-header/component.js";
 import { SuperListItem as Bt } from "./super-list-item/component.js";
 import { Switch as yt } from "./switch/component.js";
-import { Table as Wt } from "./table/component.js";
+import { Table as wt } from "./table/component.js";
 import { TableCell as Nt } from "./table/components/cell/component.js";
 import { TableStatus as vt } from "./table-status/component.js";
 import { Tag as Ht } from "./tag/component.js";
@@ -116,16 +116,16 @@ import { ToastNotifier as mp } from "./toast-notifier/component.js";
 import { ToastPlate as ap } from "./toast-plate/component.js";
 import { Tooltip as sp } from "./tooltip/component.js";
 import { Typography as np } from "./typography/component.js";
-import { add as up, addDays as dp, addMonths as Sp, addYears as Tp, eachDayOfInterval as cp, eachMonthOfInterval as Op, eachYearOfInterval as hp, endOfDay as Ip, endOfISOWeek as Ap, endOfWeek as Cp, endOfYear as Dp, format as kp, isAfter as Ep, isBefore as Mp, isEqual as gp, isLastDayOfMonth as Pp, isSameDay as _p, isSameMonth as Fp, isSameYear as Rp, isThisMonth as Bp, isThisYear as Lp, isToday as yp, isWithinInterval as bp, lastDayOfMonth as Wp, max as wp, min as Np, parse as Yp, parseISO as vp, startOfDay as Gp, startOfISOWeek as Hp, startOfMonth as Up, startOfWeek as qp, startOfYear as zp, subDays as Kp, subMonths as Vp, subWeeks as jp, subYears as Jp, weekDaysShort as Xp } from "./utils/date/index.js";
+import { add as lp, addDays as dp, addMonths as Sp, addYears as cp, eachDayOfInterval as Tp, eachMonthOfInterval as Op, eachYearOfInterval as hp, endOfDay as Ip, endOfISOWeek as Ap, endOfWeek as Cp, endOfYear as Dp, format as kp, isAfter as Ep, isBefore as Mp, isEqual as gp, isLastDayOfMonth as Pp, isSameDay as _p, isSameMonth as Fp, isSameYear as Rp, isThisMonth as Bp, isThisYear as Lp, isToday as yp, isWithinInterval as bp, lastDayOfMonth as wp, max as Wp, min as Np, parse as Yp, parseISO as vp, startOfDay as Gp, startOfISOWeek as Hp, startOfMonth as Up, startOfWeek as qp, startOfYear as zp, subDays as Kp, subMonths as Vp, subWeeks as jp, subYears as Jp, weekDaysShort as Xp } from "./utils/date/index.js";
 import { debounce as Zp } from "./utils/debounce.js";
 import { AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR as om, THINSP as rm, formatAmount as em } from "./utils/format-amount/util.js";
 import { formatDate as pm, locales as mm } from "./utils/format-date/index.js";
 import { safeStringify as am } from "./utils/safe-stringify.js";
-import { showError as sm, showSuccess as im } from "./utils/show-toast/index.js";
+import { showCompactSuccess as sm, showError as im, showSuccess as nm } from "./utils/show-toast/index.js";
 import { splitAmount as lm } from "./utils/split-amount/util.js";
-import { capitalize as dm } from "./utils/string.js";
+import { capitalize as Sm } from "./utils/string.js";
 import { WelcomeContainer as Tm } from "./welcome-layout/component.js";
-import { withSuffix as Om } from "./with-suffix/component.js";
+import { withSuffix as hm } from "./with-suffix/component.js";
 export {
   om as AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR,
   e as Amount,
@@ -134,10 +134,10 @@ export {
   f as Avatar,
   x as BackButton,
   i as Badge,
-  l as BaseCard,
-  We as BaseSelect,
+  u as BaseCard,
+  we as BaseSelect,
   d as BottomSheet,
-  T as Box,
+  c as Box,
   I as Button,
   C as ButtonArrow,
   k as Calendar,
@@ -151,7 +151,7 @@ export {
   mo as CollapsableRow,
   ao as Collapse,
   so as ConfirmPopup,
-  uo as CopyButton,
+  lo as CopyButton,
   v as DATE_FORMAT,
   G as DATE_MASK,
   F as DAYS_IN_WEEK,
@@ -165,19 +165,19 @@ export {
   Ho as Field,
   Uo as FieldArray,
   Po as FilterTag,
-  Wo as FiltersForm,
+  wo as FiltersForm,
   Fo as Flex,
   Bo as FlexColumns,
   yo as Footer,
   qo as Form,
   No as FormControl,
-  To as FormattedDate,
+  co as FormattedDate,
   zo as Formik,
   $o as Grid,
   er as HeaderSearch,
   H as IS_BROWSER,
   dr as IconButton,
-  Tr as Image,
+  cr as Image,
   Ir as ImageGallery,
   Cr as ImageUploader,
   kr as InfoBlockHeader,
@@ -187,8 +187,8 @@ export {
   Br as InputAutocomplete,
   yr as InputGhost,
   jt as LOACAL_STORAGE_THEME_KEY,
-  le as LabeledButton,
-  Wr as Link,
+  ue as LabeledButton,
+  wr as Link,
   Nr as ListAllert,
   vr as Loader,
   R as MONTHS_IN_YEAR,
@@ -209,14 +209,14 @@ export {
   xe as PageLoading,
   ie as PageWithControls,
   de as PickerButton,
-  Te as Popover,
+  ce as Popover,
   Oe as Portal,
   Ie as ProgressBar,
   Ce as ProgressIndex,
   ke as Radio,
   Me as RadioGroup,
   Pe as RadioGroups,
-  c as Radiuses,
+  T as Radiuses,
   or as Row,
   Jt as STYLE_TAG_ID,
   B as SUNDAY_INDEX,
@@ -227,10 +227,10 @@ export {
   ft as Sidepanel,
   xt as SidepanelHeader,
   it as Skeleton,
-  lt as Space,
+  ut as Space,
   O as Spaces,
   dt as Spinner,
-  Tt as Stack,
+  ct as Stack,
   Ot as StackingContext,
   At as Status,
   Dt as SteppedProgressBar,
@@ -242,7 +242,7 @@ export {
   Xt as THEME,
   Qt as THEME_DATA_ATTR,
   rm as THINSP,
-  Wt as Table,
+  wt as Table,
   Nt as TableCell,
   vt as TableStatus,
   Ht as Tag,
@@ -256,17 +256,17 @@ export {
   np as Typography,
   Ke as VirtualOptionsList,
   Tm as WelcomeContainer,
-  up as add,
+  lp as add,
   dp as addDays,
   Sp as addMonths,
-  Tp as addYears,
-  dm as capitalize,
+  cp as addYears,
+  Sm as capitalize,
   Ko as connect,
   Ze as convertToOptions,
   L as dateInLimits,
   Zp as debounce,
   rp as defaultThemes,
-  cp as eachDayOfInterval,
+  Tp as eachDayOfInterval,
   Op as eachMonthOfInterval,
   hp as eachYearOfInterval,
   Ip as endOfDay,
@@ -292,23 +292,24 @@ export {
   yp as isToday,
   bp as isWithinInterval,
   rt as joinOptions,
-  Wp as lastDayOfMonth,
+  wp as lastDayOfMonth,
   et as lastIndexOf,
   y as limitDate,
   mm as locales,
-  wp as max,
+  Wp as max,
   Np as min,
   b as monthName,
   Yp as parse,
   V as parseDateString,
   vp as parseISO,
   tt as processOptions,
-  W as russianWeekDay,
+  w as russianWeekDay,
   am as safeStringify,
   io as showAlert,
+  sm as showCompactSuccess,
   no as showConfirm,
-  sm as showError,
-  im as showSuccess,
+  im as showError,
+  nm as showSuccess,
   lm as splitAmount,
   ht as stackingOrder,
   Gp as startOfDay,
@@ -332,12 +333,12 @@ export {
   je as useLazyLoading,
   oe as useMatchMedia,
   P as usePeriod,
-  lr as usePrevious,
+  ur as usePrevious,
   Xe as useSelectWithLoading,
   kt as useSteps,
   $t as useTheme,
   pt as useVisibleOptions,
   Xp as weekDaysShort,
   Xo as withFormik,
-  Om as withSuffix
+  hm as withSuffix
 };

package/dist/modal/components/modals/modal.js

@@ -1,24 +1,24 @@
 import { jsxs as w, jsx as i } from "react/jsx-runtime";
 import b from "classnames";
 import { useState as v, useLayoutEffect as x, useCallback as k, useEffect as E } from "react";
-import { ButtonArrow as g } from "../../../button-arrow/component.js";
-import { showConfirm as F } from "../../../confirm-popup/component.js";
+import { ButtonArrow as d } from "../../../button-arrow/component.js";
+import { showConfirm as g } from "../../../confirm-popup/component.js";
 import s from "./index.module.css.js";
-const y = {
+const C = {
   s: 488,
   m: 888,
   full: "96%"
-}, h = 102, N = (e) => e === "full" ? `calc(-96vw - ${h}px)` : -y[e] - h, R = ({ modal: e, t: r, index: a, dirtyModals: m, closeModal: l, currentModalId: c }) => {
-  const f = N(e.props.size), [C, p] = v(f);
+}, h = 102, F = (e) => e === "full" ? `calc(-96vw - ${h}px)` : -C[e] - h, R = ({ modal: e, t: r, index: a, dirtyModals: m, closeModal: l, currentModalId: c }) => {
+  const f = F(e.props.size), [y, p] = v(f);
   x(() => {
     const o = requestAnimationFrame(() => p(0));
     return () => cancelAnimationFrame(o);
   }, [e.id]);
   const u = k(
-    (o) => m[o] ? F({
+    (o) => m[o] ? g({
       title: r("common:exitConfirm"),
-      confirmText: r("common:yes"),
-      cancelText: r("common:no"),
+      confirmText: r("common:Да"),
+      cancelText: r("common:Нет"),
       confirmView: "negative"
     }) : Promise.resolve(!0),
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -53,13 +53,20 @@ const y = {
             className: b(s.right, s.content),
             style: {
               zIndex: 9999999 + a,
-              width: y[e.props.size],
-              right: C
+              width: C[e.props.size],
+              right: y
             },
             children: /* @__PURE__ */ w("div", { className: s.inner, children: [
-              /* @__PURE__ */ i(e.modal, { ...e.props, close: () => t() }),
+              /* @__PURE__ */ i(
+                e.modal,
+                {
+                  ...e.props,
+                  modalId: e.id,
+                  close: () => t()
+                }
+              ),
               e.props.showCloser !== !1 && /* @__PURE__ */ i(
-                g,
+                d,
                 {
                   className: s.button,
                   size: "s",

package/dist/modal/hooks/use-modal.js

@@ -2,42 +2,42 @@ import d, { useRef as S, useCallback as s, useEffect as b } from "react";
 import { v4 as h } from "uuid";
 import { deletePropertyById as v } from "../utils/delete-property-by-id.js";
 const x = (n) => {
-  const [r, l] = d.useState([]), [M, f] = d.useState(""), [p, a] = d.useState({}), c = S(n);
-  c.current = n;
+  const [r, l] = d.useState([]), [f, a] = d.useState(""), [p, c] = d.useState({}), u = S(n);
+  u.current = n;
   const i = s((t) => {
-    a((e) => v(e, t)), l((e) => e.filter((o) => o.id !== t));
-  }, []), u = s((t) => {
-    l((e) => [...e, t]);
+    c((e) => v(e, t)), l((e) => e.filter((o) => o.id !== t));
+  }, []), M = s((t) => {
+    l((e) => [...e, t]), a(t.id);
   }, []), m = s((t, e) => {
-    t && a((o) => o[t] === e ? o : {
+    t && c((o) => o[t] === e ? o : {
       ...o,
       [t]: e
     });
   }, []);
   return b(() => {
     const t = [...r].pop()?.id;
-    f(t || ""), document.body.style.overflow = r.length ? "hidden" : "unset";
+    a(t || ""), document.body.style.overflow = r.length ? "hidden" : "unset";
   }, [r]), {
     openModal: s(
       (t, e = "s", o = !0) => (y, I) => {
         const R = h();
-        u({
+        M({
           id: R,
           modal: t,
           props: {
             size: e,
             showCloser: o,
             closeCallback: I,
-            t: c.current,
+            t: u.current,
             ...y
           }
         });
       },
-      [u]
+      [M]
     ),
     modals: r,
     setModalDirty: m,
-    currentModalId: M,
+    currentModalId: f,
     dirtyModals: p,
     closeModal: i
   };

package/dist/modal/types.d.ts

@@ -2,6 +2,7 @@
 type ModalProps = {
     closeCallback: () => void;
     close: () => void;
+    modalId?: string;
     size: ModalSize;
     showCloser?: boolean;
     t: TFunction;
@@ -12,7 +13,7 @@ export type TFunction = (field: string, options?: {
     [optionName: string]: any;
 }) => string;
 export type ModalSize = 's' | 'm' | 'full';
-export type OwnModalProps<T> = Omit<T, 'close' | 't'>;
+export type OwnModalProps<T> = Omit<T, 'close' | 't' | 'modalId'>;
 export type ModalObject = {
     modal: React.FC<ModalProps>;
     id: string;