@elliemae/ds-resizeable-container 1.60.0 → 2.0.0-alpha.12

package/esm/Resizable.js

@@ -1,8 +1,16 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx2 from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import _extends from '@babel/runtime/helpers/esm/extends';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.every.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.every.js';
 import React, { useRef, useState, useEffect } from 'react';
 import { describe } from 'react-desc';
 import styled from 'styled-components';
@@ -10,20 +18,21 @@ import { mapGap } from '@elliemae/ds-system';
 import { Grid } from '@elliemae/ds-grid';
 import { props } from './props.js';
 import { defaultProps } from './defaultProps.js';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["innerRef"],
-    _excluded2 = ["children", "cols", "rows", "vertical", "horizontal"];
+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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var safeDifference = 15;
-var minDifference = 8;
-var EVENT_TYPE = {
+const safeDifference = 15;
+const minDifference = 8;
+const EVENT_TYPE = {
   MOUSE: 'mouse',
   KEY: 'arrows'
 };
-var DIRECTION = {
+const DIRECTION = {
   L: 'left',
   R: 'right',
   U: 'up',
@@ -31,7 +40,7 @@ var DIRECTION = {
 };
 
 function calcPosition(arrow, position) {
-  var offset;
+  let offset;
 
   switch (arrow) {
     case DIRECTION.U:
@@ -58,7 +67,7 @@ function calcPosition(arrow, position) {
 }
 
 function cursorResolver(nextPx, px, isVertical) {
-  var orientation = {
+  const orientation = {
     vertical: 'row-resize',
     horizontal: 'col-resize',
     left: 'w-resize',
@@ -76,28 +85,32 @@ function cursorResolver(nextPx, px, isVertical) {
 }
 
 function ResizableItemComponent(_ref) {
-  var innerRef = _ref.innerRef,
+  let {
+    innerRef
+  } = _ref,
       p = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Grid, _extends({
+  return /*#__PURE__*/jsx(Grid, _objectSpread({
     ref: innerRef
   }, p));
 }
 
-var ResizableGrid = /*#__PURE__*/styled(Grid).withConfig({
+const ResizableGrid = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-forwbw-0"
 })([""]);
-var ResizableItem = /*#__PURE__*/styled(ResizableItemComponent).withConfig({
+const ResizableItem = /*#__PURE__*/styled(ResizableItemComponent).withConfig({
   componentId: "sc-forwbw-1"
 })(["position:relative;"]);
-var ResizableBar = /*#__PURE__*/styled.div.withConfig({
+const ResizableBar = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-forwbw-2"
-})(["position:absolute;cursor:", ";", ""], function (_ref2) {
-  var container = _ref2.container,
-      nextContainer = _ref2.nextContainer,
-      v = _ref2.v;
+})(["position:absolute;cursor:", ";", ""], _ref2 => {
+  let {
+    container,
+    nextContainer,
+    v
+  } = _ref2;
   return cursorResolver(nextContainer, container, v);
-}, function (props) {
+}, props => {
   if (props.v) {
     return "\n        bottom: calc(".concat(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      ");
   }
@@ -105,69 +118,42 @@ var ResizableBar = /*#__PURE__*/styled.div.withConfig({
   return "\n    top: 0;\n    right: calc(".concat(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    ");
 });
 
-var getWidths = function getWidths(list) {
-  return list.map(function (l) {
-    return l.clientWidth;
-  });
-};
+const getWidths = list => list.map(l => l.clientWidth);
 
-var getHeights = function getHeights(list) {
-  return list.map(function (l) {
-    return l.clientHeight;
-  });
-};
+const getHeights = list => list.map(l => l.clientHeight);
 
 function ResizableContainer(_ref3) {
-  var children = _ref3.children,
-      cols = _ref3.cols,
-      rows = _ref3.rows,
-      vertical = _ref3.vertical,
-      horizontal = _ref3.horizontal,
+  let {
+    children,
+    cols,
+    rows,
+    vertical,
+    horizontal
+  } = _ref3,
       rest = _objectWithoutProperties(_ref3, _excluded2);
 
-  var refs = useRef([]);
-
-  var _useState = useState(cols),
-      _useState2 = _slicedToArray(_useState, 2),
-      containers = _useState2[0],
-      setContainers = _useState2[1];
-
-  var _useState3 = useState(rows),
-      _useState4 = _slicedToArray(_useState3, 2),
-      blocks = _useState4[0],
-      setBlocks = _useState4[1];
-
-  var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      isDragging = _useState6[0],
-      setDragging = _useState6[1];
-
-  var _useState7 = useState(0),
-      _useState8 = _slicedToArray(_useState7, 2),
-      start = _useState8[0],
-      setStartPoint = _useState8[1];
-
-  var _useState9 = useState(),
-      _useState10 = _slicedToArray(_useState9, 2),
-      resetPoint = _useState10[0],
-      setResetPoint = _useState10[1];
-
-  useEffect(function () {
+  const refs = useRef([]);
+  const [containers, setContainers] = useState(cols);
+  const [blocks, setBlocks] = useState(rows);
+  const [isDragging, setDragging] = useState(false);
+  const [start, setStartPoint] = useState(0);
+  const [resetPoint, setResetPoint] = useState();
+  useEffect(() => {
     if (horizontal) setContainers(getWidths(refs.current));
     if (vertical) setBlocks(getHeights(refs.current));
   }, [refs.current, horizontal, vertical]);
 
-  var addRef = function addRef(node) {
+  const addRef = node => {
     refs.current.push(node);
   };
 
-  var resizePanels = function resizePanels() {
-    var diff = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-    var v = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    var index = parseInt(start.index, 10);
+  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) {
-      var newContainers = _toConsumableArray(containers);
+      const newContainers = [...containers];
 
       if (newContainers[index + 1] && newContainers[index + 1] > minDifference) {
         newContainers[index + 1] = newContainers[index + 1] - diff;
@@ -177,11 +163,9 @@ function ResizableContainer(_ref3) {
         newContainers[index] = diff + newContainers[index];
       }
 
-      if (newContainers.every(function (c) {
-        return c > safeDifference;
-      })) setContainers(newContainers);
+      if (newContainers.every(c => c > safeDifference)) setContainers(newContainers);
     } else {
-      var newBlocks = _toConsumableArray(blocks);
+      const newBlocks = [...blocks];
 
       if (newBlocks[index + 1] && newBlocks[index + 1] > minDifference) {
         newBlocks[index + 1] = newBlocks[index + 1] - diff;
@@ -191,31 +175,29 @@ function ResizableContainer(_ref3) {
         newBlocks[index] = diff + newBlocks[index];
       }
 
-      if (newBlocks.every(function (c) {
-        return c > safeDifference;
-      })) setBlocks(newBlocks);
+      if (newBlocks.every(c => c > safeDifference)) setBlocks(newBlocks);
     }
   };
 
-  var startResize = function startResize(event, index) {
-    var v = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    var type = arguments.length > 3 ? arguments[3] : undefined;
+  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,
       y: event.clientY,
-      index: index,
-      v: v
+      index,
+      v
     });
     setResetPoint({
-      containers: containers,
-      blocks: blocks
+      containers,
+      blocks
     });
   };
 
-  var moveResize = function moveResize(event, type) {
+  const moveResize = (event, type) => {
     if (isDragging && isDragging === type && !start.v) {
-      var diff = event.clientX - start.x;
+      const diff = event.clientX - start.x;
       if (diff === 0) return;
       setStartPoint({
         x: event.clientX,
@@ -223,27 +205,26 @@ function ResizableContainer(_ref3) {
       });
       resizePanels(diff);
     } else if (isDragging && isDragging === type && start.v) {
-      var _diff = event.clientY - start.y;
-
-      if (_diff === 0) return;
+      const diff = event.clientY - start.y;
+      if (diff === 0) return;
       setStartPoint(_objectSpread(_objectSpread({}, start), {}, {
         y: event.clientY,
         index: start.index
       }));
-      resizePanels(_diff, true);
+      resizePanels(diff, true);
     }
   };
 
-  var endResize = function endResize(type) {
+  const endResize = type => {
     if (isDragging === type) {
       setDragging(false);
       setStartPoint();
     }
   };
 
-  var handleKeyDown = function handleKeyDown(e, index) {
-    var v = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    var keyCodes = {
+  const handleKeyDown = function (e, index) {
+    let v = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    const keyCodes = {
       37: DIRECTION.L,
       Left: DIRECTION.L,
       ArrowLeft: DIRECTION.L,
@@ -260,10 +241,10 @@ function ResizableContainer(_ref3) {
 
     if (keyCodes[e.key || e.keyCode]) {
       e.preventDefault();
-
-      var _e$target$getBounding = e.target.getBoundingClientRect(),
-          y = _e$target$getBounding.top,
-          x = _e$target$getBounding.left;
+      const {
+        top: y,
+        left: x
+      } = e.target.getBoundingClientRect();
 
       if (!start) {
         startResize({
@@ -271,17 +252,17 @@ function ResizableContainer(_ref3) {
           clientY: y
         }, index, v, EVENT_TYPE.KEY);
       } else {
-        var clientX = keyCodes[e.keyCode] === DIRECTION.L || keyCodes[e.keyCode] === DIRECTION.R ? calcPosition(keyCodes[e.keyCode], x) : x;
-        var clientY = keyCodes[e.keyCode] === DIRECTION.U || keyCodes[e.keyCode] === DIRECTION.D ? calcPosition(keyCodes[e.keyCode], y) : y;
+        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: clientX,
-          clientY: clientY
+          clientX,
+          clientY
         }, EVENT_TYPE.KEY);
       }
     }
   };
 
-  var onLeave = function onLeave(type) {
+  const onLeave = type => {
     if (isDragging === type) {
       setDragging(false);
       if (resetPoint && resetPoint.blocks) setBlocks(resetPoint.blocks);
@@ -289,59 +270,40 @@ function ResizableContainer(_ref3) {
     }
   };
 
-  var count = React.Children.count(children);
-  return /*#__PURE__*/React.createElement(ResizableGrid, _extends({}, rest, {
+  const count = React.Children.count(children);
+  return /*#__PURE__*/jsx(ResizableGrid, _objectSpread(_objectSpread({}, rest), {}, {
     cols: containers,
-    onKeyUp: function onKeyUp() {
-      return endResize(EVENT_TYPE.KEY);
-    },
-    onMouseLeave: function onMouseLeave() {
-      return onLeave(EVENT_TYPE.MOUSE);
-    },
-    onMouseMove: function onMouseMove(e) {
-      return moveResize(e, EVENT_TYPE.MOUSE);
-    },
-    onMouseUp: function onMouseUp() {
-      return endResize(EVENT_TYPE.MOUSE);
-    },
-    rows: blocks
-  }), React.Children.map(children, function (child, index) {
-    return /*#__PURE__*/React.createElement(ResizableItem, {
+    onKeyUp: () => endResize(EVENT_TYPE.KEY),
+    onMouseLeave: () => onLeave(EVENT_TYPE.MOUSE),
+    onMouseMove: e => moveResize(e, EVENT_TYPE.MOUSE),
+    onMouseUp: () => endResize(EVENT_TYPE.MOUSE),
+    rows: blocks,
+    children: React.Children.map(children, (child, index) => /*#__PURE__*/_jsx2(ResizableItem, {
       "data-index": index,
       innerRef: addRef
-    }, child, count - 1 !== index && horizontal && /*#__PURE__*/React.createElement(ResizableBar, {
+    }, void 0, child, count - 1 !== index && horizontal && /*#__PURE__*/_jsx2(ResizableBar, {
       container: containers[index],
       "data-index": index,
       gutter: rest.gutter,
       nextContainer: containers[index + 1],
-      onKeyDown: function onKeyDown(e) {
-        return handleKeyDown(e, index, false);
-      },
-      onMouseDown: function onMouseDown(e) {
-        return startResize(e, index, false, EVENT_TYPE.MOUSE);
-      },
+      onKeyDown: e => handleKeyDown(e, index, false),
+      onMouseDown: e => startResize(e, index, false, EVENT_TYPE.MOUSE),
       tabIndex: 0
-    }), count - 1 !== index && vertical && /*#__PURE__*/React.createElement(ResizableBar, {
+    }), count - 1 !== index && vertical && /*#__PURE__*/_jsx2(ResizableBar, {
       container: blocks[index],
       "data-index": index,
       gutter: rest.gutter,
       nextContainer: blocks[index + 1],
-      onKeyDown: function onKeyDown(e) {
-        return handleKeyDown(e, index, true);
-      },
-      onMouseDown: function onMouseDown(e) {
-        return startResize(e, index, true, EVENT_TYPE.MOUSE);
-      },
+      onKeyDown: e => handleKeyDown(e, index, true),
+      onMouseDown: e => startResize(e, index, true, EVENT_TYPE.MOUSE),
       tabIndex: 0,
       v: true
-    }));
+    })))
   }));
 }
 
-ResizableContainer.propTypes = props;
 ResizableContainer.defaultProps = defaultProps;
-var DSResizableContainerWithSchema = describe(ResizableContainer);
+const DSResizableContainerWithSchema = describe(ResizableContainer);
 DSResizableContainerWithSchema.propTypes = props;
 
 export { DSResizableContainerWithSchema, ResizableContainer, ResizableContainer as default };
-//# sourceMappingURL=Resizable.js.map

package/esm/defaultProps.js

@@ -1,7 +1,6 @@
-var defaultProps = {
+const defaultProps = {
   vertical: false,
   horizontal: false
 };
 
 export { defaultProps };
-//# sourceMappingURL=defaultProps.js.map

package/esm/index.js

@@ -1,14 +1 @@
 export { DSResizableContainerWithSchema, ResizableContainer, ResizableContainer as default } from './Resizable.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import 'react-desc';
-import 'styled-components';
-import '@elliemae/ds-system';
-import '@elliemae/ds-grid';
-import './props.js';
-import './defaultProps.js';
-//# sourceMappingURL=index.js.map

package/esm/props.js

@@ -1,6 +1,6 @@
 import { PropTypes } from 'react-desc';
 
-var props = {
+const props = {
   /** grid item content */
   children: PropTypes.node.description('Grid item content'),
 
@@ -18,4 +18,3 @@ var props = {
 };
 
 export { props };
-//# sourceMappingURL=props.js.map

package/package.json

@@ -1,14 +1,42 @@
 {
   "name": "@elliemae/ds-resizeable-container",
-  "version": "1.60.0",
+  "version": "2.0.0-alpha.12",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - Resizeable Container",
-  "module": "esm/index.js",
-  "main": "cjs/index.js",
+  "description": "ICE MT - Dimsum - Resizeable Container",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./Resizable": {
+      "import": "./esm/Resizable.js",
+      "require": "./cjs/Resizable.js"
+    },
+    "./props": {
+      "import": "./esm/props.js",
+      "require": "./cjs/props.js"
+    },
+    "./defaultProps": {
+      "import": "./esm/defaultProps.js",
+      "require": "./cjs/defaultProps.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
     "prebuild": "exit 0",
@@ -16,20 +44,24 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-grid": "1.60.0",
-    "@elliemae/ds-system": "1.60.0",
-    "react-desc": "^4.1.2"
+    "@elliemae/ds-grid": "2.0.0-alpha.12",
+    "@elliemae/ds-system": "2.0.0-alpha.12",
+    "react-desc": "~4.1.3"
   },
   "devDependencies": {
-    "styled-components": "~5.3.0"
+    "@testing-library/jest-dom": "~5.15.0",
+    "@testing-library/react": "~12.1.2",
+    "@testing-library/user-event": "~13.5.0",
+    "styled-components": "~5.3.3"
   },
   "peerDependencies": {
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "styled-components": "^5.3.0"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.3"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/Resizable.d.ts

@@ -0,0 +1,62 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+declare function ResizableContainer({ children, cols, rows, vertical, horizontal, ...rest }: {
+    [x: string]: any;
+    children: any;
+    cols: any;
+    rows: any;
+    vertical: any;
+    horizontal: any;
+}): JSX.Element;
+declare namespace ResizableContainer {
+    var propTypes: {
+        children: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        vertical: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        horizontal: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        rows: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        cols: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+    };
+    var defaultProps: {
+        vertical: boolean;
+        horizontal: boolean;
+    };
+}
+declare const DSResizableContainerWithSchema: {
+    (props?: {
+        [x: string]: any;
+        children: any;
+        cols: any;
+        rows: any;
+        vertical: any;
+        horizontal: any;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { ResizableContainer, DSResizableContainerWithSchema };
+export default ResizableContainer;

package/types/defaultProps.d.ts

@@ -0,0 +1,4 @@
+export declare const defaultProps: {
+    vertical: boolean;
+    horizontal: boolean;
+};

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Resizable';
+export { default } from './Resizable';

package/types/props.d.ts

@@ -0,0 +1,38 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+export declare const props: {
+    /** grid item content */
+    children: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    /**  vertical resizing */
+    vertical: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    /** horizontal resizing */
+    horizontal: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    /** Row layout cells */
+    rows: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    /** Column layout cells */
+    cols: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+};

package/types/tests/DSResizableContainer.events.test.d.ts

@@ -0,0 +1 @@
+export {};

package/Resizable/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-resizeable-container/Resizable",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/Resizable.js",
-  "module": "../esm/Resizable.js"
-}