@dartcom/ui-kit 3.2.4 → 3.3.0

package/dist/cjs/components/buttons/delete/delete.js.map

@@ -1 +1 @@
-{"version":3,"file":"delete.js","sources":["../../../../../src/components/buttons/delete/delete.tsx"],"sourcesContent":["import * as React from 'react';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  IconButton,\n  Slide,\n} from '@mui/material';\nimport { TransitionProps } from '@mui/material/transitions';\n\nconst Transition = React.forwardRef(function Transition(\n  props: TransitionProps & {\n    children: React.ReactElement;\n  },\n  ref: React.Ref<unknown>,\n) {\n  return <Slide direction=\"up\" ref={ref} {...props} />;\n});\n\ninterface DeleteButtonProps {\n  onDelete: () => void;\n\n  notification?: {\n    title: string;\n    description: string;\n  };\n}\n\nconst DeleteButton: React.FC<DeleteButtonProps> = ({\n  notification,\n  onDelete,\n}) => {\n  const id = React.useId();\n\n  const [openNotification, setOpenNotification] = React.useState(false);\n\n  const handleOpenNotification = () => {\n    setOpenNotification(true);\n  };\n\n  const handleCloseNotification = () => {\n    setOpenNotification(false);\n  };\n\n  return (\n    <React.Fragment>\n      <IconButton\n        onClick={() => {\n          if (notification) {\n            handleOpenNotification();\n          } else {\n            onDelete();\n          }\n        }}>\n        <DeleteIcon fontSize=\"small\" color=\"error\" />\n      </IconButton>\n\n      {notification ? (\n        <Dialog\n          slots={{\n            transition: Transition,\n          }}\n          open={openNotification}\n          onClose={handleCloseNotification}>\n          <DialogTitle id={`${id}-dialog-title`}>\n            {notification.title}\n          </DialogTitle>\n\n          <DialogContent>\n            <DialogContentText id={`${id}-dialog-text`}>\n              {notification.description}\n            </DialogContentText>\n          </DialogContent>\n\n          <DialogActions>\n            <Button\n              variant=\"contained\"\n              color=\"error\"\n              sx={{\n                textTransform: 'none',\n              }}\n              onClick={handleCloseNotification}>\n              Отмена\n            </Button>\n\n            <Button\n              variant=\"contained\"\n              sx={{\n                textTransform: 'none',\n              }}\n              onClick={() => {\n                onDelete();\n\n                handleCloseNotification();\n              }}>\n              Подтвердить\n            </Button>\n          </DialogActions>\n        </Dialog>\n      ) : null}\n    </React.Fragment>\n  );\n};\n\nexport default DeleteButton;\n"],"names":["React","_jsx","Slide","_jsxs","IconButton","DeleteIcon","Dialog","DialogTitle","DialogContent","DialogContentText","DialogActions","Button"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,UAAU,GAAGA,gBAAK,CAAC,UAAU,CAAC,SAAS,UAAU,CACrD,KAEC,EACD,GAAuB,EAAA;AAEvB,IAAA,OAAOC,cAAA,CAACC,aAAK,EAAA,EAAC,SAAS,EAAC,IAAI,EAAC,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,GAAI;AACtD,CAAC,CAAC;AAWF,MAAM,YAAY,GAAgC,CAAC,EACjD,YAAY,EACZ,QAAQ,GACT,KAAI;AACH,IAAA,MAAM,EAAE,GAAGF,gBAAK,CAAC,KAAK,EAAE;AAExB,IAAA,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAGA,gBAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;IAErE,MAAM,sBAAsB,GAAG,MAAK;QAClC,mBAAmB,CAAC,IAAI,CAAC;AAC3B,IAAA,CAAC;IAED,MAAM,uBAAuB,GAAG,MAAK;QACnC,mBAAmB,CAAC,KAAK,CAAC;AAC5B,IAAA,CAAC;AAED,IAAA,QACEG,eAAA,CAACH,gBAAK,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAA,CACbC,cAAA,CAACG,kBAAU,EAAA,EACT,OAAO,EAAE,MAAK;oBACZ,IAAI,YAAY,EAAE;AAChB,wBAAA,sBAAsB,EAAE;oBAC1B;yBAAO;AACL,wBAAA,QAAQ,EAAE;oBACZ;gBACF,CAAC,EAAA,QAAA,EACDH,eAACI,cAAU,EAAA,EAAC,QAAQ,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,GAAG,EAAA,CAClC,EAEZ,YAAY,IACXF,eAAA,CAACG,cAAM,EAAA,EACL,KAAK,EAAE;AACL,oBAAA,UAAU,EAAE,UAAU;iBACvB,EACD,IAAI,EAAE,gBAAgB,EACtB,OAAO,EAAE,uBAAuB,EAAA,QAAA,EAAA,CAChCL,cAAA,CAACM,mBAAW,EAAA,EAAC,EAAE,EAAE,CAAA,EAAG,EAAE,CAAA,aAAA,CAAe,EAAA,QAAA,EAClC,YAAY,CAAC,KAAK,EAAA,CACP,EAEdN,cAAA,CAACO,qBAAa,EAAA,EAAA,QAAA,EACZP,cAAA,CAACQ,yBAAiB,IAAC,EAAE,EAAE,CAAA,EAAG,EAAE,CAAA,YAAA,CAAc,EAAA,QAAA,EACvC,YAAY,CAAC,WAAW,EAAA,CACP,EAAA,CACN,EAEhBN,eAAA,CAACO,qBAAa,eACZT,cAAA,CAACU,cAAM,EAAA,EACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,OAAO,EACb,EAAE,EAAE;AACF,oCAAA,aAAa,EAAE,MAAM;AACtB,iCAAA,EACD,OAAO,EAAE,uBAAuB,EAAA,QAAA,EAAA,sCAAA,EAAA,CAEzB,EAETV,cAAA,CAACU,cAAM,EAAA,EACL,OAAO,EAAC,WAAW,EACnB,EAAE,EAAE;AACF,oCAAA,aAAa,EAAE,MAAM;iCACtB,EACD,OAAO,EAAE,MAAK;AACZ,oCAAA,QAAQ,EAAE;AAEV,oCAAA,uBAAuB,EAAE;gCAC3B,CAAC,EAAA,QAAA,EAAA,oEAAA,EAAA,CAEM,CAAA,EAAA,CACK,CAAA,EAAA,CACT,IACP,IAAI,CAAA,EAAA,CACO;AAErB;;;;"}
+{"version":3,"file":"delete.js","sources":["../../../../../src/components/buttons/delete/delete.tsx"],"sourcesContent":["import * as React from 'react';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  IconButton,\n  Slide,\n} from '@mui/material';\nimport { TransitionProps } from '@mui/material/transitions';\n\nimport { DeleteButtonProps } from './types';\n\nconst Transition = React.forwardRef(function Transition(\n  props: TransitionProps & {\n    children: React.ReactElement;\n  },\n  ref: React.Ref<unknown>,\n) {\n  return <Slide direction=\"up\" ref={ref} {...props} />;\n});\n\nconst DeleteButton: React.FC<DeleteButtonProps> = ({\n  notification,\n  onDelete,\n}) => {\n  const id = React.useId();\n\n  const [openNotification, setOpenNotification] = React.useState(false);\n\n  const handleOpenNotification = () => {\n    setOpenNotification(true);\n  };\n\n  const handleCloseNotification = () => {\n    setOpenNotification(false);\n  };\n\n  return (\n    <React.Fragment>\n      <IconButton\n        onClick={() => {\n          if (notification) {\n            handleOpenNotification();\n          } else {\n            onDelete();\n          }\n        }}>\n        <DeleteIcon fontSize=\"small\" color=\"error\" />\n      </IconButton>\n\n      {notification ? (\n        <Dialog\n          slots={{\n            transition: Transition,\n          }}\n          open={openNotification}\n          onClose={handleCloseNotification}>\n          <DialogTitle id={`${id}-dialog-title`}>\n            {notification.title}\n          </DialogTitle>\n\n          <DialogContent>\n            <DialogContentText id={`${id}-dialog-text`}>\n              {notification.description}\n            </DialogContentText>\n          </DialogContent>\n\n          <DialogActions>\n            <Button\n              variant=\"contained\"\n              color=\"error\"\n              sx={{\n                textTransform: 'none',\n              }}\n              onClick={handleCloseNotification}>\n              Отмена\n            </Button>\n\n            <Button\n              variant=\"contained\"\n              sx={{\n                textTransform: 'none',\n              }}\n              onClick={() => {\n                onDelete();\n\n                handleCloseNotification();\n              }}>\n              Подтвердить\n            </Button>\n          </DialogActions>\n        </Dialog>\n      ) : null}\n    </React.Fragment>\n  );\n};\n\nexport default DeleteButton;\n"],"names":["React","_jsx","Slide","_jsxs","IconButton","DeleteIcon","Dialog","DialogTitle","DialogContent","DialogContentText","DialogActions","Button"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,UAAU,GAAGA,gBAAK,CAAC,UAAU,CAAC,SAAS,UAAU,CACrD,KAEC,EACD,GAAuB,EAAA;AAEvB,IAAA,OAAOC,cAAA,CAACC,aAAK,EAAA,EAAC,SAAS,EAAC,IAAI,EAAC,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,GAAI;AACtD,CAAC,CAAC;AAEF,MAAM,YAAY,GAAgC,CAAC,EACjD,YAAY,EACZ,QAAQ,GACT,KAAI;AACH,IAAA,MAAM,EAAE,GAAGF,gBAAK,CAAC,KAAK,EAAE;AAExB,IAAA,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAGA,gBAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;IAErE,MAAM,sBAAsB,GAAG,MAAK;QAClC,mBAAmB,CAAC,IAAI,CAAC;AAC3B,IAAA,CAAC;IAED,MAAM,uBAAuB,GAAG,MAAK;QACnC,mBAAmB,CAAC,KAAK,CAAC;AAC5B,IAAA,CAAC;AAED,IAAA,QACEG,eAAA,CAACH,gBAAK,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAA,CACbC,cAAA,CAACG,kBAAU,EAAA,EACT,OAAO,EAAE,MAAK;oBACZ,IAAI,YAAY,EAAE;AAChB,wBAAA,sBAAsB,EAAE;oBAC1B;yBAAO;AACL,wBAAA,QAAQ,EAAE;oBACZ;gBACF,CAAC,EAAA,QAAA,EACDH,eAACI,cAAU,EAAA,EAAC,QAAQ,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,GAAG,EAAA,CAClC,EAEZ,YAAY,IACXF,eAAA,CAACG,cAAM,EAAA,EACL,KAAK,EAAE;AACL,oBAAA,UAAU,EAAE,UAAU;iBACvB,EACD,IAAI,EAAE,gBAAgB,EACtB,OAAO,EAAE,uBAAuB,EAAA,QAAA,EAAA,CAChCL,cAAA,CAACM,mBAAW,EAAA,EAAC,EAAE,EAAE,CAAA,EAAG,EAAE,CAAA,aAAA,CAAe,EAAA,QAAA,EAClC,YAAY,CAAC,KAAK,EAAA,CACP,EAEdN,cAAA,CAACO,qBAAa,EAAA,EAAA,QAAA,EACZP,cAAA,CAACQ,yBAAiB,IAAC,EAAE,EAAE,CAAA,EAAG,EAAE,CAAA,YAAA,CAAc,EAAA,QAAA,EACvC,YAAY,CAAC,WAAW,EAAA,CACP,EAAA,CACN,EAEhBN,eAAA,CAACO,qBAAa,eACZT,cAAA,CAACU,cAAM,EAAA,EACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,OAAO,EACb,EAAE,EAAE;AACF,oCAAA,aAAa,EAAE,MAAM;AACtB,iCAAA,EACD,OAAO,EAAE,uBAAuB,EAAA,QAAA,EAAA,sCAAA,EAAA,CAEzB,EAETV,cAAA,CAACU,cAAM,EAAA,EACL,OAAO,EAAC,WAAW,EACnB,EAAE,EAAE;AACF,oCAAA,aAAa,EAAE,MAAM;iCACtB,EACD,OAAO,EAAE,MAAK;AACZ,oCAAA,QAAQ,EAAE;AAEV,oCAAA,uBAAuB,EAAE;gCAC3B,CAAC,EAAA,QAAA,EAAA,oEAAA,EAAA,CAEM,CAAA,EAAA,CACK,CAAA,EAAA,CACT,IACP,IAAI,CAAA,EAAA,CACO;AAErB;;;;"}

package/dist/cjs/components/buttons/edit/edit.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var Edit = require('../../../node_modules/@mui/icons-material/esm/Edit.js');
+var IconButton = require('../../../node_modules/@mui/material/esm/IconButton/IconButton.js');
+
+function _interopNamespaceDefault(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__*/_interopNamespaceDefault(React);
+
+const EditButton = (props) => {
+    const buttonId = React__namespace.useId();
+    return (jsxRuntime.jsx(React__namespace.Fragment, { children: jsxRuntime.jsx(IconButton.default, { id: buttonId, ...props, children: jsxRuntime.jsx(Edit.default, { fontSize: "small", color: "primary" }) }) }));
+};
+
+exports.default = EditButton;
+//# sourceMappingURL=edit.js.map

package/dist/cjs/components/buttons/edit/edit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit.js","sources":["../../../../../src/components/buttons/edit/edit.tsx"],"sourcesContent":["import * as React from 'react';\nimport EditIcon from '@mui/icons-material/Edit';\nimport { IconButton } from '@mui/material';\n\nimport { EditButtonProps } from './types';\n\nconst EditButton: React.FC<EditButtonProps> = (props) => {\n  const buttonId = React.useId();\n\n  return (\n    <React.Fragment>\n      <IconButton id={buttonId} {...props}>\n        <EditIcon fontSize=\"small\" color=\"primary\" />\n      </IconButton>\n    </React.Fragment>\n  );\n};\n\nexport default EditButton;\n"],"names":["React","_jsx","IconButton","EditIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,UAAU,GAA8B,CAAC,KAAK,KAAI;AACtD,IAAA,MAAM,QAAQ,GAAGA,gBAAK,CAAC,KAAK,EAAE;AAE9B,IAAA,QACEC,cAAA,CAACD,gBAAK,CAAC,QAAQ,EAAA,EAAA,QAAA,EACbC,cAAA,CAACC,kBAAU,EAAA,EAAC,EAAE,EAAE,QAAQ,EAAA,GAAM,KAAK,EAAA,QAAA,EACjCD,cAAA,CAACE,YAAQ,EAAA,EAAC,QAAQ,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAA,CAAG,EAAA,CAClC,EAAA,CACE;AAErB;;;;"}

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

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var index_esm = require('../../node_modules/react-hook-form/dist/index.esm.js');
 var Box = require('../../node_modules/@mui/material/esm/Box/Box.js');
 
 /**
@@ -19,20 +18,20 @@ var Box = require('../../node_modules/@mui/material/esm/Box/Box.js');
  */
 function CustomForm({ form, sx = {}, fields, buttons, observers, onSubmit, }) {
     const { handleSubmit } = form;
-    return (jsxRuntime.jsx(index_esm.FormProvider, { ...form, children: jsxRuntime.jsxs(Box.default, { component: "form", sx: {
-                display: 'grid',
-                gap: '15px',
-                ...sx,
-            }, 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] }) }));
+    return (jsxRuntime.jsxs(Box.default, { component: "form", sx: {
+            display: 'grid',
+            gap: '15px',
+            ...sx,
+        }, 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  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;AAE7B,IAAA,QACEA,cAAA,CAACC,sBAAY,EAAA,EAAA,GAAK,IAAI,EAAA,QAAA,EACpBC,eAAA,CAACC,WAAG,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,cAAA,CAACG,WAAG,EAAA,EACF,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,EAAA,CACX,EAEL,OAAO,EAAE,OAAO,IACfH,cAAA,CAACG,WAAG,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,EAAA,CACZ,IACJ,IAAI,EACP,SAAS,EAAE,OAAO,CAAA,EAAA,CACf,EAAA,CACO;AAEnB;;;;"}
+{"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 { FieldValues, SubmitHandler, UseFormReturn } 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    <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  );\r\n}\r\n\r\nexport default CustomForm;\r\n"],"names":["_jsxs","Box","_jsx"],"mappings":";;;;;;;AA0BA;;;;;;;;;;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;IAE7B,QACEA,gBAACC,WAAG,EAAA,EACF,SAAS,EAAC,MAAM,EAChB,EAAE,EAAE;AACF,YAAA,OAAO,EAAE,MAAM;AAEf,YAAA,GAAG,EAAE,MAAM;AAEX,YAAA,GAAG,EAAE;SACN,EACD,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,EAAA,QAAA,EAAA,CAChCC,cAAA,CAACD,WAAG,EAAA,EACF,EAAE,EAAE;AACF,oBAAA,OAAO,EAAE,MAAM;AAEf,oBAAA,GAAG,EAAE,MAAM;oBAEX,GAAG,MAAM,CAAC,EAAE;AACb,iBAAA,EAAA,QAAA,EACA,MAAM,CAAC,OAAO,EAAA,CACX,EAEL,OAAO,EAAE,OAAO,IACfC,cAAA,CAACD,WAAG,EAAA,EACF,EAAE,EAAE;AACF,oBAAA,OAAO,EAAE,MAAM;AAEf,oBAAA,UAAU,EAAE,QAAQ;AAEpB,oBAAA,GAAG,EAAE,MAAM;oBAEX,GAAG,OAAO,CAAC,EAAE;AACd,iBAAA,EAAA,QAAA,EACA,OAAO,CAAC,OAAO,EAAA,CACZ,IACJ,IAAI,EACP,SAAS,EAAE,OAAO,CAAA,EAAA,CACf;AAEV;;;;"}

package/dist/cjs/index.js

@@ -3,6 +3,7 @@
 var list = require('./components/list/list.js');
 var noData = require('./components/no-data/no-data.js');
 var _delete = require('./components/buttons/delete/delete.js');
+var edit = require('./components/buttons/edit/edit.js');
 var checkbox = require('./components/checkbox/checkbox.js');
 var form = require('./components/form/form.js');
 var select = require('./components/select/select.js');
@@ -20,6 +21,7 @@ var map = require('./constants/map.js');
 exports.List = list.default;
 exports.NoData = noData.default;
 exports.DeleteButton = _delete.default;
+exports.EditButton = edit.default;
 exports.Checkbox = checkbox.default;
 exports.Form = form.default;
 exports.Select = select.default;

package/dist/cjs/index.js.map

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

package/dist/cjs/node_modules/@mui/icons-material/esm/Edit.js

@@ -0,0 +1,14 @@
+"use client";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var createSvgIcon = require('../../material/esm/utils/createSvgIcon.js');
+
+var EditIcon = createSvgIcon.default(/*#__PURE__*/jsxRuntime.jsx("path", {
+  d: "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z"
+}), 'Edit');
+
+exports.default = EditIcon;
+//# sourceMappingURL=Edit.js.map

package/dist/cjs/node_modules/@mui/icons-material/esm/Edit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Edit.js","sources":["../../../../../../node_modules/@mui/icons-material/esm/Edit.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z\"\n}), 'Edit');"],"names":[],"mappings":";;;;;;;;AAIA;AACA;AACA;;","x_google_ignoreList":[0]}

package/dist/cjs/node_modules/react-hook-form/dist/index.esm.js

@@ -148,40 +148,6 @@ HookFormContext.displayName = 'HookFormContext';
  * ```
  */
 const useFormContext = () => React.useContext(HookFormContext);
-/**
- * A provider component that propagates the `useForm` methods to all children components via [React Context](https://reactjs.org/docs/context.html) API. To be used with {@link useFormContext}.
- *
- * @remarks
- * [API](https://react-hook-form.com/docs/useformcontext) • [Demo](https://codesandbox.io/s/react-hook-form-v7-form-context-ytudi)
- *
- * @param props - all useForm methods
- *
- * @example
- * ```tsx
- * function App() {
- *   const methods = useForm();
- *   const onSubmit = data => console.log(data);
- *
- *   return (
- *     <FormProvider {...methods} >
- *       <form onSubmit={methods.handleSubmit(onSubmit)}>
- *         <NestedInput />
- *         <input type="submit" />
- *       </form>
- *     </FormProvider>
- *   );
- * }
- *
- *  function NestedInput() {
- *   const { register } = useFormContext(); // retrieve all hook methods
- *   return <input {...register("test")} />;
- * }
- * ```
- */
-const FormProvider = (props) => {
-    const { children, ...data } = props;
-    return (React.createElement(HookFormContext.Provider, { value: data }, children));
-};
 
 var getProxyFormState = (formState, control, localProxyFormState, isRoot = true) => {
     const result = {
@@ -566,7 +532,6 @@ function useController(props) {
 const Controller = (props) => props.render(useController(props));
 
 exports.Controller = Controller;
-exports.FormProvider = FormProvider;
 exports.get = get;
 exports.set = set;
 exports.useController = useController;