@heliux-org/design-system-core 0.0.306-Test → 0.0.306

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

@@ -0,0 +1,99 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropdownMenu = 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 index_1 = require("../utils/index");
+const Portal_1 = require("../utils/components/Portal");
+const Menu_1 = require("../Menu/Menu");
+const Popover_1 = require("../Popover/Popover");
+/**
+ * Dropdown menu component.
+ * Built on top of the {@link Popover} component.
+ * @example
+ * const menuItems = (close: () => void) => [
+ *   <MenuItem key={1} onClick={onClick(1, close)}>
+ *     Item #1
+ *   </MenuItem>,
+ *   <MenuItem key={2} onClick={onClick(2, close)}>
+ *     Item #2
+ *   </MenuItem>,
+ *   <MenuItem key={3} onClick={onClick(3, close)}>
+ *     Item #3
+ *   </MenuItem>,
+ * ];
+ * <DropdownMenu menuItems={menuItems}>
+ *   <Button>Menu</Button>
+ * </DropdownMenu>
+ */
+exports.DropdownMenu = React.forwardRef((props, forwardedRef) => {
+    const { menuItems, children, role = "menu", visible: visibleProp, placement = "bottom-start", matchWidth = false, onVisibleChange, portal = true } = props, rest = __rest(props, ["menuItems", "children", "role", "visible", "placement", "matchWidth", "onVisibleChange", "portal"]);
+    const [visible, setVisible] = (0, index_1.useControlledState)(false, visibleProp, onVisibleChange);
+    const triggerRef = React.useRef(null);
+    const close = React.useCallback(() => {
+        var _a;
+        setVisible(false);
+        (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true });
+    }, [setVisible]);
+    const menuContent = React.useMemo(() => {
+        if (typeof menuItems === "function") {
+            return menuItems(close);
+        }
+        return menuItems;
+    }, [menuItems, close]);
+    const popover = (0, Popover_1.usePopover)({
+        visible,
+        onVisibleChange: (open) => (open ? setVisible(true) : close()),
+        placement,
+        matchWidth,
+    });
+    const popoverRef = (0, index_1.useMergedRefs)(forwardedRef, popover.refs.setFloating);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, index_1.cloneElementWithRef)(children, (children) => (Object.assign(Object.assign({}, popover.getReferenceProps(children.props)), { "aria-expanded": popover.open, ref: (0, index_1.mergeRefs)(triggerRef, popover.refs.setReference) }))), popover.open && ((0, jsx_runtime_1.jsx)(Portal_1.Portal, Object.assign({ portal: portal }, { children: (0, jsx_runtime_1.jsx)(Menu_1.Menu, Object.assign({}, popover.getFloatingProps(Object.assign(Object.assign({ role }, rest), { onKeyDown: (0, index_1.mergeEventHandlers)(props.onKeyDown, (e) => {
+                        if (e.defaultPrevented) {
+                            return;
+                        }
+                        if (e.key === "Tab") {
+                            close();
+                        }
+                    }) })), { ref: popoverRef }, { children: menuContent })) })))] }));
+});
+//# sourceMappingURL=DropdownMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/newComponents/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,cAAc;AAEd,6CAA+B;AAC/B,0CAMwB;AACxB,uDAAoD;AAKpD,uCAAoC;AACpC,gDAAgD;AA2BhD;;;;;;;;;;;;;;;;;;GAkBG;AACU,QAAA,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE;IACnE,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,MAAM,EACb,OAAO,EAAE,WAAW,EACpB,SAAS,GAAG,cAAc,EAC1B,UAAU,GAAG,KAAK,EAClB,eAAe,EACf,MAAM,GAAG,IAAI,KAEX,KAAK,EADJ,IAAI,UACL,KAAK,EAVH,oGAUL,CAAQ,CAAC;IAEV,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,0BAAkB,EAC9C,KAAK,EACL,WAAW,EACX,eAAe,CAChB,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,CAAC;IAEnD,MAAM,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;;QACnC,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,MAAA,UAAU,CAAC,OAAO,0CAAE,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;IACrD,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,IAAI,OAAO,SAAS,KAAK,UAAU,EAAE;YACnC,OAAO,SAAS,CAAC,KAAK,CAAC,CAAC;SACzB;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvB,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC;QACzB,OAAO;QACP,eAAe,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QAC9D,SAAS;QACT,UAAU;KACX,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,IAAA,qBAAa,EAAC,YAAY,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAEzE,OAAO,CACL,6DACG,IAAA,2BAAmB,EAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCACxC,OAAO,CAAC,iBAAiB,CAAC,QAAQ,CAAC,KAAK,CAAC,KAC5C,eAAe,EAAE,OAAO,CAAC,IAAI,EAC7B,GAAG,EAAE,IAAA,iBAAS,EAAC,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,IACrD,CAAC,EACF,OAAO,CAAC,IAAI,IAAI,CACf,uBAAC,eAAM,kBAAC,MAAM,EAAE,MAAM,gBACpB,uBAAC,WAAI,oBACC,OAAO,CAAC,gBAAgB,+BAC1B,IAAI,IACD,IAAI,KACP,SAAS,EAAE,IAAA,0BAAkB,EAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;wBACnD,IAAI,CAAC,CAAC,gBAAgB,EAAE;4BACtB,OAAO;yBACR;wBACD,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,EAAE;4BACnB,KAAK,EAAE,CAAC;yBACT;oBACH,CAAC,CAAC,IACF,IACF,GAAG,EAAE,UAAU,gBAEd,WAAW,IACP,IACA,CACV,IACA,CACJ,CAAC;AACJ,CAAC,CAA6D,CAAC"}

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

@@ -0,0 +1,62 @@
+"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.Input = 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 classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
+const index_1 = require("../utils/index");
+const Box_1 = require("../utils/components/Box");
+/**
+ * Basic input component
+ * @example
+ * <Input disabled />
+ * <Input size='small' />
+ */
+exports.Input = React.forwardRef((props, ref) => {
+    const { size, htmlSize, status, className } = props, rest = __rest(props, ["size", "htmlSize", "status", "className"]);
+    const inputRef = React.useRef(null);
+    const refs = (0, index_1.useMergedRefs)(inputRef, ref);
+    return ((0, jsx_runtime_1.jsx)(Box_1.Box, Object.assign({ as: "input", className: (0, classnames_1.default)("iui-input", className), "data-iui-size": size, "data-iui-status": status, size: htmlSize, ref: refs }, rest)));
+});
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/newComponents/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,4DAA4B;AAC5B,6CAA+B;AAC/B,0CAA+C;AAC/C,iDAA8C;AAmB9C;;;;;GAKG;AACU,QAAA,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACnD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAtD,2CAA8C,CAAQ,CAAC;IAC7D,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IACtD,MAAM,IAAI,GAAG,IAAA,qBAAa,EAAmB,QAAQ,EAAE,GAAG,CAAC,CAAC;IAE5D,OAAO,CACL,uBAAC,SAAG,kBACF,EAAE,EAAC,OAAO,EACV,SAAS,EAAE,IAAA,oBAAE,EAAC,WAAW,EAAE,SAAS,CAAC,mBACtB,IAAI,qBACF,MAAM,EACvB,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,IAAI,IACL,IAAI,EACR,CACH,CAAC;AACJ,CAAC,CAAwD,CAAC"}

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

@@ -0,0 +1,103 @@
+"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.Menu = 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");
+/**
+ * Basic menu component. Can be used for select or dropdown components.
+ */
+exports.Menu = React.forwardRef((props, ref) => {
+    const { setFocus = true, className } = props, rest = __rest(props, ["setFocus", "className"]);
+    const [focusedIndex, setFocusedIndex] = React.useState();
+    const menuRef = React.useRef(null);
+    const refs = (0, index_1.useMergedRefs)(menuRef, ref);
+    const getFocusableNodes = React.useCallback(() => {
+        const focusableItems = (0, index_1.getFocusableElements)(menuRef.current);
+        // Filter out focusable elements that are inside each menu item, e.g. checkbox, anchor
+        return focusableItems.filter((i) => !focusableItems.some((p) => p.contains(i.parentElement)));
+    }, []);
+    React.useEffect(() => {
+        var _a;
+        const items = getFocusableNodes();
+        if (focusedIndex != null) {
+            (_a = items === null || items === void 0 ? void 0 : items[focusedIndex]) === null || _a === void 0 ? void 0 : _a.focus();
+            return;
+        }
+        const selectedIndex = items.findIndex((el) => el.getAttribute("aria-selected") === "true");
+        if (setFocus) {
+            setFocusedIndex(selectedIndex > -1 ? selectedIndex : 0);
+        }
+    }, [setFocus, focusedIndex, getFocusableNodes]);
+    const onKeyDown = (event) => {
+        if (event.altKey) {
+            return;
+        }
+        const items = getFocusableNodes();
+        if (!(items === null || items === void 0 ? void 0 : items.length)) {
+            return;
+        }
+        const currentIndex = focusedIndex !== null && focusedIndex !== void 0 ? focusedIndex : 0;
+        switch (event.key) {
+            case "ArrowDown": {
+                setFocusedIndex(Math.min(currentIndex + 1, items.length - 1));
+                event.preventDefault();
+                event.stopPropagation();
+                break;
+            }
+            case "ArrowUp": {
+                setFocusedIndex(Math.max(currentIndex - 1, 0));
+                event.preventDefault();
+                event.stopPropagation();
+                break;
+            }
+            default:
+                break;
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(Box_1.Box, Object.assign({ as: "div", className: (0, classnames_1.default)("iui-menu", className), role: "menu", ref: refs }, rest, { onKeyDown: (0, index_1.mergeEventHandlers)(props.onKeyDown, onKeyDown) })));
+});
+//# sourceMappingURL=Menu.js.map

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

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

package/dist/components/Table/components/newComponents/Menu/MenuDivider.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuDivider = void 0;
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+const index_1 = require("../utils/index");
+/**
+ * Divider between menu items. Should be used inside `Menu`.
+ * @example
+ * <Menu>
+ *   {(close) => [
+ *     <MenuItem key={0} onClick={() => {}}>
+ *       Item #1
+ *     </MenuItem>,
+ *     <MenuDivider key={1} />,
+ *     <MenuItem key={2} onClick={() => {}}>
+ *       Item #2
+ *     </MenuItem>,
+ *   ]}
+ * </Menu>
+ */
+exports.MenuDivider = (0, index_1.polymorphic)("iui-menu-divider", {
+    role: "separator",
+});
+//# sourceMappingURL=MenuDivider.js.map

package/dist/components/Table/components/newComponents/Menu/MenuDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/newComponents/Menu/MenuDivider.tsx"],"names":[],"mappings":";;;AAAA;;;gGAGgG;AAChG,0CAA6C;AAE7C;;;;;;;;;;;;;;GAcG;AACU,QAAA,WAAW,GAAG,IAAA,mBAAW,EAAC,kBAAkB,EAAE;IACzD,IAAI,EAAE,WAAW;CAClB,CAAC,CAAC"}

package/dist/components/Table/components/newComponents/Menu/MenuExtraContent.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuExtraContent = void 0;
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+const index_1 = require("../utils/index");
+/**
+ * Component that allows to have any additional content inside `Menu`.
+ * @example
+ * <Menu>
+ *   {(close) => [
+ *     <MenuExtraContent key={0}>
+ *       <>
+ *         <Text variant='leading'>Terry Rivers</Text>
+ *           terry.rivers@email.com
+ *         </Text>
+ *         <Select options={someOptions} />
+ *       </>
+ *     </MenuExtraContent>,
+ *     <MenuDivider key={1} />,
+ *     <MenuItem key={2} onClick={() => {}}>
+ *       Sign out
+ *     </MenuItem>,
+ *   ]}
+ * </Menu>
+ */
+exports.MenuExtraContent = index_1.polymorphic.li("iui-menu-content", {
+    role: "presentation",
+});
+//# sourceMappingURL=MenuExtraContent.js.map

package/dist/components/Table/components/newComponents/Menu/MenuExtraContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuExtraContent.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/newComponents/Menu/MenuExtraContent.tsx"],"names":[],"mappings":";;;AAAA;;;gGAGgG;AAChG,0CAA6C;AAE7C;;;;;;;;;;;;;;;;;;;GAmBG;AACU,QAAA,gBAAgB,GAAG,mBAAW,CAAC,EAAE,CAAC,kBAAkB,EAAE;IACjE,IAAI,EAAE,cAAc;CACrB,CAAC,CAAC"}

package/dist/components/Table/components/newComponents/Menu/MenuItem.js

@@ -0,0 +1,139 @@
+"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.MenuItem = 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 index_1 = require("../utils/index");
+const Portal_1 = require("../utils/components/Portal");
+const Menu_1 = require("./Menu");
+const ListItem_1 = __importDefault(require("../../../../ListItem/ListItem"));
+const react_dom_1 = require("react-dom");
+const Popover_1 = require("../Popover/Popover");
+const Icon_1 = __importDefault(require("../../../../Icon/Icon"));
+const DropdownChevronRight_1 = __importDefault(require("../../../../Icon/Icons/components/DropdownChevronRight"));
+/**
+ * Context used to provide menu item ref to sub-menu items.
+ */
+const MenuItemContext = React.createContext({ ref: undefined, setIsNestedSubmenuVisible: () => { } });
+/**
+ * Basic menu item component. Should be used inside `Menu` component for each item.
+ */
+exports.MenuItem = React.forwardRef((props, forwardedRef) => {
+    const { children, isSelected, disabled, value, onClick, sublabel, size = !!sublabel ? "large" : "default", icon, startIcon = icon, badge, endIcon = badge, role = "menuitem", subMenuItems = [] } = props, rest = __rest(props, ["children", "isSelected", "disabled", "value", "onClick", "sublabel", "size", "icon", "startIcon", "badge", "endIcon", "role", "subMenuItems"]);
+    const menuItemRef = React.useRef(null);
+    const [focusOnSubmenu, setFocusOnSubmenu] = React.useState(false);
+    const submenuId = (0, index_1.useId)();
+    const [isSubmenuVisible, setIsSubmenuVisible] = React.useState(false);
+    const [isNestedSubmenuVisible, setIsNestedSubmenuVisible] = React.useState(false);
+    const parent = React.useContext(MenuItemContext);
+    const onVisibleChange = (open) => {
+        setIsSubmenuVisible(open);
+        // we don't want parent to close when mouse goes into a nested submenu,
+        // so we need to let the parent know whether the submenu is still open.
+        parent.setIsNestedSubmenuVisible(open);
+    };
+    const popover = (0, Popover_1.usePopover)({
+        visible: isSubmenuVisible || isNestedSubmenuVisible,
+        onVisibleChange,
+        placement: "right-start",
+        trigger: { hover: true, focus: true },
+    });
+    const onKeyDown = (event) => {
+        var _a, _b, _c;
+        if (event.altKey) {
+            return;
+        }
+        switch (event.key) {
+            case "Enter":
+            case " ":
+            case "Spacebar": {
+                !disabled && (onClick === null || onClick === void 0 ? void 0 : onClick(value));
+                event.preventDefault();
+                break;
+            }
+            case "ArrowRight": {
+                if (subMenuItems.length > 0) {
+                    setIsSubmenuVisible(true);
+                    // flush and reset state so we are ready to focus again next time
+                    (0, react_dom_1.flushSync)(() => setFocusOnSubmenu(true));
+                    setFocusOnSubmenu(false);
+                    event.preventDefault();
+                    event.stopPropagation();
+                }
+                break;
+            }
+            case "ArrowLeft": {
+                if (parent.ref) {
+                    (_a = parent.ref.current) === null || _a === void 0 ? void 0 : _a.focus();
+                    parent.setIsNestedSubmenuVisible(false);
+                }
+                event.stopPropagation();
+                event.preventDefault();
+                break;
+            }
+            case "Escape": {
+                // focus might get lost if submenu closes so move it back to parent
+                (_c = (_b = parent.ref) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.focus();
+                break;
+            }
+            default:
+                break;
+        }
+    };
+    const handlers = {
+        onClick: () => !disabled && (onClick === null || onClick === void 0 ? void 0 : onClick(value)),
+        onKeyDown,
+    };
+    return ((0, jsx_runtime_1.jsxs)(ListItem_1.default, Object.assign({ as: "div", actionable: true, size: size, active: isSelected, disabled: disabled, ref: (0, index_1.useMergedRefs)(menuItemRef, forwardedRef, subMenuItems.length > 0 ? popover.refs.setReference : null), role: role, tabIndex: disabled || role === "presentation" ? undefined : -1, "aria-selected": isSelected, "aria-haspopup": subMenuItems.length > 0 ? "true" : undefined, "aria-controls": subMenuItems.length > 0 ? submenuId : undefined, "aria-expanded": subMenuItems.length > 0 ? popover.open : undefined, "aria-disabled": disabled }, (subMenuItems.length === 0
+        ? Object.assign(Object.assign({}, handlers), rest) : popover.getReferenceProps(Object.assign(Object.assign({}, handlers), rest))), { children: [startIcon && (0, jsx_runtime_1.jsx)(ListItem_1.default, { children: startIcon }), (0, jsx_runtime_1.jsxs)(ListItem_1.default, { children: [(0, jsx_runtime_1.jsx)("div", { children: children }), sublabel && (0, jsx_runtime_1.jsx)(ListItem_1.default, { children: sublabel })] }), !endIcon && subMenuItems.length > 0 && ((0, jsx_runtime_1.jsx)(ListItem_1.default, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { icon: DropdownChevronRight_1.default }) })), endIcon && (0, jsx_runtime_1.jsx)(ListItem_1.default, { children: endIcon }), subMenuItems.length > 0 && popover.open && ((0, jsx_runtime_1.jsx)(Portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(MenuItemContext.Provider, Object.assign({ value: { ref: menuItemRef, setIsNestedSubmenuVisible } }, { children: (0, jsx_runtime_1.jsx)(Menu_1.Menu, Object.assign({ setFocus: focusOnSubmenu, ref: popover.refs.setFloating }, popover.getFloatingProps({
+                        id: submenuId,
+                        onPointerMove: () => {
+                            // pointer might move into a nested submenu and set isSubmenuVisible to false,
+                            // so we need to flip it back to true when pointer re-enters this submenu.
+                            setIsSubmenuVisible(true);
+                        },
+                    }), { children: subMenuItems })) })) }))] })));
+});
+//# sourceMappingURL=MenuItem.js.map

package/dist/components/Table/components/newComponents/Menu/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/newComponents/Menu/MenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,cAAc;AAEd,6CAA+B;AAC/B,0CAGwB;AACxB,uDAAoD;AAEpD,iCAA8B;AAC9B,6EAAqD;AAErD,yCAAsC;AACtC,gDAAgD;AAChD,iEAAyC;AACzC,kHAA0F;AAE1F;;GAEG;AACH,MAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAGxC,EAAE,GAAG,EAAE,SAAS,EAAE,yBAAyB,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,CAAC,CAAC;AA+D5D;;GAEG;AACU,QAAA,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE;IAC/D,MAAM,EACJ,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACvC,IAAI,EACJ,SAAS,GAAG,IAAI,EAChB,KAAK,EACL,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,UAAU,EACjB,YAAY,GAAG,EAAE,KAEf,KAAK,EADJ,IAAI,UACL,KAAK,EAfH,+IAeL,CAAQ,CAAC;IAEV,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,CAAC;IACpD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,SAAS,GAAG,IAAA,aAAK,GAAE,CAAC;IAE1B,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtE,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GACvD,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxB,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAEjD,MAAM,eAAe,GAAG,CAAC,IAAa,EAAE,EAAE;QACxC,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAE1B,uEAAuE;QACvE,uEAAuE;QACvE,MAAM,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC;QACzB,OAAO,EAAE,gBAAgB,IAAI,sBAAsB;QACnD,eAAe;QACf,SAAS,EAAE,aAAa;QACxB,OAAO,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;KACtC,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,CAAC,KAAuC,EAAE,EAAE;;QAC5D,IAAI,KAAK,CAAC,MAAM,EAAE;YAChB,OAAO;SACR;QAED,QAAQ,KAAK,CAAC,GAAG,EAAE;YACjB,KAAK,OAAO,CAAC;YACb,KAAK,GAAG,CAAC;YACT,KAAK,UAAU,CAAC,CAAC;gBACf,CAAC,QAAQ,KAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAA,CAAC;gBAC9B,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,MAAM;aACP;YACD,KAAK,YAAY,CAAC,CAAC;gBACjB,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;oBAC3B,mBAAmB,CAAC,IAAI,CAAC,CAAC;oBAE1B,iEAAiE;oBACjE,IAAA,qBAAS,EAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;oBACzC,iBAAiB,CAAC,KAAK,CAAC,CAAC;oBAEzB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;iBACzB;gBACD,MAAM;aACP;YACD,KAAK,WAAW,CAAC,CAAC;gBAChB,IAAI,MAAM,CAAC,GAAG,EAAE;oBACd,MAAA,MAAM,CAAC,GAAG,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;oBAC5B,MAAM,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC;iBACzC;gBACD,KAAK,CAAC,eAAe,EAAE,CAAC;gBACxB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,MAAM;aACP;YACD,KAAK,QAAQ,CAAC,CAAC;gBACb,mEAAmE;gBACnE,MAAA,MAAA,MAAM,CAAC,GAAG,0CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;gBAC7B,MAAM;aACP;YACD;gBACE,MAAM;SACT;IACH,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG;QACf,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,QAAQ,KAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAA;QAC5C,SAAS;KACV,CAAC;IAEF,OAAO,CACL,wBAAC,kBAAQ,kBACP,EAAE,EAAC,KAAK,EACR,UAAU,QACV,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,IAAA,qBAAa,EAChB,WAAW,EACX,YAAY,EACZ,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAC3D,EACD,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,IAAI,IAAI,KAAK,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,mBAC/C,UAAU,mBACV,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,mBAC5C,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,mBAC/C,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,mBAClD,QAAQ,IACnB,CAAC,YAAY,CAAC,MAAM,KAAK,CAAC;QAC5B,CAAC,iCAAM,QAAQ,GAAK,IAAI,EACxB,CAAC,CAAC,OAAO,CAAC,iBAAiB,iCAAM,QAAQ,GAAK,IAAI,EAAG,CAAC,eAEvD,SAAS,IAAI,uBAAC,kBAAQ,cAAE,SAAS,GAAY,EAC9C,wBAAC,kBAAQ,eACP,0CAAM,QAAQ,GAAO,EACpB,QAAQ,IAAI,uBAAC,kBAAQ,cAAE,QAAQ,GAAY,IACnC,EACV,CAAC,OAAO,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CACtC,uBAAC,kBAAQ,cAEP,uBAAC,cAAI,IAAC,IAAI,EAAE,8BAAoB,GAAI,GAC3B,CACZ,EACA,OAAO,IAAI,uBAAC,kBAAQ,cAAE,OAAO,GAAY,EAEzC,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO,CAAC,IAAI,IAAI,CAC1C,uBAAC,eAAM,cACL,uBAAC,eAAe,CAAC,QAAQ,kBACvB,KAAK,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,yBAAyB,EAAE,gBAEtD,uBAAC,WAAI,kBACH,QAAQ,EAAE,cAAc,EACxB,GAAG,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,IACzB,OAAO,CAAC,gBAAgB,CAAC;wBAC3B,EAAE,EAAE,SAAS;wBACb,aAAa,EAAE,GAAG,EAAE;4BAClB,8EAA8E;4BAC9E,0EAA0E;4BAC1E,mBAAmB,CAAC,IAAI,CAAC,CAAC;wBAC5B,CAAC;qBACF,CAAC,cAED,YAAY,IACR,IACkB,GACpB,CACV,KACQ,CACZ,CAAC;AACJ,CAAC,CAAyD,CAAC"}

package/dist/components/Table/components/newComponents/Menu/MenuItemSkeleton.js

@@ -0,0 +1,59 @@
+"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.MenuItemSkeleton = 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 Box_1 = require("../utils/components/Box");
+const VisuallyHidden_1 = require("../VisuallyHidden/VisuallyHidden");
+/**
+ * Menu item that uses skeletons to indicate loading state.
+ */
+exports.MenuItemSkeleton = React.forwardRef((props, forwardedRef) => {
+    const { hasSublabel, hasIcon, contentWidth, translatedStrings = { loading: "Loading…" }, className, style } = props, rest = __rest(props, ["hasSublabel", "hasIcon", "contentWidth", "translatedStrings", "className", "style"]);
+    return ((0, jsx_runtime_1.jsxs)(Box_1.Box, Object.assign({ className: (0, classnames_1.default)("iui-menu-item-skeleton", className), "data-iui-size": hasSublabel && "large", style: Object.assign({
+            "--iui-menu-item-content-skeleton-max-width": contentWidth,
+        }, style), ref: forwardedRef }, rest, { children: [hasIcon && (0, jsx_runtime_1.jsx)(Box_1.Box, { className: "iui-icon iui-skeleton", "aria-hidden": true }), (0, jsx_runtime_1.jsxs)(Box_1.Box, Object.assign({ as: "span", className: "iui-content" }, { children: [(0, jsx_runtime_1.jsx)(Box_1.Box, { className: "iui-menu-label iui-skeleton", "aria-hidden": true }), hasSublabel && ((0, jsx_runtime_1.jsx)(Box_1.Box, { className: "iui-menu-description iui-skeleton", "aria-hidden": true })), (0, jsx_runtime_1.jsx)(VisuallyHidden_1.VisuallyHidden, { children: translatedStrings.loading })] }))] })));
+});
+//# sourceMappingURL=MenuItemSkeleton.js.map

package/dist/components/Table/components/newComponents/Menu/MenuItemSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemSkeleton.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/newComponents/Menu/MenuItemSkeleton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,6CAA+B;AAC/B,4DAA4B;AAC5B,iDAA8C;AAE9C,qEAAkE;AA2BlE;;GAEG;AACU,QAAA,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE;IACvE,MAAM,EACJ,WAAW,EACX,OAAO,EACP,YAAY,EACZ,iBAAiB,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,EAC3C,SAAS,EACT,KAAK,KAEH,KAAK,EADJ,IAAI,UACL,KAAK,EARH,qFAQL,CAAQ,CAAC;IAEV,OAAO,CACL,wBAAC,SAAG,kBACF,SAAS,EAAE,IAAA,oBAAE,EAAC,wBAAwB,EAAE,SAAS,CAAC,mBACnC,WAAW,IAAI,OAAO,EACrC,KAAK,gBACA;YACD,4CAA4C,EAAE,YAAY;SAC3D,EACE,KAAK,GAEV,GAAG,EAAE,YAAY,IACb,IAAI,eAEP,OAAO,IAAI,uBAAC,SAAG,IAAC,SAAS,EAAC,uBAAuB,wBAAe,EACjE,wBAAC,SAAG,kBAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAC,aAAa,iBACpC,uBAAC,SAAG,IAAC,SAAS,EAAC,6BAA6B,wBAAe,EAC1D,WAAW,IAAI,CACd,uBAAC,SAAG,IAAC,SAAS,EAAC,mCAAmC,wBAAe,CAClE,EACD,uBAAC,+BAAc,cAAE,iBAAiB,CAAC,OAAO,GAAkB,KACxD,KACF,CACP,CAAC;AACJ,CAAC,CAAiE,CAAC"}

package/dist/components/Table/components/newComponents/Polymorphic/Polymorph.js

@@ -0,0 +1,44 @@
+"use strict";
+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.Polymorph = exports.BasePolymorph = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const Polymorphic_hooks_1 = require("./Polymorphic.hooks");
+/**
+ * Base polymorphic component
+ */
+const BasePolymorph = (_a, ref) => {
+    var { as, children } = _a, rest = __rest(_a, ["as", "children"]);
+    const { Component } = (0, Polymorphic_hooks_1.usePolymorphic)(as);
+    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, rest, { ref: ref }, { children: children })));
+};
+exports.BasePolymorph = BasePolymorph;
+/**
+ * Polymorphic component that supports forwarded refs
+ *
+ * With the `as` prop, Polymorphic can dynamically render
+ * as any HTML element or React Component.
+ *
+ * If the logic defining the `as` prop is defined internally within your component,
+ * use this standalone `Polymorph` component.
+ *
+ * However: If you want to expose `as` as a prop of your component,
+ * prefer the `{@link Polymorphic}` factory function and related hooks.
+ */
+exports.Polymorph = react_1.default.forwardRef(exports.BasePolymorph);
+exports.Polymorph.displayName = 'Polymorph';
+//# sourceMappingURL=Polymorph.js.map

package/dist/components/Table/components/newComponents/Polymorphic/Polymorph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Polymorph.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/newComponents/Polymorphic/Polymorph.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,2DAAqD;AAQrD;;GAEG;AACI,MAAM,aAAa,GAAG,CAC3B,EAAqD,EACrD,GAAsB,EACtB,EAAE;QAFF,EAAE,EAAE,EAAE,QAAQ,OAAuC,EAAlC,IAAI,cAAvB,kBAAyB,CAAF;IAGvB,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,kCAAc,EAAC,EAAE,CAAC,CAAC;IAEzC,OAAO,CACL,uBAAC,SAAS,oBAAK,IAAI,IAAE,GAAG,EAAE,GAAG,gBAC1B,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,aAAa,iBAWxB;AAEF;;;;;;;;;;;GAWG;AACU,QAAA,SAAS,GACpB,eAAK,CAAC,UAAU,CAAC,qBAAa,CAAC,CAAC;AAClC,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}