@kwiz/fluentui 1.0.5 → 1.0.6

package/dist/controls/prompt.js

@@ -2,8 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Dialog, DialogActions, DialogBody, DialogContent, DialogSurface, DialogTitle, DialogTrigger } from '@fluentui/react-components';
 import { isNullOrEmptyString } from '@kwiz/common';
 import React from 'react';
+import { useKWIZFluentContextContext } from '../helpers/context';
 import { ButtonEXSecondary } from './button';
 export const Prompter = (props) => {
+    const ctx = useKWIZFluentContextContext();
     let okProps = Object.assign(Object.assign({}, (props.okButtonProps || {})), { onClick: () => props.onOK(), title: props.okButtonText || 'yes' });
     let cancelProps = Object.assign(Object.assign({}, (props.cancelButtonProps || {})), { onClick: () => props.onCancel(), title: props.cancelButtonText || 'no' });
     React.useEffect(() => {
@@ -16,6 +18,6 @@ export const Prompter = (props) => {
         document.addEventListener("keydown", handler);
         return () => document.removeEventListener("keydown", handler);
     });
-    return (_jsx(Dialog, { open: true, children: _jsxs(DialogSurface, { children: [!isNullOrEmptyString(props.title) && _jsx(DialogTitle, { children: props.title }), _jsxs(DialogBody, { children: [_jsx(DialogContent, { children: props.children }), _jsxs(DialogActions, { children: [props.hideOk ? undefined : _jsx(DialogTrigger, { disableButtonEnhancement: true, children: _jsx(ButtonEXSecondary, Object.assign({}, okProps)) }), props.hideCancel ? undefined : _jsx(DialogTrigger, { disableButtonEnhancement: true, children: _jsx(ButtonEXSecondary, Object.assign({}, cancelProps)) })] })] })] }) }));
+    return (_jsx(Dialog, { open: true, children: _jsxs(DialogSurface, { mountNode: ctx.mountNode, children: [!isNullOrEmptyString(props.title) && _jsx(DialogTitle, { children: props.title }), _jsxs(DialogBody, { children: [_jsx(DialogContent, { children: props.children }), _jsxs(DialogActions, { children: [props.hideOk ? undefined : _jsx(DialogTrigger, { disableButtonEnhancement: true, children: _jsx(ButtonEXSecondary, Object.assign({}, okProps)) }), props.hideCancel ? undefined : _jsx(DialogTrigger, { disableButtonEnhancement: true, children: _jsx(ButtonEXSecondary, Object.assign({}, cancelProps)) })] })] })] }) }));
 };
 //# sourceMappingURL=prompt.js.map

package/dist/controls/prompt.js.map

@@ -1 +1 @@
-{"version":3,"file":"prompt.js","sourceRoot":"","sources":["../../src/controls/prompt.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACzI,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAiB,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAe5D,MAAM,CAAC,MAAM,QAAQ,GAAqE,CAAC,KAAK,EAAE,EAAE;IAChG,IAAI,OAAO,mCACJ,CAAC,KAAK,CAAC,aAAoB,IAAI,EAAE,CAAC,KACrC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,EAC3B,KAAK,EAAE,KAAK,CAAC,YAAY,IAAI,KAAK,GACrC,CAAC;IACF,IAAI,WAAW,mCACR,CAAC,KAAK,CAAC,iBAAwB,IAAI,EAAE,CAAC,KACzC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,EAC/B,KAAK,EAAE,KAAK,CAAC,gBAAgB,IAAI,IAAI,GACxC,CAAC;IACF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,OAAO,GAAG,CAAC,CAAgB,EAAE,EAAE;YAC/B,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO;gBAAE,KAAK,CAAC,IAAI,EAAE,CAAC;iBAC/B,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ;gBAAE,KAAK,CAAC,QAAQ,EAAE,CAAC;QAElD,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAC9C,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;IACH,OAAO,CACH,KAAC,MAAM,IAAC,IAAI,kBACR,MAAC,aAAa,eACT,CAAC,mBAAmB,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,KAAC,WAAW,cAAE,KAAK,CAAC,KAAK,GAAe,EAC9E,MAAC,UAAU,eACP,KAAC,aAAa,cACT,KAAK,CAAC,QAAQ,GACH,EAChB,MAAC,aAAa,eACT,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,wBAAwB,kBAC/D,KAAC,iBAAiB,oBAAK,OAAO,EAAI,GACtB,EACf,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,wBAAwB,kBACnE,KAAC,iBAAiB,oBAAK,WAAW,EAAI,GAC1B,IACJ,IACP,IACD,GACX,CACZ,CAAC;AACN,CAAC,CAAA"}
+{"version":3,"file":"prompt.js","sourceRoot":"","sources":["../../src/controls/prompt.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACzI,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAiB,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAe5D,MAAM,CAAC,MAAM,QAAQ,GAAqE,CAAC,KAAK,EAAE,EAAE;IAChG,MAAM,GAAG,GAAG,2BAA2B,EAAE,CAAC;IAE1C,IAAI,OAAO,mCACJ,CAAC,KAAK,CAAC,aAAoB,IAAI,EAAE,CAAC,KACrC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,EAC3B,KAAK,EAAE,KAAK,CAAC,YAAY,IAAI,KAAK,GACrC,CAAC;IACF,IAAI,WAAW,mCACR,CAAC,KAAK,CAAC,iBAAwB,IAAI,EAAE,CAAC,KACzC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,EAC/B,KAAK,EAAE,KAAK,CAAC,gBAAgB,IAAI,IAAI,GACxC,CAAC;IACF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,OAAO,GAAG,CAAC,CAAgB,EAAE,EAAE;YAC/B,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO;gBAAE,KAAK,CAAC,IAAI,EAAE,CAAC;iBAC/B,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ;gBAAE,KAAK,CAAC,QAAQ,EAAE,CAAC;QAElD,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAC9C,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;IACH,OAAO,CACH,KAAC,MAAM,IAAC,IAAI,kBACR,MAAC,aAAa,IAAC,SAAS,EAAE,GAAG,CAAC,SAAS,aAClC,CAAC,mBAAmB,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,KAAC,WAAW,cAAE,KAAK,CAAC,KAAK,GAAe,EAC9E,MAAC,UAAU,eACP,KAAC,aAAa,cACT,KAAK,CAAC,QAAQ,GACH,EAChB,MAAC,aAAa,eACT,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,wBAAwB,kBAC/D,KAAC,iBAAiB,oBAAK,OAAO,EAAI,GACtB,EACf,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,wBAAwB,kBACnE,KAAC,iBAAiB,oBAAK,WAAW,EAAI,GAC1B,IACJ,IACP,IACD,GACX,CACZ,CAAC;AACN,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kwiz/fluentui",
-    "version": "1.0.5",
+    "version": "1.0.6",
     "description": "KWIZ common controls for FluentUI",
     "module": "dist/index.js",
     "types": "dist/index.d.ts",

package/src/controls/prompt.tsx

@@ -1,6 +1,7 @@
 import { Dialog, DialogActions, DialogBody, DialogContent, DialogSurface, DialogTitle, DialogTrigger } from '@fluentui/react-components';
 import { isNullOrEmptyString } from '@kwiz/common';
 import React from 'react';
+import { useKWIZFluentContextContext } from '../helpers/context';
 import { ButtonEXProps, ButtonEXSecondary } from './button';
 
 export interface IPrompterProps {
@@ -17,6 +18,8 @@ export interface IPrompterProps {
     children?: JSX.Element;
 }
 export const Prompter: React.FunctionComponent<React.PropsWithChildren<IPrompterProps>> = (props) => {
+    const ctx = useKWIZFluentContextContext();
+
     let okProps: ButtonEXProps = {
         ...(props.okButtonProps as any || {}),
         onClick: () => props.onOK(),
@@ -38,7 +41,7 @@ export const Prompter: React.FunctionComponent<React.PropsWithChildren<IPrompter
     });
     return (
         <Dialog open>
-            <DialogSurface>
+            <DialogSurface mountNode={ctx.mountNode}>
                 {!isNullOrEmptyString(props.title) && <DialogTitle>{props.title}</DialogTitle>}
                 <DialogBody>
                     <DialogContent>