@yamada-ui/resizable 1.2.3 → 1.2.4-dev-20241212094045

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.
Files changed (3) hide show
  1. package/dist/use-resizable.d.mts +27 -27
  2. package/dist/use-resizable.d.ts +27 -27
  3. package/package.json +4 -4
package/dist/use-resizable.d.mts CHANGED
@@ -90,39 +90,35 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, d
90
90
  disabled: boolean;
91
91
  getContainerProps: PropGetter<"div", undefined>;
92
92
  getGroupProps: (props?: Partial<PanelGroupProps>) => {
93
- "aria-disabled"?: (boolean | "false" | "true") | undefined;
94
- slot?: string | undefined;
95
93
  style?: react.CSSProperties | undefined;
94
+ slot?: string | undefined;
96
95
  title?: string | undefined;
97
- dir?: "ltr" | "rtl" | "auto" | undefined;
98
- defaultValue?: string | number | readonly string[] | undefined;
99
96
  color?: string | undefined;
100
- direction: "vertical" | "horizontal";
101
- nonce?: string | undefined;
102
- onAnimationStart?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
103
- onDragStart?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
104
- onDragEnd?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
105
- onDrag?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
97
+ content?: string | undefined;
98
+ direction: "horizontal" | "vertical";
99
+ translate?: "yes" | "no" | undefined;
100
+ onResize?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
106
101
  defaultChecked?: boolean | undefined;
102
+ defaultValue?: string | number | readonly string[] | undefined;
107
103
  suppressContentEditableWarning?: boolean | undefined;
108
104
  suppressHydrationWarning?: boolean | undefined;
109
105
  accessKey?: string | undefined;
110
106
  autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
111
107
  autoFocus?: boolean | undefined;
112
108
  className?: string | undefined;
113
- contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
109
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
114
110
  contextMenu?: string | undefined;
115
- draggable?: (boolean | "false" | "true") | undefined;
111
+ dir?: "auto" | "ltr" | "rtl" | undefined;
112
+ draggable?: (boolean | "true" | "false") | undefined;
116
113
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
117
114
  hidden?: boolean | undefined;
118
115
  lang?: string | undefined;
119
- spellCheck?: (boolean | "false" | "true") | undefined;
116
+ nonce?: string | undefined;
117
+ spellCheck?: (boolean | "true" | "false") | undefined;
120
118
  tabIndex?: number | undefined;
121
- translate?: "yes" | "no" | undefined;
122
119
  radioGroup?: string | undefined;
123
120
  role?: react.AriaRole | undefined;
124
121
  about?: string | undefined;
125
- content?: string | undefined;
126
122
  datatype?: string | undefined;
127
123
  inlist?: any;
128
124
  prefix?: string | undefined;
@@ -145,11 +141,11 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, d
145
141
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
146
142
  is?: string | undefined;
147
143
  "aria-activedescendant"?: string | undefined;
148
- "aria-atomic"?: (boolean | "false" | "true") | undefined;
144
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
149
145
  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
150
146
  "aria-braillelabel"?: string | undefined;
151
147
  "aria-brailleroledescription"?: string | undefined;
152
- "aria-busy"?: (boolean | "false" | "true") | undefined;
148
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
153
149
  "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
154
150
  "aria-colcount"?: number | undefined;
155
151
  "aria-colindex"?: number | undefined;
@@ -160,36 +156,37 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, d
160
156
  "aria-describedby"?: string | undefined;
161
157
  "aria-description"?: string | undefined;
162
158
  "aria-details"?: string | undefined;
159
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
163
160
  "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
164
161
  "aria-errormessage"?: string | undefined;
165
- "aria-expanded"?: (boolean | "false" | "true") | undefined;
162
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
166
163
  "aria-flowto"?: string | undefined;
167
- "aria-grabbed"?: (boolean | "false" | "true") | undefined;
164
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
168
165
  "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
169
- "aria-hidden"?: (boolean | "false" | "true") | undefined;
166
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
170
167
  "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
171
168
  "aria-keyshortcuts"?: string | undefined;
172
169
  "aria-label"?: string | undefined;
173
170
  "aria-labelledby"?: string | undefined;
174
171
  "aria-level"?: number | undefined;
175
172
  "aria-live"?: "off" | "assertive" | "polite" | undefined;
176
- "aria-modal"?: (boolean | "false" | "true") | undefined;
177
- "aria-multiline"?: (boolean | "false" | "true") | undefined;
178
- "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
173
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
174
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
175
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
179
176
  "aria-orientation"?: "horizontal" | "vertical" | undefined;
180
177
  "aria-owns"?: string | undefined;
181
178
  "aria-placeholder"?: string | undefined;
182
179
  "aria-posinset"?: number | undefined;
183
180
  "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
184
- "aria-readonly"?: (boolean | "false" | "true") | undefined;
181
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
185
182
  "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
186
- "aria-required"?: (boolean | "false" | "true") | undefined;
183
+ "aria-required"?: (boolean | "true" | "false") | undefined;
187
184
  "aria-roledescription"?: string | undefined;
188
185
  "aria-rowcount"?: number | undefined;
189
186
  "aria-rowindex"?: number | undefined;
190
187
  "aria-rowindextext"?: string | undefined;
191
188
  "aria-rowspan"?: number | undefined;
192
- "aria-selected"?: (boolean | "false" | "true") | undefined;
189
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
193
190
  "aria-setsize"?: number | undefined;
194
191
  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
195
192
  "aria-valuemax"?: number | undefined;
@@ -267,7 +264,6 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, d
267
264
  onProgressCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
268
265
  onRateChange?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
269
266
  onRateChangeCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
270
- onResize?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
271
267
  onResizeCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
272
268
  onSeeked?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
273
269
  onSeekedCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
@@ -291,7 +287,9 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, d
291
287
  onContextMenuCapture?: MouseEventHandler<keyof HTMLElementTagNameMap> | undefined;
292
288
  onDoubleClick?: MouseEventHandler<keyof HTMLElementTagNameMap> | undefined;
293
289
  onDoubleClickCapture?: MouseEventHandler<keyof HTMLElementTagNameMap> | undefined;
290
+ onDrag?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
294
291
  onDragCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
292
+ onDragEnd?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
295
293
  onDragEndCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
296
294
  onDragEnter?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
297
295
  onDragEnterCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
@@ -301,6 +299,7 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, d
301
299
  onDragLeaveCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
302
300
  onDragOver?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
303
301
  onDragOverCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
302
+ onDragStart?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
304
303
  onDragStartCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
305
304
  onDrop?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
306
305
  onDropCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
@@ -348,6 +347,7 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, d
348
347
  onScrollCapture?: react.UIEventHandler<keyof HTMLElementTagNameMap> | undefined;
349
348
  onWheel?: react.WheelEventHandler<keyof HTMLElementTagNameMap> | undefined;
350
349
  onWheelCapture?: react.WheelEventHandler<keyof HTMLElementTagNameMap> | undefined;
350
+ onAnimationStart?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
351
351
  onAnimationStartCapture?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
352
352
  onAnimationEnd?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
353
353
  onAnimationEndCapture?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
package/dist/use-resizable.d.ts CHANGED
@@ -90,39 +90,35 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, d
90
90
  disabled: boolean;
91
91
  getContainerProps: PropGetter<"div", undefined>;
92
92
  getGroupProps: (props?: Partial<PanelGroupProps>) => {
93
- "aria-disabled"?: (boolean | "false" | "true") | undefined;
94
- slot?: string | undefined;
95
93
  style?: react.CSSProperties | undefined;
94
+ slot?: string | undefined;
96
95
  title?: string | undefined;
97
- dir?: "ltr" | "rtl" | "auto" | undefined;
98
- defaultValue?: string | number | readonly string[] | undefined;
99
96
  color?: string | undefined;
100
- direction: "vertical" | "horizontal";
101
- nonce?: string | undefined;
102
- onAnimationStart?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
103
- onDragStart?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
104
- onDragEnd?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
105
- onDrag?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
97
+ content?: string | undefined;
98
+ direction: "horizontal" | "vertical";
99
+ translate?: "yes" | "no" | undefined;
100
+ onResize?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
106
101
  defaultChecked?: boolean | undefined;
102
+ defaultValue?: string | number | readonly string[] | undefined;
107
103
  suppressContentEditableWarning?: boolean | undefined;
108
104
  suppressHydrationWarning?: boolean | undefined;
109
105
  accessKey?: string | undefined;
110
106
  autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
111
107
  autoFocus?: boolean | undefined;
112
108
  className?: string | undefined;
113
- contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
109
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
114
110
  contextMenu?: string | undefined;
115
- draggable?: (boolean | "false" | "true") | undefined;
111
+ dir?: "auto" | "ltr" | "rtl" | undefined;
112
+ draggable?: (boolean | "true" | "false") | undefined;
116
113
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
117
114
  hidden?: boolean | undefined;
118
115
  lang?: string | undefined;
119
- spellCheck?: (boolean | "false" | "true") | undefined;
116
+ nonce?: string | undefined;
117
+ spellCheck?: (boolean | "true" | "false") | undefined;
120
118
  tabIndex?: number | undefined;
121
- translate?: "yes" | "no" | undefined;
122
119
  radioGroup?: string | undefined;
123
120
  role?: react.AriaRole | undefined;
124
121
  about?: string | undefined;
125
- content?: string | undefined;
126
122
  datatype?: string | undefined;
127
123
  inlist?: any;
128
124
  prefix?: string | undefined;
@@ -145,11 +141,11 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, d
145
141
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
146
142
  is?: string | undefined;
147
143
  "aria-activedescendant"?: string | undefined;
148
- "aria-atomic"?: (boolean | "false" | "true") | undefined;
144
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
149
145
  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
150
146
  "aria-braillelabel"?: string | undefined;
151
147
  "aria-brailleroledescription"?: string | undefined;
152
- "aria-busy"?: (boolean | "false" | "true") | undefined;
148
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
153
149
  "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
154
150
  "aria-colcount"?: number | undefined;
155
151
  "aria-colindex"?: number | undefined;
@@ -160,36 +156,37 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, d
160
156
  "aria-describedby"?: string | undefined;
161
157
  "aria-description"?: string | undefined;
162
158
  "aria-details"?: string | undefined;
159
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
163
160
  "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
164
161
  "aria-errormessage"?: string | undefined;
165
- "aria-expanded"?: (boolean | "false" | "true") | undefined;
162
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
166
163
  "aria-flowto"?: string | undefined;
167
- "aria-grabbed"?: (boolean | "false" | "true") | undefined;
164
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
168
165
  "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
169
- "aria-hidden"?: (boolean | "false" | "true") | undefined;
166
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
170
167
  "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
171
168
  "aria-keyshortcuts"?: string | undefined;
172
169
  "aria-label"?: string | undefined;
173
170
  "aria-labelledby"?: string | undefined;
174
171
  "aria-level"?: number | undefined;
175
172
  "aria-live"?: "off" | "assertive" | "polite" | undefined;
176
- "aria-modal"?: (boolean | "false" | "true") | undefined;
177
- "aria-multiline"?: (boolean | "false" | "true") | undefined;
178
- "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
173
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
174
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
175
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
179
176
  "aria-orientation"?: "horizontal" | "vertical" | undefined;
180
177
  "aria-owns"?: string | undefined;
181
178
  "aria-placeholder"?: string | undefined;
182
179
  "aria-posinset"?: number | undefined;
183
180
  "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
184
- "aria-readonly"?: (boolean | "false" | "true") | undefined;
181
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
185
182
  "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
186
- "aria-required"?: (boolean | "false" | "true") | undefined;
183
+ "aria-required"?: (boolean | "true" | "false") | undefined;
187
184
  "aria-roledescription"?: string | undefined;
188
185
  "aria-rowcount"?: number | undefined;
189
186
  "aria-rowindex"?: number | undefined;
190
187
  "aria-rowindextext"?: string | undefined;
191
188
  "aria-rowspan"?: number | undefined;
192
- "aria-selected"?: (boolean | "false" | "true") | undefined;
189
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
193
190
  "aria-setsize"?: number | undefined;
194
191
  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
195
192
  "aria-valuemax"?: number | undefined;
@@ -267,7 +264,6 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, d
267
264
  onProgressCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
268
265
  onRateChange?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
269
266
  onRateChangeCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
270
- onResize?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
271
267
  onResizeCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
272
268
  onSeeked?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
273
269
  onSeekedCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
@@ -291,7 +287,9 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, d
291
287
  onContextMenuCapture?: MouseEventHandler<keyof HTMLElementTagNameMap> | undefined;
292
288
  onDoubleClick?: MouseEventHandler<keyof HTMLElementTagNameMap> | undefined;
293
289
  onDoubleClickCapture?: MouseEventHandler<keyof HTMLElementTagNameMap> | undefined;
290
+ onDrag?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
294
291
  onDragCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
292
+ onDragEnd?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
295
293
  onDragEndCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
296
294
  onDragEnter?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
297
295
  onDragEnterCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
@@ -301,6 +299,7 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, d
301
299
  onDragLeaveCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
302
300
  onDragOver?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
303
301
  onDragOverCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
302
+ onDragStart?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
304
303
  onDragStartCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
305
304
  onDrop?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
306
305
  onDropCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
@@ -348,6 +347,7 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, d
348
347
  onScrollCapture?: react.UIEventHandler<keyof HTMLElementTagNameMap> | undefined;
349
348
  onWheel?: react.WheelEventHandler<keyof HTMLElementTagNameMap> | undefined;
350
349
  onWheelCapture?: react.WheelEventHandler<keyof HTMLElementTagNameMap> | undefined;
350
+ onAnimationStart?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
351
351
  onAnimationStartCapture?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
352
352
  onAnimationEnd?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
353
353
  onAnimationEndCapture?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yamada-ui/resizable",
3
- "version": "1.2.3",
3
+ "version": "1.2.4-dev-20241212094045",
4
4
  "description": "Yamada UI resizable component",
5
5
  "keywords": [
6
6
  "yamada",
@@ -37,9 +37,9 @@
37
37
  },
38
38
  "dependencies": {
39
39
  "react-resizable-panels": "^2.1.7",
40
- "@yamada-ui/core": "1.16.1",
41
- "@yamada-ui/icon": "1.1.16",
42
- "@yamada-ui/utils": "1.6.1"
40
+ "@yamada-ui/core": "1.16.2-dev-20241212094045",
41
+ "@yamada-ui/icon": "1.1.17-dev-20241212094045",
42
+ "@yamada-ui/utils": "1.6.2-dev-20241212094045"
43
43
  },
44
44
  "devDependencies": {
45
45
  "clean-package": "2.2.0",