frst-components 0.23.3 → 0.23.5
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 +4 -3
- 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/modal/index.d.ts +2 -1
- package/dist/src/components/DS/modal/index.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -6283,7 +6283,7 @@ const ModalCloseButton = styled__default["default"].span `
|
|
|
6283
6283
|
cursor: pointer;
|
|
6284
6284
|
`;
|
|
6285
6285
|
|
|
6286
|
-
function Modal({ children, width, headerContent,
|
|
6286
|
+
function Modal({ children, width, headerContent, style, onClose, onOpen, handleCloseOnIcon, animation = 'BlowUp', open = false, showHeader = false, mobileFullPage = false, showCloseButton = false, closeOnClickOutside = true, propagationOnClose = true, }) {
|
|
6287
6287
|
const ModalWrapperRef = React.useRef(null);
|
|
6288
6288
|
const ModalContentRef = React.useRef(null);
|
|
6289
6289
|
const AnimationType = animation.toLowerCase();
|
|
@@ -6315,7 +6315,8 @@ function Modal({ children, width, headerContent, open = false, mobileFullPage =
|
|
|
6315
6315
|
setActive(open);
|
|
6316
6316
|
}, [onOpen, open]);
|
|
6317
6317
|
const handleClose = (e) => {
|
|
6318
|
-
|
|
6318
|
+
if (propagationOnClose)
|
|
6319
|
+
e.stopPropagation();
|
|
6319
6320
|
setActive(false);
|
|
6320
6321
|
if (onClose)
|
|
6321
6322
|
onClose(e);
|
|
@@ -20717,7 +20718,7 @@ function index (props) {
|
|
|
20717
20718
|
};
|
|
20718
20719
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(containerSelect, { style: { ...props.style }, id: "container-select", children: [selectedValues?.length > 0 &&
|
|
20719
20720
|
jsxRuntime.jsxs(headerSelect, { children: [selectTemplate(selectedValues), selectedValues?.length > 1 &&
|
|
20720
|
-
jsxRuntime.jsx("div", { style: { zIndex: 999, position: 'absolute', right: 40 }, id: "remove-all-selected", 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, { id: "list-selected", 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) => {
|
|
20721
|
+
jsxRuntime.jsx("div", { style: { zIndex: 999, position: 'absolute', right: 40 }, id: "remove-all-selected", 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, { appendTo: document.body, id: "list-selected", panelStyle: { display: props.isModalOpen !== undefined ? (props.isModalOpen ? "block" : "none") : "block" }, 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) => {
|
|
20721
20722
|
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' }) }));
|
|
20722
20723
|
}
|
|
20723
20724
|
} }) }), selectedValues && selectValuesModal()] }) }));
|
|
@@ -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;IAChC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,CAAC,UAAU,KAAA,KAAK,IAAI,CAAA;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAA;CACtB;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;
|
|
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,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;CACtB;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;AAEH,MAAM,CAAC,OAAO,WAAe,KAAK,EAAE,oBAAoB,eA2PvD"}
|
|
@@ -13,7 +13,8 @@ interface ModalProps {
|
|
|
13
13
|
closeOnClickOutside?: boolean;
|
|
14
14
|
animation?: 'BlowUp' | 'Fade' | 'SlideUp' | 'SlideDown';
|
|
15
15
|
handleCloseOnIcon?: () => void;
|
|
16
|
+
propagationOnClose?: boolean;
|
|
16
17
|
}
|
|
17
|
-
export default function Modal({ children, width, headerContent,
|
|
18
|
+
export default function Modal({ children, width, headerContent, style, onClose, onOpen, handleCloseOnIcon, animation, open, showHeader, mobileFullPage, showCloseButton, closeOnClickOutside, propagationOnClose, }: ModalProps): JSX.Element;
|
|
18
19
|
export {};
|
|
19
20
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/modal/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA+B,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/modal/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA+B,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAOhG,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,GAAG,CAAA;IACnB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,GAAG,KAAK,IAAI,CAAA;IAC5C,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,GAAG,KAAK,IAAI,CAAA;IAC3C,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,CAAA;IACvD,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,QAAQ,EACR,KAAK,EACL,aAAa,EACb,KAAK,EACL,OAAO,EACP,MAAM,EACN,iBAAiB,EACjB,SAAkB,EAClB,IAAY,EACZ,UAAkB,EAClB,cAAsB,EACtB,eAAuB,EACvB,mBAA0B,EAC1B,kBAAyB,GAC1B,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAgE1B"}
|