componentes-sinco 1.2.2 → 1.2.3

package/dist/index.d.cts

@@ -337,6 +337,7 @@ declare const SCModal: ({ buttonModal, state, open, setOpen, title, description,
 
 interface MultiSelectProps<T> {
     textButton?: string;
+    background?: string;
     button?: {
         icon?: string;
         text?: string;
@@ -380,7 +381,7 @@ declare function useFilteredItems<T>(items: T[], filterValue: string, getItemLab
     sortedItems: T[];
 };
 
-declare function MultiSelect<T>({ textButton, button, items, topPanel, actions, dense, open, selectAll, getItemLabel }: MultiSelectProps<T>): React__default.JSX.Element;
+declare function MultiSelect<T>({ textButton, background, button, items, topPanel, actions, dense, open, selectAll, getItemLabel }: MultiSelectProps<T>): React__default.JSX.Element;
 
 interface PageheaderProperties {
     title: string | React.ReactNode;
@@ -455,7 +456,7 @@ declare const SCTextField: ({ title, iconTitle, infoTitle, label, placeholder, i
 interface SCAccordionProps {
     title?: string;
     actions?: React__default.ReactNode;
-    children?: React__default.ReactNode;
+    children?: any;
 }
 declare const SCAccordion: ({ title, actions, children, }: SCAccordionProps) => React__default.JSX.Element;
 

package/dist/index.d.ts

@@ -337,6 +337,7 @@ declare const SCModal: ({ buttonModal, state, open, setOpen, title, description,
 
 interface MultiSelectProps<T> {
     textButton?: string;
+    background?: string;
     button?: {
         icon?: string;
         text?: string;
@@ -380,7 +381,7 @@ declare function useFilteredItems<T>(items: T[], filterValue: string, getItemLab
     sortedItems: T[];
 };
 
-declare function MultiSelect<T>({ textButton, button, items, topPanel, actions, dense, open, selectAll, getItemLabel }: MultiSelectProps<T>): React__default.JSX.Element;
+declare function MultiSelect<T>({ textButton, background, button, items, topPanel, actions, dense, open, selectAll, getItemLabel }: MultiSelectProps<T>): React__default.JSX.Element;
 
 interface PageheaderProperties {
     title: string | React.ReactNode;
@@ -455,7 +456,7 @@ declare const SCTextField: ({ title, iconTitle, infoTitle, label, placeholder, i
 interface SCAccordionProps {
     title?: string;
     actions?: React__default.ReactNode;
-    children?: React__default.ReactNode;
+    children?: any;
 }
 declare const SCAccordion: ({ title, actions, children, }: SCAccordionProps) => React__default.JSX.Element;
 

package/dist/index.js

@@ -2289,7 +2289,7 @@ function SCSelect({
   width = "100%",
   size = "small",
   variant = "outlined",
-  background = "white",
+  background,
   required,
   disabled,
   setState,
@@ -2344,7 +2344,8 @@ function SCSelect({
     {
       fullWidth: true,
       size: size ? size : "medium",
-      variant
+      variant,
+      sx: { background: background ? background : "transparent" }
     },
     /* @__PURE__ */ React14.createElement(
       InputLabel2,
@@ -2363,6 +2364,7 @@ function SCSelect({
         variant,
         disabled: disabled || false,
         error,
+        sx: { height: "32px" },
         MenuProps: {
           sx: {
             zIndex: 1400
@@ -3002,16 +3004,18 @@ var SCDateRange = ({
             },
             sx: {
               flex: 1,
-              "& .MuiOutlinedInput-root": {
-                backgroundColor: background === "transparent" ? "transparent" : background
+              "& .MuiPickersOutlinedInput-root": {
+                height: "32px",
+                backgroundColor: background != null ? background : "transparent"
+              },
+              "& .MuiPickersInputBase-sectionsContainer": {
+                height: "32px",
+                padding: "0px 8px",
+                alignItems: "center"
               },
               "& .MuiInputLabel-asterisk": {
                 color: "error.main"
-              },
-              "& .MuiPickersOutlinedInput-sectionsContainer": {
-                padding: "6px 0px"
-              },
-              background: background != null ? background : "transparent"
+              }
             }
           };
         }
@@ -4306,6 +4310,7 @@ function useFilteredItems(items, filterValue, getItemLabel, selectedItems) {
 // src/Components/MultiSelect/MultiSelect.tsx
 function MultiSelect({
   textButton,
+  background,
   button,
   items,
   topPanel,
@@ -4375,6 +4380,7 @@ function MultiSelect({
     /* @__PURE__ */ React34.createElement(Stack12, { minWidth: "320px", "data-testid": "multiselect-container", bgcolor: "white", boxShadow: 3, borderRadius: 1 }, /* @__PURE__ */ React34.createElement(Stack12, { py: 1, px: 2 }, topPanel != null ? topPanel : /* @__PURE__ */ React34.createElement(FormControl3, { fullWidth: true, size: "small" }, /* @__PURE__ */ React34.createElement(
       TextField4,
       {
+        sx: { background: background ? background : "transparent" },
         "data-testid": "multiselect-input",
         fullWidth: true,
         size: "small",
@@ -4649,7 +4655,7 @@ var SCActivityCalendar = ({
           padding: "0px 16px"
         },
         fontSize: "12px !important",
-        height: "260px !important",
+        height: "324px !important",
         background: background ? background : "white",
         "& .MuiDayCalendar-header": { justifyContent: "space-between" },
         "& .MuiDayCalendar-weekContainer": { justifyContent: "space-between" },
@@ -4659,7 +4665,7 @@ var SCActivityCalendar = ({
       },
       onChange: (newValue) => setFecha(newValue)
     }
-  ), /* @__PURE__ */ React38.createElement(Grid9, { container: true, justifyContent: "center" }, /* @__PURE__ */ React38.createElement(IconButton13, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ React38.createElement(KeyboardDoubleArrowUpIcon, { color: "action" }))))), /* @__PURE__ */ React38.createElement(IconButton13, { onClick: handleClickPopoverFiltro, sx: { position: "fixed", right: "calc(100% - 96%)", top: openCalendar == false ? "220px" : "380px" } }, /* @__PURE__ */ React38.createElement(FilterListIcon, { color: "action" })), /* @__PURE__ */ React38.createElement(
+  ), /* @__PURE__ */ React38.createElement(Grid9, { container: true, justifyContent: "center" }, /* @__PURE__ */ React38.createElement(IconButton13, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ React38.createElement(KeyboardDoubleArrowUpIcon, { color: "action" }))))), /* @__PURE__ */ React38.createElement(IconButton13, { onClick: handleClickPopoverFiltro, sx: { position: "fixed", right: "calc(100% - 96%)", top: openCalendar == false ? "220px" : "444px" } }, /* @__PURE__ */ React38.createElement(FilterListIcon, { color: "action" })), /* @__PURE__ */ React38.createElement(
     Popover6,
     {
       open: openPopoverFiltro,
@@ -4935,7 +4941,7 @@ var SCCalendarSwipeable = ({
           padding: "0px 16px"
         },
         fontSize: "12px !important",
-        height: "260px !important",
+        height: "324px !important",
         background: background ? background : "white",
         "& .MuiDayCalendar-header": { justifyContent: "space-between" },
         "& .MuiDayCalendar-weekContainer": { justifyContent: "space-between" },