@shortstravelmgmt/component-lib 0.2.12-rc.1 → 0.2.12-rc.2

package/dist/index.d.ts

@@ -3148,6 +3148,15 @@ interface GridTableProps<R = GridRow> {
     secondarySortComparator?: (a: R, b: R) => number;
     /** Draws a rule between rows. */
     bordered?: boolean;
+    /**
+     * Renders the rows without their heading row.
+     *
+     * For grids whose columns are already labelled somewhere else: an editable
+     * row inside a form, or rows sitting under a heading strip supplied
+     * separately by GridHeaderRow. Sorting goes with it — the headings are what
+     * you click to sort, so there is nothing left to sort by.
+     */
+    hideHeader?: boolean;
     /** Shown in place of the rows when there are none. */
     emptyMessage?: ReactNode;
     /** Sums a column into a sticky footer row. */
@@ -3167,7 +3176,7 @@ interface GridTableProps<R = GridRow> {
  * again to reverse — and an optional total row sums a column into a sticky
  * footer.
  */
-declare function GridTable<R = GridRow>({ columns, data, gridTemplateColumns, rowKey, header, initialSortColumn, initialSortAscending, secondarySortComparator, bordered, emptyMessage, totalRow, className, }: GridTableProps<R>): React__default.JSX.Element;
+declare function GridTable<R = GridRow>({ columns, data, gridTemplateColumns, rowKey, header, initialSortColumn, initialSortAscending, secondarySortComparator, bordered, hideHeader, emptyMessage, totalRow, className, }: GridTableProps<R>): React__default.JSX.Element;
 declare namespace GridTable {
     var displayName: string;
 }

package/dist/index.esm.js

@@ -3976,7 +3976,7 @@ function toNumber(value) {
  * again to reverse — and an optional total row sums a column into a sticky
  * footer.
  */
-function GridTable({ columns, data, gridTemplateColumns = `repeat(${columns.length}, minmax(0, 1fr))`, rowKey, header = {}, initialSortColumn, initialSortAscending, secondarySortComparator, bordered = true, emptyMessage = 'No data available.', totalRow, className = '', }) {
+function GridTable({ columns, data, gridTemplateColumns = `repeat(${columns.length}, minmax(0, 1fr))`, rowKey, header = {}, initialSortColumn, initialSortAscending, secondarySortComparator, bordered = true, hideHeader = false, emptyMessage = 'No data available.', totalRow, className = '', }) {
     const [sortColumn, setSortColumn] = useState(initialSortColumn);
     const [ascending, setAscending] = useState(initialSortAscending);
     const sorted = useMemo(() => {
@@ -4012,7 +4012,7 @@ function GridTable({ columns, data, gridTemplateColumns = `repeat(${columns.leng
         }, 0);
     }, [columns, data, totalRow]);
     const totalIndex = totalRow ? columns.findIndex((c) => c.name === totalRow.columnName) : -1;
-    return (jsxs("div", { className: `${styles$W.table} ${className}`, children: [jsxs("div", { className: styles$W.header, children: [header.above, jsx("div", { className: styles$W.grid, style: { gridTemplateColumns }, role: "row", children: columns.map((column, i) => (jsx(React.Fragment, { children: heading(column, { interactive: true }) }, i))) }), header.below] }), !sorted.length ? (jsx("div", { className: styles$W.empty, children: emptyMessage })) : (jsx("div", { className: styles$W.body, children: sorted.map((row, rowIndex) => {
+    return (jsxs("div", { className: `${styles$W.table} ${className}`, children: [!hideHeader && (jsxs("div", { className: styles$W.header, children: [header.above, jsx("div", { className: styles$W.grid, style: { gridTemplateColumns }, role: "row", children: columns.map((column, i) => (jsx(React.Fragment, { children: heading(column, { interactive: true }) }, i))) }), header.below] })), !sorted.length ? (jsx("div", { className: styles$W.empty, children: emptyMessage })) : (jsx("div", { className: styles$W.body, children: sorted.map((row, rowIndex) => {
                     const record = row;
                     const key = String((rowKey && record[rowKey]) ?? record.id ?? rowIndex);
                     return (jsx("div", { className: `${styles$W.row} ${bordered ? styles$W.bordered : ''}`, style: { gridTemplateColumns }, "data-rowid": key, "data-testid": `row-${key}`, children: columns.map((column, colIndex) => {