@alaarab/ogrid-react-material 2.1.2 → 2.1.4

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 (24) hide show
  1. package/dist/esm/index.css +118 -0
  2. package/dist/esm/index.js +1577 -11
  3. package/dist/types/DataGridTable/DataGridTable.d.ts +1 -0
  4. package/dist/types/OGrid/OGrid.d.ts +1 -3
  5. package/dist/types/index.d.ts +40 -1
  6. package/package.json +4 -4
  7. package/dist/esm/ColumnChooser/ColumnChooser.js +0 -53
  8. package/dist/esm/ColumnHeaderFilter/ColumnHeaderFilter.js +0 -34
  9. package/dist/esm/ColumnHeaderFilter/MultiSelectFilterPopover.js +0 -17
  10. package/dist/esm/ColumnHeaderFilter/PeopleFilterPopover.js +0 -17
  11. package/dist/esm/ColumnHeaderFilter/TextFilterPopover.js +0 -15
  12. package/dist/esm/ColumnHeaderFilter/index.js +0 -1
  13. package/dist/esm/ColumnHeaderMenu/ColumnHeaderMenu.js +0 -61
  14. package/dist/esm/ColumnHeaderMenu/index.js +0 -1
  15. package/dist/esm/DataGridTable/DataGridTable.js +0 -412
  16. package/dist/esm/DataGridTable/DropIndicator.js +0 -15
  17. package/dist/esm/DataGridTable/EmptyState.js +0 -6
  18. package/dist/esm/DataGridTable/GridContextMenu.js +0 -25
  19. package/dist/esm/DataGridTable/InlineCellEditor.js +0 -6
  20. package/dist/esm/DataGridTable/LoadingOverlay.js +0 -14
  21. package/dist/esm/DataGridTable/StatusBar.js +0 -13
  22. package/dist/esm/OGrid/OGrid.js +0 -28
  23. package/dist/esm/OGrid/index.js +0 -1
  24. package/dist/esm/PaginationControls/PaginationControls.js +0 -35
package/dist/esm/index.css ADDED
@@ -0,0 +1,118 @@
1
+ /* src/DataGridTable/DataGridTable.css */
2
+ .ogrid-mat-row:hover > td {
3
+ background-color: var(--ogrid-hover-bg);
4
+ }
5
+ .ogrid-mat-row--selected > td {
6
+ background-color: var(--ogrid-selection-bg, rgba(25, 118, 210, 0.08));
7
+ }
8
+ .ogrid-mat-td {
9
+ position: relative;
10
+ padding: 0;
11
+ height: 1px;
12
+ border-bottom: 1px solid var(--ogrid-border, rgba(224, 224, 224, 1));
13
+ }
14
+ .ogrid-mat-td--pinned-left {
15
+ position: sticky;
16
+ left: 0;
17
+ z-index: 6;
18
+ background-color: var(--ogrid-paper-bg, #fff);
19
+ will-change: transform;
20
+ border-right: 1px solid var(--ogrid-border, rgba(224, 224, 224, 1));
21
+ box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.1);
22
+ }
23
+ .ogrid-mat-td--pinned-right {
24
+ position: sticky;
25
+ right: 0;
26
+ z-index: 6;
27
+ background-color: var(--ogrid-paper-bg, #fff);
28
+ will-change: transform;
29
+ border-left: 1px solid var(--ogrid-border, rgba(224, 224, 224, 1));
30
+ box-shadow: -2px 0 4px -1px rgba(0, 0, 0, 0.1);
31
+ }
32
+ .ogrid-mat-cell {
33
+ width: 100%;
34
+ height: 100%;
35
+ display: flex;
36
+ align-items: center;
37
+ min-width: 0;
38
+ box-sizing: border-box;
39
+ overflow: hidden;
40
+ text-overflow: ellipsis;
41
+ white-space: nowrap;
42
+ user-select: none;
43
+ outline: none;
44
+ }
45
+ .ogrid-mat-cell:focus-visible {
46
+ outline: 2px solid var(--ogrid-primary, #1976d2);
47
+ outline-offset: -2px;
48
+ z-index: 3;
49
+ }
50
+ .ogrid-mat-cell--numeric {
51
+ justify-content: flex-end;
52
+ text-align: right;
53
+ }
54
+ .ogrid-mat-cell--boolean {
55
+ justify-content: center;
56
+ text-align: center;
57
+ }
58
+ .ogrid-mat-cell--editable {
59
+ cursor: cell;
60
+ }
61
+ .ogrid-mat-cell--active {
62
+ outline: 2px solid var(--ogrid-selection, #217346);
63
+ outline-offset: -1px;
64
+ z-index: 2;
65
+ position: relative;
66
+ overflow: visible;
67
+ background-color: var(--ogrid-hover-bg);
68
+ }
69
+ .ogrid-mat-cell--active:focus-visible {
70
+ outline: 2px solid var(--ogrid-selection, #217346);
71
+ outline-offset: -1px;
72
+ }
73
+ .ogrid-mat-cell--range {
74
+ background-color: var(--ogrid-bg-range, rgba(33, 115, 70, 0.12));
75
+ }
76
+ .ogrid-mat-cell--range:focus-visible {
77
+ outline: none;
78
+ }
79
+ .ogrid-mat-cell--cut {
80
+ background-color: var(--ogrid-hover-bg);
81
+ opacity: 0.7;
82
+ }
83
+ .ogrid-mat-fill-handle {
84
+ position: absolute;
85
+ right: -3px;
86
+ bottom: -3px;
87
+ width: 7px;
88
+ height: 7px;
89
+ background-color: var(--ogrid-selection, #217346);
90
+ border: 1px solid var(--ogrid-bg, #fff);
91
+ border-radius: 1px;
92
+ cursor: crosshair;
93
+ pointer-events: auto;
94
+ z-index: 3;
95
+ }
96
+ .ogrid-mat-checkbox-wrapper {
97
+ display: flex;
98
+ align-items: center;
99
+ justify-content: center;
100
+ }
101
+ .ogrid-mat-row-number {
102
+ text-align: center;
103
+ font-weight: 600;
104
+ font-variant-numeric: tabular-nums;
105
+ color: var(--ogrid-fg-secondary);
106
+ background-color: var(--ogrid-hover-bg);
107
+ position: sticky;
108
+ z-index: 3;
109
+ }
110
+ .ogrid-mat-tbody tr:last-child > td {
111
+ border-bottom: none;
112
+ }
113
+ .ogrid-mat-wrapper [data-drag-range] {
114
+ background-color: rgba(33, 115, 70, 0.12) !important;
115
+ }
116
+ .ogrid-mat-wrapper [data-drag-anchor] {
117
+ background-color: var(--ogrid-paper-bg, #fff) !important;
118
+ }