@neeyo/mantine-datatable 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +142 -0
  3. package/dist/index.d.ts +1112 -0
  4. package/dist/index.js +2 -0
  5. package/dist/index.js.map +1 -0
  6. package/dist/index.mjs +2 -0
  7. package/dist/index.mjs.map +1 -0
  8. package/dist/styles.css +49 -0
  9. package/dist/styles.layer.css +49 -0
  10. package/package.json +113 -0
package/dist/styles.css ADDED
@@ -0,0 +1,49 @@
1
+ .mantine-datatable-nowrap{white-space:nowrap}.mantine-datatable-ellipsis{overflow:hidden;text-overflow:ellipsis}.mantine-datatable-pointer-cursor{cursor:pointer}.mantine-datatable-context-menu-cursor{cursor:context-menu}.mantine-datatable-text-selection-disabled{user-select:none}.mantine-datatable-text-align-left{text-align:left}.mantine-datatable-text-align-center{text-align:center}.mantine-datatable-text-align-right{text-align:right}.mantine-datatable{--mantine-datatable-color:var(
2
+ --mantine-datatable-color-light,var(--mantine-color-text)
3
+ )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-color:var(
4
+ --mantine-datatable-color-dark,var(--mantine-color-text)
5
+ )}.mantine-datatable{--mantine-datatable-background-color:var(
6
+ --mantine-datatable-background-color-light,var(--mantine-color-body)
7
+ )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-background-color:var(
8
+ --mantine-datatable-background-color-dark,var(--mantine-color-body)
9
+ )}.mantine-datatable{--mantine-datatable-border-color:var(
10
+ --mantine-datatable-border-color-light,var(--mantine-color-gray-3)
11
+ )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-border-color:var(
12
+ --mantine-datatable-border-color-dark,var(--mantine-color-dark-4)
13
+ )}.mantine-datatable{--mantine-datatable-row-border-color:var(
14
+ --mantine-datatable-row-border-color-light,var(--mantine-datatable-border-color)
15
+ )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-row-border-color:var(
16
+ --mantine-datatable-row-border-color-dark,var(--mantine-datatable-border-color)
17
+ )}.mantine-datatable{--mantine-datatable-striped-color:var(
18
+ --mantine-datatable-striped-color-light,var(--mantine-color-gray-0)
19
+ )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-striped-color:var(
20
+ --mantine-datatable-striped-color-dark,var(--mantine-color-dark-6)
21
+ )}.mantine-datatable{--mantine-datatable-highlight-on-hover-color:var(
22
+ --mantine-datatable-highlight-on-hover-color-light,var(--mantine-color-gray-1)
23
+ )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-highlight-on-hover-color:var(
24
+ --mantine-datatable-highlight-on-hover-color-dark,var(--mantine-color-dark-5)
25
+ )}.mantine-datatable{--mantine-datatable-selection-color:var(--mantine-primary-color-light);--mantine-datatable-shadow-background-top:linear-gradient(rgba(0,0,0,.05),transparent),linear-gradient(rgba(0,0,0,.05) 30%,transparent)}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-shadow-background-top:linear-gradient(rgba(0,0,0,.25),transparent),linear-gradient(rgba(0,0,0,.25) 30%,transparent)}.mantine-datatable{--mantine-datatable-shadow-background-right:linear-gradient(270deg,rgba(0,0,0,.05),transparent),linear-gradient(270deg,rgba(0,0,0,.05),transparent 30%)}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-shadow-background-right:linear-gradient(270deg,rgba(0,0,0,.25),transparent),linear-gradient(270deg,rgba(0,0,0,.25),transparent 30%)}.mantine-datatable{--mantine-datatable-shadow-background-bottom:linear-gradient(transparent,rgba(0,0,0,.05)),linear-gradient(transparent 30%,rgba(0,0,0,.05))}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-shadow-background-bottom:linear-gradient(transparent,rgba(0,0,0,.25)),linear-gradient(transparent 30%,rgba(0,0,0,.25))}.mantine-datatable{--mantine-datatable-shadow-background-left:linear-gradient(90deg,rgba(0,0,0,.05),transparent),linear-gradient(90deg,rgba(0,0,0,.05),transparent 30%)}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-shadow-background-left:linear-gradient(90deg,rgba(0,0,0,.25),transparent),linear-gradient(90deg,rgba(0,0,0,.25),transparent 30%)}.mantine-datatable{--mantine-datatable-header-height:0;--mantine-datatable-footer-height:0;--mantine-datatable-selection-column-width:0;--mantine-datatable-top-shadow-opacity:0;--mantine-datatable-left-shadow-opacity:0;--mantine-datatable-bottom-shadow-opacity:0;--mantine-datatable-right-shadow-opacity:0;--mantine-datatable-footer-position:sticky;--mantine-datatable-footer-bottom:0;--mantine-datatable-last-row-border-bottom:unset;position:relative;display:flex;flex-direction:column;overflow:hidden;color:var(--mantine-datatable-color);background:var(--mantine-datatable-background-color)}.mantine-datatable td,.mantine-datatable th{border-left:0}[dir=rtl] .mantine-datatable td,[dir=rtl] .mantine-datatable th{border-left:0;border-right:0}[dir=rtl] .mantine-datatable td:not(:first-of-type),[dir=rtl] .mantine-datatable th:not(:first-of-type){border-right:1px solid var(--mantine-datatable-row-border-color)}.mantine-datatable-with-border{border:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color)}.mantine-datatable-resizable-columns th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mantine-datatable-resizable-columns th[data-pinned-shadow]{overflow:visible}.mantine-datatable td[data-accessor=__selection__],.mantine-datatable th[data-accessor=__selection__]{width:44px!important;min-width:44px!important;max-width:44px!important}.mantine-datatable-table{border-collapse:separate;border-spacing:0;color:inherit;background:var(--mantine-datatable-background-color)}.mantine-datatable-table td,.mantine-datatable-table th{border-color:var(--mantine-datatable-row-border-color)}.mantine-datatable-table tbody,.mantine-datatable-table td,.mantine-datatable-table tfoot,.mantine-datatable-table tfoot tr,.mantine-datatable-table th,.mantine-datatable-table thead,.mantine-datatable-table thead tr{background:inherit}.mantine-datatable-table[data-striped] tbody tr:nth-of-type(odd){background:var(--mantine-datatable-striped-color)}.mantine-datatable-table[data-highlight-on-hover] tbody tr:hover{background:var(--mantine-datatable-highlight-on-hover-color)}.mantine-datatable-table tbody tr:last-of-type{border-bottom:0}.mantine-datatable-table tr:last-of-type:not(.mantine-datatable-empty-row) td{border-bottom:var(--mantine-datatable-last-row-border-bottom)}.mantine-datatable-vertical-align-top td{vertical-align:top}.mantine-datatable-vertical-align-bottom td{vertical-align:bottom}.mantine-datatable-last-row-border-bottom-visible tr:last-of-type:not(.mantine-datatable-empty-row) td{border-bottom:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color)}td[data-pinned]{z-index:var(--mantine-datatable-pinned-column-z-index,2)}th[data-pinned]{z-index:calc(var(--mantine-datatable-pinned-column-z-index, 2) + 1)}[data-pinned-shadow=left]:after{right:calc(var(--mantine-spacing-xs)*-1);border-left:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color);background:var(--mantine-datatable-shadow-background-left);opacity:var(--mantine-datatable-left-shadow-opacity)}[data-pinned-shadow=left]:after,[data-pinned-shadow=right]:after{content:"";position:absolute;top:0;bottom:0;width:var(--mantine-spacing-xs);transition:opacity .2s;pointer-events:none}[data-pinned-shadow=right]:after{left:calc(var(--mantine-spacing-xs)*-1);border-right:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color);background:var(--mantine-datatable-shadow-background-right);opacity:var(--mantine-datatable-right-shadow-opacity)}tr[data-selected] td[data-pinned]{background:inherit}tr[data-selected] td[data-pinned]:before{content:"";position:absolute;inset:0;background:var(--mantine-datatable-selection-color)}th[data-pinned-shadow]:after,tr[data-with-row-border]:not(:last-of-type) td[data-pinned-shadow]:after{top:calc(-.0625rem*var(--mantine-scale));bottom:calc(-.0625rem*var(--mantine-scale))}tfoot th[data-pinned-shadow]:after{top:calc(-.0625rem*var(--mantine-scale))}.mantine-datatable-empty-row,.mantine-datatable-table[data-highlight-on-hover] tbody .mantine-datatable-empty-row:hover{background:transparent}.mantine-datatable-empty-state{position:absolute;top:0;right:0;bottom:0;left:0;flex-direction:column;pointer-events:none;color:var(--mantine-color-gray-6)}[data-mantine-color-scheme=dark] .mantine-datatable-empty-state{color:var(--mantine-color-dark-3)}.mantine-datatable-empty-state{opacity:0;transition:opacity .2s;padding-top:var(--mantine-datatable-header-height,0);padding-bottom:var(--mantine-datatable-footer-height,0)}.mantine-datatable-empty-state[data-active]{opacity:1}.mantine-datatable-empty-state-icon{font-size:0;border-radius:50%;padding:var(--mantine-spacing-xs);background:var(--mantine-color-gray-2)}[data-mantine-color-scheme=dark] .mantine-datatable-empty-state-icon{background:var(--mantine-color-dark-5)}.mantine-datatable-empty-state-icon{margin-bottom:calc(var(--mantine-spacing-xs)/2)}.mantine-datatable-footer{z-index:calc(var(--mantine-datatable-pinned-column-z-index, 2) + 2);position:var(--mantine-datatable-footer-position);bottom:var(--mantine-datatable-footer-bottom)}.mantine-datatable-footer th{border-top:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color)}.mantine-datatable-footer-selector-placeholder-cell{position:sticky;width:0;left:0}[dir=rtl] .mantine-datatable-footer-selector-placeholder-cell{left:auto;right:0}.mantine-datatable-footer-selector-placeholder-cell:after{content:"";position:absolute;top:0;right:calc(var(--mantine-spacing-xs)*-1);bottom:0;border-left:1px solid var(--mantine-datatable-row-border-color);width:var(--mantine-spacing-xs);background:var(--mantine-datatable-shadow-background-left);pointer-events:none;opacity:0;transition:opacity .2s}[dir=rtl] .mantine-datatable-footer-selector-placeholder-cell:after{right:auto;left:calc(var(--mantine-spacing-xs)*-1);border-left:0;border-right:1px solid var(--mantine-datatable-row-border-color);background:var(--mantine-datatable-shadow-background-right)}.mantine-datatable-footer-selector-placeholder-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-left-shadow-opacity)}[dir=rtl] .mantine-datatable-footer-selector-placeholder-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-right-shadow-opacity)}.mantine-datatable-header{z-index:calc(var(--mantine-datatable-pinned-column-z-index, 2) + 2);position:sticky;top:0}.mantine-datatable-header th{border-bottom:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color)}.mantine-datatable-header-column-toggle-checkbox-label{user-select:none}.mantine-datatable-header-cell-sortable{cursor:pointer;transition:background .2s}.mantine-datatable-header-cell-sortable:hover:not(:has(button:hover)){background:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-sortable:hover:not(:has(button:hover)){background:var(--mantine-color-dark-6)}.mantine-datatable-header-cell-draggable{cursor:grab;border-radius:calc(.375rem*var(--mantine-scale));transition:all .2s}.mantine-datatable-header-cell-draggable:active{cursor:grabbing}.mantine-datatable-header-cell-draggable:hover:not(:has(button:hover)){background:var(--mantine-color-gray-2)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-draggable:hover:not(:has(button:hover)){background:var(--mantine-color-dark-6)}.mantine-datatable-header-cell-draggable-action-icon{cursor:inherit;margin:calc(-.125rem*var(--mantine-scale)) calc(.125rem*var(--mantine-scale)) 0}.mantine-datatable-header-cell-drag-over{background:var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-drag-over{background:var(--mantine-color-dark-6)}.mantine-datatable-header-cell-toggleable-icon{transition:opacity .2s;opacity:.1}.mantine-datatable-header-cell-toggleable:hover .mantine-datatable-header-cell-toggleable-icon{opacity:1}.mantine-datatable-header-cell-pinnable-icon{transition:opacity .2s;opacity:.1}.mantine-datatable-header-cell-pinnable:hover .mantine-datatable-header-cell-pinnable-icon{opacity:1}.mantine-datatable-pinnable-dropdown{padding:var(--mantine-spacing-xs)}.mantine-datatable-header-cell-resizable{position:relative}.mantine-datatable-header-resizable-handle{position:absolute;cursor:col-resize;top:0;bottom:0;right:-6px;width:12px;background:transparent;z-index:0;opacity:0;transition:opacity .2s}.mantine-datatable-header-resizable-handle:after{position:absolute;content:"";top:2px;bottom:2px;left:5px;width:2px;background:var(--mantine-color-gray-4)}[data-mantine-color-scheme=dark] .mantine-datatable-header-resizable-handle:after{background:var(--mantine-color-dark-4)}.mantine-datatable-header-resizable-handle:after{border-radius:1px;transition:background-color .2s}[dir=rtl] .mantine-datatable-header-resizable-handle:after{left:auto;right:5px}.mantine-datatable-header-resizable-handle:hover{opacity:1}.mantine-datatable-header-resizable-handle:hover:after{background:var(--mantine-primary-color-6)}.mantine-datatable-header-resizable-handle:active{opacity:1!important}.mantine-datatable-header-resizable-handle:active:after{background:var(--mantine-primary-color-7)}[dir=rtl] .mantine-datatable-header-resizable-handle{right:auto;left:-6px}.mantine-datatable-header-cell-toggleable.mantine-datatable-header-cell-resizable:hover .mantine-datatable-header-resizable-handle,tr:hover .mantine-datatable-header-resizable-handle{opacity:1}.mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active){background:var(--mantine-color-blue-0)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active){background:var(--mantine-color-dark-7)}.mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active){transition:background .1s}.mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active)+th{background:var(--mantine-color-blue-0)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active)+th{background:var(--mantine-color-dark-7)}.mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active)+th{transition:background .1s}.mantine-datatable-header-cell-sortable-group{gap:.25em}.mantine-datatable-header-cell-sortable-text{min-width:0;flex-grow:1}.mantine-datatable-header-cell-sortable-icon{transition:transform .2s}.mantine-datatable-header-cell-sortable-icon-reversed{transform:scaleY(-1)}.mantine-datatable-header-cell-sortable-unsorted-icon{color:var(--mantine-color-gray-5)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-sortable-unsorted-icon{color:var(--mantine-color-dark-3)}.mantine-datatable-header-cell-sortable-unsorted-icon{transition:color .2s}th:hover .mantine-datatable-header-cell-sortable-unsorted-icon{color:var(--mantine-color-gray-6)}[data-mantine-color-scheme=dark] th:hover .mantine-datatable-header-cell-sortable-unsorted-icon{color:var(--mantine-color-dark-2)}.mantine-datatable-header-cell-filter-action-icon{border:0;color:var(--mantine-color-gray-5)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-filter-action-icon{color:var(--mantine-color-dark-3)}.mantine-datatable-header-cell-filter-action-icon[data-active]{color:var(--mantine-color-text)}.mantine-datatable-header-selector-cell{position:sticky;z-index:1;width:44px;min-width:44px;max-width:44px;left:0;text-align:center;padding:var(--mantine-spacing-xs)}[dir=rtl] .mantine-datatable-header-selector-cell{left:auto;right:0}.mantine-datatable-header-selector-cell:after{content:"";position:absolute;top:0;right:calc(var(--mantine-spacing-xs)*-1);bottom:calc(-.0625rem*var(--mantine-scale));border-left:1px solid var(--mantine-datatable-row-border-color);width:var(--mantine-spacing-xs);background:var(--mantine-datatable-shadow-background-left);pointer-events:none;opacity:0;transition:opacity .2s}[dir=rtl] .mantine-datatable-header-selector-cell:after{right:auto;left:calc(var(--mantine-spacing-xs)*-1);border-left:0;border-right:1px solid var(--mantine-datatable-row-border-color);background:var(--mantine-datatable-shadow-background-right)}.mantine-datatable-header-selector-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-left-shadow-opacity)}[dir=rtl] .mantine-datatable-header-selector-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-right-shadow-opacity)}.mantine-datatable-column-group-header-cell--needs-border{border-inline-end:1px solid var(--mantine-datatable-row-border-color)}.mantine-datatable-loader{z-index:3;position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:color-mix(in srgb,var(--mantine-datatable-background-color),transparent 25%);opacity:0;transition:opacity .2s;padding-top:var(--mantine-datatable-header-height,0);padding-bottom:var(--mantine-datatable-footer-height,0)}.mantine-datatable-loader-fetching{pointer-events:all;opacity:1}.mantine-datatable-page-size-selector-button-icon{margin:0 calc(-.25rem*var(--mantine-scale)) 0 calc(.125rem*var(--mantine-scale))}[dir=rtl] .mantine-datatable-page-size-selector-button-icon{margin:0 calc(.125rem*var(--mantine-scale)) 0 calc(-.25rem*var(--mantine-scale))}.mantine-datatable-page-size-selector-menu-arrow{z-index:-1}.mantine-datatable-page-size-selector-active{--mantine-datatable-pagination-active-text-color:var(
26
+ --mantine-datatable-pagination-active-text-color-light,var(--mantine-color-white)
27
+ )}[data-mantine-color-scheme=dark] .mantine-datatable-page-size-selector-active{--mantine-datatable-pagination-active-text-color:var(
28
+ --mantine-datatable-pagination-active-text-color-dark,var(--mantine-color-white)
29
+ )}.mantine-datatable-page-size-selector-active{--mantine-datatable-pagination-active-background-color:var(
30
+ --mantine-datatable-pagination-active-background-color-light,var(--mantine-primary-color-filled)
31
+ )}[data-mantine-color-scheme=dark] .mantine-datatable-page-size-selector-active{--mantine-datatable-pagination-active-background-color:var(
32
+ --mantine-datatable-pagination-active-background-color-dark,var(--mantine-primary-color-filled)
33
+ )}.mantine-datatable-page-size-selector-active{opacity:1;color:var(--mantine-datatable-pagination-active-text-color);background:var(--mantine-datatable-pagination-active-background-color)}.mantine-datatable-pagination{background:inherit;border-top:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color);display:flex;align-items:center;justify-content:space-between;gap:var(--mantine-spacing-xs)}.mantine-datatable-pagination-text{flex:1 1 auto}.mantine-datatable-pagination-pages{--mantine-datatable-pagination-active-text-color:var(
34
+ --mantine-datatable-pagination-active-text-color-light,var(--mantine-color-white)
35
+ )}[data-mantine-color-scheme=dark] .mantine-datatable-pagination-pages{--mantine-datatable-pagination-active-text-color:var(
36
+ --mantine-datatable-pagination-active-text-color-dark,var(--mantine-color-white)
37
+ )}.mantine-datatable-pagination-pages{--mantine-datatable-pagination-active-background-color:var(
38
+ --mantine-datatable-pagination-active-background-color-light,var(--mantine-primary-color-filled)
39
+ )}[data-mantine-color-scheme=dark] .mantine-datatable-pagination-pages{--mantine-datatable-pagination-active-background-color:var(
40
+ --mantine-datatable-pagination-active-background-color-dark,var(--mantine-primary-color-filled)
41
+ )}.mantine-datatable-pagination-pages{opacity:1;transition:opacity .2s}.mantine-datatable-pagination-pages-fetching{opacity:0}.mantine-datatable-pagination-pages-control{color:var(--mantine-datatable-color);border-color:var(--mantine-datatable-border-color)}.mantine-datatable-pagination-pages-control[data-active]{color:var(--mantine-datatable-pagination-active-text-color);background:var(--mantine-datatable-pagination-active-background-color);border-color:transparent}.mantine-datatable-row{--mantine-datatable-row-color:var(
42
+ --mantine-datatable-row-color-light
43
+ )}[data-mantine-color-scheme=dark] .mantine-datatable-row{--mantine-datatable-row-color:var(
44
+ --mantine-datatable-row-color-dark
45
+ )}.mantine-datatable-row{--mantine-datatable-row-background-color:var(
46
+ --mantine-datatable-row-background-color-light
47
+ )}[data-mantine-color-scheme=dark] .mantine-datatable-row{--mantine-datatable-row-background-color:var(
48
+ --mantine-datatable-row-background-color-dark
49
+ )}.mantine-datatable-row{color:var(--mantine-datatable-row-color,inherit);background:var(--mantine-datatable-row-background-color,inherit)}.mantine-datatable .mantine-datatable-row[data-with-row-border]:not(:last-of-type) td{border-bottom:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color)}.mantine-datatable-row[data-selected] td{background:var(--mantine-datatable-selection-color)}.mantine-datatable-row-expansion-cell{padding:0}tr:not(:last-of-type) .mantine-datatable-row-expansion-cell-content{border-bottom:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color)}tr:last-of-type .mantine-datatable-row-expansion-cell-content{border-bottom:0}.mantine-datatable-row-expansion-cell-content{border-top:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color)}[data-with-row-border] .mantine-datatable-row-expansion-cell-content{border-top:0}.mantine-datatable-row-selector-cell{position:sticky;z-index:1;width:44px;min-width:44px;max-width:44px;left:0;text-align:center;padding:var(--mantine-spacing-xs)}[dir=rtl] .mantine-datatable-row-selector-cell{left:auto;right:0}tr[data-selected] .mantine-datatable-row-selector-cell{background:inherit}tr[data-selected] .mantine-datatable-row-selector-cell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mantine-datatable-selection-color)}.mantine-datatable-row-selector-cell:after{content:"";position:absolute;top:0;right:calc(var(--mantine-spacing-xs)*-1);bottom:0;border-left:1px solid var(--mantine-datatable-row-border-color);width:var(--mantine-spacing-xs);background:var(--mantine-datatable-shadow-background-left);pointer-events:none;opacity:0;transition:opacity .2s}[dir=rtl] .mantine-datatable-row-selector-cell:after{right:auto;left:calc(var(--mantine-spacing-xs)*-1);border-left:0;border-right:1px solid var(--mantine-datatable-row-border-color);background:var(--mantine-datatable-shadow-background-right)}tr[data-with-row-border] .mantine-datatable-row-selector-cell:after{top:calc(-.0625rem*var(--mantine-scale));bottom:calc(-.0625rem*var(--mantine-scale))}tr:last-of-type .mantine-datatable-row-selector-cell:after{bottom:0}.mantine-datatable-row-selector-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-left-shadow-opacity)}[dir=rtl] .mantine-datatable-row-selector-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-right-shadow-opacity)}.mantine-datatable-row-selector-cell-checkbox{cursor:pointer}.mantine-datatable-scroll-area{flex:1 1 100%}.mantine-datatable-scroll-area-corner{background:transparent}.mantine-datatable-scroll-area-scrollbar,.mantine-datatable-scroll-area-thumb{z-index:5}.mantine-datatable-scroll-area-scrollbar[data-state=visible]{background:transparent}.mantine-datatable-scroll-area-scrollbar div:before{pointer-events:none}.mantine-datatable-scroll-area-shadow{position:absolute;pointer-events:none;transition:opacity .2s}.mantine-datatable-scroll-area-top-shadow{z-index:5;left:0;right:0;height:calc(var(--mantine-spacing-xs)/2);background:var(--mantine-datatable-shadow-background-top);top:var(--mantine-datatable-header-height);opacity:var(--mantine-datatable-top-shadow-opacity)}.mantine-datatable-scroll-area-left-shadow{z-index:5;top:0;left:0;bottom:0;width:var(--mantine-spacing-xs);background:var(--mantine-datatable-shadow-background-left);opacity:var(--mantine-datatable-left-shadow-opacity)}[dir=rtl] .mantine-datatable-scroll-area-left-shadow{left:auto}.mantine-datatable-scroll-area-right-shadow,[dir=rtl] .mantine-datatable-scroll-area-left-shadow{right:0;background:var(--mantine-datatable-shadow-background-right);opacity:var(--mantine-datatable-right-shadow-opacity)}.mantine-datatable-scroll-area-right-shadow{z-index:5;top:0;bottom:0;width:calc(var(--mantine-spacing-xs)/2)}[dir=rtl] .mantine-datatable-scroll-area-right-shadow{right:auto;left:0;background:var(--mantine-datatable-shadow-background-left);opacity:var(--mantine-datatable-left-shadow-opacity)}.mantine-datatable-scroll-area-shadow-behind{z-index:0}.mantine-datatable-scroll-area-bottom-shadow{z-index:5;left:0;right:0;height:calc(var(--mantine-spacing-xs)/2);background:var(--mantine-datatable-shadow-background-bottom);bottom:var(--mantine-datatable-footer-height);opacity:var(--mantine-datatable-bottom-shadow-opacity)}
package/dist/styles.layer.css ADDED
@@ -0,0 +1,49 @@
1
+ @layer mantine-datatable{.mantine-datatable-nowrap{white-space:nowrap}.mantine-datatable-ellipsis{overflow:hidden;text-overflow:ellipsis}.mantine-datatable-pointer-cursor{cursor:pointer}.mantine-datatable-context-menu-cursor{cursor:context-menu}.mantine-datatable-text-selection-disabled{user-select:none}.mantine-datatable-text-align-left{text-align:left}.mantine-datatable-text-align-center{text-align:center}.mantine-datatable-text-align-right{text-align:right}.mantine-datatable{--mantine-datatable-color:var(
2
+ --mantine-datatable-color-light,var(--mantine-color-text)
3
+ )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-color:var(
4
+ --mantine-datatable-color-dark,var(--mantine-color-text)
5
+ )}.mantine-datatable{--mantine-datatable-background-color:var(
6
+ --mantine-datatable-background-color-light,var(--mantine-color-body)
7
+ )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-background-color:var(
8
+ --mantine-datatable-background-color-dark,var(--mantine-color-body)
9
+ )}.mantine-datatable{--mantine-datatable-border-color:var(
10
+ --mantine-datatable-border-color-light,var(--mantine-color-gray-3)
11
+ )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-border-color:var(
12
+ --mantine-datatable-border-color-dark,var(--mantine-color-dark-4)
13
+ )}.mantine-datatable{--mantine-datatable-row-border-color:var(
14
+ --mantine-datatable-row-border-color-light,var(--mantine-datatable-border-color)
15
+ )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-row-border-color:var(
16
+ --mantine-datatable-row-border-color-dark,var(--mantine-datatable-border-color)
17
+ )}.mantine-datatable{--mantine-datatable-striped-color:var(
18
+ --mantine-datatable-striped-color-light,var(--mantine-color-gray-0)
19
+ )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-striped-color:var(
20
+ --mantine-datatable-striped-color-dark,var(--mantine-color-dark-6)
21
+ )}.mantine-datatable{--mantine-datatable-highlight-on-hover-color:var(
22
+ --mantine-datatable-highlight-on-hover-color-light,var(--mantine-color-gray-1)
23
+ )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-highlight-on-hover-color:var(
24
+ --mantine-datatable-highlight-on-hover-color-dark,var(--mantine-color-dark-5)
25
+ )}.mantine-datatable{--mantine-datatable-selection-color:var(--mantine-primary-color-light);--mantine-datatable-shadow-background-top:linear-gradient(rgba(0,0,0,.05),transparent),linear-gradient(rgba(0,0,0,.05) 30%,transparent)}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-shadow-background-top:linear-gradient(rgba(0,0,0,.25),transparent),linear-gradient(rgba(0,0,0,.25) 30%,transparent)}.mantine-datatable{--mantine-datatable-shadow-background-right:linear-gradient(270deg,rgba(0,0,0,.05),transparent),linear-gradient(270deg,rgba(0,0,0,.05),transparent 30%)}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-shadow-background-right:linear-gradient(270deg,rgba(0,0,0,.25),transparent),linear-gradient(270deg,rgba(0,0,0,.25),transparent 30%)}.mantine-datatable{--mantine-datatable-shadow-background-bottom:linear-gradient(transparent,rgba(0,0,0,.05)),linear-gradient(transparent 30%,rgba(0,0,0,.05))}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-shadow-background-bottom:linear-gradient(transparent,rgba(0,0,0,.25)),linear-gradient(transparent 30%,rgba(0,0,0,.25))}.mantine-datatable{--mantine-datatable-shadow-background-left:linear-gradient(90deg,rgba(0,0,0,.05),transparent),linear-gradient(90deg,rgba(0,0,0,.05),transparent 30%)}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-shadow-background-left:linear-gradient(90deg,rgba(0,0,0,.25),transparent),linear-gradient(90deg,rgba(0,0,0,.25),transparent 30%)}.mantine-datatable{--mantine-datatable-header-height:0;--mantine-datatable-footer-height:0;--mantine-datatable-selection-column-width:0;--mantine-datatable-top-shadow-opacity:0;--mantine-datatable-left-shadow-opacity:0;--mantine-datatable-bottom-shadow-opacity:0;--mantine-datatable-right-shadow-opacity:0;--mantine-datatable-footer-position:sticky;--mantine-datatable-footer-bottom:0;--mantine-datatable-last-row-border-bottom:unset;position:relative;display:flex;flex-direction:column;overflow:hidden;color:var(--mantine-datatable-color);background:var(--mantine-datatable-background-color)}.mantine-datatable td,.mantine-datatable th{border-left:0}[dir=rtl] .mantine-datatable td,[dir=rtl] .mantine-datatable th{border-left:0;border-right:0}[dir=rtl] .mantine-datatable td:not(:first-of-type),[dir=rtl] .mantine-datatable th:not(:first-of-type){border-right:1px solid var(--mantine-datatable-row-border-color)}.mantine-datatable-with-border{border:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color)}.mantine-datatable-resizable-columns th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mantine-datatable-resizable-columns th[data-pinned-shadow]{overflow:visible}.mantine-datatable td[data-accessor=__selection__],.mantine-datatable th[data-accessor=__selection__]{width:44px!important;min-width:44px!important;max-width:44px!important}.mantine-datatable-table{border-collapse:separate;border-spacing:0;color:inherit;background:var(--mantine-datatable-background-color)}.mantine-datatable-table td,.mantine-datatable-table th{border-color:var(--mantine-datatable-row-border-color)}.mantine-datatable-table tbody,.mantine-datatable-table td,.mantine-datatable-table tfoot,.mantine-datatable-table tfoot tr,.mantine-datatable-table th,.mantine-datatable-table thead,.mantine-datatable-table thead tr{background:inherit}.mantine-datatable-table[data-striped] tbody tr:nth-of-type(odd){background:var(--mantine-datatable-striped-color)}.mantine-datatable-table[data-highlight-on-hover] tbody tr:hover{background:var(--mantine-datatable-highlight-on-hover-color)}.mantine-datatable-table tbody tr:last-of-type{border-bottom:0}.mantine-datatable-table tr:last-of-type:not(.mantine-datatable-empty-row) td{border-bottom:var(--mantine-datatable-last-row-border-bottom)}.mantine-datatable-vertical-align-top td{vertical-align:top}.mantine-datatable-vertical-align-bottom td{vertical-align:bottom}.mantine-datatable-last-row-border-bottom-visible tr:last-of-type:not(.mantine-datatable-empty-row) td{border-bottom:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color)}td[data-pinned]{z-index:var(--mantine-datatable-pinned-column-z-index,2)}th[data-pinned]{z-index:calc(var(--mantine-datatable-pinned-column-z-index, 2) + 1)}[data-pinned-shadow=left]:after{right:calc(var(--mantine-spacing-xs)*-1);border-left:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color);background:var(--mantine-datatable-shadow-background-left);opacity:var(--mantine-datatable-left-shadow-opacity)}[data-pinned-shadow=left]:after,[data-pinned-shadow=right]:after{content:"";position:absolute;top:0;bottom:0;width:var(--mantine-spacing-xs);transition:opacity .2s;pointer-events:none}[data-pinned-shadow=right]:after{left:calc(var(--mantine-spacing-xs)*-1);border-right:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color);background:var(--mantine-datatable-shadow-background-right);opacity:var(--mantine-datatable-right-shadow-opacity)}tr[data-selected] td[data-pinned]{background:inherit}tr[data-selected] td[data-pinned]:before{content:"";position:absolute;inset:0;background:var(--mantine-datatable-selection-color)}th[data-pinned-shadow]:after,tr[data-with-row-border]:not(:last-of-type) td[data-pinned-shadow]:after{top:calc(-.0625rem*var(--mantine-scale));bottom:calc(-.0625rem*var(--mantine-scale))}tfoot th[data-pinned-shadow]:after{top:calc(-.0625rem*var(--mantine-scale))}.mantine-datatable-empty-row,.mantine-datatable-table[data-highlight-on-hover] tbody .mantine-datatable-empty-row:hover{background:transparent}.mantine-datatable-empty-state{position:absolute;top:0;right:0;bottom:0;left:0;flex-direction:column;pointer-events:none;color:var(--mantine-color-gray-6)}[data-mantine-color-scheme=dark] .mantine-datatable-empty-state{color:var(--mantine-color-dark-3)}.mantine-datatable-empty-state{opacity:0;transition:opacity .2s;padding-top:var(--mantine-datatable-header-height,0);padding-bottom:var(--mantine-datatable-footer-height,0)}.mantine-datatable-empty-state[data-active]{opacity:1}.mantine-datatable-empty-state-icon{font-size:0;border-radius:50%;padding:var(--mantine-spacing-xs);background:var(--mantine-color-gray-2)}[data-mantine-color-scheme=dark] .mantine-datatable-empty-state-icon{background:var(--mantine-color-dark-5)}.mantine-datatable-empty-state-icon{margin-bottom:calc(var(--mantine-spacing-xs)/2)}.mantine-datatable-footer{z-index:calc(var(--mantine-datatable-pinned-column-z-index, 2) + 2);position:var(--mantine-datatable-footer-position);bottom:var(--mantine-datatable-footer-bottom)}.mantine-datatable-footer th{border-top:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color)}.mantine-datatable-footer-selector-placeholder-cell{position:sticky;width:0;left:0}[dir=rtl] .mantine-datatable-footer-selector-placeholder-cell{left:auto;right:0}.mantine-datatable-footer-selector-placeholder-cell:after{content:"";position:absolute;top:0;right:calc(var(--mantine-spacing-xs)*-1);bottom:0;border-left:1px solid var(--mantine-datatable-row-border-color);width:var(--mantine-spacing-xs);background:var(--mantine-datatable-shadow-background-left);pointer-events:none;opacity:0;transition:opacity .2s}[dir=rtl] .mantine-datatable-footer-selector-placeholder-cell:after{right:auto;left:calc(var(--mantine-spacing-xs)*-1);border-left:0;border-right:1px solid var(--mantine-datatable-row-border-color);background:var(--mantine-datatable-shadow-background-right)}.mantine-datatable-footer-selector-placeholder-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-left-shadow-opacity)}[dir=rtl] .mantine-datatable-footer-selector-placeholder-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-right-shadow-opacity)}.mantine-datatable-header{z-index:calc(var(--mantine-datatable-pinned-column-z-index, 2) + 2);position:sticky;top:0}.mantine-datatable-header th{border-bottom:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color)}.mantine-datatable-header-column-toggle-checkbox-label{user-select:none}.mantine-datatable-header-cell-sortable{cursor:pointer;transition:background .2s}}@layer mantine-datatable{}@layer mantine-datatable{}@layer mantine-datatable{}@layer mantine-datatable{}@layer mantine-datatable{}@layer mantine-datatable{}@layer mantine-datatable{.mantine-datatable-header-cell-sortable:hover:not(:has(button:hover)){background:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-sortable:hover:not(:has(button:hover)){background:var(--mantine-color-dark-6)}.mantine-datatable-header-cell-draggable{cursor:grab;border-radius:calc(.375rem*var(--mantine-scale));transition:all .2s}.mantine-datatable-header-cell-draggable:active{cursor:grabbing}.mantine-datatable-header-cell-draggable:hover:not(:has(button:hover)){background:var(--mantine-color-gray-2)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-draggable:hover:not(:has(button:hover)){background:var(--mantine-color-dark-6)}.mantine-datatable-header-cell-draggable-action-icon{cursor:inherit;margin:calc(-.125rem*var(--mantine-scale)) calc(.125rem*var(--mantine-scale)) 0}.mantine-datatable-header-cell-drag-over{background:var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-drag-over{background:var(--mantine-color-dark-6)}.mantine-datatable-header-cell-toggleable-icon{transition:opacity .2s;opacity:.1}.mantine-datatable-header-cell-toggleable:hover .mantine-datatable-header-cell-toggleable-icon{opacity:1}.mantine-datatable-header-cell-pinnable-icon{transition:opacity .2s;opacity:.1}.mantine-datatable-header-cell-pinnable:hover .mantine-datatable-header-cell-pinnable-icon{opacity:1}.mantine-datatable-pinnable-dropdown{padding:var(--mantine-spacing-xs)}.mantine-datatable-header-cell-resizable{position:relative}.mantine-datatable-header-resizable-handle{position:absolute;cursor:col-resize;top:0;bottom:0;right:-6px;width:12px;background:transparent;z-index:0;opacity:0;transition:opacity .2s}.mantine-datatable-header-resizable-handle:after{position:absolute;content:"";top:2px;bottom:2px;left:5px;width:2px;background:var(--mantine-color-gray-4)}[data-mantine-color-scheme=dark] .mantine-datatable-header-resizable-handle:after{background:var(--mantine-color-dark-4)}.mantine-datatable-header-resizable-handle:after{border-radius:1px;transition:background-color .2s}[dir=rtl] .mantine-datatable-header-resizable-handle:after{left:auto;right:5px}.mantine-datatable-header-resizable-handle:hover{opacity:1}.mantine-datatable-header-resizable-handle:hover:after{background:var(--mantine-primary-color-6)}.mantine-datatable-header-resizable-handle:active{opacity:1!important}.mantine-datatable-header-resizable-handle:active:after{background:var(--mantine-primary-color-7)}[dir=rtl] .mantine-datatable-header-resizable-handle{right:auto;left:-6px}.mantine-datatable-header-cell-toggleable.mantine-datatable-header-cell-resizable:hover .mantine-datatable-header-resizable-handle,tr:hover .mantine-datatable-header-resizable-handle{opacity:1}.mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active){background:var(--mantine-color-blue-0)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active){background:var(--mantine-color-dark-7)}.mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active){transition:background .1s}.mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active)+th{background:var(--mantine-color-blue-0)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active)+th{background:var(--mantine-color-dark-7)}.mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active)+th{transition:background .1s}.mantine-datatable-header-cell-sortable-group{gap:.25em}.mantine-datatable-header-cell-sortable-text{min-width:0;flex-grow:1}.mantine-datatable-header-cell-sortable-icon{transition:transform .2s}.mantine-datatable-header-cell-sortable-icon-reversed{transform:scaleY(-1)}.mantine-datatable-header-cell-sortable-unsorted-icon{color:var(--mantine-color-gray-5)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-sortable-unsorted-icon{color:var(--mantine-color-dark-3)}.mantine-datatable-header-cell-sortable-unsorted-icon{transition:color .2s}th:hover .mantine-datatable-header-cell-sortable-unsorted-icon{color:var(--mantine-color-gray-6)}[data-mantine-color-scheme=dark] th:hover .mantine-datatable-header-cell-sortable-unsorted-icon{color:var(--mantine-color-dark-2)}.mantine-datatable-header-cell-filter-action-icon{border:0;color:var(--mantine-color-gray-5)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-filter-action-icon{color:var(--mantine-color-dark-3)}.mantine-datatable-header-cell-filter-action-icon[data-active]{color:var(--mantine-color-text)}.mantine-datatable-header-selector-cell{position:sticky;z-index:1;width:44px;min-width:44px;max-width:44px;left:0;text-align:center;padding:var(--mantine-spacing-xs)}[dir=rtl] .mantine-datatable-header-selector-cell{left:auto;right:0}.mantine-datatable-header-selector-cell:after{content:"";position:absolute;top:0;right:calc(var(--mantine-spacing-xs)*-1);bottom:calc(-.0625rem*var(--mantine-scale));border-left:1px solid var(--mantine-datatable-row-border-color);width:var(--mantine-spacing-xs);background:var(--mantine-datatable-shadow-background-left);pointer-events:none;opacity:0;transition:opacity .2s}[dir=rtl] .mantine-datatable-header-selector-cell:after{right:auto;left:calc(var(--mantine-spacing-xs)*-1);border-left:0;border-right:1px solid var(--mantine-datatable-row-border-color);background:var(--mantine-datatable-shadow-background-right)}.mantine-datatable-header-selector-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-left-shadow-opacity)}[dir=rtl] .mantine-datatable-header-selector-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-right-shadow-opacity)}.mantine-datatable-column-group-header-cell--needs-border{border-inline-end:1px solid var(--mantine-datatable-row-border-color)}.mantine-datatable-loader{z-index:3;position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:color-mix(in srgb,var(--mantine-datatable-background-color),transparent 25%);opacity:0;transition:opacity .2s;padding-top:var(--mantine-datatable-header-height,0);padding-bottom:var(--mantine-datatable-footer-height,0)}.mantine-datatable-loader-fetching{pointer-events:all;opacity:1}.mantine-datatable-page-size-selector-button-icon{margin:0 calc(-.25rem*var(--mantine-scale)) 0 calc(.125rem*var(--mantine-scale))}[dir=rtl] .mantine-datatable-page-size-selector-button-icon{margin:0 calc(.125rem*var(--mantine-scale)) 0 calc(-.25rem*var(--mantine-scale))}.mantine-datatable-page-size-selector-menu-arrow{z-index:-1}.mantine-datatable-page-size-selector-active{--mantine-datatable-pagination-active-text-color:var(
26
+ --mantine-datatable-pagination-active-text-color-light,var(--mantine-color-white)
27
+ )}[data-mantine-color-scheme=dark] .mantine-datatable-page-size-selector-active{--mantine-datatable-pagination-active-text-color:var(
28
+ --mantine-datatable-pagination-active-text-color-dark,var(--mantine-color-white)
29
+ )}.mantine-datatable-page-size-selector-active{--mantine-datatable-pagination-active-background-color:var(
30
+ --mantine-datatable-pagination-active-background-color-light,var(--mantine-primary-color-filled)
31
+ )}[data-mantine-color-scheme=dark] .mantine-datatable-page-size-selector-active{--mantine-datatable-pagination-active-background-color:var(
32
+ --mantine-datatable-pagination-active-background-color-dark,var(--mantine-primary-color-filled)
33
+ )}.mantine-datatable-page-size-selector-active{opacity:1;color:var(--mantine-datatable-pagination-active-text-color);background:var(--mantine-datatable-pagination-active-background-color)}.mantine-datatable-pagination{background:inherit;border-top:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color);display:flex;align-items:center;justify-content:space-between;gap:var(--mantine-spacing-xs)}.mantine-datatable-pagination-text{flex:1 1 auto}.mantine-datatable-pagination-pages{--mantine-datatable-pagination-active-text-color:var(
34
+ --mantine-datatable-pagination-active-text-color-light,var(--mantine-color-white)
35
+ )}[data-mantine-color-scheme=dark] .mantine-datatable-pagination-pages{--mantine-datatable-pagination-active-text-color:var(
36
+ --mantine-datatable-pagination-active-text-color-dark,var(--mantine-color-white)
37
+ )}.mantine-datatable-pagination-pages{--mantine-datatable-pagination-active-background-color:var(
38
+ --mantine-datatable-pagination-active-background-color-light,var(--mantine-primary-color-filled)
39
+ )}[data-mantine-color-scheme=dark] .mantine-datatable-pagination-pages{--mantine-datatable-pagination-active-background-color:var(
40
+ --mantine-datatable-pagination-active-background-color-dark,var(--mantine-primary-color-filled)
41
+ )}.mantine-datatable-pagination-pages{opacity:1;transition:opacity .2s}.mantine-datatable-pagination-pages-fetching{opacity:0}.mantine-datatable-pagination-pages-control{color:var(--mantine-datatable-color);border-color:var(--mantine-datatable-border-color)}.mantine-datatable-pagination-pages-control[data-active]{color:var(--mantine-datatable-pagination-active-text-color);background:var(--mantine-datatable-pagination-active-background-color);border-color:transparent}.mantine-datatable-row{--mantine-datatable-row-color:var(
42
+ --mantine-datatable-row-color-light
43
+ )}[data-mantine-color-scheme=dark] .mantine-datatable-row{--mantine-datatable-row-color:var(
44
+ --mantine-datatable-row-color-dark
45
+ )}.mantine-datatable-row{--mantine-datatable-row-background-color:var(
46
+ --mantine-datatable-row-background-color-light
47
+ )}[data-mantine-color-scheme=dark] .mantine-datatable-row{--mantine-datatable-row-background-color:var(
48
+ --mantine-datatable-row-background-color-dark
49
+ )}.mantine-datatable-row{color:var(--mantine-datatable-row-color,inherit);background:var(--mantine-datatable-row-background-color,inherit)}.mantine-datatable .mantine-datatable-row[data-with-row-border]:not(:last-of-type) td{border-bottom:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color)}.mantine-datatable-row[data-selected] td{background:var(--mantine-datatable-selection-color)}.mantine-datatable-row-expansion-cell{padding:0}tr:not(:last-of-type) .mantine-datatable-row-expansion-cell-content{border-bottom:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color)}tr:last-of-type .mantine-datatable-row-expansion-cell-content{border-bottom:0}.mantine-datatable-row-expansion-cell-content{border-top:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color)}[data-with-row-border] .mantine-datatable-row-expansion-cell-content{border-top:0}.mantine-datatable-row-selector-cell{position:sticky;z-index:1;width:44px;min-width:44px;max-width:44px;left:0;text-align:center;padding:var(--mantine-spacing-xs)}[dir=rtl] .mantine-datatable-row-selector-cell{left:auto;right:0}tr[data-selected] .mantine-datatable-row-selector-cell{background:inherit}tr[data-selected] .mantine-datatable-row-selector-cell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mantine-datatable-selection-color)}.mantine-datatable-row-selector-cell:after{content:"";position:absolute;top:0;right:calc(var(--mantine-spacing-xs)*-1);bottom:0;border-left:1px solid var(--mantine-datatable-row-border-color);width:var(--mantine-spacing-xs);background:var(--mantine-datatable-shadow-background-left);pointer-events:none;opacity:0;transition:opacity .2s}[dir=rtl] .mantine-datatable-row-selector-cell:after{right:auto;left:calc(var(--mantine-spacing-xs)*-1);border-left:0;border-right:1px solid var(--mantine-datatable-row-border-color);background:var(--mantine-datatable-shadow-background-right)}tr[data-with-row-border] .mantine-datatable-row-selector-cell:after{top:calc(-.0625rem*var(--mantine-scale));bottom:calc(-.0625rem*var(--mantine-scale))}tr:last-of-type .mantine-datatable-row-selector-cell:after{bottom:0}.mantine-datatable-row-selector-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-left-shadow-opacity)}[dir=rtl] .mantine-datatable-row-selector-cell[data-shadow-visible]:after{opacity:var(--mantine-datatable-right-shadow-opacity)}.mantine-datatable-row-selector-cell-checkbox{cursor:pointer}.mantine-datatable-scroll-area{flex:1 1 100%}.mantine-datatable-scroll-area-corner{background:transparent}.mantine-datatable-scroll-area-scrollbar,.mantine-datatable-scroll-area-thumb{z-index:5}.mantine-datatable-scroll-area-scrollbar[data-state=visible]{background:transparent}.mantine-datatable-scroll-area-scrollbar div:before{pointer-events:none}.mantine-datatable-scroll-area-shadow{position:absolute;pointer-events:none;transition:opacity .2s}.mantine-datatable-scroll-area-top-shadow{z-index:5;left:0;right:0;height:calc(var(--mantine-spacing-xs)/2);background:var(--mantine-datatable-shadow-background-top);top:var(--mantine-datatable-header-height);opacity:var(--mantine-datatable-top-shadow-opacity)}.mantine-datatable-scroll-area-left-shadow{z-index:5;top:0;left:0;bottom:0;width:var(--mantine-spacing-xs);background:var(--mantine-datatable-shadow-background-left);opacity:var(--mantine-datatable-left-shadow-opacity)}[dir=rtl] .mantine-datatable-scroll-area-left-shadow{left:auto}.mantine-datatable-scroll-area-right-shadow,[dir=rtl] .mantine-datatable-scroll-area-left-shadow{right:0;background:var(--mantine-datatable-shadow-background-right);opacity:var(--mantine-datatable-right-shadow-opacity)}.mantine-datatable-scroll-area-right-shadow{z-index:5;top:0;bottom:0;width:calc(var(--mantine-spacing-xs)/2)}[dir=rtl] .mantine-datatable-scroll-area-right-shadow{right:auto;left:0;background:var(--mantine-datatable-shadow-background-left);opacity:var(--mantine-datatable-left-shadow-opacity)}.mantine-datatable-scroll-area-shadow-behind{z-index:0}.mantine-datatable-scroll-area-bottom-shadow{z-index:5;left:0;right:0;height:calc(var(--mantine-spacing-xs)/2);background:var(--mantine-datatable-shadow-background-bottom);bottom:var(--mantine-datatable-footer-height);opacity:var(--mantine-datatable-bottom-shadow-opacity)}}@layer mantine-datatable{}@layer mantine-datatable{}@layer mantine-datatable{}@layer mantine-datatable{}@layer mantine-datatable{}@layer mantine-datatable{}@layer mantine-datatable{}@layer mantine-datatable{}@layer mantine-datatable{}@layer mantine-datatable{}
package/package.json ADDED
@@ -0,0 +1,113 @@
1
+ {
2
+ "name": "@neeyo/mantine-datatable",
3
+ "version": "0.1.0",
4
+ "description": "The lightweight, dependency-free, dark-theme aware table component for your Mantine UI data-rich applications, featuring asynchronous data loading support, pagination, intuitive Gmail-style additive batch rows selection, column sorting, custom cell data rendering, row expansion, nesting, and much more",
5
+ "keywords": [
6
+ "mantine",
7
+ "data",
8
+ "table",
9
+ "grid",
10
+ "datatable",
11
+ "datagrid",
12
+ "data table",
13
+ "data grid",
14
+ "async",
15
+ "nested",
16
+ "sorting",
17
+ "pagination",
18
+ "react",
19
+ "component",
20
+ "react server components",
21
+ "typescript",
22
+ "ui",
23
+ "user interface",
24
+ "ux",
25
+ "user experience"
26
+ ],
27
+ "repository": {
28
+ "type": "git",
29
+ "url": "git+https://github.com/documatrix/mantine-datatable.git"
30
+ },
31
+ "homepage": "https://documatrix.github.io/mantine-datatable/",
32
+ "bugs": {
33
+ "url": "https://github.com/documatrix/mantine-datatable/issues"
34
+ },
35
+ "license": "MIT",
36
+ "files": [
37
+ "./dist",
38
+ "./README.md",
39
+ "./LICENSE"
40
+ ],
41
+ "main": "./dist/index.js",
42
+ "module": "./dist/index.mjs",
43
+ "types": "./dist/index.d.ts",
44
+ "exports": {
45
+ ".": {
46
+ "import": {
47
+ "types": "./dist/index.d.ts",
48
+ "default": "./dist/index.mjs"
49
+ },
50
+ "require": {
51
+ "types": "./dist/index.d.ts",
52
+ "default": "./dist/index.js"
53
+ }
54
+ },
55
+ "./styles.css": "./dist/styles.css",
56
+ "./styles.layer.css": "./dist/styles.layer.css"
57
+ },
58
+ "scripts": {
59
+ "dev": "next dev",
60
+ "build:package": "rm -rf dist; tsup --config scripts/tsup.esm.ts; tsup --config scripts/tsup.cjs.ts; tsup --config scripts/tsup.dts.ts; postcss package/styles*.css --dir dist",
61
+ "build:docs": "next build",
62
+ "build": "bun run build:package && bun run build:docs",
63
+ "lint": "next typegen && biome check . && tsc --noEmit --pretty",
64
+ "format": "biome format --write ."
65
+ },
66
+ "devDependencies": {
67
+ "@biomejs/biome": "2.5.6",
68
+ "@faker-js/faker": "10.5.0",
69
+ "@formkit/auto-animate": "0.10.0",
70
+ "@hello-pangea/dnd": "18.0.1",
71
+ "@mantine/code-highlight": "9.5.0",
72
+ "@mantine/core": "^9.5.0",
73
+ "@mantine/dates": "9.5.0",
74
+ "@mantine/hooks": "^9.5.0",
75
+ "@mantine/modals": "9.5.0",
76
+ "@mantine/notifications": "9.5.0",
77
+ "@tabler/icons-react": "3.45.0",
78
+ "@tanstack/react-query": "5.101.4",
79
+ "@types/lodash": "4.17.24",
80
+ "@types/node": "26.1.2",
81
+ "@types/react": "19.2.17",
82
+ "@types/react-dom": "19.2.3",
83
+ "clsx": "2.1.1",
84
+ "cssnano": "8.0.2",
85
+ "dayjs": "1.11.21",
86
+ "lodash": "4.18.1",
87
+ "next": "16.2.12",
88
+ "postcss": "8.5.24",
89
+ "postcss-cli": "11.0.1",
90
+ "postcss-import": "16.1.1",
91
+ "postcss-preset-mantine": "1.18.0",
92
+ "postcss-simple-vars": "7.0.1",
93
+ "react": "^19.2.8",
94
+ "react-dom": "^19.2.8",
95
+ "sharp": "0.35.3",
96
+ "shiki": "4.3.1",
97
+ "swr": "2.4.2",
98
+ "tsup": "8.5.1",
99
+ "typescript": "6.0.3"
100
+ },
101
+ "trustedDependencies": [
102
+ "esbuild",
103
+ "sharp",
104
+ "unrs-resolver"
105
+ ],
106
+ "peerDependencies": {
107
+ "@mantine/core": ">=9.0",
108
+ "@mantine/hooks": ">=9.0",
109
+ "clsx": ">=2",
110
+ "react": ">=19",
111
+ "react-dom": ">=19"
112
+ }
113
+ }