@gen3/frontend 0.11.31 → 0.11.33

package/dist/dts/components/SegmentedControl.stories.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/nextjs';
 import { SegmentedControlItem } from '@mantine/core';
 declare const meta: {
     component: React.FC<import("@mantine/core").SegmentedControlProps & {
         readonly padding?: number;
     }>;
-    decorators: ((Story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
         data: (string | SegmentedControlItem)[];
         value?: string | undefined;
         defaultValue?: string | undefined;

package/dist/dts/components/SegmentedControl.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,oBAAoB,EAAW,MAAM,eAAe,CAAC;AAkC9D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAS+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC"}
+{"version":3,"file":"SegmentedControl.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAExD,OAAO,EAAE,oBAAoB,EAAW,MAAM,eAAe,CAAC;AAkC9D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAS+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC"}

package/dist/dts/components/Tables/ColumnOrdering.d.ts

@@ -0,0 +1,11 @@
+import { Dispatch, SetStateAction } from 'react';
+import { MRT_ColumnOrderState, MRT_RowData, MRT_TableInstance } from 'mantine-react-table';
+declare function ColumnOrdering<TData extends MRT_RowData>({ table, handleColumnOrderingReset, columnOrder, setColumnOrder, noColumnOrdering, }: {
+    table: MRT_TableInstance<TData>;
+    handleColumnOrderingReset: () => void;
+    columnOrder: MRT_ColumnOrderState;
+    setColumnOrder: Dispatch<SetStateAction<MRT_ColumnOrderState>>;
+    noColumnOrdering?: string[];
+}): JSX.Element;
+export default ColumnOrdering;
+//# sourceMappingURL=ColumnOrdering.d.ts.map

package/dist/dts/components/Tables/ColumnOrdering.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnOrdering.d.ts","sourceRoot":"","sources":["../../../../src/components/Tables/ColumnOrdering.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,QAAQ,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AASlE,OAAO,EAEL,oBAAoB,EACpB,WAAW,EACX,iBAAiB,EAClB,MAAM,qBAAqB,CAAC;AAiC7B,iBAAS,cAAc,CAAC,KAAK,SAAS,WAAW,EAAE,EACjD,KAAK,EACL,yBAAyB,EACzB,WAAW,EACX,cAAc,EACd,gBAAqB,GACtB,EAAE;IACD,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAChC,yBAAyB,EAAE,MAAM,IAAI,CAAC;IACtC,WAAW,EAAE,oBAAoB,CAAC;IAClC,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAC/D,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B,GAAG,GAAG,CAAC,OAAO,CAgId;AAgGD,eAAe,cAAc,CAAC"}

package/dist/dts/components/Tables/ColumnOrdering.js

@@ -0,0 +1,92 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { ActionIcon, Divider, Menu, Switch, TextInput, Tooltip, } from '@mantine/core';
+import { isEqual } from 'lodash';
+import { humanify } from '@gen3/core';
+import { closestCenter, DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors, } from '@dnd-kit/core';
+import { arrayMove, SortableContext, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy, } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import { restrictToParentElement, restrictToVerticalAxis, restrictToWindowEdges, } from '@dnd-kit/modifiers';
+import { DragIcon, ListIcon, SearchIcon, UndoIcon, XIcon, } from '../../types/icons';
+function ColumnOrdering(_a) {
+    var table = _a.table, handleColumnOrderingReset = _a.handleColumnOrderingReset, columnOrder = _a.columnOrder, setColumnOrder = _a.setColumnOrder, _b = _a.noColumnOrdering, noColumnOrdering = _b === void 0 ? [] : _b;
+    var _c = useState(false), showColumnMenu = _c[0], setShowColumnMenu = _c[1];
+    var _d = useState(''), searchValue = _d[0], setSearchValue = _d[1];
+    var _e = useState([]), columesVisible = _e[0], setColumsnVisible = _e[1];
+    var isBackToDefaults = isEqual(table.initialState.columnOrder, columnOrder) &&
+        isEqual(table.initialState.columnVisibility, Object.fromEntries(Object.entries(table.getState().columnVisibility).filter(function (_a) {
+            var value = _a[1];
+            return !value;
+        })));
+    var sensors = useSensors(useSensor(PointerSensor, {
+        activationConstraint: { distance: 5 },
+    }), useSensor(KeyboardSensor, {
+        coordinateGetter: sortableKeyboardCoordinates,
+    }));
+    var handleDragEnd = function (event) {
+        var active = event.active, over = event.over;
+        if ((active === null || active === void 0 ? void 0 : active.id) && (over === null || over === void 0 ? void 0 : over.id) && (active === null || active === void 0 ? void 0 : active.id) !== (over === null || over === void 0 ? void 0 : over.id)) {
+            setColumnOrder(function (items) {
+                var oldIndex = items.indexOf(active === null || active === void 0 ? void 0 : active.id);
+                var newIndex = items.indexOf(over === null || over === void 0 ? void 0 : over.id);
+                return arrayMove(items, oldIndex, newIndex);
+            });
+        }
+    };
+    return (_jsxs(Menu, { position: "bottom-end", middlewares: { shift: false, flip: false }, onChange: setShowColumnMenu, offset: 0, zIndex: 400, withinPortal: true, children: [_jsx(Tooltip, { label: "Customize Columns", disabled: showColumnMenu, children: _jsx(Menu.Target, { children: _jsx(ActionIcon, { variant: "outline", size: "lg", "aria-label": "Customize Columns", color: "primary", "data-testid": "button-column-selector-box", className: "".concat(showColumnMenu && 'border-2 border-primary', " hover:bg-primary hover:text-base-max"), children: !showColumnMenu ? (_jsx(ListIcon, { size: "1.5rem", "aria-hidden": "true" })) : (_jsx(XIcon, { size: "2rem", "aria-hidden": "true" })) }) }) }), _jsxs(Menu.Dropdown, { className: "bg-base-max border-2 border-primary p-2 rounded-md", "data-testid": "column-selector-popover-modal", children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsx("span", { className: "font-bold text-primary-darkest tracking-normal", children: "Customize Columns" }), _jsx(Tooltip, { label: "Restore defaults", disabled: isBackToDefaults, zIndex: 400, children: _jsx("span", { children: _jsx(ActionIcon, { onClick: handleColumnOrderingReset, className: isBackToDefaults ? 'invisible' : 'border-0', "data-testid": "restore-default-icon", "aria-label": "restore default column ordering", children: _jsx(UndoIcon, { size: "1rem" }) }) }) })] }), _jsx(Divider, { color: "base.2", className: "mt-1" }), _jsx(TextInput, { value: searchValue, onChange: function (event) { return setSearchValue(event.currentTarget.value.trim()); }, placeholder: "Filter Columns", "aria-label": "Search input for columns", leftSection: _jsx(SearchIcon, { "aria-hidden": "true" }), className: "mb-2 mt-4", "data-testid": "textbox-column-selector" }), _jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, modifiers: [
+                            restrictToVerticalAxis,
+                            restrictToWindowEdges,
+                            restrictToParentElement,
+                        ], children: _jsx(SortableContext, { items: table.getAllLeafColumns(), strategy: verticalListSortingStrategy, children: _jsx(List, { columns: table.getAllLeafColumns(), searchValue: searchValue, noColumnOrdering: noColumnOrdering }) }) })] })] }));
+}
+function List(_a) {
+    var columns = _a.columns, searchValue = _a.searchValue, _b = _a.noColumnOrdering, noColumnOrdering = _b === void 0 ? [] : _b;
+    return (_jsx("ul", { children: columns
+            .filter(function (column) {
+            if (!noColumnOrdering.includes(column.id)) {
+                return humanify({ term: column.id })
+                    .toLowerCase()
+                    .includes(searchValue.toLowerCase());
+            }
+            else {
+                return column.id;
+            }
+        })
+            .map(function (column, index) {
+            return !noColumnOrdering.includes(column.id) ? (_jsx(DraggableColumnItem, { column: column, isNotLast: index < columns.length - 1 }, column.id)) : (_jsx("li", { className: "hide" }, column.id));
+        }) }));
+}
+function DraggableColumnItem(_a) {
+    var _b;
+    var column = _a.column, isNotLast = _a.isNotLast;
+    var _c = useSortable({ id: column.id }), attributes = _c.attributes, listeners = _c.listeners, setNodeRef = _c.setNodeRef, transform = _c.transform, transition = _c.transition;
+    var style = {
+        transform: CSS.Transform.toString(transform),
+        transition: transition,
+    };
+    return (_jsx("li", __assign({ ref: setNodeRef, style: style }, listeners, { className: " ".concat(isNotLast ? 'mb-2' : ''), "data-testid": "column-selector-row-".concat(column.id), children: _jsxs("div", __assign({}, attributes, { role: undefined, className: "flex gap-2 items-center bg-nci-violet-lightest px-1 py-1.5 h-6 cursor-move", children: [_jsx(DragIcon, { size: "1rem", className: "text-primary" }), _jsx(Switch, { labelPosition: "left", label: typeof ((_b = column === null || column === void 0 ? void 0 : column.columnDef) === null || _b === void 0 ? void 0 : _b.header) === 'string'
+                        ? column.columnDef.header
+                        : humanify({ term: column.id }), classNames: {
+                        root: 'w-full',
+                        body: 'grow flex justify-between',
+                        label: 'text-xs font-medium tracking-normal',
+                    }, color: "accent", checked: column.getIsVisible(), onChange: function () { return column.toggleVisibility(); }, onKeyDown: function (e) {
+                        if (e.code === 'Space') {
+                            e.preventDefault();
+                            column.toggleVisibility();
+                        }
+                    }, size: "xs", "data-testid": "switch-toggle" })] })) })));
+}
+export default ColumnOrdering;
+//# sourceMappingURL=ColumnOrdering.js.map

package/dist/dts/components/Tables/ColumnOrdering.js.map

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

package/dist/dts/components/Tables/ShowingCount.d.ts

@@ -0,0 +1,12 @@
+import { DataStatus } from '@gen3/core';
+declare function ShowingCount({ from, total, label, dataLength, status, pageSize, customDataTestID, }: {
+    from: number;
+    total: number;
+    label: string;
+    dataLength: number;
+    status: DataStatus;
+    pageSize: number;
+    customDataTestID?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export default ShowingCount;
+//# sourceMappingURL=ShowingCount.d.ts.map

package/dist/dts/components/Tables/ShowingCount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowingCount.d.ts","sourceRoot":"","sources":["../../../../src/components/Tables/ShowingCount.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,iBAAS,YAAY,CAAC,EACpB,IAAI,EACJ,KAAK,EACL,KAAK,EACL,UAAU,EACV,MAAM,EACN,QAAQ,EACR,gBAAuC,GACxC,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,UAAU,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,2CAwBA;AAED,eAAe,YAAY,CAAC"}

package/dist/dts/components/Tables/ShowingCount.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function ShowingCount(_a) {
+    var from = _a.from, total = _a.total, label = _a.label, dataLength = _a.dataLength, status = _a.status, pageSize = _a.pageSize, _b = _a.customDataTestID, customDataTestID = _b === void 0 ? 'text-showing-count' : _b;
+    var outputString = null;
+    if (!isNaN(from) && status === 'fulfilled') {
+        var paginationFrom = from >= 0 && dataLength > 0 ? from + 1 : 0;
+        var paginationTo = Math.min(from + pageSize, total);
+        var fromValue = paginationFrom === null || paginationFrom === void 0 ? void 0 : paginationFrom.toLocaleString();
+        var toValue = paginationTo === null || paginationTo === void 0 ? void 0 : paginationTo.toLocaleString();
+        var totalValue = total === null || total === void 0 ? void 0 : total.toLocaleString();
+        var updatedLabel = label && total > 1 ? "".concat(label, "s") : label;
+        outputString = (_jsxs("span", { children: [_jsx("b", { children: fromValue }), " - ", _jsx("b", { children: toValue }), " of ", _jsx("b", { children: totalValue }), label && " ".concat(updatedLabel)] }));
+    }
+    return (_jsxs("p", { "data-testid": customDataTestID, className: "text-heading text-sm", children: ["Showing ", outputString !== null && outputString !== void 0 ? outputString : '--'] }));
+}
+export default ShowingCount;
+//# sourceMappingURL=ShowingCount.js.map

package/dist/dts/components/Tables/ShowingCount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowingCount.js","sourceRoot":"","sources":["../../../../src/components/Tables/ShowingCount.tsx"],"names":[],"mappings":";AAGA,SAAS,YAAY,CAAC,EAgBrB;QAfC,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,wBAAuC,EAAvC,gBAAgB,mBAAG,oBAAoB,KAAA;IAUvC,IAAI,YAAY,GAAuB,IAAI,CAAC;IAE5C,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,MAAM,KAAK,WAAW,EAAE,CAAC;QAC3C,IAAM,cAAc,GAAG,IAAI,IAAI,CAAC,IAAI,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAClE,IAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,QAAQ,EAAE,KAAK,CAAC,CAAC;QACtD,IAAM,SAAS,GAAG,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,EAAE,CAAC;QACnD,IAAM,OAAO,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc,EAAE,CAAC;QAC/C,IAAM,UAAU,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,EAAE,CAAC;QAC3C,IAAM,YAAY,GAAG,KAAK,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,UAAG,KAAK,MAAG,CAAC,CAAC,CAAC,KAAK,CAAC;QAE9D,YAAY,GAAG,CACb,2BACE,sBAAI,SAAS,GAAK,SAAG,sBAAI,OAAO,GAAK,UAAI,sBAAI,UAAU,GAAK,EAC3D,KAAK,IAAI,WAAI,YAAY,CAAE,IACvB,CACR,CAAC;IACJ,CAAC;IAED,OAAO,CACL,4BAAgB,gBAAgB,EAAE,SAAS,EAAC,sBAAsB,yBACvD,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,IAAI,IAC3B,CACL,CAAC;AACJ,CAAC;AAED,eAAe,YAAY,CAAC"}

package/dist/dts/components/Tables/TableHeader.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { MRT_RowData, MRT_TableInstance } from 'mantine-react-table';
+import { HandleTableSearchOrPaginationChange } from './types';
+interface TableHeaderProps<TData extends MRT_RowData> {
+    additionalControls?: React.ReactNode;
+    tableTotalDetail?: React.ReactNode;
+    tableTitle?: React.ReactNode;
+    search?: {
+        enabled: boolean;
+        placeholder?: string;
+        defaultSearchTerm?: string;
+        tooltip?: string;
+    };
+    showControls?: boolean;
+    handleChange: HandleTableSearchOrPaginationChange;
+    table: MRT_TableInstance<TData>;
+    columnOrder: string[];
+    setColumnOrder: (order: string[]) => void;
+    baseZIndex?: number;
+    customBreakpoint?: number;
+    noColumnOrdering?: string[];
+}
+declare function TableHeader<TData extends MRT_RowData>({ additionalControls, tableTotalDetail, tableTitle, search, showControls, handleChange, table, columnOrder, setColumnOrder, baseZIndex, customBreakpoint, noColumnOrdering, }: TableHeaderProps<TData>): import("react/jsx-runtime").JSX.Element;
+export default TableHeader;
+//# sourceMappingURL=TableHeader.d.ts.map

package/dist/dts/components/Tables/TableHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Tables/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAMrE,OAAO,EAAE,mCAAmC,EAAE,MAAM,SAAS,CAAC;AAE9D,UAAU,gBAAgB,CAAC,KAAK,SAAS,WAAW;IAClD,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,MAAM,CAAC,EAAE;QACP,OAAO,EAAE,OAAO,CAAC;QACjB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,mCAAmC,CAAC;IAClD,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAChC,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B;AAkGD,iBAAS,WAAW,CAAC,KAAK,SAAS,WAAW,EAAE,EAC9C,kBAAkB,EAClB,gBAAgB,EAChB,UAAU,EACV,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,cAAc,EACd,UAAU,EACV,gBAAgB,EAChB,gBAAgB,GACjB,EAAE,gBAAgB,CAAC,KAAK,CAAC,2CAsGzB;AAED,eAAe,WAAW,CAAC"}

package/dist/dts/components/Tables/TableHeader.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useRef, useState } from 'react';
+import { ActionIcon, TextInput, Tooltip } from '@mantine/core';
+import ColumnOrdering from './ColumnOrdering';
+import { useViewportSize } from '@mantine/hooks';
+import { XL_BREAKPOINT } from '../../types/constants';
+import { CloseIcon, SearchIcon } from '../../types/icons';
+var TitleWrapper = function (_a) {
+    var title = _a.title;
+    return (_jsx("div", { className: "uppercase text-lg text-left ml-0 lg:ml-auto gap-x-2", children: title }));
+};
+var TotalDetailWrapper = function (_a) {
+    var detail = _a.detail, _b = _a.className, className = _b === void 0 ? '' : _b;
+    return (_jsx("div", { className: "self-center uppercase text-lg text-left ml-0 lg:ml-auto ".concat(className), children: detail }));
+};
+var TooltipWrapper = function (_a) {
+    var children = _a.children, tooltip = _a.tooltip, searchFocused = _a.searchFocused, baseZIndex = _a.baseZIndex;
+    return (_jsx(Tooltip, { multiline: true, label: tooltip, position: "bottom-start", offset: 0, opened: searchFocused, zIndex: baseZIndex + 1, classNames: {
+            tooltip: 'w-72 border border-base-lighter absolute bg-white p-2 text-nci-gray text-sm overflow-wrap break-all rounded-b rounded-t-none font-content',
+        }, children: children }));
+};
+var SearchInput = function (_a) {
+    var searchTerm = _a.searchTerm, placeholder = _a.placeholder, tooltip = _a.tooltip, searchFocused = _a.searchFocused, baseZIndex = _a.baseZIndex, onClear = _a.onClear, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur;
+    var TooltipContainer = tooltip ? TooltipWrapper : React.Fragment;
+    return (_jsx(TooltipContainer, { tooltip: tooltip, baseZIndex: baseZIndex, searchFocused: searchFocused, children: _jsx(TextInput, { leftSection: _jsx(SearchIcon, { size: 24, "aria-hidden": "true" }), "data-testid": "textbox-table-search-bar", placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : 'Search', "aria-label": "Table Search Input", size: "sm", rightSection: searchTerm.length > 0 && (_jsx(ActionIcon, { onClick: onClear, className: "border-0", children: _jsx(CloseIcon, { "aria-label": "clear search" }) })), value: searchTerm, onChange: onChange, onFocus: onFocus, onBlur: onBlur, classNames: {
+                input: "border-base-lighter focus:border-2 focus:border-primary".concat(tooltip ? ' focus:rounded-b-none' : ''),
+                wrapper: 'xl:w-72',
+            } }) }));
+};
+function TableHeader(_a) {
+    var _b;
+    var additionalControls = _a.additionalControls, tableTotalDetail = _a.tableTotalDetail, tableTitle = _a.tableTitle, search = _a.search, showControls = _a.showControls, handleChange = _a.handleChange, table = _a.table, columnOrder = _a.columnOrder, setColumnOrder = _a.setColumnOrder, baseZIndex = _a.baseZIndex, customBreakpoint = _a.customBreakpoint, noColumnOrdering = _a.noColumnOrdering;
+    var _c = useState((_b = search === null || search === void 0 ? void 0 : search.defaultSearchTerm) !== null && _b !== void 0 ? _b : ''), searchTerm = _c[0], setSearchTerm = _c[1];
+    var _d = useState(false), searchFocused = _d[0], setSearchFocused = _d[1];
+    var inputRef = useRef(null); // updated apr 10 25 to get build to work
+    var timeoutRef = useRef(null); // updated apr 10 25 to get build to work
+    var shouldShowControls = (search === null || search === void 0 ? void 0 : search.enabled) || showControls;
+    var width = useViewportSize().width;
+    useEffect(function () {
+        var _a;
+        if (search === null || search === void 0 ? void 0 : search.defaultSearchTerm) {
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }, [search === null || search === void 0 ? void 0 : search.defaultSearchTerm]);
+    var handleInputChange = function (e) {
+        var newSearchTerm = e.target.value;
+        setSearchTerm(newSearchTerm);
+        if (timeoutRef.current)
+            clearTimeout(timeoutRef.current);
+        timeoutRef.current = setTimeout(function () {
+            handleChange({ newSearch: newSearchTerm.trim() });
+        }, 400);
+    };
+    var handleClearClick = function () {
+        setSearchTerm('');
+        if (timeoutRef.current)
+            clearTimeout(timeoutRef.current);
+        handleChange({ newSearch: '' });
+    };
+    var renderSearchAndControls = function () { return (_jsxs("div", { className: "flex items-center gap-2", "data-testid": "table-options-menu", children: [(search === null || search === void 0 ? void 0 : search.enabled) && (_jsx(SearchInput, { searchTerm: searchTerm, placeholder: search === null || search === void 0 ? void 0 : search.placeholder, tooltip: search === null || search === void 0 ? void 0 : search.tooltip, searchFocused: searchFocused, baseZIndex: baseZIndex, onClear: handleClearClick, onChange: handleInputChange, onFocus: function () { return setSearchFocused(true); }, onBlur: function () { return setSearchFocused(false); } })), showControls && (_jsx(ColumnOrdering, { table: table, handleColumnOrderingReset: function () {
+                    table.resetColumnVisibility();
+                    table.resetColumnOrder();
+                }, columnOrder: columnOrder, setColumnOrder: setColumnOrder, noColumnOrdering: noColumnOrdering }))] })); };
+    var breakpoint = customBreakpoint !== null && customBreakpoint !== void 0 ? customBreakpoint : XL_BREAKPOINT;
+    var detailClass = '';
+    if (tableTitle !== undefined) {
+        if (width >= breakpoint && shouldShowControls) {
+            detailClass = 'ml-auto';
+        }
+    }
+    else {
+        if (width >= breakpoint && additionalControls) {
+            detailClass = 'ml-auto';
+        }
+        else {
+            detailClass = 'order-first basis-full grow-0 shrink-0 -mb-2';
+        }
+    }
+    return (_jsxs("div", { className: "flex flex-wrap gap-4 items-center mb-2 ".concat(!additionalControls && !tableTitle ? 'justify-end' : 'justify-between'), children: [tableTitle && (_jsx("div", { className: additionalControls || (shouldShowControls && width < breakpoint)
+                    ? 'basis-full grow-0 shrink-0 -mb-2'
+                    : '', children: _jsx(TitleWrapper, { title: tableTitle }) })), additionalControls && additionalControls, tableTotalDetail && (_jsx("div", { className: detailClass, children: _jsx(TotalDetailWrapper, { detail: tableTotalDetail }) })), shouldShowControls && renderSearchAndControls()] }));
+}
+export default TableHeader;
+//# sourceMappingURL=TableHeader.js.map

package/dist/dts/components/Tables/TableHeader.js.map

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

package/dist/dts/components/Tables/TablePagination.d.ts

@@ -0,0 +1,13 @@
+import { DataStatus } from '@gen3/core';
+import { HandleChangeInput, PaginationOptions } from './types';
+import { MRT_RowData } from 'mantine-react-table';
+interface TablePaginationProps<TData extends MRT_RowData> {
+    pagination: PaginationOptions;
+    disablePageSize: boolean;
+    handleChange: (obj: HandleChangeInput) => void;
+    tableData: TData[];
+    status: DataStatus;
+}
+declare function TablePagination<TData extends MRT_RowData>({ pagination, disablePageSize, handleChange, tableData, status, }: TablePaginationProps<TData>): JSX.Element;
+export default TablePagination;
+//# sourceMappingURL=TablePagination.d.ts.map

package/dist/dts/components/Tables/TablePagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Tables/TablePagination.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,UAAU,oBAAoB,CAAC,KAAK,SAAS,WAAW;IACtD,UAAU,EAAE,iBAAiB,CAAC;IAC9B,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,CAAC,GAAG,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC/C,SAAS,EAAE,KAAK,EAAE,CAAC;IACnB,MAAM,EAAE,UAAU,CAAC;CACpB;AAED,iBAAS,eAAe,CAAC,KAAK,SAAS,WAAW,EAAE,EAClD,UAAU,EACV,eAAe,EACf,YAAY,EACZ,SAAS,EACT,MAAM,GACP,EAAE,oBAAoB,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,OAAO,CAyH3C;AAED,eAAe,eAAe,CAAC"}

package/dist/dts/components/Tables/TablePagination.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Pagination, Select } from '@mantine/core';
+import ShowingCount from './ShowingCount';
+function TablePagination(_a) {
+    var pagination = _a.pagination, disablePageSize = _a.disablePageSize, handleChange = _a.handleChange, tableData = _a.tableData, status = _a.status;
+    // TODO: Make this as a separate component leveraging pagination API of tanstack table
+    // For smoother setting of pagination so the values don't bounce around when loading new data
+    var _b = useState(10), pageSize = _b[0], setPageSize = _b[1];
+    var _c = useState(1), pageOn = _c[0], setPageOn = _c[1];
+    var _d = useState(1), pageTotal = _d[0], setPageTotal = _d[1];
+    useEffect(function () {
+        if ((pagination === null || pagination === void 0 ? void 0 : pagination.size) !== undefined) {
+            setPageSize(pagination.size);
+        }
+        if ((pagination === null || pagination === void 0 ? void 0 : pagination.page) !== undefined) {
+            setPageOn(pagination.page);
+        }
+        if ((pagination === null || pagination === void 0 ? void 0 : pagination.pages) !== undefined) {
+            setPageTotal(pagination.pages);
+        }
+    }, [pagination]);
+    var handlePageSizeChange = function (newPageSize) {
+        setPageSize(parseInt(newPageSize));
+        if (handleChange) {
+            handleChange({
+                newPageSize: newPageSize,
+            });
+        }
+    };
+    var handlePageChange = function (newPageNumber) {
+        setPageOn(newPageNumber);
+        if (handleChange) {
+            handleChange({
+                newPageNumber: newPageNumber,
+            });
+        }
+    };
+    return (_jsxs("div", { className: "flex flex-col w-full px-4 lg:flex-nowrap font-heading items-center text-content bg-base-max border-base-lighter border-1 border-t-0 py-3 xl:flex-row xl:justify-between", children: [!disablePageSize && (_jsxs("div", { className: "flex justify-between items-center gap-6 w-full xl:w-fit", children: [_jsxs("div", { "data-testid": "area-show-number-of-entries", className: "flex items-center m-auto ml-0 text-sm", children: [_jsx("span", { className: "my-auto mx-1", children: "Show" }), _jsx(Select, { size: "xs", radius: "md", onChange: handlePageSizeChange, value: pageSize === null || pageSize === void 0 ? void 0 : pageSize.toString(), data: [
+                                    { value: '10', label: '10' },
+                                    { value: '20', label: '20' },
+                                    { value: '40', label: '40' },
+                                    { value: '100', label: '100' },
+                                ], classNames: {
+                                    root: 'w-16 font-heading',
+                                    dropdown: 'p-0',
+                                }, "data-testid": "button-show-entries", "aria-label": "select page size" }), _jsx("span", { className: "my-auto mx-1", children: "Entries" })] }), _jsx("div", { className: "flex xl:hidden", children: _jsx(ShowingCount, { from: pagination === null || pagination === void 0 ? void 0 : pagination.from, label: pagination === null || pagination === void 0 ? void 0 : pagination.label, total: pagination === null || pagination === void 0 ? void 0 : pagination.total, dataLength: tableData === null || tableData === void 0 ? void 0 : tableData.length, status: status, pageSize: pageSize, customDataTestID: "xl-hidden-text-showing-count" }) })] })), _jsx("div", { className: "hidden xl:flex xl:items-center", children: _jsx(ShowingCount, { from: pagination === null || pagination === void 0 ? void 0 : pagination.from, label: pagination === null || pagination === void 0 ? void 0 : pagination.label, total: pagination === null || pagination === void 0 ? void 0 : pagination.total, dataLength: tableData === null || tableData === void 0 ? void 0 : tableData.length, status: status, pageSize: pageSize }) }), _jsx(Pagination, { "data-testid": "pagination", color: "primary", className: "mt-4 gap-1 mx-auto xl:mx-0 xl:gap-2 xl:mr-0 xl:mt-0", value: pageOn, onChange: handlePageChange, total: pageTotal, radius: "xs", size: "sm", withEdges: true, classNames: { control: 'border-0' }, getControlProps: function (control) {
+                    switch (control) {
+                        case 'previous':
+                            return { 'aria-label': 'previous page button' };
+                        case 'next':
+                            return { 'aria-label': 'next page button' };
+                        case 'first':
+                            return { 'aria-label': 'first page button' };
+                        case 'last':
+                            return { 'aria-label': 'last page button' };
+                        default:
+                            return { 'aria-label': "".concat(control, " page button") };
+                    }
+                }, getItemProps: function (page) {
+                    return {
+                        children: page === null || page === void 0 ? void 0 : page.toLocaleString(),
+                    };
+                } })] }));
+}
+export default TablePagination;
+//# sourceMappingURL=TablePagination.js.map

package/dist/dts/components/Tables/TablePagination.js.map

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

package/dist/dts/components/Tables/types.d.ts

@@ -1,3 +1,4 @@
+import { MRT_SortingState } from 'mantine-react-table';
 export interface Gen3TableColumn {
     field: string;
     title: string;
@@ -9,4 +10,69 @@ export interface Gen3TableColumn {
     errorIfNotAvailable?: boolean;
     valueIfNotAvailable?: string | number;
 }
+/**
+ *  Pagination options
+ *  @property page - page on
+ *  @property pages - total pages
+ *  @property size - size of data set shown
+ *  @property from - 0 indexed starting point of data shown
+ *  @property total - total size of data set
+ *  @property label - optional label of data shown
+ *  @property disablePageSize - optional disable page size for pagination
+ *  @category Table
+ */
+export interface PaginationOptions {
+    /**
+     * page on
+     */
+    page: number;
+    /**
+     * total pages
+     */
+    pages: number;
+    /**
+     * size of data set shown
+     */
+    size: number;
+    /**
+     * 0 indexed starting point of data shown
+     */
+    from: number;
+    /**
+     * total size of data set
+     */
+    total: number;
+    /**
+     * label of data shown
+     */
+    label: string;
+}
+export interface HandleChangeInput {
+    /**
+     * page on
+     */
+    newPageNumber?: number;
+    /**
+     * size of data set shown
+     */
+    newPageSize?: string;
+    /**
+     * column sort
+     */
+    sortBy?: MRT_SortingState;
+    /**
+     * search term change
+     */
+    newSearch?: string;
+    /**
+     * headings change
+     */
+    newHeadings?: any;
+}
+export interface TableSearchOrPaginationProps {
+    newSearch?: string;
+    newPageSize?: string;
+    newPageNumber?: number;
+}
+export type HandleTableSearchOrPaginationChange = (params: TableSearchOrPaginationProps) => void;
 //# sourceMappingURL=types.d.ts.map

package/dist/dts/components/Tables/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Tables/types.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACvD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACvC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Tables/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGvD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACvD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACvC;AAED;;;;;;;;;;GAUG;AAEH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,GAAG,CAAC;CACnB;AAED,MAAM,WAAW,4BAA4B;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AACD,MAAM,MAAM,mCAAmC,GAAG,CAChD,MAAM,EAAE,4BAA4B,KACjC,IAAI,CAAC"}

package/dist/dts/components/Tables/utils.d.ts

@@ -1,3 +1,19 @@
 import { JSONObject } from '@gen3/core';
+import { MRT_Column, MRT_ColumnOrderState, MRT_RowData, MRT_VisibilityState } from 'mantine-react-table';
 export declare const jsonPathAccessor: (path: string) => (row: JSONObject) => any;
+export declare function downloadTSV<TData extends MRT_RowData>({ tableData, columns, columnOrder, columnVisibility, fileName, option, }: {
+    tableData: TData[];
+    columns: MRT_Column<TData>[];
+    columnOrder?: MRT_ColumnOrderState;
+    columnVisibility?: MRT_VisibilityState;
+    fileName: string;
+    option?: {
+        blacklist?: string[];
+        overwrite?: Record<string, // should be id of the column
+        {
+            header?: string;
+            composer?: (data: TData) => void;
+        }>;
+    };
+}): Promise<void>;
 //# sourceMappingURL=utils.d.ts.map

package/dist/dts/components/Tables/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/Tables/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAGxC,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,MAAM,KAAK,UAAU,QAGjE,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/Tables/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,UAAU,EAAE,MAAM,YAAY,CAAC;AAGlD,OAAO,EACL,UAAU,EACV,oBAAoB,EACpB,WAAW,EACX,mBAAmB,EACpB,MAAM,qBAAqB,CAAC;AAE7B,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,MAAM,KAAK,UAAU,QAGjE,CAAC;AAEF,wBAAgB,WAAW,CAAC,KAAK,SAAS,WAAW,EAAE,EACrD,SAAS,EACT,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,MAAM,GACP,EAAE;IACD,SAAS,EAAE,KAAK,EAAE,CAAC;IACnB,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;IAC7B,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,gBAAgB,CAAC,EAAE,mBAAmB,CAAC;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE;QAEP,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;QACrB,SAAS,CAAC,EAAE,MAAM,CAChB,MAAM,EAAE,6BAA6B;QACrC;YACE,MAAM,CAAC,EAAE,MAAM,CAAC;YAChB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;SAClC,CACF,CAAC;KACH,CAAC;CACH,GAAG,OAAO,CAAC,IAAI,CAAC,CAkDhB"}

package/dist/dts/components/Tables/utils.js

@@ -1,6 +1,53 @@
+import { humanify } from '@gen3/core';
 import { JSONPath } from 'jsonpath-plus';
+import { saveAs } from 'file-saver';
 export var jsonPathAccessor = function (path) { return function (row) {
     // TODO: add logging if path is not found
     return JSONPath({ json: row, path: path });
 }; };
+export function downloadTSV(_a) {
+    var tableData = _a.tableData, columns = _a.columns, columnOrder = _a.columnOrder, columnVisibility = _a.columnVisibility, fileName = _a.fileName, option = _a.option;
+    return new Promise(function (resolve, reject) {
+        var _a;
+        try {
+            // Filter columns based on blackList and columnVisibility
+            var filteredColumns_1 = columns.filter(function (column) {
+                var _a;
+                var columnId = column.id;
+                return (!((_a = option === null || option === void 0 ? void 0 : option.blacklist) === null || _a === void 0 ? void 0 : _a.includes(columnId)) &&
+                    !((columnVisibility === null || columnVisibility === void 0 ? void 0 : columnVisibility[columnId]) === false));
+            });
+            // Sort columns based on columnOrder
+            var sortedColumns_1 = (_a = (columnOrder || columns.map(function (column) { return column.id; }))) === null || _a === void 0 ? void 0 : _a.map(function (columnId) {
+                var foundColumn = filteredColumns_1.find(function (column) { return column.id === columnId; });
+                return foundColumn ? foundColumn : null;
+            }).filter(function (column) { return column !== null; });
+            var header = sortedColumns_1
+                .map(function (column) {
+                return typeof (column === null || column === void 0 ? void 0 : column.header) === 'string'
+                    ? column.header
+                    : humanify({ term: column.id });
+            })
+                .join('\t');
+            var body = (tableData || [])
+                .map(function (datum) {
+                return sortedColumns_1
+                    .map(function (column) {
+                    var _a, _b;
+                    var composer = (_b = (_a = option === null || option === void 0 ? void 0 : option.overwrite) === null || _a === void 0 ? void 0 : _a[column.id]) === null || _b === void 0 ? void 0 : _b.composer;
+                    return composer ? composer(datum) : datum === null || datum === void 0 ? void 0 : datum[column.id];
+                })
+                    .join('\t');
+            })
+                .join('\n');
+            var tsv = [header, body].join('\n');
+            var blob = new Blob([tsv], { type: 'text/tsv' });
+            saveAs(blob, fileName);
+            resolve();
+        }
+        catch (error) {
+            reject(error);
+        }
+    });
+}
 //# sourceMappingURL=utils.js.map

package/dist/dts/components/Tables/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/Tables/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,IAAY,IAAK,OAAA,UAAC,GAAe;IAChE,yCAAyC;IACzC,OAAO,QAAQ,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;AAC7C,CAAC,EAHiD,CAGjD,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/Tables/utils.ts"],"names":[],"mappings":"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"}

package/dist/dts/components/facets/FacetTabs.js

@@ -59,7 +59,7 @@ export var FacetGroup = function (_a) {
     var facets = _a.facets, children = _a.children;
     var availableFields = facets.map(function (f) { return f.field; });
     useScrollToHash(availableFields, false);
-    return (_jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 3xl:grid-cols-5 w-content gap-4 ml-2 w-full", "data-testid": "title-cohort-builder-facet-groups", children: children }));
+    return (_jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 3xl:grid-cols-5 w-content gap-4 mt-6 px-2 w-full", "data-testid": "title-cohort-builder-facet-groups", children: children }));
 };
 var CustomFacetGroup = function (_a) {
     var hooks = _a.hooks, customFacetHooks = _a.customFacetHooks, queryOptions = _a.queryOptions, getFacetLabel = _a.getFacetLabel, cardScrollMargin = _a.cardScrollMargin, Chart = _a.Chart, usedFacets = _a.usedFacets, useFieldNameToTitle = _a.useFieldNameToTitle;