@m4l/components 0.1.36 → 0.1.37

package/dist/utils/{index.9dce2e2f.js → index.899eb67b.js}

@@ -1,6 +1,4 @@
 import React__default from "react";
-import require$$0 from "lodash.isequal";
-import { f as fastRGLPropsEqual$1 } from "../node_modules.e0b84fac.js";
 var domFns = {};
 var shims = {};
 Object.defineProperty(shims, "__esModule", {
@@ -148,7 +146,7 @@ function _interopRequireWildcard(obj, nodeInterop) {
   }
   return newObj;
 }
-function ownKeys$2(object, enumerableOnly) {
+function ownKeys$1(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -158,18 +156,18 @@ function ownKeys$2(object, enumerableOnly) {
   }
   return keys;
 }
-function _objectSpread$2(target) {
+function _objectSpread$1(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys$2(Object(source), true).forEach(function(key) {
-      _defineProperty$2(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function(key) {
+    i % 2 ? ownKeys$1(Object(source), true).forEach(function(key) {
+      _defineProperty$1(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-function _defineProperty$2(obj, key, value) {
+function _defineProperty$1(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
   } else {
@@ -202,7 +200,7 @@ function matchesSelectorAndParentsTo(el, selector, baseNode) {
 function addEvent(el, event, handler, inputOptions) {
   if (!el)
     return;
-  var options = _objectSpread$2({
+  var options = _objectSpread$1({
     capture: true
   }, inputOptions);
   if (el.addEventListener) {
@@ -216,7 +214,7 @@ function addEvent(el, event, handler, inputOptions) {
 function removeEvent(el, event, handler, inputOptions) {
   if (!el)
     return;
-  var options = _objectSpread$2({
+  var options = _objectSpread$1({
     capture: true
   }, inputOptions);
   if (el.removeEventListener) {
@@ -270,7 +268,7 @@ function offsetXYFromParent(evt, offsetParent, scale) {
 }
 function createCSSTransform(controlPos, positionOffset) {
   var translation = getTranslation(controlPos, positionOffset, "px");
-  return _defineProperty$2({}, (0, _getPrefix.browserPrefixToKey)("transform", _getPrefix.default), translation);
+  return _defineProperty$1({}, (0, _getPrefix.browserPrefixToKey)("transform", _getPrefix.default), translation);
 }
 function createSVGTransform(controlPos, positionOffset) {
   var translation = getTranslation(controlPos, positionOffset, "");
@@ -470,12 +468,12 @@ function findDOMNode(draggable) {
   }
   return node;
 }
-var log$2 = {};
-Object.defineProperty(log$2, "__esModule", {
+var log$1 = {};
+Object.defineProperty(log$1, "__esModule", {
   value: true
 });
-log$2.default = log$1;
-function log$1() {
+log$1.default = log;
+function log() {
 }
 const getPaletteColor = function(palette, s) {
   s = s.replace(/\[(\w+)\]/g, ".$1");
@@ -517,14 +515,14 @@ const getThemeVariantColor = (theme, variant) => {
   }
   return theme.palette.text.primary;
 };
-var utils$1 = {};
-utils$1.__esModule = true;
-utils$1.cloneElement = cloneElement;
-var _react$1 = _interopRequireDefault$1(React__default);
-function _interopRequireDefault$1(obj) {
+var utils = {};
+utils.__esModule = true;
+utils.cloneElement = cloneElement;
+var _react = _interopRequireDefault(React__default);
+function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
-function ownKeys$1(object, enumerableOnly) {
+function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -537,24 +535,24 @@ function ownKeys$1(object, enumerableOnly) {
   }
   return keys;
 }
-function _objectSpread$1(target) {
+function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     if (i % 2) {
-      ownKeys$1(Object(source), true).forEach(function(key) {
-        _defineProperty$1(target, key, source[key]);
+      ownKeys(Object(source), true).forEach(function(key) {
+        _defineProperty(target, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$1(Object(source)).forEach(function(key) {
+      ownKeys(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
   }
   return target;
 }
-function _defineProperty$1(obj, key, value) {
+function _defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
   } else {
@@ -564,449 +562,19 @@ function _defineProperty$1(obj, key, value) {
 }
 function cloneElement(element, props) {
   if (props.style && element.props.style) {
-    props.style = _objectSpread$1(_objectSpread$1({}, element.props.style), props.style);
+    props.style = _objectSpread(_objectSpread({}, element.props.style), props.style);
   }
   if (props.className && element.props.className) {
     props.className = element.props.className + " " + props.className;
   }
-  return /* @__PURE__ */ _react$1.default.cloneElement(element, props);
+  return /* @__PURE__ */ _react.default.cloneElement(element, props);
 }
-var utils = {};
-Object.defineProperty(utils, "__esModule", {
-  value: true
-});
-utils.bottom = bottom;
-utils.childrenEqual = childrenEqual;
-utils.cloneLayout = cloneLayout;
-utils.cloneLayoutItem = cloneLayoutItem;
-utils.collides = collides;
-utils.compact = compact;
-utils.compactItem = compactItem;
-utils.compactType = compactType;
-utils.correctBounds = correctBounds;
-utils.fastPositionEqual = fastPositionEqual;
-utils.fastRGLPropsEqual = void 0;
-utils.getAllCollisions = getAllCollisions;
-utils.getFirstCollision = getFirstCollision;
-utils.getLayoutItem = getLayoutItem;
-utils.getStatics = getStatics;
-utils.modifyLayout = modifyLayout;
-utils.moveElement = moveElement;
-utils.moveElementAwayFromCollision = moveElementAwayFromCollision;
-utils.noop = void 0;
-utils.perc = perc;
-utils.setTopLeft = setTopLeft;
-utils.setTransform = setTransform;
-utils.sortLayoutItems = sortLayoutItems;
-utils.sortLayoutItemsByColRow = sortLayoutItemsByColRow;
-utils.sortLayoutItemsByRowCol = sortLayoutItemsByRowCol;
-utils.synchronizeLayoutWithChildren = synchronizeLayoutWithChildren;
-utils.validateLayout = validateLayout;
-utils.withLayoutItem = withLayoutItem;
-var _lodash = _interopRequireDefault(require$$0);
-var _react = _interopRequireDefault(React__default);
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : { default: obj };
-}
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-var isProduction = process.env.NODE_ENV === "production";
-function bottom(layout) {
-  var max = 0, bottomY;
-  for (var i = 0, len = layout.length; i < len; i++) {
-    bottomY = layout[i].y + layout[i].h;
-    if (bottomY > max)
-      max = bottomY;
-  }
-  return max;
-}
-function cloneLayout(layout) {
-  var newLayout = Array(layout.length);
-  for (var i = 0, len = layout.length; i < len; i++) {
-    newLayout[i] = cloneLayoutItem(layout[i]);
-  }
-  return newLayout;
-}
-function modifyLayout(layout, layoutItem) {
-  var newLayout = Array(layout.length);
-  for (var i = 0, len = layout.length; i < len; i++) {
-    if (layoutItem.i === layout[i].i) {
-      newLayout[i] = layoutItem;
-    } else {
-      newLayout[i] = layout[i];
-    }
-  }
-  return newLayout;
-}
-function withLayoutItem(layout, itemKey, cb) {
-  var item = getLayoutItem(layout, itemKey);
-  if (!item)
-    return [layout, null];
-  item = cb(cloneLayoutItem(item));
-  layout = modifyLayout(layout, item);
-  return [layout, item];
-}
-function cloneLayoutItem(layoutItem) {
-  return {
-    w: layoutItem.w,
-    h: layoutItem.h,
-    x: layoutItem.x,
-    y: layoutItem.y,
-    i: layoutItem.i,
-    minW: layoutItem.minW,
-    maxW: layoutItem.maxW,
-    minH: layoutItem.minH,
-    maxH: layoutItem.maxH,
-    moved: Boolean(layoutItem.moved),
-    static: Boolean(layoutItem.static),
-    isDraggable: layoutItem.isDraggable,
-    isResizable: layoutItem.isResizable,
-    resizeHandles: layoutItem.resizeHandles,
-    isBounded: layoutItem.isBounded
-  };
-}
-function childrenEqual(a, b) {
-  return (0, _lodash.default)(_react.default.Children.map(a, function(c) {
-    return c === null || c === void 0 ? void 0 : c.key;
-  }), _react.default.Children.map(b, function(c) {
-    return c === null || c === void 0 ? void 0 : c.key;
-  }));
-}
-var fastRGLPropsEqual = fastRGLPropsEqual$1;
-utils.fastRGLPropsEqual = fastRGLPropsEqual;
-function fastPositionEqual(a, b) {
-  return a.left === b.left && a.top === b.top && a.width === b.width && a.height === b.height;
-}
-function collides(l1, l2) {
-  if (l1.i === l2.i)
-    return false;
-  if (l1.x + l1.w <= l2.x)
-    return false;
-  if (l1.x >= l2.x + l2.w)
-    return false;
-  if (l1.y + l1.h <= l2.y)
-    return false;
-  if (l1.y >= l2.y + l2.h)
-    return false;
-  return true;
-}
-function compact(layout, compactType2, cols) {
-  var compareWith = getStatics(layout);
-  var sorted = sortLayoutItems(layout, compactType2);
-  var out = Array(layout.length);
-  for (var i = 0, len = sorted.length; i < len; i++) {
-    var l = cloneLayoutItem(sorted[i]);
-    if (!l.static) {
-      l = compactItem(compareWith, l, compactType2, cols, sorted);
-      compareWith.push(l);
-    }
-    out[layout.indexOf(sorted[i])] = l;
-    l.moved = false;
-  }
-  return out;
-}
-var heightWidth = {
-  x: "w",
-  y: "h"
-};
-function resolveCompactionCollision(layout, item, moveToCoord, axis) {
-  var sizeProp = heightWidth[axis];
-  item[axis] += 1;
-  var itemIndex = layout.map(function(layoutItem) {
-    return layoutItem.i;
-  }).indexOf(item.i);
-  for (var i = itemIndex + 1; i < layout.length; i++) {
-    var otherItem = layout[i];
-    if (otherItem.static)
-      continue;
-    if (otherItem.y > item.y + item.h)
-      break;
-    if (collides(item, otherItem)) {
-      resolveCompactionCollision(layout, otherItem, moveToCoord + item[sizeProp], axis);
-    }
-  }
-  item[axis] = moveToCoord;
-}
-function compactItem(compareWith, l, compactType2, cols, fullLayout) {
-  var compactV = compactType2 === "vertical";
-  var compactH = compactType2 === "horizontal";
-  if (compactV) {
-    l.y = Math.min(bottom(compareWith), l.y);
-    while (l.y > 0 && !getFirstCollision(compareWith, l)) {
-      l.y--;
-    }
-  } else if (compactH) {
-    while (l.x > 0 && !getFirstCollision(compareWith, l)) {
-      l.x--;
-    }
-  }
-  var collides2;
-  while (collides2 = getFirstCollision(compareWith, l)) {
-    if (compactH) {
-      resolveCompactionCollision(fullLayout, l, collides2.x + collides2.w, "x");
-    } else {
-      resolveCompactionCollision(fullLayout, l, collides2.y + collides2.h, "y");
-    }
-    if (compactH && l.x + l.w > cols) {
-      l.x = cols - l.w;
-      l.y++;
-    }
-  }
-  l.y = Math.max(l.y, 0);
-  l.x = Math.max(l.x, 0);
-  return l;
-}
-function correctBounds(layout, bounds) {
-  var collidesWith = getStatics(layout);
-  for (var i = 0, len = layout.length; i < len; i++) {
-    var l = layout[i];
-    if (l.x + l.w > bounds.cols)
-      l.x = bounds.cols - l.w;
-    if (l.x < 0) {
-      l.x = 0;
-      l.w = bounds.cols;
-    }
-    if (!l.static)
-      collidesWith.push(l);
-    else {
-      while (getFirstCollision(collidesWith, l)) {
-        l.y++;
-      }
-    }
-  }
-  return layout;
-}
-function getLayoutItem(layout, id) {
-  for (var i = 0, len = layout.length; i < len; i++) {
-    if (layout[i].i === id)
-      return layout[i];
-  }
-}
-function getFirstCollision(layout, layoutItem) {
-  for (var i = 0, len = layout.length; i < len; i++) {
-    if (collides(layout[i], layoutItem))
-      return layout[i];
-  }
-}
-function getAllCollisions(layout, layoutItem) {
-  return layout.filter(function(l) {
-    return collides(l, layoutItem);
-  });
-}
-function getStatics(layout) {
-  return layout.filter(function(l) {
-    return l.static;
-  });
-}
-function moveElement(layout, l, x, y, isUserAction, preventCollision, compactType2, cols, allowOverlap) {
-  if (l.static && l.isDraggable !== true)
-    return layout;
-  if (l.y === y && l.x === x)
-    return layout;
-  log("Moving element ".concat(l.i, " to [").concat(String(x), ",").concat(String(y), "] from [").concat(l.x, ",").concat(l.y, "]"));
-  var oldX = l.x;
-  var oldY = l.y;
-  if (typeof x === "number")
-    l.x = x;
-  if (typeof y === "number")
-    l.y = y;
-  l.moved = true;
-  var sorted = sortLayoutItems(layout, compactType2);
-  var movingUp = compactType2 === "vertical" && typeof y === "number" ? oldY >= y : compactType2 === "horizontal" && typeof x === "number" ? oldX >= x : false;
-  if (movingUp)
-    sorted = sorted.reverse();
-  var collisions = getAllCollisions(sorted, l);
-  var hasCollisions = collisions.length > 0;
-  if (hasCollisions && allowOverlap) {
-    return cloneLayout(layout);
-  } else if (hasCollisions && preventCollision) {
-    log("Collision prevented on ".concat(l.i, ", reverting."));
-    l.x = oldX;
-    l.y = oldY;
-    l.moved = false;
-    return layout;
-  }
-  for (var i = 0, len = collisions.length; i < len; i++) {
-    var collision = collisions[i];
-    log("Resolving collision between ".concat(l.i, " at [").concat(l.x, ",").concat(l.y, "] and ").concat(collision.i, " at [").concat(collision.x, ",").concat(collision.y, "]"));
-    if (collision.moved)
-      continue;
-    if (collision.static) {
-      layout = moveElementAwayFromCollision(layout, collision, l, isUserAction, compactType2);
-    } else {
-      layout = moveElementAwayFromCollision(layout, l, collision, isUserAction, compactType2);
-    }
-  }
-  return layout;
-}
-function moveElementAwayFromCollision(layout, collidesWith, itemToMove, isUserAction, compactType2, cols) {
-  var compactH = compactType2 === "horizontal";
-  var compactV = compactType2 !== "horizontal";
-  var preventCollision = collidesWith.static;
-  if (isUserAction) {
-    isUserAction = false;
-    var fakeItem = {
-      x: compactH ? Math.max(collidesWith.x - itemToMove.w, 0) : itemToMove.x,
-      y: compactV ? Math.max(collidesWith.y - itemToMove.h, 0) : itemToMove.y,
-      w: itemToMove.w,
-      h: itemToMove.h,
-      i: "-1"
-    };
-    if (!getFirstCollision(layout, fakeItem)) {
-      log("Doing reverse collision on ".concat(itemToMove.i, " up to [").concat(fakeItem.x, ",").concat(fakeItem.y, "]."));
-      return moveElement(layout, itemToMove, compactH ? fakeItem.x : void 0, compactV ? fakeItem.y : void 0, isUserAction, preventCollision, compactType2);
-    }
-  }
-  return moveElement(layout, itemToMove, compactH ? itemToMove.x + 1 : void 0, compactV ? itemToMove.y + 1 : void 0, isUserAction, preventCollision, compactType2);
-}
-function perc(num) {
-  return num * 100 + "%";
-}
-function setTransform(_ref) {
-  var top = _ref.top, left = _ref.left, width = _ref.width, height = _ref.height;
-  var translate = "translate(".concat(left, "px,").concat(top, "px)");
-  return {
-    transform: translate,
-    WebkitTransform: translate,
-    MozTransform: translate,
-    msTransform: translate,
-    OTransform: translate,
-    width: "".concat(width, "px"),
-    height: "".concat(height, "px"),
-    position: "absolute"
-  };
-}
-function setTopLeft(_ref2) {
-  var top = _ref2.top, left = _ref2.left, width = _ref2.width, height = _ref2.height;
-  return {
-    top: "".concat(top, "px"),
-    left: "".concat(left, "px"),
-    width: "".concat(width, "px"),
-    height: "".concat(height, "px"),
-    position: "absolute"
-  };
-}
-function sortLayoutItems(layout, compactType2) {
-  if (compactType2 === "horizontal")
-    return sortLayoutItemsByColRow(layout);
-  if (compactType2 === "vertical")
-    return sortLayoutItemsByRowCol(layout);
-  else
-    return layout;
-}
-function sortLayoutItemsByRowCol(layout) {
-  return layout.slice(0).sort(function(a, b) {
-    if (a.y > b.y || a.y === b.y && a.x > b.x) {
-      return 1;
-    } else if (a.y === b.y && a.x === b.x) {
-      return 0;
-    }
-    return -1;
-  });
-}
-function sortLayoutItemsByColRow(layout) {
-  return layout.slice(0).sort(function(a, b) {
-    if (a.x > b.x || a.x === b.x && a.y > b.y) {
-      return 1;
-    }
-    return -1;
-  });
-}
-function synchronizeLayoutWithChildren(initialLayout, children, cols, compactType2, allowOverlap) {
-  initialLayout = initialLayout || [];
-  var layout = [];
-  _react.default.Children.forEach(children, function(child) {
-    if ((child === null || child === void 0 ? void 0 : child.key) == null)
-      return;
-    var exists = getLayoutItem(initialLayout, String(child.key));
-    if (exists) {
-      layout.push(cloneLayoutItem(exists));
-    } else {
-      if (!isProduction && child.props._grid) {
-        console.warn("`_grid` properties on children have been deprecated as of React 15.2. Please use `data-grid` or add your properties directly to the `layout`.");
-      }
-      var g = child.props["data-grid"] || child.props._grid;
-      if (g) {
-        if (!isProduction) {
-          validateLayout([g], "ReactGridLayout.children");
-        }
-        layout.push(cloneLayoutItem(_objectSpread(_objectSpread({}, g), {}, {
-          i: child.key
-        })));
-      } else {
-        layout.push(cloneLayoutItem({
-          w: 1,
-          h: 1,
-          x: 0,
-          y: bottom(layout),
-          i: String(child.key)
-        }));
-      }
-    }
-  });
-  var correctedLayout = correctBounds(layout, {
-    cols
-  });
-  return allowOverlap ? correctedLayout : compact(correctedLayout, compactType2, cols);
-}
-function validateLayout(layout) {
-  var contextName = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "Layout";
-  var subProps = ["x", "y", "w", "h"];
-  if (!Array.isArray(layout))
-    throw new Error(contextName + " must be an array!");
-  for (var i = 0, len = layout.length; i < len; i++) {
-    var item = layout[i];
-    for (var j = 0; j < subProps.length; j++) {
-      if (typeof item[subProps[j]] !== "number") {
-        throw new Error("ReactGridLayout: " + contextName + "[" + i + "]." + subProps[j] + " must be a number!");
-      }
-    }
-  }
-}
-function compactType(props) {
-  var _ref3 = props || {}, verticalCompact = _ref3.verticalCompact, compactType2 = _ref3.compactType;
-  return verticalCompact === false ? null : compactType2;
-}
-function log() {
-  return;
-}
-var noop = function noop2() {
-};
-utils.noop = noop;
 export {
   getThemeVariantColor as a,
-  utils$1 as b,
-  getVariantColor as c,
+  getVariantColor as b,
   domFns as d,
   getPaletteColor as g,
-  log$2 as l,
+  log$1 as l,
   positionFns as p,
   shims as s,
   utils as u

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "0.1.36",
+  "version": "0.1.37",
   "license": "UNLICENSED",
   "scripts": {
     "typescript": "tsc",
@@ -21,6 +21,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",
@@ -56,6 +57,7 @@
     "@types/node": "^16.7.10",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
+    "@types/react-grid-layout": "^1.3.2",
     "@types/react-lazy-load-image-component": "^1.5.2",
     "@types/react-resizable": "^3.0.1",
     "@types/react-splitter-layout": "^3.0.2",