@kwiz/fluentui 1.0.127 → 1.0.128

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/controls/drawer-ex.d.ts +4 -368
  2. package/dist/controls/drawer-ex.js +1 -1
  3. package/dist/controls/drawer-ex.js.map +1 -1
  4. package/package.json +1 -1
package/dist/controls/drawer-ex.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { DrawerBodyProps, DrawerHeaderProps, DrawerHeaderTitleProps } from "@fluentui/react-components";
1
+ import { DrawerBodyProps, DrawerHeaderProps, DrawerHeaderTitleProps, DrawerProps } from "@fluentui/react-components";
2
2
  import React from "react";
3
3
  interface iProps {
4
4
  headerProps?: DrawerHeaderProps;
@@ -7,371 +7,7 @@ interface iProps {
7
7
  title?: string | JSX.Element;
8
8
  titleActions?: JSX.Element;
9
9
  }
10
- export declare const DrawerEX: (props: iProps & Omit<(Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & {
11
- as?: "div";
12
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
13
- ref?: React.Ref<HTMLDivElement>;
14
- } & {
15
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
16
- ref?: React.Ref<HTMLDivElement>;
17
- }>;
18
- } & {
19
- type?: "inline" | "overlay";
20
- } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
21
- root: import("@fluentui/react-utilities").Slot<"div", "aside">;
22
- }, "root"> & Omit<{
23
- as?: "div";
24
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
25
- ref?: React.Ref<HTMLDivElement>;
26
- } & {
27
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
28
- ref?: React.Ref<HTMLDivElement>;
29
- }>;
30
- }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & Pick<import("@fluentui/react-dialog").DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
31
- position?: "start" | "end" | "bottom";
32
- size?: "small" | "medium" | "large" | "full";
33
- open?: boolean;
34
- } & {
35
- defaultOpen?: boolean;
36
- }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & {
37
- as?: "div";
38
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
39
- ref?: React.Ref<HTMLDivElement>;
40
- } & {
41
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
42
- ref?: React.Ref<HTMLDivElement>;
43
- }>;
44
- } & {
45
- type?: "inline" | "overlay";
46
- } & Omit<import("@fluentui/react-drawer").InlineDrawerSlots, "root"> & Omit<{
47
- as?: "div";
48
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
49
- ref?: React.Ref<HTMLDivElement>;
50
- } & {
51
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
52
- ref?: React.Ref<HTMLDivElement>;
53
- }>;
54
- }, "ref"> & {
55
- position?: "start" | "end" | "bottom";
56
- size?: "small" | "medium" | "large" | "full";
57
- open?: boolean;
58
- } & {
59
- separator?: boolean;
60
- }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & {
61
- as: "aside";
62
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
63
- ref?: React.Ref<HTMLElement>;
64
- } & {
65
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
66
- ref?: React.Ref<HTMLElement>;
67
- }>;
68
- } & {
69
- type?: "inline" | "overlay";
70
- } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
71
- root: import("@fluentui/react-utilities").Slot<"div", "aside">;
72
- }, "root"> & Omit<{
73
- as: "aside";
74
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
75
- ref?: React.Ref<HTMLElement>;
76
- } & {
77
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
78
- ref?: React.Ref<HTMLElement>;
79
- }>;
80
- }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & Pick<import("@fluentui/react-dialog").DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
81
- position?: "start" | "end" | "bottom";
82
- size?: "small" | "medium" | "large" | "full";
83
- open?: boolean;
84
- } & {
85
- defaultOpen?: boolean;
86
- }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & {
87
- as: "aside";
88
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
89
- ref?: React.Ref<HTMLElement>;
90
- } & {
91
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
92
- ref?: React.Ref<HTMLElement>;
93
- }>;
94
- } & {
95
- type?: "inline" | "overlay";
96
- } & Omit<import("@fluentui/react-drawer").InlineDrawerSlots, "root"> & Omit<{
97
- as: "aside";
98
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
99
- ref?: React.Ref<HTMLElement>;
100
- } & {
101
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
102
- ref?: React.Ref<HTMLElement>;
103
- }>;
104
- }, "ref"> & {
105
- position?: "start" | "end" | "bottom";
106
- size?: "small" | "medium" | "large" | "full";
107
- open?: boolean;
108
- } & {
109
- separator?: boolean;
110
- }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
111
- root: import("@fluentui/react-utilities").Slot<"div", "aside">;
112
- }, "root"> & Omit<{
113
- as?: "div";
114
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
115
- ref?: React.Ref<HTMLDivElement>;
116
- } & {
117
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
118
- ref?: React.Ref<HTMLDivElement>;
119
- }>;
120
- }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & {
121
- type?: "inline" | "overlay";
122
- } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Pick<import("@fluentui/react-dialog").DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
123
- position?: "start" | "end" | "bottom";
124
- size?: "small" | "medium" | "large" | "full";
125
- open?: boolean;
126
- } & {
127
- defaultOpen?: boolean;
128
- }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
129
- root: import("@fluentui/react-utilities").Slot<"div", "aside">;
130
- }, "root"> & Omit<{
131
- as?: "div";
132
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
133
- ref?: React.Ref<HTMLDivElement>;
134
- } & {
135
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
136
- ref?: React.Ref<HTMLDivElement>;
137
- }>;
138
- }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & {
139
- type?: "inline" | "overlay";
140
- } & Omit<import("@fluentui/react-drawer").InlineDrawerSlots, "root"> & {
141
- position?: "start" | "end" | "bottom";
142
- size?: "small" | "medium" | "large" | "full";
143
- open?: boolean;
144
- } & {
145
- separator?: boolean;
146
- }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
147
- root: import("@fluentui/react-utilities").Slot<"div", "aside">;
148
- }, "root"> & Omit<{
149
- as: "aside";
150
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
151
- ref?: React.Ref<HTMLElement>;
152
- } & {
153
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
154
- ref?: React.Ref<HTMLElement>;
155
- }>;
156
- }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & {
157
- type?: "inline" | "overlay";
158
- } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Pick<import("@fluentui/react-dialog").DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
159
- position?: "start" | "end" | "bottom";
160
- size?: "small" | "medium" | "large" | "full";
161
- open?: boolean;
162
- } & {
163
- defaultOpen?: boolean;
164
- }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
165
- root: import("@fluentui/react-utilities").Slot<"div", "aside">;
166
- }, "root"> & Omit<{
167
- as: "aside";
168
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
169
- ref?: React.Ref<HTMLElement>;
170
- } & {
171
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
172
- ref?: React.Ref<HTMLElement>;
173
- }>;
174
- }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & {
175
- type?: "inline" | "overlay";
176
- } & Omit<import("@fluentui/react-drawer").InlineDrawerSlots, "root"> & {
177
- position?: "start" | "end" | "bottom";
178
- size?: "small" | "medium" | "large" | "full";
179
- open?: boolean;
180
- } & {
181
- separator?: boolean;
182
- }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & {
183
- as?: "div";
184
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
185
- ref?: React.Ref<HTMLDivElement>;
186
- } & {
187
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
188
- ref?: React.Ref<HTMLDivElement>;
189
- }>;
190
- } & {
191
- type?: "inline" | "overlay";
192
- } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
193
- root: import("@fluentui/react-utilities").Slot<"div", "aside">;
194
- }, "root"> & Omit<{
195
- as?: "div";
196
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
197
- ref?: React.Ref<HTMLDivElement>;
198
- } & {
199
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
200
- ref?: React.Ref<HTMLDivElement>;
201
- }>;
202
- }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & Pick<import("@fluentui/react-dialog").DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
203
- position?: "start" | "end" | "bottom";
204
- size?: "small" | "medium" | "large" | "full";
205
- open?: boolean;
206
- } & {
207
- defaultOpen?: boolean;
208
- } & Omit<import("@fluentui/react-drawer").InlineDrawerSlots, "root"> & {
209
- separator?: boolean;
210
- }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & {
211
- as?: "div";
212
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
213
- ref?: React.Ref<HTMLDivElement>;
214
- } & {
215
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
216
- ref?: React.Ref<HTMLDivElement>;
217
- }>;
218
- } & {
219
- type?: "inline" | "overlay";
220
- } & Omit<import("@fluentui/react-drawer").InlineDrawerSlots, "root"> & Omit<{
221
- as?: "div";
222
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
223
- ref?: React.Ref<HTMLDivElement>;
224
- } & {
225
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
226
- ref?: React.Ref<HTMLDivElement>;
227
- }>;
228
- }, "ref"> & {
229
- position?: "start" | "end" | "bottom";
230
- size?: "small" | "medium" | "large" | "full";
231
- open?: boolean;
232
- } & {
233
- separator?: boolean;
234
- } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
235
- root: import("@fluentui/react-utilities").Slot<"div", "aside">;
236
- }, "root"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & Pick<import("@fluentui/react-dialog").DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
237
- defaultOpen?: boolean;
238
- }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & {
239
- as: "aside";
240
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
241
- ref?: React.Ref<HTMLElement>;
242
- } & {
243
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
244
- ref?: React.Ref<HTMLElement>;
245
- }>;
246
- } & {
247
- type?: "inline" | "overlay";
248
- } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
249
- root: import("@fluentui/react-utilities").Slot<"div", "aside">;
250
- }, "root"> & Omit<{
251
- as: "aside";
252
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
253
- ref?: React.Ref<HTMLElement>;
254
- } & {
255
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
256
- ref?: React.Ref<HTMLElement>;
257
- }>;
258
- }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & Pick<import("@fluentui/react-dialog").DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
259
- position?: "start" | "end" | "bottom";
260
- size?: "small" | "medium" | "large" | "full";
261
- open?: boolean;
262
- } & {
263
- defaultOpen?: boolean;
264
- } & Omit<import("@fluentui/react-drawer").InlineDrawerSlots, "root"> & {
265
- separator?: boolean;
266
- }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & {
267
- as: "aside";
268
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
269
- ref?: React.Ref<HTMLElement>;
270
- } & {
271
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
272
- ref?: React.Ref<HTMLElement>;
273
- }>;
274
- } & {
275
- type?: "inline" | "overlay";
276
- } & Omit<import("@fluentui/react-drawer").InlineDrawerSlots, "root"> & Omit<{
277
- as: "aside";
278
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
279
- ref?: React.Ref<HTMLElement>;
280
- } & {
281
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
282
- ref?: React.Ref<HTMLElement>;
283
- }>;
284
- }, "ref"> & {
285
- position?: "start" | "end" | "bottom";
286
- size?: "small" | "medium" | "large" | "full";
287
- open?: boolean;
288
- } & {
289
- separator?: boolean;
290
- } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
291
- root: import("@fluentui/react-utilities").Slot<"div", "aside">;
292
- }, "root"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & Pick<import("@fluentui/react-dialog").DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
293
- defaultOpen?: boolean;
294
- }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
295
- root: import("@fluentui/react-utilities").Slot<"div", "aside">;
296
- }, "root"> & Omit<{
297
- as?: "div";
298
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
299
- ref?: React.Ref<HTMLDivElement>;
300
- } & {
301
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
302
- ref?: React.Ref<HTMLDivElement>;
303
- }>;
304
- }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & {
305
- type?: "inline" | "overlay";
306
- } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Pick<import("@fluentui/react-dialog").DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
307
- position?: "start" | "end" | "bottom";
308
- size?: "small" | "medium" | "large" | "full";
309
- open?: boolean;
310
- } & {
311
- defaultOpen?: boolean;
312
- } & Omit<import("@fluentui/react-drawer").InlineDrawerSlots, "root"> & {
313
- separator?: boolean;
314
- }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
315
- root: import("@fluentui/react-utilities").Slot<"div", "aside">;
316
- }, "root"> & Omit<{
317
- as?: "div";
318
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
319
- ref?: React.Ref<HTMLDivElement>;
320
- } & {
321
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
322
- ref?: React.Ref<HTMLDivElement>;
323
- }>;
324
- }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & {
325
- type?: "inline" | "overlay";
326
- } & Omit<import("@fluentui/react-drawer").InlineDrawerSlots, "root"> & {
327
- position?: "start" | "end" | "bottom";
328
- size?: "small" | "medium" | "large" | "full";
329
- open?: boolean;
330
- } & {
331
- separator?: boolean;
332
- } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Pick<import("@fluentui/react-dialog").DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
333
- defaultOpen?: boolean;
334
- }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
335
- root: import("@fluentui/react-utilities").Slot<"div", "aside">;
336
- }, "root"> & Omit<{
337
- as: "aside";
338
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
339
- ref?: React.Ref<HTMLElement>;
340
- } & {
341
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
342
- ref?: React.Ref<HTMLElement>;
343
- }>;
344
- }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & {
345
- type?: "inline" | "overlay";
346
- } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Pick<import("@fluentui/react-dialog").DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
347
- position?: "start" | "end" | "bottom";
348
- size?: "small" | "medium" | "large" | "full";
349
- open?: boolean;
350
- } & {
351
- defaultOpen?: boolean;
352
- } & Omit<import("@fluentui/react-drawer").InlineDrawerSlots, "root"> & {
353
- separator?: boolean;
354
- }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
355
- root: import("@fluentui/react-utilities").Slot<"div", "aside">;
356
- }, "root"> & Omit<{
357
- as: "aside";
358
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
359
- ref?: React.Ref<HTMLElement>;
360
- } & {
361
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
362
- ref?: React.Ref<HTMLElement>;
363
- }>;
364
- }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & {
365
- type?: "inline" | "overlay";
366
- } & Omit<import("@fluentui/react-drawer").InlineDrawerSlots, "root"> & {
367
- position?: "start" | "end" | "bottom";
368
- size?: "small" | "medium" | "large" | "full";
369
- open?: boolean;
370
- } & {
371
- separator?: boolean;
372
- } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Pick<import("@fluentui/react-dialog").DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
373
- defaultOpen?: boolean;
374
- }), "title"> & {
375
- children?: React.ReactNode | undefined;
376
- } & React.RefAttributes<HTMLDivElement>) => React.JSX.Element | null;
10
+ type DeepOmit<T, K extends keyof T> = T extends any ? Omit<T, K> : never;
11
+ type tProps = iProps & DeepOmit<DrawerProps, "title">;
12
+ export declare const DrawerEX: (props: React.PropsWithChildren<tProps> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element | null;
377
13
  export {};
package/dist/controls/drawer-ex.js CHANGED
@@ -16,7 +16,7 @@ export const DrawerEX = React.forwardRef((props, ref) => {
16
16
  var _a, _b;
17
17
  const commonStyles = useCommonStyles();
18
18
  const css = useStyles();
19
- const rootProps = Object.assign(Object.assign({}, props), { title: "", as: props.as });
19
+ const rootProps = Object.assign(Object.assign({}, props), { title: "" });
20
20
  return _jsxs(Drawer, Object.assign({ ref: ref }, rootProps, { className: mergeClasses(rootProps.className, css.drawer), children: [_jsx(DrawerHeader, Object.assign({}, props.headerProps, { className: commonStyles.header, children: _jsx(DrawerHeaderTitle, Object.assign({ heading: { className: css.heading } }, props.headerTitleProps, { action: props.titleActions || ((_a = props.headerTitleProps) === null || _a === void 0 ? void 0 : _a.action), children: props.title || ((_b = props.headerTitleProps) === null || _b === void 0 ? void 0 : _b.children) })) })), _jsx(DrawerBody, Object.assign({}, props.bodyProps, { children: props.children }))] }));
21
21
  });
22
22
  //# sourceMappingURL=drawer-ex.js.map
package/dist/controls/drawer-ex.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"drawer-ex.js","sourceRoot":"","sources":["../../src/controls/drawer-ex.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAmB,YAAY,EAAqB,iBAAiB,EAA0D,UAAU,EAAE,YAAY,EAAsB,MAAM,4BAA4B,CAAC;AAC3O,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,SAAS,GAAG,UAAU,CAAC;IACzB,MAAM,EAAE;QACJ,MAAM,EAAE,CAAC;KACZ;IACD,OAAO,EAAE;QACL,oCAAoC;QACpC,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,CAAC;KACd;CACJ,CAAC,CAAC;AAUH,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAoD,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IACvG,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC;IACxB,MAAM,SAAS,mCACR,KAAK,KACR,KAAK,EAAE,EAAE,EACT,EAAE,EAAE,KAAK,CAAC,EAAE,GACf,CAAC;IAEF,OAAO,MAAC,MAAM,kBAAC,GAAG,EAAE,GAAG,IAAM,SAAS,IAClC,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aACxD,KAAC,YAAY,oBAAK,KAAK,CAAC,WAAW,IAAE,SAAS,EAAE,YAAY,CAAC,MAAM,YAC/D,KAAC,iBAAiB,kBAAC,OAAO,EAAE,EAAE,SAAS,EAAE,GAAG,CAAC,OAAO,EAAE,IAAM,KAAK,CAAC,gBAAgB,IAAE,MAAM,EAAE,KAAK,CAAC,YAAY,KAAI,MAAA,KAAK,CAAC,gBAAgB,0CAAE,MAAM,CAAA,YAC3I,KAAK,CAAC,KAAK,KAAI,MAAA,KAAK,CAAC,gBAAgB,0CAAE,QAAQ,CAAA,IAChC,IACT,EACf,KAAC,UAAU,oBAAK,KAAK,CAAC,SAAS,cAC1B,KAAK,CAAC,QAAQ,IACN,KACR,CAAC;AACd,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"drawer-ex.js","sourceRoot":"","sources":["../../src/controls/drawer-ex.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAmB,YAAY,EAAqB,iBAAiB,EAAuC,UAAU,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACpM,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,SAAS,GAAG,UAAU,CAAC;IACzB,MAAM,EAAE;QACJ,MAAM,EAAE,CAAC;KACZ;IACD,OAAO,EAAE;QACL,oCAAoC;QACpC,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,CAAC;KACd;CACJ,CAAC,CAAC;AAaH,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAoD,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IACvG,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC;IACxB,MAAM,SAAS,mCACR,KAAK,KACR,KAAK,EAAE,EAAE,GACZ,CAAC;IAEF,OAAO,MAAC,MAAM,kBAAC,GAAG,EAAE,GAAG,IAAM,SAAS,IAClC,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aACxD,KAAC,YAAY,oBAAK,KAAK,CAAC,WAAW,IAAE,SAAS,EAAE,YAAY,CAAC,MAAM,YAC/D,KAAC,iBAAiB,kBAAC,OAAO,EAAE,EAAE,SAAS,EAAE,GAAG,CAAC,OAAO,EAAE,IAAM,KAAK,CAAC,gBAAgB,IAAE,MAAM,EAAE,KAAK,CAAC,YAAY,KAAI,MAAA,KAAK,CAAC,gBAAgB,0CAAE,MAAM,CAAA,YAC3I,KAAK,CAAC,KAAK,KAAI,MAAA,KAAK,CAAC,gBAAgB,0CAAE,QAAQ,CAAA,IAChC,IACT,EACf,KAAC,UAAU,oBAAK,KAAK,CAAC,SAAS,cAC1B,KAAK,CAAC,QAAQ,IACN,KACR,CAAC;AACd,CAAC,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kwiz/fluentui",
3
- "version": "1.0.127",
3
+ "version": "1.0.128",
4
4
  "description": "KWIZ common controls for FluentUI",
5
5
  "module": "dist/index.js",
6
6
  "types": "dist/index.d.ts",