@kwiz/fluentui 1.0.112 → 1.0.114

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.
@@ -1,11 +1,182 @@
1
- import { DrawerHeaderProps, DrawerHeaderTitleProps, DrawerProps } from "@fluentui/react-components";
1
+ import { DrawerHeaderProps, DrawerHeaderTitleProps } from "@fluentui/react-components";
2
2
  import React from "react";
3
3
  export declare const DrawerEX: (props: {
4
- rootProps?: DrawerProps;
5
4
  headerProps?: DrawerHeaderProps;
6
5
  headerTitleProps?: DrawerHeaderTitleProps;
7
- title?: string;
6
+ title?: string | JSX.Element;
8
7
  titleActions?: JSX.Element;
8
+ } & Omit<(Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & {
9
+ as?: "div";
10
+ } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
11
+ ref?: React.Ref<HTMLDivElement>;
9
12
  } & {
13
+ children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
14
+ ref?: React.Ref<HTMLDivElement>;
15
+ }>;
16
+ } & {
17
+ type?: "inline" | "overlay";
18
+ } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
19
+ root: import("@fluentui/react-utilities").Slot<"div", "aside">;
20
+ }, "root"> & Omit<{
21
+ as?: "div";
22
+ } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
23
+ ref?: React.Ref<HTMLDivElement>;
24
+ } & {
25
+ children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
26
+ ref?: React.Ref<HTMLDivElement>;
27
+ }>;
28
+ }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & Pick<import("@fluentui/react-dialog").DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
29
+ position?: "start" | "end" | "bottom";
30
+ size?: "small" | "medium" | "large" | "full";
31
+ open?: boolean;
32
+ } & {
33
+ defaultOpen?: boolean;
34
+ }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & {
35
+ as?: "div";
36
+ } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
37
+ ref?: React.Ref<HTMLDivElement>;
38
+ } & {
39
+ children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
40
+ ref?: React.Ref<HTMLDivElement>;
41
+ }>;
42
+ } & {
43
+ type?: "inline" | "overlay";
44
+ } & Omit<import("@fluentui/react-drawer").InlineDrawerSlots, "root"> & Omit<{
45
+ as?: "div";
46
+ } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
47
+ ref?: React.Ref<HTMLDivElement>;
48
+ } & {
49
+ children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
50
+ ref?: React.Ref<HTMLDivElement>;
51
+ }>;
52
+ }, "ref"> & {
53
+ position?: "start" | "end" | "bottom";
54
+ size?: "small" | "medium" | "large" | "full";
55
+ open?: boolean;
56
+ } & {
57
+ separator?: boolean;
58
+ }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & {
59
+ as: "aside";
60
+ } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
61
+ ref?: React.Ref<HTMLElement>;
62
+ } & {
63
+ children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
64
+ ref?: React.Ref<HTMLElement>;
65
+ }>;
66
+ } & {
67
+ type?: "inline" | "overlay";
68
+ } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
69
+ root: import("@fluentui/react-utilities").Slot<"div", "aside">;
70
+ }, "root"> & Omit<{
71
+ as: "aside";
72
+ } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
73
+ ref?: React.Ref<HTMLElement>;
74
+ } & {
75
+ children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
76
+ ref?: React.Ref<HTMLElement>;
77
+ }>;
78
+ }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & Pick<import("@fluentui/react-dialog").DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
79
+ position?: "start" | "end" | "bottom";
80
+ size?: "small" | "medium" | "large" | "full";
81
+ open?: boolean;
82
+ } & {
83
+ defaultOpen?: boolean;
84
+ }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & {
85
+ as: "aside";
86
+ } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
87
+ ref?: React.Ref<HTMLElement>;
88
+ } & {
89
+ children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
90
+ ref?: React.Ref<HTMLElement>;
91
+ }>;
92
+ } & {
93
+ type?: "inline" | "overlay";
94
+ } & Omit<import("@fluentui/react-drawer").InlineDrawerSlots, "root"> & Omit<{
95
+ as: "aside";
96
+ } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
97
+ ref?: React.Ref<HTMLElement>;
98
+ } & {
99
+ children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
100
+ ref?: React.Ref<HTMLElement>;
101
+ }>;
102
+ }, "ref"> & {
103
+ position?: "start" | "end" | "bottom";
104
+ size?: "small" | "medium" | "large" | "full";
105
+ open?: boolean;
106
+ } & {
107
+ separator?: boolean;
108
+ }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
109
+ root: import("@fluentui/react-utilities").Slot<"div", "aside">;
110
+ }, "root"> & Omit<{
111
+ as?: "div";
112
+ } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
113
+ ref?: React.Ref<HTMLDivElement>;
114
+ } & {
115
+ children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
116
+ ref?: React.Ref<HTMLDivElement>;
117
+ }>;
118
+ }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & {
119
+ type?: "inline" | "overlay";
120
+ } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Pick<import("@fluentui/react-dialog").DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
121
+ position?: "start" | "end" | "bottom";
122
+ size?: "small" | "medium" | "large" | "full";
123
+ open?: boolean;
124
+ } & {
125
+ defaultOpen?: boolean;
126
+ }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
127
+ root: import("@fluentui/react-utilities").Slot<"div", "aside">;
128
+ }, "root"> & Omit<{
129
+ as?: "div";
130
+ } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
131
+ ref?: React.Ref<HTMLDivElement>;
132
+ } & {
133
+ children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
134
+ ref?: React.Ref<HTMLDivElement>;
135
+ }>;
136
+ }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & {
137
+ type?: "inline" | "overlay";
138
+ } & Omit<import("@fluentui/react-drawer").InlineDrawerSlots, "root"> & {
139
+ position?: "start" | "end" | "bottom";
140
+ size?: "small" | "medium" | "large" | "full";
141
+ open?: boolean;
142
+ } & {
143
+ separator?: boolean;
144
+ }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
145
+ root: import("@fluentui/react-utilities").Slot<"div", "aside">;
146
+ }, "root"> & Omit<{
147
+ as: "aside";
148
+ } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
149
+ ref?: React.Ref<HTMLElement>;
150
+ } & {
151
+ children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
152
+ ref?: React.Ref<HTMLElement>;
153
+ }>;
154
+ }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & {
155
+ type?: "inline" | "overlay";
156
+ } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Pick<import("@fluentui/react-dialog").DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
157
+ position?: "start" | "end" | "bottom";
158
+ size?: "small" | "medium" | "large" | "full";
159
+ open?: boolean;
160
+ } & {
161
+ defaultOpen?: boolean;
162
+ }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
163
+ root: import("@fluentui/react-utilities").Slot<"div", "aside">;
164
+ }, "root"> & Omit<{
165
+ as: "aside";
166
+ } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
167
+ ref?: React.Ref<HTMLElement>;
168
+ } & {
169
+ children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
170
+ ref?: React.Ref<HTMLElement>;
171
+ }>;
172
+ }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & {
173
+ type?: "inline" | "overlay";
174
+ } & Omit<import("@fluentui/react-drawer").InlineDrawerSlots, "root"> & {
175
+ position?: "start" | "end" | "bottom";
176
+ size?: "small" | "medium" | "large" | "full";
177
+ open?: boolean;
178
+ } & {
179
+ separator?: boolean;
180
+ }), "title"> & {
10
181
  children?: React.ReactNode | undefined;
11
182
  } & React.RefAttributes<HTMLDivElement>) => React.JSX.Element | null;
@@ -1,25 +1,22 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Drawer, DrawerBody, DrawerHeader, drawerHeaderClassNames, DrawerHeaderTitle, makeStyles, tokens } from "@fluentui/react-components";
2
+ import { Drawer, DrawerBody, DrawerHeader, DrawerHeaderTitle, makeStyles, mergeClasses } from "@fluentui/react-components";
3
3
  import React from "react";
4
4
  import { useCommonStyles } from "../styles/styles";
5
5
  const useStyles = makeStyles({
6
6
  drawer: {
7
7
  border: 0,
8
- [`&>.${drawerHeaderClassNames.root}`]: {
9
- boxShadow: tokens.shadow4Brand,
10
- backgroundColor: tokens.colorBrandBackground,
11
- color: tokens.colorNeutralBackground1,
12
- padding: tokens.spacingVerticalXL,
13
- '& button': {
14
- color: tokens.colorNeutralBackground1
15
- }
16
- }
8
+ },
9
+ heading: {
10
+ //when using KWIZOverflowV2 in title
11
+ overflow: "hidden",
12
+ flexGrow: 1
17
13
  }
18
14
  });
19
15
  export const DrawerEX = React.forwardRef((props, ref) => {
20
16
  var _a, _b;
21
17
  const commonStyles = useCommonStyles();
22
18
  const css = useStyles();
23
- return _jsxs(Drawer, Object.assign({ ref: ref }, props.rootProps, { className: css.drawer, children: [_jsx(DrawerHeader, Object.assign({}, props.headerProps, { className: commonStyles.header, children: _jsx(DrawerHeaderTitle, Object.assign({}, 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, { children: props.children })] }));
19
+ const rootProps = Object.assign(Object.assign({}, props), { title: "", as: props.as });
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, { children: props.children })] }));
24
21
  });
25
22
  //# sourceMappingURL=drawer-ex.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"drawer-ex.js","sourceRoot":"","sources":["../../src/controls/drawer-ex.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,sBAAsB,EAAqB,iBAAiB,EAAuC,UAAU,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACrM,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;QACT,CAAC,MAAM,sBAAsB,CAAC,IAAI,EAAE,CAAC,EAAE;YACnC,SAAS,EAAE,MAAM,CAAC,YAAY;YAC9B,eAAe,EAAE,MAAM,CAAC,oBAAoB;YAC5C,KAAK,EAAE,MAAM,CAAC,uBAAuB;YACrC,OAAO,EAAE,MAAM,CAAC,iBAAiB;YACjC,UAAU,EAAE;gBACR,KAAK,EAAE,MAAM,CAAC,uBAAuB;aACxC;SAEJ;KACJ;CACJ,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAMnC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IAChB,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC;IACxB,OAAO,MAAC,MAAM,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,CAAC,SAAS,IAAE,SAAS,EAAE,GAAG,CAAC,MAAM,aAC/D,KAAC,YAAY,oBAAK,KAAK,CAAC,WAAW,IAAE,SAAS,EAAE,YAAY,CAAC,MAAM,YAC/D,KAAC,iBAAiB,oBAAK,KAAK,CAAC,gBAAgB,IAAE,MAAM,EAAE,KAAK,CAAC,YAAY,KAAI,MAAA,KAAK,CAAC,gBAAgB,0CAAE,MAAM,CAAA,YACtG,KAAK,CAAC,KAAK,KAAI,MAAA,KAAK,CAAC,gBAAgB,0CAAE,QAAQ,CAAA,IAChC,IACT,EACf,KAAC,UAAU,cACN,KAAK,CAAC,QAAQ,GACN,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,EAAE,YAAY,EAAqB,iBAAiB,EAAuC,UAAU,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACnL,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,CAKN,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IAC7C,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,aAExD,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,cACN,KAAK,CAAC,QAAQ,GACN,KACR,CAAC;AACd,CAAC,CAAC,CAAC"}
@@ -10,7 +10,7 @@ interface IProps {
10
10
  label?: string;
11
11
  }
12
12
  export declare const PleaseWait: React.FunctionComponent<React.PropsWithChildren<IProps>>;
13
- export declare const PleaseWaitPrompt: (props: {
13
+ export declare const PleaseWaitPrompt: (props?: {
14
14
  message: string;
15
15
  step?: number;
16
16
  max?: number;
@@ -9,8 +9,7 @@ export const PleaseWait = (props) => {
9
9
  : _jsx(Prompter, { hideOk: true, hideCancel: !isFunction(props.onCancel), cancelButtonText: props.cancelText || 'cancel', onCancel: props.onCancel, children: field }));
10
10
  };
11
11
  export const PleaseWaitPrompt = (props) => ({
12
- //title: 'please wait...',
13
12
  hideOk: true, hideCancel: true,
14
- children: _jsx(Field, { validationMessage: props.message, validationState: "none", children: _jsx(ProgressBar, { value: props.step, max: props.max }) })
13
+ children: _jsx(Field, { validationMessage: (props === null || props === void 0 ? void 0 : props.message) || "please wait...", validationState: "none", children: _jsx(ProgressBar, { value: props === null || props === void 0 ? void 0 : props.step, max: props === null || props === void 0 ? void 0 : props.max }) })
15
14
  });
16
15
  //# sourceMappingURL=please-wait.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"please-wait.js","sourceRoot":"","sources":["../../src/controls/please-wait.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAkB,QAAQ,EAAE,MAAM,UAAU,CAAC;AAUpD,MAAM,CAAC,MAAM,UAAU,GAA6D,CAAC,KAAK,EAAE,EAAE;IAC1F,MAAM,KAAK,GAAG,KAAC,KAAK,IAAC,iBAAiB,EAAE,KAAK,CAAC,KAAK,IAAI,gBAAgB,EAAE,eAAe,EAAC,MAAM,YAC3F,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,GAAI,GAC9C,CAAC;IACT,OAAO,CAAC,KAAK,CAAC,WAAW;QACrB,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,KAAC,QAAQ,IAAC,MAAM,QACd,UAAU,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,EACvC,gBAAgB,EAAE,KAAK,CAAC,UAAU,IAAI,QAAQ,EAC9C,QAAQ,EAAE,KAAK,CAAC,QAAQ,YAAG,KAAK,GAAY,CACnD,CAAC;AACN,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAwD,EAAkB,EAAE,CAAC,CAAC;IAC3G,0BAA0B;IAC1B,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI;IAC9B,QAAQ,EAAE,KAAC,KAAK,IAAC,iBAAiB,EAAE,KAAK,CAAC,OAAO,EAAE,eAAe,EAAC,MAAM,YACrE,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,GAAI,GAC9C;CACX,CAAC,CAAC"}
1
+ {"version":3,"file":"please-wait.js","sourceRoot":"","sources":["../../src/controls/please-wait.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAkB,QAAQ,EAAE,MAAM,UAAU,CAAC;AAUpD,MAAM,CAAC,MAAM,UAAU,GAA6D,CAAC,KAAK,EAAE,EAAE;IAC1F,MAAM,KAAK,GAAG,KAAC,KAAK,IAAC,iBAAiB,EAAE,KAAK,CAAC,KAAK,IAAI,gBAAgB,EAAE,eAAe,EAAC,MAAM,YAC3F,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,GAAI,GAC9C,CAAC;IACT,OAAO,CAAC,KAAK,CAAC,WAAW;QACrB,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,KAAC,QAAQ,IAAC,MAAM,QACd,UAAU,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,EACvC,gBAAgB,EAAE,KAAK,CAAC,UAAU,IAAI,QAAQ,EAC9C,QAAQ,EAAE,KAAK,CAAC,QAAQ,YAAG,KAAK,GAAY,CACnD,CAAC;AACN,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAyD,EAAkB,EAAE,CAAC,CAAC;IAC5G,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI;IAC9B,QAAQ,EAAE,KAAC,KAAK,IAAC,iBAAiB,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,KAAI,gBAAgB,EAAE,eAAe,EAAC,MAAM,YAC1F,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EAAE,GAAG,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,GAAI,GAChD;CACX,CAAC,CAAC"}
@@ -15,6 +15,8 @@ interface iProps {
15
15
  secondaryAction?: React.MouseEventHandler<HTMLButtonElement>;
16
16
  value?: string;
17
17
  title?: string;
18
+ /** control appearance based on selection mode */
19
+ selected?: true | false | "none";
18
20
  }
19
21
  export declare const TagEx: React.FunctionComponent<React.PropsWithChildren<iProps>>;
20
22
  export {};
@@ -1,9 +1,16 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { InteractionTag, InteractionTagPrimary, InteractionTagSecondary, Tag } from '@fluentui/react-components';
3
- import { isFunction } from '@kwiz/common';
3
+ import { isFunction, isNullOrUndefined } from '@kwiz/common';
4
+ import { KnownClassNames } from '../styles';
4
5
  export const TagEx = (props) => {
6
+ let className;
7
+ let appearance = props.appearance;
8
+ if (!isNullOrUndefined(props.selected)) {
9
+ appearance = props.selected === true ? "brand" : props.selected === false ? "outline" : "filled";
10
+ className = props.selected === true ? KnownClassNames.tagSelected : props.selected === false ? KnownClassNames.tagUnselected : KnownClassNames.tagNoSelection;
11
+ }
5
12
  return isFunction(props.action)
6
- ? _jsxs(InteractionTag, { title: props.title, shape: props.shape, size: props.size, appearance: props.appearance, disabled: props.disabled, value: props.value, children: [_jsx(InteractionTagPrimary, { media: props.icon ? undefined : props.media, icon: props.icon, onClick: props.action, secondaryText: props.secondaryText, hasSecondaryAction: isFunction(props.secondaryAction), children: props.text }), props.secondaryAction && _jsx(InteractionTagSecondary, { onClick: props.secondaryAction, "aria-label": "remove" })] })
7
- : _jsx(Tag, { title: props.title, shape: props.shape, size: props.size, appearance: props.appearance, disabled: props.disabled, dismissible: isFunction(props.secondaryAction), value: props.value, children: props.text });
13
+ ? _jsxs(InteractionTag, { className: className, title: props.title, shape: props.shape, size: props.size, appearance: appearance, disabled: props.disabled, value: props.value, children: [_jsx(InteractionTagPrimary, { media: props.icon ? undefined : props.media, icon: props.icon, onClick: props.action, secondaryText: props.secondaryText, hasSecondaryAction: isFunction(props.secondaryAction), children: props.text }), props.secondaryAction && _jsx(InteractionTagSecondary, { onClick: props.secondaryAction, "aria-label": "remove" })] })
14
+ : _jsx(Tag, { className: className, title: props.title, shape: props.shape, size: props.size, appearance: appearance, disabled: props.disabled, dismissible: isFunction(props.secondaryAction), value: props.value, children: props.text });
8
15
  };
9
16
  //# sourceMappingURL=tag-ex.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tag-ex.js","sourceRoot":"","sources":["../../src/controls/tag-ex.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,GAAG,EAAoC,MAAM,4BAA4B,CAAC;AACnJ,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAmB1C,MAAM,CAAC,MAAM,KAAK,GAA6D,CAAC,KAAK,EAAE,EAAE;IACrF,OAAO,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC;QAC3B,CAAC,CAAC,MAAC,cAAc,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,aAClJ,KAAC,qBAAqB,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,MAAM,EACvG,aAAa,EAAE,KAAK,CAAC,aAAa,EAAE,kBAAkB,EAAE,UAAU,CAAC,KAAK,CAAC,eAAe,CAAC,YAAG,KAAK,CAAC,IAAI,GAAyB,EAClI,KAAK,CAAC,eAAe,IAAI,KAAC,uBAAuB,IAAC,OAAO,EAAE,KAAK,CAAC,eAAe,gBAAa,QAAQ,GAAG,IAC5F;QACjB,CAAC,CAAC,KAAC,GAAG,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACnH,WAAW,EAAE,UAAU,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,YACjE,KAAK,CAAC,IAAI,GACT,CAAC;AACf,CAAC,CAAA"}
1
+ {"version":3,"file":"tag-ex.js","sourceRoot":"","sources":["../../src/controls/tag-ex.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,GAAG,EAAoC,MAAM,4BAA4B,CAAC;AACnJ,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAoB5C,MAAM,CAAC,MAAM,KAAK,GAA6D,CAAC,KAAK,EAAE,EAAE;IACrF,IAAI,SAAiB,CAAC;IACtB,IAAI,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC;IAClC,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;QACrC,UAAU,GAAG,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;QACjG,SAAS,GAAG,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,cAAc,CAAC;IAClK,CAAC;IACD,OAAO,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC;QAC3B,CAAC,CAAC,MAAC,cAAc,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,aAClK,KAAC,qBAAqB,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,MAAM,EACvG,aAAa,EAAE,KAAK,CAAC,aAAa,EAAE,kBAAkB,EAAE,UAAU,CAAC,KAAK,CAAC,eAAe,CAAC,YAAG,KAAK,CAAC,IAAI,GAAyB,EAClI,KAAK,CAAC,eAAe,IAAI,KAAC,uBAAuB,IAAC,OAAO,EAAE,KAAK,CAAC,eAAe,gBAAa,QAAQ,GAAG,IAC5F;QACjB,CAAC,CAAC,KAAC,GAAG,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACnI,WAAW,EAAE,UAAU,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,YACjE,KAAK,CAAC,IAAI,GACT,CAAC;AACf,CAAC,CAAA"}
@@ -16,6 +16,9 @@ export declare const KnownClassNames: {
16
16
  left: string;
17
17
  right: string;
18
18
  cardList: string;
19
+ tagSelected: string;
20
+ tagUnselected: string;
21
+ tagNoSelection: string;
19
22
  };
20
23
  export declare namespace mixins {
21
24
  const main: GriffelStyle;
@@ -1,4 +1,4 @@
1
- import { makeStyles, tokens } from "@fluentui/react-components";
1
+ import { buttonClassNames, makeStyles, tokens } from "@fluentui/react-components";
2
2
  export const KnownClassNames = {
3
3
  print: 'print-root',
4
4
  printHide: 'print-hide',
@@ -12,10 +12,13 @@ export const KnownClassNames = {
12
12
  accordionBody: 'kfui-accordion-body',
13
13
  accordionBodyWrapper: 'kfui-accordion-body-wrapper',
14
14
  isOpen: 'is-opened',
15
- progressBarStepLabel: 'step-label',
15
+ progressBarStepLabel: 'kfui-step-label',
16
16
  left: 'float-left',
17
17
  right: 'float-right',
18
- cardList: 'card-list'
18
+ cardList: 'kfui-card-list',
19
+ tagSelected: 'kfui-tag-selected',
20
+ tagUnselected: 'kfui-tag-unselected',
21
+ tagNoSelection: 'kfui-tag-no-selection',
19
22
  };
20
23
  export var mixins;
21
24
  (function (mixins) {
@@ -67,8 +70,6 @@ export var mixins;
67
70
  overflow: 'hidden',
68
71
  textOverflow: 'ellipsis'
69
72
  };
70
- // export const box: GriffelStyle = {
71
- // }
72
73
  })(mixins || (mixins = {}));
73
74
  export const useCommonStyles = makeStyles({
74
75
  hintLabel: {
@@ -98,9 +99,19 @@ export const useCommonStyles = makeStyles({
98
99
  backgroundColor: tokens.colorBrandBackground,
99
100
  color: tokens.colorBrandBackgroundInverted,
100
101
  padding: `${tokens.spacingVerticalXL} ${tokens.spacingHorizontalXL}`,
101
- '& button': {
102
+ [`& .${KnownClassNames.tagSelected} button`]: {
103
+ backgroundColor: tokens.colorBrandBackgroundSelected
104
+ },
105
+ [`& .${KnownClassNames.tagNoSelection} button`]: {
106
+ backgroundColor: tokens.colorBrandBackgroundInvertedSelected,
107
+ color: tokens.colorNeutralForeground1
108
+ },
109
+ [`& button, & button:hover, & a, & a:hover, & button:hover .${buttonClassNames.icon}`]: {
102
110
  color: tokens.colorBrandBackgroundInverted
103
- }
111
+ },
112
+ '& button:hover': {
113
+ backgroundColor: tokens.colorBrandBackgroundHover
114
+ },
104
115
  }
105
116
  });
106
117
  export const commonSizes = {
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/styles/styles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/styles/styles.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kwiz/fluentui",
3
- "version": "1.0.112",
3
+ "version": "1.0.114",
4
4
  "description": "KWIZ common controls for FluentUI",
5
5
  "module": "dist/index.js",
6
6
  "types": "dist/index.d.ts",