frst-components 0.30.9 → 0.31.0
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 +5 -4
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -23743,7 +23743,7 @@ function DropdownMultiselect(props) {
|
|
|
23743
23743
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: option.map((item, index) => {
|
|
23744
23744
|
if (index < props.maxSelectedShow) {
|
|
23745
23745
|
return props.optionLayout ? (props.optionLayout(item)) : (jsxRuntime.jsxs(selectTag, { id: "tag-container", isVariant: !!item?.isVariant, children: [canShowAvatar &&
|
|
23746
|
-
(item?.isVariant ? (
|
|
23746
|
+
(item?.isVariant ? (externaAvatarBackgroundWhite) : (jsxRuntime.jsx(Avatar, { src: item?.avatar, size: "24px" }))), jsxRuntime.jsxs("p", { children: [" ", item?.name, " "] }), jsxRuntime.jsx(material.IconButton, { id: "close-icon", onClick: () => removeSelectedValue(item.id), children: jsxRuntime.jsx(CloseIcon, { width: "8", height: "8", fill: "#FFFFFF" }) })] }, index));
|
|
23747
23747
|
}
|
|
23748
23748
|
else if (index === props?.maxSelectedShow) {
|
|
23749
23749
|
return (jsxRuntime.jsx(overShowInfo, { onClick: () => setShowModal(true), id: "number-people", children: jsxRuntime.jsx("p", { children: `+ ${pessoasAMais} ${pessoasAMais > 1 ? props?.people : props?.person}` }) }, index));
|
|
@@ -23774,7 +23774,7 @@ function DropdownMultiselect(props) {
|
|
|
23774
23774
|
const selectValuesModal = () => {
|
|
23775
23775
|
return (jsxRuntime.jsx(material.Modal, { open: showModal, onClose: () => setShowModal(false), children: jsxRuntime.jsxs(modalContainer, { id: "container-modal", children: [jsxRuntime.jsx(modalHeader, { id: "header-people", children: jsxRuntime.jsxs("p", { children: [' ', props.modalTitle ? props.modalTitle : 'Este grupo é administrado por', ' ', selectedValues.length, " ", selectedValues.length > 1 ? props.people : props.person, ' '] }) }), jsxRuntime.jsx(modalContent, { children: selectedValues.map((item, index) => {
|
|
23776
23776
|
return (jsxRuntime.jsxs(modalCards, { style: { background: index % 2 === 0 ? '#F2F2F2' : '#FFF' }, children: [jsxRuntime.jsxs("div", { style: { display: 'flex', gap: '12px' }, children: [canShowAvatar &&
|
|
23777
|
-
(item?.isVariant ? (jsxRuntime.jsx(ExternalAvatar, {})) : (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", { id: "remove-people-admin", 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));
|
|
23777
|
+
(item?.isVariant ? (jsxRuntime.jsx(ExternalAvatar, { size: "50px" })) : (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", { id: "remove-people-admin", 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));
|
|
23778
23778
|
}) }), jsxRuntime.jsx(closeModal, { children: jsxRuntime.jsx(material.IconButton, { id: "close-modal", onClick: () => setShowModal(false), children: jsxRuntime.jsx(CloseIcon, {}) }) })] }) }));
|
|
23779
23779
|
};
|
|
23780
23780
|
const onLazyLoad = (event) => {
|
|
@@ -23818,8 +23818,9 @@ function DropdownMultiselect(props) {
|
|
|
23818
23818
|
} }) }), selectedValues && selectValuesModal()] }) }));
|
|
23819
23819
|
}
|
|
23820
23820
|
const ExternalAvatar = ({ size = '24' }) => {
|
|
23821
|
-
return (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 25 24", fill: "
|
|
23822
|
-
};
|
|
23821
|
+
return (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 25 24", fill: "white", children: [jsxRuntime.jsx("g", { children: jsxRuntime.jsx("path", { d: "M12.5231 0.333496C6.08311 0.333496 0.856445 5.56016 0.856445 12.0002C0.856445 18.4402 6.08311 23.6668 12.5231 23.6668C18.9631 23.6668 24.1898 18.4402 24.1898 12.0002C24.1898 5.56016 18.9631 0.333496 12.5231 0.333496ZM12.5231 3.8335C14.4598 3.8335 16.0231 5.39683 16.0231 7.3335C16.0231 9.27016 14.4598 10.8335 12.5231 10.8335C10.5864 10.8335 9.02311 9.27016 9.02311 7.3335C9.02311 5.39683 10.5864 3.8335 12.5231 3.8335ZM12.5231 20.4002C9.60645 20.4002 7.02811 18.9068 5.52311 16.6435C5.55811 14.3218 10.1898 13.0502 12.5231 13.0502C14.8448 13.0502 19.4881 14.3218 19.5231 16.6435C18.0181 18.9068 15.4398 20.4002 12.5231 20.4002Z", fill: "#6A3F86" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { children: jsxRuntime.jsx("rect", { width: size, height: size, fill: "white" }) }) })] }));
|
|
23822
|
+
};
|
|
23823
|
+
const externaAvatarBackgroundWhite = (jsxRuntime.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M11.9997 0.333496C5.55967 0.333496 0.333008 5.56016 0.333008 12.0002C0.333008 18.4402 5.55967 23.6668 11.9997 23.6668C18.4397 23.6668 23.6663 18.4402 23.6663 12.0002C23.6663 5.56016 18.4397 0.333496 11.9997 0.333496ZM11.9997 3.8335C13.9363 3.8335 15.4997 5.39683 15.4997 7.3335C15.4997 9.27016 13.9363 10.8335 11.9997 10.8335C10.063 10.8335 8.49967 9.27016 8.49967 7.3335C8.49967 5.39683 10.063 3.8335 11.9997 3.8335ZM11.9997 20.4002C9.08301 20.4002 6.50467 18.9068 4.99967 16.6435C5.03467 14.3218 9.66634 13.0502 11.9997 13.0502C14.3213 13.0502 18.9647 14.3218 18.9997 16.6435C17.4947 18.9068 14.9163 20.4002 11.9997 20.4002Z", fill: "white" }) }));
|
|
23823
23824
|
|
|
23824
23825
|
const ContainerTable = styled__default["default"].div `
|
|
23825
23826
|
display: block;
|