frst-components 0.27.3 → 0.27.5

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 }) {
+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([]);
@@ -7842,7 +7842,7 @@ function ImpedimentosTab({ maxTabs, tabsList, showAddButton, onSaveNewImpediment
         }
     }, [idSelectedTab]);
     React.useEffect(() => {
-        if (allTabs.length > 0) {
+        if (allTabs?.length > 0) {
             const tabToSelect = allTabs.find((tab) => tab.id === currentTab);
             setSelectedTab(tabToSelect ? tabToSelect : allTabs[0]);
             setOnShowTabs(allTabs.slice(0, maxTabs));
@@ -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',
@@ -7971,7 +7971,7 @@ function ImpedimentosTab({ maxTabs, tabsList, showAddButton, onSaveNewImpediment
                                                     }
                                                 ]
                                                 : [])
-                                        ], closeAfterClick: true, isContainerOptions: true }) })) : (jsxRuntime.jsx(jsxRuntime.Fragment, {}))] }))] })) : (jsxRuntime.jsx(jsxRuntime.Fragment, {})), jsxRuntime.jsx(AddImpedimentoModal, { isOpen: openAddImpedimento, anchor: addImpedimentoAnchor, onClose: () => setAddImpedimentoAnchor(null), onSaveBtn: handleSaveNewImpedimento }), jsxRuntime.jsx(Dropdown$1, { isOpen: openImpedimentoSelect, anchor: impedimentoSelectAnchor, onClose: () => setImpedimentoSelectAnchor(null), impedimentoList: onHideTabs, maxTabs: maxTabs, onClickImpedimento: handleClickSelectImpedimento })] })) : (jsxRuntime.jsx(jsxRuntime.Fragment, {})) }));
+                                        ], closeAfterClick: true, isContainerOptions: true }) })) : (jsxRuntime.jsx(jsxRuntime.Fragment, {}))] }))] })) : (jsxRuntime.jsx(jsxRuntime.Fragment, {})), jsxRuntime.jsx(AddImpedimentoModal, { isOpen: openAddImpedimento, anchor: addImpedimentoAnchor, onClose: () => setAddImpedimentoAnchor(null), onSaveBtn: handleSaveNewImpedimento }), jsxRuntime.jsx(Dropdown$1, { isOpen: openImpedimentoSelect, anchor: impedimentoSelectAnchor, onClose: () => setImpedimentoSelectAnchor(null), impedimentoList: onHideTabs, maxTabs: maxTabs, onClickImpedimento: handleClickSelectImpedimento })] })) : (emptyComponent !== undefined ? jsxRuntime.jsx(jsxRuntime.Fragment, { children: emptyComponent }) : jsxRuntime.jsx(jsxRuntime.Fragment, {})) }));
 }
 
 const backgroundColors$1 = {

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 }: 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,EAChB,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.3",
+    "version": "0.27.5",
     "private": false,
     "main": "./dist/index.js",
     "types": "./dist/index.d.ts",