@tmlmobilidade/ui 20250401.2120.31 → 20250401.2248.45
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.
- package/dist/index.css.map +1 -1
- package/dist/src/components/datatable/DataTableContent/index.js +3 -5
- package/dist/src/components/datatable/DataTableContent/index.js.map +1 -1
- package/dist/src/components/datatable/DataTableHeader/index.js +6 -7
- package/dist/src/components/datatable/DataTableHeader/index.js.map +1 -1
- package/dist/src/components/datatable/DataTableHeader/styles.module.css.js +1 -1
- package/dist/styles-no-reset.css +7 -74
- package/dist/styles.css +7 -74
- package/package.json +1 -1
- package/dist/src/components/datatable/DataTableContent/styles.module.css.js +0 -4
- package/dist/src/components/datatable/DataTableContent/styles.module.css.js.map +0 -1
- package/dist/src/components/datatable/DataTableTitle/index.js +0 -27
- package/dist/src/components/datatable/DataTableTitle/index.js.map +0 -1
- package/dist/src/components/datatable/DataTableTitle/styles.module.css.js +0 -4
- package/dist/src/components/datatable/DataTableTitle/styles.module.css.js.map +0 -1
@@ -3,20 +3,18 @@ import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
|
|
3
3
|
import { useDataTableContext } from '../DataTableContext/index.js';
|
4
4
|
import { DataTableHeader } from '../DataTableHeader/index.js';
|
5
5
|
import { DataTableRow } from '../DataTableRow/index.js';
|
6
|
-
import {
|
7
|
-
import { cn, getValueAtPath } from '../../../lib/utils.js';
|
6
|
+
import { getValueAtPath } from '../../../lib/utils.js';
|
8
7
|
import { ViewportList } from 'react-viewport-list';
|
9
|
-
import styles from './styles.module.css.js';
|
10
8
|
|
11
9
|
/* * */
|
12
|
-
function DataTableContent({
|
10
|
+
function DataTableContent({ columns, onRowClick, onRowContextMenu, onRowDoubleClick, rowIdAccessor }) {
|
13
11
|
//
|
14
12
|
//
|
15
13
|
// A. Setup Variables
|
16
14
|
const dataTableContext = useDataTableContext();
|
17
15
|
//
|
18
16
|
// B. Render Components
|
19
|
-
return (jsxRuntimeExports.jsxs(
|
17
|
+
return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(DataTableHeader, { columns: columns }), jsxRuntimeExports.jsx(ViewportList, { itemMargin: 0, items: dataTableContext.data.records, children: (record, rowIndex) => (jsxRuntimeExports.jsx(DataTableRow, { columns: columns, onRowClick: onRowClick, onRowContextMenu: onRowContextMenu, onRowDoubleClick: onRowDoubleClick, record: record }, rowIdAccessor ? getValueAtPath(record, rowIdAccessor) : rowIndex)) })] }));
|
20
18
|
//
|
21
19
|
}
|
22
20
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/datatable/DataTableContent/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/datatable/DataTableContent/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
|
@@ -2,7 +2,6 @@
|
|
2
2
|
import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
|
3
3
|
import ActionIcon from '../../common/ActionIcon/index.js';
|
4
4
|
import { useDataTableContext } from '../DataTableContext/index.js';
|
5
|
-
import { cn } from '../../../lib/utils.js';
|
6
5
|
import { IconArrowUpRhombus, IconArrowDownRhombus, IconArrowsUpDown } from '@tabler/icons-react';
|
7
6
|
import styles from './styles.module.css.js';
|
8
7
|
|
@@ -19,12 +18,12 @@ function DataTableHeader({ columns }) {
|
|
19
18
|
return null;
|
20
19
|
return (jsxRuntimeExports.jsx(ActionIcon, { variant: "muted", children: dataTableContext.filters.sort_state?.accessor === column.accessor ? (dataTableContext.filters.sort_state.order === 'asc' ? (jsxRuntimeExports.jsx(IconArrowUpRhombus, { size: 18 })) : dataTableContext.filters.sort_state.order === 'desc' ? (jsxRuntimeExports.jsx(IconArrowDownRhombus, { size: 18 })) : (jsxRuntimeExports.jsx(IconArrowsUpDown, { size: 18 }))) : (jsxRuntimeExports.jsx(IconArrowsUpDown, { size: 18 })) }));
|
21
20
|
};
|
22
|
-
return (jsxRuntimeExports.jsx("div", { className:
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
21
|
+
return (jsxRuntimeExports.jsx("div", { className: styles.header, children: columns.map((column, idx) => (jsxRuntimeExports.jsx("div", { className: styles.cell, style: {
|
22
|
+
maxWidth: column.width,
|
23
|
+
minWidth: column.width ?? 'max-content',
|
24
|
+
// width: dataTableContext.data.column_widths?.[column.accessor as string] ?? column.width,
|
25
|
+
}, children: jsxRuntimeExports.jsxs("div", { className: styles.cellContent, onClick: () => column.sortable
|
26
|
+
&& dataTableContext.actions.handleSort(column.sortKey ?? String(column.accessor)), children: [column.title, column.sortable && renderSortIcon(column)] }) }, idx))) }));
|
28
27
|
//
|
29
28
|
}
|
30
29
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/datatable/DataTableHeader/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/datatable/DataTableHeader/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var styles = {"header":"styles-module_header__6dpaJ","cell":"styles-module_cell__mfzlU","cellContent":"styles-module_cellContent__NO9HT"
|
1
|
+
var styles = {"header":"styles-module_header__6dpaJ","cell":"styles-module_cell__mfzlU","cellContent":"styles-module_cellContent__NO9HT"};
|
2
2
|
|
3
3
|
export { styles as default };
|
4
4
|
//# sourceMappingURL=styles.module.css.js.map
|
package/dist/styles-no-reset.css
CHANGED
@@ -9309,6 +9309,7 @@ breakpoint-mobile {
|
|
9309
9309
|
.styles-module_label__eX438 {
|
9310
9310
|
padding: 0;
|
9311
9311
|
margin: 0;
|
9312
|
+
line-height: 1.2;
|
9312
9313
|
}
|
9313
9314
|
|
9314
9315
|
/* * */
|
@@ -9570,10 +9571,13 @@ breakpoint-mobile {
|
|
9570
9571
|
}
|
9571
9572
|
|
9572
9573
|
.styles-module_header__6dpaJ {
|
9573
|
-
|
9574
|
-
|
9574
|
+
position: sticky;
|
9575
|
+
top: 0;
|
9576
|
+
z-index: 1;
|
9577
|
+
display: flex;
|
9578
|
+
flex-direction: row;
|
9575
9579
|
background-color: var(--color-system-background-100);
|
9576
|
-
|
9580
|
+
border-bottom: 1px solid var(--color-system-border-100);
|
9577
9581
|
}
|
9578
9582
|
|
9579
9583
|
.styles-module_cell__mfzlU {
|
@@ -9592,12 +9596,6 @@ breakpoint-mobile {
|
|
9592
9596
|
justify-content: space-between;
|
9593
9597
|
}
|
9594
9598
|
|
9595
|
-
.styles-module_row__0kxC4 {
|
9596
|
-
display: flex;
|
9597
|
-
flex-direction: row;
|
9598
|
-
border-bottom: 1px solid var(--color-system-border-100);
|
9599
|
-
}
|
9600
|
-
|
9601
9599
|
|
9602
9600
|
/* * */
|
9603
9601
|
/* ROW */
|
@@ -9638,71 +9636,6 @@ breakpoint-mobile {
|
|
9638
9636
|
min-width: max-content;
|
9639
9637
|
}
|
9640
9638
|
}
|
9641
|
-
.styles-module_root__2WSxN {
|
9642
|
-
position: sticky;
|
9643
|
-
top: 0;
|
9644
|
-
display: flex;
|
9645
|
-
align-items: center;
|
9646
|
-
justify-content: space-between;
|
9647
|
-
gap: var(--size-spacing-sm);
|
9648
|
-
padding: var(--size-spacing-sm);
|
9649
|
-
background-color: var(--color-system-background-100);
|
9650
|
-
border-bottom: 1px solid var(--color-system-border-100);
|
9651
|
-
}
|
9652
|
-
|
9653
|
-
.styles-module_title__qCJZG {
|
9654
|
-
color: var(--color-system-text-100);
|
9655
|
-
text-transform: uppercase;
|
9656
|
-
font-size: var(--font-size-lg);
|
9657
|
-
font-weight: var(--font-weight-bold);
|
9658
|
-
line-height: var(--font-line-height-lg);
|
9659
|
-
}
|
9660
|
-
|
9661
|
-
.styles-module_item__yl--3 {
|
9662
|
-
cursor: pointer;
|
9663
|
-
font-size: var(--font-size-xs);
|
9664
|
-
font-weight: var(--font-weight-semibold);
|
9665
|
-
line-height: var(--font-line-height-xs);
|
9666
|
-
text-transform: uppercase;
|
9667
|
-
user-select: none;
|
9668
|
-
|
9669
|
-
border: 2px solid var(--color-system-border-100);
|
9670
|
-
border-radius: var(--border-radius-xl);
|
9671
|
-
|
9672
|
-
padding: 2px 10px;
|
9673
|
-
|
9674
|
-
&[aria-active="true"] {
|
9675
|
-
background-color: var(--color-primary);
|
9676
|
-
border-color: var(--color-secondary);
|
9677
|
-
color: var(--color-contrast);
|
9678
|
-
}
|
9679
|
-
}
|
9680
|
-
|
9681
|
-
.styles-module_itemsWrapper__8xwKJ {
|
9682
|
-
flex-grow: 1;
|
9683
|
-
display: flex;
|
9684
|
-
flex-wrap: wrap;
|
9685
|
-
gap: var(--size-spacing-sm);
|
9686
|
-
}
|
9687
|
-
.styles-module_root__NOzb5 {
|
9688
|
-
max-width: 100%;
|
9689
|
-
}
|
9690
|
-
|
9691
|
-
.styles-module_tableWrapper__Nx0TN {
|
9692
|
-
max-width: 100%;
|
9693
|
-
overflow-x: auto;
|
9694
|
-
color: var(--color-system-text-100);
|
9695
|
-
}
|
9696
|
-
|
9697
|
-
.styles-module_table__BBMu- {
|
9698
|
-
width: 100%;
|
9699
|
-
border-collapse: collapse;
|
9700
|
-
}
|
9701
|
-
|
9702
|
-
.styles-module_tableBody__1wx5f {
|
9703
|
-
overflow-y: auto;
|
9704
|
-
}
|
9705
|
-
|
9706
9639
|
/* * */
|
9707
9640
|
/* CONTAINER */
|
9708
9641
|
|
package/dist/styles.css
CHANGED
@@ -9364,6 +9364,7 @@ breakpoint-mobile {
|
|
9364
9364
|
.styles-module_label__eX438 {
|
9365
9365
|
padding: 0;
|
9366
9366
|
margin: 0;
|
9367
|
+
line-height: 1.2;
|
9367
9368
|
}
|
9368
9369
|
|
9369
9370
|
/* * */
|
@@ -9625,10 +9626,13 @@ breakpoint-mobile {
|
|
9625
9626
|
}
|
9626
9627
|
|
9627
9628
|
.styles-module_header__6dpaJ {
|
9628
|
-
|
9629
|
-
|
9629
|
+
position: sticky;
|
9630
|
+
top: 0;
|
9631
|
+
z-index: 1;
|
9632
|
+
display: flex;
|
9633
|
+
flex-direction: row;
|
9630
9634
|
background-color: var(--color-system-background-100);
|
9631
|
-
|
9635
|
+
border-bottom: 1px solid var(--color-system-border-100);
|
9632
9636
|
}
|
9633
9637
|
|
9634
9638
|
.styles-module_cell__mfzlU {
|
@@ -9647,12 +9651,6 @@ breakpoint-mobile {
|
|
9647
9651
|
justify-content: space-between;
|
9648
9652
|
}
|
9649
9653
|
|
9650
|
-
.styles-module_row__0kxC4 {
|
9651
|
-
display: flex;
|
9652
|
-
flex-direction: row;
|
9653
|
-
border-bottom: 1px solid var(--color-system-border-100);
|
9654
|
-
}
|
9655
|
-
|
9656
9654
|
|
9657
9655
|
/* * */
|
9658
9656
|
/* ROW */
|
@@ -9693,71 +9691,6 @@ breakpoint-mobile {
|
|
9693
9691
|
min-width: max-content;
|
9694
9692
|
}
|
9695
9693
|
}
|
9696
|
-
.styles-module_root__2WSxN {
|
9697
|
-
position: sticky;
|
9698
|
-
top: 0;
|
9699
|
-
display: flex;
|
9700
|
-
align-items: center;
|
9701
|
-
justify-content: space-between;
|
9702
|
-
gap: var(--size-spacing-sm);
|
9703
|
-
padding: var(--size-spacing-sm);
|
9704
|
-
background-color: var(--color-system-background-100);
|
9705
|
-
border-bottom: 1px solid var(--color-system-border-100);
|
9706
|
-
}
|
9707
|
-
|
9708
|
-
.styles-module_title__qCJZG {
|
9709
|
-
color: var(--color-system-text-100);
|
9710
|
-
text-transform: uppercase;
|
9711
|
-
font-size: var(--font-size-lg);
|
9712
|
-
font-weight: var(--font-weight-bold);
|
9713
|
-
line-height: var(--font-line-height-lg);
|
9714
|
-
}
|
9715
|
-
|
9716
|
-
.styles-module_item__yl--3 {
|
9717
|
-
cursor: pointer;
|
9718
|
-
font-size: var(--font-size-xs);
|
9719
|
-
font-weight: var(--font-weight-semibold);
|
9720
|
-
line-height: var(--font-line-height-xs);
|
9721
|
-
text-transform: uppercase;
|
9722
|
-
user-select: none;
|
9723
|
-
|
9724
|
-
border: 2px solid var(--color-system-border-100);
|
9725
|
-
border-radius: var(--border-radius-xl);
|
9726
|
-
|
9727
|
-
padding: 2px 10px;
|
9728
|
-
|
9729
|
-
&[aria-active="true"] {
|
9730
|
-
background-color: var(--color-primary);
|
9731
|
-
border-color: var(--color-secondary);
|
9732
|
-
color: var(--color-contrast);
|
9733
|
-
}
|
9734
|
-
}
|
9735
|
-
|
9736
|
-
.styles-module_itemsWrapper__8xwKJ {
|
9737
|
-
flex-grow: 1;
|
9738
|
-
display: flex;
|
9739
|
-
flex-wrap: wrap;
|
9740
|
-
gap: var(--size-spacing-sm);
|
9741
|
-
}
|
9742
|
-
.styles-module_root__NOzb5 {
|
9743
|
-
max-width: 100%;
|
9744
|
-
}
|
9745
|
-
|
9746
|
-
.styles-module_tableWrapper__Nx0TN {
|
9747
|
-
max-width: 100%;
|
9748
|
-
overflow-x: auto;
|
9749
|
-
color: var(--color-system-text-100);
|
9750
|
-
}
|
9751
|
-
|
9752
|
-
.styles-module_table__BBMu- {
|
9753
|
-
width: 100%;
|
9754
|
-
border-collapse: collapse;
|
9755
|
-
}
|
9756
|
-
|
9757
|
-
.styles-module_tableBody__1wx5f {
|
9758
|
-
overflow-y: auto;
|
9759
|
-
}
|
9760
|
-
|
9761
9694
|
/* * */
|
9762
9695
|
/* CONTAINER */
|
9763
9696
|
|
package/package.json
CHANGED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"styles.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
@@ -1,27 +0,0 @@
|
|
1
|
-
'use client';
|
2
|
-
import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
|
3
|
-
import Component from '../../common/TextInput/index.js';
|
4
|
-
import { useDataTableContext } from '../DataTableContext/index.js';
|
5
|
-
import styles from './styles.module.css.js';
|
6
|
-
|
7
|
-
/* * */
|
8
|
-
function DataTableTitle({ search, title }) {
|
9
|
-
//
|
10
|
-
//
|
11
|
-
// A. Setup variables
|
12
|
-
if (!title && !search)
|
13
|
-
return null;
|
14
|
-
const dataTableContext = useDataTableContext();
|
15
|
-
//
|
16
|
-
// B. Handle actions
|
17
|
-
const handleSearchChange = (event) => {
|
18
|
-
dataTableContext.actions.updateFilterBySearchQuery(event.target.value);
|
19
|
-
};
|
20
|
-
//
|
21
|
-
// C. Render components
|
22
|
-
return (jsxRuntimeExports.jsxs("div", { className: styles.root, children: [jsxRuntimeExports.jsx("div", { className: styles.title, children: title && title }), search && !search.hidden && (jsxRuntimeExports.jsx("div", { className: styles.filters, children: jsxRuntimeExports.jsx(Component, { onChange: handleSearchChange, placeholder: search.placeholder, value: dataTableContext.filters.search_query }) }))] }));
|
23
|
-
//
|
24
|
-
}
|
25
|
-
|
26
|
-
export { DataTableTitle };
|
27
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/datatable/DataTableTitle/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","TextInput"],"mappings":"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"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"styles.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|