@alphakits/ui 2.0.0 → 2.0.1

package/dist/form/component.js

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

package/dist/form/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/form/component.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Button } from '../button';\nimport { FlexColumns } from '../flex-columns';\nimport { Input } from '../input';\nimport { ModalContext } from '../modal';\nimport { showError, showSuccess } from '../utils';\n\nimport { RestForm } from './templates/rest-form';\n\ntype FooResponseObject = {\n    baz: string;\n    bar?: string;\n};\n\ntype FooResponseObjectOther = {\n    buz: string;\n    bur?: string;\n};\n\nconst initialValues: FooResponseObject = { baz: '', bar: '' };\nconst initialValuesOther: FooResponseObjectOther = { buz: '', bur: '' };\n\nconst CFormOther = (props: any) => {\n    const [loading, setLoading] = React.useState(true);\n    const [updating, setUpdating] = React.useState(false);\n    const [removing, setRemoving] = React.useState(false);\n\n    React.useEffect(() => {\n        setTimeout(() => setLoading(false), 500);\n    }, []);\n\n    const save = (): Promise<void> => new Promise((resolve) => {\n        setUpdating(true);\n        setTimeout(() => {\n            resolve();\n            setUpdating(false);\n            showSuccess('', 'Saved');\n        }, 3000);\n    });\n\n    const remove = (): Promise<void> => new Promise((resolve) => {\n        setRemoving(true);\n        setTimeout(() => {\n            resolve();\n            setRemoving(false);\n            showError('Some error from server', 'Error');\n        }, 3000);\n    });\n\n    return (\n        <RestForm\n            recordId={ 827368276387 }\n            initialValues={ initialValuesOther }\n            customValidationFields={ ['bur'] }\n            save={ save }\n            remove={ remove }\n            title=\"custom title other\"\n            loading={ loading }\n            submitButtonText=\"submit\"\n            updating={ updating }\n            removing={ removing }\n            close={ props?.close }\n            t={ (s) => s }\n        >\n\n            { ({\n                values, touched, errors, handleChange,\n            }) => (\n                <FlexColumns columns={ 1 } gr={ 16 } gc={ 0 }>\n                    <Input\n                        label=\"buz\"\n                        value={ values.buz }\n                        onChange={ handleChange('buz') }\n                        error={ touched.buz && errors.buz }\n                    />\n                    <Input\n                        label=\"bur\"\n                        value={ values.bur }\n                        onChange={ handleChange('bur') }\n                        error={ touched.bur && errors.bur }\n                    />\n                </FlexColumns>\n            ) }\n\n        </RestForm>\n    );\n};\n\nconst CForm = (props: any) => {\n    const [loading, setLoading] = React.useState(true);\n    const [updating, setUpdating] = React.useState(false);\n    const [removing, setRemoving] = React.useState(false);\n\n    const { openModal } = React.useContext(ModalContext);\n    const openCrudModalOther = openModal(CFormOther);\n\n    React.useEffect(() => {\n        setTimeout(() => setLoading(false), 500);\n    }, []);\n\n    const save = (): Promise<void> => new Promise((resolve) => {\n        setUpdating(true);\n        setTimeout(() => {\n            resolve();\n            setUpdating(false);\n            showSuccess('', 'Saved');\n        }, 3000);\n    });\n\n    const remove = (): Promise<void> => new Promise((resolve) => {\n        setRemoving(true);\n        setTimeout(() => {\n            resolve();\n            setRemoving(false);\n            showError('Some error from server', 'Error');\n        }, 3000);\n    });\n\n    return (\n        <RestForm\n            recordId={ 8273682763 }\n            initialValues={ initialValues }\n            customValidationFields={ ['bar'] }\n            save={ save }\n            remove={ remove }\n            title=\"Настройки\"\n            subtitle=\"Подпись к заголовку\"\n            back={ () => {} }\n            softError=\"Some error\"\n            loading={ loading }\n            submitButtonText=\"csdcds\"\n            updating={ updating }\n            removing={ removing }\n            close={ props?.close }\n            t={ (s) => s }\n        >\n            { ({\n                values, touched, errors, handleChange,\n            }) => (\n                <FlexColumns columns={ 1 } gr={ 16 } gc={ 0 }>\n                    <Input\n                        label=\"baz\"\n                        value={ values.baz }\n                        onChange={ handleChange('baz') }\n                        error={ touched.baz && errors.baz }\n                    />\n                    <Input\n                        label=\"bar\"\n                        value={ values.bar }\n                        onChange={ handleChange('bar') }\n                        error={ touched.bar && errors.bar }\n                    />\n\n                    <Input\n                        label=\"bar\"\n                        value={ values.bar }\n                        onChange={ handleChange('bar') }\n                        error={ touched.bar && errors.bar }\n                    />\n                    <Input\n                        label=\"bar\"\n                        value={ values.bar }\n                        onChange={ handleChange('bar') }\n                        error={ touched.bar && errors.bar }\n                    />\n                    <Input\n                        label=\"bar\"\n                        value={ values.bar }\n                        onChange={ handleChange('bar') }\n                        error={ touched.bar && errors.bar }\n                    />\n                    <Input\n                        label=\"bar\"\n                        value={ values.bar }\n                        onChange={ handleChange('bar') }\n                        error={ touched.bar && errors.bar }\n                    />\n                    <Input\n                        label=\"bar\"\n                        value={ values.bar }\n                        onChange={ handleChange('bar') }\n                        error={ touched.bar && errors.bar }\n                    />\n                    <Input\n                        label=\"bar\"\n                        value={ values.bar }\n                        onChange={ handleChange('bar') }\n                        error={ touched.bar && errors.bar }\n                    />\n                    <Input\n                        label=\"bar\"\n                        value={ values.bar }\n                        onChange={ handleChange('bar') }\n                        error={ touched.bar && errors.bar }\n                    />\n\n                    <Button onClick={ openCrudModalOther }>openCrudModalOther</Button>\n                </FlexColumns>\n            ) }\n\n        </RestForm>\n    );\n};\n\nexport const Component = () => {\n    const { openModal } = React.useContext(ModalContext);\n    const openCrudModal = openModal(CForm);\n    // const openFiltersForm = openModal(FForm);\n\n    return (\n        <React.Fragment>\n            { /* <Button onClick={ openFiltersForm }>open filters modal</Button> */ }\n            <Button onClick={ openCrudModal }>open crud modal</Button>\n        </React.Fragment>\n    );\n};\n"],"names":["initialValues","initialValuesOther","CFormOther","props","loading","setLoading","React","updating","setUpdating","removing","setRemoving","jsx","RestForm","resolve","showSuccess","showError","s","values","touched","errors","handleChange","FlexColumns","Input","CForm","openModal","ModalContext","openCrudModalOther","Button","Component","openCrudModal"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../src/form/component.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Button } from '../button';\nimport { FlexColumns } from '../flex-columns';\nimport { Input } from '../input';\nimport { ModalContext } from '../modal';\nimport { showError, showSuccess } from '../utils';\n\nimport { RestForm } from './templates/rest-form';\n\ntype FooResponseObject = {\n    baz: string;\n    bar?: string;\n};\n\ntype FooResponseObjectOther = {\n    buz: string;\n    bur?: string;\n};\n\nconst initialValues: FooResponseObject = { baz: '', bar: '' };\nconst initialValuesOther: FooResponseObjectOther = { buz: '', bur: '' };\n\nconst CFormOther = (props: any) => {\n    const [loading, setLoading] = React.useState(true);\n    const [updating, setUpdating] = React.useState(false);\n    const [removing, setRemoving] = React.useState(false);\n\n    React.useEffect(() => {\n        setTimeout(() => setLoading(false), 500);\n    }, []);\n\n    const save = (): Promise<void> => new Promise((resolve) => {\n        setUpdating(true);\n        setTimeout(() => {\n            resolve();\n            setUpdating(false);\n            showSuccess('', 'Saved');\n        }, 3000);\n    });\n\n    const remove = (): Promise<void> => new Promise((resolve) => {\n        setRemoving(true);\n        setTimeout(() => {\n            resolve();\n            setRemoving(false);\n            showError('Some error from server', 'Error');\n        }, 3000);\n    });\n\n    return (\n        <RestForm\n            recordId={ 827368276387 }\n            initialValues={ initialValuesOther }\n            customValidationFields={ ['bur'] }\n            save={ save }\n            remove={ remove }\n            title=\"custom title other\"\n            loading={ loading }\n            submitButtonText=\"submit\"\n            updating={ updating }\n            removing={ removing }\n            close={ props?.close }\n            t={ (s) => s }\n        >\n\n            { ({\n                values, touched, errors, handleChange,\n            }) => (\n                <FlexColumns columns={ 1 } gr={ 16 } gc={ 0 }>\n                    <Input\n                        label=\"buz\"\n                        value={ values.buz }\n                        onChange={ handleChange('buz') }\n                        error={ touched.buz && errors.buz }\n                    />\n                    <Input\n                        label=\"bur\"\n                        value={ values.bur }\n                        onChange={ handleChange('bur') }\n                        error={ touched.bur && errors.bur }\n                    />\n                </FlexColumns>\n            ) }\n\n        </RestForm>\n    );\n};\n\nconst CForm = (props: any) => {\n    const [loading, setLoading] = React.useState(true);\n    const [updating, setUpdating] = React.useState(false);\n    const [removing, setRemoving] = React.useState(false);\n\n    const { openModal } = React.useContext(ModalContext);\n    const openCrudModalOther = openModal(CFormOther);\n\n    React.useEffect(() => {\n        setTimeout(() => setLoading(false), 500);\n    }, []);\n\n    const save = (): Promise<void> => new Promise((resolve) => {\n        setUpdating(true);\n        setTimeout(() => {\n            resolve();\n            setUpdating(false);\n            showSuccess('', 'Saved');\n        }, 3000);\n    });\n\n    const remove = (): Promise<void> => new Promise((resolve) => {\n        setRemoving(true);\n        setTimeout(() => {\n            resolve();\n            setRemoving(false);\n            showError('Some error from server', 'Error');\n        }, 3000);\n    });\n\n    return (\n        <RestForm\n            recordId={ 8273682763 }\n            initialValues={ initialValues }\n            customValidationFields={ ['bar'] }\n            save={ save }\n            remove={ remove }\n            title=\"Настройки\"\n            subtitle=\"Подпись к заголовку\"\n            back={ () => {} }\n            softError=\"Some error\"\n            loading={ loading }\n            submitButtonText=\"csdcds\"\n            updating={ updating }\n            removing={ removing }\n            close={ props?.close }\n            t={ (s) => s }\n        >\n            { ({\n                values, touched, errors, handleChange,\n            }) => (\n                <FlexColumns columns={ 1 } gr={ 16 } gc={ 0 }>\n                    <Input\n                        label=\"baz\"\n                        value={ values.baz }\n                        onChange={ handleChange('baz') }\n                        error={ touched.baz && errors.baz }\n                    />\n                    <Input\n                        label=\"bar\"\n                        value={ values.bar }\n                        onChange={ handleChange('bar') }\n                        error={ touched.bar && errors.bar }\n                    />\n\n                    <Input\n                        label=\"bar\"\n                        value={ values.bar }\n                        onChange={ handleChange('bar') }\n                        error={ touched.bar && errors.bar }\n                    />\n                    <Input\n                        label=\"bar\"\n                        value={ values.bar }\n                        onChange={ handleChange('bar') }\n                        error={ touched.bar && errors.bar }\n                    />\n                    <Input\n                        label=\"bar\"\n                        value={ values.bar }\n                        onChange={ handleChange('bar') }\n                        error={ touched.bar && errors.bar }\n                    />\n                    <Input\n                        label=\"bar\"\n                        value={ values.bar }\n                        onChange={ handleChange('bar') }\n                        error={ touched.bar && errors.bar }\n                    />\n                    <Input\n                        label=\"bar\"\n                        value={ values.bar }\n                        onChange={ handleChange('bar') }\n                        error={ touched.bar && errors.bar }\n                    />\n                    <Input\n                        label=\"bar\"\n                        value={ values.bar }\n                        onChange={ handleChange('bar') }\n                        error={ touched.bar && errors.bar }\n                    />\n                    <Input\n                        label=\"bar\"\n                        value={ values.bar }\n                        onChange={ handleChange('bar') }\n                        error={ touched.bar && errors.bar }\n                    />\n\n                    <Button onClick={ openCrudModalOther }>openCrudModalOther</Button>\n                </FlexColumns>\n            ) }\n\n        </RestForm>\n    );\n};\n\nexport const Component = () => {\n    const { openModal } = React.useContext(ModalContext);\n    const openCrudModal = openModal(CForm);\n    // const openFiltersForm = openModal(FForm);\n\n    return (\n        <React.Fragment>\n            { /* <Button onClick={ openFiltersForm }>open filters modal</Button> */ }\n            <Button onClick={ openCrudModal }>open crud modal</Button>\n        </React.Fragment>\n    );\n};\n"],"names":["initialValues","initialValuesOther","CFormOther","props","loading","setLoading","React","updating","setUpdating","removing","setRemoving","jsx","RestForm","resolve","showSuccess","showError","s","values","touched","errors","handleChange","FlexColumns","Input","CForm","openModal","ModalContext","openCrudModalOther","Button","Component","openCrudModal"],"mappings":"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"}

package/dist/formik/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Re-exports Formik primitives under `@alphakits/ui/formik` for a single import surface.
+ */
+export { Formik, Form, Field, FieldArray, FastField, ErrorMessage, useFormik, useFormikContext, useField, connect, withFormik, } from 'formik';
+export type { FormikProps, FormikValues, FormikErrors, FormikTouched, FieldProps, FieldArrayRenderProps, FormikConfig, } from 'formik';

package/dist/formik/index.js

@@ -0,0 +1,15 @@
+import { ErrorMessage as o, FastField as F, Field as i, FieldArray as m, Form as s, Formik as t, connect as d, useField as k, useFormik as l, useFormikContext as a, withFormik as n } from "formik";
+export {
+  o as ErrorMessage,
+  F as FastField,
+  i as Field,
+  m as FieldArray,
+  s as Form,
+  t as Formik,
+  d as connect,
+  k as useField,
+  l as useFormik,
+  a as useFormikContext,
+  n as withFormik
+};
+//# sourceMappingURL=index.js.map

package/dist/formik/index.js.map

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

package/dist/index.d.ts

@@ -29,6 +29,7 @@ export * from './flex-columns';
 export * from './footer';
 export * from './form';
 export * from './form-control';
+export * from './formik';
 export * from './grid';
 export * from './header-search';
 export * from './hooks';