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

package/dist/components/Table/components/newComponents/utils/components/ButtonBase.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;
+};
+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.ButtonBase = 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("./Box");
+const useIsClient_1 = require("../hooks/useIsClient");
+exports.ButtonBase = React.forwardRef((props, forwardedRef) => {
+    const { as: asProp = "button", disabled: disabledProp, htmlDisabled } = props, rest = __rest(props, ["as", "disabled", "htmlDisabled"]);
+    const isClient = (0, useIsClient_1.useIsClient)();
+    const ariaDisabled = disabledProp &&
+        !htmlDisabled && // htmlDisabled prop takes preference
+        isClient && // progressively enhance after first render
+        asProp === "button"; // ignore if not button, e.g. links
+    const handleIfEnabled = (handler) => (e) => {
+        if (disabledProp) {
+            return;
+        }
+        handler === null || handler === void 0 ? void 0 : handler(e);
+    };
+    return ((0, jsx_runtime_1.jsx)(Box_1.Box, Object.assign({ as: asProp, type: asProp === "button" ? "button" : undefined, ref: forwardedRef, "aria-disabled": ariaDisabled ? "true" : undefined, "data-iui-disabled": disabledProp ? "true" : undefined, disabled: (htmlDisabled !== null && htmlDisabled !== void 0 ? htmlDisabled : (!isClient && disabledProp)) ? true : undefined }, rest, { className: (0, classnames_1.default)("iui-button-base", props.className), onClick: handleIfEnabled(props.onClick), onPointerDown: handleIfEnabled(props.onPointerDown), onPointerUp: handleIfEnabled(props.onPointerUp) })));
+});
+exports.ButtonBase.displayName = "ButtonBase";
+//# sourceMappingURL=ButtonBase.js.map

package/dist/components/Table/components/newComponents/utils/components/ButtonBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonBase.js","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/utils/components/ButtonBase.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,6CAA+B;AAC/B,4DAA4B;AAC5B,+BAA4B;AAE5B,sDAAmD;AAEtC,QAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE;IACjE,MAAM,EACJ,EAAE,EAAE,MAAM,GAAG,QAAQ,EACrB,QAAQ,EAAE,YAAY,EACtB,YAAY,KAEV,KAAK,EADJ,IAAI,UACL,KAAK,EALH,kCAKL,CAAQ,CAAC;IAEV,MAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAC;IAE/B,MAAM,YAAY,GAChB,YAAY;QACZ,CAAC,YAAY,IAAI,qCAAqC;QACtD,QAAQ,IAAI,2CAA2C;QACvD,MAAM,KAAK,QAAQ,CAAC,CAAC,mCAAmC;IAE1D,MAAM,eAAe,GACnB,CAAK,OAAwB,EAAE,EAAE,CACjC,CAAC,CAAI,EAAE,EAAE;QACP,IAAI,YAAY,EAAE;YAChB,OAAO;SACR;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;IACf,CAAC,CAAC;IAEJ,OAAO,CACL,uBAAC,SAAG,kBACF,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAChD,GAAG,EAAE,YAAY,mBACF,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,uBAC7B,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACpD,QAAQ,EAAE,CAAA,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,CAAC,CAAC,QAAQ,IAAI,YAAY,CAAC,EAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,IACpE,IAAI,IACR,SAAS,EAAE,IAAA,oBAAE,EAAC,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,EACjD,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC,EACvC,aAAa,EAAE,eAAe,CAAC,KAAK,CAAC,aAAa,CAAC,EACnD,WAAW,EAAE,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,IAC/C,CACH,CAAC;AACJ,CAAC,CAA8D,CAAC;AAChE,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/components/Table/components/newComponents/utils/components/FocusTrap.js

@@ -0,0 +1,71 @@
+"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.FocusTrap = 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 focusable_1 = require("../functions/focusable");
+const useMergedRefs_1 = require("../hooks/useMergedRefs");
+/**
+ * Trap focus within child container.
+ * Used for modals and dialogs.
+ */
+const FocusTrap = (props) => {
+    const { children } = props;
+    const childRef = React.useRef();
+    const getFirstLastFocusables = () => {
+        const elements = (0, focusable_1.getTabbableElements)(childRef.current);
+        const firstElement = elements[0];
+        const lastElement = elements[(elements.length || 1) - 1];
+        return [firstElement, lastElement];
+    };
+    const onFirstFocus = (event) => {
+        const [firstElement, lastElement] = getFirstLastFocusables();
+        if (event.relatedTarget === firstElement) {
+            lastElement === null || lastElement === void 0 ? void 0 : lastElement.focus();
+        }
+        else {
+            firstElement === null || firstElement === void 0 ? void 0 : firstElement.focus();
+        }
+    };
+    const onLastFocus = (event) => {
+        const [firstElement, lastElement] = getFirstLastFocusables();
+        if (event.relatedTarget === lastElement) {
+            firstElement === null || firstElement === void 0 ? void 0 : firstElement.focus();
+        }
+        else {
+            lastElement === null || lastElement === void 0 ? void 0 : lastElement.focus();
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { tabIndex: 0, onFocus: onFirstFocus, "aria-hidden": true }), React.cloneElement(children, {
+                ref: (0, useMergedRefs_1.mergeRefs)(children.ref, childRef),
+            }), (0, jsx_runtime_1.jsx)("div", { tabIndex: 0, onFocus: onLastFocus, "aria-hidden": true })] }));
+};
+exports.FocusTrap = FocusTrap;
+//# sourceMappingURL=FocusTrap.js.map

package/dist/components/Table/components/newComponents/utils/components/FocusTrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusTrap.js","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/utils/components/FocusTrap.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,6CAA+B;AAC/B,sDAA6D;AAC7D,0DAAmD;AASnD;;;GAGG;AACI,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,EAAe,CAAC;IAE7C,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,MAAM,QAAQ,GAAG,IAAA,+BAAmB,EAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACvD,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;QACjC,MAAM,WAAW,GAAG,QAAQ,CAAC,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QACzD,OAAO,CAAC,YAAY,EAAE,WAAW,CAAU,CAAC;IAC9C,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAuB,EAAE,EAAE;QAC/C,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,GAAG,sBAAsB,EAAE,CAAC;QAC7D,IAAI,KAAK,CAAC,aAAa,KAAK,YAAY,EAAE;YACvC,WAA2B,aAA3B,WAAW,uBAAX,WAAW,CAAkB,KAAK,EAAE,CAAC;SACvC;aAAM;YACJ,YAA4B,aAA5B,YAAY,uBAAZ,YAAY,CAAkB,KAAK,EAAE,CAAC;SACxC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;QAC9C,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,GAAG,sBAAsB,EAAE,CAAC;QAC7D,IAAI,KAAK,CAAC,aAAa,KAAK,WAAW,EAAE;YACtC,YAA4B,aAA5B,YAAY,uBAAZ,YAAY,CAAkB,KAAK,EAAE,CAAC;SACxC;aAAM;YACJ,WAA2B,aAA3B,WAAW,uBAAX,WAAW,CAAkB,KAAK,EAAE,CAAC;SACvC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,6DACE,gCAAK,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,YAAY,wBAAgB,EACtD,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;gBAC5B,GAAG,EAAE,IAAA,yBAAS,EACX,QAAwD,CAAC,GAAG,EAC7D,QAAQ,CACT;aACF,CAAC,EACF,gCAAK,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,WAAW,wBAAgB,IACrD,CACJ,CAAC;AACJ,CAAC,CAAC;AAzCW,QAAA,SAAS,aAyCpB"}

package/dist/components/Table/components/newComponents/utils/components/InputContainer.js

@@ -0,0 +1,73 @@
+"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.InputContainer = 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 Box_1 = require("./Box");
+const Label_1 = __importDefault(require("../../../../Label/Label"));
+/**
+ * Input container to wrap inputs with label, and add optional message and icon.
+ * @private
+ */
+exports.InputContainer = React.forwardRef((props, forwardedRef) => {
+    const { label, disabled, required, status, message, icon, isLabelInline, children, className, style, statusMessage, inputId, labelId } = props, rest = __rest(props, ["label", "disabled", "required", "status", "message", "icon", "isLabelInline", "children", "className", "style", "statusMessage", "inputId", "labelId"]);
+    return ((0, jsx_runtime_1.jsxs)(Box_1.Box, Object.assign({ className: (0, classnames_1.default)("iui-input-grid", className), "data-iui-status": status, "data-iui-label-placement": isLabelInline ? "inline" : undefined, style: style, ref: forwardedRef }, rest, { children: [label && ((0, jsx_runtime_1.jsx)(Label_1.default
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            // as={inputId && props.as !== "label" ? "label" : "div"}
+            // required={required}
+            // disabled={disabled}
+            // htmlFor={inputId}
+            // id={labelId}
+            , { children: label })), children, statusMessage
+                ? statusMessage
+                : message && {
+                    message,
+                }
+            // </StatusMessage>
+        ] })));
+});
+//# sourceMappingURL=InputContainer.js.map

package/dist/components/Table/components/newComponents/utils/components/InputContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputContainer.js","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/utils/components/InputContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,cAAc;AACd,6CAA+B;AAC/B,4DAA4B;AAC5B,+BAA4B;AAI5B,oEAA4C;AAe5C;;;GAGG;AACU,QAAA,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE;IACrE,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,EACP,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,SAAS,EACT,KAAK,EACL,aAAa,EACb,OAAO,EACP,OAAO,KAEL,KAAK,EADJ,IAAI,UACL,KAAK,EAfH,wJAeL,CAAQ,CAAC;IAEV,OAAO,CACL,wBAAC,SAAG,kBACF,SAAS,EAAE,IAAA,oBAAE,EAAC,gBAAgB,EAAE,SAAS,CAAC,qBACzB,MAAM,8BACG,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAC9D,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,YAAY,IACb,IAAI,eAEP,KAAK,IAAI,CACR,uBAAC,eAAK;YACN,6DAA6D;YAC7D,aAAa;YACb,yDAAyD;YACzD,sBAAsB;YACtB,sBAAsB;YACtB,oBAAoB;YACpB,eAAe;0BAEZ,KAAK,GACA,CACT,EACA,QAAQ,EAEP,aAAa;gBACX,CAAC,CAAC,aAAa;gBACf,CAAC,CAAC,OAAO,IAAI;oBACT,OAAO;iBACR;YACL,mBAAmB;aAEjB,CACP,CAAC;AACJ,CAAC,CAA+D,CAAC"}

package/dist/components/Table/components/newComponents/utils/components/InputFlexContainer.js

@@ -0,0 +1,58 @@
+"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.InputFlexContainerIcon = exports.InputFlexContainerButton = exports.InputFlexContainer = 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_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const Box_1 = require("./Box");
+const IconButton_1 = require("../../Buttons/IconButton");
+/**
+ * Utility component for input container with display flex abilities.
+ * @private
+ */
+exports.InputFlexContainer = react_1.default.forwardRef((props, ref) => {
+    const { isDisabled, status, children, className, size, style } = props, rest = __rest(props, ["isDisabled", "status", "children", "className", "size", "style"]);
+    return ((0, jsx_runtime_1.jsx)(Box_1.Box, Object.assign({ className: (0, classnames_1.default)("iui-input-flex-container", className), "data-iui-status": status, "data-iui-size": size, "data-iui-disabled": isDisabled ? "true" : undefined, ref: ref, style: style }, rest, { children: children })));
+});
+/**
+ * Button inside InputFlexContainer that collapses the padding between the button and the input/textarea.
+ * @private
+ */
+exports.InputFlexContainerButton = react_1.default.forwardRef((props, ref) => {
+    const { className } = props, rest = __rest(props, ["className"]);
+    return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, Object.assign({ ref: ref, className: (0, classnames_1.default)("iui-input-flex-container-icon", className), styleType: "borderless" }, rest)));
+});
+/**
+ * Icon inside InputFlexContainer that collapses the padding between the icon and the input/textarea.
+ * @private
+ */
+exports.InputFlexContainerIcon = react_1.default.forwardRef((props, ref) => {
+    // const { className, ...rest } = props;
+    return (
+    // <Icon
+    //   ref={ref}
+    //   className={cx("iui-input-flex-container-icon", className)}
+    //   padded
+    //   {...rest}
+    // />
+    (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}));
+});
+//# sourceMappingURL=InputFlexContainer.js.map

package/dist/components/Table/components/newComponents/utils/components/InputFlexContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputFlexContainer.js","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/utils/components/InputFlexContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,kDAA0B;AAC1B,4DAA4B;AAE5B,+BAA4B;AAC5B,yDAAsD;AAStD;;;GAGG;AACU,QAAA,kBAAkB,GAAG,eAAK,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,KAC1D,KAAK,EAD0D,IAAI,UACnE,KAAK,EADD,kEAAiE,CAChE,CAAC;IAER,OAAO,CACL,uBAAC,SAAG,kBACF,SAAS,EAAE,IAAA,oBAAE,EAAC,0BAA0B,EAAE,SAAS,CAAC,qBACnC,MAAM,mBACR,IAAI,uBACA,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAClD,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,IACR,IAAI,cAEP,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAmE,CAAC;AAErE;;;GAGG;AACU,QAAA,wBAAwB,GAAG,eAAK,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACtE,MAAM,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA9B,aAAsB,CAAQ,CAAC;IACrC,OAAO,CACL,uBAAC,uBAAU,kBACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAE,EAAC,+BAA+B,EAAE,SAAS,CAAC,EACzD,SAAS,EAAC,YAAY,IAClB,IAAI,EACR,CACH,CAAC;AACJ,CAAC,CAUA,CAAC;AAEF;;;GAGG;AACU,QAAA,sBAAsB,GAAG,eAAK,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACpE,wCAAwC;IACxC,OAAO;IACL,QAAQ;IACR,cAAc;IACd,+DAA+D;IAC/D,WAAW;IACX,cAAc;IACd,KAAK;IACL,kDAAK,CACN,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Table/components/newComponents/utils/components/InputWithIcon.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputWithIcon = 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 polymorphic_1 = require("../functions/polymorphic");
+/** @private */
+exports.InputWithIcon = polymorphic_1.polymorphic.div('iui-input-with-icon');
+exports.InputWithIcon.displayName = 'InputWithIcon';
+//# sourceMappingURL=InputWithIcon.js.map

package/dist/components/Table/components/newComponents/utils/components/InputWithIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputWithIcon.js","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/utils/components/InputWithIcon.tsx"],"names":[],"mappings":";;;AAAA;;;gGAGgG;AAChG,0DAAuD;AAEvD,eAAe;AACF,QAAA,aAAa,GAAG,yBAAW,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;AACpE,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/components/Table/components/newComponents/utils/components/LineClamp.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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LineClamp = 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 Box_1 = require("./Box");
+const ShadowRoot_1 = require("./ShadowRoot");
+/** @private */
+exports.LineClamp = React.forwardRef((props, forwardedRef) => {
+    const { lines, children } = props, rest = __rest(props, ["lines", "children"]);
+    return ((0, jsx_runtime_1.jsxs)(Box_1.Box, Object.assign({ ref: forwardedRef }, rest, { style: Object.assign({ "--_iui-line-clamp": lines }, props.style) }, { children: [(0, jsx_runtime_1.jsx)(ShadowRoot_1.ShadowRoot, Object.assign({ css: css }, { children: (0, jsx_runtime_1.jsx)("slot", {}) })), children] })));
+});
+const css = /* css */ `
+  :host {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: var(--_iui-line-clamp, 3);
+    -webkit-box-orient: vertical;
+  }
+`;
+//# sourceMappingURL=LineClamp.js.map

package/dist/components/Table/components/newComponents/utils/components/LineClamp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineClamp.js","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/utils/components/LineClamp.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,6CAA+B;AAE/B,+BAA4B;AAC5B,6CAA0C;AAE1C,eAAe;AACF,QAAA,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE;IAChE,MAAM,EAAE,KAAK,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAApC,qBAA4B,CAAQ,CAAC;IAC3C,OAAO,CACL,wBAAC,SAAG,kBACF,GAAG,EAAE,YAAY,IACb,IAAI,IACR,KAAK,EACH,gBAAE,mBAAmB,EAAE,KAAK,IAAK,KAAK,CAAC,KAAK,CAAyB,iBAGvE,uBAAC,uBAAU,kBAAC,GAAG,EAAE,GAAG,gBAClB,kCAAQ,IACG,EACZ,QAAQ,KACL,CACP,CAAC;AACJ,CAAC,CAA8D,CAAC;AAEhE,MAAM,GAAG,GAAG,SAAS,CAAC;;;;;;;CAOrB,CAAC"}

package/dist/components/Table/components/newComponents/utils/components/MiddleTextTruncation.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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MiddleTextTruncation = 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 useOverflow_1 = require("../hooks/useOverflow");
+const ELLIPSIS_CHAR = '…';
+/**
+ * Truncates text with the ellipsis in the middle,
+ * leaving defined number of chars at the end.
+ * @example
+ * <MiddleTextTruncation text='ThisIsMyVeryLongFileName.dgn' />
+ * @example
+ * <MiddleTextTruncation text='ThisIsMyVeryLongFileName.dgn' endCharsCount={10} />
+ * @example
+ * <MiddleTextTruncation
+ *   text='ThisIsMyVeryLongFileName.dgn'
+ *   textRenderer={React.useCallback(
+ *     (truncatedText) => <b>{truncatedText}</b>,
+ *     []
+ *   )}
+ * />
+ */
+const MiddleTextTruncation = (props) => {
+    var _a;
+    const { text, endCharsCount = 6, textRenderer, style } = props, rest = __rest(props, ["text", "endCharsCount", "textRenderer", "style"]);
+    const [ref, visibleCount] = (0, useOverflow_1.useOverflow)(text);
+    const truncatedText = React.useMemo(() => {
+        if (visibleCount < text.length) {
+            return `${text.substring(0, visibleCount - endCharsCount - ELLIPSIS_CHAR.length)}${ELLIPSIS_CHAR}${text.substring(text.length - endCharsCount)}`;
+        }
+        else {
+            return text;
+        }
+    }, [endCharsCount, text, visibleCount]);
+    return ((0, jsx_runtime_1.jsx)("span", Object.assign({ style: Object.assign({ display: 'flex', minWidth: 0, flexGrow: 1, whiteSpace: 'nowrap' }, style), ref: ref }, rest, { children: (_a = textRenderer === null || textRenderer === void 0 ? void 0 : textRenderer(truncatedText, text)) !== null && _a !== void 0 ? _a : truncatedText })));
+};
+exports.MiddleTextTruncation = MiddleTextTruncation;
+//# sourceMappingURL=MiddleTextTruncation.js.map

package/dist/components/Table/components/newComponents/utils/components/MiddleTextTruncation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiddleTextTruncation.js","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/utils/components/MiddleTextTruncation.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,6CAA+B;AAC/B,sDAAmD;AAGnD,MAAM,aAAa,GAAG,GAAG,CAAC;AAqB1B;;;;;;;;;;;;;;;GAeG;AACI,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAE,EAAE;;IACvE,MAAM,EAAE,IAAI,EAAE,aAAa,GAAG,CAAC,EAAE,YAAY,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAjE,kDAAyD,CAAQ,CAAC;IAExE,MAAM,CAAC,GAAG,EAAE,YAAY,CAAC,GAAG,IAAA,yBAAW,EAAC,IAAI,CAAC,CAAC;IAE9C,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACvC,IAAI,YAAY,GAAG,IAAI,CAAC,MAAM,EAAE;YAC9B,OAAO,GAAG,IAAI,CAAC,SAAS,CACtB,CAAC,EACD,YAAY,GAAG,aAAa,GAAG,aAAa,CAAC,MAAM,CACpD,GAAG,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,GAAG,aAAa,CAAC,EAAE,CAAC;SACnE;aAAM;YACL,OAAO,IAAI,CAAC;SACb;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;IAExC,OAAO,CACL,+CACE,KAAK,kBACH,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,CAAC,EACX,UAAU,EAAE,QAAQ,IACjB,KAAK,GAEV,GAAG,EAAE,GAAG,IACJ,IAAI,cAEP,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,aAAa,EAAE,IAAI,CAAC,mCAAI,aAAa,IAChD,CACR,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,oBAAoB,wBA+B/B"}

package/dist/components/Table/components/newComponents/utils/components/Portal.js

@@ -0,0 +1,70 @@
+"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.Portal = 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 ReactDOM = __importStar(require("react-dom"));
+const ThemeContext_1 = require("../../ThemeProvider/ThemeContext");
+const dom_1 = require("../functions/dom");
+const useIsClient_1 = require("../hooks/useIsClient");
+// ----------------------------------------------------------------------------
+/**
+ * Helper component that portals children according to the following conditions:
+ *   - renders null on server
+ *   - if `portal` is set to true, renders into nearest ThemeContext.portalContainer
+ *   - if `portal` is set to false, renders as-is without portal
+ *   - otherwise renders into `portal.to` (can be an element or a function)
+ *     - If `to`/`to()` === `null`/`undefined`, the default behavior will be used (i.e. as if `portal` is not passed).
+ *     - E.g. `portal={{ to: () => document.querySelector('.may-not-exist') }}`.
+ *
+ * @private
+ */
+const Portal = (props) => {
+    // @ts-ignore
+    const { portal = true, children } = props;
+    const isClient = (0, useIsClient_1.useIsClient)();
+    const portalTo = usePortalTo(portal);
+    if (!isClient) {
+        return null;
+    }
+    return portalTo ? ReactDOM.createPortal(children, portalTo) : children;
+};
+exports.Portal = Portal;
+// ----------------------------------------------------------------------------
+const usePortalTo = (portal) => {
+    var _a, _b;
+    const themeInfo = React.useContext(ThemeContext_1.ThemeContext);
+    const defaultPortalTo = (_a = themeInfo === null || themeInfo === void 0 ? void 0 : themeInfo.portalContainer) !== null && _a !== void 0 ? _a : (_b = (0, dom_1.getDocument)()) === null || _b === void 0 ? void 0 : _b.body;
+    if (typeof portal === "boolean") {
+        return portal ? defaultPortalTo : null;
+    }
+    const portalTo = typeof portal.to === "function" ? portal.to() : portal.to;
+    return portalTo !== null && portalTo !== void 0 ? portalTo : defaultPortalTo;
+};
+//# sourceMappingURL=Portal.js.map

package/dist/components/Table/components/newComponents/utils/components/Portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/utils/components/Portal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,6CAA+B;AAC/B,oDAAsC;AACtC,mEAAgE;AAChE,0CAA+C;AAC/C,sDAAmD;AA4BnD,+EAA+E;AAE/E;;;;;;;;;;GAUG;AACI,MAAM,MAAM,GAA0B,CAAC,KAAK,EAAE,EAAE;IACrD,aAAa;IACb,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE1C,MAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;IAErC,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,IAAI,CAAC;KACb;IAED,OAAO,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;AACzE,CAAC,CAAC;AAZW,QAAA,MAAM,UAYjB;AAEF,+EAA+E;AAE/E,MAAM,WAAW,GAAG,CAAC,MAA0C,EAAE,EAAE;;IACjE,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAY,CAAC,CAAC;IACjD,MAAM,eAAe,GAAG,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,eAAe,mCAAI,MAAA,IAAA,iBAAW,GAAE,0CAAE,IAAI,CAAC;IAE1E,IAAI,OAAO,MAAM,KAAK,SAAS,EAAE;QAC/B,OAAO,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC;KACxC;IAED,MAAM,QAAQ,GAAG,OAAO,MAAM,CAAC,EAAE,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC;IAC3E,OAAO,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,eAAe,CAAC;AACrC,CAAC,CAAC"}