dinocollab-core 1.0.0

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

@@ -0,0 +1,151 @@
+import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { useState, useCallback, useEffect } from 'react';
+import { styled, Box, Stack, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button } from '@mui/material';
+import MuiAlert from '@mui/material/Alert';
+
+var Alert = /*#__PURE__*/React.forwardRef(function Alert(props, ref) {
+  return /*#__PURE__*/React.createElement(MuiAlert, _extends({
+    elevation: 6,
+    ref: ref,
+    variant: "standard"
+  }, props, {
+    style: {
+      minWidth: '300px'
+    }
+  }));
+});
+var ApiAlertContext = {};
+var RenderArea = function RenderArea(messages, onClose) {
+  return messages.map(function (x, i) {
+    return /*#__PURE__*/React.createElement(Message, {
+      key: x.id + i,
+      data: x,
+      IsOpen: true,
+      handleClose: onClose,
+      autoDurationHide: x.duration
+    });
+  });
+};
+function AlertGlobal() {
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    Messages = _useState2[0],
+    setMessages = _useState2[1];
+  var _PushMessage = useCallback(function (data) {
+    setMessages(function (st) {
+      return [].concat(_toConsumableArray(st), [data]);
+    });
+  }, []);
+  var _HandleClose = useCallback(function (data) {
+    var index = Messages.findIndex(function (x) {
+      return x.id === data.id;
+    });
+    Messages.splice(index, 1);
+    setMessages(_toConsumableArray(Messages));
+  }, [Messages]);
+  useEffect(function () {
+    ApiAlertContext.ApiAlert = Object.assign(Object.assign({}, ApiAlertContext.ApiAlert ? ApiAlertContext.ApiAlert : {}), {
+      PushMessage: _PushMessage,
+      PushError: function PushError(data, options) {
+        this.PushMessage({
+          id: new Date().getTime().toString(),
+          text: data,
+          type: 'error',
+          duration: (options === null || options === void 0 ? void 0 : options.duration) || 15000
+        });
+      },
+      PushInfo: function PushInfo(data, options) {
+        this.PushMessage({
+          id: new Date().getTime().toString(),
+          text: data,
+          type: 'info',
+          duration: (options === null || options === void 0 ? void 0 : options.duration) || 6000
+        });
+      },
+      PushWarning: function PushWarning(data, options) {
+        this.PushMessage({
+          id: new Date().getTime().toString(),
+          text: data,
+          type: 'warning',
+          duration: (options === null || options === void 0 ? void 0 : options.duration) || 6000
+        });
+      },
+      PushSuccess: function PushSuccess(data, options) {
+        this.PushMessage({
+          id: new Date().getTime().toString(),
+          text: data,
+          type: 'success',
+          duration: (options === null || options === void 0 ? void 0 : options.duration) || 3000
+        });
+      }
+    });
+  }, [_PushMessage]);
+  return /*#__PURE__*/React.createElement(Wrap, null, /*#__PURE__*/React.createElement(Stack, {
+    spacing: 2,
+    sx: {
+      maxWidth: '300px'
+    }
+  }, RenderArea(Messages, _HandleClose)));
+}
+var Message = function Message(props) {
+  var _handleClose = useCallback(function () {
+    return props.handleClose(props.data);
+  }, [props]);
+  useEffect(function () {
+    var Timer = null;
+    if (props.autoDurationHide) {
+      Timer = setTimeout(function () {
+        props.handleClose(props.data);
+      }, props.autoDurationHide);
+    }
+    return function () {
+      clearTimeout(Timer);
+    };
+  }, [props]);
+  return /*#__PURE__*/React.createElement(Alert, {
+    onClose: _handleClose,
+    severity: props.data.type
+  }, props.data.text);
+};
+var Wrap = styled(Box)({
+  position: 'fixed',
+  top: 'calc(var(--height-header) + 20px)',
+  right: '50px',
+  zIndex: 2000,
+  display: 'flex',
+  justifyContent: 'flex-start',
+  alignItems: 'center'
+});
+var AlertDialog = function AlertDialog(props) {
+  var _React$useState = React.useState(props.IsOpen),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    Open = _React$useState2[0],
+    setOpen = _React$useState2[1];
+  React.useEffect(function () {
+    setOpen(props.IsOpen);
+  }, [props.IsOpen]);
+  var _handleClose = React.useCallback(function () {
+    setOpen(false);
+    props.onClose && props.onClose();
+  }, [props]);
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Dialog, {
+    open: Open,
+    onClose: _handleClose,
+    "aria-labelledby": "alert-dialog-title",
+    "aria-describedby": "alert-dialog-description"
+  }, /*#__PURE__*/React.createElement(DialogTitle, {
+    id: "alert-dialog-title"
+  }, props.Title), /*#__PURE__*/React.createElement(DialogContent, null, /*#__PURE__*/React.createElement(DialogContentText, {
+    id: "alert-dialog-description"
+  }, props.Message)), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(Button, {
+    onClick: props.onAccept,
+    autoFocus: true,
+    color: "info"
+  }, "Ok"), /*#__PURE__*/React.createElement(Button, {
+    onClick: _handleClose,
+    color: "error"
+  }, "Cancel"))));
+};
+
+export { AlertDialog, ApiAlertContext, AlertGlobal as default };
+//# sourceMappingURL=alert-global.js.map

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

@@ -0,0 +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","createElement","MuiAlert","_extends","elevation","variant","style","minWidth","ApiAlertContext","RenderArea","messages","onClose","map","x","i","Message","key","id","data","IsOpen","handleClose","autoDurationHide","duration","AlertGlobal","_useState","useState","_useState2","_slicedToArray","Messages","setMessages","_PushMessage","useCallback","st","concat","_toConsumableArray","_HandleClose","index","findIndex","splice","useEffect","ApiAlert","Object","assign","PushMessage","PushError","options","Date","getTime","toString","text","type","PushInfo","PushWarning","PushSuccess","Wrap","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","Dialog","open","DialogTitle","Title","DialogContent","DialogContentText","DialogActions","Button","onClick","onAccept","autoFocus","color"],"mappings":"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"}

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

@@ -0,0 +1,105 @@
+import { defineProperty as _defineProperty, inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { 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]);
+    _this.close = function (reason) {
+      if (_this.state.backdropClickeable === false && reason === 'backdropClick') return;
+      _this.setState({
+        renderContent: undefined
+      });
+    };
+    _this.open = function (state) {
+      return _this.setState(state);
+    };
+    _this.renderTitle = function () {
+      if (typeof _this.state.title === 'string') {
+        return /*#__PURE__*/React.createElement(Typography, {
+          variant: "h6",
+          noWrap: true
+        }, _this.state.title);
+      }
+      return _this.state.title;
+    };
+    _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 /*#__PURE__*/React.createElement(Drawer, {
+        anchor: this.state.anchor,
+        open: Boolean(this.state.renderContent),
+        onClose: function onClose(_, reason) {
+          return _this2.close(reason);
+        }
+      }, /*#__PURE__*/React.createElement(Wrap, {
+        className: this.getClasses()
+      }, /*#__PURE__*/React.createElement("div", {
+        className: drawerGlobalClasses.title
+      }, this.state.icon, this.renderTitle(), /*#__PURE__*/React.createElement(Box, {
+        sx: {
+          flex: 1
+        }
+      }), /*#__PURE__*/React.createElement(IconButton, {
+        onClick: function onClick() {
+          return _this2.close();
+        }
+      }, /*#__PURE__*/React.createElement(CloseIcon, null))), /*#__PURE__*/React.createElement(Divider, {
+        variant: "middle"
+      }), /*#__PURE__*/React.createElement("div", {
+        className: drawerGlobalClasses.content
+      }, 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 };
+//# sourceMappingURL=drawer-global.js.map

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

@@ -0,0 +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","reason","state","backdropClickeable","setState","renderContent","undefined","renderTitle","React","createElement","Typography","variant","noWrap","getClasses","classes","push","join","_inherits","_createClass","key","value","componentDidMount","render","_this2","Drawer","anchor","Boolean","onClose","_","Wrap","className","icon","Box","sx","flex","IconButton","onClick","CloseIcon","Divider","Component","DrawerGlobal","Provider","Api","styled","_defineProperty","concat","display","alignItems","height","padding","gap"],"mappings":"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"}

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

@@ -0,0 +1,87 @@
+import { inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+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 /*#__PURE__*/React.createElement(GlobalModalContext.Consumer, null, context);
+};
+var GlobalModal = /*#__PURE__*/function (_Component) {
+  function GlobalModal(props) {
+    var _this;
+    _classCallCheck(this, GlobalModal);
+    _this = _callSuper(this, GlobalModal, [props]);
+    _this.show = function (value) {
+      _this.setState(value);
+    };
+    _this.close = function (_, reason) {
+      if (reason === 'backdropClick' && _this.state.backdropActivated === false) return;
+      _this.setState({
+        renderContent: undefined
+      });
+    };
+    _this.renderContent = function () {
+      return _this.state.renderContent ? _this.state.renderContent() : /*#__PURE__*/React.createElement(React.Fragment, null);
+    };
+    _this.state = {};
+    return _this;
+  }
+  _inherits(GlobalModal, _Component);
+  return _createClass(GlobalModal, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement(GlobalModalContext.Provider, {
+        value: this
+      }, this.props.children, /*#__PURE__*/React.createElement(Modal, {
+        open: !!this.state.renderContent,
+        onClose: this.close,
+        slots: {
+          backdrop: Backdrop
+        },
+        slotProps: {
+          backdrop: {
+            timeout: 300
+          }
+        },
+        sx: this.state.sx
+      }, /*#__PURE__*/React.createElement(Wrapper, {
+        sx: this.state.sxWrap
+      }, 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 /*#__PURE__*/React.createElement(GlobalModal, null, MapGlobalModalContext(function (context) {
+      return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
+        contextGlobalModal: context
+      }));
+    }));
+  };
+};
+var withApiGlobalModalConsumerContext = function withApiGlobalModalConsumerContext(Component) {
+  return function (props) {
+    return MapGlobalModalContext(function (context) {
+      return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
+        contextGlobalModal: context
+      }));
+    });
+  };
+};
+
+export { GlobalModalContext, MapGlobalModalContext, GlobalModal as default, withApiGlobalModalConsumerContext, withApiGlobalModalContext };
+//# sourceMappingURL=global-modal.js.map

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

@@ -0,0 +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","createElement","Consumer","GlobalModal","_Component","props","_this","_classCallCheck","_callSuper","value","setState","_","reason","state","backdropActivated","renderContent","undefined","Fragment","_inherits","_createClass","key","render","Provider","children","Modal","open","onClose","slots","backdrop","Backdrop","slotProps","timeout","sx","Wrapper","sxWrap","Component","styled","Box","position","top","left","transform","outline","withApiGlobalModalContext","_extends","contextGlobalModal","withApiGlobalModalConsumerContext"],"mappings":"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"}

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

@@ -0,0 +1,102 @@
+import { inherits as _inherits, createClass as _createClass, extends as _extends, classCallCheck as _classCallCheck, callSuper as _callSuper } from '../../_virtual/_rollupPluginBabelHelpers.js';
+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 /*#__PURE__*/React.createElement(PopoverGlobalContext.Consumer, null, context);
+};
+var PopoverGlobalProvider = /*#__PURE__*/function (_Component) {
+  function PopoverGlobalProvider(props) {
+    var _this;
+    _classCallCheck(this, PopoverGlobalProvider);
+    _this = _callSuper(this, PopoverGlobalProvider, [props]);
+    _this.openPopover = function (option) {
+      clearTimeout(_this.timer);
+      _this.setState(Object.assign({}, option));
+    };
+    _this.closePopover = function () {
+      clearTimeout(_this.timer);
+      _this.setState({
+        anchorEl: null
+      }, function () {
+        _this.timer = setTimeout(function () {
+          _this.setState({
+            content: /*#__PURE__*/React.createElement(ContentDefault, null)
+          });
+        }, 500);
+      });
+    };
+    _this.state = {
+      anchorEl: null,
+      content: /*#__PURE__*/React.createElement(ContentDefault, null)
+    };
+    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 /*#__PURE__*/React.createElement(PopoverGlobalContext.Provider, {
+        value: {
+          open: this.openPopover,
+          close: this.closePopover
+        }
+      }, this.props.children, /*#__PURE__*/React.createElement(Popover, _extends({
+        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), this.state.content));
+    }
+  }]);
+}(Component);
+var withPopoverGlobalContext = function withPopoverGlobalContext(Component) {
+  return function (props) {
+    return /*#__PURE__*/React.createElement(PopoverGlobalProvider, null, MapPopoverGlobalContext(function (context) {
+      return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
+        contextPopover: context
+      }));
+    }));
+  };
+};
+var PopoverGlobal = {
+  Provider: PopoverGlobalProvider,
+  Api: PopoverGlobalApi,
+  Context: PopoverGlobalContext,
+  mapContext: MapPopoverGlobalContext
+};
+
+export { MapPopoverGlobalContext, PopoverGlobalApi, PopoverGlobalContext, PopoverGlobalProvider, PopoverGlobal as default, withPopoverGlobalContext };
+//# sourceMappingURL=popover-global.js.map

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

@@ -0,0 +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","createElement","Consumer","PopoverGlobalProvider","_Component","props","_this","_classCallCheck","_callSuper","openPopover","option","clearTimeout","timer","setState","Object","assign","closePopover","anchorEl","setTimeout","content","ContentDefault","state","_inherits","_createClass","key","value","componentDidMount","render","_this2","Provider","children","Popover","_extends","sx","overflow","Boolean","onClose","_","reason","anchorOrigin","vertical","horizontal","transformOrigin","disableScrollLock","popoverProps","Component","withPopoverGlobalContext","contextPopover","PopoverGlobal","Api","Context","mapContext"],"mappings":"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"}

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

@@ -0,0 +1,86 @@
+import { inherits as _inherits, createClass as _createClass, extends as _extends, classCallCheck as _classCallCheck, callSuper as _callSuper } from '../../_virtual/_rollupPluginBabelHelpers.js';
+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 /*#__PURE__*/React.createElement(ApiPopoverContext.Consumer, null, context);
+};
+var ApiPopover = /*#__PURE__*/function (_Component) {
+  function ApiPopover(props) {
+    var _this;
+    _classCallCheck(this, ApiPopover);
+    _this = _callSuper(this, ApiPopover, [props]);
+    _this.showPopover = function (option) {
+      clearTimeout(_this.timer);
+      _this.setState(Object.assign({}, option));
+    };
+    _this.closePopover = function () {
+      clearTimeout(_this.timer);
+      _this.setState({
+        anchorEl: null
+      }, function () {
+        _this.timer = setTimeout(function () {
+          _this.setState({
+            content: /*#__PURE__*/React.createElement(ContentDefault, null)
+          });
+        }, 500);
+      });
+    };
+    _this.state = {
+      anchorEl: null,
+      content: /*#__PURE__*/React.createElement(ContentDefault, null)
+    };
+    return _this;
+  }
+  _inherits(ApiPopover, _Component);
+  return _createClass(ApiPopover, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      return /*#__PURE__*/React.createElement(ApiPopoverContext.Provider, {
+        value: this
+      }, this.props.children, /*#__PURE__*/React.createElement(Popover, _extends({
+        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), this.state.content));
+    }
+  }]);
+}(Component);
+var withApiPopoverContext = function withApiPopoverContext(Component) {
+  return function (props) {
+    return /*#__PURE__*/React.createElement(ApiPopover, null, MapApiPopoverContext(function (context) {
+      return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
+        contextPopover: context
+      }));
+    }));
+  };
+};
+
+export { ApiPopoverContext, MapApiPopoverContext, ApiPopover as default, withApiPopoverContext };
+//# sourceMappingURL=popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sources":["../../../src/api-context/popover.tsx"],"sourcesContent":["import React, { Component } from 'react'\r\nimport { Popover, PopoverProps, PopoverVirtualElement } from '@mui/material'\r\nimport { ContentDefault } from './ui.units'\r\n\r\nexport interface IPopoverOptions {\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 TShowPopover = (option: IPopoverOptions) => void\r\n\r\nexport type TClosePopover = (reason?: 'backdropClick' | 'escapeKeyDown') => void\r\n\r\nexport interface IApiPopoverContext {\r\n  showPopover: TShowPopover\r\n  closePopover: TClosePopover\r\n}\r\n\r\nexport const ApiPopoverContext = React.createContext<IApiPopoverContext>({\r\n  showPopover: () => {\r\n    console.warn('ApiPopover provider not found!')\r\n  },\r\n  closePopover: () => {\r\n    console.warn('ApiPopover provider not found!')\r\n  }\r\n})\r\n\r\nexport const MapApiPopoverContext = (context: (state: IApiPopoverContext) => React.ReactNode) => (\r\n  <ApiPopoverContext.Consumer>{context}</ApiPopoverContext.Consumer>\r\n)\r\n\r\ninterface IProps {}\r\ninterface IState extends IPopoverOptions {}\r\ntype TProps = React.PropsWithChildren<IProps>\r\nclass ApiPopover extends Component<TProps, IState> implements IApiPopoverContext {\r\n  constructor(props: any) {\r\n    super(props)\r\n    this.state = { anchorEl: null, content: <ContentDefault /> }\r\n  }\r\n  render() {\r\n    return (\r\n      <ApiPopoverContext.Provider value={this}>\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      </ApiPopoverContext.Provider>\r\n    )\r\n  }\r\n  showPopover = (option: IPopoverOptions) => {\r\n    clearTimeout(this.timer)\r\n    this.setState({ ...option })\r\n  }\r\n  timer: any\r\n  closePopover: TClosePopover = () => {\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\nexport default ApiPopover\r\n\r\nexport interface IApiPopoverContextProps {\r\n  contextPopover: IApiPopoverContext\r\n}\r\nexport const withApiPopoverContext = <P extends IApiPopoverContextProps>(Component: React.ComponentType<P>) => {\r\n  return (props: Omit<P, keyof IApiPopoverContextProps>) => {\r\n    return (\r\n      <ApiPopover>\r\n        {MapApiPopoverContext((context) => (\r\n          <Component {...(props as P)} contextPopover={context} />\r\n        ))}\r\n      </ApiPopover>\r\n    )\r\n  }\r\n}\r\n"],"names":["ApiPopoverContext","React","createContext","showPopover","console","warn","closePopover","MapApiPopoverContext","context","createElement","Consumer","ApiPopover","_Component","props","_this","_classCallCheck","_callSuper","option","clearTimeout","timer","setState","Object","assign","anchorEl","setTimeout","content","ContentDefault","state","_inherits","_createClass","key","value","render","_this2","Provider","children","Popover","_extends","sx","overflow","open","Boolean","onClose","_","reason","anchorOrigin","vertical","horizontal","transformOrigin","disableScrollLock","popoverProps","Component","withApiPopoverContext","contextPopover"],"mappings":"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"}

package/dist/src/api-context/ui.units.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Box, Typography } from '@mui/material';
+
+var ContentDefault = function ContentDefault() {
+  return /*#__PURE__*/React.createElement(Box, {
+    sx: {
+      p: '9px 12px',
+      m: '12px',
+      backgroundColor: 'rgba(0,0,0,0.1)'
+    }
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption",
+    sx: {
+      fontWeight: 600,
+      fontStyle: 'italic'
+    }
+  }, "Content"));
+};
+
+export { ContentDefault };
+//# sourceMappingURL=ui.units.js.map