@heliux-org/design-system-core 0.0.155 → 0.0.156

package/dist/components/Table/components/newComponents/utils/functions/react.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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cloneElementWithRef = 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 React = __importStar(require("react"));
+const useMergedRefs_1 = require("../hooks/useMergedRefs");
+/**
+ * Wrapper over `cloneElement` that automatically checks for `isValidElement`
+ * and automatically merges `children.ref` with the ref passed in props.
+ *
+ * @private
+ */
+const cloneElementWithRef = (children, getProps) => {
+    if (!children) {
+        return null;
+    }
+    if (!React.isValidElement(children)) {
+        return children;
+    }
+    const props = getProps(children);
+    const ref = (0, useMergedRefs_1.mergeRefs)(...[
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        "ref" in children ? children.ref : null,
+        "ref" in props ? props.ref : null,
+    ].filter(Boolean));
+    return React.cloneElement(children, Object.assign(Object.assign({}, props), { 
+        // we already checked ref above and handled null, so ts-ignore is ok
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        ref }));
+};
+exports.cloneElementWithRef = cloneElementWithRef;
+//# sourceMappingURL=react.js.map

package/dist/components/Table/components/newComponents/utils/functions/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/utils/functions/react.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,6CAA+B;AAC/B,0DAAmD;AAEnD;;;;;GAKG;AACI,MAAM,mBAAmB,GAAG,CACjC,QAAyB,EACzB,QAA4D,EAC5D,EAAE;IACF,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,IAAI,CAAC;KACb;IAED,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;QACnC,OAAO,QAAQ,CAAC;KACjB;IAED,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,MAAM,GAAG,GAAG,IAAA,yBAAS,EACnB,GAAG;QACD,8DAA8D;QAC9D,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAE,QAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI;QAChD,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI;KAClC,CAAC,MAAM,CAAC,OAAO,CAAC,CAClB,CAAC;IAEF,OAAO,KAAK,CAAC,YAAY,CAAC,QAAQ,kCAC7B,KAAK;QACR,oEAAoE;QACpE,6DAA6D;QAC7D,aAAa;QACb,GAAG,IACH,CAAC;AACL,CAAC,CAAC;AA5BW,QAAA,mBAAmB,uBA4B9B"}

package/dist/components/Table/components/newComponents/utils/functions/supports.js

@@ -0,0 +1,14 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.supportsHas = void 0;
+const dom_1 = require("./dom");
+/**
+ * Returns true if the :has selector is supported in the browser
+ */
+const supportsHas = () => { var _a, _b, _c; return (_c = (_b = (_a = (0, dom_1.getWindow)()) === null || _a === void 0 ? void 0 : _a.CSS) === null || _b === void 0 ? void 0 : _b.supports) === null || _c === void 0 ? void 0 : _c.call(_b, "selector(:has(+ *))"); };
+exports.supportsHas = supportsHas;
+//# sourceMappingURL=supports.js.map

package/dist/components/Table/components/newComponents/utils/functions/supports.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"supports.js","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/utils/functions/supports.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;;;AAEhG,+BAAkC;AAElC;;GAEG;AAEI,MAAM,WAAW,GAAG,GAAG,EAAE,mBAC9B,OAAA,MAAA,MAAA,MAAA,IAAA,eAAS,GAAE,0CAAE,GAAG,0CAAE,QAAQ,mDAAG,qBAAqB,CAAC,CAAA,EAAA,CAAC;AADzC,QAAA,WAAW,eAC8B"}

package/dist/components/Table/components/newComponents/utils/hooks/index.js

@@ -0,0 +1,35 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+__exportStar(require("./useEventListener"), exports);
+__exportStar(require("./useMergedRefs"), exports);
+__exportStar(require("./useOverflow"), exports);
+__exportStar(require("./useResizeObserver"), exports);
+__exportStar(require("./useContainerWidth"), exports);
+__exportStar(require("./useGlobals"), exports);
+__exportStar(require("./useIntersection"), exports);
+__exportStar(require("./useMediaQuery"), exports);
+__exportStar(require("./useSafeContext"), exports);
+__exportStar(require("./useLatestRef"), exports);
+__exportStar(require("./useIsomorphicLayoutEffect"), exports);
+__exportStar(require("./useIsClient"), exports);
+__exportStar(require("./useId"), exports);
+__exportStar(require("./useControlledState"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/Table/components/newComponents/utils/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/utils/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,qDAAmC;AACnC,kDAAgC;AAChC,gDAA8B;AAC9B,sDAAoC;AACpC,sDAAoC;AACpC,+CAA6B;AAC7B,oDAAkC;AAClC,kDAAgC;AAChC,mDAAiC;AACjC,iDAA+B;AAC/B,8DAA4C;AAC5C,gDAA8B;AAC9B,0CAAwB;AACxB,uDAAqC"}

package/dist/components/Table/components/newComponents/utils/hooks/useContainerWidth.js

@@ -0,0 +1,66 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useContainerWidth = 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 React = __importStar(require("react"));
+const useMergedRefs_1 = require("./useMergedRefs");
+const useResizeObserver_1 = require("./useResizeObserver");
+/**
+ * Hook that returns the width of an element in three stages:
+ *  - initialized with 0
+ *  - immediately set to element's initial width as soon as it's mounted
+ *  - update to new width every time it changes (using `useResizeObserver` hook)
+ *
+ * @private
+ * @param watchResizes If false, ResizeObserver will not be connected and only the initial width will be returned
+ * @returns [ref to attach to the element, stateful width of the element]
+ *
+ * @example
+ * const [ref, width] = useContainerWidth();
+ * ... // do something with width
+ * return <div ref={ref}>...</div>;
+ */
+const useContainerWidth = (watchResizes = true) => {
+    const [contentWidth, setContentWidth] = React.useState(0);
+    const ref = React.useCallback((element) => {
+        if (!element) {
+            return;
+        }
+        setContentWidth(element.getBoundingClientRect().width);
+    }, []);
+    const updateWidth = React.useCallback(({ width }) => setContentWidth(width), []);
+    const [resizeRef, resizeObserver] = (0, useResizeObserver_1.useResizeObserver)(updateWidth);
+    if (!watchResizes) {
+        resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
+    }
+    const refs = (0, useMergedRefs_1.useMergedRefs)(ref, watchResizes ? resizeRef : undefined);
+    return [refs, contentWidth];
+};
+exports.useContainerWidth = useContainerWidth;
+//# sourceMappingURL=useContainerWidth.js.map

package/dist/components/Table/components/newComponents/utils/hooks/useContainerWidth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContainerWidth.js","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/utils/hooks/useContainerWidth.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,6CAA+B;AAC/B,mDAAgD;AAChD,2DAAwD;AAExD;;;;;;;;;;;;;;GAcG;AACI,MAAM,iBAAiB,GAAG,CAC/B,YAAY,GAAG,IAAI,EACnB,EAAE;IACF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE1D,MAAM,GAAG,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,OAAU,EAAE,EAAE;QAC3C,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QACD,eAAe,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC,CAAC;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,EAAE,KAAK,EAAmB,EAAE,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,EACtD,EAAE,CACH,CAAC;IAEF,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,GAAG,IAAA,qCAAiB,EAAC,WAAW,CAAC,CAAC;IAEnE,IAAI,CAAC,YAAY,EAAE;QACjB,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,UAAU,EAAE,CAAC;KAC9B;IAED,MAAM,IAAI,GAAG,IAAA,6BAAa,EAAC,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAEtE,OAAO,CAAC,IAAI,EAAE,YAAY,CAAU,CAAC;AACvC,CAAC,CAAC;AA1BW,QAAA,iBAAiB,qBA0B5B"}

package/dist/components/Table/components/newComponents/utils/hooks/useControlledState.js

@@ -0,0 +1,53 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useControlledState = 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 React = __importStar(require("react"));
+/**
+ * Wrapper over `useState` that always gives preference to the
+ * controlled state (which often comes from a prop).
+ *
+ * This is helpful when a component needs to support both uncontrolled
+ * and controlled states. If controlled value/setter is not passed,
+ * then it will work just like a regular `useState`.
+ *
+ * @example
+ * const [state, setState] = useControlledState(null, props.value, props.onChange);
+ */
+const useControlledState = (initialValue, controlledState, setControlledState) => {
+    const [uncontrolledState, setUncontrolledState] = React.useState(initialValue);
+    const state = controlledState !== undefined ? controlledState : uncontrolledState;
+    const setState = React.useCallback((value) => {
+        setUncontrolledState(value);
+        setControlledState === null || setControlledState === void 0 ? void 0 : setControlledState(value);
+    }, [setControlledState, setUncontrolledState]);
+    return [state, setState];
+};
+exports.useControlledState = useControlledState;
+//# sourceMappingURL=useControlledState.js.map

package/dist/components/Table/components/newComponents/utils/hooks/useControlledState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlledState.js","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/utils/hooks/useControlledState.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,6CAA+B;AAE/B;;;;;;;;;;GAUG;AACI,MAAM,kBAAkB,GAAG,CAChC,YAAe,EACf,eAAkB,EAClB,kBAA4D,EAC5D,EAAE;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAC7C,KAAK,CAAC,QAAQ,CAAI,YAAY,CAAC,CAAC;IAElC,MAAM,KAAK,GACT,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAEtE,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAChC,CAAC,KAAK,EAAE,EAAE;QACR,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAC5B,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAG,KAAK,CAAC,CAAC;IAC9B,CAAC,EACD,CAAC,kBAAkB,EAAE,oBAAoB,CAAC,CACA,CAAC;IAE7C,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAU,CAAC;AACpC,CAAC,CAAC;AApBW,QAAA,kBAAkB,sBAoB7B"}

package/dist/components/Table/components/newComponents/utils/hooks/useDragAndDrop.js

@@ -0,0 +1,130 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDragAndDrop = 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 React = __importStar(require("react"));
+const index_1 = require("../functions/index");
+const useEventListener_1 = require("./useEventListener");
+const useResizeObserver_1 = require("./useResizeObserver");
+const getContainerRect = (containerRef) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    const containerRect = (_a = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+    return {
+        top: (_b = containerRect === null || containerRect === void 0 ? void 0 : containerRect.top) !== null && _b !== void 0 ? _b : 0,
+        right: (_e = (_c = containerRect === null || containerRect === void 0 ? void 0 : containerRect.right) !== null && _c !== void 0 ? _c : (_d = (0, index_1.getWindow)()) === null || _d === void 0 ? void 0 : _d.innerWidth) !== null && _e !== void 0 ? _e : 0,
+        bottom: (_h = (_f = containerRect === null || containerRect === void 0 ? void 0 : containerRect.bottom) !== null && _f !== void 0 ? _f : (_g = (0, index_1.getWindow)()) === null || _g === void 0 ? void 0 : _g.innerHeight) !== null && _h !== void 0 ? _h : 0,
+        left: (_j = containerRect === null || containerRect === void 0 ? void 0 : containerRect.left) !== null && _j !== void 0 ? _j : 0,
+    };
+};
+/**
+ * Helper hook that handles elements drag logic.
+ * @param elementRef Element ref that is draggable.
+ * @param containerRect Bounding rectangle of container element that element can't go outside. If not passed window is used as a container.
+ * @returns
+ * `onPointerDown` - handler that is called when pointer is down and handles all the dragging logic.
+ * `transform` - current transform of the element, it is used to preserve drag position when element visibility is being toggled.
+ */
+const useDragAndDrop = (elementRef, containerRef, enabled = true) => {
+    const grabOffsetX = React.useRef(0);
+    const grabOffsetY = React.useRef(0);
+    const translateX = React.useRef();
+    const translateY = React.useRef();
+    const containerRectRef = React.useRef(getContainerRect(containerRef));
+    const adjustTransform = React.useCallback(() => {
+        var _a;
+        if (!elementRef.current || !enabled) {
+            return;
+        }
+        const { top, right, bottom, left } = (_a = elementRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        let [newTranslateX, newTranslateY] = (0, index_1.getTranslateValuesFromElement)(elementRef.current);
+        containerRectRef.current = getContainerRect(containerRef);
+        if (bottom > containerRectRef.current.bottom) {
+            newTranslateY -= bottom - containerRectRef.current.bottom;
+        }
+        if (top < containerRectRef.current.top) {
+            newTranslateY += containerRectRef.current.top - top;
+        }
+        if (right > containerRectRef.current.right) {
+            newTranslateX -= right - containerRectRef.current.right;
+        }
+        if (left < containerRectRef.current.left) {
+            newTranslateX += containerRectRef.current.left - left;
+        }
+        translateX.current = newTranslateX;
+        translateY.current = newTranslateY;
+        elementRef.current.style.transform = `translate(${newTranslateX}px, ${newTranslateY}px)`;
+    }, [containerRef, elementRef, enabled]);
+    const [resizeRef, resizeObserver] = (0, useResizeObserver_1.useResizeObserver)(adjustTransform);
+    resizeRef(containerRef === null || containerRef === void 0 ? void 0 : containerRef.current);
+    React.useEffect(() => {
+        return () => {
+            resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
+        };
+    }, [resizeObserver]);
+    (0, useEventListener_1.useEventListener)("resize", () => {
+        adjustTransform();
+        if (translateX.current != null && translateY.current != null) {
+            setTransform(`translate(${translateX.current}px, ${translateY.current}px)`);
+        }
+    }, (0, index_1.getWindow)());
+    const [transform, setTransform] = React.useState("");
+    const onPointerMove = React.useRef((event) => {
+        if (!elementRef.current) {
+            return;
+        }
+        const newTranslateX = event.clientX - grabOffsetX.current;
+        const newTranslateY = event.clientY - grabOffsetY.current;
+        elementRef.current.style.transform = `translate(${newTranslateX}px, ${newTranslateY}px)`;
+        adjustTransform();
+    });
+    const originalUserSelect = React.useRef("");
+    const onPointerDown = React.useCallback((e) => {
+        if (!elementRef.current || e.button !== 0 || !enabled) {
+            return;
+        }
+        const [x, y] = (0, index_1.getTranslateValuesFromElement)(elementRef.current);
+        grabOffsetX.current = e.clientX - x;
+        grabOffsetY.current = e.clientY - y;
+        originalUserSelect.current = elementRef.current.style.userSelect;
+        // Prevents from selecting inner content when dragging.
+        elementRef.current.style.userSelect = "none";
+        const ownerDocument = elementRef.current.ownerDocument || document;
+        ownerDocument.addEventListener("pointermove", onPointerMove.current);
+        ownerDocument.addEventListener("pointerup", () => {
+            setTransform(`translate(${translateX.current}px, ${translateY.current}px)`);
+            ownerDocument.removeEventListener("pointermove", onPointerMove.current);
+            if (elementRef.current) {
+                elementRef.current.style.userSelect = originalUserSelect.current;
+            }
+        }, { once: true });
+    }, [elementRef, enabled]);
+    return { onPointerDown, transform };
+};
+exports.useDragAndDrop = useDragAndDrop;
+//# sourceMappingURL=useDragAndDrop.js.map

package/dist/components/Table/components/newComponents/utils/hooks/useDragAndDrop.js.map

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

package/dist/components/Table/components/newComponents/utils/hooks/useEventListener.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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEventListener = 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 React = __importStar(require("react"));
+/**
+ * Hook that adds and removes Event listeners.
+ * @example
+ *  useEventListener(
+ *     'pointerup',
+ *     handlePointerUp,
+ *     containerRef.current?.ownerDocument,
+ *  );
+ */
+const useEventListener = (eventName, handler, element) => {
+    // Based on published hook https://usehooks.com/useEventListener/.
+    const savedHandler = React.useRef();
+    // Update reference if handler changes. This allows our effect below to
+    // always use latest handler without us needing to pass it in effect deps array
+    // and potentially cause effect to re-run every render.
+    React.useEffect(() => {
+        savedHandler.current = handler;
+    }, [handler]);
+    React.useEffect(() => {
+        if (!element) {
+            return;
+        }
+        const eventListener = (event) => { var _a; return (_a = savedHandler.current) === null || _a === void 0 ? void 0 : _a.call(savedHandler, event); };
+        element.addEventListener(eventName, eventListener);
+        return () => {
+            element.removeEventListener(eventName, eventListener);
+        };
+    }, [eventName, element]);
+};
+exports.useEventListener = useEventListener;
+//# sourceMappingURL=useEventListener.js.map

package/dist/components/Table/components/newComponents/utils/hooks/useEventListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventListener.js","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/utils/hooks/useEventListener.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,6CAA+B;AAE/B;;;;;;;;GAQG;AACI,MAAM,gBAAgB,GAAG,CAC9B,SAAiB,EACjB,OAA+B,EAC/B,OAAoD,EACpD,EAAE;IACF,kEAAkE;IAClE,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,EAA0B,CAAC;IAE5D,uEAAuE;IACvE,+EAA+E;IAC/E,uDAAuD;IACvD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,YAAY,CAAC,OAAO,GAAG,OAAO,CAAC;IACjC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QAED,MAAM,aAAa,GAAG,CAAC,KAAY,EAAE,EAAE,WAAC,OAAA,MAAA,YAAY,CAAC,OAAO,6DAAG,KAAK,CAAC,CAAA,EAAA,CAAC;QACtE,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACnD,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACxD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;AAC3B,CAAC,CAAC;AA1BW,QAAA,gBAAgB,oBA0B3B"}

package/dist/components/Table/components/newComponents/utils/hooks/useGlobals.js

@@ -0,0 +1,75 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useThemeProviderWarning = exports.useGlobals = 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 React = __importStar(require("react"));
+const ThemeContext_1 = require("../../ThemeProvider/ThemeContext");
+const dev_1 = require("../functions/dev");
+const didLogWarning = {
+    fontSize: false,
+    themeProvider: false,
+};
+/**
+ * Hook used in every component for any shared setup and side effects.
+ * Returns the nearest ThemeContext.
+ *
+ * @private
+ */
+const useGlobals = () => {
+    const themeContext = React.useContext(ThemeContext_1.ThemeContext);
+    (0, exports.useThemeProviderWarning)(themeContext);
+    useRootFontSizeWarning();
+    return themeContext;
+};
+exports.useGlobals = useGlobals;
+// ----------------------------------------------------------------------------
+/** Shows console error if ThemeProvider is not used */
+const useThemeProviderWarning = (themeContext) => {
+    React.useEffect(() => {
+        if (dev_1.isDev && !didLogWarning.themeProvider && !themeContext) {
+            console.error("iTwinUI components must be used within a tree wrapped in a ThemeProvider.");
+            didLogWarning.themeProvider = true;
+        }
+    }, [themeContext]);
+};
+exports.useThemeProviderWarning = useThemeProviderWarning;
+// ----------------------------------------------------------------------------
+/** Shows console error if the page changes the root font size */
+const useRootFontSizeWarning = () => {
+    React.useEffect(() => {
+        if (dev_1.isDev && !didLogWarning.fontSize) {
+            const rootFontSize = parseInt(getComputedStyle(document.documentElement).fontSize);
+            if (rootFontSize < 16) {
+                console.error("Root font size must not be overridden. \nSee https://github.com/iTwin/iTwinUI/wiki/iTwinUI-react-v2-migration-guide#relative-font-size");
+            }
+            didLogWarning.fontSize = true;
+        }
+    }, []);
+};
+//# sourceMappingURL=useGlobals.js.map

package/dist/components/Table/components/newComponents/utils/hooks/useGlobals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGlobals.js","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/utils/hooks/useGlobals.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,6CAA+B;AAC/B,mEAAgE;AAChE,0CAAyC;AAEzC,MAAM,aAAa,GAAG;IACpB,QAAQ,EAAE,KAAK;IACf,aAAa,EAAE,KAAK;CACrB,CAAC;AAEF;;;;;GAKG;AACI,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAY,CAAC,CAAC;IACpD,IAAA,+BAAuB,EAAC,YAAY,CAAC,CAAC;IACtC,sBAAsB,EAAE,CAAC;IACzB,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AALW,QAAA,UAAU,cAKrB;AAEF,+EAA+E;AAE/E,uDAAuD;AAChD,MAAM,uBAAuB,GAAG,CACrC,YAAoD,EACpD,EAAE;IACF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,WAAK,IAAI,CAAC,aAAa,CAAC,aAAa,IAAI,CAAC,YAAY,EAAE;YAC1D,OAAO,CAAC,KAAK,CACX,2EAA2E,CAC5E,CAAC;YACF,aAAa,CAAC,aAAa,GAAG,IAAI,CAAC;SACpC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;AACrB,CAAC,CAAC;AAXW,QAAA,uBAAuB,2BAWlC;AAEF,+EAA+E;AAE/E,iEAAiE;AACjE,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAClC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,WAAK,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE;YACpC,MAAM,YAAY,GAAG,QAAQ,CAC3B,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,QAAQ,CACpD,CAAC;YACF,IAAI,YAAY,GAAG,EAAE,EAAE;gBACrB,OAAO,CAAC,KAAK,CACX,wIAAwI,CACzI,CAAC;aACH;YACD,aAAa,CAAC,QAAQ,GAAG,IAAI,CAAC;SAC/B;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC"}

package/dist/components/Table/components/newComponents/utils/hooks/useId.js

@@ -0,0 +1,47 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+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 _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useId = void 0;
+const React = __importStar(require("react"));
+const numbers_1 = require("../functions/numbers");
+/**
+ * Wrapper around React's `useId` hook, which prefixes the id with `iui-` and uses
+ * a random value as fallback for older React versions which don't include `useId`.
+ */
+const useId = () => {
+    const uniqueValue = useUniqueValue();
+    return React.useMemo(() => `iui-${uniqueValue}`, [uniqueValue]);
+};
+exports.useId = useId;
+// This is needed to avoid bundlers trying to import non-existing export.
+// Read more: https://github.com/webpack/webpack/issues/14814
+const _React = React;
+const useUniqueValue = (_a = _React.useId) !== null && _a !== void 0 ? _a : (() => React.useMemo(() => (0, numbers_1.getRandomValue)(10), []));
+//# sourceMappingURL=useId.js.map

package/dist/components/Table/components/newComponents/utils/hooks/useId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useId.js","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/utils/hooks/useId.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEhG,6CAA+B;AAC/B,kDAAsD;AAEtD;;;GAGG;AACI,MAAM,KAAK,GAAG,GAAG,EAAE;IACxB,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AAClE,CAAC,CAAC;AAHW,QAAA,KAAK,SAGhB;AAEF,yEAAyE;AACzE,6DAA6D;AAC7D,MAAM,MAAM,GAAG,KAAK,CAAC;AAErB,MAAM,cAAc,GAClB,MAAA,MAAM,CAAC,KAAK,mCAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAA,wBAAc,EAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC"}