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

package/dist/components/Table/components/Row/InternalRowWithRT.js

@@ -0,0 +1,91 @@
+"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 });
+const jsx_runtime_1 = require("react/jsx-runtime");
+//@ts-nocheck
+const react_1 = __importStar(require("react"));
+const react_keyed_flatten_children_1 = __importDefault(require("react-keyed-flatten-children"));
+const classnames_1 = __importDefault(require("classnames"));
+const TableContext_1 = require("../TableContext");
+const InternalRowBase_1 = __importDefault(require("./InternalRowBase"));
+const Row_module_scss_1 = __importDefault(require("./Row.module.scss"));
+const RowCellChildren_1 = __importDefault(require("./RowCellChildren"));
+const RowContext_1 = require("./RowContext");
+const Polymorphic_1 = require("../newComponents/Polymorphic");
+function isComponentType(child, componentName) {
+    // Type assertion to treat the type as a ComponentWithDisplayName
+    const component = child.type;
+    return (react_1.default.isValidElement(child) &&
+        typeof component === 'function' && // Ensure it's a function
+        component.displayName === componentName // Check the displayName
+    );
+}
+const InternalRowWithRT = (_a) => {
+    var { children, className, row, virtualRow } = _a, rest = __rest(_a, ["children", "className", "row", "virtualRow"]);
+    const { disabled } = (0, RowContext_1.useRowContext)();
+    const { table, getParentRow, shouldAlternateRowColor } = (0, TableContext_1.useTableContext)();
+    const parentRow = getParentRow === null || getParentRow === void 0 ? void 0 : getParentRow(row.id);
+    const rowRef = virtualRow === null || virtualRow === void 0 ? void 0 : virtualRow.measureRef;
+    const isTableExpandable = table === null || table === void 0 ? void 0 : table.getCanSomeRowsExpand();
+    const isNested = !!parentRow;
+    const isParentExpanded = !!parentRow && parentRow.getIsExpanded();
+    const isRowVisible = isParentExpanded || !isNested;
+    const isOddVSRow = !!virtualRow && virtualRow.index % 2 !== 0;
+    const isExpanded = row.getIsExpanded();
+    const isSelected = row.getIsSelected();
+    const flattenedChildren = (0, react_keyed_flatten_children_1.default)(children);
+    const CellChildren = flattenedChildren.filter(child => isComponentType(child, 'Cell'));
+    const OtherChildren = flattenedChildren.filter(child => !isComponentType(child, 'Cell'));
+    const shouldRenderAsTBody = isTableExpandable && !isNested;
+    const containerAs = (0, react_1.useMemo)(() => (shouldRenderAsTBody ? 'tbody' : react_1.Fragment), [shouldRenderAsTBody]);
+    const tBodyProps = {
+        className: (0, classnames_1.default)({
+            [Row_module_scss_1.default.expandedContentParent]: isExpanded, // Ensure these are the correct class names
+        }),
+        'data-expanded': isExpanded,
+        ref: rowRef,
+    };
+    return ((0, jsx_runtime_1.jsxs)(Polymorphic_1.Polymorph, Object.assign({ as: containerAs }, (shouldRenderAsTBody && tBodyProps), { children: [(0, jsx_runtime_1.jsx)(InternalRowBase_1.default, Object.assign({ className: (0, classnames_1.default)({
+                    [Row_module_scss_1.default.grayZebraRow]: isOddVSRow && shouldAlternateRowColor && !isSelected,
+                    [Row_module_scss_1.default.zebraRow]: !virtualRow && shouldAlternateRowColor && !isSelected,
+                    [Row_module_scss_1.default.selectedRow]: isSelected && !disabled,
+                }, className), "data-selected": isSelected, "aria-hidden": !isRowVisible, id: `lg-table-row-${row.id}` }, rest, { children: (0, jsx_runtime_1.jsx)(RowCellChildren_1.default, Object.assign({ row: row }, { children: CellChildren })) })), OtherChildren] })));
+};
+exports.default = InternalRowWithRT;
+//# sourceMappingURL=InternalRowWithRT.js.map

package/dist/components/Table/components/Row/InternalRowWithRT.js.map

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

package/dist/components/Table/components/Row/InternalRowWithoutRT.js

@@ -0,0 +1,42 @@
+"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 });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+// import { useDarkMode } from '@leafygreen-ui/leafygreen-provider';
+// import { consoleOnce, isComponentType } from '@leafygreen-ui/lib';
+const TableContext_1 = require("../TableContext");
+const InternalRowBase_1 = __importDefault(require("./InternalRowBase"));
+const Row_module_scss_1 = __importDefault(require("./Row.module.scss")); // Ensure this is the correct path to your SCSS module
+/**
+ * Renders basic array row data
+ */
+const InternalRowWithoutRT = (_a) => {
+    var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
+    const { shouldAlternateRowColor } = (0, TableContext_1.useTableContext)();
+    // const { theme } = useDarkMode();
+    // React.Children.forEach(children, child => {
+    //   if (!isComponentType(child, 'Cell'))
+    //     consoleOnce.warn(
+    //       'LG Row is rendering a custom cell element. Utilize the `Cell` component for standardized styles, correct HTML properties and additional functionalities when using `useLeafyGreenTable`.',
+    //     );
+    // });
+    // Determine the theme-specific class for zebra styles based on context
+    // const zebraClass = theme === 'dark' ? styles.zebraRowDark : styles.zebraRowLight;
+    return ((0, jsx_runtime_1.jsx)(InternalRowBase_1.default, Object.assign({ className: (0, classnames_1.default)(shouldAlternateRowColor && Row_module_scss_1.default.zebraRowLight, className) }, rest, { children: children })));
+};
+exports.default = InternalRowWithoutRT;
+//# sourceMappingURL=InternalRowWithoutRT.js.map

package/dist/components/Table/components/Row/InternalRowWithoutRT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalRowWithoutRT.js","sourceRoot":"","sources":["../../../../../src/components/Table/components/Row/InternalRowWithoutRT.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,4DAA4B;AAC5B,oEAAoE;AACpE,qEAAqE;AAErE,kDAAkD;AAClD,wEAAgD;AAChD,wEAAuC,CAAC,sDAAsD;AAG9F;;GAEG;AACH,MAAM,oBAAoB,GAAG,CAAC,EAIP,EAAE,EAAE;QAJG,EAC5B,QAAQ,EACR,SAAS,OAEY,EADlB,IAAI,cAHqB,yBAI7B,CADQ;IAEP,MAAM,EAAE,uBAAuB,EAAE,GAAG,IAAA,8BAAe,GAAE,CAAC;IACtD,mCAAmC;IAEnC,8CAA8C;IAC9C,yCAAyC;IACzC,wBAAwB;IACxB,oMAAoM;IACpM,SAAS;IACT,MAAM;IAEN,uEAAuE;IACvE,oFAAoF;IAEpF,OAAO,CACL,uBAAC,yBAAe,kBACd,SAAS,EAAE,IAAA,oBAAE,EACX,uBAAuB,IAAI,yBAAM,CAAC,aAAa,EAC/C,SAAS,CACV,IACG,IAAI,cAEP,QAAQ,IACO,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}

package/dist/components/Table/components/Row/Row.js

@@ -0,0 +1,36 @@
+"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 });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const prop_types_1 = __importDefault(require("prop-types"));
+const InternalRowWithoutRT_1 = __importDefault(require("./InternalRowWithoutRT"));
+const InternalRowWithRT_1 = __importDefault(require("./InternalRowWithRT"));
+const RowContext_1 = require("./RowContext");
+/**
+ * Renders the provided cells
+ */
+const Row = (_a) => {
+    var { row, virtualRow, disabled } = _a, rest = __rest(_a, ["row", "virtualRow", "disabled"]);
+    return ((0, jsx_runtime_1.jsx)(RowContext_1.RowContextProvider, Object.assign({ disabled: disabled }, { children: row ? ((0, jsx_runtime_1.jsx)(InternalRowWithRT_1.default, Object.assign({ row: row, virtualRow: virtualRow }, rest))) : ((0, jsx_runtime_1.jsx)(InternalRowWithoutRT_1.default, Object.assign({}, rest))) })));
+};
+Row.propTypes = {
+    virtualRow: prop_types_1.default.any,
+    row: prop_types_1.default.any,
+    disabled: prop_types_1.default.bool,
+};
+Row.displayName = 'Row';
+exports.default = Row;
+//# sourceMappingURL=Row.js.map

package/dist/components/Table/components/Row/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../../src/components/Table/components/Row/Row.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,4DAAmC;AAInC,kFAA0D;AAC1D,4EAAoD;AAEpD,6CAAkD;AAElD;;GAEG;AACH,MAAM,GAAG,GAAG,CAAsB,EAKpB,EAAE,EAAE;QALgB,EAChC,GAAG,EACH,UAAU,EACV,QAAQ,OAEI,EADT,IAAI,cAJyB,iCAKjC,CADQ;IAEP,OAAO,CACL,uBAAC,+BAAkB,kBAAC,QAAQ,EAAE,QAAQ,gBACnC,GAAG,CAAC,CAAC,CAAC,CACL,uBAAC,2BAAiB,kBAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,IAAM,IAAI,EAAI,CAClE,CAAC,CAAC,CAAC,CACF,uBAAC,8BAAoB,oBAAK,IAAI,EAAI,CACnC,IACkB,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,GAAG,CAAC,SAAS,GAAG;IACd,UAAU,EAAE,oBAAS,CAAC,GAAG;IACzB,GAAG,EAAE,oBAAS,CAAC,GAAG;IAClB,QAAQ,EAAE,oBAAS,CAAC,IAAI;CACzB,CAAC;AAEF,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AAExB,kBAAe,GAAG,CAAC"}

package/dist/components/Table/components/Row/Row.types.js

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

package/dist/components/Table/components/Row/Row.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.types.js","sourceRoot":"","sources":["../../../../../src/components/Table/components/Row/Row.types.ts"],"names":[],"mappings":""}

package/dist/components/Table/components/Row/RowCellChildren.js

@@ -0,0 +1,42 @@
+"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 });
+const jsx_runtime_1 = require("react/jsx-runtime");
+//@ts-nocheck
+const react_1 = __importDefault(require("react"));
+const InternalCell_1 = __importDefault(require("../Cell/InternalCell"));
+const TableContext_1 = require("../TableContext");
+const areAncestorsExpanded_1 = require("../utils/areAncestorsExpanded");
+const RowContext_1 = require("./RowContext");
+/**
+ * Renders row cells provided by `useReactTable`
+ */
+const RowCellChildren = ({ row, children: CellChildren, }) => {
+    const { getParentRow } = (0, TableContext_1.useTableContext)();
+    const { disabled } = (0, RowContext_1.useRowContext)();
+    const parentRow = getParentRow === null || getParentRow === void 0 ? void 0 : getParentRow(row.id);
+    const isNested = !!parentRow;
+    const isParentExpanded = !!parentRow && parentRow.getIsExpanded();
+    const areAncestorsExpanded = (0, areAncestorsExpanded_1.getAreAncestorsExpanded)(row.id, getParentRow);
+    const isRowVisible = (areAncestorsExpanded && isParentExpanded) || !isNested;
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: react_1.default.Children.map(CellChildren, (child, colIndex) => {
+            const _a = child === null || child === void 0 ? void 0 : child.props, { children } = _a, props = __rest(_a, ["children"]);
+            const cell = row.getVisibleCells()[colIndex];
+            return ((0, jsx_runtime_1.jsx)(InternalCell_1.default, Object.assign({}, props, { cellIndex: colIndex, isVisible: isRowVisible, disabled: disabled, depth: row.depth, align: cell.column.columnDef.align }, { children: children })));
+        }) }));
+};
+exports.default = RowCellChildren;
+//# sourceMappingURL=RowCellChildren.js.map

package/dist/components/Table/components/Row/RowCellChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowCellChildren.js","sourceRoot":"","sources":["../../../../../src/components/Table/components/Row/RowCellChildren.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,aAAa;AACb,kDAAuD;AAEvD,wEAAgD;AAChD,kDAAkD;AAGlD,wEAAwE;AAExE,6CAA6C;AAQ7C;;GAEG;AACH,MAAM,eAAe,GAAG,CAAsB,EAC5C,GAAG,EACH,QAAQ,EAAE,YAAY,GACE,EAAE,EAAE;IAC5B,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,8BAAe,GAAE,CAAC;IAC3C,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,0BAAa,GAAE,CAAC;IACrC,MAAM,SAAS,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,GAAG,CAAC,EAAE,CAAC,CAAC;IACzC,MAAM,QAAQ,GAAG,CAAC,CAAC,SAAS,CAAC;IAC7B,MAAM,gBAAgB,GAAG,CAAC,CAAC,SAAS,IAAI,SAAS,CAAC,aAAa,EAAE,CAAC;IAClE,MAAM,oBAAoB,GAAG,IAAA,8CAAuB,EAAC,GAAG,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;IAC3E,MAAM,YAAY,GAAG,CAAC,oBAAoB,IAAI,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC;IAE7E,OAAO,CACL,2DACG,eAAK,CAAC,QAAQ,CAAC,GAAG,CACjB,YAAY,EACZ,CAAC,KAAgB,EAAE,QAAgB,EAAE,EAAE;YACrC,MAAM,KAA0B,KAAsB,aAAtB,KAAK,uBAAL,KAAK,CAAmB,KAAK,EAAvD,EAAE,QAAQ,OAA6C,EAAxC,KAAK,cAApB,YAAsB,CAAiC,CAAC;YAC9D,MAAM,IAAI,GAAG,GAAG,CAAC,eAAe,EAAE,CAAC,QAAQ,CAAC,CAAC;YAE7C,OAAO,CACL,uBAAC,sBAAY,oBACP,KAAK,IACT,SAAS,EAAE,QAAQ,EACnB,SAAS,EAAE,YAAY,EACvB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,gBAEjC,QAAQ,IACI,CAChB,CAAC;QACJ,CAAC,CACF,GACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/dist/components/Table/components/Row/RowContext.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RowContextProvider = exports.useRowContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const RowContext = (0, react_1.createContext)({});
+const useRowContext = () => (0, react_1.useContext)(RowContext);
+exports.useRowContext = useRowContext;
+const RowContextProvider = ({ children, disabled }) => {
+    return ((0, jsx_runtime_1.jsx)(RowContext.Provider, Object.assign({ value: {
+            disabled,
+        } }, { children: children })));
+};
+exports.RowContextProvider = RowContextProvider;
+//# sourceMappingURL=RowContext.js.map

package/dist/components/Table/components/Row/RowContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowContext.js","sourceRoot":"","sources":["../../../../../src/components/Table/components/Row/RowContext.tsx"],"names":[],"mappings":";;;;AAAA,iCAA4E;AAM5E,MAAM,UAAU,GAAG,IAAA,qBAAa,EAAkB,EAAE,CAAC,CAAC;AAE/C,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,IAAA,kBAAU,EAAC,UAAU,CAAC,CAAC;AAA7C,QAAA,aAAa,iBAAgC;AAEnD,MAAM,kBAAkB,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAmB,EAAE,EAAE;IAC5E,OAAO,CACL,uBAAC,UAAU,CAAC,QAAQ,kBAClB,KAAK,EAAE;YACL,QAAQ;SACT,gBAEA,QAAQ,IACW,CACvB,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,kBAAkB,sBAU7B"}

package/dist/components/Table/components/Row/index.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Row = exports.HeaderRow = void 0;
+const HeaderRow_1 = __importDefault(require("./HeaderRow/HeaderRow"));
+exports.HeaderRow = HeaderRow_1.default;
+const Row_1 = __importDefault(require("./Row"));
+exports.Row = Row_1.default;
+//# sourceMappingURL=index.js.map

package/dist/components/Table/components/Row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Table/components/Row/index.ts"],"names":[],"mappings":";;;;;;AAAA,sEAA8C;AAKrC,oBALF,mBAAS,CAKE;AAHlB,gDAAwB;AAGiB,cAHlC,aAAG,CAGkC"}

package/dist/components/Table/components/TableBody/TableBody.js

@@ -0,0 +1,38 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const TableContext_1 = require("../TableContext");
+const Polymorphic_1 = require("../newComponents/Polymorphic");
+const TableBody = (_a) => {
+    var _b, _c;
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    let paddingTop = 0;
+    let paddingBottom = 0;
+    const { table } = (0, TableContext_1.useTableContext)();
+    const areSomeRowsExpandable = table === null || table === void 0 ? void 0 : table.getCanSomeRowsExpand();
+    const bodyAs = (0, react_1.useMemo)(() => (areSomeRowsExpandable ? react_1.Fragment : 'tbody'), [areSomeRowsExpandable]);
+    if (table && table.virtualRows) {
+        const { virtualRows, totalSize } = table;
+        paddingTop = virtualRows.length > 0 ? ((_b = virtualRows === null || virtualRows === void 0 ? void 0 : virtualRows[0]) === null || _b === void 0 ? void 0 : _b.start) || 0 : 0;
+        paddingBottom =
+            virtualRows.length > 0
+                ? totalSize - (((_c = virtualRows === null || virtualRows === void 0 ? void 0 : virtualRows[virtualRows.length - 1]) === null || _c === void 0 ? void 0 : _c.end) || 0)
+                : 0;
+    }
+    return ((0, jsx_runtime_1.jsxs)(Polymorphic_1.Polymorph, Object.assign({ as: bodyAs }, rest, { children: [paddingTop > 0 && ((0, jsx_runtime_1.jsx)("tr", Object.assign({ "aria-hidden": true }, { children: (0, jsx_runtime_1.jsx)("td", { style: { height: `${paddingTop}px` } }) }))), children, paddingBottom > 0 && ((0, jsx_runtime_1.jsx)("tr", Object.assign({ "aria-hidden": true }, { children: (0, jsx_runtime_1.jsx)("td", { style: { height: `${paddingBottom}px` } }) })))] })));
+};
+TableBody.displayName = 'TableBody';
+exports.default = TableBody;
+//# sourceMappingURL=TableBody.js.map

package/dist/components/Table/components/TableBody/TableBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.js","sourceRoot":"","sources":["../../../../../src/components/Table/components/TableBody/TableBody.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,iCAAiD;AACjD,kDAAkD;AAElD,8DAAyD;AAEzD,MAAM,SAAS,GAAG,CAAC,EAAqC,EAAE,EAAE;;QAAzC,EAAE,QAAQ,OAA2B,EAAtB,IAAI,cAAnB,YAAqB,CAAF;IACpC,IAAI,UAAU,GAAG,CAAC,CAAC;IACnB,IAAI,aAAa,GAAG,CAAC,CAAC;IAEtB,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,8BAAe,GAAE,CAAC;IACpC,MAAM,qBAAqB,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,oBAAoB,EAAE,CAAC;IAE5D,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,gBAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,EAClD,CAAC,qBAAqB,CAAC,CACxB,CAAC;IAEF,IAAI,KAAK,IAAI,KAAK,CAAC,WAAW,EAAE;QAC9B,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;QACzC,UAAU,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,CAAC,CAAC,0CAAE,KAAK,KAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACvE,aAAa;YACX,WAAW,CAAC,MAAM,GAAG,CAAC;gBACpB,CAAC,CAAC,SAAS,GAAG,CAAC,CAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,0CAAE,GAAG,KAAI,CAAC,CAAC;gBAC/D,CAAC,CAAC,CAAC,CAAC;KACT;IAED,OAAO,CACL,wBAAC,uBAAS,kBAAC,EAAE,EAAE,MAAM,IAAM,IAAI,eAE5B,UAAU,GAAG,CAAC,IAAI,CACjB,gFACE,+BAAI,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,UAAU,IAAI,EAAE,GAAI,IACzC,CACN,EACA,QAAQ,EAER,aAAa,GAAG,CAAC,IAAI,CACpB,gFACE,+BAAI,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,aAAa,IAAI,EAAE,GAAI,IAC5C,CACN,KACS,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,kBAAe,SAAS,CAAC"}

package/dist/components/Table/components/TableBody/TableBody.types.js

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

package/dist/components/Table/components/TableBody/TableBody.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.types.js","sourceRoot":"","sources":["../../../../../src/components/Table/components/TableBody/TableBody.types.ts"],"names":[],"mappings":""}

package/dist/components/Table/components/TableBody/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const TableBody_1 = __importDefault(require("./TableBody"));
+exports.default = TableBody_1.default;
+//# sourceMappingURL=index.js.map

package/dist/components/Table/components/TableBody/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Table/components/TableBody/index.ts"],"names":[],"mappings":";;;;;AAAA,4DAAoC;AAGpC,kBAAe,mBAAS,CAAC"}

package/dist/components/Table/components/TableContext/TableContext.js

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTableContext = exports.TableContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const getParentRowId_1 = __importDefault(require("../utils/getParentRowId"));
+exports.TableContext = (0, react_1.createContext)({});
+const useTableContext = () => (0, react_1.useContext)(exports.TableContext);
+exports.useTableContext = useTableContext;
+const TableContextProvider = ({ children, darkMode, table, shouldAlternateRowColor, disableAnimations, }) => {
+    const getRowById = (id) => { var _a; return id ? (_a = table === null || table === void 0 ? void 0 : table.getRowModel().rowsById) === null || _a === void 0 ? void 0 : _a[id] : undefined; };
+    const getParentRow = (childId) => getRowById((0, getParentRowId_1.default)(childId));
+    /** The appropriately typed context provider */
+    const TableProvider = exports.TableContext
+        .Provider;
+    return (
+    // <LeafyGreenProvider darkMode={darkMode}>
+    (0, jsx_runtime_1.jsx)(TableProvider, Object.assign({ value: {
+            table,
+            getRowById,
+            getParentRow,
+            shouldAlternateRowColor,
+            disableAnimations,
+        } }, { children: children }))
+    // </LeafyGreenProvider>
+    );
+};
+exports.default = TableContextProvider;
+//# sourceMappingURL=TableContext.js.map

package/dist/components/Table/components/TableContext/TableContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableContext.js","sourceRoot":"","sources":["../../../../../src/components/Table/components/TableContext/TableContext.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAA4E;AAK5E,6EAAqD;AAIxC,QAAA,YAAY,GAAG,IAAA,qBAAa,EAEvC,EAAE,CAAC,CAAC;AAEC,MAAM,eAAe,GAAG,GAAwB,EAAE,CACvD,IAAA,kBAAU,EACR,oBAAoD,CACrD,CAAC;AAHS,QAAA,eAAe,mBAGxB;AAEJ,MAAM,oBAAoB,GAAG,CAAsB,EACjD,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,uBAAuB,EACvB,iBAAiB,GACiC,EAAE,EAAE;IACtD,MAAM,UAAU,GAAG,CAAC,EAAW,EAAE,EAAE,WACjC,OAAA,EAAE,CAAC,CAAC,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,GAAG,QAAQ,0CAAG,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA,EAAA,CAAC;IAEvD,MAAM,YAAY,GAAG,CAAC,OAAgB,EAAE,EAAE,CACxC,UAAU,CAAC,IAAA,wBAAc,EAAC,OAAO,CAAC,CAAC,CAAC;IAEtC,+CAA+C;IAC/C,MAAM,aAAa,GAAI,oBAAqD;SACzE,QAAQ,CAAC;IAEZ,OAAO;IACL,2CAA2C;IACzC,uBAAC,aAAa,kBACZ,KAAK,EAAE;YACL,KAAK;YACL,UAAU;YACV,YAAY;YACZ,uBAAuB;YACvB,iBAAiB;SAClB,gBAEA,QAAQ,IACK;IAClB,wBAAwB;KACzB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}

package/dist/components/Table/components/TableContext/TableContext.types.js

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

package/dist/components/Table/components/TableContext/TableContext.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableContext.types.js","sourceRoot":"","sources":["../../../../../src/components/Table/components/TableContext/TableContext.types.ts"],"names":[],"mappings":""}

package/dist/components/Table/components/TableContext/index.js

@@ -0,0 +1,30 @@
+"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.useTableContext = exports.TableContextProvider = void 0;
+const TableContext_1 = __importStar(require("./TableContext"));
+exports.TableContextProvider = TableContext_1.default;
+Object.defineProperty(exports, "useTableContext", { enumerable: true, get: function () { return TableContext_1.useTableContext; } });
+//# sourceMappingURL=index.js.map

package/dist/components/Table/components/TableContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Table/components/TableContext/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+DAAuE;AAG9D,+BAHF,sBAAoB,CAGE;AAA2B,gGAHzB,8BAAe,OAGyB"}

package/dist/components/Table/components/TableHead/TableHead.js

@@ -0,0 +1,31 @@
+"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 });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+// import { useDarkMode } from '@leafygreen-ui/leafygreen-provider';
+const TableHead_module_scss_1 = __importDefault(require("./TableHead.module.scss")); // Import SCSS styles
+const TableHead = (_a) => {
+    // const { theme } = useDarkMode();
+    var { children, isSticky, className } = _a, rest = __rest(_a, ["children", "isSticky", "className"]);
+    return ((0, jsx_runtime_1.jsx)("thead", Object.assign({ className: (0, classnames_1.default)({
+            [TableHead_module_scss_1.default.stickyStyles]: isSticky, // Use sticky class from SCSS module
+        }, TableHead_module_scss_1.default.themeLight, // Conditional theme styles
+        className) }, rest, { children: children })));
+};
+TableHead.displayName = 'TableHead';
+exports.default = TableHead;
+//# sourceMappingURL=TableHead.js.map

package/dist/components/Table/components/TableHead/TableHead.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHead.js","sourceRoot":"","sources":["../../../../../src/components/Table/components/TableHead/TableHead.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,4DAA4B;AAC5B,oEAAoE;AAEpE,oFAA6C,CAAE,qBAAqB;AAGpE,MAAM,SAAS,GAAG,CAAC,EAKiB,EAAE,EAAE;IACtC,mCAAmC;QANlB,EACjB,QAAQ,EACR,QAAQ,EACR,SAAS,OAEyB,EAD/B,IAAI,cAJU,qCAKlB,CADQ;IAIP,OAAO,CACL,gDACE,SAAS,EAAE,IAAA,oBAAE,EACX;YACE,CAAC,+BAAM,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAG,oCAAoC;SACvE,EACD,+BAAM,CAAC,UAAU,EAAG,2BAA2B;QAC/C,SAAS,CACV,IACG,IAAI,cAEP,QAAQ,IACH,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,kBAAe,SAAS,CAAC"}

package/dist/components/Table/components/TableHead/TableHead.types.js

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

package/dist/components/Table/components/TableHead/TableHead.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHead.types.js","sourceRoot":"","sources":["../../../../../src/components/Table/components/TableHead/TableHead.types.ts"],"names":[],"mappings":""}

package/dist/components/Table/components/TableHead/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const TableHead_1 = __importDefault(require("./TableHead"));
+exports.default = TableHead_1.default;
+//# sourceMappingURL=index.js.map

package/dist/components/Table/components/TableHead/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Table/components/TableHead/index.ts"],"names":[],"mappings":";;;;;AAAA,4DAAoC;AAEpC,kBAAe,mBAAS,CAAC"}

package/dist/components/Table/components/TableHeader/TableHeader.js

@@ -0,0 +1,116 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+// TableHeader.tsx
+// @ts-nocheck
+const react_1 = require("react");
+const TextField_1 = __importDefault(require("../../../TextField/TextField"));
+const Dropdown_1 = __importDefault(require("../../../Dropdown/Dropdown"));
+const lodash_1 = __importDefault(require("lodash"));
+const Flex_1 = __importDefault(require("../../../Flex/Flex"));
+const IconButton_1 = __importDefault(require("../../../IconButton/IconButton"));
+const Icons_1 = require("../../../Icon/Icons");
+const TableHeader_module_scss_1 = __importDefault(require("./TableHeader.module.scss"));
+const Search_1 = __importDefault(require("../../../Search/Search"));
+const TableHeader = ({ data, onFilteredDataChange, globalSearch = false, dropdownFilter = false, dropdownFilters = [], globalFilterColumns = [], headerButtons = [], isDownloadable = true, isFilterableable = true, }) => {
+    const [isFilterInputVisible, setIsFilterInputVisible] = (0, react_1.useState)(false);
+    const [globalFilter, setGlobalFilter] = (0, react_1.useState)("");
+    const [inputFilter, setInputFilter] = (0, react_1.useState)("");
+    const [statusFilter, setStatusFilter] = (0, react_1.useState)(null);
+    const [selectedAssignee, setSelectedAssignee] = (0, react_1.useState)(null);
+    const [selectedDropdownFilters, setSelectedDropdownFilters] = (0, react_1.useState)({});
+    const [lastFiltered, setLastFiltered] = (0, react_1.useState)(data);
+    const handleFilterIconClick = () => {
+        setIsFilterInputVisible((prev) => !prev);
+    };
+    const arrayToCSV = (data) => {
+        const csvRows = [];
+        const headers = Object.keys(data[0]);
+        csvRows.push(headers.join(","));
+        data.forEach((row) => {
+            const values = headers.map((header) => {
+                let cell = row[header];
+                if (typeof cell === "object" && cell !== null) {
+                    cell = Object.entries(cell)
+                        .map(([key, value]) => `${key}: ${value}`)
+                        .join("; ");
+                }
+                const escaped = `${cell}`.replace(/"/g, '""');
+                return `"${escaped}"`;
+            });
+            csvRows.push(values.join(","));
+        });
+        return csvRows.join("\n");
+    };
+    const downloadCSV = (csvString, filename = "table-data.csv") => {
+        const blob = new Blob([csvString], { type: "text/csv;charset=utf-8;" });
+        const link = document.createElement("a");
+        link.href = URL.createObjectURL(blob);
+        link.download = filename;
+        link.style.visibility = "hidden";
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+    };
+    const handleDownloadClick = () => {
+        const csvString = arrayToCSV(data);
+        downloadCSV(csvString);
+    };
+    (0, react_1.useEffect)(() => {
+        let filtered = data;
+        // Global search
+        if (globalSearch && globalFilter && globalFilterColumns) {
+            const searchLower = globalFilter.toLowerCase();
+            filtered = filtered.filter((item) => globalFilterColumns.some((column) => String(item[column]).toLowerCase().includes(searchLower)));
+        }
+        // Input filter
+        if (inputFilter) {
+            const lowerCaseFilter = inputFilter.toLowerCase();
+            filtered = filtered.filter((item) => Object.values(item).some((value) => typeof value === "object"
+                ? Object.values(value).some((innerValue) => String(innerValue).toLowerCase().includes(lowerCaseFilter))
+                : String(value).toLowerCase().includes(lowerCaseFilter)));
+        }
+        // Dropdown filters
+        Object.entries(selectedDropdownFilters).forEach(([columnName, selectedOption]) => {
+            if (selectedOption) {
+                filtered = filtered.filter((item) => {
+                    const itemValue = item[columnName];
+                    return typeof itemValue === "object"
+                        ? itemValue.value === selectedOption.value
+                        : itemValue === selectedOption.value;
+                });
+            }
+        });
+        if (!lodash_1.default.isEqual(filtered, lastFiltered)) {
+            onFilteredDataChange(filtered);
+            setLastFiltered(filtered);
+        }
+    }, [
+        data,
+        globalFilter,
+        inputFilter,
+        statusFilter,
+        selectedDropdownFilters,
+        onFilteredDataChange,
+        globalFilterColumns,
+    ]);
+    const renderDropdownFilters = () => {
+        return dropdownFilters.map((filter) => {
+            const columnValues = new Set(data.map((item) => {
+                const itemValue = item[filter.columnName];
+                return typeof itemValue === "object" ? itemValue.value : itemValue;
+            }));
+            const options = Array.from(columnValues).map((value) => ({
+                label: typeof value === "string" ? value : String(value),
+                value,
+            }));
+            return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: { minWidth: "150px" } }, { children: (0, jsx_runtime_1.jsx)(Dropdown_1.default, { options: options, size: Dropdown_1.default.sizes.SMALL, onOptionSelect: (selectedOption) => setSelectedDropdownFilters((prev) => (Object.assign(Object.assign({}, prev), { [filter.columnName]: selectedOption }))), placeholder: filter.placeholder ? filter.placeholder : filter.columnName, onClear: () => setSelectedDropdownFilters((prev) => (Object.assign(Object.assign({}, prev), { [filter.columnName]: null }))) }, filter.columnName) })));
+        });
+    };
+    return ((0, jsx_runtime_1.jsxs)(Flex_1.default, Object.assign({ justify: headerButtons.length > 0 ? Flex_1.default.justify.SPACE_BETWEEN : Flex_1.default.justify.END, className: TableHeader_module_scss_1.default.tableHeader, wrap: false }, { children: [(0, jsx_runtime_1.jsx)(Flex_1.default, Object.assign({ gap: Flex_1.default.gaps.SMALL }, { children: headerButtons && headerButtons.map((button, index) => button) })), (0, jsx_runtime_1.jsxs)(Flex_1.default, Object.assign({ gap: Flex_1.default.gaps.SMALL }, { children: [renderDropdownFilters(), globalSearch && ((0, jsx_runtime_1.jsx)(Search_1.default, { placeholder: "Search...", value: globalFilter, onChange: setGlobalFilter, size: Search_1.default.sizes.SMALL })), isDownloadable && ((0, jsx_runtime_1.jsx)(IconButton_1.default, { icon: Icons_1.Download, style: { color: "grey" }, kind: "tertiary", size: "small", ariaLabel: "Export as CSV", active: true, onClick: handleDownloadClick })), isFilterableable && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: TableHeader_module_scss_1.default.filterButtonContainer }, { children: [(0, jsx_runtime_1.jsx)(IconButton_1.default, { icon: Icons_1.Filter, kind: IconButton_1.default.kinds.TERTIARY, style: { color: "grey" }, kind: "tertiary", size: "small", ariaLabel: "Filter", active: true, onClick: handleFilterIconClick }), isFilterInputVisible && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: TableHeader_module_scss_1.default.filterBox }, { children: [(0, jsx_runtime_1.jsx)(TextField_1.default, { placeholder: "Type to filter...", value: inputFilter, onChange: setInputFilter }), (0, jsx_runtime_1.jsx)(IconButton_1.default, { icon: Icons_1.Close, kind: IconButton_1.default.kinds.TERTIARY, style: { color: "grey" }, kind: "tertiary", size: "small", ariaLabel: "Close Filter", active: true, onClick: () => setIsFilterInputVisible(false) })] })))] })))] }))] })));
+};
+exports.default = TableHeader;
+//# sourceMappingURL=TableHeader.js.map