sbwb-ds 1.0.93 → 1.0.95

package/dist/sbwb-ds.js

@@ -52199,17 +52199,18 @@ const Ime = ({
   onClickReply: c,
   isReply: u,
   isAuthor: h = !0,
-  onSaveEditedComment: f
+  onSaveEditedComment: f,
+  hiddenEditButton: d
 }) => {
-  const [d, v] = ke(!1), [p, g] = ke(a), m = _e.EditSm, y = _e.DeleteFILL0Sm, w = _e.ReplySm, x = _e.FiberManualRecordFill1Sm, _ = () => {
-    v(!0), s && s();
-  }, b = () => {
-    v(!1), f(e, p);
+  const [v, p] = ke(!1), [g, m] = ke(a), y = _e.EditSm, w = _e.DeleteFILL0Sm, x = _e.ReplySm, _ = _e.FiberManualRecordFill1Sm, b = () => {
+    p(!0), s && s();
   }, M = () => {
-    g(a), v(!1);
+    p(!1), f(e, g);
+  }, L = () => {
+    m(a), p(!1);
   };
   return /* @__PURE__ */ X(lhe, { isReply: u, children: [
-    i ? /* @__PURE__ */ I(Tw, { children: /* @__PURE__ */ I(phe, { src: i }) }) : /* @__PURE__ */ I(Tw, { children: /* @__PURE__ */ I(x, {}) }),
+    i ? /* @__PURE__ */ I(Tw, { children: /* @__PURE__ */ I(phe, { src: i }) }) : /* @__PURE__ */ I(Tw, { children: /* @__PURE__ */ I(_, {}) }),
     /* @__PURE__ */ X(
       "div",
       {
@@ -52222,23 +52223,23 @@ const Ime = ({
               /* @__PURE__ */ I(fhe, { children: r }),
               /* @__PURE__ */ I(dhe, { children: t })
             ] }),
-            /* @__PURE__ */ X(mhe, { isEditing: d, children: [
-              h ? /* @__PURE__ */ I(m, { onClick: _ }) : null,
-              /* @__PURE__ */ I(w, { onClick: () => c(e) }),
-              h ? /* @__PURE__ */ I(y, { onClick: l }) : null
+            /* @__PURE__ */ X(mhe, { isEditing: v, children: [
+              d ? null : h && /* @__PURE__ */ I(y, { onClick: b }),
+              /* @__PURE__ */ I(x, { onClick: () => c(e) }),
+              h ? /* @__PURE__ */ I(w, { onClick: l }) : null
             ] })
           ] }),
           /* @__PURE__ */ X(uhe, { children: [
             /* @__PURE__ */ I(che, { children: o }),
             /* @__PURE__ */ I(Che, { children: n })
           ] }),
-          d ? /* @__PURE__ */ X(yhe, { children: [
+          v ? /* @__PURE__ */ X(yhe, { children: [
             /* @__PURE__ */ I(
               GV,
               {
                 id: "textarea-" + e,
-                value: p,
-                onChange: (L) => g(L.target.value),
+                value: g,
+                onChange: (E) => m(E.target.value),
                 width: "230px",
                 height: "100%",
                 minHeight: "98px",
@@ -52246,10 +52247,10 @@ const Ime = ({
               }
             ),
             /* @__PURE__ */ X(whe, { children: [
-              /* @__PURE__ */ I(Ta, { variant: "delete", onClick: M }),
-              /* @__PURE__ */ I(Ta, { variant: "check_circle", onClick: b })
+              /* @__PURE__ */ I(Ta, { variant: "delete", onClick: L }),
+              /* @__PURE__ */ I(Ta, { variant: "check_circle", onClick: M })
             ] })
-          ] }) : /* @__PURE__ */ I(ghe, { children: p })
+          ] }) : /* @__PURE__ */ I(ghe, { children: g })
         ]
       }
     )
@@ -52368,22 +52369,22 @@ const Dhe = N.div`
   onClose: t,
   onClickOverlay: n,
   sendMessage: a,
-  sendReply: i,
-  title: o,
-  overlay: s,
-  width: l = "340px",
-  confirmButtonProps: c,
-  comments: u,
-  inputProps: h,
-  onReplyToComment: f,
-  onDeleteComment: d,
-  onSaveEditedComment: v
+  title: i,
+  overlay: o,
+  width: s = "340px",
+  confirmButtonProps: l,
+  comments: c,
+  inputProps: u,
+  onReplyToComment: h,
+  onDeleteComment: f,
+  onSaveEditedComment: d,
+  hiddenEditButton: v = !1
 }) => {
   const [p, g] = ke({}), [m, y] = ke(null), w = Qe(null);
   if (!r)
     return null;
   const x = (M) => {
-    f(M), y(M), w.current.focus();
+    h(M), y(M), w.current.focus();
   }, _ = (M) => {
     g((L) => ({
       ...L,
@@ -52393,48 +52394,51 @@ const Dhe = N.div`
     a && (a(m), y(null));
   };
   return /* @__PURE__ */ X(qt, { children: [
-    s && /* @__PURE__ */ I(Dhe, { onClick: n }),
-    /* @__PURE__ */ X(bhe, { id: e, width: l, children: [
+    o && /* @__PURE__ */ I(Dhe, { onClick: n }),
+    /* @__PURE__ */ X(bhe, { id: e, width: s, children: [
       /* @__PURE__ */ X(xhe, { children: [
-        /* @__PURE__ */ I(Vhe, { children: /* @__PURE__ */ I(She, { children: o }) }),
+        /* @__PURE__ */ I(Vhe, { children: /* @__PURE__ */ I(She, { children: i }) }),
         /* @__PURE__ */ I(khe, { onClick: t, children: /* @__PURE__ */ I(xn, { iconName: "CloseMd", width: "24px" }) })
       ] }),
-      /* @__PURE__ */ I(_he, { children: /* @__PURE__ */ I(Mhe, { children: u == null ? void 0 : u.map((M, L) => {
-        var E, V, k;
+      /* @__PURE__ */ I(_he, { children: /* @__PURE__ */ I(Mhe, { children: c == null ? void 0 : c.map((M) => {
+        var L, E, V;
         return /* @__PURE__ */ X(qt, { children: [
           /* @__PURE__ */ I(
             j8,
             {
               ...M,
               onClickReply: () => x(M.id),
-              onClickDelete: () => d(M.id),
-              onSaveEditedComment: () => v(M.id, M.text)
+              onClickDelete: () => f(M.id),
+              onSaveEditedComment: () => d(M.id, M.text),
+              hiddenEditButton: v
             },
             M.id
           ),
-          (E = M.replies) == null ? void 0 : E.slice(0, 1).map((H) => /* @__PURE__ */ I(
+          (L = M.replies) == null ? void 0 : L.slice(0, 1).map((k) => /* @__PURE__ */ I(
             j8,
             {
-              ...H,
+              ...k,
               isReply: !0,
               onClickReply: () => x(M.id),
-              onClickDelete: () => d(H.id),
-              onSaveEditedComment: () => v(H.id, H.text)
+              onClickDelete: () => f(k.id),
+              onSaveEditedComment: () => d(k.id, k.text),
+              hiddenEditButton: v
             },
-            H.id
+            k.id
           )),
-          p[M.id] && ((V = M.replies) == null ? void 0 : V.length) > 1 && M.replies.slice(1).map((H) => /* @__PURE__ */ I(
+          p[M.id] && ((E = M.replies) == null ? void 0 : E.length) > 1 && M.replies.slice(1).map((k) => /* @__PURE__ */ I(
             j8,
             {
-              ...H,
+              ...k,
               isReply: !0,
               onClickReply: () => x(M.id),
-              onClickDelete: () => d(H.id),
-              onSaveEditedComment: () => v(H.id, H.text)
+              onClickDelete: () => f(k.id),
+              onSaveEditedComment: () => d(k.id, k.text),
+              hiddenEditButton: v
             },
-            H.id
+            k.id
           )),
-          ((k = M.replies) == null ? void 0 : k.length) > 1 && /* @__PURE__ */ I(
+          ((V = M.replies) == null ? void 0 : V.length) > 1 && /* @__PURE__ */ I(
             Hhe,
             {
               onClick: () => _(M.id),
@@ -52452,7 +52456,7 @@ const Dhe = N.div`
           /* @__PURE__ */ I(
             Af,
             {
-              ...h,
+              ...u,
               ref: w,
               id: "HistorySheetId",
               size: "Small",
@@ -52463,7 +52467,7 @@ const Dhe = N.div`
           /* @__PURE__ */ I(
             l1,
             {
-              ...c,
+              ...l,
               name: "Enviar",
               size: "Small",
               width: "59px",

package/dist/sbwb-ds.umd.cjs

@@ -2783,7 +2783,7 @@ echarts.use([`+H+"]);":"Unknown series "+k))}return}if(h==="tooltip"){if(w){proc
   display: flex;
   flex-direction: column;
   gap: 4px;
-`,of=({id:e,name:r,keyName:t,date:n,text:a,avatarImg:i,title:o,onClickEdit:s,onClickDelete:l,onClickReply:c,isReply:u,isAuthor:h=!0,onSaveEditedComment:f})=>{const[d,v]=N.useState(!1),[p,g]=N.useState(a),m=be.EditSm,y=be.DeleteFILL0Sm,w=be.ReplySm,x=be.FiberManualRecordFill1Sm,_=()=>{v(!0),s&&s()},b=()=>{v(!1),f(e,p)},M=()=>{g(a),v(!1)};return X(Aie,{isReply:u,children:[i?I(rV,{children:I(Oie,{src:i})}):I(rV,{children:I(x,{})}),X("div",{style:{width:"100%"},children:[X(Fie,{children:[X(Pie,{children:[I(Nie,{children:r}),I(Bie,{children:t})]}),X(zie,{isEditing:d,children:[h?I(m,{onClick:_}):null,I(w,{onClick:()=>c(e)}),h?I(y,{onClick:l}):null]})]}),X(Iie,{children:[I($ie,{children:o}),I(Rie,{children:n})]}),d?X(Wie,{children:[I(Gh,{id:"textarea-"+e,value:p,onChange:L=>g(L.target.value),width:"230px",height:"100%",minHeight:"98px",size:"Small"}),X(Gie,{children:[I(Sn,{variant:"delete",onClick:M}),I(Sn,{variant:"check_circle",onClick:b})]})]}):I(Zie,{children:p})]})]})},Uie=T.h2`
+`,of=({id:e,name:r,keyName:t,date:n,text:a,avatarImg:i,title:o,onClickEdit:s,onClickDelete:l,onClickReply:c,isReply:u,isAuthor:h=!0,onSaveEditedComment:f,hiddenEditButton:d})=>{const[v,p]=N.useState(!1),[g,m]=N.useState(a),y=be.EditSm,w=be.DeleteFILL0Sm,x=be.ReplySm,_=be.FiberManualRecordFill1Sm,b=()=>{p(!0),s&&s()},M=()=>{p(!1),f(e,g)},L=()=>{m(a),p(!1)};return X(Aie,{isReply:u,children:[i?I(rV,{children:I(Oie,{src:i})}):I(rV,{children:I(_,{})}),X("div",{style:{width:"100%"},children:[X(Fie,{children:[X(Pie,{children:[I(Nie,{children:r}),I(Bie,{children:t})]}),X(zie,{isEditing:v,children:[d?null:h&&I(y,{onClick:b}),I(x,{onClick:()=>c(e)}),h?I(w,{onClick:l}):null]})]}),X(Iie,{children:[I($ie,{children:o}),I(Rie,{children:n})]}),v?X(Wie,{children:[I(Gh,{id:"textarea-"+e,value:g,onChange:E=>m(E.target.value),width:"230px",height:"100%",minHeight:"98px",size:"Small"}),X(Gie,{children:[I(Sn,{variant:"delete",onClick:L}),I(Sn,{variant:"check_circle",onClick:M})]})]}):I(Zie,{children:g})]})]})},Uie=T.h2`
   color: ${S.colors.neutralColors.colorNeutralDark};
   font-size: 18px;
   font-style: normal;
@@ -2889,7 +2889,7 @@ echarts.use([`+H+"]);":"Unknown series "+k))}return}if(h==="tooltip"){if(w){proc
       fill: ${S.colors.neutralColors.colorNeutralCloudy};
     }
   }
-`,a2e=({id:e,open:r,onClose:t,onClickOverlay:n,sendMessage:a,sendReply:i,title:o,overlay:s,width:l="340px",confirmButtonProps:c,comments:u,inputProps:h,onReplyToComment:f,onDeleteComment:d,onSaveEditedComment:v})=>{const[p,g]=N.useState({}),[m,y]=N.useState(null),w=N.useRef(null);if(!r)return null;const x=M=>{f(M),y(M),w.current.focus()},_=M=>{g(L=>({...L,[M]:!L[M]}))},b=()=>{a&&(a(m),y(null))};return X(Wt,{children:[s&&I(t2e,{onClick:n}),X(Xie,{id:e,width:l,children:[X(Yie,{children:[I(Jie,{children:I(Uie,{children:o})}),I(e2e,{onClick:t,children:I(Fr,{iconName:"CloseMd",width:"24px"})})]}),I(qie,{children:I(jie,{children:u==null?void 0:u.map((M,L)=>{var E,V,k;return X(Wt,{children:[I(of,{...M,onClickReply:()=>x(M.id),onClickDelete:()=>d(M.id),onSaveEditedComment:()=>v(M.id,M.text)},M.id),(E=M.replies)==null?void 0:E.slice(0,1).map(H=>I(of,{...H,isReply:!0,onClickReply:()=>x(M.id),onClickDelete:()=>d(H.id),onSaveEditedComment:()=>v(H.id,H.text)},H.id)),p[M.id]&&((V=M.replies)==null?void 0:V.length)>1&&M.replies.slice(1).map(H=>I(of,{...H,isReply:!0,onClickReply:()=>x(M.id),onClickDelete:()=>d(H.id),onSaveEditedComment:()=>v(H.id,H.text)},H.id)),((k=M.replies)==null?void 0:k.length)>1&&I(r2e,{onClick:()=>_(M.id),children:I(n2e,{children:p[M.id]?"Menos comentários":X(Wt,{children:[I(Fr,{iconName:"MoreHorizSm",width:"24px"}),"Mais comentários"]})})})]})})})}),X(Kie,{children:[I(af,{width:"100%"}),X(Qie,{children:[I(Ml,{...h,ref:w,id:"HistorySheetId",size:"Small",width:"225px",placeholder:"Digite aqui"}),I(jt,{...c,name:"Enviar",size:"Small",width:"59px",onClick:b})]})]})]})]})},i2e=T.main`
+`,a2e=({id:e,open:r,onClose:t,onClickOverlay:n,sendMessage:a,title:i,overlay:o,width:s="340px",confirmButtonProps:l,comments:c,inputProps:u,onReplyToComment:h,onDeleteComment:f,onSaveEditedComment:d,hiddenEditButton:v=!1})=>{const[p,g]=N.useState({}),[m,y]=N.useState(null),w=N.useRef(null);if(!r)return null;const x=M=>{h(M),y(M),w.current.focus()},_=M=>{g(L=>({...L,[M]:!L[M]}))},b=()=>{a&&(a(m),y(null))};return X(Wt,{children:[o&&I(t2e,{onClick:n}),X(Xie,{id:e,width:s,children:[X(Yie,{children:[I(Jie,{children:I(Uie,{children:i})}),I(e2e,{onClick:t,children:I(Fr,{iconName:"CloseMd",width:"24px"})})]}),I(qie,{children:I(jie,{children:c==null?void 0:c.map(M=>{var L,E,V;return X(Wt,{children:[I(of,{...M,onClickReply:()=>x(M.id),onClickDelete:()=>f(M.id),onSaveEditedComment:()=>d(M.id,M.text),hiddenEditButton:v},M.id),(L=M.replies)==null?void 0:L.slice(0,1).map(k=>I(of,{...k,isReply:!0,onClickReply:()=>x(M.id),onClickDelete:()=>f(k.id),onSaveEditedComment:()=>d(k.id,k.text),hiddenEditButton:v},k.id)),p[M.id]&&((E=M.replies)==null?void 0:E.length)>1&&M.replies.slice(1).map(k=>I(of,{...k,isReply:!0,onClickReply:()=>x(M.id),onClickDelete:()=>f(k.id),onSaveEditedComment:()=>d(k.id,k.text),hiddenEditButton:v},k.id)),((V=M.replies)==null?void 0:V.length)>1&&I(r2e,{onClick:()=>_(M.id),children:I(n2e,{children:p[M.id]?"Menos comentários":X(Wt,{children:[I(Fr,{iconName:"MoreHorizSm",width:"24px"}),"Mais comentários"]})})})]})})})}),X(Kie,{children:[I(af,{width:"100%"}),X(Qie,{children:[I(Ml,{...u,ref:w,id:"HistorySheetId",size:"Small",width:"225px",placeholder:"Digite aqui"}),I(jt,{...l,name:"Enviar",size:"Small",width:"59px",onClick:b})]})]})]})]})},i2e=T.main`
   position: relative;
   min-width: 488px;
   height: ${({showDetails:e})=>e?"628px":"500px"};

package/dist/src/presentation/components/atoms/SheetHistory/components/HistoryComment/index.d.ts

@@ -13,6 +13,7 @@ export interface CommentProps {
     isAuthor?: boolean;
     replies?: CommentProps[];
     onSaveEditedComment?: (commentId: string, newText: string) => void;
+    hiddenEditButton: boolean;
 }
-declare const HistoryComment: ({ id, name, keyName, date, text, avatarImg, title, onClickEdit, onClickDelete, onClickReply, isReply, isAuthor, onSaveEditedComment, }: CommentProps) => import("react/jsx-runtime").JSX.Element;
+declare const HistoryComment: ({ id, name, keyName, date, text, avatarImg, title, onClickEdit, onClickDelete, onClickReply, isReply, isAuthor, onSaveEditedComment, hiddenEditButton, }: CommentProps) => import("react/jsx-runtime").JSX.Element;
 export default HistoryComment;

package/dist/src/presentation/components/atoms/SheetHistory/index.d.ts

@@ -19,6 +19,7 @@ interface Props {
     onReplyToComment?: (commentId: string) => void;
     onDeleteComment?: (commentId: string) => void;
     onSaveEditedComment?: (commentId: string, newText: string) => void;
+    hiddenEditButton?: boolean;
 }
-declare const SheetHistory: ({ id, open, onClose, onClickOverlay, sendMessage, sendReply, title, overlay, width, confirmButtonProps, comments, inputProps, onReplyToComment, onDeleteComment, onSaveEditedComment, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const SheetHistory: ({ id, open, onClose, onClickOverlay, sendMessage, title, overlay, width, confirmButtonProps, comments, inputProps, onReplyToComment, onDeleteComment, onSaveEditedComment, hiddenEditButton, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default SheetHistory;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sbwb-ds",
-  "version": "1.0.93",
+  "version": "1.0.95",
   "type": "module",
   "description": "Sistema de design para padronização dos processos visuais do portal SUBWEB",
   "main": "dist/sbwb-ds.js",

package/src/presentation/components/atoms/SheetHistory/SheetHistory.stories.tsx

@@ -21,6 +21,7 @@ export default {
     onClickOverlay: { action: 'onClickOverlay' },
     cancelButtonProps: { control: 'object' },
     confirmButtonProps: { control: 'object' },
+    hiddenEditButton: { control: 'boolean' },
   },
 };
 

package/src/presentation/components/atoms/SheetHistory/components/HistoryComment/index.tsx

@@ -19,6 +19,7 @@ export interface CommentProps {
   isAuthor?: boolean;
   replies?: CommentProps[];
   onSaveEditedComment?: (commentId: string, newText: string) => void;
+  hiddenEditButton: boolean;
 }
 
 const HistoryComment = ({
@@ -35,14 +36,15 @@ const HistoryComment = ({
   isReply,
   isAuthor = true,
   onSaveEditedComment,
+  hiddenEditButton,
 }: CommentProps) => {
   const [isEditing, setIsEditing] = useState(false);
   const [editableText, setEditableText] = useState(text);
 
-  const EditIcon = Icons[`EditSm`];
-  const DeleteIcon = Icons[`DeleteFILL0Sm`];
-  const ReplyIcon = Icons[`ReplySm`];
-  const Avatar = Icons[`FiberManualRecordFill1Sm`];
+  const EditIcon = Icons.EditSm;
+  const DeleteIcon = Icons.DeleteFILL0Sm;
+  const ReplyIcon = Icons.ReplySm;
+  const Avatar = Icons.FiberManualRecordFill1Sm;
 
   const handleEditClick = () => {
     setIsEditing(true);
@@ -84,7 +86,9 @@ const HistoryComment = ({
           </C.NameContainer>
 
           <C.IconsContainer isEditing={isEditing}>
-            {isAuthor ? <EditIcon onClick={handleEditClick} /> : null}
+            {!hiddenEditButton
+              ? isAuthor && <EditIcon onClick={handleEditClick} />
+              : null}
             <ReplyIcon onClick={() => onClickReply(id)} />
             {isAuthor ? <DeleteIcon onClick={onClickDelete} /> : null}
           </C.IconsContainer>

package/src/presentation/components/atoms/SheetHistory/index.tsx

@@ -24,6 +24,7 @@ interface Props {
   onReplyToComment?: (commentId: string) => void;
   onDeleteComment?: (commentId: string) => void;
   onSaveEditedComment?: (commentId: string, newText: string) => void;
+  hiddenEditButton?: boolean;
 }
 
 const SheetHistory = ({
@@ -32,7 +33,6 @@ const SheetHistory = ({
   onClose,
   onClickOverlay,
   sendMessage,
-  sendReply,
   title,
   overlay,
   width = '340px',
@@ -42,6 +42,7 @@ const SheetHistory = ({
   onReplyToComment,
   onDeleteComment,
   onSaveEditedComment,
+  hiddenEditButton = false,
 }: Props) => {
   const [expandedComments, setExpandedComments] = useState({});
   const [replyToCommentId, setReplyToCommentId] = useState(null);
@@ -86,7 +87,7 @@ const SheetHistory = ({
 
         <C.ScrollContainer>
           <C.Content>
-            {comments?.map((comment, index) => (
+            {comments?.map((comment) => (
               <>
                 <Comment
                   key={comment.id}
@@ -96,6 +97,7 @@ const SheetHistory = ({
                   onSaveEditedComment={() =>
                     onSaveEditedComment(comment.id, comment.text)
                   }
+                  hiddenEditButton={hiddenEditButton}
                 />
                 {comment.replies?.slice(0, 1).map((reply) => (
                   <Comment
@@ -107,6 +109,7 @@ const SheetHistory = ({
                     onSaveEditedComment={() =>
                       onSaveEditedComment(reply.id, reply.text)
                     }
+                    hiddenEditButton={hiddenEditButton}
                   />
                 ))}
                 {expandedComments[comment.id] &&
@@ -123,6 +126,7 @@ const SheetHistory = ({
                         onSaveEditedComment={() =>
                           onSaveEditedComment(reply.id, reply.text)
                         }
+                        hiddenEditButton={hiddenEditButton}
                       />
                     ))}
                 {comment.replies?.length > 1 && (