@apipass/design-system 1.17.0 → 1.18.0

package/dist/lib/vendor/react-grid-layout/build/GridItem.js

@@ -0,0 +1,472 @@
+import { __exports as H } from "../../../_virtual/GridItem.js";
+import Y from "react";
+import U from "react-dom";
+import { __require as $ } from "../../prop-types/index.js";
+import { __require as K } from "../../react-draggable/build/cjs/cjs.js";
+import { __require as k } from "../../react-resizable/index.js";
+import { __require as A } from "./utils.js";
+import { __require as F } from "./calculateUtils.js";
+import { __require as J } from "./ReactGridLayoutPropTypes.js";
+import { __require as Q } from "../../clsx/dist/clsx2.js";
+var O;
+function ce() {
+  if (O) return H;
+  O = 1, Object.defineProperty(H, "__esModule", {
+    value: !0
+  }), H.default = void 0;
+  var S = q(Y), v = U, n = q(/* @__PURE__ */ $()), T = K(), j = k(), w = A(), u = F(), W = J(), E = q(Q());
+  function q(r) {
+    return r && r.__esModule ? r : { default: r };
+  }
+  function I(r, e) {
+    var t = Object.keys(r);
+    if (Object.getOwnPropertySymbols) {
+      var i = Object.getOwnPropertySymbols(r);
+      e && (i = i.filter(function(o) {
+        return Object.getOwnPropertyDescriptor(r, o).enumerable;
+      })), t.push.apply(t, i);
+    }
+    return t;
+  }
+  function x(r) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e] != null ? arguments[e] : {};
+      e % 2 ? I(Object(t), !0).forEach(function(i) {
+        p(r, i, t[i]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(t)) : I(Object(t)).forEach(function(i) {
+        Object.defineProperty(r, i, Object.getOwnPropertyDescriptor(t, i));
+      });
+    }
+    return r;
+  }
+  function p(r, e, t) {
+    return (e = G(e)) in r ? Object.defineProperty(r, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : r[e] = t, r;
+  }
+  function G(r) {
+    var e = N(r, "string");
+    return typeof e == "symbol" ? e : e + "";
+  }
+  function N(r, e) {
+    if (typeof r != "object" || !r) return r;
+    var t = r[Symbol.toPrimitive];
+    if (t !== void 0) {
+      var i = t.call(r, e);
+      if (typeof i != "object") return i;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (e === "string" ? String : Number)(r);
+  }
+  let _ = class extends S.default.Component {
+    constructor() {
+      super(...arguments), p(this, "state", {
+        resizing: null,
+        dragging: null,
+        className: ""
+      }), p(this, "elementRef", /* @__PURE__ */ S.default.createRef()), p(this, "onDragStart", (e, t) => {
+        let {
+          node: i
+        } = t;
+        const {
+          onDragStart: o,
+          transformScale: s
+        } = this.props;
+        if (!o) return;
+        const a = {
+          top: 0,
+          left: 0
+        }, {
+          offsetParent: l
+        } = i;
+        if (!l) return;
+        const c = l.getBoundingClientRect(), d = i.getBoundingClientRect(), m = d.left / s, h = c.left / s, f = d.top / s, R = c.top / s;
+        a.left = m - h + l.scrollLeft, a.top = f - R + l.scrollTop, this.setState({
+          dragging: a
+        });
+        const {
+          x: y,
+          y: g
+        } = (0, u.calcXY)(this.getPositionParams(), a.top, a.left, this.props.w, this.props.h);
+        return o.call(this, this.props.i, y, g, {
+          e,
+          node: i,
+          newPosition: a
+        });
+      }), p(this, "onDrag", (e, t, i) => {
+        let {
+          node: o,
+          deltaX: s,
+          deltaY: a
+        } = t;
+        const {
+          onDrag: l
+        } = this.props;
+        if (!l) return;
+        if (!this.state.dragging)
+          throw new Error("onDrag called before onDragStart.");
+        let c = this.state.dragging.top + a, d = this.state.dragging.left + s;
+        const {
+          isBounded: m,
+          i: h,
+          w: f,
+          h: R,
+          containerWidth: y
+        } = this.props, g = this.getPositionParams();
+        if (m) {
+          const {
+            offsetParent: z
+          } = o;
+          if (z) {
+            const {
+              margin: C,
+              rowHeight: B
+            } = this.props, L = z.clientHeight - (0, u.calcGridItemWHPx)(R, B, C[1]);
+            c = (0, u.clamp)(c, 0, L);
+            const M = (0, u.calcGridColWidth)(g), X = y - (0, u.calcGridItemWHPx)(f, M, C[0]);
+            d = (0, u.clamp)(d, 0, X);
+          }
+        }
+        const P = {
+          top: c,
+          left: d
+        };
+        i ? this.setState({
+          dragging: P
+        }) : (0, v.flushSync)(() => {
+          this.setState({
+            dragging: P
+          });
+        });
+        const {
+          x: b,
+          y: D
+        } = (0, u.calcXY)(g, c, d, f, R);
+        return l.call(this, h, b, D, {
+          e,
+          node: o,
+          newPosition: P
+        });
+      }), p(this, "onDragStop", (e, t) => {
+        let {
+          node: i
+        } = t;
+        const {
+          onDragStop: o
+        } = this.props;
+        if (!o) return;
+        if (!this.state.dragging)
+          throw new Error("onDragEnd called before onDragStart.");
+        const {
+          w: s,
+          h: a,
+          i: l
+        } = this.props, {
+          left: c,
+          top: d
+        } = this.state.dragging, m = {
+          top: d,
+          left: c
+        };
+        this.setState({
+          dragging: null
+        });
+        const {
+          x: h,
+          y: f
+        } = (0, u.calcXY)(this.getPositionParams(), d, c, s, a);
+        return o.call(this, l, h, f, {
+          e,
+          node: i,
+          newPosition: m
+        });
+      }), p(this, "onResizeStop", (e, t, i) => this.onResizeHandler(e, t, i, "onResizeStop")), p(this, "onResizeStart", (e, t, i) => this.onResizeHandler(e, t, i, "onResizeStart")), p(this, "onResize", (e, t, i) => this.onResizeHandler(e, t, i, "onResize"));
+    }
+    shouldComponentUpdate(e, t) {
+      if (this.props.children !== e.children || this.props.droppingPosition !== e.droppingPosition) return !0;
+      const i = (0, u.calcGridItemPosition)(this.getPositionParams(this.props), this.props.x, this.props.y, this.props.w, this.props.h, this.state), o = (0, u.calcGridItemPosition)(this.getPositionParams(e), e.x, e.y, e.w, e.h, t);
+      return !(0, w.fastPositionEqual)(i, o) || this.props.useCSSTransforms !== e.useCSSTransforms;
+    }
+    componentDidMount() {
+      this.moveDroppingItem({});
+    }
+    componentDidUpdate(e) {
+      this.moveDroppingItem(e);
+    }
+    // When a droppingPosition is present, this means we should fire a move event, as if we had moved
+    // this element by `x, y` pixels.
+    moveDroppingItem(e) {
+      const {
+        droppingPosition: t
+      } = this.props;
+      if (!t) return;
+      const i = this.elementRef.current;
+      if (!i) return;
+      const o = e.droppingPosition || {
+        left: 0,
+        top: 0
+      }, {
+        dragging: s
+      } = this.state, a = s && t.left !== o.left || t.top !== o.top;
+      if (!s)
+        this.onDragStart(t.e, {
+          node: i,
+          deltaX: t.left,
+          deltaY: t.top
+        });
+      else if (a) {
+        const l = t.left - s.left, c = t.top - s.top;
+        this.onDrag(
+          t.e,
+          {
+            node: i,
+            deltaX: l,
+            deltaY: c
+          },
+          !0
+          // dontFLush: avoid flushSync to temper warnings
+        );
+      }
+    }
+    getPositionParams() {
+      let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.props;
+      return {
+        cols: e.cols,
+        containerPadding: e.containerPadding,
+        containerWidth: e.containerWidth,
+        margin: e.margin,
+        maxRows: e.maxRows,
+        rowHeight: e.rowHeight
+      };
+    }
+    /**
+     * This is where we set the grid item's absolute placement. It gets a little tricky because we want to do it
+     * well when server rendering, and the only way to do that properly is to use percentage width/left because
+     * we don't know exactly what the browser viewport is.
+     * Unfortunately, CSS Transforms, which are great for performance, break in this instance because a percentage
+     * left is relative to the item itself, not its container! So we cannot use them on the server rendering pass.
+     *
+     * @param  {Object} pos Position object with width, height, left, top.
+     * @return {Object}     Style object.
+     */
+    createStyle(e) {
+      const {
+        usePercentages: t,
+        containerWidth: i,
+        useCSSTransforms: o
+      } = this.props;
+      let s;
+      return o ? s = (0, w.setTransform)(e) : (s = (0, w.setTopLeft)(e), t && (s.left = (0, w.perc)(e.left / i), s.width = (0, w.perc)(e.width / i))), s;
+    }
+    /**
+     * Mix a Draggable instance into a child.
+     * @param  {Element} child    Child element.
+     * @return {Element}          Child wrapped in Draggable.
+     */
+    mixinDraggable(e, t) {
+      return /* @__PURE__ */ S.default.createElement(T.DraggableCore, {
+        disabled: !t,
+        onStart: this.onDragStart,
+        onDrag: this.onDrag,
+        onStop: this.onDragStop,
+        handle: this.props.handle,
+        cancel: ".react-resizable-handle" + (this.props.cancel ? "," + this.props.cancel : ""),
+        scale: this.props.transformScale,
+        nodeRef: this.elementRef
+      }, e);
+    }
+    /**
+     * Utility function to setup callback handler definitions for
+     * similarily structured resize events.
+     */
+    curryResizeHandler(e, t) {
+      return (i, o) => (
+        /*: Function*/
+        t(i, o, e)
+      );
+    }
+    /**
+     * Mix a Resizable instance into a child.
+     * @param  {Element} child    Child element.
+     * @param  {Object} position  Position object (pixel values)
+     * @return {Element}          Child wrapped in Resizable.
+     */
+    mixinResizable(e, t, i) {
+      const {
+        cols: o,
+        minW: s,
+        minH: a,
+        maxW: l,
+        maxH: c,
+        transformScale: d,
+        resizeHandles: m,
+        resizeHandle: h
+      } = this.props, f = this.getPositionParams(), R = (0, u.calcGridItemPosition)(f, 0, 0, o, 0).width, y = (0, u.calcGridItemPosition)(f, 0, 0, s, a), g = (0, u.calcGridItemPosition)(f, 0, 0, l, c), P = [y.width, y.height], b = [Math.min(g.width, R), Math.min(g.height, 1 / 0)];
+      return /* @__PURE__ */ S.default.createElement(
+        j.Resizable,
+        {
+          draggableOpts: {
+            disabled: !i
+          },
+          className: i ? void 0 : "react-resizable-hide",
+          width: t.width,
+          height: t.height,
+          minConstraints: P,
+          maxConstraints: b,
+          onResizeStop: this.curryResizeHandler(t, this.onResizeStop),
+          onResizeStart: this.curryResizeHandler(t, this.onResizeStart),
+          onResize: this.curryResizeHandler(t, this.onResize),
+          transformScale: d,
+          resizeHandles: m,
+          handle: h
+        },
+        e
+      );
+    }
+    /**
+     * Wrapper around resize events to provide more useful data.
+     */
+    onResizeHandler(e, t, i, o) {
+      let {
+        node: s,
+        size: a,
+        handle: l
+      } = t;
+      const c = this.props[o];
+      if (!c) return;
+      const {
+        x: d,
+        y: m,
+        i: h,
+        maxH: f,
+        minH: R,
+        containerWidth: y
+      } = this.props, {
+        minW: g,
+        maxW: P
+      } = this.props;
+      let b = a;
+      s && (b = (0, w.resizeItemInDirection)(l, i, a, y), (0, v.flushSync)(() => {
+        this.setState({
+          resizing: o === "onResizeStop" ? null : b
+        });
+      }));
+      let {
+        w: D,
+        h: z
+      } = (0, u.calcWH)(this.getPositionParams(), b.width, b.height, d, m, l);
+      D = (0, u.clamp)(D, Math.max(g, 1), P), z = (0, u.clamp)(z, R, f), c.call(this, h, D, z, {
+        e,
+        node: s,
+        size: b,
+        handle: l
+      });
+    }
+    render() {
+      const {
+        x: e,
+        y: t,
+        w: i,
+        h: o,
+        isDraggable: s,
+        isResizable: a,
+        droppingPosition: l,
+        useCSSTransforms: c
+      } = this.props, d = (0, u.calcGridItemPosition)(this.getPositionParams(), e, t, i, o, this.state), m = S.default.Children.only(this.props.children);
+      let h = /* @__PURE__ */ S.default.cloneElement(m, {
+        ref: this.elementRef,
+        className: (0, E.default)("react-grid-item", m.props.className, this.props.className, {
+          static: this.props.static,
+          resizing: !!this.state.resizing,
+          "react-draggable": s,
+          "react-draggable-dragging": !!this.state.dragging,
+          dropping: !!l,
+          cssTransforms: c
+        }),
+        // We can set the width and height on the child, but unfortunately we can't set the position.
+        style: x(x(x({}, this.props.style), m.props.style), this.createStyle(d))
+      });
+      return h = this.mixinResizable(h, d, a), h = this.mixinDraggable(h, s), h;
+    }
+  };
+  return H.default = _, p(_, "propTypes", {
+    // Children must be only a single element
+    children: n.default.element,
+    // General grid attributes
+    cols: n.default.number.isRequired,
+    containerWidth: n.default.number.isRequired,
+    rowHeight: n.default.number.isRequired,
+    margin: n.default.array.isRequired,
+    maxRows: n.default.number.isRequired,
+    containerPadding: n.default.array.isRequired,
+    // These are all in grid units
+    x: n.default.number.isRequired,
+    y: n.default.number.isRequired,
+    w: n.default.number.isRequired,
+    h: n.default.number.isRequired,
+    // All optional
+    minW: function(r, e) {
+      const t = r[e];
+      if (typeof t != "number") return new Error("minWidth not Number");
+      if (t > r.w || t > r.maxW) return new Error("minWidth larger than item width/maxWidth");
+    },
+    maxW: function(r, e) {
+      const t = r[e];
+      if (typeof t != "number") return new Error("maxWidth not Number");
+      if (t < r.w || t < r.minW) return new Error("maxWidth smaller than item width/minWidth");
+    },
+    minH: function(r, e) {
+      const t = r[e];
+      if (typeof t != "number") return new Error("minHeight not Number");
+      if (t > r.h || t > r.maxH) return new Error("minHeight larger than item height/maxHeight");
+    },
+    maxH: function(r, e) {
+      const t = r[e];
+      if (typeof t != "number") return new Error("maxHeight not Number");
+      if (t < r.h || t < r.minH) return new Error("maxHeight smaller than item height/minHeight");
+    },
+    // ID is nice to have for callbacks
+    i: n.default.string.isRequired,
+    // Resize handle options
+    resizeHandles: W.resizeHandleAxesType,
+    resizeHandle: W.resizeHandleType,
+    // Functions
+    onDragStop: n.default.func,
+    onDragStart: n.default.func,
+    onDrag: n.default.func,
+    onResizeStop: n.default.func,
+    onResizeStart: n.default.func,
+    onResize: n.default.func,
+    // Flags
+    isDraggable: n.default.bool.isRequired,
+    isResizable: n.default.bool.isRequired,
+    isBounded: n.default.bool.isRequired,
+    static: n.default.bool,
+    // Use CSS transforms instead of top/left
+    useCSSTransforms: n.default.bool.isRequired,
+    transformScale: n.default.number,
+    // Others
+    className: n.default.string,
+    // Selector for draggable handle
+    handle: n.default.string,
+    // Selector for draggable cancel (see react-draggable)
+    cancel: n.default.string,
+    // Current position of a dropping element
+    droppingPosition: n.default.shape({
+      e: n.default.object.isRequired,
+      left: n.default.number.isRequired,
+      top: n.default.number.isRequired
+    })
+  }), p(_, "defaultProps", {
+    className: "",
+    cancel: "",
+    handle: "",
+    minH: 1,
+    minW: 1,
+    maxH: 1 / 0,
+    maxW: 1 / 0,
+    transformScale: 1
+  }), H;
+}
+export {
+  ce as __require
+};
+//# sourceMappingURL=GridItem.js.map

package/dist/lib/vendor/react-grid-layout/build/GridItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridItem.js","sources":["../../../../../node_modules/react-grid-layout/build/GridItem.js"],"sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _reactDom = require(\"react-dom\");\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\nvar _reactDraggable = require(\"react-draggable\");\nvar _reactResizable = require(\"react-resizable\");\nvar _utils = require(\"./utils\");\nvar _calculateUtils = require(\"./calculateUtils\");\nvar _ReactGridLayoutPropTypes = require(\"./ReactGridLayoutPropTypes\");\nvar _clsx = _interopRequireDefault(require(\"clsx\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\n/*:: import type { Element as ReactElement, Node as ReactNode } from \"react\";*/\n/*:: import type {\n  ReactDraggableCallbackData,\n  GridDragEvent,\n  GridResizeEvent,\n  DroppingPosition,\n  Position,\n  ResizeHandleAxis\n} from \"./utils\";*/\n/*:: import type { PositionParams } from \"./calculateUtils\";*/\n/*:: import type { ResizeHandle, ReactRef } from \"./ReactGridLayoutPropTypes\";*/\n/*:: type PartialPosition = { top: number, left: number };*/\n/*:: type GridItemCallback<Data: GridDragEvent | GridResizeEvent> = (\n  i: string,\n  w: number,\n  h: number,\n  Data\n) => void;*/\n/*:: type ResizeCallbackData = {\n  node: HTMLElement,\n  size: Position,\n  handle: ResizeHandleAxis\n};*/\n/*:: type GridItemResizeCallback = (\n  e: Event,\n  data: ResizeCallbackData,\n  position: Position\n) => void;*/\n/*:: type State = {\n  resizing: ?{ top: number, left: number, width: number, height: number },\n  dragging: ?{ top: number, left: number },\n  className: string\n};*/\n/*:: type Props = {\n  children: ReactElement<any>,\n  cols: number,\n  containerWidth: number,\n  margin: [number, number],\n  containerPadding: [number, number],\n  rowHeight: number,\n  maxRows: number,\n  isDraggable: boolean,\n  isResizable: boolean,\n  isBounded: boolean,\n  static?: boolean,\n  useCSSTransforms?: boolean,\n  usePercentages?: boolean,\n  transformScale: number,\n  droppingPosition?: DroppingPosition,\n\n  className: string,\n  style?: Object,\n  // Draggability\n  cancel: string,\n  handle: string,\n\n  x: number,\n  y: number,\n  w: number,\n  h: number,\n\n  minW: number,\n  maxW: number,\n  minH: number,\n  maxH: number,\n  i: string,\n\n  resizeHandles?: ResizeHandleAxis[],\n  resizeHandle?: ResizeHandle,\n\n  onDrag?: GridItemCallback<GridDragEvent>,\n  onDragStart?: GridItemCallback<GridDragEvent>,\n  onDragStop?: GridItemCallback<GridDragEvent>,\n  onResize?: GridItemCallback<GridResizeEvent>,\n  onResizeStart?: GridItemCallback<GridResizeEvent>,\n  onResizeStop?: GridItemCallback<GridResizeEvent>\n};*/\n/*:: type DefaultProps = {\n  className: string,\n  cancel: string,\n  handle: string,\n  minH: number,\n  minW: number,\n  maxH: number,\n  maxW: number,\n  transformScale: number\n};*/\n/**\n * An individual item within a ReactGridLayout.\n */\nclass GridItem extends _react.default.Component /*:: <Props, State>*/{\n  constructor() {\n    super(...arguments);\n    _defineProperty(this, \"state\", {\n      resizing: null,\n      dragging: null,\n      className: \"\"\n    });\n    _defineProperty(this, \"elementRef\", /*#__PURE__*/_react.default.createRef());\n    /**\n     * onDragStart event handler\n     * @param  {Event}  e             event data\n     * @param  {Object} callbackData  an object with node, delta and position information\n     */\n    _defineProperty(this, \"onDragStart\", (e, _ref) => {\n      let {\n        node\n      } = _ref;\n      const {\n        onDragStart,\n        transformScale\n      } = this.props;\n      if (!onDragStart) return;\n      const newPosition /*: PartialPosition*/ = {\n        top: 0,\n        left: 0\n      };\n\n      // TODO: this wont work on nested parents\n      const {\n        offsetParent\n      } = node;\n      if (!offsetParent) return;\n      const parentRect = offsetParent.getBoundingClientRect();\n      const clientRect = node.getBoundingClientRect();\n      const cLeft = clientRect.left / transformScale;\n      const pLeft = parentRect.left / transformScale;\n      const cTop = clientRect.top / transformScale;\n      const pTop = parentRect.top / transformScale;\n      newPosition.left = cLeft - pLeft + offsetParent.scrollLeft;\n      newPosition.top = cTop - pTop + offsetParent.scrollTop;\n      this.setState({\n        dragging: newPosition\n      });\n\n      // Call callback with this data\n      const {\n        x,\n        y\n      } = (0, _calculateUtils.calcXY)(this.getPositionParams(), newPosition.top, newPosition.left, this.props.w, this.props.h);\n      return onDragStart.call(this, this.props.i, x, y, {\n        e,\n        node,\n        newPosition\n      });\n    });\n    /**\n     * onDrag event handler\n     * @param  {Event}  e             event data\n     * @param  {Object} callbackData  an object with node, delta and position information\n     * @param  {boolean} dontFlush    if true, will not call flushSync\n     */\n    _defineProperty(this, \"onDrag\", (e, _ref2, dontFlush) => {\n      let {\n        node,\n        deltaX,\n        deltaY\n      } = _ref2;\n      const {\n        onDrag\n      } = this.props;\n      if (!onDrag) return;\n      if (!this.state.dragging) {\n        throw new Error(\"onDrag called before onDragStart.\");\n      }\n      let top = this.state.dragging.top + deltaY;\n      let left = this.state.dragging.left + deltaX;\n      const {\n        isBounded,\n        i,\n        w,\n        h,\n        containerWidth\n      } = this.props;\n      const positionParams = this.getPositionParams();\n\n      // Boundary calculations; keeps items within the grid\n      if (isBounded) {\n        const {\n          offsetParent\n        } = node;\n        if (offsetParent) {\n          const {\n            margin,\n            rowHeight\n          } = this.props;\n          const bottomBoundary = offsetParent.clientHeight - (0, _calculateUtils.calcGridItemWHPx)(h, rowHeight, margin[1]);\n          top = (0, _calculateUtils.clamp)(top, 0, bottomBoundary);\n          const colWidth = (0, _calculateUtils.calcGridColWidth)(positionParams);\n          const rightBoundary = containerWidth - (0, _calculateUtils.calcGridItemWHPx)(w, colWidth, margin[0]);\n          left = (0, _calculateUtils.clamp)(left, 0, rightBoundary);\n        }\n      }\n      const newPosition /*: PartialPosition*/ = {\n        top,\n        left\n      };\n\n      // dontFlush is set if we're calling from inside\n      if (dontFlush) {\n        this.setState({\n          dragging: newPosition\n        });\n      } else {\n        (0, _reactDom.flushSync)(() => {\n          this.setState({\n            dragging: newPosition\n          });\n        });\n      }\n\n      // Call callback with this data\n      const {\n        x,\n        y\n      } = (0, _calculateUtils.calcXY)(positionParams, top, left, w, h);\n      return onDrag.call(this, i, x, y, {\n        e,\n        node,\n        newPosition\n      });\n    });\n    /**\n     * onDragStop event handler\n     * @param  {Event}  e             event data\n     * @param  {Object} callbackData  an object with node, delta and position information\n     */\n    _defineProperty(this, \"onDragStop\", (e, _ref3) => {\n      let {\n        node\n      } = _ref3;\n      const {\n        onDragStop\n      } = this.props;\n      if (!onDragStop) return;\n      if (!this.state.dragging) {\n        throw new Error(\"onDragEnd called before onDragStart.\");\n      }\n      const {\n        w,\n        h,\n        i\n      } = this.props;\n      const {\n        left,\n        top\n      } = this.state.dragging;\n      const newPosition /*: PartialPosition*/ = {\n        top,\n        left\n      };\n      this.setState({\n        dragging: null\n      });\n      const {\n        x,\n        y\n      } = (0, _calculateUtils.calcXY)(this.getPositionParams(), top, left, w, h);\n      return onDragStop.call(this, i, x, y, {\n        e,\n        node,\n        newPosition\n      });\n    });\n    /**\n     * onResizeStop event handler\n     * @param  {Event}  e             event data\n     * @param  {Object} callbackData  an object with node and size information\n     */\n    _defineProperty(this, \"onResizeStop\", (e, callbackData, position) => this.onResizeHandler(e, callbackData, position, \"onResizeStop\"));\n    // onResizeStart event handler\n    _defineProperty(this, \"onResizeStart\", (e, callbackData, position) => this.onResizeHandler(e, callbackData, position, \"onResizeStart\"));\n    // onResize event handler\n    _defineProperty(this, \"onResize\", (e, callbackData, position) => this.onResizeHandler(e, callbackData, position, \"onResize\"));\n  }\n  shouldComponentUpdate(nextProps /*: Props*/, nextState /*: State*/) /*: boolean*/{\n    // We can't deeply compare children. If the developer memoizes them, we can\n    // use this optimization.\n    if (this.props.children !== nextProps.children) return true;\n    if (this.props.droppingPosition !== nextProps.droppingPosition) return true;\n    // TODO memoize these calculations so they don't take so long?\n    const oldPosition = (0, _calculateUtils.calcGridItemPosition)(this.getPositionParams(this.props), this.props.x, this.props.y, this.props.w, this.props.h, this.state);\n    const newPosition = (0, _calculateUtils.calcGridItemPosition)(this.getPositionParams(nextProps), nextProps.x, nextProps.y, nextProps.w, nextProps.h, nextState);\n    return !(0, _utils.fastPositionEqual)(oldPosition, newPosition) || this.props.useCSSTransforms !== nextProps.useCSSTransforms;\n  }\n  componentDidMount() {\n    this.moveDroppingItem({});\n  }\n  componentDidUpdate(prevProps /*: Props*/) {\n    this.moveDroppingItem(prevProps);\n  }\n\n  // When a droppingPosition is present, this means we should fire a move event, as if we had moved\n  // this element by `x, y` pixels.\n  moveDroppingItem(prevProps /*: Props*/) {\n    const {\n      droppingPosition\n    } = this.props;\n    if (!droppingPosition) return;\n    const node = this.elementRef.current;\n    // Can't find DOM node (are we unmounted?)\n    if (!node) return;\n    const prevDroppingPosition = prevProps.droppingPosition || {\n      left: 0,\n      top: 0\n    };\n    const {\n      dragging\n    } = this.state;\n    const shouldDrag = dragging && droppingPosition.left !== prevDroppingPosition.left || droppingPosition.top !== prevDroppingPosition.top;\n    if (!dragging) {\n      this.onDragStart(droppingPosition.e, {\n        node,\n        deltaX: droppingPosition.left,\n        deltaY: droppingPosition.top\n      });\n    } else if (shouldDrag) {\n      const deltaX = droppingPosition.left - dragging.left;\n      const deltaY = droppingPosition.top - dragging.top;\n      this.onDrag(droppingPosition.e, {\n        node,\n        deltaX,\n        deltaY\n      }, true // dontFLush: avoid flushSync to temper warnings\n      );\n    }\n  }\n  getPositionParams() /*: PositionParams*/{\n    let props /*: Props*/ = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.props;\n    return {\n      cols: props.cols,\n      containerPadding: props.containerPadding,\n      containerWidth: props.containerWidth,\n      margin: props.margin,\n      maxRows: props.maxRows,\n      rowHeight: props.rowHeight\n    };\n  }\n\n  /**\n   * This is where we set the grid item's absolute placement. It gets a little tricky because we want to do it\n   * well when server rendering, and the only way to do that properly is to use percentage width/left because\n   * we don't know exactly what the browser viewport is.\n   * Unfortunately, CSS Transforms, which are great for performance, break in this instance because a percentage\n   * left is relative to the item itself, not its container! So we cannot use them on the server rendering pass.\n   *\n   * @param  {Object} pos Position object with width, height, left, top.\n   * @return {Object}     Style object.\n   */\n  createStyle(pos /*: Position*/) /*: { [key: string]: ?string }*/{\n    const {\n      usePercentages,\n      containerWidth,\n      useCSSTransforms\n    } = this.props;\n    let style;\n    // CSS Transforms support (default)\n    if (useCSSTransforms) {\n      style = (0, _utils.setTransform)(pos);\n    } else {\n      // top,left (slow)\n      style = (0, _utils.setTopLeft)(pos);\n\n      // This is used for server rendering.\n      if (usePercentages) {\n        style.left = (0, _utils.perc)(pos.left / containerWidth);\n        style.width = (0, _utils.perc)(pos.width / containerWidth);\n      }\n    }\n    return style;\n  }\n\n  /**\n   * Mix a Draggable instance into a child.\n   * @param  {Element} child    Child element.\n   * @return {Element}          Child wrapped in Draggable.\n   */\n  mixinDraggable(child /*: ReactElement<any>*/, isDraggable /*: boolean*/) /*: ReactElement<any>*/{\n    return /*#__PURE__*/_react.default.createElement(_reactDraggable.DraggableCore, {\n      disabled: !isDraggable,\n      onStart: this.onDragStart,\n      onDrag: this.onDrag,\n      onStop: this.onDragStop,\n      handle: this.props.handle,\n      cancel: \".react-resizable-handle\" + (this.props.cancel ? \",\" + this.props.cancel : \"\"),\n      scale: this.props.transformScale,\n      nodeRef: this.elementRef\n    }, child);\n  }\n\n  /**\n   * Utility function to setup callback handler definitions for\n   * similarily structured resize events.\n   */\n  curryResizeHandler(position /*: Position*/, handler /*: Function*/) /*: Function*/{\n    return (e /*: Event*/, data /*: ResizeCallbackData*/) => /*: Function*/handler(e, data, position);\n  }\n\n  /**\n   * Mix a Resizable instance into a child.\n   * @param  {Element} child    Child element.\n   * @param  {Object} position  Position object (pixel values)\n   * @return {Element}          Child wrapped in Resizable.\n   */\n  mixinResizable(child /*: ReactElement<any>*/, position /*: Position*/, isResizable /*: boolean*/) /*: ReactElement<any>*/{\n    const {\n      cols,\n      minW,\n      minH,\n      maxW,\n      maxH,\n      transformScale,\n      resizeHandles,\n      resizeHandle\n    } = this.props;\n    const positionParams = this.getPositionParams();\n\n    // This is the max possible width - doesn't go to infinity because of the width of the window\n    const maxWidth = (0, _calculateUtils.calcGridItemPosition)(positionParams, 0, 0, cols, 0).width;\n\n    // Calculate min/max constraints using our min & maxes\n    const mins = (0, _calculateUtils.calcGridItemPosition)(positionParams, 0, 0, minW, minH);\n    const maxes = (0, _calculateUtils.calcGridItemPosition)(positionParams, 0, 0, maxW, maxH);\n    const minConstraints = [mins.width, mins.height];\n    const maxConstraints = [Math.min(maxes.width, maxWidth), Math.min(maxes.height, Infinity)];\n    return /*#__PURE__*/_react.default.createElement(_reactResizable.Resizable\n    // These are opts for the resize handle itself\n    , {\n      draggableOpts: {\n        disabled: !isResizable\n      },\n      className: isResizable ? undefined : \"react-resizable-hide\",\n      width: position.width,\n      height: position.height,\n      minConstraints: minConstraints,\n      maxConstraints: maxConstraints,\n      onResizeStop: this.curryResizeHandler(position, this.onResizeStop),\n      onResizeStart: this.curryResizeHandler(position, this.onResizeStart),\n      onResize: this.curryResizeHandler(position, this.onResize),\n      transformScale: transformScale,\n      resizeHandles: resizeHandles,\n      handle: resizeHandle\n    }, child);\n  }\n  /**\n   * Wrapper around resize events to provide more useful data.\n   */\n  onResizeHandler(e /*: Event*/, _ref4 /*:: */,\n  // 'size' is updated position\n  position /*: Position*/,\n  // existing position\n  handlerName /*: string*/) /*: void*/{\n    let {\n      node,\n      size,\n      handle\n    } /*: ResizeCallbackData*/ = _ref4 /*: ResizeCallbackData*/;\n    const handler = this.props[handlerName];\n    if (!handler) return;\n    const {\n      x,\n      y,\n      i,\n      maxH,\n      minH,\n      containerWidth\n    } = this.props;\n    const {\n      minW,\n      maxW\n    } = this.props;\n\n    // Clamping of dimensions based on resize direction\n    let updatedSize = size;\n    if (node) {\n      updatedSize = (0, _utils.resizeItemInDirection)(handle, position, size, containerWidth);\n      (0, _reactDom.flushSync)(() => {\n        this.setState({\n          resizing: handlerName === \"onResizeStop\" ? null : updatedSize\n        });\n      });\n    }\n\n    // Get new XY based on pixel size\n    let {\n      w,\n      h\n    } = (0, _calculateUtils.calcWH)(this.getPositionParams(), updatedSize.width, updatedSize.height, x, y, handle);\n\n    // Min/max capping.\n    // minW should be at least 1 (TODO propTypes validation?)\n    w = (0, _calculateUtils.clamp)(w, Math.max(minW, 1), maxW);\n    h = (0, _calculateUtils.clamp)(h, minH, maxH);\n    handler.call(this, i, w, h, {\n      e,\n      node,\n      size: updatedSize,\n      handle\n    });\n  }\n  render() /*: ReactNode*/{\n    const {\n      x,\n      y,\n      w,\n      h,\n      isDraggable,\n      isResizable,\n      droppingPosition,\n      useCSSTransforms\n    } = this.props;\n    const pos = (0, _calculateUtils.calcGridItemPosition)(this.getPositionParams(), x, y, w, h, this.state);\n    const child = _react.default.Children.only(this.props.children);\n\n    // Create the child element. We clone the existing element but modify its className and style.\n    let newChild = /*#__PURE__*/_react.default.cloneElement(child, {\n      ref: this.elementRef,\n      className: (0, _clsx.default)(\"react-grid-item\", child.props.className, this.props.className, {\n        static: this.props.static,\n        resizing: Boolean(this.state.resizing),\n        \"react-draggable\": isDraggable,\n        \"react-draggable-dragging\": Boolean(this.state.dragging),\n        dropping: Boolean(droppingPosition),\n        cssTransforms: useCSSTransforms\n      }),\n      // We can set the width and height on the child, but unfortunately we can't set the position.\n      style: _objectSpread(_objectSpread(_objectSpread({}, this.props.style), child.props.style), this.createStyle(pos))\n    });\n\n    // Resizable support. This is usually on but the user can toggle it off.\n    newChild = this.mixinResizable(newChild, pos, isResizable);\n\n    // Draggable support. This is always on, except for with placeholders.\n    newChild = this.mixinDraggable(newChild, isDraggable);\n    return newChild;\n  }\n}\nexports.default = GridItem;\n_defineProperty(GridItem, \"propTypes\", {\n  // Children must be only a single element\n  children: _propTypes.default.element,\n  // General grid attributes\n  cols: _propTypes.default.number.isRequired,\n  containerWidth: _propTypes.default.number.isRequired,\n  rowHeight: _propTypes.default.number.isRequired,\n  margin: _propTypes.default.array.isRequired,\n  maxRows: _propTypes.default.number.isRequired,\n  containerPadding: _propTypes.default.array.isRequired,\n  // These are all in grid units\n  x: _propTypes.default.number.isRequired,\n  y: _propTypes.default.number.isRequired,\n  w: _propTypes.default.number.isRequired,\n  h: _propTypes.default.number.isRequired,\n  // All optional\n  minW: function (props /*: Props*/, propName /*: string*/) {\n    const value = props[propName];\n    if (typeof value !== \"number\") return new Error(\"minWidth not Number\");\n    if (value > props.w || value > props.maxW) return new Error(\"minWidth larger than item width/maxWidth\");\n  },\n  maxW: function (props /*: Props*/, propName /*: string*/) {\n    const value = props[propName];\n    if (typeof value !== \"number\") return new Error(\"maxWidth not Number\");\n    if (value < props.w || value < props.minW) return new Error(\"maxWidth smaller than item width/minWidth\");\n  },\n  minH: function (props /*: Props*/, propName /*: string*/) {\n    const value = props[propName];\n    if (typeof value !== \"number\") return new Error(\"minHeight not Number\");\n    if (value > props.h || value > props.maxH) return new Error(\"minHeight larger than item height/maxHeight\");\n  },\n  maxH: function (props /*: Props*/, propName /*: string*/) {\n    const value = props[propName];\n    if (typeof value !== \"number\") return new Error(\"maxHeight not Number\");\n    if (value < props.h || value < props.minH) return new Error(\"maxHeight smaller than item height/minHeight\");\n  },\n  // ID is nice to have for callbacks\n  i: _propTypes.default.string.isRequired,\n  // Resize handle options\n  resizeHandles: _ReactGridLayoutPropTypes.resizeHandleAxesType,\n  resizeHandle: _ReactGridLayoutPropTypes.resizeHandleType,\n  // Functions\n  onDragStop: _propTypes.default.func,\n  onDragStart: _propTypes.default.func,\n  onDrag: _propTypes.default.func,\n  onResizeStop: _propTypes.default.func,\n  onResizeStart: _propTypes.default.func,\n  onResize: _propTypes.default.func,\n  // Flags\n  isDraggable: _propTypes.default.bool.isRequired,\n  isResizable: _propTypes.default.bool.isRequired,\n  isBounded: _propTypes.default.bool.isRequired,\n  static: _propTypes.default.bool,\n  // Use CSS transforms instead of top/left\n  useCSSTransforms: _propTypes.default.bool.isRequired,\n  transformScale: _propTypes.default.number,\n  // Others\n  className: _propTypes.default.string,\n  // Selector for draggable handle\n  handle: _propTypes.default.string,\n  // Selector for draggable cancel (see react-draggable)\n  cancel: _propTypes.default.string,\n  // Current position of a dropping element\n  droppingPosition: _propTypes.default.shape({\n    e: _propTypes.default.object.isRequired,\n    left: _propTypes.default.number.isRequired,\n    top: _propTypes.default.number.isRequired\n  })\n});\n_defineProperty(GridItem, \"defaultProps\", {\n  className: \"\",\n  cancel: \"\",\n  handle: \"\",\n  minH: 1,\n  minW: 1,\n  maxH: Infinity,\n  maxW: Infinity,\n  transformScale: 1\n});"],"names":["GridItem_1","_react","_interopRequireDefault","require$$0","_reactDom","require$$1","_propTypes","_reactDraggable","require$$3","_reactResizable","require$$4","_utils","require$$5","_calculateUtils","require$$6","_ReactGridLayoutPropTypes","require$$7","_clsx","require$$8","e","ownKeys","r","o","_objectSpread","_defineProperty","_toPropertyKey","t","i","_toPrimitive","GridItem$1","_ref","node","onDragStart","transformScale","newPosition","offsetParent","parentRect","clientRect","cLeft","pLeft","cTop","pTop","x","y","_ref2","dontFlush","deltaX","deltaY","onDrag","top","left","isBounded","w","h","containerWidth","positionParams","margin","rowHeight","bottomBoundary","colWidth","rightBoundary","_ref3","onDragStop","callbackData","position","nextProps","nextState","oldPosition","prevProps","droppingPosition","prevDroppingPosition","dragging","shouldDrag","props","pos","usePercentages","useCSSTransforms","style","child","isDraggable","handler","data","isResizable","cols","minW","minH","maxW","maxH","resizeHandles","resizeHandle","maxWidth","mins","maxes","minConstraints","maxConstraints","_ref4","handlerName","size","handle","updatedSize","newChild","GridItem","propName","value"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/lib/vendor/react-grid-layout/build/ReactGridLayout.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("../../../_virtual/ReactGridLayout.cjs"),k=require("react"),$=require("../../fast-equals/dist/fast-equals.cjs"),Y=require("../../clsx/dist/clsx2.cjs"),X=require("./utils.cjs"),F=require("./calculateUtils.cjs"),K=require("./GridItem.cjs"),J=require("./ReactGridLayoutPropTypes.cjs");var N;function Q(){if(N)return L.__exports;N=1,Object.defineProperty(L.__exports,"__esModule",{value:!0}),L.__exports.default=void 0;var _=q(k),C=$.__require(),G=I(Y.__require()),r=X.__require(),W=F.__require(),E=I(K.__require()),U=I(J.__require());function I(a){return a&&a.__esModule?a:{default:a}}function q(a,t){if(typeof WeakMap=="function")var o=new WeakMap,e=new WeakMap;return(q=function(s,l){if(!l&&s&&s.__esModule)return s;var p,n,i={__proto__:null,default:s};if(s===null||typeof s!="object"&&typeof s!="function")return i;if(p=l?e:o){if(p.has(s))return p.get(s);p.set(s,i)}for(const c in s)c!=="default"&&{}.hasOwnProperty.call(s,c)&&((n=(p=Object.defineProperty)&&Object.getOwnPropertyDescriptor(s,c))&&(n.get||n.set)?p(i,c,n):i[c]=s[c]);return i})(a,t)}function T(a,t){var o=Object.keys(a);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(a);t&&(e=e.filter(function(s){return Object.getOwnPropertyDescriptor(a,s).enumerable})),o.push.apply(o,e)}return o}function R(a){for(var t=1;t<arguments.length;t++){var o=arguments[t]!=null?arguments[t]:{};t%2?T(Object(o),!0).forEach(function(e){h(a,e,o[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(o)):T(Object(o)).forEach(function(e){Object.defineProperty(a,e,Object.getOwnPropertyDescriptor(o,e))})}return a}function h(a,t,o){return(t=A(t))in a?Object.defineProperty(a,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[t]=o,a}function A(a){var t=B(a,"string");return typeof t=="symbol"?t:t+""}function B(a,t){if(typeof a!="object"||!a)return a;var o=a[Symbol.toPrimitive];if(o!==void 0){var e=o.call(a,t);if(typeof e!="object")return e;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(a)}const H="react-grid-layout";let M=!1;try{M=/firefox/i.test(navigator.userAgent)}catch{}let P=class extends _.Component{constructor(){super(...arguments),h(this,"state",{activeDrag:null,layout:(0,r.synchronizeLayoutWithChildren)(this.props.layout,this.props.children,this.props.cols,(0,r.compactType)(this.props),this.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,resizing:!1,droppingDOMNode:null,children:[]}),h(this,"dragEnterCounter",0),h(this,"onDragStart",(t,o,e,s)=>{let{e:l,node:p}=s;const{layout:n}=this.state,i=(0,r.getLayoutItem)(n,t);if(!i)return;const c={w:i.w,h:i.h,x:i.x,y:i.y,placeholder:!0,i:t};return this.setState({oldDragItem:(0,r.cloneLayoutItem)(i),oldLayout:n,activeDrag:c}),this.props.onDragStart(n,i,i,null,l,p)}),h(this,"onDrag",(t,o,e,s)=>{let{e:l,node:p}=s;const{oldDragItem:n}=this.state;let{layout:i}=this.state;const{cols:c,allowOverlap:D,preventCollision:m}=this.props,d=(0,r.getLayoutItem)(i,t);if(!d)return;const g={w:d.w,h:d.h,x:d.x,y:d.y,placeholder:!0,i:t};i=(0,r.moveElement)(i,d,o,e,!0,m,(0,r.compactType)(this.props),c,D),this.props.onDrag(i,n,d,g,l,p),this.setState({layout:D?i:(0,r.compact)(i,(0,r.compactType)(this.props),c),activeDrag:g})}),h(this,"onDragStop",(t,o,e,s)=>{let{e:l,node:p}=s;if(!this.state.activeDrag)return;const{oldDragItem:n}=this.state;let{layout:i}=this.state;const{cols:c,preventCollision:D,allowOverlap:m}=this.props,d=(0,r.getLayoutItem)(i,t);if(!d)return;i=(0,r.moveElement)(i,d,o,e,!0,D,(0,r.compactType)(this.props),c,m);const w=m?i:(0,r.compact)(i,(0,r.compactType)(this.props),c);this.props.onDragStop(w,n,d,null,l,p);const{oldLayout:b}=this.state;this.setState({activeDrag:null,layout:w,oldDragItem:null,oldLayout:null}),this.onLayoutMaybeChanged(w,b)}),h(this,"onResizeStart",(t,o,e,s)=>{let{e:l,node:p}=s;const{layout:n}=this.state,i=(0,r.getLayoutItem)(n,t);i&&(this.setState({oldResizeItem:(0,r.cloneLayoutItem)(i),oldLayout:this.state.layout,resizing:!0}),this.props.onResizeStart(n,i,i,null,l,p))}),h(this,"onResize",(t,o,e,s)=>{let{e:l,node:p,size:n,handle:i}=s;const{oldResizeItem:c}=this.state,{layout:D}=this.state,{cols:m,preventCollision:d,allowOverlap:g}=this.props;let w=!1,b,y,f;const[O,v]=(0,r.withLayoutItem)(D,t,u=>{let z;return y=u.x,f=u.y,["sw","w","nw","n","ne"].indexOf(i)!==-1&&(["sw","nw","w"].indexOf(i)!==-1&&(y=u.x+(u.w-o),o=u.x!==y&&y<0?u.w:o,y=y<0?0:y),["ne","n","nw"].indexOf(i)!==-1&&(f=u.y+(u.h-e),e=u.y!==f&&f<0?u.h:e,f=f<0?0:f),w=!0),d&&!g&&(z=(0,r.getAllCollisions)(D,R(R({},u),{},{w:o,h:e,x:y,y:f})).filter(x=>x.i!==u.i).length>0,z&&(f=u.y,e=u.h,y=u.x,o=u.w,w=!1)),u.w=o,u.h=e,u});if(!v)return;b=O,w&&(b=(0,r.moveElement)(O,v,y,f,!0,this.props.preventCollision,(0,r.compactType)(this.props),m,g));const S={w:v.w,h:v.h,x:v.x,y:v.y,static:!0,i:t};this.props.onResize(b,c,v,S,l,p),this.setState({layout:g?b:(0,r.compact)(b,(0,r.compactType)(this.props),m),activeDrag:S})}),h(this,"onResizeStop",(t,o,e,s)=>{let{e:l,node:p}=s;const{layout:n,oldResizeItem:i}=this.state,{cols:c,allowOverlap:D}=this.props,m=(0,r.getLayoutItem)(n,t),d=D?n:(0,r.compact)(n,(0,r.compactType)(this.props),c);this.props.onResizeStop(d,i,m,null,l,p);const{oldLayout:g}=this.state;this.setState({activeDrag:null,layout:d,oldResizeItem:null,oldLayout:null,resizing:!1}),this.onLayoutMaybeChanged(d,g)}),h(this,"onDragOver",t=>{var o;if(t.preventDefault(),t.stopPropagation(),M&&!((o=t.nativeEvent.target)!==null&&o!==void 0&&o.classList.contains(H)))return!1;const{droppingItem:e,onDropDragOver:s,margin:l,cols:p,rowHeight:n,maxRows:i,width:c,containerPadding:D,transformScale:m}=this.props,d=s==null?void 0:s(t);if(d===!1)return this.state.droppingDOMNode&&this.removeDroppingPlaceholder(),!1;const g=R(R({},e),d),{layout:w}=this.state,b=t.currentTarget.getBoundingClientRect(),y=t.clientX-b.left,f=t.clientY-b.top,O={left:y/m,top:f/m,e:t};if(this.state.droppingDOMNode){if(this.state.droppingPosition){const{left:v,top:S}=this.state.droppingPosition;(v!=y||S!=f)&&this.setState({droppingPosition:O})}}else{const v={cols:p,margin:l,maxRows:i,rowHeight:n,containerWidth:c,containerPadding:D||l},S=(0,W.calcXY)(v,f,y,g.w,g.h);this.setState({droppingDOMNode:_.createElement("div",{key:g.i}),droppingPosition:O,layout:[...w,R(R({},g),{},{x:S.x,y:S.y,static:!1,isDraggable:!0})]})}}),h(this,"removeDroppingPlaceholder",()=>{const{droppingItem:t,cols:o}=this.props,{layout:e}=this.state,s=(0,r.compact)(e.filter(l=>l.i!==t.i),(0,r.compactType)(this.props),o,this.props.allowOverlap);this.setState({layout:s,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})}),h(this,"onDragLeave",t=>{t.preventDefault(),t.stopPropagation(),this.dragEnterCounter--,this.dragEnterCounter===0&&this.removeDroppingPlaceholder()}),h(this,"onDragEnter",t=>{t.preventDefault(),t.stopPropagation(),this.dragEnterCounter++}),h(this,"onDrop",t=>{t.preventDefault(),t.stopPropagation();const{droppingItem:o}=this.props,{layout:e}=this.state,s=e.find(l=>l.i===o.i);this.dragEnterCounter=0,this.removeDroppingPlaceholder(),this.props.onDrop(e,s,t)})}componentDidMount(){this.setState({mounted:!0}),this.onLayoutMaybeChanged(this.state.layout,this.props.layout)}static getDerivedStateFromProps(t,o){let e;return o.activeDrag?null:(!(0,C.deepEqual)(t.layout,o.propsLayout)||t.compactType!==o.compactType?e=t.layout:(0,r.childrenEqual)(t.children,o.children)||(e=o.layout),e?{layout:(0,r.synchronizeLayoutWithChildren)(e,t.children,t.cols,(0,r.compactType)(t),t.allowOverlap),compactType:t.compactType,children:t.children,propsLayout:t.layout}:null)}shouldComponentUpdate(t,o){return this.props.children!==t.children||!(0,r.fastRGLPropsEqual)(this.props,t,C.deepEqual)||this.state.activeDrag!==o.activeDrag||this.state.mounted!==o.mounted||this.state.droppingPosition!==o.droppingPosition}componentDidUpdate(t,o){if(!this.state.activeDrag){const e=this.state.layout,s=o.layout;this.onLayoutMaybeChanged(e,s)}}containerHeight(){if(!this.props.autoSize)return;const t=(0,r.bottom)(this.state.layout),o=this.props.containerPadding?this.props.containerPadding[1]:this.props.margin[1];return t*this.props.rowHeight+(t-1)*this.props.margin[1]+o*2+"px"}onLayoutMaybeChanged(t,o){o||(o=this.state.layout),(0,C.deepEqual)(o,t)||this.props.onLayoutChange(t)}placeholder(){const{activeDrag:t}=this.state;if(!t)return null;const{width:o,cols:e,margin:s,containerPadding:l,rowHeight:p,maxRows:n,useCSSTransforms:i,transformScale:c}=this.props;return _.createElement(E.default,{w:t.w,h:t.h,x:t.x,y:t.y,i:t.i,className:"react-grid-placeholder ".concat(this.state.resizing?"placeholder-resizing":""),containerWidth:o,cols:e,margin:s,containerPadding:l||s,maxRows:n,rowHeight:p,isDraggable:!1,isResizable:!1,isBounded:!1,useCSSTransforms:i,transformScale:c},_.createElement("div",null))}processGridItem(t,o){if(!t||!t.key)return;const e=(0,r.getLayoutItem)(this.state.layout,String(t.key));if(!e)return null;const{width:s,cols:l,margin:p,containerPadding:n,rowHeight:i,maxRows:c,isDraggable:D,isResizable:m,isBounded:d,useCSSTransforms:g,transformScale:w,draggableCancel:b,draggableHandle:y,resizeHandles:f,resizeHandle:O}=this.props,{mounted:v,droppingPosition:S}=this.state,u=typeof e.isDraggable=="boolean"?e.isDraggable:!e.static&&D,z=typeof e.isResizable=="boolean"?e.isResizable:!e.static&&m,j=e.resizeHandles||f,x=u&&d&&e.isBounded!==!1;return _.createElement(E.default,{containerWidth:s,cols:l,margin:p,containerPadding:n||p,maxRows:c,rowHeight:i,cancel:b,handle:y,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:u,isResizable:z,isBounded:x,useCSSTransforms:g&&v,usePercentages:!v,transformScale:w,w:e.w,h:e.h,x:e.x,y:e.y,i:e.i,minH:e.minH,minW:e.minW,maxH:e.maxH,maxW:e.maxW,static:e.static,droppingPosition:o?S:void 0,resizeHandles:j,resizeHandle:O},t)}render(){const{className:t,style:o,isDroppable:e,innerRef:s}=this.props,l=(0,G.default)(H,t),p=R({height:this.containerHeight()},o);return _.createElement("div",{ref:s,className:l,style:p,onDrop:e?this.onDrop:r.noop,onDragLeave:e?this.onDragLeave:r.noop,onDragEnter:e?this.onDragEnter:r.noop,onDragOver:e?this.onDragOver:r.noop},_.Children.map(this.props.children,n=>this.processGridItem(n)),e&&this.state.droppingDOMNode&&this.processGridItem(this.state.droppingDOMNode,!0),this.placeholder())}};return L.__exports.default=P,h(P,"displayName","ReactGridLayout"),h(P,"propTypes",U.default),h(P,"defaultProps",{autoSize:!0,cols:12,className:"",style:{},draggableHandle:"",draggableCancel:"",containerPadding:null,rowHeight:150,maxRows:1/0,layout:[],margin:[10,10],isBounded:!1,isDraggable:!0,isResizable:!0,allowOverlap:!1,isDroppable:!1,useCSSTransforms:!0,transformScale:1,verticalCompact:!0,compactType:"vertical",preventCollision:!1,droppingItem:{i:"__dropping-elem__",h:1,w:1},resizeHandles:["se"],onLayoutChange:r.noop,onDragStart:r.noop,onDrag:r.noop,onDragStop:r.noop,onResizeStart:r.noop,onResize:r.noop,onResizeStop:r.noop,onDrop:r.noop,onDropDragOver:r.noop}),L.__exports}exports.__require=Q;
+//# sourceMappingURL=ReactGridLayout.cjs.map