@archbase/components 3.0.9 → 3.0.11
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.js +3689 -3564
- package/package.json +5 -5
- package/src/datagrid/main/archbase-data-grid.tsx +142 -7
- package/dist/archbase-components-3.0.9.tgz +0 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@archbase/components",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.11",
|
|
4
4
|
"description": "UI Components for Archbase React v3 - Form editors, data visualization, and business components",
|
|
5
5
|
"author": "Edson Martins <edsonmartins2005@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -38,6 +38,9 @@
|
|
|
38
38
|
"react-dom": "^18.3.0 || ^19.2.0"
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
|
+
"@archbase/core": "3.0.11",
|
|
42
|
+
"@archbase/data": "3.0.11",
|
|
43
|
+
"@archbase/layout": "3.0.11",
|
|
41
44
|
"@gfazioli/mantine-list-view-table": "^1.1.9",
|
|
42
45
|
"@gfazioli/mantine-onboarding-tour": "^2.6.5",
|
|
43
46
|
"@mui/x-data-grid": "^7.28.3",
|
|
@@ -99,10 +102,7 @@
|
|
|
99
102
|
"uuid": "^9.0.1",
|
|
100
103
|
"validator": "^13.12.0",
|
|
101
104
|
"vis-timeline": "^7.7.3",
|
|
102
|
-
"xlsx": "^0.18.5"
|
|
103
|
-
"@archbase/core": "3.0.9",
|
|
104
|
-
"@archbase/layout": "3.0.9",
|
|
105
|
-
"@archbase/data": "3.0.9"
|
|
105
|
+
"xlsx": "^0.18.5"
|
|
106
106
|
},
|
|
107
107
|
"devDependencies": {
|
|
108
108
|
"@types/d3": "^7.4.3",
|
|
@@ -804,14 +804,55 @@ function ArchbaseDataGrid<T extends object = any, ID = any>(props: ArchbaseDataG
|
|
|
804
804
|
? theme.fontSizes[fontSize as 'xs' | 'sm' | 'md' | 'lg' | 'xl']
|
|
805
805
|
: theme.fontSizes.sm,
|
|
806
806
|
|
|
807
|
-
// Estilos dos cabeçalhos
|
|
807
|
+
// Estilos dos cabeçalhos - com !important para sobrescrever MUI
|
|
808
808
|
'& .MuiDataGrid-columnHeaders': {
|
|
809
|
-
backgroundColor: colorScheme === 'dark' ? theme.colors.dark[7] : theme.white
|
|
810
|
-
color:
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
809
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[7] : theme.white} !important`,
|
|
810
|
+
color: `${colorScheme === 'dark' ? theme.colors.gray[0] : theme.colors[theme.primaryColor][6]} !important`,
|
|
811
|
+
fontWeight: 600,
|
|
812
|
+
borderBottom: `1px solid ${colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]} !important`
|
|
813
|
+
},
|
|
814
|
+
'& .MuiDataGrid-columnHeader': {
|
|
815
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[7] : theme.white} !important`,
|
|
816
|
+
color: `${colorScheme === 'dark' ? theme.colors.gray[0] : theme.colors[theme.primaryColor][6]} !important`,
|
|
817
|
+
'&:focus, &:focus-within': {
|
|
818
|
+
outline: 'none !important'
|
|
819
|
+
}
|
|
820
|
+
},
|
|
821
|
+
'& .MuiDataGrid-columnHeaderRow': {
|
|
822
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[7] : theme.white} !important`,
|
|
823
|
+
},
|
|
824
|
+
'& .MuiDataGrid-columnHeaderTitle': {
|
|
825
|
+
color: `${colorScheme === 'dark' ? theme.colors.gray[0] : theme.colors[theme.primaryColor][6]} !important`,
|
|
826
|
+
fontWeight: '600 !important'
|
|
827
|
+
},
|
|
828
|
+
'& .MuiDataGrid-columnHeaderTitleContainer': {
|
|
829
|
+
color: `${colorScheme === 'dark' ? theme.colors.gray[0] : theme.colors[theme.primaryColor][6]} !important`,
|
|
830
|
+
},
|
|
831
|
+
'& .MuiDataGrid-columnHeaderTitleContainerContent': {
|
|
832
|
+
color: `${colorScheme === 'dark' ? theme.colors.gray[0] : theme.colors[theme.primaryColor][6]} !important`,
|
|
833
|
+
},
|
|
834
|
+
// Container geral do header
|
|
835
|
+
'& .MuiDataGrid-columnHeadersInner': {
|
|
836
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[7] : theme.white} !important`,
|
|
837
|
+
},
|
|
838
|
+
'& .MuiDataGrid-pinnedColumnHeaders': {
|
|
839
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[7] : theme.white} !important`,
|
|
840
|
+
},
|
|
841
|
+
'& .MuiDataGrid-columnSeparator': {
|
|
842
|
+
color: `${colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]} !important`
|
|
843
|
+
},
|
|
844
|
+
'& .MuiDataGrid-menuIcon': {
|
|
845
|
+
color: `${colorScheme === 'dark' ? theme.colors.gray[4] : theme.colors.dark[5]} !important`
|
|
846
|
+
},
|
|
847
|
+
'& .MuiDataGrid-sortIcon': {
|
|
848
|
+
color: `${colorScheme === 'dark' ? theme.colors.gray[4] : theme.colors.dark[5]} !important`
|
|
849
|
+
},
|
|
850
|
+
'& .MuiDataGrid-iconButtonContainer': {
|
|
851
|
+
color: `${colorScheme === 'dark' ? theme.colors.gray[4] : theme.colors.dark[5]} !important`
|
|
852
|
+
},
|
|
853
|
+
// Checkbox do header
|
|
854
|
+
'& .MuiDataGrid-columnHeader .MuiCheckbox-root': {
|
|
855
|
+
color: `${colorScheme === 'dark' ? theme.colors.gray[3] : theme.colors.dark[6]} !important`
|
|
815
856
|
},
|
|
816
857
|
|
|
817
858
|
// Estilos das células
|
|
@@ -889,16 +930,110 @@ function ArchbaseDataGrid<T extends object = any, ID = any>(props: ArchbaseDataG
|
|
|
889
930
|
paddingBottom: '0px !important',
|
|
890
931
|
display: 'flex',
|
|
891
932
|
flexDirection: 'column',
|
|
933
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[6] : theme.white} !important`,
|
|
892
934
|
},
|
|
893
935
|
|
|
894
936
|
'& .MuiDataGrid-virtualScrollerContent': {
|
|
895
937
|
flexBasis: 'auto !important',
|
|
896
938
|
flexGrow: '1 !important',
|
|
897
939
|
flexShrink: '0 !important',
|
|
940
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[6] : theme.white} !important`,
|
|
941
|
+
},
|
|
942
|
+
|
|
943
|
+
'& .MuiDataGrid-virtualScrollerRenderZone': {
|
|
944
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[6] : theme.white} !important`,
|
|
945
|
+
},
|
|
946
|
+
|
|
947
|
+
'& .MuiDataGrid-main': {
|
|
948
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[6] : theme.white} !important`,
|
|
949
|
+
},
|
|
950
|
+
|
|
951
|
+
'& .MuiDataGrid-overlayWrapper': {
|
|
952
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[6] : theme.white} !important`,
|
|
953
|
+
},
|
|
954
|
+
|
|
955
|
+
'& .MuiDataGrid-overlayWrapperInner': {
|
|
956
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[6] : theme.white} !important`,
|
|
898
957
|
},
|
|
899
958
|
|
|
900
959
|
'& .MuiDataGrid-filler': {
|
|
901
960
|
display: 'none !important',
|
|
961
|
+
},
|
|
962
|
+
|
|
963
|
+
// Área de preenchimento do header (filler column)
|
|
964
|
+
'& .MuiDataGrid-filler--pinnedRight': {
|
|
965
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[7] : theme.white} !important`,
|
|
966
|
+
},
|
|
967
|
+
'& .MuiDataGrid-filler--pinnedLeft': {
|
|
968
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[7] : theme.white} !important`,
|
|
969
|
+
},
|
|
970
|
+
'& .MuiDataGrid-columnHeadersInner--scrollable': {
|
|
971
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[7] : theme.white} !important`,
|
|
972
|
+
},
|
|
973
|
+
|
|
974
|
+
// Footer container
|
|
975
|
+
'& .MuiDataGrid-footerContainer': {
|
|
976
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[7] : theme.white} !important`,
|
|
977
|
+
borderTop: `1px solid ${colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]} !important`,
|
|
978
|
+
},
|
|
979
|
+
|
|
980
|
+
// Scrollbar container area
|
|
981
|
+
'& .MuiDataGrid-scrollArea': {
|
|
982
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[6] : theme.white} !important`,
|
|
983
|
+
},
|
|
984
|
+
'& .MuiDataGrid-scrollArea--right': {
|
|
985
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[6] : theme.white} !important`,
|
|
986
|
+
},
|
|
987
|
+
'& .MuiDataGrid-scrollArea--left': {
|
|
988
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[6] : theme.white} !important`,
|
|
989
|
+
},
|
|
990
|
+
|
|
991
|
+
// Top and bottom containers
|
|
992
|
+
'& .MuiDataGrid-topContainer': {
|
|
993
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[7] : theme.white} !important`,
|
|
994
|
+
},
|
|
995
|
+
'& .MuiDataGrid-bottomContainer': {
|
|
996
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[7] : theme.white} !important`,
|
|
997
|
+
},
|
|
998
|
+
|
|
999
|
+
// Área de pinned columns
|
|
1000
|
+
'& .MuiDataGrid-pinnedColumns': {
|
|
1001
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[6] : theme.white} !important`,
|
|
1002
|
+
},
|
|
1003
|
+
'& .MuiDataGrid-pinnedColumns--right': {
|
|
1004
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[6] : theme.white} !important`,
|
|
1005
|
+
},
|
|
1006
|
+
'& .MuiDataGrid-pinnedColumns--left': {
|
|
1007
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[6] : theme.white} !important`,
|
|
1008
|
+
},
|
|
1009
|
+
|
|
1010
|
+
// Área de scroll além do conteúdo (corner filler)
|
|
1011
|
+
'& .MuiDataGrid-scrollbarFiller': {
|
|
1012
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[7] : theme.white} !important`,
|
|
1013
|
+
},
|
|
1014
|
+
'& .MuiDataGrid-scrollbarFiller--header': {
|
|
1015
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[7] : theme.white} !important`,
|
|
1016
|
+
},
|
|
1017
|
+
'& .MuiDataGrid-scrollbarFiller--borderTop': {
|
|
1018
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[7] : theme.white} !important`,
|
|
1019
|
+
},
|
|
1020
|
+
|
|
1021
|
+
// Container wrapper
|
|
1022
|
+
'& .MuiDataGrid-container--top': {
|
|
1023
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[7] : theme.white} !important`,
|
|
1024
|
+
},
|
|
1025
|
+
'& .MuiDataGrid-container--bottom': {
|
|
1026
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[7] : theme.white} !important`,
|
|
1027
|
+
},
|
|
1028
|
+
|
|
1029
|
+
// Área de detalhes vazios / empty state
|
|
1030
|
+
'& .MuiDataGrid-overlay': {
|
|
1031
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[6] : theme.white} !important`,
|
|
1032
|
+
},
|
|
1033
|
+
|
|
1034
|
+
// Catch-all para qualquer div interno com fundo branco
|
|
1035
|
+
'& > div': {
|
|
1036
|
+
backgroundColor: `${colorScheme === 'dark' ? theme.colors.dark[6] : theme.white} !important`,
|
|
902
1037
|
}
|
|
903
1038
|
}
|
|
904
1039
|
}
|
|
Binary file
|