@opencorestack/opengridx 0.1.6 → 0.1.8
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/CHANGELOG.md +30 -1
- package/README.md +9 -0
- package/dist/index.d.ts +12 -1
- package/dist/opengridx.css +1 -1
- package/dist/opengridx.es.js +2505 -2450
- package/dist/opengridx.es.js.map +1 -1
- package/dist/opengridx.umd.js +12 -12
- package/dist/opengridx.umd.js.map +1 -1
- package/docs/API_REFERENCE.md +177 -0
- package/docs/README.md +60 -0
- package/docs/components/cell.md +44 -0
- package/docs/components/column-group-header.md +57 -0
- package/docs/components/column-resize.md +63 -0
- package/docs/components/column-visibility.md +61 -0
- package/docs/components/datagrid.md +70 -0
- package/docs/components/filter-panel.md +26 -0
- package/docs/components/header.md +39 -0
- package/docs/components/pagination.md +34 -0
- package/docs/components/row.md +31 -0
- package/docs/components/toolbar.md +40 -0
- package/docs/components/tooltip.md +68 -0
- package/docs/customization/slots-api.md +227 -0
- package/docs/customization/theming.md +293 -0
- package/docs/features/aggregation-pivot.md +79 -0
- package/docs/features/cell-spanning.md +520 -0
- package/docs/features/clipboard.md +76 -0
- package/docs/features/custom-pagination.md +143 -0
- package/docs/features/data-source.md +72 -0
- package/docs/features/editing-reordering.md +99 -0
- package/docs/features/export-guide.md +434 -0
- package/docs/features/filtering.md +83 -0
- package/docs/features/infinite-scroll.md +87 -0
- package/docs/features/list-view.md +65 -0
- package/docs/features/loading-states.md +68 -0
- package/docs/features/master-detail.md +46 -0
- package/docs/features/pinning.md +67 -0
- package/docs/features/selection.md +70 -0
- package/docs/features/sorting-pagination.md +66 -0
- package/docs/features/state-persistence.md +67 -0
- package/docs/features/tree-data-grouping.md +67 -0
- package/docs/features/virtualization.md +188 -0
- package/docs/roadmap.md +71 -0
- package/lib/components/Cell/Cell.css +119 -0
- package/lib/components/Cell/Cell.tsx +264 -0
- package/lib/components/Cell/GridEditInputCell.css +62 -0
- package/lib/components/Cell/GridEditInputCell.tsx +152 -0
- package/lib/components/ColumnGroupHeader/ColumnGroupHeader.css +67 -0
- package/lib/components/ColumnGroupHeader/ColumnGroupHeader.tsx +220 -0
- package/lib/components/ColumnResizeHandle/ColumnResizeHandle.css +31 -0
- package/lib/components/ColumnResizeHandle/ColumnResizeHandle.tsx +85 -0
- package/lib/components/ColumnVisibilityPanel/ColumnVisibilityPanel.css +137 -0
- package/lib/components/ColumnVisibilityPanel/ColumnVisibilityPanel.tsx +190 -0
- package/lib/components/DataGrid/DataGrid.css +224 -0
- package/lib/components/DataGrid/DataGrid.tsx +2269 -0
- package/lib/components/DetailPanel/DetailPanel.css +36 -0
- package/lib/components/DetailPanel/DetailPanel.tsx +34 -0
- package/lib/components/FilterPanel/FilterPanel.css +196 -0
- package/lib/components/FilterPanel/FilterPanel.tsx +214 -0
- package/lib/components/FilterPanel/index.ts +1 -0
- package/lib/components/Header/ColumnMenu.css +68 -0
- package/lib/components/Header/ColumnMenu.tsx +249 -0
- package/lib/components/Header/Header.css +224 -0
- package/lib/components/Header/Header.tsx +516 -0
- package/lib/components/ListView/ListView.css +112 -0
- package/lib/components/ListView/ListViewRow.tsx +63 -0
- package/lib/components/Pagination/Pagination.css +91 -0
- package/lib/components/Pagination/Pagination.tsx +151 -0
- package/lib/components/QuickFilter/QuickFilter.css +23 -0
- package/lib/components/QuickFilter/QuickFilter.tsx +79 -0
- package/lib/components/Row/Row.css +126 -0
- package/lib/components/Row/Row.tsx +377 -0
- package/lib/components/Skeleton/Skeleton.css +55 -0
- package/lib/components/Skeleton/Skeleton.tsx +22 -0
- package/lib/components/SkeletonRow/SkeletonRow.css +32 -0
- package/lib/components/SkeletonRow/SkeletonRow.tsx +89 -0
- package/lib/components/SkeletonRow/index.ts +1 -0
- package/lib/components/Toolbar/GlobalSearch.css +110 -0
- package/lib/components/Toolbar/GlobalSearch.tsx +167 -0
- package/lib/components/Toolbar/GridToolbar.css +221 -0
- package/lib/components/Toolbar/GridToolbar.tsx +658 -0
- package/lib/components/Toolbar/PivotPanel.css +212 -0
- package/lib/components/Toolbar/PivotPanel.tsx +239 -0
- package/lib/components/Tooltip/Tooltip.css +59 -0
- package/lib/components/Tooltip/Tooltip.tsx +106 -0
- package/lib/components/ui/Button.css +89 -0
- package/lib/components/ui/Button.tsx +39 -0
- package/lib/components/ui/Checkbox.css +71 -0
- package/lib/components/ui/Checkbox.tsx +66 -0
- package/lib/components/ui/DragHandleIcon.css +19 -0
- package/lib/components/ui/DragHandleIcon.tsx +18 -0
- package/lib/components/ui/ExpandIcon.css +38 -0
- package/lib/components/ui/ExpandIcon.tsx +75 -0
- package/lib/components/ui/Input.css +59 -0
- package/lib/components/ui/Input.tsx +45 -0
- package/lib/components/ui/index.ts +15 -0
- package/lib/hooks/core/useDataGrid.ts +392 -0
- package/lib/hooks/core/useGridApiRef.ts +10 -0
- package/lib/hooks/features/useAggregation.ts +143 -0
- package/lib/hooks/features/useGridClipboard.ts +133 -0
- package/lib/hooks/features/useGridDataSource.ts +190 -0
- package/lib/hooks/features/useGridEditing.ts +100 -0
- package/lib/hooks/features/useGridSpanning.ts +349 -0
- package/lib/hooks/features/usePivot.ts +174 -0
- package/lib/hooks/useColumnReorder.ts +114 -0
- package/lib/hooks/useRowGrouping.ts +302 -0
- package/lib/hooks/useRowReorder.ts +83 -0
- package/lib/hooks/useTreeData.ts +323 -0
- package/lib/index.ts +106 -0
- package/lib/state/index.ts +17 -0
- package/lib/state/types.ts +48 -0
- package/lib/state/useGridStateStorage.ts +113 -0
- package/lib/styles/base/reset.css +21 -0
- package/lib/styles/base/variables.css +161 -0
- package/lib/styles/opengridx.css +27 -0
- package/lib/styles/opengridx.css.d.ts +4 -0
- package/lib/theme/DataGridThemeProvider.tsx +276 -0
- package/lib/theme/defaultStyles.ts +0 -0
- package/lib/theme/index.ts +21 -0
- package/lib/theme/presets.ts +148 -0
- package/lib/theme/types.ts +155 -0
- package/lib/types/index.ts +764 -0
- package/lib/utils/export/exportToExcelAdvanced.ts +516 -0
- package/lib/utils/export/index.ts +550 -0
- package/lib/utils/filtering/index.ts +240 -0
- package/lib/utils/pinning/index.ts +282 -0
- package/lib/utils/sorting/index.ts +55 -0
- package/lib/utils/virtualization/index.ts +106 -0
- package/lib/vite-env.d.ts +1 -0
- package/llms.txt +2 -1
- package/package.json +12 -4
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
|
|
2
|
+
export interface GridThemeColors {
|
|
3
|
+
primary?: string;
|
|
4
|
+
primaryDark?: string;
|
|
5
|
+
primaryLight?: string;
|
|
6
|
+
primaryFocus?: string;
|
|
7
|
+
|
|
8
|
+
secondary?: string;
|
|
9
|
+
secondaryDark?: string;
|
|
10
|
+
secondaryLight?: string;
|
|
11
|
+
|
|
12
|
+
success?: string;
|
|
13
|
+
warning?: string;
|
|
14
|
+
error?: string;
|
|
15
|
+
info?: string;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export interface GridThemeTypography {
|
|
19
|
+
fontFamily?: string;
|
|
20
|
+
fontFamilyMono?: string;
|
|
21
|
+
fontSizeXs?: string;
|
|
22
|
+
fontSizeSm?: string;
|
|
23
|
+
fontSizeMd?: string;
|
|
24
|
+
fontSizeLg?: string;
|
|
25
|
+
fontSizeXl?: string;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
export interface GridThemeToolbar {
|
|
29
|
+
background?: string;
|
|
30
|
+
text?: string;
|
|
31
|
+
border?: string;
|
|
32
|
+
|
|
33
|
+
buttonBackground?: string;
|
|
34
|
+
buttonHoverBackground?: string;
|
|
35
|
+
buttonText?: string;
|
|
36
|
+
buttonPrimaryBackground?: string;
|
|
37
|
+
buttonPrimaryHoverBackground?: string;
|
|
38
|
+
buttonPrimaryText?: string;
|
|
39
|
+
|
|
40
|
+
buttonDangerBackground?: string;
|
|
41
|
+
buttonDangerHoverBackground?: string;
|
|
42
|
+
buttonDangerText?: string;
|
|
43
|
+
|
|
44
|
+
inputBackground?: string;
|
|
45
|
+
inputText?: string;
|
|
46
|
+
inputBorder?: string;
|
|
47
|
+
inputFocusBorder?: string;
|
|
48
|
+
inputFocusShadow?: string;
|
|
49
|
+
|
|
50
|
+
chipBackground?: string;
|
|
51
|
+
chipText?: string;
|
|
52
|
+
chipActiveBackground?: string;
|
|
53
|
+
chipActiveText?: string;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
export interface GridThemeOverlays {
|
|
57
|
+
background?: string;
|
|
58
|
+
text?: string;
|
|
59
|
+
border?: string;
|
|
60
|
+
shadow?: string;
|
|
61
|
+
|
|
62
|
+
itemHoverBackground?: string;
|
|
63
|
+
itemHoverText?: string;
|
|
64
|
+
itemSelectedBackground?: string;
|
|
65
|
+
itemSelectedText?: string;
|
|
66
|
+
itemDangerBackground?: string;
|
|
67
|
+
itemDangerText?: string;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
export interface GridThemeScrollbar {
|
|
71
|
+
thumbColor?: string;
|
|
72
|
+
trackColor?: string;
|
|
73
|
+
size?: string;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
export interface GridThemeSkeleton {
|
|
77
|
+
baseColor?: string;
|
|
78
|
+
highlightColor?: string;
|
|
79
|
+
darkBaseColor?: string;
|
|
80
|
+
darkHighlightColor?: string;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
export interface GridThemeSpacing {
|
|
84
|
+
xs?: string;
|
|
85
|
+
sm?: string;
|
|
86
|
+
md?: string;
|
|
87
|
+
lg?: string;
|
|
88
|
+
xl?: string;
|
|
89
|
+
xxl?: string;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
export interface GridThemeBorders {
|
|
93
|
+
widthThin?: string;
|
|
94
|
+
widthMedium?: string;
|
|
95
|
+
widthThick?: string;
|
|
96
|
+
radiusSm?: string;
|
|
97
|
+
radiusMd?: string;
|
|
98
|
+
radiusLg?: string;
|
|
99
|
+
radiusXl?: string;
|
|
100
|
+
color?: string;
|
|
101
|
+
colorHover?: string;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
export interface GridThemeShadows {
|
|
105
|
+
sm?: string;
|
|
106
|
+
md?: string;
|
|
107
|
+
lg?: string;
|
|
108
|
+
xl?: string;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
export interface GridThemeGrid {
|
|
112
|
+
rowHeightCompact?: string;
|
|
113
|
+
rowHeightStandard?: string;
|
|
114
|
+
rowHeightComfortable?: string;
|
|
115
|
+
headerHeight?: string;
|
|
116
|
+
cellPaddingX?: string;
|
|
117
|
+
cellPaddingY?: string;
|
|
118
|
+
background?: string;
|
|
119
|
+
borderColor?: string;
|
|
120
|
+
headerBackground?: string;
|
|
121
|
+
headerText?: string;
|
|
122
|
+
headerHoverBackground?: string;
|
|
123
|
+
headerSortedBackground?: string;
|
|
124
|
+
rowText?: string;
|
|
125
|
+
rowHoverBackground?: string;
|
|
126
|
+
rowAlternateBackground?: string;
|
|
127
|
+
rowSelectedBackground?: string;
|
|
128
|
+
rowSelectedHoverBackground?: string;
|
|
129
|
+
cellFocusBorder?: string;
|
|
130
|
+
pinnedLeftShadow?: string;
|
|
131
|
+
pinnedRightShadow?: string;
|
|
132
|
+
checkboxBg?: string;
|
|
133
|
+
checkboxBorder?: string;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
export interface GridThemeTransitions {
|
|
137
|
+
durationFast?: string;
|
|
138
|
+
durationNormal?: string;
|
|
139
|
+
durationSlow?: string;
|
|
140
|
+
easing?: string;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
export interface GridTheme {
|
|
144
|
+
colors?: GridThemeColors;
|
|
145
|
+
typography?: GridThemeTypography;
|
|
146
|
+
spacing?: GridThemeSpacing;
|
|
147
|
+
borders?: GridThemeBorders;
|
|
148
|
+
shadows?: GridThemeShadows;
|
|
149
|
+
grid?: GridThemeGrid;
|
|
150
|
+
toolbar?: GridThemeToolbar;
|
|
151
|
+
overlays?: GridThemeOverlays;
|
|
152
|
+
scrollbar?: GridThemeScrollbar;
|
|
153
|
+
skeleton?: GridThemeSkeleton;
|
|
154
|
+
transitions?: GridThemeTransitions;
|
|
155
|
+
}
|