@alphakits/ui 1.31.4 → 2.0.0

package/dist/form/component.js.map

@@ -0,0 +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":";;;;;;;;;;;;;;;;;;;;;AAoBA,MAAMA,IAAmC,EAAE,KAAK,IAAI,KAAK,GAAA,GACnDC,IAA6C,EAAE,KAAK,IAAI,KAAK,GAAA,GAE7DC,IAAa,CAACC,MAAe;AAC/B,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAM,SAAS,EAAI,GAC3C,CAACC,GAAUC,CAAW,IAAIF,EAAM,SAAS,EAAK,GAC9C,CAACG,GAAUC,CAAW,IAAIJ,EAAM,SAAS,EAAK;AAEpD,SAAAA,EAAM,UAAU,MAAM;AAClB,eAAW,MAAMD,EAAW,EAAK,GAAG,GAAG;AAAA,EAC3C,GAAG,CAAA,CAAE,GAqBD,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,UAAW;AAAA,MACX,eAAgBX;AAAA,MAChB,wBAAyB,CAAC,KAAK;AAAA,MAC/B,MAvBK,MAAqB,IAAI,QAAQ,CAACY,MAAY;AACvD,QAAAL,EAAY,EAAI,GAChB,WAAW,MAAM;AACb,UAAAK,EAAA,GACAL,EAAY,EAAK,GACjBM,EAAY,IAAI,OAAO;AAAA,QAC3B,GAAG,GAAI;AAAA,MACX,CAAC;AAAA,MAiBO,QAfO,MAAqB,IAAI,QAAQ,CAACD,MAAY;AACzD,QAAAH,EAAY,EAAI,GAChB,WAAW,MAAM;AACb,UAAAG,EAAA,GACAH,EAAY,EAAK,GACjBK,EAAU,0BAA0B,OAAO;AAAA,QAC/C,GAAG,GAAI;AAAA,MACX,CAAC;AAAA,MASO,OAAM;AAAA,MACN,SAAAX;AAAA,MACA,kBAAiB;AAAA,MACjB,UAAAG;AAAA,MACA,UAAAE;AAAA,MACA,OAAQN,KAAA,gBAAAA,EAAO;AAAA,MACf,GAAI,CAACa,MAAMA;AAAA,MAGT,UAAA,CAAC;AAAA,QACC,QAAAC;AAAA,QAAQ,SAAAC;AAAA,QAAS,QAAAC;AAAA,QAAQ,cAAAC;AAAA,MAAA,wBAExBC,GAAA,EAAY,SAAU,GAAI,IAAK,IAAK,IAAK,GACtC,UAAA;AAAA,QAAA,gBAAAV;AAAA,UAACW;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,OAAQL,EAAO;AAAA,YACf,UAAWG,EAAa,KAAK;AAAA,YAC7B,OAAQF,EAAQ,OAAOC,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAElC,gBAAAR;AAAA,UAACW;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,OAAQL,EAAO;AAAA,YACf,UAAWG,EAAa,KAAK;AAAA,YAC7B,OAAQF,EAAQ,OAAOC,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAClC,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAKhB,GAEMI,IAAQ,CAACpB,MAAe;AAC1B,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAM,SAAS,EAAI,GAC3C,CAACC,GAAUC,CAAW,IAAIF,EAAM,SAAS,EAAK,GAC9C,CAACG,GAAUC,CAAW,IAAIJ,EAAM,SAAS,EAAK,GAE9C,EAAE,WAAAkB,EAAA,IAAclB,EAAM,WAAWmB,CAAY,GAC7CC,IAAqBF,EAAUtB,CAAU;AAE/C,SAAAI,EAAM,UAAU,MAAM;AAClB,eAAW,MAAMD,EAAW,EAAK,GAAG,GAAG;AAAA,EAC3C,GAAG,CAAA,CAAE,GAqBD,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,UAAW;AAAA,MACX,eAAAZ;AAAA,MACA,wBAAyB,CAAC,KAAK;AAAA,MAC/B,MAvBK,MAAqB,IAAI,QAAQ,CAACa,MAAY;AACvD,QAAAL,EAAY,EAAI,GAChB,WAAW,MAAM;AACb,UAAAK,EAAA,GACAL,EAAY,EAAK,GACjBM,EAAY,IAAI,OAAO;AAAA,QAC3B,GAAG,GAAI;AAAA,MACX,CAAC;AAAA,MAiBO,QAfO,MAAqB,IAAI,QAAQ,CAACD,MAAY;AACzD,QAAAH,EAAY,EAAI,GAChB,WAAW,MAAM;AACb,UAAAG,EAAA,GACAH,EAAY,EAAK,GACjBK,EAAU,0BAA0B,OAAO;AAAA,QAC/C,GAAG,GAAI;AAAA,MACX,CAAC;AAAA,MASO,OAAM;AAAA,MACN,UAAS;AAAA,MACT,MAAO,MAAM;AAAA,MAAC;AAAA,MACd,WAAU;AAAA,MACV,SAAAX;AAAA,MACA,kBAAiB;AAAA,MACjB,UAAAG;AAAA,MACA,UAAAE;AAAA,MACA,OAAQN,KAAA,gBAAAA,EAAO;AAAA,MACf,GAAI,CAACa,MAAMA;AAAA,MAET,UAAA,CAAC;AAAA,QACC,QAAAC;AAAA,QAAQ,SAAAC;AAAA,QAAS,QAAAC;AAAA,QAAQ,cAAAC;AAAA,MAAA,wBAExBC,GAAA,EAAY,SAAU,GAAI,IAAK,IAAK,IAAK,GACtC,UAAA;AAAA,QAAA,gBAAAV;AAAA,UAACW;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,OAAQL,EAAO;AAAA,YACf,UAAWG,EAAa,KAAK;AAAA,YAC7B,OAAQF,EAAQ,OAAOC,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAElC,gBAAAR;AAAA,UAACW;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,OAAQL,EAAO;AAAA,YACf,UAAWG,EAAa,KAAK;AAAA,YAC7B,OAAQF,EAAQ,OAAOC,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAGlC,gBAAAR;AAAA,UAACW;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,OAAQL,EAAO;AAAA,YACf,UAAWG,EAAa,KAAK;AAAA,YAC7B,OAAQF,EAAQ,OAAOC,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAElC,gBAAAR;AAAA,UAACW;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,OAAQL,EAAO;AAAA,YACf,UAAWG,EAAa,KAAK;AAAA,YAC7B,OAAQF,EAAQ,OAAOC,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAElC,gBAAAR;AAAA,UAACW;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,OAAQL,EAAO;AAAA,YACf,UAAWG,EAAa,KAAK;AAAA,YAC7B,OAAQF,EAAQ,OAAOC,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAElC,gBAAAR;AAAA,UAACW;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,OAAQL,EAAO;AAAA,YACf,UAAWG,EAAa,KAAK;AAAA,YAC7B,OAAQF,EAAQ,OAAOC,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAElC,gBAAAR;AAAA,UAACW;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,OAAQL,EAAO;AAAA,YACf,UAAWG,EAAa,KAAK;AAAA,YAC7B,OAAQF,EAAQ,OAAOC,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAElC,gBAAAR;AAAA,UAACW;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,OAAQL,EAAO;AAAA,YACf,UAAWG,EAAa,KAAK;AAAA,YAC7B,OAAQF,EAAQ,OAAOC,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAElC,gBAAAR;AAAA,UAACW;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,OAAQL,EAAO;AAAA,YACf,UAAWG,EAAa,KAAK;AAAA,YAC7B,OAAQF,EAAQ,OAAOC,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAGlC,gBAAAR,EAACgB,GAAA,EAAO,SAAUD,GAAqB,UAAA,qBAAA,CAAkB;AAAA,MAAA,EAAA,CAC7D;AAAA,IAAA;AAAA,EAAA;AAKhB,GAEaE,IAAY,MAAM;AAC3B,QAAM,EAAE,WAAAJ,EAAA,IAAclB,EAAM,WAAWmB,CAAY,GAC7CI,IAAgBL,EAAUD,CAAK;AAGrC,SACI,gBAAAZ,EAACL,EAAM,UAAN,EAEG,4BAACqB,GAAA,EAAO,SAAUE,GAAgB,UAAA,kBAAA,CAAe,EAAA,CACrD;AAER;"}

package/dist/form/components/form-loading/index.d.ts

@@ -1,4 +1,2 @@
-/// <reference types="react" />
-import React from 'react';
-declare const FormLoading: React.FC;
-export { FormLoading };
+import { default as React } from 'react';
+export declare const FormLoading: React.FC;

package/dist/form/components/form-loading/index.js

@@ -1 +1,23 @@
-import e from"react";import{FlexColumns as l}from"../../../flex-columns/component.js";import{Skeleton as t}from"../../../skeleton/component.js";import"classnames";var a="index-module_header__3gf11",m="index-module_title__1rbdw",s="index-module_addon__YacBy",n="index-module_input__B6sV4",c="index-module_content__FXkKP",i="index-module_buttons__4ucNp",o="index-module_button__3U7Nx",r=function(){return e.createElement(l,{columns:1,gr:16,className:c},e.createElement("div",{className:a},e.createElement(t,{visible:!0,className:m}),e.createElement(t,{visible:!0,className:s})),e.createElement(t,{visible:!0,className:n}),e.createElement(t,{visible:!0,className:n}),e.createElement(t,{visible:!0,className:n}),e.createElement(t,{visible:!0,className:n}),e.createElement(t,{visible:!0,className:n}),e.createElement("div",{className:i},e.createElement(t,{visible:!0,className:o}),e.createElement(t,{visible:!0,className:o})))};export{r as FormLoading};
+import { jsxs as t, jsx as s } from "react/jsx-runtime";
+import { FlexColumns as l } from "../../../flex-columns/component.js";
+import { Skeleton as i } from "../../../skeleton/component.js";
+import e from "./index.module.css.js";
+const n = () => /* @__PURE__ */ t(l, { columns: 1, gr: 16, className: e.content, children: [
+  /* @__PURE__ */ t("div", { className: e.header, children: [
+    /* @__PURE__ */ s(i, { visible: !0, className: e.title }),
+    /* @__PURE__ */ s(i, { visible: !0, className: e.addon })
+  ] }),
+  /* @__PURE__ */ s(i, { visible: !0, className: e.input }),
+  /* @__PURE__ */ s(i, { visible: !0, className: e.input }),
+  /* @__PURE__ */ s(i, { visible: !0, className: e.input }),
+  /* @__PURE__ */ s(i, { visible: !0, className: e.input }),
+  /* @__PURE__ */ s(i, { visible: !0, className: e.input }),
+  /* @__PURE__ */ t("div", { className: e.buttons, children: [
+    /* @__PURE__ */ s(i, { visible: !0, className: e.button }),
+    /* @__PURE__ */ s(i, { visible: !0, className: e.button })
+  ] })
+] });
+export {
+  n as FormLoading
+};
+//# sourceMappingURL=index.js.map

package/dist/form/components/form-loading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/form/components/form-loading/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { FlexColumns } from '../../../flex-columns';\nimport { Skeleton } from '../../../skeleton';\n\nimport styles from './index.module.css';\n\nexport const FormLoading: React.FC = () => (\n    <FlexColumns columns={ 1 } gr={ 16 } className={ styles.content }>\n        <div className={ styles.header }>\n            <Skeleton visible={ true } className={ styles.title } />\n            <Skeleton visible={ true } className={ styles.addon } />\n        </div>\n        <Skeleton visible={ true } className={ styles.input } />\n        <Skeleton visible={ true } className={ styles.input } />\n        <Skeleton visible={ true } className={ styles.input } />\n        <Skeleton visible={ true } className={ styles.input } />\n        <Skeleton visible={ true } className={ styles.input } />\n\n        <div className={ styles.buttons }>\n            <Skeleton visible={ true } className={ styles.button } />\n            <Skeleton visible={ true } className={ styles.button } />\n        </div>\n    </FlexColumns>\n);\n"],"names":["FormLoading","jsxs","FlexColumns","styles","jsx","Skeleton"],"mappings":";;;;AAOO,MAAMA,IAAwB,MACjC,gBAAAC,EAACC,GAAA,EAAY,SAAU,GAAI,IAAK,IAAK,WAAYC,EAAO,SACpD,UAAA;AAAA,EAAA,gBAAAF,EAAC,OAAA,EAAI,WAAYE,EAAO,QACpB,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAS,SAAU,IAAO,WAAYF,EAAO,OAAQ;AAAA,sBACrDE,GAAA,EAAS,SAAU,IAAO,WAAYF,EAAO,MAAA,CAAQ;AAAA,EAAA,GAC1D;AAAA,oBACCE,GAAA,EAAS,SAAU,IAAO,WAAYF,EAAO,OAAQ;AAAA,oBACrDE,GAAA,EAAS,SAAU,IAAO,WAAYF,EAAO,OAAQ;AAAA,oBACrDE,GAAA,EAAS,SAAU,IAAO,WAAYF,EAAO,OAAQ;AAAA,oBACrDE,GAAA,EAAS,SAAU,IAAO,WAAYF,EAAO,OAAQ;AAAA,oBACrDE,GAAA,EAAS,SAAU,IAAO,WAAYF,EAAO,OAAQ;AAAA,EAEtD,gBAAAF,EAAC,OAAA,EAAI,WAAYE,EAAO,SACpB,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAS,SAAU,IAAO,WAAYF,EAAO,QAAS;AAAA,sBACtDE,GAAA,EAAS,SAAU,IAAO,WAAYF,EAAO,OAAA,CAAS;AAAA,EAAA,EAAA,CAC3D;AAAA,EAAA,CACJ;"}

package/dist/form/components/form-loading/index.module.css

@@ -0,0 +1 @@
+.index-module_header__UtYpF{padding:24px 0;display:flex;align-items:center;justify-content:space-between;margin-right:48px}.index-module_title__mrNu8{width:130px;height:32px}.index-module_addon__-bw-y{width:32px;height:32px}.index-module_input__MEN8P{height:60px;min-height:60px;width:100%;margin-bottom:16px}.index-module_content__jYVgc{padding:16px 32px}@media(max-width:823px){.index-module_content__jYVgc{padding:16px!important}}.index-module_buttons__PtGvG{padding:24px 0;display:flex;align-items:center}.index-module_button__hWCWD{height:44px;width:100px;margin-right:20px}

package/dist/form/components/form-loading/index.module.css.js

@@ -0,0 +1,21 @@
+import './index.module.css';
+const t = "index-module_header__UtYpF", n = "index-module_title__mrNu8", e = "index-module_addon__-bw-y", o = "index-module_input__MEN8P", d = "index-module_content__jYVgc", _ = "index-module_buttons__PtGvG", u = "index-module_button__hWCWD", s = {
+  header: t,
+  title: n,
+  addon: e,
+  input: o,
+  content: d,
+  buttons: _,
+  button: u
+};
+export {
+  e as addon,
+  u as button,
+  _ as buttons,
+  d as content,
+  s as default,
+  t as header,
+  o as input,
+  n as title
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/form/components/form-loading/index.module.css.js.map

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

package/dist/form/index.d.ts

@@ -1 +1 @@
-export * from "./templates/filters-form/index";
+export * from './templates/filters-form';

package/dist/form/index.js

@@ -1 +1,5 @@
-export{FiltersForm}from"./templates/filters-form/index.js";import"react";import"formik";import"../button/component.js";import"tslib";import"react-merge-refs";import"classnames";import"../hooks/useFocus/index.js";import"../loader/component.js";import"../sidepanel/component.js";import"../flex-columns/component.js";import"../sidepanel-header/component.js";import"../back-button/component.js";import"../button-arrow/component.js";import"@alphakits/icons";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-31cce552.js";import"../typography/title/index.js";import"../typography/title/component.js";import"../skeleton/component.js";import"./utils/get-default-values.js";
+import { FiltersForm as e } from "./templates/filters-form/index.js";
+export {
+  e as FiltersForm
+};
+//# sourceMappingURL=index.js.map

package/dist/form/index.js.map

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

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

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-import React from 'react';
-import { PropsWithChildren } from "react";
+import { default as React, PropsWithChildren } from 'react';
 import { FormikErrors, FormikProps, FormikValues } from 'formik';
-import { TFunction } from "../../../modal/index";
-type Props<T extends FormikValues> = {
+import { TFunction } from '../../../modal';
+export declare type Props<T extends FormikValues> = {
     initialValues: T;
     validate?: (values: T) => void | Record<string, unknown> | Promise<FormikErrors<T>>;
+    /** customValidationFields - значения полей которые необходимо валидировать */
     customValidationFields?: Array<keyof T>;
     enableReinitialize?: boolean;
     loading?: boolean;
@@ -13,5 +12,4 @@ type Props<T extends FormikValues> = {
     save: (values: any) => any;
     children: (props: FormikProps<FormikValues & T>) => React.ReactNode;
 };
-declare function BaseForm<T extends FormikValues>({ loading, validate, customValidationFields, initialValues, enableReinitialize, save, children, t, }: PropsWithChildren<Props<T>>): JSX.Element;
-export { Props, BaseForm };
+export declare function BaseForm<T extends FormikValues>({ loading, validate, customValidationFields, initialValues, enableReinitialize, save, children, t, }: PropsWithChildren<Props<T>>): JSX.Element;

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

@@ -1 +1,33 @@
-import{__assign as e}from"tslib";import i from"react";import{Formik as t}from"formik";import{FormLoading as n}from"../../components/form-loading/index.js";import"../../../flex-columns/component.js";import"classnames";import"../../../skeleton/component.js";function o(o){var r=o.loading,a=o.validate,l=o.customValidationFields,m=o.initialValues,u=o.enableReinitialize,c=o.save,s=o.children,f=o.t;if(r)return i.createElement(n,null);var d,p,v;return i.createElement(t,{validate:(d=a,p=l,d||(p?(v=p,function(e){return v.reduce((function(i,t){return("object"==typeof e?e:{})[t]||(i[t]=f("validationErrors:Required")),i}),{})}):void 0)),initialValues:m,enableReinitialize:u,onSubmit:c},(function(i){return s(e({},i))}))}export{o as BaseForm};
+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,
+  validate: a,
+  customValidationFields: m,
+  initialValues: d,
+  enableReinitialize: f,
+  save: u,
+  children: s,
+  t: p
+}) {
+  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,
+    {
+      validate: ((r, o) => {
+        if (r) return r;
+        if (o) return c(o);
+      })(a, m),
+      initialValues: d,
+      enableReinitialize: f,
+      onSubmit: u,
+      children: (r) => s({ ...r })
+    }
+  );
+}
+export {
+  k as BaseForm
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;"}

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import React from 'react';
+import { default as React } from 'react';
 import { FormikProps, FormikValues } from 'formik';
-import { TFunction } from "../../../modal/index";
-type Props<T> = {
+import { TFunction } from '../../../modal';
+declare type Props<T> = {
     initialValues: Record<string, unknown> & T;
     defaultValues: Record<string, unknown> & T;
     children: (props: FormikProps<FormikValues & T>) => React.ReactNode;
@@ -10,6 +9,6 @@ type Props<T> = {
     close: () => void;
     t: TFunction;
 };
-type FiltersFormType = <T>(props: Props<T>) => React.ReactElement;
-declare const FiltersForm: FiltersFormType;
-export { FiltersForm };
+declare type FiltersFormType = <T>(props: Props<T>) => React.ReactElement;
+export declare const FiltersForm: FiltersFormType;
+export {};

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

@@ -1 +1,53 @@
-import t from"react";import{Formik as o}from"formik";import{Button as e}from"../../../button/component.js";import{Sidepanel as n}from"../../../sidepanel/component.js";import{getDefaultValues as r}from"../../utils/get-default-values.js";import"tslib";import"react-merge-refs";import"classnames";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";import"../../../flex-columns/component.js";import"../../../sidepanel-header/component.js";import"../../../back-button/component.js";import"../../../button-arrow/component.js";import"@alphakits/icons";import"../../../typography/component.js";import"../../../typography/text/component.js";import"../../../colors.module-31cce552.js";import"../../../typography/title/index.js";import"../../../typography/title/component.js";import"../../../skeleton/component.js";var i=function(i){var m=i.initialValues,s=i.defaultValues,p=i.children,a=i.submitCallback,c=i.close,l=i.t,u=r(m,s);return t.createElement(o,{initialValues:u,onSubmit:function(t){a(t),c()}},(function(o){return t.createElement(n,{title:l("filters"),bottomAddons:t.createElement(t.Fragment,null,t.createElement(e,{view:"primary",size:"s",block:!0,dataTestId:"buttonSave",onClick:function(){return o.submitForm()}},l("save")),t.createElement(e,{block:!0,view:"secondary",size:"s",dataTestId:"buttonCancel",onClick:c},l("cancel")))},p(o))}))};export{i as FiltersForm};
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import d from "react";
+import { Formik as u } 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,
+  children: l,
+  submitCallback: s,
+  close: r,
+  t: o
+}) => {
+  const a = f(n, m);
+  return /* @__PURE__ */ e(u, { initialValues: a, onSubmit: (t) => {
+    s(t), r();
+  }, children: (t) => /* @__PURE__ */ e(
+    b,
+    {
+      title: o("filters"),
+      bottomAddons: /* @__PURE__ */ c(d.Fragment, { children: [
+        /* @__PURE__ */ e(
+          i,
+          {
+            view: "primary",
+            size: "s",
+            block: !0,
+            dataTestId: "buttonSave",
+            onClick: () => t.submitForm(),
+            children: o("save")
+          }
+        ),
+        /* @__PURE__ */ e(
+          i,
+          {
+            block: !0,
+            view: "secondary",
+            size: "s",
+            dataTestId: "buttonCancel",
+            onClick: r,
+            children: o("cancel")
+          }
+        )
+      ] }),
+      children: l(t)
+    }
+  ) });
+};
+export {
+  C as FiltersForm
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;"}

package/dist/form/templates/rest-form/form.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { FormikProps, FormikValues } from 'formik';
-import { Props } from "./index";
-type FormProps<T extends FormikValues> = Props<T> & FormikProps<T>;
-declare function Form<T extends FormikValues>({ recordId, title, subtitle, headerBottomAddons, initialValues, submitButtonText, customFooter, loading, updating, removing, customValidationFields, validate, save, remove, close, back, t, children, headerAddon, error, softError, ...formProps }: FormProps<T>): JSX.Element;
-export { Form };
+import { Props } from '.';
+declare type FormProps<T extends FormikValues> = Props<T> & FormikProps<T>;
+export declare function Form<T extends FormikValues>({ recordId, title, subtitle, headerBottomAddons, initialValues, submitButtonText, customFooter, loading, updating, removing, customValidationFields, validate, save, remove, close, back, t, children, headerAddon, error, softError, ...formProps }: FormProps<T>): JSX.Element;
+export {};

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

@@ -1 +1,119 @@
-import{__rest as t,__assign as o}from"tslib";import e,{useContext as i,useState as r,useCallback as n,useEffect as m}from"react";import a from"@alphakits/icons/dist/TrashM";import{Button as s}from"../../../button/component.js";import{Flex as l}from"../../../flex/component.js";import{FlexColumns as d}from"../../../flex-columns/component.js";import{IconButton as c}from"../../../icon-button/component.js";import{ModalContext as p}from"../../../modal/context.js";import{Sidepanel as u}from"../../../sidepanel/component.js";import{ToastPlate as b}from"../../../toast-plate/component.js";import"react-merge-refs";import"classnames";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";import"../../../portal/component.js";import"react-dom";import"../../../portal/utils.js";import"../../../modal/components/modals/index.js";import"../../../modal/components/modals/modal.js";import"../../../button-arrow/component.js";import"@alphakits/icons";import"../../../modal/hooks/use-modal.js";import"uuid";import"../../../modal/utils/delete-property-by-id.js";import"../../../sidepanel-header/component.js";import"../../../back-button/component.js";import"../../../typography/component.js";import"../../../typography/text/component.js";import"../../../colors.module-31cce552.js";import"../../../typography/title/index.js";import"../../../typography/title/component.js";import"../../../skeleton/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/ClockCircleM";import"@alphakits/icons/dist/CloseS";function h(h){var f=h.recordId,j=h.title,g=h.subtitle,k=h.headerBottomAddons,v=h.initialValues,y=h.submitButtonText,C=h.customFooter,E=h.loading,x=h.updating,A=h.removing;h.customValidationFields,h.validate,h.save;var V=h.remove,T=h.close,B=h.back,F=h.t,I=h.children,M=h.headerAddon;h.error;var w=h.softError,S=t(h,["recordId","title","subtitle","headerBottomAddons","initialValues","submitButtonText","customFooter","loading","updating","removing","customValidationFields","validate","save","remove","close","back","t","children","headerAddon","error","softError"]),z=i(p),D=z.setModalDirty,P=z.currentModalId,R=r(P)[0],q=S.submitCount,G=S.handleSubmit,H=S.isValid,J=t(S,["submitCount","handleSubmit","isValid"]),K=!!f&&!!V,L=n((function(){D(R,!1),G()}),[J.dirty,R]),N=n((function(){D(R,!1),confirm(F("common:deleteConfirm"))&&(null==V||V())}),[J.dirty,R]);m((function(){E||D(R,J.dirty)}),[J.dirty,E,R]);var O=K||M?e.createElement(e.Fragment,null,M,K&&e.createElement(c,{dataTestId:"removeTariffBtn",size:"m",disabled:x,loading:A,onClick:N,icon:a})):null;return e.createElement(u,{headerRightAddons:O,title:j,subtitle:g,loading:x||A||E,headerBottomAddons:(k||!!w||!H&&!!q)&&e.createElement(d,{columns:1,gr:8},k,!!w&&e.createElement(b,{view:"negative"},w),!H&&!!q&&e.createElement(b,{view:"negative"},"Please correct errors before submitting form.")),back:B,t:F,bottomAddons:C||e.createElement(l,{gap:"md"},e.createElement(s,{view:"primary",size:"s",block:!0,loading:E,disabled:x||A,dataTestId:"buttonSave",onClick:function(){return L()}},F(y||"save")),e.createElement(s,{block:!0,view:"secondary",size:"s",dataTestId:"buttonCancel",onClick:T},F("cancel")))},I(o({submitCount:q,isValid:H,handleSubmit:L,initialValues:v},J)))}export{h as Form};
+import { jsxs as f, jsx as t } from "react/jsx-runtime";
+import A, { useContext as V, useState as D, useCallback as C, useEffect as H } from "react";
+import q from "@alphakits/icons/dist/TrashM";
+import { Button as k } from "../../../button/component.js";
+import { Flex as G } from "../../../flex/component.js";
+import { FlexColumns as J } from "../../../flex-columns/component.js";
+import { IconButton as K } from "../../../icon-button/component.js";
+import { ModalContext as L } from "../../../modal/context.js";
+import { Sidepanel as N } from "../../../sidepanel/component.js";
+import { ToastPlate as x } from "../../../toast-plate/component.js";
+function re({
+  recordId: y,
+  title: F,
+  subtitle: v,
+  headerBottomAddons: u,
+  initialValues: I,
+  submitButtonText: T,
+  customFooter: w,
+  loading: i,
+  updating: s,
+  removing: d,
+  customValidationFields: O,
+  validate: Q,
+  save: U,
+  remove: r,
+  close: M,
+  back: R,
+  t: n,
+  children: S,
+  headerAddon: b,
+  error: W,
+  softError: a,
+  ...B
+}) {
+  const { setModalDirty: l, currentModalId: z } = V(L), [e] = D(z), {
+    submitCount: c,
+    handleSubmit: P,
+    isValid: m,
+    ...o
+  } = B, h = !!y && !!r, p = C(
+    () => {
+      l(e, !1), P();
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [o.dirty, e]
+  ), g = C(() => {
+    l(e, !1), confirm(n("common:deleteConfirm")) && (r == null || r());
+  }, [o.dirty, e]);
+  H(() => {
+    i || l(e, o.dirty);
+  }, [o.dirty, i, e]);
+  const j = h || b ? /* @__PURE__ */ f(A.Fragment, { children: [
+    b,
+    h && /* @__PURE__ */ t(
+      K,
+      {
+        dataTestId: "removeTariffBtn",
+        size: "m",
+        disabled: s,
+        loading: d,
+        onClick: g,
+        icon: q
+      }
+    )
+  ] }) : null;
+  return /* @__PURE__ */ t(
+    N,
+    {
+      headerRightAddons: j,
+      title: F,
+      subtitle: v,
+      loading: s || d || i,
+      headerBottomAddons: (u || !!a || !m && !!c) && /* @__PURE__ */ f(J, { columns: 1, gr: 8, children: [
+        u,
+        !!a && /* @__PURE__ */ t(x, { view: "negative", children: a }),
+        !m && !!c && /* @__PURE__ */ t(x, { view: "negative", children: "Please correct errors before submitting form." })
+      ] }),
+      back: R,
+      t: n,
+      bottomAddons: w || /* @__PURE__ */ f(G, { gap: "md", children: [
+        /* @__PURE__ */ t(
+          k,
+          {
+            view: "primary",
+            size: "s",
+            block: !0,
+            loading: i,
+            disabled: s || d,
+            dataTestId: "buttonSave",
+            onClick: () => p(),
+            children: n(T || "save")
+          }
+        ),
+        /* @__PURE__ */ t(
+          k,
+          {
+            block: !0,
+            view: "secondary",
+            size: "s",
+            dataTestId: "buttonCancel",
+            onClick: M,
+            children: n("cancel")
+          }
+        )
+      ] }),
+      children: S({
+        submitCount: c,
+        isValid: m,
+        handleSubmit: p,
+        initialValues: I,
+        ...o
+      })
+    }
+  );
+}
+export {
+  re as Form
+};
+//# sourceMappingURL=form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sources":["../../../../src/form/templates/rest-form/form.tsx"],"sourcesContent":["import React, {\n    useCallback, useContext, useEffect, useState,\n} from 'react';\nimport TrashM from '@alphakits/icons/dist/TrashM';\nimport { FormikProps, FormikValues } from 'formik';\n\nimport { Button } from '../../../button';\nimport { Flex } from '../../../flex';\nimport { FlexColumns } from '../../../flex-columns';\nimport { IconButton } from '../../../icon-button';\nimport { ModalContext } from '../../../modal';\nimport { Sidepanel } from '../../../sidepanel';\nimport { ToastPlate } from '../../../toast-plate';\n\nimport { Props } from '.';\n\ntype FormProps<T extends FormikValues> = Props<T> & FormikProps<T>;\n\nexport function Form<T extends FormikValues>({\n    recordId,\n    title,\n    subtitle,\n    headerBottomAddons,\n    initialValues,\n    submitButtonText,\n    customFooter,\n    loading,\n    updating,\n    removing,\n    customValidationFields,\n    validate,\n    save,\n    remove,\n    close,\n    back,\n    t,\n    children,\n    headerAddon,\n    error,\n    softError,\n    ...formProps\n}: FormProps<T>) {\n    const { setModalDirty, currentModalId } = useContext(ModalContext);\n    const [parentModalId] = useState(currentModalId);\n\n    const {\n        submitCount, handleSubmit, isValid, ...restFormikProps\n    } = formProps;\n    const showRemoveBtn = !!recordId && !!remove;\n\n    const submitForm = useCallback(\n        () => {\n            setModalDirty(parentModalId, false);\n            handleSubmit();\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [restFormikProps.dirty, parentModalId],\n    );\n\n    const handleRemove = useCallback(() => {\n        setModalDirty(parentModalId, false);\n\n        // eslint-disable-next-line no-restricted-globals\n        if (confirm(t('common:deleteConfirm'))) {\n            remove?.();\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [restFormikProps.dirty, parentModalId]);\n\n    useEffect(() => {\n        if (!loading) {\n            setModalDirty(parentModalId, restFormikProps.dirty);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [restFormikProps.dirty, loading, parentModalId]);\n\n    const needRenderHeaderAddons =\n        showRemoveBtn || !!headerAddon ? (\n            <React.Fragment>\n                { headerAddon }\n\n                { showRemoveBtn && (\n                    <IconButton\n                        dataTestId=\"removeTariffBtn\"\n                        size=\"m\"\n                        disabled={ updating }\n                        loading={ removing }\n                        onClick={ handleRemove }\n                        icon={ TrashM }\n                    />\n                ) }\n            </React.Fragment>\n        ) : null;\n\n    return (\n        <Sidepanel\n            headerRightAddons={ needRenderHeaderAddons }\n            title={ title }\n            subtitle={ subtitle }\n            loading={ updating || removing || loading }\n            headerBottomAddons={ (headerBottomAddons || !!softError || (!isValid && !!submitCount)) && (\n                <FlexColumns columns={ 1 } gr={ 8 }>\n                    { headerBottomAddons }\n\n                    { !!softError && <ToastPlate view=\"negative\">{ softError }</ToastPlate> }\n\n                    { !isValid && !!submitCount && (\n                        <ToastPlate view=\"negative\">\n                            Please correct errors before submitting form.\n                        </ToastPlate>\n                    ) }\n                </FlexColumns>\n            ) }\n            back={ back }\n            t={ t }\n            bottomAddons={ customFooter || (\n                <Flex gap=\"md\">\n                    <Button\n                        view=\"primary\"\n                        size=\"s\"\n                        block={ true }\n                        loading={ loading }\n                        disabled={ updating || removing }\n                        dataTestId=\"buttonSave\"\n                        onClick={ () => submitForm() }\n                    >\n                        { t(submitButtonText || 'save') }\n                    </Button>\n                    <Button\n                        block={ true }\n                        view=\"secondary\"\n                        size=\"s\"\n                        dataTestId=\"buttonCancel\"\n                        onClick={ close }\n                    >\n                        { t('cancel') }\n                    </Button>\n                </Flex>\n            ) }\n        >\n            { children({\n                submitCount,\n                isValid,\n                handleSubmit: submitForm,\n                initialValues,\n                ...restFormikProps,\n            }) }\n        </Sidepanel>\n    );\n}\n"],"names":["Form","recordId","title","subtitle","headerBottomAddons","initialValues","submitButtonText","customFooter","loading","updating","removing","customValidationFields","validate","save","remove","close","back","t","children","headerAddon","error","softError","formProps","setModalDirty","currentModalId","useContext","ModalContext","parentModalId","useState","submitCount","handleSubmit","isValid","restFormikProps","showRemoveBtn","submitForm","useCallback","handleRemove","useEffect","needRenderHeaderAddons","jsxs","React","jsx","IconButton","TrashM","Sidepanel","FlexColumns","ToastPlate","Flex","Button"],"mappings":"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"}

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

@@ -1,9 +1,7 @@
-/// <reference types="react" />
-import React from 'react';
-import { PropsWithChildren } from "react";
+import { default as React, PropsWithChildren } from 'react';
 import { FormikErrors, FormikProps, FormikValues } from 'formik';
-import { TFunction } from "../../../modal/index";
-type Props<T extends FormikValues> = {
+import { TFunction } from '../../../modal';
+export declare type Props<T extends FormikValues> = {
     recordId?: number;
     title: string;
     subtitle?: string;
@@ -12,6 +10,7 @@ type Props<T extends FormikValues> = {
     headerBottomAddons?: React.ReactNode;
     initialValues: T;
     validate?: (values: T) => void | Record<string, unknown> | Promise<FormikErrors<T>>;
+    /** customValidationFields - значения полей которые необходимо валидировать */
     customValidationFields?: Array<keyof T>;
     save: (values: any) => any;
     back?: () => void;
@@ -21,11 +20,11 @@ type Props<T extends FormikValues> = {
     removing?: boolean;
     error?: string | null;
     softError?: string | null;
+    /** Текст кнопки сохранить */
     submitButtonText?: string;
     children: (props: FormikProps<FormikValues & T>) => React.ReactNode;
     close: () => void;
     t: TFunction;
     headerAddon?: React.ReactNode;
 };
-declare function RestForm<T extends FormikValues>({ enableReinitialize, ...props }: PropsWithChildren<Props<T>>): JSX.Element;
-export { Props, RestForm };
+export declare function RestForm<T extends FormikValues>({ enableReinitialize, ...props }: PropsWithChildren<Props<T>>): JSX.Element;

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

@@ -1 +1,39 @@
-import{__rest as o,__assign as t}from"tslib";import i from"react";import{Formik as e}from"formik";import{Form as r}from"./form.js";import"@alphakits/icons/dist/TrashM";import"../../../button/component.js";import"react-merge-refs";import"classnames";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";import"../../../flex/component.js";import"../../../flex-columns/component.js";import"../../../icon-button/component.js";import"../../../modal/context.js";import"../../../portal/component.js";import"react-dom";import"../../../portal/utils.js";import"../../../modal/components/modals/index.js";import"../../../modal/components/modals/modal.js";import"../../../button-arrow/component.js";import"@alphakits/icons";import"../../../modal/hooks/use-modal.js";import"uuid";import"../../../modal/utils/delete-property-by-id.js";import"../../../sidepanel/component.js";import"../../../sidepanel-header/component.js";import"../../../back-button/component.js";import"../../../typography/component.js";import"../../../typography/text/component.js";import"../../../colors.module-31cce552.js";import"../../../typography/title/index.js";import"../../../typography/title/component.js";import"../../../skeleton/component.js";import"../../../toast-plate/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/ClockCircleM";import"@alphakits/icons/dist/CloseS";function n(n){var m=n.enableReinitialize,p=void 0===m||m,s=o(n,["enableReinitialize"]),a=s.loading,l=s.error,c=s.validate,d=s.customValidationFields,u=s.initialValues,j=s.save;if(l)return i.createElement("div",null,"Error ");var f,h,k;return i.createElement(e,{validate:(f=c,h=d,f||(h?(k=h,function(o){return k.reduce((function(t,i){return("object"==typeof o?o:{})[i]||(t[i]=s.t("validationErrors:Required")),t}),{})}):void 0)),initialValues:u,enableReinitialize:p,onSubmit:j},(function(o){return i.createElement(r,t({loading:a},o,s))}))}export{n as RestForm};
+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 }) {
+  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,
+    {
+      validate: ((r, t) => {
+        if (r) return r;
+        if (t) return c(t);
+      })(m, u),
+      initialValues: s,
+      enableReinitialize: a,
+      onSubmit: f,
+      children: (r) => /* @__PURE__ */ i(
+        h,
+        {
+          loading: d,
+          ...r,
+          ...e
+        }
+      )
+    }
+  );
+}
+export {
+  F as RestForm
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;"}

package/dist/form/utils/get-default-values.d.ts

@@ -1,2 +1 @@
-declare function getDefaultValues<T extends Record<string, unknown>, D extends Record<string, unknown>>(values: T, defaultValues: D): D;
-export { getDefaultValues };
+export declare function getDefaultValues<T extends Record<string, unknown>, D extends Record<string, unknown>>(values: T, defaultValues: D): D;

package/dist/form/utils/get-default-values.js

@@ -1 +1,10 @@
-import{__assign as r}from"tslib";function t(t,e){return Object.entries(e).reduce((function(e,n){var i,o=n[0],u=n[1];return r(((i={})[o]=t[o]||u,i),e)}),{})}export{t as getDefaultValues};
+function c(t, u) {
+  return Object.entries(u).reduce((n, [e, r]) => ({
+    [e]: t[e] || r,
+    ...n
+  }), {});
+}
+export {
+  c as getDefaultValues
+};
+//# sourceMappingURL=get-default-values.js.map

package/dist/form/utils/get-default-values.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-default-values.js","sources":["../../../src/form/utils/get-default-values.ts"],"sourcesContent":["export function getDefaultValues<T extends Record<string, unknown>, D extends Record<string, unknown>>(values: T, defaultValues: D): D {\n    return Object.entries(defaultValues).reduce((acc, [row, value]) => ({\n        [row]: values[row] || value,\n        ...acc,\n    }), {}) as D;\n}\n"],"names":["getDefaultValues","values","defaultValues","acc","row","value"],"mappings":"AAAO,SAASA,EAAuFC,GAAWC,GAAqB;AACnI,SAAO,OAAO,QAAQA,CAAa,EAAE,OAAO,CAACC,GAAK,CAACC,GAAKC,CAAK,OAAO;AAAA,IAChE,CAACD,CAAG,GAAGH,EAAOG,CAAG,KAAKC;AAAA,IACtB,GAAGF;AAAA,EAAA,IACH,CAAA,CAAE;AACV;"}

package/dist/form/utils/remove-undefined-from-object.d.ts

@@ -1,4 +1,3 @@
-declare function removeUndefinedFromObject(data: Record<string, unknown>): {
+export declare function removeUndefinedFromObject(data: Record<string, unknown>): {
     [k: string]: unknown;
 };
-export { removeUndefinedFromObject };

package/dist/form/utils/remove-undefined-from-object.js

@@ -1 +1,9 @@
-function t(t){return Object.fromEntries(Object.entries(t).filter((function(t){return void 0!==t[1]})))}export{t as removeUndefinedFromObject};
+function t(e) {
+  return Object.fromEntries(
+    Object.entries(e).filter(([, r]) => r !== void 0)
+  );
+}
+export {
+  t as removeUndefinedFromObject
+};
+//# sourceMappingURL=remove-undefined-from-object.js.map

package/dist/form/utils/remove-undefined-from-object.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"remove-undefined-from-object.js","sources":["../../../src/form/utils/remove-undefined-from-object.ts"],"sourcesContent":["export function removeUndefinedFromObject(data: Record<string, unknown>) {\n    return Object.fromEntries(\n        Object.entries(data).filter(([, value]) => value !== undefined),\n    );\n}\n"],"names":["removeUndefinedFromObject","data","value"],"mappings":"AAAO,SAASA,EAA0BC,GAA+B;AACrE,SAAO,OAAO;AAAA,IACV,OAAO,QAAQA,CAAI,EAAE,OAAO,CAAC,GAAGC,CAAK,MAAMA,MAAU,MAAS;AAAA,EAAA;AAEtE;"}