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

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,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",