component-shared 1.0.0

package/Components/Icons/index.js

@@ -0,0 +1,52 @@
+import { objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { SvgIcon } from '@mui/material';
+
+function ContractIcon(props) {
+  return jsx(SvgIcon, _objectSpread2(_objectSpread2({
+    color: "info"
+  }, props), {}, {
+    viewBox: "0 0 24 24",
+    children: jsx("path", {
+      d: "M19.7 12.9L14 18.6H11.7V16.3L17.4 10.6L19.7 12.9M23.1 12.1C23.1 12.4 22.8 12.7 22.5 13L20 15.5L19.1 14.6L21.7 12L21.1 11.4L20.4 12.1L18.1 9.8L20.3 7.7C20.5 7.5 20.9 7.5 21.2 7.7L22.6 9.1C22.8 9.3 22.8 9.7 22.6 10C22.4 10.2 22.2 10.4 22.2 10.6C22.2 10.8 22.4 11 22.6 11.2C22.9 11.5 23.2 11.8 23.1 12.1M3 20V4H10V9H15V10.5L17 8.5V8L11 2H3C1.9 2 1 2.9 1 4V20C1 21.1 1.9 22 3 22H15C16.1 22 17 21.1 17 20H3M11 17.1C10.8 17.1 10.6 17.2 10.5 17.2L10 15H8.5L6.4 16.7L7 14H5.5L4.5 19H6L8.9 16.4L9.5 18.7H10.5L11 18.6V17.1Z"
+    })
+  }));
+}
+function EditFileIcon(props) {
+  return jsx(SvgIcon, _objectSpread2(_objectSpread2({}, props), {}, {
+    viewBox: "0 0 24 24",
+    children: jsx("path", {
+      d: "M10 20H6V4H13V9H18V12.1L20 10.1V8L14 2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H10V20M20.2 13C20.3 13 20.5 13.1 20.6 13.2L21.9 14.5C22.1 14.7 22.1 15.1 21.9 15.3L20.9 16.3L18.8 14.2L19.8 13.2C19.9 13.1 20 13 20.2 13M20.2 16.9L14.1 23H12V20.9L18.1 14.8L20.2 16.9Z"
+    })
+  }));
+}
+function FolderMusicUploadIcon(props) {
+  return jsxs(SvgIcon, _objectSpread2(_objectSpread2({}, props), {}, {
+    width: "49",
+    height: "29",
+    viewBox: "0 0 49 29",
+    children: [jsx("path", {
+      d: "M49 6V10.5H40.75V18.165C37.99 18.795 35.89 21.135 35.56 24H22C20.35 24 19 22.665 19 21V3C19 1.335 20.335 0 22 0H31L34 3H46C47.65 3 49 4.335 49 6ZM43.75 13.5V21.315C43.285 21.105 42.79 21 42.25 21C40.18 21 38.5 22.68 38.5 24.75C38.5 26.82 40.18 28.5 42.25 28.5C44.32 28.5 46 26.82 46 24.75V16.5H49V13.5H43.75Z",
+      fill: "#1976D2"
+    }), jsx("path", {
+      d: "M0 4C0 1.79086 1.79086 0 4 0H29V24H4C1.79086 24 0 22.2091 0 20V4Z",
+      fill: "#1976D2"
+    }), jsx("path", {
+      d: "M13.5 18C12.2564 18 11.1955 17.5748 10.3173 16.7244C9.43909 15.8685 9 14.8258 9 13.5962C9 12.54 9.31909 11.5975 9.95727 10.7688C10.6009 9.94 11.4409 9.41187 12.4773 9.18437C12.8209 7.93854 13.5027 6.93104 14.5227 6.16187C15.5482 5.38729 16.7073 5 18 5C19.5982 5 20.9509 5.5525 22.0582 6.6575C23.1709 7.75708 23.7273 9.10042 23.7273 10.6875C24.6709 10.7958 25.4509 11.2021 26.0673 11.9062C26.6891 12.5996 27 13.4121 27 14.3438C27 15.3621 26.6427 16.226 25.9282 16.9356C25.2136 17.6452 24.3436 18 23.3182 18H18.8182C18.3709 18 17.9864 17.8402 17.6645 17.5206C17.3427 17.2065 17.1818 16.8246 17.1818 16.375V12.1906L15.8727 13.45L14.7273 12.3125L18 9.0625L21.2727 12.3125L20.1273 13.45L18.8182 12.1906V16.375H23.3182C23.8909 16.375 24.3736 16.1773 24.7664 15.7819C25.1645 15.3919 25.3636 14.9125 25.3636 14.3438C25.3636 13.775 25.1645 13.2956 24.7664 12.9056C24.3736 12.5102 23.8909 12.3125 23.3182 12.3125H22.0909V10.6875C22.0909 9.56625 21.6927 8.6075 20.8964 7.81125C20.1 7.02042 19.1345 6.625 18 6.625C16.8709 6.625 15.9055 7.02042 15.1036 7.81125C14.3073 8.6075 13.9091 9.56625 13.9091 10.6875H13.5C12.7091 10.6875 12.0355 10.9665 11.4791 11.5244C10.9173 12.0769 10.6364 12.7458 10.6364 13.5312C10.6364 14.3167 10.9173 14.9938 11.4791 15.5625C12.0355 16.1042 12.7091 16.375 13.5 16.375H15.5455V18",
+      fill: "white"
+    })]
+  }));
+}
+function RouteNoteIcon(props) {
+  return jsxs(SvgIcon, _objectSpread2(_objectSpread2({}, props), {}, {
+    viewBox: "0 0 60 60",
+    children: [jsx("path", {
+      d: "M36.114.664C34.724.362 33.336.242 31.886 0h-3.744c-1.57.242-3.14.423-4.71.725C11.716 3.26 2.234 13.285.422 25.06.243 26.087.122 27.113 0 28.14v3.744c.242 1.51.423 3.019.725 4.468C3.32 48.43 12.984 57.548 25.183 59.601c14.675 2.415 28.987-6.34 33.396-20.471C63.954 22.1 53.567 4.348 36.114.664zm-6.1 55.434c-14.433 0-26.089-11.654-26.089-26.086 0-14.432 11.716-26.147 26.15-26.087 14.373 0 26.028 11.715 26.028 26.087 0 14.371-11.655 26.086-26.089 26.086z"
+    }), jsx("path", {
+      d: "M37.34 41.587c-2.673.363-6.237-2.118-7.306-5.022.179-.06.357-.121.476-.182 5.7-2.238 8.967-8.047 7.898-14.097C37.339 16.296 32.232 12 26.174 12H14v4.114h.89c3.861 0 7.721-.06 11.522 0 4.395.06 7.898 3.63 8.077 8.047.178 4.417-3.03 8.229-7.424 8.713-.594.06-1.188.06-1.722.121-.356 1.755.356 4.72 1.722 6.837 2.376 3.812 5.82 5.748 10.333 6.05V48c2.554-1.452 5.048-2.783 7.602-4.235-2.613-1.452-5.048-2.844-7.66-4.236v2.058z"
+    })]
+  }));
+}
+
+export { ContractIcon, EditFileIcon, FolderMusicUploadIcon, RouteNoteIcon };
+//# sourceMappingURL=index.js.map

package/Components/Icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/Components/Icons/index.tsx"],"sourcesContent":["import { Box, SvgIcon, SvgIconProps, SxProps, Theme } from '@mui/material'\r\nimport React, { FC } from 'react'\r\n\r\nexport function ContractIcon(props: SvgIconProps) {\r\n  return (\r\n    <SvgIcon color=\"info\" {...props} viewBox=\"0 0 24 24\">\r\n      {/* tslint:disable-next-line: max-line-length */}\r\n      <path d=\"M19.7 12.9L14 18.6H11.7V16.3L17.4 10.6L19.7 12.9M23.1 12.1C23.1 12.4 22.8 12.7 22.5 13L20 15.5L19.1 14.6L21.7 12L21.1 11.4L20.4 12.1L18.1 9.8L20.3 7.7C20.5 7.5 20.9 7.5 21.2 7.7L22.6 9.1C22.8 9.3 22.8 9.7 22.6 10C22.4 10.2 22.2 10.4 22.2 10.6C22.2 10.8 22.4 11 22.6 11.2C22.9 11.5 23.2 11.8 23.1 12.1M3 20V4H10V9H15V10.5L17 8.5V8L11 2H3C1.9 2 1 2.9 1 4V20C1 21.1 1.9 22 3 22H15C16.1 22 17 21.1 17 20H3M11 17.1C10.8 17.1 10.6 17.2 10.5 17.2L10 15H8.5L6.4 16.7L7 14H5.5L4.5 19H6L8.9 16.4L9.5 18.7H10.5L11 18.6V17.1Z\" />\r\n    </SvgIcon>\r\n  )\r\n}\r\n\r\nexport function EditFileIcon(props: SvgIconProps) {\r\n  return (\r\n    <SvgIcon {...props} viewBox=\"0 0 24 24\">\r\n      {/* tslint:disable-next-line: max-line-length */}\r\n      <path d=\"M10 20H6V4H13V9H18V12.1L20 10.1V8L14 2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H10V20M20.2 13C20.3 13 20.5 13.1 20.6 13.2L21.9 14.5C22.1 14.7 22.1 15.1 21.9 15.3L20.9 16.3L18.8 14.2L19.8 13.2C19.9 13.1 20 13 20.2 13M20.2 16.9L14.1 23H12V20.9L18.1 14.8L20.2 16.9Z\" />\r\n    </SvgIcon>\r\n  )\r\n}\r\n\r\nexport function FolderMusicUploadIcon(props: SvgIconProps) {\r\n  return (\r\n    <SvgIcon {...props} width=\"49\" height=\"29\" viewBox=\"0 0 49 29\">\r\n      {/* tslint:disable-next-line: max-line-length */}\r\n      <path\r\n        d=\"M49 6V10.5H40.75V18.165C37.99 18.795 35.89 21.135 35.56 24H22C20.35 24 19 22.665 19 21V3C19 1.335 20.335 0 22 0H31L34 3H46C47.65 3 49 4.335 49 6ZM43.75 13.5V21.315C43.285 21.105 42.79 21 42.25 21C40.18 21 38.5 22.68 38.5 24.75C38.5 26.82 40.18 28.5 42.25 28.5C44.32 28.5 46 26.82 46 24.75V16.5H49V13.5H43.75Z\"\r\n        fill=\"#1976D2\"\r\n      />\r\n      <path d=\"M0 4C0 1.79086 1.79086 0 4 0H29V24H4C1.79086 24 0 22.2091 0 20V4Z\" fill=\"#1976D2\" />\r\n      <path\r\n        d=\"M13.5 18C12.2564 18 11.1955 17.5748 10.3173 16.7244C9.43909 15.8685 9 14.8258 9 13.5962C9 12.54 9.31909 11.5975 9.95727 10.7688C10.6009 9.94 11.4409 9.41187 12.4773 9.18437C12.8209 7.93854 13.5027 6.93104 14.5227 6.16187C15.5482 5.38729 16.7073 5 18 5C19.5982 5 20.9509 5.5525 22.0582 6.6575C23.1709 7.75708 23.7273 9.10042 23.7273 10.6875C24.6709 10.7958 25.4509 11.2021 26.0673 11.9062C26.6891 12.5996 27 13.4121 27 14.3438C27 15.3621 26.6427 16.226 25.9282 16.9356C25.2136 17.6452 24.3436 18 23.3182 18H18.8182C18.3709 18 17.9864 17.8402 17.6645 17.5206C17.3427 17.2065 17.1818 16.8246 17.1818 16.375V12.1906L15.8727 13.45L14.7273 12.3125L18 9.0625L21.2727 12.3125L20.1273 13.45L18.8182 12.1906V16.375H23.3182C23.8909 16.375 24.3736 16.1773 24.7664 15.7819C25.1645 15.3919 25.3636 14.9125 25.3636 14.3438C25.3636 13.775 25.1645 13.2956 24.7664 12.9056C24.3736 12.5102 23.8909 12.3125 23.3182 12.3125H22.0909V10.6875C22.0909 9.56625 21.6927 8.6075 20.8964 7.81125C20.1 7.02042 19.1345 6.625 18 6.625C16.8709 6.625 15.9055 7.02042 15.1036 7.81125C14.3073 8.6075 13.9091 9.56625 13.9091 10.6875H13.5C12.7091 10.6875 12.0355 10.9665 11.4791 11.5244C10.9173 12.0769 10.6364 12.7458 10.6364 13.5312C10.6364 14.3167 10.9173 14.9938 11.4791 15.5625C12.0355 16.1042 12.7091 16.375 13.5 16.375H15.5455V18\"\r\n        fill=\"white\"\r\n      />\r\n    </SvgIcon>\r\n  )\r\n}\r\n\r\nexport function RouteNoteIcon(props: SvgIconProps) {\r\n  return (\r\n    <SvgIcon {...props} viewBox=\"0 0 60 60\">\r\n      {/* tslint:disable-next-line: max-line-length */}\r\n      <path d=\"M36.114.664C34.724.362 33.336.242 31.886 0h-3.744c-1.57.242-3.14.423-4.71.725C11.716 3.26 2.234 13.285.422 25.06.243 26.087.122 27.113 0 28.14v3.744c.242 1.51.423 3.019.725 4.468C3.32 48.43 12.984 57.548 25.183 59.601c14.675 2.415 28.987-6.34 33.396-20.471C63.954 22.1 53.567 4.348 36.114.664zm-6.1 55.434c-14.433 0-26.089-11.654-26.089-26.086 0-14.432 11.716-26.147 26.15-26.087 14.373 0 26.028 11.715 26.028 26.087 0 14.371-11.655 26.086-26.089 26.086z\" />\r\n      <path d=\"M37.34 41.587c-2.673.363-6.237-2.118-7.306-5.022.179-.06.357-.121.476-.182 5.7-2.238 8.967-8.047 7.898-14.097C37.339 16.296 32.232 12 26.174 12H14v4.114h.89c3.861 0 7.721-.06 11.522 0 4.395.06 7.898 3.63 8.077 8.047.178 4.417-3.03 8.229-7.424 8.713-.594.06-1.188.06-1.722.121-.356 1.755.356 4.72 1.722 6.837 2.376 3.812 5.82 5.748 10.333 6.05V48c2.554-1.452 5.048-2.783 7.602-4.235-2.613-1.452-5.048-2.844-7.66-4.236v2.058z\" />\r\n    </SvgIcon>\r\n  )\r\n}\r\n"],"names":["ContractIcon","props","_jsx","SvgIcon","_objectSpread","color","viewBox","d","EditFileIcon","children","FolderMusicUploadIcon","_jsxs","width","height","fill","RouteNoteIcon"],"mappings":";;;;AAGM,SAAUA,YAAYA,CAACC,KAAmB,EAAA;AAC9C,EAAA,OACEC,IAACC,OAAO,EAAAC,cAAA,CAAAA,cAAA,CAAA;AAACC,IAAAA,KAAK,EAAC;AAAM,GAAA,EAAKJ,KAAK,CAAA,EAAA,EAAA,EAAA;AAAEK,IAAAA,OAAO,EAAC,WAAW;cAElDJ,GAAM,CAAA,MAAA,EAAA;AAAAK,MAAAA,CAAC,EAAC;KAAmgB;AAAG,GAAA,CACtgB,CAAA;AAEd;AAEM,SAAUC,YAAYA,CAACP,KAAmB,EAAA;EAC9C,OACEC,GAAC,CAAAC,OAAO,EAAAC,cAAA,CAAAA,cAAA,KAAKH,KAAK,CAAA,EAAA,EAAA,EAAA;AAAEK,IAAAA,OAAO,EAAC,WAAW;AAAAG,IAAAA,QAAA,EAErCP;AAAMK,MAAAA,CAAC,EAAC;KAA0Q;AAAA,GAAA,CAAA,CAC1Q;AAEd;AAEM,SAAUG,qBAAqBA,CAACT,KAAmB,EAAA;EACvD,OACEU,KAACR,OAAO,EAAAC,cAAA,CAAAA,cAAA,KAAKH,KAAK,CAAA,EAAA,EAAA,EAAA;AAAEW,IAAAA,KAAK,EAAC,IAAI;AAACC,IAAAA,MAAM,EAAC,IAAI;AAACP,IAAAA,OAAO,EAAC,WAAW;eAE5DJ,GACE,CAAA,MAAA,EAAA;AAAAK,MAAAA,CAAC,EAAC,sTAAsT;AACxTO,MAAAA,IAAI,EAAC;AAAS,KAAA,CACd,EACFZ,GAAM,CAAA,MAAA,EAAA;AAAAK,MAAAA,CAAC,EAAC,mEAAmE;AAACO,MAAAA,IAAI,EAAC;AAAS,KAAA,CAAG,EAC7FZ,GACE,CAAA,MAAA,EAAA;AAAAK,MAAAA,CAAC,EAAC,mxCAAmxC;AACrxCO,MAAAA,IAAI,EAAC;AAAO,KAAA,CACZ;AACM,GAAA,CAAA,CAAA;AAEd;AAEM,SAAUC,aAAaA,CAACd,KAAmB,EAAA;EAC/C,OACEU,KAACR,OAAO,EAAAC,cAAA,CAAAA,cAAA,KAAKH,KAAK,CAAA,EAAA,EAAA,EAAA;AAAEK,IAAAA,OAAO,EAAC,WAAW;AAErCG,IAAAA,QAAA,EAAA,CAAAP,GAAA,CAAA,MAAA,EAAA;AAAMK,MAAAA,CAAC,EAAC;AAA2c,KAAA,CAAA,EACndL,GAAM,CAAA,MAAA,EAAA;AAAAK,MAAAA,CAAC,EAAC;AAAya,KAAA,CAAG;AAC5a,GAAA,CAAA,CAAA;AAEd;;;;"}

package/Components/LazySpinner.css

@@ -0,0 +1,6 @@
+.container-spinner {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}

package/Components/MapLayout/index.d.ts

@@ -0,0 +1,33 @@
+import { SxProps, Theme } from '@mui/material';
+import React, { Component } from 'react';
+import './index.css';
+interface MapLayoutProps {
+    sx?: SxProps<Theme>;
+}
+interface ILayoutBase {
+    width: number;
+    height: number;
+}
+interface ILayout extends ILayoutBase {
+    widthScroll: number;
+    heightScroll: number;
+}
+interface IMapLayoutContext {
+    layout: ILayout;
+    window: ILayoutBase;
+}
+interface MapLayoutState {
+    layout: ILayout;
+    window: ILayoutBase;
+}
+export declare const MapLayoutContext: React.Context<IMapLayoutContext>;
+declare class MapLayout extends Component<MapLayoutProps, MapLayoutState> {
+    constructor(props: MapLayoutProps);
+    mapState: () => void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    getConfig: () => IMapLayoutContext;
+    refContainer: HTMLDivElement | null;
+    render(): JSX.Element;
+}
+export default MapLayout;

package/Components/MapLayout/index.js

@@ -0,0 +1,80 @@
+import { inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
+import { Box } from '@mui/material';
+import React__default, { Component } from 'react';
+
+var MapLayoutContext = /*#__PURE__*/React__default.createContext({});
+var MapLayout = /*#__PURE__*/function (_Component) {
+  function MapLayout(props) {
+    var _this;
+    _classCallCheck(this, MapLayout);
+    _this = _callSuper(this, MapLayout, [props]);
+    _defineProperty(_this, "mapState", function () {
+      var _this$refContainer$cl, _this$refContainer, _this$refContainer$cl2, _this$refContainer2, _this$refContainer$sc, _this$refContainer3, _this$refContainer$sc2, _this$refContainer4;
+      _this.setState({
+        layout: {
+          height: (_this$refContainer$cl = (_this$refContainer = _this.refContainer) === null || _this$refContainer === void 0 ? void 0 : _this$refContainer.clientHeight) !== null && _this$refContainer$cl !== void 0 ? _this$refContainer$cl : 0,
+          width: (_this$refContainer$cl2 = (_this$refContainer2 = _this.refContainer) === null || _this$refContainer2 === void 0 ? void 0 : _this$refContainer2.clientWidth) !== null && _this$refContainer$cl2 !== void 0 ? _this$refContainer$cl2 : 0,
+          heightScroll: (_this$refContainer$sc = (_this$refContainer3 = _this.refContainer) === null || _this$refContainer3 === void 0 ? void 0 : _this$refContainer3.scrollHeight) !== null && _this$refContainer$sc !== void 0 ? _this$refContainer$sc : 0,
+          widthScroll: (_this$refContainer$sc2 = (_this$refContainer4 = _this.refContainer) === null || _this$refContainer4 === void 0 ? void 0 : _this$refContainer4.scrollWidth) !== null && _this$refContainer$sc2 !== void 0 ? _this$refContainer$sc2 : 0
+        },
+        window: {
+          height: window.innerHeight,
+          width: window.innerWidth
+        }
+      });
+    });
+    _defineProperty(_this, "getConfig", function () {
+      return {
+        layout: _this.state.layout,
+        window: _this.state.window
+      };
+    });
+    _defineProperty(_this, "refContainer", null);
+    _this.state = {
+      layout: {
+        height: 0,
+        width: 0,
+        heightScroll: 0,
+        widthScroll: 0
+      },
+      window: {
+        height: window.innerHeight,
+        width: window.innerWidth
+      }
+    };
+    return _this;
+  }
+  _inherits(MapLayout, _Component);
+  return _createClass(MapLayout, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.mapState();
+      window.addEventListener("resize", this.mapState);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      window.removeEventListener("resize", this.mapState);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      return jsx(Box, {
+        component: "div",
+        ref: function ref(_ref) {
+          return _this2.refContainer = _ref;
+        },
+        sx: this.props.sx,
+        children: jsx(MapLayoutContext.Provider, {
+          value: this.getConfig(),
+          children: this.props.children
+        })
+      });
+    }
+  }]);
+}(Component);
+
+export { MapLayoutContext, MapLayout as default };
+//# sourceMappingURL=index.js.map

package/Components/MapLayout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/Components/MapLayout/index.tsx"],"sourcesContent":["import { Box, SxProps, Theme } from '@mui/material'\r\nimport React, { Component, ComponentType } from 'react'\r\nimport './index.css'\r\ninterface MapLayoutProps {\r\n    sx?: SxProps<Theme>\r\n}\r\ninterface ILayoutBase {\r\n    width: number\r\n    height: number\r\n}\r\ninterface ILayout extends ILayoutBase {\r\n    widthScroll: number\r\n    heightScroll: number\r\n}\r\n\r\ninterface IMapLayoutContext {\r\n    layout: ILayout\r\n    window: ILayoutBase\r\n}\r\n\r\ninterface MapLayoutState {\r\n    layout: ILayout\r\n    window: ILayoutBase\r\n}\r\nexport const MapLayoutContext = React.createContext<IMapLayoutContext>({} as any);\r\nclass MapLayout extends Component<MapLayoutProps, MapLayoutState> {\r\n    constructor(props: MapLayoutProps) {\r\n        super(props)\r\n        this.state = {\r\n            layout: {\r\n                height: 0,\r\n                width: 0,\r\n                heightScroll: 0,\r\n                widthScroll: 0\r\n            },\r\n            window: {\r\n                height: window.innerHeight,\r\n                width: window.innerWidth,\r\n            }\r\n        }\r\n    }\r\n    mapState = () => {\r\n        this.setState({\r\n            layout: {\r\n                height: this.refContainer?.clientHeight ?? 0,\r\n                width: this.refContainer?.clientWidth ?? 0,\r\n                heightScroll: this.refContainer?.scrollHeight ?? 0,\r\n                widthScroll: this.refContainer?.scrollWidth ?? 0\r\n            },\r\n            window: {\r\n                height: window.innerHeight,\r\n                width: window.innerWidth\r\n            }\r\n        })\r\n    }\r\n    componentDidMount() {\r\n        this.mapState()\r\n        window.addEventListener(\"resize\", this.mapState)\r\n    }\r\n    componentWillUnmount() {\r\n        window.removeEventListener(\"resize\", this.mapState)\r\n    }\r\n    getConfig = (): IMapLayoutContext => {\r\n        return {\r\n            layout: this.state.layout,\r\n            window: this.state.window\r\n        }\r\n    }\r\n    refContainer: HTMLDivElement | null = null\r\n    render() {\r\n        return (\r\n            <Box component={\"div\"} ref={ref => this.refContainer = ref as any} sx={this.props.sx}>\r\n                <MapLayoutContext.Provider value={this.getConfig()}>\r\n                    {this.props.children}\r\n                </MapLayoutContext.Provider>\r\n            </Box>\r\n        )\r\n    }\r\n}\r\nexport default MapLayout"],"names":["MapLayoutContext","React","createContext","MapLayout","_Component","props","_this","_classCallCheck","_callSuper","_defineProperty","_this$refContainer$cl","_this$refContainer","_this$refContainer$cl2","_this$refContainer2","_this$refContainer$sc","_this$refContainer3","_this$refContainer$sc2","_this$refContainer4","setState","layout","height","refContainer","clientHeight","width","clientWidth","heightScroll","scrollHeight","widthScroll","scrollWidth","window","innerHeight","innerWidth","state","_inherits","_createClass","key","value","componentDidMount","mapState","addEventListener","componentWillUnmount","removeEventListener","render","_this2","_jsx","Box","component","ref","sx","Provider","getConfig","children","Component"],"mappings":"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"}

package/Components/MessageBox/index.d.ts

@@ -0,0 +1,28 @@
+import React, { Component } from 'react';
+interface MessageBoxProps {
+}
+export interface IOptionDefault {
+    Title: string;
+    Content: JSX.Element | string;
+    data: any;
+    onSubmit?: (data: any) => void;
+    Footer?: JSX.Element;
+}
+type IContent = () => JSX.Element;
+type IOption = IOptionDefault | IContent;
+interface MessageBoxState {
+    option?: IOption;
+}
+export interface IMessageBoxContext {
+    Close: () => void;
+    open: (option: IOption) => void;
+}
+export declare const MessageBoxContext: React.Context<IMessageBoxContext>;
+export default class MessageBox extends Component<MessageBoxProps, MessageBoxState> implements IMessageBoxContext {
+    constructor(props: MessageBoxProps);
+    Close: () => void;
+    open: (option: IOption) => void;
+    renderContent: () => JSX.Element | undefined;
+    render(): JSX.Element;
+}
+export {};

package/Components/MessageBox/index.js

@@ -0,0 +1,93 @@
+import { inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper, defineProperty as _defineProperty, typeof as _typeof, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import React__default, { Component } from 'react';
+import Button from '@mui/material/Button';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogTitle from '@mui/material/DialogTitle';
+import Slide from '@mui/material/Slide';
+
+var Transition = /*#__PURE__*/React__default.forwardRef(function Transition(props, ref) {
+  return jsx(Slide, _objectSpread2({
+    direction: "up",
+    ref: ref
+  }, props));
+});
+var MessageBoxContext = /*#__PURE__*/React__default.createContext({
+  Close: function Close() {},
+  open: function open() {}
+});
+var MessageBox = /*#__PURE__*/function (_Component) {
+  function MessageBox(props) {
+    var _this;
+    _classCallCheck(this, MessageBox);
+    _this = _callSuper(this, MessageBox, [props]);
+    _defineProperty(_this, "Close", function () {
+      _this.setState({
+        option: undefined
+      });
+    });
+    _defineProperty(_this, "open", function (option) {
+      _this.setState({
+        option: option
+      });
+    });
+    _defineProperty(_this, "renderContent", function () {
+      var option = _this.state.option;
+      if (typeof option === 'function') {
+        return option();
+      } else if (_typeof(option) === 'object') {
+        return jsxs(Fragment, {
+          children: [jsx(DialogTitle, {
+            children: option.Title
+          }), jsx(DialogContent, {
+            sx: {
+              padding: "0 24px"
+            },
+            children: option.Content
+          }), jsx(DialogActions, {
+            children: option.Footer ? option.Footer : jsxs(Fragment, {
+              children: [jsx(Button, {
+                onClick: function onClick() {
+                  _this.Close();
+                  option.onSubmit && option.onSubmit(option.data);
+                },
+                children: "Yes"
+              }), jsx(Button, {
+                color: 'inherit',
+                onClick: _this.Close,
+                children: "No"
+              })]
+            })
+          })]
+        });
+      }
+    });
+    _this.state = {};
+    return _this;
+  }
+  _inherits(MessageBox, _Component);
+  return _createClass(MessageBox, [{
+    key: "render",
+    value: function render() {
+      return jsxs(MessageBoxContext.Provider, {
+        value: this,
+        children: [this.props.children, jsx(Dialog, {
+          open: !!this.state.option,
+          TransitionComponent: Transition,
+          keepMounted: true,
+          onClose: this.Close,
+          "aria-describedby": "alert-dialog-global",
+          sx: {
+            zIndex: 5000
+          },
+          children: this.renderContent()
+        })]
+      });
+    }
+  }]);
+}(Component);
+
+export { MessageBoxContext, MessageBox as default };
+//# sourceMappingURL=index.js.map

package/Components/MessageBox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/Components/MessageBox/index.tsx"],"sourcesContent":["import { Box } from '@mui/material'\r\nimport React, { Component } from 'react'\r\nimport Button from '@mui/material/Button';\r\nimport Dialog from '@mui/material/Dialog';\r\nimport DialogActions from '@mui/material/DialogActions';\r\nimport DialogContent from '@mui/material/DialogContent';\r\nimport DialogContentText from '@mui/material/DialogContentText';\r\nimport DialogTitle from '@mui/material/DialogTitle';\r\nimport Slide from '@mui/material/Slide';\r\nimport { TransitionProps } from '@mui/material/transitions';\r\n\r\nconst Transition = React.forwardRef(function Transition(\r\n    props: TransitionProps & {\r\n        children: React.ReactElement<any, any>;\r\n    },\r\n    ref: React.Ref<unknown>,\r\n) {\r\n    return <Slide direction=\"up\" ref={ref} {...props} />;\r\n});\r\ninterface MessageBoxProps {\r\n\r\n}\r\nexport interface IOptionDefault {\r\n    Title: string,\r\n    Content: JSX.Element | string,\r\n    data: any,\r\n    onSubmit?: (data: any) => void\r\n    Footer?: JSX.Element\r\n}\r\ntype IContent = () => JSX.Element\r\n\r\ntype IOption = IOptionDefault | IContent\r\ninterface MessageBoxState {\r\n    option?: IOption\r\n}\r\nexport interface IMessageBoxContext {\r\n    Close: () => void,\r\n    open: (option: IOption) => void\r\n}\r\nexport const MessageBoxContext = React.createContext<IMessageBoxContext>({\r\n    Close: () => { },\r\n    open: () => { }\r\n});\r\n\r\nexport default class MessageBox extends Component<MessageBoxProps, MessageBoxState> implements IMessageBoxContext {\r\n    constructor(props: MessageBoxProps) {\r\n        super(props)\r\n        this.state = {}\r\n    }\r\n    Close = () => {\r\n        this.setState({ option: undefined })\r\n    }\r\n    open = (option: IOption) => {\r\n        this.setState({ option })\r\n    }\r\n    renderContent = () => {\r\n        const { option } = this.state\r\n        if (typeof option === 'function') {\r\n            return option()\r\n        } else if (typeof option === 'object') {\r\n            return <>\r\n                <DialogTitle>{option.Title}</DialogTitle>\r\n                <DialogContent sx={{ padding: \"0 24px\" }}>\r\n                    {option.Content}\r\n                </DialogContent>\r\n                <DialogActions>\r\n                    {option.Footer ? option.Footer : <>\r\n                        <Button onClick={() => {\r\n                            this.Close();\r\n                            option.onSubmit && option.onSubmit(option.data);\r\n                        }}>Yes</Button>\r\n                        <Button color='inherit' onClick={this.Close}>No</Button>\r\n                    </>\r\n                    }\r\n                </DialogActions>\r\n            </>\r\n        }\r\n    }\r\n    render() {\r\n        return (\r\n            <MessageBoxContext.Provider value={this}>\r\n                {this.props.children}\r\n                <Dialog\r\n                    open={!!this.state.option}\r\n                    TransitionComponent={Transition}\r\n                    keepMounted\r\n                    onClose={this.Close}\r\n                    aria-describedby=\"alert-dialog-global\"\r\n                    sx={{ zIndex: 5000 }}\r\n                >\r\n                    {this.renderContent()}\r\n                </Dialog>\r\n            </MessageBoxContext.Provider>\r\n\r\n        )\r\n    }\r\n}\r\n"],"names":["Transition","React","forwardRef","props","ref","_jsx","Slide","_objectSpread","direction","MessageBoxContext","createContext","Close","open","MessageBox","_Component","_this","_classCallCheck","_callSuper","_defineProperty","setState","option","undefined","state","_typeof","_jsxs","_Fragment","children","DialogTitle","Title","DialogContent","sx","padding","Content","DialogActions","Footer","Button","onClick","onSubmit","data","color","_inherits","_createClass","key","value","render","Provider","Dialog","TransitionComponent","keepMounted","onClose","zIndex","renderContent","Component"],"mappings":"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"}