@heliux-org/design-system-core 0.0.305-testBuild → 0.0.305

package/dist/components/Table/components/newComponents/ThemeProvider/ThemeProvider.js

@@ -0,0 +1,204 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+const React = __importStar(require("react"));
+const ReactDOM = __importStar(require("react-dom"));
+const classnames_1 = __importDefault(require("classnames"));
+const index_1 = require("../utils/index");
+const Box_1 = require("../utils/components/Box");
+const ThemeContext_1 = require("./ThemeContext");
+const Toaster_1 = require("../Toast/Toaster");
+/**
+ * This component provides global state and applies theme to the entire tree
+ * that it is wrapping around.
+ *
+ * The `theme` prop defaults to "inherit", which looks upwards for closest ThemeProvider
+ * and falls back to "light" theme if one is not found.
+ *
+ * If you want to theme the entire app, you should use this component at the root. You can also
+ * use this component to apply a different theme to only a part of the tree.
+ *
+ * By default, the topmost `ThemeProvider` in the tree will apply the recommended
+ * `background-color`. You can override this behavior using `themeOptions.applyBackground`.
+ *
+ * @example
+ * <ThemeProvider theme='os'>
+ *  <App />
+ * </ThemeProvider>
+ *
+ * @example
+ * <ThemeProvider as='body'>
+ *   <App />
+ * </ThemeProvider>
+ *
+ * @example
+ * <ThemeProvider theme='dark' themeOptions={{ applyBackground: false }}>
+ *  <App />
+ * </ThemeProvider>
+ */
+exports.ThemeProvider = React.forwardRef((props, forwardedRef) => {
+    var _a, _b, _c;
+    const { theme: themeProp = 'inherit', children, themeOptions = {}, portalContainer: portalContainerProp, includeCss = themeProp === 'inherit' } = props, rest = __rest(props, ["theme", "children", "themeOptions", "portalContainer", "includeCss"]);
+    const [rootElement, setRootElement] = React.useState(null);
+    const parent = useParentThemeAndContext(rootElement);
+    const theme = themeProp === 'inherit' ? parent.theme || 'light' : themeProp;
+    // default apply background only for topmost ThemeProvider
+    (_a = themeOptions.applyBackground) !== null && _a !== void 0 ? _a : (themeOptions.applyBackground = !parent.theme);
+    // default inherit highContrast option from parent if also inheriting base theme
+    (_b = themeOptions.highContrast) !== null && _b !== void 0 ? _b : (themeOptions.highContrast = themeProp === 'inherit' ? parent.highContrast : undefined);
+    /**
+     * We will portal our portal container into `portalContainer` prop (if specified),
+     * or inherit `portalContainer` from context (if also inheriting theme).
+     */
+    const portaledPortalContainer = portalContainerProp ||
+        (themeProp === 'inherit' ? (_c = parent.context) === null || _c === void 0 ? void 0 : _c.portalContainer : undefined);
+    const [portalContainer, setPortalContainer] = (0, index_1.useControlledState)(null, portaledPortalContainer);
+    const contextValue = React.useMemo(() => ({ theme, themeOptions, portalContainer }), 
+    // we do include all dependencies below, but we want to stringify the objects as they could be different on each render
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [theme, JSON.stringify(themeOptions), portalContainer]);
+    return ((0, jsx_runtime_1.jsxs)(ThemeContext_1.ThemeContext.Provider, Object.assign({ value: contextValue }, { children: [includeCss && rootElement ? (0, jsx_runtime_1.jsx)(FallbackStyles, { root: rootElement }) : null, (0, jsx_runtime_1.jsx)(Root, Object.assign({ theme: theme, themeOptions: themeOptions, ref: (0, index_1.useMergedRefs)(forwardedRef, setRootElement) }, rest, { children: (0, jsx_runtime_1.jsxs)(Toaster_1.ToastProvider, { children: [children, portaledPortalContainer ? (ReactDOM.createPortal((0, jsx_runtime_1.jsx)(Toaster_1.Toaster, {}), portaledPortalContainer)) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: setPortalContainer, style: { display: 'contents' } }, { children: (0, jsx_runtime_1.jsx)(Toaster_1.Toaster, {}) })))] }) }))] })));
+});
+// ----------------------------------------------------------------------------
+const Root = React.forwardRef((props, forwardedRef) => {
+    var _a;
+    const { theme, children, themeOptions, className } = props, rest = __rest(props, ["theme", "children", "themeOptions", "className"]);
+    const prefersDark = (0, index_1.useMediaQuery)('(prefers-color-scheme: dark)');
+    const prefersHighContrast = (0, index_1.useMediaQuery)('(prefers-contrast: more)');
+    const shouldApplyDark = theme === 'dark' || (theme === 'os' && prefersDark);
+    const shouldApplyHC = (_a = themeOptions === null || themeOptions === void 0 ? void 0 : themeOptions.highContrast) !== null && _a !== void 0 ? _a : prefersHighContrast;
+    const shouldApplyBackground = themeOptions === null || themeOptions === void 0 ? void 0 : themeOptions.applyBackground;
+    return ((0, jsx_runtime_1.jsx)(Box_1.Box, Object.assign({ className: (0, classnames_1.default)('iui-root', { 'iui-root-background': shouldApplyBackground }, className), "data-iui-theme": shouldApplyDark ? 'dark' : 'light', "data-iui-contrast": shouldApplyHC ? 'high' : 'default', ref: forwardedRef }, rest, { children: children })));
+});
+// ----------------------------------------------------------------------------
+/**
+ * Returns theme information from either parent ThemeContext or by reading the closest
+ * data-iui-theme attribute if context is not found.
+ *
+ * Also returns the ThemeContext itself (if found).
+ */
+const useParentThemeAndContext = (rootElement) => {
+    var _a, _b, _c, _d;
+    const parentContext = React.useContext(ThemeContext_1.ThemeContext);
+    const [parentThemeState, setParentTheme] = React.useState(parentContext === null || parentContext === void 0 ? void 0 : parentContext.theme);
+    const [parentHighContrastState, setParentHighContrastState] = React.useState((_a = parentContext === null || parentContext === void 0 ? void 0 : parentContext.themeOptions) === null || _a === void 0 ? void 0 : _a.highContrast);
+    const parentThemeRef = (0, index_1.useLatestRef)(parentContext === null || parentContext === void 0 ? void 0 : parentContext.theme);
+    (0, index_1.useLayoutEffect)(() => {
+        var _a;
+        // bail if we already have theme from context
+        if (parentThemeRef.current) {
+            return;
+        }
+        // find parent theme from closest data-iui-theme attribute
+        const closestRoot = (_a = rootElement === null || rootElement === void 0 ? void 0 : rootElement.parentElement) === null || _a === void 0 ? void 0 : _a.closest('[data-iui-theme]');
+        if (!closestRoot) {
+            return;
+        }
+        // helper function that updates state to match data attributes from closest root
+        const synchronizeTheme = () => {
+            setParentTheme(closestRoot === null || closestRoot === void 0 ? void 0 : closestRoot.getAttribute('data-iui-theme'));
+            setParentHighContrastState((closestRoot === null || closestRoot === void 0 ? void 0 : closestRoot.getAttribute('data-iui-contrast')) === 'high');
+        };
+        // set theme for initial mount
+        synchronizeTheme();
+        // use mutation observers to listen to future updates to data attributes
+        const observer = new MutationObserver(() => synchronizeTheme());
+        observer.observe(closestRoot, {
+            attributes: true,
+            attributeFilter: ['data-iui-theme', 'data-iui-contrast'],
+        });
+        return () => {
+            observer.disconnect();
+        };
+    }, [rootElement, parentThemeRef]);
+    return {
+        theme: (_b = parentContext === null || parentContext === void 0 ? void 0 : parentContext.theme) !== null && _b !== void 0 ? _b : parentThemeState,
+        highContrast: (_d = (_c = parentContext === null || parentContext === void 0 ? void 0 : parentContext.themeOptions) === null || _c === void 0 ? void 0 : _c.highContrast) !== null && _d !== void 0 ? _d : parentHighContrastState,
+        context: parentContext,
+    };
+};
+// ----------------------------------------------------------------------------
+/**
+ * When `@itwin/itwinui-react/styles.css` is not imported, we will attempt to
+ * dynamically import it (if possible) and fallback to loading it from a CDN.
+ */
+const FallbackStyles = ({ root }) => {
+    (0, index_1.useLayoutEffect)(() => {
+        // bail if styles are already loaded
+        if (getComputedStyle(root).getPropertyValue('--_iui-v3-loaded') === 'yes') {
+            return;
+        }
+        // bail if isUnitTest because unit tests don't care about CSS 🤷
+        if (index_1.isUnitTest) {
+            return;
+        }
+        (() => __awaiter(void 0, void 0, void 0, function* () {
+            try {
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                // await import('../../../styles.css');
+            }
+            catch (error) {
+                console.log('Error loading styles.css locally', error);
+                const css = yield (0, index_1.importCss)('https://cdn.jsdelivr.net/npm/@itwin/itwinui-react@3/styles.css');
+                document.adoptedStyleSheets = [
+                    ...document.adoptedStyleSheets,
+                    css.default,
+                ];
+            }
+        }))();
+    }, [root]);
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+};
+//# sourceMappingURL=ThemeProvider.js.map

package/dist/components/Table/components/newComponents/ThemeProvider/ThemeProvider.js.map

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

package/dist/components/Table/components/newComponents/Toast/Toast.js

@@ -0,0 +1,141 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToastPresentation = exports.Toast = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+// @ts-nocheck
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const index_1 = require("../utils/index");
+const ButtonBase_1 = require("../utils/components/ButtonBase");
+const Box_1 = require("../utils/components/Box");
+const IconButton_1 = require("../Buttons/IconButton");
+// import { ToasterStateContext } from "./Toaster";
+const Icon_1 = __importDefault(require("../../../../Icon/Icon"));
+const Close_1 = __importDefault(require("../../../../Icon/Icons/components/Close"));
+const isMotionOk = () => { var _a, _b, _c; return (_c = (_b = (_a = (0, index_1.getWindow)()) === null || _a === void 0 ? void 0 : _a.matchMedia) === null || _b === void 0 ? void 0 : _b.call(_a, "(prefers-reduced-motion: no-preference)")) === null || _c === void 0 ? void 0 : _c.matches; };
+/**
+ * Generic Toast Component
+ * @example
+ * <Toast type='persisting' content='Job processing completed.' category='positive' link={{onClick:() => {alert('Link callback')}, title:'View the report'}} />
+ * <Toast type='temporary' content='Processing completed.' category='positive' />
+ * <Toast type='temporary' content='26 files are available for synchronization.' category='informational' />
+ * <Toast type='persisting' content='Job processing error.' category='negative' />
+ */
+const Toast = (props) => {
+    const { content, category, type = "temporary", isVisible: isVisibleProp, link, duration = 7000, hasCloseButton, onRemove, animateOutTo, domProps, } = props;
+    const closeTimeout = React.useRef(0);
+    const [visible, setVisible] = React.useState(isVisibleProp !== null && isVisibleProp !== void 0 ? isVisibleProp : true);
+    const isVisible = isVisibleProp !== null && isVisibleProp !== void 0 ? isVisibleProp : visible;
+    const [height, setHeight] = React.useState(0);
+    const thisElement = React.useRef(null);
+    const [margin, setMargin] = React.useState(0);
+    const marginStyle = () => {
+        return { marginBlockStart: margin };
+    };
+    React.useEffect(() => {
+        if (type === "temporary") {
+            setCloseTimeout(duration);
+        }
+        return () => {
+            clearCloseTimeout();
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [duration, type]);
+    React.useEffect(() => {
+        // if we don't have animateOutTo point and not isVisible, set negative margin to move other toasts up.
+        // Close all and close on toasts with no anchor.
+        if (!isVisible && !animateOutTo) {
+            setMargin(-height);
+        }
+    }, [isVisible, animateOutTo, setMargin, height]);
+    const close = () => {
+        clearCloseTimeout();
+        // move element up when this element is closed.
+        setMargin(-height);
+        setVisible(false);
+    };
+    const setCloseTimeout = (timeout) => {
+        const definedWindow = (0, index_1.getWindow)();
+        if (!definedWindow) {
+            return;
+        }
+        closeTimeout.current = definedWindow.setTimeout(() => {
+            close();
+        }, timeout);
+    };
+    const clearCloseTimeout = () => {
+        var _a;
+        (_a = (0, index_1.getWindow)()) === null || _a === void 0 ? void 0 : _a.clearTimeout(closeTimeout.current);
+    };
+    const onRef = (ref) => {
+        if (ref) {
+            const { height } = ref.getBoundingClientRect();
+            setHeight(height);
+        }
+    };
+    const calculateOutAnimation = (node) => {
+        // calculation translate x and y pixels.
+        let translateX = 0;
+        let translateY = 0;
+        if (animateOutTo && node) {
+            const { x: startX, y: startY } = node.getBoundingClientRect(); // current element
+            const { x: endX, y: endY } = animateOutTo.getBoundingClientRect(); // anchor point
+            translateX = endX - startX;
+            translateY = endY - startY;
+        }
+        return { translateX, translateY };
+    };
+    return ((0, jsx_runtime_1.jsx)(Box_1.Box, Object.assign({ ref: thisElement, className: "iui-toast-all", style: Object.assign({ height }, marginStyle()) }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: onRef }, { children: (0, jsx_runtime_1.jsx)(exports.ToastPresentation, Object.assign({ as: "div", category: category, content: content, link: link, type: type, hasCloseButton: hasCloseButton, onClose: close }, domProps === null || domProps === void 0 ? void 0 : domProps.toastProps, { contentProps: domProps === null || domProps === void 0 ? void 0 : domProps.contentProps })) })) })));
+};
+exports.Toast = Toast;
+/**
+ * The presentational part of a toast, without any animation or logic.
+ * @private
+ */
+exports.ToastPresentation = React.forwardRef((props, forwardedRef) => {
+    const { content, category, type = "temporary", link, hasCloseButton, onClose, className, contentProps } = props, rest = __rest(props, ["content", "category", "type", "link", "hasCloseButton", "onClose", "className", "contentProps"]);
+    // const StatusIcon = StatusIconMap[category];
+    return ((0, jsx_runtime_1.jsxs)(Box_1.Box, Object.assign({ className: (0, classnames_1.default)(`iui-toast iui-${category}`, className), ref: forwardedRef }, rest, { children: [(0, jsx_runtime_1.jsx)(Box_1.Box, { className: "iui-status-area" }), (0, jsx_runtime_1.jsx)(Box_1.Box, Object.assign({ as: "div" }, contentProps, { className: (0, classnames_1.default)("iui-message", contentProps === null || contentProps === void 0 ? void 0 : contentProps.className) }, { children: content })), link && ((0, jsx_runtime_1.jsx)(ButtonBase_1.ButtonBase, Object.assign({ className: "iui-toast-anchor" }, link, { title: undefined }, { children: link.title }))), (type === "persisting" || hasCloseButton) && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, Object.assign({ size: "small", styleType: "borderless", onClick: onClose, "aria-label": "Close" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { icon: Close_1.default }) })))] })));
+});
+//# sourceMappingURL=Toast.js.map

package/dist/components/Table/components/newComponents/Toast/Toast.js.map

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

package/dist/components/Table/components/newComponents/Toast/Toaster.js

@@ -0,0 +1,123 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToasterStateContext = exports.ToastProvider = exports.Toaster = exports.useToaster = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const index_1 = require("../utils/index");
+const Box_1 = require("../utils/components/Box");
+const Toast_1 = require("./Toast");
+// ----------------------------------------------------------------------------
+const useToaster = () => {
+    const dispatch = (0, index_1.useSafeContext)(ToasterDispatchContext);
+    return React.useMemo(() => {
+        const showToast = (category) => (content, options) => {
+            const id = nextId();
+            dispatch({
+                type: "add",
+                toast: Object.assign(Object.assign({}, options), { id, content, category }),
+            });
+            return { close: () => dispatch({ type: "remove", id }) };
+        };
+        return {
+            positive: showToast("positive"),
+            informational: showToast("informational"),
+            negative: showToast("negative"),
+            warning: showToast("warning"),
+            closeAll: () => {
+                dispatch({ type: "close-all" });
+            },
+            setSettings: (settings) => {
+                dispatch({ type: "settings", settings });
+            },
+        };
+    }, [dispatch]);
+};
+exports.useToaster = useToaster;
+// ----------------------------------------------------------------------------
+const Toaster = () => {
+    const { toasts, settings } = (0, index_1.useSafeContext)(exports.ToasterStateContext);
+    return ((0, jsx_runtime_1.jsx)(Box_1.Box, Object.assign({ className: (0, classnames_1.default)(`iui-toast-wrapper`, `iui-placement-${settings.placement}`) }, { children: toasts.map((toastProps) => {
+            return (0, jsx_runtime_1.jsx)(Toast_1.Toast, Object.assign({}, toastProps), toastProps.id);
+        }) })));
+};
+exports.Toaster = Toaster;
+// ----------------------------------------------------------------------------
+const ToastProvider = ({ children }) => {
+    const [toasterState, dispatch] = React.useReducer(toastReducer, {
+        toasts: [],
+        settings: {
+            order: "auto",
+            placement: "top",
+        },
+    });
+    return ((0, jsx_runtime_1.jsx)(ToasterDispatchContext.Provider, Object.assign({ value: dispatch }, { children: (0, jsx_runtime_1.jsx)(exports.ToasterStateContext.Provider, Object.assign({ value: toasterState }, { children: children })) })));
+};
+exports.ToastProvider = ToastProvider;
+const toastReducer = (state, action) => {
+    if (action.type === "add") {
+        let order = state.settings.order;
+        if (order === "auto") {
+            order = state.settings.placement.startsWith("top")
+                ? "descending"
+                : "ascending";
+        }
+        return Object.assign(Object.assign({}, state), { toasts: [
+                ...(order === "ascending" ? state.toasts : []),
+                action.toast,
+                ...(order === "descending" ? state.toasts : []),
+            ] });
+    }
+    if (action.type === "remove") {
+        return Object.assign(Object.assign({}, state), { toasts: state.toasts.filter((toast) => toast.id !== action.id) });
+    }
+    if (action.type === "close-all") {
+        return Object.assign(Object.assign({}, state), { toasts: state.toasts.map((toast) => (Object.assign(Object.assign({}, toast), { isVisible: false }))) });
+    }
+    if (action.type === "settings") {
+        return Object.assign(Object.assign({}, state), { settings: Object.assign(Object.assign({}, state.settings), action.settings) });
+    }
+    return state;
+};
+// ----------------------------------------------------------------------------
+exports.ToasterStateContext = React.createContext(undefined);
+exports.ToasterStateContext.displayName = "ToasterStateContext";
+// ----------------------------------------------------------------------------
+const ToasterDispatchContext = React.createContext(undefined);
+ToasterDispatchContext.displayName = "ToasterDispatchContext";
+// ----------------------------------------------------------------------------
+const nextId = (() => {
+    let count = 0;
+    return () => ++count;
+})();
+//# sourceMappingURL=Toaster.js.map

package/dist/components/Table/components/newComponents/Toast/Toaster.js.map

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

package/dist/components/Table/components/newComponents/VisuallyHidden/VisuallyHidden.js

@@ -0,0 +1,77 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VisuallyHidden = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const ShadowRoot_1 = require("../utils/components/ShadowRoot");
+const Box_1 = require("../utils/components/Box");
+/**
+ * Hides content visually but keeps it still accessible to screen readers
+ * and other assistive technologies.
+ *
+ * @example
+ * <div aria-hidden='true'>★★★☆☆</div>
+ * <VisuallyHidden>3 stars out of 5</VisuallyHidden>
+ *
+ * @see https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html
+ */
+exports.VisuallyHidden = React.forwardRef((props, ref) => {
+    const { as: asProp = "span", className, unhideOnFocus = true, children: childrenProp } = props, rest = __rest(props, ["as", "className", "unhideOnFocus", "children"]);
+    // ShadowRoot is not supported on all elements, so we only use it for few common ones.
+    const children = !["div", "span", "p"].includes(asProp) ? (childrenProp) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ShadowRoot_1.ShadowRoot, Object.assign({ css: css }, { children: (0, jsx_runtime_1.jsx)("slot", {}) })), childrenProp] }));
+    return ((0, jsx_runtime_1.jsx)(Box_1.Box, Object.assign({ as: asProp, className: (0, classnames_1.default)("iui-visually-hidden", className), "data-iui-unhide-on-focus": unhideOnFocus ? true : undefined, ref: ref }, rest, { children: children })));
+});
+// ----------------------------------------------------------------------------
+const css = /* css */ `
+  :host(:where(:not([data-iui-unhide-on-focus]:is(:focus-within, :active)))) {
+    clip-path: inset(50%) !important;
+    overflow: hidden !important;
+    position: absolute !important;
+    white-space: nowrap !important;
+    block-size: 1px !important;
+    inline-size: 1px !important;
+  }
+`;
+//# sourceMappingURL=VisuallyHidden.js.map

package/dist/components/Table/components/newComponents/VisuallyHidden/VisuallyHidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/newComponents/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,6CAA+B;AAC/B,4DAA4B;AAE5B,+DAA4D;AAC5D,iDAA8C;AAW9C;;;;;;;;;GASG;AACU,QAAA,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC5D,MAAM,EACJ,EAAE,EAAE,MAAM,GAAG,MAAM,EACnB,SAAS,EACT,aAAa,GAAG,IAAI,EACpB,QAAQ,EAAE,YAAY,KAEpB,KAAK,EADJ,IAAI,UACL,KAAK,EANH,gDAML,CAAQ,CAAC;IAEV,sFAAsF;IACtF,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CACxD,YAAY,CACb,CAAC,CAAC,CAAC,CACF,6DACE,uBAAC,uBAAU,kBAAC,GAAG,EAAE,GAAG,gBAClB,kCAAQ,IACG,EACZ,YAAY,IACZ,CACJ,CAAC;IAEF,OAAO,CACL,uBAAC,SAAG,kBACF,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,IAAA,oBAAE,EAAC,qBAAqB,EAAE,SAAS,CAAC,8BACrB,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC1D,GAAG,EAAE,GAAG,IACJ,IAAI,cAEP,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAmE,CAAC;AAErE,+EAA+E;AAE/E,MAAM,GAAG,GAAG,SAAS,CAAC;;;;;;;;;CASrB,CAAC"}