@chayns-components/core 5.0.0-beta.104 → 5.0.0-beta.1040

package/lib/types/constants/mentionFinder.d.ts

@@ -0,0 +1,4 @@
+export declare enum MentionFinderPopupAlignment {
+    Top = 0,
+    Bottom = 1
+}

package/lib/types/constants/numberInput.d.ts

@@ -0,0 +1,5 @@
+export declare const NUMBER_CLEAR_REGEX: RegExp;
+export declare const INTEGER_TEST: RegExp;
+export declare const DECIMAL_TEST: RegExp;
+export declare const MONEY_TEST: RegExp;
+export declare const TIME_TEST: RegExp;

package/lib/types/constants/pageProvider.d.ts

@@ -0,0 +1,6 @@
+export declare const PAGE_BREAKPOINTS: {
+    mobile: string;
+    desktop: string;
+    desk: string;
+    retina: string;
+};

package/lib/types/constants/sharingBar.d.ts

@@ -0,0 +1,12 @@
+import type { SharingBarProvider } from '../types/sharingBar';
+export declare const SHAREOPTIONS: {
+    COPY: number;
+    MAIL: number;
+    WHATSAPP: number;
+    FACEBOOK: number;
+    TWITTER: number;
+    QRCODE: number;
+    CUSTOM_CHAYNS: number;
+    CUSTOM_ALL: number;
+};
+export declare const SHAREPROVIDER: SharingBarProvider[];

package/lib/types/constants/signature.d.ts

@@ -0,0 +1 @@
+export declare const SIGNATURE_SERVER_URL = "https://webapi.tobit.com/AccountService/v1.0/General/PersonKeyValue/signature";

package/lib/types/hooks/useElementSize.d.ts

@@ -0,0 +1,6 @@
+import { MutableRefObject } from 'react';
+interface UseElementSizeOptions {
+    shouldUseChildElement?: boolean;
+}
+export declare const useElementSize: (ref: MutableRefObject<HTMLDivElement | HTMLLabelElement | null>, { shouldUseChildElement }?: UseElementSizeOptions) => DOMRectReadOnly | undefined;
+export {};

package/lib/types/index.d.ts

@@ -0,0 +1,73 @@
+export { default as Accordion } from './components/accordion/Accordion';
+export { default as AccordionContent } from './components/accordion/accordion-content/AccordionContent';
+export { default as AccordionGroup } from './components/accordion/accordion-group/AccordionGroup';
+export { default as AccordionIntro } from './components/accordion/accordion-intro/AccordionIntro';
+export { default as AccordionItem } from './components/accordion/accordion-item/AccordionItem';
+export { default as AmountControl } from './components/amount-control/AmountControl';
+export { AreaContext, default as AreaProvider, } from './components/area-provider/AreaContextProvider';
+export { default as Badge } from './components/badge/Badge';
+export { default as Button } from './components/button/Button';
+export { default as Checkbox } from './components/checkbox/Checkbox';
+export { default as ColorSchemeProvider, useColorScheme, } from './components/color-scheme-provider/ColorSchemeProvider';
+export type { ColorSchemeContextProps, FramerMotionBugFix, WithTheme, } from './components/color-scheme-provider/ColorSchemeProvider';
+export { default as ComboBox, type ComboBoxTextStyles, type IComboBoxItem as ComboBoxItem, type IComboBoxItems as ComboBoxItems, } from './components/combobox/ComboBox';
+export { default as ContentCard } from './components/content-card/ContentCard';
+export { default as ContextMenu, type ContextMenuCoordinates, type ContextMenuItem, type ContextMenuRef, } from './components/context-menu/ContextMenu';
+export { default as ExpandableContent } from './components/expandable-content/ExpandableContent';
+export { default as FileInput, type FileInputRef } from './components/file-input/FileInput';
+export { default as FilterButton } from './components/filter-buttons/filter-button/FilterButton';
+export { default as FilterButtons } from './components/filter-buttons/FilterButtons';
+export { default as GridImage } from './components/grid-image/GridImage';
+export { default as Icon } from './components/icon/Icon';
+export { default as Input, InputSize } from './components/input/Input';
+export { default as List } from './components/list/List';
+export { default as ListItemContent } from './components/list/list-item/list-item-content/ListItemContent';
+export { default as ListItem, type ListItemElements, type ListItemProps, } from './components/list/list-item/ListItem';
+export { default as MentionFinder } from './components/mention-finder/MentionFinder';
+export type { MentionMember } from './components/mention-finder/MentionFinder';
+export { default as NumberInput } from './components/number-input/NumberInput';
+export { default as PageProvider } from './components/page-provider/PageProvider';
+export { default as Popup } from './components/popup/Popup';
+export { default as PopupContent } from './components/popup/popup-content/PopupContent';
+export { default as ProgressBar } from './components/progress-bar/ProgressBar';
+export { default as RadioButtonGroup, type RadioButtonGroupRef, } from './components/radio-button/radio-button-group/RadioButtonGroup';
+export { default as RadioButton } from './components/radio-button/RadioButton';
+export { default as ScrollView } from './components/scroll-view/ScrollView';
+export { default as SearchBox } from './components/search-box/SearchBox';
+export { default as SearchInput } from './components/search-input/SearchInput';
+export { default as SelectButton } from './components/select-button/SelectButton';
+export { default as SetupWizardItem } from './components/setup-wizard/setup-wizard-item/SetupWizardItem';
+export { default as SetupWizard } from './components/setup-wizard/SetupWizard';
+export type { SetupWizardRef } from './components/setup-wizard/SetupWizard';
+export { default as SharingBar } from './components/sharing-bar/SharingBar';
+export { default as Signature } from './components/signature/Signature';
+export type { SignatureRef } from './components/signature/Signature';
+export { default as SliderButton } from './components/slider-button/SliderButton';
+export { default as Slider } from './components/slider/Slider';
+export { default as SmallWaitCursor, SmallWaitCursorSize, SmallWaitCursorSpeed, } from './components/small-wait-cursor/SmallWaitCursor';
+export { default as TagInput } from './components/tag-input/TagInput';
+export { default as TextArea } from './components/text-area/TextArea';
+export { default as Tooltip } from './components/tooltip/Tooltip';
+export { default as Truncation } from './components/truncation/Truncation';
+export { MentionFinderPopupAlignment } from './constants/mentionFinder';
+export { useElementSize } from './hooks/useElementSize';
+export type { BrowserName } from './types/chayns';
+export { ComboBoxDirection } from './types/comboBox';
+export { ContentCardType } from './types/contentCard';
+export { ContextMenuAlignment } from './types/contextMenu';
+export type { FileItem, Image, InternalFileItem, Meta, Video } from './types/file';
+export type { FileInputFileItem } from './types/fileInput';
+export { FilterButtonItemShape, FilterButtonSize } from './types/filterButtons';
+export type { IFilterButtonItem as FilterButtonItem } from './types/filterButtons';
+export type { IListItemRightElements } from './types/list';
+export type { PopupRef } from './types/popup';
+export type { RadioButtonItem } from './types/radioButton';
+export type { ISearchBoxItem as SearchBoxItem, ISearchBoxItems as SearchBoxItems, } from './types/searchBox';
+export type { SelectButtonItem } from './types/selectButton';
+export type { SliderButtonItem } from './types/slider-button';
+export { ClampPosition } from './types/truncation';
+export { getIsTouch } from './utils/environment';
+export { filterFilesByMimeType, getFileAsArrayBuffer, selectFiles } from './utils/fileDialog';
+export { isTobitEmployee } from './utils/isTobitEmployee';
+export { getUsableHeight } from './utils/pageProvider';
+export { uploadFile } from './utils/uploadFile';

package/lib/types/types/chayns.d.ts

@@ -0,0 +1 @@
+export type BrowserName = 'aol' | 'edge' | 'edge-ios' | 'yandexbrowser' | 'kakaotalk' | 'samsung' | 'silk' | 'miui' | 'beaker' | 'edge-chromium' | 'chrome' | 'chromium-webview' | 'phantomjs' | 'crios' | 'firefox' | 'fxios' | 'opera-mini' | 'opera' | 'pie' | 'netfront' | 'ie' | 'bb10' | 'android' | 'ios' | 'safari' | 'facebook' | 'instagram' | 'ios-webview' | 'curl' | 'searchbot' | 'bot' | null | undefined;

package/lib/types/types/colorSchemeProvider.d.ts

@@ -0,0 +1,36 @@
+import { ColorMode } from 'chayns-api';
+export interface DesignSettings {
+    siteId?: string;
+    color: string;
+    secondaryColor?: string;
+    colorMode: ColorMode;
+    fontSize: number;
+    iconStyle: IconStyle;
+    headlineFontId?: number;
+    backgroundType?: number;
+    backgroundColor?: string;
+    headerBarColor?: string;
+    accordionIcon?: number;
+    accordionLines: boolean;
+    cardBorderRadius?: number;
+    cardBackgroundOpacity?: number;
+    cardShadow?: number;
+}
+export declare enum IconStyle {
+    SOLID = 0,
+    REGULAR = 1,
+    LIGHT = 2,
+    DUOTONE = 3,
+    SHARP = 4
+}
+export interface ParagraphFormat {
+    selector: string;
+    fontSizePx?: number;
+    lineHeight?: number;
+    marginBeforePx?: number;
+    marginAfterPx?: number;
+    color?: string;
+    fontId?: number;
+    buttonDesignType?: number;
+    backgroundColor?: string;
+}

package/lib/types/types/comboBox.d.ts

@@ -0,0 +1,8 @@
+export declare enum ComboBoxDirection {
+    BOTTOM = 0,
+    TOP = 1,
+    BOTTOM_LEFT = 2,
+    BOTTOM_RIGHT = 3,
+    TOP_LEFT = 4,
+    TOP_RIGHT = 5
+}

package/lib/types/types/contentCard.d.ts

@@ -0,0 +1,6 @@
+export declare enum ContentCardType {
+    Default = "default",
+    Error = "error",
+    Success = "success",
+    Warning = "warning"
+}

package/lib/types/types/file.d.ts

@@ -0,0 +1,46 @@
+export type LoadingState = 'uploading' | 'uploaded' | 'none';
+export interface Video {
+    id: string;
+    originalVideoQuality?: string;
+    thumbnailUrl: string;
+    url: string;
+    ratio?: number;
+}
+export interface Image {
+    id?: string;
+    url: string;
+    meta?: Meta;
+    ratio?: number;
+}
+export interface Meta {
+    preview: string;
+    width: string;
+    height: string;
+}
+export interface InternalFileItem {
+    /**
+     * The state will be set in this component
+     */
+    state?: LoadingState;
+    /**
+     * Raw file from select or drag and drop
+     */
+    file?: File;
+    /**
+     * File that is uploaded at any service
+     */
+    uploadedFile?: Video | Image;
+    /**
+     * The ID of the file. If an `uploadedFile` object is provided, the ID is set to the ID of the uploaded file.
+     * If no `uploadedFile` object is provided, a new ID will be generated.
+     */
+    id: string;
+    /**
+     * Preview url of the file
+     */
+    previewUrl?: string;
+}
+export interface FileItem {
+    file: Video | Image;
+    id?: string;
+}

package/lib/types/types/fileInput.d.ts

@@ -0,0 +1,12 @@
+export interface ImageDialogResult {
+    buttonType: number;
+    result?: {
+        url: string;
+        uuid: null | string;
+    };
+}
+export interface FileInputFileItem {
+    id: string;
+    url: string;
+    name?: string;
+}

package/lib/types/types/filterButtons.d.ts

@@ -0,0 +1,16 @@
+import type { CSSProperties } from 'react';
+export declare enum FilterButtonItemShape {
+    Round = 0,
+    Rectangular = 1
+}
+export declare enum FilterButtonSize {
+    Small = 0,
+    Normal = 1
+}
+export interface IFilterButtonItem {
+    id: string;
+    text: string;
+    color?: CSSProperties['color'];
+    icons?: string[];
+    count?: number;
+}

package/lib/types/types/list.d.ts

@@ -0,0 +1,9 @@
+import type { CSSProperties, ReactNode } from 'react';
+export interface IListItemRightElement {
+    bottom?: ReactNode;
+    center?: ReactNode;
+    top?: ReactNode;
+    topAlignment?: CSSProperties['justifyContent'];
+    bottomAlignment?: CSSProperties['justifyContent'];
+}
+export type IListItemRightElements = IListItemRightElement | ReactNode;

package/lib/types/types/popup.d.ts

@@ -0,0 +1,16 @@
+export declare enum PopupAlignment {
+    TopLeft = 0,
+    TopCenter = 1,
+    TopRight = 2,
+    BottomLeft = 3,
+    BottomCenter = 4,
+    BottomRight = 5
+}
+export type PopupCoordinates = {
+    x: number;
+    y: number;
+};
+export type PopupRef = {
+    hide: VoidFunction;
+    show: VoidFunction;
+};

package/lib/types/types/radioButton.d.ts

@@ -0,0 +1,5 @@
+export interface RadioButtonItem {
+    id: string;
+    isChecked: boolean;
+}
+export type RadioButtonRightElementMargin = 'NONE' | 'TOP' | 'BOTTOM' | 'BOTH';

package/lib/types/types/searchBox.d.ts

@@ -0,0 +1,9 @@
+export interface ISearchBoxItems {
+    groupName?: string;
+    list: ISearchBoxItem[];
+}
+export interface ISearchBoxItem {
+    text: string;
+    id: string;
+    imageUrl?: string;
+}

package/lib/types/types/selectButton.d.ts

@@ -0,0 +1,4 @@
+export interface SelectButtonItem {
+    text: string;
+    id: number;
+}

package/lib/types/types/sharingBar.d.ts

@@ -0,0 +1,9 @@
+export interface SharingBarProvider {
+    id: number;
+    providerId: number;
+    name: string;
+    androidIdentifier: string | null;
+    icon: string;
+    url: string | null;
+    available: boolean;
+}

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

@@ -0,0 +1,5 @@
+export interface GetUserSignatureResult {
+    key: string;
+    personId: string;
+    value: string;
+}

package/lib/types/types/slider-button.d.ts

@@ -0,0 +1,4 @@
+export interface SliderButtonItem {
+    id: string;
+    text: string;
+}

package/lib/types/types/tagInput.d.ts

@@ -0,0 +1,4 @@
+export interface Tag {
+    id: string;
+    text: string;
+}

package/lib/types/types/tooltip.d.ts

@@ -0,0 +1,9 @@
+export interface ITooltipItem {
+    headline?: string;
+    text: string;
+    imageUrl?: string;
+    button?: {
+        text: string;
+        onClick: () => void;
+    };
+}

package/lib/types/types/truncation.d.ts

@@ -0,0 +1,5 @@
+export declare enum ClampPosition {
+    Right = 0,
+    Middle = 1,
+    Left = 2
+}

package/lib/types/utils/accordion.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import type { AccordionHeadProps } from '../components/accordion/accordion-head/AccordionHead';
+type GetAccordionHeadHeightOptions = Pick<AccordionHeadProps, 'isWrapped' | 'title'> & {
+    width: number;
+    hasSearch: boolean;
+};
+interface GetAccordionHeadHeightResult {
+    closed: number;
+    open: number;
+}
+export declare const getAccordionHeadHeight: ({ isWrapped, title, width, hasSearch, }: GetAccordionHeadHeightOptions) => GetAccordionHeadHeightResult;
+export declare const getElementClickEvent: (element: ReactNode) => boolean;
+export {};

package/lib/types/utils/amountControl.d.ts

@@ -0,0 +1,7 @@
+interface CheckForValidAmount {
+    amount: number;
+    maxAmount?: number;
+    minAmount: number;
+}
+export declare const checkForValidAmount: ({ amount, maxAmount, minAmount }: CheckForValidAmount) => number;
+export {};

package/lib/types/utils/calculate.d.ts

@@ -0,0 +1,9 @@
+import { ChaynsReactFunctions, ChaynsReactValues } from 'chayns-api';
+import { type CSSProperties } from 'react';
+import type { IComboBoxItem } from '../components/combobox/ComboBox';
+import type { SliderButtonItem } from '../types/slider-button';
+export declare const calculateContentWidth: (list: IComboBoxItem[], functions: ChaynsReactFunctions, values: ChaynsReactValues) => number;
+export declare const calculateBiggestWidth: (elements: SliderButtonItem[]) => number;
+export declare const calculateContentHeight: (elements: string[]) => number;
+export declare const getHeightOfSingleTextLine: () => number;
+export declare const getMaxHeightInPixels: (maxHeight: CSSProperties["maxHeight"], rootElement: HTMLElement) => number;

package/lib/types/utils/checkBox.d.ts

@@ -0,0 +1 @@
+export declare const getCheckBoxPosition: (fontSize: number) => number | undefined;

package/lib/types/utils/debounce.d.ts

@@ -0,0 +1 @@
+export declare const debounce: <F extends (...args: any[]) => any>(func: F, waitFor: number) => (...args: Parameters<F>) => Promise<ReturnType<F>>;

package/lib/types/utils/environment.d.ts

@@ -0,0 +1 @@
+export declare const getIsTouch: () => boolean;

package/lib/types/utils/file.d.ts

@@ -0,0 +1,20 @@
+export declare const hasDuplicate: <T>(items: T[], newItem: T, comparator: (a: T, b: T) => boolean) => boolean;
+interface FilerDuplicateFileOptions {
+    files: File[];
+    newFile: File;
+}
+export declare const filterDuplicateFile: ({ files, newFile }: FilerDuplicateFileOptions) => boolean;
+interface FilterDuplicateFileUrlsOptions {
+    files: string[];
+    newFile: string;
+}
+export declare const filterDuplicateFileUrls: ({ files, newFile }: FilterDuplicateFileUrlsOptions) => boolean;
+export declare const getHumanSize: (bytes: number) => string;
+interface IsValidFileTypeOptions {
+    file: File;
+    types: string;
+}
+export declare const isValidFileType: ({ types, file }: IsValidFileTypeOptions) => boolean;
+export declare const MIME_TYPE_MAPPING: Record<string, string>;
+export declare const getIconByMimeType: (mimeType?: string) => string;
+export {};

package/lib/types/utils/fileDialog.d.ts

@@ -0,0 +1,9 @@
+interface SelectFilesOptions {
+    type?: string;
+    multiple: boolean;
+    maxFileSizeInMB?: number;
+}
+export declare const selectFiles: ({ type, multiple, maxFileSizeInMB, }: SelectFilesOptions) => Promise<File[]>;
+export declare const filterFilesByMimeType: (files: FileList | File[], mimeTypes: string) => FileList | File[];
+export declare const getFileAsArrayBuffer: (file: File) => Promise<string | ArrayBuffer>;
+export {};

package/lib/types/utils/font.d.ts

@@ -0,0 +1,8 @@
+import { IconStyle, type ParagraphFormat } from '../types/colorSchemeProvider';
+export declare const convertIconStyle: (iconStyle: IconStyle) => "fa-solid" | "fa-duotone" | "fa-sharp" | "fa-light" | "fa-regular";
+export declare const getFontSize: () => string;
+export declare const getHeadlineColorSelector: (data: ParagraphFormat[]) => {
+    themeResult: {
+        [key: string]: string;
+    };
+};

package/lib/types/utils/isTobitEmployee.d.ts

@@ -0,0 +1 @@
+export declare const isTobitEmployee: () => Promise<boolean>;

package/lib/types/utils/numberInput.d.ts

@@ -0,0 +1,23 @@
+interface ParseFloatWithDecimals {
+    ({ stringValue, decimals }: {
+        stringValue: string;
+        decimals?: number;
+    }): number;
+}
+export declare const parseFloatWithDecimals: ParseFloatWithDecimals;
+interface FormateNumberOptions {
+    number: number | string | null;
+    isMoneyInput?: boolean;
+    isTimeInput?: boolean;
+}
+export declare const formateNumber: ({ number, isMoneyInput, isTimeInput }: FormateNumberOptions) => string;
+interface IsValidString {
+    (config: {
+        string: string;
+        isDecimalInput?: boolean;
+        isMoneyInput?: boolean;
+        isTimeInput?: boolean;
+    }): boolean;
+}
+export declare const isValidString: IsValidString;
+export {};

package/lib/types/utils/pageProvider.d.ts

@@ -0,0 +1,2 @@
+export declare const getUsableHeight: () => Promise<number>;
+export declare const useUsableHeight: () => number;

package/lib/types/utils/radioButton.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from 'react';
+export declare const getRadioButtonOrder: (children: ReactNode) => string[];

package/lib/types/utils/searchBox.d.ts

@@ -0,0 +1,8 @@
+import type { ISearchBoxItem } from '../types/searchBox';
+export declare const getCurrentGroupName: (element: HTMLElement) => string;
+interface SearchListOptions {
+    items: ISearchBoxItem[];
+    searchString: string;
+}
+export declare const searchList: ({ searchString, items }: SearchListOptions) => ISearchBoxItem[];
+export {};

package/lib/types/utils/sharingBar.d.ts

@@ -0,0 +1,3 @@
+export declare const copyToClipboard: (link: string) => void;
+export declare const shareWithApp: (link: string) => void;
+export declare const shareWithUrl: (link: string) => void;

package/lib/types/utils/slider.d.ts

@@ -0,0 +1,30 @@
+import type { Theme } from '../components/color-scheme-provider/ColorSchemeProvider';
+export interface FillSlider {
+    fromSlider: HTMLInputElement;
+    toSlider: HTMLInputElement;
+    fromValue?: number;
+    toValue?: number;
+    theme: Theme;
+}
+export declare const fillSlider: ({ fromSlider, toSlider, theme, fromValue, toValue }: FillSlider) => void;
+interface CalculateGradientOffset {
+    value: number;
+    min: number;
+    max: number;
+    thumbWidth: number;
+    containerWidth: number;
+}
+export declare const calculateGradientOffset: ({ value, min, max, thumbWidth, containerWidth, }: CalculateGradientOffset) => number;
+interface GetThumbMaxWidthOptions {
+    maxNumber: number;
+    thumbLabelFormatter?: (value: number) => string;
+}
+interface CalculatePopupPositionOptions {
+    sliderValue: number;
+    min: number;
+    max: number;
+    popupWidth: number;
+}
+export declare const calculatePopupPosition: ({ sliderValue, min, max, popupWidth, }: CalculatePopupPositionOptions) => number;
+export declare const getThumbMaxWidth: ({ maxNumber, thumbLabelFormatter }: GetThumbMaxWidthOptions) => number;
+export {};

package/lib/types/utils/sliderButton.d.ts

@@ -0,0 +1,20 @@
+import type { AnimationScope } from 'motion/react';
+interface GetNearestPointProps {
+    position: number;
+    snapPoints: number[];
+    scrollLeft: number;
+}
+export declare const getNearestPoint: ({ snapPoints, position, scrollLeft }: GetNearestPointProps) => {
+    nearestIndex: number;
+    nearestPoint: number;
+};
+interface GetThumbPositionProps {
+    scope: AnimationScope;
+    itemWidth: number;
+}
+export declare const getThumbPosition: ({ itemWidth, scope }: GetThumbPositionProps) => {
+    left: number;
+    right: number;
+    middle: number;
+} | undefined;
+export {};

package/lib/types/utils/tooltip.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from 'react';
+export declare const isTextOnlyElement: (element: ReactNode) => boolean;

package/lib/types/utils/truncation.d.ts

@@ -0,0 +1 @@
+export declare const truncateElement: (element: HTMLElement, referenceHeight: number) => void;

package/lib/types/utils/uploadFile.d.ts

@@ -0,0 +1,8 @@
+import type { Image, InternalFileItem, Video } from '../types/file';
+interface UploadFilesOptions {
+    fileToUpload: InternalFileItem;
+    callback: (UploadedFile: Video | Image) => void;
+    shouldUploadImageToSite?: boolean;
+}
+export declare const uploadFile: ({ fileToUpload, callback, shouldUploadImageToSite, }: UploadFilesOptions) => Promise<void>;
+export {};