@pnp/spfx-controls-react 3.26.0-beta.3446856 → 3.26.0-beta.3450664

package/lib/controls/toast/ToastProvider.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { ToastStatus } from '@fluentui/react-components';
+import type { IShowToastOptions, IToastController, IToastProviderProps } from './IToast';
+interface IDispatchMetadata {
+    elementRef?: React.RefObject<HTMLDivElement>;
+    onStatusChange?: (status: ToastStatus) => void;
+}
+export interface IToastContextValue extends IToastController {
+    dispatchToast: (options: IShowToastOptions, metadata?: IDispatchMetadata) => string;
+}
+export declare const ToastContext: React.Context<IToastContextValue>;
+export declare const ToastProvider: (props: IToastProviderProps) => React.ReactElement;
+export {};
+//# sourceMappingURL=ToastProvider.d.ts.map

package/lib/controls/toast/ToastProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../src/controls/toast/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,KAAK,EAAS,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAGrE,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAOzF,UAAU,iBAAiB;IACzB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CAChD;AAED,MAAM,WAAW,kBAAmB,SAAQ,gBAAgB;IAC1D,aAAa,EAAE,CAAC,OAAO,EAAE,iBAAiB,EAAE,QAAQ,CAAC,EAAE,iBAAiB,KAAK,MAAM,CAAC;CACrF;AAED,eAAO,MAAM,YAAY,mCAAiE,CAAC;AAoK3F,eAAO,MAAM,aAAa,GAAI,OAAO,mBAAmB,KAAG,KAAK,CAAC,YAoBhE,CAAC"}

package/lib/controls/toast/ToastProvider.js

@@ -0,0 +1,75 @@
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { Button, FluentProvider, IdPrefixProvider, mergeClasses, Toast as FluentToast, ToastBody, ToastFooter, ToastTitle, ToastTrigger, Toaster, useToastController, webLightTheme, } from '@fluentui/react-components';
+import { DismissRegular } from '@fluentui/react-icons';
+import { getToastTimeout } from './toastTimeout';
+var DEFAULT_ID_PREFIX = 'toastControl-';
+var providerInstanceId = 0;
+var toastInstanceId = 0;
+export var ToastContext = React.createContext(undefined);
+var hasContent = function (content) { return content !== undefined && content !== null; };
+var ToastProviderController = function (props) {
+    var children = props.children, theme = props.theme, idPrefix = props.idPrefix, toasterId = props.toasterId, _a = props.position, position = _a === void 0 ? 'top-end' : _a, _b = props.pauseOnHover, pauseOnHover = _b === void 0 ? true : _b, _c = props.pauseOnWindowBlur, pauseOnWindowBlur = _c === void 0 ? true : _c, limit = props.limit, offset = props.offset, mountNode = props.mountNode, inline = props.inline;
+    var controller = useToastController(toasterId);
+    var defaultsRef = React.useRef({ position: position, pauseOnHover: pauseOnHover, pauseOnWindowBlur: pauseOnWindowBlur });
+    var mountedRef = React.useRef(true);
+    defaultsRef.current = { position: position, pauseOnHover: pauseOnHover, pauseOnWindowBlur: pauseOnWindowBlur };
+    React.useEffect(function () {
+        mountedRef.current = true;
+        return function () { mountedRef.current = false; };
+    }, []);
+    var dispatch = React.useCallback(function (options, metadata) {
+        var defaults = defaultsRef.current;
+        var providedToastId = options.toastId, intent = options.intent, title = options.title, body = options.body, subtitle = options.subtitle, footer = options.footer, media = options.media, action = options.action, _a = options.position, toastPosition = _a === void 0 ? defaults.position : _a, _b = options.pauseOnHover, toastPauseOnHover = _b === void 0 ? defaults.pauseOnHover : _b, _c = options.pauseOnWindowBlur, toastPauseOnWindowBlur = _c === void 0 ? defaults.pauseOnWindowBlur : _c, _d = options.dismissible, dismissible = _d === void 0 ? false : _d, _e = options.dismissAriaLabel, dismissAriaLabel = _e === void 0 ? 'Dismiss notification' : _e, dismissAction = options.dismissAction, onDismiss = options.onDismiss, toastChildren = options.children, classNames = options.classNames, styles = options.styles, titleProps = options.titleProps, bodyProps = options.bodyProps, footerProps = options.footerProps, _f = options.autoDismiss, autoDismiss = _f === void 0 ? false : _f, duration = options.duration, durationUnit = options.durationUnit, toastProps = __rest(options, ["toastId", "intent", "title", "body", "subtitle", "footer", "media", "action", "position", "pauseOnHover", "pauseOnWindowBlur", "dismissible", "dismissAriaLabel", "dismissAction", "onDismiss", "children", "classNames", "styles", "titleProps", "bodyProps", "footerProps", "autoDismiss", "duration", "durationUnit"]);
+        var toastId = providedToastId !== null && providedToastId !== void 0 ? providedToastId : "".concat(toasterId, "-toast-").concat(++toastInstanceId);
+        var dismissActionElement = dismissAction !== null && dismissAction !== void 0 ? dismissAction : (React.createElement(Button, { appearance: "transparent", icon: React.createElement(DismissRegular, null), "aria-label": dismissAriaLabel }));
+        var renderedAction = action !== null && action !== void 0 ? action : (dismissible ? React.createElement(ToastTrigger, null, dismissActionElement) : undefined);
+        var dismissed = false;
+        controller.dispatchToast(React.createElement(FluentToast, __assign({ tabIndex: -1 }, toastProps, { ref: metadata === null || metadata === void 0 ? void 0 : metadata.elementRef, className: mergeClasses(toastProps.className, classNames === null || classNames === void 0 ? void 0 : classNames.root), style: __assign(__assign({}, toastProps.style), styles === null || styles === void 0 ? void 0 : styles.root) }),
+            hasContent(title) || hasContent(renderedAction) || hasContent(media) || hasContent(titleProps === null || titleProps === void 0 ? void 0 : titleProps.action) ? (React.createElement(ToastTitle, __assign({}, titleProps, { media: hasContent(media) ? { children: media } : titleProps === null || titleProps === void 0 ? void 0 : titleProps.media, action: hasContent(renderedAction) ? { children: renderedAction } : titleProps === null || titleProps === void 0 ? void 0 : titleProps.action, className: mergeClasses(titleProps === null || titleProps === void 0 ? void 0 : titleProps.className, classNames === null || classNames === void 0 ? void 0 : classNames.title), style: __assign(__assign({}, titleProps === null || titleProps === void 0 ? void 0 : titleProps.style), styles === null || styles === void 0 ? void 0 : styles.title) }), title)) : null,
+            hasContent(body) || hasContent(subtitle) || hasContent(toastChildren) ? (React.createElement(ToastBody, __assign({}, bodyProps, { subtitle: hasContent(subtitle) ? { children: subtitle } : bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.subtitle, className: mergeClasses(bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.className, classNames === null || classNames === void 0 ? void 0 : classNames.body), style: __assign(__assign({}, bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.style), styles === null || styles === void 0 ? void 0 : styles.body) }), body !== null && body !== void 0 ? body : toastChildren)) : null,
+            hasContent(footer) ? (React.createElement(ToastFooter, __assign({}, footerProps, { className: mergeClasses(footerProps === null || footerProps === void 0 ? void 0 : footerProps.className, classNames === null || classNames === void 0 ? void 0 : classNames.footer), style: __assign(__assign({}, footerProps === null || footerProps === void 0 ? void 0 : footerProps.style), styles === null || styles === void 0 ? void 0 : styles.footer) }), footer)) : null), {
+            toastId: toastId,
+            intent: intent,
+            position: toastPosition,
+            timeout: getToastTimeout({ autoDismiss: autoDismiss, duration: duration, durationUnit: durationUnit }),
+            pauseOnHover: toastPauseOnHover,
+            pauseOnWindowBlur: toastPauseOnWindowBlur,
+            onStatusChange: function (_event, data) {
+                var _a;
+                (_a = metadata === null || metadata === void 0 ? void 0 : metadata.onStatusChange) === null || _a === void 0 ? void 0 : _a.call(metadata, data.status);
+                // Fluent's imperative dismiss APIs emit unmounted, but not dismissed.
+                if (!dismissed && (data.status === 'dismissed' || data.status === 'unmounted')) {
+                    dismissed = true;
+                    if (mountedRef.current) {
+                        onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
+                    }
+                }
+            },
+        });
+        return toastId;
+    }, [controller, toasterId]);
+    var contextValue = React.useMemo(function () { return ({
+        dispatchToast: dispatch,
+        showToast: dispatch,
+        dismissToast: controller.dismissToast,
+        dismissAllToasts: controller.dismissAllToasts,
+        pauseToast: controller.pauseToast,
+        playToast: controller.playToast,
+    }); }, [controller, dispatch]);
+    return (React.createElement(ToastContext.Provider, { value: contextValue },
+        React.createElement(IdPrefixProvider, { value: idPrefix },
+            React.createElement(FluentProvider, { theme: theme, style: { backgroundColor: 'transparent' } },
+                React.createElement(Toaster, { toasterId: toasterId, position: position, pauseOnHover: pauseOnHover, pauseOnWindowBlur: pauseOnWindowBlur, limit: limit, offset: offset, mountNode: mountNode, inline: inline }))),
+        children));
+};
+export var ToastProvider = function (props) {
+    var children = props.children, _a = props.theme, theme = _a === void 0 ? webLightTheme : _a, _b = props.idPrefix, idPrefix = _b === void 0 ? DEFAULT_ID_PREFIX : _b, providedToasterId = props.toasterId, toasterProps = __rest(props, ["children", "theme", "idPrefix", "toasterId"]);
+    var toasterIdRef = React.useRef();
+    if (!toasterIdRef.current) {
+        providerInstanceId += 1;
+        toasterIdRef.current = providedToasterId !== null && providedToasterId !== void 0 ? providedToasterId : "".concat(idPrefix).concat(providerInstanceId, "-toaster");
+    }
+    return (React.createElement(ToastProviderController, __assign({}, toasterProps, { theme: theme, idPrefix: idPrefix, toasterId: toasterIdRef.current }), children));
+};
+//# sourceMappingURL=ToastProvider.js.map

package/lib/controls/toast/ToastProvider.js.map

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

package/lib/controls/toast/index.d.ts

@@ -0,0 +1,7 @@
+export * from './IToast';
+export * from './Toast';
+export * from './ToastProvider';
+export * from './useToast';
+export { Toaster, ToastBody, ToastFooter, ToastTitle, ToastTrigger, toasterClassNames, toastBodyClassNames, toastFooterClassNames, toastTitleClassNames, useToastController, } from '@fluentui/react-components';
+export type { ToasterProps, ToastBodyProps, ToastFooterProps, ToastId, ToastIntent, ToastOffset, ToastPosition, ToastProps as FluentToastProps, ToastTitleProps, } from '@fluentui/react-components';
+//# sourceMappingURL=index.d.ts.map

package/lib/controls/toast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/controls/toast/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,OAAO,EACL,OAAO,EACP,SAAS,EACT,WAAW,EACX,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,4BAA4B,CAAC;AACpC,YAAY,EACV,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,WAAW,EACX,aAAa,EACb,UAAU,IAAI,gBAAgB,EAC9B,eAAe,GAChB,MAAM,4BAA4B,CAAC"}

package/lib/controls/toast/index.js

@@ -0,0 +1,6 @@
+export * from './IToast';
+export * from './Toast';
+export * from './ToastProvider';
+export * from './useToast';
+export { Toaster, ToastBody, ToastFooter, ToastTitle, ToastTrigger, toasterClassNames, toastBodyClassNames, toastFooterClassNames, toastTitleClassNames, useToastController, } from '@fluentui/react-components';
+//# sourceMappingURL=index.js.map

package/lib/controls/toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/toast/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,OAAO,EACL,OAAO,EACP,SAAS,EACT,WAAW,EACX,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,4BAA4B,CAAC"}

package/lib/controls/toast/toastTimeout.d.ts

@@ -0,0 +1,3 @@
+import type { IShowToastOptions } from './IToast';
+export declare const getToastTimeout: (options: Pick<IShowToastOptions, "autoDismiss" | "duration" | "durationUnit">) => number;
+//# sourceMappingURL=toastTimeout.d.ts.map

package/lib/controls/toast/toastTimeout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastTimeout.d.ts","sourceRoot":"","sources":["../../../src/controls/toast/toastTimeout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAIlD,eAAO,MAAM,eAAe,GAAI,SAAS,IAAI,CAAC,iBAAiB,EAAE,aAAa,GAAG,UAAU,GAAG,cAAc,CAAC,KAAG,MAU/G,CAAC"}

package/lib/controls/toast/toastTimeout.js

@@ -0,0 +1,11 @@
+var DEFAULT_TOAST_DURATION_MS = 3000;
+export var getToastTimeout = function (options) {
+    if (!options.autoDismiss) {
+        return -1;
+    }
+    if (options.duration === undefined) {
+        return DEFAULT_TOAST_DURATION_MS;
+    }
+    return options.durationUnit === 'seconds' ? options.duration * 1000 : options.duration;
+};
+//# sourceMappingURL=toastTimeout.js.map

package/lib/controls/toast/toastTimeout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastTimeout.js","sourceRoot":"","sources":["../../../src/controls/toast/toastTimeout.ts"],"names":[],"mappings":"AAEA,IAAM,yBAAyB,GAAG,IAAI,CAAC;AAEvC,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,OAA6E;IAC3G,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;QACzB,OAAO,CAAC,CAAC,CAAC;IACZ,CAAC;IAED,IAAI,OAAO,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;QACnC,OAAO,yBAAyB,CAAC;IACnC,CAAC;IAED,OAAO,OAAO,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC;AACzF,CAAC,CAAC"}

package/lib/controls/toast/useToast.d.ts

@@ -0,0 +1,3 @@
+import type { IToastController } from './IToast';
+export declare const useToast: () => IToastController;
+//# sourceMappingURL=useToast.d.ts.map

package/lib/controls/toast/useToast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../../src/controls/toast/useToast.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAGjD,eAAO,MAAM,QAAQ,QAAO,gBAQ3B,CAAC"}

package/lib/controls/toast/useToast.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { ToastContext } from './ToastProvider';
+export var useToast = function () {
+    var context = React.useContext(ToastContext);
+    if (!context) {
+        throw new Error('useToast must be used within a ToastProvider.');
+    }
+    return context;
+};
+//# sourceMappingURL=useToast.js.map

package/lib/controls/toast/useToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.js","sourceRoot":"","sources":["../../../src/controls/toast/useToast.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,CAAC,IAAM,QAAQ,GAAG;IACtB,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAE/C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC;IACnE,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

package/lib/index.d.ts

@@ -11,6 +11,7 @@ export * from './ListItemAttachments';
 export * from './ChartControl';
 export * from './Progress';
 export * from './ProgressStepsIndicator';
+export * from './Toast';
 export * from './DateTimePicker';
 export * from './FilePicker';
 export * from './SPFilePicker';

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AAEpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AAEpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC"}

package/lib/index.js

@@ -11,6 +11,7 @@ export * from './ListItemAttachments';
 export * from './ChartControl';
 export * from './Progress';
 export * from './ProgressStepsIndicator';
+export * from './Toast';
 export * from './DateTimePicker';
 export * from './FilePicker';
 export * from './SPFilePicker';

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AAEpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AAEpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC"}

package/lib-commonjs/Toast.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./controls/toast"), exports);
+//# sourceMappingURL=Toast.js.map

package/lib-commonjs/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../src/Toast.ts"],"names":[],"mappings":";;;AAAA,2DAAiC"}

package/lib-commonjs/common/telemetry/version.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.version = void 0;
-exports.version = "3.26.0-beta.3446856";
+exports.version = "3.26.0-beta.3450664";
 //# sourceMappingURL=version.js.map

package/lib-commonjs/controls/toast/IToast.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=IToast.js.map

package/lib-commonjs/controls/toast/IToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IToast.js","sourceRoot":"","sources":["../../../src/controls/toast/IToast.ts"],"names":[],"mappings":""}

package/lib-commonjs/controls/toast/Toast.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toast = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var ToastProvider_1 = require("./ToastProvider");
+var ToastDispatcher = function (props) {
+    var forwardedRef = props.toastRef, onDismiss = props.onDismiss, options = tslib_1.__rest(props, ["toastRef", "onDismiss"]);
+    var context = React.useContext(ToastProvider_1.ToastContext);
+    var elementRef = React.useRef(React.createRef());
+    var toastIdRef = React.useRef();
+    var activeRef = React.useRef(false);
+    var visibleRef = React.useRef(false);
+    var mountedRef = React.useRef(false);
+    var optionsRef = React.useRef(options);
+    var onDismissRef = React.useRef(onDismiss);
+    if (!context) {
+        throw new Error('ToastDispatcher must be used within a ToastProvider.');
+    }
+    optionsRef.current = options;
+    onDismissRef.current = onDismiss;
+    var dismiss = React.useCallback(function () {
+        if (toastIdRef.current) {
+            context.dismissToast(toastIdRef.current);
+        }
+    }, [context]);
+    var show = React.useCallback(function () {
+        if (activeRef.current) {
+            return;
+        }
+        activeRef.current = true;
+        // Each dispatch owns its ref: an exiting toast must not clear its replacement's handle.
+        var dispatchedElementRef = React.createRef();
+        elementRef.current = dispatchedElementRef;
+        toastIdRef.current = context.dispatchToast(tslib_1.__assign(tslib_1.__assign({}, optionsRef.current), { onDismiss: function () {
+                var _a;
+                if (mountedRef.current && elementRef.current === dispatchedElementRef) {
+                    (_a = onDismissRef.current) === null || _a === void 0 ? void 0 : _a.call(onDismissRef);
+                }
+            } }), {
+            elementRef: dispatchedElementRef,
+            onStatusChange: function (status) {
+                if (elementRef.current !== dispatchedElementRef) {
+                    return;
+                }
+                activeRef.current = status === 'queued' || status === 'visible';
+                visibleRef.current = status === 'visible';
+            },
+        });
+    }, [context]);
+    React.useImperativeHandle(forwardedRef, function () { return ({
+        get element() {
+            var _a;
+            return (_a = elementRef.current.current) !== null && _a !== void 0 ? _a : undefined;
+        },
+        show: show,
+        dismiss: dismiss,
+        isVisible: function () { return visibleRef.current; },
+        focus: function () { var _a; return (_a = elementRef.current.current) === null || _a === void 0 ? void 0 : _a.focus(); },
+    }); }, [dismiss, show]);
+    React.useEffect(function () {
+        mountedRef.current = true;
+        show();
+        return function () {
+            mountedRef.current = false;
+            dismiss();
+        };
+    }, [dismiss, show]);
+    return React.createElement(React.Fragment, null);
+};
+exports.Toast = React.forwardRef(function (props, ref) {
+    var context = React.useContext(ToastProvider_1.ToastContext);
+    var theme = props.theme, idPrefix = props.idPrefix, position = props.position, pauseOnHover = props.pauseOnHover, pauseOnWindowBlur = props.pauseOnWindowBlur, toastOptions = tslib_1.__rest(props, ["theme", "idPrefix", "position", "pauseOnHover", "pauseOnWindowBlur"]);
+    var dispatcher = (React.createElement(ToastDispatcher, tslib_1.__assign({}, toastOptions, { position: position, pauseOnHover: pauseOnHover, pauseOnWindowBlur: pauseOnWindowBlur, toastRef: ref })));
+    if (context) {
+        return dispatcher;
+    }
+    return (React.createElement(ToastProvider_1.ToastProvider, { theme: theme, idPrefix: idPrefix, position: position, pauseOnHover: pauseOnHover, pauseOnWindowBlur: pauseOnWindowBlur }, dispatcher));
+});
+exports.Toast.displayName = 'Toast';
+//# sourceMappingURL=Toast.js.map

package/lib-commonjs/controls/toast/Toast.js.map

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

package/lib-commonjs/controls/toast/ToastProvider.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToastProvider = exports.ToastContext = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var react_components_1 = require("@fluentui/react-components");
+var react_icons_1 = require("@fluentui/react-icons");
+var toastTimeout_1 = require("./toastTimeout");
+var DEFAULT_ID_PREFIX = 'toastControl-';
+var providerInstanceId = 0;
+var toastInstanceId = 0;
+exports.ToastContext = React.createContext(undefined);
+var hasContent = function (content) { return content !== undefined && content !== null; };
+var ToastProviderController = function (props) {
+    var children = props.children, theme = props.theme, idPrefix = props.idPrefix, toasterId = props.toasterId, _a = props.position, position = _a === void 0 ? 'top-end' : _a, _b = props.pauseOnHover, pauseOnHover = _b === void 0 ? true : _b, _c = props.pauseOnWindowBlur, pauseOnWindowBlur = _c === void 0 ? true : _c, limit = props.limit, offset = props.offset, mountNode = props.mountNode, inline = props.inline;
+    var controller = (0, react_components_1.useToastController)(toasterId);
+    var defaultsRef = React.useRef({ position: position, pauseOnHover: pauseOnHover, pauseOnWindowBlur: pauseOnWindowBlur });
+    var mountedRef = React.useRef(true);
+    defaultsRef.current = { position: position, pauseOnHover: pauseOnHover, pauseOnWindowBlur: pauseOnWindowBlur };
+    React.useEffect(function () {
+        mountedRef.current = true;
+        return function () { mountedRef.current = false; };
+    }, []);
+    var dispatch = React.useCallback(function (options, metadata) {
+        var defaults = defaultsRef.current;
+        var providedToastId = options.toastId, intent = options.intent, title = options.title, body = options.body, subtitle = options.subtitle, footer = options.footer, media = options.media, action = options.action, _a = options.position, toastPosition = _a === void 0 ? defaults.position : _a, _b = options.pauseOnHover, toastPauseOnHover = _b === void 0 ? defaults.pauseOnHover : _b, _c = options.pauseOnWindowBlur, toastPauseOnWindowBlur = _c === void 0 ? defaults.pauseOnWindowBlur : _c, _d = options.dismissible, dismissible = _d === void 0 ? false : _d, _e = options.dismissAriaLabel, dismissAriaLabel = _e === void 0 ? 'Dismiss notification' : _e, dismissAction = options.dismissAction, onDismiss = options.onDismiss, toastChildren = options.children, classNames = options.classNames, styles = options.styles, titleProps = options.titleProps, bodyProps = options.bodyProps, footerProps = options.footerProps, _f = options.autoDismiss, autoDismiss = _f === void 0 ? false : _f, duration = options.duration, durationUnit = options.durationUnit, toastProps = tslib_1.__rest(options, ["toastId", "intent", "title", "body", "subtitle", "footer", "media", "action", "position", "pauseOnHover", "pauseOnWindowBlur", "dismissible", "dismissAriaLabel", "dismissAction", "onDismiss", "children", "classNames", "styles", "titleProps", "bodyProps", "footerProps", "autoDismiss", "duration", "durationUnit"]);
+        var toastId = providedToastId !== null && providedToastId !== void 0 ? providedToastId : "".concat(toasterId, "-toast-").concat(++toastInstanceId);
+        var dismissActionElement = dismissAction !== null && dismissAction !== void 0 ? dismissAction : (React.createElement(react_components_1.Button, { appearance: "transparent", icon: React.createElement(react_icons_1.DismissRegular, null), "aria-label": dismissAriaLabel }));
+        var renderedAction = action !== null && action !== void 0 ? action : (dismissible ? React.createElement(react_components_1.ToastTrigger, null, dismissActionElement) : undefined);
+        var dismissed = false;
+        controller.dispatchToast(React.createElement(react_components_1.Toast, tslib_1.__assign({ tabIndex: -1 }, toastProps, { ref: metadata === null || metadata === void 0 ? void 0 : metadata.elementRef, className: (0, react_components_1.mergeClasses)(toastProps.className, classNames === null || classNames === void 0 ? void 0 : classNames.root), style: tslib_1.__assign(tslib_1.__assign({}, toastProps.style), styles === null || styles === void 0 ? void 0 : styles.root) }),
+            hasContent(title) || hasContent(renderedAction) || hasContent(media) || hasContent(titleProps === null || titleProps === void 0 ? void 0 : titleProps.action) ? (React.createElement(react_components_1.ToastTitle, tslib_1.__assign({}, titleProps, { media: hasContent(media) ? { children: media } : titleProps === null || titleProps === void 0 ? void 0 : titleProps.media, action: hasContent(renderedAction) ? { children: renderedAction } : titleProps === null || titleProps === void 0 ? void 0 : titleProps.action, className: (0, react_components_1.mergeClasses)(titleProps === null || titleProps === void 0 ? void 0 : titleProps.className, classNames === null || classNames === void 0 ? void 0 : classNames.title), style: tslib_1.__assign(tslib_1.__assign({}, titleProps === null || titleProps === void 0 ? void 0 : titleProps.style), styles === null || styles === void 0 ? void 0 : styles.title) }), title)) : null,
+            hasContent(body) || hasContent(subtitle) || hasContent(toastChildren) ? (React.createElement(react_components_1.ToastBody, tslib_1.__assign({}, bodyProps, { subtitle: hasContent(subtitle) ? { children: subtitle } : bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.subtitle, className: (0, react_components_1.mergeClasses)(bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.className, classNames === null || classNames === void 0 ? void 0 : classNames.body), style: tslib_1.__assign(tslib_1.__assign({}, bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.style), styles === null || styles === void 0 ? void 0 : styles.body) }), body !== null && body !== void 0 ? body : toastChildren)) : null,
+            hasContent(footer) ? (React.createElement(react_components_1.ToastFooter, tslib_1.__assign({}, footerProps, { className: (0, react_components_1.mergeClasses)(footerProps === null || footerProps === void 0 ? void 0 : footerProps.className, classNames === null || classNames === void 0 ? void 0 : classNames.footer), style: tslib_1.__assign(tslib_1.__assign({}, footerProps === null || footerProps === void 0 ? void 0 : footerProps.style), styles === null || styles === void 0 ? void 0 : styles.footer) }), footer)) : null), {
+            toastId: toastId,
+            intent: intent,
+            position: toastPosition,
+            timeout: (0, toastTimeout_1.getToastTimeout)({ autoDismiss: autoDismiss, duration: duration, durationUnit: durationUnit }),
+            pauseOnHover: toastPauseOnHover,
+            pauseOnWindowBlur: toastPauseOnWindowBlur,
+            onStatusChange: function (_event, data) {
+                var _a;
+                (_a = metadata === null || metadata === void 0 ? void 0 : metadata.onStatusChange) === null || _a === void 0 ? void 0 : _a.call(metadata, data.status);
+                // Fluent's imperative dismiss APIs emit unmounted, but not dismissed.
+                if (!dismissed && (data.status === 'dismissed' || data.status === 'unmounted')) {
+                    dismissed = true;
+                    if (mountedRef.current) {
+                        onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
+                    }
+                }
+            },
+        });
+        return toastId;
+    }, [controller, toasterId]);
+    var contextValue = React.useMemo(function () { return ({
+        dispatchToast: dispatch,
+        showToast: dispatch,
+        dismissToast: controller.dismissToast,
+        dismissAllToasts: controller.dismissAllToasts,
+        pauseToast: controller.pauseToast,
+        playToast: controller.playToast,
+    }); }, [controller, dispatch]);
+    return (React.createElement(exports.ToastContext.Provider, { value: contextValue },
+        React.createElement(react_components_1.IdPrefixProvider, { value: idPrefix },
+            React.createElement(react_components_1.FluentProvider, { theme: theme, style: { backgroundColor: 'transparent' } },
+                React.createElement(react_components_1.Toaster, { toasterId: toasterId, position: position, pauseOnHover: pauseOnHover, pauseOnWindowBlur: pauseOnWindowBlur, limit: limit, offset: offset, mountNode: mountNode, inline: inline }))),
+        children));
+};
+var ToastProvider = function (props) {
+    var children = props.children, _a = props.theme, theme = _a === void 0 ? react_components_1.webLightTheme : _a, _b = props.idPrefix, idPrefix = _b === void 0 ? DEFAULT_ID_PREFIX : _b, providedToasterId = props.toasterId, toasterProps = tslib_1.__rest(props, ["children", "theme", "idPrefix", "toasterId"]);
+    var toasterIdRef = React.useRef();
+    if (!toasterIdRef.current) {
+        providerInstanceId += 1;
+        toasterIdRef.current = providedToasterId !== null && providedToasterId !== void 0 ? providedToasterId : "".concat(idPrefix).concat(providerInstanceId, "-toaster");
+    }
+    return (React.createElement(ToastProviderController, tslib_1.__assign({}, toasterProps, { theme: theme, idPrefix: idPrefix, toasterId: toasterIdRef.current }), children));
+};
+exports.ToastProvider = ToastProvider;
+//# sourceMappingURL=ToastProvider.js.map

package/lib-commonjs/controls/toast/ToastProvider.js.map

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

package/lib-commonjs/controls/toast/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useToastController = exports.toastTitleClassNames = exports.toastFooterClassNames = exports.toastBodyClassNames = exports.toasterClassNames = exports.ToastTrigger = exports.ToastTitle = exports.ToastFooter = exports.ToastBody = exports.Toaster = void 0;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./IToast"), exports);
+tslib_1.__exportStar(require("./Toast"), exports);
+tslib_1.__exportStar(require("./ToastProvider"), exports);
+tslib_1.__exportStar(require("./useToast"), exports);
+var react_components_1 = require("@fluentui/react-components");
+Object.defineProperty(exports, "Toaster", { enumerable: true, get: function () { return react_components_1.Toaster; } });
+Object.defineProperty(exports, "ToastBody", { enumerable: true, get: function () { return react_components_1.ToastBody; } });
+Object.defineProperty(exports, "ToastFooter", { enumerable: true, get: function () { return react_components_1.ToastFooter; } });
+Object.defineProperty(exports, "ToastTitle", { enumerable: true, get: function () { return react_components_1.ToastTitle; } });
+Object.defineProperty(exports, "ToastTrigger", { enumerable: true, get: function () { return react_components_1.ToastTrigger; } });
+Object.defineProperty(exports, "toasterClassNames", { enumerable: true, get: function () { return react_components_1.toasterClassNames; } });
+Object.defineProperty(exports, "toastBodyClassNames", { enumerable: true, get: function () { return react_components_1.toastBodyClassNames; } });
+Object.defineProperty(exports, "toastFooterClassNames", { enumerable: true, get: function () { return react_components_1.toastFooterClassNames; } });
+Object.defineProperty(exports, "toastTitleClassNames", { enumerable: true, get: function () { return react_components_1.toastTitleClassNames; } });
+Object.defineProperty(exports, "useToastController", { enumerable: true, get: function () { return react_components_1.useToastController; } });
+//# sourceMappingURL=index.js.map

package/lib-commonjs/controls/toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/toast/index.ts"],"names":[],"mappings":";;;;AAAA,mDAAyB;AACzB,kDAAwB;AACxB,0DAAgC;AAChC,qDAA2B;AAC3B,+DAWoC;AAVlC,2GAAA,OAAO,OAAA;AACP,6GAAA,SAAS,OAAA;AACT,+GAAA,WAAW,OAAA;AACX,8GAAA,UAAU,OAAA;AACV,gHAAA,YAAY,OAAA;AACZ,qHAAA,iBAAiB,OAAA;AACjB,uHAAA,mBAAmB,OAAA;AACnB,yHAAA,qBAAqB,OAAA;AACrB,wHAAA,oBAAoB,OAAA;AACpB,sHAAA,kBAAkB,OAAA"}

package/lib-commonjs/controls/toast/toastTimeout.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getToastTimeout = void 0;
+var DEFAULT_TOAST_DURATION_MS = 3000;
+var getToastTimeout = function (options) {
+    if (!options.autoDismiss) {
+        return -1;
+    }
+    if (options.duration === undefined) {
+        return DEFAULT_TOAST_DURATION_MS;
+    }
+    return options.durationUnit === 'seconds' ? options.duration * 1000 : options.duration;
+};
+exports.getToastTimeout = getToastTimeout;
+//# sourceMappingURL=toastTimeout.js.map

package/lib-commonjs/controls/toast/toastTimeout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastTimeout.js","sourceRoot":"","sources":["../../../src/controls/toast/toastTimeout.ts"],"names":[],"mappings":";;;AAEA,IAAM,yBAAyB,GAAG,IAAI,CAAC;AAEhC,IAAM,eAAe,GAAG,UAAC,OAA6E;IAC3G,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;QACzB,OAAO,CAAC,CAAC,CAAC;IACZ,CAAC;IAED,IAAI,OAAO,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;QACnC,OAAO,yBAAyB,CAAC;IACnC,CAAC;IAED,OAAO,OAAO,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC;AACzF,CAAC,CAAC;AAVW,QAAA,eAAe,mBAU1B"}

package/lib-commonjs/controls/toast/useToast.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useToast = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var ToastProvider_1 = require("./ToastProvider");
+var useToast = function () {
+    var context = React.useContext(ToastProvider_1.ToastContext);
+    if (!context) {
+        throw new Error('useToast must be used within a ToastProvider.');
+    }
+    return context;
+};
+exports.useToast = useToast;
+//# sourceMappingURL=useToast.js.map

package/lib-commonjs/controls/toast/useToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.js","sourceRoot":"","sources":["../../../src/controls/toast/useToast.ts"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAG/B,iDAA+C;AAExC,IAAM,QAAQ,GAAG;IACtB,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,4BAAY,CAAC,CAAC;IAE/C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC;IACnE,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,QAAQ,YAQnB"}

package/lib-commonjs/index.js

@@ -14,6 +14,7 @@ tslib_1.__exportStar(require("./ListItemAttachments"), exports);
 tslib_1.__exportStar(require("./ChartControl"), exports);
 tslib_1.__exportStar(require("./Progress"), exports);
 tslib_1.__exportStar(require("./ProgressStepsIndicator"), exports);
+tslib_1.__exportStar(require("./Toast"), exports);
 tslib_1.__exportStar(require("./DateTimePicker"), exports);
 tslib_1.__exportStar(require("./FilePicker"), exports);
 tslib_1.__exportStar(require("./SPFilePicker"), exports);

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,yDAA+B;AAC/B,qDAA2B;AAC3B,wDAA8B;AAC9B,wDAA8B;AAC9B,2DAAiC;AACjC,2DAAiC;AACjC,yDAA+B;AAC/B,uDAA6B;AAC7B,2DAAiC;AACjC,gEAAsC;AACtC,yDAA+B;AAC/B,qDAA2B;AAC3B,mEAAyC;AACzC,2DAAiC;AACjC,uDAA6B;AAC7B,yDAA+B;AAC/B,2DAAiC;AACjC,yDAA+B;AAC/B,uDAA6B;AAC7B,uDAA6B;AAC7B,8DAAoC;AAEpC,yDAA+B;AAC/B,wDAA8B;AAC9B,mDAAyB;AACzB,sDAA4B;AAC5B,wDAA8B;AAC9B,wDAA8B;AAC9B,qEAA2C;AAC3C,kEAAwC;AACxC,8DAAoC;AACpC,kEAAwC;AACxC,gEAAsC;AACtC,8DAAoC;AACpC,kEAAwC;AACxC,8DAAoC;AACpC,+DAAqC;AACrC,6DAAmC;AACnC,8DAAoC;AACpC,sDAA4B;AAC5B,2DAAiC;AACjC,wDAA8B;AAC9B,qDAA2B;AAC3B,iEAAuC;AACvC,wDAA8B;AAC9B,wDAA8B;AAC9B,yDAA+B;AAC/B,wDAA8B;AAC9B,wDAA8B;AAC9B,qDAA2B;AAC3B,wDAA8B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,yDAA+B;AAC/B,qDAA2B;AAC3B,wDAA8B;AAC9B,wDAA8B;AAC9B,2DAAiC;AACjC,2DAAiC;AACjC,yDAA+B;AAC/B,uDAA6B;AAC7B,2DAAiC;AACjC,gEAAsC;AACtC,yDAA+B;AAC/B,qDAA2B;AAC3B,mEAAyC;AACzC,kDAAwB;AACxB,2DAAiC;AACjC,uDAA6B;AAC7B,yDAA+B;AAC/B,2DAAiC;AACjC,yDAA+B;AAC/B,uDAA6B;AAC7B,uDAA6B;AAC7B,8DAAoC;AAEpC,yDAA+B;AAC/B,wDAA8B;AAC9B,mDAAyB;AACzB,sDAA4B;AAC5B,wDAA8B;AAC9B,wDAA8B;AAC9B,qEAA2C;AAC3C,kEAAwC;AACxC,8DAAoC;AACpC,kEAAwC;AACxC,gEAAsC;AACtC,8DAAoC;AACpC,kEAAwC;AACxC,8DAAoC;AACpC,+DAAqC;AACrC,6DAAmC;AACnC,8DAAoC;AACpC,sDAA4B;AAC5B,2DAAiC;AACjC,wDAA8B;AAC9B,qDAA2B;AAC3B,iEAAuC;AACvC,wDAA8B;AAC9B,wDAA8B;AAC9B,yDAA+B;AAC/B,wDAA8B;AAC9B,wDAA8B;AAC9B,qDAA2B;AAC3B,wDAA8B"}

package/lib-commonjs/webparts/controlsTest/ControlsTestWebPart.manifest.json

@@ -63,6 +63,7 @@
           "ListItemComments": false,
           "ListItemPicker": false,
           "ListPicker": false,
+          "ListToolbar": false,
           "ListView": false,
           "DetailsList": false,
           "LivePersona": false,
@@ -87,6 +88,7 @@
           "TermSetNavigation": false,
           "TestControl": false,
           "Toolbar": false,
+          "Toast": false,
           "TreeView": false,
           "UploadFiles": false,
           "UserPicker": false,

package/lib-commonjs/webparts/controlsTest/components/ControlsTest.js

@@ -132,6 +132,7 @@ var ModernAudio = React.lazy(function () { return Promise.resolve().then(functio
 var TaxonomyTree = React.lazy(function () { return Promise.resolve().then(function () { return tslib_1.__importStar(require('../../../ModernTaxonomyPicker')); }).then(function (module) { return ({ default: module.TaxonomyTree }); }); });
 var Placeholder = React.lazy(function () { return Promise.resolve().then(function () { return tslib_1.__importStar(require('../../../Placeholder')); }).then(function (module) { return ({ default: module.Placeholder }); }); });
 var Progress = React.lazy(function () { return Promise.resolve().then(function () { return tslib_1.__importStar(require('../../../Progress')); }).then(function (module) { return ({ default: module.Progress }); }); });
+var Toast = React.lazy(function () { return Promise.resolve().then(function () { return tslib_1.__importStar(require('../../../Toast')); }).then(function (module) { return ({ default: module.Toast }); }); });
 var RichText = React.lazy(function () { return Promise.resolve().then(function () { return tslib_1.__importStar(require('../../../RichText')); }).then(function (module) { return ({ default: module.RichText }); }); });
 var ShareDialog = React.lazy(function () { return Promise.resolve().then(function () { return tslib_1.__importStar(require('../../../ShareDialog')); }).then(function (module) { return ({ default: module.ShareDialog }); }); });
 var SecurityTrimmedControl = React.lazy(function () { return Promise.resolve().then(function () { return tslib_1.__importStar(require('../../../SecurityTrimmedControl')); }).then(function (module) { return ({ default: module.SecurityTrimmedControl }); }); });
@@ -1598,6 +1599,10 @@ var ControlsTest = /** @class */ (function (_super) {
                 controlVisibility.ProgressStepsIndicator &&
                     React.createElement("div", { id: "ProgressStepsIndicatorDiv", className: ControlsTest_module_scss_1.default.container },
                         React.createElement(ProgressStepsIndicator, { steps: this.progressSteps, currentStep: 0, themeVariant: this.props.themeVariant })),
+                controlVisibility.Toast &&
+                    React.createElement("div", { id: "ToastDiv", className: ControlsTest_module_scss_1.default.container },
+                        React.createElement("h3", null, "Toast"),
+                        React.createElement(Toast, { title: "Decision saved", body: "This native Fluent UI toast will dismiss after five seconds.", subtitle: "Controls Test", intent: "success", dismissible: true, autoDismiss: true, duration: 5, durationUnit: "seconds" })),
                 controlVisibility.GridLayout &&
                     React.createElement("div", { id: "GridLayoutDiv", className: ControlsTest_module_scss_1.default.container },
                         React.createElement("div", { className: "ms-font-l" }, "Grid Layout"),