@kwantis-id3/frontend-library 0.19.0 → 0.20.0

package/dist/index.d.ts

@@ -1,230 +0,0 @@
-/// <reference types="react" />
-import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
-import * as React$1 from 'react';
-import React__default from 'react';
-import { Interpolation, CreateStyled as CreateStyled$1, CreateStyledComponent, FilteringStyledOptions, StyledOptions } from '@emotion/styled';
-import { Theme, PropsOf } from '@emotion/react';
-
-interface Color {
-    main: string;
-    contrastText: string;
-}
-interface ThemeColorsObject {
-    primary: Color;
-    secondary: Color;
-    tertiary: Color;
-    statusOk: Color;
-    statusWarning: Color;
-    statusCritical: Color;
-    statusNeutral: Color;
-}
-type ThemeContextProps = {
-    colors: ThemeColorsObject;
-};
-interface Nothing {
-}
-type Union<T, U> = T | (U & Nothing);
-type ThemeColors = keyof ThemeColorsObject;
-type ThemeColorsExtended = Union<ThemeColors, string>;
-type ThemeProperties = {
-    colors: ThemeColorsObject;
-    /**
-     *
-     * @param color one of the theme keys, a path to a specific color in the theme, OR a string representing a color (hex, rgb, hsl, etc)
-     * @returns a valid color object. If color is not valid, will return the primary color.
-     */
-    getColor: (color: ThemeColorsExtended) => Color;
-};
-declare const ThemeContextProvider: (props: React__default.PropsWithChildren<{
-    theme?: ThemeContextProps;
-}>) => JSX.Element;
-declare const useThemeContext: () => ThemeProperties;
-
-type ButtonVariants = "contained" | "outlined" | "text";
-type ButtonProps = {
-    color?: ThemeColorsExtended;
-    type?: "button" | "submit" | "reset";
-    sx?: Interpolation<Theme>;
-    variant?: ButtonVariants;
-    onClick?: () => void;
-    className?: string;
-    htmlId?: string;
-    disabled?: boolean;
-    children?: React$1.ReactNode;
-};
-declare const Button: (props: ButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-type AccordionProps = {
-    title: string;
-    children: React__default.ReactNode;
-    customTrigger?: React__default.ReactNode;
-    color?: ThemeColorsExtended;
-    iconColor?: ThemeColorsExtended;
-    dividerColor?: ThemeColorsExtended;
-    hideIcon?: boolean;
-    hideDivider?: boolean;
-    isOpen?: boolean;
-    isLazy?: boolean;
-    onClick?: () => void;
-    onOpen?: () => void;
-    onClose?: () => void;
-    sx?: Interpolation<Theme>;
-};
-declare const Accordion: (props: AccordionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-type TInputType = "text" | "number" | "password" | "email" | "image" | "search" | "tel" | "url" | "date" | "datetime-local" | "month" | "week" | "time" | "color";
-interface TextFieldProps {
-    value?: string | number;
-    name?: string;
-    onChange?: (value: string) => void;
-    placeholder?: string;
-    htmlId?: string;
-    containerClassName?: string;
-    className?: string;
-    isDisabled?: boolean;
-    color?: ThemeColorsExtended;
-    required?: boolean;
-    pattern?: string;
-    readonly?: boolean;
-    autoFocus?: boolean;
-    list?: string;
-    type?: TInputType;
-}
-declare const InputField: (props: TextFieldProps) => JSX.Element;
-
-interface SingleSelectProps<Option = {
-    label: string;
-    value: string;
-}> {
-    options: Option[];
-    onChange?: (option: Option | null) => void;
-    value?: Option | null;
-    name?: string;
-    placeholder?: string;
-    isDisabled?: boolean;
-    isClearable?: boolean;
-    isSearchable?: boolean;
-    isOptionDisabled?: (option: Option) => boolean;
-    isLoading?: boolean;
-    color?: ThemeColorsExtended;
-    containerId?: string;
-    htmlId?: string;
-    className?: string;
-    menuPosition?: "fixed" | "absolute";
-    required?: boolean;
-}
-declare const SingleSelect: <Option>(props: SingleSelectProps<Option>) => JSX.Element;
-
-interface MultiSelectProps<Option = {
-    label: string;
-    value: string;
-}> {
-    options: Option[];
-    onChange?: (option: Option[] | null) => void;
-    value?: readonly Option[] | null;
-    name?: string;
-    placeholder?: string;
-    isDisabled?: boolean;
-    isClearable?: boolean;
-    isSearchable?: boolean;
-    isOptionDisabled?: (option: Option) => boolean;
-    isLoading?: boolean;
-    color?: ThemeColorsExtended;
-    containerId?: string;
-    htmlId?: string;
-    className?: string;
-    menuPosition?: "fixed" | "absolute";
-    required?: boolean;
-}
-declare const MultiSelect: <Option>(props: MultiSelectProps<Option>) => JSX.Element;
-
-type SliderProps = {
-    values: number[];
-    min?: number;
-    max?: number;
-    onChange: (values: number[]) => void;
-    onFinalChange?: (values: number[]) => void;
-    color?: ThemeColorsExtended;
-    unselectedColor?: ThemeColorsExtended;
-    thumbColor?: ThemeColorsExtended;
-    htmlId?: string;
-    className?: string;
-    showThumbValue?: boolean;
-    autoCalculateMinMax?: boolean;
-    step?: number;
-    disabled?: boolean;
-    allowOverlap?: boolean;
-};
-declare const Slider: (props: SliderProps) => JSX.Element;
-
-type DropdownItem = {
-    value: string;
-    color?: ThemeColorsExtended;
-    textColor?: string;
-    children?: DropdownItem[];
-    onClick?: () => void;
-};
-type DropdownProps = {
-    content: DropdownItem[];
-    trigger: React__default.ReactNode;
-    color?: ThemeColorsExtended;
-    hoverColor?: ThemeColorsExtended;
-    direction?: "left" | "right";
-    mobileBreakpoint?: number;
-};
-declare const Dropdown: (props: DropdownProps) => JSX.Element;
-
-interface ModalProps {
-    children: React__default.ReactNode;
-    isOpen: boolean;
-    setIsOpen: (isOpen: boolean) => void;
-    onClose?: () => void;
-}
-declare const Modal: React__default.FC<ModalProps>;
-
-/**
- * Hook to check if the screen is mobile. The default breakpoint is 768px.
- * @param {number=} mobileBreakpoint breakpoint width to check against
- * @returns boolean
- */
-declare const useIsMobile: (mobileBreakpoint?: number) => boolean;
-
-declare const transientOptions: Parameters<CreateStyled$1>[1];
-
-type StyledTags = {
-    [Tag in keyof JSX.IntrinsicElements]: CreateStyledComponent<{
-        theme?: ThemeContextProps;
-        as?: React.ElementType;
-    }, JSX.IntrinsicElements[Tag]>;
-};
-interface BaseCreateStyled {
-    <C extends React.ComponentClass<React.ComponentProps<C>>, ForwardedProps extends keyof React.ComponentProps<C> & string = keyof React.ComponentProps<C> & string>(component: C, options: FilteringStyledOptions<React.ComponentProps<C>, ForwardedProps>): CreateStyledComponent<Pick<PropsOf<C>, ForwardedProps> & {
-        theme?: ThemeContextProps;
-    }, {}, {
-        ref?: React.Ref<InstanceType<C>>;
-    }>;
-    <C extends React.ComponentClass<React.ComponentProps<C>>>(component: C, options?: StyledOptions<React.ComponentProps<C>>): CreateStyledComponent<PropsOf<C> & {
-        theme?: ThemeContextProps;
-    }, {}, {
-        ref?: React.Ref<InstanceType<C>>;
-    }>;
-    <C extends React.ComponentType<React.ComponentProps<C>>, ForwardedProps extends keyof React.ComponentProps<C> & string = keyof React.ComponentProps<C> & string>(component: C, options: FilteringStyledOptions<React.ComponentProps<C>, ForwardedProps>): CreateStyledComponent<Pick<PropsOf<C>, ForwardedProps> & {
-        theme?: ThemeContextProps;
-    }>;
-    <C extends React.ComponentType<React.ComponentProps<C>>>(component: C, options?: StyledOptions<React.ComponentProps<C>>): CreateStyledComponent<PropsOf<C> & {
-        theme?: ThemeContextProps;
-    }>;
-    <Tag extends keyof JSX.IntrinsicElements, ForwardedProps extends keyof JSX.IntrinsicElements[Tag] & string = keyof JSX.IntrinsicElements[Tag] & string>(tag: Tag, options: FilteringStyledOptions<JSX.IntrinsicElements[Tag], ForwardedProps>): CreateStyledComponent<{
-        theme?: ThemeContextProps;
-        as?: React.ElementType;
-    }, Pick<JSX.IntrinsicElements[Tag], ForwardedProps>>;
-    <Tag extends keyof JSX.IntrinsicElements>(tag: Tag, options?: StyledOptions<JSX.IntrinsicElements[Tag]>): CreateStyledComponent<{
-        theme?: ThemeContextProps;
-        as?: React.ElementType;
-    }, JSX.IntrinsicElements[Tag]>;
-}
-interface CreateStyled extends BaseCreateStyled, StyledTags {
-}
-declare const styled: CreateStyled;
-
-export { Accordion, AccordionProps, Button, ButtonProps, Dropdown, DropdownItem, DropdownProps, InputField, Modal, MultiSelect, MultiSelectProps, SingleSelect, SingleSelectProps, Slider, SliderProps, TInputType, ThemeColors, ThemeColorsObject, ThemeContextProps, ThemeContextProvider, styled, transientOptions, useIsMobile, useThemeContext };