@dartcom/ui-kit 2.7.2 → 2.9.0

package/README.md

@@ -36,7 +36,7 @@ npm version patch  // 1.0.0 -> 1.0.1
 npm version minor  // 1.0.0 -> 1.1.0
 npm version major  // 1.0.0 -> 2.0.0
 
-git push origin v2.3.0
+git push origin v2.8.0
 
 // Опубликуйте новую версию библиотеки
 npm publish --access public

package/dist/cjs/components/form/form.js

@@ -17,16 +17,22 @@ var Box = require('../../node_modules/@mui/material/esm/Box/Box.js');
  *
  * @returns {JSX.Element} The rendered form component with form context.
  */
-function CustomForm({ children, form, sx = {}, onSubmit, }) {
+function CustomForm({ form, sx = {}, fields, buttons, observers, onSubmit, }) {
     const { handleSubmit } = form;
-    return (jsxRuntime.jsx(index_esm.FormProvider, { ...form, children: jsxRuntime.jsx(Box["default"], { component: "form", sx: {
+    return (jsxRuntime.jsx(index_esm.FormProvider, { ...form, children: jsxRuntime.jsxs(Box["default"], { component: "form", sx: {
                 display: 'grid',
-                alignContent: 'flex-start',
                 gap: '15px',
                 ...sx,
-            }, onSubmit: () => {
-                handleSubmit(onSubmit);
-            }, children: children }) }));
+            }, onSubmit: handleSubmit(onSubmit), children: [jsxRuntime.jsx(Box["default"], { sx: {
+                        display: 'grid',
+                        gap: '15px',
+                        ...fields.sx,
+                    }, children: fields.content }), buttons?.content ? (jsxRuntime.jsx(Box["default"], { sx: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        gap: '15px',
+                        ...buttons.sx,
+                    }, children: buttons.content })) : null, observers?.content] }) }));
 }
 
 exports["default"] = CustomForm;

package/dist/cjs/components/form/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sources":["../../../../src/components/form/form.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Box, SxProps } from '@mui/material';\r\nimport {\r\n  FieldValues,\r\n  FormProvider,\r\n  SubmitHandler,\r\n  UseFormReturn,\r\n} from 'react-hook-form';\r\n\r\ninterface CustomFormProp<T extends FieldValues> {\r\n  form: UseFormReturn<T>;\r\n\r\n  onSubmit: SubmitHandler<T>;\r\n\r\n  sx?: SxProps;\r\n}\r\n\r\n/**\r\n * Используем этот компонент как основную обертку для формы\r\n * Все поля должны хранится при инициализации формы и быть доступны через контекст формы\r\n * @template T - Интрефейс данных формы.\r\n * @param {React.ReactNode} children - Все компоненты, которым нужен контекст фор.\r\n * @param {UseFormReturn<T>} form - Форма useForm, которая содержит все поля.\r\n * @param {SxProps} [sx={}] - Опциональные стили самой формы.\r\n * @param {SubmitHandler<T>} onSubmit - Функция обработки отправки формы.\r\n *\r\n * @returns {JSX.Element} The rendered form component with form context.\r\n */\r\nfunction CustomForm<T extends FieldValues>({\r\n  children,\r\n  form,\r\n  sx = {},\r\n  onSubmit,\r\n}: React.PropsWithChildren<CustomFormProp<T>>) {\r\n  const { handleSubmit } = form;\r\n\r\n  return (\r\n    <FormProvider {...form}>\r\n      <Box\r\n        component=\"form\"\r\n        sx={{\r\n          display: 'grid',\r\n\r\n          alignContent: 'flex-start',\r\n\r\n          gap: '15px',\r\n\r\n          ...sx,\r\n        }}\r\n        onSubmit={() => {\r\n          handleSubmit(onSubmit);\r\n        }}>\r\n        {children}\r\n      </Box>\r\n    </FormProvider>\r\n  );\r\n}\r\n\r\nexport default CustomForm;\r\n"],"names":["_jsx","FormProvider","Box"],"mappings":";;;;;;;;AAiBA;;;;;;;;;;AAUG;AACH,SAAS,UAAU,CAAwB,EACzC,QAAQ,EACR,IAAI,EACJ,EAAE,GAAG,EAAE,EACP,QAAQ,GACmC,EAAA;AAC3C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;AAE9B,IAAA,QACEA,cAAA,CAACC,sBAAY,EAAA,EAAA,GAAK,IAAI,EACpB,QAAA,EAAAD,cAAA,CAACE,cAAG,EAAA,EACF,SAAS,EAAC,MAAM,EAChB,EAAE,EAAE;AACF,gBAAA,OAAO,EAAE,MAAM;AAEf,gBAAA,YAAY,EAAE,YAAY;AAE1B,gBAAA,GAAG,EAAE,MAAM;AAEX,gBAAA,GAAG,EAAE;aACN,EACD,QAAQ,EAAE,MAAK;gBACb,YAAY,CAAC,QAAQ,CAAC,CAAC;AACzB,aAAC,EACA,QAAA,EAAA,QAAQ,EACL,CAAA,EAAA,CACO,EACf;AACJ;;;;"}
+{"version":3,"file":"form.js","sources":["../../../../src/components/form/form.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Box, SxProps } from '@mui/material';\r\nimport {\r\n  FieldValues,\r\n  FormProvider,\r\n  SubmitHandler,\r\n  UseFormReturn,\r\n} from 'react-hook-form';\r\n\r\ninterface CustomFormProp<T extends FieldValues> {\r\n  form: UseFormReturn<T>;\r\n\r\n  onSubmit: SubmitHandler<T>;\r\n\r\n  sx?: SxProps;\r\n\r\n  fields: {\r\n    content: React.ReactNode;\r\n    sx?: SxProps;\r\n  };\r\n\r\n  buttons?: {\r\n    content?: React.ReactNode;\r\n    sx?: SxProps;\r\n  };\r\n\r\n  observers?: {\r\n    content?: React.ReactNode;\r\n  };\r\n}\r\n\r\n/**\r\n * Используем этот компонент как основную обертку для формы\r\n * Все поля должны хранится при инициализации формы и быть доступны через контекст формы\r\n * @template T - Интрефейс данных формы.\r\n * @param {React.ReactNode} children - Все компоненты, которым нужен контекст фор.\r\n * @param {UseFormReturn<T>} form - Форма useForm, которая содержит все поля.\r\n * @param {SxProps} [sx={}] - Опциональные стили самой формы.\r\n * @param {SubmitHandler<T>} onSubmit - Функция обработки отправки формы.\r\n *\r\n * @returns {JSX.Element} The rendered form component with form context.\r\n */\r\nfunction CustomForm<T extends FieldValues>({\r\n  form,\r\n  sx = {},\r\n  fields,\r\n  buttons,\r\n  observers,\r\n  onSubmit,\r\n}: CustomFormProp<T>) {\r\n  const { handleSubmit } = form;\r\n\r\n  return (\r\n    <FormProvider {...form}>\r\n      <Box\r\n        component=\"form\"\r\n        sx={{\r\n          display: 'grid',\r\n\r\n          gap: '15px',\r\n\r\n          ...sx,\r\n        }}\r\n        onSubmit={handleSubmit(onSubmit)}>\r\n        <Box\r\n          sx={{\r\n            display: 'grid',\r\n\r\n            gap: '15px',\r\n\r\n            ...fields.sx,\r\n          }}>\r\n          {fields.content}\r\n        </Box>\r\n\r\n        {buttons?.content ? (\r\n          <Box\r\n            sx={{\r\n              display: 'flex',\r\n\r\n              alignItems: 'center',\r\n\r\n              gap: '15px',\r\n\r\n              ...buttons.sx,\r\n            }}>\r\n            {buttons.content}\r\n          </Box>\r\n        ) : null}\r\n        {observers?.content}\r\n      </Box>\r\n    </FormProvider>\r\n  );\r\n}\r\n\r\nexport default CustomForm;\r\n"],"names":["_jsx","FormProvider","_jsxs","Box"],"mappings":";;;;;;;;AA+BA;;;;;;;;;;AAUG;AACH,SAAS,UAAU,CAAwB,EACzC,IAAI,EACJ,EAAE,GAAG,EAAE,EACP,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,GACU,EAAA;AAClB,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;AAE9B,IAAA,QACEA,cAAA,CAACC,sBAAY,EAAA,EAAA,GAAK,IAAI,EACpB,QAAA,EAAAC,eAAA,CAACC,cAAG,EAAA,EACF,SAAS,EAAC,MAAM,EAChB,EAAE,EAAE;AACF,gBAAA,OAAO,EAAE,MAAM;AAEf,gBAAA,GAAG,EAAE,MAAM;AAEX,gBAAA,GAAG,EAAE;aACN,EACD,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,EAAA,QAAA,EAAA,CAChCH,cAAC,CAAAG,cAAG,EACF,EAAA,EAAE,EAAE;AACF,wBAAA,OAAO,EAAE,MAAM;AAEf,wBAAA,GAAG,EAAE,MAAM;wBAEX,GAAG,MAAM,CAAC,EAAE;AACb,qBAAA,EAAA,QAAA,EACA,MAAM,CAAC,OAAO,EACX,CAAA,EAEL,OAAO,EAAE,OAAO,IACfH,cAAA,CAACG,cAAG,EAAA,EACF,EAAE,EAAE;AACF,wBAAA,OAAO,EAAE,MAAM;AAEf,wBAAA,UAAU,EAAE,QAAQ;AAEpB,wBAAA,GAAG,EAAE,MAAM;wBAEX,GAAG,OAAO,CAAC,EAAE;AACd,qBAAA,EAAA,QAAA,EACA,OAAO,CAAC,OAAO,EACZ,CAAA,IACJ,IAAI,EACP,SAAS,EAAE,OAAO,CACf,EAAA,CAAA,EAAA,CACO,EACf;AACJ;;;;"}

package/dist/cjs/components/input/input.js

@@ -3,14 +3,36 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
 var index_esm = require('../../node_modules/react-hook-form/dist/index.esm.js');
 var TextField = require('../../node_modules/@mui/material/esm/TextField/TextField.js');
 
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
 function CustomInput(props) {
     const { name } = props;
+    const textFieldId = React__namespace.useId();
     const { control } = index_esm.useFormContext();
     return (jsxRuntime.jsx(index_esm.Controller, { name: name, control: control, render: ({ field }) => {
-            return jsxRuntime.jsx(TextField["default"], { ...props, ...field, size: "small" });
+            return (jsxRuntime.jsx(TextField["default"], { id: textFieldId, ...props, ...field, size: "small" }));
         } }));
 }
 

package/dist/cjs/components/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sources":["../../../../src/components/input/input.tsx"],"sourcesContent":["import { TextField } from '@mui/material';\r\nimport { Controller, useFormContext } from 'react-hook-form';\r\n\r\nimport { InputProps } from './types';\r\n\r\nfunction CustomInput<T>(props: InputProps<T>) {\r\n  const { name } = props;\r\n\r\n  const { control } = useFormContext();\r\n\r\n  return (\r\n    <Controller\r\n      name={name}\r\n      control={control}\r\n      render={({ field }) => {\r\n        return <TextField {...props} {...field} size=\"small\" />;\r\n      }}\r\n    />\r\n  );\r\n}\r\n\r\nexport default CustomInput;\r\n"],"names":["useFormContext","_jsx","Controller","TextField"],"mappings":";;;;;;;;AAKA,SAAS,WAAW,CAAI,KAAoB,EAAA;AAC1C,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;AAEvB,IAAA,MAAM,EAAE,OAAO,EAAE,GAAGA,wBAAc,EAAE,CAAC;AAErC,IAAA,QACEC,cAAC,CAAAC,oBAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,KAAI;YACpB,OAAOD,cAAA,CAACE,oBAAS,EAAA,EAAA,GAAK,KAAK,EAAA,GAAM,KAAK,EAAE,IAAI,EAAC,OAAO,EAAA,CAAG,CAAC;SACzD,EAAA,CACD,EACF;AACJ;;;;"}
+{"version":3,"file":"input.js","sources":["../../../../src/components/input/input.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { TextField } from '@mui/material';\r\nimport { Controller, useFormContext } from 'react-hook-form';\r\n\r\nimport { CustomInputProps } from './types';\r\n\r\nfunction CustomInput<T>(props: CustomInputProps<T>) {\r\n  const { name } = props;\r\n\r\n  const textFieldId = React.useId();\r\n\r\n  const { control } = useFormContext();\r\n\r\n  return (\r\n    <Controller\r\n      name={name}\r\n      control={control}\r\n      render={({ field }) => {\r\n        return (\r\n          <TextField id={textFieldId} {...props} {...field} size=\"small\" />\r\n        );\r\n      }}\r\n    />\r\n  );\r\n}\r\n\r\nexport default CustomInput;\r\n"],"names":["React","useFormContext","_jsx","Controller","TextField"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,SAAS,WAAW,CAAI,KAA0B,EAAA;AAChD,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;AAEvB,IAAA,MAAM,WAAW,GAAGA,gBAAK,CAAC,KAAK,EAAE,CAAC;AAElC,IAAA,MAAM,EAAE,OAAO,EAAE,GAAGC,wBAAc,EAAE,CAAC;AAErC,IAAA,QACEC,cAAC,CAAAC,oBAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,KAAI;AACpB,YAAA,QACED,cAAC,CAAAE,oBAAS,EAAC,EAAA,EAAE,EAAE,WAAW,EAAA,GAAM,KAAK,EAAA,GAAM,KAAK,EAAE,IAAI,EAAC,OAAO,EAAA,CAAG,EACjE;SACH,EAAA,CACD,EACF;AACJ;;;;"}

package/dist/esm/components/form/form.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{FormProvider as e}from"../../node_modules/react-hook-form/dist/index.esm.js";import r from"../../node_modules/@mui/material/esm/Box/Box.js";function t({children:t,form:m,sx:n={},onSubmit:i}){const{handleSubmit:s}=m;return o(e,{...m,children:o(r,{component:"form",sx:{display:"grid",alignContent:"flex-start",gap:"15px",...n},onSubmit:()=>{s(i)},children:t})})}export{t as default};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{FormProvider as n}from"../../node_modules/react-hook-form/dist/index.esm.js";import t from"../../node_modules/@mui/material/esm/Box/Box.js";function r({form:r,sx:s={},fields:i,buttons:m,observers:d,onSubmit:l}){const{handleSubmit:x}=r;return e(n,{...r,children:o(t,{component:"form",sx:{display:"grid",gap:"15px",...s},onSubmit:x(l),children:[e(t,{sx:{display:"grid",gap:"15px",...i.sx},children:i.content}),m?.content?e(t,{sx:{display:"flex",alignItems:"center",gap:"15px",...m.sx},children:m.content}):null,d?.content]})})}export{r as default};
 //# sourceMappingURL=form.js.map

package/dist/esm/components/form/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sources":["../../../../src/components/form/form.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Box, SxProps } from '@mui/material';\r\nimport {\r\n  FieldValues,\r\n  FormProvider,\r\n  SubmitHandler,\r\n  UseFormReturn,\r\n} from 'react-hook-form';\r\n\r\ninterface CustomFormProp<T extends FieldValues> {\r\n  form: UseFormReturn<T>;\r\n\r\n  onSubmit: SubmitHandler<T>;\r\n\r\n  sx?: SxProps;\r\n}\r\n\r\n/**\r\n * Используем этот компонент как основную обертку для формы\r\n * Все поля должны хранится при инициализации формы и быть доступны через контекст формы\r\n * @template T - Интрефейс данных формы.\r\n * @param {React.ReactNode} children - Все компоненты, которым нужен контекст фор.\r\n * @param {UseFormReturn<T>} form - Форма useForm, которая содержит все поля.\r\n * @param {SxProps} [sx={}] - Опциональные стили самой формы.\r\n * @param {SubmitHandler<T>} onSubmit - Функция обработки отправки формы.\r\n *\r\n * @returns {JSX.Element} The rendered form component with form context.\r\n */\r\nfunction CustomForm<T extends FieldValues>({\r\n  children,\r\n  form,\r\n  sx = {},\r\n  onSubmit,\r\n}: React.PropsWithChildren<CustomFormProp<T>>) {\r\n  const { handleSubmit } = form;\r\n\r\n  return (\r\n    <FormProvider {...form}>\r\n      <Box\r\n        component=\"form\"\r\n        sx={{\r\n          display: 'grid',\r\n\r\n          alignContent: 'flex-start',\r\n\r\n          gap: '15px',\r\n\r\n          ...sx,\r\n        }}\r\n        onSubmit={() => {\r\n          handleSubmit(onSubmit);\r\n        }}>\r\n        {children}\r\n      </Box>\r\n    </FormProvider>\r\n  );\r\n}\r\n\r\nexport default CustomForm;\r\n"],"names":["CustomForm","children","form","sx","onSubmit","handleSubmit","_jsx","FormProvider","Box","component","display","alignContent","gap"],"mappings":"2LA4BA,SAASA,GAAkCC,SACzCA,EAAQC,KACRA,EAAIC,GACJA,EAAK,CAAA,EAAEC,SACPA,IAEA,MAAMC,aAAEA,GAAiBH,EAEzB,OACEI,EAACC,EAAY,IAAKL,EAChBD,SAAAK,EAACE,EAAG,CACFC,UAAU,OACVN,GAAI,CACFO,QAAS,OAETC,aAAc,aAEdC,IAAK,UAEFT,GAELC,SAAU,KACRC,EAAaD,IAEdH,SAAAA,KAIT"}
+{"version":3,"file":"form.js","sources":["../../../../src/components/form/form.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Box, SxProps } from '@mui/material';\r\nimport {\r\n  FieldValues,\r\n  FormProvider,\r\n  SubmitHandler,\r\n  UseFormReturn,\r\n} from 'react-hook-form';\r\n\r\ninterface CustomFormProp<T extends FieldValues> {\r\n  form: UseFormReturn<T>;\r\n\r\n  onSubmit: SubmitHandler<T>;\r\n\r\n  sx?: SxProps;\r\n\r\n  fields: {\r\n    content: React.ReactNode;\r\n    sx?: SxProps;\r\n  };\r\n\r\n  buttons?: {\r\n    content?: React.ReactNode;\r\n    sx?: SxProps;\r\n  };\r\n\r\n  observers?: {\r\n    content?: React.ReactNode;\r\n  };\r\n}\r\n\r\n/**\r\n * Используем этот компонент как основную обертку для формы\r\n * Все поля должны хранится при инициализации формы и быть доступны через контекст формы\r\n * @template T - Интрефейс данных формы.\r\n * @param {React.ReactNode} children - Все компоненты, которым нужен контекст фор.\r\n * @param {UseFormReturn<T>} form - Форма useForm, которая содержит все поля.\r\n * @param {SxProps} [sx={}] - Опциональные стили самой формы.\r\n * @param {SubmitHandler<T>} onSubmit - Функция обработки отправки формы.\r\n *\r\n * @returns {JSX.Element} The rendered form component with form context.\r\n */\r\nfunction CustomForm<T extends FieldValues>({\r\n  form,\r\n  sx = {},\r\n  fields,\r\n  buttons,\r\n  observers,\r\n  onSubmit,\r\n}: CustomFormProp<T>) {\r\n  const { handleSubmit } = form;\r\n\r\n  return (\r\n    <FormProvider {...form}>\r\n      <Box\r\n        component=\"form\"\r\n        sx={{\r\n          display: 'grid',\r\n\r\n          gap: '15px',\r\n\r\n          ...sx,\r\n        }}\r\n        onSubmit={handleSubmit(onSubmit)}>\r\n        <Box\r\n          sx={{\r\n            display: 'grid',\r\n\r\n            gap: '15px',\r\n\r\n            ...fields.sx,\r\n          }}>\r\n          {fields.content}\r\n        </Box>\r\n\r\n        {buttons?.content ? (\r\n          <Box\r\n            sx={{\r\n              display: 'flex',\r\n\r\n              alignItems: 'center',\r\n\r\n              gap: '15px',\r\n\r\n              ...buttons.sx,\r\n            }}>\r\n            {buttons.content}\r\n          </Box>\r\n        ) : null}\r\n        {observers?.content}\r\n      </Box>\r\n    </FormProvider>\r\n  );\r\n}\r\n\r\nexport default CustomForm;\r\n"],"names":["CustomForm","form","sx","fields","buttons","observers","onSubmit","handleSubmit","_jsx","FormProvider","children","_jsxs","Box","component","display","gap","content","alignItems"],"mappings":"qMA0CA,SAASA,GAAkCC,KACzCA,EAAIC,GACJA,EAAK,CAAA,EAAEC,OACPA,EAAMC,QACNA,EAAOC,UACPA,EAASC,SACTA,IAEA,MAAMC,aAAEA,GAAiBN,EAEzB,OACEO,EAACC,EAAY,IAAKR,EAChBS,SAAAC,EAACC,EAAG,CACFC,UAAU,OACVX,GAAI,CACFY,QAAS,OAETC,IAAK,UAEFb,GAELI,SAAUC,EAAaD,GAASI,SAAA,CAChCF,EAACI,EACC,CAAAV,GAAI,CACFY,QAAS,OAETC,IAAK,UAEFZ,EAAOD,IACXQ,SACAP,EAAOa,UAGTZ,GAASY,QACRR,EAACI,EAAG,CACFV,GAAI,CACFY,QAAS,OAETG,WAAY,SAEZF,IAAK,UAEFX,EAAQF,IACZQ,SACAN,EAAQY,UAET,KACHX,GAAWW,YAIpB"}

package/dist/esm/components/input/input.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{useFormContext as o,Controller as r}from"../../node_modules/react-hook-form/dist/index.esm.js";import m from"../../node_modules/@mui/material/esm/TextField/TextField.js";function t(t){const{name:i}=t,{control:n}=o();return e(r,{name:i,control:n,render:({field:o})=>e(m,{...t,...o,size:"small"})})}export{t as default};
+import{jsx as e}from"react/jsx-runtime";import*as o from"react";import{useFormContext as r,Controller as m}from"../../node_modules/react-hook-form/dist/index.esm.js";import t from"../../node_modules/@mui/material/esm/TextField/TextField.js";function i(i){const{name:s}=i,d=o.useId(),{control:n}=r();return e(m,{name:s,control:n,render:({field:o})=>e(t,{id:d,...i,...o,size:"small"})})}export{i as default};
 //# sourceMappingURL=input.js.map

package/dist/esm/components/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sources":["../../../../src/components/input/input.tsx"],"sourcesContent":["import { TextField } from '@mui/material';\r\nimport { Controller, useFormContext } from 'react-hook-form';\r\n\r\nimport { InputProps } from './types';\r\n\r\nfunction CustomInput<T>(props: InputProps<T>) {\r\n  const { name } = props;\r\n\r\n  const { control } = useFormContext();\r\n\r\n  return (\r\n    <Controller\r\n      name={name}\r\n      control={control}\r\n      render={({ field }) => {\r\n        return <TextField {...props} {...field} size=\"small\" />;\r\n      }}\r\n    />\r\n  );\r\n}\r\n\r\nexport default CustomInput;\r\n"],"names":["CustomInput","props","name","control","useFormContext","_jsx","Controller","render","field","TextField","size"],"mappings":"yNAKA,SAASA,EAAeC,GACtB,MAAMC,KAAEA,GAASD,GAEXE,QAAEA,GAAYC,IAEpB,OACEC,EAACC,GACCJ,KAAMA,EACNC,QAASA,EACTI,OAAQ,EAAGC,WACFH,EAACI,EAAS,IAAKR,KAAWO,EAAOE,KAAK,WAIrD"}
+{"version":3,"file":"input.js","sources":["../../../../src/components/input/input.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { TextField } from '@mui/material';\r\nimport { Controller, useFormContext } from 'react-hook-form';\r\n\r\nimport { CustomInputProps } from './types';\r\n\r\nfunction CustomInput<T>(props: CustomInputProps<T>) {\r\n  const { name } = props;\r\n\r\n  const textFieldId = React.useId();\r\n\r\n  const { control } = useFormContext();\r\n\r\n  return (\r\n    <Controller\r\n      name={name}\r\n      control={control}\r\n      render={({ field }) => {\r\n        return (\r\n          <TextField id={textFieldId} {...props} {...field} size=\"small\" />\r\n        );\r\n      }}\r\n    />\r\n  );\r\n}\r\n\r\nexport default CustomInput;\r\n"],"names":["CustomInput","props","name","textFieldId","React","useId","control","useFormContext","_jsx","Controller","render","field","TextField","id","size"],"mappings":"iPAMA,SAASA,EAAeC,GACtB,MAAMC,KAAEA,GAASD,EAEXE,EAAcC,EAAMC,SAEpBC,QAAEA,GAAYC,IAEpB,OACEC,EAACC,GACCP,KAAMA,EACNI,QAASA,EACTI,OAAQ,EAAGC,WAEPH,EAACI,EAAU,CAAAC,GAAIV,KAAiBF,KAAWU,EAAOG,KAAK,WAKjE"}

package/dist/esm/types/components/form/form.d.ts

@@ -5,6 +5,17 @@ interface CustomFormProp<T extends FieldValues> {
     form: UseFormReturn<T>;
     onSubmit: SubmitHandler<T>;
     sx?: SxProps;
+    fields: {
+        content: React.ReactNode;
+        sx?: SxProps;
+    };
+    buttons?: {
+        content?: React.ReactNode;
+        sx?: SxProps;
+    };
+    observers?: {
+        content?: React.ReactNode;
+    };
 }
 /**
  * Используем этот компонент как основную обертку для формы
@@ -17,6 +28,6 @@ interface CustomFormProp<T extends FieldValues> {
  *
  * @returns {JSX.Element} The rendered form component with form context.
  */
-declare function CustomForm<T extends FieldValues>({ children, form, sx, onSubmit, }: React.PropsWithChildren<CustomFormProp<T>>): import("react/jsx-runtime").JSX.Element;
+declare function CustomForm<T extends FieldValues>({ form, sx, fields, buttons, observers, onSubmit, }: CustomFormProp<T>): import("react/jsx-runtime").JSX.Element;
 export default CustomForm;
 //# sourceMappingURL=form.d.ts.map

package/dist/esm/types/components/form/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,OAAO,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EACL,WAAW,EAEX,aAAa,EACb,aAAa,EACd,MAAM,iBAAiB,CAAC;AAEzB,UAAU,cAAc,CAAC,CAAC,SAAS,WAAW;IAC5C,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAEvB,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAE3B,EAAE,CAAC,EAAE,OAAO,CAAC;CACd;AAED;;;;;;;;;;GAUG;AACH,iBAAS,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,EACzC,QAAQ,EACR,IAAI,EACJ,EAAO,EACP,QAAQ,GACT,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,2CAuB5C;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,OAAO,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EACL,WAAW,EAEX,aAAa,EACb,aAAa,EACd,MAAM,iBAAiB,CAAC;AAEzB,UAAU,cAAc,CAAC,CAAC,SAAS,WAAW;IAC5C,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAEvB,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAE3B,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb,MAAM,EAAE;QACN,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,EAAE,CAAC,EAAE,OAAO,CAAC;KACd,CAAC;IAEF,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,OAAO,CAAC;KACd,CAAC;IAEF,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B,CAAC;CACH;AAED;;;;;;;;;;GAUG;AACH,iBAAS,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,EACzC,IAAI,EACJ,EAAO,EACP,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,GACT,EAAE,cAAc,CAAC,CAAC,CAAC,2CA4CnB;AAED,eAAe,UAAU,CAAC"}

package/dist/esm/types/components/form/form.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/form.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,KAAK,QAAQ,GAAG,OAAO,IAAI,CAAC;AAE5B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,QAAQ,CAGxB,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAEhC,eAAO,MAAM,IAAI,EAAE,KAYlB,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"form.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/form.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,KAAK,QAAQ,GAAG,OAAO,IAAI,CAAC;AAE5B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,QAAQ,CAGxB,CAAC;AAMF,KAAK,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAEhC,eAAO,MAAM,IAAI,EAAE,KAoClB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/esm/types/components/input/input.d.ts

@@ -1,4 +1,4 @@
-import { InputProps } from './types';
-declare function CustomInput<T>(props: InputProps<T>): import("react/jsx-runtime").JSX.Element;
+import { CustomInputProps } from './types';
+declare function CustomInput<T>(props: CustomInputProps<T>): import("react/jsx-runtime").JSX.Element;
 export default CustomInput;
 //# sourceMappingURL=input.d.ts.map

package/dist/esm/types/components/input/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/input.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,iBAAS,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,2CAc3C;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/input.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,iBAAS,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAkBjD;AAED,eAAe,WAAW,CAAC"}

package/dist/esm/types/components/input/types.d.ts

@@ -1,6 +1,6 @@
 import { TextFieldProps } from '@mui/material';
 import { Path } from 'react-hook-form';
-export type InputProps<T> = TextFieldProps & {
+export type CustomInputProps<T> = TextFieldProps & {
     name: Path<T>;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/esm/types/components/input/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,cAAc,GAAG;IAC3C,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;CACf,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,cAAc,GAAG;IACjD,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;CACf,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dartcom/ui-kit",
-  "version": "2.7.2",
+  "version": "2.9.0",
   "description": "Кастомная библиотека комопнентов Dartcom",
   "type": "module",
   "main": "dist/cjs/index.js",