@synerise/ds-panels-resizer 0.1.0 → 0.1.2

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.1.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-panels-resizer@0.1.1...@synerise/ds-panels-resizer@0.1.2) (2025-01-07)
+
+
+### Bug Fixes
+
+* panel styles ([83623cf](https://github.com/Synerise/synerise-design/commit/83623cf4de7cc1a43c217cc761d0c891da7c4c2f))
+
+
+
+
+
+## [0.1.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-panels-resizer@0.1.0...@synerise/ds-panels-resizer@0.1.1) (2024-12-16)
+
+**Note:** Version bump only for package @synerise/ds-panels-resizer
+
+
+
+
+
 # 0.1.0 (2024-12-06)
 
 

package/dist/PanelResizer.styles.js

@@ -2,4 +2,4 @@ import styled from 'styled-components';
 export var PanelsResizerContainer = styled.div.withConfig({
   displayName: "PanelResizerstyles__PanelsResizerContainer",
   componentId: "d1bdei-0"
-})(["display:flex;flex:1;height:-webkit-fill-available;"]);
+})(["display:flex;flex:1;height:-webkit-fill-available;overflow:hidden;"]);

package/dist/PanelsResizer.js

@@ -1,3 +1,8 @@
+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(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React, { useCallback, useState, useRef, useEffect } from 'react';
 import { Resizer } from './Resizer';
 import { calculateLeftPanelWidth, calculateRightPanelWidth, getInitialVector } from './utils';
@@ -21,7 +26,8 @@ export var PanelsResizer = function PanelsResizer(_ref) {
       var initialVector = getInitialVector(initial, containerWidth);
       setVector(initialVector);
     }
-  }, [initial]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   var handleMouseMove = useCallback(function (event) {
     if (!isResizing) return;
     var deltaX = event.clientX - startClientXRef.current;
@@ -46,20 +52,22 @@ export var PanelsResizer = function PanelsResizer(_ref) {
     onMouseLeave: handleMouseUpOrLeave
   }, /*#__PURE__*/React.createElement("div", {
     "data-testid": "left-panel-wrapper",
-    style: {
+    style: _objectSpread({
       width: calculateLeftPanelWidth(vector),
-      pointerEvents: isResizing ? 'none' : 'auto',
-      overflow: scrollable ? 'auto' : 'hidden'
-    }
+      pointerEvents: isResizing ? 'none' : 'auto'
+    }, scrollable ? {
+      overflow: 'auto'
+    } : {})
   }, leftPanel), /*#__PURE__*/React.createElement(Resizer, {
     onMouseDown: handleMouseDownOnResizer
   }), /*#__PURE__*/React.createElement("div", {
     "data-testid": "right-panel-wrapper",
-    style: {
+    style: _objectSpread({
       width: calculateRightPanelWidth(vector),
       pointerEvents: isResizing ? 'none' : 'auto',
-      zIndex: 4,
-      overflow: scrollable ? 'auto' : 'hidden'
-    }
+      zIndex: 4
+    }, scrollable ? {
+      overflow: 'auto'
+    } : {})
   }, rightPanel));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-panels-resizer",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "PanelResizer UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,12 +34,12 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^0.68.0"
+    "@synerise/ds-icon": "^0.69.0"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "gitHead": "47645b60ce87c767dbea3fa29c4f3158acc7b3d7"
+  "gitHead": "763d5b4b5e8e6f9c3c09e7eeec77a0f8ea40893b"
 }