@m4l/components 0.1.36 → 0.1.37

package/dist/{components/animate/PropagateLoader/index.eb401503.js → node_modules.416f1da3.js}

@@ -1,7 +1,62 @@
-import { styled, useTheme } from "@mui/material";
-import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { c as createAnimation, p as parseLengthAndUnit } from "../../../node_modules.e0b84fac.js";
+var cssUnit = {
+  cm: true,
+  mm: true,
+  in: true,
+  px: true,
+  pt: true,
+  pc: true,
+  em: true,
+  ex: true,
+  ch: true,
+  rem: true,
+  vw: true,
+  vh: true,
+  vmin: true,
+  vmax: true,
+  "%": true
+};
+function parseLengthAndUnit(size) {
+  if (typeof size === "number") {
+    return {
+      value: size,
+      unit: "px"
+    };
+  }
+  var value;
+  var valueString = (size.match(/^[0-9.]*/) || "").toString();
+  if (valueString.includes(".")) {
+    value = parseFloat(valueString);
+  } else {
+    value = parseInt(valueString, 10);
+  }
+  var unit = (size.match(/[^0-9]*$/) || "").toString();
+  if (cssUnit[unit]) {
+    return {
+      value,
+      unit
+    };
+  }
+  console.warn("React Spinners: ".concat(size, " is not a valid css value. Defaulting to ").concat(value, "px."));
+  return {
+    value,
+    unit: "px"
+  };
+}
+var createAnimation = function(loaderName, frames, suffix) {
+  var animationName = "react-spinners-".concat(loaderName, "-").concat(suffix);
+  if (typeof window == "undefined" || !window.document) {
+    return animationName;
+  }
+  var styleEl = document.createElement("style");
+  document.head.appendChild(styleEl);
+  var styleSheet = styleEl.sheet;
+  var keyFrames = "\n    @keyframes ".concat(animationName, " {\n      ").concat(frames, "\n    }\n  ");
+  if (styleSheet) {
+    styleSheet.insertRule(keyFrames, 0);
+  }
+  return animationName;
+};
 var __assign = globalThis && globalThis.__assign || function() {
   __assign = Object.assign || function(t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -35,7 +90,7 @@ var propagate = [
   createAnimation("PropagateLoader", "25% {transform: translateX(".concat(distance[0], "rem) scale(0.75)}\n    50% {transform: translateX(").concat(distance[1], "rem) scale(0.6)}\n    75% {transform: translateX(").concat(distance[1], "rem) scale(0.6)}\n    95% {transform: translateX(0rem) scale(1)}"), "propogate-4"),
   createAnimation("PropagateLoader", "25% {transform: translateX(".concat(distance[0], "rem) scale(0.75)}\n    50% {transform: translateX(").concat(distance[1], "rem) scale(0.6)}\n    75% {transform: translateX(").concat(distance[2], "rem) scale(0.5)}\n    95% {transform: translateX(0rem) scale(1)}"), "propogate-5")
 ];
-function PropagateLoader$1(_a) {
+function PropagateLoader(_a) {
   var _b = _a.loading, loading = _b === void 0 ? true : _b, _c = _a.color, color = _c === void 0 ? "#000000" : _c, _d = _a.speedMultiplier, speedMultiplier = _d === void 0 ? 1 : _d, _e = _a.cssOverride, cssOverride = _e === void 0 ? {} : _e, _f = _a.size, size = _f === void 0 ? 15 : _f, additionalprops = __rest(_a, ["loading", "color", "speedMultiplier", "cssOverride", "size"]);
   var _g = parseLengthAndUnit(size), value = _g.value, unit = _g.unit;
   var wrapper = __assign({ display: "inherit", position: "relative" }, cssOverride);
@@ -65,30 +120,6 @@ function PropagateLoader$1(_a) {
     React.createElement("span", { style: style(5) })
   );
 }
-const WrapperPropageteLoader = styled("div")(({
-  theme
-}) => ({
-  right: 0,
-  bottom: 0,
-  zIndex: 99999,
-  width: "100%",
-  height: "100%",
-  position: "fixed",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  background: theme.palette.background.default
-}));
-const PropagateLoader = () => {
-  const {
-    palette
-  } = useTheme();
-  return /* @__PURE__ */ jsx(WrapperPropageteLoader, {
-    children: /* @__PURE__ */ jsx(PropagateLoader$1, {
-      color: palette.primary.main
-    })
-  });
-};
 export {
   PropagateLoader as P
 };

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "0.1.36",
+  "version": "0.1.37",
   "license": "UNLICENSED",
   "dependencies": {
     "@hookform/resolvers": "^2.9.10",
@@ -8,6 +8,7 @@
     "@m4l/graphics": "*",
     "lodash.debounce": "^4.0.8",
     "lodash.throttle": "^4.1.1",
+    "react-grid-layout": "^1.3.4",
     "react-helmet-async": "^1.3.0",
     "react-hook-form": "^7.33.1",
     "react-router-dom": "6.3.0",

package/dist/{react-draggable.3b5b6680.js → react-draggable.84d6b038.js}

@@ -2,7 +2,7 @@ import React__default from "react";
 import require$$1 from "prop-types";
 import require$$2 from "react-dom";
 import clsx from "clsx";
-import { s as shims, l as log, d as domFns, p as positionFns } from "./utils/index.9dce2e2f.js";
+import { s as shims, l as log, d as domFns, p as positionFns } from "./utils/index.899eb67b.js";
 var cjs = { exports: {} };
 var Draggable$1 = {};
 var DraggableCore$2 = {};

package/dist/{react-json-view.03ae95f5.js → react-json-view.57125fcf.js}

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./commonjs.bcc6b707.js";
+import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./commonjs.565e6834.js";
 import React__default from "react";
 var main = { exports: {} };
 (function(module, exports) {

package/dist/{react-resizable.6eae0397.js → react-resizable.1d00271d.js}

@@ -1,6 +1,6 @@
 import React__default from "react";
-import { c as cjs } from "./react-draggable.3b5b6680.js";
-import { b as utils } from "./utils/index.9dce2e2f.js";
+import { c as cjs } from "./react-draggable.84d6b038.js";
+import { u as utils } from "./utils/index.899eb67b.js";
 import require$$1 from "prop-types";
 var reactResizable = { exports: {} };
 var Resizable$1 = {};
@@ -540,6 +540,5 @@ reactResizable.exports.Resizable = Resizable$1.default;
 var ResizableBox = reactResizable.exports.ResizableBox = ResizableBox$2.default;
 const styles = "";
 export {
-  ResizableBox as R,
-  reactResizable as r
+  ResizableBox as R
 };

package/dist/{react-splitter-layout.873aece3.js → react-splitter-layout.8b1655c8.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from "./commonjs.bcc6b707.js";
+import { g as getDefaultExportFromCjs } from "./commonjs.565e6834.js";
 import require$$1 from "prop-types";
 import React__default from "react";
 var lib = { exports: {} };

package/dist/style.css

@@ -1,117 +1,3 @@
-.react-grid-layout {
-  position: relative;
-  transition: height 200ms ease;
-}
-.react-grid-item {
-  transition: all 200ms ease;
-  transition-property: left, top;
-}
-.react-grid-item img {
-  pointer-events: none;
-  user-select: none;  
-}
-.react-grid-item.cssTransforms {
-  transition-property: transform;
-}
-.react-grid-item.resizing {
-  z-index: 1;
-  will-change: width, height;
-}
-
-.react-grid-item.react-draggable-dragging {
-  transition: none;
-  z-index: 3;
-  will-change: transform;
-}
-
-.react-grid-item.dropping {
-  visibility: hidden;
-}
-
-.react-grid-item.react-grid-placeholder {
-  background: red;
-  opacity: 0.2;
-  transition-duration: 100ms;
-  z-index: 2;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  -o-user-select: none;
-  user-select: none;
-}
-
-.react-grid-item > .react-resizable-handle {
-  position: absolute;
-  width: 20px;
-  height: 20px;
-}
-
-.react-grid-item > .react-resizable-handle::after {
-  content: "";
-  position: absolute;
-  right: 3px;
-  bottom: 3px;
-  width: 5px;
-  height: 5px;
-  border-right: 2px solid rgba(0, 0, 0, 0.4);
-  border-bottom: 2px solid rgba(0, 0, 0, 0.4);
-}
-
-.react-resizable-hide > .react-resizable-handle {
-  display: none;
-}
-
-.react-grid-item > .react-resizable-handle.react-resizable-handle-sw {
-  bottom: 0;
-  left: 0;
-  cursor: sw-resize;
-  transform: rotate(90deg);
-}
-.react-grid-item > .react-resizable-handle.react-resizable-handle-se {
-  bottom: 0;
-  right: 0;
-  cursor: se-resize;
-}
-.react-grid-item > .react-resizable-handle.react-resizable-handle-nw {
-  top: 0;
-  left: 0;
-  cursor: nw-resize;
-  transform: rotate(180deg);
-}
-.react-grid-item > .react-resizable-handle.react-resizable-handle-ne {
-  top: 0;
-  right: 0;
-  cursor: ne-resize;
-  transform: rotate(270deg);
-}
-.react-grid-item > .react-resizable-handle.react-resizable-handle-w,
-.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
-  top: 50%;
-  margin-top: -10px;
-  cursor: ew-resize;
-}
-.react-grid-item > .react-resizable-handle.react-resizable-handle-w {
-  left: 0;
-  transform: rotate(135deg);
-}
-.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
-  right: 0;
-  transform: rotate(315deg);
-}
-.react-grid-item > .react-resizable-handle.react-resizable-handle-n,
-.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
-  left: 50%;
-  margin-left: -10px;
-  cursor: ns-resize;
-}
-.react-grid-item > .react-resizable-handle.react-resizable-handle-n {
-  top: 0;
-  transform: rotate(225deg);
-}
-.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
-  bottom: 0;
-  transform: rotate(45deg);
-}
 .react-resizable {
   position: relative;
 }