@kwiz/fluentui 1.0.187 → 1.0.189
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/controls/options-editor.js +5 -5
- package/dist/controls/options-editor.js.map +1 -1
- package/dist/helpers/block-nav.js +17 -15
- package/dist/helpers/block-nav.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-internal.js +16 -0
- package/dist/helpers/context-internal.js.map +1 -1
- package/dist/helpers/hooks.d.ts +2 -0
- package/dist/helpers/hooks.js +16 -12
- package/dist/helpers/hooks.js.map +1 -1
- package/dist/helpers/use-reload-tracker.js +2 -2
- package/dist/helpers/use-reload-tracker.js.map +1 -1
- package/dist/helpers/use-track-changes.js +21 -13
- package/dist/helpers/use-track-changes.js.map +1 -1
- package/package.json +3 -3
|
@@ -10,7 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
10
10
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
11
11
|
import { MenuItem, MessageBar, Overflow, Table, TableBody, TableCell, TableHeader, TableHeaderCell, TableRow } from "@fluentui/react-components";
|
|
12
12
|
import { AddRegular, DismissRegular, EditRegular } from "@fluentui/react-icons";
|
|
13
|
-
import { isNotEmptyString, isString
|
|
13
|
+
import { isNotEmptyString, isString } from "@kwiz/common";
|
|
14
14
|
import { useCallback, useMemo, useState } from "react";
|
|
15
15
|
import { useAlerts } from "../helpers";
|
|
16
16
|
import { useKWIZFluentContext } from "../helpers/context-internal";
|
|
@@ -49,14 +49,14 @@ export function OptionsEditor(props) {
|
|
|
49
49
|
return _jsxs(_Fragment, { children: [alerts.alertPrompt, _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHeaderCell, { children: ((_b = (_a = ctx.strings) === null || _a === void 0 ? void 0 : _a.lbl_value) === null || _b === void 0 ? void 0 : _b.call(_a)) || "Value" }), isKeyValue && _jsx(TableHeaderCell, { children: ((_d = (_c = ctx.strings) === null || _c === void 0 ? void 0 : _c.lbl_text) === null || _d === void 0 ? void 0 : _d.call(_c)) || "Text" }), _jsx(TableHeaderCell, {})] }) }), _jsxs(TableBody, { children: [value.map((v, i) => {
|
|
50
50
|
var _a, _b, _c, _d, _e, _f;
|
|
51
51
|
return _jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx(InputEx, { placeholder: ((_b = (_a = ctx.strings) === null || _a === void 0 ? void 0 : _a.placeholder_input) === null || _b === void 0 ? void 0 : _b.call(_a)) || "Enter value here", value: isString(v) ? v : v.key, onChange: (e, data) => {
|
|
52
|
-
const newValue =
|
|
52
|
+
const newValue = value.slice();
|
|
53
53
|
if (isString(newValue[i]))
|
|
54
54
|
newValue[i] = data.value;
|
|
55
55
|
else
|
|
56
56
|
newValue[i].key = data.value;
|
|
57
57
|
setValue(newValue);
|
|
58
58
|
} }) }), (isKeyValue && !isString(v)) && _jsx(TableCell, { children: _jsx(InputEx, { placeholder: ((_d = (_c = ctx.strings) === null || _c === void 0 ? void 0 : _c.placeholder_input) === null || _d === void 0 ? void 0 : _d.call(_c, { context: "text" })) || "Enter text here", value: v.value, onChange: (e, data) => {
|
|
59
|
-
const newValue =
|
|
59
|
+
const newValue = value.slice();
|
|
60
60
|
if (isString(newValue[i]))
|
|
61
61
|
return; //no value
|
|
62
62
|
newValue[i].value = data.value;
|
|
@@ -64,13 +64,13 @@ export function OptionsEditor(props) {
|
|
|
64
64
|
} }) }), _jsx(TableCell, { children: _jsx(ButtonEX, { icon: _jsx(DismissRegular, {}), title: ((_f = (_e = ctx.strings) === null || _e === void 0 ? void 0 : _e.btn_remove) === null || _f === void 0 ? void 0 : _f.call(_e)) || "Remove", onClick: () => {
|
|
65
65
|
var _a, _b;
|
|
66
66
|
return alerts.confirmEX(((_b = (_a = ctx.strings) === null || _a === void 0 ? void 0 : _a.confirm_remove) === null || _b === void 0 ? void 0 : _b.call(_a, { context: "option" })) || "Are you sure you want to remove this option?", () => {
|
|
67
|
-
const newValue =
|
|
67
|
+
const newValue = value.slice();
|
|
68
68
|
newValue.splice(i, 1);
|
|
69
69
|
setValue(newValue);
|
|
70
70
|
});
|
|
71
71
|
} }) })] }, i);
|
|
72
72
|
}), _jsx(TableRow, { children: _jsx(TableCell, { colSpan: 3, children: _jsx(ButtonEX, { icon: _jsx(AddRegular, {}), title: ((_f = (_e = ctx.strings) === null || _e === void 0 ? void 0 : _e.add_custom) === null || _f === void 0 ? void 0 : _f.call(_e, { cap: true, param: ((_g = ctx.strings) === null || _g === void 0 ? void 0 : _g.option()) || "option" })) || "Add option", showTitleWithIcon: true, onClick: () => {
|
|
73
|
-
const newValue =
|
|
73
|
+
const newValue = value.slice();
|
|
74
74
|
newValue.push(props.newItem());
|
|
75
75
|
setValue(newValue);
|
|
76
76
|
} }) }) })] })] })] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"options-editor.js","sourceRoot":"","sources":["../../src/controls/options-editor.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjJ,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"options-editor.js","sourceRoot":"","sources":["../../src/controls/options-editor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { isNotEmptyArray,
|
|
3
|
-
import { useCallback, useEffect } from "react";
|
|
2
|
+
import { isNotEmptyArray, isNotEmptyString, isNullOrEmptyString, stringEqualsOrEmpty } from "@kwiz/common";
|
|
3
|
+
import { useCallback, useEffect, useMemo } from "react";
|
|
4
4
|
import { Prompter } from "../controls/prompt";
|
|
5
5
|
import { useEffectOnlyOnMount, useStateEX } from "./hooks";
|
|
6
6
|
/** @deprecated replace with useTrackChanges
|
|
@@ -19,6 +19,16 @@ export function useBlockNav() {
|
|
|
19
19
|
const getMessages = useCallback(() => {
|
|
20
20
|
return getMessagesArr().join();
|
|
21
21
|
}, useEffectOnlyOnMount);
|
|
22
|
+
const setMessage = useCallback((id, message) => {
|
|
23
|
+
if (!stringEqualsOrEmpty(message, blockNavMessagesRef.current[id])) {
|
|
24
|
+
const current = Object.assign({}, blockNavMessagesRef.current);
|
|
25
|
+
if (isNotEmptyString(message))
|
|
26
|
+
current[id] = message;
|
|
27
|
+
else
|
|
28
|
+
delete current[id];
|
|
29
|
+
setBlockNavMessages(current);
|
|
30
|
+
}
|
|
31
|
+
}, [setBlockNavMessages]);
|
|
22
32
|
const onNav = useCallback((nav) => {
|
|
23
33
|
let messages = getMessagesArr();
|
|
24
34
|
if (isNotEmptyArray(messages)) {
|
|
@@ -59,19 +69,11 @@ export function useBlockNav() {
|
|
|
59
69
|
// Remove event listener on cleanup
|
|
60
70
|
return () => window.removeEventListener("beforeunload", handleBeforeUnload);
|
|
61
71
|
}, useEffectOnlyOnMount);
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
if (isNullOrEmptyString(message))
|
|
66
|
-
delete current[id];
|
|
67
|
-
else
|
|
68
|
-
current[id] = message;
|
|
69
|
-
if (!objectsEqual(current, blockNavMessagesRef.current))
|
|
70
|
-
setBlockNavMessages(current);
|
|
71
|
-
},
|
|
72
|
-
/** single page applications, call this to navigate if ok */
|
|
72
|
+
const navPrompt = useMemo(() => _prompt ? _jsx(Prompter, Object.assign({}, _prompt)) : undefined, [_prompt]);
|
|
73
|
+
return useMemo(() => ({
|
|
74
|
+
setMessage,
|
|
73
75
|
onNav,
|
|
74
|
-
navPrompt
|
|
75
|
-
};
|
|
76
|
+
navPrompt
|
|
77
|
+
}), [setMessage, onNav, navPrompt]);
|
|
76
78
|
}
|
|
77
79
|
//# sourceMappingURL=block-nav.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"block-nav.js","sourceRoot":"","sources":["../../src/helpers/block-nav.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,eAAe,EAAE,
|
|
1
|
+
{"version":3,"file":"block-nav.js","sourceRoot":"","sources":["../../src/helpers/block-nav.tsx"],"names":[],"mappings":"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"}
|
|
@@ -61,6 +61,8 @@ export interface iKWIZFluentContext {
|
|
|
61
61
|
add_custom?: iKWIZFluentStringValueType;
|
|
62
62
|
option?: iKWIZFluentStringValueType;
|
|
63
63
|
options?: iKWIZFluentStringValueType;
|
|
64
|
+
prompt_unsaved_changes?: iKWIZFluentStringValueType;
|
|
65
|
+
error_cannot_save_changes?: iKWIZFluentStringValueType;
|
|
64
66
|
};
|
|
65
67
|
}
|
|
66
68
|
export declare const KWIZFluentContext: React.Context<iKWIZFluentContext>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context-const.js","sourceRoot":"","sources":["../../src/helpers/context-const.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"context-const.js","sourceRoot":"","sources":["../../src/helpers/context-const.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiE1B,gBAAgB;AAChB,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAqB,IAAI,CAAC,CAAC"}
|
|
@@ -10,7 +10,23 @@ export function useKWIZFluentContext() {
|
|
|
10
10
|
ctx.inputAppearance = "underline";
|
|
11
11
|
if (isNullOrUndefined(ctx.buttonShape))
|
|
12
12
|
ctx.buttonShape = "circular";
|
|
13
|
+
patchResize();
|
|
13
14
|
ctx.isRtl = ctx.isRtl || ((_b = (_a = ctx.strings) === null || _a === void 0 ? void 0 : _a.dir) === null || _b === void 0 ? void 0 : _b.call(_a)) === "rtl";
|
|
14
15
|
return ctx;
|
|
15
16
|
}
|
|
17
|
+
function patchResize() {
|
|
18
|
+
if (!window.ResizeObserver["sos-patch"]) {
|
|
19
|
+
window.ResizeObserver["sos-patch"] = true;
|
|
20
|
+
const OriginalResizeObserver = window.ResizeObserver;
|
|
21
|
+
window.ResizeObserver = class ResizeObserver extends OriginalResizeObserver {
|
|
22
|
+
constructor(callback) {
|
|
23
|
+
super((entries, observer) => {
|
|
24
|
+
window.requestAnimationFrame(() => {
|
|
25
|
+
callback(entries, observer);
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
}
|
|
16
32
|
//# sourceMappingURL=context-internal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context-internal.js","sourceRoot":"","sources":["../../src/helpers/context-internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,kCAAkC;AAClC,MAAM,UAAU,oBAAoB;;IAChC,IAAI,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;IACpD,cAAc;IACd,IAAI,iBAAiB,CAAC,GAAG,CAAC,eAAe,CAAC;QACtC,GAAG,CAAC,eAAe,GAAG,WAAW,CAAC;IACtC,IAAI,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC;QAClC,GAAG,CAAC,WAAW,GAAG,UAAU,CAAC;IAEjC,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,KAAK,IAAI,CAAA,MAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,GAAG,kDAAI,MAAK,KAAK,CAAC;IACxD,OAAO,GAAG,CAAC;AACf,CAAC"}
|
|
1
|
+
{"version":3,"file":"context-internal.js","sourceRoot":"","sources":["../../src/helpers/context-internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,kCAAkC;AAClC,MAAM,UAAU,oBAAoB;;IAChC,IAAI,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;IACpD,cAAc;IACd,IAAI,iBAAiB,CAAC,GAAG,CAAC,eAAe,CAAC;QACtC,GAAG,CAAC,eAAe,GAAG,WAAW,CAAC;IACtC,IAAI,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC;QAClC,GAAG,CAAC,WAAW,GAAG,UAAU,CAAC;IAEjC,WAAW,EAAE,CAAC;IAEd,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,KAAK,IAAI,CAAA,MAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,GAAG,kDAAI,MAAK,KAAK,CAAC;IACxD,OAAO,GAAG,CAAC;AACf,CAAC;AAGD,SAAS,WAAW;IAChB,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,CAAC;QACtC,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;QAC1C,MAAM,sBAAsB,GAAG,MAAM,CAAC,cAAc,CAAC;QAErD,MAAM,CAAC,cAAc,GAAG,MAAM,cAAe,SAAQ,sBAAsB;YACvE,YAAY,QAAgC;gBACxC,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,EAAE;oBACxB,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;wBAC9B,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;oBAChC,CAAC,CAAC,CAAC;gBACP,CAAC,CAAC,CAAC;YACP,CAAC;SACJ,CAAC;IACN,CAAC;AACL,CAAC"}
|
package/dist/helpers/hooks.d.ts
CHANGED
|
@@ -2,7 +2,9 @@ import { HTMLAttributes, MutableRefObject, SetStateAction } from "react";
|
|
|
2
2
|
/** Empty array ensures that effect is only run on mount */
|
|
3
3
|
export declare const useEffectOnlyOnMount: any[];
|
|
4
4
|
type stateExOptions<ValueType> = {
|
|
5
|
+
/** static: do not change between renders */
|
|
5
6
|
onChange?: (newValue: ValueType, isValueChanged: boolean) => ValueType;
|
|
7
|
+
/** static: do not change between renders. will not set state if value did not change */
|
|
6
8
|
skipUpdateIfSame?: boolean;
|
|
7
9
|
name?: string;
|
|
8
10
|
};
|
package/dist/helpers/hooks.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { makeStyles } from "@fluentui/react-components";
|
|
2
2
|
import { CommonLogger, isFunction, isNotEmptyArray, isNullOrEmptyString, isNullOrUndefined, isPrimitiveValue, jsonClone, jsonStringify, LoggerLevel, objectsEqual } from "@kwiz/common";
|
|
3
|
-
import { useCallback, useEffect, useRef, useState } from "react";
|
|
3
|
+
import { useCallback, useEffect, useMemo, useRef, useState } from "react";
|
|
4
4
|
import { mixins } from "../styles/styles";
|
|
5
5
|
/** Empty array ensures that effect is only run on mount */
|
|
6
6
|
export const useEffectOnlyOnMount = [];
|
|
@@ -28,9 +28,11 @@ function extractStringValue(e) {
|
|
|
28
28
|
export function useStateEX(initialValue, options) {
|
|
29
29
|
options = options || {};
|
|
30
30
|
const name = options.name || '';
|
|
31
|
-
let logger = new CommonLogger(`useStateWithTrack${isNullOrEmptyString(name) ? '' : ` ${name}`}`);
|
|
31
|
+
let logger = useMemo(() => new CommonLogger(`useStateWithTrack${isNullOrEmptyString(name) ? '' : ` ${name}`}`), [name]);
|
|
32
32
|
logger.i.setLevel(LoggerLevel.WARN);
|
|
33
33
|
const [value, setValueInState] = useState(initialValue);
|
|
34
|
+
//you can't flip those options between renders
|
|
35
|
+
const needToTrackChanges = useMemo(() => options.skipUpdateIfSame || isFunction(options.onChange), []);
|
|
34
36
|
const currentValue = useRef(initialValue); //must set initial value don't rely on useEffect to do it since some dependents might try to access it on first load
|
|
35
37
|
//json clone complex/ref values so we can compare if value changed, in case caller makes chagnes on the value object directly.
|
|
36
38
|
const currentValueForChecks = useRef();
|
|
@@ -39,6 +41,7 @@ export function useStateEX(initialValue, options) {
|
|
|
39
41
|
}, useEffectOnlyOnMount);
|
|
40
42
|
//keep a ref to onChange so the caller's latet state is accessible
|
|
41
43
|
const onChange = useRef(options.onChange);
|
|
44
|
+
//keep it in sync
|
|
42
45
|
onChange.current = options.onChange;
|
|
43
46
|
/** make this a collection in case several callers are awaiting the same propr update */
|
|
44
47
|
const resolveState = useRef([]);
|
|
@@ -49,18 +52,17 @@ export function useStateEX(initialValue, options) {
|
|
|
49
52
|
isMounted.current = false;
|
|
50
53
|
};
|
|
51
54
|
}, useEffectOnlyOnMount);
|
|
52
|
-
|
|
55
|
+
const resolvePromises = useCallback(() => {
|
|
53
56
|
if (isNotEmptyArray(resolveState.current)) {
|
|
54
57
|
let resolvers = resolveState.current.slice();
|
|
55
58
|
resolveState.current = []; //clear
|
|
56
59
|
resolvers.map(r => r(currentValue.current));
|
|
57
60
|
}
|
|
58
|
-
}
|
|
59
|
-
;
|
|
61
|
+
}, []);
|
|
60
62
|
useEffect(() => {
|
|
61
63
|
resolvePromises();
|
|
62
64
|
}, [value]);
|
|
63
|
-
|
|
65
|
+
const getIsValueChanged = useCallback((newValue) => {
|
|
64
66
|
let error = null;
|
|
65
67
|
let result;
|
|
66
68
|
try {
|
|
@@ -84,9 +86,11 @@ export function useStateEX(initialValue, options) {
|
|
|
84
86
|
}
|
|
85
87
|
return result;
|
|
86
88
|
});
|
|
87
|
-
}
|
|
88
|
-
;
|
|
89
|
+
}, []);
|
|
89
90
|
function updateCurrentRef(newValue) {
|
|
91
|
+
//this json clone on html elements for useRefWithState was killing our app
|
|
92
|
+
if (!needToTrackChanges)
|
|
93
|
+
return;
|
|
90
94
|
currentValue.current = newValue;
|
|
91
95
|
currentValueForChecks.current = isPrimitiveValue(newValue) || isFunction(newValue)
|
|
92
96
|
? newValue
|
|
@@ -104,7 +108,7 @@ export function useStateEX(initialValue, options) {
|
|
|
104
108
|
}
|
|
105
109
|
else {
|
|
106
110
|
resolveState.current.push(resolve);
|
|
107
|
-
const isChanged =
|
|
111
|
+
const isChanged = needToTrackChanges
|
|
108
112
|
? getIsValueChanged(newState) //don't call this if there is no onChange handler and if we don't need to monitor skipUpdateIfSame
|
|
109
113
|
: true;
|
|
110
114
|
if (isFunction(onChange.current))
|
|
@@ -118,7 +122,7 @@ export function useStateEX(initialValue, options) {
|
|
|
118
122
|
resolvePromises();
|
|
119
123
|
}
|
|
120
124
|
}), useEffectOnlyOnMount);
|
|
121
|
-
return [value, setValue, currentValue];
|
|
125
|
+
return useMemo(() => [value, setValue, currentValue], [value, setValue, currentValue]);
|
|
122
126
|
}
|
|
123
127
|
/** use a ref, that can be tracked as useEffect dependency */
|
|
124
128
|
export function useRefWithState(initialValue, stateOptions = { skipUpdateIfSame: true, name: "useRefWithState" },
|
|
@@ -141,14 +145,14 @@ forwardRef) {
|
|
|
141
145
|
forwardRef.current = asRef.current;
|
|
142
146
|
}
|
|
143
147
|
}, [asState]);
|
|
144
|
-
return {
|
|
148
|
+
return useMemo(() => ({
|
|
145
149
|
/** ref object for getting latest value in handlers */
|
|
146
150
|
ref: asRef,
|
|
147
151
|
/** for useEffect dependency */
|
|
148
152
|
value: asState,
|
|
149
153
|
/** for setting on element: ref={e.set} */
|
|
150
154
|
set: setRef
|
|
151
|
-
};
|
|
155
|
+
}), [asRef, asState, setRef]);
|
|
152
156
|
}
|
|
153
157
|
const useStyles = makeStyles({
|
|
154
158
|
clickable: mixins.clickable,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/helpers/hooks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACxL,OAAO,EAAoD,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/helpers/hooks.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
8
8
|
});
|
|
9
9
|
};
|
|
10
10
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
|
-
import { CommonLogger, debounce, firstIndexOf, firstOrNull, isNotEmptyString, isNullOrEmptyString, isNumber,
|
|
11
|
+
import { CommonLogger, debounce, firstIndexOf, firstOrNull, isNotEmptyString, isNullOrEmptyString, isNumber, promiseOnce } from "@kwiz/common";
|
|
12
12
|
import { isValidElement, useCallback, useMemo, useRef } from "react";
|
|
13
13
|
import { Loading } from "../controls/loading";
|
|
14
14
|
import { PleaseWait } from "../controls/please-wait";
|
|
@@ -20,7 +20,7 @@ export function useReloadTracker(props) {
|
|
|
20
20
|
const promises = useRef([]);
|
|
21
21
|
let counter = useRef(1);
|
|
22
22
|
const reload = useCallback(debounce((scope) => {
|
|
23
|
-
const rk =
|
|
23
|
+
const rk = Object.assign({}, reloadKey);
|
|
24
24
|
if (scope === "global" || isNullOrEmptyString(scope)) {
|
|
25
25
|
//if global - notify all listeners
|
|
26
26
|
Object.keys(rk).forEach(s => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-reload-tracker.js","sourceRoot":"","sources":["../../src/helpers/use-reload-tracker.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"use-reload-tracker.js","sourceRoot":"","sources":["../../src/helpers/use-reload-tracker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,28 +10,31 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
10
10
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
11
|
import { Toast, Toaster, ToastTitle, useId, useToastController } from "@fluentui/react-components";
|
|
12
12
|
import { GetError, isBoolean } from "@kwiz/common";
|
|
13
|
-
import { useCallback, useState } from "react";
|
|
13
|
+
import { useCallback, useMemo, useState } from "react";
|
|
14
14
|
import { PleaseWait } from "../controls/please-wait";
|
|
15
15
|
import { useBlockNav } from "./block-nav";
|
|
16
|
+
import { useKWIZFluentContext } from "./context-internal";
|
|
16
17
|
import { useEffectOnlyOnMount, useStateEX } from "./hooks";
|
|
17
18
|
import { useAlerts } from "./use-alerts";
|
|
18
19
|
/* Provides useful helpers for tracking if control has changes, and handling the save changes with progress bar and on success/fail messages. */
|
|
19
20
|
export function useTrackChanges({ blockNav } = {}) {
|
|
20
|
-
|
|
21
|
-
const unsavedChangesPrompt = "You will lose unsaved changes. Continue?";
|
|
21
|
+
const ctx = useKWIZFluentContext();
|
|
22
|
+
const unsavedChangesPrompt = useMemo(() => { var _a, _b; return ((_b = (_a = ctx.strings) === null || _a === void 0 ? void 0 : _a.prompt_unsaved_changes) === null || _b === void 0 ? void 0 : _b.call(_a)) || "You will lose unsaved changes. Continue?"; }, [ctx.strings]);
|
|
22
23
|
const alerts = useAlerts();
|
|
23
24
|
const [showProgress, setShowProgress] = useState(false);
|
|
24
25
|
//we just need it to register the window unload event... no need for its element or onNav we handle it in this element.
|
|
25
26
|
const navBlockData = useBlockNav();
|
|
26
27
|
const [hasChanges, setHasChanges, hasChangesRef] = useStateEX(false, {
|
|
27
|
-
name: "hasChanges", skipUpdateIfSame: true, onChange: newValue => {
|
|
28
|
-
|
|
28
|
+
name: "hasChanges", skipUpdateIfSame: true, onChange: (newValue, isValueChanged) => {
|
|
29
|
+
if (isValueChanged)
|
|
30
|
+
navBlockData.setMessage("useTrackChanges", (blockNav && newValue === true) ? unsavedChangesPrompt : undefined);
|
|
29
31
|
return newValue;
|
|
30
32
|
}
|
|
31
33
|
});
|
|
32
34
|
const toasterId = useId("toaster");
|
|
33
35
|
const { dispatchToast } = useToastController(toasterId);
|
|
34
36
|
const onSaveChanges = useCallback((worker, props) => __awaiter(this, void 0, void 0, function* () {
|
|
37
|
+
var _a, _b;
|
|
35
38
|
setShowProgress((props === null || props === void 0 ? void 0 : props.waitProps) || true);
|
|
36
39
|
let success;
|
|
37
40
|
try {
|
|
@@ -42,8 +45,7 @@ export function useTrackChanges({ blockNav } = {}) {
|
|
|
42
45
|
}
|
|
43
46
|
setShowProgress(false);
|
|
44
47
|
if (success.success !== true) {
|
|
45
|
-
|
|
46
|
-
dispatchToast(_jsx(Toast, { children: _jsx(ToastTitle, { children: success.message || "Could not save your changes." }) }), { intent: "warning", timeout: 10000 });
|
|
48
|
+
dispatchToast(_jsx(Toast, { children: _jsx(ToastTitle, { children: success.message || ((_b = (_a = ctx.strings) === null || _a === void 0 ? void 0 : _a.error_cannot_save_changes) === null || _b === void 0 ? void 0 : _b.call(_a, { cap: true })) || "Could not save your changes." }) }), { intent: "warning", timeout: 10000 });
|
|
47
49
|
}
|
|
48
50
|
else {
|
|
49
51
|
setHasChanges(false);
|
|
@@ -62,12 +64,18 @@ export function useTrackChanges({ blockNav } = {}) {
|
|
|
62
64
|
else
|
|
63
65
|
return handler();
|
|
64
66
|
}, [hasChanges, alerts]);
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
67
|
+
const trackChanges = useMemo(() => ({
|
|
68
|
+
hasChanges,
|
|
69
|
+
hasChangesRef,
|
|
70
|
+
setHasChanges,
|
|
71
|
+
onSaveChanges,
|
|
72
|
+
doIfNoChanges
|
|
73
|
+
}), [hasChanges, hasChangesRef, setHasChanges, onSaveChanges, doIfNoChanges]);
|
|
74
|
+
const trackChangesElement = useMemo(() => (_jsxs(_Fragment, { children: [alerts.alertPrompt, showProgress && _jsx(PleaseWait, Object.assign({}, (isBoolean(showProgress) ? {} : showProgress))), _jsx(Toaster, { toasterId: toasterId })] })), [alerts.alertPrompt, showProgress, toasterId]);
|
|
75
|
+
return useMemo(() => ({
|
|
76
|
+
trackChanges,
|
|
77
|
+
trackChangesElement
|
|
78
|
+
}), [trackChanges, trackChangesElement]);
|
|
71
79
|
}
|
|
72
80
|
/** @deprecated renamed to useTrackChanges */
|
|
73
81
|
export function useEditableControl() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-track-changes.js","sourceRoot":"","sources":["../../src/helpers/use-track-changes.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACnG,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAoB,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"use-track-changes.js","sourceRoot":"","sources":["../../src/helpers/use-track-changes.tsx"],"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.
|
|
3
|
+
"version": "1.0.189",
|
|
4
4
|
"description": "KWIZ common controls for FluentUI",
|
|
5
5
|
"module": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"./package.json": "./package.json"
|
|
14
14
|
},
|
|
15
15
|
"scripts": {
|
|
16
|
-
"watch": "tsc-watch --onSuccess \"yalc push\"",
|
|
16
|
+
"watch": "tsc-watch --onSuccess \"yalc push --sig\"",
|
|
17
17
|
"build": "npm run test && tsc",
|
|
18
18
|
"build-explain": "tsc --explainFiles",
|
|
19
19
|
"check-dependencies": "madge --circular ./src",
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
"dependencies": {
|
|
66
66
|
"@fluentui/react-datepicker-compat": "^0.4.53",
|
|
67
67
|
"@fluentui/react-timepicker-compat": "^0.2.42",
|
|
68
|
-
"@kwiz/common": "^1.0.
|
|
68
|
+
"@kwiz/common": "^1.0.224",
|
|
69
69
|
"@mismerge/core": "^1.2.1",
|
|
70
70
|
"@mismerge/react": "^1.0.1",
|
|
71
71
|
"@monaco-editor/react": "^4.7.0",
|