@alphakits/ui 2.0.10 → 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/filter-tag/index.module.css

@@ -1 +1 @@
-.component_1UiS{--filter-tag-tone: var(--color-graphic-accent);--filter-tag-bg: var(--color-bg-primary);--filter-tag-border: color-mix(in srgb, var(--color-border-secondary), transparent 45%);--filter-tag-badge-bg: color-mix(in srgb, var(--filter-tag-tone) 18%, transparent);display:inline-flex;align-items:center;gap:var(--gap-xs);height:36px;padding:0 var(--gap-s);border-radius:var(--radius-s);border:1px solid var(--filter-tag-border);background:var(--filter-tag-bg);color:var(--filter-tag-tone);white-space:nowrap;cursor:pointer;box-sizing:border-box;transition:border-color .15s ease-in-out,background-color .15s ease-in-out,box-shadow .15s ease-in-out}.component_1UiS:hover{background:color-mix(in srgb,var(--filter-tag-bg),var(--filter-tag-tone) 3%)}.label_v7es{font-size:14px;line-height:20px;font-weight:500;letter-spacing:0}.badge_OoFI{background:var(--filter-tag-badge-bg)!important;color:var(--filter-tag-tone)!important;font-weight:600}.active_psQR{--filter-tag-bg: color-mix(in srgb, var(--filter-tag-tone) 13%, var(--color-bg-primary));--filter-tag-border: color-mix(in srgb, var(--filter-tag-tone) 62%, transparent);--filter-tag-badge-bg: color-mix(in srgb, var(--filter-tag-tone) 23%, transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--filter-tag-tone) 22%,transparent)}.green_PTzr{--filter-tag-tone: var(--color-graphic-positive)}.orange_UyUe{--filter-tag-tone: var(--color-graphic-attention)}.red_Vd6j{--filter-tag-tone: var(--color-graphic-negative)}.blue_L0Zl{--filter-tag-tone: var(--color-graphic-accent)}.grey_23r0{--filter-tag-tone: var(--color-graphic-secondary)}.teal_nwCD{--filter-tag-tone: var(--color-status-teal)}.purple_LawE{--filter-tag-tone: var(--color-status-purple)}
+.component_1UiS{--filter-tag-tone: var(--color-graphic-accent);--filter-tag-bg: var(--color-bg-primary);--filter-tag-border: color-mix(in srgb, var(--color-border-secondary), transparent 45%);--filter-tag-badge-bg: color-mix(in srgb, var(--filter-tag-tone) 18%, transparent);display:inline-flex;align-items:center;gap:var(--gap-xs);height:36px;padding:0 var(--gap-s);border-radius:var(--radius-s);border:1px solid var(--filter-tag-border);background:var(--filter-tag-bg);color:var(--filter-tag-tone);white-space:nowrap;cursor:pointer;box-sizing:border-box;transition:border-color .15s ease-in-out,background-color .15s ease-in-out,box-shadow .15s ease-in-out}.component_1UiS:hover{background:color-mix(in srgb,var(--filter-tag-bg),var(--filter-tag-tone) 3%)}.label_v7es{font-size:13px;line-height:20px;font-weight:500;letter-spacing:0}.badge_OoFI{background:var(--filter-tag-badge-bg)!important;color:var(--filter-tag-tone)!important;font-weight:600}.active_psQR{--filter-tag-bg: color-mix(in srgb, var(--filter-tag-tone) 13%, var(--color-bg-primary));--filter-tag-border: color-mix(in srgb, var(--filter-tag-tone) 62%, transparent);--filter-tag-badge-bg: color-mix(in srgb, var(--filter-tag-tone) 23%, transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--filter-tag-tone) 22%,transparent)}.green_PTzr{--filter-tag-tone: var(--color-graphic-positive)}.orange_UyUe{--filter-tag-tone: var(--color-graphic-attention)}.red_Vd6j{--filter-tag-tone: var(--color-graphic-negative)}.blue_L0Zl{--filter-tag-tone: var(--color-graphic-accent)}.grey_23r0{--filter-tag-tone: var(--color-graphic-secondary)}.teal_nwCD{--filter-tag-tone: var(--color-status-teal)}.purple_LawE{--filter-tag-tone: var(--color-status-purple)}

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/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_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/status/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)}.component_ow7A{font-size:13px;line-height:20px;font-weight:500;font-family:var(--font-family);display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:0 var(--gap-s);border-radius:4px;text-align:center;white-space:nowrap}.component_ow7A:empty{padding:0;border-radius:var(--radius-circle)}.upper_case_qm11{text-transform:uppercase}.m_oJfG{height:36px;gap:8px}.s_caYR{gap:4px;height:22px!important;padding:0 8px!important}.s_caYR svg{width:12px}.soft_BdoF{display:inline-flex;align-items:center;justify-content:center;letter-spacing:.2px;font-weight:600;padding:0 var(--gap-s);border-radius:9999px;border:1px solid transparent;color:var(--soft-fg, currentColor);background:var(--soft-bg, transparent)}.soft_BdoF svg{margin-left:-2px}.soft_BdoF.green_KVuF{--soft-fg: var(--color-graphic-positive);--soft-bg: color-mix(in srgb, var(--color-graphic-positive) 12%, transparent);border-color:color-mix(in srgb,var(--color-graphic-positive) 28%,transparent)}.soft_BdoF.orange_RhVj{--soft-fg: var(--color-graphic-attention);--soft-bg: color-mix(in srgb, var(--color-graphic-attention) 12%, transparent);border-color:color-mix(in srgb,var(--color-graphic-attention) 28%,transparent)}.soft_BdoF.red_tLzK{--soft-fg: var(--color-graphic-negative);--soft-bg: color-mix(in srgb, var(--color-graphic-negative) 12%, transparent);border-color:color-mix(in srgb,var(--color-graphic-negative) 28%,transparent)}.soft_BdoF.blue_Z-Cc{--soft-fg: var(--color-graphic-accent);--soft-bg: color-mix(in srgb, var(--color-graphic-accent) 12%, transparent);border-color:color-mix(in srgb,var(--color-graphic-accent) 28%,transparent)}.soft_BdoF.grey_0taE{--soft-fg: var(--color-graphic-secondary);--soft-bg: color-mix(in srgb, var(--color-graphic-secondary) 12%, transparent);border-color:color-mix(in srgb,var(--color-graphic-secondary) 28%,transparent)}.soft_BdoF.teal_wjFj{--soft-fg: var(--color-status-teal);--soft-bg: color-mix(in srgb, var(--color-status-teal) 12%, transparent);border-color:color-mix(in srgb,var(--color-status-teal) 28%,transparent)}.soft_BdoF.purple_xJsv{--soft-fg: var(--color-status-purple);--soft-bg: color-mix(in srgb, var(--color-status-purple) 12%, transparent);border-color:color-mix(in srgb,var(--color-status-purple) 28%,transparent)}@supports not (background: color-mix(in srgb,white 10%,black)){.soft_BdoF.green_KVuF{background:rgba(var(--rgb-positive, 22, 101, 52),.12);border-color:rgba(var(--rgb-positive, 22,101,52),.28)}.soft_BdoF.orange_RhVj{background:rgba(var(--rgb-attention, 161, 98, 7),.12);border-color:rgba(var(--rgb-attention,161,98,7),.28)}.soft_BdoF.red_tLzK{background:rgba(var(--rgb-negative, 220, 38, 38),.12);border-color:rgba(var(--rgb-negative,220,38,38),.28)}.soft_BdoF.blue_Z-Cc{background:rgba(var(--rgb-accent, 30, 64, 175),.12);border-color:rgba(var(--rgb-accent,30,64,175),.28)}.soft_BdoF.grey_0taE{background:rgba(var(--rgb-secondary, 107, 114, 128),.12);border-color:rgba(var(--rgb-secondary,107,114,128),.28)}.soft_BdoF.teal_wjFj{background:rgba(var(--rgb-teal, 13, 148, 136),.12);border-color:rgba(var(--rgb-teal,13,148,136),.28)}.soft_BdoF.purple_xJsv{background:rgba(var(--rgb-purple, 107, 33, 168),.12);border-color:rgba(var(--rgb-purple,107,33,168),.28)}}.contrast_Y6fK{color:#fff}.contrast_Y6fK.green_KVuF{background:var(--color-graphic-positive)}.contrast_Y6fK.orange_RhVj{background:var(--color-graphic-attention)}.contrast_Y6fK.red_tLzK{background:var(--color-graphic-negative)}.contrast_Y6fK.blue_Z-Cc{background:var(--color-graphic-accent)}.contrast_Y6fK.grey_0taE{background:var(--color-graphic-secondary)}.contrast_Y6fK.teal_wjFj{background:var(--color-status-teal)}.contrast_Y6fK.purple_xJsv{background:var(--color-status-purple)}
+: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)}.component_ow7A{font-size:13px;line-height:20px;font-weight:500;font-family:var(--font-family);display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:0 var(--gap-s);border-radius:4px;text-align:center;white-space:nowrap}.component_ow7A:empty{padding:0;border-radius:var(--radius-circle)}.upper_case_qm11{text-transform:uppercase}.m_oJfG{height:36px;gap:8px}.s_caYR{gap:4px;height:22px!important;padding:0 8px!important}.s_caYR svg{width:12px}.soft_BdoF{display:inline-flex;align-items:center;justify-content:center;letter-spacing:.2px;padding:0 var(--gap-s);border:1px solid transparent;color:var(--soft-fg, currentColor);background:var(--soft-bg, transparent)}.soft_BdoF svg{margin-left:-2px}.soft_BdoF.green_KVuF{--soft-fg: var(--color-graphic-positive);--soft-bg: color-mix(in srgb, var(--color-graphic-positive) 12%, transparent);border-color:color-mix(in srgb,var(--color-graphic-positive) 28%,transparent)}.soft_BdoF.orange_RhVj{--soft-fg: var(--color-graphic-attention);--soft-bg: color-mix(in srgb, var(--color-graphic-attention) 12%, transparent);border-color:color-mix(in srgb,var(--color-graphic-attention) 28%,transparent)}.soft_BdoF.red_tLzK{--soft-fg: var(--color-graphic-negative);--soft-bg: color-mix(in srgb, var(--color-graphic-negative) 12%, transparent);border-color:color-mix(in srgb,var(--color-graphic-negative) 28%,transparent)}.soft_BdoF.blue_Z-Cc{--soft-fg: var(--color-graphic-accent);--soft-bg: color-mix(in srgb, var(--color-graphic-accent) 12%, transparent);border-color:color-mix(in srgb,var(--color-graphic-accent) 28%,transparent)}.soft_BdoF.grey_0taE{--soft-fg: var(--color-graphic-secondary);--soft-bg: color-mix(in srgb, var(--color-graphic-secondary) 12%, transparent);border-color:color-mix(in srgb,var(--color-graphic-secondary) 28%,transparent)}.soft_BdoF.teal_wjFj{--soft-fg: var(--color-status-teal);--soft-bg: color-mix(in srgb, var(--color-status-teal) 12%, transparent);border-color:color-mix(in srgb,var(--color-status-teal) 28%,transparent)}.soft_BdoF.purple_xJsv{--soft-fg: var(--color-status-purple);--soft-bg: color-mix(in srgb, var(--color-status-purple) 12%, transparent);border-color:color-mix(in srgb,var(--color-status-purple) 28%,transparent)}@supports not (background: color-mix(in srgb,white 10%,black)){.soft_BdoF.green_KVuF{background:rgba(var(--rgb-positive, 22, 101, 52),.12);border-color:rgba(var(--rgb-positive, 22,101,52),.28)}.soft_BdoF.orange_RhVj{background:rgba(var(--rgb-attention, 161, 98, 7),.12);border-color:rgba(var(--rgb-attention,161,98,7),.28)}.soft_BdoF.red_tLzK{background:rgba(var(--rgb-negative, 220, 38, 38),.12);border-color:rgba(var(--rgb-negative,220,38,38),.28)}.soft_BdoF.blue_Z-Cc{background:rgba(var(--rgb-accent, 30, 64, 175),.12);border-color:rgba(var(--rgb-accent,30,64,175),.28)}.soft_BdoF.grey_0taE{background:rgba(var(--rgb-secondary, 107, 114, 128),.12);border-color:rgba(var(--rgb-secondary,107,114,128),.28)}.soft_BdoF.teal_wjFj{background:rgba(var(--rgb-teal, 13, 148, 136),.12);border-color:rgba(var(--rgb-teal,13,148,136),.28)}.soft_BdoF.purple_xJsv{background:rgba(var(--rgb-purple, 107, 33, 168),.12);border-color:rgba(var(--rgb-purple,107,33,168),.28)}}.contrast_Y6fK{color:#fff}.contrast_Y6fK.green_KVuF{background:var(--color-graphic-positive)}.contrast_Y6fK.orange_RhVj{background:var(--color-graphic-attention)}.contrast_Y6fK.red_tLzK{background:var(--color-graphic-negative)}.contrast_Y6fK.blue_Z-Cc{background:var(--color-graphic-accent)}.contrast_Y6fK.grey_0taE{background:var(--color-graphic-secondary)}.contrast_Y6fK.teal_wjFj{background:var(--color-status-teal)}.contrast_Y6fK.purple_xJsv{background:var(--color-status-purple)}

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"
@@ -38,7 +39,7 @@ const r = () => [
   //     },
   // },
   {
-    header: "no icon",
+    header: "",
     row: {
       icon: () => ""
     }
@@ -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: 'no icon',\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/index.module.css

@@ -1 +1 @@
-table tr:last-child .cell_SVZP{border-bottom:0!important}.cell_SVZP{padding:0 16px;border-bottom:1px solid var(--color-border-secondary);position:relative;height:68px}.compact_cell_zSJH{height:44px;padding:0 12px}.right_30pJ{justify-content:flex-end}.children_X057{width:100%;display:flex;align-items:center}.compact_content_bjnq{gap:0 6px!important;min-height:40px!important}.is_div_XHlH{min-height:68px;display:flex;align-items:center}.compact_cell_zSJH.is_div_XHlH{min-height:44px}
+table tr:last-child .cell_SVZP{border-bottom:0!important}.cell_SVZP{padding:8px 16px;border-bottom:1px solid var(--color-border-secondary);position:relative;min-height:56px;box-sizing:border-box;vertical-align:middle}.compact_cell_zSJH{min-height:44px;padding:8px 12px}.right_30pJ{justify-content:flex-end}.children_X057{width:100%;display:flex;align-items:center}.compact_content_bjnq{gap:0 6px!important;min-height:40px!important}.is_div_XHlH{display:flex;align-items:center}.cell_SVZP.is_div_XHlH{padding-top:12px;padding-bottom:12px}.compact_cell_zSJH.is_div_XHlH{min-height:44px}

package/dist/table/components/cells/index.js

@@ -1,42 +1,49 @@
 import { jsx as a, jsxs as p } from "react/jsx-runtime";
 import n from "@alphakits/icons/dist/ChevronForwardS";
-import o from "classnames";
-import { Typography as m } from "../../../typography/component.js";
-import e from "./index.module.css.js";
-function y({
-  columns: i,
-  sort: c,
-  order: d,
+import i from "classnames";
+import { Typography as f } from "../../../typography/component.js";
+import r from "./index.module.css.js";
+function S({
+  columns: o,
+  sort: d,
+  order: c,
   addParam: h,
   compact: l = !1
 }) {
-  return /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a("tr", { className: e.header_row, children: i.map((r) => {
-    const s = r.accessor && c === r.accessor, t = s && d === "ASC" ? "DESC" : "ASC";
+  return /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a("tr", { className: r.header_row, children: o.map((e) => {
+    const t = e.accessor && d === e.accessor, s = t && c === "ASC" ? "DESC" : "ASC";
     return /* @__PURE__ */ a(
       "th",
       {
-        className: o(e.cell, {
-          [e.clickable]: r.sort,
-          [e.headerCellCompact]: l
+        className: i(r.cell, {
+          [r.clickable]: e.sort,
+          [r.headerCellCompact]: l
         }),
-        align: r.align,
-        style: { width: r.width || "auto" },
-        onClick: r.sort ? () => h({ order: t, sort: r.accessor }) : void 0,
+        align: e.align,
+        style: { width: e.width || "auto" },
+        onClick: e.sort ? () => h({ order: s, sort: e.accessor }) : void 0,
         children: /* @__PURE__ */ p(
-          m.Text,
+          f.Text,
           {
-            className: e.head_wrapper,
-            view: "caps",
+            className: r.head_wrapper,
+            view: "title",
             tag: "div",
             color: "secondary",
             weight: "medium",
             children: [
-              r.header,
-              r.sort && /* @__PURE__ */ a(
+              /* @__PURE__ */ a(
                 "span",
                 {
-                  className: o(e.arrow, e[t], {
-                    [e.accent]: s
+                  className: r.head_text,
+                  title: typeof e.header == "string" ? e.header : void 0,
+                  children: e.header
+                }
+              ),
+              e.sort && /* @__PURE__ */ a(
+                "span",
+                {
+                  className: i(r.arrow, r[s], {
+                    [r.accent]: t
                   }),
                   children: /* @__PURE__ */ a(n, {})
                 }
@@ -45,11 +52,11 @@ function y({
           }
         )
       },
-      String(r.accessor || r.header)
+      String(e.accessor || e.header)
     );
   }) }) });
 }
 export {
-  y as Cells
+  S as Cells
 };
 //# sourceMappingURL=index.js.map

package/dist/table/components/cells/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/table/components/cells/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\nimport React from 'react';\nimport ChevronForwardS from '@alphakits/icons/dist/ChevronForwardS';\nimport cn from 'classnames';\n\nimport { Typography } from '../../../typography';\nimport { Query, QueryDTO, TableColumns } from '../../types';\n\nimport styles from './index.module.css';\n\ntype Props<T extends object> = {\n    columns: TableColumns<T>;\n    sort: QueryDTO['sort'];\n    order: QueryDTO['order'];\n    addParam: ({ sort, order }: Pick<Query, 'order' | 'sort'>) => void;\n    compact?: boolean;\n};\n\nexport function Cells<T extends object>({\n    columns, sort, order, addParam, compact = false,\n}: Props<T>) {\n    return (\n        <thead>\n            <tr className={ styles.header_row }>\n                { columns.map((column) => {\n                    const isSorted = column.accessor && sort === column.accessor;\n                    const direction: QueryDTO['order'] =\n                        isSorted && order === 'ASC' ? 'DESC' : 'ASC';\n\n                    return (\n                        <th\n                            key={ String(column.accessor || column.header) }\n                            className={ cn(styles.cell, {\n                                [styles.clickable]: column.sort,\n                                [styles.headerCellCompact]: compact,\n                            }) }\n                            align={ column.align }\n                            style={ { width: column.width || 'auto' } }\n                            onClick={\n                                column.sort\n                                    ? () => addParam({ order: direction, sort: column.accessor })\n                                    : undefined\n                            }\n                        >\n                            <Typography.Text\n                                className={ styles.head_wrapper }\n                                view=\"caps\"\n                                tag=\"div\"\n                                color=\"secondary\"\n                                weight=\"medium\"\n                            >\n                                { column.header }\n\n                                { column.sort && (\n                                    <span\n                                        className={ cn(styles.arrow, styles[direction], {\n                                            [styles.accent]: isSorted,\n                                        }) }\n                                    >\n                                        <ChevronForwardS />\n                                    </span>\n                                ) }\n                            </Typography.Text>\n                        </th>\n                    );\n                }) }\n            </tr>\n        </thead>\n    );\n}\n"],"names":["Cells","columns","sort","order","addParam","compact","jsx","styles","column","isSorted","direction","cn","jsxs","Typography","ChevronForwardS"],"mappings":";;;;;AAkBO,SAASA,EAAwB;AAAA,EACpC,SAAAC;AAAA,EAAS,MAAAC;AAAA,EAAM,OAAAC;AAAA,EAAO,UAAAC;AAAA,EAAU,SAAAC,IAAU;AAC9C,GAAa;AACT,SACI,gBAAAC,EAAC,SAAA,EACG,UAAA,gBAAAA,EAAC,MAAA,EAAG,WAAYC,EAAO,YACjB,UAAAN,EAAQ,IAAI,CAACO,MAAW;AACtB,UAAMC,IAAWD,EAAO,YAAYN,MAASM,EAAO,UAC9CE,IACFD,KAAYN,MAAU,QAAQ,SAAS;AAE3C,WACI,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAYK,EAAGJ,EAAO,MAAM;AAAA,UACxB,CAACA,EAAO,SAAS,GAAGC,EAAO;AAAA,UAC3B,CAACD,EAAO,iBAAiB,GAAGF;AAAA,QAAA,CAC/B;AAAA,QACD,OAAQG,EAAO;AAAA,QACf,OAAQ,EAAE,OAAOA,EAAO,SAAS,OAAA;AAAA,QACjC,SACIA,EAAO,OACD,MAAMJ,EAAS,EAAE,OAAOM,GAAW,MAAMF,EAAO,SAAA,CAAU,IAC1D;AAAA,QAGV,UAAA,gBAAAI;AAAA,UAACC,EAAW;AAAA,UAAX;AAAA,YACG,WAAYN,EAAO;AAAA,YACnB,MAAK;AAAA,YACL,KAAI;AAAA,YACJ,OAAM;AAAA,YACN,QAAO;AAAA,YAEL,UAAA;AAAA,cAAAC,EAAO;AAAA,cAEPA,EAAO,QACL,gBAAAF;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAYK,EAAGJ,EAAO,OAAOA,EAAOG,CAAS,GAAG;AAAA,oBAC5C,CAACH,EAAO,MAAM,GAAGE;AAAA,kBAAA,CACpB;AAAA,kBAED,4BAACK,GAAA,CAAA,CAAgB;AAAA,gBAAA;AAAA,cAAA;AAAA,YACrB;AAAA,UAAA;AAAA,QAAA;AAAA,MAER;AAAA,MA/BM,OAAON,EAAO,YAAYA,EAAO,MAAM;AAAA,IAAA;AAAA,EAkCzD,CAAC,GACL,GACJ;AAER;"}
+{"version":3,"file":"index.js","sources":["../../../../src/table/components/cells/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\nimport React from 'react';\nimport ChevronForwardS from '@alphakits/icons/dist/ChevronForwardS';\nimport cn from 'classnames';\n\nimport { Typography } from '../../../typography';\nimport { Query, QueryDTO, TableColumns } from '../../types';\n\nimport styles from './index.module.css';\n\ntype Props<T extends object> = {\n    columns: TableColumns<T>;\n    sort: QueryDTO['sort'];\n    order: QueryDTO['order'];\n    addParam: ({ sort, order }: Pick<Query, 'order' | 'sort'>) => void;\n    compact?: boolean;\n};\n\nexport function Cells<T extends object>({\n    columns, sort, order, addParam, compact = false,\n}: Props<T>) {\n    return (\n        <thead>\n            <tr className={ styles.header_row }>\n                { columns.map((column) => {\n                    const isSorted = column.accessor && sort === column.accessor;\n                    const direction: QueryDTO['order'] =\n                        isSorted && order === 'ASC' ? 'DESC' : 'ASC';\n\n                    return (\n                        <th\n                            key={ String(column.accessor || column.header) }\n                            className={ cn(styles.cell, {\n                                [styles.clickable]: column.sort,\n                                [styles.headerCellCompact]: compact,\n                            }) }\n                            align={ column.align }\n                            style={ { width: column.width || 'auto' } }\n                            onClick={\n                                column.sort\n                                    ? () => addParam({ order: direction, sort: column.accessor })\n                                    : undefined\n                            }\n                        >\n                            <Typography.Text\n                                className={ styles.head_wrapper }\n                                view=\"title\"\n                                tag=\"div\"\n                                color=\"secondary\"\n                                weight=\"medium\"\n                            >\n                                <span\n                                    className={ styles.head_text }\n                                    title={ typeof column.header === 'string' ? column.header : undefined }\n                                >\n                                    { column.header }\n                                </span>\n\n                                { column.sort && (\n                                    <span\n                                        className={ cn(styles.arrow, styles[direction], {\n                                            [styles.accent]: isSorted,\n                                        }) }\n                                    >\n                                        <ChevronForwardS />\n                                    </span>\n                                ) }\n                            </Typography.Text>\n                        </th>\n                    );\n                }) }\n            </tr>\n        </thead>\n    );\n}\n"],"names":["Cells","columns","sort","order","addParam","compact","jsx","styles","column","isSorted","direction","cn","jsxs","Typography","ChevronForwardS"],"mappings":";;;;;AAkBO,SAASA,EAAwB;AAAA,EACpC,SAAAC;AAAA,EAAS,MAAAC;AAAA,EAAM,OAAAC;AAAA,EAAO,UAAAC;AAAA,EAAU,SAAAC,IAAU;AAC9C,GAAa;AACT,SACI,gBAAAC,EAAC,SAAA,EACG,UAAA,gBAAAA,EAAC,MAAA,EAAG,WAAYC,EAAO,YACjB,UAAAN,EAAQ,IAAI,CAACO,MAAW;AACtB,UAAMC,IAAWD,EAAO,YAAYN,MAASM,EAAO,UAC9CE,IACFD,KAAYN,MAAU,QAAQ,SAAS;AAE3C,WACI,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAYK,EAAGJ,EAAO,MAAM;AAAA,UACxB,CAACA,EAAO,SAAS,GAAGC,EAAO;AAAA,UAC3B,CAACD,EAAO,iBAAiB,GAAGF;AAAA,QAAA,CAC/B;AAAA,QACD,OAAQG,EAAO;AAAA,QACf,OAAQ,EAAE,OAAOA,EAAO,SAAS,OAAA;AAAA,QACjC,SACIA,EAAO,OACD,MAAMJ,EAAS,EAAE,OAAOM,GAAW,MAAMF,EAAO,SAAA,CAAU,IAC1D;AAAA,QAGV,UAAA,gBAAAI;AAAA,UAACC,EAAW;AAAA,UAAX;AAAA,YACG,WAAYN,EAAO;AAAA,YACnB,MAAK;AAAA,YACL,KAAI;AAAA,YACJ,OAAM;AAAA,YACN,QAAO;AAAA,YAEP,UAAA;AAAA,cAAA,gBAAAD;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAYC,EAAO;AAAA,kBACnB,OAAQ,OAAOC,EAAO,UAAW,WAAWA,EAAO,SAAS;AAAA,kBAE1D,UAAAA,EAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGXA,EAAO,QACL,gBAAAF;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAYK,EAAGJ,EAAO,OAAOA,EAAOG,CAAS,GAAG;AAAA,oBAC5C,CAACH,EAAO,MAAM,GAAGE;AAAA,kBAAA,CACpB;AAAA,kBAED,4BAACK,GAAA,CAAA,CAAgB;AAAA,gBAAA;AAAA,cAAA;AAAA,YACrB;AAAA,UAAA;AAAA,QAAA;AAAA,MAER;AAAA,MApCM,OAAON,EAAO,YAAYA,EAAO,MAAM;AAAA,IAAA;AAAA,EAuCzD,CAAC,GACL,GACJ;AAER;"}

package/dist/table/components/cells/index.module.css

@@ -1 +1 @@
-.header_row_-IYY{overflow:hidden}.header_row_-IYY th:only-child{border-radius:8px!important}.header_row_-IYY th:first-child{border-radius:8px 0 0 8px}.header_row_-IYY th:last-child{border-radius:0 8px 8px 0}.cell_c2wS{height:48px;padding:4px 16px;box-sizing:border-box;background:var(--color-bg-secondary);position:sticky;top:0;z-index:9}.headerCellCompact_i56i{height:40px;padding:0 12px}.clickable_uhII{cursor:pointer}.head_wrapper_WjtN{display:flex;align-items:center}.arrow_svnk{height:16px;width:16px;margin-left:12px;display:flex;flex-direction:column;color:var(--color-graphic-thirdly);opacity:.4}.headerCellCompact_i56i .arrow_svnk{margin-left:8px}.accent_5Dn8{color:var(--color-graphic-primary)}.DESC_p2eV{transform:rotate(-90deg)}.ASC_fIiQ{transform:rotate(90deg)}
+.header_row_-IYY{overflow:hidden}.cell_c2wS{height:44px;padding:10px 16px;box-sizing:border-box;background:var(--color-bg-special-big-objects);border-bottom:1px solid var(--color-border-secondary);position:sticky;top:0;z-index:9}.headerCellCompact_i56i{height:40px;padding:8px 12px}.clickable_uhII{cursor:pointer}.head_wrapper_WjtN{display:flex;align-items:center;min-width:0}.head_text_pR3i{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arrow_svnk{height:14px;width:14px;margin-left:6px;display:flex;flex-direction:column;flex-shrink:0;color:var(--color-graphic-thirdly);opacity:.55}.headerCellCompact_i56i .arrow_svnk{margin-left:8px}.accent_5Dn8{color:var(--color-graphic-primary)}.DESC_p2eV{transform:rotate(-90deg)}.ASC_fIiQ{transform:rotate(90deg)}

package/dist/table/components/cells/index.module.css.js

@@ -1,24 +1,26 @@
 import './index.module.css';
-const e = "header_row_-IYY", c = "cell_c2wS", a = "headerCellCompact_i56i", r = "clickable_uhII", l = "head_wrapper_WjtN", o = "arrow_svnk", t = "accent_5Dn8", n = "DESC_p2eV", _ = "ASC_fIiQ", s = {
+const e = "header_row_-IYY", c = "cell_c2wS", a = "headerCellCompact_i56i", t = "clickable_uhII", r = "head_wrapper_WjtN", o = "head_text_pR3i", l = "arrow_svnk", _ = "accent_5Dn8", n = "DESC_p2eV", s = "ASC_fIiQ", d = {
   header_row: e,
   cell: c,
   headerCellCompact: a,
-  clickable: r,
-  head_wrapper: l,
-  arrow: o,
-  accent: t,
+  clickable: t,
+  head_wrapper: r,
+  head_text: o,
+  arrow: l,
+  accent: _,
   DESC: n,
-  ASC: _
+  ASC: s
 };
 export {
-  _ as ASC,
+  s as ASC,
   n as DESC,
-  t as accent,
-  o as arrow,
+  _ as accent,
+  l as arrow,
   c as cell,
-  r as clickable,
-  s as default,
-  l as head_wrapper,
+  t as clickable,
+  d as default,
+  o as head_text,
+  r as head_wrapper,
   a as headerCellCompact,
   e as header_row
 };