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.js
CHANGED
|
@@ -2383,9 +2383,13 @@ function SCDrawer({
|
|
|
2383
2383
|
anchor: anchor != null ? anchor : "left",
|
|
2384
2384
|
sx: {
|
|
2385
2385
|
"& .MuiDrawer-paper": {
|
|
2386
|
-
width: width != null ? width : "450px",
|
|
2386
|
+
width: filterSideCard ? "100%" : width != null ? width : "450px",
|
|
2387
2387
|
boxSizing: "border-box",
|
|
2388
|
-
borderRadius: anchor !== "right" ? "0px 4px 4px 0px" : "4px 0px 0px 4px"
|
|
2388
|
+
borderRadius: anchor !== "right" ? "0px 4px 4px 0px" : "4px 0px 0px 4px",
|
|
2389
|
+
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)"
|
|
2390
|
+
},
|
|
2391
|
+
"&.MuiDrawer-root": {
|
|
2392
|
+
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)"
|
|
2389
2393
|
}
|
|
2390
2394
|
},
|
|
2391
2395
|
ModalProps: {
|
|
@@ -2402,14 +2406,10 @@ function SCDrawer({
|
|
|
2402
2406
|
hideBackdrop: true,
|
|
2403
2407
|
PaperProps: {
|
|
2404
2408
|
sx: {
|
|
2405
|
-
// El Drawer (Paper) se posiciona relativo al contenedor
|
|
2406
2409
|
position: "absolute !important",
|
|
2407
2410
|
height: "100%",
|
|
2408
|
-
// para que ocupe toda la altura del contenedor
|
|
2409
2411
|
width: 300,
|
|
2410
|
-
// ajusta el ancho como quieras
|
|
2411
2412
|
right: 0
|
|
2412
|
-
// si usas 'top/bottom/left' cámbialos según tu anchor
|
|
2413
2413
|
}
|
|
2414
2414
|
}
|
|
2415
2415
|
},
|
|
@@ -3002,8 +3002,8 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, r
|
|
|
3002
3002
|
let validationTreeData = groupColumns ? true : false;
|
|
3003
3003
|
let validationCheckboxSelection = checkboxSelection || false;
|
|
3004
3004
|
let styleDensity = density || "compact";
|
|
3005
|
-
let styleTopContainerHeight = styleDensity === "compact" ? "26px" : styleDensity === "standard" ? "
|
|
3006
|
-
let styleRowHeight = density == "compact" ? 32 : density == "standard" ? 28 : density == "comfortable" ?
|
|
3005
|
+
let styleTopContainerHeight = styleDensity === "compact" ? "26px" : styleDensity === "standard" ? "32px" : styleDensity === "comfortable" ? "40px" : "26px";
|
|
3006
|
+
let styleRowHeight = density == "compact" ? 32 : density == "standard" ? 28 : density == "comfortable" ? 31 : 32;
|
|
3007
3007
|
let rows = rowsTable ? rowsTable : validationTreeData != false ? parseInt(data.length.toString()) : data.length < 10 ? parseInt(data.length.toString()) : 10;
|
|
3008
3008
|
let validationGroupingColDef = groupingColDefs || {};
|
|
3009
3009
|
const [groupDataLenght, setGroupDataLengh] = useState13(0);
|
|
@@ -3147,8 +3147,8 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, r
|
|
|
3147
3147
|
noRowsLabel: "No hay filas",
|
|
3148
3148
|
columnMenuLabel: "Men\xFA de columna",
|
|
3149
3149
|
footerTotalRows: "Filas Totales:",
|
|
3150
|
-
footerRowSelected: (
|
|
3151
|
-
// Ejemplo de traducción dinámica
|
|
3150
|
+
footerRowSelected: () => "",
|
|
3151
|
+
// Ejemplo de traducción dinámica para que diga cuantas filas selecciono count => `${count.toLocaleString()} fila(s) seleccionada(s)`
|
|
3152
3152
|
MuiTablePagination: {
|
|
3153
3153
|
labelRowsPerPage: "Filas por p\xE1gina:",
|
|
3154
3154
|
labelDisplayedRows: ({ from, to, count }) => `${from}\u2013${to} de ${count !== -1 ? count : `m\xE1s de ${to}`}`
|
|
@@ -5622,8 +5622,7 @@ var SCDatePicker = ({ label, required, disabled, background, state, setState, wi
|
|
|
5622
5622
|
width: width || "100%",
|
|
5623
5623
|
background: background || "transparent",
|
|
5624
5624
|
"& .MuiPickersInputBase-sectionsContainer": {
|
|
5625
|
-
padding: "
|
|
5626
|
-
height: "32px"
|
|
5625
|
+
padding: "6px 0px"
|
|
5627
5626
|
}
|
|
5628
5627
|
},
|
|
5629
5628
|
slotProps: {
|
|
@@ -5761,25 +5760,25 @@ var components = {
|
|
|
5761
5760
|
{
|
|
5762
5761
|
props: { density: "compact" },
|
|
5763
5762
|
style: {
|
|
5764
|
-
"--height": "
|
|
5765
|
-
minHeight: "
|
|
5766
|
-
maxHeight: "
|
|
5763
|
+
"--height": "26px",
|
|
5764
|
+
minHeight: "26px !important",
|
|
5765
|
+
maxHeight: "26px !important"
|
|
5767
5766
|
}
|
|
5768
5767
|
},
|
|
5769
5768
|
{
|
|
5770
5769
|
props: { density: "standard" },
|
|
5771
5770
|
style: {
|
|
5772
|
-
"--height": "
|
|
5773
|
-
minHeight: "
|
|
5774
|
-
maxHeight: "
|
|
5771
|
+
"--height": "32px",
|
|
5772
|
+
minHeight: "32px !important",
|
|
5773
|
+
maxHeight: "32px !important"
|
|
5775
5774
|
}
|
|
5776
5775
|
},
|
|
5777
5776
|
{
|
|
5778
5777
|
props: { density: "comfortable" },
|
|
5779
5778
|
style: {
|
|
5780
|
-
"--height": "
|
|
5781
|
-
minHeight: "
|
|
5782
|
-
maxHeight: "
|
|
5779
|
+
"--height": "40px",
|
|
5780
|
+
minHeight: "40px !important",
|
|
5781
|
+
maxHeight: "40px !important"
|
|
5783
5782
|
}
|
|
5784
5783
|
}
|
|
5785
5784
|
]
|
|
@@ -5789,25 +5788,25 @@ var components = {
|
|
|
5789
5788
|
{
|
|
5790
5789
|
props: { density: "compact" },
|
|
5791
5790
|
style: {
|
|
5792
|
-
"--height": "
|
|
5793
|
-
minHeight: "
|
|
5794
|
-
maxHeight: "
|
|
5791
|
+
"--height": "26px",
|
|
5792
|
+
minHeight: "26px !important",
|
|
5793
|
+
maxHeight: "26px !important"
|
|
5795
5794
|
}
|
|
5796
5795
|
},
|
|
5797
5796
|
{
|
|
5798
5797
|
props: { density: "standard" },
|
|
5799
5798
|
style: {
|
|
5800
|
-
"--height": "
|
|
5801
|
-
minHeight: "
|
|
5802
|
-
maxHeight: "
|
|
5799
|
+
"--height": "32px",
|
|
5800
|
+
minHeight: "32px !important",
|
|
5801
|
+
maxHeight: "32px !important"
|
|
5803
5802
|
}
|
|
5804
5803
|
},
|
|
5805
5804
|
{
|
|
5806
5805
|
props: { density: "comfortable" },
|
|
5807
5806
|
style: {
|
|
5808
|
-
"--height": "
|
|
5809
|
-
minHeight: "
|
|
5810
|
-
maxHeight: "
|
|
5807
|
+
"--height": "40px",
|
|
5808
|
+
minHeight: "40px !important",
|
|
5809
|
+
maxHeight: "40px !important"
|
|
5811
5810
|
}
|
|
5812
5811
|
}
|
|
5813
5812
|
]
|
|
@@ -5820,25 +5819,25 @@ var components = {
|
|
|
5820
5819
|
{
|
|
5821
5820
|
props: { density: "compact" },
|
|
5822
5821
|
style: {
|
|
5823
|
-
"--height": "
|
|
5824
|
-
minHeight: "
|
|
5825
|
-
maxHeight: "
|
|
5822
|
+
"--height": "26px",
|
|
5823
|
+
minHeight: "26px !important",
|
|
5824
|
+
maxHeight: "26px !important"
|
|
5826
5825
|
}
|
|
5827
5826
|
},
|
|
5828
5827
|
{
|
|
5829
5828
|
props: { density: "standard" },
|
|
5830
5829
|
style: {
|
|
5831
|
-
"--height": "
|
|
5832
|
-
minHeight: "
|
|
5833
|
-
maxHeight: "
|
|
5830
|
+
"--height": "32px",
|
|
5831
|
+
minHeight: "32px !important",
|
|
5832
|
+
maxHeight: "32px !important"
|
|
5834
5833
|
}
|
|
5835
5834
|
},
|
|
5836
5835
|
{
|
|
5837
5836
|
props: { density: "comfortable" },
|
|
5838
5837
|
style: {
|
|
5839
|
-
"--height": "
|
|
5840
|
-
minHeight: "
|
|
5841
|
-
maxHeight: "
|
|
5838
|
+
"--height": "40px",
|
|
5839
|
+
minHeight: "40px !important",
|
|
5840
|
+
maxHeight: "40px !important"
|
|
5842
5841
|
}
|
|
5843
5842
|
}
|
|
5844
5843
|
]
|
|
@@ -5871,9 +5870,9 @@ var components = {
|
|
|
5871
5870
|
{
|
|
5872
5871
|
props: { density: "comfortable" },
|
|
5873
5872
|
style: {
|
|
5874
|
-
"--height": "
|
|
5875
|
-
minHeight: "
|
|
5876
|
-
maxHeight: "
|
|
5873
|
+
"--height": "40px",
|
|
5874
|
+
minHeight: "40px !important",
|
|
5875
|
+
maxHeight: "40px !important"
|
|
5877
5876
|
}
|
|
5878
5877
|
}
|
|
5879
5878
|
]
|
|
@@ -5906,9 +5905,9 @@ var components = {
|
|
|
5906
5905
|
{
|
|
5907
5906
|
props: { density: "comfortable" },
|
|
5908
5907
|
style: {
|
|
5909
|
-
"--height": "
|
|
5910
|
-
minHeight: "
|
|
5911
|
-
maxHeight: "
|
|
5908
|
+
"--height": "40px",
|
|
5909
|
+
minHeight: "40px !important",
|
|
5910
|
+
maxHeight: "40px !important"
|
|
5912
5911
|
}
|
|
5913
5912
|
}
|
|
5914
5913
|
],
|