frst-components 0.30.8 → 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
CHANGED
|
@@ -23735,14 +23735,15 @@ function DropdownMultiselect(props) {
|
|
|
23735
23735
|
const fullText = variantModeDescritpion
|
|
23736
23736
|
? `${item?.name} ${item?.description ? `- ${item.description}` : ''} ${item?.subDescription ? `- ${item.subDescription}` : ''} ${!!item?.isVariant ? ' (Externo)' : ''}`
|
|
23737
23737
|
: `${item?.name} ${item?.description ? `(${item?.description})` : ''}`;
|
|
23738
|
-
return (jsxRuntime.jsx(TooltipV2, { style: { maxWidth: '275px' }, content: fullText, children: jsxRuntime.jsxs(selectItem, { id: "select-items", width: width, children: [canShowAvatar && jsxRuntime.jsx(
|
|
23738
|
+
return (jsxRuntime.jsx(TooltipV2, { style: { maxWidth: '275px' }, content: fullText, children: jsxRuntime.jsxs(selectItem, { id: "select-items", width: width, children: [canShowAvatar && item?.isVariant ? jsxRuntime.jsx(ExternalAvatar, {}) : jsxRuntime.jsx(Avatar, { src: item?.avatar, size: "24px" }), jsxRuntime.jsxs(TextContainer, { children: [item?.name, variantModeDescritpion ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!!item?.description && ` - ${item.description}`, !!item?.subDescription && ` - ${item.subDescription}`, !!item?.isVariant && jsxRuntime.jsx("span", { style: { color: '#757575' }, children: ` (Externo)` })] })) : (item?.description && jsxRuntime.jsxs("span", { style: { color: '#757575' }, children: [" (", item.description, ") "] }))] })] }) }));
|
|
23739
23739
|
};
|
|
23740
23740
|
const selectTemplate = (option) => {
|
|
23741
23741
|
const pessoasAMais = selectedValues?.length - props.maxSelectedShow;
|
|
23742
23742
|
if (option) {
|
|
23743
23743
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: option.map((item, index) => {
|
|
23744
23744
|
if (index < props.maxSelectedShow) {
|
|
23745
|
-
return props.optionLayout ? (props.optionLayout(item)) : (jsxRuntime.jsxs(selectTag, { id: "tag-container", isVariant: !!item?.isVariant, children: [canShowAvatar &&
|
|
23745
|
+
return props.optionLayout ? (props.optionLayout(item)) : (jsxRuntime.jsxs(selectTag, { id: "tag-container", isVariant: !!item?.isVariant, children: [canShowAvatar &&
|
|
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));
|
|
23746
23747
|
}
|
|
23747
23748
|
else if (index === props?.maxSelectedShow) {
|
|
23748
23749
|
return (jsxRuntime.jsx(overShowInfo, { onClick: () => setShowModal(true), id: "number-people", children: jsxRuntime.jsx("p", { children: `+ ${pessoasAMais} ${pessoasAMais > 1 ? props?.people : props?.person}` }) }, index));
|
|
@@ -23772,7 +23773,8 @@ function DropdownMultiselect(props) {
|
|
|
23772
23773
|
};
|
|
23773
23774
|
const selectValuesModal = () => {
|
|
23774
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) => {
|
|
23775
|
-
return (jsxRuntime.jsxs(modalCards, { style: { background: index % 2 === 0 ? '#F2F2F2' : '#FFF' }, children: [jsxRuntime.jsxs("div", { style: { display: 'flex', gap: '12px' }, children: [canShowAvatar &&
|
|
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, { 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));
|
|
23776
23778
|
}) }), jsxRuntime.jsx(closeModal, { children: jsxRuntime.jsx(material.IconButton, { id: "close-modal", onClick: () => setShowModal(false), children: jsxRuntime.jsx(CloseIcon, {}) }) })] }) }));
|
|
23777
23779
|
};
|
|
23778
23780
|
const onLazyLoad = (event) => {
|
|
@@ -23815,7 +23817,10 @@ function DropdownMultiselect(props) {
|
|
|
23815
23817
|
}
|
|
23816
23818
|
} }) }), selectedValues && selectValuesModal()] }) }));
|
|
23817
23819
|
}
|
|
23818
|
-
const
|
|
23820
|
+
const ExternalAvatar = ({ size = '24' }) => {
|
|
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" }) }));
|
|
23819
23824
|
|
|
23820
23825
|
const ContainerTable = styled__default["default"].div `
|
|
23821
23826
|
display: block;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/dropdown-Multiselect/index.tsx"],"names":[],"mappings":";AASA,OAAO,yBAAyB,CAAA;AAMhC,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,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,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;IACxB,QAAQ,CAAC,EAAE,CAAC,UAAU,KAAA,KAAK,IAAI,CAAA;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;CACjB;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;IACvB,SAAS,CAAC,EAAE,OAAO,CAAA;CACtB,EAAE,CAAA;AAEH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,oBAAoB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/dropdown-Multiselect/index.tsx"],"names":[],"mappings":";AASA,OAAO,yBAAyB,CAAA;AAMhC,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,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,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;IACxB,QAAQ,CAAC,EAAE,CAAC,UAAU,KAAA,KAAK,IAAI,CAAA;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;CACjB;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;IACvB,SAAS,CAAC,EAAE,OAAO,CAAA;CACtB,EAAE,CAAA;AAEH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,oBAAoB,2CA4TtE"}
|