@camunda/camunda-composite-components 0.22.2 → 0.22.4

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

@@ -1,264 +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.
- */
-// React import not required with automatic JSX runtime
-import { Link } from '@carbon/react';
-import { Add, ArrowRight, TrashCan } from '@carbon/react/icons/index.esm.js';
-export function createAppProps() {
-    return {
-        name: 'Console',
-        ariaLabel: 'Camunda Console',
-        routeProps: {
-            href: 'https://www.camunda.com',
-        },
-    };
-}
-export function createAppBarProps(options = {}) {
-    return {
-        isOpen: options.useElementsFromConfig
-            ? undefined
-            : Boolean(options?.isOpen),
-        elements: options.useElementsFromConfig
-            ? undefined
-            : (options?.elements ?? [
-                {
-                    key: 'console',
-                    label: 'Console',
-                    active: true,
-                },
-                {
-                    key: 'modeler',
-                    label: 'Modeler',
-                    active: false,
-                    routeProps: {
-                        onClick: () => console.log('Redirecting to Modeler...'),
-                    },
-                },
-                {
-                    key: 'tasklist',
-                    label: 'Tasklist',
-                    active: false,
-                    subElements: [
-                        {
-                            key: 'cluster-a',
-                            label: 'Cluster A',
-                            href: 'https://camunda.com/',
-                            target: '_blank',
-                        },
-                        {
-                            key: 'cluster-b',
-                            label: 'Cluster B',
-                            onClick: () => console.log('Redirecting to Tasklist...'),
-                        },
-                        {
-                            key: 'cluster-c',
-                            label: 'Cluster C',
-                            routeProps: {
-                                onClick: () => console.log('Redirecting to Tasklist...'),
-                            },
-                        },
-                    ],
-                },
-                {
-                    key: 'operate',
-                    label: 'Operate',
-                    active: false,
-                    target: '_blank',
-                    href: 'https://camunda.com/',
-                },
-                {
-                    key: 'optimize',
-                    label: 'Optimize',
-                    active: false,
-                    target: '_blank',
-                    href: 'https://camunda.com/',
-                },
-                {
-                    key: 'admin',
-                    label: 'Admin',
-                    active: false,
-                    subElements: [
-                        {
-                            key: 'cluster-a',
-                            label: 'Cluster A',
-                            href: 'https://camunda.com/',
-                            target: '_blank',
-                        },
-                        {
-                            key: 'cluster-b',
-                            label: 'Cluster B',
-                            onClick: () => console.log('Redirecting to Admin...'),
-                        },
-                    ],
-                },
-            ]),
-        elementClicked: (element) => console.log(`event coming from the appBarProps: ${element} has been clicked`),
-    };
-}
-export function createNavBarBarProps({ orgName = 'Camunda', elements = undefined, showLicenseTag, showProductionLicense, isCommercial, expiresAt, } = {}) {
-    return {
-        elements: elements ?? [
-            {
-                key: 'dashboard',
-                label: 'Dashboard',
-                isCurrentPage: true,
-                routeProps: {},
-            },
-            {
-                key: 'clusters',
-                label: 'Clusters',
-                isCurrentPage: false,
-                routeProps: {
-                    onClick: () => console.log('Redirecting to clusters...'),
-                },
-            },
-        ],
-        orgName,
-        licenseTag: {
-            show: showLicenseTag || false,
-            isProductionLicense: showProductionLicense || false,
-            isCommercial: isCommercial || false,
-            expiresAt,
-        },
-        tags: [
-            {
-                key: 'githash',
-                label: 'example tag',
-                color: 'teal',
-            },
-            {
-                key: 'fooTooltip',
-                label: 'tooltip tag',
-                color: 'purple',
-                tooltip: {
-                    content: (_jsxs("p", { children: ["tooltip popover with a", ' ', _jsx(Link, { href: 'http://camunda.com/', children: "link" })] })),
-                    buttonLabel: 'open the tooltip',
-                },
-            },
-        ],
-    };
-}
-export function createInfoSideBarProps(options) {
-    return {
-        isOpen: options.isOpen,
-        onOpen: () => console.log('Opened info sidebar'),
-        elements: [
-            {
-                key: 'info1',
-                label: 'Info 1',
-            },
-            {
-                key: 'info2',
-                label: 'Info 2',
-                preceedingDivider: options.preceedingDividerOn2ndElement,
-            },
-        ],
-    };
-}
-export function createOrgSideBarProps(options) {
-    const elements = [];
-    if (options.orgCount !== undefined) {
-        for (let i = 0; i < options.orgCount; i++) {
-            elements.push({
-                key: `org-${i}`,
-                label: `Organization ${i}`,
-            });
-        }
-    }
-    return {
-        isOpen: options.isOpen,
-        customElements: options.useConfig
-            ? undefined
-            : {
-                activeOrganization: {
-                    activeLabel: 'Active Organization',
-                    otherLabel: 'Other Organization',
-                    orgName: 'Camunda',
-                    action: {
-                        label: 'Manage',
-                        onClick: () => console.log('Manage organization'),
-                    },
-                },
-            },
-        elements: options.useConfig ? undefined : elements,
-        bottomElements: options.useConfig
-            ? undefined
-            : [
-                {
-                    key: 'createTrial',
-                    label: 'Create new Trial Org',
-                    renderIcon: Add,
-                    onClick: () => {
-                        console.log('clicked');
-                    },
-                },
-            ],
-        switchToOrg: options.useConfig
-            ? (orgId) => console.log('Switch to org: ', orgId)
-            : undefined,
-    };
-}
-export function createUserSideBarProps(options) {
-    return {
-        isOpen: options.isOpen,
-        version: '8.3.0-alpha4',
-        customElements: {
-            customSection: options.customSection,
-            profile: {
-                label: 'Profile',
-                user: {
-                    email: 'teamcloud@camunda.com',
-                    name: 'Team Cloud',
-                },
-            },
-            themeSelector: options.hideThemeSelector
-                ? undefined
-                : {
-                    currentTheme: 'dark',
-                    onChange: (newTheme) => console.log(`Selected ${newTheme} theme`),
-                },
-            stageToggle: {
-                prodFeaturesEnabled: true,
-                toggle: () => console.log('Toggle stage'),
-            },
-        },
-        elements: [
-            {
-                key: 'cookie',
-                label: 'Cookie Preferences',
-            },
-            {
-                key: 'terms',
-                label: 'Terms of use',
-            },
-            {
-                key: 'logout',
-                label: 'Log out',
-                kind: 'ghost',
-                renderIcon: ArrowRight,
-            },
-        ],
-        bottomElements: [
-            {
-                key: 'delete',
-                label: 'Delete account',
-                kind: 'danger--ghost',
-                renderIcon: TrashCan,
-            },
-        ],
-    };
-}
-export function createNotificationSideBarProps(options) {
-    return {
-        isOpen: options.isOpen,
-    };
-}
-export const createHelpCenterProps = (options) => ({
-    origin: options?.origin || 'console',
-    theme: options?.theme,
-    autoStartSurvey: options?.autoStartSurvey,
-    mixpanelTrack: (event, data) => console.log(`Mixpanel event ${event} tracked: ${JSON.stringify(data)}`),
-});

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

@@ -1,9 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import { type FC } from 'react';
-import { C3Navigation } from '../c3-navigation';
-export declare const DefaultTemplate: StoryFn<typeof C3Navigation>;
-export declare const SuperUserToggle: FC<{
-    isActive?: boolean;
-    onChange?: (newValue: boolean) => void;
-}>;
-export declare const NavbarWithCustomSection: FC;

package/lib/esm/src/components/c3-navigation/stories/story-templates.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, 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 { SwitcherDivider, Toggle } from '@carbon/react';
-import { useState } from 'react';
-import { C3Navigation } from '../c3-navigation.js';
-import { createAppBarProps, createAppProps, createNavBarBarProps, createUserSideBarProps, } from './story-helpers.js';
-export const DefaultTemplate = (args) => (_jsxs(_Fragment, { children: [_jsx(C3Navigation, { ...args }), _jsx("div", { id: 'main-content' })] }));
-export const SuperUserToggle = ({ isActive, onChange }) => {
-    return (_jsxs(_Fragment, { children: [_jsx(SwitcherDivider, {}), _jsx("div", { style: { padding: '.5rem 1rem' }, children: _jsx(Toggle, { size: 'sm', id: 'toggle-super-admin-mode', defaultToggled: isActive, onToggle: (superAdminModeActive) => onChange?.(superAdminModeActive), labelText: 'Enter super-admin mode', "aria-label": 'Enter super-admin mode' }) })] }));
-};
-export const NavbarWithCustomSection = () => {
-    const [isSuperAdminModeActive, setIsSuperAdminModeActive] = useState(true);
-    const [appbarOpen, setAppBarOpen] = useState(false);
-    const appbarProps = createAppBarProps();
-    return (_jsxs(_Fragment, { children: [_jsx(C3Navigation, { app: createAppProps(), appBar: { ...appbarProps, isOpen: appbarProps.isOpen ?? appbarOpen }, toggleAppbar: (value) => {
-                    setAppBarOpen(value);
-                }, navbar: {
-                    ...createNavBarBarProps(),
-                    tags: isSuperAdminModeActive
-                        ? [
-                            {
-                                key: 'superUserMode',
-                                label: 'Super-user mode',
-                                color: 'high-contrast',
-                            },
-                        ]
-                        : undefined,
-                }, userSideBar: {
-                    ...createUserSideBarProps({ isOpen: false }),
-                    customElements: {
-                        customSection: (_jsx(SuperUserToggle, { isActive: isSuperAdminModeActive, onChange: setIsSuperAdminModeActive })),
-                    },
-                } }), _jsx("div", { id: 'main-content' })] }));
-};

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

@@ -1,14 +0,0 @@
-import { type FC } from 'react';
-import type { Persona } from '../c3-help-center/c3-help-center.types';
-import { type MixPanelTrack } from '../c3-user-configuration/c3-user-configuration-provider';
-export type C3OnboardingSurveyProps = {
-    onRequestClose: () => void;
-    onRequestSkip: () => void;
-    personaCallback: (persona: Persona) => void;
-    theme: 'light' | 'dark';
-    mixpanelTrack?: MixPanelTrack;
-    origin: 'console' | 'webmodeler' | 'operate' | 'tasklist' | 'optimize' | 'identity' | 'admin';
-    modal: boolean;
-    persona: Persona | undefined;
-};
-export declare const C3OnboardingSurvey: FC<C3OnboardingSurveyProps>;

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

@@ -1,94 +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, { useState } from 'react';
-import { getOnboardingConfig, submitSurvey, updatePersona, } from '../../api/help-center.js';
-import { useC3UserConfiguration, } from '../c3-user-configuration/c3-user-configuration-provider.js';
-import { defaultOnboardingConfig } from './defaultOnboardingConfig.js';
-import { OnboardingSurvey } from './onboardingSurvey.js';
-export const C3OnboardingSurvey = (props) => {
-    const { userToken, decodedToken, activeOrganizationId, decodedAudience } = useC3UserConfiguration();
-    const [persona, setPersona] = useState(props.persona);
-    const [userId, setUserId] = useState('');
-    const [onboardConfig, setOnboardConfig] = useState(defaultOnboardingConfig);
-    const [isLoadingConfig, setIsLoadingConfig] = useState(false);
-    const [givenName, setGivenName] = useState('');
-    const [email, setEmail] = useState('');
-    React.useEffect(() => {
-        if (!decodedToken || !decodedAudience)
-            return;
-        (async () => {
-            const { userId, meta, persona } = decodedToken;
-            if (props.persona === undefined && persona) {
-                setPersona(persona);
-            }
-            if (meta) {
-                setGivenName(meta.given_name);
-                setEmail(meta.email);
-            }
-            if (userId)
-                setUserId(userId);
-            setOnboardConfig(defaultOnboardingConfig);
-            setIsLoadingConfig(true);
-            const { result: config } = await getOnboardingConfig({
-                audience: decodedAudience,
-                camundaAuth: { token: userToken },
-                orgId: activeOrganizationId,
-            });
-            if (config)
-                setOnboardConfig(config);
-            setIsLoadingConfig(false);
-        })();
-    }, [JSON.stringify(decodedToken), decodedAudience]);
-    React.useEffect(() => {
-        setPersona(props.persona);
-    }, [props.persona]);
-    const closeFn = async (skip) => {
-        props.mixpanelTrack?.('survey:click', {
-            location: skip ? 'skip' : 'exit',
-            step: persona?.nextStep ?? 1,
-            from: props.origin,
-        });
-        const newPersona = { ...persona, ...{ complete: skip } };
-        if (activeOrganizationId && userToken && decodedAudience)
-            await updatePersona({
-                newPersona,
-                audience: decodedAudience,
-                orgId: activeOrganizationId,
-                userId,
-                accessToken: userToken,
-            });
-        props.personaCallback(newPersona);
-        setPersona(newPersona);
-        if (skip) {
-            props.onRequestSkip();
-        }
-        else {
-            props.onRequestClose();
-        }
-    };
-    const syncPersona = async (newPersona, notifyHubspot) => {
-        if (activeOrganizationId && userToken && decodedAudience) {
-            await updatePersona({
-                newPersona,
-                audience: decodedAudience,
-                orgId: activeOrganizationId,
-                userId,
-                accessToken: userToken,
-            });
-            if (notifyHubspot) {
-                await submitSurvey({
-                    audience: decodedAudience,
-                    token: userToken,
-                    data: { ...newPersona, ...{ email, orgUuid: activeOrganizationId } },
-                });
-            }
-        }
-        setPersona(newPersona);
-        props.personaCallback(newPersona);
-    };
-    return (_jsx(OnboardingSurvey, { appTheme: props.theme, userFirstName: givenName, persona: persona, syncPersona: syncPersona, setPersona: setPersona, mixpanelTrack: props.mixpanelTrack, onRequestClose: closeFn, onboardingConfiguration: onboardConfig, isLoadingConfig: isLoadingConfig, modal: props.modal, origin: props.origin }));
-};

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

@@ -1,16 +0,0 @@
-import type { Persona } from '../c3-help-center/c3-help-center.types';
-export type Step = {
-    title?: string;
-    elements?: unknown[];
-    nextenabled?: {
-        [fieldName: string]: keyof Persona;
-    }[];
-};
-export type OnboardingConfig = {
-    steps: Step[];
-    header?: {
-        title: string;
-        description: string;
-    };
-};
-export declare const defaultOnboardingConfig: OnboardingConfig;

package/lib/esm/src/components/c3-onboarding-survey/defaultOnboardingConfig.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.
- */
-export const defaultOnboardingConfig = {
-    steps: [],
-};

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

@@ -1,15 +0,0 @@
-import { type FC } from 'react';
-import type { RadioGroupElementProps } from '../onboarding.types';
-export declare const DropdownSelect: FC<RadioGroupElementProps & {
-    title: string;
-    label: string;
-    elements: {
-        label: string;
-        value: string;
-    }[];
-    selectedElement: string | undefined;
-    setSelectedElement: (value: string) => void;
-    exceptionTitle: string;
-    exceptionLabel: string;
-    exceptionValue: string;
-}>;

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

@@ -1,58 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, 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 { Select, SelectItem, Stack, TextInput } from '@carbon/react';
-import { useState } from 'react';
-import { getTitleId } from '../helpers.js';
-export const DropdownSelect = ({ title, label, elements, selectedElement, setSelectedElement, exceptionTitle, exceptionLabel, exceptionValue, }) => {
-    let showSuggestion = false;
-    selectedElement = selectedElement ? selectedElement?.toString() : '';
-    const [suggestion, setSuggestion] = useState((selectedElement ?? '').split(' - ').length > 0
-        ? (selectedElement ?? '').split(' - ')[1]
-        : '');
-    const setElement = (input, suggest) => {
-        showSuggestion = input === exceptionValue;
-        if (showSuggestion) {
-            setSelectedElement(`${input} - ${suggest}`);
-        }
-        else {
-            setSelectedElement(input);
-        }
-    };
-    const elementWithoutSuggestion = () => {
-        return selectedElement?.split(' - ')[0];
-    };
-    const calculateSuggestion = (input) => {
-        const rawElement = elementWithoutSuggestion() ?? '';
-        setSuggestion(input);
-        setElement(rawElement, input);
-    };
-    const titleId = getTitleId(title);
-    const exceptionTitleId = getTitleId(exceptionTitle);
-    return (_jsx(_Fragment, { children: _jsx(Stack, { children: (() => {
-                return (_jsx(_Fragment, { children: _jsxs("div", { style: {
-                            display: 'grid',
-                            gridTemplateColumns: '58% 42%',
-                        }, children: [_jsxs(Stack, { gap: 1, children: [_jsx("h4", { id: titleId, children: title }), (() => {
-                                        if (label) {
-                                            return _jsx("p", { className: 'cds--modal-header__label', children: label });
-                                        }
-                                        return _jsx(_Fragment, {});
-                                    })(), ' '] }), _jsx(Select, { id: `select-${Math.random() * 10000}`, size: 'lg', defaultValue: elements[0].value, "aria-labelledby": titleId, labelText: '', onChange: (event) => {
-                                    const element = elements.find((e) => e.value === event.target.value);
-                                    if (element)
-                                        setElement(element.value, '');
-                                }, value: elementWithoutSuggestion(), children: elements.map((e) => (_jsx(SelectItem, { id: `selectItem-${Math.random() * 10000}`, value: e.value, text: e.label }, `selectItem-${Math.random() * 10000}`))) }, `select-${Math.random() * 10000}`), (() => {
-                                if (exceptionValue &&
-                                    elementWithoutSuggestion() === exceptionValue) {
-                                    return (_jsxs(_Fragment, { children: [_jsx("div", { style: { marginTop: '24px' } }), _jsx("div", { style: { marginTop: '24px' } }), _jsxs(Stack, { gap: 1, children: [_jsx("h4", { id: exceptionTitleId, children: exceptionTitle }), _jsx("p", { className: 'cds--modal-header__label', children: exceptionLabel })] }), _jsx(TextInput, { style: { height: '48px' }, id: `text-input-element-${Math.random() * 1000}`, placeholder: 'Enter your suggestion', labelText: '', value: suggestion, onChange: (event) => {
-                                                    calculateSuggestion(event.target.value);
-                                                }, "aria-labelledby": exceptionTitleId, "aria-label": exceptionTitle, invalid: false, invalidText: _jsx(_Fragment, {}) })] }));
-                                }
-                                return _jsx(_Fragment, {});
-                            })()] }) }));
-            })() }) }));
-};

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

@@ -1,3 +0,0 @@
-import type { FC } from 'react';
-import type { InlineNotificationElementProps } from '../onboarding.types';
-export declare const InlineNotificationElement: FC<InlineNotificationElementProps>;

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

@@ -1,10 +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 { InlineNotification } from '@carbon/react';
-export const InlineNotificationElement = ({ hideclosebutton, kind, lowcontrast, title, label, }) => {
-    return (_jsx(InlineNotification, { hideCloseButton: hideclosebutton, kind: kind, lowContrast: lowcontrast, title: title, subtitle: label, style: { maxWidth: '100%' } }));
-};

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

@@ -1,7 +0,0 @@
-import type { FC } from 'react';
-import type { RadioGroupElementProps } from '../onboarding.types';
-export declare const RadioGroupElementMulti: FC<RadioGroupElementProps & {
-    theme: string;
-    selectedElements: string[] | undefined;
-    setSelectedElements: (value: string[]) => void;
-}>;

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

@@ -1,53 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, 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, Column, FlexGrid, Row, SelectableTile, Stack, Tooltip, } from '@carbon/react';
-import { Information } from '@carbon/react/icons/index.esm.js';
-export const RadioGroupElementMulti = ({ theme, title, label, elements, columns, tooltip, selectedElements, setSelectedElements, }) => {
-    const backgroundColor = theme === 'dark' ? '#393939' : '#E5E5E5';
-    return (_jsxs(_Fragment, { children: [_jsxs(Stack, { gap: 1, children: [_jsxs("h4", { children: [title, (() => {
-                                if (tooltip) {
-                                    return (_jsx(Tooltip, { label: tooltip, align: 'bottom', children: _jsx("span", { className: 'onboarding', children: _jsx(Button, { kind: 'ghost', renderIcon: Information, iconDescription: 'Information', "aria-label": 'Information', style: {
-                                                    marginTop: '-10px',
-                                                    backgroundColor: theme === 'light' ? '#FFFFFF' : '#161616',
-                                                } }) }) }));
-                                }
-                                else {
-                                    return _jsx(_Fragment, {});
-                                }
-                            })()] }), (() => {
-                        if (label) {
-                            return _jsx("p", { className: 'cds--modal-header__label', children: label });
-                        }
-                        return _jsx(_Fragment, {});
-                    })(), ' '] }), _jsx(Stack, { gap: 3, children: elements
-                    .reduce((result, item, index) => {
-                    const chunkIndex = Math.floor(index / columns);
-                    if (!result[chunkIndex]) {
-                        result[chunkIndex] = [];
-                    }
-                    result[chunkIndex].push(item);
-                    return result;
-                }, [])
-                    .map((row, index) => (_jsx(FlexGrid, { style: {
-                        width: '100%',
-                        maxWidth: '100%',
-                        paddingLeft: '0',
-                        paddingRight: '0',
-                    }, children: _jsx(Row, { children: row.map((element) => (_jsx(Column, { style: { maxWidth: `${100 / columns}%` }, children: _jsx(SelectableTile, { style: {
-                                    backgroundColor,
-                                    marginBottom: '24px',
-                                }, selected: (() => {
-                                    return selectedElements?.includes(element.value);
-                                })(), onClick: () => {
-                                    if (selectedElements?.includes(element.value)) {
-                                        setSelectedElements(selectedElements?.filter((e) => e !== element.value));
-                                    }
-                                    else {
-                                        setSelectedElements(selectedElements?.concat([element.value]) || []);
-                                    }
-                                }, value: element.value, children: element.label }) }, `tile-${element.value}`))) }) }, `onboarding-radio-row-${index}`))) })] }));
-};

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

@@ -1,7 +0,0 @@
-import type { FC } from 'react';
-import type { RadioGroupElementProps } from '../onboarding.types';
-export declare const RadioGroupElementSingle: FC<RadioGroupElementProps & {
-    theme: string;
-    selectedElement: string | undefined;
-    setSelectedElement: (value: string) => void;
-}>;

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

@@ -1,36 +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, Column, FlexGrid, RadioTile, Row, Stack, Tooltip, } from '@carbon/react';
-import { Information } from '@carbon/react/icons/index.esm.js';
-import styled from 'styled-components';
-const StyledRadioTile = styled(RadioTile) `
-  background-color: ${({ $backgroundColor }) => $backgroundColor};
-  margin-bottom: 24px;
-`;
-export const RadioGroupElementSingle = ({ theme, title, label, elements, columns, tooltip, selectedElement, setSelectedElement, }) => {
-    const backgroundColor = theme === 'dark' ? '#393939' : '#E5E5E5';
-    return (_jsxs(_Fragment, { children: [_jsxs(Stack, { gap: 1, children: [_jsxs("h4", { children: [title, tooltip && (_jsx(Tooltip, { label: tooltip, align: 'bottom', children: _jsx("span", { className: 'onboarding', children: _jsx(Button, { kind: 'ghost', renderIcon: Information, iconDescription: 'Information', "aria-label": 'Information', style: {
-                                            marginTop: '-10px',
-                                            backgroundColor: theme === 'light' ? '#FFFFFF' : '#161616',
-                                        } }) }) }))] }), label && _jsx("p", { className: 'cds--modal-header__label', children: label })] }), _jsx(Stack, { gap: 3, children: elements
-                    .reduce((result, item, index) => {
-                    const chunkIndex = Math.floor(index / columns);
-                    if (!result[chunkIndex]) {
-                        result[chunkIndex] = [];
-                    }
-                    result[chunkIndex].push(item);
-                    return result;
-                }, [])
-                    .map((row, index) => (_jsx(FlexGrid, { style: {
-                        width: '100%',
-                        maxWidth: '100%',
-                        paddingLeft: '0',
-                        paddingRight: '0',
-                    }, children: _jsx(Row, { children: row.map((element, index) => (_jsx(Column, { style: { maxWidth: `${100 / columns}%` }, children: _jsx(StyledRadioTile, { "$backgroundColor": backgroundColor, checked: (selectedElement ?? '') === element.value, onChange: (value) => {
-                                    setSelectedElement(value);
-                                }, value: element.value, children: element.label }, `tile-${element.value}-${index}`) }, `column-${element.value}-${index}`))) }) }, `row-${index}`))) })] }));
-};

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

@@ -1,6 +0,0 @@
-import type { FC } from 'react';
-import type { TextFieldElementProps } from '../onboarding.types';
-export declare const TextInputElement: FC<TextFieldElementProps & {
-    preFiledValue: string | undefined;
-    setValue: (value: string) => void;
-}>;