@plurid/plurid-ui-components-react 0.0.0-22 → 0.0.0-23

package/distribution/components/universal/inputs/Dropdown/index.d.ts

@@ -9,6 +9,7 @@ export interface DropdownProperties {
     kind?: string;
     listTop?: string;
     dropdownToggled?: boolean;
+    dropdownSign?: string | boolean;
     /**
      * Hide dropdown after click selection.
      *

package/distribution/index.es.js

@@ -1228,12 +1228,13 @@ const StyledFilterUpdate = styled.div`
 `;
 
 const Dropdown$1 = properties => {
-    const {selected: selected, selectables: selectables, atSelect: atSelect, left: left, kind: kind, listTop: listTop, dropdownToggled: dropdownToggled, hideAtSelect: hideAtSelect, selectAtHover: selectAtHover, selectedColor: selectedColor, filterable: filterable, style: style, className: className, theme: themeProperty, generalTheme: generalThemeProperty, interactionTheme: interactionThemeProperty, level: level, heightItems: heightItems, width: width, setDropdownToggled: setDropdownToggled, filterUpdate: filterUpdate} = properties;
+    const {selected: selected, selectables: selectables, atSelect: atSelect, left: left, kind: kind, listTop: listTop, dropdownToggled: dropdownToggled, dropdownSign: dropdownSign, hideAtSelect: hideAtSelect, selectAtHover: selectAtHover, selectedColor: selectedColor, filterable: filterable, style: style, className: className, theme: themeProperty, generalTheme: generalThemeProperty, interactionTheme: interactionThemeProperty, level: level, heightItems: heightItems, width: width, setDropdownToggled: setDropdownToggled, filterUpdate: filterUpdate} = properties;
     const _generalTheme = generalThemeProperty === undefined ? themeProperty === undefined ? plurid : themeProperty : generalThemeProperty;
     const _interactionTheme = interactionThemeProperty === undefined ? themeProperty === undefined ? plurid : themeProperty : interactionThemeProperty;
     const _level = level !== null && level !== void 0 ? level : 0;
     const _hideAtSelect = hideAtSelect !== null && hideAtSelect !== void 0 ? hideAtSelect : true;
     const _selectAtHover = selectAtHover !== null && selectAtHover !== void 0 ? selectAtHover : false;
+    const _dropdownSign = typeof dropdownSign === "string" ? dropdownSign : !dropdownSign ? "" : "▼";
     const isMounted = useRef(true);
     const filterInput = useRef(null);
     const [generalTheme, setGeneralTheme] = useState(_generalTheme);
@@ -1397,7 +1398,7 @@ const Dropdown$1 = properties => {
         },
         theme: generalTheme,
         selectedColor: selectedColor
-    }, typeof selected === "string" ? selected : selected.value), showList && React.createElement(StyledDropdownList, {
+    }, typeof selected === "string" ? selected : selected.value, _dropdownSign && React.createElement(React.Fragment, null, " ", _dropdownSign)), showList && React.createElement(StyledDropdownList, {
         theme: interactionTheme,
         left: left,
         listTop: listTop,
@@ -2704,7 +2705,7 @@ const Selector = properties => {
 const Sidebar = properties => {
     const {dashboards: dashboards, theme: theme, compactSelectors: compactSelectors, setCompactSelectors: setCompactSelectors, selectedDashboard: selectedDashboard, setSelectedDashboard: setSelectedDashboard, identonym: identonym, usageType: usageType, openManual: openManual, logout: logout, rendererID: rendererID, brandingName: brandingName, brandingNameStyle: brandingNameStyle, brandingLogo: brandingLogo} = properties;
     const openManualCount = openManual ? 1 : 0;
-    const usageTypeCount = usageType === "PRIVATE_USAGE" ? 1 : 0;
+    const usageTypeCount = usageType === "PRIVATE_USAGE" && logout ? 1 : 0;
     const helpItemsCount = openManualCount + usageTypeCount;
     const [mouseOverSelectors, setMouseOverSelectors] = useState(false);
     const branding = React.createElement(StyledBranding, {