@alphakits/ui 2.3.0 → 2.4.0

package/dist/collapse/component.js

@@ -1,17 +1,17 @@
 import { jsxs as j, jsx as l } from "react/jsx-runtime";
-import { forwardRef as $, useRef as v, useState as I, useCallback as f, useEffect as p, useMemo as M } from "react";
-import u from "classnames";
-import { debounce as O } from "../utils/debounce.js";
-import { ResizeObserver as P } from "resize-observer";
-import { Link as _ } from "../link/component.js";
+import f from "classnames";
+import { forwardRef as $, useRef as v, useState as I, useCallback as p, useEffect as u, useMemo as M } from "react";
+import { ResizeObserver as O } from "resize-observer";
+import { Link as P } from "../link/component.js";
+import { debounce as _ } from "../utils/debounce.js";
 import c from "./index.module.css.js";
 const K = $((E, w) => {
   const {
-    expanded: o,
-    defaultExpanded: g,
+    expanded: s,
+    defaultExpanded: b,
     collapsedLabel: m,
     expandedLabel: h,
-    children: b,
+    children: g,
     className: C,
     contentClassName: z,
     id: L,
@@ -19,64 +19,55 @@ const K = $((E, w) => {
     onTransitionEnd: a,
     dataTestId: R,
     linkProps: x
-  } = E, d = o === void 0, r = v(null), s = v(null), [y, N] = I(g || o), n = d ? y : o, t = f(() => {
+  } = E, d = s === void 0, o = v(null), r = v(null), [y, N] = I(b || s), n = d ? y : s, t = p(() => {
     let e;
-    !s.current || !r.current || (n ? e = s.current.offsetHeight : e = 0, r.current.style.height = `${e}px`);
-  }, [n]), k = f(() => {
-    a && a(o);
-  }, [o, a]), H = f(() => {
-    d && N(!n), console.log(n), i && i();
+    !r.current || !o.current || (n ? e = r.current.offsetHeight : e = 0, o.current.style.height = `${e}px`);
+  }, [n]), k = p(() => {
+    a && a(s);
+  }, [s, a]), H = p(() => {
+    d && N(!n), i && i();
   }, [n, i, d]);
-  p(() => {
-    const e = O(() => t(), 300);
+  u(() => {
+    const e = _(() => t(), 300);
     return window.addEventListener("resize", e), () => {
       e.cancel(), window.removeEventListener("resize", e);
     };
-  }, [t]), p(() => {
-    const e = new P(t);
-    return s.current && e.observe(s.current), () => {
+  }, [t]), u(() => {
+    const e = new O(t);
+    return r.current && e.observe(r.current), () => {
       e.disconnect();
     };
-  }, [t]), p(() => t(), [n, t]);
+  }, [t]), u(() => t(), [t]);
   const S = M(() => {
-    const e = r.current?.offsetHeight;
+    const e = o.current?.offsetHeight;
     return {
       height: n && !e ? "0px" : `${e}px`
     };
   }, [n]), T = !!h || !!m;
-  return /* @__PURE__ */ j(
-    "div",
-    {
-      ref: w,
-      className: u(C, c.collapse),
-      id: L,
-      "data-test-id": R,
-      children: [
-        /* @__PURE__ */ l(
-          "div",
-          {
-            onTransitionEnd: k,
-            ref: r,
-            className: u(c.content, z, {
-              [c.expandedContent]: n
-            }),
-            style: S,
-            children: /* @__PURE__ */ l("div", { className: u(c.children_wrap), ref: s, children: b })
-          }
-        ),
-        T && /* @__PURE__ */ l(
-          _,
-          {
-            view: x?.view || "secondary",
-            size: x?.size || "m",
-            pseudo: !0,
-            onClick: H,
-            children: n ? h : m
-          }
-        )
-      ]
-    }
-  );
+  return /* @__PURE__ */ j("div", { ref: w, className: f(C, c.collapse), id: L, "data-test-id": R, children: [
+    /* @__PURE__ */ l(
+      "div",
+      {
+        onTransitionEnd: k,
+        ref: o,
+        className: f(c.content, z, {
+          [c.expandedContent]: n
+        }),
+        style: S,
+        children: /* @__PURE__ */ l("div", { className: f(c.children_wrap), ref: r, children: g })
+      }
+    ),
+    T && /* @__PURE__ */ l(
+      P,
+      {
+        view: x?.view || "secondary",
+        size: x?.size || "m",
+        pseudo: !0,
+        onClick: H,
+        children: n ? h : m
+      }
+    )
+  ] });
 });
 export {
   K as Collapse

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

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 import { TextProps } from '../typography/text';
 export type CopyButtonProps = {
     text: string;
     color?: TextProps['color'];
     fullText?: string;
 };
-export declare const CopyButton: ({ text, fullText, color, }: CopyButtonProps) => React.JSX.Element;
+export declare const CopyButton: ({ text, fullText, color }: CopyButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/copy-button/component.js

@@ -4,11 +4,7 @@ import { IconButton as n } from "../icon-button/component.js";
 import { ToastNotifier as a } from "../toast-notifier/component.js";
 import { Typography as c } from "../typography/component.js";
 import i from "./index.module.css.js";
-const y = ({
-  text: o,
-  fullText: r,
-  color: e
-}) => /* @__PURE__ */ m("div", { className: i.wrapper, children: [
+const y = ({ text: o, fullText: r, color: e }) => /* @__PURE__ */ m("div", { className: i.wrapper, children: [
   /* @__PURE__ */ t(c.Text, { view: "title", weight: "medium", color: e || "primary", children: o }),
   /* @__PURE__ */ t(
     n,

package/dist/date/component.js

@@ -1,7 +1,7 @@
 import { jsx as p } from "react/jsx-runtime";
 import { Typography as i } from "../typography/component.js";
-import "../toast-notifier/component.js";
 import { formatDate as y } from "../utils/format-date/index.js";
+import "../toast-notifier/component.js";
 const c = ({
   className: t,
   dataTestId: o,

package/dist/date-switcher/component.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 export interface DateSwitcherProps {
     view?: 'day' | 'week';
     startDate: string;
@@ -7,4 +6,4 @@ export interface DateSwitcherProps {
     maxDate?: string;
     todayLabel: string;
 }
-export declare const DateSwitcher: ({ view, startDate, onChange, minDate, maxDate, todayLabel, }: DateSwitcherProps) => React.JSX.Element;
+export declare const DateSwitcher: ({ view, startDate, onChange, minDate, maxDate, todayLabel, }: DateSwitcherProps) => import("react/jsx-runtime").JSX.Element;

package/dist/date-switcher/component.js

@@ -2,10 +2,10 @@ import { jsxs as A, jsx as e } from "react/jsx-runtime";
 import D from "@alphakits/icons/dist/ChevronBackM";
 import B from "@alphakits/icons/dist/ChevronForwardM";
 import F from "classnames";
-import { startOfISOWeek as x, parseISO as i, isAfter as N, isBefore as R, isToday as S, format as t, subDays as C, subWeeks as E, add as c } from "../utils/date/index.js";
-import { Button as I } from "../button/component.js";
+import { Button as x } from "../button/component.js";
 import { IconButton as m } from "../icon-button/component.js";
-import { Typography as W } from "../typography/component.js";
+import { Typography as N } from "../typography/component.js";
+import { startOfISOWeek as R, parseISO as i, isAfter as S, isBefore as C, isToday as E, format as t, subDays as I, subWeeks as W, add as c } from "../utils/date/index.js";
 import n from "./index.module.css.js";
 const s = "yyyy-MM-dd", y = "dd.MM.yy", G = ({
   view: r = "day",
@@ -15,16 +15,16 @@ const s = "yyyy-MM-dd", y = "dd.MM.yy", G = ({
   maxDate: f,
   todayLabel: p
 }) => {
-  const k = x(i(l)), o = r === "day" ? i(l) : k, h = a ? i(a) : /* @__PURE__ */ new Date(), O = () => {
+  const k = R(i(l)), o = r === "day" ? i(l) : k, h = a ? i(a) : /* @__PURE__ */ new Date(), O = () => {
     r === "day" && d(t(c(o, { days: 1 }), s)), r === "week" && d(t(c(o, { days: 7 }), s));
   }, T = () => {
-    r === "day" && d(t(C(o, 1), s)), r === "week" && d(t(E(o, 1), s));
+    r === "day" && d(t(I(o, 1), s)), r === "week" && d(t(W(o, 1), s));
   }, u = () => {
     d(t(/* @__PURE__ */ new Date(), s));
   }, M = () => r === "day" ? t(o, y) : `${t(o, y)} - ${t(
     c(o, { days: 6 }),
     y
-  )}`, b = N(o, h), _ = f ? R(o, i(f)) : !0, w = S(o);
+  )}`, b = S(o, h), _ = f ? C(o, i(f)) : !0, w = E(o);
   return /* @__PURE__ */ A("div", { className: n.date_switcher, children: [
     /* @__PURE__ */ e(
       m,
@@ -34,9 +34,9 @@ const s = "yyyy-MM-dd", y = "dd.MM.yy", G = ({
         icon: D
       }
     ),
-    /* @__PURE__ */ e("div", { className: F(n.date_wrap, n[r]), children: /* @__PURE__ */ e(W.Text, { tag: "div", view: "title", color: "secondary", weight: "bold", children: M() }) }),
+    /* @__PURE__ */ e("div", { className: F(n.date_wrap, n[r]), children: /* @__PURE__ */ e(N.Text, { tag: "div", view: "title", color: "secondary", weight: "bold", children: M() }) }),
     /* @__PURE__ */ e(m, { disabled: !_, onClick: O, icon: B }),
-    /* @__PURE__ */ e(I, { disabled: w, onClick: u, view: "ghost", children: p })
+    /* @__PURE__ */ e(x, { disabled: w, onClick: u, view: "ghost", children: p })
   ] });
 };
 export {

package/dist/decorated-item/component.js

@@ -8,26 +8,16 @@ const h = ({
   rightAddon: t,
   description: a,
   dataTestId: l
-}) => /* @__PURE__ */ s(
-  "div",
-  {
-    className: d(
-      e.component,
-      i
-    ),
-    "data-test-id": l,
-    children: [
-      r,
-      /* @__PURE__ */ s("div", { className: e.textWrap, children: [
-        /* @__PURE__ */ s("div", { className: e.title, children: [
-          m,
-          t && /* @__PURE__ */ c("span", { children: t })
-        ] }),
-        a && /* @__PURE__ */ c("div", { className: e.description, children: a })
-      ] })
-    ]
-  }
-);
+}) => /* @__PURE__ */ s("div", { className: d(e.component, i), "data-test-id": l, children: [
+  r,
+  /* @__PURE__ */ s("div", { className: e.textWrap, children: [
+    /* @__PURE__ */ s("div", { className: e.title, children: [
+      m,
+      t && /* @__PURE__ */ c("span", { children: t })
+    ] }),
+    a && /* @__PURE__ */ c("div", { className: e.description, children: a })
+  ] })
+] });
 export {
   h as DecoratedItem
 };

package/dist/dot/component.js

@@ -1,10 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import s from "classnames";
 import o from "./index.module.css.js";
-const c = ({
-  color: m = "green",
-  size: r = "sm"
-}) => /* @__PURE__ */ t("div", { className: s([o.dot, o[r], o[m]]) });
+const c = ({ color: m = "green", size: r = "sm" }) => /* @__PURE__ */ t("div", { className: s([o.dot, o[r], o[m]]) });
 export {
   c as Dot
 };

package/dist/empty-page/component.js

@@ -19,15 +19,7 @@ const N = ({
   /* @__PURE__ */ t(y, { columns: 1, gr: 8, className: i.content, children: [
     e && /* @__PURE__ */ r(o.Title, { view: "large", weight: "bold", color: "primary", tag: "div", children: e }),
     /* @__PURE__ */ r(o.Title, { view: "small", weight: "bold", color: "primary", tag: "div", children: a }),
-    c && /* @__PURE__ */ r(
-      o.Text,
-      {
-        color: "primary",
-        weight: "medium",
-        view: "primary-medium",
-        children: c
-      }
-    )
+    c && /* @__PURE__ */ r(o.Text, { color: "primary", weight: "medium", view: "primary-medium", children: c })
   ] }),
   (!!m?.onClick || m?.href) && /* @__PURE__ */ r(g, { view: d, size: h, ...m, children: n })
 ] });

package/dist/filter-tag/component.d.ts

@@ -5,7 +5,7 @@ export type FilterTagProps = {
     color?: FilterTagColor;
     count?: number | string;
     className?: string;
-    children: React.ReactNode;
+    children?: React.ReactNode;
     onClick?: () => void;
     dataTestId?: string;
 };

package/dist/flex/component.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ReactNode } from 'react';
+import { ReactNode } from 'react';
 declare enum Spaces {
     xxxs = 4,
     xxs = 4,
@@ -19,5 +19,5 @@ type Props = {
     direction?: 'row' | 'column';
     justify?: 'start' | 'center' | 'end' | 'between' | 'around';
 };
-export declare const Flex: ({ children, className, gap, marginBottom, wrap, align, direction, justify, }: Props) => React.JSX.Element;
+export declare const Flex: ({ children, className, gap, marginBottom, wrap, align, direction, justify, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/footer/component.js

@@ -1,18 +1,18 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import v from "react";
-import w from "@alphakits/icons/dist/AppStoreM";
-import C from "@alphakits/icons/dist/FacebookM";
-import M from "@alphakits/icons/dist/GooglePlayM";
-import F from "@alphakits/icons/dist/InstagramM";
-import S from "@alphakits/icons/dist/YoutubeM";
+import b from "@alphakits/icons/dist/AppStoreM";
+import w from "@alphakits/icons/dist/FacebookM";
+import C from "@alphakits/icons/dist/GooglePlayM";
+import M from "@alphakits/icons/dist/InstagramM";
+import F from "@alphakits/icons/dist/YoutubeM";
+import S from "react";
 import { Grid as n } from "../grid/component.js";
 import { IconButton as i } from "../icon-button/component.js";
 import { SectionWrapper as j } from "../section-wrapper/component.js";
 import { ContactBlock as A } from "./contact-block.js";
 import e from "./index.module.css.js";
 const H = ({
-  sections: u = [],
-  contacts: x = [],
+  sections: v = [],
+  contacts: u = [],
   company: h,
   email: p,
   address: f,
@@ -23,54 +23,58 @@ const H = ({
   google: s,
   appstore: a
 }) => {
-  const B = o || c || m, b = N && a && s;
+  const x = o || c || m, B = N && a && s;
   return /* @__PURE__ */ t(j, { pb: "m", pt: "l", isBlackBg: !0, children: [
-    /* @__PURE__ */ r("div", { className: e.wrapper, children: /* @__PURE__ */ r("div", { className: e.row_wrapper, children: /* @__PURE__ */ r(n.Row, { children: /* @__PURE__ */ t(v.Fragment, { children: [
-      u.map((l) => /* @__PURE__ */ r(
-        n.Col,
-        {
-          className: e.gridCol,
-          children: /* @__PURE__ */ t("div", { className: e.block, children: [
-            /* @__PURE__ */ r("span", { className: e.title, children: l.title }),
-            l.items.map((d) => /* @__PURE__ */ r("a", { className: e.link, href: d.link, children: d.text }, d.text))
-          ] })
-        },
-        l.title
-      )),
-      /* @__PURE__ */ r(
-        n.Col,
-        {
-          className: e.gridCol,
-          children: /* @__PURE__ */ t("div", { className: e.contacts, children: [
-            x.map((l) => /* @__PURE__ */ r(
-              A,
-              {
-                title: l.title,
-                value: l.value
-              },
-              l.title
-            )),
-            p && /* @__PURE__ */ r("div", { className: e.email, children: p }),
-            /* @__PURE__ */ r("br", {}),
-            f && /* @__PURE__ */ r("div", { className: e.text, children: f }),
-            /* @__PURE__ */ r("br", {}),
-            h && /* @__PURE__ */ r("div", { className: e.text, children: h }),
-            /* @__PURE__ */ r("br", {}),
-            B && /* @__PURE__ */ t("div", { className: e.buttons, children: [
-              o && /* @__PURE__ */ r(i, { href: o, icon: C }),
-              m && /* @__PURE__ */ r(i, { href: m, icon: S }),
-              c && /* @__PURE__ */ r(i, { href: c, icon: F })
-            ] })
-          ] })
-        },
-        "cont"
-      )
-    ] }) }) }) }),
-    /* @__PURE__ */ r("div", { className: e.bottomBlock, children: b && /* @__PURE__ */ t(v.Fragment, { children: [
+    /* @__PURE__ */ r("div", { className: e.wrapper, children: /* @__PURE__ */ r("div", { className: e.row_wrapper, children: /* @__PURE__ */ t(n.Row, { children: [
+      v.map((l) => /* @__PURE__ */ r(n.Col, { className: e.gridCol, children: /* @__PURE__ */ t("div", { className: e.block, children: [
+        /* @__PURE__ */ r("span", { className: e.title, children: l.title }),
+        l.items.map((d) => /* @__PURE__ */ r("a", { className: e.link, href: d.link, children: d.text }, d.text))
+      ] }) }, l.title)),
+      /* @__PURE__ */ r(n.Col, { className: e.gridCol, children: /* @__PURE__ */ t("div", { className: e.contacts, children: [
+        u.map((l) => /* @__PURE__ */ r(
+          A,
+          {
+            title: l.title,
+            value: l.value
+          },
+          l.title
+        )),
+        p && /* @__PURE__ */ r("div", { className: e.email, children: p }),
+        /* @__PURE__ */ r("br", {}),
+        f && /* @__PURE__ */ r("div", { className: e.text, children: f }),
+        /* @__PURE__ */ r("br", {}),
+        h && /* @__PURE__ */ r("div", { className: e.text, children: h }),
+        /* @__PURE__ */ r("br", {}),
+        x && /* @__PURE__ */ t("div", { className: e.buttons, children: [
+          o && /* @__PURE__ */ r(
+            i,
+            {
+              href: o,
+              icon: w
+            }
+          ),
+          m && /* @__PURE__ */ r(
+            i,
+            {
+              href: m,
+              icon: F
+            }
+          ),
+          c && /* @__PURE__ */ r(
+            i,
+            {
+              href: c,
+              icon: M
+            }
+          )
+        ] })
+      ] }) }, "cont")
+    ] }) }) }),
+    /* @__PURE__ */ r("div", { className: e.bottomBlock, children: B && /* @__PURE__ */ t(S.Fragment, { children: [
       /* @__PURE__ */ r("div", { className: e.text, children: N }),
       /* @__PURE__ */ t("div", { className: e.buttons, children: [
-        a && /* @__PURE__ */ r(i, { href: a, icon: w }),
-        s && /* @__PURE__ */ r(i, { href: s, icon: M })
+        a && /* @__PURE__ */ r(i, { href: a, icon: b }),
+        s && /* @__PURE__ */ r(i, { href: s, icon: C })
       ] })
     ] }) })
   ] });

package/dist/form/component.d.ts

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

package/dist/form/component.js

@@ -33,12 +33,7 @@ const E = { baz: "", bar: "" }, M = { buz: "", bur: "" }, V = (l) => {
       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: d, errors: r, handleChange: o }) => /* @__PURE__ */ C(S, { columns: 1, gr: 16, gc: 0, children: [
         /* @__PURE__ */ e(
           t,
           {
@@ -91,12 +86,7 @@ const E = { baz: "", bar: "" }, M = { buz: "", bur: "" }, V = (l) => {
       removing: p,
       close: l?.close,
       t: (r) => r,
-      children: ({
-        values: r,
-        touched: o,
-        errors: n,
-        handleChange: s
-      }) => /* @__PURE__ */ C(S, { columns: 1, gr: 16, gc: 0, children: [
+      children: ({ values: r, touched: o, errors: n, handleChange: s }) => /* @__PURE__ */ C(S, { columns: 1, gr: 16, gc: 0, children: [
         /* @__PURE__ */ e(
           t,
           {

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

@@ -1,9 +1,9 @@
-import { default as React, PropsWithChildren } from 'react';
 import { FormikErrors, FormikProps, FormikValues } from 'formik';
+import { default as React, PropsWithChildren } from 'react';
 import { TFunction } from '../../../modal';
 export type Props<T extends FormikValues> = {
     initialValues: T;
-    validate?: (values: T) => void | Record<string, unknown> | Promise<FormikErrors<T>>;
+    validate?: (values: T) => undefined | Record<string, unknown> | Promise<FormikErrors<T>>;
     customValidationFields?: Array<keyof T>;
     enableReinitialize?: boolean;
     loading?: boolean;
@@ -11,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>>): React.JSX.Element;
+export declare function BaseForm<T extends FormikValues>({ loading, validate, customValidationFields, initialValues, enableReinitialize, save, children, t, }: PropsWithChildren<Props<T>>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,35 +1,35 @@
-import { jsx as n } from "react/jsx-runtime";
-import { Formik as p } from "formik";
-import { FormLoading as v } from "../../components/form-loading/index.js";
-function g({
-  loading: i,
+import { jsx as i } from "react/jsx-runtime";
+import { Formik as l } from "formik";
+import { FormLoading as h } from "../../components/form-loading/index.js";
+function v({
+  loading: n,
   validate: a,
-  customValidationFields: u,
-  initialValues: d,
-  enableReinitialize: s,
-  save: m,
-  children: f,
-  t: l
+  customValidationFields: d,
+  initialValues: m,
+  enableReinitialize: f,
+  save: u,
+  children: s,
+  t: p
 }) {
-  if (i) return /* @__PURE__ */ n(v, {});
-  const c = (r) => (e) => r.reduce((o, t) => ((typeof e == "object" ? e : {})[t] || (o[t] = l("validationErrors:Required")), o), {});
-  return /* @__PURE__ */ n(
-    p,
+  if (n) return /* @__PURE__ */ i(h, {});
+  const c = (r) => (o) => r.reduce(
+    (e, t) => ((typeof o == "object" ? o : {})[t] || (e[t] = p("validationErrors:Required")), e),
+    {}
+  );
+  return /* @__PURE__ */ i(
+    l,
     {
-      validate: ((r, e) => {
+      validate: ((r, o) => {
         if (r) return r;
-        if (e) return c(e);
-      })(a, u),
-      initialValues: d,
-      enableReinitialize: s,
-      onSubmit: m,
-      children: (r) => (process.env.REACT_APP_STAGE !== "prod" && console.debug({
-        values: r.values,
-        errors: r.errors
-      }), f({ ...r }))
+        if (o) return c(o);
+      })(a, d),
+      initialValues: m,
+      enableReinitialize: f,
+      onSubmit: u,
+      children: (r) => (process.env.REACT_APP_STAGE, s({ ...r }))
     }
   );
 }
 export {
-  g as BaseForm
+  v as BaseForm
 };

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

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { FormikProps, FormikValues } from 'formik';
+import { default as React } from 'react';
 import { TFunction } from '../../../modal';
 type Props<T> = {
     initialValues: Record<string, unknown> & T;

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

@@ -1,40 +1,37 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import u from "react";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import { Formik as d } from "formik";
+import u from "react";
 import { Button as i } from "../../../button/component.js";
-import { Sidepanel as b } from "../../../sidepanel/component.js";
-import { getDefaultValues as f } from "../../utils/get-default-values.js";
+import { Sidepanel as f } from "../../../sidepanel/component.js";
+import { getDefaultValues as p } from "../../utils/get-default-values.js";
 const C = ({
   initialValues: n,
-  defaultValues: s,
-  children: l,
-  submitCallback: m,
+  defaultValues: m,
+  children: s,
+  submitCallback: l,
   close: o,
-  t
+  t: r
 }) => {
-  const a = f(n, s);
-  return /* @__PURE__ */ r(d, { initialValues: a, onSubmit: (e) => {
-    m(e), o();
-  }, children: (e) => (process.env.REACT_APP_STAGE !== "prod" && console.debug({
-    values: e.values,
-    errors: e.errors
-  }), /* @__PURE__ */ r(
-    b,
+  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(
+    f,
     {
-      title: t("filters"),
+      title: r("filters"),
       bottomAddons: /* @__PURE__ */ c(u.Fragment, { children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ e(
           i,
           {
             view: "primary",
             size: "s",
             block: !0,
             dataTestId: "buttonSave",
-            onClick: () => e.submitForm(),
-            children: t("save")
+            onClick: () => t.submitForm(),
+            children: r("save")
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ e(
           i,
           {
             block: !0,
@@ -42,11 +39,11 @@ const C = ({
             size: "s",
             dataTestId: "buttonCancel",
             onClick: o,
-            children: t("cancel")
+            children: r("cancel")
           }
         )
       ] }),
-      children: l(e)
+      children: s(t)
     }
   )) });
 };