bianic-ui 1.8.0 → 1.9.0-beta.1

package/dist/cjs/index.js

@@ -2764,7 +2764,7 @@ var resizerContainerClass = {
 };
 
 function ResizeableDiv(_a) {
-    var _b = _a.position, position = _b === void 0 ? 'bottom' : _b, children = _a.children, className = _a.className, initialWidth = _a.initialWidth, initialHeight = _a.initialHeight;
+    var _b = _a.position, position = _b === void 0 ? 'bottom' : _b, children = _a.children, className = _a.className, initialWidth = _a.initialWidth, minWidth = _a.minWidth, initialHeight = _a.initialHeight, minHeight = _a.minHeight;
     var container = React.useRef(null);
     var resizer = React.useRef(null);
     var handleResize = function (e) {
@@ -2804,15 +2804,30 @@ function ResizeableDiv(_a) {
     };
     var isVerticalResizer = position === 'left' || position === 'right';
     var thumbClass = isVerticalResizer && 'rotate-90';
-    var containerWidth = typeof initialWidth === 'number' && !isNaN(initialWidth) ? "".concat(initialWidth, "px") : initialWidth;
-    var containerHeight = typeof initialHeight === 'number' && !isNaN(initialHeight) ? "".concat(initialHeight, "px") : initialHeight;
-    return (React.createElement("div", { className: "relative overflow-visible", ref: container, style: { width: containerWidth, height: containerHeight } },
+    var containerWidth = typeof initialWidth === 'number' && !isNaN(initialWidth)
+        ? "".concat(initialWidth, "px")
+        : initialWidth;
+    var minimumWidth = typeof minWidth === 'number' && !isNaN(minWidth)
+        ? "".concat(minWidth, "px")
+        : minWidth;
+    var containerHeight = typeof initialHeight === 'number' && !isNaN(initialHeight)
+        ? "".concat(initialHeight, "px")
+        : initialHeight;
+    var minimumHeight = typeof minHeight === 'number' && !isNaN(minHeight)
+        ? "".concat(minHeight, "px")
+        : minHeight;
+    return (React.createElement("div", { className: "relative overflow-visible", ref: container, style: {
+            width: containerWidth,
+            height: containerHeight,
+            minWidth: minimumWidth,
+            minHeight: minimumHeight,
+        } },
         React.createElement("div", { className: "h-full w-full ".concat(className) }, children),
         React.createElement("div", { className: "group absolute z-10 flex items-center justify-center ".concat(resizerContainerClass[position]), ref: resizer, onMouseDown: function () {
                 window.addEventListener('mousemove', handleResize);
                 window.addEventListener('mouseup', stopResize);
-            } },
-            React.createElement("div", { className: "flex h-[9px] w-[25px] items-center justify-center rounded-radius-full border border-bia-grey-light-10 bg-primary-white opacity-20 group-hover:opacity-100 group-active:bg-bia-coolgrey-light-90 ".concat(thumbClass) },
+            }, role: "button" },
+            React.createElement("div", { className: "flex h-[9px] w-[25px] items-center justify-center rounded-radius-full border border-bia-grey-light-10 bg-primary-white opacity-20 group-hover:opacity-100 group-active:bg-bia-coolgrey-light-90 group-active:opacity-100 ".concat(thumbClass) },
                 React.createElement(TbDots, { className: "text-bia-grey-light-30" })))));
 }
 ResizeableDiv.defaultProps = {