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

package/distribution/index.js

@@ -2585,6 +2585,306 @@ const universal = {
     varia: varia
 };
 
+const StyledDashboardsRenderer = styled__default.default.div`
+    display: grid;
+    grid-template-columns: ${({fullRenderArea: fullRenderArea, compactSelectors: compactSelectors}) => {
+    if (fullRenderArea) {
+        return "1fr";
+    }
+    return compactSelectors ? "60px auto" : "1fr 4fr";
+}};
+    min-height: 700px;
+`;
+
+const StyledNoDashboardRender = styled__default.default.div`
+    display: grid;
+    place-content: center;
+`;
+
+const StyledSidebar = styled__default.default.div`
+`;
+
+const StyledSelectors = styled__default.default.div`
+    height: 100%;
+    display: grid;
+    justify-content: space-between;
+    grid-template-columns: 1fr;
+    grid-template-rows: ${({helpItemsCount: helpItemsCount}) => `120px auto ${45 * helpItemsCount}px`};
+
+    background-color: ${({theme: theme}) => theme.backgroundColorTertiary};
+    box-shadow: inset -3px 0px 3px 0px ${({theme: theme}) => theme.boxShadowUmbraColor};
+
+    ul {
+        list-style: none;
+        padding: 0;
+        margin: 0;
+    }
+
+    li {
+        cursor: pointer;
+        padding: 0.7rem 1.4rem;
+        user-select: none;
+    }
+`;
+
+const StyledBranding = styled__default.default.div`
+    display: grid;
+    place-content: center;
+    grid-gap: 0.5rem;
+    height: 100%;
+    font-size: 0.9rem;
+    text-align: center;
+    user-select: none;
+
+    img {
+        cursor: pointer;
+    }
+`;
+
+const StyledHelp = styled__default.default.div`
+    li {
+        font-size: 0.9rem;
+    }
+`;
+
+const StyledHelpItem = styled__default.default.li`
+    display: grid;
+    align-items: center;
+    grid-gap: 0.5rem;
+    grid-template-columns: ${({compactSelectors: compactSelectors}) => compactSelectors ? "16px" : "16px auto 16px"};
+    min-height: 45px;
+`;
+
+const StyledSelector = styled__default.default.li`
+    background-color: ${({theme: theme, selected: selected}) => selected ? theme.backgroundColorPrimary : "initial"};
+
+    :hover {
+        background-color: ${({theme: theme}) => theme.backgroundColorPrimary};
+    }
+
+    display: grid;
+    grid-template-columns: ${({compactSelectors: compactSelectors}) => compactSelectors ? "16px" : "16px auto"};
+    grid-gap: 0.7rem;
+    min-height: 45px;
+    align-items: center;
+    position: relative;
+`;
+
+const StyledSelectorRelativeLabel = styled__default.default.div`
+    position: absolute;
+    left: 50px;
+    z-index: 9999;
+    min-height: 45px;
+    display: grid;
+    align-items: center;
+    padding-right: 0.5rem;
+    background-color: ${({theme: theme}) => theme.backgroundColorPrimaryAlpha};
+`;
+
+const Selector = properties => {
+    const {data: data, selectedDashboard: selectedDashboard, compactSelectors: compactSelectors, theme: theme, setSelectedDashboard: setSelectedDashboard, rendererID: rendererID} = properties;
+    const {id: id, icon: icon, label: label} = data;
+    const Icon = icon;
+    const selected = id === selectedDashboard;
+    const [mouseOver, setMouseOver] = React.useState(false);
+    React.useEffect((() => {
+        let mounted = true;
+        if (mouseOver) {
+            setTimeout((() => {
+                if (!mounted) {
+                    return;
+                }
+                setMouseOver(false);
+            }), 2e3);
+        }
+        return () => {
+            mounted = false;
+        };
+    }), [ mouseOver ]);
+    const selectorIcon = !icon ? React__default.default.createElement(pluridIconsReact.PluridIconSpace, {
+        theme: theme
+    }) : typeof icon === "function" ? React__default.default.createElement(Icon, {
+        theme: theme
+    }) : React__default.default.createElement(React__default.default.Fragment, null, icon);
+    return React__default.default.createElement(StyledSelector, {
+        key: (rendererID || "") + id,
+        onClick: () => setSelectedDashboard(id),
+        onMouseEnter: () => setMouseOver(true),
+        onMouseLeave: () => setMouseOver(false),
+        theme: theme,
+        selected: selected,
+        compactSelectors: compactSelectors
+    }, selectorIcon, !compactSelectors && React__default.default.createElement("div", null, label), compactSelectors && mouseOver && React__default.default.createElement(StyledSelectorRelativeLabel, {
+        theme: theme
+    }, label));
+};
+
+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 helpItemsCount = openManualCount + usageTypeCount;
+    const [mouseOverSelectors, setMouseOverSelectors] = React.useState(false);
+    const branding = React__default.default.createElement(StyledBranding, {
+        compactSelectors: compactSelectors
+    }, !compactSelectors && React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement("div", null, brandingLogo && React__default.default.createElement("img", {
+        src: brandingLogo,
+        alt: "icon",
+        height: 40,
+        onClick: () => {
+            setCompactSelectors(true);
+            setMouseOverSelectors(false);
+        }
+    })), brandingName && React__default.default.createElement("div", {
+        style: brandingNameStyle
+    }, brandingName)), compactSelectors && mouseOverSelectors && React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(pluridIconsReact.PluridIconArrowRight, {
+        atClick: () => setCompactSelectors(false)
+    }), React__default.default.createElement("div", null, "ㅤ")));
+    const selectors = React__default.default.createElement("ul", null, dashboards.map((dashboard => React__default.default.createElement(Selector, {
+        key: dashboard.id,
+        data: dashboard,
+        compactSelectors: compactSelectors,
+        theme: theme,
+        selectedDashboard: selectedDashboard,
+        setSelectedDashboard: setSelectedDashboard,
+        rendererID: rendererID
+    }))));
+    const help = React__default.default.createElement(StyledHelp, null, mouseOverSelectors && React__default.default.createElement("ul", null, openManual && React__default.default.createElement(StyledHelpItem, {
+        onClick: () => openManual(),
+        compactSelectors: compactSelectors
+    }, React__default.default.createElement(pluridIconsReact.PluridIconDocuments, null), !compactSelectors && React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement("div", null, "manual"), React__default.default.createElement(pluridIconsReact.PluridIconExternalLink, null))), usageType === "PRIVATE_USAGE" && logout && React__default.default.createElement(StyledHelpItem, {
+        onClick: () => logout(),
+        compactSelectors: compactSelectors
+    }, React__default.default.createElement(pluridIconsReact.PluridIconExit, null), !compactSelectors && React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement("div", null, "logout (", identonym, ")"), React__default.default.createElement("div", null)))));
+    return React__default.default.createElement(StyledSidebar, {
+        theme: theme
+    }, React__default.default.createElement(StyledSelectors, {
+        onMouseEnter: () => setMouseOverSelectors(true),
+        onMouseLeave: () => setMouseOverSelectors(false),
+        theme: theme,
+        compactSelectors: compactSelectors,
+        helpItemsCount: helpItemsCount
+    }, branding, selectors, help));
+};
+
+const StyledRenderArea = styled__default.default.div`
+`;
+
+const RenderArea = properties => {
+    const {dashboards: dashboards, selectedDashboard: selectedDashboard, renderView: renderView, fullRenderArea: fullRenderArea, theme: theme, setSelectedDashboard: setSelectedDashboard, setRenderView: setRenderView, setFullRenderArea: setFullRenderArea} = properties;
+    const dashboard = dashboards.find((dashboard => dashboard.id === selectedDashboard));
+    if (!dashboard) {
+        return React__default.default.createElement(React__default.default.Fragment, null);
+    }
+    const resolveView = () => {
+        const dashboard = dashboards.find((dashboard => dashboard.id === selectedDashboard));
+        if (!dashboard) {
+            return;
+        }
+        const renderViewInDashboard = dashboard.renderers[renderView];
+        if (renderViewInDashboard) {
+            return renderView;
+        }
+        if (dashboard.defaultRender) {
+            return dashboard.defaultRender;
+        }
+        return Object.keys(dashboard.renderers)[0];
+    };
+    const renderID = resolveView();
+    React.useEffect((() => {
+        if (renderID && renderID !== renderView) {
+            setRenderView(renderID);
+        }
+    }), [ renderID ]);
+    if (!renderID) {
+        return React__default.default.createElement(React__default.default.Fragment, null);
+    }
+    const DashboardRender = dashboard.renderers[renderID];
+    if (!DashboardRender) {
+        return React__default.default.createElement(React__default.default.Fragment, null);
+    }
+    return React__default.default.createElement(StyledRenderArea, {
+        theme: theme
+    }, React__default.default.createElement(DashboardRender, {
+        theme: theme,
+        selectedDashboard: selectedDashboard,
+        setSelectedDashboard: setSelectedDashboard,
+        renderView: renderView,
+        setRenderView: setRenderView,
+        fullRenderArea: fullRenderArea,
+        setFullRenderArea: setFullRenderArea
+    }));
+};
+
+const DashboardsRenderer$1 = properties => {
+    const {dashboards: dashboards, theme: theme, rendererID: rendererID, identonym: identonym, usageType: usageType, brandingName: brandingName, brandingNameStyle: brandingNameStyle, brandingLogo: brandingLogo, activeDashboard: activeDashboard, activeRender: activeRender, compactSelectors: compactSelectorsProperty, fullRenderArea: fullRenderAreaProperty, noDashboardRender: noDashboardRender, atDashboardChange: atDashboardChange, atUIChange: atUIChange, openManual: openManual, logout: logout} = properties;
+    const [compactSelectors, setCompactSelectors] = React.useState(compactSelectorsProperty !== null && compactSelectorsProperty !== void 0 ? compactSelectorsProperty : false);
+    const [fullRenderArea, setFullRenderArea] = React.useState(fullRenderAreaProperty !== null && fullRenderAreaProperty !== void 0 ? fullRenderAreaProperty : false);
+    const [selectedDashboard, setSelectedDashboard] = React.useState(activeDashboard || "");
+    const [renderView, setRenderView] = React.useState(activeRender || "");
+    React.useEffect((() => {
+        if (!activeDashboard) {
+            return;
+        }
+        if (selectedDashboard === activeDashboard) {
+            return;
+        }
+        setSelectedDashboard(activeDashboard);
+    }), [ activeDashboard ]);
+    React.useEffect((() => {
+        if (atDashboardChange) {
+            atDashboardChange(renderView);
+        }
+    }), [ renderView ]);
+    React.useEffect((() => {
+        if (typeof compactSelectorsProperty === "boolean") {
+            setCompactSelectors(compactSelectorsProperty);
+        }
+        if (typeof fullRenderAreaProperty === "boolean") {
+            setFullRenderArea(fullRenderAreaProperty);
+        }
+    }), [ compactSelectorsProperty, fullRenderAreaProperty ]);
+    React.useEffect((() => {
+        if (atUIChange) {
+            atUIChange("compactSelectors", compactSelectors);
+        }
+    }), [ compactSelectors ]);
+    React.useEffect((() => {
+        if (atUIChange) {
+            atUIChange("fullRenderArea", fullRenderArea);
+        }
+    }), [ fullRenderArea ]);
+    return React__default.default.createElement(StyledDashboardsRenderer, {
+        theme: theme,
+        compactSelectors: compactSelectors,
+        fullRenderArea: fullRenderArea
+    }, !fullRenderArea && React__default.default.createElement(Sidebar, {
+        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
+    }), selectedDashboard && React__default.default.createElement(RenderArea, {
+        dashboards: dashboards,
+        selectedDashboard: selectedDashboard,
+        setSelectedDashboard: setSelectedDashboard,
+        renderView: renderView,
+        setRenderView: setRenderView,
+        fullRenderArea: fullRenderArea,
+        setFullRenderArea: setFullRenderArea,
+        theme: theme
+    }), !selectedDashboard && noDashboardRender && React__default.default.createElement(StyledNoDashboardRender, null, noDashboardRender));
+};
+
 const StyledEntityView = styled__default.default.div`
     position: relative;
     height: 100%;
@@ -2695,7 +2995,7 @@ const createSearchTerms = (rows, fields) => rows.map((entity => {
 
 const {buttons: {PureButton: PluridPureButton}, inputs: {Textline: PluridTextline}, markers: {Spinner: PluridSpinner}} = universal;
 
-const EntityView = React.forwardRef(((properties, reference) => {
+const EntityView$1 = React.forwardRef(((properties, reference) => {
     const {entities: entities, searchFields: searchFields, generalTheme: generalTheme, interactionTheme: interactionTheme, rowsHeader: rowsHeader, rowTemplate: rowTemplate, noRows: noRows, abstractRowRenderer: abstractRowRenderer, actionButtonText: actionButtonText, placeholderText: placeholderText, scrollThrottleTime: scrollThrottleTimeProperty, loading: loading, rowRenderFields: rowRenderFields, rowRenderMethods: rowRenderMethods, actionButtonClick: actionButtonClick, filterUpdate: filterUpdate, refresh: refresh, actionScrollBottom: actionScrollBottom} = properties;
     const placeholder = placeholderText || "search";
     const scrollThrottleTime = scrollThrottleTimeProperty !== null && scrollThrottleTimeProperty !== void 0 ? scrollThrottleTimeProperty : 1e3;
@@ -2832,10 +3132,11 @@ const EntityView = React.forwardRef(((properties, reference) => {
 }));
 
 const containers = {
-    EntityView: EntityView
+    DashboardsRenderer: DashboardsRenderer$1,
+    EntityView: EntityView$1
 };
 
-const Head = properties => {
+const Head$1 = properties => {
     var _a, _b, _c, _d;
     const {Helmet: Helmet, defaults: defaults, children: children, stateHead: stateHead} = properties;
     const robots = (defaults === null || defaults === void 0 ? void 0 : defaults.robots) || "index,follow";
@@ -2969,7 +3270,7 @@ const mapStateToProperties$7 = (state, ownProperties) => ({
 
 const mapDispatchToProperties$7 = dispatch => ({});
 
-const ConnectedHead = reactRedux.connect(mapStateToProperties$7, mapDispatchToProperties$7)(Head);
+const ConnectedHead = reactRedux.connect(mapStateToProperties$7, mapDispatchToProperties$7)(Head$1);
 
 const head = {
     Head: ConnectedHead
@@ -3023,7 +3324,7 @@ const StyledNotificationClose = styled__default.default.div`
     place-content: center;
 `;
 
-const Notification = properties => {
+const Notification$1 = properties => {
     const {data: data, theme: theme, remove: remove, elements: elements, style: style, className: className} = properties;
     const {id: id, text: text, html: html, react: react, timeout: timeout, wordBreak: wordBreak} = data;
     const resolvedWordBreak = wordBreak === true ? "break-all" : "normal";
@@ -3082,9 +3383,9 @@ const StyledNotifications = styled__default.default.div`
     pointer-events: none;
 `;
 
-const Notifications = properties => {
+const Notifications$1 = properties => {
     const {elements: elements, stateGeneralTheme: stateGeneralTheme, stateNotifications: stateNotifications, dispatchRemoveNotification: dispatchRemoveNotification} = properties;
-    return React__default.default.createElement(StyledNotifications, null, stateNotifications.map((notification => React__default.default.createElement(Notification, {
+    return React__default.default.createElement(StyledNotifications, null, stateNotifications.map((notification => React__default.default.createElement(Notification$1, {
         key: notification.id,
         data: notification,
         theme: stateGeneralTheme,
@@ -3102,10 +3403,10 @@ const mapDispatchToProperties$6 = dispatch => ({
     dispatchRemoveNotification: payload => dispatch(pluridUiStateReact.notifications.actions.remove(payload))
 });
 
-const ConnectedNotifications = reactRedux.connect(mapStateToProperties$6, mapDispatchToProperties$6)(Notifications);
+const ConnectedNotifications = reactRedux.connect(mapStateToProperties$6, mapDispatchToProperties$6)(Notifications$1);
 
 const notifications = {
-    Notification: Notification,
+    Notification: Notification$1,
     Notifications: ConnectedNotifications
 };
 
@@ -3494,7 +3795,7 @@ const mapDispatchToProperties$2 = dispatch => ({});
 
 const ConnectedSittings = reactRedux.connect(mapStateToProperties$2, mapDispatchToProperties$2)(Sittings);
 
-const SittingTray = properties => {
+const SittingTray$1 = properties => {
     const {selectors: selectors, context: context, stateInteractionTheme: stateInteractionTheme} = properties;
     return React__default.default.createElement(StyledSittingTray, {
         theme: stateInteractionTheme
@@ -3519,7 +3820,7 @@ const mapStatedToProperties = (state, ownProperties) => ({
 
 const mapDispatchdToProperties = dispatch => ({});
 
-const ConnectedSittingTray = reactRedux.connect(mapStatedToProperties, mapDispatchdToProperties)(SittingTray);
+const ConnectedSittingTray = reactRedux.connect(mapStatedToProperties, mapDispatchdToProperties)(SittingTray$1);
 
 const sitting = {
     SittingTray: ConnectedSittingTray
@@ -3584,7 +3885,7 @@ const StyledHorizontalToolbarButtonIcon = styled__default.default.div`
 }};
 `;
 
-const HorizontalToolbarButton = properties => {
+const HorizontalToolbarButton$1 = properties => {
     const {text: text, atClick: atClick, active: active, scaleIcon: scaleIcon, icon: Icon, theme: themeProperty, style: style, className: className} = properties;
     const theme = themeProperty || themes__default.default.plurid;
     return React__default.default.createElement(StyledHorizontalToolbarButton, {
@@ -3599,37 +3900,37 @@ const HorizontalToolbarButton = properties => {
     }, React__default.default.createElement(Icon, null)), text);
 };
 
-var SizeTypes;
+exports.SizeTypes = void 0;
 
 (function(SizeTypes) {
     SizeTypes["small"] = "small";
     SizeTypes["normal"] = "normal";
     SizeTypes["large"] = "large";
-})(SizeTypes || (SizeTypes = {}));
+})(exports.SizeTypes || (exports.SizeTypes = {}));
 
-var HorizontalPositions;
+exports.HorizontalPositions = void 0;
 
 (function(HorizontalPositions) {
     HorizontalPositions["left"] = "left";
     HorizontalPositions["right"] = "right";
-})(HorizontalPositions || (HorizontalPositions = {}));
+})(exports.HorizontalPositions || (exports.HorizontalPositions = {}));
 
-var VerticalPositions;
+exports.VerticalPositions = void 0;
 
 (function(VerticalPositions) {
     VerticalPositions["top"] = "top";
     VerticalPositions["bottom"] = "bottom";
-})(VerticalPositions || (VerticalPositions = {}));
+})(exports.VerticalPositions || (exports.VerticalPositions = {}));
 
 const StyledToolbarControls = styled__default.default.div`
     top: ${({position: position}) => {
-    if (position === VerticalPositions.top) {
+    if (position === exports.VerticalPositions.top) {
         return "15px";
     }
     return "initial";
 }};
     bottom: ${({position: position}) => {
-    if (position === VerticalPositions.bottom) {
+    if (position === exports.VerticalPositions.bottom) {
         return "15px";
     }
     return "initial";
@@ -3657,9 +3958,9 @@ const StyledToolbarControlsButtons = styled__default.default.div`
     height: 100%;
 `;
 
-const ToolbarControls = properties => {
+const ToolbarControls$1 = properties => {
     const {position: positionProperty, theme: themeProperty, style: style, className: className, children: children} = properties;
-    const position = positionProperty || VerticalPositions.top;
+    const position = positionProperty || exports.VerticalPositions.top;
     const theme = themeProperty || themes.plurid;
     return React__default.default.createElement(StyledToolbarControls, {
         position: position,
@@ -3775,7 +4076,7 @@ const StyledVerticalToolbarButtonText = styled__default.default.div`
     align-items: center;
 `;
 
-const VerticalToolbarButton = properties => {
+const VerticalToolbarButton$1 = properties => {
     const {atClick: atClick, icon: Icon, active: active, text: text, textLeft: textLeft, showText: showText, scaleIcon: scaleIcon, first: first, last: last, theme: theme} = properties;
     const [mouseOver, setMouseOver] = React.useState(false);
     return React__default.default.createElement(StyledVerticalToolbarButton, {
@@ -3794,13 +4095,13 @@ const VerticalToolbarButton = properties => {
 
 const StyledToolbar = styled__default.default.div`
     left: ${props => {
-    if (props.position === HorizontalPositions.left) {
+    if (props.position === exports.HorizontalPositions.left) {
         return "0";
     }
     return "initial";
 }};
     right: ${props => {
-    if (props.position === HorizontalPositions.right) {
+    if (props.position === exports.HorizontalPositions.right) {
         return "0";
     }
     return "initial";
@@ -3836,10 +4137,10 @@ const StyledToolbarButtons = styled__default.default.div`
     user-select: none;
 `;
 
-const ToolbarSpecific = properties => {
+const ToolbarSpecific$1 = properties => {
     const {buttons: buttons, handleClick: handleClick, activeType: activeType, position: position, children: children, stateToolbars: stateToolbars, stateIdentonym: stateIdentonym, stateInteractionTheme: stateInteractionTheme} = properties;
     const {alwaysShow: alwaysShow, location: location, scaleIcons: scaleIcons, showNames: showNames} = stateToolbars;
-    const toolbarPosition = position ? position : HorizontalPositions.right;
+    const toolbarPosition = position ? position : exports.HorizontalPositions.right;
     const [showToolbar, setShowToolbar] = React.useState(alwaysShow);
     const [mouseIn, setMouseIn] = React.useState(false);
     const handleMouseMove = event => {
@@ -3881,7 +4182,7 @@ const ToolbarSpecific = properties => {
         return true;
     })).map(((button, index) => {
         const {type: type, text: text, icon: Icon, first: first, last: last} = button;
-        return React__default.default.createElement(VerticalToolbarButton, {
+        return React__default.default.createElement(VerticalToolbarButton$1, {
             key: type,
             atClick: () => handleClick(type, index),
             icon: Icon,
@@ -3905,9 +4206,9 @@ const mapStateToProperties$1 = (state, ownProperties) => ({
 
 const mapDispatchToProperties$1 = dispatch => ({});
 
-const ConnectedToolbarSpecific = reactRedux.connect(mapStateToProperties$1, mapDispatchToProperties$1)(ToolbarSpecific);
+const ConnectedToolbarSpecific = reactRedux.connect(mapStateToProperties$1, mapDispatchToProperties$1)(ToolbarSpecific$1);
 
-const ToolbarGeneral = properties => {
+const ToolbarGeneral$1 = properties => {
     const {buttons: buttons, selectors: selectors, context: context, handleClick: handleClick, speakButton: speakButton, sittingButton: sittingButtonProperty, stateView: stateView, stateSittingTray: stateSittingTray, stateToolbars: stateToolbars, stateInteractionTheme: stateInteractionTheme, dispatchToggleSittingTray: dispatchToggleSittingTray} = properties;
     const {scaleIcons: scaleIcons, showNames: showNames} = stateToolbars;
     const iconTextLeft = false;
@@ -3916,10 +4217,10 @@ const ToolbarGeneral = properties => {
         buttons: buttons,
         handleClick: handleClick,
         activeType: stateView,
-        position: HorizontalPositions.left,
+        position: exports.HorizontalPositions.left,
         selectors: selectors,
         context: context
-    }, speakButton && React__default.default.createElement(VerticalToolbarButton, {
+    }, speakButton && React__default.default.createElement(VerticalToolbarButton$1, {
         atClick: () => {},
         icon: pluridIconsReact.PluridIconSpeak,
         active: false,
@@ -3928,7 +4229,7 @@ const ToolbarGeneral = properties => {
         showText: showNames,
         scaleIcon: scaleIcons,
         theme: stateInteractionTheme
-    }), sittingButton && React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(VerticalToolbarButton, {
+    }), sittingButton && React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(VerticalToolbarButton$1, {
         atClick: () => dispatchToggleSittingTray(),
         icon: pluridIconsReact.PluridIconStateShareImage,
         active: stateSittingTray,
@@ -3958,14 +4259,14 @@ const mapDispatchToProperties = dispatch => ({
     dispatchToggleSittingTray: () => dispatch(pluridUiStateReact.sitting.actions.toggleSittingTray())
 });
 
-const ConnectedToolbarGeneral = reactRedux.connect(mapStateToProperties, mapDispatchToProperties)(ToolbarGeneral);
+const ConnectedToolbarGeneral = reactRedux.connect(mapStateToProperties, mapDispatchToProperties)(ToolbarGeneral$1);
 
 const toolbars = {
-    HorizontalToolbarButton: HorizontalToolbarButton,
-    ToolbarControls: ToolbarControls,
+    HorizontalToolbarButton: HorizontalToolbarButton$1,
+    ToolbarControls: ToolbarControls$1,
     ToolbarGeneral: ConnectedToolbarGeneral,
     ToolbarSpecific: ConnectedToolbarSpecific,
-    VerticalToolbarButton: VerticalToolbarButton
+    VerticalToolbarButton: VerticalToolbarButton$1
 };
 
 const pluridal = {
@@ -3980,14 +4281,20 @@ var index = Object.assign(Object.assign(Object.assign(Object.assign(Object.assig
 
 const {buttons: {LinkButton: LinkButton, PureButton: PureButton, RefreshButton: RefreshButton}, form: {FormLeftRight: FormLeftRight, FormObliterate: FormObliterate, Formbutton: Formbutton, Formitem: Formitem, Formline: Formline}, general: {GlobalStyles: GlobalStyles}, inputs: {Dropdown: Dropdown, EntityPill: EntityPill, EntityPillGroup: EntityPillGroup, InputBox: InputBox, InputDescriptor: InputDescriptor, InputLine: InputLine, InputSwitch: InputSwitch, Itemsline: Itemsline, Select: Select, Slider: Slider, Switch: Switch, Textline: Textline}, markers: {HR: HR, ProgressCircle: ProgressCircle, Spinner: Spinner, Tooltip: Tooltip}, typography: {Heading: Heading, Paragraph: Paragraph}, varia: {CopyableLine: CopyableLine, NewPageLink: NewPageLink, ScrollableLine: ScrollableLine, TextItem: TextItem}} = universal;
 
+const {containers: {DashboardsRenderer: DashboardsRenderer, EntityView: EntityView}, head: {Head: Head}, notifications: {Notification: Notification, Notifications: Notifications}, sitting: {SittingTray: SittingTray}, toolbars: {HorizontalToolbarButton: HorizontalToolbarButton, ToolbarControls: ToolbarControls, ToolbarGeneral: ToolbarGeneral, ToolbarSpecific: ToolbarSpecific, VerticalToolbarButton: VerticalToolbarButton}} = pluridal;
+
 exports.CopyableLine = CopyableLine;
 
+exports.DashboardsRenderer = DashboardsRenderer;
+
 exports.Dropdown = Dropdown;
 
 exports.EntityPill = EntityPill;
 
 exports.EntityPillGroup = EntityPillGroup;
 
+exports.EntityView = EntityView;
+
 exports.FormLeftRight = FormLeftRight;
 
 exports.FormObliterate = FormObliterate;
@@ -4002,8 +4309,12 @@ exports.GlobalStyles = GlobalStyles;
 
 exports.HR = HR;
 
+exports.Head = Head;
+
 exports.Heading = Heading;
 
+exports.HorizontalToolbarButton = HorizontalToolbarButton;
+
 exports.InputBox = InputBox;
 
 exports.InputDescriptor = InputDescriptor;
@@ -4018,6 +4329,10 @@ exports.LinkButton = LinkButton;
 
 exports.NewPageLink = NewPageLink;
 
+exports.Notification = Notification;
+
+exports.Notifications = Notifications;
+
 exports.Paragraph = Paragraph;
 
 exports.ProgressCircle = ProgressCircle;
@@ -4030,6 +4345,8 @@ exports.ScrollableLine = ScrollableLine;
 
 exports.Select = Select;
 
+exports.SittingTray = SittingTray;
+
 exports.Slider = Slider;
 
 exports.Spinner = Spinner;
@@ -4040,8 +4357,16 @@ exports.TextItem = TextItem;
 
 exports.Textline = Textline;
 
+exports.ToolbarControls = ToolbarControls;
+
+exports.ToolbarGeneral = ToolbarGeneral;
+
+exports.ToolbarSpecific = ToolbarSpecific;
+
 exports.Tooltip = Tooltip;
 
+exports.VerticalToolbarButton = VerticalToolbarButton;
+
 exports.default = index;
 
 exports.pluridal = pluridal;