@camunda/camunda-composite-components 0.22.1 → 0.22.3

package/lib/esm/src/components/c3-onboarding-survey/elements/textField.js

@@ -1,14 +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 { Stack, TextInput } from '@carbon/react';
-import { getTitleId } from '../helpers.js';
-export const TextInputElement = ({ title, label, preFiledValue, setValue, placeholder }) => {
-    const titleId = getTitleId(title);
-    return (_jsx(_Fragment, { children: _jsxs(Stack, { orientation: 'horizontal', children: [_jsxs(Stack, { gap: 1, children: [_jsx("h4", { id: titleId, children: title }), label && _jsx("p", { className: 'cds--modal-header__label', children: label })] }), _jsx(TextInput, { id: `text-input-element-${Math.random() * 1000}`, placeholder: placeholder ?? '', labelText: '', value: preFiledValue ?? '', onChange: (event) => {
-                        setValue(event.target.value);
-                    }, "aria-labelledby": titleId, invalid: false, invalidText: _jsx(_Fragment, {}) })] }) }));
-};

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

@@ -1 +0,0 @@
-export declare const getTitleId: (title: string) => string;

package/lib/esm/src/components/c3-onboarding-survey/helpers.js

@@ -1,10 +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 const getTitleId = (title) => title
-    .toLowerCase()
-    .replace(/[^a-zA-Z0-9]+/g, '-')
-    .replace(/^-/, '')
-    .replace(/-$/, '');

package/lib/esm/src/components/c3-onboarding-survey/onboarding.types.d.ts

@@ -1,30 +0,0 @@
-export interface Element {
-    label: string;
-    value: string;
-}
-export interface RadioGroupElementProps {
-    title: string;
-    label: string;
-    tooltip: string | undefined;
-    columns: number;
-    elements: Element[];
-}
-export interface TextFieldElementProps {
-    title: string;
-    label: string;
-    placeholder: string;
-}
-export declare enum OnboardingQuestionType {
-    TileSingleSelect = "TileSingleSelect",
-    TileMultiSelect = "TileMultiSelect",
-    DropdownSelect = "DropdownSelect",
-    TextInput = "TextInput",
-    InlineNotification = "InlineNotification"
-}
-export interface InlineNotificationElementProps {
-    hideclosebutton: boolean;
-    kind: 'error' | 'info' | 'info-square' | 'success' | 'warning' | 'warning-alt';
-    lowcontrast: boolean;
-    title: string;
-    label: string;
-}

package/lib/esm/src/components/c3-onboarding-survey/onboarding.types.js

@@ -1,13 +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 var OnboardingQuestionType;
-(function (OnboardingQuestionType) {
-    OnboardingQuestionType["TileSingleSelect"] = "TileSingleSelect";
-    OnboardingQuestionType["TileMultiSelect"] = "TileMultiSelect";
-    OnboardingQuestionType["DropdownSelect"] = "DropdownSelect";
-    OnboardingQuestionType["TextInput"] = "TextInput";
-    OnboardingQuestionType["InlineNotification"] = "InlineNotification";
-})(OnboardingQuestionType || (OnboardingQuestionType = {}));

package/lib/esm/src/components/c3-onboarding-survey/onboardingModal.d.ts

@@ -1,25 +0,0 @@
-import type React from 'react';
-import type { FC, JSX } from 'react';
-export declare const StyledModalBody: FC<any>;
-export declare const StyledModalHeader: FC<any>;
-export declare const OnboardingModal: ({ isDoingAsyncWork, heading, headingLabel, primaryButtonText, primaryButtonDisabled, secondaryButtonText, tertiaryButtonText, loadingText, error, danger, theme, onRequestClose, onSecondary, onPrimary, onTertiary, children, }: {
-    isDoingAsyncWork: boolean;
-    heading: string;
-    headingLabel?: string;
-    primaryButtonText: string;
-    primaryButtonDisabled?: boolean;
-    secondaryButtonText?: string;
-    tertiaryButtonText?: string;
-    loadingText: string;
-    error?: {
-        title: string;
-        description: string;
-    };
-    danger?: boolean;
-    theme: string;
-    onRequestClose: (skip: boolean) => void;
-    onSecondary?: () => void;
-    onPrimary?: () => void;
-    onTertiary?: () => void;
-    children?: React.ReactNode;
-}) => JSX.Element;

package/lib/esm/src/components/c3-onboarding-survey/onboardingModal.js

@@ -1,52 +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, InlineLoading, InlineNotification, ModalBody, ModalFooter, ModalHeader, Stack, } from '@carbon/react';
-import styled from 'styled-components';
-import { headingStyles } from '../c3-help-center/styles.js';
-export const StyledModalBody = styled(ModalBody) `
-  ${headingStyles}
-`;
-export const StyledModalHeader = styled(ModalHeader) `
-  .cds--modal-header__heading {
-    font-size: 14px !important;
-  }
-`;
-const StyledModalFooter = styled(ModalFooter) `
-  background-color: ${({ $c3Theme }) => $c3Theme === 'light' ? '#FFFFFF' : '#161616'};
-`;
-export const OnboardingModal = ({ isDoingAsyncWork, heading, headingLabel, primaryButtonText, primaryButtonDisabled = false, secondaryButtonText = 'Cancel', tertiaryButtonText, loadingText, error = { title: '', description: '' }, danger = false, theme, onRequestClose, onSecondary, onPrimary, onTertiary, children, }) => {
-    return (_jsxs(_Fragment, { children: [_jsx(StyledModalHeader, { title: heading, label: headingLabel, style: {
-                    pointerEvents: isDoingAsyncWork ? 'none' : 'unset',
-                    backgroundColor: theme === 'light' ? '#FFFFFF' : '#161616',
-                    marginBottom: 0,
-                }, closeModal: () => onRequestClose(false) }), _jsx(StyledModalBody, { style: {
-                    marginBottom: '0px',
-                    paddingBottom: '3rem',
-                    backgroundColor: theme === 'light' ? '#FFFFFF' : '#161616',
-                }, children: _jsx("div", { style: { minHeight: '520px', marginTop: '-0.5rem' }, children: _jsxs(Stack, { gap: 6, children: [children, error.title ? (_jsx(InlineNotification, { kind: 'error', title: error.title, subtitle: error.description, hideCloseButton: true })) : ('')] }) }) }), _jsx(StyledModalFooter, { "$c3Theme": theme, children: (() => {
-                    if (tertiaryButtonText && onTertiary !== undefined) {
-                        return (_jsxs(_Fragment, { children: [_jsx(Button, { kind: 'ghost', disabled: isDoingAsyncWork, onClick: () => onTertiary(), children: tertiaryButtonText }), _jsx(Button, { style: { paddingRight: '1rem', marginLeft: '33%' }, kind: danger ? 'danger' : 'primary', disabled: primaryButtonDisabled || isDoingAsyncWork, onClick: () => {
-                                        if (onPrimary) {
-                                            onPrimary();
-                                        }
-                                    }, children: isDoingAsyncWork ? (_jsx(InlineLoading, { description: loadingText })) : (primaryButtonText) })] }));
-                    }
-                    else {
-                        return (_jsxs(_Fragment, { children: [(() => {
-                                    let button = _jsx(_Fragment, {});
-                                    if (secondaryButtonText && onSecondary) {
-                                        button = (_jsx(Button, { kind: 'secondary', disabled: isDoingAsyncWork, onClick: () => onSecondary?.(), style: { marginLeft: '33%' }, children: secondaryButtonText }));
-                                    }
-                                    return button;
-                                })(), _jsx(Button, { style: { paddingRight: '1rem' }, kind: danger ? 'danger' : 'primary', disabled: primaryButtonDisabled || isDoingAsyncWork, onClick: () => {
-                                        if (onPrimary) {
-                                            onPrimary();
-                                        }
-                                    }, children: isDoingAsyncWork ? (_jsx(InlineLoading, { description: loadingText })) : (primaryButtonText) })] }));
-                    }
-                })() })] }));
-};

package/lib/esm/src/components/c3-onboarding-survey/onboardingPage.d.ts

@@ -1,21 +0,0 @@
-import type React from 'react';
-import type { JSX } from 'react';
-export declare const OnboardingPage: ({ isDoingAsyncWork, heading, headingLabel, primaryButtonText, primaryButtonDisabled, secondaryButtonText, tertiaryButtonText, loadingText, error, danger, onSecondary, onPrimary, onTertiary, children, }: {
-    isDoingAsyncWork: boolean;
-    heading: string;
-    headingLabel?: string;
-    primaryButtonText: string;
-    primaryButtonDisabled?: boolean;
-    secondaryButtonText?: string;
-    tertiaryButtonText?: string;
-    loadingText: string;
-    error?: {
-        title: string;
-        description: string;
-    };
-    danger?: boolean;
-    onSecondary?: () => void;
-    onPrimary?: () => void;
-    onTertiary?: () => void;
-    children?: React.ReactNode;
-}) => JSX.Element;

package/lib/esm/src/components/c3-onboarding-survey/onboardingPage.js

@@ -1,35 +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, InlineLoading, InlineNotification, Stack } from '@carbon/react';
-export const OnboardingPage = ({ isDoingAsyncWork, heading, headingLabel, primaryButtonText, primaryButtonDisabled = false, secondaryButtonText = 'Cancel', tertiaryButtonText, loadingText, error = { title: '', description: '' }, danger = false, onSecondary, onPrimary, onTertiary, children, }) => {
-    return (_jsxs(Stack, { children: [_jsxs(Stack, { children: [_jsx("h1", { children: heading }), _jsx("p", { children: headingLabel })] }), _jsx("div", { style: { minHeight: '520px' }, children: _jsxs(Stack, { gap: 6, children: [children, error.title ? (_jsx(InlineNotification, { kind: 'error', title: error.title, subtitle: error.description, hideCloseButton: true })) : ('')] }) }), (() => {
-                if (tertiaryButtonText && onTertiary !== undefined) {
-                    return (_jsxs(Stack, { orientation: 'horizontal', children: [_jsx(Button, { kind: 'ghost', disabled: isDoingAsyncWork, onClick: () => onTertiary(), children: tertiaryButtonText }), _jsx(Button, { style: {
-                                    paddingRight: '1rem',
-                                    marginLeft: 'auto',
-                                    marginRight: '0px',
-                                }, kind: danger ? 'danger' : 'primary', disabled: primaryButtonDisabled || isDoingAsyncWork, onClick: () => {
-                                    if (onPrimary) {
-                                        onPrimary();
-                                    }
-                                }, children: isDoingAsyncWork ? (_jsx(InlineLoading, { description: loadingText })) : (primaryButtonText) })] }));
-                }
-                else {
-                    return (_jsxs(Stack, { orientation: 'horizontal', children: [(() => {
-                                let button = _jsx(_Fragment, {});
-                                if (secondaryButtonText && onSecondary) {
-                                    button = (_jsx(Button, { kind: 'secondary', disabled: isDoingAsyncWork, onClick: () => onSecondary?.(), style: { marginLeft: '0px' }, children: secondaryButtonText }));
-                                }
-                                return button;
-                            })(), _jsx(Button, { style: { marginLeft: 'auto', marginRight: '0px' }, kind: danger ? 'danger' : 'primary', disabled: primaryButtonDisabled || isDoingAsyncWork, onClick: () => {
-                                    if (onPrimary) {
-                                        onPrimary();
-                                    }
-                                }, children: isDoingAsyncWork ? (_jsx(InlineLoading, { description: loadingText })) : (primaryButtonText) })] }));
-                }
-            })()] }));
-};

package/lib/esm/src/components/c3-onboarding-survey/onboardingSurvey.d.ts

@@ -1,17 +0,0 @@
-import type { Dict } from 'mixpanel-browser';
-import { type FC } from 'react';
-import type { Persona } from '../c3-help-center/c3-help-center.types';
-import type { OnboardingConfig } from './defaultOnboardingConfig';
-export declare const OnboardingSurvey: FC<{
-    appTheme: string;
-    persona?: Persona;
-    userFirstName: string;
-    syncPersona: (persona: Persona, notifyHubspot: boolean) => Promise<void>;
-    setPersona: (persona: Persona) => void;
-    onRequestClose: (skip: boolean) => Promise<void>;
-    onboardingConfiguration: OnboardingConfig;
-    isLoadingConfig: boolean;
-    modal: boolean;
-    origin: string;
-    mixpanelTrack?: (event: string, data: Dict | undefined) => void;
-}>;

package/lib/esm/src/components/c3-onboarding-survey/onboardingSurvey.js

@@ -1,148 +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 { Loading, ProgressIndicator, ProgressStep, Stack } from '@carbon/react';
-import React, { useState } from 'react';
-import { HelpCenterHintType, useC3HelpCenter, } from '../c3-help-center/c3-help-center-provider.js';
-import { OnboardingModal } from './onboardingModal.js';
-import { OnboardingPage } from './onboardingPage.js';
-import { OnboardingStep } from './step.js';
-export const OnboardingSurvey = ({ appTheme, persona, userFirstName, syncPersona, setPersona, mixpanelTrack, onRequestClose, onboardingConfiguration, isLoadingConfig, modal, origin, }) => {
-    const { setHintType } = useC3HelpCenter();
-    const [step, setStep] = useState(persona?.nextStep ?? 0);
-    const [isDoingAsyncWork, setIsDoingAsyncWork] = useState(false);
-    const hasMultipleSteps = onboardingConfiguration.steps.length > 1;
-    React.useEffect(() => {
-        setStep(persona?.nextStep ?? 0);
-    }, [persona]);
-    const stepForward = async () => {
-        setIsDoingAsyncWork(true);
-        const committedStep = step + 1;
-        const newPersona = {
-            ...persona,
-            ...{
-                wasShown: true,
-            },
-        };
-        if (committedStep >= onboardingConfiguration.steps.length) {
-            setHintType(HelpCenterHintType.HelpCenter);
-            newPersona.nextStep = 0;
-            newPersona.complete = true;
-            await syncPersona(newPersona, true);
-        }
-        else {
-            newPersona.nextStep = step + 1;
-            newPersona.complete = false;
-            await syncPersona(newPersona, false);
-        }
-        mixpanelTrack?.('survey:click', {
-            location: 'next',
-            step: committedStep,
-            from: origin,
-        });
-        setIsDoingAsyncWork(false);
-    };
-    const tryStepTo = (step) => {
-        if (nextEnabled(step - 1)) {
-            setStep(step);
-        }
-    };
-    const secondaryButtonAction = async () => {
-        setIsDoingAsyncWork(true);
-        if (step === 0) {
-            await onRequestClose(true);
-        }
-        else {
-            const committedStep = step - 1;
-            setStep(step - 1);
-            const newPersona = {
-                ...persona,
-                ...{
-                    nextStep: committedStep,
-                },
-            };
-            await syncPersona(newPersona, false);
-            mixpanelTrack?.('syrvey:click', {
-                location: 'previous',
-                step: committedStep,
-                from: origin,
-            });
-        }
-        setIsDoingAsyncWork(false);
-    };
-    const nextEnabled = (step) => {
-        if (step < 0) {
-            return true;
-        }
-        if (onboardingConfiguration.steps.length <= step) {
-            return false;
-        }
-        const requirements = onboardingConfiguration.steps[step]?.nextenabled?.map((field) => field.personaattribute);
-        if (!requirements) {
-            return true;
-        }
-        else {
-            return requirements.reduce((prev, key) => {
-                let elementIndex = onboardingConfiguration.steps[step].elements?.findIndex((el) => el?.mapto === key);
-                elementIndex = elementIndex ?? -1;
-                return (prev &&
-                    (onboardingConfiguration.steps[step].elements?.[elementIndex]
-                        ?.elements?.[0]?.value ||
-                        (!!persona?.[key] &&
-                            (!(typeof persona[key] === 'object' ||
-                                typeof persona[key] === 'string') ||
-                                (typeof persona[key] === 'string' &&
-                                    !!persona[key].trim()) ||
-                                (typeof persona[key] === 'object' &&
-                                    persona[key].length !== 0)))));
-            }, true);
-        }
-    };
-    const generic = (gen) => {
-        if (persona && persona[gen]) {
-            return persona[gen];
-        }
-        else {
-            return undefined;
-        }
-    };
-    const setGeneric = async (gen, value) => {
-        const pers = { ...persona };
-        pers[gen] = value;
-        setPersona(pers);
-    };
-    let theme;
-    if (appTheme === 'system') {
-        if (window.matchMedia('(prefers-color-scheme: light)').matches) {
-            theme = 'light';
-        }
-        else {
-            theme = 'dark';
-        }
-    }
-    else if (appTheme === 'light') {
-        theme = 'light';
-    }
-    else {
-        theme = 'dark';
-    }
-    const content = (_jsxs(_Fragment, { children: [_jsx(Stack, { style: { marginBottom: '0.5rem' }, children: _jsx("p", { className: 'cds--modal-header__heading cds--type-beta', children: isLoadingConfig
-                        ? ''
-                        : onboardingConfiguration?.header?.description ||
-                            'Get personalized next steps and educational content by answering this 1-minute survey.' }) }), _jsxs(Stack, { gap: 8, children: [hasMultipleSteps && (_jsx(ProgressIndicator, { currentIndex: step, spaceEqually: true, onChange: tryStepTo, children: isLoadingConfig ? (_jsx(Loading, {})) : (onboardingConfiguration.steps.map((currentStep, index) => (_jsx(ProgressStep, { label: `Step ${index + 1}`, secondaryLabel: currentStep.title, disabled: step !== index }, `onboarding-step-${index}`)))) })), _jsx(OnboardingStep, { theme: theme, generic: generic, setGeneric: setGeneric, config: onboardingConfiguration.steps[step] })] })] }));
-    if (modal) {
-        return (_jsx(OnboardingModal, { isDoingAsyncWork: isDoingAsyncWork, heading: isLoadingConfig
-                ? ''
-                : onboardingConfiguration.header?.title ||
-                    `Welcome to Camunda, ${userFirstName}!`, headingLabel: '', primaryButtonText: hasMultipleSteps ? 'Next' : 'Submit', primaryButtonDisabled: !nextEnabled(step), secondaryButtonText: step === 0 ? undefined : 'Previous', tertiaryButtonText: step === 0 ? 'Skip customization' : undefined, loadingText: 'Loading', theme: theme, onPrimary: stepForward, onRequestClose: onRequestClose, onSecondary: secondaryButtonAction, onTertiary: step === 0 ? secondaryButtonAction : undefined, children: content }));
-    }
-    else {
-        return (_jsx(_Fragment, { children: _jsx(OnboardingPage, { isDoingAsyncWork: isDoingAsyncWork, heading: isLoadingConfig
-                    ? ''
-                    : onboardingConfiguration?.header?.title ||
-                        `Welcome to Camunda, ${userFirstName}!`, headingLabel: '', primaryButtonText: 'Next', primaryButtonDisabled: !nextEnabled(step), secondaryButtonText: step === 0 ? undefined : 'Previous', tertiaryButtonText: step === 0 ? 'Skip customization' : undefined, loadingText: 'Loading', onPrimary: stepForward, onSecondary: secondaryButtonAction, onTertiary: step === 0 ? secondaryButtonAction : undefined, children: content }) }));
-    }
-};

package/lib/esm/src/components/c3-onboarding-survey/step.d.ts

@@ -1,7 +0,0 @@
-import type { JSX } from 'react';
-export declare const OnboardingStep: ({ theme, config, generic, setGeneric, }: {
-    theme: string;
-    config: any;
-    generic: (mapto: string) => any;
-    setGeneric: (mapto: string, value: any) => void;
-}) => JSX.Element;

package/lib/esm/src/components/c3-onboarding-survey/step.js

@@ -1,44 +0,0 @@
-import { Fragment as _Fragment, 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 { Stack } from '@carbon/react';
-import { DropdownSelect } from './elements/dropdownSelect.js';
-import { InlineNotificationElement } from './elements/inlineNotification.js';
-import { RadioGroupElementMulti } from './elements/radioGroupMulti.js';
-import { RadioGroupElementSingle } from './elements/radioGroupSingle.js';
-import { TextInputElement } from './elements/textField.js';
-import { OnboardingQuestionType } from './onboarding.types.js';
-export const OnboardingStep = ({ theme, config, generic, setGeneric, }) => {
-    return (_jsx(Stack, { gap: 6, children: (() => {
-            if (!config?.elements) {
-                return _jsx(_Fragment, {});
-            }
-            return config?.elements.map((element, index) => {
-                switch (element.type) {
-                    case OnboardingQuestionType.TileSingleSelect:
-                        return (_jsx(RadioGroupElementSingle, { theme: theme, tooltip: element.tooltip, elements: element.elements, selectedElement: generic(element.mapto), setSelectedElement: (e) => {
-                                setGeneric(element.mapto, e);
-                            }, title: element.title, label: element.label, columns: element.columns }, `onboarding-step-element-${index}`));
-                    case OnboardingQuestionType.TileMultiSelect:
-                        return (_jsx(RadioGroupElementMulti, { theme: theme, tooltip: element.tooltip, elements: element.elements, selectedElements: generic(element.mapto) ?? [], setSelectedElements: (e) => {
-                                setGeneric(element.mapto, e);
-                            }, title: element.title, label: element.label, columns: element.columns }, `onboarding-step-element-${index}`));
-                    case OnboardingQuestionType.DropdownSelect:
-                        return (_jsx(DropdownSelect, { tooltip: element.tooltip, elements: element.elements, selectedElement: generic(element.mapto), setSelectedElement: (e) => {
-                                setGeneric(element.mapto, e);
-                            }, title: element.title, label: element.label, columns: element.columns, exceptionTitle: element.exceptiontextinput?.title, exceptionLabel: element.exceptiontextinput?.label, exceptionValue: element.exceptiontextinput?.forvalue }, `onboarding-step-element-${index}`));
-                    case OnboardingQuestionType.TextInput:
-                        return (_jsx(TextInputElement, { title: element.title, label: element.label, preFiledValue: generic(element.mapto), setValue: (value) => {
-                                setGeneric(element.mapto, value);
-                            }, placeholder: 'Your company\u2019s name' }, `onboarding-step-element-${index}`));
-                    case OnboardingQuestionType.InlineNotification:
-                        return (_jsx(InlineNotificationElement, { hideclosebutton: element.hideclosebutton, kind: element.kind, lowcontrast: element.lowcontrast, title: element.title, label: element.label }, `onboarding-step-element-${index}`));
-                    default:
-                        return _jsx(_Fragment, {});
-                }
-            });
-        })() }));
-};

package/lib/esm/src/components/c3-page/c3-breadcrumb/c3-breadcrumb.d.ts

@@ -1,3 +0,0 @@
-import type { FC } from 'react';
-import type { C3BreadcrumbProps } from './c3-breadcrumb.types';
-export declare const C3Breadcrumb: FC<C3BreadcrumbProps>;

package/lib/esm/src/components/c3-page/c3-breadcrumb/c3-breadcrumb.js

@@ -1,28 +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 { Breadcrumb, BreadcrumbItem, BreadcrumbSkeleton, Link, OverflowMenu, OverflowMenuItem, SkeletonText, Stack, Tag, } from '@carbon/react';
-const breadCrumbWrapperStyles = {
-    minHeight: '40px',
-    display: 'grid',
-    gridAutoFlow: 'column',
-    gridAutoColumns: 'max-content',
-    alignItems: 'center',
-};
-export const C3Breadcrumb = ({ loading, noTrailingSlash, elements, title, menu, tag, forwardRef, }) => {
-    let breadcrumb = null;
-    if (loading) {
-        breadcrumb = (_jsxs(Stack, { children: [_jsx(BreadcrumbSkeleton, {}), title && _jsx(SkeletonText, {})] }));
-    }
-    else {
-        breadcrumb = (_jsxs(Stack, { gap: 1, children: [_jsx(Breadcrumb, { noTrailingSlash: noTrailingSlash ?? false, children: elements.map((element) => {
-                        return (_jsx(BreadcrumbItem, { children: _jsx(Link, { as: forwardRef, style: { cursor: 'pointer' }, ...element.routeProps, children: element.label }) }, element.key));
-                    }) }), (menu || title || tag) && (_jsxs("div", { style: breadCrumbWrapperStyles, children: [_jsxs(Stack, { orientation: 'horizontal', gap: 4, children: [title && _jsx("h2", { children: title }), tag && _jsx(Tag, { type: 'blue', children: tag })] }), menu && (_jsx(OverflowMenu, { style: { float: 'right' }, "aria-label": 'breadcrumb menu', children: menu.map((item) => {
-                                return (_jsx(OverflowMenuItem, { id: item.key, onClick: () => item.onClick(), itemText: item.label, isDelete: item.isDelete }, item.key));
-                            }) }))] }))] }));
-    }
-    return _jsx("div", { style: breadCrumbWrapperStyles, children: breadcrumb });
-};

package/lib/esm/src/components/c3-page/c3-breadcrumb/c3-breadcrumb.types.d.ts

@@ -1,19 +0,0 @@
-import type React from 'react';
-export interface C3BreadcrumbProps {
-    elements: Array<{
-        key: string;
-        label: string;
-        routeProps: any;
-    }>;
-    loading?: boolean;
-    noTrailingSlash?: boolean;
-    title?: string;
-    tag?: string;
-    menu?: Array<{
-        key: string;
-        label: string;
-        onClick: () => void;
-        isDelete?: boolean;
-    }>;
-    forwardRef?: React.ForwardRefExoticComponent<any>;
-}

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

@@ -1,4 +0,0 @@
-import type { FC } from 'react';
-import type { C3PageProps } from './c3-page.types';
-declare const C3Page: FC<C3PageProps>;
-export { C3Page };

package/lib/esm/src/components/c3-page/c3-page.js

@@ -1,16 +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 { Column, Grid, Stack } from '@carbon/react';
-import { DefaultStyleWrapper } from '../styles.js';
-import { C3Breadcrumb } from './c3-breadcrumb/c3-breadcrumb.js';
-import { C3Tabs } from './c3-tabs/c3-tabs.js';
-const gridStyles = { paddingRight: 0, paddingLeft: 0 };
-const gridColumnStyles = { marginInline: 0 };
-const C3Page = ({ header, tabs, children, isLoading = false, breadcrumbs = { elements: [] }, }) => {
-    return (_jsx(DefaultStyleWrapper, { children: _jsx(Grid, { style: gridStyles, children: _jsx(Column, { span: '100%', style: gridColumnStyles, children: _jsxs(Stack, { orientation: 'vertical', gap: 7, children: [(breadcrumbs.elements?.length || header) && (_jsx(C3Breadcrumb, { ...breadcrumbs, title: header?.title, menu: header?.menuItems, tag: header?.tag, loading: isLoading })), tabs && (_jsx(Stack, { orientation: 'vertical', gap: 5, children: _jsx(C3Tabs, { tabs: tabs.list, desiredTabId: tabs?.activeTabId, onTabChange: tabs?.onChange, loading: isLoading }) })), children] }) }) }) }));
-};
-export { C3Page };

package/lib/esm/src/components/c3-page/c3-page.test.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/esm/src/components/c3-page/c3-page.test.js

@@ -1,25 +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 { expect, test } from '@playwright/test';
-import { getStory } from '../test-utils.js';
-test.describe('C3Page', () => {
-    test('Basic', async ({ page }) => {
-        await getStory(page, 'components-c3page--basic');
-        await expect(page).toHaveScreenshot();
-    });
-    test('Loading', async ({ page }) => {
-        await getStory(page, 'components-c3page--loading');
-        await expect(page).toHaveScreenshot();
-    });
-    test('With tag', async ({ page }) => {
-        await getStory(page, 'components-c3page--with-tag');
-        await expect(page).toHaveScreenshot();
-    });
-    test('Without tabs', async ({ page }) => {
-        await getStory(page, 'components-c3page--without-tabs');
-        await expect(page).toHaveScreenshot();
-    });
-});

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

@@ -1,18 +0,0 @@
-import type React from 'react';
-import type { C3BreadcrumbProps } from './c3-breadcrumb/c3-breadcrumb.types';
-import type { C3TabsProps } from './c3-tabs/c3-tabs.types';
-export type C3PageProps = {
-    breadcrumbs?: Omit<C3BreadcrumbProps, 'title' | 'menu' | 'tag'>;
-    header?: {
-        title: string;
-        tag?: string;
-        menuItems?: C3BreadcrumbProps['menu'];
-    };
-    tabs?: {
-        list: C3TabsProps['tabs'];
-        activeTabId?: C3TabsProps['desiredTabId'];
-        onChange?: C3TabsProps['onTabChange'];
-    };
-    children?: React.ReactNode;
-    isLoading?: boolean;
-};

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

@@ -1,3 +0,0 @@
-import { type FC } from 'react';
-import type { C3TabsProps } from './c3-tabs.types';
-export declare const C3Tabs: FC<C3TabsProps>;

package/lib/esm/src/components/c3-page/c3-tabs/c3-tabs.js

@@ -1,37 +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 { Tab, TabList, TabPanel, TabPanels, Tabs, TabsSkeleton, } from '@carbon/react';
-import React from 'react';
-const TabPanelStyles = { paddingLeft: 0, paddingRight: 0 };
-export const C3Tabs = ({ tabs, desiredTabId, onTabChange, loading = false, }) => {
-    const initializedTabs = React.useRef([]);
-    const visibleTabs = tabs.filter((tab) => tab.visible === undefined || tab.visible);
-    visibleTabs.forEach((tab) => {
-        if (tab.initializeTab && !initializedTabs.current.includes(tab.id)) {
-            initializedTabs.current = [...initializedTabs.current, tab.id];
-            tab.initializeTab();
-        }
-    });
-    const foundTab = desiredTabId
-        ? visibleTabs.findIndex((tab) => tab.id === desiredTabId)
-        : -1;
-    const selectedTab = foundTab === -1 ? 0 : foundTab;
-    const [activeTabIndex, setActiveTabIndex] = React.useState(selectedTab);
-    React.useEffect(() => {
-        setActiveTabIndex(selectedTab);
-    }, [selectedTab]);
-    if (loading) {
-        return _jsx(TabsSkeleton, {}, 'tabs-skeleton');
-    }
-    return (_jsxs(Tabs, { selectedIndex: activeTabIndex, onChange: (event) => {
-            setActiveTabIndex(event.selectedIndex);
-            const newDesiredTab = visibleTabs[event.selectedIndex].id;
-            if (event.selectedIndex !== activeTabIndex && onTabChange) {
-                onTabChange(newDesiredTab);
-            }
-        }, children: [_jsx(TabList, { "aria-label": 'tabs', children: visibleTabs.map((tab) => (_jsx(Tab, { children: tab.label }, `${tab.id}-label`))) }), _jsx(TabPanels, { children: visibleTabs.map((tab) => (_jsx(TabPanel, { style: TabPanelStyles, children: tab.content }, tab.id))) })] }));
-};

package/lib/esm/src/components/c3-page/c3-tabs/c3-tabs.types.d.ts

@@ -1,14 +0,0 @@
-import type React from 'react';
-export interface C3TabsProps {
-    tabs: C3TabProps[];
-    desiredTabId?: string;
-    onTabChange?: (tabId: string) => void;
-    loading?: boolean;
-}
-export interface C3TabProps {
-    id: string;
-    label: string;
-    content: React.ReactNode;
-    visible?: boolean;
-    initializeTab?: () => void;
-}