@kwiz/fluentui 1.0.55 → 1.0.57

package/dist/controls/canvas/DrawPad.js

@@ -25,11 +25,13 @@ export const DrawPadUserName = {
     get: () => { return _userName; },
     set: (userName) => { _userName = userName; }
 };
+const fontName = "Dancing Script";
+let fontLoading = null;
+let fontReady = false;
 export const DrawPad = (props) => {
     const [LineColor, setLineColor] = useStateEX(props.LineColor || tokens.colorBrandForeground1);
     const [manager, setmanager] = useStateEX(null);
     const [canUndo, setcanUndo] = useStateEX(false, { skipUpdateIfSame: true });
-    const [loadedFontNames, setloadedFontNames] = useStateEX([]);
     const [signed, setSigned] = useStateEX(false);
     const [fullscreen, setFullscreen] = useStateEX(false);
     const onChangeRef = React.useRef(props.OnChange);
@@ -48,20 +50,21 @@ export const DrawPad = (props) => {
     }, [props.allowSigning]);
     //load font for sign as text, if needed
     React.useEffect(() => {
-        if (props.allowSigning && isNullOrEmptyArray(loadedFontNames)) {
-            let DancingScriptFont = new FontFace("Dancing Script", "url(https://fonts.gstatic.com/s/dancingscript/v25/If2RXTr6YS-zF4S-kcSWSVi_szLgiuE.woff2) format('woff2')", {
+        if (props.allowSigning && !fontLoading) {
+            let DancingScriptFont = new FontFace(fontName, "url(https://fonts.gstatic.com/s/dancingscript/v25/If2RXTr6YS-zF4S-kcSWSVi_szLgiuE.woff2) format('woff2')", {
                 style: "normal",
                 weight: "400 700",
                 display: "swap",
                 unicodeRange: "U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD"
             });
-            DancingScriptFont.load().then((loadedFont) => __awaiter(void 0, void 0, void 0, function* () {
+            fontLoading = DancingScriptFont.load().then((loadedFont) => __awaiter(void 0, void 0, void 0, function* () {
                 document.fonts.add(loadedFont);
                 yield document.fonts.ready;
-                setloadedFontNames(["Dancing Script"]);
+                fontReady = true;
+                return true;
             }));
         }
-    }, [props.allowSigning, loadedFontNames]);
+    }, [props.allowSigning]);
     //setup manager
     React.useEffect(() => {
         if (!props.ReadOnly && canvasArea.current && !canvasArea.current["canvas_initialized"]) {
@@ -73,7 +76,7 @@ export const DrawPad = (props) => {
                 //because this is used in an addEventListener - need to have a ref to get the most up to date onChange
                 if (onChangeRef.current) {
                     let canvasValue = manager.toPng();
-                    setcanUndo(true); //todo - enable undo last??
+                    setcanUndo(true);
                     onChangeRef.current(canvasValue);
                 }
             });
@@ -124,7 +127,6 @@ export const DrawPad = (props) => {
         setSigned(true);
         let height = canvas.clientHeight;
         let width = canvas.clientWidth;
-        let fontName = loadedFontNames[0];
         let ctx = canvas.getContext("2d");
         ctx.fillStyle = getCSSVariableValue(LineColor, canvasArea.current);
         let fontSize = 0.6 * height;
@@ -148,7 +150,7 @@ export const DrawPad = (props) => {
         if (isNullOrUndefined(DrawPadUserName.get())) {
             //prompt user to type his name - then continue
             alerts.promptEX({
-                mountNode: canvasContainerDiv.current,
+                //mountNode: canvasContainerDiv.current, this lets other content on the form cover the dialog
                 title: "Sign as name",
                 children: _jsx(Field, { label: "Signing as", hint: "Please type in your name", required: true, children: _jsx(InputEx, { onChange: (e, data) => DrawPadUserName.set(data.value) }) }),
                 onCancel: () => {
@@ -200,7 +202,7 @@ export const DrawPad = (props) => {
                                         border: tokens.colorBrandStroke1
                                     } }), !signed
                                     && !isNullOrEmptyString(props.allowSigning)
-                                    && !isNullOrEmptyArray(loadedFontNames)
+                                    && !isNullOrEmptyArray(fontReady)
                                     && _jsx(ButtonEX, { style: {
                                             position: "absolute",
                                             bottom: 0,
@@ -210,7 +212,8 @@ export const DrawPad = (props) => {
                                             height: 16
                                         }, disabled: props.disabled, icon: _jsx(CalligraphyPenRegular, {}), title: `Sign as ${props.allowSigning === true ? "..." : props.allowSigning}`, onClick: () => {
                                             onSignAs();
-                                        } })] }) }), !props.ReadOnly && !HideButtons && _jsxs(Vertical, { nogap: true, children: [props.HideColorPicker || _jsx(ColorPickerEx, { mountNode: canvasContainerDiv.current, disabled: props.disabled, buttonOnly: true, value: props.LineColor, onChange: newColor => {
+                                        } })] }) }), !props.ReadOnly && !HideButtons && _jsxs(Vertical, { nogap: true, children: [props.HideColorPicker || _jsx(ColorPickerEx //mountNode={canvasContainerDiv.current} this lets other content on the form cover the dialog
+                    , { disabled: props.disabled, buttonOnly: true, value: props.LineColor, onChange: newColor => {
                             setLineColor(newColor);
                         } }), props.HideClear || _jsx(ButtonEX, { disabled: props.disabled || isNullOrEmptyString(props.Value), title: "Clear", icon: _jsx(DismissRegular, {}), onClick: () => {
                             var _a;

package/dist/controls/canvas/DrawPad.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawPad.js","sourceRoot":"","sources":["../../../src/controls/canvas/DrawPad.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC9I,OAAO,EAAE,QAAQ,EAAE,mBAAmB,EAAE,cAAc,EAAE,SAAS,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACtK,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAwB9C,IAAI,SAAS,GAAW,IAAI,CAAC;AAC7B,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,GAAG,EAAE,GAAG,EAAE,GAAG,OAAO,SAAS,CAAA,CAAC,CAAC;IAC/B,GAAG,EAAE,CAAC,QAAgB,EAAE,EAAE,GAAG,SAAS,GAAG,QAAQ,CAAA,CAAC,CAAC;CACtD,CAAC;AACF,MAAM,CAAC,MAAM,OAAO,GAAoC,CAAC,KAAK,EAAE,EAAE;IAC9D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,UAAU,CAAS,KAAK,CAAC,SAAS,IAAI,MAAM,CAAC,qBAAqB,CAAC,CAAC;IACtG,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,UAAU,CAAiB,IAAI,CAAC,CAAC;IAC/D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,UAAU,CAAU,KAAK,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,CAAC;IACrF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,UAAU,CAAW,EAAE,CAAC,CAAC;IACvE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,UAAU,CAAU,KAAK,CAAC,CAAC;IACvD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,UAAU,CAAU,KAAK,CAAC,CAAC;IAC/D,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACjD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,UAAU,GAAuC,KAAK,CAAC,MAAM,EAAE,CAAC;IACtE,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,EAAkB,CAAC;IAE1D,0BAA0B;IAC1B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC;IACzC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IACrB,iCAAiC;IACjC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,gBAAgB,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC;YACvC,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC5C,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;IAEzB,uCAAuC;IACvC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,KAAK,CAAC,YAAY,IAAI,kBAAkB,CAAC,eAAe,CAAC,EAAE,CAAC;YAC5D,IAAI,iBAAiB,GAAG,IAAI,QAAQ,CAChC,gBAAgB,EAChB,0GAA0G,EAC1G;gBACI,KAAK,EAAE,QAAQ;gBACf,MAAM,EAAE,SAAS;gBACjB,OAAO,EAAE,MAAM;gBACf,YAAY,EAAE,oLAAoL;aACrM,CACJ,CAAC;YAEF,iBAAiB,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,CAAM,UAAU,EAAC,EAAE;gBAC7C,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;gBAC/B,MAAM,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;gBAC3B,kBAAkB,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC;YAC3C,CAAC,CAAA,CAAC,CAAC;QACP,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;IAE1C,eAAe;IACf,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,UAAU,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,oBAAoB,CAAC,EAAE,CAAC;YACrF,UAAU,CAAC,OAAO,CAAC,oBAAoB,CAAC,GAAG,IAAI,CAAC,CAAA,wDAAwD;YACxG,uCAAuC;YACvC,IAAI,OAAO,GAAG,IAAI,cAAc,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YACrD,UAAU,CAAC,OAAO,CAAC,CAAC;YACpB,OAAO,CAAC,gBAAgB,CAAC,WAAW,EAAE,GAAG,EAAE;gBACvC,sGAAsG;gBACtG,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;oBACtB,IAAI,WAAW,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC;oBAClC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAA,2BAA2B;oBAC5C,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;gBACrC,CAAC;YACL,CAAC,CAAC,CAAC;QACP,CAAC;IACL,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IACjB,6BAA6B;IAC7B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,OAAO,EAAE,CAAC;YACV,OAAO,CAAC,QAAQ,CAAC,KAAK,GAAG,mBAAmB,CAAC,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;QAChF,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IAEzB,kFAAkF;IAClF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,OAAO,EAAE,CAAC;YACV,IAAI,WAAW,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC;YAClC,IAAI,WAAW,GAAG,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC;gBAC3C,CAAC,CAAC,KAAK,CAAC,KAAK;gBACb,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,eAAe,CAAC;oBACrC,CAAC,CAAC,KAAK,CAAC,eAAe;oBACvB,CAAC,CAAC,EAAE,CAAC;YACb,IAAI,WAAW,KAAK,WAAW,EAAE,CAAC;gBAC9B,YAAY,CAAC,WAAW,CAAC,CAAC,CAAA,2DAA2D;YACzF,CAAC;QACL,CAAC;IACL,CAAC,CAAC,CAAC,CAAA,0HAA0H;IAE7H,qBAAqB;IACrB,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,UAAkB,EAAE,EAAE;QACnE,IAAI,UAAU,KAAK,EAAE;YAAE,OAAO,CAAC,KAAK,EAAE,CAAC;;YAClC,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IACzC,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAE1B,+BAA+B;IAC/B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,OAAO,EAAE,CAAC;YACV,IAAI,KAAK,CAAC,QAAQ;gBAAE,OAAO,CAAC,GAAG,EAAE,CAAC,CAAA,gEAAgE;;gBAC7F,OAAO,CAAC,EAAE,EAAE,CAAC;QACtB,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE9B,MAAM,IAAI,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,IAAY,EAAE,EAAE;;QAC5C,IAAI,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC;QAChC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC;YACrB,OAAO;QACX,CAAC;QACD,SAAS,CAAC,IAAI,CAAC,CAAC;QAEhB,IAAI,MAAM,GAAG,MAAM,CAAC,YAAY,CAAC;QACjC,IAAI,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC;QAC/B,IAAI,QAAQ,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC;QAElC,IAAI,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAClC,GAAG,CAAC,SAAS,GAAG,mBAAmB,CAAC,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;QAEnE,IAAI,QAAQ,GAAG,GAAG,GAAG,MAAM,CAAC;QAC5B,GAAG,CAAC,IAAI,GAAG,GAAG,QAAQ,MAAM,QAAQ,EAAE,CAAC;QACvC,IAAI,eAAe,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC5C,IAAI,SAAS,GAAG,eAAe,CAAC,KAAK,CAAC;QACtC,IAAI,QAAQ,GAAG,GAAG,GAAG,KAAK,CAAC;QAE3B,OAAO,SAAS,GAAG,QAAQ,IAAI,QAAQ,GAAG,CAAC,EAAE,CAAC;YAC1C,QAAQ,GAAG,QAAQ,GAAG,CAAC,CAAC;YACxB,GAAG,CAAC,IAAI,GAAG,GAAG,QAAQ,MAAM,QAAQ,EAAE,CAAC;YACvC,eAAe,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YACxC,SAAS,GAAG,eAAe,CAAC,KAAK,CAAC;QACtC,CAAC;QAED,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;QAChC,IAAI,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,CAAC,6BAA6B;QACnD,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;QAChC,IAAI,GAAG,GAAG,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QACxC,MAAA,WAAW,CAAC,OAAO,4DAAG,GAAG,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;IAE5B,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,GAAS,EAAE;QAC1C,IAAI,iBAAiB,CAAC,eAAe,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC;YAC3C,8CAA8C;YAC9C,MAAM,CAAC,QAAQ,CAAC;gBACZ,SAAS,EAAE,kBAAkB,CAAC,OAAO;gBACrC,KAAK,EAAE,cAAc;gBACrB,QAAQ,EAAE,KAAC,KAAK,IAAC,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,0BAA0B,EAAC,QAAQ,kBACxE,KAAC,OAAO,IAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,GAAI,GAC/D;gBACR,QAAQ,EAAE,GAAG,EAAE;oBACX,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAA,sDAAsD;gBACpF,CAAC;gBACD,IAAI,EAAE,GAAG,EAAE;oBACP,IAAI,CAAC,mBAAmB,CAAC,eAAe,CAAC,GAAG,EAAE,CAAC,EAAC,qEAAqE;qBACrH,CAAC;wBACG,IAAI,CAAC,eAAe,CAAC,GAAG,EAAE,CAAC,CAAC;oBAChC,CAAC;gBACL,CAAC;aACJ,CAAC,CAAC;QACP,CAAC;;YACI,IAAI,CAAC,eAAe,CAAC,GAAG,EAAE,CAAC,CAAC;IACrC,CAAC,CAAA,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;IAE5B,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC,UAAU,CAAC;IAEjF,MAAM,KAAK,GAAG,cAAc,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACzD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,UAAU,CAAsC,EAAE,CAAC,CAAC;IAC5E,wBAAwB;IACxB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,kBAAkB,CAAC,OAAO,EAAE,CAAC;YAC7B,OAAO,CAAC;gBACJ,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,WAAW;gBAC7C,MAAM,EAAE,kBAAkB,CAAC,OAAO,CAAC,YAAY;aAClD,CAAC,CAAC;YACH,IAAI,OAAO;gBAAE,OAAO,CAAC,YAAY,EAAE,CAAC;QACxC,CAAC;IACL,CAAC,EAAE,CAAC,kBAAkB,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAEzC,OAAO,MAAC,UAAU,IAAC,KAAK,QAAC,UAAU,EAAE,UAAU,aAC1C,MAAM,CAAC,WAAW,EACnB,cAAK,GAAG,EAAE,kBAAkB,EACxB,KAAK,EAAE;oBACH,QAAQ,EAAE,CAAC;oBACX,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,KAAK,CAAC,QAAQ;oBACxB,SAAS,EAAE,KAAK,CAAC,SAAS;oBAC1B,eAAe,EAAE,KAAK,CAAC,eAAe;oBACtC,MAAM,EAAE,aAAa,KAAK,CAAC,WAAW,IAAI,MAAM,CAAC,mBAAmB,EAAE;iBACzE,YACA,KAAK,CAAC,QAAQ;oBACX,CAAC,CAAC,cAAK,GAAG,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAI;oBAC7K,CAAC;wBACD,eAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,aACzF,iBACI,GAAG,EAAE,UAAU,EACf,KAAK,EAAE;wCACH,WAAW,EAAE,MAAM;wCACnB,UAAU,EAAE,MAAM;wCAClB,QAAQ,EAAE,UAAU;wCACpB,IAAI,EAAE,CAAC;wCACP,GAAG,EAAE,CAAC;wCACN,KAAK,EAAE,IAAI,CAAC,KAAK;wCACjB,MAAM,EAAE,IAAI,CAAC,MAAM;wCACnB,MAAM,EAAE,MAAM,CAAC,iBAAiB;qCACnC,GAAI,EACR,CAAC,MAAM;uCACD,CAAC,mBAAmB,CAAC,KAAK,CAAC,YAAY,CAAC;uCACxC,CAAC,kBAAkB,CAAC,eAAe,CAAC;uCACpC,KAAC,QAAQ,IACR,KAAK,EAAE;4CACH,QAAQ,EAAE,UAAU;4CACpB,MAAM,EAAE,CAAC;4CACT,MAAM,EAAE,CAAC;4CACT,MAAM,EAAE,CAAC;4CACT,KAAK,EAAE,CAAC;4CACR,MAAM,EAAE,EAAE;yCACb,EACD,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,IAAI,EAAE,KAAC,qBAAqB,KAAG,EAC/B,KAAK,EAAE,WAAW,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,EAAE,EAC5E,OAAO,EAAE,GAAG,EAAE;4CACV,QAAQ,EAAE,CAAC;wCACf,CAAC,GACH,IACJ,GAER,EACL,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,WAAW,IAAI,MAAC,QAAQ,IAAC,KAAK,mBAC9C,KAAK,CAAC,eAAe,IAAI,KAAC,aAAa,IAAC,SAAS,EAAE,kBAAkB,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,UAAU,QAAC,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,EAAE;4BAC9J,YAAY,CAAC,QAAQ,CAAC,CAAC;wBAC3B,CAAC,GAAI,EACJ,KAAK,CAAC,SAAS,IAAI,KAAC,QAAQ,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,mBAAmB,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,KAAC,cAAc,KAAG,EAAE,OAAO,EAAE,GAAG,EAAE;;4BAC9I,mFAAmF;4BACnF,SAAS,CAAC,KAAK,CAAC,CAAC;4BACjB,MAAA,WAAW,CAAC,OAAO,4DAAG,EAAE,CAAC,CAAC;wBAC9B,CAAC,GAAI,EACJ,KAAK,CAAC,UAAU,IAAI,KAAC,UAAU,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAC,uBAAuB,EAAC,IAAI,EAAE,KAAC,kBAAkB,KAAG,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE;;4BACtK,IAAI,WAAW,CAAC,OAAO;gCACnB,MAAA,WAAW,CAAC,OAAO,4DAAG,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA,6CAA6C;;gCAErF,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA,4FAA4F;wBAC3I,CAAC,GAAI,EACJ,KAAK,CAAC,eAAe,IAAI,KAAC,QAAQ,IAAC,KAAK,EAAC,aAAa,EAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAC,oBAAoB,KAAG,CAAC,CAAC,CAAC,KAAC,oBAAoB,KAAG,EAAE,OAAO,EAAE,GAAS,EAAE;4BAC1K,mFAAmF;4BACnF,MAAM,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC;4BACjC,IAAI,OAAO;gCAAE,OAAO,CAAC,YAAY,EAAE,CAAC;wBACxC,CAAC,CAAA,GAAI,IACE,IACF,CAAC;AAClB,CAAC,CAAA"}
+{"version":3,"file":"DrawPad.js","sourceRoot":"","sources":["../../../src/controls/canvas/DrawPad.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC9I,OAAO,EAAE,QAAQ,EAAE,mBAAmB,EAAE,cAAc,EAAE,SAAS,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACtK,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAyB9C,IAAI,SAAS,GAAW,IAAI,CAAC;AAC7B,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,GAAG,EAAE,GAAG,EAAE,GAAG,OAAO,SAAS,CAAA,CAAC,CAAC;IAC/B,GAAG,EAAE,CAAC,QAAgB,EAAE,EAAE,GAAG,SAAS,GAAG,QAAQ,CAAA,CAAC,CAAC;CACtD,CAAC;AAEF,MAAM,QAAQ,GAAG,gBAAgB,CAAC;AAClC,IAAI,WAAW,GAAqB,IAAI,CAAC;AACzC,IAAI,SAAS,GAAG,KAAK,CAAC;AACtB,MAAM,CAAC,MAAM,OAAO,GAAoC,CAAC,KAAK,EAAE,EAAE;IAC9D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,UAAU,CAAS,KAAK,CAAC,SAAS,IAAI,MAAM,CAAC,qBAAqB,CAAC,CAAC;IACtG,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,UAAU,CAAiB,IAAI,CAAC,CAAC;IAC/D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,UAAU,CAAU,KAAK,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,CAAC;IACrF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,UAAU,CAAU,KAAK,CAAC,CAAC;IACvD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,UAAU,CAAU,KAAK,CAAC,CAAC;IAC/D,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACjD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,UAAU,GAAuC,KAAK,CAAC,MAAM,EAAE,CAAC;IACtE,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,EAAkB,CAAC;IAE1D,0BAA0B;IAC1B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC;IACzC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IACrB,iCAAiC;IACjC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,gBAAgB,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC;YACvC,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC5C,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;IAEzB,uCAAuC;IACvC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,KAAK,CAAC,YAAY,IAAI,CAAC,WAAW,EAAE,CAAC;YACrC,IAAI,iBAAiB,GAAG,IAAI,QAAQ,CAChC,QAAQ,EACR,0GAA0G,EAC1G;gBACI,KAAK,EAAE,QAAQ;gBACf,MAAM,EAAE,SAAS;gBACjB,OAAO,EAAE,MAAM;gBACf,YAAY,EAAE,oLAAoL;aACrM,CACJ,CAAC;YAEF,WAAW,GAAG,iBAAiB,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,CAAM,UAAU,EAAC,EAAE;gBAC3D,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;gBAC/B,MAAM,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;gBAC3B,SAAS,GAAG,IAAI,CAAC;gBACjB,OAAO,IAAI,CAAC;YAChB,CAAC,CAAA,CAAC,CAAC;QACP,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;IAEzB,eAAe;IACf,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,UAAU,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,oBAAoB,CAAC,EAAE,CAAC;YACrF,UAAU,CAAC,OAAO,CAAC,oBAAoB,CAAC,GAAG,IAAI,CAAC,CAAA,wDAAwD;YACxG,uCAAuC;YACvC,IAAI,OAAO,GAAG,IAAI,cAAc,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YACrD,UAAU,CAAC,OAAO,CAAC,CAAC;YACpB,OAAO,CAAC,gBAAgB,CAAC,WAAW,EAAE,GAAG,EAAE;gBACvC,sGAAsG;gBACtG,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;oBACtB,IAAI,WAAW,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC;oBAClC,UAAU,CAAC,IAAI,CAAC,CAAC;oBACjB,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;gBACrC,CAAC;YACL,CAAC,CAAC,CAAC;QACP,CAAC;IACL,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IACjB,6BAA6B;IAC7B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,OAAO,EAAE,CAAC;YACV,OAAO,CAAC,QAAQ,CAAC,KAAK,GAAG,mBAAmB,CAAC,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;QAChF,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IAEzB,kFAAkF;IAClF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,OAAO,EAAE,CAAC;YACV,IAAI,WAAW,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC;YAClC,IAAI,WAAW,GAAG,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC;gBAC3C,CAAC,CAAC,KAAK,CAAC,KAAK;gBACb,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,eAAe,CAAC;oBACrC,CAAC,CAAC,KAAK,CAAC,eAAe;oBACvB,CAAC,CAAC,EAAE,CAAC;YACb,IAAI,WAAW,KAAK,WAAW,EAAE,CAAC;gBAC9B,YAAY,CAAC,WAAW,CAAC,CAAC,CAAA,2DAA2D;YACzF,CAAC;QACL,CAAC;IACL,CAAC,CAAC,CAAC,CAAA,0HAA0H;IAE7H,qBAAqB;IACrB,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,UAAkB,EAAE,EAAE;QACnE,IAAI,UAAU,KAAK,EAAE;YAAE,OAAO,CAAC,KAAK,EAAE,CAAC;;YAClC,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IACzC,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAE1B,+BAA+B;IAC/B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,OAAO,EAAE,CAAC;YACV,IAAI,KAAK,CAAC,QAAQ;gBAAE,OAAO,CAAC,GAAG,EAAE,CAAC,CAAA,gEAAgE;;gBAC7F,OAAO,CAAC,EAAE,EAAE,CAAC;QACtB,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE9B,MAAM,IAAI,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,IAAY,EAAE,EAAE;;QAC5C,IAAI,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC;QAChC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC;YACrB,OAAO;QACX,CAAC;QACD,SAAS,CAAC,IAAI,CAAC,CAAC;QAEhB,IAAI,MAAM,GAAG,MAAM,CAAC,YAAY,CAAC;QACjC,IAAI,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC;QAE/B,IAAI,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAClC,GAAG,CAAC,SAAS,GAAG,mBAAmB,CAAC,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;QAEnE,IAAI,QAAQ,GAAG,GAAG,GAAG,MAAM,CAAC;QAC5B,GAAG,CAAC,IAAI,GAAG,GAAG,QAAQ,MAAM,QAAQ,EAAE,CAAC;QACvC,IAAI,eAAe,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC5C,IAAI,SAAS,GAAG,eAAe,CAAC,KAAK,CAAC;QACtC,IAAI,QAAQ,GAAG,GAAG,GAAG,KAAK,CAAC;QAE3B,OAAO,SAAS,GAAG,QAAQ,IAAI,QAAQ,GAAG,CAAC,EAAE,CAAC;YAC1C,QAAQ,GAAG,QAAQ,GAAG,CAAC,CAAC;YACxB,GAAG,CAAC,IAAI,GAAG,GAAG,QAAQ,MAAM,QAAQ,EAAE,CAAC;YACvC,eAAe,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YACxC,SAAS,GAAG,eAAe,CAAC,KAAK,CAAC;QACtC,CAAC;QAED,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;QAChC,IAAI,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,CAAC,6BAA6B;QACnD,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;QAChC,IAAI,GAAG,GAAG,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QACxC,MAAA,WAAW,CAAC,OAAO,4DAAG,GAAG,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;IAE5B,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,GAAS,EAAE;QAC1C,IAAI,iBAAiB,CAAC,eAAe,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC;YAC3C,8CAA8C;YAC9C,MAAM,CAAC,QAAQ,CAAC;gBACZ,6FAA6F;gBAC7F,KAAK,EAAE,cAAc;gBACrB,QAAQ,EAAE,KAAC,KAAK,IAAC,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,0BAA0B,EAAC,QAAQ,kBACxE,KAAC,OAAO,IAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,GAAI,GAC/D;gBACR,QAAQ,EAAE,GAAG,EAAE;oBACX,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAA,sDAAsD;gBACpF,CAAC;gBACD,IAAI,EAAE,GAAG,EAAE;oBACP,IAAI,CAAC,mBAAmB,CAAC,eAAe,CAAC,GAAG,EAAE,CAAC,EAAC,qEAAqE;qBACrH,CAAC;wBACG,IAAI,CAAC,eAAe,CAAC,GAAG,EAAE,CAAC,CAAC;oBAChC,CAAC;gBACL,CAAC;aACJ,CAAC,CAAC;QACP,CAAC;;YACI,IAAI,CAAC,eAAe,CAAC,GAAG,EAAE,CAAC,CAAC;IACrC,CAAC,CAAA,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;IAE5B,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC,UAAU,CAAC;IAEjF,MAAM,KAAK,GAAG,cAAc,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACzD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,UAAU,CAAsC,EAAE,CAAC,CAAC;IAC5E,wBAAwB;IACxB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,kBAAkB,CAAC,OAAO,EAAE,CAAC;YAC7B,OAAO,CAAC;gBACJ,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,WAAW;gBAC7C,MAAM,EAAE,kBAAkB,CAAC,OAAO,CAAC,YAAY;aAClD,CAAC,CAAC;YACH,IAAI,OAAO;gBAAE,OAAO,CAAC,YAAY,EAAE,CAAC;QACxC,CAAC;IACL,CAAC,EAAE,CAAC,kBAAkB,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAEzC,OAAO,MAAC,UAAU,IAAC,KAAK,QAAC,UAAU,EAAE,UAAU,aAC1C,MAAM,CAAC,WAAW,EACnB,cAAK,GAAG,EAAE,kBAAkB,EACxB,KAAK,EAAE;oBACH,QAAQ,EAAE,CAAC;oBACX,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,KAAK,CAAC,QAAQ;oBACxB,SAAS,EAAE,KAAK,CAAC,SAAS;oBAC1B,eAAe,EAAE,KAAK,CAAC,eAAe;oBACtC,MAAM,EAAE,aAAa,KAAK,CAAC,WAAW,IAAI,MAAM,CAAC,mBAAmB,EAAE;iBACzE,YACA,KAAK,CAAC,QAAQ;oBACX,CAAC,CAAC,cAAK,GAAG,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAI;oBAC7K,CAAC;wBACD,eAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,aACzF,iBACI,GAAG,EAAE,UAAU,EACf,KAAK,EAAE;wCACH,WAAW,EAAE,MAAM;wCACnB,UAAU,EAAE,MAAM;wCAClB,QAAQ,EAAE,UAAU;wCACpB,IAAI,EAAE,CAAC;wCACP,GAAG,EAAE,CAAC;wCACN,KAAK,EAAE,IAAI,CAAC,KAAK;wCACjB,MAAM,EAAE,IAAI,CAAC,MAAM;wCACnB,MAAM,EAAE,MAAM,CAAC,iBAAiB;qCACnC,GAAI,EACR,CAAC,MAAM;uCACD,CAAC,mBAAmB,CAAC,KAAK,CAAC,YAAY,CAAC;uCACxC,CAAC,kBAAkB,CAAC,SAAS,CAAC;uCAC9B,KAAC,QAAQ,IACR,KAAK,EAAE;4CACH,QAAQ,EAAE,UAAU;4CACpB,MAAM,EAAE,CAAC;4CACT,MAAM,EAAE,CAAC;4CACT,MAAM,EAAE,CAAC;4CACT,KAAK,EAAE,CAAC;4CACR,MAAM,EAAE,EAAE;yCACb,EACD,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,IAAI,EAAE,KAAC,qBAAqB,KAAG,EAC/B,KAAK,EAAE,WAAW,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,EAAE,EAC5E,OAAO,EAAE,GAAG,EAAE;4CACV,QAAQ,EAAE,CAAC;wCACf,CAAC,GACH,IACJ,GAER,EACL,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,WAAW,IAAI,MAAC,QAAQ,IAAC,KAAK,mBAC9C,KAAK,CAAC,eAAe,IAAI,KAAC,aAAa,CAAC,6FAA6F;wBAClI,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,UAAU,QAAC,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,EAAE;4BAC9E,YAAY,CAAC,QAAQ,CAAC,CAAC;wBAC3B,CAAC,GAAI,EAMR,KAAK,CAAC,SAAS,IAAI,KAAC,QAAQ,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,mBAAmB,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,KAAC,cAAc,KAAG,EAAE,OAAO,EAAE,GAAG,EAAE;;4BAC9I,mFAAmF;4BACnF,SAAS,CAAC,KAAK,CAAC,CAAC;4BACjB,MAAA,WAAW,CAAC,OAAO,4DAAG,EAAE,CAAC,CAAC;wBAC9B,CAAC,GAAI,EACJ,KAAK,CAAC,UAAU,IAAI,KAAC,UAAU,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAC,uBAAuB,EAAC,IAAI,EAAE,KAAC,kBAAkB,KAAG,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE;;4BACtK,IAAI,WAAW,CAAC,OAAO;gCACnB,MAAA,WAAW,CAAC,OAAO,4DAAG,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA,6CAA6C;;gCAErF,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA,4FAA4F;wBAC3I,CAAC,GAAI,EACJ,KAAK,CAAC,eAAe,IAAI,KAAC,QAAQ,IAAC,KAAK,EAAC,aAAa,EAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAC,oBAAoB,KAAG,CAAC,CAAC,CAAC,KAAC,oBAAoB,KAAG,EAAE,OAAO,EAAE,GAAS,EAAE;4BAC1K,mFAAmF;4BACnF,MAAM,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC;4BACjC,IAAI,OAAO;gCAAE,OAAO,CAAC,YAAY,EAAE,CAAC;wBACxC,CAAC,CAAA,GAAI,IACE,IACF,CAAC;AAClB,CAAC,CAAA"}

package/dist/controls/date.d.ts

@@ -7,6 +7,8 @@ interface IProps {
     showTime?: boolean;
     datePickerProps?: DatePickerProps;
     timePickerProps?: TimePickerProps;
+    /** don't allow to clear the value */
+    required?: boolean;
 }
 export declare const DatePickerEx: React.FunctionComponent<React.PropsWithChildren<IProps>>;
 export {};

package/dist/controls/date.js

@@ -12,7 +12,7 @@ export const DatePickerEx = (props) => {
     //time value will always have a value even when clearing the date
     const [timeValue, setTimeValue] = useStateEX(isDate(props.value) ? props.value : new Date());
     const { showClear, dateValue } = React.useMemo(() => {
-        const showClear = isDate(props.value);
+        const showClear = !props.required && isDate(props.value);
         const dateValue = props.value;
         return { showClear, dateValue };
     }, [props.value]);

package/dist/controls/date.js.map

@@ -1 +1 @@
-{"version":3,"file":"date.js","sourceRoot":"","sources":["../../src/controls/date.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"date.js","sourceRoot":"","sources":["../../src/controls/date.tsx"],"names":[],"mappings":"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"}

package/dist/controls/file-upload.js

@@ -21,10 +21,21 @@ const useStyles = makeStyles({
 export const FileUpload = React.forwardRef((props, ref) => {
     const classes = useStyles();
     const hiddenFileInput = React.useRef(null);
+    const onChangeRef = React.useRef(props.onChange);
+    const asBase64Ref = React.useRef(props.asBase64);
     const isMulti = props.allowMultiple === true;
     const icon = props.icon || _jsx(ArrowUploadRegular, {});
     const title = isNotEmptyString(props.title) ? props.title : `Drop or select ${isMulti ? 'files' : 'file'}`;
+    //keep onChange up to date
+    React.useEffect(() => {
+        onChangeRef.current = props.onChange;
+    }, [props.onChange]);
+    //keep onChange up to date
+    React.useEffect(() => {
+        asBase64Ref.current = props.asBase64;
+    }, [props.asBase64]);
     const onGotFiles = React.useCallback((rawFiles) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b, _c;
         let errors = [];
         let acceptedFiles = [];
         if (rawFiles && rawFiles.length > 0) {
@@ -53,17 +64,13 @@ export const FileUpload = React.forwardRef((props, ref) => {
             }
         }
         if (isMulti) {
-            if (isFunction(props.onChange)) {
-                props.onChange(acceptedFiles, errors);
-            }
+            (_a = onChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onChangeRef, acceptedFiles, errors);
         }
         else {
             const fileUploaded = acceptedFiles[0];
-            if (isFunction(props.onChange)) {
-                props.onChange(fileUploaded, errors);
-            }
+            (_b = onChangeRef.current) === null || _b === void 0 ? void 0 : _b.call(onChangeRef, fileUploaded, errors);
         }
-        if (isFunction(props.asBase64)) {
+        if (isFunction(asBase64Ref.current)) {
             const filesAs64 = [];
             for (let i = 0; i < (isMulti ? acceptedFiles.length : 1); i++) {
                 const currentFile = acceptedFiles[i];
@@ -83,7 +90,7 @@ export const FileUpload = React.forwardRef((props, ref) => {
                         errors.push(`Could not read file ${acceptedFiles[i].name}`);
                 }
             }
-            props.asBase64(filesAs64, errors);
+            (_c = asBase64Ref.current) === null || _c === void 0 ? void 0 : _c.call(asBase64Ref, filesAs64, errors);
         }
     }), useEffectOnlyOnMount);
     const dropContext = useDragDropContext({

package/dist/controls/file-upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-upload.js","sourceRoot":"","sources":["../../src/controls/file-upload.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"file-upload.js","sourceRoot":"","sources":["../../src/controls/file-upload.tsx"],"names":[],"mappings":"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"}

package/dist/controls/horizontal.d.ts

@@ -3,7 +3,10 @@ import { ISectionProps } from './section';
 interface IProps extends ISectionProps {
     wrap?: boolean;
     nogap?: boolean;
+    /** vertical align center */
     centered?: boolean;
+    /** horizontal centered */
+    hCentered?: boolean;
 }
 export declare const Horizontal: React.ForwardRefExoticComponent<IProps & {
     children?: React.ReactNode | undefined;

package/dist/controls/horizontal.js

@@ -10,7 +10,10 @@ const useStyles = makeStyles({
     nogap: mixins.nogap,
     centered: {
         alignItems: "center"
-    }
+    },
+    hCentered: {
+        justifyContent: "center"
+    },
 });
 export const Horizontal = React.forwardRef((props, ref) => {
     const cssNames = useStyles();
@@ -22,6 +25,8 @@ export const Horizontal = React.forwardRef((props, ref) => {
         css.push(cssNames.nogap);
     if (props.centered)
         css.push(cssNames.centered);
+    if (props.hCentered)
+        css.push(cssNames.hCentered);
     if (isNotEmptyArray(props.css))
         css.push(...props.css);
     return (_jsx(Section, Object.assign({}, props, { css: css })));

package/dist/controls/horizontal.js.map

@@ -1 +1 @@
-{"version":3,"file":"horizontal.js","sourceRoot":"","sources":["../../src/controls/horizontal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAiB,OAAO,EAAE,MAAM,WAAW,CAAC;AAEnD,MAAM,SAAS,GAAG,UAAU,CAAC;IACzB,UAAU,kCACH,MAAM,CAAC,IAAI,KACd,aAAa,EAAE,KAAK,GACvB;IACD,IAAI,EAAE,MAAM,CAAC,IAAI;IACjB,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,QAAQ,EAAE;QACN,UAAU,EAAE,QAAQ;KACvB;CACJ,CAAC,CAAA;AAOF,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAkD,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACvG,MAAM,QAAQ,GAAG,SAAS,EAAE,CAAC;IAC7B,IAAI,GAAG,GAAa,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;IAEjD,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IAC9B,IAAI,KAAK,CAAC,IAAI;QACV,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC5B,IAAI,KAAK,CAAC,KAAK;QACX,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC7B,IAAI,KAAK,CAAC,QAAQ;QACd,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAEhC,IAAI,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC;QAAE,GAAG,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;IAEvD,OAAO,CACH,KAAC,OAAO,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CACnC,CAAC;AACN,CAAC,CAAC,CAAC"}
+{"version":3,"file":"horizontal.js","sourceRoot":"","sources":["../../src/controls/horizontal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAiB,OAAO,EAAE,MAAM,WAAW,CAAC;AAEnD,MAAM,SAAS,GAAG,UAAU,CAAC;IACzB,UAAU,kCACH,MAAM,CAAC,IAAI,KACd,aAAa,EAAE,KAAK,GACvB;IACD,IAAI,EAAE,MAAM,CAAC,IAAI;IACjB,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,QAAQ,EAAE;QACN,UAAU,EAAE,QAAQ;KACvB;IACD,SAAS,EAAE;QACP,cAAc,EAAE,QAAQ;KAC3B;CACJ,CAAC,CAAA;AAUF,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAkD,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACvG,MAAM,QAAQ,GAAG,SAAS,EAAE,CAAC;IAC7B,IAAI,GAAG,GAAa,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;IAEjD,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IAC9B,IAAI,KAAK,CAAC,IAAI;QACV,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC5B,IAAI,KAAK,CAAC,KAAK;QACX,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC7B,IAAI,KAAK,CAAC,QAAQ;QACd,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAChC,IAAI,KAAK,CAAC,SAAS;QACf,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IAEjC,IAAI,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC;QAAE,GAAG,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;IAEvD,OAAO,CACH,KAAC,OAAO,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CACnC,CAAC;AACN,CAAC,CAAC,CAAC"}

package/dist/controls/html-editor/editor.js

@@ -15,6 +15,10 @@ const useStyles = makeStyles({
         minHeight: `100px`
     }
 });
+const saveIcon = IconToSVG(_jsx(Save16Regular, { title: 'Save' }));
+const cancelIcon = IconToSVG(_jsx(Dismiss16Regular, { title: 'Cancel' }));
+const maxIcon = IconToSVG(_jsx(ArrowMaximize16Regular, { title: 'Maximize' }));
+const minIcon = IconToSVG(_jsx(ArrowMinimize16Regular, { title: 'Minimize' }));
 export const HtmlEditor = (props) => {
     const classes = useStyles();
     const [active, setActive] = React.useState(false);
@@ -38,7 +42,7 @@ export const HtmlEditor = (props) => {
         fullScreen: true
     } : props;
     Jodit.defaultOptions.controls.save = {
-        template: () => IconToSVG(_jsx(Save16Regular, { title: 'Save' })),
+        template: () => saveIcon,
         exec: (view) => {
             var _a, _b, _c, _d;
             (_b = (_a = view.kwizInstance.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, view.value);
@@ -47,7 +51,7 @@ export const HtmlEditor = (props) => {
         }
     };
     Jodit.defaultOptions.controls.cancel = {
-        template: () => IconToSVG(_jsx(Dismiss16Regular, { title: 'Cancel' })),
+        template: () => cancelIcon,
         exec: (view) => {
             var _a, _b;
             (_b = (_a = view.kwizInstance.props).onCancel) === null || _b === void 0 ? void 0 : _b.call(_a);
@@ -55,7 +59,7 @@ export const HtmlEditor = (props) => {
         }
     };
     Jodit.defaultOptions.controls.maximize = {
-        template: () => IconToSVG(_jsx(ArrowMaximize16Regular, { title: 'Maximize' })),
+        template: () => maxIcon,
         exec: (view) => {
             var _a, _b;
             (_b = (_a = view.kwizInstance.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, view.value); //pass value from smaller editor to bigger one
@@ -63,7 +67,7 @@ export const HtmlEditor = (props) => {
         }
     };
     Jodit.defaultOptions.controls.minimize = {
-        template: () => IconToSVG(_jsx(ArrowMinimize16Regular, { title: 'Minimize' })),
+        template: () => minIcon,
         exec: (view) => {
             var _a, _b;
             (_b = (_a = view.kwizInstance.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, view.value);

package/dist/controls/html-editor/editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"editor.js","sourceRoot":"","sources":["../../../src/controls/html-editor/editor.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"editor.js","sourceRoot":"","sources":["../../../src/controls/html-editor/editor.tsx"],"names":[],"mappings":"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"}

package/dist/controls/progress-bar.d.ts

@@ -0,0 +1,16 @@
+import { DividerProps } from '@fluentui/react-components';
+import { FluentIcon } from '@fluentui/react-icons';
+import React from 'react';
+interface IProps extends DividerProps {
+    steps: number;
+    step: number;
+    stepLabel?: string;
+    css?: string[];
+    /** optional, send an icon instead of the step number */
+    stepIcons?: FluentIcon[];
+    onStepClick?: (step: number) => void;
+}
+export declare const ProgressBarEX: React.ForwardRefExoticComponent<IProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/controls/progress-bar.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { makeStyles, mergeClasses, ProgressBar, tokens } from '@fluentui/react-components';
+import { CheckmarkRegular } from '@fluentui/react-icons';
+import { isFunction, isNotEmptyString } from '@kwiz/common';
+import React from 'react';
+import { KnownClassNames } from '../styles/styles';
+import { Horizontal } from './horizontal';
+import { Section } from './section';
+import { Vertical } from './vertical';
+const useStyles = makeStyles({
+    root: {
+        position: "relative"
+    },
+    stepNumber: {
+        border: `2px solid ${tokens.colorNeutralStroke1}`,
+        borderRadius: tokens.borderRadiusCircular,
+        width: '24px',
+        height: '24px',
+        position: 'relative',
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: tokens.colorNeutralBackground1,
+    },
+    stepLabel: {
+        backgroundColor: tokens.colorNeutralBackground1,
+        position: "absolute",
+        top: '-10px',
+        left: 0,
+        right: 0,
+        "& > span": {
+            whiteSpace: "nowrap",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            display: "inline-block"
+        }
+    },
+    stepNumberCurrent: {
+        border: `2px solid ${tokens.colorBrandBackground}`,
+    },
+    stepNumberCompleted: {
+        border: `2px solid ${tokens.colorBrandBackground}`,
+        backgroundColor: tokens.colorBrandBackground,
+        color: tokens.colorNeutralBackground1,
+    },
+    stepNumberClickable: {
+        cursor: "pointer"
+    },
+    stepTitle: {
+        fontSize: tokens.fontSizeBase400,
+        lineHeight: tokens.lineHeightBase400,
+    },
+    progressBar: {
+        position: "absolute",
+        top: "14px"
+    },
+    stepSpacer: {
+        position: "relative"
+    }
+});
+export const ProgressBarEX = React.forwardRef((props, ref) => {
+    var _a, _b;
+    const classes = useStyles();
+    let stepLabels = [];
+    for (let i = 0; i < props.steps; i++) {
+        const stepClasses = [classes.stepNumber];
+        let addLabel = false;
+        let canClick = false;
+        if (props.step === i) {
+            stepClasses.push(classes.stepNumberCurrent);
+            if (isNotEmptyString(props.stepLabel))
+                addLabel = true;
+        }
+        else if (props.step > i) {
+            stepClasses.push(classes.stepNumberCompleted);
+            canClick = isFunction(props.onStepClick);
+            if (canClick)
+                stepClasses.push(classes.stepNumberClickable);
+        }
+        let StepIcon = (_a = props.stepIcons) === null || _a === void 0 ? void 0 : _a[i];
+        stepLabels.push(_jsx(Section, { css: stepClasses, onClick: canClick ? () => props.onStepClick(i) : undefined, children: StepIcon ? _jsx(StepIcon, {}) : `${i + 1}` }, `step${i}`));
+        stepLabels.push(_jsx(Section, { main: true, css: [classes.stepSpacer], children: addLabel && _jsx(Horizontal, { hCentered: true, css: [classes.stepLabel, KnownClassNames.progressBarStepLabel], children: _jsx("span", { children: props.stepLabel }) }, "label") }, `step${i}Spacer`));
+    }
+    let StepIcon = (_b = props.stepIcons) === null || _b === void 0 ? void 0 : _b[props.steps];
+    //add last submit step
+    stepLabels.push(_jsx("span", { className: mergeClasses(classes.stepNumber, props.step === props.steps && classes.stepNumberCompleted), children: StepIcon ? _jsx(StepIcon, {}) : _jsx(CheckmarkRegular, {}) }, 'stepSubmit'));
+    return (_jsxs(Vertical, { css: [classes.root, ...(props.css || [])], children: [_jsx(ProgressBar, { className: classes.progressBar, value: (props.step * 2) + 1, max: props.steps * 2 }), _jsxs(Horizontal, { css: [classes.stepTitle], children: [...stepLabels] })] }));
+});
+//# sourceMappingURL=progress-bar.js.map

package/dist/controls/progress-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.js","sourceRoot":"","sources":["../../src/controls/progress-bar.tsx"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -20,6 +20,7 @@ export * from './controls/list';
 export * from './controls/loading';
 export * from './controls/menu';
 export * from './controls/please-wait';
+export * from './controls/progress-bar';
 export * from './controls/prompt';
 export * from './controls/qrcode';
 export * from './controls/search';
@@ -32,4 +33,4 @@ export { KWIZFluentContext, useKWIZFluentContext } from './helpers/context';
 export type { iKWIZFluentContext } from './helpers/context';
 export * from './helpers/drag-drop/exports';
 export * from './helpers/hooks';
-export { KnownClassNames, commonSizes } from './styles/styles';
+export { commonSizes, KnownClassNames } from './styles/styles';

package/dist/index.js

@@ -20,6 +20,7 @@ export * from './controls/list';
 export * from './controls/loading';
 export * from './controls/menu';
 export * from './controls/please-wait';
+export * from './controls/progress-bar';
 export * from './controls/prompt';
 export * from './controls/qrcode';
 export * from './controls/search';
@@ -31,5 +32,5 @@ export * from './controls/vertical-content';
 export { KWIZFluentContext, useKWIZFluentContext } from './helpers/context';
 export * from './helpers/drag-drop/exports';
 export * from './helpers/hooks';
-export { KnownClassNames, commonSizes } from './styles/styles';
+export { commonSizes, KnownClassNames } from './styles/styles';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE5E,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE5E,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/styles/styles.d.ts

@@ -19,6 +19,7 @@ export declare const KnownClassNames: {
     accordionBody: string;
     accordionBodyWrapper: string;
     isOpen: string;
+    progressBarStepLabel: string;
 };
 export declare const useCommonStyles: () => Record<"printShow" | "printHide" | "hintLabel" | "validationLabel" | "fullscreen", string>;
 export declare const commonSizes: {

package/dist/styles/styles.js

@@ -59,6 +59,7 @@ export const KnownClassNames = {
     accordionBody: 'kfui-accordion-body',
     accordionBodyWrapper: 'kfui-accordion-body-wrapper',
     isOpen: 'is-opened',
+    progressBarStepLabel: 'step-label'
 };
 export const useCommonStyles = makeStyles({
     printShow: {

package/dist/styles/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/styles/styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/styles/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,UAAU,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAE9E,MAAM,KAAQ,MAAM,CAsDnB;AAtDD,WAAc,MAAM;IACH,WAAI,GAAiB;QAC9B,UAAU,EAAE,CAAC;QACb,QAAQ,EAAE,CAAC;KACd,CAAC;IACW,gBAAS,GAAiB;QACnC,MAAM,EAAE,SAAS;QACjB,CAAC,SAAS,CAAC,EAAE;YACT,MAAM,EAAE,SAAS;SACpB;KACJ,CAAA;IACD,MAAM,GAAG,GAAiB;QACtB,OAAO,EAAE,MAAM,CAAC,kBAAkB;QAClC,YAAY,EAAE,MAAM,CAAC,kBAAkB;QACvC,SAAS,EAAE,MAAM,CAAC,OAAO;QACzB,MAAM,EAAE,MAAM,CAAC,oBAAoB;KACtC,CAAA;IACY,YAAK,mCACX,GAAG;QACN,wBAAwB;QACxB,QAAQ,EAAE,UAAU;QACpB,wBAAwB;QACxB,QAAQ,EAAE,KAAK;QACf,8BAA8B;QAC9B,SAAS,EAAE,QAAQ,EAEnB,CAAC,OAAO,CAAC,EAAE;YACP,QAAQ,EAAE,MAAM;SACnB,GACJ,CAAA;IAEY,WAAI,GAAiB;QAC9B,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,QAAQ;QAClB,MAAM,EAAE,MAAM,CAAC,gBAAgB;QAC/B,SAAS,EAAE,MAAM,CAAC,gBAAgB;KACrC,CAAA;IAEY,WAAI,GAAiB;QAC9B,QAAQ,EAAE,MAAM;KACnB,CAAA;IACY,YAAK,GAAiB;QAC/B,MAAM,EAAE,CAAC;QACT,SAAS,EAAE,CAAC;KACf,CAAA;IACY,eAAQ,GAAiB;QAClC,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,OAAO;QAChB,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,UAAU;KAC3B,CAAA;IAED,qCAAqC;IACrC,IAAI;AACR,CAAC,EAtDa,MAAM,KAAN,MAAM,QAsDnB;AAED,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;IACvB,QAAQ,EAAE,eAAe;IACzB,UAAU,EAAE,iBAAiB;IAC7B,IAAI,EAAE,WAAW;IACjB,SAAS,EAAE,gBAAgB;IAC3B,eAAe,EAAE,uBAAuB;IACxC,aAAa,EAAE,qBAAqB;IACpC,oBAAoB,EAAE,6BAA6B;IACnD,MAAM,EAAE,WAAW;IACnB,oBAAoB,EAAE,YAAY;CACrC,CAAA;AACD,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CAAC;IACtC,SAAS,EAAE;QACP,OAAO,EAAE,MAAM;QACf,CAAC,gBAAgB,eAAe,CAAC,KAAK,GAAG,CAAC,EAAE;YACxC,OAAO,EAAE,OAAO;SACnB;QACD,cAAc,EAAE;YACZ,OAAO,EAAE,OAAO;SACnB;KACJ;IACD,SAAS,EAAE;QACP,CAAC,gBAAgB,eAAe,CAAC,KAAK,GAAG,CAAC,EAAE;YACxC,OAAO,EAAE,iBAAiB;SAC7B;QACD,cAAc,EAAE;YACZ,OAAO,EAAE,iBAAiB;SAC7B;KACJ;IACD,SAAS,EAAE;QACP,KAAK,EAAE,MAAM,CAAC,uBAAuB;QACrC,QAAQ,EAAE,MAAM,CAAC,eAAe;QAChC,UAAU,EAAE,MAAM,CAAC,iBAAiB;QACpC,UAAU,EAAE,MAAM,CAAC,iBAAiB;KACvC;IACD,eAAe,EAAE;QACb,KAAK,EAAE,MAAM,CAAC,0BAA0B;QACxC,QAAQ,EAAE,MAAM,CAAC,eAAe;QAChC,UAAU,EAAE,MAAM,CAAC,iBAAiB;QACpC,UAAU,EAAE,MAAM,CAAC,iBAAiB;KACvC;IACD,UAAU,EAAE;QACR,QAAQ,EAAE,OAAO;QACjB,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC;QACpC,MAAM,EAAE,CAAC;QACT,eAAe,EAAE,MAAM,CAAC,uBAAuB;QAC/C,QAAQ,EAAE,MAAM;QAChB,OAAO,EAAE,MAAM,CAAC,kBAAkB;QAClC,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE,MAAM;KACvB;CACJ,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,GAAG;IACd,cAAc,EAAE,GAAG;CACtB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kwiz/fluentui",
-    "version": "1.0.55",
+    "version": "1.0.57",
     "description": "KWIZ common controls for FluentUI",
     "module": "dist/index.js",
     "types": "dist/index.d.ts",
@@ -58,6 +58,7 @@
     },
     "dependencies": {
         "@fluentui/react-timepicker-compat": "^0.2.42",
+        "@fluentui/react-datepicker-compat": "^0.4.53",
         "@kwiz/common": "^1.0.103",
         "esbuild": "^0.19.12",
         "get-tsconfig": "^4.7.2",
@@ -71,7 +72,6 @@
     },
     "peerDependencies": {
         "@fluentui/react-components": ">=9.54.17 <10.0.0",
-        "@fluentui/react-datepicker-compat": "^0.4.53",
         "@types/react": ">=16.14.0 <19.0.0",
         "@types/react-dom": ">=16.9.0 <19.0.0",
         "react": ">=16.14.0 <19.0.0",

package/src/controls/canvas/DrawPad.tsx

@@ -27,6 +27,7 @@ interface iProps {
     ReadOnly?: boolean;
     HideUpload?: boolean;
     HideClear?: boolean;
+    //HideUndo?: boolean;
     HideColorPicker?: boolean;
     disabled?: boolean;
     /** true - will prompt user for his name, string will just sign as that string */
@@ -38,11 +39,14 @@ export const DrawPadUserName = {
     get: () => { return _userName },
     set: (userName: string) => { _userName = userName }
 };
+
+const fontName = "Dancing Script";
+let fontLoading: Promise<boolean> = null;
+let fontReady = false;
 export const DrawPad: React.FunctionComponent<iProps> = (props) => {
     const [LineColor, setLineColor] = useStateEX<string>(props.LineColor || tokens.colorBrandForeground1);
     const [manager, setmanager] = useStateEX<DrawPadManager>(null);
     const [canUndo, setcanUndo] = useStateEX<boolean>(false, { skipUpdateIfSame: true });
-    const [loadedFontNames, setloadedFontNames] = useStateEX<string[]>([]);
     const [signed, setSigned] = useStateEX<boolean>(false);
     const [fullscreen, setFullscreen] = useStateEX<boolean>(false);
     const onChangeRef = React.useRef(props.OnChange);
@@ -63,9 +67,9 @@ export const DrawPad: React.FunctionComponent<iProps> = (props) => {
 
     //load font for sign as text, if needed
     React.useEffect(() => {
-        if (props.allowSigning && isNullOrEmptyArray(loadedFontNames)) {
+        if (props.allowSigning && !fontLoading) {
             let DancingScriptFont = new FontFace(
-                "Dancing Script",
+                fontName,
                 "url(https://fonts.gstatic.com/s/dancingscript/v25/If2RXTr6YS-zF4S-kcSWSVi_szLgiuE.woff2) format('woff2')",
                 {
                     style: "normal",
@@ -75,13 +79,14 @@ export const DrawPad: React.FunctionComponent<iProps> = (props) => {
                 }
             );
 
-            DancingScriptFont.load().then(async loadedFont => {
+            fontLoading = DancingScriptFont.load().then(async loadedFont => {
                 document.fonts.add(loadedFont);
                 await document.fonts.ready;
-                setloadedFontNames(["Dancing Script"]);
+                fontReady = true;
+                return true;
             });
         }
-    }, [props.allowSigning, loadedFontNames]);
+    }, [props.allowSigning]);
 
     //setup manager
     React.useEffect(() => {
@@ -94,7 +99,7 @@ export const DrawPad: React.FunctionComponent<iProps> = (props) => {
                 //because this is used in an addEventListener - need to have a ref to get the most up to date onChange
                 if (onChangeRef.current) {
                     let canvasValue = manager.toPng();
-                    setcanUndo(true);//todo - enable undo last??
+                    setcanUndo(true);
                     onChangeRef.current(canvasValue);
                 }
             });
@@ -145,7 +150,6 @@ export const DrawPad: React.FunctionComponent<iProps> = (props) => {
 
         let height = canvas.clientHeight;
         let width = canvas.clientWidth;
-        let fontName = loadedFontNames[0];
 
         let ctx = canvas.getContext("2d");
         ctx.fillStyle = getCSSVariableValue(LineColor, canvasArea.current);
@@ -174,7 +178,7 @@ export const DrawPad: React.FunctionComponent<iProps> = (props) => {
         if (isNullOrUndefined(DrawPadUserName.get())) {
             //prompt user to type his name - then continue
             alerts.promptEX({
-                mountNode: canvasContainerDiv.current,
+                //mountNode: canvasContainerDiv.current, this lets other content on the form cover the dialog
                 title: "Sign as name",
                 children: <Field label="Signing as" hint="Please type in your name" required>
                     <InputEx onChange={(e, data) => DrawPadUserName.set(data.value)} />
@@ -237,7 +241,7 @@ export const DrawPad: React.FunctionComponent<iProps> = (props) => {
                         }} />
                     {!signed
                         && !isNullOrEmptyString(props.allowSigning)
-                        && !isNullOrEmptyArray(loadedFontNames)
+                        && !isNullOrEmptyArray(fontReady)
                         && <ButtonEX
                             style={{
                                 position: "absolute",
@@ -258,9 +262,15 @@ export const DrawPad: React.FunctionComponent<iProps> = (props) => {
             }
         </div>
         {!props.ReadOnly && !HideButtons && <Vertical nogap>
-            {props.HideColorPicker || <ColorPickerEx mountNode={canvasContainerDiv.current} disabled={props.disabled} buttonOnly value={props.LineColor} onChange={newColor => {
-                setLineColor(newColor);
-            }} />}
+            {props.HideColorPicker || <ColorPickerEx //mountNode={canvasContainerDiv.current} this lets other content on the form cover the dialog
+                disabled={props.disabled} buttonOnly value={props.LineColor} onChange={newColor => {
+                    setLineColor(newColor);
+                }} />}
+            {/* todo: undo isn't working properly
+            {props.HideUndo || <ButtonEX disabled={!canUndo} title="Undo" icon={<ArrowUndoRegular />} onClick={() => {
+                manager.undoLast();
+                setcanUndo(manager.canUndo());
+            }} />} */}
             {props.HideClear || <ButtonEX disabled={props.disabled || isNullOrEmptyString(props.Value)} title="Clear" icon={<DismissRegular />} onClick={() => {
                 //can call clear on the canvas, or can call the onchange which will cause a re-draw
                 setSigned(false);

package/src/controls/date.tsx

@@ -14,6 +14,8 @@ interface IProps {
     showTime?: boolean;
     datePickerProps?: DatePickerProps;
     timePickerProps?: TimePickerProps;
+    /** don't allow to clear the value */
+    required?: boolean;
 }
 export const DatePickerEx: React.FunctionComponent<React.PropsWithChildren<IProps>> = (props) => {
     const ctx = useKWIZFluentContext();
@@ -21,7 +23,7 @@ export const DatePickerEx: React.FunctionComponent<React.PropsWithChildren<IProp
     //time value will always have a value even when clearing the date
     const [timeValue, setTimeValue] = useStateEX<Date>(isDate(props.value) ? props.value : new Date());
     const { showClear, dateValue } = React.useMemo(() => {
-        const showClear = isDate(props.value);
+        const showClear = !props.required && isDate(props.value);
         const dateValue = props.value;
         return { showClear, dateValue };
     }, [props.value]);

package/src/controls/file-upload.tsx

@@ -33,10 +33,23 @@ interface iProps {
 export const FileUpload = React.forwardRef<HTMLButtonElement, (iProps)>((props, ref) => {
     const classes = useStyles();
     const hiddenFileInput = React.useRef(null);
+    const onChangeRef = React.useRef(props.onChange);
+    const asBase64Ref = React.useRef(props.asBase64);
+
     const isMulti = props.allowMultiple === true;
     const icon = props.icon || <ArrowUploadRegular />;
     const title = isNotEmptyString(props.title) ? props.title : `Drop or select ${isMulti ? 'files' : 'file'}`;
 
+    //keep onChange up to date
+    React.useEffect(() => {
+        onChangeRef.current = props.onChange;
+    }, [props.onChange]);
+    //keep onChange up to date
+    React.useEffect(() => {
+        asBase64Ref.current = props.asBase64;
+    }, [props.asBase64]);
+
+
     const onGotFiles = React.useCallback(async (rawFiles: FileList) => {
         let errors: string[] = [];
         let acceptedFiles: File[] = [];
@@ -66,18 +79,14 @@ export const FileUpload = React.forwardRef<HTMLButtonElement, (iProps)>((props,
         }
 
         if (isMulti) {
-            if (isFunction(props.onChange)) {
-                props.onChange(acceptedFiles, errors);
-            }
+            onChangeRef.current?.(acceptedFiles, errors);
         }
         else {
             const fileUploaded = acceptedFiles[0];
-            if (isFunction(props.onChange)) {
-                props.onChange(fileUploaded, errors);
-            }
+            onChangeRef.current?.(fileUploaded, errors);
         }
 
-        if (isFunction(props.asBase64)) {
+        if (isFunction(asBase64Ref.current)) {
             const filesAs64: base64Result[] = [];
             for (let i = 0; i < (isMulti ? acceptedFiles.length : 1); i++) {
                 const currentFile = acceptedFiles[i];
@@ -95,7 +104,7 @@ export const FileUpload = React.forwardRef<HTMLButtonElement, (iProps)>((props,
                     else errors.push(`Could not read file ${acceptedFiles[i].name}`);
                 }
             }
-            props.asBase64(filesAs64, errors);
+            asBase64Ref.current?.(filesAs64, errors);
         }
     }, useEffectOnlyOnMount);
 

package/src/controls/horizontal.tsx

@@ -13,13 +13,19 @@ const useStyles = makeStyles({
     nogap: mixins.nogap,
     centered: {
         alignItems: "center"
-    }
+    },
+    hCentered: {
+        justifyContent: "center"
+    },
 })
 
 interface IProps extends ISectionProps {
     wrap?: boolean;
     nogap?: boolean;
+    /** vertical align center */
     centered?: boolean;
+    /** horizontal centered */
+    hCentered?: boolean;
 }
 export const Horizontal = React.forwardRef<HTMLDivElement, React.PropsWithChildren<IProps>>((props, ref) => {
     const cssNames = useStyles();
@@ -32,6 +38,8 @@ export const Horizontal = React.forwardRef<HTMLDivElement, React.PropsWithChildr
         css.push(cssNames.nogap);
     if (props.centered)
         css.push(cssNames.centered);
+    if (props.hCentered)
+        css.push(cssNames.hCentered);
 
     if (isNotEmptyArray(props.css)) css.push(...props.css);
 

package/src/controls/html-editor/editor.tsx

@@ -52,6 +52,11 @@ type JoditExpanded = Jodit & {//& IViewBased<IViewOptions>
         setShowFullScreen: (value: boolean) => void;
     }
 };
+
+const saveIcon = IconToSVG(<Save16Regular title='Save' />);
+const cancelIcon = IconToSVG(<Dismiss16Regular title='Cancel' />);
+const maxIcon = IconToSVG(<ArrowMaximize16Regular title='Maximize' />);
+const minIcon = IconToSVG(<ArrowMinimize16Regular title='Minimize' />);
 export const HtmlEditor: React.FunctionComponent<React.PropsWithChildren<IProps>> = (props) => {
     const classes = useStyles();
     const [active, setActive] = React.useState(false);
@@ -82,7 +87,7 @@ export const HtmlEditor: React.FunctionComponent<React.PropsWithChildren<IProps>
 
 
     Jodit.defaultOptions.controls.save = {
-        template: () => IconToSVG(<Save16Regular title='Save' />),
+        template: () => saveIcon,
         exec: (view: JoditExpanded) => {
             view.kwizInstance.props.onChange?.(view.value);
             view.kwizInstance.props.onSave?.(view.value);
@@ -90,21 +95,21 @@ export const HtmlEditor: React.FunctionComponent<React.PropsWithChildren<IProps>
         }
     };
     Jodit.defaultOptions.controls.cancel = {
-        template: () => IconToSVG(<Dismiss16Regular title='Cancel' />),
+        template: () => cancelIcon,
         exec: (view: JoditExpanded) => {
             view.kwizInstance.props.onCancel?.();
             view.kwizInstance.setShowFullScreen(false);
         }
     };
     Jodit.defaultOptions.controls.maximize = {
-        template: () => IconToSVG(<ArrowMaximize16Regular title='Maximize' />),
+        template: () => maxIcon,
         exec: (view: JoditExpanded) => {
             view.kwizInstance.props.onChange?.(view.value);//pass value from smaller editor to bigger one
             view.kwizInstance.setShowFullScreen(true);
         }
     };
     Jodit.defaultOptions.controls.minimize = {
-        template: () => IconToSVG(<ArrowMinimize16Regular title='Minimize' />),
+        template: () => minIcon,
         exec: (view: JoditExpanded) => {
             view.kwizInstance.props.onChange?.(view.value);
             view.kwizInstance.setShowFullScreen(false);

package/src/controls/progress-bar.tsx

@@ -0,0 +1,110 @@
+import { DividerProps, makeStyles, mergeClasses, ProgressBar, tokens } from '@fluentui/react-components';
+import { CheckmarkRegular, FluentIcon } from '@fluentui/react-icons';
+import { isFunction, isNotEmptyString } from '@kwiz/common';
+import React from 'react';
+import { KnownClassNames } from '../styles/styles';
+import { Horizontal } from './horizontal';
+import { Section } from './section';
+import { Vertical } from './vertical';
+
+const useStyles = makeStyles({
+    root: {
+        position: "relative"
+    },
+    stepNumber: {
+        border: `2px solid ${tokens.colorNeutralStroke1}`,
+        borderRadius: tokens.borderRadiusCircular,
+        width: '24px',
+        height: '24px',
+        position: 'relative',
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: tokens.colorNeutralBackground1,
+    },
+    stepLabel: {
+        backgroundColor: tokens.colorNeutralBackground1,
+        position: "absolute",
+        top: '-10px',
+        left: 0,
+        right: 0,
+        "& > span": {
+            whiteSpace: "nowrap",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            display: "inline-block"
+        }
+    },
+    stepNumberCurrent: {
+        border: `2px solid ${tokens.colorBrandBackground}`,
+    },
+    stepNumberCompleted: {
+        border: `2px solid ${tokens.colorBrandBackground}`,
+        backgroundColor: tokens.colorBrandBackground,
+        color: tokens.colorNeutralBackground1,
+    },
+    stepNumberClickable: {
+        cursor: "pointer"
+    },
+    stepTitle: {
+        fontSize: tokens.fontSizeBase400,
+        lineHeight: tokens.lineHeightBase400,
+    },
+    progressBar: {
+        position: "absolute",
+        top: "14px"
+    },
+    stepSpacer: {
+        position: "relative"
+    }
+});
+interface IProps extends DividerProps {
+    steps: number;
+    step: number;
+    stepLabel?: string;
+    css?: string[];
+    /** optional, send an icon instead of the step number */
+    stepIcons?: FluentIcon[];
+    onStepClick?: (step: number) => void;
+}
+export const ProgressBarEX = React.forwardRef<HTMLDivElement, (React.PropsWithChildren<IProps>)>((props, ref) => {
+    const classes = useStyles();
+
+    let stepLabels: JSX.Element[] = [];
+    for (let i = 0; i < props.steps; i++) {
+        const stepClasses = [classes.stepNumber];
+        let addLabel = false;
+        let canClick = false;
+        if (props.step === i) {
+            stepClasses.push(classes.stepNumberCurrent);
+            if (isNotEmptyString(props.stepLabel))
+                addLabel = true;
+        }
+        else if (props.step > i) {
+            stepClasses.push(classes.stepNumberCompleted);
+            canClick = isFunction(props.onStepClick);
+            if (canClick)
+                stepClasses.push(classes.stepNumberClickable);
+        }
+        let StepIcon = props.stepIcons?.[i];
+        stepLabels.push(<Section key={`step${i}`} css={stepClasses} onClick={canClick ? () => props.onStepClick(i) : undefined}>{StepIcon ? <StepIcon /> : `${i + 1}`}</Section>);
+        stepLabels.push(<Section main key={`step${i}Spacer`} css={[classes.stepSpacer]}>
+            {addLabel && <Horizontal key="label" hCentered css={[classes.stepLabel, KnownClassNames.progressBarStepLabel]}>
+                <span>{props.stepLabel}</span>
+            </Horizontal>}
+        </Section>);
+
+    }
+
+    let StepIcon = props.stepIcons?.[props.steps];
+    //add last submit step
+    stepLabels.push(<span key='stepSubmit' className={mergeClasses(classes.stepNumber, props.step === props.steps && classes.stepNumberCompleted)}>{StepIcon ? <StepIcon /> : <CheckmarkRegular />}</span>);
+
+    return (
+        <Vertical css={[classes.root, ...(props.css || [])]}>
+            {/* progress bar first so labels will cover it without the need for zindex */}
+            <ProgressBar className={classes.progressBar} value={(props.step * 2) + 1} max={props.steps * 2} />
+            <Horizontal css={[classes.stepTitle]}>{...stepLabels}</Horizontal>
+        </Vertical >
+    );
+}); 

package/src/index.ts

@@ -20,6 +20,7 @@ export * from './controls/list';
 export * from './controls/loading';
 export * from './controls/menu';
 export * from './controls/please-wait';
+export * from './controls/progress-bar';
 export * from './controls/prompt';
 export * from './controls/qrcode';
 export * from './controls/search';
@@ -32,5 +33,5 @@ export { KWIZFluentContext, useKWIZFluentContext } from './helpers/context';
 export type { iKWIZFluentContext } from './helpers/context';
 export * from './helpers/drag-drop/exports';
 export * from './helpers/hooks';
-export { KnownClassNames, commonSizes } from './styles/styles';
+export { commonSizes, KnownClassNames } from './styles/styles';
 

package/src/styles/styles.ts

@@ -67,6 +67,7 @@ export const KnownClassNames = {
     accordionBody: 'kfui-accordion-body',
     accordionBodyWrapper: 'kfui-accordion-body-wrapper',
     isOpen: 'is-opened',
+    progressBarStepLabel: 'step-label'
 }
 export const useCommonStyles = makeStyles({
     printShow: {