@yamada-ui/resizable 1.3.0-dev-20241213204523 → 1.3.0-dev-20241213213653

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
@@ -98,35 +98,39 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, i
98
98
  orientation: ResizableOrientation;
99
99
  getContainerProps: PropGetter<"div", undefined>;
100
100
  getGroupProps: (props?: Partial<PanelGroupProps>) => {
101
- style?: react.CSSProperties | undefined;
101
+ "aria-disabled"?: (boolean | "false" | "true") | undefined;
102
102
  slot?: string | undefined;
103
+ style?: react.CSSProperties | undefined;
103
104
  title?: string | undefined;
105
+ dir?: "ltr" | "rtl" | "auto" | undefined;
106
+ defaultValue?: string | number | readonly string[] | undefined;
104
107
  color?: string | undefined;
105
- content?: string | undefined;
106
- direction: "horizontal" | "vertical";
107
- translate?: "yes" | "no" | undefined;
108
- onResize?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
108
+ direction: "vertical" | "horizontal";
109
+ nonce?: string | undefined;
110
+ onAnimationStart?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
111
+ onDragStart?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
112
+ onDragEnd?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
113
+ onDrag?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
109
114
  defaultChecked?: boolean | undefined;
110
- defaultValue?: string | number | readonly string[] | undefined;
111
115
  suppressContentEditableWarning?: boolean | undefined;
112
116
  suppressHydrationWarning?: boolean | undefined;
113
117
  accessKey?: string | undefined;
114
118
  autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
115
119
  autoFocus?: boolean | undefined;
116
120
  className?: string | undefined;
117
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
121
+ contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
118
122
  contextMenu?: string | undefined;
119
- dir?: "auto" | "ltr" | "rtl" | undefined;
120
- draggable?: (boolean | "true" | "false") | undefined;
123
+ draggable?: (boolean | "false" | "true") | undefined;
121
124
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
122
125
  hidden?: boolean | undefined;
123
126
  lang?: string | undefined;
124
- nonce?: string | undefined;
125
- spellCheck?: (boolean | "true" | "false") | undefined;
127
+ spellCheck?: (boolean | "false" | "true") | undefined;
126
128
  tabIndex?: number | undefined;
129
+ translate?: "yes" | "no" | undefined;
127
130
  radioGroup?: string | undefined;
128
131
  role?: react.AriaRole | undefined;
129
132
  about?: string | undefined;
133
+ content?: string | undefined;
130
134
  datatype?: string | undefined;
131
135
  inlist?: any;
132
136
  prefix?: string | undefined;
@@ -149,11 +153,11 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, i
149
153
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
150
154
  is?: string | undefined;
151
155
  "aria-activedescendant"?: string | undefined;
152
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
156
+ "aria-atomic"?: (boolean | "false" | "true") | undefined;
153
157
  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
154
158
  "aria-braillelabel"?: string | undefined;
155
159
  "aria-brailleroledescription"?: string | undefined;
156
- "aria-busy"?: (boolean | "true" | "false") | undefined;
160
+ "aria-busy"?: (boolean | "false" | "true") | undefined;
157
161
  "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
158
162
  "aria-colcount"?: number | undefined;
159
163
  "aria-colindex"?: number | undefined;
@@ -164,37 +168,36 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, i
164
168
  "aria-describedby"?: string | undefined;
165
169
  "aria-description"?: string | undefined;
166
170
  "aria-details"?: string | undefined;
167
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
168
171
  "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
169
172
  "aria-errormessage"?: string | undefined;
170
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
173
+ "aria-expanded"?: (boolean | "false" | "true") | undefined;
171
174
  "aria-flowto"?: string | undefined;
172
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
175
+ "aria-grabbed"?: (boolean | "false" | "true") | undefined;
173
176
  "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
174
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
177
+ "aria-hidden"?: (boolean | "false" | "true") | undefined;
175
178
  "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
176
179
  "aria-keyshortcuts"?: string | undefined;
177
180
  "aria-label"?: string | undefined;
178
181
  "aria-labelledby"?: string | undefined;
179
182
  "aria-level"?: number | undefined;
180
183
  "aria-live"?: "off" | "assertive" | "polite" | undefined;
181
- "aria-modal"?: (boolean | "true" | "false") | undefined;
182
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
183
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
184
+ "aria-modal"?: (boolean | "false" | "true") | undefined;
185
+ "aria-multiline"?: (boolean | "false" | "true") | undefined;
186
+ "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
184
187
  "aria-orientation"?: "horizontal" | "vertical" | undefined;
185
188
  "aria-owns"?: string | undefined;
186
189
  "aria-placeholder"?: string | undefined;
187
190
  "aria-posinset"?: number | undefined;
188
191
  "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
189
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
192
+ "aria-readonly"?: (boolean | "false" | "true") | undefined;
190
193
  "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
191
- "aria-required"?: (boolean | "true" | "false") | undefined;
194
+ "aria-required"?: (boolean | "false" | "true") | undefined;
192
195
  "aria-roledescription"?: string | undefined;
193
196
  "aria-rowcount"?: number | undefined;
194
197
  "aria-rowindex"?: number | undefined;
195
198
  "aria-rowindextext"?: string | undefined;
196
199
  "aria-rowspan"?: number | undefined;
197
- "aria-selected"?: (boolean | "true" | "false") | undefined;
200
+ "aria-selected"?: (boolean | "false" | "true") | undefined;
198
201
  "aria-setsize"?: number | undefined;
199
202
  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
200
203
  "aria-valuemax"?: number | undefined;
@@ -272,6 +275,7 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, i
272
275
  onProgressCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
273
276
  onRateChange?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
274
277
  onRateChangeCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
278
+ onResize?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
275
279
  onResizeCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
276
280
  onSeeked?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
277
281
  onSeekedCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
@@ -295,9 +299,7 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, i
295
299
  onContextMenuCapture?: MouseEventHandler<keyof HTMLElementTagNameMap> | undefined;
296
300
  onDoubleClick?: MouseEventHandler<keyof HTMLElementTagNameMap> | undefined;
297
301
  onDoubleClickCapture?: MouseEventHandler<keyof HTMLElementTagNameMap> | undefined;
298
- onDrag?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
299
302
  onDragCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
300
- onDragEnd?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
301
303
  onDragEndCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
302
304
  onDragEnter?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
303
305
  onDragEnterCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
@@ -307,7 +309,6 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, i
307
309
  onDragLeaveCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
308
310
  onDragOver?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
309
311
  onDragOverCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
310
- onDragStart?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
311
312
  onDragStartCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
312
313
  onDrop?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
313
314
  onDropCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
@@ -355,7 +356,6 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, i
355
356
  onScrollCapture?: react.UIEventHandler<keyof HTMLElementTagNameMap> | undefined;
356
357
  onWheel?: react.WheelEventHandler<keyof HTMLElementTagNameMap> | undefined;
357
358
  onWheelCapture?: react.WheelEventHandler<keyof HTMLElementTagNameMap> | undefined;
358
- onAnimationStart?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
359
359
  onAnimationStartCapture?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
360
360
  onAnimationEnd?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
361
361
  onAnimationEndCapture?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
package/dist/use-resizable.d.ts CHANGED
@@ -98,35 +98,39 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, i
98
98
  orientation: ResizableOrientation;
99
99
  getContainerProps: PropGetter<"div", undefined>;
100
100
  getGroupProps: (props?: Partial<PanelGroupProps>) => {
101
- style?: react.CSSProperties | undefined;
101
+ "aria-disabled"?: (boolean | "false" | "true") | undefined;
102
102
  slot?: string | undefined;
103
+ style?: react.CSSProperties | undefined;
103
104
  title?: string | undefined;
105
+ dir?: "ltr" | "rtl" | "auto" | undefined;
106
+ defaultValue?: string | number | readonly string[] | undefined;
104
107
  color?: string | undefined;
105
- content?: string | undefined;
106
- direction: "horizontal" | "vertical";
107
- translate?: "yes" | "no" | undefined;
108
- onResize?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
108
+ direction: "vertical" | "horizontal";
109
+ nonce?: string | undefined;
110
+ onAnimationStart?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
111
+ onDragStart?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
112
+ onDragEnd?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
113
+ onDrag?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
109
114
  defaultChecked?: boolean | undefined;
110
- defaultValue?: string | number | readonly string[] | undefined;
111
115
  suppressContentEditableWarning?: boolean | undefined;
112
116
  suppressHydrationWarning?: boolean | undefined;
113
117
  accessKey?: string | undefined;
114
118
  autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
115
119
  autoFocus?: boolean | undefined;
116
120
  className?: string | undefined;
117
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
121
+ contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
118
122
  contextMenu?: string | undefined;
119
- dir?: "auto" | "ltr" | "rtl" | undefined;
120
- draggable?: (boolean | "true" | "false") | undefined;
123
+ draggable?: (boolean | "false" | "true") | undefined;
121
124
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
122
125
  hidden?: boolean | undefined;
123
126
  lang?: string | undefined;
124
- nonce?: string | undefined;
125
- spellCheck?: (boolean | "true" | "false") | undefined;
127
+ spellCheck?: (boolean | "false" | "true") | undefined;
126
128
  tabIndex?: number | undefined;
129
+ translate?: "yes" | "no" | undefined;
127
130
  radioGroup?: string | undefined;
128
131
  role?: react.AriaRole | undefined;
129
132
  about?: string | undefined;
133
+ content?: string | undefined;
130
134
  datatype?: string | undefined;
131
135
  inlist?: any;
132
136
  prefix?: string | undefined;
@@ -149,11 +153,11 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, i
149
153
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
150
154
  is?: string | undefined;
151
155
  "aria-activedescendant"?: string | undefined;
152
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
156
+ "aria-atomic"?: (boolean | "false" | "true") | undefined;
153
157
  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
154
158
  "aria-braillelabel"?: string | undefined;
155
159
  "aria-brailleroledescription"?: string | undefined;
156
- "aria-busy"?: (boolean | "true" | "false") | undefined;
160
+ "aria-busy"?: (boolean | "false" | "true") | undefined;
157
161
  "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
158
162
  "aria-colcount"?: number | undefined;
159
163
  "aria-colindex"?: number | undefined;
@@ -164,37 +168,36 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, i
164
168
  "aria-describedby"?: string | undefined;
165
169
  "aria-description"?: string | undefined;
166
170
  "aria-details"?: string | undefined;
167
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
168
171
  "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
169
172
  "aria-errormessage"?: string | undefined;
170
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
173
+ "aria-expanded"?: (boolean | "false" | "true") | undefined;
171
174
  "aria-flowto"?: string | undefined;
172
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
175
+ "aria-grabbed"?: (boolean | "false" | "true") | undefined;
173
176
  "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
174
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
177
+ "aria-hidden"?: (boolean | "false" | "true") | undefined;
175
178
  "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
176
179
  "aria-keyshortcuts"?: string | undefined;
177
180
  "aria-label"?: string | undefined;
178
181
  "aria-labelledby"?: string | undefined;
179
182
  "aria-level"?: number | undefined;
180
183
  "aria-live"?: "off" | "assertive" | "polite" | undefined;
181
- "aria-modal"?: (boolean | "true" | "false") | undefined;
182
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
183
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
184
+ "aria-modal"?: (boolean | "false" | "true") | undefined;
185
+ "aria-multiline"?: (boolean | "false" | "true") | undefined;
186
+ "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
184
187
  "aria-orientation"?: "horizontal" | "vertical" | undefined;
185
188
  "aria-owns"?: string | undefined;
186
189
  "aria-placeholder"?: string | undefined;
187
190
  "aria-posinset"?: number | undefined;
188
191
  "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
189
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
192
+ "aria-readonly"?: (boolean | "false" | "true") | undefined;
190
193
  "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
191
- "aria-required"?: (boolean | "true" | "false") | undefined;
194
+ "aria-required"?: (boolean | "false" | "true") | undefined;
192
195
  "aria-roledescription"?: string | undefined;
193
196
  "aria-rowcount"?: number | undefined;
194
197
  "aria-rowindex"?: number | undefined;
195
198
  "aria-rowindextext"?: string | undefined;
196
199
  "aria-rowspan"?: number | undefined;
197
- "aria-selected"?: (boolean | "true" | "false") | undefined;
200
+ "aria-selected"?: (boolean | "false" | "true") | undefined;
198
201
  "aria-setsize"?: number | undefined;
199
202
  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
200
203
  "aria-valuemax"?: number | undefined;
@@ -272,6 +275,7 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, i
272
275
  onProgressCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
273
276
  onRateChange?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
274
277
  onRateChangeCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
278
+ onResize?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
275
279
  onResizeCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
276
280
  onSeeked?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
277
281
  onSeekedCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
@@ -295,9 +299,7 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, i
295
299
  onContextMenuCapture?: MouseEventHandler<keyof HTMLElementTagNameMap> | undefined;
296
300
  onDoubleClick?: MouseEventHandler<keyof HTMLElementTagNameMap> | undefined;
297
301
  onDoubleClickCapture?: MouseEventHandler<keyof HTMLElementTagNameMap> | undefined;
298
- onDrag?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
299
302
  onDragCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
300
- onDragEnd?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
301
303
  onDragEndCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
302
304
  onDragEnter?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
303
305
  onDragEnterCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
@@ -307,7 +309,6 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, i
307
309
  onDragLeaveCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
308
310
  onDragOver?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
309
311
  onDragOverCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
310
- onDragStart?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
311
312
  onDragStartCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
312
313
  onDrop?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
313
314
  onDropCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
@@ -355,7 +356,6 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, i
355
356
  onScrollCapture?: react.UIEventHandler<keyof HTMLElementTagNameMap> | undefined;
356
357
  onWheel?: react.WheelEventHandler<keyof HTMLElementTagNameMap> | undefined;
357
358
  onWheelCapture?: react.WheelEventHandler<keyof HTMLElementTagNameMap> | undefined;
358
- onAnimationStart?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
359
359
  onAnimationStartCapture?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
360
360
  onAnimationEnd?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
361
361
  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.3.0-dev-20241213204523",
3
+ "version": "1.3.0-dev-20241213213653",
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-20241213204523",
41
- "@yamada-ui/icon": "1.1.17-dev-20241213204523",
42
- "@yamada-ui/utils": "1.6.2-dev-20241213204523"
40
+ "@yamada-ui/core": "1.16.2-dev-20241213213653",
41
+ "@yamada-ui/icon": "1.1.17-dev-20241213213653",
42
+ "@yamada-ui/utils": "1.6.2-dev-20241213213653"
43
43
  },
44
44
  "devDependencies": {
45
45
  "clean-package": "2.2.0",