@alphakits/ui 2.0.13 → 2.2.0

package/dist/footer/contact-block.d.ts

@@ -1,12 +1,6 @@
 import { default as React } from 'react';
 export interface ContactBlockProps {
-    /**
-     * @param title - заголовок контакта
-     */
     title: string;
-    /**
-     * @param value - значение - телефон или адрес
-     */
     value: string;
 }
 export declare const ContactBlock: React.FC<ContactBlockProps>;

package/dist/footer/contact-block.js

@@ -7,4 +7,3 @@ const n = ({ title: o, value: t }) => /* @__PURE__ */ a("div", { className: s.co
 export {
   n as ContactBlock
 };
-//# sourceMappingURL=contact-block.js.map

package/dist/footer/index.js

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

package/dist/footer/index.module.css

@@ -1 +1 @@
-.wrapper_Enjf{display:flex;margin:0 auto}@media(max-width:547px){.wrapper_Enjf{flex-direction:column}}.row_wrapper_8067{flex:1}.title_Tgf-{font-weight:700;font-size:14px;line-height:20px;color:var(--color-text-primary-inverted)}.block_rSzc{margin-bottom:19px;display:flex;flex-direction:column;align-items:flex-start}.block_rSzc>.title_Tgf-{font-size:16px;line-height:24px;margin-bottom:25px}.block_rSzc>.link_Oe3C{margin-bottom:21px;text-decoration:none;font-style:normal;font-weight:500;font-size:14px;line-height:24px;color:var(--color-text-primary-inverted)}:is(.block_rSzc>.link_Oe3C):hover{color:var(--color-text-accent)}.text_qVH7{font-weight:500;font-size:12px;line-height:24px;color:var(--color-text-thirdly);display:block;padding-right:8px}.email_h6jh{font-weight:700;font-size:16px;color:var(--color-text-accent)}.buttons_dZl8{display:flex;align-items:center}.buttons_dZl8>*{margin-right:5px}.bottomBlock_fjWw{display:flex;align-items:center;padding-top:40px}.contactBlock_kAr-{display:flex;flex-direction:column;margin-bottom:29px}.contactBlock_kAr->.title_Tgf-{margin-bottom:2px}.contactBlock_kAr->.phone_yts-{font-weight:700;font-size:16px;line-height:20px;color:var(--color-text-primary-inverted);margin-bottom:1px}
+.wrapper_Enjf{display:flex;margin:0 auto}@media(max-width:547px){.wrapper_Enjf{flex-direction:column}}.row_wrapper_8067{flex:1}.gridCol_l2Ph{flex:0 0 100%;max-width:100%}@media(min-width:1024px){.gridCol_l2Ph{flex:0 0 calc(100% / 6);max-width:calc(100% / 6)}}.title_Tgf-{font-weight:700;font-size:14px;line-height:20px;color:var(--color-text-primary-inverted)}.block_rSzc{margin-bottom:19px;display:flex;flex-direction:column;align-items:flex-start}.block_rSzc>.title_Tgf-{font-size:16px;line-height:24px;margin-bottom:25px}.block_rSzc>.link_Oe3C{margin-bottom:21px;text-decoration:none;font-style:normal;font-weight:500;font-size:14px;line-height:24px;color:var(--color-text-primary-inverted)}:is(.block_rSzc>.link_Oe3C):hover{color:var(--color-text-accent)}.text_qVH7{font-weight:500;font-size:12px;line-height:24px;color:var(--color-text-thirdly);display:block;padding-right:8px}.email_h6jh{font-weight:700;font-size:16px;color:var(--color-text-accent)}.buttons_dZl8{display:flex;align-items:center}.buttons_dZl8>*{margin-right:5px}.bottomBlock_fjWw{display:flex;align-items:center;padding-top:40px}.contactBlock_kAr-{display:flex;flex-direction:column;margin-bottom:29px}.contactBlock_kAr->.title_Tgf-{margin-bottom:2px}.contactBlock_kAr->.phone_yts-{font-weight:700;font-size:16px;line-height:20px;color:var(--color-text-primary-inverted);margin-bottom:1px}

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

@@ -1,29 +1,30 @@
 import './index.module.css';
-const t = "wrapper_Enjf", o = "row_wrapper_8067", c = "title_Tgf-", n = "block_rSzc", e = "link_Oe3C", l = "text_qVH7", s = "email_h6jh", r = "buttons_dZl8", p = "bottomBlock_fjWw", a = "contactBlock_kAr-", _ = "phone_yts-", k = {
+const t = "wrapper_Enjf", o = "row_wrapper_8067", c = "gridCol_l2Ph", n = "title_Tgf-", l = "block_rSzc", e = "link_Oe3C", r = "text_qVH7", s = "email_h6jh", p = "buttons_dZl8", _ = "bottomBlock_fjWw", a = "contactBlock_kAr-", k = "phone_yts-", i = {
   wrapper: t,
   row_wrapper: o,
-  title: c,
-  block: n,
+  gridCol: c,
+  title: n,
+  block: l,
   link: e,
-  text: l,
+  text: r,
   email: s,
-  buttons: r,
-  bottomBlock: p,
+  buttons: p,
+  bottomBlock: _,
   contactBlock: a,
-  phone: _
+  phone: k
 };
 export {
-  n as block,
-  p as bottomBlock,
-  r as buttons,
+  l as block,
+  _ as bottomBlock,
+  p as buttons,
   a as contactBlock,
-  k as default,
+  i as default,
   s as email,
+  c as gridCol,
   e as link,
-  _ as phone,
+  k as phone,
   o as row_wrapper,
-  l as text,
-  c as title,
+  r as text,
+  n as title,
   t as wrapper
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/form/component.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const Component: () => JSX.Element;
+import { default as React } from 'react';
+export declare const Component: () => React.JSX.Element;

package/dist/form/component.js

@@ -1,83 +1,83 @@
-import { jsx as r, jsxs as z } from "react/jsx-runtime";
+import { jsx as e, jsxs as C } from "react/jsx-runtime";
 import a from "react";
-import { Button as S } from "../button/component.js";
-import { FlexColumns as x } from "../flex-columns/component.js";
+import { Button as z } from "../button/component.js";
+import { FlexColumns as S } from "../flex-columns/component.js";
 import { Input as t } from "../input/component.js";
-import { ModalContext as T } from "../modal/context.js";
-import { showError as F, showSuccess as w } from "../utils/show-toast/index.js";
-import { RestForm as E } from "./templates/rest-form/index.js";
-const M = { baz: "", bar: "" }, p = { buz: "", bur: "" }, V = (b) => {
-  const [i, c] = a.useState(!0), [f, u] = a.useState(!1), [d, m] = a.useState(!1);
+import { ModalContext as x } from "../modal/context.js";
+import { showError as T, showSuccess as F } from "../utils/show-toast/index.js";
+import { RestForm as w } from "./templates/rest-form/index.js";
+const E = { baz: "", bar: "" }, M = { buz: "", bur: "" }, V = (l) => {
+  const [i, c] = a.useState(!0), [f, u] = a.useState(!1), [p, m] = a.useState(!1);
   return a.useEffect(() => {
     setTimeout(() => c(!1), 500);
-  }, []), /* @__PURE__ */ r(
-    E,
+  }, []), /* @__PURE__ */ e(
+    w,
     {
       recordId: 827368276387,
-      initialValues: p,
+      initialValues: M,
       customValidationFields: ["bur"],
-      save: () => new Promise((n) => {
+      save: () => new Promise((b) => {
         u(!0), setTimeout(() => {
-          n(), u(!1), w("", "Saved");
+          b(), u(!1), F("", "Saved");
         }, 3e3);
       }),
-      remove: () => new Promise((n) => {
+      remove: () => new Promise((b) => {
         m(!0), setTimeout(() => {
-          n(), m(!1), F("Some error from server", "Error");
+          b(), m(!1), T("Some error from server", "Error");
         }, 3e3);
       }),
       title: "custom title other",
       loading: i,
       submitButtonText: "submit",
       updating: f,
-      removing: d,
-      close: b == null ? void 0 : b.close,
-      t: (n) => n,
+      removing: p,
+      close: l?.close,
+      t: (b) => b,
       children: ({
-        values: n,
-        touched: g,
-        errors: e,
+        values: b,
+        touched: d,
+        errors: r,
         handleChange: o
-      }) => /* @__PURE__ */ z(x, { columns: 1, gr: 16, gc: 0, children: [
-        /* @__PURE__ */ r(
+      }) => /* @__PURE__ */ C(S, { columns: 1, gr: 16, gc: 0, children: [
+        /* @__PURE__ */ e(
           t,
           {
             label: "buz",
-            value: n.buz,
+            value: b.buz,
             onChange: o("buz"),
-            error: g.buz && e.buz
+            error: d.buz && r.buz
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ e(
           t,
           {
             label: "bur",
-            value: n.bur,
+            value: b.bur,
             onChange: o("bur"),
-            error: g.bur && e.bur
+            error: d.bur && r.bur
           }
         )
       ] })
     }
   );
-}, O = (b) => {
-  const [i, c] = a.useState(!0), [f, u] = a.useState(!1), [d, m] = a.useState(!1), { openModal: v } = a.useContext(T), C = v(V);
+}, O = (l) => {
+  const [i, c] = a.useState(!0), [f, u] = a.useState(!1), [p, m] = a.useState(!1), { openModal: g } = a.useContext(x), v = g(V);
   return a.useEffect(() => {
     setTimeout(() => c(!1), 500);
-  }, []), /* @__PURE__ */ r(
-    E,
+  }, []), /* @__PURE__ */ e(
+    w,
     {
       recordId: 8273682763,
-      initialValues: M,
+      initialValues: E,
       customValidationFields: ["bar"],
-      save: () => new Promise((e) => {
+      save: () => new Promise((r) => {
         u(!0), setTimeout(() => {
-          e(), u(!1), w("", "Saved");
+          r(), u(!1), F("", "Saved");
         }, 3e3);
       }),
-      remove: () => new Promise((e) => {
+      remove: () => new Promise((r) => {
         m(!0), setTimeout(() => {
-          e(), m(!1), F("Some error from server", "Error");
+          r(), m(!1), T("Some error from server", "Error");
         }, 3e3);
       }),
       title: "Настройки",
@@ -88,105 +88,104 @@ const M = { baz: "", bar: "" }, p = { buz: "", bur: "" }, V = (b) => {
       loading: i,
       submitButtonText: "csdcds",
       updating: f,
-      removing: d,
-      close: b == null ? void 0 : b.close,
-      t: (e) => e,
+      removing: p,
+      close: l?.close,
+      t: (r) => r,
       children: ({
-        values: e,
+        values: r,
         touched: o,
-        errors: l,
+        errors: n,
         handleChange: s
-      }) => /* @__PURE__ */ z(x, { columns: 1, gr: 16, gc: 0, children: [
-        /* @__PURE__ */ r(
+      }) => /* @__PURE__ */ C(S, { columns: 1, gr: 16, gc: 0, children: [
+        /* @__PURE__ */ e(
           t,
           {
             label: "baz",
-            value: e.baz,
+            value: r.baz,
             onChange: s("baz"),
-            error: o.baz && l.baz
+            error: o.baz && n.baz
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ e(
           t,
           {
             label: "bar",
-            value: e.bar,
+            value: r.bar,
             onChange: s("bar"),
-            error: o.bar && l.bar
+            error: o.bar && n.bar
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ e(
           t,
           {
             label: "bar",
-            value: e.bar,
+            value: r.bar,
             onChange: s("bar"),
-            error: o.bar && l.bar
+            error: o.bar && n.bar
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ e(
           t,
           {
             label: "bar",
-            value: e.bar,
+            value: r.bar,
             onChange: s("bar"),
-            error: o.bar && l.bar
+            error: o.bar && n.bar
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ e(
           t,
           {
             label: "bar",
-            value: e.bar,
+            value: r.bar,
             onChange: s("bar"),
-            error: o.bar && l.bar
+            error: o.bar && n.bar
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ e(
           t,
           {
             label: "bar",
-            value: e.bar,
+            value: r.bar,
             onChange: s("bar"),
-            error: o.bar && l.bar
+            error: o.bar && n.bar
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ e(
           t,
           {
             label: "bar",
-            value: e.bar,
+            value: r.bar,
             onChange: s("bar"),
-            error: o.bar && l.bar
+            error: o.bar && n.bar
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ e(
           t,
           {
             label: "bar",
-            value: e.bar,
+            value: r.bar,
             onChange: s("bar"),
-            error: o.bar && l.bar
+            error: o.bar && n.bar
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ e(
           t,
           {
             label: "bar",
-            value: e.bar,
+            value: r.bar,
             onChange: s("bar"),
-            error: o.bar && l.bar
+            error: o.bar && n.bar
           }
         ),
-        /* @__PURE__ */ r(S, { onClick: C, children: "openCrudModalOther" })
+        /* @__PURE__ */ e(z, { onClick: v, children: "openCrudModalOther" })
       ] })
     }
   );
 }, q = () => {
-  const { openModal: b } = a.useContext(T), i = b(O);
-  return /* @__PURE__ */ r(a.Fragment, { children: /* @__PURE__ */ r(S, { onClick: i, children: "open crud modal" }) });
+  const { openModal: l } = a.useContext(x), i = l(O);
+  return /* @__PURE__ */ e(a.Fragment, { children: /* @__PURE__ */ e(z, { onClick: i, children: "open crud modal" }) });
 };
 export {
   q as Component
 };
-//# sourceMappingURL=component.js.map

package/dist/form/components/form-loading/index.js

@@ -20,4 +20,3 @@ const n = () => /* @__PURE__ */ t(l, { columns: 1, gr: 16, className: e.content,
 export {
   n as FormLoading
 };
-//# sourceMappingURL=index.js.map

package/dist/form/components/form-loading/index.module.css.js

@@ -18,4 +18,3 @@ export {
   e as input,
   n as title
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/form/index.js

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

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

@@ -4,7 +4,6 @@ import { TFunction } from '../../../modal';
 export type Props<T extends FormikValues> = {
     initialValues: T;
     validate?: (values: T) => void | Record<string, unknown> | Promise<FormikErrors<T>>;
-    /** customValidationFields - значения полей которые необходимо валидировать */
     customValidationFields?: Array<keyof T>;
     enableReinitialize?: boolean;
     loading?: boolean;
@@ -12,4 +11,4 @@ export type Props<T extends FormikValues> = {
     save: (values: any) => any;
     children: (props: FormikProps<FormikValues & T>) => React.ReactNode;
 };
-export declare function BaseForm<T extends FormikValues>({ loading, validate, customValidationFields, initialValues, enableReinitialize, save, children, t, }: PropsWithChildren<Props<T>>): JSX.Element;
+export declare function BaseForm<T extends FormikValues>({ loading, validate, customValidationFields, initialValues, enableReinitialize, save, children, t, }: PropsWithChildren<Props<T>>): React.JSX.Element;

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

@@ -33,4 +33,3 @@ function g({
 export {
   g as BaseForm
 };
-//# sourceMappingURL=index.js.map

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

@@ -53,4 +53,3 @@ const C = ({
 export {
   C as FiltersForm
 };
-//# sourceMappingURL=index.js.map

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

@@ -1,5 +1,6 @@
+import { default as React } from 'react';
 import { FormikProps, FormikValues } from 'formik';
 import { Props } from '.';
 type FormProps<T extends FormikValues> = Props<T> & FormikProps<T>;
-export declare function Form<T extends FormikValues>({ recordId, title, subtitle, headerBottomAddons, initialValues, submitButtonText, customFooter, loading, updating, removing, customValidationFields, validate, save, remove, close, back, t, children, headerAddon, error, softError, ...formProps }: FormProps<T>): JSX.Element;
+export declare function Form<T extends FormikValues>({ recordId, title, subtitle, headerBottomAddons, initialValues, submitButtonText, customFooter, loading, updating, removing, customValidationFields, validate, save, remove, close, back, t, children, headerAddon, error, softError, ...formProps }: FormProps<T>): React.JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import { default as React, PropsWithChildren } from 'react';
+import { default as React } from 'react';
 import { FormikErrors, FormikProps, FormikValues } from 'formik';
 import { TFunction } from '../../../modal';
 export type Props<T extends FormikValues> = {
@@ -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,11 +19,10 @@ 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;
     t: TFunction;
     headerAddon?: React.ReactNode;
 };
-export declare function RestForm<T extends FormikValues>({ enableReinitialize, ...props }: PropsWithChildren<Props<T>>): JSX.Element;
+export declare function RestForm<T extends FormikValues>({ enableReinitialize, ...props }: Props<T>): React.JSX.Element;

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