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

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