frst-components 0.23.78 → 0.23.79
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js
CHANGED
|
@@ -7437,13 +7437,13 @@ const WrapperMenuMore = styled__default["default"]('div') `
|
|
|
7437
7437
|
margin-left: auto;
|
|
7438
7438
|
margin-right: 0;
|
|
7439
7439
|
`;
|
|
7440
|
-
|
|
7440
|
+
styled__default["default"]('div') `
|
|
7441
7441
|
width: 100%;
|
|
7442
7442
|
display: flex;
|
|
7443
7443
|
align-items: center;
|
|
7444
7444
|
gap: 16px;
|
|
7445
7445
|
`;
|
|
7446
|
-
|
|
7446
|
+
styled__default["default"]('div') `
|
|
7447
7447
|
width: 32px;
|
|
7448
7448
|
height: 32px;
|
|
7449
7449
|
border-radius: 100px;
|
|
@@ -7528,7 +7528,7 @@ function Dropdown$1({ isOpen, anchor, onClose, impedimentoList, onClickImpedimen
|
|
|
7528
7528
|
}, children: jsxRuntime.jsx(ContainerDropdown, { children: render() }) }));
|
|
7529
7529
|
}
|
|
7530
7530
|
|
|
7531
|
-
function ImpedimentosTab({ maxTabs, tabsList, showAddButton, onSaveNewImpedimento, onSelectedTab, idSelectedTab, currentTab }) {
|
|
7531
|
+
function ImpedimentosTab({ maxTabs, tabsList, showAddButton, onSaveNewImpedimento, onSelectedTab, idSelectedTab, currentTab, handleClickAvatar }) {
|
|
7532
7532
|
const [selectedTab, setSelectedTab] = React.useState(null);
|
|
7533
7533
|
const [allTabs, setAllTabs] = React.useState([]);
|
|
7534
7534
|
const [onShowTabs, setOnShowTabs] = React.useState([]);
|
|
@@ -7609,44 +7609,58 @@ function ImpedimentosTab({ maxTabs, tabsList, showAddButton, onSaveNewImpediment
|
|
|
7609
7609
|
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, { isOpenSelect: openImpedimentoSelect, children: jsxRuntime.jsx(ArrrowExpandDropdown, {}) })] }) })
|
|
7610
7610
|
:
|
|
7611
7611
|
jsxRuntime.jsx(jsxRuntime.Fragment, {}) })] }), selectedTab?.id ?
|
|
7612
|
-
jsxRuntime.
|
|
7613
|
-
jsxRuntime.jsx(material.Box, { border: '2px solid #AD46FF', borderRadius: '50%', children: jsxRuntime.jsx(Avatar, { src: selectedTab.avatar, size: '24px' }) })
|
|
7612
|
+
jsxRuntime.jsx(material.Box, { display: 'flex', flexDirection: 'column', gap: '8px', onDoubleClick: () => selectedTab?.showOptions && setIsEdit(true), children: jsxRuntime.jsxs(TabInfoWrapper, { children: [jsxRuntime.jsx(Tooltip$2, { content: selectedTab?.user_name, direction: 'bottom', delay: 200, style: { width: 'fit-content', height: 'fit-content' }, children: selectedTab.isGoalOwner ?
|
|
7613
|
+
jsxRuntime.jsx(material.Box, { border: '2px solid #AD46FF', borderRadius: '50%', onClick: handleClickAvatar, children: jsxRuntime.jsx(Avatar, { src: selectedTab.avatar, size: '24px', isActiveClick: true }) })
|
|
7614
7614
|
:
|
|
7615
|
-
jsxRuntime.jsx(Avatar, { src: selectedTab.avatar, size: '24px'
|
|
7616
|
-
|
|
7617
|
-
|
|
7618
|
-
|
|
7619
|
-
|
|
7620
|
-
|
|
7621
|
-
|
|
7622
|
-
|
|
7623
|
-
|
|
7624
|
-
|
|
7625
|
-
|
|
7626
|
-
|
|
7627
|
-
|
|
7628
|
-
|
|
7629
|
-
|
|
7630
|
-
|
|
7631
|
-
|
|
7632
|
-
|
|
7633
|
-
|
|
7634
|
-
|
|
7635
|
-
|
|
7636
|
-
|
|
7637
|
-
|
|
7638
|
-
|
|
7639
|
-
|
|
7640
|
-
|
|
7641
|
-
|
|
7642
|
-
|
|
7643
|
-
|
|
7644
|
-
|
|
7645
|
-
|
|
7646
|
-
|
|
7647
|
-
|
|
7648
|
-
|
|
7649
|
-
|
|
7615
|
+
jsxRuntime.jsx(Avatar, { src: selectedTab.avatar, size: '24px', isActiveClick: true, onClick: handleClickAvatar }) }), isEdit ?
|
|
7616
|
+
jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(material.TextField, { placeholder: editDescription, value: editDescription, onChange: (e) => setEditDescription(e.target.value), fullWidth: true, variant: 'standard', InputProps: {
|
|
7617
|
+
autoFocus: true,
|
|
7618
|
+
disableUnderline: true,
|
|
7619
|
+
style: {
|
|
7620
|
+
fontFamily: 'PT Sans',
|
|
7621
|
+
fontSize: '14px',
|
|
7622
|
+
lineHeight: 1.3
|
|
7623
|
+
}
|
|
7624
|
+
}, onKeyDown: (event) => {
|
|
7625
|
+
if (event.key === 'Enter') {
|
|
7626
|
+
if (editDescription == '')
|
|
7627
|
+
return;
|
|
7628
|
+
setDisplayDescription(editDescription);
|
|
7629
|
+
let editTab = { ...selectedTab, description: editDescription };
|
|
7630
|
+
selectedTab?.handleEdit(editTab);
|
|
7631
|
+
setIsEdit(false);
|
|
7632
|
+
}
|
|
7633
|
+
if (event.key === 'Escape') {
|
|
7634
|
+
setEditDescription(displayDescription);
|
|
7635
|
+
setIsEdit(false);
|
|
7636
|
+
}
|
|
7637
|
+
}, onBlur: () => {
|
|
7638
|
+
setEditDescription(displayDescription);
|
|
7639
|
+
setIsEdit(false);
|
|
7640
|
+
} }) })
|
|
7641
|
+
:
|
|
7642
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("p", { children: displayDescription }), selectedTab?.showOptions ?
|
|
7643
|
+
jsxRuntime.jsx(WrapperMenuMore, { children: jsxRuntime.jsx(MenuMore, { options: [
|
|
7644
|
+
...(selectedTab?.handlePriorize ? [{
|
|
7645
|
+
description: 'Priorizar',
|
|
7646
|
+
onClick: () => selectedTab?.handlePriorize(selectedTab),
|
|
7647
|
+
disabled: !!selectedTab?.disabledPriorize,
|
|
7648
|
+
startIcon: jsxRuntime.jsx(StarPrioritize, { stroke: !!selectedTab?.disabledPriorize ? "#b7b7b7" : "#222222" })
|
|
7649
|
+
}] : []),
|
|
7650
|
+
...(selectedTab?.handleEdit ? [{
|
|
7651
|
+
description: 'Editar',
|
|
7652
|
+
onClick: () => setIsEdit(true),
|
|
7653
|
+
startIcon: jsxRuntime.jsx(EditHipoteses, {})
|
|
7654
|
+
}] : []),
|
|
7655
|
+
...(selectedTab?.handleDelete ? [{
|
|
7656
|
+
description: 'Excluir',
|
|
7657
|
+
onClick: () => selectedTab?.handleDelete(selectedTab),
|
|
7658
|
+
startIcon: jsxRuntime.jsx(TrashHipoteses, {}),
|
|
7659
|
+
color: '#C00F00'
|
|
7660
|
+
}] : []),
|
|
7661
|
+
], closeAfterClick: true, isContainerOptions: true }) })
|
|
7662
|
+
:
|
|
7663
|
+
jsxRuntime.jsx(jsxRuntime.Fragment, {})] })] }) })
|
|
7650
7664
|
:
|
|
7651
7665
|
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 })] })
|
|
7652
7666
|
:
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ImpedimentosTabProps } from './impedimentosTab';
|
|
2
|
-
export default function ImpedimentosTab({ maxTabs, tabsList, showAddButton, onSaveNewImpedimento, onSelectedTab, idSelectedTab, currentTab }: ImpedimentosTabProps): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export default function ImpedimentosTab({ maxTabs, tabsList, showAddButton, onSaveNewImpedimento, onSelectedTab, idSelectedTab, currentTab, handleClickAvatar }: ImpedimentosTabProps): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/impedimentosTab/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/impedimentosTab/index.tsx"],"names":[],"mappings":"AAUA,OAAO,EACH,oBAAoB,EAEvB,MAAM,mBAAmB,CAAA;AAa1B,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACpC,OAAO,EACP,QAAQ,EACR,aAAa,EACb,oBAAoB,EACpB,aAAa,EACb,aAAa,EACb,UAAU,EACV,iBAAiB,EACpB,EAAE,oBAAoB,2CA+PtB"}
|