@elliemae/ds-resizeable-container 2.2.0-alpha.3 → 3.0.0-next.0

package/cjs/Resizable.js

@@ -1,190 +1,172 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var Resizable_exports = {};
-__export(Resizable_exports, {
-  DSResizableContainerWithSchema: () => DSResizableContainerWithSchema,
-  ResizableContainer: () => ResizableContainer,
-  default: () => Resizable_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_system = __toESM(require("@elliemae/ds-system"));
-var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
-var import_props = __toESM(require("./props"));
-var import_defaultProps = __toESM(require("./defaultProps"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx2 = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.every.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.every.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var React = require('react');
+var reactDesc = require('react-desc');
+var styled = require('styled-components');
+var dsSystem = require('@elliemae/ds-system');
+var dsGrid = require('@elliemae/ds-grid');
+var props = require('./props.js');
+var defaultProps = require('./defaultProps.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx2__default = /*#__PURE__*/_interopDefaultLegacy(_jsx2);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const _excluded = ["innerRef"],
+      _excluded2 = ["children", "cols", "rows", "vertical", "horizontal"];
+
+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), !0).forEach(function (key) { _defineProperty__default["default"](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; }
 const safeDifference = 15;
 const minDifference = 8;
-const EVENT_TYPE = { MOUSE: "mouse", KEY: "arrows" };
+const EVENT_TYPE = {
+  MOUSE: 'mouse',
+  KEY: 'arrows'
+};
 const DIRECTION = {
-  L: "left",
-  R: "right",
-  U: "up",
-  D: "down"
+  L: 'left',
+  R: 'right',
+  U: 'up',
+  D: 'down'
 };
+
 function calcPosition(arrow, position) {
   let offset;
+
   switch (arrow) {
     case DIRECTION.U:
       offset = position - 3;
       break;
+
     case DIRECTION.D:
       offset = position + 3;
       break;
+
     case DIRECTION.L:
       offset = position - 3;
       break;
+
     case DIRECTION.R:
       offset = position + 3;
       break;
+
     default:
       offset = position;
   }
+
   return offset;
 }
+
 function cursorResolver(nextPx, px, isVertical) {
   const orientation = {
-    vertical: "row-resize",
-    horizontal: "col-resize",
-    left: "w-resize",
-    right: "e-resize",
-    up: "n-resize",
-    down: "s-resize"
+    vertical: 'row-resize',
+    horizontal: 'col-resize',
+    left: 'w-resize',
+    right: 'e-resize',
+    up: 'n-resize',
+    down: 's-resize'
   };
-  if (isVertical && nextPx && nextPx <= safeDifference + 1)
-    return orientation.up;
-  if (isVertical && px > safeDifference + 1)
-    return orientation.vertical;
-  if (isVertical && px <= safeDifference + 1)
-    return orientation.down;
-  if (!isVertical && nextPx && nextPx <= safeDifference + 1)
-    return orientation.left;
-  if (!isVertical && px <= safeDifference + 1)
-    return orientation.right;
-  if (!isVertical && px > safeDifference + 1)
-    return orientation.horizontal;
+  if (isVertical && nextPx && nextPx <= safeDifference + 1) return orientation.up;
+  if (isVertical && px > safeDifference + 1) return orientation.vertical;
+  if (isVertical && px <= safeDifference + 1) return orientation.down;
+  if (!isVertical && nextPx && nextPx <= safeDifference + 1) return orientation.left;
+  if (!isVertical && px <= safeDifference + 1) return orientation.right;
+  if (!isVertical && px > safeDifference + 1) return orientation.horizontal;
   return isVertical ? orientation.vertical : orientation.horizontal;
 }
-function ResizableItemComponent({ innerRef, ...p }) {
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    ref: innerRef,
-    ...p
-  });
+
+function ResizableItemComponent(_ref) {
+  let {
+    innerRef
+  } = _ref,
+      p = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  return /*#__PURE__*/jsxRuntime.jsx(dsGrid.Grid, _objectSpread({
+    ref: innerRef
+  }, p));
 }
-const ResizableGrid = (0, import_styled_components.default)(import_ds_grid.Grid)``;
-const ResizableItem = (0, import_styled_components.default)(ResizableItemComponent)`
-  position: relative;
-`;
-const ResizableBar = import_styled_components.default.div`
-  position: absolute;
-  cursor: ${({ container, nextContainer, v }) => cursorResolver(nextContainer, container, v)};
-
-  ${(props) => {
+
+const ResizableGrid = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-forwbw-0"
+})([""]);
+const ResizableItem = /*#__PURE__*/styled__default["default"](ResizableItemComponent).withConfig({
+  componentId: "sc-forwbw-1"
+})(["position:relative;"]);
+const ResizableBar = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-forwbw-2"
+})(["position:absolute;cursor:", ";", ""], _ref2 => {
+  let {
+    container,
+    nextContainer,
+    v
+  } = _ref2;
+  return cursorResolver(nextContainer, container, v);
+}, props => {
   if (props.v) {
-    return `
-        bottom: calc(${(0, import_ds_system.mapGap)(props.gutter)} * -0.5);
-        left: 0;
-        width: 100%;
-        height: 10px;
-        margin-bottom: -5px;
-        display: flex;
-        flex-direction: column;
-        justify-content:space-around;
-        align-items: center;
-        &:after{
-          width: 100%;
-          height: 1px;
-          display: block;
-          background: ${props.theme.colors.neutral["300"]};
-          content: '';
-        }
-        &:hover{
-          &:after{
-            background: ${props.theme.colors.brand["600"]};
-          } 
-        }
-      `;
+    return "\n        bottom: calc(".concat(dsSystem.mapGap(props.gutter), " * -0.5);\n        left: 0;\n        width: 100%;\n        height: 10px;\n        margin-bottom: -5px;\n        display: flex;\n        flex-direction: column;\n        justify-content:space-around;\n        align-items: center;\n        &:after{\n          width: 100%;\n          height: 1px;\n          display: block;\n          background: ").concat(props.theme.colors.neutral['300'], ";\n          content: '';\n        }\n        &:hover{\n          &:after{\n            background: ").concat(props.theme.colors.brand['600'], ";\n          } \n        }\n      ");
   }
-  return `
-    top: 0;
-    right: calc(${(0, import_ds_system.mapGap)(props.gutter)} * -0.5);
-    height: 100%;
-    width: 10px;
-    margin-right: -5px;
-    display: flex;
-    flex-direction: row;
-    justify-content:space-around;
-    align-items: center;
-    &:after{
-      height: 100%;
-      width: 1px;
-      display: block;
-      background: ${props.theme.colors.neutral["300"]};
-      content: '';
-    }
-    &:hover{
-      &:after{
-        background: ${props.theme.colors.brand["600"]};
-      } 
-    }
-    `;
-}}
-`;
-const getWidths = (list) => list.map((l) => l.clientWidth);
-const getHeights = (list) => list.map((l) => l.clientHeight);
-function ResizableContainer({
-  children,
-  cols,
-  rows,
-  vertical,
-  horizontal,
-  ...rest
-}) {
-  const refs = (0, import_react.useRef)([]);
-  const [containers, setContainers] = (0, import_react.useState)(cols);
-  const [blocks, setBlocks] = (0, import_react.useState)(rows);
-  const [isDragging, setDragging] = (0, import_react.useState)(false);
-  const [start, setStartPoint] = (0, import_react.useState)(0);
-  const [resetPoint, setResetPoint] = (0, import_react.useState)();
-  (0, import_react.useEffect)(() => {
-    if (horizontal)
-      setContainers(getWidths(refs.current));
-    if (vertical)
-      setBlocks(getHeights(refs.current));
+
+  return "\n    top: 0;\n    right: calc(".concat(dsSystem.mapGap(props.gutter), " * -0.5);\n    height: 100%;\n    width: 10px;\n    margin-right: -5px;\n    display: flex;\n    flex-direction: row;\n    justify-content:space-around;\n    align-items: center;\n    &:after{\n      height: 100%;\n      width: 1px;\n      display: block;\n      background: ").concat(props.theme.colors.neutral['300'], ";\n      content: '';\n    }\n    &:hover{\n      &:after{\n        background: ").concat(props.theme.colors.brand['600'], ";\n      } \n    }\n    ");
+});
+
+const getWidths = list => list.map(l => l.clientWidth);
+
+const getHeights = list => list.map(l => l.clientHeight);
+
+function ResizableContainer(_ref3) {
+  let {
+    children,
+    cols,
+    rows,
+    vertical,
+    horizontal
+  } = _ref3,
+      rest = _objectWithoutProperties__default["default"](_ref3, _excluded2);
+
+  const refs = React.useRef([]);
+  const [containers, setContainers] = React.useState(cols);
+  const [blocks, setBlocks] = React.useState(rows);
+  const [isDragging, setDragging] = React.useState(false);
+  const [start, setStartPoint] = React.useState(0);
+  const [resetPoint, setResetPoint] = React.useState();
+  React.useEffect(() => {
+    if (horizontal) setContainers(getWidths(refs.current));
+    if (vertical) setBlocks(getHeights(refs.current));
   }, [refs.current, horizontal, vertical]);
-  const addRef = (node) => {
+
+  const addRef = node => {
     refs.current.push(node);
   };
-  const resizePanels = (diff = 1, v = false) => {
+
+  const resizePanels = function () {
+    let diff = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+    let v = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     const index = parseInt(start.index, 10);
+
     if (!v) {
       const newContainers = [...containers];
+
       if (newContainers[index + 1] && newContainers[index + 1] > minDifference) {
         newContainers[index + 1] = newContainers[index + 1] - diff;
         newContainers[index] = diff + newContainers[index];
@@ -192,10 +174,11 @@ function ResizableContainer({
         newContainers[index - 1] = newContainers[index - 1] - diff;
         newContainers[index] = diff + newContainers[index];
       }
-      if (newContainers.every((c) => c > safeDifference))
-        setContainers(newContainers);
+
+      if (newContainers.every(c => c > safeDifference)) setContainers(newContainers);
     } else {
       const newBlocks = [...blocks];
+
       if (newBlocks[index + 1] && newBlocks[index + 1] > minDifference) {
         newBlocks[index + 1] = newBlocks[index + 1] - diff;
         newBlocks[index] = diff + newBlocks[index];
@@ -203,11 +186,14 @@ function ResizableContainer({
         newBlocks[index - 1] = newBlocks[index - 1] - diff;
         newBlocks[index] = diff + newBlocks[index];
       }
-      if (newBlocks.every((c) => c > safeDifference))
-        setBlocks(newBlocks);
+
+      if (newBlocks.every(c => c > safeDifference)) setBlocks(newBlocks);
     }
   };
-  const startResize = (event, index, v = false, type) => {
+
+  const startResize = function (event, index) {
+    let v = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    let type = arguments.length > 3 ? arguments[3] : undefined;
     setDragging(type);
     setStartPoint({
       x: event.clientX,
@@ -215,30 +201,41 @@ function ResizableContainer({
       index,
       v
     });
-    setResetPoint({ containers, blocks });
+    setResetPoint({
+      containers,
+      blocks
+    });
   };
+
   const moveResize = (event, type) => {
     if (isDragging && isDragging === type && !start.v) {
       const diff = event.clientX - start.x;
-      if (diff === 0)
-        return;
-      setStartPoint({ x: event.clientX, index: start.index });
+      if (diff === 0) return;
+      setStartPoint({
+        x: event.clientX,
+        index: start.index
+      });
       resizePanels(diff);
     } else if (isDragging && isDragging === type && start.v) {
       const diff = event.clientY - start.y;
-      if (diff === 0)
-        return;
-      setStartPoint({ ...start, y: event.clientY, index: start.index });
+      if (diff === 0) return;
+      setStartPoint(_objectSpread(_objectSpread({}, start), {}, {
+        y: event.clientY,
+        index: start.index
+      }));
       resizePanels(diff, true);
     }
   };
-  const endResize = (type) => {
+
+  const endResize = type => {
     if (isDragging === type) {
       setDragging(false);
       setStartPoint();
     }
   };
-  const handleKeyDown = (e, index, v = false) => {
+
+  const handleKeyDown = function (e, index) {
+    let v = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     const keyCodes = {
       37: DIRECTION.L,
       Left: DIRECTION.L,
@@ -253,62 +250,74 @@ function ResizableContainer({
       Down: DIRECTION.D,
       ArrowDown: DIRECTION.D
     };
+
     if (keyCodes[e.key || e.keyCode]) {
       e.preventDefault();
-      const { top: y, left: x } = e.target.getBoundingClientRect();
+      const {
+        top: y,
+        left: x
+      } = e.target.getBoundingClientRect();
+
       if (!start) {
-        startResize({ clientX: x, clientY: y }, index, v, EVENT_TYPE.KEY);
+        startResize({
+          clientX: x,
+          clientY: y
+        }, index, v, EVENT_TYPE.KEY);
       } else {
         const clientX = keyCodes[e.keyCode] === DIRECTION.L || keyCodes[e.keyCode] === DIRECTION.R ? calcPosition(keyCodes[e.keyCode], x) : x;
         const clientY = keyCodes[e.keyCode] === DIRECTION.U || keyCodes[e.keyCode] === DIRECTION.D ? calcPosition(keyCodes[e.keyCode], y) : y;
-        moveResize({ clientX, clientY }, EVENT_TYPE.KEY);
+        moveResize({
+          clientX,
+          clientY
+        }, EVENT_TYPE.KEY);
       }
     }
   };
-  const onLeave = (type) => {
+
+  const onLeave = type => {
     if (isDragging === type) {
       setDragging(false);
-      if (resetPoint && resetPoint.blocks)
-        setBlocks(resetPoint.blocks);
-      if (resetPoint && resetPoint.containers)
-        setContainers(resetPoint.containers);
+      if (resetPoint && resetPoint.blocks) setBlocks(resetPoint.blocks);
+      if (resetPoint && resetPoint.containers) setContainers(resetPoint.containers);
     }
   };
-  const count = import_react.default.Children.count(children);
-  return /* @__PURE__ */ import_react.default.createElement(ResizableGrid, {
-    ...rest,
+
+  const count = React__default["default"].Children.count(children);
+  return /*#__PURE__*/jsxRuntime.jsx(ResizableGrid, _objectSpread(_objectSpread({}, rest), {}, {
     cols: containers,
     onKeyUp: () => endResize(EVENT_TYPE.KEY),
     onMouseLeave: () => onLeave(EVENT_TYPE.MOUSE),
-    onMouseMove: (e) => moveResize(e, EVENT_TYPE.MOUSE),
+    onMouseMove: e => moveResize(e, EVENT_TYPE.MOUSE),
     onMouseUp: () => endResize(EVENT_TYPE.MOUSE),
-    rows: blocks
-  }, import_react.default.Children.map(children, (child, index) => /* @__PURE__ */ import_react.default.createElement(ResizableItem, {
-    "data-index": index,
-    innerRef: addRef
-  }, child, count - 1 !== index && horizontal && /* @__PURE__ */ import_react.default.createElement(ResizableBar, {
-    container: containers[index],
-    "data-index": index,
-    gutter: rest.gutter,
-    nextContainer: containers[index + 1],
-    onKeyDown: (e) => handleKeyDown(e, index, false),
-    onMouseDown: (e) => startResize(e, index, false, EVENT_TYPE.MOUSE),
-    tabIndex: 0
-  }), count - 1 !== index && vertical && /* @__PURE__ */ import_react.default.createElement(ResizableBar, {
-    container: blocks[index],
-    "data-index": index,
-    gutter: rest.gutter,
-    nextContainer: blocks[index + 1],
-    onKeyDown: (e) => handleKeyDown(e, index, true),
-    onMouseDown: (e) => startResize(e, index, true, EVENT_TYPE.MOUSE),
-    tabIndex: 0,
-    v: true
-  }))));
+    rows: blocks,
+    children: React__default["default"].Children.map(children, (child, index) => /*#__PURE__*/_jsx2__default["default"](ResizableItem, {
+      "data-index": index,
+      innerRef: addRef
+    }, void 0, child, count - 1 !== index && horizontal && /*#__PURE__*/_jsx2__default["default"](ResizableBar, {
+      container: containers[index],
+      "data-index": index,
+      gutter: rest.gutter,
+      nextContainer: containers[index + 1],
+      onKeyDown: e => handleKeyDown(e, index, false),
+      onMouseDown: e => startResize(e, index, false, EVENT_TYPE.MOUSE),
+      tabIndex: 0
+    }), count - 1 !== index && vertical && /*#__PURE__*/_jsx2__default["default"](ResizableBar, {
+      container: blocks[index],
+      "data-index": index,
+      gutter: rest.gutter,
+      nextContainer: blocks[index + 1],
+      onKeyDown: e => handleKeyDown(e, index, true),
+      onMouseDown: e => startResize(e, index, true, EVENT_TYPE.MOUSE),
+      tabIndex: 0,
+      v: true
+    })))
+  }));
 }
-ResizableContainer.propTypes = import_props.props;
-ResizableContainer.defaultProps = import_defaultProps.defaultProps;
-const DSResizableContainerWithSchema = (0, import_react_desc.describe)(ResizableContainer);
-DSResizableContainerWithSchema.propTypes = import_props.props;
-var Resizable_default = ResizableContainer;
-module.exports = __toCommonJS(Resizable_exports);
-//# sourceMappingURL=Resizable.js.map
+
+ResizableContainer.defaultProps = defaultProps.defaultProps;
+const DSResizableContainerWithSchema = reactDesc.describe(ResizableContainer);
+DSResizableContainerWithSchema.propTypes = props.props;
+
+exports.DSResizableContainerWithSchema = DSResizableContainerWithSchema;
+exports.ResizableContainer = ResizableContainer;
+exports["default"] = ResizableContainer;

package/cjs/defaultProps.js

@@ -1,38 +1,10 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var defaultProps_exports = {};
-__export(defaultProps_exports, {
-  defaultProps: () => defaultProps
-});
-var React = __toESM(require("react"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
 const defaultProps = {
   vertical: false,
   horizontal: false
 };
-module.exports = __toCommonJS(defaultProps_exports);
-//# sourceMappingURL=defaultProps.js.map
+
+exports.defaultProps = defaultProps;

package/cjs/index.js

@@ -1,36 +1,11 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var src_exports = {};
-__export(src_exports, {
-  default: () => import_Resizable.default
-});
-var React = __toESM(require("react"));
-__reExport(src_exports, __toESM(require("./Resizable")));
-var import_Resizable = __toESM(require("./Resizable"));
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Resizable = require('./Resizable.js');
+
+
+
+exports.DSResizableContainerWithSchema = Resizable.DSResizableContainerWithSchema;
+exports.ResizableContainer = Resizable.ResizableContainer;
+exports["default"] = Resizable.ResizableContainer;