componentes-sinco 1.1.16 → 1.1.17
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.cjs +44 -45
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +44 -45
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -2464,9 +2464,13 @@ function SCDrawer({
|
|
|
2464
2464
|
anchor: anchor != null ? anchor : "left",
|
|
2465
2465
|
sx: {
|
|
2466
2466
|
"& .MuiDrawer-paper": {
|
|
2467
|
-
width: width != null ? width : "450px",
|
|
2467
|
+
width: filterSideCard ? "100%" : width != null ? width : "450px",
|
|
2468
2468
|
boxSizing: "border-box",
|
|
2469
|
-
borderRadius: anchor !== "right" ? "0px 4px 4px 0px" : "4px 0px 0px 4px"
|
|
2469
|
+
borderRadius: anchor !== "right" ? "0px 4px 4px 0px" : "4px 0px 0px 4px",
|
|
2470
|
+
boxShadow: filterSideCard ? "none !important" : "0px 8px 10px -5px rgba(24, 39, 75, 0.2), 0px 16px 24px 2px rgba(24, 39, 75, 0.14), 0px 6px 30px 5px rgba(24, 39, 75, 0.12)"
|
|
2471
|
+
},
|
|
2472
|
+
"&.MuiDrawer-root": {
|
|
2473
|
+
boxShadow: filterSideCard ? "none !important" : "0px 3px 1px -2px rgba(24, 39, 75, 0.20),0px 2px 2px 0px rgba(24, 39, 75, 0.14),0px 1px 5px 0px rgba(24, 39, 75, 0.12)"
|
|
2470
2474
|
}
|
|
2471
2475
|
},
|
|
2472
2476
|
ModalProps: {
|
|
@@ -2483,14 +2487,10 @@ function SCDrawer({
|
|
|
2483
2487
|
hideBackdrop: true,
|
|
2484
2488
|
PaperProps: {
|
|
2485
2489
|
sx: {
|
|
2486
|
-
// El Drawer (Paper) se posiciona relativo al contenedor
|
|
2487
2490
|
position: "absolute !important",
|
|
2488
2491
|
height: "100%",
|
|
2489
|
-
// para que ocupe toda la altura del contenedor
|
|
2490
2492
|
width: 300,
|
|
2491
|
-
// ajusta el ancho como quieras
|
|
2492
2493
|
right: 0
|
|
2493
|
-
// si usas 'top/bottom/left' cámbialos según tu anchor
|
|
2494
2494
|
}
|
|
2495
2495
|
}
|
|
2496
2496
|
},
|
|
@@ -3083,8 +3083,8 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, r
|
|
|
3083
3083
|
let validationTreeData = groupColumns ? true : false;
|
|
3084
3084
|
let validationCheckboxSelection = checkboxSelection || false;
|
|
3085
3085
|
let styleDensity = density || "compact";
|
|
3086
|
-
let styleTopContainerHeight = styleDensity === "compact" ? "26px" : styleDensity === "standard" ? "
|
|
3087
|
-
let styleRowHeight = density == "compact" ? 32 : density == "standard" ? 28 : density == "comfortable" ?
|
|
3086
|
+
let styleTopContainerHeight = styleDensity === "compact" ? "26px" : styleDensity === "standard" ? "32px" : styleDensity === "comfortable" ? "40px" : "26px";
|
|
3087
|
+
let styleRowHeight = density == "compact" ? 32 : density == "standard" ? 28 : density == "comfortable" ? 31 : 32;
|
|
3088
3088
|
let rows = rowsTable ? rowsTable : validationTreeData != false ? parseInt(data.length.toString()) : data.length < 10 ? parseInt(data.length.toString()) : 10;
|
|
3089
3089
|
let validationGroupingColDef = groupingColDefs || {};
|
|
3090
3090
|
const [groupDataLenght, setGroupDataLengh] = (0, import_react27.useState)(0);
|
|
@@ -3228,8 +3228,8 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, r
|
|
|
3228
3228
|
noRowsLabel: "No hay filas",
|
|
3229
3229
|
columnMenuLabel: "Men\xFA de columna",
|
|
3230
3230
|
footerTotalRows: "Filas Totales:",
|
|
3231
|
-
footerRowSelected: (
|
|
3232
|
-
// Ejemplo de traducción dinámica
|
|
3231
|
+
footerRowSelected: () => "",
|
|
3232
|
+
// Ejemplo de traducción dinámica para que diga cuantas filas selecciono count => `${count.toLocaleString()} fila(s) seleccionada(s)`
|
|
3233
3233
|
MuiTablePagination: {
|
|
3234
3234
|
labelRowsPerPage: "Filas por p\xE1gina:",
|
|
3235
3235
|
labelDisplayedRows: ({ from, to, count }) => `${from}\u2013${to} de ${count !== -1 ? count : `m\xE1s de ${to}`}`
|
|
@@ -5703,8 +5703,7 @@ var SCDatePicker = ({ label, required, disabled, background, state, setState, wi
|
|
|
5703
5703
|
width: width || "100%",
|
|
5704
5704
|
background: background || "transparent",
|
|
5705
5705
|
"& .MuiPickersInputBase-sectionsContainer": {
|
|
5706
|
-
padding: "
|
|
5707
|
-
height: "32px"
|
|
5706
|
+
padding: "6px 0px"
|
|
5708
5707
|
}
|
|
5709
5708
|
},
|
|
5710
5709
|
slotProps: {
|
|
@@ -5837,25 +5836,25 @@ var components = {
|
|
|
5837
5836
|
{
|
|
5838
5837
|
props: { density: "compact" },
|
|
5839
5838
|
style: {
|
|
5840
|
-
"--height": "
|
|
5841
|
-
minHeight: "
|
|
5842
|
-
maxHeight: "
|
|
5839
|
+
"--height": "26px",
|
|
5840
|
+
minHeight: "26px !important",
|
|
5841
|
+
maxHeight: "26px !important"
|
|
5843
5842
|
}
|
|
5844
5843
|
},
|
|
5845
5844
|
{
|
|
5846
5845
|
props: { density: "standard" },
|
|
5847
5846
|
style: {
|
|
5848
|
-
"--height": "
|
|
5849
|
-
minHeight: "
|
|
5850
|
-
maxHeight: "
|
|
5847
|
+
"--height": "32px",
|
|
5848
|
+
minHeight: "32px !important",
|
|
5849
|
+
maxHeight: "32px !important"
|
|
5851
5850
|
}
|
|
5852
5851
|
},
|
|
5853
5852
|
{
|
|
5854
5853
|
props: { density: "comfortable" },
|
|
5855
5854
|
style: {
|
|
5856
|
-
"--height": "
|
|
5857
|
-
minHeight: "
|
|
5858
|
-
maxHeight: "
|
|
5855
|
+
"--height": "40px",
|
|
5856
|
+
minHeight: "40px !important",
|
|
5857
|
+
maxHeight: "40px !important"
|
|
5859
5858
|
}
|
|
5860
5859
|
}
|
|
5861
5860
|
]
|
|
@@ -5865,25 +5864,25 @@ var components = {
|
|
|
5865
5864
|
{
|
|
5866
5865
|
props: { density: "compact" },
|
|
5867
5866
|
style: {
|
|
5868
|
-
"--height": "
|
|
5869
|
-
minHeight: "
|
|
5870
|
-
maxHeight: "
|
|
5867
|
+
"--height": "26px",
|
|
5868
|
+
minHeight: "26px !important",
|
|
5869
|
+
maxHeight: "26px !important"
|
|
5871
5870
|
}
|
|
5872
5871
|
},
|
|
5873
5872
|
{
|
|
5874
5873
|
props: { density: "standard" },
|
|
5875
5874
|
style: {
|
|
5876
|
-
"--height": "
|
|
5877
|
-
minHeight: "
|
|
5878
|
-
maxHeight: "
|
|
5875
|
+
"--height": "32px",
|
|
5876
|
+
minHeight: "32px !important",
|
|
5877
|
+
maxHeight: "32px !important"
|
|
5879
5878
|
}
|
|
5880
5879
|
},
|
|
5881
5880
|
{
|
|
5882
5881
|
props: { density: "comfortable" },
|
|
5883
5882
|
style: {
|
|
5884
|
-
"--height": "
|
|
5885
|
-
minHeight: "
|
|
5886
|
-
maxHeight: "
|
|
5883
|
+
"--height": "40px",
|
|
5884
|
+
minHeight: "40px !important",
|
|
5885
|
+
maxHeight: "40px !important"
|
|
5887
5886
|
}
|
|
5888
5887
|
}
|
|
5889
5888
|
]
|
|
@@ -5896,25 +5895,25 @@ var components = {
|
|
|
5896
5895
|
{
|
|
5897
5896
|
props: { density: "compact" },
|
|
5898
5897
|
style: {
|
|
5899
|
-
"--height": "
|
|
5900
|
-
minHeight: "
|
|
5901
|
-
maxHeight: "
|
|
5898
|
+
"--height": "26px",
|
|
5899
|
+
minHeight: "26px !important",
|
|
5900
|
+
maxHeight: "26px !important"
|
|
5902
5901
|
}
|
|
5903
5902
|
},
|
|
5904
5903
|
{
|
|
5905
5904
|
props: { density: "standard" },
|
|
5906
5905
|
style: {
|
|
5907
|
-
"--height": "
|
|
5908
|
-
minHeight: "
|
|
5909
|
-
maxHeight: "
|
|
5906
|
+
"--height": "32px",
|
|
5907
|
+
minHeight: "32px !important",
|
|
5908
|
+
maxHeight: "32px !important"
|
|
5910
5909
|
}
|
|
5911
5910
|
},
|
|
5912
5911
|
{
|
|
5913
5912
|
props: { density: "comfortable" },
|
|
5914
5913
|
style: {
|
|
5915
|
-
"--height": "
|
|
5916
|
-
minHeight: "
|
|
5917
|
-
maxHeight: "
|
|
5914
|
+
"--height": "40px",
|
|
5915
|
+
minHeight: "40px !important",
|
|
5916
|
+
maxHeight: "40px !important"
|
|
5918
5917
|
}
|
|
5919
5918
|
}
|
|
5920
5919
|
]
|
|
@@ -5947,9 +5946,9 @@ var components = {
|
|
|
5947
5946
|
{
|
|
5948
5947
|
props: { density: "comfortable" },
|
|
5949
5948
|
style: {
|
|
5950
|
-
"--height": "
|
|
5951
|
-
minHeight: "
|
|
5952
|
-
maxHeight: "
|
|
5949
|
+
"--height": "40px",
|
|
5950
|
+
minHeight: "40px !important",
|
|
5951
|
+
maxHeight: "40px !important"
|
|
5953
5952
|
}
|
|
5954
5953
|
}
|
|
5955
5954
|
]
|
|
@@ -5982,9 +5981,9 @@ var components = {
|
|
|
5982
5981
|
{
|
|
5983
5982
|
props: { density: "comfortable" },
|
|
5984
5983
|
style: {
|
|
5985
|
-
"--height": "
|
|
5986
|
-
minHeight: "
|
|
5987
|
-
maxHeight: "
|
|
5984
|
+
"--height": "40px",
|
|
5985
|
+
minHeight: "40px !important",
|
|
5986
|
+
maxHeight: "40px !important"
|
|
5988
5987
|
}
|
|
5989
5988
|
}
|
|
5990
5989
|
],
|