component-shared 1.0.0

package/ComponentsV2/GlobalModal/index.js

@@ -0,0 +1,100 @@
+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, Fragment, jsxs } from 'react/jsx-runtime';
+import React__default, { Component } from 'react';
+import { Modal, Fade, Box, Backdrop } from '@mui/material';
+
+var GlobalModalContext = /*#__PURE__*/React__default.createContext({});
+var ContentPosition;
+(function (ContentPosition) {
+  ContentPosition[ContentPosition["Center"] = 0] = "Center";
+})(ContentPosition || (ContentPosition = {}));
+var MapGlobalModalContext = function MapGlobalModalContext(ElementSub) {
+  return jsx(Fragment, {
+    children: jsx(GlobalModalContext.Consumer, {
+      children: function children(context) {
+        return jsx(ElementSub, {
+          context: context
+        });
+      }
+    })
+  });
+};
+var GlobalModal = /*#__PURE__*/function (_Component) {
+  function GlobalModal(props) {
+    var _this;
+    _classCallCheck(this, GlobalModal);
+    _this = _callSuper(this, GlobalModal, [props]);
+    _defineProperty(_this, "ShowModal", function (option) {
+      _this.setState({
+        ContentModal: option.ContenModal,
+        sx: option.sx,
+        modalProps: option.modalProps,
+        isOpen: true
+      });
+    });
+    _defineProperty(_this, "clearContentModal", function () {
+      _this.setState({
+        ContentModal: undefined
+      });
+    });
+    _defineProperty(_this, "CloseModal", function () {
+      _this.setState({
+        isOpen: false
+      }, function () {
+        setTimeout(_this.clearContentModal, 500);
+      });
+    });
+    _defineProperty(_this, "GenerateContent", function () {
+      var _this$state$ContentMo;
+      var Content = (_this$state$ContentMo = _this.state.ContentModal) !== null && _this$state$ContentMo !== void 0 ? _this$state$ContentMo : function () {
+        return jsx(Fragment, {});
+      };
+      var Temp = /*#__PURE__*/React__default.forwardRef(function () {
+        return jsx(Content, {});
+      });
+      return jsx(Temp, {});
+    });
+    _this.state = {
+      isOpen: false
+    };
+    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, _objectSpread2(_objectSpread2({
+          open: this.state.isOpen,
+          sx: this.state.sx,
+          closeAfterTransition: true,
+          slots: {
+            backdrop: Backdrop
+          },
+          slotProps: {
+            backdrop: {
+              timeout: 400
+            }
+          }
+        }, this.state.modalProps), {}, {
+          children: jsx(Fade, {
+            "in": this.state.isOpen,
+            children: jsx(Box, {
+              sx: {
+                position: 'absolute',
+                top: '50%',
+                left: '50%',
+                transform: 'translate(-50%, -50%)'
+              },
+              children: this.GenerateContent()
+            })
+          })
+        }))]
+      });
+    }
+  }]);
+}(Component);
+
+export { ContentPosition, GlobalModal, GlobalModalContext, MapGlobalModalContext, GlobalModal as default };
+//# sourceMappingURL=index.js.map

package/ComponentsV2/GlobalModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/ComponentsV2/GlobalModal/index.tsx"],"sourcesContent":["import React, { Component, FC } from 'react'\r\nimport { Modal, SxProps, ModalProps, Box, Fade, Backdrop } from '@mui/material'\r\n\r\nexport interface OptionModal {\r\n  sx?: SxProps\r\n  modalProps?: ModalProps\r\n  ContenModal?: () => JSX.Element\r\n}\r\ninterface GlobalModalState {\r\n  isOpen: boolean\r\n  sx?: SxProps\r\n  modalProps?: ModalProps\r\n  ContentModal?: React.JSXElementConstructor<any>\r\n}\r\ninterface GlobalModalProps {}\r\n\r\nexport interface IGlobalModalContext {\r\n  ShowModal: (option: OptionModal) => void\r\n  CloseModal: () => void\r\n}\r\nexport const GlobalModalContext = React.createContext<IGlobalModalContext>({} as any)\r\n\r\nexport enum ContentPosition {\r\n  Center,\r\n}\r\nexport interface IMapGlobalModal {\r\n  context: IGlobalModalContext\r\n}\r\nexport const MapGlobalModalContext = (ElementSub: React.ComponentType<IMapGlobalModal>) => {\r\n  return (\r\n    <>\r\n      <GlobalModalContext.Consumer>\r\n        {(context) => {\r\n          return <ElementSub context={context} />\r\n        }}\r\n      </GlobalModalContext.Consumer>\r\n    </>\r\n  )\r\n}\r\n\r\ntype TGMProps = React.PropsWithChildren<GlobalModalProps>\r\nexport class GlobalModal extends Component<TGMProps, GlobalModalState> implements IGlobalModalContext {\r\n  constructor(props: any) {\r\n    super(props)\r\n    this.state = { isOpen: false }\r\n  }\r\n  ShowModal = (option: OptionModal) => {\r\n    this.setState({ ContentModal: option.ContenModal, sx: option.sx, modalProps: option.modalProps, isOpen: true })\r\n  }\r\n  clearContentModal = () => {\r\n    this.setState({ ContentModal: undefined })\r\n  }\r\n  CloseModal = () => {\r\n    this.setState({ isOpen: false }, () => {\r\n      setTimeout(this.clearContentModal, 500)\r\n    })\r\n  }\r\n  GenerateContent = (): JSX.Element => {\r\n    const Content = this.state.ContentModal ?? (() => <></>)\r\n    const Temp = React.forwardRef(() => <Content />)\r\n    return <Temp />\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.isOpen}\r\n          sx={this.state.sx}\r\n          closeAfterTransition\r\n          slots={{ backdrop: Backdrop }}\r\n          slotProps={{ backdrop: { timeout: 400 } }}\r\n          {...this.state.modalProps}\r\n        >\r\n          <Fade in={this.state.isOpen}>\r\n            <Box sx={{ position: 'absolute' as 'absolute', top: '50%', left: '50%', transform: 'translate(-50%, -50%)' }}>\r\n              {this.GenerateContent()}\r\n            </Box>\r\n          </Fade>\r\n        </Modal>\r\n      </GlobalModalContext.Provider>\r\n    )\r\n  }\r\n}\r\nexport default GlobalModal\r\n"],"names":["GlobalModalContext","React","createContext","ContentPosition","MapGlobalModalContext","ElementSub","_jsx","_Fragment","children","Consumer","context","GlobalModal","_Component","props","_this","_classCallCheck","_callSuper","_defineProperty","option","setState","ContentModal","ContenModal","sx","modalProps","isOpen","undefined","setTimeout","clearContentModal","_this$state$ContentMo","Content","state","Temp","forwardRef","_inherits","_createClass","key","value","render","_jsxs","Provider","Modal","_objectSpread","open","closeAfterTransition","slots","backdrop","Backdrop","slotProps","timeout","Fade","Box","position","top","left","transform","GenerateContent","Component"],"mappings":"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"}

package/ComponentsV2/HeightEqualWidth/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface IProps {
+    ratio?: number;
+    reverse?: boolean;
+    style?: React.CSSProperties;
+}
+export declare const HeightEqualWidth: React.FC<React.PropsWithChildren<IProps>>;
+export default HeightEqualWidth;

package/ComponentsV2/HeightEqualWidth/index.js

@@ -0,0 +1,41 @@
+import { jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+
+var HeightEqualWidth = function HeightEqualWidth(props) {
+  var boxRef = React__default.useRef(null);
+  React__default.useEffect(function () {
+    var resize = function resize() {
+      if (!boxRef.current) return;
+      var _props$ratio = props.ratio,
+        ratio = _props$ratio === void 0 ? 1 : _props$ratio,
+        reverse = props.reverse;
+      if (reverse) {
+        var height = boxRef.current.offsetHeight * ratio;
+        boxRef.current.style.width = "".concat(height, "px");
+      } else {
+        var width = boxRef.current.offsetWidth * ratio;
+        boxRef.current.style.height = "".concat(width, "px");
+      }
+    };
+    resize();
+    // const timer = setTimeout(resize, 50)
+    window.addEventListener('resize', resize);
+    return function () {
+      // clearTimeout(timer)
+      window.removeEventListener('resize', resize);
+    };
+  }, [props]);
+  var _style = Object.assign({}, !!props.reverse ? {
+    height: '100%'
+  } : {
+    width: '100%'
+  }, props.style);
+  return jsx("div", {
+    ref: boxRef,
+    style: _style,
+    children: props.children
+  });
+};
+
+export { HeightEqualWidth, HeightEqualWidth as default };
+//# sourceMappingURL=index.js.map

package/ComponentsV2/HeightEqualWidth/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/ComponentsV2/HeightEqualWidth/index.tsx"],"sourcesContent":["import React from 'react'\r\n\r\ninterface IProps {\r\n  ratio?: number\r\n  reverse?: boolean\r\n  style?: React.CSSProperties\r\n}\r\n\r\nexport const HeightEqualWidth: React.FC<React.PropsWithChildren<IProps>> = (props) => {\r\n  const boxRef = React.useRef<HTMLDivElement>(null)\r\n  React.useEffect(() => {\r\n    const resize = () => {\r\n      if (!boxRef.current) return\r\n      const { ratio = 1, reverse } = props\r\n      if (reverse) {\r\n        const height = boxRef.current.offsetHeight * ratio\r\n        boxRef.current.style.width = `${height}px`\r\n      } else {\r\n        const width = boxRef.current.offsetWidth * ratio\r\n        boxRef.current.style.height = `${width}px`\r\n      }\r\n    }\r\n    resize()\r\n    // const timer = setTimeout(resize, 50)\r\n    window.addEventListener('resize', resize)\r\n    return () => {\r\n      // clearTimeout(timer)\r\n      window.removeEventListener('resize', resize)\r\n    }\r\n  }, [props])\r\n  const _style = Object.assign({}, !!props.reverse ? { height: '100%' } : { width: '100%' }, props.style)\r\n  return (\r\n    <div ref={boxRef} style={_style}>\r\n      {props.children}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default HeightEqualWidth\r\n"],"names":["HeightEqualWidth","props","boxRef","React","useRef","useEffect","resize","current","_props$ratio","ratio","reverse","height","offsetHeight","style","width","concat","offsetWidth","window","addEventListener","removeEventListener","_style","Object","assign","_jsx","ref","children"],"mappings":";;;IAQaA,gBAAgB,GAA8C,SAA9DA,gBAAgBA,CAA+CC,KAAK,EAAI;AACnF,EAAA,IAAMC,MAAM,GAAGC,cAAK,CAACC,MAAM,CAAiB,IAAI,CAAC;EACjDD,cAAK,CAACE,SAAS,CAAC,YAAK;AACnB,IAAA,IAAMC,MAAM,GAAG,SAATA,MAAMA,GAAQ;AAClB,MAAA,IAAI,CAACJ,MAAM,CAACK,OAAO,EAAE;AACrB,MAAA,IAAAC,YAAA,GAA+BP,KAAK,CAA5BQ,KAAK;AAALA,QAAAA,KAAK,GAAAD,YAAA,KAAG,MAAA,GAAA,CAAC,GAAAA,YAAA;QAAEE,OAAO,GAAKT,KAAK,CAAjBS,OAAO;AAC1B,MAAA,IAAIA,OAAO,EAAE;QACX,IAAMC,MAAM,GAAGT,MAAM,CAACK,OAAO,CAACK,YAAY,GAAGH,KAAK;QAClDP,MAAM,CAACK,OAAO,CAACM,KAAK,CAACC,KAAK,GAAAC,EAAAA,CAAAA,MAAA,CAAMJ,MAAM,EAAI,IAAA,CAAA;AAC3C,OAAA,MAAM;QACL,IAAMG,KAAK,GAAGZ,MAAM,CAACK,OAAO,CAACS,WAAW,GAAGP,KAAK;QAChDP,MAAM,CAACK,OAAO,CAACM,KAAK,CAACF,MAAM,GAAAI,EAAAA,CAAAA,MAAA,CAAMD,KAAK,EAAI,IAAA,CAAA;AAC3C;KACF;AACDR,IAAAA,MAAM,EAAE;AACR;AACAW,IAAAA,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEZ,MAAM,CAAC;AACzC,IAAA,OAAO,YAAK;AACV;AACAW,MAAAA,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEb,MAAM,CAAC;KAC7C;AACH,GAAC,EAAE,CAACL,KAAK,CAAC,CAAC;AACX,EAAA,IAAMmB,MAAM,GAAGC,MAAM,CAACC,MAAM,CAAC,EAAE,EAAE,CAAC,CAACrB,KAAK,CAACS,OAAO,GAAG;AAAEC,IAAAA,MAAM,EAAE;AAAM,GAAE,GAAG;AAAEG,IAAAA,KAAK,EAAE;GAAQ,EAAEb,KAAK,CAACY,KAAK,CAAC;EACvG,OACEU,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,GAAG,EAAEtB,MAAM;AAAEW,IAAAA,KAAK,EAAEO,MAAM;cAC5BnB,KAAK,CAACwB;AAAQ,GAAA,CACX;AAEV;;;;"}

package/ComponentsV2/LazyView/index.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface IProps {
+    in?: boolean;
+}
+export declare const LazyView: FC<IProps>;
+export {};

package/ComponentsV2/LazyView/index.js

@@ -0,0 +1,30 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { styled, Box, Fade, LinearProgress } from '@mui/material';
+
+var LazyView = function LazyView(props) {
+  return jsxs(Fragment, {
+    children: [props.children, jsx(Fade, {
+      "in": props["in"],
+      unmountOnExit: true,
+      timeout: {
+        enter: 0,
+        exit: 350
+      },
+      children: jsx(Wrapper, {
+        children: jsx(LinearProgress, {})
+      })
+    })]
+  });
+};
+var Wrapper = styled(Box)({
+  position: 'absolute',
+  top: 0,
+  left: 0,
+  bottom: 0,
+  right: 0,
+  backgroundColor: 'rgba(0,0,0,0.11)',
+  zIndex: 1250
+});
+
+export { LazyView };
+//# sourceMappingURL=index.js.map

package/ComponentsV2/LazyView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/ComponentsV2/LazyView/index.tsx"],"sourcesContent":["import React, { FC } from 'react'\r\nimport { Box, Fade, LinearProgress, SxProps, Theme, styled } from '@mui/material'\r\n\r\ninterface IProps {\r\n  in?: boolean\r\n}\r\nexport const LazyView: FC<IProps> = (props) => {\r\n  return (\r\n    <>\r\n      {props.children}\r\n      <Fade in={props.in} unmountOnExit timeout={{ enter: 0, exit: 350 }}>\r\n        <Wrapper>\r\n          <LinearProgress />\r\n        </Wrapper>\r\n      </Fade>\r\n    </>\r\n  )\r\n}\r\n\r\nconst Wrapper = styled(Box)({\r\n  position: 'absolute',\r\n  top: 0,\r\n  left: 0,\r\n  bottom: 0,\r\n  right: 0,\r\n  backgroundColor: 'rgba(0,0,0,0.11)',\r\n  zIndex: 1250,\r\n})\r\n"],"names":["LazyView","props","_jsxs","_Fragment","children","_jsx","Fade","unmountOnExit","timeout","enter","exit","Wrapper","LinearProgress","styled","Box","position","top","left","bottom","right","backgroundColor","zIndex"],"mappings":";;;IAMaA,QAAQ,GAAe,SAAvBA,QAAQA,CAAgBC,KAAK,EAAI;EAC5C,OACEC,IACG,CAAAC,QAAA,EAAA;IAAAC,QAAA,EAAA,CAAAH,KAAK,CAACG,QAAQ,EACfC,GAAC,CAAAC,IAAI,EAAC;AAAA,MAAA,IAAA,EAAIL,KAAK,CAAG,IAAA,CAAA;AAAEM,MAAAA,aAAa;AAACC,MAAAA,OAAO,EAAE;AAAEC,QAAAA,KAAK,EAAE,CAAC;AAAEC,QAAAA,IAAI,EAAE;OAAK;AAChEN,MAAAA,QAAA,EAAAC,GAAA,CAACM,OAAO,EAAA;AAAAP,QAAAA,QAAA,EACNC,IAACO,cAAc,EAAA,EAAA;;AAEZ,KAAA,CAAA;AAAA,GAAA,CACN;AAEP;AAEA,IAAMD,OAAO,GAAGE,MAAM,CAACC,GAAG,CAAC,CAAC;AAC1BC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,GAAG,EAAE,CAAC;AACNC,EAAAA,IAAI,EAAE,CAAC;AACPC,EAAAA,MAAM,EAAE,CAAC;AACTC,EAAAA,KAAK,EAAE,CAAC;AACRC,EAAAA,eAAe,EAAE,kBAAkB;AACnCC,EAAAA,MAAM,EAAE;AACT,CAAA,CAAC;;;;"}

package/ComponentsV2/LoadingAnimation/LoadingSquare.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const LoadingSquare: React.FC;
+export default LoadingSquare;

package/ComponentsV2/LoadingAnimation/LoadingSquare.js

@@ -0,0 +1,203 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Box } from '@mui/material';
+
+var LoadingSquare = function LoadingSquare() {
+  return jsxs(Box, {
+    component: "svg",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    sx: {
+      margin: 'auto',
+      display: 'block',
+      shapeRendering: 'auto',
+      width: '72px',
+      height: '72px'
+    },
+    viewBox: "0 0 100 100",
+    preserveAspectRatio: "xMidYMid",
+    children: [jsx("g", {
+      transform: "translate(20 20)",
+      children: jsx("rect", {
+        x: "-15",
+        y: "-15",
+        width: "30",
+        height: "30",
+        fill: "#e65a1e",
+        children: jsx("animateTransform", {
+          attributeName: "transform",
+          type: "scale",
+          repeatCount: "indefinite",
+          calcMode: "spline",
+          dur: "1s",
+          values: "1;1;0.2;1;1",
+          keyTimes: "0;0.2;0.5;0.8;1",
+          keySplines: "0.5 0.5 0.5 0.5;0 0.1 0.9 1;0.1 0 1 0.9;0.5 0.5 0.5 0.5",
+          begin: "-0.4s"
+        })
+      })
+    }), jsx("g", {
+      transform: "translate(50 20)",
+      children: jsx("rect", {
+        x: "-15",
+        y: "-15",
+        width: "30",
+        height: "30",
+        fill: "#f16022",
+        children: jsx("animateTransform", {
+          attributeName: "transform",
+          type: "scale",
+          repeatCount: "indefinite",
+          calcMode: "spline",
+          dur: "1s",
+          values: "1;1;0.2;1;1",
+          keyTimes: "0;0.2;0.5;0.8;1",
+          keySplines: "0.5 0.5 0.5 0.5;0 0.1 0.9 1;0.1 0 1 0.9;0.5 0.5 0.5 0.5",
+          begin: "-0.3s"
+        })
+      })
+    }), jsx("g", {
+      transform: "translate(80 20)",
+      children: jsx("rect", {
+        x: "-15",
+        y: "-15",
+        width: "30",
+        height: "30",
+        fill: "#f37643",
+        children: jsx("animateTransform", {
+          attributeName: "transform",
+          type: "scale",
+          repeatCount: "indefinite",
+          calcMode: "spline",
+          dur: "1s",
+          values: "1;1;0.2;1;1",
+          keyTimes: "0;0.2;0.5;0.8;1",
+          keySplines: "0.5 0.5 0.5 0.5;0 0.1 0.9 1;0.1 0 1 0.9;0.5 0.5 0.5 0.5",
+          begin: "-0.2s"
+        })
+      })
+    }), jsx("g", {
+      transform: "translate(20 50)",
+      children: jsx("rect", {
+        x: "-15",
+        y: "-15",
+        width: "30",
+        height: "30",
+        fill: "#f16022",
+        children: jsx("animateTransform", {
+          attributeName: "transform",
+          type: "scale",
+          repeatCount: "indefinite",
+          calcMode: "spline",
+          dur: "1s",
+          values: "1;1;0.2;1;1",
+          keyTimes: "0;0.2;0.5;0.8;1",
+          keySplines: "0.5 0.5 0.5 0.5;0 0.1 0.9 1;0.1 0 1 0.9;0.5 0.5 0.5 0.5",
+          begin: "-0.3s"
+        })
+      })
+    }), jsx("g", {
+      transform: "translate(50 50)",
+      children: jsx("rect", {
+        x: "-15",
+        y: "-15",
+        width: "30",
+        height: "30",
+        fill: "#f37643",
+        children: jsx("animateTransform", {
+          attributeName: "transform",
+          type: "scale",
+          repeatCount: "indefinite",
+          calcMode: "spline",
+          dur: "1s",
+          values: "1;1;0.2;1;1",
+          keyTimes: "0;0.2;0.5;0.8;1",
+          keySplines: "0.5 0.5 0.5 0.5;0 0.1 0.9 1;0.1 0 1 0.9;0.5 0.5 0.5 0.5",
+          begin: "-0.2s"
+        })
+      })
+    }), jsx("g", {
+      transform: "translate(80 50)",
+      children: jsx("rect", {
+        x: "-15",
+        y: "-15",
+        width: "30",
+        height: "30",
+        fill: "#e65a1e",
+        children: jsx("animateTransform", {
+          attributeName: "transform",
+          type: "scale",
+          repeatCount: "indefinite",
+          calcMode: "spline",
+          dur: "1s",
+          values: "1;1;0.2;1;1",
+          keyTimes: "0;0.2;0.5;0.8;1",
+          keySplines: "0.5 0.5 0.5 0.5;0 0.1 0.9 1;0.1 0 1 0.9;0.5 0.5 0.5 0.5",
+          begin: "-0.1s"
+        })
+      })
+    }), jsx("g", {
+      transform: "translate(20 80)",
+      children: jsx("rect", {
+        x: "-15",
+        y: "-15",
+        width: "30",
+        height: "30",
+        fill: "#f37643",
+        children: jsx("animateTransform", {
+          attributeName: "transform",
+          type: "scale",
+          repeatCount: "indefinite",
+          calcMode: "spline",
+          dur: "1s",
+          values: "1;1;0.2;1;1",
+          keyTimes: "0;0.2;0.5;0.8;1",
+          keySplines: "0.5 0.5 0.5 0.5;0 0.1 0.9 1;0.1 0 1 0.9;0.5 0.5 0.5 0.5",
+          begin: "-0.2s"
+        })
+      })
+    }), jsx("g", {
+      transform: "translate(50 80)",
+      children: jsx("rect", {
+        x: "-15",
+        y: "-15",
+        width: "30",
+        height: "30",
+        fill: "#e65a1e",
+        children: jsx("animateTransform", {
+          attributeName: "transform",
+          type: "scale",
+          repeatCount: "indefinite",
+          calcMode: "spline",
+          dur: "1s",
+          values: "1;1;0.2;1;1",
+          keyTimes: "0;0.2;0.5;0.8;1",
+          keySplines: "0.5 0.5 0.5 0.5;0 0.1 0.9 1;0.1 0 1 0.9;0.5 0.5 0.5 0.5",
+          begin: "-0.1s"
+        })
+      })
+    }), jsx("g", {
+      transform: "translate(80 80)",
+      children: jsx("rect", {
+        x: "-15",
+        y: "-15",
+        width: "30",
+        height: "30",
+        fill: "#f16022",
+        children: jsx("animateTransform", {
+          attributeName: "transform",
+          type: "scale",
+          repeatCount: "indefinite",
+          calcMode: "spline",
+          dur: "1s",
+          values: "1;1;0.2;1;1",
+          keyTimes: "0;0.2;0.5;0.8;1",
+          keySplines: "0.5 0.5 0.5 0.5;0 0.1 0.9 1;0.1 0 1 0.9;0.5 0.5 0.5 0.5",
+          begin: "0s"
+        })
+      })
+    })]
+  });
+};
+
+export { LoadingSquare as default };
+//# sourceMappingURL=LoadingSquare.js.map

package/ComponentsV2/LoadingAnimation/LoadingSquare.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSquare.js","sources":["../../../src/ComponentsV2/LoadingAnimation/LoadingSquare.tsx"],"sourcesContent":["import React from 'react'\r\nimport { Box } from '@mui/material'\r\n\r\nconst LoadingSquare: React.FC = () => {\r\n  return (\r\n    <Box\r\n      component=\"svg\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      xmlnsXlink=\"http://www.w3.org/1999/xlink\"\r\n      sx={{ margin: 'auto', display: 'block', shapeRendering: 'auto', width: '72px', height: '72px' }}\r\n      viewBox=\"0 0 100 100\"\r\n      preserveAspectRatio=\"xMidYMid\"\r\n    >\r\n      <g transform=\"translate(20 20)\">\r\n        <rect x=\"-15\" y=\"-15\" width=\"30\" height=\"30\" fill=\"#e65a1e\">\r\n          <animateTransform\r\n            attributeName=\"transform\"\r\n            type=\"scale\"\r\n            repeatCount=\"indefinite\"\r\n            calcMode=\"spline\"\r\n            dur=\"1s\"\r\n            values=\"1;1;0.2;1;1\"\r\n            keyTimes=\"0;0.2;0.5;0.8;1\"\r\n            keySplines=\"0.5 0.5 0.5 0.5;0 0.1 0.9 1;0.1 0 1 0.9;0.5 0.5 0.5 0.5\"\r\n            begin=\"-0.4s\"\r\n          ></animateTransform>\r\n        </rect>\r\n      </g>\r\n      <g transform=\"translate(50 20)\">\r\n        <rect x=\"-15\" y=\"-15\" width=\"30\" height=\"30\" fill=\"#f16022\">\r\n          <animateTransform\r\n            attributeName=\"transform\"\r\n            type=\"scale\"\r\n            repeatCount=\"indefinite\"\r\n            calcMode=\"spline\"\r\n            dur=\"1s\"\r\n            values=\"1;1;0.2;1;1\"\r\n            keyTimes=\"0;0.2;0.5;0.8;1\"\r\n            keySplines=\"0.5 0.5 0.5 0.5;0 0.1 0.9 1;0.1 0 1 0.9;0.5 0.5 0.5 0.5\"\r\n            begin=\"-0.3s\"\r\n          ></animateTransform>\r\n        </rect>\r\n      </g>\r\n      <g transform=\"translate(80 20)\">\r\n        <rect x=\"-15\" y=\"-15\" width=\"30\" height=\"30\" fill=\"#f37643\">\r\n          <animateTransform\r\n            attributeName=\"transform\"\r\n            type=\"scale\"\r\n            repeatCount=\"indefinite\"\r\n            calcMode=\"spline\"\r\n            dur=\"1s\"\r\n            values=\"1;1;0.2;1;1\"\r\n            keyTimes=\"0;0.2;0.5;0.8;1\"\r\n            keySplines=\"0.5 0.5 0.5 0.5;0 0.1 0.9 1;0.1 0 1 0.9;0.5 0.5 0.5 0.5\"\r\n            begin=\"-0.2s\"\r\n          ></animateTransform>\r\n        </rect>\r\n      </g>\r\n      <g transform=\"translate(20 50)\">\r\n        <rect x=\"-15\" y=\"-15\" width=\"30\" height=\"30\" fill=\"#f16022\">\r\n          <animateTransform\r\n            attributeName=\"transform\"\r\n            type=\"scale\"\r\n            repeatCount=\"indefinite\"\r\n            calcMode=\"spline\"\r\n            dur=\"1s\"\r\n            values=\"1;1;0.2;1;1\"\r\n            keyTimes=\"0;0.2;0.5;0.8;1\"\r\n            keySplines=\"0.5 0.5 0.5 0.5;0 0.1 0.9 1;0.1 0 1 0.9;0.5 0.5 0.5 0.5\"\r\n            begin=\"-0.3s\"\r\n          ></animateTransform>\r\n        </rect>\r\n      </g>\r\n      <g transform=\"translate(50 50)\">\r\n        <rect x=\"-15\" y=\"-15\" width=\"30\" height=\"30\" fill=\"#f37643\">\r\n          <animateTransform\r\n            attributeName=\"transform\"\r\n            type=\"scale\"\r\n            repeatCount=\"indefinite\"\r\n            calcMode=\"spline\"\r\n            dur=\"1s\"\r\n            values=\"1;1;0.2;1;1\"\r\n            keyTimes=\"0;0.2;0.5;0.8;1\"\r\n            keySplines=\"0.5 0.5 0.5 0.5;0 0.1 0.9 1;0.1 0 1 0.9;0.5 0.5 0.5 0.5\"\r\n            begin=\"-0.2s\"\r\n          ></animateTransform>\r\n        </rect>\r\n      </g>\r\n      <g transform=\"translate(80 50)\">\r\n        <rect x=\"-15\" y=\"-15\" width=\"30\" height=\"30\" fill=\"#e65a1e\">\r\n          <animateTransform\r\n            attributeName=\"transform\"\r\n            type=\"scale\"\r\n            repeatCount=\"indefinite\"\r\n            calcMode=\"spline\"\r\n            dur=\"1s\"\r\n            values=\"1;1;0.2;1;1\"\r\n            keyTimes=\"0;0.2;0.5;0.8;1\"\r\n            keySplines=\"0.5 0.5 0.5 0.5;0 0.1 0.9 1;0.1 0 1 0.9;0.5 0.5 0.5 0.5\"\r\n            begin=\"-0.1s\"\r\n          ></animateTransform>\r\n        </rect>\r\n      </g>\r\n      <g transform=\"translate(20 80)\">\r\n        <rect x=\"-15\" y=\"-15\" width=\"30\" height=\"30\" fill=\"#f37643\">\r\n          <animateTransform\r\n            attributeName=\"transform\"\r\n            type=\"scale\"\r\n            repeatCount=\"indefinite\"\r\n            calcMode=\"spline\"\r\n            dur=\"1s\"\r\n            values=\"1;1;0.2;1;1\"\r\n            keyTimes=\"0;0.2;0.5;0.8;1\"\r\n            keySplines=\"0.5 0.5 0.5 0.5;0 0.1 0.9 1;0.1 0 1 0.9;0.5 0.5 0.5 0.5\"\r\n            begin=\"-0.2s\"\r\n          ></animateTransform>\r\n        </rect>\r\n      </g>\r\n      <g transform=\"translate(50 80)\">\r\n        <rect x=\"-15\" y=\"-15\" width=\"30\" height=\"30\" fill=\"#e65a1e\">\r\n          <animateTransform\r\n            attributeName=\"transform\"\r\n            type=\"scale\"\r\n            repeatCount=\"indefinite\"\r\n            calcMode=\"spline\"\r\n            dur=\"1s\"\r\n            values=\"1;1;0.2;1;1\"\r\n            keyTimes=\"0;0.2;0.5;0.8;1\"\r\n            keySplines=\"0.5 0.5 0.5 0.5;0 0.1 0.9 1;0.1 0 1 0.9;0.5 0.5 0.5 0.5\"\r\n            begin=\"-0.1s\"\r\n          ></animateTransform>\r\n        </rect>\r\n      </g>\r\n      <g transform=\"translate(80 80)\">\r\n        <rect x=\"-15\" y=\"-15\" width=\"30\" height=\"30\" fill=\"#f16022\">\r\n          <animateTransform\r\n            attributeName=\"transform\"\r\n            type=\"scale\"\r\n            repeatCount=\"indefinite\"\r\n            calcMode=\"spline\"\r\n            dur=\"1s\"\r\n            values=\"1;1;0.2;1;1\"\r\n            keyTimes=\"0;0.2;0.5;0.8;1\"\r\n            keySplines=\"0.5 0.5 0.5 0.5;0 0.1 0.9 1;0.1 0 1 0.9;0.5 0.5 0.5 0.5\"\r\n            begin=\"0s\"\r\n          ></animateTransform>\r\n        </rect>\r\n      </g>\r\n    </Box>\r\n  )\r\n}\r\n\r\nexport default LoadingSquare\r\n"],"names":["LoadingSquare","_jsxs","Box","component","xmlns","xmlnsXlink","sx","margin","display","shapeRendering","width","height","viewBox","preserveAspectRatio","children","_jsx","transform","x","y","fill","attributeName","type","repeatCount","calcMode","dur","values","keyTimes","keySplines","begin"],"mappings":"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"}

package/ComponentsV2/LoadingAnimation/index.d.ts

@@ -0,0 +1,9 @@
+import { Component } from 'react';
+type TLoadingType = 'square';
+interface IProps {
+    variant: TLoadingType;
+}
+export declare class LoadingAnimation extends Component<IProps> {
+    render(): JSX.Element;
+}
+export default LoadingAnimation;

package/ComponentsV2/LoadingAnimation/index.js

@@ -0,0 +1,25 @@
+import { inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
+import { Component } from 'react';
+import LoadingSquare from './LoadingSquare.js';
+
+var LoadingAnimation = /*#__PURE__*/function (_Component) {
+  function LoadingAnimation() {
+    _classCallCheck(this, LoadingAnimation);
+    return _callSuper(this, LoadingAnimation, arguments);
+  }
+  _inherits(LoadingAnimation, _Component);
+  return _createClass(LoadingAnimation, [{
+    key: "render",
+    value: function render() {
+      switch (this.props.variant) {
+        case 'square':
+        default:
+          return jsx(LoadingSquare, {});
+      }
+    }
+  }]);
+}(Component);
+
+export { LoadingAnimation, LoadingAnimation as default };
+//# sourceMappingURL=index.js.map

package/ComponentsV2/LoadingAnimation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/ComponentsV2/LoadingAnimation/index.tsx"],"sourcesContent":["import React, { Component } from 'react'\r\nimport LoadingSquare from './LoadingSquare'\r\n\r\ntype TLoadingType = 'square'\r\n\r\ninterface IProps {\r\n  variant: TLoadingType\r\n}\r\n\r\nexport class LoadingAnimation extends Component<IProps> {\r\n  render() {\r\n    switch (this.props.variant) {\r\n      case 'square':\r\n      default:\r\n        return <LoadingSquare />\r\n    }\r\n  }\r\n}\r\nexport default LoadingAnimation\r\n"],"names":["LoadingAnimation","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","props","variant","_jsx","LoadingSquare","Component"],"mappings":";;;;;AASaA,IAAAA,gBAAiB,0BAAAC,UAAA,EAAA;AAAA,EAAA,SAAAD,gBAAA,GAAA;AAAAE,IAAAA,eAAA,OAAAF,gBAAA,CAAA;AAAA,IAAA,OAAAG,UAAA,CAAA,IAAA,EAAAH,gBAAA,EAAAI,SAAA,CAAA;AAAA;EAAAC,SAAA,CAAAL,gBAAA,EAAAC,UAAA,CAAA;EAAA,OAAAK,YAAA,CAAAN,gBAAA,EAAA,CAAA;IAAAO,GAAA,EAAA,QAAA;AAAAC,IAAAA,KAAA,EAC5B,SAAAC,MAAMA,GAAA;AACJ,MAAA,QAAQ,IAAI,CAACC,KAAK,CAACC,OAAO;AACxB,QAAA,KAAK,QAAQ;AACb,QAAA;AACE,UAAA,OAAOC,GAAA,CAACC,aAAa,EAAA,EAAA,CAAG;AAC3B;AACH;AAAC,GAAA,CAAA,CAAA;AAAA,CAAA,CAPmCC,SAAiB;;;;"}

package/ComponentsV2/TableTemplate/CRUDPannel.d.ts

@@ -0,0 +1,22 @@
+import { Component } from 'react';
+import { IGlobalModalContext } from '../GlobalModal';
+import { ITableTemplateState } from './TableTemplateContext';
+interface CRUDPannelProps {
+    Create?: JSX.Element;
+    Edit?: JSX.Element;
+    Details?: JSX.Element;
+    Delete?: JSX.Element;
+}
+export declare class CRUDPannel extends Component<CRUDPannelProps> {
+    constructor(props: any);
+    IsMultiple: (state: ITableTemplateState) => boolean;
+    IsDisplayAction: (state: ITableTemplateState) => boolean;
+    getButtons: (that: CRUDPannel, state: ITableTemplateState) => Generator<JSX.Element, void, unknown>;
+    onCreate: () => void;
+    onEdit: () => void;
+    onDelete: () => void;
+    onDetails: () => void;
+    ModalContext?: IGlobalModalContext;
+    render(): JSX.Element;
+}
+export default CRUDPannel;