@dartcom/ui-kit 2.8.0 → 2.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -36,7 +36,7 @@ npm version patch // 1.0.0 -> 1.0.1
36
36
  npm version minor // 1.0.0 -> 1.1.0
37
37
  npm version major // 1.0.0 -> 2.0.0
38
38
 
39
- git push origin v2.3.0
39
+ git push origin v2.8.0
40
40
 
41
41
  // Опубликуйте новую версию библиотеки
42
42
  npm publish --access public
@@ -18,25 +18,21 @@ var Box = require('../../node_modules/@mui/material/esm/Box/Box.js');
18
18
  * @returns {JSX.Element} The rendered form component with form context.
19
19
  */
20
20
  function CustomForm({ form, sx = {}, fields, buttons, observers, onSubmit, }) {
21
- const { control } = form;
22
- return (jsxRuntime.jsx(index_esm.FormProvider, { ...form, children: jsxRuntime.jsxs(index_esm.Form, { control: control, onSubmit: onSubmit, style: {
23
- width: '100%',
24
- height: '100%',
25
- }, children: [jsxRuntime.jsxs(Box["default"], { sx: {
21
+ const { handleSubmit } = form;
22
+ return (jsxRuntime.jsx(index_esm.FormProvider, { ...form, children: jsxRuntime.jsxs(Box["default"], { component: "form", sx: {
23
+ display: 'grid',
24
+ gap: '15px',
25
+ ...sx,
26
+ }, onSubmit: handleSubmit(onSubmit), children: [jsxRuntime.jsx(Box["default"], { sx: {
26
27
  display: 'grid',
27
- alignContent: 'flex-start',
28
28
  gap: '15px',
29
- ...sx,
30
- }, children: [jsxRuntime.jsx(Box["default"], { sx: {
31
- display: 'grid',
32
- gap: '15px',
33
- ...fields.sx,
34
- }, children: fields.content }), buttons?.content ? (jsxRuntime.jsx(Box["default"], { sx: {
35
- display: 'flex',
36
- alignItems: 'center',
37
- gap: '15px',
38
- ...buttons.sx,
39
- }, children: buttons.content })) : null] }), observers?.content] }) }));
29
+ ...fields.sx,
30
+ }, children: fields.content }), buttons?.content ? (jsxRuntime.jsx(Box["default"], { sx: {
31
+ display: 'flex',
32
+ alignItems: 'center',
33
+ gap: '15px',
34
+ ...buttons.sx,
35
+ }, children: buttons.content })) : null, observers?.content] }) }));
40
36
  }
41
37
 
42
38
  exports["default"] = CustomForm;
@@ -1 +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 Form,\r\n FormProvider,\r\n FormSubmitHandler,\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: FormSubmitHandler<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 { control } = form;\r\n\r\n return (\r\n <FormProvider {...form}>\r\n <Form\r\n control={control}\r\n onSubmit={onSubmit}\r\n style={{\r\n width: '100%',\r\n height: '100%',\r\n }}>\r\n <Box\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 <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 </Box>\r\n\r\n {observers?.content}\r\n </Form>\r\n </FormProvider>\r\n );\r\n}\r\n\r\nexport default CustomForm;\r\n"],"names":["_jsx","FormProvider","_jsxs","Form","Box"],"mappings":";;;;;;;;AAgCA;;;;;;;;;;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,OAAO,EAAE,GAAG,IAAI,CAAC;AAEzB,IAAA,QACEA,cAAC,CAAAC,sBAAY,OAAK,IAAI,EAAA,QAAA,EACpBC,gBAACC,cAAI,EAAA,EACH,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE;AACL,gBAAA,KAAK,EAAE,MAAM;AACb,gBAAA,MAAM,EAAE,MAAM;AACf,aAAA,EAAA,QAAA,EAAA,CACDD,eAAC,CAAAE,cAAG,EACF,EAAA,EAAE,EAAE;AACF,wBAAA,OAAO,EAAE,MAAM;AAEf,wBAAA,YAAY,EAAE,YAAY;AAE1B,wBAAA,GAAG,EAAE,MAAM;AAEX,wBAAA,GAAG,EAAE;AACN,qBAAA,EAAA,QAAA,EAAA,CACDJ,cAAC,CAAAI,cAAG,EACF,EAAA,EAAE,EAAE;AACF,gCAAA,OAAO,EAAE,MAAM;AAEf,gCAAA,GAAG,EAAE,MAAM;gCAEX,GAAG,MAAM,CAAC,EAAE;AACb,6BAAA,EAAA,QAAA,EACA,MAAM,CAAC,OAAO,EACX,CAAA,EAEL,OAAO,EAAE,OAAO,IACfJ,cAAA,CAACI,cAAG,EAAA,EACF,EAAE,EAAE;AACF,gCAAA,OAAO,EAAE,MAAM;AAEf,gCAAA,UAAU,EAAE,QAAQ;AAEpB,gCAAA,GAAG,EAAE,MAAM;gCAEX,GAAG,OAAO,CAAC,EAAE;AACd,6BAAA,EAAA,QAAA,EACA,OAAO,CAAC,OAAO,EACZ,CAAA,IACJ,IAAI,CAAA,EAAA,CACJ,EAEL,SAAS,EAAE,OAAO,CACd,EAAA,CAAA,EAAA,CACM,EACf;AACJ;;;;"}
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 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;;;;"}
@@ -3,29 +3,50 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
+ var React = require('react');
6
7
  var noData = require('../no-data/no-data.js');
7
8
  var Box = require('../../node_modules/@mui/material/esm/Box/Box.js');
8
9
  var Typography = require('../../node_modules/@mui/material/esm/Typography/Typography.js');
9
10
  var List = require('../../node_modules/@mui/material/esm/List/List.js');
10
11
  var ListItem = require('../../node_modules/@mui/material/esm/ListItem/ListItem.js');
11
12
 
12
- function CustomList({ items, columnsCount = 1, getContent, title, getKey, onClick, sx, }) {
13
+ function _interopNamespace(e) {
14
+ if (e && e.__esModule) return e;
15
+ var n = Object.create(null);
16
+ if (e) {
17
+ Object.keys(e).forEach(function (k) {
18
+ if (k !== 'default') {
19
+ var d = Object.getOwnPropertyDescriptor(e, k);
20
+ Object.defineProperty(n, k, d.get ? d : {
21
+ enumerable: true,
22
+ get: function () { return e[k]; }
23
+ });
24
+ }
25
+ });
26
+ }
27
+ n["default"] = e;
28
+ return Object.freeze(n);
29
+ }
30
+
31
+ var React__namespace = /*#__PURE__*/_interopNamespace(React);
32
+
33
+ function CustomList({ items, columnsCount = 1, getContent, title, getKey, onClick, sx, isShowNoData = true, }) {
13
34
  const isNoData = items.length === 0;
14
35
  return (jsxRuntime.jsxs(Box["default"], { sx: {
15
36
  display: 'grid',
16
37
  gridTemplateColumns: '1fr',
17
38
  gap: '15px',
39
+ ...sx?.root,
18
40
  }, children: [title ? (jsxRuntime.jsx(Typography["default"], { variant: "h6", noWrap: true, sx: {
19
41
  textAlign: 'center',
20
42
  fontWeight: 700,
21
- }, children: title })) : null, isNoData ? (jsxRuntime.jsx(noData["default"], {})) : (jsxRuntime.jsx(List["default"], { sx: {
43
+ ...sx?.title,
44
+ }, children: title })) : null, isNoData ? (jsxRuntime.jsx(React__namespace.Fragment, { children: isShowNoData ? jsxRuntime.jsx(noData["default"], {}) : null })) : (jsxRuntime.jsx(List["default"], { sx: {
22
45
  display: 'grid',
23
46
  gridTemplateColumns: `repeat(${columnsCount}, 1fr)`,
24
47
  gap: '15px',
25
48
  ...sx?.list,
26
- }, disablePadding: true, children: items.map((item, index) => (jsxRuntime.jsx(ListItem["default"], { onClick: () => {
27
- onClick?.(item, index);
28
- }, sx: {
49
+ }, disablePadding: true, children: items.map((item, index) => (jsxRuntime.jsx(ListItem["default"], { onClick: () => onClick?.(item, index), sx: {
29
50
  ...sx?.item,
30
51
  }, disablePadding: true, children: getContent(item, index) }, getKey(item, index)))) }))] }));
31
52
  }
@@ -1 +1 @@
1
- {"version":3,"file":"list.js","sources":["../../../../src/components/list/list.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Box, List, ListItem, SxProps, Typography } from '@mui/material';\r\n\r\nimport { NoData } from '../no-data';\r\n\r\ninterface CustomListProps<T> {\r\n items: T[];\r\n columnsCount?: number;\r\n title?: string;\r\n\r\n getContent: (item: T, index: number) => React.JSX.Element;\r\n getKey: (item: T, index: number) => string | number;\r\n onClick?: (item: T, index: number) => void;\r\n\r\n sx?: {\r\n list?: SxProps;\r\n item?: SxProps;\r\n };\r\n}\r\n\r\nfunction CustomList<T>({\r\n items,\r\n columnsCount = 1,\r\n getContent,\r\n title,\r\n getKey,\r\n onClick,\r\n sx,\r\n}: CustomListProps<T>) {\r\n const isNoData = items.length === 0;\r\n\r\n return (\r\n <Box\r\n sx={{\r\n display: 'grid',\r\n\r\n gridTemplateColumns: '1fr',\r\n\r\n gap: '15px',\r\n }}>\r\n {title ? (\r\n <Typography\r\n variant=\"h6\"\r\n noWrap\r\n sx={{\r\n textAlign: 'center',\r\n\r\n fontWeight: 700,\r\n }}>\r\n {title}\r\n </Typography>\r\n ) : null}\r\n\r\n {isNoData ? (\r\n <NoData />\r\n ) : (\r\n <List\r\n sx={{\r\n display: 'grid',\r\n\r\n gridTemplateColumns: `repeat(${columnsCount}, 1fr)`,\r\n\r\n gap: '15px',\r\n\r\n ...sx?.list,\r\n }}\r\n disablePadding>\r\n {items.map((item, index) => (\r\n <ListItem\r\n key={getKey(item, index)}\r\n onClick={() => {\r\n onClick?.(item, index);\r\n }}\r\n sx={{\r\n ...sx?.item,\r\n }}\r\n disablePadding>\r\n {getContent(item, index)}\r\n </ListItem>\r\n ))}\r\n </List>\r\n )}\r\n </Box>\r\n );\r\n}\r\n\r\nexport default CustomList;\r\n"],"names":["_jsxs","Box","_jsx","Typography","NoData","List","ListItem"],"mappings":";;;;;;;;;;;AAoBA,SAAS,UAAU,CAAI,EACrB,KAAK,EACL,YAAY,GAAG,CAAC,EAChB,UAAU,EACV,KAAK,EACL,MAAM,EACN,OAAO,EACP,EAAE,GACiB,EAAA;AACnB,IAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;AAEpC,IAAA,QACEA,eAAA,CAACC,cAAG,EAAA,EACF,EAAE,EAAE;AACF,YAAA,OAAO,EAAE,MAAM;AAEf,YAAA,mBAAmB,EAAE,KAAK;AAE1B,YAAA,GAAG,EAAE,MAAM;AACZ,SAAA,EAAA,QAAA,EAAA,CACA,KAAK,IACJC,cAAC,CAAAC,qBAAU,EACT,EAAA,OAAO,EAAC,IAAI,EACZ,MAAM,EAAA,IAAA,EACN,EAAE,EAAE;AACF,oBAAA,SAAS,EAAE,QAAQ;AAEnB,oBAAA,UAAU,EAAE,GAAG;iBAChB,EACA,QAAA,EAAA,KAAK,EACK,CAAA,IACX,IAAI,EAEP,QAAQ,IACPD,cAAC,CAAAE,iBAAM,EAAG,EAAA,CAAA,KAEVF,cAAC,CAAAG,eAAI,EACH,EAAA,EAAE,EAAE;AACF,oBAAA,OAAO,EAAE,MAAM;oBAEf,mBAAmB,EAAE,CAAU,OAAA,EAAA,YAAY,CAAQ,MAAA,CAAA;AAEnD,oBAAA,GAAG,EAAE,MAAM;oBAEX,GAAG,EAAE,EAAE,IAAI;iBACZ,EACD,cAAc,kBACb,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MACrBH,cAAC,CAAAI,mBAAQ,IAEP,OAAO,EAAE,MAAK;AACZ,wBAAA,OAAO,GAAG,IAAI,EAAE,KAAK,CAAC,CAAC;qBACxB,EACD,EAAE,EAAE;wBACF,GAAG,EAAE,EAAE,IAAI;qBACZ,EACD,cAAc,kBACb,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,EAAA,EARnB,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CASf,CACZ,CAAC,EACG,CAAA,CACR,CACG,EAAA,CAAA,EACN;AACJ;;;;"}
1
+ {"version":3,"file":"list.js","sources":["../../../../src/components/list/list.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Box, List, ListItem, SxProps, Typography } from '@mui/material';\r\n\r\nimport { StringOrNumber } from '@/types';\r\n\r\nimport { NoData } from '../no-data';\r\n\r\ninterface CustomListProps<T> {\r\n items: T[];\r\n columnsCount?: number;\r\n title?: string;\r\n\r\n getContent: (item: T, index: number) => React.JSX.Element;\r\n getKey: (item: T, index: number) => StringOrNumber;\r\n onClick?: (item: T, index: number) => void;\r\n\r\n sx?: {\r\n root?: SxProps;\r\n list?: SxProps;\r\n title?: SxProps;\r\n item?: SxProps;\r\n };\r\n\r\n isShowNoData?: boolean;\r\n}\r\n\r\nfunction CustomList<T>({\r\n items,\r\n columnsCount = 1,\r\n getContent,\r\n title,\r\n getKey,\r\n onClick,\r\n sx,\r\n\r\n isShowNoData = true,\r\n}: CustomListProps<T>) {\r\n const isNoData = items.length === 0;\r\n\r\n return (\r\n <Box\r\n sx={{\r\n display: 'grid',\r\n\r\n gridTemplateColumns: '1fr',\r\n\r\n gap: '15px',\r\n\r\n ...sx?.root,\r\n }}>\r\n {title ? (\r\n <Typography\r\n variant=\"h6\"\r\n noWrap\r\n sx={{\r\n textAlign: 'center',\r\n\r\n fontWeight: 700,\r\n\r\n ...sx?.title,\r\n }}>\r\n {title}\r\n </Typography>\r\n ) : null}\r\n\r\n {isNoData ? (\r\n <React.Fragment>{isShowNoData ? <NoData /> : null}</React.Fragment>\r\n ) : (\r\n <List\r\n sx={{\r\n display: 'grid',\r\n\r\n gridTemplateColumns: `repeat(${columnsCount}, 1fr)`,\r\n\r\n gap: '15px',\r\n\r\n ...sx?.list,\r\n }}\r\n disablePadding>\r\n {items.map((item, index) => (\r\n <ListItem\r\n key={getKey(item, index)}\r\n onClick={() => onClick?.(item, index)}\r\n sx={{\r\n ...sx?.item,\r\n }}\r\n disablePadding>\r\n {getContent(item, index)}\r\n </ListItem>\r\n ))}\r\n </List>\r\n )}\r\n </Box>\r\n );\r\n}\r\n\r\nexport default CustomList;\r\n"],"names":["_jsxs","Box","_jsx","Typography","React","NoData","List","ListItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,SAAS,UAAU,CAAI,EACrB,KAAK,EACL,YAAY,GAAG,CAAC,EAChB,UAAU,EACV,KAAK,EACL,MAAM,EACN,OAAO,EACP,EAAE,EAEF,YAAY,GAAG,IAAI,GACA,EAAA;AACnB,IAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;AAEpC,IAAA,QACEA,eAAA,CAACC,cAAG,EAAA,EACF,EAAE,EAAE;AACF,YAAA,OAAO,EAAE,MAAM;AAEf,YAAA,mBAAmB,EAAE,KAAK;AAE1B,YAAA,GAAG,EAAE,MAAM;YAEX,GAAG,EAAE,EAAE,IAAI;AACZ,SAAA,EAAA,QAAA,EAAA,CACA,KAAK,IACJC,cAAC,CAAAC,qBAAU,EACT,EAAA,OAAO,EAAC,IAAI,EACZ,MAAM,EAAA,IAAA,EACN,EAAE,EAAE;AACF,oBAAA,SAAS,EAAE,QAAQ;AAEnB,oBAAA,UAAU,EAAE,GAAG;oBAEf,GAAG,EAAE,EAAE,KAAK;AACb,iBAAA,EAAA,QAAA,EACA,KAAK,EACK,CAAA,IACX,IAAI,EAEP,QAAQ,IACPD,eAACE,gBAAK,CAAC,QAAQ,EAAE,EAAA,QAAA,EAAA,YAAY,GAAGF,cAAC,CAAAG,iBAAM,KAAG,GAAG,IAAI,EAAA,CAAkB,KAEnEH,eAACI,eAAI,EAAA,EACH,EAAE,EAAE;AACF,oBAAA,OAAO,EAAE,MAAM;oBAEf,mBAAmB,EAAE,CAAU,OAAA,EAAA,YAAY,CAAQ,MAAA,CAAA;AAEnD,oBAAA,GAAG,EAAE,MAAM;oBAEX,GAAG,EAAE,EAAE,IAAI;AACZ,iBAAA,EACD,cAAc,EAAA,IAAA,EAAA,QAAA,EACb,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MACrBJ,cAAA,CAACK,mBAAQ,EAAA,EAEP,OAAO,EAAE,MAAM,OAAO,GAAG,IAAI,EAAE,KAAK,CAAC,EACrC,EAAE,EAAE;wBACF,GAAG,EAAE,EAAE,IAAI;qBACZ,EACD,cAAc,kBACb,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,EAAA,EANnB,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAOf,CACZ,CAAC,EACG,CAAA,CACR,CACG,EAAA,CAAA,EACN;AACJ;;;;"}
@@ -573,125 +573,7 @@ function useController(props) {
573
573
  */
574
574
  const Controller = (props) => props.render(useController(props));
575
575
 
576
- const flatten = (obj) => {
577
- const output = {};
578
- for (const key of Object.keys(obj)) {
579
- if (isObjectType(obj[key]) && obj[key] !== null) {
580
- const nested = flatten(obj[key]);
581
- for (const nestedKey of Object.keys(nested)) {
582
- output[`${key}.${nestedKey}`] = nested[nestedKey];
583
- }
584
- }
585
- else {
586
- output[key] = obj[key];
587
- }
588
- }
589
- return output;
590
- };
591
-
592
- const POST_REQUEST = 'post';
593
- /**
594
- * Form component to manage submission.
595
- *
596
- * @param props - to setup submission detail. {@link FormProps}
597
- *
598
- * @returns form component or headless render prop.
599
- *
600
- * @example
601
- * ```tsx
602
- * function App() {
603
- * const { control, formState: { errors } } = useForm();
604
- *
605
- * return (
606
- * <Form action="/api" control={control}>
607
- * <input {...register("name")} />
608
- * <p>{errors?.root?.server && 'Server error'}</p>
609
- * <button>Submit</button>
610
- * </Form>
611
- * );
612
- * }
613
- * ```
614
- */
615
- function Form(props) {
616
- const methods = useFormContext();
617
- const [mounted, setMounted] = React__default["default"].useState(false);
618
- const { control = methods.control, onSubmit, children, action, method = POST_REQUEST, headers, encType, onError, render, onSuccess, validateStatus, ...rest } = props;
619
- const submit = async (event) => {
620
- let hasError = false;
621
- let type = '';
622
- await control.handleSubmit(async (data) => {
623
- const formData = new FormData();
624
- let formDataJson = '';
625
- try {
626
- formDataJson = JSON.stringify(data);
627
- }
628
- catch (_a) { }
629
- const flattenFormValues = flatten(control._formValues);
630
- for (const key in flattenFormValues) {
631
- formData.append(key, flattenFormValues[key]);
632
- }
633
- if (onSubmit) {
634
- await onSubmit({
635
- data,
636
- event,
637
- method,
638
- formData,
639
- formDataJson,
640
- });
641
- }
642
- if (action) {
643
- try {
644
- const shouldStringifySubmissionData = [
645
- headers && headers['Content-Type'],
646
- encType,
647
- ].some((value) => value && value.includes('json'));
648
- const response = await fetch(String(action), {
649
- method,
650
- headers: {
651
- ...headers,
652
- ...(encType && encType !== 'multipart/form-data'
653
- ? { 'Content-Type': encType }
654
- : {}),
655
- },
656
- body: shouldStringifySubmissionData ? formDataJson : formData,
657
- });
658
- if (response &&
659
- (validateStatus
660
- ? !validateStatus(response.status)
661
- : response.status < 200 || response.status >= 300)) {
662
- hasError = true;
663
- onError && onError({ response });
664
- type = String(response.status);
665
- }
666
- else {
667
- onSuccess && onSuccess({ response });
668
- }
669
- }
670
- catch (error) {
671
- hasError = true;
672
- onError && onError({ error });
673
- }
674
- }
675
- })(event);
676
- if (hasError && props.control) {
677
- props.control._subjects.state.next({
678
- isSubmitSuccessful: false,
679
- });
680
- props.control.setError('root.server', {
681
- type,
682
- });
683
- }
684
- };
685
- React__default["default"].useEffect(() => {
686
- setMounted(true);
687
- }, []);
688
- return render ? (React__default["default"].createElement(React__default["default"].Fragment, null, render({
689
- submit,
690
- }))) : (React__default["default"].createElement("form", { noValidate: mounted, action: action, method: method, encType: encType, onSubmit: submit, ...rest }, children));
691
- }
692
-
693
576
  exports.Controller = Controller;
694
- exports.Form = Form;
695
577
  exports.FormProvider = FormProvider;
696
578
  exports.get = get;
697
579
  exports.set = set;