frst-components 0.23.49 → 0.23.50

package/dist/index.js

@@ -21032,26 +21032,6 @@ function ExpandButton({ isExpanded, onClick }) {
 
 function Table({ columns, data, isLoading, lengthElSkeleton = 5, containerStyles, expandItemId, hiddeExpandItemId }) {
     const [expandedRows, setExpandedRows] = React.useState([]);
-    /*
-    useEffect(() => {
-      console.log('\nexpandedRows ', expandedRows)
-      console.log('expandItemId ', expandItemId)
-      console.log('hiddeExpandItemId ', hiddeExpandItemId)
-      if (expandItemId !== -1) {
-        setExpandedRows((prevExpandedRows) => ({
-          ...prevExpandedRows,
-          [expandItemId]: true
-        }));
-        // setExpandItemId(-1);  // Reset expandItemId after updating
-      }
-      if (hiddeExpandItemId !== -1) {
-        setExpandedRows((prevExpandedRows) => ({
-          ...prevExpandedRows,
-          [hiddeExpandItemId]: false
-        }));
-        // setExpandItemId(-1);  // Reset expandItemId after updating
-      }
-    }, [expandItemId, hiddeExpandItemId, expandedRows])*/
     React.useEffect(() => {
         if (expandItemId !== -1) {
             setExpandedRows((prevExpandedRows) => ({
@@ -21080,12 +21060,14 @@ function Table({ columns, data, isLoading, lengthElSkeleton = 5, containerStyles
 const WrapperCollaboratorAvatar = styled__default["default"].div `
   width: 100%;
   display: flex;
-  justify-content: center;
+  justify-content: ${({ align }) => align && align != 'center' ?
+    (align == 'left' ? 'flex-start' : 'flex-end') :
+    'center'};
   align-items: center;
 `;
 
-function CollaboratorAvatar({ src, onPressAvatar, labelTextVisitProfile, uuid }) {
-    return (jsxRuntime.jsx(WrapperCollaboratorAvatar, { children: onPressAvatar && uuid ? (jsxRuntime.jsx(Tooltip$2, { direction: "bottom", content: labelTextVisitProfile ? labelTextVisitProfile : 'Visitar perfil', trigger: "hover", width: "fit-content", height: "32px", style: { top: '10px', textAlign: 'center', whiteSpace: 'nowrap' }, children: jsxRuntime.jsx(Avatar, { size: "32px", src: src ? src : 'https://cdn-images.frstfalconi.cloud/path582.svg', onClick: onPressAvatar && uuid ? () => onPressAvatar(uuid) : null, isActiveClick: !!(onPressAvatar && uuid) }) })) : (jsxRuntime.jsx(Avatar, { size: "32px", src: src ? src : 'https://cdn-images.frstfalconi.cloud/path582.svg', onClick: null, isActiveClick: !!(onPressAvatar && uuid) })) }));
+function CollaboratorAvatar({ src, onPressAvatar, labelTextVisitProfile, uuid, align }) {
+    return (jsxRuntime.jsx(WrapperCollaboratorAvatar, { align: align, children: onPressAvatar && uuid ? (jsxRuntime.jsx(Tooltip$2, { direction: "bottom", content: labelTextVisitProfile ? labelTextVisitProfile : 'Visitar perfil', trigger: "hover", width: "fit-content", height: "32px", style: { top: '10px', textAlign: 'center', whiteSpace: 'nowrap' }, children: jsxRuntime.jsx(Avatar, { size: "32px", src: src ? src : 'https://cdn-images.frstfalconi.cloud/path582.svg', onClick: onPressAvatar && uuid ? () => onPressAvatar(uuid) : null, isActiveClick: !!(onPressAvatar && uuid) }) })) : (jsxRuntime.jsx(Avatar, { size: "32px", src: src ? src : 'https://cdn-images.frstfalconi.cloud/path582.svg', onClick: null, isActiveClick: !!(onPressAvatar && uuid) })) }));
 }
 
 const WrapperDateLimit = styled__default["default"].div `
@@ -21293,7 +21275,7 @@ const ButtonActionInbox = styled__default["default"].div `
   width: 35px;
   height: 35px;
   border-radius: 20px;
-  background-color: ${({ theme }) => theme.colors.primary1};
+  background-color: ${({ theme, enable }) => enable ? theme.colors.primary1 : theme.colors.neutralsGrey5};
 
   font-family: Work Sans;
   font-size: 14px;
@@ -21302,7 +21284,7 @@ const ButtonActionInbox = styled__default["default"].div `
   text-align: center;
   color: ${({ theme }) => theme.colors.shadeWhite};
 
-  cursor: pointer;
+  cursor: ${({ enable }) => enable ? "pointer" : "auto"} ;
 `;
 const WrapperEmptyState = styled__default["default"].div `
   display: flex;
@@ -21361,31 +21343,40 @@ function TableActions({ columns, data, isLoading, lengthElSkeleton = 3, onPressA
     const [adaptedData, setAdaptedData] = React.useState([]);
     React.useEffect(() => {
         const newColumns = columns.map((column, index) => {
-            if (showButtonInbox) {
-                let width = '15%';
-                let align = 'center';
-                if (index === 1) {
-                    width = '45%';
-                    align = 'left';
-                }
-                if (index === columns.length - 1) {
-                    width = '5%';
-                    align = 'center';
-                }
-                return { title: column, width: width, align: align };
+            if (typeof column !== 'string' && column?.alignHeader) {
+                return {
+                    title: column?.title,
+                    width: column?.width,
+                    align: column?.alignHeader
+                };
             }
             else {
-                let width = '20%';
-                let align = 'center';
-                if (index === 1) {
-                    width = '40%';
-                    align = 'left';
+                if (showButtonInbox) {
+                    let width = '15%';
+                    let align = 'center';
+                    if (index === 1) {
+                        width = '45%';
+                        align = 'left';
+                    }
+                    if (index === columns.length - 1) {
+                        width = '5%';
+                        align = 'center';
+                    }
+                    return { title: column, width: width, align: align };
                 }
-                if (index === columns.length - 1) {
-                    width = '0%';
-                    align = 'center';
+                else {
+                    let width = '20%';
+                    let align = 'center';
+                    if (index === 1) {
+                        width = '40%';
+                        align = 'left';
+                    }
+                    if (index === columns.length - 1) {
+                        width = '0%';
+                        align = 'center';
+                    }
+                    return { title: column, width: width, align: align };
                 }
-                return { title: column, width: width, align: align };
             }
         });
         setAdaptedColumns(newColumns);
@@ -21394,11 +21385,12 @@ function TableActions({ columns, data, isLoading, lengthElSkeleton = 3, onPressA
         const newData = data.map((item) => ({
             id: item.id,
             value: [
-                jsxRuntime.jsx(CollaboratorAvatar, { src: item?.value?.[0]?.id ? item?.value?.[0]?.src : item?.value?.[0], onPressAvatar: onPressAvatar, uuid: item?.value?.[0]?.id, labelTextVisitProfile: labelTextVisitProfile }),
-                jsxRuntime.jsx("p", { style: { color: '#222' }, children: item.value[1] }),
+                jsxRuntime.jsx(CollaboratorAvatar, { src: item?.value?.[0]?.id ? item?.value?.[0]?.src : item?.value?.[0], onPressAvatar: onPressAvatar, uuid: item?.value?.[0]?.id, labelTextVisitProfile: labelTextVisitProfile, align: typeof columns?.[0] !== 'string' && columns?.[0]?.alignContent }),
+                // @ts-ignore
+                jsxRuntime.jsx("p", { style: { color: '#222', textAlign: columns?.[1]?.alignContent }, children: item.value[1] }),
                 jsxRuntime.jsx(DateLimit, { date: item?.value?.[2], status: item?.value?.[3] }),
                 jsxRuntime.jsx(TableBody, { status: item?.value?.[3], label: labelStatus?.[item?.value?.[3]] }),
-                item?.actionButtonInbox ? (jsxRuntime.jsx(WrapperCellButtonInbox, { children: jsxRuntime.jsx(ButtonActionInbox, { onClick: () => item?.actionButtonInbox?.(item?.value?.[0]?.id), children: jsxRuntime.jsx(BallonChatgRondedTips, {}) }) })) : (jsxRuntime.jsx(jsxRuntime.Fragment, {}))
+                item?.actionButtonInbox ? (jsxRuntime.jsx(WrapperCellButtonInbox, { children: jsxRuntime.jsx(ButtonActionInbox, { enable: item?.enableButtonInbox, onClick: () => item?.enableButtonInbox ? item?.actionButtonInbox?.(item?.value?.[0]?.id) : {}, children: jsxRuntime.jsx(BallonChatgRondedTips, {}) }) })) : (jsxRuntime.jsx(jsxRuntime.Fragment, {}))
             ],
             showButtonExpanded: item.showButtonExpanded,
             children: item.children
@@ -21408,7 +21400,7 @@ function TableActions({ columns, data, isLoading, lengthElSkeleton = 3, onPressA
     const customStyleBorderTable = buttonBottomCreateAction?.mode == 'button' || buttonBottomCreateAction?.mode == 'children' || data?.length == 0
         ? { borderBottomLeftRadius: '0px', borderBottomRightRadius: '0px' }
         : {};
-    return (jsxRuntime.jsxs(styled.ThemeProvider, { theme: FRSTTheme, children: [jsxRuntime.jsx(Table, { columns: adaptedColumns, data: adaptedData, isLoading: isLoading, lengthElSkeleton: lengthElSkeleton, containerStyles: customStyleBorderTable, expandItemId: expandItemId, hiddeExpandItemId: hiddeExpandItemId }), data?.length == 0 && jsxRuntime.jsx(EmptyState, { emptyState: emptyState, customImage: customImageEmptyState }), data?.length !== 0 && buttonBottomCreateAction?.mode && buttonBottomCreateAction?.mode != 'hidden' && (jsxRuntime.jsxs(WrapperEmptyState, { children: [buttonBottomCreateAction?.mode == 'button' && (jsxRuntime.jsx(WrapperEmptyStateCaseButton, { children: jsxRuntime.jsx(WrapperButtonEmpty, { children: jsxRuntime.jsxs(ButtonEmpty, { onClick: () => buttonBottomCreateAction?.handleClickButtonCreate?.(), children: [jsxRuntime.jsx(AddIcon, { fill: FRSTTheme?.colors?.primary1, width: '14', height: '14' }), ' ', buttonBottomCreateAction?.labelButtonAddAction] }) }) })), buttonBottomCreateAction?.mode == 'children' && jsxRuntime.jsx("div", { children: buttonBottomCreateAction?.children })] }))] }));
+    return (jsxRuntime.jsxs(styled.ThemeProvider, { theme: FRSTTheme, children: [jsxRuntime.jsx(Table, { columns: adaptedColumns, data: adaptedData, isLoading: isLoading, lengthElSkeleton: lengthElSkeleton, containerStyles: customStyleBorderTable, expandItemId: expandItemId, hiddeExpandItemId: hiddeExpandItemId }), !isLoading && data?.length == 0 && jsxRuntime.jsx(EmptyState, { emptyState: emptyState, customImage: customImageEmptyState }), !isLoading && data?.length !== 0 && buttonBottomCreateAction?.mode && buttonBottomCreateAction?.mode != 'hidden' && (jsxRuntime.jsxs(WrapperEmptyState, { children: [buttonBottomCreateAction?.mode == 'button' && (jsxRuntime.jsx(WrapperEmptyStateCaseButton, { children: jsxRuntime.jsx(WrapperButtonEmpty, { children: jsxRuntime.jsxs(ButtonEmpty, { onClick: () => buttonBottomCreateAction?.handleClickButtonCreate?.(), children: [jsxRuntime.jsx(AddIcon, { fill: FRSTTheme?.colors?.primary1, width: '14', height: '14' }), buttonBottomCreateAction?.labelButtonAddAction] }) }) })), buttonBottomCreateAction?.mode == 'children' && jsxRuntime.jsx("div", { children: buttonBottomCreateAction?.children })] }))] }));
 }
 
 const pulseAnimation = styled.keyframes `

package/dist/src/components/form-elements/table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form-elements/table/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAOnC,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAEhC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,OAAO,EACP,IAAI,EACJ,SAAS,EACT,gBAAoB,EACpB,eAAe,EACf,YAAY,EACZ,iBAAiB,EAClB,EAAE,MAAM,eA4ER"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form-elements/table/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAOnC,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAEhC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,OAAO,EACP,IAAI,EACJ,SAAS,EACT,gBAAoB,EACpB,eAAe,EACf,YAAY,EACZ,iBAAiB,EAClB,EAAE,MAAM,eAwDR"}

package/dist/src/components/form-elements/table-actions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form-elements/table-actions/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAGnC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAc9C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,OAAO,EACP,IAAI,EACJ,SAAS,EACT,gBAAoB,EACpB,aAAa,EACb,WAAW,EACX,qBAAqB,EACrB,wBAAwB,EACxB,eAAe,EACf,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,qBAAqB,EACtB,EAAE,aAAa,eAwGf"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form-elements/table-actions/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAGnC,OAAO,EAAc,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAc1D,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,OAAO,EACP,IAAI,EACJ,SAAS,EACT,gBAAoB,EACpB,aAAa,EACb,WAAW,EACX,qBAAqB,EACrB,wBAAwB,EACxB,eAAe,EACf,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,qBAAqB,EACtB,EAAE,aAAa,eAsHf"}

package/dist/src/components/form-elements/table-actions/parts/CollaboratorAvatar/collaboratorAvatarStyle.d.ts

@@ -1,2 +1,4 @@
-export declare const WrapperCollaboratorAvatar: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WrapperCollaboratorAvatar: import("styled-components").StyledComponent<"div", any, {
+    align: any;
+}, never>;
 //# sourceMappingURL=collaboratorAvatarStyle.d.ts.map

package/dist/src/components/form-elements/table-actions/parts/CollaboratorAvatar/collaboratorAvatarStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collaboratorAvatarStyle.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form-elements/table-actions/parts/CollaboratorAvatar/collaboratorAvatarStyle.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,yBAAyB,oEAKrC,CAAC"}
+{"version":3,"file":"collaboratorAvatarStyle.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form-elements/table-actions/parts/CollaboratorAvatar/collaboratorAvatarStyle.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,yBAAyB;;SASrC,CAAC"}

package/dist/src/components/form-elements/table-actions/parts/CollaboratorAvatar/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { ICollaboratorAvatar } from './collaborator-Avatar';
-export default function CollaboratorAvatar({ src, onPressAvatar, labelTextVisitProfile, uuid }: ICollaboratorAvatar): JSX.Element;
+export default function CollaboratorAvatar({ src, onPressAvatar, labelTextVisitProfile, uuid, align }: ICollaboratorAvatar): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/src/components/form-elements/table-actions/parts/CollaboratorAvatar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form-elements/table-actions/parts/CollaboratorAvatar/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAI3D,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE,qBAAqB,EAAE,IAAI,EAAE,EAAE,mBAAmB,eA6BlH"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form-elements/table-actions/parts/CollaboratorAvatar/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAI3D,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE,qBAAqB,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,mBAAmB,eA6BzH"}

package/dist/src/components/form-elements/table-actions/tableActionsStyle.d.ts

@@ -4,7 +4,9 @@ export declare const Label: import("styled-components").StyledComponent<"div", a
     isChecked: boolean;
 }, never>;
 export declare const WrapperCellButtonInbox: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ButtonActionInbox: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ButtonActionInbox: import("styled-components").StyledComponent<"div", any, {
+    enable: any;
+}, never>;
 export declare const WrapperEmptyState: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const WrapperEmptyStateCaseButton: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const WrapperButtonEmpty: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/src/components/form-elements/table-actions/tableActionsStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tableActionsStyle.d.ts","sourceRoot":"","sources":["../../../../../src/components/form-elements/table-actions/tableActionsStyle.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,eAAe,oEAS3B,CAAA;AAED,eAAO,MAAM,WAAW,uEAYvB,CAAA;AAED,eAAO,MAAM,KAAK;eAA2B,OAAO;SAQnD,CAAA;AAED,eAAO,MAAM,sBAAsB,oEAMlC,CAAA;AAED,eAAO,MAAM,iBAAiB,oEAiB7B,CAAA;AAED,eAAO,MAAM,iBAAiB,oEAc7B,CAAA;AAED,eAAO,MAAM,2BAA2B,oEAQvC,CAAA;AAED,eAAO,MAAM,kBAAkB,oEAI9B,CAAA;AAED,eAAO,MAAM,WAAW,oEAqBvB,CAAA"}
+{"version":3,"file":"tableActionsStyle.d.ts","sourceRoot":"","sources":["../../../../../src/components/form-elements/table-actions/tableActionsStyle.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,eAAe,oEAS3B,CAAA;AAED,eAAO,MAAM,WAAW,uEAYvB,CAAA;AAED,eAAO,MAAM,KAAK;eAA2B,OAAO;SAQnD,CAAA;AAED,eAAO,MAAM,sBAAsB,oEAMlC,CAAA;AAED,eAAO,MAAM,iBAAiB;;SAiB7B,CAAA;AAED,eAAO,MAAM,iBAAiB,oEAc7B,CAAA;AAED,eAAO,MAAM,2BAA2B,oEAQvC,CAAA;AAED,eAAO,MAAM,kBAAkB,oEAI9B,CAAA;AAED,eAAO,MAAM,WAAW,oEAqBvB,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "frst-components",
   "homepage": "http://FRST-Falconi.github.io/storybook.frstfalconi.com",
-  "version": "0.23.49",
+  "version": "0.23.50",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",