dinocollab-core 1.0.3 → 1.0.5

package/dist/api-context/alert-global.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-global.js","sources":["../../src/api-context/alert-global.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useState } from 'react'\r\nimport { Box, Stack, styled, Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from '@mui/material'\r\nimport MuiAlert, { AlertProps, AlertColor } from '@mui/material/Alert'\r\n\r\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(function Alert(props, ref) {\r\n  return <MuiAlert elevation={6} ref={ref} variant='standard' {...props} style={{ minWidth: '300px' }} />\r\n})\r\n\r\ninterface MessageData {\r\n  id: string\r\n  text: string\r\n  type: AlertColor\r\n  duration?: number\r\n}\r\n\r\ninterface IOptions {\r\n  duration?: number\r\n}\r\n\r\ninterface IApiAlert {\r\n  PushMessage: (data: MessageData) => void\r\n  PushInfo: (data: string) => void\r\n  PushError: (data: string) => void\r\n  PushWarning: (data: string) => void\r\n  PushSuccess: (data: string) => void\r\n}\r\n\r\nexport interface IApiContext {\r\n  ApiAlert?: IApiAlert\r\n}\r\n\r\nexport const ApiAlertContext: IApiContext = {}\r\n\r\nconst RenderArea = (messages: MessageData[], onClose: (data: MessageData) => void) => {\r\n  return messages.map((x, i) => {\r\n    return <Message key={x.id + i} data={x} IsOpen={true} handleClose={onClose} autoDurationHide={x.duration} />\r\n  })\r\n}\r\n\r\nfunction AlertGlobal() {\r\n  const [Messages, setMessages] = useState<MessageData[]>([])\r\n  const _PushMessage = useCallback((data: MessageData) => {\r\n    setMessages((st) => [...st, data])\r\n  }, [])\r\n  const _HandleClose = useCallback(\r\n    (data: MessageData) => {\r\n      const index = Messages.findIndex((x) => x.id === data.id)\r\n      Messages.splice(index, 1)\r\n      setMessages([...Messages])\r\n    },\r\n    [Messages]\r\n  )\r\n\r\n  useEffect(() => {\r\n    ApiAlertContext.ApiAlert = {\r\n      ...(ApiAlertContext.ApiAlert ? ApiAlertContext.ApiAlert : {}),\r\n      PushMessage: _PushMessage,\r\n      PushError: function (data: string, options?: IOptions) {\r\n        this.PushMessage({\r\n          id: new Date().getTime().toString(),\r\n          text: data,\r\n          type: 'error',\r\n          duration: options?.duration || 15000\r\n        })\r\n      },\r\n      PushInfo: function (data: string, options?: IOptions) {\r\n        this.PushMessage({\r\n          id: new Date().getTime().toString(),\r\n          text: data,\r\n          type: 'info',\r\n          duration: options?.duration || 6000\r\n        })\r\n      },\r\n      PushWarning: function (data: string, options?: IOptions) {\r\n        this.PushMessage({\r\n          id: new Date().getTime().toString(),\r\n          text: data,\r\n          type: 'warning',\r\n          duration: options?.duration || 6000\r\n        })\r\n      },\r\n      PushSuccess: function (data: string, options?: IOptions) {\r\n        this.PushMessage({\r\n          id: new Date().getTime().toString(),\r\n          text: data,\r\n          type: 'success',\r\n          duration: options?.duration || 3000\r\n        })\r\n      }\r\n    }\r\n  }, [_PushMessage])\r\n\r\n  return (\r\n    <Wrap>\r\n      <Stack spacing={2} sx={{ maxWidth: '300px' }}>\r\n        {RenderArea(Messages, _HandleClose)}\r\n      </Stack>\r\n    </Wrap>\r\n  )\r\n}\r\nexport default AlertGlobal\r\n\r\ninterface MessageProps {\r\n  IsOpen: boolean\r\n  handleClose: (data: MessageData) => void\r\n  data: MessageData\r\n  autoDurationHide?: number\r\n}\r\nconst Message: FC<MessageProps> = (props) => {\r\n  const _handleClose = useCallback(() => props.handleClose(props.data), [props])\r\n\r\n  useEffect(() => {\r\n    let Timer: any = null\r\n    if (props.autoDurationHide) {\r\n      Timer = setTimeout(() => {\r\n        props.handleClose(props.data)\r\n      }, props.autoDurationHide)\r\n    }\r\n    return () => {\r\n      clearTimeout(Timer as any)\r\n    }\r\n  }, [props])\r\n  return (\r\n    <Alert onClose={_handleClose} severity={props.data.type}>\r\n      {props.data.text}\r\n    </Alert>\r\n  )\r\n}\r\n\r\nconst Wrap = styled(Box)({\r\n  position: 'fixed',\r\n  top: 'calc(var(--height-header) + 20px)',\r\n  right: '50px',\r\n  zIndex: 2000,\r\n  display: 'flex',\r\n  justifyContent: 'flex-start',\r\n  alignItems: 'center'\r\n})\r\n\r\ninterface AlertDialogProps {\r\n  IsOpen: boolean\r\n  onClose?: () => void\r\n  onAccept?: () => void\r\n  Title: string\r\n  Message: string\r\n}\r\nexport const AlertDialog: React.FC<AlertDialogProps> = (props) => {\r\n  const [Open, setOpen] = React.useState(props.IsOpen)\r\n  React.useEffect(() => {\r\n    setOpen(props.IsOpen)\r\n  }, [props.IsOpen])\r\n  const _handleClose = React.useCallback(() => {\r\n    setOpen(false)\r\n    props.onClose && props.onClose()\r\n  }, [props])\r\n  return (\r\n    <div>\r\n      <Dialog open={Open} onClose={_handleClose} aria-labelledby='alert-dialog-title' aria-describedby='alert-dialog-description'>\r\n        <DialogTitle id='alert-dialog-title'>{props.Title}</DialogTitle>\r\n        <DialogContent>\r\n          <DialogContentText id='alert-dialog-description'>{props.Message}</DialogContentText>\r\n        </DialogContent>\r\n        <DialogActions>\r\n          <Button onClick={props.onAccept} autoFocus color='info'>\r\n            Ok\r\n          </Button>\r\n          <Button onClick={_handleClose} color='error'>\r\n            Cancel\r\n          </Button>\r\n        </DialogActions>\r\n      </Dialog>\r\n    </div>\r\n  )\r\n}\r\n"],"names":["Alert","React","forwardRef","props","ref","_jsx","MuiAlert","_objectSpread","elevation","variant","style","minWidth","ApiAlertContext","RenderArea","messages","onClose","map","x","i","Message","data","IsOpen","handleClose","autoDurationHide","duration","id","AlertGlobal","_useState","useState","_useState2","_slicedToArray","Messages","setMessages","_PushMessage","useCallback","st","concat","_toConsumableArray","_HandleClose","index","findIndex","splice","useEffect","ApiAlert","PushMessage","PushError","options","Date","getTime","toString","text","type","PushInfo","PushWarning","PushSuccess","Wrap","children","Stack","spacing","sx","maxWidth","_handleClose","Timer","setTimeout","clearTimeout","severity","styled","Box","position","top","right","zIndex","display","justifyContent","alignItems","AlertDialog","_React$useState","_React$useState2","Open","setOpen","_jsxs","Dialog","open","DialogTitle","Title","DialogContent","DialogContentText","DialogActions","Button","onClick","onAccept","autoFocus","color"],"mappings":"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"}
+{"version":3,"file":"alert-global.js","sources":["../../src/api-context/alert-global.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useState } from 'react'\r\nimport { Box, Stack, styled, Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from '@mui/material'\r\nimport MuiAlert, { AlertProps, AlertColor } from '@mui/material/Alert'\r\n\r\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(function Alert(props, ref) {\r\n  return <MuiAlert elevation={6} ref={ref} variant='standard' {...props} style={{ minWidth: '300px' }} />\r\n})\r\n\r\ninterface MessageData {\r\n  id: string\r\n  text: string\r\n  type: AlertColor\r\n  duration?: number\r\n}\r\n\r\ninterface IOptions {\r\n  duration?: number\r\n}\r\n\r\ninterface IApiAlert {\r\n  PushMessage: (data: MessageData) => void\r\n  PushInfo: (data: string) => void\r\n  PushError: (data: string) => void\r\n  PushWarning: (data: string) => void\r\n  PushSuccess: (data: string) => void\r\n}\r\n\r\nexport interface IApiContext {\r\n  ApiAlert?: IApiAlert\r\n}\r\n\r\nexport const ApiAlertContext: IApiContext = {}\r\n\r\nconst RenderArea = (messages: MessageData[], onClose: (data: MessageData) => void) => {\r\n  return messages.map((x, i) => {\r\n    return <Message key={x.id + i} data={x} IsOpen={true} handleClose={onClose} autoDurationHide={x.duration} />\r\n  })\r\n}\r\n\r\nfunction AlertGlobal() {\r\n  const [Messages, setMessages] = useState<MessageData[]>([])\r\n  const _PushMessage = useCallback((data: MessageData) => {\r\n    setMessages((st) => [...st, data])\r\n  }, [])\r\n  const _HandleClose = useCallback(\r\n    (data: MessageData) => {\r\n      const index = Messages.findIndex((x) => x.id === data.id)\r\n      Messages.splice(index, 1)\r\n      setMessages([...Messages])\r\n    },\r\n    [Messages]\r\n  )\r\n\r\n  useEffect(() => {\r\n    ApiAlertContext.ApiAlert = {\r\n      ...(ApiAlertContext.ApiAlert ? ApiAlertContext.ApiAlert : {}),\r\n      PushMessage: _PushMessage,\r\n      PushError: function (data: string, options?: IOptions) {\r\n        this.PushMessage({\r\n          id: new Date().getTime().toString(),\r\n          text: data,\r\n          type: 'error',\r\n          duration: options?.duration || 15000\r\n        })\r\n      },\r\n      PushInfo: function (data: string, options?: IOptions) {\r\n        this.PushMessage({\r\n          id: new Date().getTime().toString(),\r\n          text: data,\r\n          type: 'info',\r\n          duration: options?.duration || 6000\r\n        })\r\n      },\r\n      PushWarning: function (data: string, options?: IOptions) {\r\n        this.PushMessage({\r\n          id: new Date().getTime().toString(),\r\n          text: data,\r\n          type: 'warning',\r\n          duration: options?.duration || 6000\r\n        })\r\n      },\r\n      PushSuccess: function (data: string, options?: IOptions) {\r\n        this.PushMessage({\r\n          id: new Date().getTime().toString(),\r\n          text: data,\r\n          type: 'success',\r\n          duration: options?.duration || 3000\r\n        })\r\n      }\r\n    }\r\n  }, [_PushMessage])\r\n\r\n  return (\r\n    <Wrap>\r\n      <Stack spacing={2} sx={{ maxWidth: '300px' }}>\r\n        {RenderArea(Messages, _HandleClose)}\r\n      </Stack>\r\n    </Wrap>\r\n  )\r\n}\r\nexport default AlertGlobal\r\n\r\ninterface MessageProps {\r\n  IsOpen: boolean\r\n  handleClose: (data: MessageData) => void\r\n  data: MessageData\r\n  autoDurationHide?: number\r\n}\r\nconst Message: FC<MessageProps> = (props) => {\r\n  const _handleClose = useCallback(() => props.handleClose(props.data), [props])\r\n\r\n  useEffect(() => {\r\n    let Timer: any = null\r\n    if (props.autoDurationHide) {\r\n      Timer = setTimeout(() => {\r\n        props.handleClose(props.data)\r\n      }, props.autoDurationHide)\r\n    }\r\n    return () => {\r\n      clearTimeout(Timer as any)\r\n    }\r\n  }, [props])\r\n  return (\r\n    <Alert onClose={_handleClose} severity={props.data.type}>\r\n      {props.data.text}\r\n    </Alert>\r\n  )\r\n}\r\n\r\nconst Wrap = styled(Box)({\r\n  position: 'fixed',\r\n  top: 'calc(var(--height-header) + 20px)',\r\n  right: '50px',\r\n  zIndex: 2000,\r\n  display: 'flex',\r\n  justifyContent: 'flex-start',\r\n  alignItems: 'center'\r\n})\r\n\r\ninterface AlertDialogProps {\r\n  IsOpen: boolean\r\n  onClose?: () => void\r\n  onAccept?: () => void\r\n  Title: string\r\n  Message: string\r\n}\r\nexport const AlertDialog: React.FC<AlertDialogProps> = (props) => {\r\n  const [Open, setOpen] = React.useState(props.IsOpen)\r\n  React.useEffect(() => {\r\n    setOpen(props.IsOpen)\r\n  }, [props.IsOpen])\r\n  const _handleClose = React.useCallback(() => {\r\n    setOpen(false)\r\n    props.onClose && props.onClose()\r\n  }, [props])\r\n  return (\r\n    <div>\r\n      <Dialog open={Open} onClose={_handleClose} aria-labelledby='alert-dialog-title' aria-describedby='alert-dialog-description'>\r\n        <DialogTitle id='alert-dialog-title'>{props.Title}</DialogTitle>\r\n        <DialogContent>\r\n          <DialogContentText id='alert-dialog-description'>{props.Message}</DialogContentText>\r\n        </DialogContent>\r\n        <DialogActions>\r\n          <Button onClick={props.onAccept} autoFocus color='info'>\r\n            Ok\r\n          </Button>\r\n          <Button onClick={_handleClose} color='error'>\r\n            Cancel\r\n          </Button>\r\n        </DialogActions>\r\n      </Dialog>\r\n    </div>\r\n  )\r\n}\r\n"],"names":["Alert","React","forwardRef","props","ref","_jsx","MuiAlert","_objectSpread","elevation","variant","style","minWidth","ApiAlertContext","AlertGlobal","messages","onClose","_useState","useState","_useState2","_slicedToArray","Messages","setMessages","_PushMessage","useCallback","data","st","concat","_toConsumableArray","_HandleClose","index","findIndex","x","id","splice","useEffect","ApiAlert","PushMessage","PushError","options","this","Date","getTime","toString","text","type","duration","PushInfo","PushWarning","PushSuccess","Wrap","children","Stack","spacing","sx","maxWidth","map","i","Message","IsOpen","handleClose","autoDurationHide","_handleClose","Timer","setTimeout","clearTimeout","severity","styled","Box","position","top","right","zIndex","display","justifyContent","alignItems","AlertDialog","_React$useState","_React$useState2","Open","setOpen","_jsxs","Dialog","open","DialogTitle","Title","DialogContent","DialogContentText","DialogActions","Button","onClick","onAccept","autoFocus","color"],"mappings":"6aAIA,IAAMA,EAAQC,EAAMC,YAAuC,SAAeC,EAAOC,GAC/E,OAAOC,EAACC,EAAQC,EAAAA,EAAA,CAACC,UAAW,EAAGJ,IAAKA,EAAKK,QAAQ,YAAeN,GAAK,GAAA,CAAEO,MAAO,CAAEC,SAAU,WAC5F,IAyBaC,EAA+B,CAAA,EAQ5C,SAASC,IACP,IAPkBC,EAAyBC,EAO3CC,EAAgCC,EAAwB,IAAGC,EAAAC,EAAAH,EAAA,GAApDI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GACtBI,EAAeC,GAAY,SAACC,GAChCH,GAAY,SAACI,GAAE,MAAA,GAAAC,OAAAC,EAASF,IAAID,GAAI,GACjC,GAAE,IACGI,EAAeL,GACnB,SAACC,GACC,IAAMK,EAAQT,EAASU,WAAU,SAACC,GAAC,OAAKA,EAAEC,KAAOR,EAAKQ,MACtDZ,EAASa,OAAOJ,EAAO,GACvBR,EAAWM,EAAKP,GAClB,GACA,CAACA,IA0CH,OAvCAc,GAAU,WACRtB,EAAgBuB,SAAQ5B,EAAAA,EAClBK,CAAAA,EAAAA,EAAgBuB,SAAWvB,EAAgBuB,SAAW,CAAE,GAAA,CAAA,EAAA,CAC5DC,YAAad,EACbe,UAAW,SAAUb,EAAcc,GACjCC,KAAKH,YAAY,CACfJ,IAAI,IAAIQ,MAAOC,UAAUC,WACzBC,KAAMnB,EACNoB,KAAM,QACNC,UAAUP,aAAAA,EAAAA,EAASO,WAAY,MAElC,EACDC,SAAU,SAAUtB,EAAcc,GAChCC,KAAKH,YAAY,CACfJ,IAAI,IAAIQ,MAAOC,UAAUC,WACzBC,KAAMnB,EACNoB,KAAM,OACNC,UAAUP,aAAAA,EAAAA,EAASO,WAAY,KAElC,EACDE,YAAa,SAAUvB,EAAcc,GACnCC,KAAKH,YAAY,CACfJ,IAAI,IAAIQ,MAAOC,UAAUC,WACzBC,KAAMnB,EACNoB,KAAM,UACNC,UAAUP,aAAAA,EAAAA,EAASO,WAAY,KAElC,EACDG,YAAa,SAAUxB,EAAcc,GACnCC,KAAKH,YAAY,CACfJ,IAAI,IAAIQ,MAAOC,UAAUC,WACzBC,KAAMnB,EACNoB,KAAM,UACNC,UAAUP,aAAAA,EAAAA,EAASO,WAAY,KAEnC,GAEJ,GAAG,CAACvB,IAGFjB,EAAC4C,EAAI,CAAAC,SACH7C,EAAC8C,EAAM,CAAAC,QAAS,EAAGC,GAAI,CAAEC,SAAU,SAChCJ,UA9DWpC,EA8DAM,EA9DyBL,EA8Dfa,EA7DrBd,EAASyC,KAAI,SAACxB,EAAGyB,GACtB,OAAOnD,EAACoD,EAAO,CAAgBjC,KAAMO,EAAG2B,QAAQ,EAAMC,YAAa5C,EAAS6C,iBAAkB7B,EAAEc,UAA3Ed,EAAEC,GAAKwB,EAC9B,QA+DF,CASA,IAAMC,EAA4B,SAACtD,GACjC,IAAM0D,EAAetC,GAAY,WAAA,OAAMpB,EAAMwD,YAAYxD,EAAMqB,QAAO,CAACrB,IAavE,OAXA+B,GAAU,WACR,IAAI4B,EAAa,KAMjB,OALI3D,EAAMyD,mBACRE,EAAQC,YAAW,WACjB5D,EAAMwD,YAAYxD,EAAMqB,KAC1B,GAAGrB,EAAMyD,mBAEJ,WACLI,aAAaF,EACd,CACH,GAAG,CAAC3D,IAEFE,EAACL,EAAK,CAACe,QAAS8C,EAAcI,SAAU9D,EAAMqB,KAAKoB,KAAIM,SACpD/C,EAAMqB,KAAKmB,MAGlB,EAEMM,EAAOiB,EAAOC,EAAPD,CAAY,CACvBE,SAAU,QACVC,IAAK,oCACLC,MAAO,OACPC,OAAQ,IACRC,QAAS,OACTC,eAAgB,aAChBC,WAAY,WAUDC,EAA0C,SAACxE,GACtD,IAAAyE,EAAwB3E,EAAMgB,SAASd,EAAMuD,QAAOmB,EAAA1D,EAAAyD,EAAA,GAA7CE,EAAID,EAAA,GAAEE,EAAOF,EAAA,GACpB5E,EAAMiC,WAAU,WACd6C,EAAQ5E,EAAMuD,OAChB,GAAG,CAACvD,EAAMuD,SACV,IAAMG,EAAe5D,EAAMsB,aAAY,WACrCwD,GAAQ,GACR5E,EAAMY,SAAWZ,EAAMY,SACzB,GAAG,CAACZ,IACJ,OACEE,EACE,MAAA,CAAA6C,SAAA8B,EAACC,EAAM,CAACC,KAAMJ,EAAM/D,QAAS8C,EAAY,kBAAkB,qBAAoB,mBAAkB,2BAC/FX,SAAA,CAAA7C,EAAC8E,EAAW,CAACnD,GAAG,qBAAsBkB,SAAA/C,EAAMiF,QAC5C/E,EAACgF,EACC,CAAAnC,SAAA7C,EAACiF,EAAkB,CAAAtD,GAAG,2BAA0BkB,SAAE/C,EAAMsD,YAE1DuB,EAACO,EACC,CAAArC,SAAA,CAAA7C,EAACmF,EAAM,CAACC,QAAStF,EAAMuF,SAAUC,WAAU,EAAAC,MAAM,uBAGjDvF,EAACmF,EAAM,CAACC,QAAS5B,EAAc+B,MAAM,QAAO1C,SAAA,kBAOtD"}

package/dist/api-context/drawer-global.js

@@ -1,112 +1,2 @@
-import { defineProperty as _defineProperty, inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Component } from 'react';
-import { styled, Box, Drawer, IconButton, Divider, Typography } from '@mui/material';
-import CloseIcon from '@mui/icons-material/Close';
-
-var drawerGlobalClasses = {
-  root: 'DrawerGlobal-root',
-  title: 'DrawerGlobal-title',
-  content: 'DrawerGlobal-content',
-  fullHeight: 'DrawerGlobal-fullHeight'
-};
-var DrawerGlobalApi = {
-  close: function close() {
-    console.warn('DrawerGlobal provider not found!');
-  },
-  open: function open() {
-    console.warn('DrawerGlobal provider not found!');
-  }
-};
-var DrawerGlobalProvider = /*#__PURE__*/function (_Component) {
-  function DrawerGlobalProvider(props) {
-    var _this;
-    _classCallCheck(this, DrawerGlobalProvider);
-    _this = _callSuper(this, DrawerGlobalProvider, [props]);
-    _defineProperty(_this, "close", function (reason) {
-      if (_this.state.backdropClickeable === false && reason === 'backdropClick') return;
-      _this.setState({
-        renderContent: undefined
-      });
-    });
-    _defineProperty(_this, "open", function (state) {
-      return _this.setState(state);
-    });
-    _defineProperty(_this, "renderTitle", function () {
-      if (typeof _this.state.title === 'string') {
-        return jsx(Typography, {
-          variant: 'h6',
-          noWrap: true,
-          children: _this.state.title
-        });
-      }
-      return _this.state.title;
-    });
-    _defineProperty(_this, "getClasses", function () {
-      var classes = [drawerGlobalClasses.root];
-      if (_this.state.fullHeight) classes.push(drawerGlobalClasses.fullHeight);
-      return classes.join(' ');
-    });
-    _this.state = {};
-    return _this;
-  }
-  _inherits(DrawerGlobalProvider, _Component);
-  return _createClass(DrawerGlobalProvider, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      DrawerGlobalApi.open = this.open;
-      DrawerGlobalApi.close = this.close;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      return jsx(Drawer, {
-        anchor: this.state.anchor,
-        open: Boolean(this.state.renderContent),
-        onClose: function onClose(_, reason) {
-          return _this2.close(reason);
-        },
-        children: jsxs(Wrap, {
-          className: this.getClasses(),
-          children: [jsxs("div", {
-            className: drawerGlobalClasses.title,
-            children: [this.state.icon, this.renderTitle(), jsx(Box, {
-              sx: {
-                flex: 1
-              }
-            }), jsx(IconButton, {
-              onClick: function onClick() {
-                return _this2.close();
-              },
-              children: jsx(CloseIcon, {})
-            })]
-          }), jsx(Divider, {
-            variant: 'middle'
-          }), jsx("div", {
-            className: drawerGlobalClasses.content,
-            children: this.state.renderContent && this.state.renderContent()
-          })]
-        })
-      });
-    }
-  }]);
-}(Component);
-var DrawerGlobal = {
-  Provider: DrawerGlobalProvider,
-  Api: DrawerGlobalApi
-};
-var Wrap = styled(Box)(_defineProperty(_defineProperty({
-  '--height-title': '56px'
-}, ".".concat(drawerGlobalClasses.title), {
-  display: 'flex',
-  alignItems: 'center',
-  height: 'var(--height-title)',
-  padding: '0 12px',
-  gap: '6px'
-}), "&.".concat(drawerGlobalClasses.fullHeight), _defineProperty({}, ".".concat(drawerGlobalClasses.content), {
-  height: 'calc(100vh - var(--height-title) - 60px)'
-})));
-
-export { DrawerGlobal as default };
+import{defineProperty as e,inherits as t,createClass as r,classCallCheck as n,callSuper as a}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as i,jsxs as o}from"react/jsx-runtime";import{Component as l}from"react";import{styled as s,Box as c,Drawer as h,IconButton as u,Divider as d,Typography as p}from"@mui/material";import f from"@mui/icons-material/Close";var m="DrawerGlobal-root",v="DrawerGlobal-title",g="DrawerGlobal-content",C="DrawerGlobal-fullHeight",b={close:function(){console.warn("DrawerGlobal provider not found!")},open:function(){console.warn("DrawerGlobal provider not found!")}},x={Provider:function(){function s(t){var r;return n(this,s),r=a(this,s,[t]),e(r,"close",(function(e){!1===r.state.backdropClickeable&&"backdropClick"===e||r.setState({renderContent:void 0})})),e(r,"open",(function(e){return r.setState(e)})),e(r,"renderTitle",(function(){return"string"==typeof r.state.title?i(p,{variant:"h6",noWrap:!0,children:r.state.title}):r.state.title})),e(r,"getClasses",(function(){var e=[m];return r.state.fullHeight&&e.push(C),e.join(" ")})),r.state={},r}return t(s,l),r(s,[{key:"componentDidMount",value:function(){b.open=this.open,b.close=this.close}},{key:"render",value:function(){var e=this;return i(h,{anchor:this.state.anchor,open:Boolean(this.state.renderContent),onClose:function(t,r){return e.close(r)},children:o(k,{className:this.getClasses(),children:[o("div",{className:v,children:[this.state.icon,this.renderTitle(),i(c,{sx:{flex:1}}),i(u,{onClick:function(){return e.close()},children:i(f,{})})]}),i(d,{variant:"middle"}),i("div",{className:g,children:this.state.renderContent&&this.state.renderContent()})]})})}}])}(),Api:b},k=s(c)(e(e({"--height-title":"56px"},".".concat(v),{display:"flex",alignItems:"center",height:"var(--height-title)",padding:"0 12px",gap:"6px"}),"&.".concat(C),e({},".".concat(g),{height:"calc(100vh - var(--height-title) - 60px)"})));export{x as default};
 //# sourceMappingURL=drawer-global.js.map

package/dist/api-context/drawer-global.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-global.js","sources":["../../src/api-context/drawer-global.tsx"],"sourcesContent":["import React, { Component, ReactNode } from 'react'\r\nimport { Box, Divider, Drawer, DrawerProps, IconButton, styled, Typography } from '@mui/material'\r\nimport CloseIcon from '@mui/icons-material/Close'\r\n\r\nconst drawerGlobalClasses = {\r\n  root: 'DrawerGlobal-root',\r\n  title: 'DrawerGlobal-title',\r\n  content: 'DrawerGlobal-content',\r\n  fullHeight: 'DrawerGlobal-fullHeight'\r\n}\r\n\r\ninterface IProps {}\r\n\r\ninterface IState {\r\n  title?: ReactNode\r\n  icon?: ReactNode\r\n  fullHeight?: boolean\r\n  anchor?: DrawerProps['anchor']\r\n  /** @default true */\r\n  backdropClickeable?: boolean\r\n  renderContent?: () => ReactNode\r\n}\r\n\r\ntype TReason = 'backdropClick' | 'escapeKeyDown'\r\n\r\ninterface DrawerGlobalApiType {\r\n  open: (state: IState) => void\r\n  close: (reason?: TReason) => void\r\n}\r\n\r\nconst DrawerGlobalApi: DrawerGlobalApiType = {\r\n  close: () => {\r\n    console.warn('DrawerGlobal provider not found!')\r\n  },\r\n  open: () => {\r\n    console.warn('DrawerGlobal provider not found!')\r\n  }\r\n}\r\n\r\nclass DrawerGlobalProvider extends Component<IProps, IState> {\r\n  constructor(props: IProps) {\r\n    super(props)\r\n    this.state = {}\r\n  }\r\n\r\n  close = (reason?: TReason) => {\r\n    if (this.state.backdropClickeable === false && reason === 'backdropClick') return\r\n    this.setState({ renderContent: undefined })\r\n  }\r\n\r\n  open = (state: IState) => this.setState(state)\r\n\r\n  componentDidMount() {\r\n    DrawerGlobalApi.open = this.open\r\n    DrawerGlobalApi.close = this.close\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Drawer anchor={this.state.anchor} open={Boolean(this.state.renderContent)} onClose={(_, reason) => this.close(reason)}>\r\n        <Wrap className={this.getClasses()}>\r\n          <div className={drawerGlobalClasses.title}>\r\n            {this.state.icon}\r\n            {this.renderTitle()}\r\n            <Box sx={{ flex: 1 }} />\r\n            <IconButton onClick={() => this.close()}>\r\n              <CloseIcon />\r\n            </IconButton>\r\n          </div>\r\n          <Divider variant='middle' />\r\n          <div className={drawerGlobalClasses.content}>{this.state.renderContent && this.state.renderContent()}</div>\r\n        </Wrap>\r\n      </Drawer>\r\n    )\r\n  }\r\n\r\n  renderTitle = () => {\r\n    if (typeof this.state.title === 'string') {\r\n      return (\r\n        <Typography variant='h6' noWrap>\r\n          {this.state.title}\r\n        </Typography>\r\n      )\r\n    }\r\n    return this.state.title\r\n  }\r\n\r\n  getClasses = () => {\r\n    const classes = [drawerGlobalClasses.root]\r\n    if (this.state.fullHeight) classes.push(drawerGlobalClasses.fullHeight)\r\n    return classes.join(' ')\r\n  }\r\n}\r\n\r\nconst DrawerGlobal = {\r\n  Provider: DrawerGlobalProvider,\r\n  Api: DrawerGlobalApi\r\n}\r\n\r\nexport default DrawerGlobal\r\n\r\nconst Wrap = styled(Box)({\r\n  '--height-title': '56px',\r\n  [`.${drawerGlobalClasses.title}`]: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    height: 'var(--height-title)',\r\n    padding: '0 12px',\r\n    gap: '6px'\r\n  },\r\n  [`&.${drawerGlobalClasses.fullHeight}`]: {\r\n    [`.${drawerGlobalClasses.content}`]: {\r\n      height: 'calc(100vh - var(--height-title) - 60px)'\r\n    }\r\n  }\r\n})\r\n"],"names":["drawerGlobalClasses","root","title","content","fullHeight","DrawerGlobalApi","close","console","warn","open","DrawerGlobalProvider","_Component","props","_this","_classCallCheck","_callSuper","_defineProperty","reason","state","backdropClickeable","setState","renderContent","undefined","_jsx","Typography","variant","noWrap","children","classes","push","join","_inherits","_createClass","key","value","componentDidMount","render","_this2","Drawer","anchor","Boolean","onClose","_","_jsxs","Wrap","className","getClasses","icon","renderTitle","Box","sx","flex","IconButton","onClick","CloseIcon","Divider","Component","DrawerGlobal","Provider","Api","styled","concat","display","alignItems","height","padding","gap"],"mappings":";;;;;;AAIA,IAAMA,mBAAmB,GAAG;AAC1BC,EAAAA,IAAI,EAAE,mBAAmB;AACzBC,EAAAA,KAAK,EAAE,oBAAoB;AAC3BC,EAAAA,OAAO,EAAE,sBAAsB;AAC/BC,EAAAA,UAAU,EAAE;CACb;AAqBD,IAAMC,eAAe,GAAwB;AAC3CC,EAAAA,KAAK,EAAE,SAAPA,KAAKA,GAAO;AACVC,IAAAA,OAAO,CAACC,IAAI,CAAC,kCAAkC,CAAC;GACjD;AACDC,EAAAA,IAAI,EAAE,SAANA,IAAIA,GAAO;AACTF,IAAAA,OAAO,CAACC,IAAI,CAAC,kCAAkC,CAAC;AAClD;CACD;AAAA,IAEKE,oBAAqB,0BAAAC,UAAA,EAAA;EACzB,SAAAD,oBAAAA,CAAYE,KAAa,EAAA;AAAA,IAAA,IAAAC,KAAA;AAAAC,IAAAA,eAAA,OAAAJ,oBAAA,CAAA;AACvBG,IAAAA,KAAA,GAAAE,UAAA,CAAAL,IAAAA,EAAAA,oBAAA,GAAME,KAAK,CAAA,CAAA;AAACI,IAAAA,eAAA,CAAAH,KAAA,EAIN,OAAA,EAAA,UAACI,MAAgB,EAAI;MAC3B,IAAIJ,KAAA,CAAKK,KAAK,CAACC,kBAAkB,KAAK,KAAK,IAAIF,MAAM,KAAK,eAAe,EAAE;MAC3EJ,KAAA,CAAKO,QAAQ,CAAC;AAAEC,QAAAA,aAAa,EAAEC;AAAW,OAAA,CAAC;KAC5C,CAAA;AAAAN,IAAAA,eAAA,CAAAH,KAAA,EAEM,MAAA,EAAA,UAACK,KAAa,EAAA;AAAA,MAAA,OAAKL,KAAA,CAAKO,QAAQ,CAACF,KAAK,CAAC;AAAA,KAAA,CAAA;IAAAF,eAAA,CAAAH,KAAA,EAAA,aAAA,EA0BhC,YAAK;MACjB,IAAI,OAAOA,KAAA,CAAKK,KAAK,CAAChB,KAAK,KAAK,QAAQ,EAAE;QACxC,OACEqB,GAAC,CAAAC,UAAU,EAAC;AAAAC,UAAAA,OAAO,EAAC,IAAI;AAACC,UAAAA,MAAM,EAAA,IAAA;AAAAC,UAAAA,QAAA,EAC5Bd,KAAA,CAAKK,KAAK,CAAChB;AAAK,SAAA,CACN;AAEhB;AACD,MAAA,OAAOW,KAAA,CAAKK,KAAK,CAAChB,KAAK;KACxB,CAAA;IAAAc,eAAA,CAAAH,KAAA,EAAA,YAAA,EAEY,YAAK;AAChB,MAAA,IAAMe,OAAO,GAAG,CAAC5B,mBAAmB,CAACC,IAAI,CAAC;AAC1C,MAAA,IAAIY,KAAA,CAAKK,KAAK,CAACd,UAAU,EAAEwB,OAAO,CAACC,IAAI,CAAC7B,mBAAmB,CAACI,UAAU,CAAC;AACvE,MAAA,OAAOwB,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC;KACzB,CAAA;AAjDCjB,IAAAA,KAAA,CAAKK,KAAK,GAAG,EAAE;AAAA,IAAA,OAAAL,KAAA;AACjB;EAACkB,SAAA,CAAArB,oBAAA,EAAAC,UAAA,CAAA;EAAA,OAAAqB,YAAA,CAAAtB,oBAAA,EAAA,CAAA;IAAAuB,GAAA,EAAA,mBAAA;AAAAC,IAAAA,KAAA,EASD,SAAAC,iBAAiBA,GAAA;AACf9B,MAAAA,eAAe,CAACI,IAAI,GAAG,IAAI,CAACA,IAAI;AAChCJ,MAAAA,eAAe,CAACC,KAAK,GAAG,IAAI,CAACA,KAAK;AACpC;AAAC,GAAA,EAAA;IAAA2B,GAAA,EAAA,QAAA;AAAAC,IAAAA,KAAA,EAED,SAAAE,MAAMA,GAAA;AAAA,MAAA,IAAAC,MAAA,GAAA,IAAA;MACJ,OACEd,GAAA,CAACe,MAAM,EAAA;AAACC,QAAAA,MAAM,EAAE,IAAI,CAACrB,KAAK,CAACqB,MAAM;QAAE9B,IAAI,EAAE+B,OAAO,CAAC,IAAI,CAACtB,KAAK,CAACG,aAAa,CAAC;AAAEoB,QAAAA,OAAO,EAAE,SAATA,OAAOA,CAAGC,CAAC,EAAEzB,MAAM,EAAA;AAAA,UAAA,OAAKoB,MAAI,CAAC/B,KAAK,CAACW,MAAM,CAAC;AAAA,SAAA;AAAAU,QAAAA,QAAA,EACpHgB,IAAC,CAAAC,IAAI,EAAC;AAAAC,UAAAA,SAAS,EAAE,IAAI,CAACC,UAAU,EAAE;AAAAnB,UAAAA,QAAA,EAAA,CAChCgB,IAAK,CAAA,KAAA,EAAA;YAAAE,SAAS,EAAE7C,mBAAmB,CAACE,KAAK;AACtCyB,YAAAA,QAAA,EAAA,CAAA,IAAI,CAACT,KAAK,CAAC6B,IAAI,EACf,IAAI,CAACC,WAAW,EAAE,EACnBzB,GAAA,CAAC0B,GAAG,EAAA;AAACC,cAAAA,EAAE,EAAE;AAAEC,gBAAAA,IAAI,EAAE;AAAG;AAAA,aAAA,CAAI,EACxB5B,GAAA,CAAC6B,UAAU,EAAA;cAACC,OAAO,EAAE,SAATA,OAAOA,GAAA;AAAA,gBAAA,OAAQhB,MAAI,CAAC/B,KAAK,EAAE;AAAA,eAAA;AAAAqB,cAAAA,QAAA,EACrCJ,GAAC,CAAA+B,SAAS;AACC,aAAA,CAAA;AAAA,WAAA,CACT,EACN/B,GAAA,CAACgC,OAAO,EAAA;AAAC9B,YAAAA,OAAO,EAAC;AAAQ,WAAA,CAAG,EAC5BF,GAAA,CAAA,KAAA,EAAA;YAAKsB,SAAS,EAAE7C,mBAAmB,CAACG,OAAO;AAAGwB,YAAAA,QAAA,EAAA,IAAI,CAACT,KAAK,CAACG,aAAa,IAAI,IAAI,CAACH,KAAK,CAACG,aAAa;AAAE,WAAA,CAAO;SACtG;AAAA,OAAA,CACA;AAEb;AAAC,GAAA,CAAA,CAAA;AAAA,CAAA,CAnCgCmC,SAAyB,CAAA;AAuD5D,IAAMC,YAAY,GAAG;AACnBC,EAAAA,QAAQ,EAAEhD,oBAAoB;AAC9BiD,EAAAA,GAAG,EAAEtD;;AAKP,IAAMuC,IAAI,GAAGgB,MAAM,CAACX,GAAG,CAAC,CAAAjC,eAAA,CAAAA,eAAA,CAAA;AACtB,EAAA,gBAAgB,EAAE;AAAM,CAAA,EAAA,GAAA,CAAA6C,MAAA,CACnB7D,mBAAmB,CAACE,KAAK,CAAK,EAAA;AACjC4D,EAAAA,OAAO,EAAE,MAAM;AACfC,EAAAA,UAAU,EAAE,QAAQ;AACpBC,EAAAA,MAAM,EAAE,qBAAqB;AAC7BC,EAAAA,OAAO,EAAE,QAAQ;AACjBC,EAAAA,GAAG,EAAE;AACN,CAAA,CAAAL,EAAAA,IAAAA,CAAAA,MAAA,CACK7D,mBAAmB,CAACI,UAAU,CAAA,EAAAY,eAAA,CAAA,EAAA,EAAA,GAAA,CAAA6C,MAAA,CAC7B7D,mBAAmB,CAACG,OAAO,CAAK,EAAA;AACnC6D,EAAAA,MAAM,EAAE;AACT,CAAA,EAEJ,CAAC;;;;"}
+{"version":3,"file":"drawer-global.js","sources":["../../src/api-context/drawer-global.tsx"],"sourcesContent":["import React, { Component, ReactNode } from 'react'\r\nimport { Box, Divider, Drawer, DrawerProps, IconButton, styled, Typography } from '@mui/material'\r\nimport CloseIcon from '@mui/icons-material/Close'\r\n\r\nconst drawerGlobalClasses = {\r\n  root: 'DrawerGlobal-root',\r\n  title: 'DrawerGlobal-title',\r\n  content: 'DrawerGlobal-content',\r\n  fullHeight: 'DrawerGlobal-fullHeight'\r\n}\r\n\r\ninterface IProps {}\r\n\r\ninterface IState {\r\n  title?: ReactNode\r\n  icon?: ReactNode\r\n  fullHeight?: boolean\r\n  anchor?: DrawerProps['anchor']\r\n  /** @default true */\r\n  backdropClickeable?: boolean\r\n  renderContent?: () => ReactNode\r\n}\r\n\r\ntype TReason = 'backdropClick' | 'escapeKeyDown'\r\n\r\ninterface DrawerGlobalApiType {\r\n  open: (state: IState) => void\r\n  close: (reason?: TReason) => void\r\n}\r\n\r\nconst DrawerGlobalApi: DrawerGlobalApiType = {\r\n  close: () => {\r\n    console.warn('DrawerGlobal provider not found!')\r\n  },\r\n  open: () => {\r\n    console.warn('DrawerGlobal provider not found!')\r\n  }\r\n}\r\n\r\nclass DrawerGlobalProvider extends Component<IProps, IState> {\r\n  constructor(props: IProps) {\r\n    super(props)\r\n    this.state = {}\r\n  }\r\n\r\n  close = (reason?: TReason) => {\r\n    if (this.state.backdropClickeable === false && reason === 'backdropClick') return\r\n    this.setState({ renderContent: undefined })\r\n  }\r\n\r\n  open = (state: IState) => this.setState(state)\r\n\r\n  componentDidMount() {\r\n    DrawerGlobalApi.open = this.open\r\n    DrawerGlobalApi.close = this.close\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Drawer anchor={this.state.anchor} open={Boolean(this.state.renderContent)} onClose={(_, reason) => this.close(reason)}>\r\n        <Wrap className={this.getClasses()}>\r\n          <div className={drawerGlobalClasses.title}>\r\n            {this.state.icon}\r\n            {this.renderTitle()}\r\n            <Box sx={{ flex: 1 }} />\r\n            <IconButton onClick={() => this.close()}>\r\n              <CloseIcon />\r\n            </IconButton>\r\n          </div>\r\n          <Divider variant='middle' />\r\n          <div className={drawerGlobalClasses.content}>{this.state.renderContent && this.state.renderContent()}</div>\r\n        </Wrap>\r\n      </Drawer>\r\n    )\r\n  }\r\n\r\n  renderTitle = () => {\r\n    if (typeof this.state.title === 'string') {\r\n      return (\r\n        <Typography variant='h6' noWrap>\r\n          {this.state.title}\r\n        </Typography>\r\n      )\r\n    }\r\n    return this.state.title\r\n  }\r\n\r\n  getClasses = () => {\r\n    const classes = [drawerGlobalClasses.root]\r\n    if (this.state.fullHeight) classes.push(drawerGlobalClasses.fullHeight)\r\n    return classes.join(' ')\r\n  }\r\n}\r\n\r\nconst DrawerGlobal = {\r\n  Provider: DrawerGlobalProvider,\r\n  Api: DrawerGlobalApi\r\n}\r\n\r\nexport default DrawerGlobal\r\n\r\nconst Wrap = styled(Box)({\r\n  '--height-title': '56px',\r\n  [`.${drawerGlobalClasses.title}`]: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    height: 'var(--height-title)',\r\n    padding: '0 12px',\r\n    gap: '6px'\r\n  },\r\n  [`&.${drawerGlobalClasses.fullHeight}`]: {\r\n    [`.${drawerGlobalClasses.content}`]: {\r\n      height: 'calc(100vh - var(--height-title) - 60px)'\r\n    }\r\n  }\r\n})\r\n"],"names":["drawerGlobalClasses","DrawerGlobalApi","close","console","warn","open","DrawerGlobal","Provider","DrawerGlobalProvider","props","_this","_classCallCheck","_callSuper","_defineProperty","reason","state","backdropClickeable","setState","renderContent","undefined","title","_jsx","Typography","variant","noWrap","children","classes","fullHeight","push","join","_inherits","Component","_createClass","key","value","this","_this2","Drawer","anchor","Boolean","onClose","_","_jsxs","Wrap","className","getClasses","icon","renderTitle","Box","sx","flex","IconButton","onClick","CloseIcon","Divider","Api","styled","concat","display","alignItems","height","padding","gap"],"mappings":"kXAIA,IAAMA,EACE,oBADFA,EAEG,qBAFHA,EAGK,uBAHLA,EAIQ,0BAsBRC,EAAuC,CAC3CC,MAAO,WACLC,QAAQC,KAAK,mCACd,EACDC,KAAM,WACJF,QAAQC,KAAK,mCACf,GA0DIE,EAAe,CACnBC,oBAvDA,SAAAC,EAAYC,GAAa,IAAAC,EAER,OAFQC,OAAAH,GACvBE,EAAAE,EAAAJ,KAAAA,GAAMC,IAAMI,EAAAH,EAIN,SAAA,SAACI,IAC+B,IAAlCJ,EAAKK,MAAMC,oBAA2C,kBAAXF,GAC/CJ,EAAKO,SAAS,CAAEC,mBAAeC,OAChCN,EAAAH,EAEM,QAAA,SAACK,GAAa,OAAKL,EAAKO,SAASF,EAAM,IAAAF,EAAAH,EAAA,eA0BhC,WACZ,MAAgC,iBAArBA,EAAKK,MAAMK,MAElBC,EAACC,EAAW,CAAAC,QAAQ,KAAKC,QAAM,EAAAC,SAC5Bf,EAAKK,MAAMK,QAIXV,EAAKK,MAAMK,SACnBP,EAAAH,EAAA,cAEY,WACX,IAAMgB,EAAU,CAAC1B,GAEjB,OADIU,EAAKK,MAAMY,YAAYD,EAAQE,KAAK5B,GACjC0B,EAAQG,KAAK,QAhDpBnB,EAAKK,MAAQ,CAAE,EAAAL,CACjB,CAAC,OAAAoB,EAAAtB,EAJgCuB,GAIhCC,EAAAxB,EAAA,CAAA,CAAAyB,IAAA,oBAAAC,MASD,WACEjC,EAAgBI,KAAO8B,KAAK9B,KAC5BJ,EAAgBC,MAAQiC,KAAKjC,KAC/B,GAAC,CAAA+B,IAAA,SAAAC,MAED,WAAM,IAAAE,EAAAD,KACJ,OACEd,EAACgB,EAAM,CAACC,OAAQH,KAAKpB,MAAMuB,OAAQjC,KAAMkC,QAAQJ,KAAKpB,MAAMG,eAAgBsB,QAAS,SAACC,EAAG3B,GAAM,OAAKsB,EAAKlC,MAAMY,EAAO,EAAAW,SACpHiB,EAACC,EAAK,CAAAC,UAAWT,KAAKU,aAAYpB,SAAA,CAChCiB,EAAK,MAAA,CAAAE,UAAW5C,EACbyB,SAAA,CAAAU,KAAKpB,MAAM+B,KACXX,KAAKY,cACN1B,EAAC2B,EAAG,CAACC,GAAI,CAAEC,KAAM,KACjB7B,EAAC8B,EAAU,CAACC,QAAS,WAAF,OAAQhB,EAAKlC,OAAO,EAAAuB,SACrCJ,EAACgC,WAGLhC,EAACiC,EAAO,CAAC/B,QAAQ,WACjBF,EAAA,MAAA,CAAKuB,UAAW5C,EAA8ByB,SAAAU,KAAKpB,MAAMG,eAAiBiB,KAAKpB,MAAMG,sBAI7F,IAAC,IAsBDqC,IAAKtD,GAKD0C,EAAOa,EAAOR,EAAPQ,CAAW3C,EAAAA,EAAA,CACtB,iBAAkB,QAAM,IAAA4C,OACnBzD,GAA8B,CACjC0D,QAAS,OACTC,WAAY,SACZC,OAAQ,sBACRC,QAAS,SACTC,IAAK,QACNL,KAAAA,OACKzD,GAA8Ba,EAAA,CAAA,EAAA,IAAA4C,OAC7BzD,GAAgC,CACnC4D,OAAQ"}

package/dist/api-context/global-modal.js

@@ -1,95 +1,2 @@
-import { inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import React, { Component } from 'react';
-import { styled, Box, Modal, Backdrop } from '@mui/material';
-
-var GlobalModalContext = /*#__PURE__*/React.createContext({
-  close: function close() {
-    console.warn('GlobalModal provider not found!');
-  },
-  show: function show() {
-    console.warn('GlobalModal provider not found!');
-  }
-});
-var MapGlobalModalContext = function MapGlobalModalContext(context) {
-  return jsx(GlobalModalContext.Consumer, {
-    children: context
-  });
-};
-var GlobalModal = /*#__PURE__*/function (_Component) {
-  function GlobalModal(props) {
-    var _this;
-    _classCallCheck(this, GlobalModal);
-    _this = _callSuper(this, GlobalModal, [props]);
-    _defineProperty(_this, "show", function (value) {
-      _this.setState(value);
-    });
-    _defineProperty(_this, "close", function (_, reason) {
-      if (reason === 'backdropClick' && _this.state.backdropActivated === false) return;
-      _this.setState({
-        renderContent: undefined
-      });
-    });
-    _defineProperty(_this, "renderContent", function () {
-      return _this.state.renderContent ? _this.state.renderContent() : jsx(Fragment, {});
-    });
-    _this.state = {};
-    return _this;
-  }
-  _inherits(GlobalModal, _Component);
-  return _createClass(GlobalModal, [{
-    key: "render",
-    value: function render() {
-      return jsxs(GlobalModalContext.Provider, {
-        value: this,
-        children: [this.props.children, jsx(Modal, {
-          open: !!this.state.renderContent,
-          onClose: this.close,
-          slots: {
-            backdrop: Backdrop
-          },
-          slotProps: {
-            backdrop: {
-              timeout: 300
-            }
-          },
-          sx: this.state.sx,
-          children: jsx(Wrapper, {
-            sx: this.state.sxWrap,
-            children: this.renderContent()
-          })
-        })]
-      });
-    }
-  }]);
-}(Component);
-var Wrapper = styled(Box)({
-  position: 'absolute',
-  top: '50%',
-  left: '50%',
-  transform: 'translate(-50%, -50%)',
-  outline: 'none'
-});
-var withApiGlobalModalContext = function withApiGlobalModalContext(Component) {
-  return function (props) {
-    return jsx(GlobalModal, {
-      children: MapGlobalModalContext(function (context) {
-        return jsx(Component, _objectSpread2(_objectSpread2({}, props), {}, {
-          contextGlobalModal: context
-        }));
-      })
-    });
-  };
-};
-var withApiGlobalModalConsumerContext = function withApiGlobalModalConsumerContext(Component) {
-  return function (props) {
-    return MapGlobalModalContext(function (context) {
-      return jsx(Component, _objectSpread2(_objectSpread2({}, props), {}, {
-        contextGlobalModal: context
-      }));
-    });
-  };
-};
-
-export { GlobalModalContext, MapGlobalModalContext, GlobalModal as default, withApiGlobalModalConsumerContext, withApiGlobalModalContext };
+import{inherits as t,createClass as e,classCallCheck as n,callSuper as r,defineProperty as o,objectSpread2 as s}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as a,jsxs as i,Fragment as l}from"react/jsx-runtime";import c,{Component as u}from"react";import{styled as d,Box as f,Modal as p,Backdrop as h}from"@mui/material";var m=c.createContext({close:function(){console.warn("GlobalModal provider not found!")},show:function(){console.warn("GlobalModal provider not found!")}}),C=function(t){return a(m.Consumer,{children:t})},b=function(){function s(t){var e;return n(this,s),e=r(this,s,[t]),o(e,"show",(function(t){e.setState(t)})),o(e,"close",(function(t,n){"backdropClick"===n&&!1===e.state.backdropActivated||e.setState({renderContent:void 0})})),o(e,"renderContent",(function(){return e.state.renderContent?e.state.renderContent():a(l,{})})),e.state={},e}return t(s,u),e(s,[{key:"render",value:function(){return i(m.Provider,{value:this,children:[this.props.children,a(p,{open:!!this.state.renderContent,onClose:this.close,slots:{backdrop:h},slotProps:{backdrop:{timeout:300}},sx:this.state.sx,children:a(v,{sx:this.state.sxWrap,children:this.renderContent()})})]})}}])}(),v=d(f)({position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",outline:"none"}),x=function(t){return function(e){return a(b,{children:C((function(n){return a(t,s(s({},e),{},{contextGlobalModal:n}))}))})}},k=function(t){return function(e){return C((function(n){return a(t,s(s({},e),{},{contextGlobalModal:n}))}))}};export{m as GlobalModalContext,C as MapGlobalModalContext,b as default,k as withApiGlobalModalConsumerContext,x as withApiGlobalModalContext};
 //# sourceMappingURL=global-modal.js.map

package/dist/api-context/global-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"global-modal.js","sources":["../../src/api-context/global-modal.tsx"],"sourcesContent":["import React, { Component } from 'react'\r\nimport { Backdrop, Box, Modal, SxProps, styled } from '@mui/material'\r\n\r\nexport interface GlobalModalState {\r\n  sx?: SxProps\r\n  sxWrap?: SxProps\r\n  /** @default true */\r\n  backdropActivated?: boolean\r\n  onClose?: (reason?: TModalReason) => void\r\n  renderContent?: () => React.ReactNode\r\n}\r\n\r\nexport type TModalReason = 'backdropClick' | 'escapeKeyDown'\r\n\r\ninterface GlobalModalProps {}\r\n\r\nexport type TShowModal = (value: GlobalModalState) => void\r\n\r\nexport type TCloseModal = (event?: {}, reason?: TModalReason) => void\r\n\r\nexport interface IGlobalModalContext {\r\n  show: TShowModal\r\n  close: TCloseModal\r\n}\r\n\r\nexport const GlobalModalContext = React.createContext<IGlobalModalContext>({\r\n  close: () => {\r\n    console.warn('GlobalModal provider not found!')\r\n  },\r\n  show: () => {\r\n    console.warn('GlobalModal provider not found!')\r\n  }\r\n})\r\n\r\nexport interface IMapGlobalModal {\r\n  context: IGlobalModalContext\r\n}\r\n\r\nexport const MapGlobalModalContext = (context: (state: IGlobalModalContext) => React.ReactNode) => (\r\n  <GlobalModalContext.Consumer>{context}</GlobalModalContext.Consumer>\r\n)\r\n\r\nclass GlobalModal extends Component<React.PropsWithChildren<GlobalModalProps>, GlobalModalState> implements IGlobalModalContext {\r\n  constructor(props: any) {\r\n    super(props)\r\n    this.state = {}\r\n  }\r\n\r\n  show: TShowModal = (value) => {\r\n    this.setState(value)\r\n  }\r\n\r\n  close: TCloseModal = (_, reason) => {\r\n    if (reason === 'backdropClick' && this.state.backdropActivated === false) return\r\n    this.setState({ renderContent: undefined })\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <GlobalModalContext.Provider value={this}>\r\n        {this.props.children}\r\n        <Modal\r\n          open={!!this.state.renderContent}\r\n          onClose={this.close}\r\n          slots={{ backdrop: Backdrop }}\r\n          slotProps={{ backdrop: { timeout: 300 } }}\r\n          sx={this.state.sx}\r\n        >\r\n          <Wrapper sx={this.state.sxWrap}>{this.renderContent()}</Wrapper>\r\n        </Modal>\r\n      </GlobalModalContext.Provider>\r\n    )\r\n  }\r\n\r\n  renderContent = (): React.ReactNode => {\r\n    return this.state.renderContent ? this.state.renderContent() : <></>\r\n  }\r\n}\r\nexport default GlobalModal\r\n\r\nconst Wrapper = styled(Box)({\r\n  position: 'absolute',\r\n  top: '50%',\r\n  left: '50%',\r\n  transform: 'translate(-50%, -50%)',\r\n  outline: 'none'\r\n})\r\n\r\nexport interface IApiGlobalModalContextProps {\r\n  contextGlobalModal: IGlobalModalContext\r\n}\r\n\r\nexport const withApiGlobalModalContext = <P extends IApiGlobalModalContextProps>(Component: React.ComponentType<P>) => {\r\n  return (props: Omit<P, keyof IApiGlobalModalContextProps>) => {\r\n    return (\r\n      <GlobalModal>\r\n        {MapGlobalModalContext((context) => (\r\n          <Component {...(props as P)} contextGlobalModal={context} />\r\n        ))}\r\n      </GlobalModal>\r\n    )\r\n  }\r\n}\r\n\r\nexport const withApiGlobalModalConsumerContext = <P extends IApiGlobalModalContextProps>(Component: React.ComponentType<P>) => {\r\n  return (props: Omit<P, keyof IApiGlobalModalContextProps>) => {\r\n    return MapGlobalModalContext((context) => <Component {...(props as P)} contextGlobalModal={context} />)\r\n  }\r\n}\r\n"],"names":["GlobalModalContext","React","createContext","close","console","warn","show","MapGlobalModalContext","context","_jsx","Consumer","GlobalModal","_Component","props","_this","_classCallCheck","_callSuper","_defineProperty","value","setState","_","reason","state","backdropActivated","renderContent","undefined","_inherits","_createClass","key","render","_jsxs","Provider","children","Modal","open","onClose","slots","backdrop","Backdrop","slotProps","timeout","sx","Wrapper","sxWrap","Component","styled","Box","position","top","left","transform","outline","withApiGlobalModalContext","_objectSpread","contextGlobalModal","withApiGlobalModalConsumerContext"],"mappings":"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"}
+{"version":3,"file":"global-modal.js","sources":["../../src/api-context/global-modal.tsx"],"sourcesContent":["import React, { Component } from 'react'\r\nimport { Backdrop, Box, Modal, SxProps, styled } from '@mui/material'\r\n\r\nexport interface GlobalModalState {\r\n  sx?: SxProps\r\n  sxWrap?: SxProps\r\n  /** @default true */\r\n  backdropActivated?: boolean\r\n  onClose?: (reason?: TModalReason) => void\r\n  renderContent?: () => React.ReactNode\r\n}\r\n\r\nexport type TModalReason = 'backdropClick' | 'escapeKeyDown'\r\n\r\ninterface GlobalModalProps {}\r\n\r\nexport type TShowModal = (value: GlobalModalState) => void\r\n\r\nexport type TCloseModal = (event?: {}, reason?: TModalReason) => void\r\n\r\nexport interface IGlobalModalContext {\r\n  show: TShowModal\r\n  close: TCloseModal\r\n}\r\n\r\nexport const GlobalModalContext = React.createContext<IGlobalModalContext>({\r\n  close: () => {\r\n    console.warn('GlobalModal provider not found!')\r\n  },\r\n  show: () => {\r\n    console.warn('GlobalModal provider not found!')\r\n  }\r\n})\r\n\r\nexport interface IMapGlobalModal {\r\n  context: IGlobalModalContext\r\n}\r\n\r\nexport const MapGlobalModalContext = (context: (state: IGlobalModalContext) => React.ReactNode) => (\r\n  <GlobalModalContext.Consumer>{context}</GlobalModalContext.Consumer>\r\n)\r\n\r\nclass GlobalModal extends Component<React.PropsWithChildren<GlobalModalProps>, GlobalModalState> implements IGlobalModalContext {\r\n  constructor(props: any) {\r\n    super(props)\r\n    this.state = {}\r\n  }\r\n\r\n  show: TShowModal = (value) => {\r\n    this.setState(value)\r\n  }\r\n\r\n  close: TCloseModal = (_, reason) => {\r\n    if (reason === 'backdropClick' && this.state.backdropActivated === false) return\r\n    this.setState({ renderContent: undefined })\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <GlobalModalContext.Provider value={this}>\r\n        {this.props.children}\r\n        <Modal\r\n          open={!!this.state.renderContent}\r\n          onClose={this.close}\r\n          slots={{ backdrop: Backdrop }}\r\n          slotProps={{ backdrop: { timeout: 300 } }}\r\n          sx={this.state.sx}\r\n        >\r\n          <Wrapper sx={this.state.sxWrap}>{this.renderContent()}</Wrapper>\r\n        </Modal>\r\n      </GlobalModalContext.Provider>\r\n    )\r\n  }\r\n\r\n  renderContent = (): React.ReactNode => {\r\n    return this.state.renderContent ? this.state.renderContent() : <></>\r\n  }\r\n}\r\nexport default GlobalModal\r\n\r\nconst Wrapper = styled(Box)({\r\n  position: 'absolute',\r\n  top: '50%',\r\n  left: '50%',\r\n  transform: 'translate(-50%, -50%)',\r\n  outline: 'none'\r\n})\r\n\r\nexport interface IApiGlobalModalContextProps {\r\n  contextGlobalModal: IGlobalModalContext\r\n}\r\n\r\nexport const withApiGlobalModalContext = <P extends IApiGlobalModalContextProps>(Component: React.ComponentType<P>) => {\r\n  return (props: Omit<P, keyof IApiGlobalModalContextProps>) => {\r\n    return (\r\n      <GlobalModal>\r\n        {MapGlobalModalContext((context) => (\r\n          <Component {...(props as P)} contextGlobalModal={context} />\r\n        ))}\r\n      </GlobalModal>\r\n    )\r\n  }\r\n}\r\n\r\nexport const withApiGlobalModalConsumerContext = <P extends IApiGlobalModalContextProps>(Component: React.ComponentType<P>) => {\r\n  return (props: Omit<P, keyof IApiGlobalModalContextProps>) => {\r\n    return MapGlobalModalContext((context) => <Component {...(props as P)} contextGlobalModal={context} />)\r\n  }\r\n}\r\n"],"names":["GlobalModalContext","React","createContext","close","console","warn","show","MapGlobalModalContext","context","_jsx","Consumer","GlobalModal","props","_this","_classCallCheck","_callSuper","_defineProperty","value","setState","_","reason","state","backdropActivated","renderContent","undefined","_inherits","Component","_createClass","key","_jsxs","Provider","this","children","Modal","open","onClose","slots","backdrop","Backdrop","slotProps","timeout","sx","Wrapper","sxWrap","styled","Box","position","top","left","transform","outline","withApiGlobalModalContext","_objectSpread","contextGlobalModal","withApiGlobalModalConsumerContext"],"mappings":"iVAyBaA,EAAqBC,EAAMC,cAAmC,CACzEC,MAAO,WACLC,QAAQC,KAAK,kCACd,EACDC,KAAM,WACJF,QAAQC,KAAK,kCACf,IAOWE,EAAwB,SAACC,GAAwD,OAC5FC,EAACT,EAAmBU,mBAAUF,GAAsC,EAGhEG,aACJ,SAAAA,EAAYC,GAAU,IAAAC,EAEL,OAFKC,OAAAH,GACpBE,EAAAE,EAAAJ,KAAAA,GAAMC,IAAMI,EAAAH,EAIK,QAAA,SAACI,GAClBJ,EAAKK,SAASD,MACfD,EAAAH,EAAA,SAEoB,SAACM,EAAGC,GACR,kBAAXA,IAA+D,IAAjCP,EAAKQ,MAAMC,mBAC7CT,EAAKK,SAAS,CAAEK,mBAAeC,OAChCR,EAAAH,EAAA,iBAmBe,WACd,OAAOA,EAAKQ,MAAME,cAAgBV,EAAKQ,MAAME,gBAAkBd,WA9B/DI,EAAKQ,MAAQ,CAAE,EAAAR,CACjB,CAAC,OAAAY,EAAAd,EAJuBe,GAIvBC,EAAAhB,EAAA,CAAA,CAAAiB,IAAA,SAAAX,MAWD,WACE,OACEY,EAAC7B,EAAmB8B,UAASb,MAAOc,KAAIC,SAAA,CACrCD,KAAKnB,MAAMoB,SACZvB,EAACwB,EAAK,CACJC,OAAQH,KAAKV,MAAME,cACnBY,QAASJ,KAAK5B,MACdiC,MAAO,CAAEC,SAAUC,GACnBC,UAAW,CAAEF,SAAU,CAAEG,QAAS,MAClCC,GAAIV,KAAKV,MAAMoB,GAEfT,SAAAvB,EAACiC,EAAQ,CAAAD,GAAIV,KAAKV,MAAMsB,OAASX,SAAAD,KAAKR,sBAI9C,IAAC,IAQGmB,EAAUE,EAAOC,EAAPD,CAAY,CAC1BE,SAAU,WACVC,IAAK,MACLC,KAAM,MACNC,UAAW,wBACXC,QAAS,SAOEC,EAA4B,SAAwCzB,GAC/E,OAAO,SAACd,GACN,OACEH,EAACE,EACE,CAAAqB,SAAAzB,GAAsB,SAACC,GAAO,OAC7BC,EAACiB,EAAS0B,EAAAA,KAAMxC,GAAW,GAAA,CAAEyC,mBAAoB7C,IAClD,KAGN,CACH,EAEa8C,EAAoC,SAAwC5B,GACvF,OAAO,SAACd,GACN,OAAOL,GAAsB,SAACC,GAAO,OAAKC,EAACiB,EAAS0B,EAAAA,KAAMxC,GAAW,GAAA,CAAEyC,mBAAoB7C,OAC5F,CACH"}

package/dist/api-context/popover-global.js

@@ -1,110 +1,2 @@
-import { inherits as _inherits, createClass as _createClass, objectSpread2 as _objectSpread2, classCallCheck as _classCallCheck, callSuper as _callSuper, defineProperty as _defineProperty } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import React, { Component } from 'react';
-import { Popover } from '@mui/material';
-import { ContentDefault } from './ui.units.js';
-
-var PopoverGlobalApi = {
-  open: function open() {
-    console.warn('PopoverGlobal provider not found!');
-  },
-  close: function close() {
-    console.warn('PopoverGlobal provider not found!');
-  }
-};
-var PopoverGlobalContext = /*#__PURE__*/React.createContext(PopoverGlobalApi);
-var MapPopoverGlobalContext = function MapPopoverGlobalContext(context) {
-  return jsx(PopoverGlobalContext.Consumer, {
-    children: context
-  });
-};
-var PopoverGlobalProvider = /*#__PURE__*/function (_Component) {
-  function PopoverGlobalProvider(props) {
-    var _this;
-    _classCallCheck(this, PopoverGlobalProvider);
-    _this = _callSuper(this, PopoverGlobalProvider, [props]);
-    _defineProperty(_this, "openPopover", function (option) {
-      clearTimeout(_this.timer);
-      _this.setState(_objectSpread2({}, option));
-    });
-    _defineProperty(_this, "closePopover", function () {
-      clearTimeout(_this.timer);
-      _this.setState({
-        anchorEl: null
-      }, function () {
-        _this.timer = setTimeout(function () {
-          _this.setState({
-            content: jsx(ContentDefault, {})
-          });
-        }, 500);
-      });
-    });
-    _this.state = {
-      anchorEl: null,
-      content: jsx(ContentDefault, {})
-    };
-    return _this;
-  }
-  _inherits(PopoverGlobalProvider, _Component);
-  return _createClass(PopoverGlobalProvider, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      PopoverGlobalApi.open = this.openPopover;
-      PopoverGlobalApi.close = this.closePopover;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      return jsxs(PopoverGlobalContext.Provider, {
-        value: {
-          open: this.openPopover,
-          close: this.closePopover
-        },
-        children: [this.props.children, jsx(Popover, _objectSpread2(_objectSpread2({
-          sx: {
-            '& .MuiPaper-root.MuiPaper-elevation': {
-              overflow: 'hidden'
-            }
-          },
-          anchorEl: this.state.anchorEl,
-          open: Boolean(this.state.anchorEl),
-          onClose: function onClose(_, reason) {
-            return _this2.closePopover(reason);
-          },
-          anchorOrigin: {
-            vertical: 'bottom',
-            horizontal: 'right'
-          },
-          transformOrigin: {
-            vertical: 'top',
-            horizontal: 'right'
-          },
-          disableScrollLock: true
-        }, this.state.popoverProps), {}, {
-          children: this.state.content
-        }))]
-      });
-    }
-  }]);
-}(Component);
-var withPopoverGlobalContext = function withPopoverGlobalContext(Component) {
-  return function (props) {
-    return jsx(PopoverGlobalProvider, {
-      children: MapPopoverGlobalContext(function (context) {
-        return jsx(Component, _objectSpread2(_objectSpread2({}, props), {}, {
-          contextPopover: context
-        }));
-      })
-    });
-  };
-};
-var PopoverGlobal = {
-  Provider: PopoverGlobalProvider,
-  Api: PopoverGlobalApi,
-  Context: PopoverGlobalContext,
-  mapContext: MapPopoverGlobalContext
-};
-
-export { MapPopoverGlobalContext, PopoverGlobalApi, PopoverGlobalContext, PopoverGlobalProvider, PopoverGlobal as default, withPopoverGlobalContext };
+import{inherits as o,createClass as e,objectSpread2 as t,classCallCheck as r,callSuper as n,defineProperty as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as a,jsx as l}from"react/jsx-runtime";import c,{Component as s}from"react";import{Popover as u}from"@mui/material";import{ContentDefault as p}from"./ui.units.js";var h={open:function(){console.warn("PopoverGlobal provider not found!")},close:function(){console.warn("PopoverGlobal provider not found!")}},f=c.createContext(h),v=function(o){return l(f.Consumer,{children:o})},m=function(){function c(o){var e;return r(this,c),e=n(this,c,[o]),i(e,"openPopover",(function(o){clearTimeout(e.timer),e.setState(t({},o))})),i(e,"closePopover",(function(){clearTimeout(e.timer),e.setState({anchorEl:null},(function(){e.timer=setTimeout((function(){e.setState({content:l(p,{})})}),500)}))})),e.state={anchorEl:null,content:l(p,{})},e}return o(c,s),e(c,[{key:"componentDidMount",value:function(){h.open=this.openPopover,h.close=this.closePopover}},{key:"render",value:function(){var o=this;return a(f.Provider,{value:{open:this.openPopover,close:this.closePopover},children:[this.props.children,l(u,t(t({sx:{"& .MuiPaper-root.MuiPaper-elevation":{overflow:"hidden"}},anchorEl:this.state.anchorEl,open:Boolean(this.state.anchorEl),onClose:function(e,t){return o.closePopover(t)},anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},disableScrollLock:!0},this.state.popoverProps),{},{children:this.state.content}))]})}}])}(),d=function(o){return function(e){return l(m,{children:v((function(r){return l(o,t(t({},e),{},{contextPopover:r}))}))})}},P={Provider:m,Api:h,Context:f,mapContext:v};export{v as MapPopoverGlobalContext,h as PopoverGlobalApi,f as PopoverGlobalContext,m as PopoverGlobalProvider,P as default,d as withPopoverGlobalContext};
 //# sourceMappingURL=popover-global.js.map

package/dist/api-context/popover-global.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover-global.js","sources":["../../src/api-context/popover-global.tsx"],"sourcesContent":["import React, { Component, PropsWithChildren } from 'react'\r\nimport { Popover, PopoverProps, PopoverVirtualElement } from '@mui/material'\r\nimport { ContentDefault } from './ui.units'\r\n\r\nexport interface PopoverGlobalState {\r\n  anchorEl?: Element | (() => Element) | PopoverVirtualElement | (() => PopoverVirtualElement) | null\r\n  popoverProps?: Omit<PopoverProps, 'open'>\r\n  content: React.ReactNode\r\n}\r\n\r\nexport type OpenPopover = (value: PopoverGlobalState) => void\r\n\r\nexport type ClosePopover = (reason?: 'backdropClick' | 'escapeKeyDown') => void\r\n\r\nexport interface PopoverGlobalContext {\r\n  open: OpenPopover\r\n  close: ClosePopover\r\n}\r\n\r\nexport const PopoverGlobalApi: PopoverGlobalContext = {\r\n  open: () => {\r\n    console.warn('PopoverGlobal provider not found!')\r\n  },\r\n  close: () => {\r\n    console.warn('PopoverGlobal provider not found!')\r\n  }\r\n}\r\n\r\nexport const PopoverGlobalContext = React.createContext<PopoverGlobalContext>(PopoverGlobalApi)\r\n\r\nexport const MapPopoverGlobalContext = (context: (state: PopoverGlobalContext) => React.ReactNode) => (\r\n  <PopoverGlobalContext.Consumer>{context}</PopoverGlobalContext.Consumer>\r\n)\r\n\r\ninterface IProps extends PropsWithChildren {}\r\n\r\nexport class PopoverGlobalProvider extends Component<IProps, PopoverGlobalState> {\r\n  constructor(props: any) {\r\n    super(props)\r\n    this.state = { anchorEl: null, content: <ContentDefault /> }\r\n  }\r\n\r\n  componentDidMount() {\r\n    PopoverGlobalApi.open = this.openPopover\r\n    PopoverGlobalApi.close = this.closePopover\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <PopoverGlobalContext.Provider value={{ open: this.openPopover, close: this.closePopover }}>\r\n        {this.props.children}\r\n        <Popover\r\n          sx={{ '& .MuiPaper-root.MuiPaper-elevation': { overflow: 'hidden' } }}\r\n          anchorEl={this.state.anchorEl}\r\n          open={Boolean(this.state.anchorEl)}\r\n          onClose={(_, reason) => this.closePopover(reason)}\r\n          anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\r\n          transformOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n          disableScrollLock\r\n          {...this.state.popoverProps}\r\n        >\r\n          {this.state.content}\r\n        </Popover>\r\n      </PopoverGlobalContext.Provider>\r\n    )\r\n  }\r\n\r\n  openPopover: OpenPopover = (option) => {\r\n    clearTimeout(this.timer)\r\n    this.setState({ ...option })\r\n  }\r\n\r\n  timer: any\r\n  closePopover: ClosePopover = () => {\r\n    clearTimeout(this.timer)\r\n    this.setState({ anchorEl: null }, () => {\r\n      this.timer = setTimeout(() => {\r\n        this.setState({ content: <ContentDefault /> })\r\n      }, 500)\r\n    })\r\n  }\r\n}\r\n\r\nexport interface IPopoverGlobalContextProps {\r\n  contextPopover: PopoverGlobalContext\r\n}\r\n\r\nexport const withPopoverGlobalContext = <P extends IPopoverGlobalContextProps>(Component: React.ComponentType<P>) => {\r\n  return (props: Omit<P, keyof IPopoverGlobalContextProps>) => {\r\n    return (\r\n      <PopoverGlobalProvider>\r\n        {MapPopoverGlobalContext((context) => (\r\n          <Component {...(props as P)} contextPopover={context} />\r\n        ))}\r\n      </PopoverGlobalProvider>\r\n    )\r\n  }\r\n}\r\n\r\nconst PopoverGlobal = {\r\n  Provider: PopoverGlobalProvider,\r\n  Api: PopoverGlobalApi,\r\n  Context: PopoverGlobalContext,\r\n  mapContext: MapPopoverGlobalContext\r\n}\r\n\r\nexport default PopoverGlobal\r\n"],"names":["PopoverGlobalApi","open","console","warn","close","PopoverGlobalContext","React","createContext","MapPopoverGlobalContext","context","_jsx","Consumer","PopoverGlobalProvider","_Component","props","_this","_classCallCheck","_callSuper","_defineProperty","option","clearTimeout","timer","setState","_objectSpread","anchorEl","setTimeout","content","ContentDefault","state","_inherits","_createClass","key","value","componentDidMount","openPopover","closePopover","render","_this2","_jsxs","Provider","children","Popover","sx","overflow","Boolean","onClose","_","reason","anchorOrigin","vertical","horizontal","transformOrigin","disableScrollLock","popoverProps","Component","withPopoverGlobalContext","contextPopover","PopoverGlobal","Api","Context","mapContext"],"mappings":"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"}
+{"version":3,"file":"popover-global.js","sources":["../../src/api-context/popover-global.tsx"],"sourcesContent":["import React, { Component, PropsWithChildren } from 'react'\r\nimport { Popover, PopoverProps, PopoverVirtualElement } from '@mui/material'\r\nimport { ContentDefault } from './ui.units'\r\n\r\nexport interface PopoverGlobalState {\r\n  anchorEl?: Element | (() => Element) | PopoverVirtualElement | (() => PopoverVirtualElement) | null\r\n  popoverProps?: Omit<PopoverProps, 'open'>\r\n  content: React.ReactNode\r\n}\r\n\r\nexport type OpenPopover = (value: PopoverGlobalState) => void\r\n\r\nexport type ClosePopover = (reason?: 'backdropClick' | 'escapeKeyDown') => void\r\n\r\nexport interface PopoverGlobalContext {\r\n  open: OpenPopover\r\n  close: ClosePopover\r\n}\r\n\r\nexport const PopoverGlobalApi: PopoverGlobalContext = {\r\n  open: () => {\r\n    console.warn('PopoverGlobal provider not found!')\r\n  },\r\n  close: () => {\r\n    console.warn('PopoverGlobal provider not found!')\r\n  }\r\n}\r\n\r\nexport const PopoverGlobalContext = React.createContext<PopoverGlobalContext>(PopoverGlobalApi)\r\n\r\nexport const MapPopoverGlobalContext = (context: (state: PopoverGlobalContext) => React.ReactNode) => (\r\n  <PopoverGlobalContext.Consumer>{context}</PopoverGlobalContext.Consumer>\r\n)\r\n\r\ninterface IProps extends PropsWithChildren {}\r\n\r\nexport class PopoverGlobalProvider extends Component<IProps, PopoverGlobalState> {\r\n  constructor(props: any) {\r\n    super(props)\r\n    this.state = { anchorEl: null, content: <ContentDefault /> }\r\n  }\r\n\r\n  componentDidMount() {\r\n    PopoverGlobalApi.open = this.openPopover\r\n    PopoverGlobalApi.close = this.closePopover\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <PopoverGlobalContext.Provider value={{ open: this.openPopover, close: this.closePopover }}>\r\n        {this.props.children}\r\n        <Popover\r\n          sx={{ '& .MuiPaper-root.MuiPaper-elevation': { overflow: 'hidden' } }}\r\n          anchorEl={this.state.anchorEl}\r\n          open={Boolean(this.state.anchorEl)}\r\n          onClose={(_, reason) => this.closePopover(reason)}\r\n          anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\r\n          transformOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n          disableScrollLock\r\n          {...this.state.popoverProps}\r\n        >\r\n          {this.state.content}\r\n        </Popover>\r\n      </PopoverGlobalContext.Provider>\r\n    )\r\n  }\r\n\r\n  openPopover: OpenPopover = (option) => {\r\n    clearTimeout(this.timer)\r\n    this.setState({ ...option })\r\n  }\r\n\r\n  timer: any\r\n  closePopover: ClosePopover = () => {\r\n    clearTimeout(this.timer)\r\n    this.setState({ anchorEl: null }, () => {\r\n      this.timer = setTimeout(() => {\r\n        this.setState({ content: <ContentDefault /> })\r\n      }, 500)\r\n    })\r\n  }\r\n}\r\n\r\nexport interface IPopoverGlobalContextProps {\r\n  contextPopover: PopoverGlobalContext\r\n}\r\n\r\nexport const withPopoverGlobalContext = <P extends IPopoverGlobalContextProps>(Component: React.ComponentType<P>) => {\r\n  return (props: Omit<P, keyof IPopoverGlobalContextProps>) => {\r\n    return (\r\n      <PopoverGlobalProvider>\r\n        {MapPopoverGlobalContext((context) => (\r\n          <Component {...(props as P)} contextPopover={context} />\r\n        ))}\r\n      </PopoverGlobalProvider>\r\n    )\r\n  }\r\n}\r\n\r\nconst PopoverGlobal = {\r\n  Provider: PopoverGlobalProvider,\r\n  Api: PopoverGlobalApi,\r\n  Context: PopoverGlobalContext,\r\n  mapContext: MapPopoverGlobalContext\r\n}\r\n\r\nexport default PopoverGlobal\r\n"],"names":["PopoverGlobalApi","open","console","warn","close","PopoverGlobalContext","React","createContext","MapPopoverGlobalContext","context","_jsx","Consumer","PopoverGlobalProvider","props","_this","_classCallCheck","_callSuper","_defineProperty","option","clearTimeout","timer","setState","_objectSpread","anchorEl","setTimeout","content","ContentDefault","state","_inherits","Component","_createClass","key","value","this","openPopover","closePopover","_this2","_jsxs","Provider","children","Popover","sx","overflow","Boolean","onClose","_","reason","anchorOrigin","vertical","horizontal","transformOrigin","disableScrollLock","popoverProps","withPopoverGlobalContext","contextPopover","PopoverGlobal","Api","Context","mapContext"],"mappings":"6UAmBO,IAAMA,EAAyC,CACpDC,KAAM,WACJC,QAAQC,KAAK,oCACd,EACDC,MAAO,WACLF,QAAQC,KAAK,oCACf,GAGWE,EAAuBC,EAAMC,cAAoCP,GAEjEQ,EAA0B,SAACC,GAAyD,OAC/FC,EAACL,EAAqBM,mBAAUF,GAAwC,EAK7DG,aACX,SAAAA,EAAYC,GAAU,IAAAC,EAEwC,OAFxCC,OAAAH,GACpBE,EAAAE,EAAAJ,KAAAA,GAAMC,IAAMI,EAAAH,EA6Ba,eAAA,SAACI,GAC1BC,aAAaL,EAAKM,OAClBN,EAAKO,SAAQC,EAAMJ,CAAAA,EAAAA,OACpBD,EAAAH,EAAA,gBAG4B,WAC3BK,aAAaL,EAAKM,OAClBN,EAAKO,SAAS,CAAEE,SAAU,OAAQ,WAChCT,EAAKM,MAAQI,YAAW,WACtBV,EAAKO,SAAS,CAAEI,QAASf,EAACgB,EAAc,CAAA,IACzC,GAAE,IACL,OAxCAZ,EAAKa,MAAQ,CAAEJ,SAAU,KAAME,QAASf,EAACgB,EAAc,CAAA,IAAKZ,CAC9D,CAAC,OAAAc,EAAAhB,EAJwCiB,GAIxCC,EAAAlB,EAAA,CAAA,CAAAmB,IAAA,oBAAAC,MAED,WACEhC,EAAiBC,KAAOgC,KAAKC,YAC7BlC,EAAiBI,MAAQ6B,KAAKE,YAChC,GAAC,CAAAJ,IAAA,SAAAC,MAED,WAAM,IAAAI,EAAAH,KACJ,OACEI,EAAChC,EAAqBiC,SAAS,CAAAN,MAAO,CAAE/B,KAAMgC,KAAKC,YAAa9B,MAAO6B,KAAKE,cAAcI,SAAA,CACvFN,KAAKpB,MAAM0B,SACZ7B,EAAC8B,EAAOlB,EAAAA,EAAA,CACNmB,GAAI,CAAE,sCAAuC,CAAEC,SAAU,WACzDnB,SAAUU,KAAKN,MAAMJ,SACrBtB,KAAM0C,QAAQV,KAAKN,MAAMJ,UACzBqB,QAAS,SAACC,EAAGC,GAAM,OAAKV,EAAKD,aAAaW,EAAO,EACjDC,aAAc,CAAEC,SAAU,SAAUC,WAAY,SAChDC,gBAAiB,CAAEF,SAAU,MAAOC,WAAY,SAChDE,mBAAiB,GACblB,KAAKN,MAAMyB,cAAY,CAAA,EAAA,CAAAb,SAE1BN,KAAKN,MAAMF,aAIpB,IAAC,IAsBU4B,EAA2B,SAAuCxB,GAC7E,OAAO,SAAChB,GACN,OACEH,EAACE,EACE,CAAA2B,SAAA/B,GAAwB,SAACC,GAAO,OAC/BC,EAACmB,EAASP,EAAAA,KAAMT,GAAW,GAAA,CAAEyC,eAAgB7C,IAC9C,KAGN,CACH,EAEM8C,EAAgB,CACpBjB,SAAU1B,EACV4C,IAAKxD,EACLyD,QAASpD,EACTqD,WAAYlD"}

package/dist/api-context/popover.js

@@ -1,94 +1,2 @@
-import { inherits as _inherits, createClass as _createClass, objectSpread2 as _objectSpread2, classCallCheck as _classCallCheck, callSuper as _callSuper, defineProperty as _defineProperty } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React, { Component } from 'react';
-import { Popover } from '@mui/material';
-import { ContentDefault } from './ui.units.js';
-
-var ApiPopoverContext = /*#__PURE__*/React.createContext({
-  showPopover: function showPopover() {
-    console.warn('ApiPopover provider not found!');
-  },
-  closePopover: function closePopover() {
-    console.warn('ApiPopover provider not found!');
-  }
-});
-var MapApiPopoverContext = function MapApiPopoverContext(context) {
-  return jsx(ApiPopoverContext.Consumer, {
-    children: context
-  });
-};
-var ApiPopover = /*#__PURE__*/function (_Component) {
-  function ApiPopover(props) {
-    var _this;
-    _classCallCheck(this, ApiPopover);
-    _this = _callSuper(this, ApiPopover, [props]);
-    _defineProperty(_this, "showPopover", function (option) {
-      clearTimeout(_this.timer);
-      _this.setState(_objectSpread2({}, option));
-    });
-    _defineProperty(_this, "closePopover", function () {
-      clearTimeout(_this.timer);
-      _this.setState({
-        anchorEl: null
-      }, function () {
-        _this.timer = setTimeout(function () {
-          _this.setState({
-            content: jsx(ContentDefault, {})
-          });
-        }, 500);
-      });
-    });
-    _this.state = {
-      anchorEl: null,
-      content: jsx(ContentDefault, {})
-    };
-    return _this;
-  }
-  _inherits(ApiPopover, _Component);
-  return _createClass(ApiPopover, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      return jsxs(ApiPopoverContext.Provider, {
-        value: this,
-        children: [this.props.children, jsx(Popover, _objectSpread2(_objectSpread2({
-          sx: {
-            '& .MuiPaper-root.MuiPaper-elevation': {
-              overflow: 'hidden'
-            }
-          },
-          anchorEl: this.state.anchorEl,
-          open: Boolean(this.state.anchorEl),
-          onClose: function onClose(_, reason) {
-            return _this2.closePopover(reason);
-          },
-          anchorOrigin: {
-            vertical: 'bottom',
-            horizontal: 'right'
-          },
-          transformOrigin: {
-            vertical: 'top',
-            horizontal: 'right'
-          },
-          disableScrollLock: true
-        }, this.state.popoverProps), {}, {
-          children: this.state.content
-        }))]
-      });
-    }
-  }]);
-}(Component);
-var withApiPopoverContext = function withApiPopoverContext(Component) {
-  return function (props) {
-    return jsx(ApiPopover, {
-      children: MapApiPopoverContext(function (context) {
-        return jsx(Component, _objectSpread2(_objectSpread2({}, props), {}, {
-          contextPopover: context
-        }));
-      })
-    });
-  };
-};
-
-export { ApiPopoverContext, MapApiPopoverContext, ApiPopover as default, withApiPopoverContext };
+import{inherits as o,createClass as t,objectSpread2 as r,classCallCheck as e,callSuper as n,defineProperty as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as a,jsx as s}from"react/jsx-runtime";import c,{Component as l}from"react";import{Popover as u}from"@mui/material";import{ContentDefault as p}from"./ui.units.js";var h=c.createContext({showPopover:function(){console.warn("ApiPopover provider not found!")},closePopover:function(){console.warn("ApiPopover provider not found!")}}),f=function(o){return s(h.Consumer,{children:o})},m=function(){function c(o){var t;return e(this,c),t=n(this,c,[o]),i(t,"showPopover",(function(o){clearTimeout(t.timer),t.setState(r({},o))})),i(t,"closePopover",(function(){clearTimeout(t.timer),t.setState({anchorEl:null},(function(){t.timer=setTimeout((function(){t.setState({content:s(p,{})})}),500)}))})),t.state={anchorEl:null,content:s(p,{})},t}return o(c,l),t(c,[{key:"render",value:function(){var o=this;return a(h.Provider,{value:this,children:[this.props.children,s(u,r(r({sx:{"& .MuiPaper-root.MuiPaper-elevation":{overflow:"hidden"}},anchorEl:this.state.anchorEl,open:Boolean(this.state.anchorEl),onClose:function(t,r){return o.closePopover(r)},anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},disableScrollLock:!0},this.state.popoverProps),{},{children:this.state.content}))]})}}])}(),v=function(o){return function(t){return s(m,{children:f((function(e){return s(o,r(r({},t),{},{contextPopover:e}))}))})}};export{h as ApiPopoverContext,f as MapApiPopoverContext,m as default,v as withApiPopoverContext};
 //# sourceMappingURL=popover.js.map