@alphakits/ui 2.0.11 → 2.0.12

package/dist/checkbox/index.module.css

@@ -1 +1 @@
-:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--checkbox-hint-color: var(--color-text-secondary);--checkbox-label-color: var(--color-text-primary);--checkbox-border-color: var(--color-graphic-secondary);--checkbox-hover-bg-color: var(--checkbox-bg-color);--checkbox-hover-border-color: color-mix(in srgb, var(--checkbox-border-color) 80%, white);--checkbox-active-bg-color: var(--checkbox-bg-color);--checkbox-active-border-color: color-mix(in srgb, var(--checkbox-border-color) 75%, white);--checkbox-checked-bg-color: var(--color-graphic-positive);--checkbox-checked-border-color: var(--color-graphic-positive);--checkbox-checked-hover-bg-color: color-mix(in srgb, var(--checkbox-checked-bg-color) 80%, white);--checkbox-checked-hover-border-color: var(--checkbox-checked-border-color);--checkbox-checked-active-bg-color: color-mix(in srgb, var(--checkbox-checked-bg-color) 75%, white);--checkbox-checked-active-border-color: var(--checkbox-checked-border-color);--checkbox-disabled-bg-color: var(--color-bg-secondary);--checkbox-disabled-border-color: transpatent;--checkbox-checked-disabled-bg-color: var(--color-bg-thirdly);--checkbox-checked-disabled-border-color: transpatent}.component_DBof{display:inline-flex;align-items:flex-start;cursor:pointer}.start_-epl{align-items:flex-start}.center_7CPI{align-items:center}.addons_verD{margin-left:auto;padding-left:var(--gap-m);line-height:24px}.block_n--T{width:100%}.box_ymkh{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:16px;height:16px;margin-top:2px;background-color:var(--checkbox-bg-color);border:1px solid var(--checkbox-border-color);border-radius:var(--border-radius);transition:background-color .2s ease,border-color .2s ease;box-sizing:border-box;overflow:hidden}.box_ymkh svg{color:var(--color-graphic-static)}.m_3-tI .box_ymkh{width:20px;height:20px;margin-top:0}.m_3-tI .content_tOYo{margin-left:calc(var(--gap-m) - 2px)}.s_uZFU .content_tOYo{margin-left:var(--gap-xs)}.component_DBof:hover:not(.disabled_-UN4) .box_ymkh{background-color:var(--checkbox-hover-bg-color);border-color:var(--checkbox-hover-border-color)}.component_DBof:active:not(.disabled_-UN4) .box_ymkh{background-color:var(--checkbox-active-bg-color);border-color:var(--checkbox-active-border-color)}.checked_ZISV .box_ymkh{background-color:var(--checkbox-checked-bg-color);border-color:var(--checkbox-checked-border-color)}.checked_ZISV:hover:not(.disabled_-UN4) .box_ymkh{background-color:var(--checkbox-checked-hover-bg-color);border-color:var(--checkbox-checked-hover-border-color)}.checked_ZISV:active:not(.disabled_-UN4) .box_ymkh{background-color:var(--checkbox-checked-active-bg-color);border-color:var(--checkbox-checked-active-border-color)}.indeterminate_DwM3 .box_ymkh{background-color:var(--checkbox-checked-bg-color);border-color:var(--checkbox-checked-border-color)}.indeterminate_DwM3:hover:not(.disabled_-UN4) .box_ymkh{background-color:var(--checkbox-checked-hover-bg-color);border-color:var(--checkbox-checked-hover-border-color)}.indeterminate_DwM3:active:not(.disabled_-UN4) .box_ymkh{background-color:var(--checkbox-checked-active-bg-color);border-color:var(--checkbox-checked-active-border-color)}.disabled_-UN4{cursor:var(--disabled-cursor)}.disabled_-UN4 .box_ymkh{background-color:var(--checkbox-disabled-bg-color);border-color:var(--checkbox-disabled-border-color)}.disabled_-UN4.checked_ZISV .box_ymkh,.disabled_-UN4.indeterminate_DwM3 .box_ymkh{background-color:var(--checkbox-checked-disabled-bg-color);border-color:var(--checkbox-checked-disabled-border-color)}.focused_d0Y- .box_ymkh{outline:2px solid var(--focus-color);outline-offset:2px}.content_tOYo{flex-grow:1}.label_gLQh{font-size:15px;line-height:20px;font-weight:500;font-family:var(--font-family);display:block;color:var(--checkbox-label-color)}.hint_OQ8A{font-size:13px;line-height:20px;font-weight:500;font-family:var(--font-family);display:block;padding-top:4px;color:var(--checkbox-hint-color)}.indeterminateIcon_d-ME{width:16px;height:16px}.component_DBof input{position:absolute;z-index:-1;opacity:0}
+:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--checkbox-hint-color: var(--color-text-secondary);--checkbox-label-color: var(--color-text-primary);--checkbox-border-color: var(--color-graphic-secondary);--checkbox-hover-bg-color: var(--checkbox-bg-color);--checkbox-hover-border-color: color-mix(in srgb, var(--checkbox-border-color) 80%, white);--checkbox-active-bg-color: var(--checkbox-bg-color);--checkbox-active-border-color: color-mix(in srgb, var(--checkbox-border-color) 75%, white);--checkbox-checked-bg-color: var(--color-graphic-positive);--checkbox-checked-border-color: var(--color-graphic-positive);--checkbox-checked-hover-bg-color: color-mix(in srgb, var(--checkbox-checked-bg-color) 80%, white);--checkbox-checked-hover-border-color: var(--checkbox-checked-border-color);--checkbox-checked-active-bg-color: color-mix(in srgb, var(--checkbox-checked-bg-color) 75%, white);--checkbox-checked-active-border-color: var(--checkbox-checked-border-color);--checkbox-disabled-bg-color: var(--color-bg-secondary);--checkbox-disabled-border-color: transparent;--checkbox-disabled-label-color: color-mix(in srgb, var(--checkbox-label-color) 40%, white);--checkbox-disabled-hint-color: color-mix(in srgb, var(--checkbox-hint-color) 50%, white);--checkbox-checked-disabled-bg-color: var(--color-bg-thirdly);--checkbox-checked-disabled-border-color: transparent}.component_DBof{display:inline-flex;align-items:flex-start;cursor:pointer}.start_-epl{align-items:flex-start}.center_7CPI{align-items:center}.addons_verD{margin-left:auto;padding-left:var(--gap-m);line-height:24px}.block_n--T{width:100%}.box_ymkh{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:16px;height:16px;margin-top:2px;background-color:var(--checkbox-bg-color);border:1px solid var(--checkbox-border-color);border-radius:var(--border-radius);transition:background-color .2s ease,border-color .2s ease;box-sizing:border-box;overflow:hidden}.box_ymkh svg{color:var(--color-graphic-static)}.m_3-tI .box_ymkh{width:20px;height:20px;margin-top:0}.m_3-tI .content_tOYo{margin-left:calc(var(--gap-m) - 2px)}.s_uZFU .content_tOYo{margin-left:var(--gap-xs)}.component_DBof:hover:not(.disabled_-UN4) .box_ymkh{background-color:var(--checkbox-hover-bg-color);border-color:var(--checkbox-hover-border-color)}.component_DBof:active:not(.disabled_-UN4) .box_ymkh{background-color:var(--checkbox-active-bg-color);border-color:var(--checkbox-active-border-color)}.checked_ZISV .box_ymkh{background-color:var(--checkbox-checked-bg-color);border-color:var(--checkbox-checked-border-color)}.checked_ZISV:hover:not(.disabled_-UN4) .box_ymkh{background-color:var(--checkbox-checked-hover-bg-color);border-color:var(--checkbox-checked-hover-border-color)}.checked_ZISV:active:not(.disabled_-UN4) .box_ymkh{background-color:var(--checkbox-checked-active-bg-color);border-color:var(--checkbox-checked-active-border-color)}.indeterminate_DwM3 .box_ymkh{background-color:var(--checkbox-checked-bg-color);border-color:var(--checkbox-checked-border-color)}.indeterminate_DwM3:hover:not(.disabled_-UN4) .box_ymkh{background-color:var(--checkbox-checked-hover-bg-color);border-color:var(--checkbox-checked-hover-border-color)}.indeterminate_DwM3:active:not(.disabled_-UN4) .box_ymkh{background-color:var(--checkbox-checked-active-bg-color);border-color:var(--checkbox-checked-active-border-color)}.disabled_-UN4{cursor:var(--disabled-cursor)}.disabled_-UN4 .box_ymkh{background-color:var(--checkbox-disabled-bg-color);border-color:var(--checkbox-disabled-border-color)}.disabled_-UN4.checked_ZISV .box_ymkh,.disabled_-UN4.indeterminate_DwM3 .box_ymkh{background-color:var(--checkbox-checked-disabled-bg-color);border-color:var(--checkbox-checked-disabled-border-color)}.disabled_-UN4 .label_gLQh{color:var(--checkbox-disabled-label-color)}.disabled_-UN4 .hint_OQ8A{color:var(--checkbox-disabled-hint-color)}.disabled_-UN4 .box_ymkh svg{color:color-mix(in srgb,var(--color-graphic-static) 60%,white)}.focused_d0Y- .box_ymkh{outline:2px solid var(--focus-color);outline-offset:2px}.content_tOYo{flex-grow:1}.label_gLQh{font-size:15px;line-height:20px;font-weight:500;font-family:var(--font-family);display:block;color:var(--checkbox-label-color)}.hint_OQ8A{font-size:13px;line-height:20px;font-weight:500;font-family:var(--font-family);display:block;padding-top:4px;color:var(--checkbox-hint-color)}.indeterminateIcon_d-ME{width:16px;height:16px}.component_DBof input{position:absolute;z-index:-1;opacity:0}

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

@@ -1,5 +1,5 @@
 import './index.module.css';
-const t = "component_DBof", n = "start_-epl", e = "center_7CPI", o = "addons_verD", c = "block_n--T", s = "box_ymkh", d = "m_3-tI", a = "content_tOYo", i = "s_uZFU", _ = "disabled_-UN4", l = "checked_ZISV", r = "indeterminate_DwM3", m = "focused_d0Y-", b = "label_gLQh", h = "hint_OQ8A", k = "indeterminateIcon_d-ME", I = {
+const t = "component_DBof", n = "start_-epl", e = "center_7CPI", o = "addons_verD", c = "block_n--T", s = "box_ymkh", d = "m_3-tI", a = "content_tOYo", i = "s_uZFU", _ = "disabled_-UN4", l = "checked_ZISV", r = "indeterminate_DwM3", m = "label_gLQh", b = "hint_OQ8A", h = "focused_d0Y-", k = "indeterminateIcon_d-ME", I = {
   component: t,
   start: n,
   center: e,
@@ -12,9 +12,9 @@ const t = "component_DBof", n = "start_-epl", e = "center_7CPI", o = "addons_ver
   disabled: _,
   checked: l,
   indeterminate: r,
-  focused: m,
-  label: b,
-  hint: h,
+  label: m,
+  hint: b,
+  focused: h,
   indeterminateIcon: k
 };
 export {
@@ -27,11 +27,11 @@ export {
   a as content,
   I as default,
   _ as disabled,
-  m as focused,
-  h as hint,
+  h as focused,
+  b as hint,
   r as indeterminate,
   k as indeterminateIcon,
-  b as label,
+  m as label,
   d as m,
   i as s,
   n as start

package/dist/checkbox-lists/index.module.css

@@ -1 +1 @@
-.list_head_hWdR{display:flex;align-items:center;justify-content:space-between;width:100%}.collapse_btn_fZF4 svg{transition:transform .2s ease-in-out}.collapse_btn_collapsed_A5t0 svg{transform:rotate(180deg)}
+.list_head_hWdR{display:flex;align-items:center;justify-content:space-between;width:100%}.content_APwm{padding-left:24px}.collapse_btn_fZF4 svg{transition:transform .2s ease-in-out}.collapse_btn_collapsed_A5t0 svg{transform:rotate(180deg)}

package/dist/checkbox-lists/index.module.css.js

@@ -1,13 +1,15 @@
 import './index.module.css';
-const l = "list_head_hWdR", s = "collapse_btn_fZF4", t = "collapse_btn_collapsed_A5t0", e = {
-  list_head: l,
+const t = "list_head_hWdR", l = "content_APwm", s = "collapse_btn_fZF4", e = "collapse_btn_collapsed_A5t0", o = {
+  list_head: t,
+  content: l,
   collapse_btn: s,
-  collapse_btn_collapsed: t
+  collapse_btn_collapsed: e
 };
 export {
   s as collapse_btn,
-  t as collapse_btn_collapsed,
-  e as default,
-  l as list_head
+  e as collapse_btn_collapsed,
+  l as content,
+  o as default,
+  t as list_head
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/checkbox-lists/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

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

@@ -1,33 +1,36 @@
-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 k({
-  loading: n,
+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,
   validate: a,
-  customValidationFields: m,
+  customValidationFields: u,
   initialValues: d,
-  enableReinitialize: f,
-  save: u,
-  children: s,
-  t: p
+  enableReinitialize: s,
+  save: m,
+  children: f,
+  t: l
 }) {
-  if (n) return /* @__PURE__ */ i(h, {});
-  const c = (r) => (o) => r.reduce((t, e) => ((typeof o == "object" ? o : {})[e] || (t[e] = p("validationErrors:Required")), t), {});
-  return /* @__PURE__ */ i(
-    l,
+  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,
     {
-      validate: ((r, o) => {
+      validate: ((r, e) => {
         if (r) return r;
-        if (o) return c(o);
-      })(a, m),
+        if (e) return c(e);
+      })(a, u),
       initialValues: d,
-      enableReinitialize: f,
-      onSubmit: u,
-      children: (r) => s({ ...r })
+      enableReinitialize: s,
+      onSubmit: m,
+      children: (r) => (process.env.REACT_APP_STAGE !== "prod" && console.debug({
+        values: r.values,
+        errors: r.errors
+      }), f({ ...r }))
     }
   );
 }
 export {
-  k as BaseForm
+  g as BaseForm
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/form/templates/base-form/index.tsx"],"sourcesContent":["import React, { PropsWithChildren } from 'react';\nimport {\n    Formik, FormikErrors, FormikProps, FormikValues,\n} from 'formik';\n\nimport { TFunction } from '../../../modal';\nimport { FormLoading } from '../../components/form-loading';\n\nexport type Props<T extends FormikValues> = {\n    initialValues: T;\n\n    validate?: (values: T) => void | Record<string, unknown> | Promise<FormikErrors<T>>;\n\n    /** customValidationFields - значения полей которые необходимо валидировать */\n    customValidationFields?: Array<keyof T>;\n\n    enableReinitialize?: boolean;\n\n    /* loading - показываем общий скелетон для формы */\n    loading?: boolean;\n\n    t: TFunction;\n\n    save: (values: any) => any;\n\n    children: (props: FormikProps<FormikValues & T>) => React.ReactNode;\n};\n\nexport function BaseForm<T extends FormikValues>({\n    loading,\n    validate,\n    customValidationFields,\n    initialValues,\n    enableReinitialize,\n    save,\n    children,\n    t,\n}: PropsWithChildren<Props<T>>) {\n    if (loading) return <FormLoading />;\n\n    const customValidate = (fields: Array<keyof T>) => (values: T) =>\n        fields.reduce((acc, field) => {\n            const errors =\n                typeof values === 'object'\n                    ? (values as Record<keyof T, unknown>)\n                    : ({} as Record<keyof T, unknown>);\n\n            if (!errors[field]) acc[field] = t('validationErrors:Required');\n\n            return acc;\n        }, {} as Record<keyof T, unknown>);\n\n    const handleValidate = (validateFunc?: (values: T) => void, customFields?: Array<keyof T>) => {\n        if (validateFunc) return validateFunc;\n\n        if (customFields) return customValidate(customFields);\n\n        return undefined;\n    };\n\n    return (\n        <Formik\n            validate={ handleValidate(validate, customValidationFields) }\n            initialValues={ initialValues }\n            enableReinitialize={ enableReinitialize }\n            onSubmit={ save }\n        >\n            { (formikProps) => children({ ...formikProps }) }\n        </Formik>\n    );\n}\n"],"names":["BaseForm","loading","validate","customValidationFields","initialValues","enableReinitialize","save","children","t","jsx","FormLoading","customValidate","fields","values","acc","field","Formik","validateFunc","customFields","formikProps"],"mappings":";;;AA4BO,SAASA,EAAiC;AAAA,EAC7C,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAAC;AACJ,GAAgC;AAC5B,MAAIP,EAAS,QAAO,gBAAAQ,EAACC,GAAA,CAAA,CAAY;AAEjC,QAAMC,IAAiB,CAACC,MAA2B,CAACC,MAChDD,EAAO,OAAO,CAACE,GAAKC,QAEZ,OAAOF,KAAW,WACXA,IACA,CAAA,GAECE,CAAK,QAAOA,CAAK,IAAIP,EAAE,2BAA2B,IAEvDM,IACR,CAAA,CAA8B;AAUrC,SACI,gBAAAL;AAAA,IAACO;AAAA,IAAA;AAAA,MACG,WAVe,CAACC,GAAoCC,MAAkC;AAC1F,YAAID,EAAc,QAAOA;AAEzB,YAAIC,EAAc,QAAOP,EAAeO,CAAY;AAAA,MAGxD,GAIkChB,GAAUC,CAAsB;AAAA,MAC1D,eAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,UAAWC;AAAA,MAET,WAACa,MAAgBZ,EAAS,EAAE,GAAGY,GAAa;AAAA,IAAA;AAAA,EAAA;AAG1D;"}
+{"version":3,"file":"index.js","sources":["../../../../src/form/templates/base-form/index.tsx"],"sourcesContent":["import React, { PropsWithChildren } from 'react';\nimport {\n    Formik, FormikErrors, FormikProps, FormikValues,\n} from 'formik';\n\nimport { TFunction } from '../../../modal';\nimport { FormLoading } from '../../components/form-loading';\n\nexport type Props<T extends FormikValues> = {\n    initialValues: T;\n\n    validate?: (values: T) => void | Record<string, unknown> | Promise<FormikErrors<T>>;\n\n    /** customValidationFields - значения полей которые необходимо валидировать */\n    customValidationFields?: Array<keyof T>;\n\n    enableReinitialize?: boolean;\n\n    /* loading - показываем общий скелетон для формы */\n    loading?: boolean;\n\n    t: TFunction;\n\n    save: (values: any) => any;\n\n    children: (props: FormikProps<FormikValues & T>) => React.ReactNode;\n};\n\nexport function BaseForm<T extends FormikValues>({\n    loading,\n    validate,\n    customValidationFields,\n    initialValues,\n    enableReinitialize,\n    save,\n    children,\n    t,\n}: PropsWithChildren<Props<T>>) {\n    if (loading) return <FormLoading />;\n\n    const customValidate = (fields: Array<keyof T>) => (values: T) =>\n        fields.reduce((acc, field) => {\n            const errors =\n                typeof values === 'object'\n                    ? (values as Record<keyof T, unknown>)\n                    : ({} as Record<keyof T, unknown>);\n\n            if (!errors[field]) acc[field] = t('validationErrors:Required');\n\n            return acc;\n        }, {} as Record<keyof T, unknown>);\n\n    const handleValidate = (validateFunc?: (values: T) => void, customFields?: Array<keyof T>) => {\n        if (validateFunc) return validateFunc;\n\n        if (customFields) return customValidate(customFields);\n\n        return undefined;\n    };\n\n    return (\n        <Formik\n            validate={ handleValidate(validate, customValidationFields) }\n            initialValues={ initialValues }\n            enableReinitialize={ enableReinitialize }\n            onSubmit={ save }\n        >\n            { (formikProps) => {\n                if (process.env.REACT_APP_STAGE !== 'prod') {\n                    console.debug({\n                        values: formikProps.values,\n                        errors: formikProps.errors,\n                    });\n                }\n                return children({ ...formikProps });\n            }}\n        </Formik>\n    );\n}\n"],"names":["BaseForm","loading","validate","customValidationFields","initialValues","enableReinitialize","save","children","t","jsx","FormLoading","customValidate","fields","values","acc","field","Formik","validateFunc","customFields","formikProps"],"mappings":";;;AA4BO,SAASA,EAAiC;AAAA,EAC7C,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAAC;AACJ,GAAgC;AAC5B,MAAIP,EAAS,QAAO,gBAAAQ,EAACC,GAAA,CAAA,CAAY;AAEjC,QAAMC,IAAiB,CAACC,MAA2B,CAACC,MAChDD,EAAO,OAAO,CAACE,GAAKC,QAEZ,OAAOF,KAAW,WACXA,IACA,CAAA,GAECE,CAAK,QAAOA,CAAK,IAAIP,EAAE,2BAA2B,IAEvDM,IACR,CAAA,CAA8B;AAUrC,SACI,gBAAAL;AAAA,IAACO;AAAA,IAAA;AAAA,MACG,WAVe,CAACC,GAAoCC,MAAkC;AAC1F,YAAID,EAAc,QAAOA;AAEzB,YAAIC,EAAc,QAAOP,EAAeO,CAAY;AAAA,MAGxD,GAIkChB,GAAUC,CAAsB;AAAA,MAC1D,eAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,UAAWC;AAAA,MAET,WAACa,OACK,QAAQ,IAAI,oBAAoB,UAChC,QAAQ,MAAM;AAAA,QACV,QAAQA,EAAY;AAAA,QACpB,QAAQA,EAAY;AAAA,MAAA,CACvB,GAEEZ,EAAS,EAAE,GAAGY,GAAa;AAAA,IACtC;AAAA,EAAA;AAGZ;"}

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

@@ -1,51 +1,54 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import d from "react";
-import { Formik as u } from "formik";
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import u from "react";
+import { Formik as d } from "formik";
 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";
 const C = ({
   initialValues: n,
-  defaultValues: m,
+  defaultValues: s,
   children: l,
-  submitCallback: s,
-  close: r,
-  t: o
+  submitCallback: m,
+  close: o,
+  t
 }) => {
-  const a = f(n, m);
-  return /* @__PURE__ */ e(u, { initialValues: a, onSubmit: (t) => {
-    s(t), r();
-  }, children: (t) => /* @__PURE__ */ e(
+  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,
     {
-      title: o("filters"),
-      bottomAddons: /* @__PURE__ */ c(d.Fragment, { children: [
-        /* @__PURE__ */ e(
+      title: t("filters"),
+      bottomAddons: /* @__PURE__ */ c(u.Fragment, { children: [
+        /* @__PURE__ */ r(
           i,
           {
             view: "primary",
             size: "s",
             block: !0,
             dataTestId: "buttonSave",
-            onClick: () => t.submitForm(),
-            children: o("save")
+            onClick: () => e.submitForm(),
+            children: t("save")
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ r(
           i,
           {
             block: !0,
             view: "secondary",
             size: "s",
             dataTestId: "buttonCancel",
-            onClick: r,
-            children: o("cancel")
+            onClick: o,
+            children: t("cancel")
           }
         )
       ] }),
-      children: l(t)
+      children: l(e)
     }
-  ) });
+  )) });
 };
 export {
   C as FiltersForm

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/form/templates/filters-form/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Formik, FormikProps, FormikValues } from 'formik';\n\nimport { Button } from '../../../button';\nimport { TFunction } from '../../../modal';\nimport { Sidepanel } from '../../../sidepanel';\nimport { getDefaultValues } from '../../utils/get-default-values';\n\ntype Props<T> = {\n    initialValues: Record<string, unknown> & T;\n    defaultValues: Record<string, unknown> & T;\n    children: (props: FormikProps<FormikValues & T>) => React.ReactNode;\n    submitCallback: (values: T) => void;\n    close: () => void;\n    t: TFunction;\n};\n\ntype FiltersFormType = <T>(props: Props<T>) => React.ReactElement;\n\nexport const FiltersForm: FiltersFormType = ({\n    initialValues,\n    defaultValues,\n    children,\n    submitCallback,\n    close,\n    t,\n}) => {\n    const values = getDefaultValues(initialValues, defaultValues);\n\n    const onSubmit = (val: typeof initialValues) => {\n        submitCallback(val);\n        close();\n    };\n\n    return (\n        <Formik initialValues={ values } onSubmit={ onSubmit }>\n            { (props) => (\n                <Sidepanel\n                    title={ t('filters') }\n                    bottomAddons={ (\n                        <React.Fragment>\n                            <Button\n                                view=\"primary\"\n                                size=\"s\"\n                                block={ true }\n                                dataTestId=\"buttonSave\"\n                                onClick={ () => props.submitForm() }\n                            >\n                                { t('save') }\n                            </Button>\n\n                            <Button\n                                block={ true }\n                                view=\"secondary\"\n                                size=\"s\"\n                                dataTestId=\"buttonCancel\"\n                                onClick={ close }\n                            >\n                                { t('cancel') }\n                            </Button>\n                        </React.Fragment>\n                    ) }\n                >\n                    { children(props) }\n                </Sidepanel>\n            ) }\n        </Formik>\n    );\n};\n"],"names":["FiltersForm","initialValues","defaultValues","children","submitCallback","close","t","values","getDefaultValues","Formik","val","props","jsx","Sidepanel","jsxs","React","Button"],"mappings":";;;;;;AAmBO,MAAMA,IAA+B,CAAC;AAAA,EACzC,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAAC;AACJ,MAAM;AACF,QAAMC,IAASC,EAAiBP,GAAeC,CAAa;AAO5D,2BACKO,GAAA,EAAO,eAAgBF,GAAS,UANpB,CAACG,MAA8B;AAC5C,IAAAN,EAAeM,CAAG,GAClBL,EAAA;AAAA,EACJ,GAIU,WAACM,MACC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAQP,EAAE,SAAS;AAAA,MACnB,cACI,gBAAAQ,EAACC,EAAM,UAAN,EACG,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,MAAK;AAAA,YACL,OAAQ;AAAA,YACR,YAAW;AAAA,YACX,SAAU,MAAML,EAAM,WAAA;AAAA,YAEpB,YAAE,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAGd,gBAAAC;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,OAAQ;AAAA,YACR,MAAK;AAAA,YACL,MAAK;AAAA,YACL,YAAW;AAAA,YACX,SAAUX;AAAA,YAER,YAAE,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MAChB,GACJ;AAAA,MAGF,YAASM,CAAK;AAAA,IAAA;AAAA,EAAA,GAG5B;AAER;"}
+{"version":3,"file":"index.js","sources":["../../../../src/form/templates/filters-form/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Formik, FormikProps, FormikValues } from 'formik';\n\nimport { Button } from '../../../button';\nimport { TFunction } from '../../../modal';\nimport { Sidepanel } from '../../../sidepanel';\nimport { getDefaultValues } from '../../utils/get-default-values';\n\ntype Props<T> = {\n    initialValues: Record<string, unknown> & T;\n    defaultValues: Record<string, unknown> & T;\n    children: (props: FormikProps<FormikValues & T>) => React.ReactNode;\n    submitCallback: (values: T) => void;\n    close: () => void;\n    t: TFunction;\n};\n\ntype FiltersFormType = <T>(props: Props<T>) => React.ReactElement;\n\nexport const FiltersForm: FiltersFormType = ({\n    initialValues,\n    defaultValues,\n    children,\n    submitCallback,\n    close,\n    t,\n}) => {\n    const values = getDefaultValues(initialValues, defaultValues);\n\n    const onSubmit = (val: typeof initialValues) => {\n        submitCallback(val);\n        close();\n    };\n\n    return (\n        <Formik initialValues={values} onSubmit={onSubmit}>\n            {(props) => {\n                if (process.env.REACT_APP_STAGE !== 'prod') {\n                    console.debug({\n                        values: props.values,\n                        errors: props.errors,\n                    });\n                }\n                return (\n                    <Sidepanel\n                        title={t('filters')}\n                        bottomAddons={\n                            <React.Fragment>\n                                <Button\n                                    view='primary'\n                                    size='s'\n                                    block={true}\n                                    dataTestId='buttonSave'\n                                    onClick={() => props.submitForm()}\n                                >\n                                    {t('save')}\n                                </Button>\n\n                                <Button\n                                    block={true}\n                                    view='secondary'\n                                    size='s'\n                                    dataTestId='buttonCancel'\n                                    onClick={close}\n                                >\n                                    {t('cancel')}\n                                </Button>\n                            </React.Fragment>\n                        }\n                    >\n                        {children(props)}\n                    </Sidepanel>\n                );\n            }}\n        </Formik>\n    );\n};\n"],"names":["FiltersForm","initialValues","defaultValues","children","submitCallback","close","values","getDefaultValues","Formik","val","props","jsx","Sidepanel","jsxs","React","Button"],"mappings":";;;;;;AAmBO,MAAMA,IAA+B,CAAC;AAAA,EACzC,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA;AACJ,MAAM;AACF,QAAMC,IAASC,EAAiBN,GAAeC,CAAa;AAO5D,2BACKM,GAAA,EAAO,eAAeF,GAAQ,UANlB,CAACG,MAA8B;AAC5C,IAAAL,EAAeK,CAAG,GAClBJ,EAAA;AAAA,EACJ,GAIS,WAACK,OACM,QAAQ,IAAI,oBAAoB,UAChC,QAAQ,MAAM;AAAA,IACV,QAAQA,EAAM;AAAA,IACd,QAAQA,EAAM;AAAA,EAAA,CACjB,GAGD,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO,EAAE,SAAS;AAAA,MAClB,cACI,gBAAAC,EAACC,EAAM,UAAN,EACG,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,MAAK;AAAA,YACL,OAAO;AAAA,YACP,YAAW;AAAA,YACX,SAAS,MAAML,EAAM,WAAA;AAAA,YAEpB,YAAE,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAGb,gBAAAC;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,OAAO;AAAA,YACP,MAAK;AAAA,YACL,MAAK;AAAA,YACL,YAAW;AAAA,YACX,SAASV;AAAA,YAER,YAAE,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACf,GACJ;AAAA,MAGH,YAASK,CAAK;AAAA,IAAA;AAAA,EAAA,IAI/B;AAER;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/form/templates/rest-form/index.tsx"],"sourcesContent":["import React, {\n    PropsWithChildren,\n} from 'react';\nimport {\n    Formik, FormikErrors, FormikProps, FormikValues,\n} from 'formik';\n\nimport { TFunction } from '../../../modal';\n\nimport { Form } from './form';\n\nexport type Props<T extends FormikValues> = {\n    recordId?: number;\n\n    title: string;\n\n    subtitle?: string;\n\n    customFooter?: React.ReactNode;\n    enableReinitialize?: boolean;\n\n    headerBottomAddons?: React.ReactNode;\n\n    initialValues: T;\n\n    validate?: (values: T) => void | Record<string, unknown> | Promise<FormikErrors<T>>;\n\n    /** customValidationFields - значения полей которые необходимо валидировать */\n    customValidationFields?: Array<keyof T>;\n\n    /* Промис для основной кнопки \"сохранить\" */\n    save: (values: any) => any;\n\n    back?: () => void;\n\n    /* Промис для удаления записи */\n    remove?: () => any;\n\n    /* loading - показываем общий скелетон для формы */\n    loading?: boolean;\n\n    /* updating - показываем лоадинг для кнопки \"Сохранить\" */\n    updating?: boolean;\n\n    /* removing - показываем лоадинг для кнопки \"Удалить\" */\n    removing?: boolean;\n\n    /* Фатальная ошибка */\n    error?: string | null;\n\n    /* Ошибка, показывающася в алерте */\n    softError?: string | null;\n\n    /** Текст кнопки сохранить */\n    submitButtonText?: string;\n\n    children: (props: FormikProps<FormikValues & T>) => React.ReactNode;\n\n    close: () => void;\n\n    t: TFunction;\n\n    headerAddon?: React.ReactNode;\n};\n\nexport function RestForm<T extends FormikValues>({ enableReinitialize = true, ...props }: PropsWithChildren<Props<T>>) {\n    const {\n        loading, error, validate, customValidationFields, initialValues, save,\n    } = props;\n\n    if (error) return <div>Error </div>;\n\n    const customValidate = (fields: Array<keyof T>) => (values: T) =>\n        fields.reduce((acc, field) => {\n            const errors =\n                typeof values === 'object'\n                    ? (values as Record<keyof T, unknown>)\n                    : ({} as Record<keyof T, unknown>);\n\n            if (!errors[field]) acc[field] = props.t('validationErrors:Required');\n\n            return acc;\n        }, {} as Record<keyof T, unknown>);\n\n    const handleValidate = (validateFunc?: (values: T) => void, customFields?: Array<keyof T>) => {\n        if (validateFunc) return validateFunc;\n\n        if (customFields) return customValidate(customFields);\n\n        return undefined;\n    };\n\n    return (\n        <Formik\n            validate={ handleValidate(validate, customValidationFields) }\n            initialValues={ initialValues }\n            enableReinitialize={ enableReinitialize }\n            onSubmit={ save }\n        >\n            { (formikProps) => (\n                <Form\n                    loading={ loading }\n                    { ...formikProps }\n                    { ...props }\n                />\n            ) }\n        </Formik>\n    );\n}\n"],"names":["RestForm","enableReinitialize","props","loading","error","validate","customValidationFields","initialValues","save","jsx","customValidate","fields","values","acc","field","Formik","validateFunc","customFields","formikProps","Form"],"mappings":";;;AAiEO,SAASA,EAAiC,EAAE,oBAAAC,IAAqB,IAAM,GAAGC,KAAsC;AACnH,QAAM;AAAA,IACF,SAAAC;AAAA,IAAS,OAAAC;AAAA,IAAO,UAAAC;AAAA,IAAU,wBAAAC;AAAA,IAAwB,eAAAC;AAAA,IAAe,MAAAC;AAAA,EAAA,IACjEN;AAEJ,MAAIE,EAAO,QAAO,gBAAAK,EAAC,OAAA,EAAI,UAAA,UAAM;AAE7B,QAAMC,IAAiB,CAACC,MAA2B,CAACC,MAChDD,EAAO,OAAO,CAACE,GAAKC,QAEZ,OAAOF,KAAW,WACXA,IACA,CAAA,GAECE,CAAK,QAAOA,CAAK,IAAIZ,EAAM,EAAE,2BAA2B,IAE7DW,IACR,CAAA,CAA8B;AAUrC,SACI,gBAAAJ;AAAA,IAACM;AAAA,IAAA;AAAA,MACG,WAVe,CAACC,GAAoCC,MAAkC;AAC1F,YAAID,EAAc,QAAOA;AAEzB,YAAIC,EAAc,QAAOP,EAAeO,CAAY;AAAA,MAGxD,GAIkCZ,GAAUC,CAAsB;AAAA,MAC1D,eAAAC;AAAA,MACA,oBAAAN;AAAA,MACA,UAAWO;AAAA,MAET,WAACU,MACC,gBAAAT;AAAA,QAACU;AAAA,QAAA;AAAA,UACG,SAAAhB;AAAA,UACE,GAAGe;AAAA,UACH,GAAGhB;AAAA,QAAA;AAAA,MAAA;AAAA,IACT;AAAA,EAAA;AAIhB;"}
+{"version":3,"file":"index.js","sources":["../../../../src/form/templates/rest-form/index.tsx"],"sourcesContent":["import React, {\n    PropsWithChildren,\n} from 'react';\nimport {\n    Formik, FormikErrors, FormikProps, FormikValues,\n} from 'formik';\n\nimport { TFunction } from '../../../modal';\n\nimport { Form } from './form';\n\nexport type Props<T extends FormikValues> = {\n    recordId?: number;\n\n    title: string;\n\n    subtitle?: string;\n\n    customFooter?: React.ReactNode;\n    enableReinitialize?: boolean;\n\n    headerBottomAddons?: React.ReactNode;\n\n    initialValues: T;\n\n    validate?: (values: T) => void | Record<string, unknown> | Promise<FormikErrors<T>>;\n\n    /** customValidationFields - значения полей которые необходимо валидировать */\n    customValidationFields?: Array<keyof T>;\n\n    /* Промис для основной кнопки \"сохранить\" */\n    save: (values: any) => any;\n\n    back?: () => void;\n\n    /* Промис для удаления записи */\n    remove?: () => any;\n\n    /* loading - показываем общий скелетон для формы */\n    loading?: boolean;\n\n    /* updating - показываем лоадинг для кнопки \"Сохранить\" */\n    updating?: boolean;\n\n    /* removing - показываем лоадинг для кнопки \"Удалить\" */\n    removing?: boolean;\n\n    /* Фатальная ошибка */\n    error?: string | null;\n\n    /* Ошибка, показывающася в алерте */\n    softError?: string | null;\n\n    /** Текст кнопки сохранить */\n    submitButtonText?: string;\n\n    children: (props: FormikProps<FormikValues & T>) => React.ReactNode;\n\n    close: () => void;\n\n    t: TFunction;\n\n    headerAddon?: React.ReactNode;\n};\n\nexport function RestForm<T extends FormikValues>({ enableReinitialize = true, ...props }: PropsWithChildren<Props<T>>) {\n    const {\n        loading, error, validate, customValidationFields, initialValues, save,\n    } = props;\n\n    if (error) return <div>Error </div>;\n\n    const customValidate = (fields: Array<keyof T>) => (values: T) =>\n        fields.reduce((acc, field) => {\n            const errors =\n                typeof values === 'object'\n                    ? (values as Record<keyof T, unknown>)\n                    : ({} as Record<keyof T, unknown>);\n\n            if (!errors[field]) acc[field] = props.t('validationErrors:Required');\n\n            return acc;\n        }, {} as Record<keyof T, unknown>);\n\n    const handleValidate = (validateFunc?: (values: T) => void, customFields?: Array<keyof T>) => {\n        if (validateFunc) return validateFunc;\n\n        if (customFields) return customValidate(customFields);\n\n        return undefined;\n    };\n\n    return (\n        <Formik\n            validate={ handleValidate(validate, customValidationFields) }\n            initialValues={ initialValues }\n            enableReinitialize={ enableReinitialize }\n            onSubmit={ save }\n        >\n            { (formikProps) => {\n                if (process.env.REACT_APP_STAGE !== 'prod') {\n                    console.debug({\n                        values: formikProps.values,\n                        errors: formikProps.errors,\n                    });\n                }\n\n                return (\n                <Form\n                    loading={ loading }\n                    { ...formikProps }\n                    { ...props }\n                />\n            ) }}\n        </Formik>\n    );\n}\n"],"names":["RestForm","enableReinitialize","props","loading","error","validate","customValidationFields","initialValues","save","jsx","customValidate","fields","values","acc","field","Formik","validateFunc","customFields","formikProps","Form"],"mappings":";;;AAiEO,SAASA,EAAiC,EAAE,oBAAAC,IAAqB,IAAM,GAAGC,KAAsC;AACnH,QAAM;AAAA,IACF,SAAAC;AAAA,IAAS,OAAAC;AAAA,IAAO,UAAAC;AAAA,IAAU,wBAAAC;AAAA,IAAwB,eAAAC;AAAA,IAAe,MAAAC;AAAA,EAAA,IACjEN;AAEJ,MAAIE,EAAO,QAAO,gBAAAK,EAAC,OAAA,EAAI,UAAA,UAAM;AAE7B,QAAMC,IAAiB,CAACC,MAA2B,CAACC,MAChDD,EAAO,OAAO,CAACE,GAAKC,QAEZ,OAAOF,KAAW,WACXA,IACA,CAAA,GAECE,CAAK,QAAOA,CAAK,IAAIZ,EAAM,EAAE,2BAA2B,IAE7DW,IACR,CAAA,CAA8B;AAUrC,SACI,gBAAAJ;AAAA,IAACM;AAAA,IAAA;AAAA,MACG,WAVe,CAACC,GAAoCC,MAAkC;AAC1F,YAAID,EAAc,QAAOA;AAEzB,YAAIC,EAAc,QAAOP,EAAeO,CAAY;AAAA,MAGxD,GAIkCZ,GAAUC,CAAsB;AAAA,MAC1D,eAAAC;AAAA,MACA,oBAAAN;AAAA,MACA,UAAWO;AAAA,MAET,WAACU,OACK,QAAQ,IAAI,oBAAoB,UAChC,QAAQ,MAAM;AAAA,QACV,QAAQA,EAAY;AAAA,QACpB,QAAQA,EAAY;AAAA,MAAA,CACvB,GAIL,gBAAAT;AAAA,QAACU;AAAA,QAAA;AAAA,UACG,SAAAhB;AAAA,UACE,GAAGe;AAAA,UACH,GAAGhB;AAAA,QAAA;AAAA,MAAA;AAAA,IAEX;AAAA,EAAA;AAGd;"}

package/dist/header-search/component.d.ts

@@ -2,7 +2,6 @@ import { default as React } from 'react';
 export type Props = {
     placeholder: string;
     value?: string;
-    v2?: boolean;
     onChange: (value: string) => void;
     onClear: () => void;
 };

package/dist/header-search/component.js

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

package/dist/header-search/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/header-search/component.tsx"],"sourcesContent":["import React from 'react';\nimport CloseS from '@alphakits/icons/dist/CloseS';\nimport SearchM from '@alphakits/icons/dist/SearchM';\nimport cn from 'classnames';\n\nimport { Button } from '../button';\n\nimport styles from './index.module.css';\n\nexport type Props = {\n    placeholder: string;\n    value?: string;\n    v2?: boolean;\n    onChange: (value: string) => void;\n    onClear: () => void;\n};\n\nexport const HeaderSearch: React.FC<Props> = ({\n    value, placeholder, v2, onChange, onClear,\n}) => (\n    <div className={ cn(styles.input, { [styles.input_v2]: v2 }) }>\n\n        <SearchM />\n\n        <input\n            autoComplete=\"none\"\n            value={ value }\n            onChange={ (e) => onChange(e.target.value) }\n            placeholder={ placeholder }\n            type=\"text\"\n        />\n\n        { !!value?.length && (\n            <Button\n                className={ styles.input_clear_btn }\n                leftAddons={ <CloseS /> }\n                view=\"ghost\"\n                onClick={ () => onClear() }\n            />\n        ) }\n    </div>\n);\n"],"names":["HeaderSearch","value","placeholder","v2","onChange","onClear","jsxs","cn","styles","jsx","SearchM","e","Button","CloseS"],"mappings":";;;;;;AAiBO,MAAMA,IAAgC,CAAC;AAAA,EAC1C,OAAAC;AAAA,EAAO,aAAAC;AAAA,EAAa,IAAAC;AAAA,EAAI,UAAAC;AAAA,EAAU,SAAAC;AACtC,MACI,gBAAAC,EAAC,OAAA,EAAI,WAAYC,EAAGC,EAAO,OAAO,EAAE,CAACA,EAAO,QAAQ,GAAGL,EAAA,CAAI,GAEvD,UAAA;AAAA,EAAA,gBAAAM,EAACC,GAAA,EAAQ;AAAA,EAET,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAa;AAAA,MACb,OAAAR;AAAA,MACA,UAAW,CAACU,MAAMP,EAASO,EAAE,OAAO,KAAK;AAAA,MACzC,aAAAT;AAAA,MACA,MAAK;AAAA,IAAA;AAAA,EAAA;AAAA,EAGP,CAAC,EAACD,KAAA,QAAAA,EAAO,WACP,gBAAAQ;AAAA,IAACG;AAAA,IAAA;AAAA,MACG,WAAYJ,EAAO;AAAA,MACnB,8BAAcK,GAAA,EAAO;AAAA,MACrB,MAAK;AAAA,MACL,SAAU,MAAMR,EAAA;AAAA,IAAQ;AAAA,EAAA;AAC5B,EAAA,CAER;"}
+{"version":3,"file":"component.js","sources":["../../src/header-search/component.tsx"],"sourcesContent":["import React from 'react';\nimport CloseS from '@alphakits/icons/dist/CloseS';\nimport SearchM from '@alphakits/icons/dist/SearchM';\n\nimport { Button } from '../button';\n\nimport styles from './index.module.css';\n\nexport type Props = {\n    placeholder: string;\n    value?: string;\n    onChange: (value: string) => void;\n    onClear: () => void;\n};\n\nexport const HeaderSearch: React.FC<Props> = ({\n    value, placeholder, onChange, onClear,\n}) => (\n    <div className={ styles.input }>\n\n        <SearchM />\n\n        <input\n            autoComplete=\"none\"\n            value={ value }\n            onChange={ (e) => onChange(e.target.value) }\n            placeholder={ placeholder }\n            type=\"text\"\n        />\n\n        { !!value?.length && (\n            <Button\n                className={ styles.input_clear_btn }\n                leftAddons={ <CloseS /> }\n                view=\"ghost\"\n                onClick={ () => onClear() }\n            />\n        ) }\n    </div>\n);\n"],"names":["HeaderSearch","value","placeholder","onChange","onClear","jsxs","styles","jsx","SearchM","e","Button","CloseS"],"mappings":";;;;;AAeO,MAAMA,IAAgC,CAAC;AAAA,EAC1C,OAAAC;AAAA,EAAO,aAAAC;AAAA,EAAa,UAAAC;AAAA,EAAU,SAAAC;AAClC,MACI,gBAAAC,EAAC,OAAA,EAAI,WAAYC,EAAO,OAEpB,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAQ;AAAA,EAET,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAa;AAAA,MACb,OAAAN;AAAA,MACA,UAAW,CAACQ,MAAMN,EAASM,EAAE,OAAO,KAAK;AAAA,MACzC,aAAAP;AAAA,MACA,MAAK;AAAA,IAAA;AAAA,EAAA;AAAA,EAGP,CAAC,EAACD,KAAA,QAAAA,EAAO,WACP,gBAAAM;AAAA,IAACG;AAAA,IAAA;AAAA,MACG,WAAYJ,EAAO;AAAA,MACnB,8BAAcK,GAAA,EAAO;AAAA,MACrB,MAAK;AAAA,MACL,SAAU,MAAMP,EAAA;AAAA,IAAQ;AAAA,EAAA;AAC5B,EAAA,CAER;"}

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

@@ -1 +1 @@
-.input_GzLW{display:flex;align-items:center;position:relative;width:328px}.input_GzLW input{border:none;outline:none;padding-left:32px;height:32px;width:100%;background:transparent;color:var(--color-text-primary)}.input_GzLW input::placeholder{font-size:12px;font-weight:500;color:var(--color-graphic-thirdly)}.input_GzLW svg{position:absolute;pointer-events:none;color:var(--color-graphic-thirdly)}.input_GzLW::placeholder{color:var(--color-graphic-thirdly);opacity:1}.input_GzLW::-ms-input-placeholder{color:var(--color-graphic-thirdly)}.input_clear_btn_5EYN{position:absolute;right:24px;width:24px!important;height:24px!important}.input_v2_mKLY{height:36px;padding:0 12px 0 36px;border:1px solid var(--color-border-secondary);border-radius:8px;background:var(--color-bg-primary);box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.input_v2_mKLY:focus-within{border-color:var(--color-border-link, var(--color-graphic-accent));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-graphic-accent) 16%,transparent)}.input_v2_mKLY input{padding:0;height:100%;font-size:14px}.input_v2_mKLY input::placeholder{font-size:13px}.input_v2_mKLY svg{left:12px;width:16px}.input_v2_mKLY .input_clear_btn_5EYN{right:8px;min-width:24px!important}
+.input_GzLW{display:flex;align-items:center;position:relative;width:328px;height:36px;padding:0 12px 0 36px;border:1px solid var(--color-border-secondary);border-radius:8px;background:var(--color-bg-primary);box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.input_GzLW:focus-within{border-color:var(--color-border-link, var(--color-graphic-accent));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-graphic-accent) 16%,transparent)}.input_GzLW input{border:none;outline:none;padding:0;height:100%;width:100%;background:transparent;color:var(--color-text-primary);font-size:14px}.input_GzLW input::placeholder{font-size:13px;font-weight:500;color:var(--color-graphic-thirdly)}.input_GzLW svg{position:absolute;left:12px;width:16px;pointer-events:none;color:var(--color-graphic-thirdly)}.input_GzLW::placeholder{color:var(--color-graphic-thirdly);opacity:1}.input_GzLW::-ms-input-placeholder{color:var(--color-graphic-thirdly)}.input_clear_btn_5EYN{position:absolute;right:8px;min-width:24px!important;width:24px!important;height:24px!important}

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

@@ -1,13 +1,11 @@
 import './index.module.css';
-const t = "input_GzLW", n = "input_clear_btn_5EYN", _ = "input_v2_mKLY", p = {
+const t = "input_GzLW", n = "input_clear_btn_5EYN", _ = {
   input: t,
-  input_clear_btn: n,
-  input_v2: _
+  input_clear_btn: n
 };
 export {
-  p as default,
+  _ as default,
   t as input,
-  n as input_clear_btn,
-  _ as input_v2
+  n as input_clear_btn
 };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/table/columns.js

@@ -1,9 +1,10 @@
 import { jsx as e } from "react/jsx-runtime";
-const r = () => [
+const o = () => [
   {
-    header: "Title",
+    header: "Title TitleTitleTitleTitleTitle TitleTitle TitleTitleTitle",
     accessor: "title",
     sort: !0,
+    width: "200px",
     row: {
       image: () => "https://via.placeholder.com/150",
       subtitle: "title"
@@ -60,6 +61,6 @@ const r = () => [
   // },
 ];
 export {
-  r as NewColumns
+  o as NewColumns
 };
 //# sourceMappingURL=columns.js.map

package/dist/table/columns.js.map

@@ -1 +1 @@
-{"version":3,"file":"columns.js","sources":["../../src/table/columns.tsx"],"sourcesContent":["import React from 'react';\n\nimport { TableColumns } from './types';\n\ntype Row = {\n    title: string;\n    photo: string;\n};\n\nexport const NewColumns = (): TableColumns<Row> => [\n    {\n        header: 'Title',\n        accessor: 'title',\n        sort: true,\n        row: {\n            image: () => 'https://via.placeholder.com/150',\n            subtitle: 'title',\n        },\n    },\n    {\n        header: 'Photo',\n        accessor: 'photo',\n        sort: true,\n        row: {\n            title: ({ row }) => `${row.title}awdawd`,\n            image: ({ row }) => row.photo,\n        },\n    },\n    // ,{\n    //     header: 'Brakin photo',\n    //     sort: true,\n    //     row: {\n    //         image: ({ row }) => row.title,\n    //     },\n    // },{\n    //     header: 'No photo',\n    //     sort: true,\n    //     row: {\n    //         image: () => '',\n    //     },\n    // },\n    // {\n    //     header: 'icon',\n    //     row: {\n    //         icon: () => <ChevronForwardS />,\n    //     },\n    // },\n    {\n        header: '',\n        row: {\n            icon: () => '',\n        },\n    },\n    {\n        header: 'Button',\n        align: 'right',\n        width: '200px',\n        row: {\n            customAddon: ({ row }) => <div style={ { background: 'red' } }>{ row.title.length }</div>,\n        },\n    },\n    // {\n    //     header: 'Button',\n    //     width: '50px',\n    //     row: {\n    //         title: null,\n    //     },\n    // },\n];\n"],"names":["NewColumns","row","jsx"],"mappings":";AASO,MAAMA,IAAa,MAAyB;AAAA,EAC/C;AAAA,IACI,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,MACD,OAAO,MAAM;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,EACd;AAAA,EAEJ;AAAA,IACI,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,MACD,OAAO,CAAC,EAAE,KAAAC,QAAU,GAAGA,EAAI,KAAK;AAAA,MAChC,OAAO,CAAC,EAAE,KAAAA,EAAA,MAAUA,EAAI;AAAA,IAAA;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBJ;AAAA,IACI,QAAQ;AAAA,IACR,KAAK;AAAA,MACD,MAAM,MAAM;AAAA,IAAA;AAAA,EAChB;AAAA,EAEJ;AAAA,IACI,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,IACP,KAAK;AAAA,MACD,aAAa,CAAC,EAAE,KAAAA,EAAA,MAAU,gBAAAC,EAAC,OAAA,EAAI,OAAQ,EAAE,YAAY,MAAA,GAAY,UAAAD,EAAI,MAAM,OAAA,CAAQ;AAAA,IAAA;AAAA,EACvF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASR;"}
+{"version":3,"file":"columns.js","sources":["../../src/table/columns.tsx"],"sourcesContent":["import React from 'react';\n\nimport { TableColumns } from './types';\n\ntype Row = {\n    title: string;\n    photo: string;\n};\n\nexport const NewColumns = (): TableColumns<Row> => [\n    {\n        header: 'Title TitleTitleTitleTitleTitle TitleTitle TitleTitleTitle',\n        accessor: 'title',\n        sort: true,\n        width: '200px',\n        row: {\n            image: () => 'https://via.placeholder.com/150',\n            subtitle: 'title',\n        },\n    },\n    {\n        header: 'Photo',\n        accessor: 'photo',\n        sort: true,\n        row: {\n            title: ({ row }) => `${row.title}awdawd`,\n            image: ({ row }) => row.photo,\n        },\n    },\n    // ,{\n    //     header: 'Brakin photo',\n    //     sort: true,\n    //     row: {\n    //         image: ({ row }) => row.title,\n    //     },\n    // },{\n    //     header: 'No photo',\n    //     sort: true,\n    //     row: {\n    //         image: () => '',\n    //     },\n    // },\n    // {\n    //     header: 'icon',\n    //     row: {\n    //         icon: () => <ChevronForwardS />,\n    //     },\n    // },\n    {\n        header: '',\n        row: {\n            icon: () => '',\n        },\n    },\n    {\n        header: 'Button',\n        align: 'right',\n        width: '200px',\n        row: {\n            customAddon: ({ row }) => <div style={ { background: 'red' } }>{ row.title.length }</div>,\n        },\n    },\n    // {\n    //     header: 'Button',\n    //     width: '50px',\n    //     row: {\n    //         title: null,\n    //     },\n    // },\n];\n"],"names":["NewColumns","row","jsx"],"mappings":";AASO,MAAMA,IAAa,MAAyB;AAAA,EAC/C;AAAA,IACI,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,MACD,OAAO,MAAM;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,EACd;AAAA,EAEJ;AAAA,IACI,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,MACD,OAAO,CAAC,EAAE,KAAAC,QAAU,GAAGA,EAAI,KAAK;AAAA,MAChC,OAAO,CAAC,EAAE,KAAAA,EAAA,MAAUA,EAAI;AAAA,IAAA;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBJ;AAAA,IACI,QAAQ;AAAA,IACR,KAAK;AAAA,MACD,MAAM,MAAM;AAAA,IAAA;AAAA,EAChB;AAAA,EAEJ;AAAA,IACI,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,IACP,KAAK;AAAA,MACD,aAAa,CAAC,EAAE,KAAAA,EAAA,MAAU,gBAAAC,EAAC,OAAA,EAAI,OAAQ,EAAE,YAAY,MAAA,GAAY,UAAAD,EAAI,MAAM,OAAA,CAAQ;AAAA,IAAA;AAAA,EACvF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASR;"}

package/dist/table/components/cell/component.d.ts

@@ -12,7 +12,6 @@ export type CellProps = {
     width?: string;
     align?: 'left' | 'right' | 'center';
     compact?: boolean;
-    v2?: boolean;
     /**
      * HTML тег
      */

package/dist/table/components/cell/component.js

@@ -1,44 +1,43 @@
 import { jsx as s } from "react/jsx-runtime";
 import d from "classnames";
-import { Cell as _ } from "../../../cell/component.js";
+import { Cell as T } from "../../../cell/component.js";
 import e from "./index.module.css.js";
-const y = ({
-  dataTestID: o,
+const x = ({
+  dataTestID: l,
   className: a,
-  children: l,
-  title: m,
+  children: m,
+  title: n,
   subtitle: h,
-  tableProps: v,
+  tableProps: f,
   cellProps: i,
-  addon: c,
+  addon: v,
   align: r,
   compact: t,
-  v2: f,
-  width: T,
-  tag: n = "td"
+  width: c,
+  tag: o = "td"
 }) => /* @__PURE__ */ s(
-  n,
+  o,
   {
-    "data-test-id": o,
-    className: d(f ? e.cell_v2 : e.cell, a, {
-      [e.is_div]: n === "div",
+    "data-test-id": l,
+    className: d(e.cell, a, {
+      [e.is_div]: o === "div",
       [e.compact_cell]: t
     }),
-    style: { width: T },
-    ...v,
-    children: l ? /* @__PURE__ */ s(
+    style: { width: c },
+    ...f,
+    children: m ? /* @__PURE__ */ s(
       "div",
       {
         className: d(e.children, {
           [e.center]: r === "center",
           [e.right]: r === "right"
         }),
-        children: l
+        children: m
       }
     ) : /* @__PURE__ */ s(
-      _.Base,
+      T.Base,
       {
-        title: m === void 0 ? "-" : m,
+        title: n === void 0 ? "-" : n,
         subtitle: h,
         size: (i == null ? void 0 : i.size) || (t ? "s" : "m"),
         compactAddon: t,
@@ -49,13 +48,13 @@ const y = ({
           [e.right]: r === "right",
           [e.compact_content]: t
         }),
-        addon: c,
+        addon: v,
         ...i
       }
     )
   }
 );
 export {
-  y as TableCell
+  x as TableCell
 };
 //# sourceMappingURL=component.js.map