@dartcom/ui-kit 3.4.0 → 3.4.2

package/dist/_virtual/_commonjsHelpers.js

@@ -0,0 +1,8 @@
+'use strict';
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
+//# sourceMappingURL=_commonjsHelpers.js.map

package/dist/_virtual/_commonjsHelpers.js.map

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

package/dist/_virtual/hoist-non-react-statics.cjs.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var hoistNonReactStatics_cjs = require('../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js');
+
+hoistNonReactStatics_cjs.__require();
+//# sourceMappingURL=hoist-non-react-statics.cjs.js.map

package/dist/_virtual/hoist-non-react-statics.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hoist-non-react-statics.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/_virtual/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var index = require('../node_modules/prop-types/index.js');
+
+var propTypesExports = /*@__PURE__*/ index.__require();
+var PropTypes = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(propTypesExports);
+
+exports.default = PropTypes;
+//# sourceMappingURL=index.js.map

package/dist/_virtual/index.js.map

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

package/dist/_virtual/index2.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var index = require('../node_modules/react-is/index.js');
+
+var reactIsExports = /*@__PURE__*/ index.__require();
+
+exports.reactIsExports = reactIsExports;
+//# sourceMappingURL=index2.js.map

package/dist/_virtual/index2.js.map

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

package/dist/_virtual/index3.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var propTypes = {exports: {}};
+
+exports.__module = propTypes;
+//# sourceMappingURL=index3.js.map

package/dist/_virtual/index3.js.map

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

package/dist/_virtual/index4.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var reactIs = {exports: {}};
+
+exports.__module = reactIs;
+//# sourceMappingURL=index4.js.map

package/dist/_virtual/index4.js.map

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

package/dist/_virtual/index5.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var reactIs = {exports: {}};
+
+exports.__module = reactIs;
+//# sourceMappingURL=index5.js.map

package/dist/_virtual/index5.js.map

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

package/dist/_virtual/index6.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var reactIs = {exports: {}};
+
+exports.__module = reactIs;
+//# sourceMappingURL=index6.js.map

package/dist/_virtual/index6.js.map

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

package/dist/_virtual/react-is.development.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var reactIs_development = {};
+
+exports.__exports = reactIs_development;
+//# sourceMappingURL=react-is.development.js.map

package/dist/_virtual/react-is.development.js.map

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

package/dist/_virtual/react-is.development2.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var reactIs_development = {};
+
+exports.__exports = reactIs_development;
+//# sourceMappingURL=react-is.development2.js.map

package/dist/_virtual/react-is.development2.js.map

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

package/dist/_virtual/react-is.development3.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var reactIs_development = {};
+
+exports.__exports = reactIs_development;
+//# sourceMappingURL=react-is.development3.js.map

package/dist/_virtual/react-is.development3.js.map

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

package/dist/_virtual/react-is.production.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var reactIs_production = {};
+
+exports.__exports = reactIs_production;
+//# sourceMappingURL=react-is.production.js.map

package/dist/_virtual/react-is.production.js.map

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

package/dist/_virtual/react-is.production.min.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var reactIs_production_min = {};
+
+exports.__exports = reactIs_production_min;
+//# sourceMappingURL=react-is.production.min.js.map

package/dist/_virtual/react-is.production.min.js.map

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

package/dist/_virtual/react-is.production.min2.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var reactIs_production_min = {};
+
+exports.__exports = reactIs_production_min;
+//# sourceMappingURL=react-is.production.min2.js.map

package/dist/_virtual/react-is.production.min2.js.map

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

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

@@ -0,0 +1,68 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var Delete = require('../../../node_modules/@mui/icons-material/esm/Delete.js');
+var Slide = require('../../../node_modules/@mui/material/esm/Slide/Slide.js');
+var IconButton = require('../../../node_modules/@mui/material/esm/IconButton/IconButton.js');
+var Dialog = require('../../../node_modules/@mui/material/esm/Dialog/Dialog.js');
+var DialogTitle = require('../../../node_modules/@mui/material/esm/DialogTitle/DialogTitle.js');
+var DialogContent = require('../../../node_modules/@mui/material/esm/DialogContent/DialogContent.js');
+var DialogContentText = require('../../../node_modules/@mui/material/esm/DialogContentText/DialogContentText.js');
+var DialogActions = require('../../../node_modules/@mui/material/esm/DialogActions/DialogActions.js');
+var Button = require('../../../node_modules/@mui/material/esm/Button/Button.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 Transition = React__namespace.forwardRef(function Transition(props, ref) {
+    return jsxRuntime.jsx(Slide.default, { direction: "up", ref: ref, ...props });
+});
+const DeleteButton = ({ notification, onDelete, }) => {
+    const id = React__namespace.useId();
+    const [openNotification, setOpenNotification] = React__namespace.useState(false);
+    const handleOpenNotification = () => {
+        setOpenNotification(true);
+    };
+    const handleCloseNotification = () => {
+        setOpenNotification(false);
+    };
+    return (jsxRuntime.jsxs(React__namespace.Fragment, { children: [jsxRuntime.jsx(IconButton.default, { onClick: () => {
+                    if (notification) {
+                        handleOpenNotification();
+                    }
+                    else {
+                        onDelete();
+                    }
+                }, children: jsxRuntime.jsx(Delete.default, { fontSize: "small", color: "error" }) }), notification ? (jsxRuntime.jsxs(Dialog.default, { slots: {
+                    transition: Transition,
+                }, open: openNotification, onClose: handleCloseNotification, children: [jsxRuntime.jsx(DialogTitle.default, { id: `${id}-dialog-title`, children: notification.title }), jsxRuntime.jsx(DialogContent.default, { children: jsxRuntime.jsx(DialogContentText.default, { id: `${id}-dialog-text`, children: notification.description }) }), jsxRuntime.jsxs(DialogActions.default, { children: [jsxRuntime.jsx(Button.default, { variant: "contained", color: "error", sx: {
+                                    textTransform: 'none',
+                                }, onClick: handleCloseNotification, children: "\u041E\u0442\u043C\u0435\u043D\u0430" }), jsxRuntime.jsx(Button.default, { variant: "contained", sx: {
+                                    textTransform: 'none',
+                                }, onClick: () => {
+                                    onDelete();
+                                    handleCloseNotification();
+                                }, children: "\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C" })] })] })) : null] }));
+};
+
+exports.default = DeleteButton;
+//# sourceMappingURL=delete.js.map

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

@@ -0,0 +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\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/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/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/components/checkbox/checkbox.js

@@ -0,0 +1,70 @@
+'use strict';
+
+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 paragraph = require('../paragraph/paragraph.js');
+var styled = require('../../node_modules/@mui/material/esm/styles/styled.js');
+var Checkbox = require('../../node_modules/@mui/material/esm/Checkbox/Checkbox.js');
+var FormControlLabel = require('../../node_modules/@mui/material/esm/FormControlLabel/FormControlLabel.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 CheckboxStyled = styled.default(Checkbox.default)({
+    padding: 0,
+    marginRight: '5px',
+    marginLeft: '10px',
+    '& .MuiSvgIcon-root': {
+        color: 'var(--color-orange-medium)',
+    },
+});
+/**
+ * Основной компонент для boolean полей в приложениях.
+ *
+ * @param {Path<T>} name Название поле в форме
+ * @param {string} label Заголовок поля
+ * @param {CheckboxProps} props Additional props to pass to the checkbox component.
+ */
+function CustomCheckbox({ label, name, ...props }) {
+    const id = React__namespace.useId();
+    const { control, setValue, watch } = index_esm.useFormContext();
+    const value = watch(name);
+    const key = `${id}-${name}-${String(value)}`;
+    return (jsxRuntime.jsx(index_esm.Controller, { control: control, name: name, render: ({ field }) => {
+            const { value, name } = field;
+            if (label) {
+                return (jsxRuntime.jsx(FormControlLabel.default, { color: "white", control: jsxRuntime.jsx(CheckboxStyled, { ...props, checked: value, onChange: (_, checked) => {
+                            setValue(name, checked, {
+                                shouldValidate: true,
+                            });
+                        } }), label: jsxRuntime.jsx(paragraph.default, { children: label }) }));
+            }
+            return (jsxRuntime.jsx(CheckboxStyled, { ...props, checked: value, onChange: (_, checked) => {
+                    setValue(name, checked, {
+                        shouldValidate: true,
+                    });
+                } }));
+        } }, key));
+}
+
+exports.default = CustomCheckbox;
+//# sourceMappingURL=checkbox.js.map

package/dist/components/checkbox/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sources":["../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport Checkbox, { CheckboxProps } from '@mui/material/Checkbox';\r\nimport FormControlLabel from '@mui/material/FormControlLabel';\r\nimport { styled } from '@mui/material/styles';\r\nimport { Controller, Path, PathValue, useFormContext } from 'react-hook-form';\r\n\r\nimport { Paragraph } from '../paragraph';\r\n\r\nconst CheckboxStyled = styled(Checkbox)({\r\n  padding: 0,\r\n\r\n  marginRight: '5px',\r\n  marginLeft: '10px',\r\n\r\n  '& .MuiSvgIcon-root': {\r\n    color: 'var(--color-orange-medium)',\r\n  },\r\n});\r\n\r\ntype Props<T> = CheckboxProps & {\r\n  name: Path<T>;\r\n  label?: string;\r\n};\r\n\r\n/**\r\n * Основной компонент для boolean полей в приложениях.\r\n *\r\n * @param {Path<T>} name Название поле в форме\r\n * @param {string} label Заголовок поля\r\n * @param {CheckboxProps} props Additional props to pass to the checkbox component.\r\n */\r\nfunction CustomCheckbox<T extends object>({ label, name, ...props }: Props<T>) {\r\n  const id = React.useId();\r\n\r\n  const { control, setValue, watch } = useFormContext<T>();\r\n\r\n  const value = watch(name);\r\n\r\n  const key = `${id}-${name}-${String(value)}`;\r\n\r\n  return (\r\n    <Controller\r\n      key={key}\r\n      control={control}\r\n      name={name}\r\n      render={({ field }) => {\r\n        const { value, name } = field;\r\n\r\n        if (label) {\r\n          return (\r\n            <FormControlLabel\r\n              color=\"white\"\r\n              control={\r\n                <CheckboxStyled\r\n                  {...props}\r\n                  checked={value}\r\n                  onChange={(_, checked) => {\r\n                    setValue(name, checked as PathValue<T, Path<T>>, {\r\n                      shouldValidate: true,\r\n                    });\r\n                  }}\r\n                />\r\n              }\r\n              label={<Paragraph>{label}</Paragraph>}\r\n            />\r\n          );\r\n        }\r\n\r\n        return (\r\n          <CheckboxStyled\r\n            {...props}\r\n            checked={value}\r\n            onChange={(_, checked) => {\r\n              setValue(name, checked as PathValue<T, Path<T>>, {\r\n                shouldValidate: true,\r\n              });\r\n            }}\r\n          />\r\n        );\r\n      }}\r\n    />\r\n  );\r\n}\r\n\r\nexport default CustomCheckbox;\r\n"],"names":["styled","Checkbox","React","useFormContext","_jsx","Controller","FormControlLabel","Paragraph"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,cAAc,GAAGA,cAAM,CAACC,gBAAQ,CAAC,CAAC;AACtC,IAAA,OAAO,EAAE,CAAC;AAEV,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,UAAU,EAAE,MAAM;AAElB,IAAA,oBAAoB,EAAE;AACpB,QAAA,KAAK,EAAE,4BAA4B;AACpC,KAAA;AACF,CAAA,CAAC;AAOF;;;;;;AAMG;AACH,SAAS,cAAc,CAAmB,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,EAAY,EAAA;AAC3E,IAAA,MAAM,EAAE,GAAGC,gBAAK,CAAC,KAAK,EAAE;IAExB,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAGC,wBAAc,EAAK;AAExD,IAAA,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC;AAEzB,IAAA,MAAM,GAAG,GAAG,CAAA,EAAG,EAAE,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,EAAI,MAAM,CAAC,KAAK,CAAC,CAAA,CAAE;AAE5C,IAAA,QACEC,cAAA,CAACC,oBAAU,IAET,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,KAAI;AACpB,YAAA,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK;YAE7B,IAAI,KAAK,EAAE;gBACT,QACED,cAAA,CAACE,wBAAgB,EAAA,EACf,KAAK,EAAC,OAAO,EACb,OAAO,EACLF,cAAA,CAAC,cAAc,EAAA,EAAA,GACT,KAAK,EACT,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,KAAI;AACvB,4BAAA,QAAQ,CAAC,IAAI,EAAE,OAAgC,EAAE;AAC/C,gCAAA,cAAc,EAAE,IAAI;AACrB,6BAAA,CAAC;wBACJ,CAAC,EAAA,CACD,EAEJ,KAAK,EAAEA,cAAA,CAACG,iBAAS,EAAA,EAAA,QAAA,EAAE,KAAK,EAAA,CAAa,EAAA,CACrC;YAEN;AAEA,YAAA,QACEH,cAAA,CAAC,cAAc,EAAA,EAAA,GACT,KAAK,EACT,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,KAAI;AACvB,oBAAA,QAAQ,CAAC,IAAI,EAAE,OAAgC,EAAE;AAC/C,wBAAA,cAAc,EAAE,IAAI;AACrB,qBAAA,CAAC;gBACJ,CAAC,EAAA,CACD;AAEN,QAAA,CAAC,EAAA,EArCI,GAAG,CAsCR;AAEN;;;;"}

package/dist/components/drag-list/drag-list.js

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var core_esm = require('../../node_modules/@dnd-kit/core/dist/core.esm.js');
+var sortable_esm = require('../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js');
+var list = require('../list/list.js');
+var draggable = require('./draggable/draggable.js');
+
+function DragList({ items, getItem, getId, onDragEnd, sx, title, draggableSx, }) {
+    const sensors = core_esm.useSensors(core_esm.useSensor(core_esm.PointerSensor, {
+        activationConstraint: {
+            distance: 8,
+        },
+    }));
+    return (jsxRuntime.jsx(core_esm.DndContext, { sensors: sensors, collisionDetection: core_esm.closestCenter, onDragEnd: (event) => {
+            const { active, over } = event;
+            const oldIndex = items.findIndex((item) => getId(item) === active.id);
+            const newIndex = items.findIndex((item) => getId(item) === over?.id);
+            const newItems = sortable_esm.arrayMove(items, oldIndex, newIndex);
+            onDragEnd(newItems);
+        }, children: jsxRuntime.jsx(sortable_esm.SortableContext, { items: items.map(getId), strategy: sortable_esm.verticalListSortingStrategy, children: jsxRuntime.jsx(list.default, { items: items, sx: sx, title: title, getKey: getId, getContent: (item, index) => {
+                    const id = getId(item);
+                    return (jsxRuntime.jsx(draggable.default, { id: id, sx: draggableSx, children: getItem(item, index) }, id));
+                } }) }) }));
+}
+
+exports.default = DragList;
+//# sourceMappingURL=drag-list.js.map

package/dist/components/drag-list/drag-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-list.js","sources":["../../../src/components/drag-list/drag-list.tsx"],"sourcesContent":["import {\r\n  closestCenter,\r\n  DndContext,\r\n  PointerSensor,\r\n  useSensor,\r\n  useSensors,\r\n} from '@dnd-kit/core';\r\nimport {\r\n  arrayMove,\r\n  SortableContext,\r\n  verticalListSortingStrategy,\r\n} from '@dnd-kit/sortable';\r\n\r\nimport { List } from '../list';\r\n\r\nimport Draggable from './draggable';\r\nimport { DragListProps } from './types';\r\n\r\nfunction DragList<T>({\r\n  items,\r\n  getItem,\r\n  getId,\r\n  onDragEnd,\r\n  sx,\r\n  title,\r\n  draggableSx,\r\n}: DragListProps<T>) {\r\n  const sensors = useSensors(\r\n    useSensor(PointerSensor, {\r\n      activationConstraint: {\r\n        distance: 8,\r\n      },\r\n    }),\r\n  );\r\n\r\n  return (\r\n    <DndContext\r\n      sensors={sensors}\r\n      collisionDetection={closestCenter}\r\n      onDragEnd={(event) => {\r\n        const { active, over } = event;\r\n\r\n        const oldIndex = items.findIndex((item) => getId(item) === active.id);\r\n        const newIndex = items.findIndex((item) => getId(item) === over?.id);\r\n\r\n        const newItems = arrayMove(items, oldIndex, newIndex);\r\n\r\n        onDragEnd(newItems);\r\n      }}>\r\n      <SortableContext\r\n        items={items.map(getId)}\r\n        strategy={verticalListSortingStrategy}>\r\n        <List\r\n          items={items}\r\n          sx={sx}\r\n          title={title}\r\n          getKey={getId}\r\n          getContent={(item, index) => {\r\n            const id = getId(item);\r\n\r\n            return (\r\n              <Draggable key={id} id={id} sx={draggableSx}>\r\n                {getItem(item, index)}\r\n              </Draggable>\r\n            );\r\n          }}\r\n        />\r\n      </SortableContext>\r\n    </DndContext>\r\n  );\r\n}\r\n\r\nexport default DragList;\r\n"],"names":["useSensors","useSensor","PointerSensor","_jsx","DndContext","closestCenter","arrayMove","SortableContext","verticalListSortingStrategy","List","Draggable"],"mappings":";;;;;;;;;;AAkBA,SAAS,QAAQ,CAAI,EACnB,KAAK,EACL,OAAO,EACP,KAAK,EACL,SAAS,EACT,EAAE,EACF,KAAK,EACL,WAAW,GACM,EAAA;AACjB,IAAA,MAAM,OAAO,GAAGA,mBAAU,CACxBC,kBAAS,CAACC,sBAAa,EAAE;AACvB,QAAA,oBAAoB,EAAE;AACpB,YAAA,QAAQ,EAAE,CAAC;AACZ,SAAA;AACF,KAAA,CAAC,CACH;AAED,IAAA,QACEC,cAAA,CAACC,mBAAU,EAAA,EACT,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAEC,sBAAa,EACjC,SAAS,EAAE,CAAC,KAAK,KAAI;AACnB,YAAA,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK;YAE9B,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC,KAAK,MAAM,CAAC,EAAE,CAAC;YACrE,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,EAAE,CAAC;YAEpE,MAAM,QAAQ,GAAGC,sBAAS,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC;YAErD,SAAS,CAAC,QAAQ,CAAC;AACrB,QAAA,CAAC,YACDH,cAAA,CAACI,4BAAe,IACd,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,EACvB,QAAQ,EAAEC,wCAA2B,EAAA,QAAA,EACrCL,cAAA,CAACM,YAAI,EAAA,EACH,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,EACb,UAAU,EAAE,CAAC,IAAI,EAAE,KAAK,KAAI;AAC1B,oBAAA,MAAM,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC;oBAEtB,QACEN,eAACO,iBAAS,EAAA,EAAU,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,WAAW,YACxC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,EAAA,EADP,EAAE,CAEN;AAEhB,gBAAA,CAAC,EAAA,CACD,EAAA,CACc,EAAA,CACP;AAEjB;;;;"}

package/dist/components/drag-list/draggable/draggable.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var core_esm = require('../../../node_modules/@dnd-kit/core/dist/core.esm.js');
+var sortable_esm = require('../../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js');
+var utilities_esm = require('../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.js');
+var Box = require('../../../node_modules/@mui/material/esm/Box/Box.js');
+
+const Draggable = ({ id, sx, children, }) => {
+    const { isDragging } = core_esm.useDraggable({
+        id,
+    });
+    const { attributes, listeners, setNodeRef, transform, transition } = sortable_esm.useSortable({
+        id,
+        strategy: sortable_esm.verticalListSortingStrategy,
+        transition: {
+            duration: 300,
+            easing: 'cubic-bezier(0.25, 1, 0.5, 1)',
+        },
+    });
+    const style = {
+        ...sx?.default,
+        ...(isDragging ? sx?.dragging : {}),
+        transform: utilities_esm.CSS.Translate.toString(transform),
+        transition,
+        cursor: 'pointer',
+    };
+    return (jsxRuntime.jsx(Box.default, { ref: setNodeRef, style: style, ...listeners, ...attributes, children: children }));
+};
+
+exports.default = Draggable;
+//# sourceMappingURL=draggable.js.map

package/dist/components/drag-list/draggable/draggable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draggable.js","sources":["../../../../src/components/drag-list/draggable/draggable.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { useDraggable } from '@dnd-kit/core';\r\nimport { useSortable, verticalListSortingStrategy } from '@dnd-kit/sortable';\r\nimport { CSS } from '@dnd-kit/utilities';\r\nimport { Box } from '@mui/material';\r\n\r\nimport { DraggableProps } from './types';\r\n\r\nconst Draggable: React.FC<React.PropsWithChildren<DraggableProps>> = ({\r\n  id,\r\n  sx,\r\n  children,\r\n}) => {\r\n  const { isDragging } = useDraggable({\r\n    id,\r\n  });\r\n\r\n  const { attributes, listeners, setNodeRef, transform, transition } =\r\n    useSortable({\r\n      id,\r\n      strategy: verticalListSortingStrategy,\r\n      transition: {\r\n        duration: 300,\r\n        easing: 'cubic-bezier(0.25, 1, 0.5, 1)',\r\n      },\r\n    });\r\n\r\n  const style = {\r\n    ...sx?.default,\r\n    ...(isDragging ? sx?.dragging : {}),\r\n    transform: CSS.Translate.toString(transform),\r\n    transition,\r\n    cursor: 'pointer',\r\n  } as React.CSSProperties;\r\n\r\n  return (\r\n    <Box ref={setNodeRef} style={style} {...listeners} {...attributes}>\r\n      {children}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default Draggable;\r\n"],"names":["useDraggable","useSortable","verticalListSortingStrategy","CSS","_jsx","Box"],"mappings":";;;;;;;;;;AAQA,MAAM,SAAS,GAAsD,CAAC,EACpE,EAAE,EACF,EAAE,EACF,QAAQ,GACT,KAAI;AACH,IAAA,MAAM,EAAE,UAAU,EAAE,GAAGA,qBAAY,CAAC;QAClC,EAAE;AACH,KAAA,CAAC;AAEF,IAAA,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,GAChEC,wBAAW,CAAC;QACV,EAAE;AACF,QAAA,QAAQ,EAAEC,wCAA2B;AACrC,QAAA,UAAU,EAAE;AACV,YAAA,QAAQ,EAAE,GAAG;AACb,YAAA,MAAM,EAAE,+BAA+B;AACxC,SAAA;AACF,KAAA,CAAC;AAEJ,IAAA,MAAM,KAAK,GAAG;QACZ,GAAG,EAAE,EAAE,OAAO;AACd,QAAA,IAAI,UAAU,GAAG,EAAE,EAAE,QAAQ,GAAG,EAAE,CAAC;QACnC,SAAS,EAAEC,iBAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;QAC5C,UAAU;AACV,QAAA,MAAM,EAAE,SAAS;KACK;AAExB,IAAA,QACEC,cAAA,CAACC,WAAG,IAAC,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAA,GAAM,SAAS,EAAA,GAAM,UAAU,YAC9D,QAAQ,EAAA,CACL;AAEV;;;;"}

package/dist/components/form/form.js

@@ -0,0 +1,30 @@
+'use strict';
+
+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');
+
+/**
+ * Используем этот компонент как основную обертку для формы
+ * Все поля должны хранится при инициализации формы и быть доступны через контекст формы
+ * @template T - Интрефейс данных формы.
+ * @param {React.ReactNode} children - Все компоненты, которым нужен контекст фор.
+ * @param {UseFormReturn<T>} form - Форма useForm, которая содержит все поля.
+ * @param {SxProps} [sx={}] - Опциональные стили самой формы.
+ * @param {SubmitHandler<T>} onSubmit - Функция обработки отправки формы.
+ *
+ * @returns {JSX.Element} The rendered form component with form context.
+ */
+function CustomForm({ form, sx = {}, onSubmit, children, }) {
+    const { handleSubmit } = form;
+    return (jsxRuntime.jsx(index_esm.FormProvider, { ...form, children: jsxRuntime.jsx(Box.default, { component: "form", sx: {
+                display: 'grid',
+                gap: '15px',
+                ...sx,
+            }, onSubmit: handleSubmit(onSubmit), children: children }) }));
+}
+
+exports.default = CustomForm;
+//# sourceMappingURL=form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sources":["../../../src/components/form/form.tsx"],"sourcesContent":["import { 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  form,\r\n  sx = {},\r\n  onSubmit,\r\n  children,\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          gap: '15px',\r\n\r\n          ...sx,\r\n        }}\r\n        onSubmit={handleSubmit(onSubmit)}>\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":";;;;;;;;AAgBA;;;;;;;;;;AAUG;AACH,SAAS,UAAU,CAAwB,EACzC,IAAI,EACJ,EAAE,GAAG,EAAE,EACP,QAAQ,EACR,QAAQ,GACmC,EAAA;AAC3C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI;AAE7B,IAAA,QACEA,cAAA,CAACC,sBAAY,EAAA,EAAA,GAAK,IAAI,EAAA,QAAA,EACpBD,cAAA,CAACE,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,EAC/B,QAAQ,EAAA,CACL,EAAA,CACO;AAEnB;;;;"}

package/dist/components/input/input.js

@@ -0,0 +1,54 @@
+'use strict';
+
+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('../text-field/text-field.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);
+
+function CustomInput(props) {
+    const { name, type } = props;
+    const textFieldId = React__namespace.useId();
+    const { control } = index_esm.useFormContext();
+    return (jsxRuntime.jsx(index_esm.Controller, { name: name, control: control, render: ({ field }) => (jsxRuntime.jsx(textField.default, { id: textFieldId, ...props, ...field, onChange: (event) => {
+                const { target } = event;
+                const { value } = target;
+                switch (type) {
+                    case 'number': {
+                        if (value === '') {
+                            field.onChange();
+                        }
+                        else {
+                            field.onChange(Number(value));
+                        }
+                        break;
+                    }
+                    default: {
+                        field.onChange(event);
+                    }
+                }
+            } })) }));
+}
+
+exports.default = CustomInput;
+//# sourceMappingURL=input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sources":["../../../src/components/input/input.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Controller, useFormContext } from 'react-hook-form';\r\n\r\nimport { TextField } from '../text-field';\r\n\r\nimport { CustomInputProps } from './types';\r\n\r\nfunction CustomInput<T>(props: CustomInputProps<T>) {\r\n  const { name, type } = 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        <TextField\r\n          id={textFieldId}\r\n          {...props}\r\n          {...field}\r\n          onChange={(event) => {\r\n            const { target } = event;\r\n\r\n            const { value } = target;\r\n\r\n            switch (type) {\r\n              case 'number': {\r\n                if (value === '') {\r\n                  field.onChange();\r\n                } else {\r\n                  field.onChange(Number(value));\r\n                }\r\n\r\n                break;\r\n              }\r\n\r\n              default: {\r\n                field.onChange(event);\r\n              }\r\n            }\r\n          }}\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAAS,WAAW,CAAI,KAA0B,EAAA;AAChD,IAAA,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,KAAK;AAE5B,IAAA,MAAM,WAAW,GAAGA,gBAAK,CAAC,KAAK,EAAE;AAEjC,IAAA,MAAM,EAAE,OAAO,EAAE,GAAGC,wBAAc,EAAE;AAEpC,IAAA,QACEC,cAAA,CAACC,oBAAU,EAAA,EACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAChBD,cAAA,CAACE,iBAAS,EAAA,EACR,EAAE,EAAE,WAAW,EAAA,GACX,KAAK,EAAA,GACL,KAAK,EACT,QAAQ,EAAE,CAAC,KAAK,KAAI;AAClB,gBAAA,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK;AAExB,gBAAA,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM;gBAExB,QAAQ,IAAI;oBACV,KAAK,QAAQ,EAAE;AACb,wBAAA,IAAI,KAAK,KAAK,EAAE,EAAE;4BAChB,KAAK,CAAC,QAAQ,EAAE;wBAClB;6BAAO;4BACL,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;wBAC/B;wBAEA;oBACF;oBAEA,SAAS;AACP,wBAAA,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;oBACvB;;AAEJ,YAAA,CAAC,EAAA,CACD,CACH,EAAA,CACD;AAEN;;;;"}

package/dist/components/layers/leaflet/hooks/useGetLeafletLayer.js

@@ -0,0 +1,51 @@
+'use strict';
+
+var React = require('react');
+var sceneTiles = require('@/../scene.yaml');
+var global = require('../../../../configs/global/global.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 useGetLeafletLayer = () => {
+    const { instance: { isValidApiKey }, } = global.GlobalConfig;
+    const [layer, setLayer] = React__namespace.useState(null);
+    const getLeafletLayer = (isValidApiKey) => {
+        if (isValidApiKey) {
+            Promise.resolve().then(function () { return require('../../../../node_modules/tangram/dist/tangram.min.js'); }).then(() => {
+                if (window.Tangram) {
+                    const leafletLayer = window.Tangram.leafletLayer({
+                        scene: sceneTiles,
+                    });
+                    setLayer(leafletLayer);
+                }
+            });
+        }
+    };
+    React__namespace.useEffect(() => {
+        getLeafletLayer(isValidApiKey);
+        return () => {
+            setLayer(null);
+        };
+    }, [isValidApiKey]);
+    return layer;
+};
+
+exports.useGetLeafletLayer = useGetLeafletLayer;
+//# sourceMappingURL=useGetLeafletLayer.js.map

package/dist/components/layers/leaflet/hooks/useGetLeafletLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetLeafletLayer.js","sources":["../../../../../src/components/layers/leaflet/hooks/useGetLeafletLayer.ts"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport sceneTiles from '@/../scene.yaml';\r\nimport { GlobalConfig } from '@/configs';\r\nimport { Nullable } from '@/types';\r\n\r\nimport { TangramLeafletLayer } from '../types';\r\n\r\nexport const useGetLeafletLayer = () => {\r\n  const {\r\n    instance: { isValidApiKey },\r\n  } = GlobalConfig;\r\n\r\n  const [layer, setLayer] = React.useState<Nullable<TangramLeafletLayer>>(null);\r\n\r\n  const getLeafletLayer = (isValidApiKey: boolean) => {\r\n    if (isValidApiKey) {\r\n      import('tangram').then(() => {\r\n        if (window.Tangram) {\r\n          const leafletLayer = window.Tangram.leafletLayer({\r\n            scene: sceneTiles,\r\n          });\r\n\r\n          setLayer(leafletLayer);\r\n        }\r\n      });\r\n    }\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    getLeafletLayer(isValidApiKey);\r\n\r\n    return () => {\r\n      setLayer(null);\r\n    };\r\n  }, [isValidApiKey]);\r\n\r\n  return layer;\r\n};\r\n"],"names":["GlobalConfig","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,kBAAkB,GAAG,MAAK;IACrC,MAAM,EACJ,QAAQ,EAAE,EAAE,aAAa,EAAE,GAC5B,GAAGA,mBAAY;AAEhB,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGC,gBAAK,CAAC,QAAQ,CAAgC,IAAI,CAAC;AAE7E,IAAA,MAAM,eAAe,GAAG,CAAC,aAAsB,KAAI;QACjD,IAAI,aAAa,EAAE;AACjB,YAAA,oDAAO,sDAAS,KAAC,CAAC,IAAI,CAAC,MAAK;AAC1B,gBAAA,IAAI,MAAM,CAAC,OAAO,EAAE;AAClB,oBAAA,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC;AAC/C,wBAAA,KAAK,EAAE,UAAU;AAClB,qBAAA,CAAC;oBAEF,QAAQ,CAAC,YAAY,CAAC;gBACxB;AACF,YAAA,CAAC,CAAC;QACJ;AACF,IAAA,CAAC;AAED,IAAAA,gBAAK,CAAC,SAAS,CAAC,MAAK;QACnB,eAAe,CAAC,aAAa,CAAC;AAE9B,QAAA,OAAO,MAAK;YACV,QAAQ,CAAC,IAAI,CAAC;AAChB,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC;AAEnB,IAAA,OAAO,KAAK;AACd;;;;"}