frst-components 0.31.8 → 0.31.9
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 +3 -3
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -23667,7 +23667,7 @@ const SelectTag = styled__default["default"].div `
|
|
|
23667
23667
|
gap: 8px;
|
|
23668
23668
|
padding: 4px 8px;
|
|
23669
23669
|
margin: 5px 10px 5px 0;
|
|
23670
|
-
z-index:
|
|
23670
|
+
z-index: 1;
|
|
23671
23671
|
|
|
23672
23672
|
:hover {
|
|
23673
23673
|
background: ${({ isVariant, tagColor }) => (tagColor ? tagColor : isVariant ? '#6A3F86' : '#1f6e74')};
|
|
@@ -23691,7 +23691,7 @@ const overShowInfo = styled__default["default"].div `
|
|
|
23691
23691
|
height: 32px;
|
|
23692
23692
|
padding: 4px 8px;
|
|
23693
23693
|
margin: 5px 10px 5px 0;
|
|
23694
|
-
z-index:
|
|
23694
|
+
z-index: 1;
|
|
23695
23695
|
cursor: pointer;
|
|
23696
23696
|
|
|
23697
23697
|
& :hover {
|
|
@@ -23922,7 +23922,7 @@ function DropdownMultiselect(props) {
|
|
|
23922
23922
|
}, children: jsxRuntime.jsx(material.Skeleton, { width: option.even ? '70%' : '60%', height: '2rem' }) }))
|
|
23923
23923
|
};
|
|
23924
23924
|
};
|
|
23925
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(containerSelect, { style: { ...props.style }, id: "container-select", children: [selectedValues?.length > 0 && (jsxRuntime.jsxs(headerSelect, { darkMode: darkMode, children: [selectTemplate(selectedValues), selectedValues?.length > 1 && (jsxRuntime.jsx("div", { style: { zIndex:
|
|
23925
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(containerSelect, { style: { ...props.style }, id: "container-select", children: [selectedValues?.length > 0 && (jsxRuntime.jsxs(headerSelect, { darkMode: darkMode, children: [selectTemplate(selectedValues), selectedValues?.length > 1 && (jsxRuntime.jsx("div", { style: { zIndex: '1', 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: darkMode ? "#757575" : "#9C9C9C" }) }) }) }))] })), jsxRuntime.jsx(customSelect, { onClick: () => textFilter !== '' && setTextFilter(''), darkMode: darkMode, children: jsxRuntime.jsx(multiselect.MultiSelect, { id: "list-selected", panelStyle: {
|
|
23926
23926
|
display: props.isModalOpen !== undefined ? (props.isModalOpen ? 'block' : 'none') : 'block',
|
|
23927
23927
|
background: darkMode ? '#323232' : '#fff'
|
|
23928
23928
|
}, value: selectedValues, options: listFilterSearch, onChange: (e) => setSelectedValues(e.value), placeholder: props.selectPlaceholder ? props.selectPlaceholder : 'Selecione aqui', className: "custom-multiselect", panelClassName: darkMode ? 'custom-darkMode-dropdown' : 'custom-dropdown', dropdownIcon: jsxRuntime.jsx(DropdownIcon, { fill: darkMode ? FRSTTheme['colors'].neutralsGrey3 : FRSTTheme['colors'].shadeBlack }), panelHeaderTemplate: handleTemplateHeader(), itemTemplate: itemTemplate, disabled: props.isDisabled, maxSelectedLabels: 0, selectedItemsLabel: " ", style: {
|