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
- const EditWrapper = styled__default["default"]('div') `
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
- const EditButtons = styled__default["default"]('div') `
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.jsxs(material.Box, { display: 'flex', flexDirection: 'column', gap: '8px', children: [jsxRuntime.jsxs(TabInfoWrapper, { children: [selectedTab.isGoalOwner ?
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' }), jsxRuntime.jsx("p", { children: displayDescription }), selectedTab?.showOptions ?
7616
- jsxRuntime.jsx(WrapperMenuMore, { children: jsxRuntime.jsx(MenuMore, { options: [
7617
- ...(selectedTab?.handlePriorize ? [{
7618
- description: 'Priorizar',
7619
- onClick: () => selectedTab?.handlePriorize(selectedTab),
7620
- disabled: !!selectedTab?.disabledPriorize,
7621
- startIcon: jsxRuntime.jsx(StarPrioritize, { stroke: !!selectedTab?.disabledPriorize ? "#b7b7b7" : "#222222" })
7622
- }] : []),
7623
- ...(selectedTab?.handleEdit ? [{
7624
- description: 'Editar',
7625
- onClick: () => setIsEdit(true),
7626
- startIcon: jsxRuntime.jsx(EditHipoteses, {})
7627
- }] : []),
7628
- ...(selectedTab?.handleDelete ? [{
7629
- description: 'Excluir',
7630
- onClick: () => selectedTab?.handleDelete(selectedTab),
7631
- startIcon: jsxRuntime.jsx(TrashHipoteses, {}),
7632
- color: '#C00F00'
7633
- }] : []),
7634
- ], closeAfterClick: true, isContainerOptions: true }) })
7635
- :
7636
- jsxRuntime.jsx(jsxRuntime.Fragment, {})] }), isEdit ?
7637
- jsxRuntime.jsxs(EditWrapper, { children: [jsxRuntime.jsx(TextField, { placeholder: editDescription, value: editDescription, onChange: (e) => setEditDescription(e.target.value), style: { width: '100%' } }), jsxRuntime.jsxs(material.Box, { display: 'flex', gap: '8px', children: [jsxRuntime.jsx(EditButtons, { buttonColor: editDescription === displayDescription ? '#EBEBEB' : '#D1F6D1', onClick: () => {
7638
- if (editDescription == '')
7639
- return;
7640
- setDisplayDescription(editDescription);
7641
- let editTab = { ...selectedTab, description: editDescription };
7642
- selectedTab?.handleEdit(editTab);
7643
- setIsEdit(false);
7644
- }, style: { cursor: editDescription === displayDescription ? 'not-allowed' : 'pointer' }, children: jsxRuntime.jsx(CheckIconSimple, { fill: editDescription === displayDescription ? '#9C9C9C' : '#1BA853' }) }), jsxRuntime.jsx(EditButtons, { buttonColor: '#FFE0E0', onClick: () => {
7645
- setEditDescription(displayDescription);
7646
- setIsEdit(false);
7647
- }, style: { cursor: 'pointer' }, children: jsxRuntime.jsx(CloseIcon$1, { fill: '#C00F00' }) })] })] })
7648
- :
7649
- jsxRuntime.jsx(jsxRuntime.Fragment, {})] })
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":"AAYA,OAAO,EACH,oBAAoB,EAEvB,MAAM,mBAAmB,CAAA;AAc1B,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACpC,OAAO,EACP,QAAQ,EACR,aAAa,EACb,oBAAoB,EACpB,aAAa,EACb,aAAa,EACb,UAAU,EACb,EAAE,oBAAoB,2CAqPtB"}
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"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "frst-components",
3
3
  "homepage": "http://FRST-Falconi.github.io/storybook.frstfalconi.com",
4
- "version": "0.23.78",
4
+ "version": "0.23.79",
5
5
  "private": false,
6
6
  "main": "./dist/index.js",
7
7
  "types": "./dist/index.d.ts",