@kwiz/fluentui 1.0.60 → 1.0.62
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +37 -11
- package/dist/controls/button.d.ts +11 -11
- package/dist/controls/button.js +2 -3
- package/dist/controls/button.js.map +1 -1
- package/dist/controls/centered.js +1 -8
- package/dist/controls/centered.js.map +1 -1
- package/dist/controls/date.js +1 -1
- package/dist/controls/date.js.map +1 -1
- package/dist/controls/diagram-picker.d.ts +2 -2
- package/dist/controls/divider.d.ts +2 -2
- package/dist/controls/dropdown.d.ts +4 -9
- package/dist/controls/dropdown.js +27 -28
- package/dist/controls/dropdown.js.map +1 -1
- package/dist/controls/file-upload.d.ts +1 -1
- package/dist/controls/horizontal.d.ts +2 -2
- package/dist/controls/index.d.ts +1 -0
- package/dist/controls/index.js +1 -0
- package/dist/controls/index.js.map +1 -1
- package/dist/controls/input.js +1 -1
- package/dist/controls/input.js.map +1 -1
- package/dist/controls/list.js +4 -1
- package/dist/controls/list.js.map +1 -1
- package/dist/controls/merge-text.d.ts +16 -0
- package/dist/controls/merge-text.js +81 -0
- package/dist/controls/merge-text.js.map +1 -0
- package/dist/controls/progress-bar.d.ts +2 -2
- package/dist/controls/prompt.d.ts +1 -1
- package/dist/controls/search.js +2 -8
- package/dist/controls/search.js.map +1 -1
- package/dist/controls/section.d.ts +3 -2
- package/dist/controls/section.js +15 -5
- package/dist/controls/section.js.map +1 -1
- package/dist/controls/svg.d.ts +3 -0
- package/dist/controls/svg.js +5 -0
- package/dist/controls/svg.js.map +1 -1
- package/dist/controls/toolbar.js +2 -3
- package/dist/controls/toolbar.js.map +1 -1
- package/dist/controls/vertical.d.ts +4 -2
- package/dist/controls/vertical.js +6 -1
- package/dist/controls/vertical.js.map +1 -1
- package/dist/helpers/context-const.d.ts +2 -0
- package/dist/helpers/context-const.js.map +1 -1
- package/dist/helpers/context-export.d.ts +9 -1
- package/dist/helpers/context-export.js +43 -6
- package/dist/helpers/context-export.js.map +1 -1
- package/dist/helpers/forwardRef.d.ts +4 -0
- package/dist/helpers/forwardRef.js +2 -0
- package/dist/helpers/forwardRef.js.map +1 -0
- package/dist/helpers/hooks-events.d.ts +3 -3
- package/dist/helpers/hooks-events.js.map +1 -1
- package/dist/helpers/hooks.d.ts +1 -1
- package/dist/helpers/hooks.js +15 -6
- package/dist/helpers/hooks.js.map +1 -1
- package/dist/styles/styles.d.ts +5 -1
- package/dist/styles/styles.js +5 -18
- package/dist/styles/styles.js.map +1 -1
- package/package.json +3 -1
- package/src/controls/button.tsx +2 -3
- package/src/controls/centered.tsx +2 -10
- package/src/controls/date.tsx +1 -1
- package/src/controls/dropdown.tsx +37 -36
- package/src/controls/index.ts +2 -0
- package/src/controls/input.tsx +1 -1
- package/src/controls/list.tsx +4 -2
- package/src/controls/merge-text.tsx +126 -0
- package/src/controls/search.tsx +0 -4
- package/src/controls/section.tsx +17 -5
- package/src/controls/svg.tsx +8 -0
- package/src/controls/toolbar.tsx +2 -4
- package/src/controls/vertical.tsx +9 -1
- package/src/helpers/context-const.ts +2 -0
- package/src/helpers/context-export.tsx +51 -7
- package/src/helpers/forwardRef.ts +7 -0
- package/src/helpers/hooks-events.ts +2 -2
- package/src/helpers/hooks.tsx +16 -7
- package/src/styles/styles.ts +5 -18
package/README.md
CHANGED
@@ -2,26 +2,52 @@
|
|
2
2
|
|
3
3
|
For local debugging, if you plan to use `npm link` - there is a known issue with react that will potentially break your application.
|
4
4
|
|
5
|
-
To fix that,
|
5
|
+
To fix that, you must mark react and fluentui imports as external.
|
6
|
+
The best way of doing it is using webpack to build your app, and adding this:
|
7
|
+
```json
|
8
|
+
resolve: {
|
9
|
+
...
|
10
|
+
modules: [path.resolve(__dirname, 'node_modules'), 'node_modules']//important! needed for @kwiz/fluentui to work correctly when linked
|
11
|
+
}
|
12
|
+
```
|
13
|
+
|
14
|
+
Otherwise during dev, you'll have to link the react package in this project to load the react from node_modules in your caller application. For example:
|
15
|
+
|
6
16
|
```
|
7
17
|
npm link ..\\test-project\\node_modules\\react\\ ..\\..test-project\\node_modules\\@types\\react\\
|
8
18
|
```
|
9
19
|
|
10
|
-
To successfully use these controls you should create a context
|
20
|
+
To successfully use these controls you should create a context, and wrapt it in a drag/drop provider.
|
21
|
+
|
22
|
+
We recommend using the provider control:
|
11
23
|
|
12
24
|
```ts
|
13
|
-
|
14
|
-
|
25
|
+
<KWIZFluentProvider ctx={{ buttonShape: "rounded" }}>
|
26
|
+
<FluentProvider theme={webLightTheme}>
|
27
|
+
{content}
|
28
|
+
</FluentProvider>
|
29
|
+
</KWIZFluentProvider>
|
30
|
+
|
31
|
+
```
|
32
|
+
|
33
|
+
Or you can use the following code:
|
34
|
+
|
35
|
+
```ts
|
36
|
+
// it is no longer needed to send in a root node const root = React.useRef<HTMLDivElement>(null);
|
37
|
+
const { KWIZFluentContext, value: kwizFluentContext } =
|
38
|
+
useKWIZFluentContextProvider({
|
15
39
|
ctx: {
|
16
|
-
|
40
|
+
buttonShape: "rounded",
|
17
41
|
},
|
18
|
-
root
|
19
|
-
});
|
42
|
+
//root,
|
43
|
+
});
|
20
44
|
|
21
45
|
//...
|
22
46
|
<KWIZFluentContext.Provider value={kwizFluentContext}>
|
23
|
-
|
24
|
-
|
47
|
+
<DragDropContextProvider>
|
48
|
+
<FluentProvider theme={webLightTheme} /*ref={root}*/>
|
49
|
+
{content}
|
25
50
|
</FluentProvider>
|
26
|
-
</
|
27
|
-
|
51
|
+
</DragDropContextProvider>
|
52
|
+
</KWIZFluentContext.Provider>;
|
53
|
+
```
|
@@ -15,15 +15,15 @@ interface IPropsCompound extends IProps {
|
|
15
15
|
}
|
16
16
|
export type ButtonEXProps = IProps & Omit<ButtonProps, "onClick" | "title">;
|
17
17
|
export type CompoundButtonEXProps = IPropsCompound & Omit<CompoundButtonProps, "onClick" | "title">;
|
18
|
-
export declare const ButtonEX:
|
19
|
-
export declare const ButtonEXSecondary:
|
20
|
-
export declare const ButtonEXPrimary:
|
21
|
-
export declare const ButtonEXDanger:
|
22
|
-
export declare const ButtonEXSuccess:
|
23
|
-
export declare const ButtonEXPrimarySubtle:
|
24
|
-
export declare const ButtonEXDangerSubtle:
|
25
|
-
export declare const CompoundButtonEX:
|
26
|
-
export declare const CompoundButtonEXSecondary:
|
27
|
-
export declare const CompoundButtonEXPrimary:
|
28
|
-
export declare const CompoundButtonEXDanger:
|
18
|
+
export declare const ButtonEX: (props: IProps & Omit<ButtonProps, "title" | "onClick"> & React.RefAttributes<HTMLButtonElement>) => React.JSX.Element | null;
|
19
|
+
export declare const ButtonEXSecondary: (props: IProps & Omit<ButtonProps, "title" | "onClick"> & React.RefAttributes<HTMLButtonElement>) => React.JSX.Element | null;
|
20
|
+
export declare const ButtonEXPrimary: (props: IProps & Omit<ButtonProps, "title" | "onClick"> & React.RefAttributes<HTMLButtonElement>) => React.JSX.Element | null;
|
21
|
+
export declare const ButtonEXDanger: (props: IProps & Omit<ButtonProps, "title" | "onClick"> & React.RefAttributes<HTMLButtonElement>) => React.JSX.Element | null;
|
22
|
+
export declare const ButtonEXSuccess: (props: IProps & Omit<ButtonProps, "title" | "onClick"> & React.RefAttributes<HTMLButtonElement>) => React.JSX.Element | null;
|
23
|
+
export declare const ButtonEXPrimarySubtle: (props: IProps & Omit<ButtonProps, "title" | "onClick"> & React.RefAttributes<HTMLButtonElement>) => React.JSX.Element | null;
|
24
|
+
export declare const ButtonEXDangerSubtle: (props: IProps & Omit<ButtonProps, "title" | "onClick"> & React.RefAttributes<HTMLButtonElement>) => React.JSX.Element | null;
|
25
|
+
export declare const CompoundButtonEX: (props: IPropsCompound & Omit<CompoundButtonProps, "title" | "onClick"> & React.RefAttributes<HTMLButtonElement>) => React.JSX.Element | null;
|
26
|
+
export declare const CompoundButtonEXSecondary: (props: IPropsCompound & Omit<CompoundButtonProps, "title" | "onClick"> & React.RefAttributes<HTMLButtonElement>) => React.JSX.Element | null;
|
27
|
+
export declare const CompoundButtonEXPrimary: (props: IPropsCompound & Omit<CompoundButtonProps, "title" | "onClick"> & React.RefAttributes<HTMLButtonElement>) => React.JSX.Element | null;
|
28
|
+
export declare const CompoundButtonEXDanger: (props: IPropsCompound & Omit<CompoundButtonProps, "title" | "onClick"> & React.RefAttributes<HTMLButtonElement>) => React.JSX.Element | null;
|
29
29
|
export {};
|
package/dist/controls/button.js
CHANGED
@@ -3,7 +3,7 @@ import { Button, CompoundButton, compoundButtonClassNames, makeStyles, mergeClas
|
|
3
3
|
import { capitalizeFirstLetter, isFunction, isNullOrEmptyString, isNullOrUndefined, isString, PushNoDuplicate } from '@kwiz/common';
|
4
4
|
import React from 'react';
|
5
5
|
import { useKWIZFluentContext } from '../helpers/context-internal';
|
6
|
-
import { commonSizes,
|
6
|
+
import { commonSizes, KnownClassNames } from '../styles/styles';
|
7
7
|
;
|
8
8
|
const useStyles = makeStyles({
|
9
9
|
buttonNoCenter: {
|
@@ -48,11 +48,10 @@ export const ButtonEX = React.forwardRef((props, ref) => {
|
|
48
48
|
const icon = hover && !isNullOrUndefined(props.hoverIcon) ? props.hoverIcon : props.icon;
|
49
49
|
let hasIcon = !isNullOrUndefined(icon);
|
50
50
|
let hasText = props.children || !hasIcon || (hasIcon && props.showTitleWithIcon === true);
|
51
|
-
const commonCssNames = useCommonStyles();
|
52
51
|
const cssNames = useStyles();
|
53
52
|
let css = [];
|
54
53
|
if (props.hideOnPrint)
|
55
|
-
PushNoDuplicate(css,
|
54
|
+
PushNoDuplicate(css, KnownClassNames.printHide);
|
56
55
|
if (props.dontCenterText)
|
57
56
|
PushNoDuplicate(css, cssNames.buttonNoCenter);
|
58
57
|
let btn = _jsx(Button, Object.assign({ ref: ref, appearance: 'subtle' }, props, { className: mergeClasses(...css, props.className), "aria-label": title, title: undefined, icon: icon, onMouseEnter: trackHover ? (e) => {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/controls/button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAe,cAAc,EAAE,wBAAwB,EAAuB,UAAU,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAC3K,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpI,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAiBoC,CAAC;AAErG,MAAM,SAAS,GAAG,UAAU,CAAC;IACzB,cAAc,EAAE;QACZ,cAAc,EAAE,YAAY;QAC5B,KAAK,EAAE;YACH,gFAAgF;YAChF,UAAU,EAAE,YAAY;SAC3B;KACJ;IACD,MAAM,EAAE;QACJ,eAAe,EAAE,MAAM,CAAC,4BAA4B;QACpD,KAAK,EAAE,MAAM,CAAC,6BAA6B;QAE3C,CAAC,MAAM,wBAAwB,CAAC,gBAAgB,EAAE,CAAC,EAAE;YACjD,KAAK,EAAE,MAAM,CAAC,6BAA6B;SAC9C;KACJ;IACD,OAAO,EAAE;QACL,KAAK,EAAE,MAAM,CAAC,6BAA6B;QAE3C,CAAC,MAAM,wBAAwB,CAAC,gBAAgB,EAAE,CAAC,EAAE;YACjD,KAAK,EAAE,MAAM,CAAC,6BAA6B;SAC9C;KACJ;IACD,aAAa,EAAE;QACX,KAAK,EAAE,MAAM,CAAC,qBAAqB;QAEnC,CAAC,MAAM,wBAAwB,CAAC,gBAAgB,EAAE,CAAC,EAAE;YACjD,KAAK,EAAE,MAAM,CAAC,qBAAqB;SACtC;KACJ;IACD,YAAY,EAAE;QACV,KAAK,EAAE,MAAM,CAAC,6BAA6B;QAE3C,CAAC,MAAM,wBAAwB,CAAC,gBAAgB,EAAE,CAAC,EAAE;YACjD,KAAK,EAAE,MAAM,CAAC,6BAA6B;SAC9C;KACJ;CACJ,CAAC,CAAA;AAGF,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACxF,MAAM,GAAG,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,CAAC,mBAAmB,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAEjG,MAAM,KAAK,GAAG,KAAK,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU;QAC5E,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC;IACzC,MAAM,IAAI,GAAG,KAAK,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC;IACzF,IAAI,OAAO,GAAG,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACvC,IAAI,OAAO,GAAG,KAAK,CAAC,QAAQ,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,IAAI,KAAK,CAAC,iBAAiB,KAAK,IAAI,CAAC,CAAC;IAE1F,MAAM,
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/controls/button.tsx"],"names":[],"mappings":"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"}
|
@@ -1,14 +1,7 @@
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
-
import { makeStyles } from '@fluentui/react-components';
|
3
2
|
import { Horizontal } from './horizontal';
|
4
3
|
import { Vertical } from './vertical';
|
5
|
-
const useStyles = makeStyles({
|
6
|
-
center: {
|
7
|
-
justifyContent: 'center'
|
8
|
-
},
|
9
|
-
});
|
10
4
|
export const Centered = (props) => {
|
11
|
-
|
12
|
-
return (_jsx(Vertical, { main: true, css: [cssNames.center], children: _jsx(Horizontal, { css: [cssNames.center], children: props.children }) }));
|
5
|
+
return (_jsx(Vertical, { main: true, vCentered: true, children: _jsx(Horizontal, { hCentered: true, children: props.children }) }));
|
13
6
|
};
|
14
7
|
//# sourceMappingURL=centered.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"centered.js","sourceRoot":"","sources":["../../src/controls/centered.tsx"],"names":[],"mappings":";
|
1
|
+
{"version":3,"file":"centered.js","sourceRoot":"","sources":["../../src/controls/centered.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAItC,MAAM,CAAC,MAAM,QAAQ,GAA6D,CAAC,KAAK,EAAE,EAAE;IACxF,OAAO,CACH,KAAC,QAAQ,IAAC,IAAI,QAAC,SAAS,kBACpB,KAAC,UAAU,IAAC,SAAS,kBAChB,KAAK,CAAC,QAAQ,GACN,GACN,CACd,CAAC;AACN,CAAC,CAAA"}
|
package/dist/controls/date.js
CHANGED
@@ -24,7 +24,7 @@ export const DatePickerEx = (props) => {
|
|
24
24
|
// Use the old time values.
|
25
25
|
newDate.setHours(timeValue ? timeValue.getHours() : 0, timeValue ? timeValue.getMinutes() : 0, 0, 0);
|
26
26
|
props.onDateChange(newDate);
|
27
|
-
}, [timeValue]);
|
27
|
+
}, [timeValue, props.onDateChange]);
|
28
28
|
const changeTimeHandler = React.useCallback((newTimeValue) => {
|
29
29
|
//update our state
|
30
30
|
setTimeValue(newTimeValue);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"date.js","sourceRoot":"","sources":["../../src/controls/date.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAAE,UAAU,EAAmB,MAAM,mCAAmC,CAAC;AAEhF,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAW1C,MAAM,CAAC,MAAM,YAAY,GAA6D,CAAC,KAAK,EAAE,EAAE;IAC5F,MAAM,GAAG,GAAG,oBAAoB,EAAE,CAAC;IAEnC,iEAAiE;IACjE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,UAAU,CAAO,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IACnG,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAChD,MAAM,SAAS,GAAG,CAAC,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACzD,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC;QAC9B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;IACpC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElB,SAAS,KAAK;QACV,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IAED,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,YAAkB,EAAQ,EAAE;QACrE,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC;QACvC,2BAA2B;QAC3B,OAAO,CAAC,QAAQ,CACZ,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,EACpC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAC/C,CAAC;QACF,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;
|
1
|
+
{"version":3,"file":"date.js","sourceRoot":"","sources":["../../src/controls/date.tsx"],"names":[],"mappings":"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"}
|
@@ -9,7 +9,7 @@ interface iProps {
|
|
9
9
|
hiRes?: boolean;
|
10
10
|
onlyTransparent?: boolean;
|
11
11
|
}
|
12
|
-
export declare const DiagramPicker:
|
12
|
+
export declare const DiagramPicker: (props: iProps & {
|
13
13
|
children?: React.ReactNode | undefined;
|
14
|
-
} & React.RefAttributes<HTMLDivElement
|
14
|
+
} & React.RefAttributes<HTMLDivElement>) => React.JSX.Element | null;
|
15
15
|
export {};
|
@@ -2,7 +2,7 @@ import { DividerProps } from '@fluentui/react-components';
|
|
2
2
|
import React from 'react';
|
3
3
|
interface IProps extends DividerProps {
|
4
4
|
}
|
5
|
-
export declare const DividerEX:
|
5
|
+
export declare const DividerEX: (props: IProps & {
|
6
6
|
children?: React.ReactNode | undefined;
|
7
|
-
} & React.RefAttributes<HTMLDivElement
|
7
|
+
} & React.RefAttributes<HTMLDivElement>) => React.JSX.Element | null;
|
8
8
|
export {};
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { DropdownProps } from '@fluentui/react-components';
|
2
2
|
import React from 'react';
|
3
3
|
type ForwardProps = Omit<DropdownProps, "onSelect" | "selectedOptions" | "clearable">;
|
4
|
-
interface IProps<
|
4
|
+
interface IProps<keyType, dataType> extends ForwardProps {
|
5
5
|
required?: boolean;
|
6
6
|
selected: keyType | keyType[];
|
7
7
|
items: {
|
@@ -25,12 +25,7 @@ interface IProps<dataType, keyType extends string = string> extends ForwardProps
|
|
25
25
|
data?: dataType;
|
26
26
|
}[]) => void;
|
27
27
|
}
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
* <MyDropdownEX ... />
|
32
|
-
*/
|
33
|
-
export declare function getDropdownEX<keyType extends string = string, dataType = never>(): React.ForwardRefExoticComponent<IProps<dataType, keyType> & React.RefAttributes<HTMLButtonElement>>;
|
34
|
-
/** to get typed keys use getDropdownEX */
|
35
|
-
export declare const DropdownEX: React.ForwardRefExoticComponent<IProps<never, string> & React.RefAttributes<HTMLButtonElement>>;
|
28
|
+
export declare const DropdownEX: <keyType extends string = string, dataType = never>(props: IProps<keyType, dataType> & React.RefAttributes<HTMLButtonElement>) => React.JSX.Element | null;
|
29
|
+
/** @deprecated use normal DropdownEX it is now generic */
|
30
|
+
export declare function getDropdownEX<keyType extends string = string, dataType = never>(): (props: IProps<keyType, dataType> & React.RefAttributes<HTMLButtonElement>) => React.JSX.Element | null;
|
36
31
|
export {};
|
@@ -2,40 +2,39 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Dropdown, makeStyles, mergeClasses, Option } from '@fluentui/react-components';
|
3
3
|
import { filterEmptyEntries, firstOrNull, isNullOrUndefined } from '@kwiz/common';
|
4
4
|
import React from 'react';
|
5
|
+
import { GetLogger } from '../_modules/config';
|
5
6
|
import { useKWIZFluentContext } from '../helpers/context-internal';
|
7
|
+
const logger = GetLogger("DropdownEX");
|
6
8
|
const useStyles = makeStyles({
|
7
9
|
root: {
|
8
10
|
minWidth: "auto"
|
9
11
|
},
|
10
12
|
});
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
13
|
+
function $DropdownEX(props, ref) {
|
14
|
+
const classes = useStyles();
|
15
|
+
const ctx = useKWIZFluentContext();
|
16
|
+
const selected = Array.isArray(props.selected) ? props.selected : isNullOrUndefined(props.selected) ? [] : [props.selected];
|
17
|
+
//sometimes control will lose value when re-rendered
|
18
|
+
//use case: public forms when editing other fields after the dropdown was set
|
19
|
+
//re-set the text value manually to fix
|
20
|
+
let text = filterEmptyEntries((Array.isArray(props.selected) ? props.selected : [props.selected]).map(s => {
|
21
|
+
let v = firstOrNull(props.items, i => i.key === s);
|
22
|
+
return v ? v.value : '';
|
23
|
+
})).join(', ');
|
24
|
+
return (_jsx(Dropdown, Object.assign({}, props, { onSelect: undefined, className: mergeClasses(classes.root, props.className), ref: ref, clearable: !props.required && !props.multiselect, appearance: ctx.inputAppearance, mountNode: ctx.mountNode, selectedOptions: selected, value: text, onOptionSelect: (e, data) => {
|
25
|
+
let o = firstOrNull(props.items, i => i.key === data.optionValue);
|
26
|
+
if (props.multiselect) {
|
27
|
+
let current = data.selectedOptions.map(s => firstOrNull(props.items, i => i.key === s));
|
28
|
+
props.onSelect(o, current);
|
29
|
+
}
|
30
|
+
else
|
31
|
+
props.onSelect(o);
|
32
|
+
}, children: props.items.map(i => _jsx(Option, { value: i.key, text: i.value, children: i.option ? i.option : i.value }, i.key)) })));
|
33
|
+
}
|
34
|
+
export const DropdownEX = React.forwardRef($DropdownEX);
|
35
|
+
/** @deprecated use normal DropdownEX it is now generic */
|
16
36
|
export function getDropdownEX() {
|
17
|
-
|
18
|
-
|
19
|
-
const ctx = useKWIZFluentContext();
|
20
|
-
const selected = Array.isArray(props.selected) ? props.selected : isNullOrUndefined(props.selected) ? [] : [props.selected];
|
21
|
-
//sometimes control will lose value when re-rendered
|
22
|
-
//use case: public forms when editing other fields after the dropdown was set
|
23
|
-
//re-set the text value manually to fix
|
24
|
-
let text = filterEmptyEntries((Array.isArray(props.selected) ? props.selected : [props.selected]).map(s => {
|
25
|
-
let v = firstOrNull(props.items, i => i.key === s);
|
26
|
-
return v ? v.value : '';
|
27
|
-
})).join(', ');
|
28
|
-
return (_jsx(Dropdown, Object.assign({}, props, { onSelect: undefined, className: mergeClasses(classes.root, props.className), ref: ref, clearable: !props.required && !props.multiselect, appearance: ctx.inputAppearance, mountNode: ctx.mountNode, selectedOptions: selected, value: text, onOptionSelect: (e, data) => {
|
29
|
-
let o = firstOrNull(props.items, i => i.key === data.optionValue);
|
30
|
-
if (props.multiselect) {
|
31
|
-
let current = data.selectedOptions.map(s => firstOrNull(props.items, i => i.key === s));
|
32
|
-
props.onSelect(o, current);
|
33
|
-
}
|
34
|
-
else
|
35
|
-
props.onSelect(o);
|
36
|
-
}, children: props.items.map(i => _jsx(Option, { value: i.key, text: i.value, children: i.option ? i.option : i.value }, i.key)) })));
|
37
|
-
});
|
37
|
+
logger.warn('getDropdownEX is deprecated. use DropdownEX it now supports generic types');
|
38
|
+
return React.forwardRef(($DropdownEX));
|
38
39
|
}
|
39
|
-
/** to get typed keys use getDropdownEX */
|
40
|
-
export const DropdownEX = getDropdownEX();
|
41
40
|
//# sourceMappingURL=dropdown.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../src/controls/dropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAiB,UAAU,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACvG,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAClF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE,MAAM,SAAS,GAAG,UAAU,CAAC;IACzB,IAAI,EAAE;QACF,QAAQ,EAAE,MAAM;KACnB;CACJ,CAAC,CAAC;
|
1
|
+
{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../src/controls/dropdown.tsx"],"names":[],"mappings":"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"}
|
@@ -19,5 +19,5 @@ interface iProps {
|
|
19
19
|
/** limit file size in MB, for the asBase64 */
|
20
20
|
fileSizeLimit?: number;
|
21
21
|
}
|
22
|
-
export declare const FileUpload:
|
22
|
+
export declare const FileUpload: (props: iProps & React.RefAttributes<HTMLButtonElement>) => React.JSX.Element | null;
|
23
23
|
export {};
|
@@ -8,7 +8,7 @@ interface IProps extends ISectionProps {
|
|
8
8
|
/** horizontal centered */
|
9
9
|
hCentered?: boolean;
|
10
10
|
}
|
11
|
-
export declare const Horizontal:
|
11
|
+
export declare const Horizontal: (props: IProps & {
|
12
12
|
children?: React.ReactNode | undefined;
|
13
|
-
} & React.RefAttributes<HTMLDivElement
|
13
|
+
} & React.RefAttributes<HTMLDivElement>) => React.JSX.Element | null;
|
14
14
|
export {};
|
package/dist/controls/index.d.ts
CHANGED
package/dist/controls/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC"}
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC"}
|
package/dist/controls/input.js
CHANGED
@@ -75,7 +75,7 @@ export const InputNumberEx = (props) => {
|
|
75
75
|
const isValid = props.required ? !isNullOrNaN(asNumber) : isNullOrUndefined(asNumber) || !isNaN(asNumber);
|
76
76
|
setIsValid(isValid);
|
77
77
|
props.onChange(isValid ? asNumber : null);
|
78
|
-
}, [props.allowDecimals]);
|
78
|
+
}, [props.allowDecimals, props.onChange, props.required]);
|
79
79
|
const passProps = Object.assign(Object.assign({}, props), { defaultValue: undefined, value: undefined, onChange: undefined });
|
80
80
|
return (_jsxs(Vertical, { nogap: true, children: [_jsx(InputEx, Object.assign({ inputMode: props.allowDecimals ? "decimal" : "numeric" }, passProps, { value: valueStr, onChange: onChange })), !isValid && _jsx(Label, { className: commonStyles.validationLabel, children: "this is not a valid value" })] }));
|
81
81
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/controls/input.tsx"],"names":[],"mappings":"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
|
1
|
+
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/controls/input.tsx"],"names":[],"mappings":"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"}
|
package/dist/controls/list.js
CHANGED
@@ -1,6 +1,7 @@
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
2
|
import { makeStyles, tokens } from '@fluentui/react-components';
|
3
3
|
import { LOGO_BLUE_SQUARE, LOGO_WHITE_SQUARE, isNullOrUndefined, isString } from '@kwiz/common';
|
4
|
+
import { useKWIZFluentContext } from '../helpers/context-internal';
|
4
5
|
import { KnownClassNames, mixins } from '../styles/styles';
|
5
6
|
import { Horizontal } from './horizontal';
|
6
7
|
import { Section } from './section';
|
@@ -56,12 +57,14 @@ const useStyles = makeStyles({
|
|
56
57
|
}
|
57
58
|
});
|
58
59
|
export const ListEx = (props) => {
|
60
|
+
const ctx = useKWIZFluentContext();
|
59
61
|
const cssNames = useStyles();
|
62
|
+
const isDark = ctx.dark === true || props.dark === true;
|
60
63
|
const listItemElm = (item) => _jsxs(Horizontal, { css: [cssNames.listItem, item.selected && cssNames.listItemSelected], onClick: item.onClick, children: [item.media && _jsx(Section, { css: [cssNames.media], onClick: (e) => {
|
61
64
|
if (!item.onClickOnMedia)
|
62
65
|
e.stopPropagation(); //media may have its on onclick
|
63
66
|
}, children: isString(item.media)
|
64
|
-
? _jsx("div", { className: cssNames.image, style: { backgroundImage: `url('${encodeURI(item.media)}'), url('${
|
67
|
+
? _jsx("div", { className: cssNames.image, style: { backgroundImage: `url('${encodeURI(item.media)}'), url('${isDark ? LOGO_WHITE_SQUARE : LOGO_BLUE_SQUARE}')` } })
|
65
68
|
: item.media }), _jsxs(Vertical, { main: true, css: [cssNames.listItemBody], children: [_jsxs(Horizontal, { main: true, children: [_jsx(Section, { main: true, css: [cssNames.listItemHeader], children: item.header }), item.headerMedia && _jsx(Section, { onClick: (e) => {
|
66
69
|
e.stopPropagation(); //media may have its on onclick
|
67
70
|
}, css: [cssNames.listItemMedia, props.showAllHeaderMedia && cssNames.listItemMediaNoTrim], children: item.headerMedia })] }), !isNullOrUndefined(item.content)
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../src/controls/list.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEhG,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,SAAS,GAAG,UAAU,CAAC;IACzB,IAAI,EAAE;QACF,MAAM,EAAE,CAAC;KACZ;IACD,QAAQ,EAAE;QACN,OAAO,EAAE,MAAM,CAAC,gBAAgB;QAChC,QAAQ,EAAE;YACN,eAAe,EAAE,MAAM,CAAC,4BAA4B;SACvD;KACJ;IACD,gBAAgB,EAAE;QACd,eAAe,EAAE,MAAM,CAAC,+BAA+B;KAC1D;IACD,KAAK,EAAE;QACH,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,MAAM,CAAC,eAAe;QAChC,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;KAC3B;IACD,KAAK,EAAE;QACH,KAAK,EAAE,MAAM,CAAC,iBAAiB;QAC/B,MAAM,EAAE,MAAM,CAAC,iBAAiB;QAChC,kBAAkB,EAAE,eAAe;QACnC,cAAc,EAAE,OAAO;QACvB,YAAY,EAAE,MAAM,CAAC,oBAAoB;QACzC,MAAM,EAAE,aAAa,MAAM,CAAC,mBAAmB,EAAE;KACpD;IACD,YAAY,EAAE;QACV,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,mBAAmB;KAC7B;IACD,cAAc,EAAE,MAAM,CAAC,QAAQ;IAC/B,eAAe,kCACR,MAAM,CAAC,QAAQ,KAClB,QAAQ,EAAE,MAAM,CAAC,eAAe,GACnC;IACD,aAAa,kCACN,MAAM,CAAC,QAAQ,KAClB,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE;YACL,MAAM,EAAE,MAAM,CAAC,eAAe;SACjC,EACD,UAAU,EAAE;YACR,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE,CAAC;YACX,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,MAAM;SACjB,GACJ;IACD,mBAAmB,EAAE;QACjB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,aAAa;KAC1B;IACD,wBAAwB,EAAE;QACtB,UAAU,EAAE,UAAU;KACzB;CACJ,CAAC,CAAC;AAqBH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAa,EAAE,EAAE;
|
1
|
+
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../src/controls/list.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEhG,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,SAAS,GAAG,UAAU,CAAC;IACzB,IAAI,EAAE;QACF,MAAM,EAAE,CAAC;KACZ;IACD,QAAQ,EAAE;QACN,OAAO,EAAE,MAAM,CAAC,gBAAgB;QAChC,QAAQ,EAAE;YACN,eAAe,EAAE,MAAM,CAAC,4BAA4B;SACvD;KACJ;IACD,gBAAgB,EAAE;QACd,eAAe,EAAE,MAAM,CAAC,+BAA+B;KAC1D;IACD,KAAK,EAAE;QACH,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,MAAM,CAAC,eAAe;QAChC,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;KAC3B;IACD,KAAK,EAAE;QACH,KAAK,EAAE,MAAM,CAAC,iBAAiB;QAC/B,MAAM,EAAE,MAAM,CAAC,iBAAiB;QAChC,kBAAkB,EAAE,eAAe;QACnC,cAAc,EAAE,OAAO;QACvB,YAAY,EAAE,MAAM,CAAC,oBAAoB;QACzC,MAAM,EAAE,aAAa,MAAM,CAAC,mBAAmB,EAAE;KACpD;IACD,YAAY,EAAE;QACV,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,mBAAmB;KAC7B;IACD,cAAc,EAAE,MAAM,CAAC,QAAQ;IAC/B,eAAe,kCACR,MAAM,CAAC,QAAQ,KAClB,QAAQ,EAAE,MAAM,CAAC,eAAe,GACnC;IACD,aAAa,kCACN,MAAM,CAAC,QAAQ,KAClB,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE;YACL,MAAM,EAAE,MAAM,CAAC,eAAe;SACjC,EACD,UAAU,EAAE;YACR,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE,CAAC;YACX,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,MAAM;SACjB,GACJ;IACD,mBAAmB,EAAE;QACjB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,aAAa;KAC1B;IACD,wBAAwB,EAAE;QACtB,UAAU,EAAE,UAAU;KACzB;CACJ,CAAC,CAAC;AAqBH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAa,EAAE,EAAE;IACpC,MAAM,GAAG,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,QAAQ,GAAG,SAAS,EAAE,CAAC;IAC7B,MAAM,MAAM,GAAG,GAAG,CAAC,IAAI,KAAK,IAAI,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC;IAExD,MAAM,WAAW,GAAG,CAAC,IAAe,EAAE,EAAE,CAAC,MAAC,UAAU,IAAgB,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,aAC1J,IAAI,CAAC,KAAK,IAAI,KAAC,OAAO,IAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBAC1D,IAAI,CAAC,IAAI,CAAC,cAAc;wBACpB,CAAC,CAAC,eAAe,EAAE,CAAC,CAAA,+BAA+B;gBAC3D,CAAC,YACO,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;oBAChB,CAAC,CAAC,cAAK,SAAS,EAAE,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,IAAI,EAAE,GAAQ;oBAChK,CAAC,CAAC,IAAI,CAAC,KAAK,GACT,EACf,MAAC,QAAQ,IAAC,IAAI,QAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC,aACvC,MAAC,UAAU,IAAC,IAAI,mBACZ,KAAC,OAAO,IAAC,IAAI,QAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,YAAG,IAAI,CAAC,MAAM,GAAW,EACpE,IAAI,CAAC,WAAW,IAAI,KAAC,OAAO,IAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oCACzC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAA,+BAA+B;gCACvD,CAAC,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,EAAE,KAAK,CAAC,kBAAkB,IAAI,QAAQ,CAAC,mBAAmB,CAAC,YAAG,IAAI,CAAC,WAAW,GAAW,IAC/G,EACZ,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC;wBAC7B,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAC,OAAO,IAAW,GAAG,EAAE,CAAC,QAAQ,CAAC,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,wBAAwB,CAAC,CAAC,CAAC,SAAS,CAAC,YAAG,CAAC,IAAzG,GAAG,CAAiH,CAAC;wBACtP,CAAC,CAAC,SAAS,IACR,KAnB2C,IAAI,CAAC,GAAG,CAoBrD,CAAC;IAEd,OAAO,CACH,KAAC,QAAQ,IAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC,IAAI,CAAC,YAC/C,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,GACpC,CACd,CAAC;AACN,CAAC,CAAA"}
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
import '@mismerge/core/dark.css';
|
3
|
+
import '@mismerge/core/styles.css';
|
4
|
+
interface IProps {
|
5
|
+
title: string;
|
6
|
+
description?: string;
|
7
|
+
lhsTitle: string;
|
8
|
+
lhsValue: string;
|
9
|
+
rhsTitle: string;
|
10
|
+
rhsValue: string;
|
11
|
+
dark?: boolean;
|
12
|
+
save: (merged: string) => void;
|
13
|
+
cancel: () => void;
|
14
|
+
}
|
15
|
+
export declare const MergeText: React.FunctionComponent<React.PropsWithChildren<IProps>>;
|
16
|
+
export {};
|
@@ -0,0 +1,81 @@
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
import { Drawer, DrawerBody, DrawerHeader, DrawerHeaderTitle, Field, Label, makeStyles, Radio, tokens } from '@fluentui/react-components';
|
3
|
+
import { DismissRegular, SaveRegular } from '@fluentui/react-icons';
|
4
|
+
import { isNullOrUndefined, waitFor } from '@kwiz/common';
|
5
|
+
import { DefaultDarkColors, DefaultLightColors, MisMerge2 } from '@mismerge/react';
|
6
|
+
import * as React from 'react';
|
7
|
+
import '@mismerge/core/dark.css';
|
8
|
+
import '@mismerge/core/styles.css';
|
9
|
+
import { useStateEX, useWindowSize } from '../helpers';
|
10
|
+
import { useKWIZFluentContext } from '../helpers/context-internal';
|
11
|
+
import { ButtonEX, ButtonEXPrimarySubtle } from './button';
|
12
|
+
import { Horizontal } from './horizontal';
|
13
|
+
import { Section } from './section';
|
14
|
+
import { Vertical } from './vertical';
|
15
|
+
const useStyles = makeStyles({
|
16
|
+
root: {
|
17
|
+
// position: 'fixed',
|
18
|
+
// top: 0,
|
19
|
+
// left: 0,
|
20
|
+
// right: 0,
|
21
|
+
// bottom: 0,
|
22
|
+
// backgroundColor: tokens.colorNeutralBackground1,
|
23
|
+
// zIndex: 10,
|
24
|
+
"& .mismerge": {
|
25
|
+
// height: "100%",
|
26
|
+
"--background": tokens.colorNeutralBackground1,
|
27
|
+
//line number background
|
28
|
+
"--primary-100": tokens.colorNeutralBackground2,
|
29
|
+
//selection background
|
30
|
+
"--selection": tokens.colorNeutralBackground1Selected,
|
31
|
+
//scrollbar hover
|
32
|
+
"--primary-300": tokens.colorNeutralBackground1Hover,
|
33
|
+
//border / scroll
|
34
|
+
"--primary-200": tokens.colorNeutralStroke1,
|
35
|
+
//line number color
|
36
|
+
"--primary-400": tokens.colorNeutralForeground2,
|
37
|
+
//button hover color
|
38
|
+
"--primary-500": tokens.colorNeutralForeground1Hover,
|
39
|
+
//main text color
|
40
|
+
"--primary-600": tokens.colorNeutralForeground1,
|
41
|
+
"& TEXTAREA": {
|
42
|
+
lineHeight: "20px"
|
43
|
+
}
|
44
|
+
}
|
45
|
+
},
|
46
|
+
menu: {
|
47
|
+
justifyContent: "space-between"
|
48
|
+
}
|
49
|
+
});
|
50
|
+
export const MergeText = (props) => {
|
51
|
+
const classes = useStyles();
|
52
|
+
const ctx = useKWIZFluentContext();
|
53
|
+
let size = useWindowSize();
|
54
|
+
let wrapper = React.useRef();
|
55
|
+
let [lhs, setLhs] = useStateEX(props.lhsValue || "", {
|
56
|
+
skipUpdateIfSame: true, onChange: (v, changed) => {
|
57
|
+
if (changed)
|
58
|
+
setKeep("left");
|
59
|
+
return v;
|
60
|
+
}
|
61
|
+
});
|
62
|
+
let [rhs, setRhs] = useStateEX(props.rhsValue || "", {
|
63
|
+
skipUpdateIfSame: true, onChange: (v, changed) => {
|
64
|
+
if (changed)
|
65
|
+
setKeep("right");
|
66
|
+
return v;
|
67
|
+
}
|
68
|
+
});
|
69
|
+
let [keep, setKeep] = useStateEX("cancel");
|
70
|
+
React.useEffect(() => {
|
71
|
+
if (wrapper.current) {
|
72
|
+
waitFor(() => !isNullOrUndefined(wrapper.current.querySelector(".mismerge"))).then(() => {
|
73
|
+
let mismerge = wrapper.current.querySelector(".mismerge");
|
74
|
+
if (mismerge)
|
75
|
+
mismerge.style.height = `${mismerge.offsetParent.clientHeight - mismerge.offsetTop - 10}px`;
|
76
|
+
});
|
77
|
+
}
|
78
|
+
}, [wrapper.current, size.height]);
|
79
|
+
return _jsxs(Drawer, { type: 'overlay', open: true, size: 'full', className: classes.root, mountNode: ctx.mountNode, children: [_jsx(DrawerHeader, { children: _jsx(DrawerHeaderTitle, { action: _jsx(ButtonEX, { icon: _jsx(DismissRegular, {}), title: "Close", onClick: props.cancel }), children: props.title }) }), _jsx(DrawerBody, { children: _jsxs(Vertical, { children: [props.description && _jsx(Label, { children: props.description }), _jsx(Field, { label: "Which version would you like to keep?", hint: "Merge the changes to either side and save. Close this panel to keep editing the page without saving", children: _jsxs(Horizontal, { css: [classes.menu], children: [_jsxs(Horizontal, { nogap: true, children: [_jsx(Radio, { value: "left", label: props.lhsTitle, checked: keep === "left", onClick: () => setKeep("left") }), _jsx(ButtonEXPrimarySubtle, { showTitleWithIcon: true, dontCenterText: true, icon: _jsx(SaveRegular, {}), disabled: keep !== "left", title: `Save ${props.lhsTitle.toLowerCase()}`, onClick: () => props.save(lhs) })] }), _jsxs(Horizontal, { nogap: true, children: [_jsx(Radio, { value: "right", label: props.rhsTitle, checked: keep === "right", onClick: () => setKeep("right") }), _jsx(ButtonEXPrimarySubtle, { showTitleWithIcon: true, dontCenterText: true, icon: _jsx(SaveRegular, {}), disabled: keep !== "right", title: `Save ${props.rhsTitle.toLowerCase()}`, onClick: () => props.save(rhs) })] })] }) }), _jsx(Section, { main: true, ref: wrapper, children: _jsx(MisMerge2, { lhs: lhs, rhs: rhs, lhsEditable: true, rhsEditable: true, onLhsChange: v => setLhs(v), onRhsChange: v => setRhs(v), colors: props.dark ? DefaultDarkColors : DefaultLightColors }) })] }) })] });
|
80
|
+
};
|
81
|
+
//# sourceMappingURL=merge-text.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"merge-text.js","sourceRoot":"","sources":["../../src/controls/merge-text.tsx"],"names":[],"mappings":"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"}
|
@@ -10,7 +10,7 @@ interface IProps extends DividerProps {
|
|
10
10
|
stepIcons?: FluentIcon[];
|
11
11
|
onStepClick?: (step: number) => void;
|
12
12
|
}
|
13
|
-
export declare const ProgressBarEX:
|
13
|
+
export declare const ProgressBarEX: (props: IProps & {
|
14
14
|
children?: React.ReactNode | undefined;
|
15
|
-
} & React.RefAttributes<HTMLDivElement
|
15
|
+
} & React.RefAttributes<HTMLDivElement>) => React.JSX.Element | null;
|
16
16
|
export {};
|
@@ -31,4 +31,4 @@ export interface IPrompterProps {
|
|
31
31
|
/** do not fire ok/cancel on esc/enter press */
|
32
32
|
disableKeyboardActions?: boolean;
|
33
33
|
}
|
34
|
-
export declare const Prompter:
|
34
|
+
export declare const Prompter: (props: IPrompterProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element | null;
|
package/dist/controls/search.js
CHANGED
@@ -10,14 +10,8 @@ const logger = GetLogger("Search");
|
|
10
10
|
const useStyles = makeStyles({
|
11
11
|
main: mixins.main,
|
12
12
|
clickable: mixins.clickable,
|
13
|
-
root: {
|
14
|
-
|
15
|
-
},
|
16
|
-
searchIcon: {
|
17
|
-
position: "absolute",
|
18
|
-
left: '5px',
|
19
|
-
top: '5px'
|
20
|
-
},
|
13
|
+
root: {},
|
14
|
+
searchIcon: {},
|
21
15
|
});
|
22
16
|
/** value is set on first load. to change the value after it was first set - change the compoenet's key. */
|
23
17
|
export const Search = (props) => {
|