@camunda/camunda-composite-components 0.22.1 → 0.22.3

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

@@ -1,110 +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, useEffect, useRef, useState, } from 'react';
-import { NotificationService, } from '../../../api/notifications.js';
-import { C3UserConfigurationContext } from '../../c3-user-configuration/c3-user-configuration-provider.js';
-export const C3NotificationContext = React.createContext({
-    enabled: false,
-    isFetching: true,
-    notifications: [],
-    markAsRead: () => undefined,
-    markAllAsRead: () => undefined,
-    dismiss: () => undefined,
-    dismissAll: () => undefined,
-    analytics: () => undefined,
-});
-const C3NotificationProvider = ({ children, }) => {
-    const [notifications, setNotifications] = useState([]);
-    const [isFetching, setIsFetching] = useState(true);
-    const isFetched = useRef(false);
-    const isEventStreamAvailable = useRef(false);
-    const activeOrganizationId = useRef('');
-    const config = useContext(C3UserConfigurationContext);
-    const enabled = !!config && !!config.activeOrganizationId && !!config.userToken;
-    // if the organization changes, we need to reset the state
-    if (enabled && config.activeOrganizationId !== activeOrganizationId.current) {
-        isFetched.current = false;
-    }
-    if (enabled && isFetched.current && !isEventStreamAvailable.current) {
-        isEventStreamAvailable.current = true;
-        NotificationService.notificationsStream(config, (notification) => {
-            if (notification.orgId === config.activeOrganizationId) {
-                setNotifications((currentNotifications) => NotificationService.updateNotifications(currentNotifications, notification));
-            }
-        });
-    }
-    useEffect(() => {
-        const orgHasChanged = activeOrganizationId.current !== config.activeOrganizationId;
-        if (enabled && !isFetched.current && config.userToken && orgHasChanged) {
-            setIsFetching(true);
-            NotificationService.getNotifications(config)
-                .then(({ result }) => {
-                if (result)
-                    setNotifications(result);
-                isFetched.current = true;
-                activeOrganizationId.current = config.activeOrganizationId;
-            })
-                .catch(() => {
-                // ignore
-            })
-                .finally(() => {
-                setIsFetching(false);
-            });
-        }
-    }, [config?.userToken, enabled, isFetched, config.activeOrganizationId]);
-    const changeState = (newState, { uuid, state }) => {
-        if (enabled && state !== newState) {
-            setNotifications((currentNotifications) => NotificationService.updateNotificationState(currentNotifications, uuid, newState));
-            NotificationService.changeState(config, uuid, newState);
-        }
-    };
-    const changeManyStates = (newState, notifications) => {
-        if (enabled) {
-            const notificationIds = notifications
-                .filter((notification) => notification.state !== newState)
-                .map((notification) => notification.uuid);
-            if (notificationIds.length > 0) {
-                setNotifications((allNotifications) => NotificationService.updateNotificationStates(allNotifications, notificationIds, newState));
-                if (newState === 'dismiss') {
-                    NotificationService.dismissAll(config, config.activeOrganizationId);
-                    return;
-                }
-                if (newState === 'read') {
-                    NotificationService.markManyAsRead(config, notificationIds);
-                }
-            }
-        }
-    };
-    const markAsRead = (notification) => changeState('read', notification);
-    const markAllAsRead = (notifications) => changeManyStates('read', notifications);
-    const dismiss = (notification) => changeState('dismiss', notification);
-    const dismissAll = (notifications) => changeManyStates('dismiss', notifications);
-    const analytics = (event, id) => {
-        if (enabled && config.userToken) {
-            NotificationService.sendAnalyticsEvent(config, {
-                event,
-                id,
-            });
-        }
-    };
-    return (_jsx(C3NotificationContext.Provider, { value: {
-            enabled,
-            notifications,
-            markAsRead,
-            markAllAsRead,
-            dismiss,
-            dismissAll,
-            analytics,
-            isFetching,
-        }, children: children }));
-};
-export function withNotifications(Component) {
-    return function WithNamespace(props) {
-        return (_jsx(C3NotificationProvider, { children: _jsx(Component, { ...props }) }));
-    };
-}
-export default C3NotificationProvider;

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

@@ -1,6 +0,0 @@
-import type { FC } from 'react';
-export declare const OrgName: FC<{
-    orgName: string;
-    isSuperOrg?: boolean;
-    activeSuperOrg?: string;
-}>;

package/lib/esm/src/components/c3-navigation/c3-org-name.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styled from 'styled-components';
-import { body01, label01 } from '../styles.js';
-const OrgNameWrapper = styled.div `
-  display: flex;
-  padding-right: var(--12-px-075-rem-spacing-04, 12px);
-  align-items: center;
-  gap: var(--16-px-1-rem-spacing-05, 16px);
-  align-self: stretch;
-`;
-const SuperOrgWrapper = styled.div `
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: flex-start;
-  gap: var(--0-px-0-rem-spacing-00, 0px);
-`;
-const SuperOrgName = styled.div `
-  color: var(--cds-text-secondary, #c6c6c6);
-  ${label01}
-`;
-const TeamName = styled.div `
-  color: var(--cds-text-primary, #f4f4f4);
-  text-align: right;
-  ${body01}
-`;
-const SingleOrgName = styled.div `
-  font-size: 14px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-  max-width: 150px;
-`;
-export const OrgName = ({ orgName, isSuperOrg, activeSuperOrg }) => (_jsx(OrgNameWrapper, { children: activeSuperOrg && !isSuperOrg ? (_jsxs(SuperOrgWrapper, { title: orgName, children: [_jsx(SuperOrgName, { children: activeSuperOrg }), _jsx(TeamName, { children: orgName })] })) : (_jsx(SingleOrgName, { className: 'bodyText', title: orgName, children: orgName })) }));

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

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

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

@@ -1,188 +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 { Button, FormLabel, TreeNode, TreeView } from '@carbon/react';
-import { Enterprise } from '@carbon/react/icons/index.esm.js';
-import { useState } from 'react';
-import { leaveOrganization } from '../../../api/organizations.js';
-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/c3-navigation-sidebar.js';
-import { useOrgSidebarState } from '../c3-navigation-sidebar/c3-sidebar-state-provider.js';
-import { SwitcherDivider } from '../c3-navigation-sidebar/components.js';
-import { ActiveOrgName, ActiveOrgNameWrapper, ActiveOrgWrapper, ActiveOrgWrapperCustom, ConfirmLeaveModal, ManageOrgOverflowMenu, OrgListWrapper, } from './components.js';
-function renderTree({ nodes, expanded, withIcons = false }) {
-    if (!nodes) {
-        return;
-    }
-    return nodes.map(({ children, renderIcon, isExpanded, isDisabled, ...nodeProps }) => (_jsx(TreeNode, { renderIcon: withIcons ? renderIcon : null, isExpanded: expanded ?? isExpanded, ...(isDisabled && {
-            style: { cursor: 'not-allowed' },
-            'aria-disabled': 'true',
-        }), ...nodeProps, children: renderTree({ nodes: children, expanded, withIcons }) }, nodeProps.id)));
-}
-const C3OrgSidebar = ({ sideBar }) => {
-    const { customElements, switchToOrg, manageOrg, manageSuperorg, manageTeam, ...sideBarProps } = sideBar;
-    const { isOpen, setIsOpen, scrollBarWidth } = useOrgSidebarState();
-    const { userToken, decodedAudience, domain, analyticsTrack, setActiveOrgId } = useC3UserConfiguration();
-    const { activeOrg, orgs, removeOrg } = useC3Profile();
-    const superOrgs = orgs?.filter((org) => org.isSuperOrg) || [];
-    const hasSuperOrgs = superOrgs?.length;
-    const isSuperOrgAdmin = activeOrg?.isSuperOrg
-        ? activeOrg?.permissions?.org?.settings?.read
-        : false;
-    const teams = activeOrg?.childOrganizations?.filter(({ uuid }) => activeOrg?.isSuperOrg &&
-        orgs?.some((org) => org.uuid === uuid) &&
-        activeOrg?.uuid !== uuid);
-    const isCustomized = Boolean(customElements?.activeOrganization);
-    const [isConfirmLeaveModalOpen, setIsConfirmLeaveModalOpen] = useState(false);
-    const [orgToLeave, setOrgToLeave] = useState(null);
-    const [loadingStatus, setLoadingStatus] = useState('inactive');
-    const isLastOrg = orgs?.length === 1;
-    const isMemberOfTeam = (orgUuid) => orgs?.some(({ uuid }) => uuid === orgUuid) || false;
-    const canUserLeaveOrg = (org) => (((isSuperOrgAdmin && isMemberOfTeam(org.uuid)) || !isSuperOrgAdmin) &&
-        !org.permissions?.org?.users?.owner?.update &&
-        orgs?.length &&
-        orgs.length > 1) ||
-        false;
-    const canUserManageOrg = (org) => (isSuperOrgAdmin && !org.permissions) ||
-        org.permissions?.org?.settings?.read ||
-        false;
-    const onManageCustomOrg = () => {
-        if (sideBar.closeOnClick !== false)
-            setIsOpen(false);
-    };
-    const canSwitchToOrg = (orgId) => orgs?.some((org) => org.uuid === orgId);
-    const onManageOrg = ({ uuid, isSuperOrg }) => {
-        setIsOpen(false);
-        analyticsTrack?.('navBar:orgSettings:click', { orgId: activeOrg?.uuid });
-        const isTeam = teams?.some((team) => team.uuid === uuid);
-        if (isSuperOrg && manageSuperorg) {
-            manageSuperorg(uuid);
-        }
-        else if (isSuperOrgAdmin && isTeam && manageTeam && activeOrg) {
-            manageTeam(activeOrg?.uuid, uuid);
-        }
-        else if (manageOrg) {
-            manageOrg(uuid);
-        }
-        else {
-            window.location.href =
-                isSuperOrgAdmin &&
-                    !isSuperOrg &&
-                    teams?.some((team) => team.uuid === uuid)
-                    ? `https://console.${domain}/org/${activeOrg?.uuid}/team/${uuid}`
-                    : `https://console.${domain}/org/${uuid}/${isSuperOrg ? 'team' : 'management'}`;
-        }
-    };
-    const activeOrganization = customElements?.activeOrganization || {
-        activeLabel: hasSuperOrgs ? 'Organization' : 'Active organization',
-        orgName: activeOrg?.name || '',
-        action: {
-            onClick: onManageCustomOrg,
-            label: 'Manage',
-        },
-        otherLabel: '',
-        teamsLabel: 'Teams',
-    };
-    const switchOrg = (orgId, track) => {
-        setActiveOrgId(orgId);
-        if (track)
-            analyticsTrack?.('navBar:orgSwitch:click', { orgId });
-        switchToOrg?.(orgId);
-        setIsOpen(false);
-    };
-    const confirmLeaveOrg = async () => {
-        if (orgToLeave && decodedAudience && userToken) {
-            setLoadingStatus('active');
-            const { success } = await leaveOrganization({
-                token: userToken,
-                audience: decodedAudience,
-                orgId: orgToLeave.uuid,
-            });
-            setLoadingStatus(success ? 'finished' : 'error');
-            if (success) {
-                setIsConfirmLeaveModalOpen(false);
-                removeOrg(orgToLeave.uuid);
-            }
-            if (orgToLeave.uuid === activeOrg?.uuid) {
-                const newActiveOrg = orgs?.[0]?.uuid;
-                if (newActiveOrg)
-                    switchOrg(newActiveOrg);
-            }
-        }
-    };
-    const itemTabIndex = isOpen ? undefined : -1;
-    const groupedBySuperOrg = orgs?.reduce((acc, curr) => {
-        const superOrgUuid = curr?.superOrganization?.uuid;
-        if (!superOrgUuid) {
-            acc[curr.uuid] = acc[curr.uuid] ?? {
-                ...curr,
-                childOrganizations: {},
-            };
-            return acc;
-        }
-        acc[superOrgUuid] = acc[superOrgUuid] ?? {
-            ...curr?.superOrganization,
-            childOrganizations: {},
-        };
-        acc[superOrgUuid].childOrganizations[curr.uuid] = {
-            ...curr,
-            childOrganizations: {},
-        };
-        return acc;
-    }, {}) ?? {};
-    return (_jsx(C3NavigationSideBar, { sideBar: {
-            ...sideBarProps,
-            ariaLabel: sideBarProps.ariaLabel || 'Organization Sidebars',
-        }, icon: _jsx(Enterprise, { size: 20 }), children: (customElements?.activeOrganization || activeOrg) && (_jsxs(_Fragment, { children: [isCustomized ? (_jsxs(ActiveOrgWrapperCustom, { children: [_jsxs("div", { style: {
-                                overflow: 'hidden',
-                                display: 'grid',
-                                gap: '4px',
-                            }, children: [_jsx(FormLabel, { children: activeOrganization.activeLabel }), _jsx(ActiveOrgName, { className: 'textPrimary', title: activeOrganization.orgName, "$isCustomized": true, children: activeOrganization.orgName })] }), _jsx(Button, { size: 'md', kind: 'ghost', onClick: () => {
-                                activeOrganization.action.onClick();
-                                onManageCustomOrg();
-                            }, tabIndex: itemTabIndex, children: activeOrganization.action?.label })] })) : (_jsxs(ActiveOrgWrapper, { "$scrollBarWidth": scrollBarWidth, children: [_jsx(FormLabel, { children: activeOrganization.activeLabel }), _jsxs(ActiveOrgNameWrapper, { children: [_jsx(ActiveOrgName, { className: 'textPrimary', title: activeOrganization.orgName, children: activeOrganization.orgName }), activeOrg?.uuid && domain && (_jsx(ManageOrgOverflowMenu, { canManage: canUserManageOrg(activeOrg), canLeave: canUserLeaveOrg(activeOrg), isLastOrg: isLastOrg, isOrgMember: isMemberOfTeam(activeOrg.uuid), orgName: activeOrg.name, onManage: () => onManageOrg(activeOrg), onRequestToLeave: () => {
-                                        setOrgToLeave(activeOrg);
-                                        setIsConfirmLeaveModalOpen(true);
-                                    } }))] }), _jsx(ConfirmLeaveModal, { isOpen: isConfirmLeaveModalOpen, orgName: orgToLeave?.name || '', onConfirm: confirmLeaveOrg, onCancel: () => {
-                                setIsConfirmLeaveModalOpen(false);
-                                setOrgToLeave(null);
-                            }, loadingStatus: loadingStatus })] })), _jsx(SwitcherDivider, {}), _jsx(OrgListWrapper, { children: _jsx(TreeView, { label: 'All organizations', ...(activeOrg?.uuid ? { selected: [activeOrg?.uuid] } : {}), children: renderTree({
-                            nodes: Object.values(groupedBySuperOrg)?.map((element) => {
-                                const userTeams = Object.values(element?.childOrganizations)?.filter((child) => isMemberOfTeam(child.uuid));
-                                const defaultIsExpanded = (activeOrg?.uuid === element.uuid ||
-                                    !isMemberOfTeam(element.uuid) ||
-                                    userTeams?.some((team) => activeOrg?.uuid === team.uuid)) ??
-                                    false;
-                                return {
-                                    children: userTeams?.length > 0
-                                        ? userTeams.map((team) => {
-                                            return {
-                                                id: team.uuid,
-                                                label: team.name,
-                                                isExpanded: false,
-                                                value: team.uuid,
-                                                renderIcon: null,
-                                                onSelect: canSwitchToOrg(team.uuid)
-                                                    ? () => switchOrg(team.uuid, true)
-                                                    : undefined,
-                                            };
-                                        })
-                                        : null,
-                                    id: element.uuid,
-                                    label: element.name,
-                                    value: element.uuid,
-                                    renderIcon: null,
-                                    isExpanded: defaultIsExpanded,
-                                    isDisabled: !isMemberOfTeam(element.uuid),
-                                    onSelect: canSwitchToOrg(element.uuid)
-                                        ? () => switchOrg(element.uuid, true)
-                                        : undefined,
-                                };
-                            }),
-                        }) }) })] })) }));
-};
-export default C3OrgSidebar;

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

@@ -1,29 +0,0 @@
-import type { DropdownProps } from '@carbon/react/lib/components/Dropdown/Dropdown';
-import type { FC } from 'react';
-import type { Organization } from '../../../utils/camunda.types';
-import type { LoadingStatus } from '../c3-navigation-appbar/c3-navigation-appbar';
-export declare const ActiveOrgWrapperCustom: any;
-export declare const ActiveOrgWrapper: any;
-export declare const ActiveSuperorgWrapper: any;
-export declare const ActiveOrgNameWrapper: any;
-export declare const ActiveOrgName: any;
-export declare const ConfirmLeaveModal: FC<{
-    isOpen: boolean;
-    orgName: string;
-    onConfirm: () => void;
-    onCancel: () => void;
-    loadingStatus: LoadingStatus;
-}>;
-export declare const ManageOrgOverflowMenu: FC<{
-    canManage: boolean;
-    canLeave: boolean;
-    isLastOrg?: boolean;
-    isOrgMember: boolean;
-    orgName: string;
-    onManage: () => void;
-    onRequestToLeave: () => void;
-}>;
-export declare const StyledDropdown: FC<DropdownProps<Organization> & {
-    $scrollBarWidth: number;
-}>;
-export declare const OrgListWrapper: any;

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

@@ -1,92 +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 { Dropdown, Modal, OverflowMenu, OverflowMenuItem, Tooltip, } from '@carbon/react';
-import styled from 'styled-components';
-export const ActiveOrgWrapperCustom = styled.div `
-  padding: 1.5rem 1rem 15px;
-  display: grid;
-  grid-auto-flow: column;
-  gap: 0.25rem;
-`;
-export const ActiveOrgWrapper = styled.div `
-  padding: 15px 0 0.5rem 1rem;
-  width: ${({ $scrollBarWidth }) => `calc(16rem - ${$scrollBarWidth}px)`};
-`;
-export const ActiveSuperorgWrapper = styled.div `
-  padding: 24px 0 0.5rem 0;
-  width: ${({ $scrollBarWidth }) => `calc(16rem - ${$scrollBarWidth}px)`};
-  display: flex;
-  flex-direction: column;
-
-  label {
-    padding-left: 1rem;
-  }
-`;
-export const ActiveOrgNameWrapper = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-`;
-export const ActiveOrgName = styled.div `
-  height: 20px; // Set minimum height to allow decenders to be rendered
-  line-height: 20px;
-  font-size: 14px;
-  ${({ $isCustomized }) => ($isCustomized ? '' : 'width: calc(-2px + 13rem)')};
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-`;
-export const ConfirmLeaveModal = ({ isOpen, onConfirm, onCancel, orgName, loadingStatus }) => {
-    return (_jsxs(Modal, { danger: true, open: isOpen, modalHeading: 'Leave organization', primaryButtonText: 'Leave', secondaryButtonText: 'Cancel', closeButtonLabel: 'Cancel', loadingStatus: loadingStatus, onRequestClose: onCancel, onRequestSubmit: onConfirm, onSecondarySubmit: onCancel, loadingDescription: 'Leaving', children: [_jsxs("p", { children: ["Are you sure you want to leave ", _jsx("strong", { children: orgName }), "?"] }), _jsx("br", {}), _jsx("p", { children: "Leaving this organization will remove you from all associated teams and projects. To regain access you would need to reach out to the admin/owner of this organization." })] }));
-};
-const _Tooltip = styled(Tooltip) `
-  .cds--tooltip-content {
-    max-width: 200px;
-  }
-`;
-export const ManageOrgOverflowMenu = ({ canManage, canLeave, isLastOrg, isOrgMember, onManage, onRequestToLeave, orgName, }) => {
-    const tooltipLabel = !isOrgMember
-        ? 'You are not a member of this team. You can only leave teams you are a member of.'
-        : isLastOrg
-            ? 'You need to be a member of at least one organization. Join a different organization first if you wish to leave.'
-            : 'Owners cannot leave an organization directly. Assign another user as an owner if you wish to leave.';
-    return (_jsxs(OverflowMenu, { size: 'sm', flipped: true, "aria-label": 'Organization options menu', align: 'top-end', children: [canManage && (_jsx(OverflowMenuItem, { itemText: 'Manage organization', onClick: onManage, "aria-label": `Manage organization - ${orgName}` })), _jsx(OverflowMenuItem, { itemText: canLeave ? ('Leave organization') : (_jsx(_Tooltip, { label: tooltipLabel, align: 'bottom-end', children: _jsx("span", { children: "Leave organization" }) })), disabled: !canLeave, onClick: onRequestToLeave, "aria-label": `Leave organization - ${orgName}` })] }));
-};
-export const StyledDropdown = styled(Dropdown) `
-  grid-gap: 0;
-
-  div {
-    max-width: calc(173px - ${({ $scrollBarWidth }) => $scrollBarWidth || 0}px);
-  }
-
-  .cds--list-box__menu {
-    max-inline-size: none;
-    min-inline-size: unset;
-  }
-`;
-export const OrgListWrapper = styled.div `
-  padding: 1rem 1rem 15px;
-
-  .cds--tree-node__label__text {
-    white-space: normal !important;
-    word-wrap: break-word;
-    word-break: break-word;
-    max-width: 200px;
-    display: inline-block;
-  }
-
-  .cds--tree-node__label__text-button {
-    white-space: normal !important;
-    height: auto !important;
-    min-height: 2rem;
-    padding: 0.5rem 1rem;
-  }
-
-  .cds--tree-node {
-    min-height: auto;
-  }
-`;

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

@@ -1,8 +0,0 @@
-export declare function useOnClickOutside(handler: (e: Event) => void): {
-    panelRef: import("react").RefObject<HTMLElement | null>;
-    setPanelRef: (node: unknown) => void;
-    iconRef: import("react").RefObject<HTMLElement | null>;
-    setIconRef: (node: unknown) => void;
-};
-export declare function executeMediaQuery(mediaQuery: string): MediaQueryList;
-export declare function useMediaQuery(mediaQuery: string): boolean;

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

@@ -1,58 +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 { useCallback, useEffect, useRef, useState } from 'react';
-export function useOnClickOutside(handler) {
-    const panelRef = useRef(null);
-    const iconRef = useRef(null);
-    const handlerRef = useRef(handler);
-    handlerRef.current = handler;
-    useEffect(() => {
-        const listener = (event) => {
-            if (!panelRef.current ||
-                !iconRef.current ||
-                (event.target instanceof Node &&
-                    (panelRef.current.contains(event.target) ||
-                        iconRef.current.contains(event.target)))) {
-                return;
-            }
-            handlerRef.current(event);
-        };
-        document.addEventListener('mousedown', listener);
-        document.addEventListener('touchstart', listener);
-        return () => {
-            document.removeEventListener('mousedown', listener);
-            document.removeEventListener('touchstart', listener);
-        };
-    }, [handlerRef]);
-    const setPanelRef = useCallback((node) => {
-        if (node && node instanceof HTMLElement) {
-            panelRef.current = node;
-        }
-    }, []);
-    const setIconRef = useCallback((node) => {
-        if (node && node instanceof HTMLElement) {
-            iconRef.current = node;
-        }
-    }, []);
-    return { panelRef, setPanelRef, iconRef, setIconRef };
-}
-export function executeMediaQuery(mediaQuery) {
-    return window.matchMedia(mediaQuery);
-}
-export function useMediaQuery(mediaQuery) {
-    const [isMatched, setIsMatched] = useState(executeMediaQuery(mediaQuery).matches);
-    useEffect(() => {
-        const query = executeMediaQuery(mediaQuery);
-        const listener = (event) => {
-            setIsMatched(event.matches);
-        };
-        query.addEventListener('change', listener);
-        return () => {
-            query.removeEventListener('change', listener);
-        };
-    }, []);
-    return isMatched;
-}

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

@@ -1,2 +0,0 @@
-declare const _default: import("react").ComponentType<import("./c3-navigation.types").C3NavigationProps>;
-export default _default;

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

@@ -1,8 +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 { C3Navigation } from './c3-navigation.js';
-import { withNotifications } from './c3-notification-provider/c3-notification-provider.js';
-export default withNotifications(C3Navigation);

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

@@ -1,35 +0,0 @@
-import type { JSX } from 'react';
-import type { C3HelpCenterProps } from '../../c3-help-center/c3-help-center';
-import type { C3NavigationAppProps, C3NavigationElementProps, C3NavigationNavBarProps, C3NavigationProps } from '../c3-navigation.types';
-export declare function createAppProps(): C3NavigationAppProps;
-export declare function createAppBarProps(options?: {
-    isOpen?: boolean;
-    elements?: Array<C3NavigationElementProps>;
-    useElementsFromConfig?: boolean;
-}): C3NavigationProps['appBar'];
-export declare function createNavBarBarProps({ orgName, elements, showLicenseTag, showProductionLicense, isCommercial, expiresAt, }?: {
-    elements?: C3NavigationNavBarProps['elements'];
-    orgName?: string;
-    showLicenseTag?: boolean;
-    showProductionLicense?: boolean;
-    isCommercial?: boolean;
-    expiresAt?: number | string;
-}): C3NavigationNavBarProps;
-export declare function createInfoSideBarProps(options: {
-    isOpen: boolean;
-    preceedingDividerOn2ndElement?: boolean;
-}): C3NavigationProps['infoSideBar'];
-export declare function createOrgSideBarProps(options: {
-    isOpen: boolean;
-    orgCount?: number;
-    useConfig?: boolean;
-}): C3NavigationProps['orgSideBar'];
-export declare function createUserSideBarProps(options: {
-    isOpen: boolean;
-    customSection?: JSX.Element;
-    hideThemeSelector?: boolean;
-}): C3NavigationProps['userSideBar'];
-export declare function createNotificationSideBarProps(options: {
-    isOpen: boolean;
-}): C3NavigationProps['notificationSideBar'];
-export declare const createHelpCenterProps: (options?: Partial<C3HelpCenterProps>) => C3NavigationProps["helpCenter"];