@camunda/camunda-composite-components 0.22.2 → 0.22.3

package/lib/esm/src/components/c3-page/c3-tabs/c3-tabs.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-responsive-stack/c3-responsive-stack.d.ts

@@ -1,2 +0,0 @@
-declare const C3ResponsiveStack: any;
-export { C3ResponsiveStack };

package/lib/esm/src/components/c3-responsive-stack/c3-responsive-stack.js

@@ -1,18 +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 { styled } from 'styled-components';
-const C3ResponsiveStack = styled.div `
-  display: flex;
-  flex-direction: ${({ orientation }) => `${orientation === 'vertical' ? 'column' : 'row'}`};
-  gap: ${({ gap }) => `${typeof gap === 'string' ? gap : `${(gap ?? 1) * 16}px`}`};
-  ${({ alignItems }) => (alignItems ? `align-items: ${alignItems};` : '')}
-  ${({ justifyContent }) => justifyContent ? `justify-content: ${justifyContent};` : ''}
-
-	@media (max-width: 768px) {
-    flex-direction: column;
-  }
-`;
-export { C3ResponsiveStack };

package/lib/esm/src/components/c3-user-configuration/authToken.d.ts

@@ -1,30 +0,0 @@
-import { type JwtPayload } from 'jwt-decode';
-import type { Persona } from '../c3-help-center/c3-help-center.types';
-declare const AUTH0_BASE_CLAIM = "https://camunda.com";
-declare const AUTH0_TOKEN_ATTRIBUTE_SETTINGS = "settings";
-declare const AUTH0_TOKEN_ATTRIBUTE_META = "meta";
-declare const AUTH0_TOKEN_ATTRIBUTE_PERSONA = "persona";
-type SettingsKey = `${typeof AUTH0_BASE_CLAIM}/${typeof AUTH0_TOKEN_ATTRIBUTE_SETTINGS}`;
-type MetaKey = `${typeof AUTH0_BASE_CLAIM}/${typeof AUTH0_TOKEN_ATTRIBUTE_META}`;
-export type Token = JwtPayload & {
-    [settings in SettingsKey]?: {
-        [persona in typeof AUTH0_TOKEN_ATTRIBUTE_PERSONA]?: Persona;
-    };
-} & {
-    [meta in MetaKey]?: Meta;
-};
-export declare const getPersona: (token: Token) => Persona | undefined;
-export type Meta = {
-    given_name: string;
-    email: string;
-};
-export declare const getMeta: (token: Token) => Meta | undefined;
-export type DecodedToken = {
-    audience?: string | string[];
-    persona?: Persona;
-    decodedToken: Token;
-    userId?: string;
-    meta?: Meta;
-};
-export declare const decodeJWT: (userToken: string) => null | DecodedToken;
-export {};

package/lib/esm/src/components/c3-user-configuration/authToken.js

@@ -1,30 +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 { jwtDecode } from 'jwt-decode';
-const AUTH0_BASE_CLAIM = `https://camunda.com`;
-const AUTH0_TOKEN_ATTRIBUTE_SETTINGS = 'settings';
-const AUTH0_TOKEN_ATTRIBUTE_META = 'meta';
-const AUTH0_TOKEN_ATTRIBUTE_PERSONA = 'persona';
-export const getPersona = (token) => token[`${AUTH0_BASE_CLAIM}/${AUTH0_TOKEN_ATTRIBUTE_SETTINGS}`]?.[AUTH0_TOKEN_ATTRIBUTE_PERSONA];
-export const getMeta = (token) => token[`${AUTH0_BASE_CLAIM}/${AUTH0_TOKEN_ATTRIBUTE_META}`];
-export const decodeJWT = (userToken) => {
-    let decodedToken = null;
-    try {
-        decodedToken = jwtDecode(userToken);
-    }
-    catch (_) {
-        // do nothing
-    }
-    return !decodedToken
-        ? null
-        : {
-            decodedToken,
-            persona: getPersona(decodedToken),
-            meta: getMeta(decodedToken),
-            audience: decodedToken.aud,
-            userId: decodedToken.sub,
-        };
-};

package/lib/esm/src/components/c3-user-configuration/c3-profile-provider/c3-profile-provider.d.ts

@@ -1,26 +0,0 @@
-import type React from 'react';
-import { type JSX } from 'react';
-import type { RequestResponse } from '../../../api/api';
-import type { Cluster, Organization } from '../../../utils/camunda.types';
-import { type ResolvedTheme } from './carbon-theme-provider';
-export type Theme = 'light' | 'dark' | 'system';
-export declare const defaultTheme: "light";
-export type C3ProfileContextValue = {
-    isEnabled: boolean;
-    theme: Theme;
-    orgs: Organization[] | null;
-    activeOrg: Organization | null;
-    reloadOrgs: () => void;
-    removeOrg: (orgId: string) => void;
-    clusters: Cluster[] | null;
-    setClusters: React.Dispatch<React.SetStateAction<Cluster[] | null>>;
-    reloadClusters: () => void;
-    resolvedTheme: ResolvedTheme;
-    onThemeChange: (newTheme: Theme) => void;
-    loadClustersById: (orgId: string) => Promise<RequestResponse<Cluster[] | null>> | undefined;
-};
-export declare const C3ProfileContext: React.Context<C3ProfileContextValue>;
-export declare const C3ProfileProvider: ({ children }: {
-    children: JSX.Element;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const useC3Profile: () => C3ProfileContextValue;

package/lib/esm/src/components/c3-user-configuration/c3-profile-provider/c3-profile-provider.js

@@ -1,117 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useEffect, useRef, useState, } from 'react';
-import { getClusters, getOrgs, getUserTheme, updateTheme, } from '../../../api/profile.js';
-import { useApi } from '../../../hooks/useApi.js';
-import { C3UserConfigurationContext } from '../c3-user-configuration-provider.js';
-import { CarbonThemeProvider, resolveTheme, } from './carbon-theme-provider.js';
-export const defaultTheme = 'light';
-export const C3ProfileContext = createContext({
-    isEnabled: false,
-    theme: defaultTheme,
-    orgs: null,
-    activeOrg: null,
-    reloadOrgs: () => undefined,
-    removeOrg: () => undefined,
-    clusters: null,
-    reloadClusters: () => undefined,
-    resolvedTheme: defaultTheme,
-    onThemeChange: () => undefined,
-    loadClustersById: () => undefined,
-    setClusters: () => undefined,
-});
-export const C3ProfileProvider = ({ children }) => {
-    const { decodedAudience, analyticsTrack, setActiveOrgId, ...config } = useContext(C3UserConfigurationContext);
-    const isEnabled = !!config;
-    const themeRef = useRef(getUserTheme(config.userToken) || defaultTheme);
-    const [resolvedTheme, setResolvedTheme] = useState(defaultTheme);
-    const isConfigValid = !!(config.userToken && decodedAudience);
-    // Check if features are enabled (default to true for backward compatibility)
-    const organizationsEnabled = config.features?.organizations !== false;
-    const clustersEnabled = config.features?.clusters !== false;
-    const { data: orgs, setData: setOrgs, refetch: loadOrgs, } = useApi({
-        queryFn: () => {
-            return getOrgs(decodedAudience ?? '', config.userToken).then((response) => {
-                return {
-                    ...response,
-                    data: response.result?.sort(({ name: a }, { name: b }) => a.localeCompare(b)),
-                };
-            });
-        },
-        onSuccess: (orgs) => {
-            if (orgs && !config.activeOrganizationId) {
-                setActiveOrgId(orgs[0].uuid);
-            }
-        },
-        queryKey: [decodedAudience, config.userToken],
-        enabled: isConfigValid && organizationsEnabled,
-    });
-    const { data: clusters, setData: setClusters, refetch: loadClusters, } = useApi({
-        queryFn: () => {
-            if (!isConfigValid)
-                return;
-            return getClusters(decodedAudience ?? '', config.userToken, config.activeOrganizationId);
-        },
-        queryKey: [decodedAudience, config.userToken, config.activeOrganizationId],
-        enabled: isConfigValid && clustersEnabled,
-    });
-    const activeOrg = orgs?.find((org) => org.uuid === config.activeOrganizationId) ?? null;
-    const loadClustersById = (orgId) => {
-        if (!isConfigValid)
-            return;
-        return getClusters(decodedAudience, config.userToken, orgId);
-    };
-    const removeOrg = (orgId) => {
-        if (orgs?.length === 1)
-            return;
-        setOrgs((orgs) => orgs?.filter((org) => org.uuid !== orgId) || null);
-    };
-    useEffect(() => {
-        const updateSystemTheme = ({ matches }) => {
-            if (themeRef.current === 'system')
-                setResolvedTheme(matches ? 'dark' : 'light');
-        };
-        window
-            .matchMedia('(prefers-color-scheme: dark)')
-            .addEventListener('change', updateSystemTheme);
-        return () => {
-            window
-                .matchMedia('(prefers-color-scheme: dark)')
-                .removeEventListener('change', updateSystemTheme);
-        };
-    }, []);
-    useEffect(() => {
-        if (isEnabled && config.userToken && config.handleTheme) {
-            const currentTheme = getUserTheme(config.userToken);
-            if (currentTheme) {
-                themeRef.current = currentTheme;
-                setResolvedTheme(resolveTheme(currentTheme));
-            }
-        }
-    }, [config.handleTheme, config.userToken, isEnabled]);
-    const onThemeChange = (newTheme) => {
-        if (isEnabled) {
-            themeRef.current = newTheme;
-            setResolvedTheme(resolveTheme(newTheme));
-            updateTheme({ ...config, theme: newTheme });
-            analyticsTrack?.('theme:update', { value: newTheme });
-        }
-    };
-    if (!isEnabled)
-        return children;
-    const content = config.handleTheme ? (_jsx(CarbonThemeProvider, { children: children })) : (children);
-    return (_jsx(C3ProfileContext.Provider, { value: {
-            isEnabled,
-            theme: themeRef.current,
-            resolvedTheme,
-            orgs,
-            activeOrg,
-            reloadOrgs: loadOrgs,
-            clusters,
-            setClusters,
-            reloadClusters: loadClusters,
-            removeOrg,
-            onThemeChange,
-            loadClustersById,
-        }, children: content }));
-};
-export const useC3Profile = () => useContext(C3ProfileContext);

package/lib/esm/src/components/c3-user-configuration/c3-profile-provider/carbon-theme-provider.d.ts

@@ -1,13 +0,0 @@
-import { type FC, type PropsWithChildren } from 'react';
-import { type Theme } from './c3-profile-provider';
-export type CarbonTheme = 'white' | 'g10' | 'g90' | 'g100';
-declare const THEMES: {
-    readonly light: "g10";
-    readonly dark: "g100";
-};
-export type ResolvedTheme = keyof typeof THEMES;
-export declare const getSystemTheme: () => ResolvedTheme;
-export declare const resolveTheme: (theme: Theme) => ResolvedTheme;
-export declare const setCarbonThemeAttribute: (theme: CarbonTheme) => void;
-export declare const CarbonThemeProvider: FC<PropsWithChildren>;
-export {};

package/lib/esm/src/components/c3-user-configuration/c3-profile-provider/carbon-theme-provider.js

@@ -1,29 +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 { GlobalTheme } from '@carbon/react';
-import { useEffect, useState } from 'react';
-import { useC3Profile } from './c3-profile-provider.js';
-const THEMES = {
-    light: 'g10',
-    dark: 'g100',
-};
-export const getSystemTheme = () => window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark';
-export const resolveTheme = (theme) => theme === 'system' ? getSystemTheme() : theme;
-const getCarbonTheme = (theme) => THEMES[resolveTheme(theme)];
-export const setCarbonThemeAttribute = (theme) => document.documentElement.setAttribute('data-carbon-theme', theme);
-export const CarbonThemeProvider = ({ children }) => {
-    const { resolvedTheme } = useC3Profile();
-    const [carbonTheme, setCarbonTheme] = useState(getCarbonTheme(resolvedTheme));
-    const updateCarbonTheme = (newTheme) => {
-        setCarbonTheme(newTheme);
-        setCarbonThemeAttribute(newTheme);
-    };
-    useEffect(() => {
-        updateCarbonTheme(getCarbonTheme(resolvedTheme));
-    }, [resolvedTheme]);
-    return _jsx(GlobalTheme, { theme: carbonTheme, children: children });
-};

package/lib/esm/src/components/c3-user-configuration/c3-user-configuration-provider.d.ts

@@ -1,54 +0,0 @@
-import type { Dict } from 'mixpanel-browser';
-import React, { type FC, type ReactNode } from 'react';
-import type { Endpoints, Stage } from '../../api/endpoints.const';
-import { type DecodedToken } from './authToken';
-export type MixPanelTrack = (event: string, data?: Dict) => void;
-type C3UserConfigurationBase = {
-    activeOrganizationId: string;
-    userToken: string;
-    getNewUserToken: () => Promise<string>;
-    analyticsTrack?: MixPanelTrack;
-    currentApp?: 'console' | 'modeler' | 'tasklist' | 'operate' | 'optimize' | 'identity' | 'admin';
-    currentClusterUuid?: string;
-    handleTheme?: boolean;
-    enableLogs?: boolean;
-    noCloudInUrl?: boolean;
-    /**
-     * Control which features are enabled to optimize API requests.
-     * If not provided, all features are enabled by default for backward compatibility.
-     */
-    features?: {
-        /**
-         * Enable fetching and displaying organizations.
-         * When false, organizations API calls are disabled.
-         * @default true
-         */
-        organizations?: boolean;
-        /**
-         * Enable fetching and displaying clusters.
-         * When false, clusters API calls are disabled.
-         * @default true
-         */
-        clusters?: boolean;
-    };
-};
-type C3UserConfigurationWithEndpoints = C3UserConfigurationBase & {
-    endpoints: Endpoints;
-};
-type C3UserConfigurationWithStage = C3UserConfigurationBase & {
-    stage: Stage;
-};
-export type C3UserConfiguration = C3UserConfigurationWithEndpoints | C3UserConfigurationWithStage;
-export type C3UserConfigurationContextValue = C3UserConfiguration & {
-    decodedToken: DecodedToken | null;
-    decodedAudience: string | null;
-    domain: string | null;
-    setActiveOrgId: (id: string) => void;
-    analyticsTrack?: MixPanelTrack;
-};
-export declare const C3UserConfigurationContext: React.Context<C3UserConfigurationContextValue>;
-declare const C3UserConfigurationProvider: FC<C3UserConfiguration & {
-    children?: ReactNode;
-}>;
-export declare const useC3UserConfiguration: () => C3UserConfigurationContextValue;
-export default C3UserConfigurationProvider;

package/lib/esm/src/components/c3-user-configuration/c3-user-configuration-provider.js

@@ -1,43 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useContext, useEffect, useState, } from 'react';
-import { C3HelpCenterProvider } from '../c3-help-center/c3-help-center-provider.js';
-import { decodeJWT } from './authToken.js';
-import { C3ProfileProvider } from './c3-profile-provider/c3-profile-provider.js';
-export const C3UserConfigurationContext = React.createContext({
-    stage: 'dev',
-    activeOrganizationId: '',
-    setActiveOrgId: () => undefined,
-    userToken: '',
-    decodedToken: null,
-    domain: null,
-    decodedAudience: null,
-    getNewUserToken: () => Promise.resolve(''),
-    enableLogs: false,
-    noCloudInUrl: false,
-});
-const C3UserConfigurationProvider = ({ children, activeOrganizationId, ...config }) => {
-    const [decodedToken, setDecodedToken] = useState(null);
-    const [activeOrgId, setActiveOrgId] = useState(activeOrganizationId);
-    const { audience } = decodedToken || {};
-    const decodedAudience = (typeof audience === 'string' ? audience : audience?.[0]) || null;
-    const domain = config.noCloudInUrl
-        ? (decodedAudience?.replace('cloud.', '') ?? null)
-        : decodedAudience;
-    useEffect(() => {
-        if (config.userToken)
-            setDecodedToken(decodeJWT(config.userToken));
-    }, [config.userToken]);
-    useEffect(() => {
-        setActiveOrgId(activeOrganizationId);
-    }, [activeOrganizationId]);
-    return (_jsx(C3UserConfigurationContext.Provider, { value: {
-            ...config,
-            activeOrganizationId: activeOrgId,
-            setActiveOrgId,
-            decodedToken,
-            decodedAudience,
-            domain,
-        }, children: _jsx(C3ProfileProvider, { children: _jsx(C3HelpCenterProvider, { children: children }) }) }));
-};
-export const useC3UserConfiguration = () => useContext(C3UserConfigurationContext);
-export default C3UserConfigurationProvider;

package/lib/esm/src/components/styles.d.ts

@@ -1,13 +0,0 @@
-export declare const heading01: import("styled-components").RuleSet<object>;
-export declare const heading02: import("styled-components").RuleSet<object>;
-export declare const heading03: import("styled-components").RuleSet<object>;
-export declare const heading04: import("styled-components").RuleSet<object>;
-export declare const heading05: import("styled-components").RuleSet<object>;
-export declare const heading06: import("styled-components").RuleSet<object>;
-export declare const body02: import("styled-components").RuleSet<object>;
-export declare const Body02: any;
-export declare const body01: import("styled-components").RuleSet<object>;
-export declare const Body01: any;
-export declare const label01: import("styled-components").RuleSet<object>;
-export declare const fontMapping: import("styled-components").RuleSet<object>;
-export declare const DefaultStyleWrapper: any;

package/lib/esm/src/components/styles.js

@@ -1,90 +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 styled, { css } from 'styled-components';
-export const heading01 = css `
-  font-size: var(--cds-heading-01-font-size);
-  font-weight: var(--cds-heading-01-font-weight);
-  letter-spacing: var(--cds-heading-01-letter-spacing);
-  line-height: var(--cds-heading-01-line-height);
-`;
-export const heading02 = css `
-  font-size: var(--cds-heading-02-font-size);
-  font-weight: var(--cds-heading-02-font-weight);
-  letter-spacing: var(--cds-heading-02-letter-spacing);
-  line-height: var(--cds-heading-02-line-height);
-`;
-export const heading03 = css `
-  font-size: var(--cds-heading-03-font-size);
-  font-weight: var(--cds-heading-03-font-weight);
-  letter-spacing: var(--cds-heading-03-letter-spacing);
-  line-height: var(--cds-heading-03-line-height);
-`;
-export const heading04 = css `
-  font-size: var(--cds-heading-04-font-size);
-  font-weight: var(--cds-heading-04-font-weight);
-  letter-spacing: var(--cds-heading-04-letter-spacing);
-  line-height: var(--cds-heading-04-line-height);
-`;
-export const heading05 = css `
-  font-size: var(--cds-heading-05-font-size);
-  font-weight: var(--cds-heading-05-font-weight);
-  letter-spacing: var(--cds-heading-05-letter-spacing);
-  line-height: var(--cds-heading-05-line-height);
-`;
-export const heading06 = css `
-  font-size: var(--cds-heading-06-font-size);
-  font-weight: var(--cds-heading-06-font-weight);
-  letter-spacing: var(--cds-heading-06-letter-spacing);
-  line-height: var(--cds-heading-06-line-height);
-`;
-export const body02 = css `
-  font-size: var(--cds-body-02-font-size);
-  font-weight: var(--cds-body-02-font-weight);
-  letter-spacing: var(--cds-body-02-letter-spacing);
-  line-height: var(--cds-body-02-line-height);
-`;
-export const Body02 = styled.p `
-  ${body02}
-`;
-export const body01 = css `
-  font-size: var(--cds-body-01-font-size);
-  font-weight: var(--cds-body-01-font-weight);
-  letter-spacing: var(--cds-body-01-letter-spacing);
-  line-height: var(--cds-body-01-line-height);
-`;
-export const Body01 = styled.p `
-  ${body01}
-`;
-export const label01 = css `
-  font-size: var(--cds-label-01-font-size);
-  font-weight: var(--cds-label-01-font-weight);
-  letter-spacing: var(--cds-label-01-letter-spacing);
-  line-height: var(--cds-label-01-line-height);
-`;
-export const fontMapping = css `
-  h1 {
-    ${heading04}
-  }
-
-  h2 {
-    ${heading03}
-  }
-
-  h3 {
-    ${heading02}
-  }
-
-  h4 {
-    ${heading01}
-  }
-
-  p {
-    ${body01}
-  }
-`;
-export const DefaultStyleWrapper = styled.div `
-  ${fontMapping}
-`;

package/lib/esm/src/components/test-utils.d.ts

@@ -1,3 +0,0 @@
-import type * as Playwright from '@playwright/test';
-/** Load Storybook story for Playwright testing */
-export declare function getStory(page: Playwright.Page, storyID: string): Promise<void>;

package/lib/esm/src/components/test-utils.js

@@ -1,32 +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 fs from 'fs';
-import path from 'path';
-import { fileURLToPath } from 'url';
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-const STORYBOOK_DIR = path.resolve(__dirname, '../../storybook-static/');
-/** Load Storybook story for Playwright testing */
-export async function getStory(page, storyID) {
-    // Load index.json
-    const storiesManifestPath = path.resolve(STORYBOOK_DIR, 'index.json');
-    if (!fs.existsSync(storiesManifestPath)) {
-        throw new Error('Could not find storybook-static/index.json. Try rebuilding with `pnpm build-storybook`');
-    }
-    const storiesManifest = JSON.parse(fs.readFileSync(storiesManifestPath, 'utf8'));
-    // Find the specified story
-    const story = storiesManifest.entries[storyID];
-    if (!story) {
-        throw new Error(`Could not find story ID "${storyID}".`);
-    }
-    // Navigate to the specific story
-    // Note: Using 'iframe' instead of 'iframe.html' to avoid 301 redirect
-    // that would strip query parameters when using the 'serve' package
-    const search = new URLSearchParams({ viewMode: 'story', id: storyID });
-    await page.goto(`iframe?${search.toString()}`, {
-        waitUntil: 'networkidle',
-    });
-}

package/lib/esm/src/contexts/c3-cluster-update-manager.d.ts

@@ -1,12 +0,0 @@
-import type React from 'react';
-import type { Stage } from '../api/endpoints.const';
-type C3ClusterUpdateManagerProps = {
-    children: React.ReactNode;
-    stage: Stage;
-    userToken: string;
-};
-declare const C3ClusterUpdateManager: ({ children, stage, userToken, }: C3ClusterUpdateManagerProps) => import("react/jsx-runtime").JSX.Element;
-declare const useClusterUpdate: ({ onUpdate }: {
-    onUpdate: (data: any) => void;
-}) => void;
-export { C3ClusterUpdateManager, useClusterUpdate };

package/lib/esm/src/contexts/c3-cluster-update-manager.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useEffect, useRef } from 'react';
-import { ClustersService } from '../api/clusters.js';
-const C3ClusterUpdateManagerContext = createContext(null);
-const C3ClusterUpdateManager = ({ children, stage, userToken, }) => {
-    useEffect(() => {
-        const eventSource = ClustersService.clustersStream({ stage, userToken });
-        return () => {
-            eventSource.close();
-        };
-    }, [stage, userToken]);
-    return (_jsx(C3ClusterUpdateManagerContext.Provider, { value: null, children: children }));
-};
-const useClusterUpdate = ({ onUpdate }) => {
-    const onUpdateRef = useRef(onUpdate);
-    onUpdateRef.current = onUpdate;
-    useEffect(() => {
-        const handler = (event) => {
-            onUpdateRef.current(event.detail);
-        };
-        window.addEventListener('clusterchange', handler);
-        return () => {
-            window.removeEventListener('clusterchange', handler);
-        };
-    }, [onUpdateRef]);
-};
-export { C3ClusterUpdateManager, useClusterUpdate };

package/lib/esm/src/hooks/useApi.d.ts

@@ -1,20 +0,0 @@
-import type { RequestResponse } from '../api/api';
-type QueryFn<R = undefined> = (...params: any[]) => Promise<RequestResponse<R>> | undefined;
-type OnSuccess<R = undefined> = (data: R | undefined) => void;
-type OnError = () => void;
-declare const useApi: <R = undefined>({ queryFn, queryKey, onSuccess, onError, enabled, }: {
-    queryFn: QueryFn<R>;
-    queryKey: unknown[];
-    enabled?: boolean;
-    onSuccess?: OnSuccess<R>;
-    onError?: OnError;
-}) => {
-    data: R | null;
-    setData: import("react").Dispatch<import("react").SetStateAction<R | null>>;
-    status: number;
-    errors: string[] | null;
-    loading: boolean;
-    success: boolean;
-    refetch: () => Promise<RequestResponse<R> | undefined>;
-};
-export { useApi };

package/lib/esm/src/hooks/useApi.js

@@ -1,54 +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, useState } from 'react';
-const useApi = ({ queryFn, queryKey, onSuccess, onError, enabled = true, }) => {
-    const [data, setData] = useState(null);
-    const [status, setStatus] = useState(-1);
-    const [errors, setErrors] = useState(null);
-    const [loading, setLoading] = useState(enabled);
-    const [success, setSuccess] = useState(false);
-    const refetch = useCallback(async () => {
-        const response = await queryFn(queryKey);
-        return response;
-    }, [JSON.stringify(queryKey)]);
-    useEffect(() => {
-        if (!enabled) {
-            return;
-        }
-        const callQueryFn = async () => {
-            try {
-                setLoading(true);
-                const response = await refetch();
-                if (!response) {
-                    return;
-                }
-                if (response.success) {
-                    onSuccess && onSuccess(response.result);
-                }
-                else {
-                    onError && onError();
-                }
-                setData(response.result ?? null);
-                setStatus(response.status ?? -1);
-                setErrors(response.error ? [response.error] : null);
-                setSuccess(response.success);
-            }
-            catch (_error) {
-                setData(null);
-                setStatus(-1);
-                setErrors(null);
-                setSuccess(false);
-                onError && onError();
-            }
-            finally {
-                setLoading(false);
-            }
-        };
-        callQueryFn();
-    }, [enabled, refetch]);
-    return { data, setData, status, errors, loading, success, refetch };
-};
-export { useApi };