@chayns-components/core 5.0.0-beta.98 → 5.0.0-beta.981

package/lib/types/components/select-button/SelectButton.d.ts

@@ -0,0 +1,54 @@
+import { type FC } from 'react';
+import type { SelectButtonItem } from '../../types/selectButton';
+export type SelectButtonProps = {
+    /**
+     * Text used when there are more selected items than maxDisplayedItems. '##count##' will be displayed with the additional count.
+     */
+    additionalText?: string;
+    /**
+     * The text that should be displayed inside the button.
+     */
+    buttonText: string;
+    /**
+     * Whether the button should be disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     * A list of item that could be selected.
+     */
+    list: SelectButtonItem[];
+    /**
+     * The maximum number of items displayed in the button text.
+     */
+    maxDisplayedItems?: number;
+    /**
+     * Function to be executed after an item is selected.
+     */
+    onSelect?: (ids: number[]) => void;
+    /**
+     * If a string is given and `shouldAllowMultiSelect` is true, the dialog displays a checkbox to select all items at once.
+     */
+    selectAllText?: string;
+    /**
+     * The id of an item that should be preselected.
+     */
+    selectedItemIds?: number[];
+    /**
+     * Whether more than one item should be selectable.
+     */
+    shouldAllowMultiSelect?: boolean;
+    /**
+     * Whether the button text should be displayed also if items are selected.
+     */
+    shouldShowButtonTextWithSelection?: boolean;
+    /**
+     * Whether the search should be displayed inside the dialog.
+     */
+    shouldShowSearch?: boolean;
+    /**
+     * The title of the dialog.
+     */
+    title?: string;
+};
+declare const SelectButton: FC<SelectButtonProps>;
+export default SelectButton;

package/lib/types/components/select-button/SelectButton.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledSelectButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/types/components/setup-wizard/SetupWizard.d.ts

@@ -0,0 +1,27 @@
+import React, { ReactElement } from 'react';
+import type { SetupWizardItemProps } from './setup-wizard-item/SetupWizardItem';
+type UpdateSelectedId = (id: number) => void;
+type UpdateActiveId = (id: number) => void;
+interface SetupWizardContextProps {
+    selectedId: number | undefined;
+    updateSelectedId?: UpdateSelectedId;
+    activeId: number | undefined;
+    updateActiveId?: UpdateActiveId;
+}
+export declare const SetupWizardContext: React.Context<SetupWizardContextProps>;
+export type SetupWizardRef = {
+    next: (stepId?: number) => void;
+    reset: () => void;
+};
+export type SetupWizardProps = {
+    /**
+     * The steps of the setup. Use the SetupWizardItem component.
+     */
+    children: ReactElement<SetupWizardItemProps> | ReactElement<SetupWizardItemProps>[];
+    /**
+     * This value must be set if the SetupWizard is inside an Accordion.
+     */
+    isWrapped?: boolean;
+};
+declare const SetupWizard: React.ForwardRefExoticComponent<SetupWizardProps & React.RefAttributes<SetupWizardRef>>;
+export default SetupWizard;

package/lib/types/components/setup-wizard/SetupWizard.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledSetupWizard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/types/components/setup-wizard/setup-wizard-item/SetupWizardItem.d.ts

@@ -0,0 +1,21 @@
+import { FC, ReactNode } from 'react';
+export type SetupWizardItemProps = {
+    /**
+     * The content that should be displayed inside the item.
+     */
+    children: ReactNode;
+    /**
+     * The id of the item.
+     */
+    id: number;
+    /**
+     * The step of the item.
+     */
+    step: number;
+    /**
+     * The title of the item.
+     */
+    title: string;
+};
+declare const SetupWizardItem: FC<SetupWizardItemProps>;
+export default SetupWizardItem;

package/lib/types/components/setup-wizard/setup-wizard-item/SetupWizardItem.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledSetupWizardItemBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/types/components/sharing-bar/SharingBar.d.ts

@@ -0,0 +1,26 @@
+import { FC } from 'react';
+import type { ContextMenuAlignment } from '../../types/contextMenu';
+export type SharingBarProps = {
+    /**
+     * The element where the content of the `SharingBar` should be rendered via React Portal.
+     */
+    container?: Element;
+    /**
+     * Whether the ContextMenu is inside a dialog.
+     */
+    isInDialog?: boolean;
+    /**
+     * The label that should be displayed.
+     */
+    label: string;
+    /**
+     * The link that should be shared.
+     */
+    link: string;
+    /**
+     * The alignment of the sharing options.
+     */
+    popupAlignment: ContextMenuAlignment;
+};
+declare const SharingBar: FC<SharingBarProps>;
+export default SharingBar;

package/lib/types/components/sharing-bar/SharingBar.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const StyledSharingBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledSharingBarIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledSharingBarText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {
+    theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
+}>> & string;

package/lib/types/components/signature/Signature.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+export interface SignatureRef {
+    edit: VoidFunction;
+    delete: VoidFunction;
+}
+export type SignatureProps = {
+    /**
+     * The text that should be displayed inside the button.
+     */
+    buttonText: string;
+    /**
+     * Whether the button is disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     * Function to be executed when the signature is edited.
+     */
+    onEdit?: (signature: string) => void;
+    /**
+     * Function to be executed when the user deletes the signature.
+     */
+    onRemove?: () => void;
+    /**
+     * Function to be executed when the user subscribes.
+     */
+    onSubscribe?: () => void;
+    /**
+     * Function to be executed when the user unsubscribes.
+     */
+    onUnsubscribe?: () => void;
+};
+declare const Signature: React.ForwardRefExoticComponent<SignatureProps & React.RefAttributes<SignatureRef>>;
+export default Signature;

package/lib/types/components/signature/Signature.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const StyledSignature: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledSignatureImageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledSignatureImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {
+    theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
+}>> & string;
+export declare const StyledSignatureDeleteIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/types/components/slider/Slider.d.ts

@@ -0,0 +1,49 @@
+import { FC } from 'react';
+export interface SliderInterval {
+    maxValue: number;
+    minValue: number;
+}
+export type SliderProps = {
+    /**
+     * The range that can be selected with two thumbs..
+     */
+    interval?: SliderInterval;
+    /**
+     * Whether the slider is disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     * The maximum value of the slider.
+     */
+    maxValue: number;
+    /**
+     * The minimum value of the slider.
+     */
+    minValue: number;
+    /**
+     * Function that will be executed when the value is selected.
+     */
+    onSelect?: (value?: number, interval?: SliderInterval) => void;
+    /**
+     * Function that will be executed when the value is changed.
+     */
+    onChange?: (value?: number, interval?: SliderInterval) => void;
+    /**
+     * Whether the current value should be displayed inside the slider thumb.
+     */
+    shouldShowThumbLabel?: boolean;
+    /**
+     * The steps of the slider.
+     */
+    steps?: number;
+    /**
+     * A function to format the thumb label.
+     */
+    thumbLabelFormatter?: (value: number) => string;
+    /**
+     * the Value that the slider should have.
+     */
+    value?: number;
+};
+declare const Slider: FC<SliderProps>;
+export default Slider;