frst-components 0.27.4 → 0.27.6

package/dist/index.js

@@ -7458,9 +7458,9 @@ const TabWrapper = styled__default["default"]('div') `
 const Tab$1 = styled__default["default"]('div') `
     width: 137px;
     padding: 12px 16px;
-    background-color: ${({ theme }) => theme.colors.shadeWhite};
+    background-color: ${({ theme, style, selected }) => style?.backgroundColor || (selected ? '#D2ACE4' : theme.colors.shadeWhite)};
     border-radius: 8px 8px 0px 0px;
-    cursor: default;
+    cursor: pointer;
 
     ${(props) => props.selected &&
     styled.css `
@@ -7561,8 +7561,8 @@ const WrapperImpedimentoSelect = styled__default["default"]('div') `
     gap: 8px;
     padding: 8px;
     border-radius: 6px;
-    background-color: ${({ theme }) => theme.colors.shadeWhite};
-    cursor: default;
+    background-color: ${({ theme, style }) => style?.backgroundColor || theme.colors.shadeWhite};
+    cursor: pointer;
 
     p {
         font-family: 'PT Sans';
@@ -7817,7 +7817,7 @@ function Dropdown$1({ isOpen, anchor, onClose, impedimentoList, onClickImpedimen
         }, children: jsxRuntime.jsx(ContainerDropdown$1, { children: render() }) }));
 }
 
-function ImpedimentosTab({ maxTabs, tabsList, showAddButton, onSaveNewImpedimento, onSelectedTab, idSelectedTab, currentTab, addButtonText, emptyComponent }) {
+function ImpedimentosTab({ maxTabs, tabsList, showAddButton, onSaveNewImpedimento, onSelectedTab, idSelectedTab, currentTab, addButtonText, emptyComponent, style }) {
     const [selectedTab, setSelectedTab] = React.useState(null);
     const [allTabs, setAllTabs] = React.useState([]);
     const [onShowTabs, setOnShowTabs] = React.useState([]);
@@ -7873,7 +7873,7 @@ function ImpedimentosTab({ maxTabs, tabsList, showAddButton, onSaveNewImpediment
         handleClickTab(impedimento);
     };
     const renderTabs = (tabInfo, index) => {
-        return (jsxRuntime.jsx(Tab$1, { selected: tabInfo.id === selectedTab?.id, onClick: () => handleClickTab(tabInfo), children: jsxRuntime.jsx("p", { children: tabInfo.title }) }, index));
+        return (jsxRuntime.jsx(Tab$1, { style: style, selected: tabInfo.id === selectedTab?.id, onClick: () => handleClickTab(tabInfo), children: jsxRuntime.jsx("p", { children: tabInfo.title }) }, index));
     };
     const handleUpdate = () => {
         if (editDescription == '')
@@ -7911,7 +7911,7 @@ function ImpedimentosTab({ maxTabs, tabsList, showAddButton, onSaveNewImpediment
             setEditDescription(selectedTab.description || '');
         }
     }, [selectedTab]);
-    return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: allTabs?.length > 0 ? (jsxRuntime.jsxs(ContainerImpedimentos, { children: [jsxRuntime.jsxs(TabWrapper, { children: [jsxRuntime.jsxs(material.Box, { display: 'flex', alignItems: 'center', children: [onShowTabs.map((item, index) => renderTabs(item, index)), onHideTabs.length > 0 ? (jsxRuntime.jsx(Tooltip$2, { content: "Ver todos os impedimentos", direction: "bottom", delay: 200, style: { textAlign: 'center' }, children: jsxRuntime.jsxs(WrapperImpedimentoSelect, { activeSelect: openImpedimentoSelect, onClick: (e) => setImpedimentoSelectAnchor(e.currentTarget), children: [jsxRuntime.jsxs("p", { children: ["Mais ", onHideTabs.length] }), jsxRuntime.jsx(WrapperSelectIcon$1, { isOpenSelect: openImpedimentoSelect, children: jsxRuntime.jsx(ArrrowExpandDropdown, {}) })] }) })) : (jsxRuntime.jsx(jsxRuntime.Fragment, {}))] }), jsxRuntime.jsx(material.Box, { display: 'flex', alignItems: 'center', children: showAddButton ? (jsxRuntime.jsx(Tooltip$2, { content: "Sugerir impedimento", direction: "bottom", delay: 200, style: { textAlign: 'center' }, children: jsxRuntime.jsxs(WrapperAddButton, { activeButton: openAddImpedimento, onClick: handleClickAddImpedimento, children: [jsxRuntime.jsx(AddIcon, {}), jsxRuntime.jsx("p", { children: addButtonText })] }) })) : (jsxRuntime.jsx(jsxRuntime.Fragment, {})) })] }), selectedTab?.id ? (jsxRuntime.jsxs(TabInfoWrapper, { onDoubleClick: () => selectedTab?.showOptions && setIsEdit(true), children: [jsxRuntime.jsx(Tooltip$2, { content: selectedTab?.user_name, direction: "bottom", delay: 200, style: {
+    return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: allTabs?.length > 0 ? (jsxRuntime.jsxs(ContainerImpedimentos, { children: [jsxRuntime.jsxs(TabWrapper, { children: [jsxRuntime.jsxs(material.Box, { display: 'flex', alignItems: 'center', children: [onShowTabs.map((item, index) => renderTabs(item, index)), onHideTabs.length > 0 ? (jsxRuntime.jsx(Tooltip$2, { content: "Ver todos os impedimentos", direction: "bottom", delay: 200, style: { textAlign: 'center' }, children: jsxRuntime.jsxs(WrapperImpedimentoSelect, { activeSelect: openImpedimentoSelect, onClick: (e) => setImpedimentoSelectAnchor(e.currentTarget), style: style, children: [jsxRuntime.jsxs("p", { children: ["Mais ", onHideTabs.length] }), jsxRuntime.jsx(WrapperSelectIcon$1, { isOpenSelect: openImpedimentoSelect, children: jsxRuntime.jsx(ArrrowExpandDropdown, {}) })] }) })) : (jsxRuntime.jsx(jsxRuntime.Fragment, {}))] }), jsxRuntime.jsx(material.Box, { display: 'flex', alignItems: 'center', children: showAddButton ? (jsxRuntime.jsx(Tooltip$2, { content: "Sugerir impedimento", direction: "bottom", delay: 200, style: { textAlign: 'center' }, children: jsxRuntime.jsxs(WrapperAddButton, { activeButton: openAddImpedimento, onClick: handleClickAddImpedimento, children: [jsxRuntime.jsx(AddIcon, {}), jsxRuntime.jsx("p", { children: addButtonText })] }) })) : (jsxRuntime.jsx(jsxRuntime.Fragment, {})) })] }), selectedTab?.id ? (jsxRuntime.jsxs(TabInfoWrapper, { onDoubleClick: () => selectedTab?.showOptions && setIsEdit(true), children: [jsxRuntime.jsx(Tooltip$2, { content: selectedTab?.user_name, direction: "bottom", delay: 200, style: {
                                 fontFamily: 'PT Sans',
                                 fontWeight: 400,
                                 fontSize: '14px',
@@ -7961,7 +7961,7 @@ function ImpedimentosTab({ maxTabs, tabsList, showAddButton, onSaveNewImpediment
                                                     }
                                                 ]
                                                 : []),
-                                            ...(selectedTab?.handleDelete
+                                            ...(selectedTab?.handleDelete && !selectedTab?.disabledPriorize // if it's a prioritized impediment, it can't be deleted, but it can be updated
                                                 ? [
                                                     {
                                                         description: 'Excluir',
@@ -8175,7 +8175,7 @@ const HypothesisAndImpediment = ({ description, variant, type, avatar, id, index
     const isOwnerGoal = authorGoalId === authorId;
     const limitCaraterers = variant === 'impediment' ? 365 : 200;
     const [isLimitExceeded, setIsLimitExceeded] = React.useState(false);
-    const options = [
+    let options = [
         hasUpdownButtons &&
             userLoggedId === authorGoalId && {
             startIcon: jsxRuntime.jsx(StarPrioritize, { stroke: type === 'prioritize' ? '#9C9C9C' : '#222222' }),
@@ -8202,6 +8202,7 @@ const HypothesisAndImpediment = ({ description, variant, type, avatar, id, index
             color: '#C00F00'
         }
     ].filter((item) => item);
+    options = type === 'prioritize' ? options.filter((item) => item.description !== 'Excluir') : options;
     React.useEffect(() => {
         setEditDescription(description);
     }, [description]);
@@ -8231,7 +8232,8 @@ const HypothesisAndImpediment = ({ description, variant, type, avatar, id, index
     const validHasEditHipotesisOrImpediment = React.useMemo(() => {
         if (!hasEditHipotesisOrImpediment)
             return false;
-        if (authorGoalId === userLoggedId)
+        //author of the goal can edit but also owner of the hipotesis or impediment if it's priorized
+        if (authorGoalId === userLoggedId || (type === 'prioritize' && hasEditHipotesisOrImpediment))
             return true;
         if (type !== 'prioritize') {
             return authorId === userLoggedId;

package/dist/src/components/DS/hypotesisAndImpediment/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/hypotesisAndImpediment/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iCAAiC,EAAE,MAAM,2BAA2B,CAAA;AAY7E,eAAO,MAAM,uBAAuB,wbA+BjC,iCAAiC,4CAsQnC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/hypotesisAndImpediment/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iCAAiC,EAAE,MAAM,2BAA2B,CAAA;AAY7E,eAAO,MAAM,uBAAuB,wbA+BjC,iCAAiC,4CAwQnC,CAAA"}

package/dist/src/components/DS/impedimentosTab/index.d.ts

@@ -1,3 +1,3 @@
 import { ImpedimentosTabProps } from './impedimentosTab';
-export default function ImpedimentosTab({ maxTabs, tabsList, showAddButton, onSaveNewImpedimento, onSelectedTab, idSelectedTab, currentTab, addButtonText, emptyComponent }: ImpedimentosTabProps): import("react/jsx-runtime").JSX.Element;
+export default function ImpedimentosTab({ maxTabs, tabsList, showAddButton, onSaveNewImpedimento, onSelectedTab, idSelectedTab, currentTab, addButtonText, emptyComponent, style }: ImpedimentosTabProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/src/components/DS/impedimentosTab/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/impedimentosTab/index.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,oBAAoB,EAAW,MAAM,mBAAmB,CAAA;AAejE,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACpC,OAAO,EACP,QAAQ,EACR,aAAa,EACb,oBAAoB,EACpB,aAAa,EACb,aAAa,EACb,UAAU,EACV,aAAa,EACb,cAAc,EACjB,EAAE,oBAAoB,2CAqUtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/impedimentosTab/index.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,oBAAoB,EAAW,MAAM,mBAAmB,CAAA;AAejE,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACpC,OAAO,EACP,QAAQ,EACR,aAAa,EACb,oBAAoB,EACpB,aAAa,EACb,aAAa,EACb,UAAU,EACV,aAAa,EACb,cAAc,EACd,KAAK,EACR,EAAE,oBAAoB,2CAqUtB"}

package/dist/src/components/DS/impedimentosTab/styles.d.ts

@@ -1,15 +1,17 @@
+/// <reference types="react" />
+interface ImpedimentoSelectProps {
+    activeSelect?: boolean;
+    style?: React.CSSProperties;
+    selected?: boolean;
+}
 export declare const ContainerImpedimentos: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TabWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Tab: import("styled-components").StyledComponent<"div", any, {
-    selected: boolean;
-}, never>;
+export declare const Tab: import("styled-components").StyledComponent<"div", any, ImpedimentoSelectProps, never>;
 export declare const TabInfoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const WrapperAddButton: import("styled-components").StyledComponent<"div", any, {
     activeButton: boolean;
 }, never>;
-export declare const WrapperImpedimentoSelect: import("styled-components").StyledComponent<"div", any, {
-    activeSelect: boolean;
-}, never>;
+export declare const WrapperImpedimentoSelect: import("styled-components").StyledComponent<"div", any, ImpedimentoSelectProps, never>;
 export declare const WrapperSelectIcon: import("styled-components").StyledComponent<"div", any, {
     isOpenSelect: boolean;
 }, never>;
@@ -18,4 +20,5 @@ export declare const EditWrapper: import("styled-components").StyledComponent<"d
 export declare const EditButtons: import("styled-components").StyledComponent<"div", any, {
     buttonColor: string;
 }, never>;
+export {};
 //# sourceMappingURL=styles.d.ts.map

package/dist/src/components/DS/impedimentosTab/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/impedimentosTab/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,oEAIjC,CAAA;AAED,eAAO,MAAM,UAAU,oEAItB,CAAA;AAED,eAAO,MAAM,GAAG;cAA4B,OAAO;SAmClD,CAAA;AAED,eAAO,MAAM,cAAc,oEAkB1B,CAAA;AAED,eAAO,MAAM,gBAAgB;kBAAgC,OAAO;SAgDnE,CAAA;AAED,eAAO,MAAM,wBAAwB;kBAAgC,OAAO;SA4B3E,CAAA;AAED,eAAO,MAAM,iBAAiB;kBAAgC,OAAO;SAepE,CAAA;AAED,eAAO,MAAM,eAAe,oEAG3B,CAAA;AAED,eAAO,MAAM,WAAW,oEAKvB,CAAA;AAED,eAAO,MAAM,WAAW;iBAA+B,MAAM;SAQ5D,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/impedimentosTab/styles.ts"],"names":[],"mappings":";AAGA,UAAU,sBAAsB;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,eAAO,MAAM,qBAAqB,oEAIjC,CAAA;AAED,eAAO,MAAM,UAAU,oEAItB,CAAA;AAED,eAAO,MAAM,GAAG,wFAoCf,CAAA;AAED,eAAO,MAAM,cAAc,oEAkB1B,CAAA;AAED,eAAO,MAAM,gBAAgB;kBAAgC,OAAO;SAgDnE,CAAA;AAED,eAAO,MAAM,wBAAwB,wFA4BpC,CAAA;AAED,eAAO,MAAM,iBAAiB;kBAAgC,OAAO;SAepE,CAAA;AAED,eAAO,MAAM,eAAe,oEAG3B,CAAA;AAED,eAAO,MAAM,WAAW,oEAKvB,CAAA;AAED,eAAO,MAAM,WAAW;iBAA+B,MAAM;SAQ5D,CAAA"}

package/package.json

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