@seed-design/react-drawer 2.0.0 → 2.0.2
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/LICENSE +201 -0
- package/NOTICE +20 -0
- package/lib/{Drawer-12s-gd4zJm0S.cjs → Drawer-12s-B-Yg_SM_.cjs} +1 -1
- package/lib/{Drawer-12s-5syEwTtq.js → Drawer-12s-BDQbAi0U.js} +1 -1
- package/lib/index.cjs +1 -1
- package/lib/index.d.ts +54 -54
- package/lib/index.js +2 -2
- package/package.json +11 -8
- package/src/use-snap-points.ts +1 -1
package/LICENSE
ADDED
|
@@ -0,0 +1,201 @@
|
|
|
1
|
+
Apache License
|
|
2
|
+
Version 2.0, January 2004
|
|
3
|
+
http://www.apache.org/licenses/
|
|
4
|
+
|
|
5
|
+
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
|
|
6
|
+
|
|
7
|
+
1. Definitions.
|
|
8
|
+
|
|
9
|
+
"License" shall mean the terms and conditions for use, reproduction,
|
|
10
|
+
and distribution as defined by Sections 1 through 9 of this document.
|
|
11
|
+
|
|
12
|
+
"Licensor" shall mean the copyright owner or entity authorized by
|
|
13
|
+
the copyright owner that is granting the License.
|
|
14
|
+
|
|
15
|
+
"Legal Entity" shall mean the union of the acting entity and all
|
|
16
|
+
other entities that control, are controlled by, or are under common
|
|
17
|
+
control with that entity. For the purposes of this definition,
|
|
18
|
+
"control" means (i) the power, direct or indirect, to cause the
|
|
19
|
+
direction or management of such entity, whether by contract or
|
|
20
|
+
otherwise, or (ii) ownership of fifty percent (50%) or more of the
|
|
21
|
+
outstanding shares, or (iii) beneficial ownership of such entity.
|
|
22
|
+
|
|
23
|
+
"You" (or "Your") shall mean an individual or Legal Entity
|
|
24
|
+
exercising permissions granted by this License.
|
|
25
|
+
|
|
26
|
+
"Source" form shall mean the preferred form for making modifications,
|
|
27
|
+
including but not limited to software source code, documentation
|
|
28
|
+
source, and configuration files.
|
|
29
|
+
|
|
30
|
+
"Object" form shall mean any form resulting from mechanical
|
|
31
|
+
transformation or translation of a Source form, including but
|
|
32
|
+
not limited to compiled object code, generated documentation,
|
|
33
|
+
and conversions to other media types.
|
|
34
|
+
|
|
35
|
+
"Work" shall mean the work of authorship, whether in Source or
|
|
36
|
+
Object form, made available under the License, as indicated by a
|
|
37
|
+
copyright notice that is included in or attached to the work
|
|
38
|
+
(an example is provided in the Appendix below).
|
|
39
|
+
|
|
40
|
+
"Derivative Works" shall mean any work, whether in Source or Object
|
|
41
|
+
form, that is based on (or derived from) the Work and for which the
|
|
42
|
+
editorial revisions, annotations, elaborations, or other modifications
|
|
43
|
+
represent, as a whole, an original work of authorship. For the purposes
|
|
44
|
+
of this License, Derivative Works shall not include works that remain
|
|
45
|
+
separable from, or merely link (or bind by name) to the interfaces of,
|
|
46
|
+
the Work and Derivative Works thereof.
|
|
47
|
+
|
|
48
|
+
"Contribution" shall mean any work of authorship, including
|
|
49
|
+
the original version of the Work and any modifications or additions
|
|
50
|
+
to that Work or Derivative Works thereof, that is intentionally
|
|
51
|
+
submitted to Licensor for inclusion in the Work by the copyright owner
|
|
52
|
+
or by an individual or Legal Entity authorized to submit on behalf of
|
|
53
|
+
the copyright owner. For the purposes of this definition, "submitted"
|
|
54
|
+
means any form of electronic, verbal, or written communication sent
|
|
55
|
+
to the Licensor or its representatives, including but not limited to
|
|
56
|
+
communication on electronic mailing lists, source code control systems,
|
|
57
|
+
and issue tracking systems that are managed by, or on behalf of, the
|
|
58
|
+
Licensor for the purpose of discussing and improving the Work, but
|
|
59
|
+
excluding communication that is conspicuously marked or otherwise
|
|
60
|
+
designated in writing by the copyright owner as "Not a Contribution."
|
|
61
|
+
|
|
62
|
+
"Contributor" shall mean Licensor and any individual or Legal Entity
|
|
63
|
+
on behalf of whom a Contribution has been received by Licensor and
|
|
64
|
+
subsequently incorporated within the Work.
|
|
65
|
+
|
|
66
|
+
2. Grant of Copyright License. Subject to the terms and conditions of
|
|
67
|
+
this License, each Contributor hereby grants to You a perpetual,
|
|
68
|
+
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
|
69
|
+
copyright license to reproduce, prepare Derivative Works of,
|
|
70
|
+
publicly display, publicly perform, sublicense, and distribute the
|
|
71
|
+
Work and such Derivative Works in Source or Object form.
|
|
72
|
+
|
|
73
|
+
3. Grant of Patent License. Subject to the terms and conditions of
|
|
74
|
+
this License, each Contributor hereby grants to You a perpetual,
|
|
75
|
+
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
|
76
|
+
(except as stated in this section) patent license to make, have made,
|
|
77
|
+
use, offer to sell, sell, import, and otherwise transfer the Work,
|
|
78
|
+
where such license applies only to those patent claims licensable
|
|
79
|
+
by such Contributor that are necessarily infringed by their
|
|
80
|
+
Contribution(s) alone or by combination of their Contribution(s)
|
|
81
|
+
with the Work to which such Contribution(s) was submitted. If You
|
|
82
|
+
institute patent litigation against any entity (including a
|
|
83
|
+
cross-claim or counterclaim in a lawsuit) alleging that the Work
|
|
84
|
+
or a Contribution incorporated within the Work constitutes direct
|
|
85
|
+
or contributory patent infringement, then any patent licenses
|
|
86
|
+
granted to You under this License for that Work shall terminate
|
|
87
|
+
as of the date such litigation is filed.
|
|
88
|
+
|
|
89
|
+
4. Redistribution. You may reproduce and distribute copies of the
|
|
90
|
+
Work or Derivative Works thereof in any medium, with or without
|
|
91
|
+
modifications, and in Source or Object form, provided that You
|
|
92
|
+
meet the following conditions:
|
|
93
|
+
|
|
94
|
+
(a) You must give any other recipients of the Work or
|
|
95
|
+
Derivative Works a copy of this License; and
|
|
96
|
+
|
|
97
|
+
(b) You must cause any modified files to carry prominent notices
|
|
98
|
+
stating that You changed the files; and
|
|
99
|
+
|
|
100
|
+
(c) You must retain, in the Source form of any Derivative Works
|
|
101
|
+
that You distribute, all copyright, patent, trademark, and
|
|
102
|
+
attribution notices from the Source form of the Work,
|
|
103
|
+
excluding those notices that do not pertain to any part of
|
|
104
|
+
the Derivative Works; and
|
|
105
|
+
|
|
106
|
+
(d) If the Work includes a "NOTICE" text file as part of its
|
|
107
|
+
distribution, then any Derivative Works that You distribute must
|
|
108
|
+
include a readable copy of the attribution notices contained
|
|
109
|
+
within such NOTICE file, excluding those notices that do not
|
|
110
|
+
pertain to any part of the Derivative Works, in at least one
|
|
111
|
+
of the following places: within a NOTICE text file distributed
|
|
112
|
+
as part of the Derivative Works; within the Source form or
|
|
113
|
+
documentation, if provided along with the Derivative Works; or,
|
|
114
|
+
within a display generated by the Derivative Works, if and
|
|
115
|
+
wherever such third-party notices normally appear. The contents
|
|
116
|
+
of the NOTICE file are for informational purposes only and
|
|
117
|
+
do not modify the License. You may add Your own attribution
|
|
118
|
+
notices within Derivative Works that You distribute, alongside
|
|
119
|
+
or as an addendum to the NOTICE text from the Work, provided
|
|
120
|
+
that such additional attribution notices cannot be construed
|
|
121
|
+
as modifying the License.
|
|
122
|
+
|
|
123
|
+
You may add Your own copyright statement to Your modifications and
|
|
124
|
+
may provide additional or different license terms and conditions
|
|
125
|
+
for use, reproduction, or distribution of Your modifications, or
|
|
126
|
+
for any such Derivative Works as a whole, provided Your use,
|
|
127
|
+
reproduction, and distribution of the Work otherwise complies with
|
|
128
|
+
the conditions stated in this License.
|
|
129
|
+
|
|
130
|
+
5. Submission of Contributions. Unless You explicitly state otherwise,
|
|
131
|
+
any Contribution intentionally submitted for inclusion in the Work
|
|
132
|
+
by You to the Licensor shall be under the terms and conditions of
|
|
133
|
+
this License, without any additional terms or conditions.
|
|
134
|
+
Notwithstanding the above, nothing herein shall supersede or modify
|
|
135
|
+
the terms of any separate license agreement you may have executed
|
|
136
|
+
with Licensor regarding such Contributions.
|
|
137
|
+
|
|
138
|
+
6. Trademarks. This License does not grant permission to use the trade
|
|
139
|
+
names, trademarks, service marks, or product names of the Licensor,
|
|
140
|
+
except as required for reasonable and customary use in describing the
|
|
141
|
+
origin of the Work and reproducing the content of the NOTICE file.
|
|
142
|
+
|
|
143
|
+
7. Disclaimer of Warranty. Unless required by applicable law or
|
|
144
|
+
agreed to in writing, Licensor provides the Work (and each
|
|
145
|
+
Contributor provides its Contributions) on an "AS IS" BASIS,
|
|
146
|
+
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
|
147
|
+
implied, including, without limitation, any warranties or conditions
|
|
148
|
+
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
|
|
149
|
+
PARTICULAR PURPOSE. You are solely responsible for determining the
|
|
150
|
+
appropriateness of using or redistributing the Work and assume any
|
|
151
|
+
risks associated with Your exercise of permissions under this License.
|
|
152
|
+
|
|
153
|
+
8. Limitation of Liability. In no event and under no legal theory,
|
|
154
|
+
whether in tort (including negligence), contract, or otherwise,
|
|
155
|
+
unless required by applicable law (such as deliberate and grossly
|
|
156
|
+
negligent acts) or agreed to in writing, shall any Contributor be
|
|
157
|
+
liable to You for damages, including any direct, indirect, special,
|
|
158
|
+
incidental, or consequential damages of any character arising as a
|
|
159
|
+
result of this License or out of the use or inability to use the
|
|
160
|
+
Work (including but not limited to damages for loss of goodwill,
|
|
161
|
+
work stoppage, computer failure or malfunction, or any and all
|
|
162
|
+
other commercial damages or losses), even if such Contributor
|
|
163
|
+
has been advised of the possibility of such damages.
|
|
164
|
+
|
|
165
|
+
9. Accepting Warranty or Additional Liability. While redistributing
|
|
166
|
+
the Work or Derivative Works thereof, You may choose to offer,
|
|
167
|
+
and charge a fee for, acceptance of support, warranty, indemnity,
|
|
168
|
+
or other liability obligations and/or rights consistent with this
|
|
169
|
+
License. However, in accepting such obligations, You may act only
|
|
170
|
+
on Your own behalf and on Your sole responsibility, not on behalf
|
|
171
|
+
of any other Contributor, and only if You agree to indemnify,
|
|
172
|
+
defend, and hold each Contributor harmless for any liability
|
|
173
|
+
incurred by, or claims asserted against, such Contributor by reason
|
|
174
|
+
of your accepting any such warranty or additional liability.
|
|
175
|
+
|
|
176
|
+
END OF TERMS AND CONDITIONS
|
|
177
|
+
|
|
178
|
+
APPENDIX: How to apply the Apache License to your work.
|
|
179
|
+
|
|
180
|
+
To apply the Apache License to your work, attach the following
|
|
181
|
+
boilerplate notice, with the fields enclosed by brackets "[]"
|
|
182
|
+
replaced with your own identifying information. (Don't include
|
|
183
|
+
the brackets!) The text should be enclosed in the appropriate
|
|
184
|
+
comment syntax for the file format. We also recommend that a
|
|
185
|
+
file or class name and description of purpose be included on the
|
|
186
|
+
same "printed page" as the copyright notice for easier
|
|
187
|
+
identification within third-party archives.
|
|
188
|
+
|
|
189
|
+
Copyright 2021 Danggeun Market Inc.
|
|
190
|
+
|
|
191
|
+
Licensed under the Apache License, Version 2.0 (the "License");
|
|
192
|
+
you may not use this file except in compliance with the License.
|
|
193
|
+
You may obtain a copy of the License at
|
|
194
|
+
|
|
195
|
+
http://www.apache.org/licenses/LICENSE-2.0
|
|
196
|
+
|
|
197
|
+
Unless required by applicable law or agreed to in writing, software
|
|
198
|
+
distributed under the License is distributed on an "AS IS" BASIS,
|
|
199
|
+
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
200
|
+
See the License for the specific language governing permissions and
|
|
201
|
+
limitations under the License.
|
package/NOTICE
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
SEED Design
|
|
2
|
+
Copyright 2025 주식회사 당근마켓
|
|
3
|
+
|
|
4
|
+
이 소프트웨어는 Apache License 2.0에 따라 배포되며, 상업적 목적을 포함하여 자유롭게 사용, 수정, 재배포할 수 있습니다.
|
|
5
|
+
재배포할 때에는 Apache License 2.0 제4조에 따라 라이선스 사본을 제공하고 이 파일에 담긴 귀속 고지를 전달해야 합니다.
|
|
6
|
+
|
|
7
|
+
아래 "브랜드 리소스"에 관한 내용은 상표에 관한 안내이며, Apache License 2.0이 정하는 조건을 변경하지 않습니다.
|
|
8
|
+
|
|
9
|
+
이 저장소에서 제공하는 "브랜드 리소스"는 주식회사 당근마켓(이하 "당근마켓")의 자산으로 대한민국 상표법의 보호를 받습니다.
|
|
10
|
+
브랜드 리소스란 로고, 상호명, 캐릭터 등 당근마켓이나 당근마켓의 제품으로 식별될 수 있는 모든 요소를 의미합니다.
|
|
11
|
+
|
|
12
|
+
당근마켓과 사전 협의가 없는 경우 비상업적 목적으로만 사용이 허가되며 [당근마켓 브랜드 리소스 가이드라인]을 준수해야 합니다.
|
|
13
|
+
상표 사용 허가는 당근마켓의 요청에 따라 언제든지 철회될 수 있습니다.
|
|
14
|
+
|
|
15
|
+
또한 브랜드 리소스를 다음과 같은 방식으로 사용할 수 없습니다.
|
|
16
|
+
|
|
17
|
+
- 당근마켓을 사칭하거나, 당근마켓이 제공하는 제품 또는 서비스인 것처럼 오인하게 하는 사용
|
|
18
|
+
- 당근마켓의 제품 또는 서비스와 제휴, 후원, 보증, 그 밖의 관련이 있는 것처럼 오인하게 하는 사용
|
|
19
|
+
|
|
20
|
+
[당근마켓 브랜드 리소스 가이드라인]: https://app.notion.com/p/daangn/6fdd92981e4a42d8b29c89cbbba7a8b7
|
|
@@ -224,7 +224,7 @@ function useSnapPoints({ activeSnapPointProp, setActiveSnapPointProp, snapPoints
|
|
|
224
224
|
opacity: "1"
|
|
225
225
|
});
|
|
226
226
|
}
|
|
227
|
-
setActiveSnapPoint(snapPoints?.[Math.max(newSnapPointIndex, 0)]);
|
|
227
|
+
setActiveSnapPoint(snapPoints?.[Math.max(newSnapPointIndex, 0)] ?? null);
|
|
228
228
|
}, [
|
|
229
229
|
drawerRef,
|
|
230
230
|
overlayRef,
|
|
@@ -220,7 +220,7 @@ function useSnapPoints({ activeSnapPointProp, setActiveSnapPointProp, snapPoints
|
|
|
220
220
|
opacity: "1"
|
|
221
221
|
});
|
|
222
222
|
}
|
|
223
|
-
setActiveSnapPoint(snapPoints?.[Math.max(newSnapPointIndex, 0)]);
|
|
223
|
+
setActiveSnapPoint(snapPoints?.[Math.max(newSnapPointIndex, 0)] ?? null);
|
|
224
224
|
}, [
|
|
225
225
|
drawerRef,
|
|
226
226
|
overlayRef,
|
package/lib/index.cjs
CHANGED
package/lib/index.d.ts
CHANGED
|
@@ -169,23 +169,13 @@ declare function useDrawer(props: UseDrawerProps): {
|
|
|
169
169
|
unmountOnExit: boolean;
|
|
170
170
|
hasAnimationDone: boolean;
|
|
171
171
|
triggerProps: {
|
|
172
|
-
|
|
173
|
-
form?: string | undefined | undefined;
|
|
174
|
-
formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
|
|
175
|
-
formEncType?: string | undefined | undefined;
|
|
176
|
-
formMethod?: string | undefined | undefined;
|
|
177
|
-
formNoValidate?: boolean | undefined | undefined;
|
|
178
|
-
formTarget?: string | undefined | undefined;
|
|
179
|
-
name?: string | undefined | undefined;
|
|
180
|
-
type?: "submit" | "reset" | "button" | undefined | undefined;
|
|
181
|
-
value?: string | number | readonly string[] | undefined;
|
|
172
|
+
autoFocus?: boolean | undefined | undefined;
|
|
182
173
|
defaultChecked?: boolean | undefined | undefined;
|
|
183
174
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
184
175
|
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
185
176
|
suppressHydrationWarning?: boolean | undefined | undefined;
|
|
186
177
|
accessKey?: string | undefined | undefined;
|
|
187
178
|
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
|
|
188
|
-
autoFocus?: boolean | undefined | undefined;
|
|
189
179
|
className?: string | undefined | undefined;
|
|
190
180
|
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
191
181
|
contextMenu?: string | undefined | undefined;
|
|
@@ -459,15 +449,25 @@ declare function useDrawer(props: UseDrawerProps): {
|
|
|
459
449
|
onTransitionRunCapture?: react__default.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
460
450
|
onTransitionStart?: react__default.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
461
451
|
onTransitionStartCapture?: react__default.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
452
|
+
form?: string | undefined | undefined;
|
|
453
|
+
disabled?: boolean | undefined | undefined;
|
|
454
|
+
formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
|
|
455
|
+
formEncType?: string | undefined | undefined;
|
|
456
|
+
formMethod?: string | undefined | undefined;
|
|
457
|
+
formNoValidate?: boolean | undefined | undefined;
|
|
458
|
+
formTarget?: string | undefined | undefined;
|
|
459
|
+
name?: string | undefined | undefined;
|
|
460
|
+
type?: "submit" | "reset" | "button" | undefined | undefined;
|
|
461
|
+
value?: string | number | readonly string[] | undefined;
|
|
462
462
|
};
|
|
463
463
|
positionerProps: {
|
|
464
|
+
autoFocus?: boolean | undefined | undefined;
|
|
464
465
|
defaultChecked?: boolean | undefined | undefined;
|
|
465
466
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
466
467
|
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
467
468
|
suppressHydrationWarning?: boolean | undefined | undefined;
|
|
468
469
|
accessKey?: string | undefined | undefined;
|
|
469
470
|
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
|
|
470
|
-
autoFocus?: boolean | undefined | undefined;
|
|
471
471
|
className?: string | undefined | undefined;
|
|
472
472
|
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
473
473
|
contextMenu?: string | undefined | undefined;
|
|
@@ -743,13 +743,13 @@ declare function useDrawer(props: UseDrawerProps): {
|
|
|
743
743
|
onTransitionStartCapture?: react__default.TransitionEventHandler<HTMLElement> | undefined;
|
|
744
744
|
};
|
|
745
745
|
backdropProps: {
|
|
746
|
+
autoFocus?: boolean | undefined | undefined;
|
|
746
747
|
defaultChecked?: boolean | undefined | undefined;
|
|
747
748
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
748
749
|
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
749
750
|
suppressHydrationWarning?: boolean | undefined | undefined;
|
|
750
751
|
accessKey?: string | undefined | undefined;
|
|
751
752
|
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
|
|
752
|
-
autoFocus?: boolean | undefined | undefined;
|
|
753
753
|
className?: string | undefined | undefined;
|
|
754
754
|
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
755
755
|
contextMenu?: string | undefined | undefined;
|
|
@@ -1025,13 +1025,13 @@ declare function useDrawer(props: UseDrawerProps): {
|
|
|
1025
1025
|
onTransitionStartCapture?: react__default.TransitionEventHandler<HTMLElement> | undefined;
|
|
1026
1026
|
};
|
|
1027
1027
|
titleProps: {
|
|
1028
|
+
autoFocus?: boolean | undefined | undefined;
|
|
1028
1029
|
defaultChecked?: boolean | undefined | undefined;
|
|
1029
1030
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
1030
1031
|
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
1031
1032
|
suppressHydrationWarning?: boolean | undefined | undefined;
|
|
1032
1033
|
accessKey?: string | undefined | undefined;
|
|
1033
1034
|
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
|
|
1034
|
-
autoFocus?: boolean | undefined | undefined;
|
|
1035
1035
|
className?: string | undefined | undefined;
|
|
1036
1036
|
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
1037
1037
|
contextMenu?: string | undefined | undefined;
|
|
@@ -1307,13 +1307,13 @@ declare function useDrawer(props: UseDrawerProps): {
|
|
|
1307
1307
|
onTransitionStartCapture?: react__default.TransitionEventHandler<HTMLElement> | undefined;
|
|
1308
1308
|
};
|
|
1309
1309
|
descriptionProps: {
|
|
1310
|
+
autoFocus?: boolean | undefined | undefined;
|
|
1310
1311
|
defaultChecked?: boolean | undefined | undefined;
|
|
1311
1312
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
1312
1313
|
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
1313
1314
|
suppressHydrationWarning?: boolean | undefined | undefined;
|
|
1314
1315
|
accessKey?: string | undefined | undefined;
|
|
1315
1316
|
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
|
|
1316
|
-
autoFocus?: boolean | undefined | undefined;
|
|
1317
1317
|
className?: string | undefined | undefined;
|
|
1318
1318
|
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
1319
1319
|
contextMenu?: string | undefined | undefined;
|
|
@@ -1589,13 +1589,13 @@ declare function useDrawer(props: UseDrawerProps): {
|
|
|
1589
1589
|
onTransitionStartCapture?: react__default.TransitionEventHandler<HTMLElement> | undefined;
|
|
1590
1590
|
};
|
|
1591
1591
|
headerProps: {
|
|
1592
|
+
autoFocus?: boolean | undefined | undefined;
|
|
1592
1593
|
defaultChecked?: boolean | undefined | undefined;
|
|
1593
1594
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
1594
1595
|
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
1595
1596
|
suppressHydrationWarning?: boolean | undefined | undefined;
|
|
1596
1597
|
accessKey?: string | undefined | undefined;
|
|
1597
1598
|
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
|
|
1598
|
-
autoFocus?: boolean | undefined | undefined;
|
|
1599
1599
|
className?: string | undefined | undefined;
|
|
1600
1600
|
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
1601
1601
|
contextMenu?: string | undefined | undefined;
|
|
@@ -1871,23 +1871,13 @@ declare function useDrawer(props: UseDrawerProps): {
|
|
|
1871
1871
|
onTransitionStartCapture?: react__default.TransitionEventHandler<HTMLElement> | undefined;
|
|
1872
1872
|
};
|
|
1873
1873
|
closeButtonProps: {
|
|
1874
|
-
|
|
1875
|
-
form?: string | undefined | undefined;
|
|
1876
|
-
formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
|
|
1877
|
-
formEncType?: string | undefined | undefined;
|
|
1878
|
-
formMethod?: string | undefined | undefined;
|
|
1879
|
-
formNoValidate?: boolean | undefined | undefined;
|
|
1880
|
-
formTarget?: string | undefined | undefined;
|
|
1881
|
-
name?: string | undefined | undefined;
|
|
1882
|
-
type?: "submit" | "reset" | "button" | undefined | undefined;
|
|
1883
|
-
value?: string | number | readonly string[] | undefined;
|
|
1874
|
+
autoFocus?: boolean | undefined | undefined;
|
|
1884
1875
|
defaultChecked?: boolean | undefined | undefined;
|
|
1885
1876
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
1886
1877
|
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
1887
1878
|
suppressHydrationWarning?: boolean | undefined | undefined;
|
|
1888
1879
|
accessKey?: string | undefined | undefined;
|
|
1889
1880
|
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
|
|
1890
|
-
autoFocus?: boolean | undefined | undefined;
|
|
1891
1881
|
className?: string | undefined | undefined;
|
|
1892
1882
|
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
1893
1883
|
contextMenu?: string | undefined | undefined;
|
|
@@ -2161,6 +2151,16 @@ declare function useDrawer(props: UseDrawerProps): {
|
|
|
2161
2151
|
onTransitionRunCapture?: react__default.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
2162
2152
|
onTransitionStart?: react__default.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
2163
2153
|
onTransitionStartCapture?: react__default.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
2154
|
+
form?: string | undefined | undefined;
|
|
2155
|
+
disabled?: boolean | undefined | undefined;
|
|
2156
|
+
formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
|
|
2157
|
+
formEncType?: string | undefined | undefined;
|
|
2158
|
+
formMethod?: string | undefined | undefined;
|
|
2159
|
+
formNoValidate?: boolean | undefined | undefined;
|
|
2160
|
+
formTarget?: string | undefined | undefined;
|
|
2161
|
+
name?: string | undefined | undefined;
|
|
2162
|
+
type?: "submit" | "reset" | "button" | undefined | undefined;
|
|
2163
|
+
value?: string | number | readonly string[] | undefined;
|
|
2164
2164
|
};
|
|
2165
2165
|
};
|
|
2166
2166
|
|
|
@@ -2316,23 +2316,13 @@ declare function useDrawerContext(): {
|
|
|
2316
2316
|
unmountOnExit: boolean;
|
|
2317
2317
|
hasAnimationDone: boolean;
|
|
2318
2318
|
triggerProps: {
|
|
2319
|
-
|
|
2320
|
-
form?: string | undefined | undefined;
|
|
2321
|
-
formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
|
|
2322
|
-
formEncType?: string | undefined | undefined;
|
|
2323
|
-
formMethod?: string | undefined | undefined;
|
|
2324
|
-
formNoValidate?: boolean | undefined | undefined;
|
|
2325
|
-
formTarget?: string | undefined | undefined;
|
|
2326
|
-
name?: string | undefined | undefined;
|
|
2327
|
-
type?: "submit" | "reset" | "button" | undefined | undefined;
|
|
2328
|
-
value?: string | number | readonly string[] | undefined;
|
|
2319
|
+
autoFocus?: boolean | undefined | undefined;
|
|
2329
2320
|
defaultChecked?: boolean | undefined | undefined;
|
|
2330
2321
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
2331
2322
|
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
2332
2323
|
suppressHydrationWarning?: boolean | undefined | undefined;
|
|
2333
2324
|
accessKey?: string | undefined | undefined;
|
|
2334
2325
|
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
|
|
2335
|
-
autoFocus?: boolean | undefined | undefined;
|
|
2336
2326
|
className?: string | undefined | undefined;
|
|
2337
2327
|
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
2338
2328
|
contextMenu?: string | undefined | undefined;
|
|
@@ -2606,15 +2596,25 @@ declare function useDrawerContext(): {
|
|
|
2606
2596
|
onTransitionRunCapture?: react.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
2607
2597
|
onTransitionStart?: react.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
2608
2598
|
onTransitionStartCapture?: react.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
2599
|
+
form?: string | undefined | undefined;
|
|
2600
|
+
disabled?: boolean | undefined | undefined;
|
|
2601
|
+
formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
|
|
2602
|
+
formEncType?: string | undefined | undefined;
|
|
2603
|
+
formMethod?: string | undefined | undefined;
|
|
2604
|
+
formNoValidate?: boolean | undefined | undefined;
|
|
2605
|
+
formTarget?: string | undefined | undefined;
|
|
2606
|
+
name?: string | undefined | undefined;
|
|
2607
|
+
type?: "submit" | "reset" | "button" | undefined | undefined;
|
|
2608
|
+
value?: string | number | readonly string[] | undefined;
|
|
2609
2609
|
};
|
|
2610
2610
|
positionerProps: {
|
|
2611
|
+
autoFocus?: boolean | undefined | undefined;
|
|
2611
2612
|
defaultChecked?: boolean | undefined | undefined;
|
|
2612
2613
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
2613
2614
|
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
2614
2615
|
suppressHydrationWarning?: boolean | undefined | undefined;
|
|
2615
2616
|
accessKey?: string | undefined | undefined;
|
|
2616
2617
|
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
|
|
2617
|
-
autoFocus?: boolean | undefined | undefined;
|
|
2618
2618
|
className?: string | undefined | undefined;
|
|
2619
2619
|
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
2620
2620
|
contextMenu?: string | undefined | undefined;
|
|
@@ -2890,13 +2890,13 @@ declare function useDrawerContext(): {
|
|
|
2890
2890
|
onTransitionStartCapture?: react.TransitionEventHandler<HTMLElement> | undefined;
|
|
2891
2891
|
};
|
|
2892
2892
|
backdropProps: {
|
|
2893
|
+
autoFocus?: boolean | undefined | undefined;
|
|
2893
2894
|
defaultChecked?: boolean | undefined | undefined;
|
|
2894
2895
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
2895
2896
|
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
2896
2897
|
suppressHydrationWarning?: boolean | undefined | undefined;
|
|
2897
2898
|
accessKey?: string | undefined | undefined;
|
|
2898
2899
|
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
|
|
2899
|
-
autoFocus?: boolean | undefined | undefined;
|
|
2900
2900
|
className?: string | undefined | undefined;
|
|
2901
2901
|
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
2902
2902
|
contextMenu?: string | undefined | undefined;
|
|
@@ -3172,13 +3172,13 @@ declare function useDrawerContext(): {
|
|
|
3172
3172
|
onTransitionStartCapture?: react.TransitionEventHandler<HTMLElement> | undefined;
|
|
3173
3173
|
};
|
|
3174
3174
|
titleProps: {
|
|
3175
|
+
autoFocus?: boolean | undefined | undefined;
|
|
3175
3176
|
defaultChecked?: boolean | undefined | undefined;
|
|
3176
3177
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
3177
3178
|
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
3178
3179
|
suppressHydrationWarning?: boolean | undefined | undefined;
|
|
3179
3180
|
accessKey?: string | undefined | undefined;
|
|
3180
3181
|
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
|
|
3181
|
-
autoFocus?: boolean | undefined | undefined;
|
|
3182
3182
|
className?: string | undefined | undefined;
|
|
3183
3183
|
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
3184
3184
|
contextMenu?: string | undefined | undefined;
|
|
@@ -3454,13 +3454,13 @@ declare function useDrawerContext(): {
|
|
|
3454
3454
|
onTransitionStartCapture?: react.TransitionEventHandler<HTMLElement> | undefined;
|
|
3455
3455
|
};
|
|
3456
3456
|
descriptionProps: {
|
|
3457
|
+
autoFocus?: boolean | undefined | undefined;
|
|
3457
3458
|
defaultChecked?: boolean | undefined | undefined;
|
|
3458
3459
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
3459
3460
|
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
3460
3461
|
suppressHydrationWarning?: boolean | undefined | undefined;
|
|
3461
3462
|
accessKey?: string | undefined | undefined;
|
|
3462
3463
|
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
|
|
3463
|
-
autoFocus?: boolean | undefined | undefined;
|
|
3464
3464
|
className?: string | undefined | undefined;
|
|
3465
3465
|
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
3466
3466
|
contextMenu?: string | undefined | undefined;
|
|
@@ -3736,13 +3736,13 @@ declare function useDrawerContext(): {
|
|
|
3736
3736
|
onTransitionStartCapture?: react.TransitionEventHandler<HTMLElement> | undefined;
|
|
3737
3737
|
};
|
|
3738
3738
|
headerProps: {
|
|
3739
|
+
autoFocus?: boolean | undefined | undefined;
|
|
3739
3740
|
defaultChecked?: boolean | undefined | undefined;
|
|
3740
3741
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
3741
3742
|
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
3742
3743
|
suppressHydrationWarning?: boolean | undefined | undefined;
|
|
3743
3744
|
accessKey?: string | undefined | undefined;
|
|
3744
3745
|
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
|
|
3745
|
-
autoFocus?: boolean | undefined | undefined;
|
|
3746
3746
|
className?: string | undefined | undefined;
|
|
3747
3747
|
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
3748
3748
|
contextMenu?: string | undefined | undefined;
|
|
@@ -4018,23 +4018,13 @@ declare function useDrawerContext(): {
|
|
|
4018
4018
|
onTransitionStartCapture?: react.TransitionEventHandler<HTMLElement> | undefined;
|
|
4019
4019
|
};
|
|
4020
4020
|
closeButtonProps: {
|
|
4021
|
-
|
|
4022
|
-
form?: string | undefined | undefined;
|
|
4023
|
-
formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
|
|
4024
|
-
formEncType?: string | undefined | undefined;
|
|
4025
|
-
formMethod?: string | undefined | undefined;
|
|
4026
|
-
formNoValidate?: boolean | undefined | undefined;
|
|
4027
|
-
formTarget?: string | undefined | undefined;
|
|
4028
|
-
name?: string | undefined | undefined;
|
|
4029
|
-
type?: "submit" | "reset" | "button" | undefined | undefined;
|
|
4030
|
-
value?: string | number | readonly string[] | undefined;
|
|
4021
|
+
autoFocus?: boolean | undefined | undefined;
|
|
4031
4022
|
defaultChecked?: boolean | undefined | undefined;
|
|
4032
4023
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
4033
4024
|
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
4034
4025
|
suppressHydrationWarning?: boolean | undefined | undefined;
|
|
4035
4026
|
accessKey?: string | undefined | undefined;
|
|
4036
4027
|
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
|
|
4037
|
-
autoFocus?: boolean | undefined | undefined;
|
|
4038
4028
|
className?: string | undefined | undefined;
|
|
4039
4029
|
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
4040
4030
|
contextMenu?: string | undefined | undefined;
|
|
@@ -4308,6 +4298,16 @@ declare function useDrawerContext(): {
|
|
|
4308
4298
|
onTransitionRunCapture?: react.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
4309
4299
|
onTransitionStart?: react.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
4310
4300
|
onTransitionStartCapture?: react.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
4301
|
+
form?: string | undefined | undefined;
|
|
4302
|
+
disabled?: boolean | undefined | undefined;
|
|
4303
|
+
formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
|
|
4304
|
+
formEncType?: string | undefined | undefined;
|
|
4305
|
+
formMethod?: string | undefined | undefined;
|
|
4306
|
+
formNoValidate?: boolean | undefined | undefined;
|
|
4307
|
+
formTarget?: string | undefined | undefined;
|
|
4308
|
+
name?: string | undefined | undefined;
|
|
4309
|
+
type?: "submit" | "reset" | "button" | undefined | undefined;
|
|
4310
|
+
value?: string | number | readonly string[] | undefined;
|
|
4311
4311
|
};
|
|
4312
4312
|
};
|
|
4313
4313
|
|
package/lib/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { D as DrawerBackdrop, a as DrawerCloseButton, b as DrawerContent, c as DrawerDescription, d as DrawerHandle, e as DrawerHeader, f as DrawerPositioner, g as DrawerRoot, h as DrawerTitle, i as DrawerTrigger } from './Drawer-12s-
|
|
2
|
-
export { u as useDrawer, j as useDrawerContext } from './Drawer-12s-
|
|
1
|
+
import { D as DrawerBackdrop, a as DrawerCloseButton, b as DrawerContent, c as DrawerDescription, d as DrawerHandle, e as DrawerHeader, f as DrawerPositioner, g as DrawerRoot, h as DrawerTitle, i as DrawerTrigger } from './Drawer-12s-BDQbAi0U.js';
|
|
2
|
+
export { u as useDrawer, j as useDrawerContext } from './Drawer-12s-BDQbAi0U.js';
|
|
3
3
|
|
|
4
4
|
var Drawer_namespace = {
|
|
5
5
|
__proto__: null,
|
package/package.json
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@seed-design/react-drawer",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.2",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "git+https://github.com/daangn/seed-design.git",
|
|
7
7
|
"directory": "packages/react-headless/drawer"
|
|
8
8
|
},
|
|
9
|
+
"license": "Apache-2.0",
|
|
9
10
|
"sideEffects": false,
|
|
10
11
|
"type": "module",
|
|
11
12
|
"exports": {
|
|
@@ -19,7 +20,9 @@
|
|
|
19
20
|
"main": "./lib/index.cjs",
|
|
20
21
|
"files": [
|
|
21
22
|
"lib",
|
|
22
|
-
"src"
|
|
23
|
+
"src",
|
|
24
|
+
"LICENSE",
|
|
25
|
+
"NOTICE"
|
|
23
26
|
],
|
|
24
27
|
"scripts": {
|
|
25
28
|
"clean": "rm -rf lib",
|
|
@@ -30,12 +33,12 @@
|
|
|
30
33
|
"@radix-ui/react-compose-refs": "^1.1.2",
|
|
31
34
|
"@radix-ui/react-focus-scope": "^1.1.4",
|
|
32
35
|
"@radix-ui/react-use-callback-ref": "^1.1.0",
|
|
33
|
-
"@seed-design/dom-utils": "^2.0.
|
|
34
|
-
"@seed-design/react-dismissible-layer": "^1.0.
|
|
35
|
-
"@seed-design/react-presence": "^1.0.
|
|
36
|
-
"@seed-design/react-prevent-scroll": "^1.0.
|
|
37
|
-
"@seed-design/react-primitive": "^2.0.
|
|
38
|
-
"@seed-design/react-use-controllable-state": "^2.0.
|
|
36
|
+
"@seed-design/dom-utils": "^2.0.1",
|
|
37
|
+
"@seed-design/react-dismissible-layer": "^1.0.1",
|
|
38
|
+
"@seed-design/react-presence": "^1.0.1",
|
|
39
|
+
"@seed-design/react-prevent-scroll": "^1.0.1",
|
|
40
|
+
"@seed-design/react-primitive": "^2.0.1",
|
|
41
|
+
"@seed-design/react-use-controllable-state": "^2.0.1",
|
|
39
42
|
"aria-hidden": "^1.2.6"
|
|
40
43
|
},
|
|
41
44
|
"devDependencies": {
|
package/src/use-snap-points.ts
CHANGED