@synerise/ds-panels-resizer 1.0.10 → 1.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,7 +3,7 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ## [1.0.10](https://github.com/Synerise/synerise-design/compare/@synerise/ds-panels-resizer@1.0.9...@synerise/ds-panels-resizer@1.0.10) (2025-06-05)
6
+ ## [1.0.12](https://github.com/Synerise/synerise-design/compare/@synerise/ds-panels-resizer@1.0.11...@synerise/ds-panels-resizer@1.0.12) (2025-07-01)
7
7
 
8
8
  **Note:** Version bump only for package @synerise/ds-panels-resizer
9
9
 
@@ -11,7 +11,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
11
11
 
12
12
 
13
13
 
14
- ## [1.0.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-panels-resizer@1.0.8...@synerise/ds-panels-resizer@1.0.9) (2025-05-26)
14
+ ## [1.0.11](https://github.com/Synerise/synerise-design/compare/@synerise/ds-panels-resizer@1.0.10...@synerise/ds-panels-resizer@1.0.11) (2025-06-24)
15
15
 
16
16
  **Note:** Version bump only for package @synerise/ds-panels-resizer
17
17
 
@@ -19,151 +19,88 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
19
19
 
20
20
 
21
21
 
22
- ## [1.0.8](https://github.com/Synerise/synerise-design/compare/@synerise/ds-panels-resizer@1.0.7...@synerise/ds-panels-resizer@1.0.8) (2025-05-19)
22
+ ## [1.0.10](https://github.com/Synerise/synerise-design/compare/@synerise/ds-panels-resizer@1.0.9...@synerise/ds-panels-resizer@1.0.10) (2025-06-05)
23
23
 
24
24
  **Note:** Version bump only for package @synerise/ds-panels-resizer
25
25
 
26
+ ## [1.0.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-panels-resizer@1.0.8...@synerise/ds-panels-resizer@1.0.9) (2025-05-26)
26
27
 
28
+ **Note:** Version bump only for package @synerise/ds-panels-resizer
27
29
 
30
+ ## [1.0.8](https://github.com/Synerise/synerise-design/compare/@synerise/ds-panels-resizer@1.0.7...@synerise/ds-panels-resizer@1.0.8) (2025-05-19)
28
31
 
32
+ **Note:** Version bump only for package @synerise/ds-panels-resizer
29
33
 
30
34
  ## [1.0.7](https://github.com/Synerise/synerise-design/compare/@synerise/ds-panels-resizer@1.0.6...@synerise/ds-panels-resizer@1.0.7) (2025-05-07)
31
35
 
32
36
  **Note:** Version bump only for package @synerise/ds-panels-resizer
33
37
 
34
-
35
-
36
-
37
-
38
38
  ## [1.0.6](https://github.com/Synerise/synerise-design/compare/@synerise/ds-panels-resizer@1.0.5...@synerise/ds-panels-resizer@1.0.6) (2025-04-24)
39
39
 
40
40
  **Note:** Version bump only for package @synerise/ds-panels-resizer
41
41
 
42
-
43
-
44
-
45
-
46
42
  ## [1.0.5](https://github.com/Synerise/synerise-design/compare/@synerise/ds-panels-resizer@1.0.4...@synerise/ds-panels-resizer@1.0.5) (2025-04-16)
47
43
 
48
44
  **Note:** Version bump only for package @synerise/ds-panels-resizer
49
45
 
50
-
51
-
52
-
53
-
54
46
  ## [1.0.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-panels-resizer@1.0.3...@synerise/ds-panels-resizer@1.0.4) (2025-04-02)
55
47
 
56
48
  **Note:** Version bump only for package @synerise/ds-panels-resizer
57
49
 
58
-
59
-
60
-
61
-
62
50
  ## [1.0.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-panels-resizer@1.0.2...@synerise/ds-panels-resizer@1.0.3) (2025-03-31)
63
51
 
64
52
  **Note:** Version bump only for package @synerise/ds-panels-resizer
65
53
 
66
-
67
-
68
-
69
-
70
54
  ## [1.0.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-panels-resizer@1.0.1...@synerise/ds-panels-resizer@1.0.2) (2025-03-26)
71
55
 
72
56
  **Note:** Version bump only for package @synerise/ds-panels-resizer
73
57
 
74
-
75
-
76
-
77
-
78
58
  ## [1.0.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-panels-resizer@1.0.0...@synerise/ds-panels-resizer@1.0.1) (2025-03-18)
79
59
 
80
60
  **Note:** Version bump only for package @synerise/ds-panels-resizer
81
61
 
82
-
83
-
84
-
85
-
86
62
  ## [0.2.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-panels-resizer@0.2.3...@synerise/ds-panels-resizer@0.2.4) (2025-03-10)
87
63
 
88
64
  **Note:** Version bump only for package @synerise/ds-panels-resizer
89
65
 
90
-
91
-
92
-
93
-
94
66
  ## [0.2.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-panels-resizer@0.2.2...@synerise/ds-panels-resizer@0.2.3) (2025-03-04)
95
67
 
96
68
  **Note:** Version bump only for package @synerise/ds-panels-resizer
97
69
 
98
-
99
-
100
-
101
-
102
70
  ## [0.2.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-panels-resizer@0.2.1...@synerise/ds-panels-resizer@0.2.2) (2025-02-27)
103
71
 
104
72
  **Note:** Version bump only for package @synerise/ds-panels-resizer
105
73
 
106
-
107
-
108
-
109
-
110
74
  ## [0.2.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-panels-resizer@0.2.0...@synerise/ds-panels-resizer@0.2.1) (2025-02-14)
111
75
 
112
76
  **Note:** Version bump only for package @synerise/ds-panels-resizer
113
77
 
114
-
115
-
116
-
117
-
118
78
  # [0.2.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-panels-resizer@0.1.4...@synerise/ds-panels-resizer@0.2.0) (2025-01-29)
119
79
 
120
-
121
80
  ### Features
122
81
 
123
- * antd@4.24 react@18 ([d97a667](https://github.com/Synerise/synerise-design/commit/d97a667b1f33aed3177e1851de3b6f60be2d46a6))
124
-
125
-
126
-
127
-
82
+ - antd@4.24 react@18 ([d97a667](https://github.com/Synerise/synerise-design/commit/d97a667b1f33aed3177e1851de3b6f60be2d46a6))
128
83
 
129
84
  ## [0.1.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-panels-resizer@0.1.3...@synerise/ds-panels-resizer@0.1.4) (2025-01-21)
130
85
 
131
86
  **Note:** Version bump only for package @synerise/ds-panels-resizer
132
87
 
133
-
134
-
135
-
136
-
137
88
  ## [0.1.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-panels-resizer@0.1.2...@synerise/ds-panels-resizer@0.1.3) (2025-01-15)
138
89
 
139
90
  **Note:** Version bump only for package @synerise/ds-panels-resizer
140
91
 
141
-
142
-
143
-
144
-
145
92
  ## [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)
146
93
 
147
-
148
94
  ### Bug Fixes
149
95
 
150
- * panel styles ([83623cf](https://github.com/Synerise/synerise-design/commit/83623cf4de7cc1a43c217cc761d0c891da7c4c2f))
151
-
152
-
153
-
154
-
96
+ - panel styles ([83623cf](https://github.com/Synerise/synerise-design/commit/83623cf4de7cc1a43c217cc761d0c891da7c4c2f))
155
97
 
156
98
  ## [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)
157
99
 
158
100
  **Note:** Version bump only for package @synerise/ds-panels-resizer
159
101
 
160
-
161
-
162
-
163
-
164
102
  # 0.1.0 (2024-12-06)
165
103
 
166
-
167
104
  ### Features
168
105
 
169
- * PanelsResizer component with resizable left and right panels ([57c2175](https://github.com/Synerise/synerise-design/commit/57c2175a4e3b458fecd6139cde75977b5aab1776))
106
+ - PanelsResizer component with resizable left and right panels ([57c2175](https://github.com/Synerise/synerise-design/commit/57c2175a4e3b458fecd6139cde75977b5aab1776))
package/README.md CHANGED
@@ -3,11 +3,12 @@ id: panels-resizer
3
3
  title: PanelResizer
4
4
  ---
5
5
 
6
- The `PanelsResizer` component allows you to create a layout with resizable left and right panels, separated by a draggable resizer.
6
+ The `PanelsResizer` component allows you to create a layout with resizable left and right panels, separated by a draggable resizer.
7
7
 
8
8
  Users can adjust the width of the panels by dragging the resizer, providing a flexible and customizable interface.
9
9
 
10
10
  ## Installation
11
+
11
12
  ```
12
13
  npm i @synerise/ds-panels-resizer
13
14
  or
@@ -15,6 +16,7 @@ yarn add @synerise/ds-panels-resizer
15
16
  ```
16
17
 
17
18
  ## Usage
19
+
18
20
  ```
19
21
  import { PanelsResizer } from '@synerise/ds-panels-resizer';
20
22
 
@@ -35,9 +37,9 @@ const App = () => (
35
37
 
36
38
  ## API
37
39
 
38
- | Property | Description | Type | Default |
39
- | --- | --- | --- | --- |
40
- | leftPanel | The content to display in the left panel. | React.ReactNode | --- |
41
- | rightPanel | The content to display in the right panel. | React.ReactNode | --- |
42
- | initial | Initial widths of the panels. Can specify leftPanel or rightPanel width in pixels. | { leftPanel: number } \| { rightPanel: number } | --- |
43
- | scrollable | Whether the panels should be scrollable when their content overflows. | boolean | false |
40
+ | Property | Description | Type | Default |
41
+ | ---------- | ---------------------------------------------------------------------------------- | ----------------------------------------------- | ------- |
42
+ | leftPanel | The content to display in the left panel. | React.ReactNode | --- |
43
+ | rightPanel | The content to display in the right panel. | React.ReactNode | --- |
44
+ | initial | Initial widths of the panels. Can specify leftPanel or rightPanel width in pixels. | { leftPanel: number } \| { rightPanel: number } | --- |
45
+ | scrollable | Whether the panels should be scrollable when their content overflows. | boolean | false |
@@ -1,11 +1,10 @@
1
- import React from 'react';
2
- import type { ReactNode } from 'react';
3
- import type { InitialVectorOptions } from './utils';
1
+ import React, { type ReactNode } from 'react';
2
+ import { type InitialVectorOptions } from './utils';
4
3
  type PanelsResizerProps = {
5
4
  leftPanel: ReactNode;
6
5
  rightPanel: ReactNode;
7
6
  initial?: InitialVectorOptions;
8
7
  scrollable?: boolean;
9
8
  };
10
- export declare const PanelsResizer: ({ leftPanel, rightPanel, initial, scrollable }: PanelsResizerProps) => React.JSX.Element;
9
+ export declare const PanelsResizer: ({ leftPanel, rightPanel, initial, scrollable, }: PanelsResizerProps) => React.JSX.Element;
11
10
  export {};
@@ -1,8 +1,8 @@
1
1
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
2
- import React, { useCallback, useState, useRef, useEffect } from 'react';
2
+ import React, { useCallback, useEffect, useRef, useState } from 'react';
3
+ import * as S from './PanelResizer.styles';
3
4
  import { Resizer } from './Resizer';
4
5
  import { calculateLeftPanelWidth, calculateRightPanelWidth, getInitialVector } from './utils';
5
- import * as S from './PanelResizer.styles';
6
6
  export var PanelsResizer = function PanelsResizer(_ref) {
7
7
  var leftPanel = _ref.leftPanel,
8
8
  rightPanel = _ref.rightPanel,
@@ -25,7 +25,9 @@ export var PanelsResizer = function PanelsResizer(_ref) {
25
25
  // eslint-disable-next-line react-hooks/exhaustive-deps
26
26
  }, []);
27
27
  var handleMouseMove = useCallback(function (event) {
28
- if (!isResizing) return;
28
+ if (!isResizing) {
29
+ return;
30
+ }
29
31
  var deltaX = event.clientX - startClientXRef.current;
30
32
  setVector(function (prevVector) {
31
33
  return prevVector !== null ? prevVector + deltaX : deltaX;
@@ -33,7 +35,9 @@ export var PanelsResizer = function PanelsResizer(_ref) {
33
35
  startClientXRef.current = event.clientX;
34
36
  }, [isResizing]);
35
37
  var handleMouseUpOrLeave = useCallback(function () {
36
- if (!isResizing) return;
38
+ if (!isResizing) {
39
+ return;
40
+ }
37
41
  setIsResizing(false);
38
42
  }, [isResizing]);
39
43
  var handleMouseDownOnResizer = useCallback(function (event) {
@@ -1,5 +1,4 @@
1
- import React from 'react';
2
- import type { MouseEvent } from 'react';
1
+ import React, { type MouseEvent } from 'react';
3
2
  type ResizerProps = {
4
3
  onMouseDown: (event: MouseEvent<HTMLDivElement>) => void;
5
4
  };
@@ -1,5 +1,7 @@
1
1
  export var getInitialVector = function getInitialVector(options, containerWidth) {
2
- if (!options) return 0;
2
+ if (!options) {
3
+ return 0;
4
+ }
3
5
  var half = containerWidth / 2;
4
6
  if ('leftPanel' in options) {
5
7
  return options.leftPanel - half;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-panels-resizer",
3
- "version": "1.0.10",
3
+ "version": "1.0.12",
4
4
  "description": "PanelResizer UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -34,12 +34,12 @@
34
34
  ],
35
35
  "types": "dist/index.d.ts",
36
36
  "dependencies": {
37
- "@synerise/ds-icon": "^1.5.2"
37
+ "@synerise/ds-icon": "^1.5.4"
38
38
  },
39
39
  "peerDependencies": {
40
40
  "@synerise/ds-core": "*",
41
41
  "react": ">=16.9.0 <= 18.3.1",
42
42
  "styled-components": "^5.3.3"
43
43
  },
44
- "gitHead": "93bc81d59d20bc8f3bc80c5d56ae7f7c0838380d"
44
+ "gitHead": "4512641033ba3581a3df208143c547fcfed45895"
45
45
  }