@kwiz/fluentui 1.0.125 → 1.0.126

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 (3) hide show
  1. package/dist/controls/drawer-ex.d.ts +6 -184
  2. package/dist/controls/drawer-ex.js.map +1 -1
  3. package/package.json +1 -1
package/dist/controls/drawer-ex.d.ts CHANGED
@@ -1,190 +1,12 @@
1
- import { DialogProps, DrawerBodyProps, DrawerHeaderProps, DrawerHeaderTitleProps } from "@fluentui/react-components";
1
+ import { DrawerBodyProps, DrawerHeaderProps, DrawerHeaderTitleProps, DrawerProps, InlineDrawerProps, OverlayDrawerProps } from "@fluentui/react-components";
2
2
  import React from "react";
3
- export declare const DrawerEX: (props: {
3
+ interface iProps {
4
4
  headerProps?: DrawerHeaderProps;
5
5
  headerTitleProps?: DrawerHeaderTitleProps;
6
6
  bodyProps?: DrawerBodyProps;
7
7
  title?: string | JSX.Element;
8
8
  titleActions?: JSX.Element;
9
- } & Omit<Partial<import("@fluentui/react-dialog").DialogSlots>, "root"> & {
10
- modalType?: import("@fluentui/react-dialog").DialogModalType;
11
- open?: boolean;
12
- defaultOpen?: boolean;
13
- onOpenChange?: import("@fluentui/react-dialog").DialogOpenChangeEventHandler;
14
- children: [JSX.Element, JSX.Element] | JSX.Element;
15
- inertTrapFocus?: boolean;
16
- } & Omit<(Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & {
17
- as?: "div";
18
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
19
- ref?: React.Ref<HTMLDivElement>;
20
- } & {
21
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
22
- ref?: React.Ref<HTMLDivElement>;
23
- }>;
24
- } & {
25
- type?: "inline" | "overlay";
26
- } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
27
- root: import("@fluentui/react-utilities").Slot<"div", "aside">;
28
- }, "root"> & Omit<{
29
- as?: "div";
30
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
31
- ref?: React.Ref<HTMLDivElement>;
32
- } & {
33
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
34
- ref?: React.Ref<HTMLDivElement>;
35
- }>;
36
- }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & Pick<DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
37
- position?: "start" | "end" | "bottom";
38
- size?: "small" | "medium" | "large" | "full";
39
- open?: boolean;
40
- } & {
41
- defaultOpen?: boolean;
42
- }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & {
43
- as?: "div";
44
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
45
- ref?: React.Ref<HTMLDivElement>;
46
- } & {
47
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
48
- ref?: React.Ref<HTMLDivElement>;
49
- }>;
50
- } & {
51
- type?: "inline" | "overlay";
52
- } & Omit<import("@fluentui/react-drawer").InlineDrawerSlots, "root"> & Omit<{
53
- as?: "div";
54
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
55
- ref?: React.Ref<HTMLDivElement>;
56
- } & {
57
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
58
- ref?: React.Ref<HTMLDivElement>;
59
- }>;
60
- }, "ref"> & {
61
- position?: "start" | "end" | "bottom";
62
- size?: "small" | "medium" | "large" | "full";
63
- open?: boolean;
64
- } & {
65
- separator?: boolean;
66
- }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & {
67
- as: "aside";
68
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
69
- ref?: React.Ref<HTMLElement>;
70
- } & {
71
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
72
- ref?: React.Ref<HTMLElement>;
73
- }>;
74
- } & {
75
- type?: "inline" | "overlay";
76
- } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
77
- root: import("@fluentui/react-utilities").Slot<"div", "aside">;
78
- }, "root"> & Omit<{
79
- as: "aside";
80
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
81
- ref?: React.Ref<HTMLElement>;
82
- } & {
83
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
84
- ref?: React.Ref<HTMLElement>;
85
- }>;
86
- }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & Pick<DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
87
- position?: "start" | "end" | "bottom";
88
- size?: "small" | "medium" | "large" | "full";
89
- open?: boolean;
90
- } & {
91
- defaultOpen?: boolean;
92
- }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & {
93
- as: "aside";
94
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
95
- ref?: React.Ref<HTMLElement>;
96
- } & {
97
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
98
- ref?: React.Ref<HTMLElement>;
99
- }>;
100
- } & {
101
- type?: "inline" | "overlay";
102
- } & Omit<import("@fluentui/react-drawer").InlineDrawerSlots, "root"> & Omit<{
103
- as: "aside";
104
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
105
- ref?: React.Ref<HTMLElement>;
106
- } & {
107
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
108
- ref?: React.Ref<HTMLElement>;
109
- }>;
110
- }, "ref"> & {
111
- position?: "start" | "end" | "bottom";
112
- size?: "small" | "medium" | "large" | "full";
113
- open?: boolean;
114
- } & {
115
- separator?: boolean;
116
- }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
117
- root: import("@fluentui/react-utilities").Slot<"div", "aside">;
118
- }, "root"> & Omit<{
119
- as?: "div";
120
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
121
- ref?: React.Ref<HTMLDivElement>;
122
- } & {
123
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
124
- ref?: React.Ref<HTMLDivElement>;
125
- }>;
126
- }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & {
127
- type?: "inline" | "overlay";
128
- } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Pick<DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
129
- position?: "start" | "end" | "bottom";
130
- size?: "small" | "medium" | "large" | "full";
131
- open?: boolean;
132
- } & {
133
- defaultOpen?: boolean;
134
- }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
135
- root: import("@fluentui/react-utilities").Slot<"div", "aside">;
136
- }, "root"> & Omit<{
137
- as?: "div";
138
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
139
- ref?: React.Ref<HTMLDivElement>;
140
- } & {
141
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
142
- ref?: React.Ref<HTMLDivElement>;
143
- }>;
144
- }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & {
145
- type?: "inline" | "overlay";
146
- } & Omit<import("@fluentui/react-drawer").InlineDrawerSlots, "root"> & {
147
- position?: "start" | "end" | "bottom";
148
- size?: "small" | "medium" | "large" | "full";
149
- open?: boolean;
150
- } & {
151
- separator?: boolean;
152
- }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
153
- root: import("@fluentui/react-utilities").Slot<"div", "aside">;
154
- }, "root"> & Omit<{
155
- as: "aside";
156
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
157
- ref?: React.Ref<HTMLElement>;
158
- } & {
159
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
160
- ref?: React.Ref<HTMLElement>;
161
- }>;
162
- }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & {
163
- type?: "inline" | "overlay";
164
- } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Pick<DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
165
- position?: "start" | "end" | "bottom";
166
- size?: "small" | "medium" | "large" | "full";
167
- open?: boolean;
168
- } & {
169
- defaultOpen?: boolean;
170
- }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
171
- root: import("@fluentui/react-utilities").Slot<"div", "aside">;
172
- }, "root"> & Omit<{
173
- as: "aside";
174
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
175
- ref?: React.Ref<HTMLElement>;
176
- } & {
177
- children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
178
- ref?: React.Ref<HTMLElement>;
179
- }>;
180
- }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & {
181
- type?: "inline" | "overlay";
182
- } & Omit<import("@fluentui/react-drawer").InlineDrawerSlots, "root"> & {
183
- position?: "start" | "end" | "bottom";
184
- size?: "small" | "medium" | "large" | "full";
185
- open?: boolean;
186
- } & {
187
- separator?: boolean;
188
- }), "title"> & {
189
- children?: React.ReactNode | undefined;
190
- } & React.RefAttributes<HTMLDivElement>) => React.JSX.Element | null;
9
+ }
10
+ type tProps = iProps & Omit<DrawerProps, "title"> & (OverlayDrawerProps | InlineDrawerProps);
11
+ export declare const DrawerEX: (props: React.PropsWithChildren<tProps> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element | null;
12
+ export {};
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,EAAuC,UAAU,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACjN,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;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAMQ,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IAC3D,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,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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kwiz/fluentui",
3
- "version": "1.0.125",
3
+ "version": "1.0.126",
4
4
  "description": "KWIZ common controls for FluentUI",
5
5
  "module": "dist/index.js",
6
6
  "types": "dist/index.d.ts",