@camunda/camunda-composite-components 0.22.1 → 0.22.3

package/lib/esm/src/components/c3-navigation/c3-navigation-sidebar/c3-navigation-sidebar.js

@@ -1,89 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/*
- * Copyright Camunda Services GmbH and/or licensed to Camunda Services GmbH
- * under one or more contributor license agreements. Licensed under a commercial license.
- * You may not use this file except in compliance with the commercial license.
- */
-import { Button, HeaderPanel as CarbonHeaderPanel, HeaderGlobalAction, Stack, SwitcherDivider, } from '@carbon/react';
-import { useEffect } from 'react';
-import styled from 'styled-components';
-import { useOnClickOutside } from '../helpers.js';
-import C3NavigationSidebarElement from './c3-navigation-sidebar-element.js';
-import { useSidebarState } from './c3-sidebar-state-provider.js';
-const Wrapper = styled.div `
-  .cds--popover * {
-    z-index: 9000;
-  }
-`;
-const HeaderPanel = styled(CarbonHeaderPanel) `
-  visibility: ${({ expanded }) => (expanded ? 'visible' : 'hidden')};
-  display: grid;
-  grid-auto-flow: row;
-  grid-auto-rows: max-content 1fr;
-  overflow-y: auto;
-  overflow-x: hidden;
-  width: ${({ expanded }) => (expanded === true ? 'calc(16rem)' : '0')};
-
-  .cds--overflow-menu-options {
-    width: 165px;
-  }
-`;
-const BottomElements = styled.div `
-  align-self: end;
-`;
-const C3NavigationSideBar = (props) => {
-    const { icon, sideBar, children, version, bottomChildren } = props;
-    const { callbacks, onOpen } = sideBar;
-    const { isOpen, setIsOpen: setOpenState, scrollBarWidth, setScrollBarWidth, } = useSidebarState()[sideBar.type];
-    const setIsOpen = (open) => {
-        if (open) {
-            callbacks?.beforeOpening?.();
-            onOpen?.();
-        }
-        setOpenState(open);
-        if (!open)
-            callbacks?.afterClosing?.();
-    };
-    const itemTabIndex = isOpen ? undefined : -1;
-    const { panelRef, setPanelRef, setIconRef } = useOnClickOutside(() => setIsOpen(false));
-    const id = `c3-${sideBar.type}-sidebar`;
-    const handleResize = () => {
-        const scrollbarWidth = panelRef.current
-            ? panelRef.current?.offsetWidth - panelRef.current?.clientWidth
-            : 0;
-        setScrollBarWidth(scrollbarWidth);
-    };
-    useEffect(() => {
-        window.addEventListener('resize', handleResize);
-        handleResize();
-        return () => window.removeEventListener('resize', handleResize);
-    }, []);
-    useEffect(() => {
-        if (isOpen) {
-            setTimeout(() => {
-                handleResize();
-            }, 120);
-        }
-    }, [isOpen]);
-    return (_jsxs(Wrapper, { children: [_jsx(HeaderGlobalAction
-            /* @ts-expect-error */
-            , { 
-                /* @ts-expect-error */
-                ref: setIconRef, "aria-label": sideBar.tooltip ?? `Open ${sideBar.ariaLabel}`, "aria-expanded": isOpen, "aria-controls": id, onClick: () => {
-                    setIsOpen(!isOpen);
-                }, isActive: isOpen, tooltipAlignment: sideBar.type === 'user' ? 'end' : 'center', leaveDelayMs: 100, children: icon }), _jsxs(HeaderPanel, { ref: setPanelRef, expanded: isOpen, "data-floating-menu-container": true, children: [_jsxs(Stack, { children: [children, sideBar.elements &&
-                                sideBar.elements.length > 0 &&
-                                'customElements' in sideBar &&
-                                sideBar.customElements &&
-                                'activeOrganization' in sideBar.customElements &&
-                                !sideBar.customElements?.activeOrganization && _jsx(SwitcherDivider, {}), sideBar.elements?.map((element, index) => (_jsx(C3NavigationSidebarElement, { element: element, index: index, sideBar: sideBar, setSideBarOpen: setIsOpen, itemTabIndex: itemTabIndex, scrollBarWidth: scrollBarWidth }, element.key))), bottomChildren] }), version, _jsx(BottomElements, { children: sideBar.bottomElements &&
-                            sideBar.bottomElements.map((element) => (_jsx(Button, { kind: element.kind, className: 'cds--switcher__item', renderIcon: element.renderIcon, onClick: () => {
-                                    if (element.onClick) {
-                                        element.onClick();
-                                    }
-                                    if (sideBar.closeOnClick !== false) {
-                                        setIsOpen(false);
-                                    }
-                                }, tabIndex: itemTabIndex, style: { width: `calc(16rem + 2px - ${scrollBarWidth}px)` }, children: element.label }, element.key))) })] })] }));
-};
-export default C3NavigationSideBar;

package/lib/esm/src/components/c3-navigation/c3-navigation-sidebar/c3-navigation-sidebar.types.d.ts

@@ -1,81 +0,0 @@
-import type { JSX } from 'react';
-import type { Notification } from '../../../api/notifications';
-import type { C3NavigationElementProps } from '../c3-navigation.types';
-export type C3NavigationSideBarBaseProps = {
-    ariaLabel?: string;
-    tooltip?: string;
-    isOpen?: boolean;
-    onOpen?: () => void;
-    closeOnClick?: boolean;
-    elementClicked?: (key: string) => void;
-    elements?: C3NavigationElementProps[];
-    bottomElements?: C3NavigationElementProps[];
-};
-export type CamundaOrg = {
-    activeLabel: string;
-    otherLabel: string;
-    orgName: string;
-    action: {
-        label: string;
-        onClick: () => void;
-    };
-    teamsLabel?: string;
-};
-export type C3NavigationOrgSideBarProps = C3NavigationSideBarBaseProps & {
-    type: 'org';
-    customElements?: {
-        activeOrganization?: CamundaOrg;
-    };
-    switchToOrg?: (orgId: string) => void;
-    manageOrg?: (orgId: string) => void;
-    manageSuperorg?: (orgId: string) => void;
-    manageTeam?: (orgId: string, teamId: string) => void;
-};
-export type C3NavigationInfoSideBarProps = C3NavigationSideBarBaseProps & {
-    type: 'info';
-    version?: string;
-};
-export type C3NavigationUserSideBarProps = C3NavigationSideBarBaseProps & {
-    type: 'user';
-    version?: string;
-    customElements?: {
-        customSection?: JSX.Element;
-        profile?: {
-            label: string;
-            user: {
-                name: string;
-                email: string;
-            };
-        };
-        themeSelector?: {
-            currentTheme: string;
-            onChange: (newValue: string) => void;
-        };
-        stageToggle?: {
-            prodFeaturesEnabled: boolean;
-            toggle: () => void;
-        };
-    };
-};
-export type C3NavigationNotificationsSideBarProps = C3NavigationSideBarBaseProps & {
-    type: 'notifications';
-    onLinkClick?: (meta: Notification['meta']) => void;
-};
-type AppTeaserRouteProps = any;
-export type C3NavigationAppBarProps = Omit<C3NavigationSideBarBaseProps, 'tooltip'> & {
-    type: 'app';
-    appTeaserRouteProps?: {
-        operate?: AppTeaserRouteProps;
-        tasklist?: AppTeaserRouteProps;
-        optimize?: AppTeaserRouteProps;
-        identity?: AppTeaserRouteProps;
-        admin?: AppTeaserRouteProps;
-    };
-};
-export type C3NavigationSideBarProps = {
-    callbacks?: {
-        beforeOpening?: () => void;
-        afterClosing?: () => void;
-    };
-} & (C3NavigationOrgSideBarProps | C3NavigationInfoSideBarProps | C3NavigationUserSideBarProps | C3NavigationNotificationsSideBarProps);
-export {};

package/lib/esm/src/components/c3-navigation/c3-navigation-sidebar/c3-navigation-sidebar.types.js

@@ -1,6 +0,0 @@
-/*
- * Copyright Camunda Services GmbH and/or licensed to Camunda Services GmbH
- * under one or more contributor license agreements. Licensed under a commercial license.
- * You may not use this file except in compliance with the commercial license.
- */
-export {};

package/lib/esm/src/components/c3-navigation/c3-navigation-sidebar/c3-notification-sidebar.d.ts

@@ -1,5 +0,0 @@
-import { type FC } from 'react';
-import type { C3NavigationNotificationsSideBarProps } from './c3-navigation-sidebar.types';
-export declare const C3NotificationSidebar: FC<{
-    sideBar: C3NavigationNotificationsSideBarProps;
-}>;

package/lib/esm/src/components/c3-navigation/c3-navigation-sidebar/c3-notification-sidebar.js

@@ -1,107 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/*
- * Copyright Camunda Services GmbH and/or licensed to Camunda Services GmbH
- * under one or more contributor license agreements. Licensed under a commercial license.
- * You may not use this file except in compliance with the commercial license.
- */
-import { Button } from '@carbon/react';
-import { Notification as NotificationIcon } from '@carbon/react/icons/index.esm.js';
-import { useContext, useEffect, useRef, useState } from 'react';
-import styled from 'styled-components';
-import { C3BellIcon, C3NotificationsUnreadIcon } from '../../../assets/c3-icons.js';
-import C3NotificationContainer, { NotificationDescription, NotificationTitle, } from '../c3-notification-provider/c3-notification-container.js';
-import { C3NotificationContext } from '../c3-notification-provider/c3-notification-provider.js';
-import C3NavigationSideBar from './c3-navigation-sidebar.js';
-import { useNotificationSidebarState } from './c3-sidebar-state-provider.js';
-const PanelHeader = styled.div `
-  background: var(--cds-layer-01);
-  box-shadow: inset 0px -1px 0px var(--cds-border-subtle-01);
-  width: 100%;
-  height: 60px;
-  padding: 24px 16px 13px;
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-`;
-const PanelTitle = styled.span `
-  color: var(--cds-text-primary);
-  font-size: var(--cds-body-01-font-size);
-  font-weight: var(--cds-body-01-font-weight);
-  line-height: var(--cds-body-01-line-height);
-  letter-spacing: var(--cds-body-01-letter-spacing);
-`;
-const DismissAllButton = styled(Button) `
-  font-size: var(--cds-helper-text-01-font-size);
-  font-weight: var(--cds-helper-text-01-font-weight);
-  line-height: var(--cds-helper-text-01-line-height);
-  letter-spacing: var(--cds-helper-text-01-letter-spacing);
-`;
-const EmptyState = styled.div `
-  padding: 16px;
-`;
-const EmptyStateTitle = styled(NotificationTitle) `
-  margin-top: 24px;
-`;
-const EmptyStateDescription = styled(NotificationDescription) `
-  color: var(--cds-text-secondary);
-  margin-top: 8px;
-`;
-export const C3NotificationSidebar = ({ sideBar }) => {
-    const { onLinkClick } = sideBar;
-    const { notifications, isFetching, markAsRead, dismiss, markAllAsRead, dismissAll, analytics, enabled, } = useContext(C3NotificationContext);
-    const [unreadNotifications, setUnreadNotifications] = useState([]);
-    const hasUnreadNotifications = notifications?.some(({ state }) => state === 'new');
-    const { isOpen } = useNotificationSidebarState();
-    const notificationsRef = useRef([]);
-    notificationsRef.current = notifications;
-    const markAllAsReadSidebar = () => {
-        const newNotifications = notificationsRef.current?.filter((notification) => notification.state === 'new');
-        if (newNotifications)
-            markAllAsRead(newNotifications);
-    };
-    const dismissAllSidebar = () => dismissAll(notifications);
-    const beforeOpening = () => {
-        // remember new notifications, so the dots can be displayed
-        if (notificationsRef.current)
-            setUnreadNotifications(notificationsRef.current
-                .filter(({ state }) => state === 'new')
-                .map(({ uuid }) => uuid));
-        markAllAsReadSidebar();
-        if (enabled && analytics) {
-            analytics('notification-panel-opened');
-        }
-    };
-    const afterClosing = () => {
-        markAllAsReadSidebar();
-        setUnreadNotifications([]);
-    };
-    const sortNotificationsDescending = (a, b) => {
-        if (new Date(a.timestamp) > new Date(b.timestamp))
-            return -1;
-        return 0;
-    };
-    useEffect(() => {
-        // mark notifications as read on unmount
-        return () => {
-            if (isOpen)
-                markAllAsReadSidebar();
-        };
-    }, []);
-    return (_jsxs(C3NavigationSideBar, { sideBar: {
-            ...sideBar,
-            ariaLabel: sideBar.ariaLabel || 'Notification Sidebar',
-            callbacks: { beforeOpening, afterClosing },
-        }, icon: hasUnreadNotifications && !isFetching ? (_jsx(C3NotificationsUnreadIcon, { size: 20 })) : (_jsx(NotificationIcon, { size: 20, "aria-label": 'Notifications' })), children: [_jsxs(PanelHeader, { children: [_jsx(PanelTitle, { children: "Notifications" }), notifications.length > 0 && (_jsx(DismissAllButton, { kind: 'ghost', size: 'sm', onClick: dismissAllSidebar, children: "Dismiss all" }))] }), notifications.length > 0 ? (notifications.sort(sortNotificationsDescending).map((notification) => (_jsx(C3NotificationContainer, { onRead: () => {
-                    if (notification.state === 'new') {
-                        markAsRead(notification);
-                    }
-                }, onDismiss: () => dismiss(notification), originalOnLinkClick: onLinkClick, onLinkClick: () => {
-                    if (enabled && analytics) {
-                        analytics('notification-clicked-cta', notification.meta?.identifier);
-                    }
-                    if (onLinkClick) {
-                        onLinkClick(notification.meta);
-                    }
-                }, unread: unreadNotifications.some((id) => id === notification.uuid), ...notification }, notification.uuid)))) : (_jsxs(EmptyState, { children: [_jsx(C3BellIcon, { size: 56 }), _jsx(EmptyStateTitle, { children: "No notifications" }), _jsx(EmptyStateDescription, { children: "New updates regarding your processes, clusters and more will appear here." })] }))] }));
-};

package/lib/esm/src/components/c3-navigation/c3-navigation-sidebar/c3-sidebar-state-provider.d.ts

@@ -1,29 +0,0 @@
-import React, { type FC } from 'react';
-type DefaultValues = {
-    isNotificationSidebarOpen?: boolean;
-    isOrgSidebarOpen?: boolean;
-    isInfoSidebarOpen?: boolean;
-    isUserSidebarOpen?: boolean;
-};
-type SideBarState = {
-    isOpen: boolean;
-    setIsOpen: (isOpen: boolean) => void;
-    scrollBarWidth: number;
-    setScrollBarWidth: (scrollBarWidth: number) => void;
-};
-type C3SidebarsState = {
-    notifications: SideBarState;
-    org: SideBarState;
-    info: SideBarState;
-    user: SideBarState;
-};
-export declare const C3SidebarStateContext: React.Context<C3SidebarsState | null>;
-export declare const C3SidebarStateProvider: FC<DefaultValues & {
-    children?: React.ReactNode;
-}>;
-export declare const useSidebarState: () => C3SidebarsState;
-export declare const useNotificationSidebarState: () => SideBarState;
-export declare const useOrgSidebarState: () => SideBarState;
-export declare const useInfoSidebarState: () => SideBarState;
-export declare const useUserSidebarState: () => SideBarState;
-export {};

package/lib/esm/src/components/c3-navigation/c3-navigation-sidebar/c3-sidebar-state-provider.js

@@ -1,54 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/*
- * Copyright Camunda Services GmbH and/or licensed to Camunda Services GmbH
- * under one or more contributor license agreements. Licensed under a commercial license.
- * You may not use this file except in compliance with the commercial license.
- */
-import React, { useContext, useState } from 'react';
-export const C3SidebarStateContext = React.createContext(null);
-export const C3SidebarStateProvider = ({ children, ...value }) => {
-    const [isNotificationSidebarOpen, setIsNotificationSidebarOpen] = useState(value.isNotificationSidebarOpen || false);
-    const [notificationScrollBarWidth, setNotificationScrollBarWidth] = useState(0);
-    const [isOrgSidebarOpen, setIsOrgSidebarOpen] = useState(value.isOrgSidebarOpen || false);
-    const [orgScrollBarWidth, setOrgScrollBarWidth] = useState(0);
-    const [isInfoSidebarOpen, setIsInfoSidebarOpen] = useState(value.isInfoSidebarOpen || false);
-    const [infoScrollBarWidth, setInfoScrollBarWidth] = useState(0);
-    const [isUserSidebarOpen, setIsUserSidebarOpen] = useState(value.isUserSidebarOpen || false);
-    const [userScrollBarWidth, setUserScrollBarWidth] = useState(0);
-    return (_jsx(C3SidebarStateContext.Provider, { value: {
-            notifications: {
-                isOpen: isNotificationSidebarOpen,
-                setIsOpen: setIsNotificationSidebarOpen,
-                scrollBarWidth: notificationScrollBarWidth,
-                setScrollBarWidth: setNotificationScrollBarWidth,
-            },
-            org: {
-                isOpen: isOrgSidebarOpen,
-                setIsOpen: setIsOrgSidebarOpen,
-                scrollBarWidth: orgScrollBarWidth,
-                setScrollBarWidth: setOrgScrollBarWidth,
-            },
-            info: {
-                isOpen: isInfoSidebarOpen,
-                setIsOpen: setIsInfoSidebarOpen,
-                scrollBarWidth: infoScrollBarWidth,
-                setScrollBarWidth: setInfoScrollBarWidth,
-            },
-            user: {
-                isOpen: isUserSidebarOpen,
-                setIsOpen: setIsUserSidebarOpen,
-                scrollBarWidth: userScrollBarWidth,
-                setScrollBarWidth: setUserScrollBarWidth,
-            },
-        }, children: children }));
-};
-export const useSidebarState = () => {
-    const value = useContext(C3SidebarStateContext);
-    if (!value)
-        throw new Error('No C3SidebarStateContextProvider found.');
-    return value;
-};
-export const useNotificationSidebarState = () => useSidebarState().notifications;
-export const useOrgSidebarState = () => useSidebarState().org;
-export const useInfoSidebarState = () => useSidebarState().info;
-export const useUserSidebarState = () => useSidebarState().user;

package/lib/esm/src/components/c3-navigation/c3-navigation-sidebar/c3-user-sidebar.d.ts

@@ -1,6 +0,0 @@
-import type { FC } from 'react';
-import type { C3NavigationUserSideBarProps } from './c3-navigation-sidebar.types';
-declare const C3UserSidebar: FC<{
-    sideBar: C3NavigationUserSideBarProps;
-}>;
-export default C3UserSidebar;

package/lib/esm/src/components/c3-navigation/c3-navigation-sidebar/c3-user-sidebar.js

@@ -1,57 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/*
- * Copyright Camunda Services GmbH and/or licensed to Camunda Services GmbH
- * under one or more contributor license agreements. Licensed under a commercial license.
- * You may not use this file except in compliance with the commercial license.
- */
-import { FormLabel, RadioButton, RadioButtonGroup, Stack, SwitcherDivider, Toggle, } from '@carbon/react';
-import { UserAvatar } from '@carbon/react/icons/index.esm.js';
-import styled from 'styled-components';
-import { useC3Profile, } from '../../c3-user-configuration/c3-profile-provider/c3-profile-provider.js';
-import { useC3UserConfiguration } from '../../c3-user-configuration/c3-user-configuration-provider.js';
-import C3NavigationSideBar from './c3-navigation-sidebar.js';
-import { useUserSidebarState } from './c3-sidebar-state-provider.js';
-const VersionWrapper = styled.div `
-  align-self: end;
-  padding: 0.5rem 1rem;
-`;
-const Version = styled.p `
-  color: var(--cds-text-primary);
-  font-size: var(--cds-label-02-font-size);
-  font-weight: var(--cds-label-02-font-weight);
-  line-height: var(--cds-label-02-line-height);
-  letter-spacing: var(--cds-label-02-letter-spacing);
-`;
-const Copyright = styled.p `
-  color: var(--cds-text-secondary);
-  font-size: var(--cds-label-01-font-size);
-  font-weight: var(--cds-label-01-font-weight);
-  line-height: var(--cds-label-01-line-height);
-  letter-spacing: var(--cds-label-01-letter-spacing);
-`;
-const C3UserSidebar = ({ sideBar }) => {
-    const { customElements, version, ...sideBarProps } = sideBar;
-    const profile = customElements?.profile;
-    const themeSelector = customElements?.themeSelector;
-    const stageToggle = customElements?.stageToggle;
-    const customSection = customElements?.customSection;
-    const { handleTheme } = useC3UserConfiguration();
-    const { theme, onThemeChange } = useC3Profile();
-    const { isOpen } = useUserSidebarState();
-    const itemTabIndex = isOpen ? undefined : -1;
-    return (_jsxs(C3NavigationSideBar, { sideBar: {
-            ...sideBarProps,
-            ariaLabel: sideBarProps.ariaLabel || 'User Sidebar',
-        }, icon: _jsx(UserAvatar, { size: 20 }), version: version && (_jsxs(VersionWrapper, { children: [_jsxs(Version, { children: ["Version ", version] }), _jsxs(Copyright, { children: ["\u00A9 Camunda Services GmbH ", new Date().getFullYear()] }), _jsx(Copyright, { children: "All right reserved." })] })), bottomChildren: customSection, children: [profile && (_jsx("div", { style: {
-                    padding: '1rem',
-                    paddingTop: '1.5rem',
-                    paddingBottom: '.5rem',
-                }, children: _jsxs(Stack, { gap: 2, children: [_jsx(FormLabel, { children: profile.label }), _jsxs(Stack, { children: [_jsx("div", { className: 'textPrimary', style: { fontSize: '14px' }, children: profile.user.name }), _jsx("div", { className: 'textPrimary', style: { fontSize: '12px' }, children: profile.user.email })] })] }) })), (themeSelector || handleTheme) && (_jsxs(_Fragment, { children: [_jsx(SwitcherDivider, {}), _jsx("div", { style: {
-                            padding: '.5rem 1rem',
-                        }, children: _jsxs(RadioButtonGroup, { name: 'theme-radio-group', legendText: 'Theme', orientation: 'vertical', onChange: (newValue) => {
-                                handleTheme
-                                    ? onThemeChange(newValue)
-                                    : themeSelector?.onChange(newValue);
-                            }, valueSelected: handleTheme ? theme : themeSelector?.currentTheme, children: [_jsx(RadioButton, { id: 'light', labelText: 'Light', value: 'light', tabIndex: itemTabIndex }), _jsx(RadioButton, { id: 'system', labelText: 'System', value: 'system', tabIndex: itemTabIndex }), _jsx(RadioButton, { id: 'dark', labelText: 'Dark', value: 'dark', tabIndex: itemTabIndex })] }) })] })), stageToggle && (_jsxs(_Fragment, { children: [_jsx(SwitcherDivider, {}), _jsx("div", { style: { padding: '.5rem 1rem' }, children: _jsx(Toggle, { size: 'sm', id: 'toggle-productionfeatures', defaultToggled: stageToggle.prodFeaturesEnabled, onClick: stageToggle.toggle, labelText: 'Simulate Production Features', tabIndex: itemTabIndex, "aria-label": 'Simulate Production Features' }) })] }))] }));
-};
-export default C3UserSidebar;

package/lib/esm/src/components/c3-navigation/c3-navigation-sidebar/components.d.ts

@@ -1,2 +0,0 @@
-import { SwitcherDivider as CarbonSwitcherDivider } from '@carbon/react';
-export declare const SwitcherDivider: typeof CarbonSwitcherDivider;

package/lib/esm/src/components/c3-navigation/c3-navigation-sidebar/components.js

@@ -1,11 +0,0 @@
-/*
- * Copyright Camunda Services GmbH and/or licensed to Camunda Services GmbH
- * under one or more contributor license agreements. Licensed under a commercial license.
- * You may not use this file except in compliance with the commercial license.
- */
-import { SwitcherDivider as CarbonSwitcherDivider } from '@carbon/react';
-import styled from 'styled-components';
-export const SwitcherDivider = styled(CarbonSwitcherDivider) `
-  margin: auto;
-  width: calc(100% - 30px);
-`;

package/lib/esm/src/components/c3-navigation/c3-navigation.d.ts

@@ -1,7 +0,0 @@
-import { type JSX } from 'react';
-import type { C3NavigationProps } from './c3-navigation.types';
-export declare const SECOND = 1000;
-export declare const MINUTE: number;
-export declare const HOUR: number;
-export declare const DAY: number;
-export declare const C3Navigation: ({ app, appBar, forwardRef, navbar, orgSideBar, infoSideBar, infoButton, helpCenter, actionButtons, userSideBar, notificationSideBar, clusterUuid, options, }: C3NavigationProps) => JSX.Element;