frst-components 0.21.28 → 0.21.30
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 +105 -13
- package/dist/src/components/DS/dropdown-Multiselect/index.d.ts +1 -0
- package/dist/src/components/DS/dropdown-Multiselect/index.d.ts.map +1 -1
- package/dist/src/components/DS/groups-table/groupTableStyles.d.ts +6 -1
- package/dist/src/components/DS/groups-table/groupTableStyles.d.ts.map +1 -1
- package/dist/src/components/DS/groups-table/index.d.ts +1 -1
- package/dist/src/components/DS/groups-table/index.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -4522,12 +4522,12 @@ const TableContainer = styled__default["default"].div `
|
|
|
4522
4522
|
const Table = styled__default["default"].table `
|
|
4523
4523
|
border-collapse: collapse;
|
|
4524
4524
|
width:100%;
|
|
4525
|
-
background:${({ theme }) => theme.colors.
|
|
4525
|
+
background:${({ theme }) => theme.colors.neutralsGrey8};
|
|
4526
4526
|
tbody{
|
|
4527
4527
|
tr:nth-child(even){
|
|
4528
|
-
background:${({ theme }) => theme.colors.
|
|
4528
|
+
background:${({ theme }) => theme.colors.shadeWhite};
|
|
4529
4529
|
:hover{
|
|
4530
|
-
background: rgba(
|
|
4530
|
+
background: rgba(248, 248, 248, 1);
|
|
4531
4531
|
}
|
|
4532
4532
|
}
|
|
4533
4533
|
}
|
|
@@ -4544,8 +4544,9 @@ const TableRow = styled__default["default"].tr `
|
|
|
4544
4544
|
border-bottom: 1px solid rgba(189, 189, 189, 1);
|
|
4545
4545
|
text-align: center;
|
|
4546
4546
|
&:hover {
|
|
4547
|
-
background-color:rgba(
|
|
4547
|
+
background-color:rgba(223, 226, 226, 1);
|
|
4548
4548
|
}
|
|
4549
|
+
background-color: ${({ isRoot }) => isRoot ? '#FFEFE1 !important' : ''}; ;
|
|
4549
4550
|
`;
|
|
4550
4551
|
const TableChecked = styled__default["default"].td `
|
|
4551
4552
|
vertical-align:middle;
|
|
@@ -4570,6 +4571,21 @@ const TableAdm = styled__default["default"].td `
|
|
|
4570
4571
|
}
|
|
4571
4572
|
}
|
|
4572
4573
|
|
|
4574
|
+
`;
|
|
4575
|
+
const TableVisit = styled__default["default"].td ``;
|
|
4576
|
+
const TableVisitContent = styled__default["default"].div `
|
|
4577
|
+
align-items: center;
|
|
4578
|
+
justify-content: center;
|
|
4579
|
+
display: flex;
|
|
4580
|
+
margin-top: 8px;
|
|
4581
|
+
div{
|
|
4582
|
+
flex-direction: row-reverse;
|
|
4583
|
+
display: flex;
|
|
4584
|
+
:nth-child(1n){
|
|
4585
|
+
margin-left: -4px;
|
|
4586
|
+
}
|
|
4587
|
+
}
|
|
4588
|
+
|
|
4573
4589
|
`;
|
|
4574
4590
|
|
|
4575
4591
|
const AvatarContent = styled__default["default"].div `
|
|
@@ -4672,13 +4688,13 @@ function Checkbox({ label, isChecked, handleCheck, color = FRSTTheme['colors'].p
|
|
|
4672
4688
|
|
|
4673
4689
|
const TdTrashButton = ({ onClick }) => {
|
|
4674
4690
|
const [isHover, setIsHover] = React.useState(false);
|
|
4675
|
-
return (jsxRuntime.jsx("div", { onClick: onClick, style: { cursor: 'pointer' }, onMouseLeave: () => setIsHover(false), onMouseEnter: () => setIsHover(true), children: jsxRuntime.jsx(TrashDelete, { width: "24px", height: "24px", fill: isHover ? 'rgba(165, 0, 0, 1)' : 'rgba(68, 68, 68, 1) ' }) }));
|
|
4691
|
+
return (jsxRuntime.jsx("div", { onClick: onClick, style: { cursor: 'pointer ' }, onMouseLeave: () => setIsHover(false), onMouseEnter: () => setIsHover(true), children: jsxRuntime.jsx(TrashDelete, { width: "24px", height: "24px", fill: isHover ? 'rgba(165, 0, 0, 1)' : 'rgba(68, 68, 68, 1) ' }) }));
|
|
4676
4692
|
};
|
|
4677
4693
|
const TdEditButtom = ({ onClick }) => {
|
|
4678
4694
|
const [isHover, setIsHover] = React.useState(false);
|
|
4679
4695
|
return (jsxRuntime.jsx("div", { onClick: onClick, style: { cursor: 'pointer' }, onMouseLeave: () => setIsHover(false), onMouseEnter: () => setIsHover(true), children: jsxRuntime.jsx(EditIcon, { width: "18px", height: "18px", fill: isHover ? 'rgba(6, 69, 173, 1)' : 'rgba(68, 68, 68, 1) ' }) }));
|
|
4680
4696
|
};
|
|
4681
|
-
function GroupsTable({ textHeader, textHeader2, textHeader3, textHeader4, items, selected, textTooltipAdd, textTooltipCount, deleted, onDeleteClick, onEditClick, onDeleteAllSelected, AdmMoreClick, onShowMoreClick, textTooltipAllSelected, onSelected }) {
|
|
4697
|
+
function GroupsTable({ textHeader, textHeader2, textHeader3, textHeader4, textHeaderVisit, items, selected, textTooltipAdd, textTooltipCount, deleted, onDeleteClick, onEditClick, onDeleteAllSelected, AdmMoreClick, onShowMoreClick, textTooltipAllSelected, onSelected, visitMoreClick, onShowMoreVisitorsClick, }) {
|
|
4682
4698
|
const [isAllChecked, setIsAllChecked] = React.useState(false);
|
|
4683
4699
|
const [internalItems, setInternalItems] = React.useState([]);
|
|
4684
4700
|
React.useEffect(() => {
|
|
@@ -4688,7 +4704,14 @@ function GroupsTable({ textHeader, textHeader2, textHeader3, textHeader4, items,
|
|
|
4688
4704
|
const value = !isAllChecked;
|
|
4689
4705
|
setIsAllChecked(value);
|
|
4690
4706
|
setInternalItems((prev) => {
|
|
4691
|
-
return prev.map((i) =>
|
|
4707
|
+
return prev.map((i) => {
|
|
4708
|
+
if (!i.isRoot) {
|
|
4709
|
+
return { ...i, checked: value };
|
|
4710
|
+
}
|
|
4711
|
+
else {
|
|
4712
|
+
return { ...i };
|
|
4713
|
+
}
|
|
4714
|
+
});
|
|
4692
4715
|
});
|
|
4693
4716
|
}
|
|
4694
4717
|
function handleToggleSelectRow(index) {
|
|
@@ -4709,7 +4732,7 @@ function GroupsTable({ textHeader, textHeader2, textHeader3, textHeader4, items,
|
|
|
4709
4732
|
return internalItems.filter((i) => i.checked).length;
|
|
4710
4733
|
}, [internalItems]);
|
|
4711
4734
|
const maxAdmToShow = 3;
|
|
4712
|
-
return (jsxRuntime.jsxs(styled.ThemeProvider, { theme: FRSTTheme, children: [jsxRuntime.jsxs(ContainerSelected, { children: [' ', jsxRuntime.jsxs("div", { children: [selected, " ", selectedItems] }), selectedItems > 1 && (jsxRuntime.jsxs("span", { onClick: handleDeleteAllSelected, style: { cursor: 'pointer' }, children: [jsxRuntime.jsx(Trash, { fill: "rgba(165, 0, 0, 1)" }), deleted] }))] }), jsxRuntime.jsx(TableContainer, { children: jsxRuntime.jsxs(Table, { children: [jsxRuntime.jsxs("
|
|
4735
|
+
return (jsxRuntime.jsxs(styled.ThemeProvider, { theme: FRSTTheme, children: [jsxRuntime.jsxs(ContainerSelected, { children: [' ', jsxRuntime.jsxs("div", { children: [selected, " ", selectedItems] }), selectedItems > 1 && (jsxRuntime.jsxs("span", { onClick: handleDeleteAllSelected, style: { cursor: 'pointer' }, children: [jsxRuntime.jsx(Trash, { fill: "rgba(165, 0, 0, 1)" }), deleted] }))] }), jsxRuntime.jsx(TableContainer, { children: jsxRuntime.jsxs(Table, { children: [jsxRuntime.jsxs("thead", { children: [jsxRuntime.jsxs(TableHeader, { style: { textAlign: 'start', paddingLeft: '18px', display: 'flex', alignItems: 'center' }, children: [jsxRuntime.jsx(Tooltip$2, { style: {
|
|
4713
4736
|
width: '116px',
|
|
4714
4737
|
height: '31px',
|
|
4715
4738
|
top: '8px',
|
|
@@ -4717,7 +4740,10 @@ function GroupsTable({ textHeader, textHeader2, textHeader3, textHeader4, items,
|
|
|
4717
4740
|
display: 'flex',
|
|
4718
4741
|
justifyContent: 'center',
|
|
4719
4742
|
boxShadow: ' 0px 0px 18px 0px rgba(34, 34, 34, 0.2)'
|
|
4720
|
-
}, direction: 'bottom', content: textTooltipAllSelected, delay: 500, children: jsxRuntime.jsx(Checkbox, { isChecked: isAllChecked, label: "", handleCheck: handleToggleSelectAll, color: "rgba(67, 159, 159, 1)" }) }), jsxRuntime.jsx("span", { children: textHeader })] }), jsxRuntime.jsx(TableHeader, {}), jsxRuntime.jsx(TableHeader, {
|
|
4743
|
+
}, direction: 'bottom', content: textTooltipAllSelected, delay: 500, children: jsxRuntime.jsx(Checkbox, { isChecked: isAllChecked, label: "", handleCheck: handleToggleSelectAll, color: "rgba(67, 159, 159, 1)" }) }), jsxRuntime.jsx("span", { children: textHeader })] }), jsxRuntime.jsx(TableHeader, { children: textHeader2 }), jsxRuntime.jsx(TableHeader, { children: textHeaderVisit }), jsxRuntime.jsx(TableHeader, { style: { paddingRight: '40px', paddingLeft: '44px', width: '220px' }, children: jsxRuntime.jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '40px' }, children: [jsxRuntime.jsx("div", { children: textHeader3 }), jsxRuntime.jsx("div", { children: textHeader4 })] }) })] }), jsxRuntime.jsx("tbody", { children: internalItems.map((i, index) => (jsxRuntime.jsxs(TableRow, { isRoot: i.isRoot, children: [jsxRuntime.jsx(TableChecked, { children: !i.isRoot ?
|
|
4744
|
+
jsxRuntime.jsx(Checkbox, { label: i.group, handleCheck: () => handleToggleSelectRow(index), isChecked: i.checked })
|
|
4745
|
+
:
|
|
4746
|
+
jsxRuntime.jsxs("p", { style: { fontFamily: 'PT Sans', fontWeight: 400, fontSize: '16px', paddingLeft: '32px', lineHeight: '21px', fontStyle: 'normal' }, children: [i.textRoot, " (", i.group, ")"] }) }), jsxRuntime.jsx(TableAdm, { children: jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Tooltip$2, { content: textTooltipAdd, delay: 500, direction: 'bottom', style: {
|
|
4721
4747
|
fontFamily: 'PT Sans',
|
|
4722
4748
|
fontWeight: 400,
|
|
4723
4749
|
fontSize: '14px',
|
|
@@ -4729,7 +4755,8 @@ function GroupsTable({ textHeader, textHeader2, textHeader3, textHeader4, items,
|
|
|
4729
4755
|
display: 'flex',
|
|
4730
4756
|
justifyContent: 'center',
|
|
4731
4757
|
boxShadow: ' 0px 0px 18px 0px rgba(34, 34, 34, 0.2)'
|
|
4732
|
-
}, children:
|
|
4758
|
+
}, children: !i.isRoot &&
|
|
4759
|
+
jsxRuntime.jsx(AdmButton, { variant: 'add', onClick: () => AdmMoreClick(i.id) }) }), i.adms.length > maxAdmToShow && (jsxRuntime.jsx(Tooltip$2, { content: textTooltipCount, delay: 500, direction: 'bottom', style: {
|
|
4733
4760
|
fontFamily: 'PT Sans',
|
|
4734
4761
|
fontWeight: 400,
|
|
4735
4762
|
fontSize: '14px',
|
|
@@ -4757,7 +4784,48 @@ function GroupsTable({ textHeader, textHeader2, textHeader3, textHeader4, items,
|
|
|
4757
4784
|
whiteSpace: 'nowrap',
|
|
4758
4785
|
boxShadow: ' 0px 0px 18px 0px rgba(34, 34, 34, 0.2)'
|
|
4759
4786
|
}, children: jsxRuntime.jsx(AdmButton, { image: adm.image, variant: 'image' }, adm.id) });
|
|
4760
|
-
})] }) }), jsxRuntime.jsx(
|
|
4787
|
+
})] }) }), jsxRuntime.jsx(TableVisit, { children: jsxRuntime.jsx(TableVisitContent, { children: jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Tooltip$2, { content: textTooltipAdd, delay: 500, direction: 'bottom', style: {
|
|
4788
|
+
fontFamily: 'PT Sans',
|
|
4789
|
+
fontWeight: 400,
|
|
4790
|
+
fontSize: '14px',
|
|
4791
|
+
color: 'rgba(117, 117, 117, 1)',
|
|
4792
|
+
width: '73px',
|
|
4793
|
+
height: '31px',
|
|
4794
|
+
top: '8px',
|
|
4795
|
+
left: '4px',
|
|
4796
|
+
display: 'flex',
|
|
4797
|
+
justifyContent: 'center',
|
|
4798
|
+
boxShadow: ' 0px 0px 18px 0px rgba(34, 34, 34, 0.2)'
|
|
4799
|
+
}, children: jsxRuntime.jsx(AdmButton, { variant: 'add', onClick: () => visitMoreClick(i.id) }) }), i.visitors?.length > maxAdmToShow && (jsxRuntime.jsx(Tooltip$2, { content: textTooltipCount, delay: 500, direction: 'bottom', style: {
|
|
4800
|
+
fontFamily: 'PT Sans',
|
|
4801
|
+
fontWeight: 400,
|
|
4802
|
+
fontSize: '14px',
|
|
4803
|
+
color: 'rgba(117, 117, 117, 1)',
|
|
4804
|
+
width: '73px',
|
|
4805
|
+
height: '31px',
|
|
4806
|
+
top: '8px',
|
|
4807
|
+
left: '4px',
|
|
4808
|
+
boxShadow: ' 0px 0px 18px 0px rgba(34, 34, 34, 0.2)'
|
|
4809
|
+
}, children: i.visitors.length < 9 ?
|
|
4810
|
+
jsxRuntime.jsx(AdmButton, { onClick: () => onShowMoreVisitorsClick(i.id), variant: 'count', count: i.visitors.length - maxAdmToShow })
|
|
4811
|
+
:
|
|
4812
|
+
jsxRuntime.jsx(AdmButton, { onClick: () => onShowMoreVisitorsClick(i.id), variant: 'countMore', count: 9 }) })), i.visitors
|
|
4813
|
+
?.filter((a, aIndex) => aIndex < maxAdmToShow)
|
|
4814
|
+
.map((visit) => {
|
|
4815
|
+
return jsxRuntime.jsx(Tooltip$2, { content: visit.name, direction: 'bottom', delay: 500, style: {
|
|
4816
|
+
fontFamily: 'PT Sans',
|
|
4817
|
+
fontWeight: 400,
|
|
4818
|
+
fontSize: '14px',
|
|
4819
|
+
color: 'rgba(117, 117, 117, 1)',
|
|
4820
|
+
width: 'fit-content',
|
|
4821
|
+
height: '31px',
|
|
4822
|
+
top: '8px',
|
|
4823
|
+
left: '4px',
|
|
4824
|
+
whiteSpace: 'nowrap',
|
|
4825
|
+
boxShadow: ' 0px 0px 18px 0px rgba(34, 34, 34, 0.2)'
|
|
4826
|
+
}, children: jsxRuntime.jsx(AdmButton, { image: visit.avatar, variant: 'image' }, visit.id) });
|
|
4827
|
+
})] }) }) }), jsxRuntime.jsx("td", { children: jsxRuntime.jsx("div", { style: { display: 'flex', width: 'fit-content', alignItems: 'center', gap: '60px', paddingLeft: '54px' }, children: !i.isRoot &&
|
|
4828
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TdEditButtom, { onClick: () => !i.isRoot && onEditClick(i.id) }), jsxRuntime.jsx(TdTrashButton, { onClick: () => !i.isRoot && onDeleteClick(i.id, index) })] }) }) })] }, index))) })] }) })] }));
|
|
4761
4829
|
}
|
|
4762
4830
|
|
|
4763
4831
|
const PeopleContainer = styled__default["default"].div `
|
|
@@ -18683,6 +18751,9 @@ function DropdownMultiselect(props) {
|
|
|
18683
18751
|
const [listItemsFilter, setListItemsFilter] = React.useState(props.listItems);
|
|
18684
18752
|
const [showModal, setShowModal] = React.useState(false);
|
|
18685
18753
|
const [listFilterSearch, setListFilterSearch] = React.useState();
|
|
18754
|
+
const [lazyLoading, setLazyLoading] = React.useState(false);
|
|
18755
|
+
const [lazyItems, setLazyItems] = React.useState([]);
|
|
18756
|
+
const loadLazyTimeout = React.useRef(null);
|
|
18686
18757
|
React.useEffect(() => {
|
|
18687
18758
|
setListFilterSearch(props.listItems);
|
|
18688
18759
|
}, [props.listItems]);
|
|
@@ -18691,7 +18762,9 @@ function DropdownMultiselect(props) {
|
|
|
18691
18762
|
setListFilterSearch(temp);
|
|
18692
18763
|
}, [textFilter]);
|
|
18693
18764
|
React.useEffect(() => {
|
|
18694
|
-
|
|
18765
|
+
if (props.selectedDefault) {
|
|
18766
|
+
setSelectedValues(props?.selectedDefault);
|
|
18767
|
+
}
|
|
18695
18768
|
}, [props?.selectedDefault]);
|
|
18696
18769
|
React.useEffect(() => {
|
|
18697
18770
|
setListItemsFilter(props.listItems);
|
|
@@ -18743,9 +18816,28 @@ function DropdownMultiselect(props) {
|
|
|
18743
18816
|
return (jsxRuntime.jsxs(modalCards, { style: { background: index % 2 === 0 ? '#F2F2F2' : '#FFF' }, children: [jsxRuntime.jsxs("div", { style: { display: "flex", gap: '12px' }, children: [jsxRuntime.jsx(Avatar, { src: item.avatar, size: "50px" }), jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '4px' }, children: [jsxRuntime.jsxs(cardTitle, { children: [" ", item.name, " "] }), jsxRuntime.jsxs(cardDescription, { children: [" ", item.description, " "] }), jsxRuntime.jsxs(cardDescription, { children: [" ", item.subDescription, " "] })] })] }), jsxRuntime.jsxs("div", { style: { display: 'flex', cursor: 'pointer' }, onClick: () => removeSelectedValue(item.id), children: [jsxRuntime.jsx(Trash, { fill: "#A50000", width: "24", height: "24" }), jsxRuntime.jsxs(cardTitle, { style: { color: '#A50000' }, children: [" ", props.removeModalText ? props.removeModalText : 'Remover', " "] })] })] }, index));
|
|
18744
18817
|
}) }), jsxRuntime.jsx(closeModal, { children: jsxRuntime.jsx(material.IconButton, { onClick: () => setShowModal(false), children: jsxRuntime.jsx(CloseIcon, {}) }) })] }) }));
|
|
18745
18818
|
};
|
|
18819
|
+
const onLazyLoad = (event) => {
|
|
18820
|
+
setLazyLoading(true);
|
|
18821
|
+
if (loadLazyTimeout.current) {
|
|
18822
|
+
clearTimeout(loadLazyTimeout.current);
|
|
18823
|
+
}
|
|
18824
|
+
//imitate delay of a backend call
|
|
18825
|
+
loadLazyTimeout.current = setTimeout(() => {
|
|
18826
|
+
const { first, last } = event;
|
|
18827
|
+
const _lazyItems = [...lazyItems];
|
|
18828
|
+
for (let i = first; i < last; i++) {
|
|
18829
|
+
_lazyItems[i] = { label: `Item #${i}`, value: i };
|
|
18830
|
+
}
|
|
18831
|
+
setLazyItems(_lazyItems);
|
|
18832
|
+
setLazyLoading(false);
|
|
18833
|
+
}, Math.random() * 500 + 250);
|
|
18834
|
+
};
|
|
18746
18835
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(containerSelect, { style: { ...props.style }, children: [selectedValues?.length > 0 &&
|
|
18747
18836
|
jsxRuntime.jsxs(headerSelect, { children: [selectTemplate(selectedValues), selectedValues?.length > 1 &&
|
|
18748
|
-
jsxRuntime.jsx("div", { style: { zIndex: 999, position: 'absolute', right: 40 }, children: jsxRuntime.jsx(Tooltip$2, { content: props.removeItemsToolTip ? props.removeItemsToolTip : 'Excluir todos', direction: "bottom", trigger: "hover", style: { height: 'auto' }, children: jsxRuntime.jsx(material.IconButton, { onClick: () => setSelectedValues([]), children: jsxRuntime.jsx(Trash, { fill: "#9C9C9C" }) }) }) })] }), jsxRuntime.jsx(customSelect, { children: jsxRuntime.jsx(multiselect.MultiSelect, { value: selectedValues, options: listFilterSearch, onChange: (e) => setSelectedValues(e.value), placeholder: props.selectPlaceholder ? props.selectPlaceholder : "Selecione aqui", className: "custom-multiselect", dropdownIcon: jsxRuntime.jsx(DropdownIcon, { fill: FRSTTheme['colors'].shadeBlack }), panelHeaderTemplate: handleTemplateHeader(), itemTemplate: itemTemplate, disabled: props.isDisabled, maxSelectedLabels: 0, selectedItemsLabel: " ", style: { border: selectedValues?.length > 0 ? 'none' : `1px solid ${FRSTTheme['colors'].borderPrimary}` }
|
|
18837
|
+
jsxRuntime.jsx("div", { style: { zIndex: 999, position: 'absolute', right: 40 }, children: jsxRuntime.jsx(Tooltip$2, { content: props.removeItemsToolTip ? props.removeItemsToolTip : 'Excluir todos', direction: "bottom", trigger: "hover", style: { height: 'auto' }, children: jsxRuntime.jsx(material.IconButton, { onClick: () => setSelectedValues([]), children: jsxRuntime.jsx(Trash, { fill: "#9C9C9C" }) }) }) })] }), jsxRuntime.jsx(customSelect, { children: jsxRuntime.jsx(multiselect.MultiSelect, { value: selectedValues, options: listFilterSearch, onChange: (e) => setSelectedValues(e.value), placeholder: props.selectPlaceholder ? props.selectPlaceholder : "Selecione aqui", className: "custom-multiselect", dropdownIcon: jsxRuntime.jsx(DropdownIcon, { fill: FRSTTheme['colors'].shadeBlack }), panelHeaderTemplate: handleTemplateHeader(), itemTemplate: itemTemplate, disabled: props.isDisabled, maxSelectedLabels: 0, selectedItemsLabel: " ", style: { border: selectedValues?.length > 0 ? 'none' : `1px solid ${FRSTTheme['colors'].borderPrimary}` }, virtualScrollerOptions: !props.activeLazyLoad ? null : { lazy: true, onLazyLoad: onLazyLoad, itemSize: 50, showLoader: true, loading: lazyLoading, delay: 100, loadingTemplate: (option) => {
|
|
18838
|
+
return (jsxRuntime.jsx("div", { style: { display: 'flex', alignItems: 'center', padding: 2, height: '50px' }, children: jsxRuntime.jsx(material.Skeleton, { width: option.even ? '70%' : '60%', height: '2rem' }) }));
|
|
18839
|
+
}
|
|
18840
|
+
} }) }), selectedValues && selectValuesModal()] }) }));
|
|
18749
18841
|
}
|
|
18750
18842
|
|
|
18751
18843
|
exports.AccordionList = AccordionList$2;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/dropdown-Multiselect/index.tsx"],"names":[],"mappings":";AASA,OAAO,yBAAyB,CAAA;AAChC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,oBAAoB,CAAA;AAK3B,UAAU,oBAAoB;IAC1B,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,gBAAgB,CAAC,EAAE,CAAC,aAAa,KAAA,KAAK,IAAI,CAAA;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,YAAY,CAAC,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAA;IAChC,eAAe,CAAC,EAAE,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/dropdown-Multiselect/index.tsx"],"names":[],"mappings":";AASA,OAAO,yBAAyB,CAAA;AAChC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,oBAAoB,CAAA;AAK3B,UAAU,oBAAoB;IAC1B,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,gBAAgB,CAAC,EAAE,CAAC,aAAa,KAAA,KAAK,IAAI,CAAA;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,YAAY,CAAC,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAA;IAChC,eAAe,CAAC,EAAE,cAAc,CAAA;IAChC,cAAc,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,KAAK,cAAc,GAAG;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;CAC1B,EAAE,CAAA;AAGH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,oBAAoB,eA2OtE"}
|
|
@@ -2,7 +2,12 @@ export declare const ContainerSelected: import("styled-components").StyledCompon
|
|
|
2
2
|
export declare const TableContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
3
|
export declare const Table: import("styled-components").StyledComponent<"table", any, {}, never>;
|
|
4
4
|
export declare const TableHeader: import("styled-components").StyledComponent<"th", any, {}, never>;
|
|
5
|
-
export
|
|
5
|
+
export interface TableRowProps {
|
|
6
|
+
isRoot: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare const TableRow: import("styled-components").StyledComponent<"tr", any, TableRowProps, never>;
|
|
6
9
|
export declare const TableChecked: import("styled-components").StyledComponent<"td", any, {}, never>;
|
|
7
10
|
export declare const TableAdm: import("styled-components").StyledComponent<"td", any, {}, never>;
|
|
11
|
+
export declare const TableVisit: import("styled-components").StyledComponent<"td", any, {}, never>;
|
|
12
|
+
export declare const TableVisitContent: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
13
|
//# sourceMappingURL=groupTableStyles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"groupTableStyles.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/groups-table/groupTableStyles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,oEAmB7B,CAAA;AAED,eAAO,MAAM,cAAc,oEAE1B,CAAA;AACD,eAAO,MAAM,KAAK,sEAYjB,CAAA;AACD,eAAO,MAAM,WAAW,mEAKvB,CAAA;
|
|
1
|
+
{"version":3,"file":"groupTableStyles.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/groups-table/groupTableStyles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,oEAmB7B,CAAA;AAED,eAAO,MAAM,cAAc,oEAE1B,CAAA;AACD,eAAO,MAAM,KAAK,sEAYjB,CAAA;AACD,eAAO,MAAM,WAAW,mEAKvB,CAAA;AAED,MAAM,WAAW,aAAa;IAC1B,MAAM,EAAE,OAAO,CAAA;CAClB;AAGD,eAAO,MAAM,QAAQ,8EASpB,CAAA;AAED,eAAO,MAAM,YAAY,mEASxB,CAAA;AACD,eAAO,MAAM,QAAQ,mEAapB,CAAA;AAED,eAAO,MAAM,UAAU,mEAAc,CAAA;AAErC,eAAO,MAAM,iBAAiB,oEAa7B,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IGroupsTable } from './groupsTable';
|
|
3
|
-
export default function GroupsTable({ textHeader, textHeader2, textHeader3, textHeader4, items, selected, textTooltipAdd, textTooltipCount, deleted, onDeleteClick, onEditClick, onDeleteAllSelected, AdmMoreClick, onShowMoreClick, textTooltipAllSelected, onSelected }: IGroupsTable): JSX.Element;
|
|
3
|
+
export default function GroupsTable({ textHeader, textHeader2, textHeader3, textHeader4, textHeaderVisit, items, selected, textTooltipAdd, textTooltipCount, deleted, onDeleteClick, onEditClick, onDeleteAllSelected, AdmMoreClick, onShowMoreClick, textTooltipAllSelected, onSelected, visitMoreClick, onShowMoreVisitorsClick, }: IGroupsTable): JSX.Element;
|
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/groups-table/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/groups-table/index.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAkC5C,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EACnC,UAAU,EACV,WAAW,EACX,WAAW,EACX,WAAW,EACX,eAAe,EACf,KAAK,EACL,QAAQ,EACR,cAAc,EACd,gBAAgB,EAChB,OAAO,EACP,aAAa,EACb,WAAW,EACX,mBAAmB,EACnB,YAAY,EACZ,eAAe,EACf,sBAAsB,EACtB,UAAU,EACV,cAAc,EACd,uBAAuB,GACvB,EAAE,YAAY,eAmTd"}
|