@alphakits/ui 2.4.2 → 2.4.4

package/dist/form/component.js

@@ -7,7 +7,7 @@ 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);
+  const [i, c] = a.useState(!0), [f, m] = a.useState(!1), [p, u] = a.useState(!1);
   return a.useEffect(() => {
     setTimeout(() => c(!1), 500);
   }, []), /* @__PURE__ */ e(
@@ -17,30 +17,30 @@ const E = { baz: "", bar: "" }, M = { buz: "", bur: "" }, V = (l) => {
       initialValues: M,
       customValidationFields: ["bur"],
       save: () => new Promise((b) => {
-        u(!0), setTimeout(() => {
-          b(), u(!1), F("", "Saved");
+        m(!0), setTimeout(() => {
+          b(), m(!1), F("", "Saved");
         }, 3e3);
       }),
       remove: () => new Promise((b) => {
-        m(!0), setTimeout(() => {
-          b(), m(!1), T("Some error from server", "Error");
+        u(!0), setTimeout(() => {
+          b(), u(!1), T("Some error from server", "Error");
         }, 3e3);
       }),
       title: "custom title other",
       loading: i,
-      submitButtonText: "submit",
+      submitButtonText: "common:submit",
       updating: f,
       removing: p,
       close: l?.close,
       t: (b) => b,
-      children: ({ values: b, touched: d, errors: r, handleChange: o }) => /* @__PURE__ */ C(S, { columns: 1, gr: 16, gc: 0, children: [
+      children: ({ values: b, touched: g, errors: r, handleChange: o }) => /* @__PURE__ */ C(S, { columns: 1, gr: 16, gc: 0, children: [
         /* @__PURE__ */ e(
           t,
           {
             label: "buz",
             value: b.buz,
             onChange: o("buz"),
-            error: d.buz && r.buz
+            error: g.buz && r.buz
           }
         ),
         /* @__PURE__ */ e(
@@ -49,14 +49,14 @@ const E = { baz: "", bar: "" }, M = { buz: "", bur: "" }, V = (l) => {
             label: "bur",
             value: b.bur,
             onChange: o("bur"),
-            error: d.bur && r.bur
+            error: g.bur && r.bur
           }
         )
       ] })
     }
   );
 }, 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);
+  const [i, c] = a.useState(!0), [f, m] = a.useState(!1), [p, u] = a.useState(!1), { openModal: v } = a.useContext(x), d = v(V);
   return a.useEffect(() => {
     setTimeout(() => c(!1), 500);
   }, []), /* @__PURE__ */ e(
@@ -66,13 +66,13 @@ const E = { baz: "", bar: "" }, M = { buz: "", bur: "" }, V = (l) => {
       initialValues: E,
       customValidationFields: ["bar"],
       save: () => new Promise((r) => {
-        u(!0), setTimeout(() => {
-          r(), u(!1), F("", "Saved");
+        m(!0), setTimeout(() => {
+          r(), m(!1), F("", "Saved");
         }, 3e3);
       }),
       remove: () => new Promise((r) => {
-        m(!0), setTimeout(() => {
-          r(), m(!1), T("Some error from server", "Error");
+        u(!0), setTimeout(() => {
+          r(), u(!1), T("Some error from server", "Error");
         }, 3e3);
       }),
       title: "Настройки",
@@ -81,7 +81,7 @@ const E = { baz: "", bar: "" }, M = { buz: "", bur: "" }, V = (l) => {
       },
       softError: "Some error",
       loading: i,
-      submitButtonText: "csdcds",
+      submitButtonText: "common:save",
       updating: f,
       removing: p,
       close: l?.close,
@@ -168,7 +168,7 @@ const E = { baz: "", bar: "" }, M = { buz: "", bur: "" }, V = (l) => {
             error: o.bar && n.bar
           }
         ),
-        /* @__PURE__ */ e(z, { onClick: v, children: "openCrudModalOther" })
+        /* @__PURE__ */ e(z, { onClick: d, children: "openCrudModalOther" })
       ] })
     }
   );

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

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
 import { Formik as d } from "formik";
 import u from "react";
 import { Button as i } from "../../../button/component.js";
@@ -8,42 +8,42 @@ const C = ({
   initialValues: n,
   defaultValues: m,
   children: s,
-  submitCallback: l,
-  close: o,
-  t: r
+  submitCallback: c,
+  close: r,
+  t: e
 }) => {
-  const a = p(n, m);
-  return /* @__PURE__ */ e(d, { initialValues: a, onSubmit: (t) => {
-    l(t), o();
-  }, children: (t) => (process.env.REACT_APP_STAGE, /* @__PURE__ */ e(
+  const l = p(n, m);
+  return /* @__PURE__ */ t(d, { initialValues: l, onSubmit: (o) => {
+    c(o), r();
+  }, children: (o) => (process.env.REACT_APP_STAGE, /* @__PURE__ */ t(
     f,
     {
-      title: r("filters"),
-      bottomAddons: /* @__PURE__ */ c(u.Fragment, { children: [
-        /* @__PURE__ */ e(
+      title: e("common:filters"),
+      bottomAddons: /* @__PURE__ */ a(u.Fragment, { children: [
+        /* @__PURE__ */ t(
           i,
           {
             view: "primary",
             size: "s",
             block: !0,
             dataTestId: "buttonSave",
-            onClick: () => t.submitForm(),
-            children: r("save")
+            onClick: () => o.submitForm(),
+            children: e("common:save")
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t(
           i,
           {
             block: !0,
             view: "secondary",
             size: "s",
             dataTestId: "buttonCancel",
-            onClick: o,
-            children: r("cancel")
+            onClick: r,
+            children: e("common:cancel")
           }
         )
       ] }),
-      children: s(t)
+      children: s(o)
     }
   )) });
 };

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

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

package/dist/index.d.ts

@@ -17,6 +17,7 @@ export * from './checkbox-group';
 export * from './checkbox-lists';
 export * from './collapsable-row';
 export * from './collapse';
+export * from './confirm-popup';
 export * from './copy-button';
 export * from './date';
 export * from './date-switcher';