@economic/taco 2.21.2 → 2.22.0

package/dist/index.css

@@ -522,6 +522,490 @@
     @apply -mt-px py-0 px-2;
 }
 
+table[data-taco='report'] {
+    /* reset table */
+    @apply border-separate border-spacing-0;
+    /* z-indexes & layout */
+    @apply relative isolate h-full w-full grow overflow-auto;
+    /* styling */
+    @apply border-grey-300 rounded border bg-white outline-none;
+    /* grid */
+    @apply grid;
+    /* print */
+    @apply print:float-left print:h-max print:w-full print:overflow-visible print:border-0;
+}
+
+table[data-taco='report'] thead {
+    /* z-indexes & layout */
+    @apply sticky top-0 isolate z-20;
+    /* grid */
+    @apply col-span-full grid auto-rows-min grid-cols-[subgrid];
+}
+
+/* header column separator */
+
+table[data-taco='report'] thead:hover th:not(:last-child):after {
+            @apply bg-grey-300 absolute bottom-2 right-0 top-2 w-px content-[''];
+        }
+
+table[data-taco='report'] thead tr:first-child {
+        @apply rounded-t;
+    }
+
+table[data-taco='report'] thead tr:first-child th:first-child {
+            @apply rounded-tl;
+        }
+
+table[data-taco='report'] thead tr:first-child th:last-child {
+            @apply rounded-tr;
+        }
+
+table[data-taco='report'] thead tr:last-child {
+        @apply border-grey-300 border-b-2;
+    }
+
+/* bottom border for column groups */
+
+table[data-taco='report'] thead tr:not(:last-child) th:before {
+            @apply bg-grey-300 absolute bottom-0 left-2 right-2 h-[2px] content-[''];
+        }
+
+table[data-taco='report'] tfoot {
+    /* z-indexes & layout */
+    @apply sticky bottom-0 isolate z-20;
+    /* grid */
+    @apply col-span-full grid auto-rows-min grid-cols-[subgrid];
+}
+
+table[data-taco='report'] tbody {
+    /* z-indexes & layout */
+    @apply isolate z-10;
+    /* grid */
+    @apply col-span-full grid auto-rows-min grid-cols-[subgrid];
+    /* printing - override virtualiser bottom spacing */
+    @apply print:!h-auto print:!pb-0;
+}
+
+table[data-taco='report'] tr {
+    /* styling */
+    @apply relative bg-white outline-none;
+    /* grid */
+    @apply col-span-full grid auto-rows-min grid-cols-[subgrid];
+}
+
+/* botom border for column groups */
+
+table[data-taco='report'] tr:last-child th:before {
+        @apply left-0 right-0;
+    }
+
+/* row groups */
+
+table[data-taco='report'] tr[data-row-group] {
+        @apply bg-grey-100 sticky top-[calc(var(--table-header-group-depth)_*_42px)] z-20 mt-10 print:mt-0;
+    }
+
+table[data-taco='report'] tr[data-row-group]:first-child {
+            @apply mt-0;
+        }
+
+table[data-taco='report'] tr[data-row-group]:not(:first-child):before {
+            content: '';
+            @apply bg-grey-100 border-grey-300 absolute -top-full left-0 right-0 mt-px h-10 border-t print:top-0 print:h-[2px] print:border-t-2;
+        }
+
+table[data-taco='report'] tr[data-row-group] td {
+            @apply -mt-px border-b-2 border-t-0 font-bold;
+        }
+
+table[data-taco='report'] tr:first-child td {
+        @apply !border-t-0;
+    }
+
+table[data-taco='report'] th {
+    /* layout */
+    @apply relative flex h-10 items-center justify-start px-[var(--table-cell-padding-x)];
+    /* styling */
+    @apply border-grey-300 bg-white font-bold;
+}
+
+table[data-taco='report'] th:not([data-cell-placeholder='true']):hover {
+        @apply bg-grey-100;
+    }
+
+table[data-taco='report'] th[aria-sort]:hover {
+        @apply cursor-pointer;
+    }
+
+table[data-taco='report'] td {
+    /* layout */
+    @apply flex justify-start px-[var(--table-cell-padding-x)] py-[var(--table-cell-padding-y)];
+    /* styling */
+    @apply border-grey-300 border-b bg-white outline-none;
+    /* word breaking */
+    @apply break-word hyphens-auto whitespace-pre-line;
+}
+
+table[data-taco='report'][data-table-row-height='short'] td {
+    @apply min-h-[33px];
+}
+
+table[data-taco='report'][data-table-row-height='medium'] td {
+    @apply min-h-[41px];
+}
+
+table[data-taco='report'] [data-cell-align='left'] {
+    @apply justify-start text-left;
+}
+
+table[data-taco='report'] [data-cell-align='center'] {
+    @apply justify-center text-center;
+}
+
+table[data-taco='report'] [data-cell-align='right'] {
+    @apply justify-end text-right;
+}
+
+table[data-taco='report'] [data-cell-pinned] {
+    @apply sticky;
+}
+
+table[data-taco='report'] th[data-cell-pinned] {
+    @apply z-30;
+}
+
+table[data-taco='report'] td[data-cell-pinned] {
+    @apply z-10;
+}
+
+table[data-taco='report'] td:not([data-cell-truncate='true']) {
+    @apply break-word hyphens-auto whitespace-pre-line;
+}
+
+/* FOOTER */
+table[data-taco='report'] tfoot td {
+    @apply border-b-0 font-bold;
+}
+
+table[data-taco='report'] tfoot td:before {
+    @apply bg-grey-300 absolute left-0 right-0 top-0 h-[2px] content-[''];
+}
+
+/* OTHER */
+
+/* resizing */
+table[data-taco='report'][data-table-resizing='true'] {
+        @apply select-none;
+    }
+table[data-taco='report'][data-table-resizing='true'] th,
+    table[data-taco='report'][data-table-resizing='true'] td,
+    table[data-taco='report'][data-table-resizing='true'] tbody tr {
+        @apply pointer-events-none;
+    }
+
+/* components in cells */
+table[data-taco='report'] td[data-cell-align='right'] [data-taco='input'],
+table[data-taco='report'] td[data-cell-align='right'] [data-taco='textarea'] {
+    @apply text-right;
+}
+
+table[data-taco='report'] td [data-taco='textarea'] {
+    @apply resize-none overflow-y-hidden focus:resize-y;
+}
+
+table[data-taco='report'] td[data-cell-truncate='true'] [data-taco='textarea'] {
+    @apply focus:absolute focus:overflow-y-auto;
+}
+
+/* font sizing */
+table[data-taco='report'][data-table-font-size='small'] {
+    @apply text-xs;
+}
+
+table[data-taco='report'][data-table-font-size='medium'] {
+    @apply text-sm;
+}
+
+table[data-taco='report'][data-table-font-size='large'] {
+    @apply text-base;
+}
+
+/* small font size */
+table[data-taco='report'][data-table-font-size='small'] td > [data-taco='button'],
+table[data-taco='report'][data-table-font-size='small'] td > [data-taco='icon-button'] {
+    @apply !-my-2;
+}
+
+table[data-taco='report'][data-table-font-size='small'] td [data-taco='spinner'] {
+    @apply !h-4 !w-4;
+}
+
+table[data-taco='report'][data-table-font-size='small'] td > [data-taco='icon'],
+table[data-taco='report'][data-table-font-size='small'] td [data-taco='spinner'] {
+    @apply !-my-[3px];
+}
+
+table[data-taco='report'][data-table-font-size='small'] td [data-taco='badge'],
+table[data-taco='report'][data-table-font-size='small'] td [data-taco='badge-icon'],
+table[data-taco='report'][data-table-font-size='small'] td [data-taco='icon'],
+table[data-taco='report'][data-table-font-size='small'] td [data-taco='spinner'] {
+    @apply !-my-0.5 !text-xs;
+}
+
+table[data-taco='report'][data-table-font-size='small'] td [data-taco='tag'] {
+    @apply !-my-0.5 h-5;
+}
+
+table[data-taco='report'][data-table-font-size='small'] td [data-taco='select2-container'],
+table[data-taco='report'][data-table-font-size='small'] td [data-taco='Select2'],
+table[data-taco='report'][data-table-font-size='small'] td [data-taco='input'],
+table[data-taco='report'][data-table-font-size='small'] td [data-taco='textarea'] {
+    @apply !-mx-[7px] !-my-[4px] !min-h-[theme(spacing.6)] !w-[calc(100%_+_14px)] text-xs focus:z-10;
+}
+
+table[data-taco='report'][data-table-font-size='small'] td [data-taco='Select2'],
+table[data-taco='report'][data-table-font-size='small'] td [data-taco='input'],
+table[data-taco='report'][data-table-font-size='small'] td [data-taco='textarea'] {
+    @apply !px-1.5;
+}
+
+table[data-taco='report'][data-table-font-size='small'] td [data-taco='select2-container'] [data-taco='Select2'] {
+    @apply !m-auto !w-full;
+}
+
+table[data-taco='report'][data-table-font-size='small'] td [data-taco='Select2'] [data-taco='tag'],
+table[data-taco='report'][data-table-font-size='small'] td [data-taco='Select2'] [data-taco='scrollarea'] {
+    @apply !my-0;
+}
+
+table[data-taco='report'][data-table-font-size='small'] td [data-taco='textarea'] {
+    @apply !py-[3px];
+}
+
+table[data-taco='report'][data-table-font-size='small'] td [data-taco='input-container'] [data-affix-type='postfix'] button {
+    @apply z-10 !-mr-[15px] !h-6 !min-h-[theme(spacing.6)] !w-6 !min-w-[theme(spacing.6)];
+}
+
+table[data-taco='report'][data-table-font-size='small']
+    td
+    [data-taco='input-container']
+    [data-affix-type='postfix']
+    [data-taco='icon'] {
+    @apply !h-4 !w-4;
+}
+
+table[data-taco='report'][data-table-font-size='small'] td [data-taco='checkbox'],
+table[data-taco='report'][data-table-font-size='small'] td [data-taco='checkbox-container'],
+table[data-taco='report'][data-table-font-size='small'] td [data-taco='switch'],
+table[data-taco='report'][data-table-font-size='small'] td [data-taco='switch-container'] {
+    @apply !-my-0.5;
+}
+
+table[data-taco='report'][data-table-font-size='small'] td [data-taco='checkbox-container'] [data-taco='checkbox'],
+table[data-taco='report'][data-table-font-size='small'] td [data-taco='switch-container'] [data-taco='switch'] {
+    @apply !my-0;
+}
+
+/* medium font size */
+table[data-taco='report'][data-table-font-size='medium'] td > [data-taco='button'],
+table[data-taco='report'][data-table-font-size='medium'] td > [data-taco='icon-button'] {
+    @apply !-my-1.5;
+}
+
+table[data-taco='report'][data-table-font-size='medium'] td > [data-taco='icon'] {
+    @apply !-my-0.5;
+}
+
+table[data-taco='report'][data-table-font-size='medium'] td [data-taco='tag'] {
+    @apply !-my-0.5;
+}
+
+table[data-taco='report'][data-table-font-size='medium'] td [data-taco='select2-container'],
+table[data-taco='report'][data-table-font-size='medium'] td [data-taco='Select2'],
+table[data-taco='report'][data-table-font-size='medium'] td [data-taco='input'],
+table[data-taco='report'][data-table-font-size='medium'] td [data-taco='textarea'] {
+    @apply !-mx-[9px] !-my-[6px] !min-h-[theme(spacing.8)] !w-[calc(100%_+_16px)] focus:z-10;
+}
+
+table[data-taco='report'][data-table-font-size='medium'] td [data-taco='select2-container'] [data-taco='Select2'] {
+    @apply !m-auto !w-full;
+}
+
+table[data-taco='report'][data-table-font-size='medium'] td [data-taco='Select2'] [data-taco='tag'] {
+    @apply !my-0;
+}
+
+table[data-taco='report'][data-table-font-size='medium'] td [data-taco='Select2'] {
+    @apply !px-2;
+}
+
+table[data-taco='report'][data-table-font-size='medium'] td[data-cell-truncate='true'] [data-taco='textarea'] {
+    @apply !pb-[5px];
+}
+
+table[data-taco='report'][data-table-font-size='medium'] td [data-taco='input-container'] [data-affix-type='postfix'] button {
+    @apply z-10 !-mr-4;
+}
+
+/* large font size */
+table[data-taco='report'][data-table-font-size='large'] td > [data-taco='button'],
+table[data-taco='report'][data-table-font-size='large'] td > [data-taco='icon-button'] {
+    @apply !-my-1;
+}
+
+table[data-taco='report'][data-table-font-size='large'] td > [data-taco='icon'] {
+    @apply !-my-0.5;
+}
+
+table[data-taco='report'][data-table-font-size='large'] td [data-taco='select2-container'],
+table[data-taco='report'][data-table-font-size='large'] td [data-taco='Select2'],
+table[data-taco='report'][data-table-font-size='large'] td [data-taco='input'],
+table[data-taco='report'][data-table-font-size='large'] td [data-taco='textarea'] {
+    @apply !-mx-[11px] !-mb-[7.5px] !-mt-[8.5px] !w-[calc(100%_+_22px)] focus:z-10;
+}
+
+table[data-taco='report'][data-table-font-size='large'] td [data-taco='select2-container'] [data-taco='Select2'] {
+    @apply !m-auto !w-full;
+}
+
+table[data-taco='report'][data-table-font-size='large'] td [data-taco='Select2'] {
+    @apply !px-2.5;
+}
+
+table[data-taco='report'][data-table-font-size='large'] td [data-taco='Select2'] [data-taco='tag'] {
+    @apply !my-0 !mt-px;
+}
+
+table[data-taco='report'][data-table-font-size='large'] td [data-taco='textarea'] {
+    @apply !py-[7.5px];
+}
+
+table[data-taco='report'][data-table-font-size='large'] td:not([data-cell-truncate='true']) > [data-taco='textarea'] {
+    @apply !pb-[8.5px];
+}
+
+table[data-taco='report'][data-table-font-size='large'] td [data-taco='input'],
+table[data-taco='report'][data-table-font-size='large'] td [data-taco='Select2'],
+table[data-taco='report'][data-table-font-size='large'] td [data-taco='textarea'] {
+    @apply h-10 px-2.5 text-base;
+}
+
+table[data-taco='report'][data-table-font-size='large'] td [data-taco='input-container'] [data-affix-type='postfix'] button {
+    @apply !-mr-[19px] !h-10 !w-10;
+}
+
+table[data-taco='report'][data-table-font-size='large']
+    td
+    [data-taco='input-container']
+    [data-affix-type='postfix']
+    [data-taco='icon'] {
+    @apply !h-6 !w-6;
+}
+
+/* row/cell backgrounds -- we have to be specific so that nested tables don't inherit */
+
+/* normal rows */
+table[data-taco='report'] > tbody > tr:not([data-row-selected='true']) > td {
+        @apply bg-white;
+    }
+/* search highlighting */
+table[data-taco='report'] > tbody > tr:not([data-row-selected='true']) > td[data-cell-highlighted='true'] {
+            @apply bg-[#e9f2ff];
+        }
+table[data-taco='report'] > tbody > tr:not([data-row-selected='true']) > td[data-cell-highlighted='current'] {
+            @apply !bg-[#bfd9ff];
+        }
+table[data-taco='report'] > tbody > tr:not([data-row-selected='true'])[data-row-group] > td {
+        @apply bg-grey-100;
+    }
+table[data-taco='report'] > tbody > tr:not([data-row-selected='true']):hover > td,
+    table[data-taco='report'] > tbody > tr:not([data-row-selected='true'])[data-row-active='true'] > td,
+    table[data-taco='report'] > tbody > tr:not([data-row-selected='true'])[data-row-active='true']:hover > td {
+        --table-row-actions-shadow: theme(colors.grey.100);
+        @apply bg-grey-100;
+    }
+/* search highlighting */
+table[data-taco='report'] > tbody > tr:not([data-row-selected='true']):hover > td[data-cell-highlighted='true'], table[data-taco='report'] > tbody > tr:not([data-row-selected='true'])[data-row-active='true'] > td[data-cell-highlighted='true'], table[data-taco='report'] > tbody > tr:not([data-row-selected='true'])[data-row-active='true']:hover > td[data-cell-highlighted='true'] {
+            @apply bg-[#e2ebf8];
+        }
+/* normal rows when focus is inside the table */
+table[data-taco='report']:focus-within > tbody > tr[data-row-active='true']:not([data-row-selected='true']) > td {
+    --table-row-actions-shadow: theme(colors.grey.200);
+    @apply !bg-grey-200;
+}
+
+/* normal rows when hover is paused */
+table[data-taco='report'][data-table-pause-hover='true'] > tbody > tr:not([data-row-selected='true']):hover:not([data-row-active='true']) > td {
+        --table-row-actions-shadow: theme(colors.white);
+        @apply !bg-white;
+    }
+table[data-taco='report'][data-table-pause-hover='true'] > tbody > tr:not([data-row-selected='true']):hover[data-row-active='true'] > td {
+        --table-row-actions-shadow: theme(colors.grey.200);
+        @apply !bg-grey-200;
+    }
+
+/* selected rows */
+table[data-taco='report'] > tbody > tr[data-row-selected='true'] > td {
+        @apply bg-blue-100;
+    }
+/* search highlighting */
+table[data-taco='report'] > tbody > tr[data-row-selected='true'] > td[data-cell-highlighted='true'] {
+            @apply bg-[#d0e4ff];
+        }
+table[data-taco='report'] > tbody > tr[data-row-selected='true'] > td[data-cell-highlighted='current'] {
+            @apply !bg-[#b6d4ff];
+        }
+table[data-taco='report'] > tbody > tr[data-row-selected='true']:hover > td,
+    table[data-taco='report'] > tbody > tr[data-row-selected='true'][data-row-active='true'] > td,
+    table[data-taco='report'] > tbody > tr[data-row-selected='true'][data-row-active='true']:hover > td {
+        --table-row-actions-shadow: #d6e3f6;
+        @apply bg-[#D6E3F6];
+    }
+/* search highlighting */
+table[data-taco='report'] > tbody > tr[data-row-selected='true']:hover > td[data-cell-highlighted='true'], table[data-taco='report'] > tbody > tr[data-row-selected='true'][data-row-active='true'] > td[data-cell-highlighted='true'], table[data-taco='report'] > tbody > tr[data-row-selected='true'][data-row-active='true']:hover > td[data-cell-highlighted='true'] {
+            @apply bg-[#cadef9];
+        }
+table[data-taco='report'] > tbody > tr[data-row-selected='true']:hover > td[data-cell-highlighted='current'], table[data-taco='report'] > tbody > tr[data-row-selected='true'][data-row-active='true'] > td[data-cell-highlighted='current'], table[data-taco='report'] > tbody > tr[data-row-selected='true'][data-row-active='true']:hover > td[data-cell-highlighted='current'] {
+            @apply !bg-[#b4d2fd];
+        }
+/* selected rows when focus is inside the table */
+table[data-taco='report']:focus-within > tbody > tr[data-row-active='true'][data-row-selected='true'] > td {
+    --table-row-actions-shadow: #ccd8eb;
+    @apply bg-[#CCD8EB];
+}
+/* selected rows when hover is paused */
+table[data-taco='report'][data-table-pause-hover='true'] > tbody > tr[data-row-selected='true']:hover:not([data-row-active='true']) > td {
+        --table-row-actions-shadow: theme(colors.blue.100);
+        @apply !bg-blue-100;
+    }
+table[data-taco='report'][data-table-pause-hover='true'] > tbody > tr[data-row-selected='true']:hover[data-row-active='true'] > td {
+        --table-row-actions-shadow: #ccd8eb;
+        @apply !bg-[#CCD8EB];
+    }
+
+/* row metadata */
+
+table[data-taco='report'] tbody tr[data-row-meta-layout='heading']:not([data-row-group='true']) td {
+    @apply !border-b-0 border-t font-bold;
+}
+
+table[data-taco='report'] tbody tr[data-row-group='true'] + tr[data-row-meta-layout='heading'] td {
+    @apply !border-t-0;
+}
+
+table[data-taco='report'] tbody tr[data-row-meta-layout='summary']:not([data-row-group='true']) td {
+    @apply !border-b-0 font-bold;
+}
+
+table[data-taco='report'] tbody tr[data-row-meta-layout='item']:not([data-row-group='true']) td {
+    @apply !border-b-0;
+}
+
+/* printing */
+table[data-taco='report'] [data-cell-id^='__'] {
+    @apply print:hidden;
+}
+
 /* rows */
 .yt-table__row {
     @apply border-grey-300 flex border-b;
@@ -856,7 +1340,7 @@
 
 [data-font-size='small'] [role='cell'] [data-taco='Select2'],
 [data-font-size='small'] [role='cell'] [data-taco='input-container'] {
-    @apply !-my-[3px];
+    @apply !-my-[2px];
 }
 
 /* from validation */
@@ -869,9 +1353,14 @@
 }
 /*---*/
 
+[data-font-size='small'] [role='cell'] [data-taco='textarea'] {
+    @apply py-px leading-4;
+}
+
 [data-font-size='small'] [role='cell'] [data-taco='input'],
 [data-font-size='small'] [role='cell'] [data-taco='Select2'],
-[data-font-size='small'] [role='cell'] [data-taco='textarea'] {
+[data-font-size='small'] [role='cell'] [data-taco='textarea'],
+[data-font-size='small'] [role='cell'] [data-taco='combobox'] {
     @apply h-6 min-h-[theme(spacing.6)] px-1.5 text-xs;
 }
 
@@ -931,7 +1420,7 @@
 
 [data-font-size='medium'] [role='cell'] [data-taco='Select2'],
 [data-font-size='medium'] [role='cell'] [data-taco='input-container'] {
-    @apply !-my-[5px];
+    @apply !-my-[4px];
 }
 
 /* When cell is editable, but not highlighted, then we apply cell padding to a cell itself and remove 1px border-width */
@@ -940,7 +1429,7 @@
         @apply px-[calc(var(--table3-cell-padding-x)_-_8px_-_1px)];
     }
 
-/* When cell is editable and highlighted, the padding should apply to highlight wrapper and remove 1px border-width, 
+/* When cell is editable and highlighted, the padding should apply to highlight wrapper and remove 1px border-width,
        because it should take all the available space in the cell */
 
 [data-font-size='medium'] [role='cell'][data-editable][data-highlighted='true'] [data-taco='highlight'] {
@@ -958,8 +1447,7 @@
 [data-font-size='medium'] [role='row'][data-invalid='true'] [role='cell'] [data-taco='input-container'],
 [data-font-size='medium'] [role='row'] [role='cell'][data-invalid='true'] [data-taco='Select2'],
 [data-font-size='medium'] [role='row'] [role='cell'][data-invalid='true'] [data-taco='input-container'] {
-    @apply !-mt-1.5;
-    @apply !mb-0;
+    @apply !-mt-1.5 !mb-0;
 }
 
 /* large font size */
@@ -978,7 +1466,11 @@
 
 [data-font-size='large'] [role='cell'] [data-taco='Select2'],
 [data-font-size='large'] [role='cell'] [data-taco='input-container'] {
-    @apply !-my-[7.5px];
+    @apply !-my-[6.5px];
+}
+
+[data-font-size='large'] [role='cell'] [data-taco='textarea'] {
+    @apply py-[9.5px];
 }
 
 [data-font-size='large'] [role='row'][data-invalid='true'] [role='cell'] [data-taco='Select2'],
@@ -1009,7 +1501,7 @@
         @apply px-[calc(var(--table3-cell-padding-x)_-_10px_-_1px)];
     }
 
-/* When cell is editable and highlighted, the padding should apply to highlight wrapper and remove 1px border-width, 
+/* When cell is editable and highlighted, the padding should apply to highlight wrapper and remove 1px border-width,
        because it should take all the available space in the cell */
 
 [data-font-size='large'] [role='cell'][data-editable][data-highlighted='true'] [data-taco='highlight'] {
@@ -1023,7 +1515,7 @@
     @apply !mx-[calc(var(--table3-cell-padding-x)_-_5px)] !mt-px;
 }
 
-/* Icon inside column header button uses em values therefore text-sm is required to prevent icon 
+/* Icon inside column header button uses em values therefore text-sm is required to prevent icon
    from overflowing button's boundaries */
 [data-font-size='large'] [role='columnheader'] button {
     @apply !text-sm;

package/dist/index.d.ts

@@ -33,6 +33,7 @@ export * from './components/Progress/Progress';
 export * from './components/Provider/Provider';
 export * from './components/Provider/Localization';
 export * from './components/RadioGroup/RadioGroup';
+export * from './components/Report/Report';
 export * from './components/SearchInput/SearchInput';
 export * from './components/SearchInput2/SearchInput2';
 export * from './components/Select/Select';

package/dist/primitives/Table/types.d.ts

@@ -158,13 +158,13 @@ declare type useTableCommonProps<TType = unknown> = TableFeatureProps & {
     onChangeSettings?: TableSettingsHandler;
     onChangeSort?: TableSortHandler;
 };
-interface useTableClientProps<TType = unknown> extends useTableCommonProps<TType> {
+export interface useTableClientProps<TType = unknown> extends useTableCommonProps<TType> {
     length?: never;
     loadAll?: never;
     loadPage?: never;
     pageSize?: never;
 }
-interface useTableServerProps<TType = unknown> extends useTableCommonProps<TType> {
+export interface useTableServerProps<TType = unknown> extends useTableCommonProps<TType> {
     length: number | undefined;
     loadAll: TableServerLoadAllHandler;
     loadPage: TableServerLoadPageHandler;

package/dist/primitives/Table/useTable/features/useTablePrinting.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare function useTablePrinting(isEnabled: boolean | undefined, defaultIsWarningVisible: boolean | undefined, id: string): {
+export declare function useTablePrinting(isEnabled?: boolean, defaultIsWarningVisible?: boolean): {
     isEnabled: boolean;
     isPrinting: boolean;
     setIsPrinting: React.Dispatch<React.SetStateAction<boolean>>;

package/dist/primitives/Table/useTable/util/settings.d.ts

@@ -4,7 +4,7 @@ export declare function getSettings<TType = unknown>(table: ReactTable<TType>):
     columnPinning: import("@tanstack/react-table").ColumnPinningState;
     columnSizing: Record<string, number>;
     columnVisibility: Record<string, boolean> | undefined;
-    excludeUnmatchedRecordsInSearch: boolean;
+    excludeUnmatchedRecordsInSearch: any;
     fontSize: "small" | "medium" | "large" | undefined;
     grouping: import("@tanstack/react-table").GroupingState | undefined;
     rowHeight: "medium" | "short" | "tall" | "extra-tall" | undefined;

package/dist/primitives/Table/useTable/util/sorting.d.ts

@@ -1,2 +1,2 @@
 import { TableColumnDataType, TableColumnSortFn } from '../../types';
-export declare function getSortingFn<TType = unknown>(dataType?: TableColumnDataType, customFnOrBuiltIn?: TableColumnSortFn<TType>): "text" | "auto" | "alphanumeric" | "alphanumericCaseSensitive" | "textCaseSensitive" | "datetime" | "basic" | ((rowA: any, rowB: any, columnId: any) => 0 | 1 | -1);
+export declare function getSortingFn<TType = unknown>(dataType?: TableColumnDataType, customFnOrBuiltIn?: TableColumnSortFn<TType>): "auto" | "alphanumeric" | "alphanumericCaseSensitive" | "datetime" | "text" | "textCaseSensitive" | "basic" | ((rowA: any, rowB: any, columnId: any) => 0 | 1 | -1);