componentes-sinco 1.1.42 → 1.1.43

package/dist/index.d.cts

@@ -27,9 +27,10 @@ interface AttachmentProps<T> {
     deleteAction?: (name: string) => Promise<void> | void;
     initialFiles?: UploadedFile$1[];
     iconFileItem?: any | React.ReactNode | React.ReactElement | React.ElementType | null;
+    view?: 'file' | 'button';
 }
 
-declare const Attachment: ({ sx, compact, error, maxSize, fileAccepted, onLoading, onChange, downloadAction, deleteAction, initialFiles, iconFileItem, }: AttachmentProps<any>) => React__default.JSX.Element;
+declare const Attachment: ({ sx, compact, error, maxSize, fileAccepted, onLoading, onChange, downloadAction, deleteAction, initialFiles, iconFileItem, view, }: AttachmentProps<any>) => React__default.JSX.Element;
 
 type ReplyPalette$1 = "primary" | "secondary" | "warning" | "info" | "success" | "error" | any;
 type ReplyTextPalette = "primary" | "secondary" | "disabled";

package/dist/index.d.ts

@@ -27,9 +27,10 @@ interface AttachmentProps<T> {
     deleteAction?: (name: string) => Promise<void> | void;
     initialFiles?: UploadedFile$1[];
     iconFileItem?: any | React.ReactNode | React.ReactElement | React.ElementType | null;
+    view?: 'file' | 'button';
 }
 
-declare const Attachment: ({ sx, compact, error, maxSize, fileAccepted, onLoading, onChange, downloadAction, deleteAction, initialFiles, iconFileItem, }: AttachmentProps<any>) => React__default.JSX.Element;
+declare const Attachment: ({ sx, compact, error, maxSize, fileAccepted, onLoading, onChange, downloadAction, deleteAction, initialFiles, iconFileItem, view, }: AttachmentProps<any>) => React__default.JSX.Element;
 
 type ReplyPalette$1 = "primary" | "secondary" | "warning" | "info" | "success" | "error" | any;
 type ReplyTextPalette = "primary" | "secondary" | "disabled";

package/dist/index.js

@@ -400,7 +400,8 @@ var Attachment = ({
   downloadAction,
   deleteAction,
   initialFiles = [],
-  iconFileItem
+  iconFileItem,
+  view = "button"
 }) => {
   const [files, setFiles] = useState4([]);
   const [fileToDelete, setFileToDelete] = useState4(null);
@@ -524,7 +525,7 @@ var Attachment = ({
       return filteredFiles;
     });
   };
-  return /* @__PURE__ */ React4.createElement(Stack3, { spacing: 2 }, toast && /* @__PURE__ */ React4.createElement(SCToastNotification, __spreadValues({}, toast)), /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React4.createElement(Stack3, { spacing: 2, display: "flex", flexDirection: "column", gap: 1 }, toast && /* @__PURE__ */ React4.createElement(SCToastNotification, __spreadValues({}, toast)), /* @__PURE__ */ React4.createElement(
     "input",
     {
       type: "file",
@@ -533,7 +534,7 @@ var Attachment = ({
       ref: inputRef,
       onChange: handleUpload
     }
-  ), /* @__PURE__ */ React4.createElement(
+  ), view === "button" && /* @__PURE__ */ React4.createElement(
     Stack3,
     {
       "data-testid": "ZonaAdjuntos",
@@ -642,6 +643,7 @@ var Attachment = ({
       id: "ContenedorArchivosAdjuntos",
       width: "100%",
       sx: __spreadValues({
+        marginTop: "0px !important",
         overflowY: "auto"
       }, files.length > 5 && {
         maxHeight: 250
@@ -701,7 +703,7 @@ var Attachment = ({
         },
         /* @__PURE__ */ React4.createElement(FileDownload, { fontSize: "small", color: "action" })
       )),
-      /* @__PURE__ */ React4.createElement(Tooltip, { title: "Eliminar" }, /* @__PURE__ */ React4.createElement(
+      view === "button" && /* @__PURE__ */ React4.createElement(Tooltip, { title: "Eliminar" }, /* @__PURE__ */ React4.createElement(
         IconButton3,
         {
           size: "small",
@@ -2826,7 +2828,7 @@ function SCAutocomplete({
           __spreadValues({
             size: "small",
             label: getItemValue(option).text
-          }, chipOutside.type === "avatar" ? { avatar: /* @__PURE__ */ React15.createElement(Avatar, null, avatarText) } : {})
+          }, chipOutside.type === "avatar" ? { avatar: /* @__PURE__ */ React15.createElement(Avatar, { sx: { height: "15px !important", width: "15px !important" } }, avatarText) } : {})
         ));
       })
     ), /* @__PURE__ */ React15.createElement(Box11, { sx: { display: "flex", flexWrap: "wrap", gap: 0.5, maxHeight: 36, overflow: "hidden" } }, selectedOptions.slice(0, displayCount).map((option) => {
@@ -2840,7 +2842,7 @@ function SCAutocomplete({
           variant: "filled",
           label: getItemValue(option).text,
           onDelete: () => handleDeleteChip(option)
-        }, chipOutside.type === "avatar" ? { avatar: /* @__PURE__ */ React15.createElement(Avatar, null, avatarText) } : {})
+        }, chipOutside.type === "avatar" ? { avatar: /* @__PURE__ */ React15.createElement(Avatar, { sx: { height: "15px !important", width: "15px !important" } }, avatarText) } : {})
       );
     }), hiddenCount > 0 && /* @__PURE__ */ React15.createElement(
       Box11,
@@ -4412,7 +4414,7 @@ var PageHeader = ({
   fixed,
   shadow = true
 }) => {
-  return /* @__PURE__ */ React35.createElement(
+  return /* @__PURE__ */ React35.createElement(React35.Fragment, null, /* @__PURE__ */ React35.createElement(
     Stack13,
     {
       "data-testid": "main-container",
@@ -4425,7 +4427,7 @@ var PageHeader = ({
       sx: { boxShadow: shadow ? (theme) => theme.shadows[1] : "none" }
     },
     /* @__PURE__ */ React35.createElement(Stack13, { "data-testid": "page-header-content", height: 40, px: 3, pl: buttonBack ? 1 : 3, direction: "row", alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ React35.createElement(Stack13, { id: "left-section", direction: "row", alignItems: "center", gap: 1 }, buttonBack, /* @__PURE__ */ React35.createElement(Stack13, { id: "text-section", gap: 0.5 }, /* @__PURE__ */ React35.createElement(Typography18, { "data-testid": "page-header-title", variant: "h6", color: "text.primary" }, title), subtitle && /* @__PURE__ */ React35.createElement(Typography18, { "data-testid": "page-header-subtitle", variant: "caption", color: "text.secondary" }, subtitle))), actions && /* @__PURE__ */ React35.createElement(Stack13, { id: "right-actions", direction: "row", alignItems: "center", gap: 1 }, actions))
-  );
+  ), fixed && /* @__PURE__ */ React35.createElement(Stack13, { sx: { height: 48 } }));
 };
 
 // src/Components/SCActivityCalendar.tsx