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

package/distribution/index.js

@@ -1246,12 +1246,13 @@ const StyledFilterUpdate = styled__default.default.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 ? themes.plurid : themeProperty : generalThemeProperty;
     const _interactionTheme = interactionThemeProperty === undefined ? themeProperty === undefined ? themes.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 = React.useRef(true);
     const filterInput = React.useRef(null);
     const [generalTheme, setGeneralTheme] = React.useState(_generalTheme);
@@ -1415,7 +1416,7 @@ const Dropdown$1 = properties => {
         },
         theme: generalTheme,
         selectedColor: selectedColor
-    }, typeof selected === "string" ? selected : selected.value), showList && React__default.default.createElement(StyledDropdownList, {
+    }, typeof selected === "string" ? selected : selected.value, _dropdownSign && React__default.default.createElement(React__default.default.Fragment, null, " ", _dropdownSign)), showList && React__default.default.createElement(StyledDropdownList, {
         theme: interactionTheme,
         left: left,
         listTop: listTop,
@@ -2722,7 +2723,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] = React.useState(false);
     const branding = React__default.default.createElement(StyledBranding, {
@@ -3331,13 +3332,14 @@ const Notification$1 = properties => {
     const [prepareForRemoval, setPrepareForRemoval] = React.useState(false);
     const notificationTimeout = React.useRef(null);
     React.useEffect((() => {
-        if (timeout) {
+        const timeoutValue = timeout === undefined ? react ? 4e3 : 2e3 + text.length * 40 : timeout === 0 ? undefined : timeout;
+        if (timeoutValue) {
             notificationTimeout.current = setTimeout((() => {
                 setPrepareForRemoval(true);
                 setTimeout((() => {
                     remove(id);
                 }), 400);
-            }), timeout);
+            }), timeoutValue);
         }
         return () => {
             if (notificationTimeout.current) {