@cagatayfdn/flora-components 0.0.73 → 0.0.75

package/dist/index.d.mts

@@ -0,0 +1,1351 @@
+/// <reference types="react" />
+
+import { AxiosError } from 'axios';
+import { ChartProps } from 'react-chartjs-2';
+import { CustomLocale } from 'flatpickr/dist/types/locale';
+import { DateLimit } from 'flatpickr/dist/types/options';
+import { DateOption } from 'flatpickr/dist/types/options';
+import dayjs from 'dayjs';
+import { Dispatch as Dispatch_2 } from 'react';
+import { FC } from 'react';
+import { FieldError } from 'react-hook-form';
+import i18n from 'i18next';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { LegendItem } from 'chart.js';
+import { LinkProps } from 'react-router-dom';
+import { MouseEvent as MouseEvent_2 } from 'react';
+import NiceModal from '@ebay/nice-modal-react';
+import { NiceModalHocProps } from '@ebay/nice-modal-react';
+import { default as React_2 } from 'react';
+import { ReactNode } from 'react';
+import { SelectItemRenderer } from 'react-dropdown-select';
+import { SelectRenderer } from 'react-dropdown-select';
+import { SetStateAction } from 'react';
+import { TFunction } from 'i18next';
+import { TFunctionResult } from 'i18next';
+
+export declare const Accordion: ({ children, className, }: AccordionProps) => JSX.Element;
+
+export declare const AccordionItem: ({ children, title, isVisible, className, onClick, customItemRenderer, }: AccordionItemProps) => JSX.Element;
+
+export declare type AccordionItemProps = {
+    title?: ReactNode;
+    children: ReactNode;
+    customItemRenderer?: (isOpen: boolean) => ReactNode;
+    isVisible: boolean;
+    className?: string;
+    onClick?: (value: boolean) => void;
+};
+
+declare type AccordionProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare function ActionButton({ items, isDisabled }: ActionButtonProps): JSX_2.Element;
+
+export declare type ActionButtonItems = {
+    text: string;
+    icon: Icons;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+};
+
+export declare type ActionButtonProps = {
+    items: ActionButtonItems[];
+    isDisabled?: boolean;
+};
+
+declare type Actiontype = {
+    type: 'login_pending';
+} | {
+    type: 'active_user_success';
+    payload: UserEntity_2;
+} | {
+    type: 'login_failure';
+    payload: any;
+} | {
+    type: 'active_user_failure';
+    payload: any;
+} | {
+    type: 'register_pending';
+} | {
+    type: 'register_failure';
+    payload: any;
+} | {
+    type: 'no_active_user';
+} | {
+    type: 'signout';
+};
+
+export declare const AlertCard: ({ description, onClose, appearence, }: AlertCardProps) => JSX_2.Element;
+
+declare type AlertCardProps = {
+    description: string | JSX_2.Element;
+    appearence?: AppearanceAlertCard;
+    onClose?: () => void;
+};
+
+export declare type AnchorProps = {
+    index: number;
+    title: string;
+    customIndexItem?: any;
+};
+
+export declare enum AppAndServicesStatusApperenceType {
+    ADDONS_INITIALIZING = "addons_initializing",
+    ADDONS_ADDONS_INITILIZATION_FAILED = "addons_initialization_failed",
+    DEPLOYING = "deploying",
+    FAILED = "failed",
+    DEPLOYED = "deployed",
+    INITIALIZING = "initializing",
+    INITIALIZING_FAILED = "initialization_failed",
+    QUEUEING = "queueing",
+    QUEUED = "queued"
+}
+
+export declare enum AppearanceAlertCard {
+    DANGER = "danger",
+    WARNING = "warning"
+}
+
+export declare enum AppearanceButton {
+    LINK = "link",
+    DEFAULT = "default",
+    PRIMARY = "primary",
+    DANGER = "danger",
+    SUCCESS = "success",
+    WARNING = "warning",
+    DARK = "dark"
+}
+
+export declare enum AppearanceDirection {
+    TOP = "top",
+    RIGHT = "right",
+    BOTTOM = "bottom",
+    LEFT = "left"
+}
+
+export declare enum AppearanceSpinner {
+    LIGHT = "light",
+    DARK = "dark",
+    LIGHT_FULL = "light_full",
+    DARK_FULL = "darkFull"
+}
+
+export declare enum AppearanceTag {
+    DANGER = "danger",
+    SUCCESS = "success",
+    WARNING = "warning"
+}
+
+export declare enum ApplicationTypeSlug {
+    COMMERCE = "commerce",
+    ZERO = "zero",
+    DEMO_AKINON_ZERO = "demo-akinon-zero",
+    INSTORE = "instore",
+    SALES_CHANNEL = "sales-channel",
+    BI_TOOL = "bi-tool",
+    OMNITRON_FRONTEND = "omnitron-frontend",
+    OMS = "oms",
+    EXTENSION = "extension",
+    SELLER_CENTER_FRONTEND = "seller_center_fe",
+    SELLER_CENTER_BACKEND = "seller_center_be",
+    OMNITRON = "omnitron"
+}
+
+export declare enum AppTypeEnum {
+    SERVICE = "service",
+    APPLICATION = "application"
+}
+
+declare type AuthContextType = [state: State & {
+    token?: string;
+}, dispatch: Dispatch];
+
+export declare const AuthProvider: (props: {
+    children: React_2.ReactNode;
+}) => JSX_2.Element;
+
+export declare const Autocomplete: (props: AutocompleteProps) => JSX.Element;
+
+export declare type AutocompleteProps = {
+    items: OptionItem[];
+} & InputProps;
+
+declare function Bar({ data, options }: BarProps): JSX_2.Element;
+
+export declare type BarChartProps = ChartProps<'bar', number[], unknown>;
+
+declare type BarProps = {
+    options?: BarChartProps['options'];
+    data: BarChartProps['data'];
+};
+
+export declare type BreadcrumbProps = {
+    name: string;
+    route: string;
+    state?: any;
+};
+
+export declare const Button: ({ children, size, isLoading, isDisabled, isBlock, noBorder, noBackground, round, isSolid, isPill, type, focus, className, prefixIcon, appearance, onClick, }: ButtonProps) => JSX.Element;
+
+export declare type ButtonProps = {
+    children: ReactNode;
+    appearance?: AppearanceButton;
+    size?: Size;
+    type?: 'submit' | 'button';
+    className?: string;
+    autoFocus?: boolean;
+    isBlock?: boolean;
+    isLoading?: boolean;
+    noBackground?: boolean;
+    round?: boolean;
+    isDisabled?: boolean;
+    focus?: boolean;
+    isPill?: boolean;
+    noBorder?: boolean;
+    isSolid?: boolean;
+    prefixIcon?: Icons;
+} & Omit<EventProps<HTMLButtonElement>, 'onKeyPress' | 'onKeyUp' | 'onKeydown' | 'onChange'>;
+
+declare type CanProps = {
+    permItem: PermItem;
+    permType: PermItem | PermItem[];
+    children: ReactNode;
+    fallback?: JSX_2.Element | null;
+    pk?: string;
+    byPass?: boolean;
+};
+
+export declare const Card: (props: CardProps) => JSX.Element;
+
+export declare type CardProps = {
+    children?: ReactNode;
+    icon?: Icons;
+    bgColor?: string;
+    title?: string;
+    description?: string | ReactNode;
+};
+
+export declare const changeLanguage: (user: any, t: TFunction) => void;
+
+export declare const Chart: {
+    Bar: typeof Bar;
+    Pie: typeof Pie;
+    Line: typeof Line;
+    Legends: typeof Legends;
+};
+
+export declare const Checkbox: React_2.ForwardRefExoticComponent<{
+    id?: string | undefined;
+    label?: string | undefined;
+    labelAppearance?: FormFieldAppearance | undefined;
+    className?: string | undefined;
+    wrapperClassName?: string | undefined;
+    checked?: boolean | undefined;
+    isInline?: boolean | undefined;
+} & FormElementProps & Pick<EventProps<HTMLInputElement>, "onClick" | "onChange" | "onFocus"> & React_2.RefAttributes<HTMLInputElement>>;
+
+export declare type CheckboxProps = {
+    id?: string;
+    label?: string;
+    labelAppearance?: FormFieldAppearance;
+    className?: string;
+    wrapperClassName?: string;
+    checked?: boolean;
+    isInline?: boolean;
+} & FormElementProps & Pick<EventProps<HTMLInputElement>, 'onChange' | 'onFocus' | 'onClick'>;
+
+export declare const CLIENT_DATE_AND_TIME_FORMAT = "DD MMMM YYYY HH:mm";
+
+export declare const CLIENT_DATE_AND_TIME_SHORT_FORMAT = "DD MMM YY HH:mm";
+
+export declare const CLIENT_DATE_COMPARE_FORMAT = "DD-MM-YYYY";
+
+export declare const CLIENT_DATE_FILTER_FORMAT = "YYYY-MM-DD";
+
+export declare const CLIENT_DATE_SHORT_FORMAT = "DD MMM YYYY";
+
+export declare const CLIENT_TIME_FORMAT = "HH:mm";
+
+export declare const CLIENT_TIME_FORMAT_PICKER = "H:i";
+
+export declare const Column: ({ children, auto, size, sm, md, lg, xl, className, }: ColumnProps) => JSX.Element;
+
+export declare type ColumnProps = {
+    children: ReactNode;
+    auto?: boolean;
+    size?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+    className?: string;
+};
+
+export declare type ColumnsType = {
+    title: ReactNode;
+    dataIndex: string;
+    key?: string;
+    width?: string | number;
+    className?: string;
+    tdClassName?: string;
+    onClick?: (e: any, item: any, colItem: any, index: any) => void;
+    render?: (property: any, row: any) => void;
+};
+
+export declare function Config({ config, scrollProps }: ConfigProps): JSX_2.Element;
+
+declare function Config({ config, scrollProps }: ConfigProps): JSX_2.Element;
+
+declare type Config_2 = {
+    [key: string]: any;
+};
+
+export declare type ConfigProps = {
+    config: Config_2;
+    scrollProps?: Omit<React_2.ComponentProps<typeof ScrollContainer>, 'children'>;
+};
+
+export declare const Confirm: FC<ConfirmProps & NiceModalHocProps>;
+
+export declare type ConfirmProps = {
+    id: string;
+    onClose?: () => void;
+    okBtnCallback: () => void;
+    description: ReactNode;
+    descriptionClassName?: string;
+    isLoading?: boolean;
+    appearence?: ThemeAppearance;
+    title?: string;
+    okBtnText?: string;
+    cancelBtnText?: string;
+};
+
+export declare const ContentHeader: (props: ContentHeaderProps) => JSX_2.Element;
+
+export declare type ContentHeaderProps = {
+    title?: string | ReactNode | TFunctionResult;
+    leftComponent?: ReactNode;
+    rightClassName?: string;
+    leftClassName?: string;
+    titleWrapperClassName?: string;
+    titleClassName?: string;
+    description?: string;
+    component?: ReactNode;
+    isActiveBorder?: boolean;
+    isLoading?: boolean;
+};
+
+export declare const ContentLoader: () => JSX.Element;
+
+export declare enum CopyTextStatusEnum {
+    SUCCESS = "success",
+    ERROR = "error"
+}
+
+export declare function Countdown({ seconds, reset, onEnd }: CountdownProps): JSX_2.Element;
+
+export declare type CountdownProps = {
+    seconds: number;
+    reset?: any;
+    onEnd?: () => void;
+};
+
+export declare const createConnectedService: (projects: Record<string, any>[], isFlex?: boolean) => JSX_2.Element[] | undefined;
+
+export declare type CustomItemProps = {
+    item: OptionProps;
+};
+
+export declare type CustomLinkProps = {
+    to: LinkProps['to'];
+} & AnchorProps;
+
+export declare const DateFormats: {
+    SERVER_DATE_FORMAT: string;
+    SERVER_DATE_AND_TIME_FORMAT: string;
+    CLIENT_DATE_SHORT_FORMAT: string;
+    CLIENT_DATE_COMPARE_FORMAT: string;
+    CLIENT_DATE_AND_TIME_FORMAT: string;
+    CLIENT_DATE_AND_TIME_SHORT_FORMAT: string;
+    CLIENT_DATE_FILTER_FORMAT: string;
+    CLIENT_TIME_FORMAT_PICKER: string;
+    CLIENT_TIME_FORMAT: string;
+    MIN_DATE_TODAY: Date;
+    MIN_DATE_TOMORROW: Date;
+};
+
+export declare const Datepicker: React_2.ForwardRefExoticComponent<{
+    format?: string | undefined;
+    mode?: "single" | "multiple" | "range" | "time" | "datetime" | undefined;
+    hasShortFormat?: boolean | undefined;
+    isFormGroup?: boolean | undefined;
+    minDate?: string | Date | undefined;
+    maxDate?: string | Date | undefined;
+    time?: boolean | undefined;
+    value?: any;
+    disable?: any;
+    enable?: DateLimit<DateOption>[] | undefined;
+    onChange?: ((s: any) => void) | undefined;
+    onClose?: ((s: any) => void) | undefined;
+} & Omit<InputProps, "onChange" | "value"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare type DatepickerProps = {
+    format?: string;
+    mode?: 'single' | 'multiple' | 'range' | 'time' | 'datetime';
+    hasShortFormat?: boolean;
+    isFormGroup?: boolean;
+    minDate?: string | Date;
+    maxDate?: string | Date;
+    time?: boolean;
+    value?: any;
+    disable?: any;
+    enable?: DateLimit<DateOption>[];
+    onChange?: (s: any) => void;
+    onClose?: (s: any) => void;
+} & Omit<InputProps, 'onChange' | 'value'>;
+
+export declare interface DateRange {
+    from: Date | undefined;
+    to: Date | undefined;
+}
+
+export { dayjs }
+
+declare type Dispatch = React_2.Dispatch<Actiontype>;
+
+export declare const Divider: ({ appearance, className, margin, }: DividerProps) => JSX.Element;
+
+export declare enum DividerAppearance {
+    LIGHT = "light",
+    GREY = "grey"
+}
+
+export declare type DividerProps = {
+    appearance?: DividerAppearance;
+    className?: string;
+    margin?: string;
+};
+
+export declare type DropdownItemType = {
+    text: string;
+    to?: string;
+    icon?: Icons;
+    className?: string;
+    disabled?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+};
+
+export declare const DropdownList: ({ buttonChild, items, footerItem, className, title, titleClass, event, size, isDisabled, }: DropdownListProps) => JSX.Element;
+
+export declare type DropdownListProps = {
+    buttonChild: ReactNode;
+    footerItem?: ReactNode;
+    items: DropdownItemType[];
+    className?: string;
+    title?: string;
+    titleClass?: string;
+    event?: 'click' | 'hover';
+    size?: 'sm' | 'md' | 'lg';
+    isDisabled?: boolean;
+};
+
+export declare interface EventProps<T = HTMLElement> {
+    onClick?: (e: React.MouseEvent<T>) => void;
+    onFocus?: (e: React.FocusEvent<T>) => void;
+    onBlur?: (e: React.FocusEvent<T>) => void;
+    onChange?: (e: React.ChangeEvent<T>) => void;
+    onKeyPress?: (e: React.KeyboardEvent<T>) => void;
+    onKeyUp?: (e: React.KeyboardEvent<T>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<T>) => void;
+    onMouseDown?: (e: React.MouseEventHandler<T>) => void;
+    onMouseUp?: (e: React.MouseEventHandler<T>) => void;
+    onMouseEnter?: (e: React.MouseEventHandler<T>) => void;
+    onMouseLeave?: (e: React.MouseEventHandler<T>) => void;
+    onInvalid?: (e: React.FormEvent<T>) => void;
+}
+
+export declare const FileUpload: React_2.ForwardRefExoticComponent<{
+    type?: "number" | "email" | "search" | "text" | "url" | "tel" | "password" | "hidden" | undefined;
+    id?: string | undefined;
+    info?: string | undefined;
+    accept?: "image/png, image/jpeg" | undefined;
+    size?: Size | undefined;
+    multiple?: boolean | undefined;
+    className?: string | undefined;
+    appearance?: FormFieldAppearance | undefined;
+    height?: "40" | "80" | undefined;
+    autoComplete?: string | undefined;
+    wrapperClassName?: string | undefined;
+    description?: string | undefined;
+    value?: any;
+    fileName?: string | undefined;
+    required?: boolean | undefined;
+    onChange?: ((event: any) => void) | undefined;
+} & Omit<FormElementProps, "value"> & Omit<EventProps<HTMLInputElement>, "onChange" | "onMouseDown" | "onMouseUp" | "onMouseEnter" | "onMouseLeave"> & React_2.RefAttributes<HTMLInputElement>>;
+
+export declare const FileUploadImagePreview: ({ onClose, src }: ImagePreviewProps) => JSX_2.Element;
+
+export declare const FileUploadLengthCard: ({ count, onCardClick }: LengthCardProps) => JSX_2.Element;
+
+export declare const FileUploadPreviewModal: ({ imagePaths, onClose, onDelete }: PreviewModalProps) => JSX_2.Element;
+
+export declare type FileUploadProps = {
+    type?: 'text' | 'url' | 'number' | 'tel' | 'password' | 'email' | 'search' | 'hidden';
+    id?: string;
+    info?: string;
+    accept?: 'image/png, image/jpeg';
+    size?: Size;
+    multiple?: boolean;
+    className?: string;
+    appearance?: FormFieldAppearance;
+    height?: '40' | '80';
+    autoComplete?: string;
+    wrapperClassName?: string;
+    description?: string;
+    value?: any;
+    fileName?: string;
+    required?: boolean;
+    onChange?: (event: any) => void;
+} & Omit<FormElementProps, 'value'> & Omit<EventProps<HTMLInputElement>, 'onMouseUp' | 'onMouseDown' | 'onMouseEnter' | 'onMouseLeave' | 'onChange'>;
+
+export declare interface FormElementProps {
+    name: string;
+    placeholder?: string;
+    label?: ReactNode;
+    error?: FieldError;
+    readOnly?: boolean;
+    isDisabled?: boolean;
+    maxLength?: number;
+    autoFocus?: boolean;
+    value?: string | number;
+}
+
+export declare enum FormFieldAppearance {
+    LIGHT = "light",
+    DARK = "dark",
+    MORE_DARK = "more_dark"
+}
+
+export declare type FormKeys = FormSubset<formKeys>;
+
+declare type formKeys = Record<string, string>;
+
+export declare type FormLabels = Labels<formKeys>;
+
+export declare type FormSubset<T extends Record<string, any>> = {
+    [K in keyof T]?: K extends formKeys ? T[K] : string | boolean | number | OptionItem;
+};
+
+export declare const friendlyDate: (v: any, mode?: "single" | "multiple" | "range" | "time" | "datetime", shortFormat?: boolean) => any;
+
+export declare const getAuth: ({ permType, user, permItem }: GetAuthProps) => boolean;
+
+declare type GetAuthProps = {
+    permItem: PermItem;
+    permType: PermItem | PermItem[];
+    pk?: string;
+    user: UserEntity | null | undefined;
+};
+
+export declare function getCurrentLanguage(): string;
+
+export declare function getDatepickerLocale(): "en" | CustomLocale;
+
+export declare const Heading: React_2.FC<HeadingProps>;
+
+export declare type HeadingProps = {
+    level?: number;
+    className?: string;
+    children: React_2.ReactNode;
+};
+
+export { i18n }
+
+export declare const Icon: (props: IconProps) => JSX.Element;
+
+export declare type IconProps = {
+    id?: string;
+    name: IconsId;
+    isDisabled?: boolean;
+    onClick?: (e: MouseEvent_2<HTMLElement>) => void;
+    style?: any;
+    className?: string;
+};
+
+declare enum Icons {
+    Applications = "applications",
+    Attach = "attach",
+    Attachment = "attachment",
+    Billing = "billing",
+    Box = "box",
+    Calendar = "calendar",
+    Cart = "cart",
+    Certificate = "certificate",
+    Check = "check",
+    ChevronLeft = "chevron-left",
+    ChevronRight = "chevron-right",
+    CircleMinus = "circle-minus",
+    CirclePlus = "circle-plus",
+    Clock = "clock",
+    Close = "close",
+    Copy = "copy",
+    CreditCard = "credit-card",
+    Document = "document",
+    DomainRegistration = "domain-registration",
+    Domains = "domains",
+    DownArrow = "down-arrow",
+    DownSquare = "down-square",
+    Down = "down",
+    Download = "download",
+    EditOutline = "edit-outline",
+    Edit = "edit",
+    Email = "email",
+    Environment = "environment",
+    ErrorFill = "error-fill",
+    Error = "error",
+    FileTextOutlined = "fileTextOutlined",
+    Info = "info",
+    Install = "install",
+    Link = "link",
+    Log = "log",
+    MenuClose = "menu-close",
+    MenuOpen = "menu-open",
+    Monitoring = "monitoring",
+    Network = "network",
+    NoResults = "no-results",
+    NotEdit = "not-edit",
+    Path = "path",
+    Plus = "plus",
+    Preview = "preview",
+    Profile = "profile",
+    ProjectList = "project-list",
+    Projects = "projects",
+    Reload = "reload",
+    Retry = "retry",
+    Search = "search",
+    Settings = "settings",
+    Support = "support",
+    Trash = "trash",
+    Users = "users",
+    Warning = "warning"
+}
+
+declare type IconsId = 'applications' | 'attach' | 'attachment' | 'billing' | 'box' | 'calendar' | 'cart' | 'certificate' | 'check' | 'chevron-left' | 'chevron-right' | 'circle-minus' | 'circle-plus' | 'clock' | 'close' | 'copy' | 'credit-card' | 'document' | 'domain-registration' | 'domains' | 'down-arrow' | 'down-square' | 'down' | 'download' | 'edit-outline' | 'edit' | 'email' | 'environment' | 'error-fill' | 'error' | 'fileTextOutlined' | 'info' | 'install' | 'link' | 'log' | 'menu-close' | 'menu-open' | 'monitoring' | 'network' | 'no-results' | 'not-edit' | 'path' | 'plus' | 'preview' | 'profile' | 'project-list' | 'projects' | 'reload' | 'retry' | 'search' | 'settings' | 'support' | 'trash' | 'users' | 'warning';
+
+export declare type ImagePreviewProps = {
+    onClose: () => void;
+    src: string;
+};
+
+export declare function InfiniteScroll({ children, hasMore, height, loadMore, treshold, }: InfiniteScrollProps): JSX.Element;
+
+export declare interface InfiniteScrollProps {
+    className?: string;
+    children?: React.ReactNode;
+    height?: number;
+    treshold?: number;
+    hasMore?: boolean;
+    loadMore: () => void;
+}
+
+export declare const InfoBoxList: ({ items, isLoading, className, }: InfoBoxListProps) => JSX.Element;
+
+export declare type InfoBoxListItem = {
+    label: string;
+    value: ReactNode;
+    copy?: boolean;
+    className?: string;
+};
+
+export declare type InfoBoxListProps = {
+    items: InfoBoxListItem[];
+    isLoading?: boolean;
+    className?: string;
+};
+
+export declare const InfoDate: (props: InfoDateProps) => JSX_2.Element;
+
+export declare interface InfoDateProps {
+    date: string | Date;
+    time?: boolean;
+    fromNow?: boolean | any;
+}
+
+export declare const InfoText: ({ text, className }: InfoTextProps) => JSX_2.Element;
+
+export declare type InfoTextProps = {
+    text: string;
+    className?: string;
+};
+
+export declare const Input: React_2.ForwardRefExoticComponent<{
+    type?: "number" | "email" | "search" | "text" | "url" | "tel" | "password" | "hidden" | undefined;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    suffixClickable?: boolean | undefined;
+    id?: string | undefined;
+    size?: Size | undefined;
+    className?: string | undefined;
+    appearance?: FormFieldAppearance | undefined;
+    autoComplete?: string | undefined;
+    isFormGroup?: boolean | undefined;
+    wrapperClassName?: string | undefined;
+    fieldWrapClassName?: string | undefined;
+    addonAfter?: string | undefined;
+    value?: any;
+    onChange?: ((event: any, value: any) => void) | undefined;
+    required?: boolean | undefined;
+    isRadius?: boolean | undefined;
+    textFillColor?: string | undefined;
+} & Omit<FormElementProps, "value"> & Omit<EventProps<HTMLInputElement>, "onMouseDown" | "onMouseUp" | "onMouseEnter" | "onMouseLeave"> & React_2.RefAttributes<HTMLInputElement>>;
+
+export declare type InputProps = {
+    type?: 'text' | 'url' | 'number' | 'tel' | 'password' | 'email' | 'search' | 'hidden';
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    suffixClickable?: boolean;
+    id?: string;
+    size?: Size;
+    className?: string;
+    appearance?: FormFieldAppearance;
+    autoComplete?: string;
+    isFormGroup?: boolean;
+    wrapperClassName?: string;
+    fieldWrapClassName?: string;
+    addonAfter?: string;
+    value?: any;
+    onChange?: (event: any, value: any) => void;
+    required?: boolean;
+    isRadius?: boolean;
+    textFillColor?: string;
+} & Omit<FormElementProps, 'value'> & Omit<EventProps<HTMLInputElement>, 'onMouseUp' | 'onMouseDown' | 'onMouseEnter' | 'onMouseLeave'>;
+
+export declare enum isActiveColor {
+    inActive = "#4482ff",
+    active = "#3f4b5c"
+}
+
+export declare interface KeyValueParams {
+    [key: string]: string | string[] | number | number[] | undefined | Record<string, unknown>;
+}
+
+export declare const Label: (props: LabelProps) => JSX.Element;
+
+export declare type LabelProps = {
+    children: ReactNode;
+    name?: string;
+    className?: string;
+    appearance?: FormFieldAppearance;
+};
+
+export declare type Labels<FormKeys> = {
+    [K in keyof FormKeys]?: TFunctionResult;
+};
+
+export declare type LayoutProps = {
+    children: ReactNode;
+    breadcrumbs: any[];
+    className?: string;
+    defaultRoute?: string;
+};
+
+declare function Legends({ items, colorMap }: LegendsProps): JSX_2.Element;
+
+declare type LegendsProps = {
+    items: LegendItem[];
+    colorMap: Record<string, string>;
+};
+
+export declare type LengthCardProps = {
+    count: number;
+    onCardClick: () => void;
+};
+
+declare function Line({ data, options, lineRef }: LineProps): JSX_2.Element;
+
+export declare type LineChartProps = ChartProps<'line', any[], unknown>;
+
+declare type LineProps = {
+    options?: LineChartProps['options'];
+    data: LineChartProps['data'];
+    lineRef?: any;
+};
+
+export declare const Loading: ({ className, appearance, layer, wrapperClass, }: LoadingProps) => JSX.Element;
+
+export declare type LoadingProps = {
+    className?: string;
+    wrapperClass?: string;
+    appearance?: AppearanceSpinner;
+    layer?: boolean;
+};
+
+export declare const MenuItem: ({ icon, title, to, visibleTooltip, }: MenuItemProps) => JSX.Element;
+
+export declare type MenuItemProps = {
+    title: string;
+    visibleTooltip: boolean;
+    to?: string;
+    icon?: IconsId;
+};
+
+export declare const MIN_DATE_TODAY: Date;
+
+export declare const MIN_DATE_TOMORROW: Date;
+
+export declare const Modal: (props: ModalProps) => JSX.Element;
+
+export declare enum ModalAppearanceType {
+    DEFAULT = "default",
+    SUCCESS = "success"
+}
+
+export declare type ModalEvents = {
+    onClose: () => void;
+};
+
+export declare type ModalProps = {
+    children: ReactNode;
+    visible?: boolean;
+    title?: string;
+    header?: ReactNode;
+    headerClass?: any;
+    descriptionClass?: any;
+    description?: string;
+    className?: string;
+    appearance?: ThemeAppearance;
+} & ModalEvents;
+
+export declare const NavigatorCard: (props: NavigatorCardProps) => JSX_2.Element;
+
+export declare type NavigatorCardProps = {
+    id: number;
+    to: string;
+    title: string;
+    content: string | Date;
+    icon?: any;
+    iconClassName?: string;
+    serviceCount: number | string;
+    appCount: number | string;
+};
+
+export { NiceModal }
+
+export declare function NoData({ text }: Props): JSX_2.Element;
+
+export declare function NoResult({ text }: Props_2): JSX_2.Element;
+
+declare const Notification_2: (props: NotificationProps) => void;
+export { Notification_2 as Notification }
+
+export declare enum NotificationAppearanceType {
+    INFO = "info",
+    SUCCESS = "success",
+    ERROR = "error",
+    WARNING = "warning",
+    LOADING = "loading"
+}
+
+export declare type NotificationProps = {
+    message: string | ReactNode;
+    type: NotificationAppearanceType;
+    closeTime?: number;
+};
+
+export declare interface OptionItem {
+    value: string | number;
+    label: string;
+    id?: string;
+    rest?: any;
+}
+
+export declare interface OptionProps extends OptionItem {
+    name?: string;
+}
+
+export declare const Pager: (props: PagerProps) => JSX.Element;
+
+export declare type PagerProps = {
+    totalCount: number;
+    currentPage?: number;
+    pageSize?: number;
+    reset?: any;
+    showInput?: boolean;
+    className?: string;
+    onChange?: (pageIndex: number) => void;
+    appearance?: ThemeAppearance;
+};
+
+export declare const PageWrapper: (props: LayoutProps) => JSX.Element;
+
+export declare const Panel: ({ title, children, description, className, type, appearance, headerDescription, headerRightChild, headerClass, hasBorder, bodyClass, }: PanelProps) => JSX.Element;
+
+export declare type PanelProps = {
+    children: ReactNode;
+    title?: ReactNode;
+    description?: string;
+    appearance?: ThemeAppearance;
+    className?: string;
+    type?: 'line' | 'box';
+    headerDescription?: string;
+    headerRightChild?: ReactNode;
+    headerClass?: string;
+    hasBorder?: boolean;
+    bodyClass?: string;
+};
+
+export declare type PayloadWithFormKeys<T> = T & {
+    [K in keyof formKeys]?: string;
+};
+
+export declare const PermaLink: React_2.FC<PermalinkProps>;
+
+export declare type PermalinkProps = {
+    to: string;
+    params?: Record<string, any>;
+    activeClassName?: string;
+    className?: string;
+    style?: any;
+    onClick?: () => void;
+    isDisabled?: boolean;
+    children?: ReactNode;
+    state?: any;
+};
+
+export declare const PermFallBack: () => JSX_2.Element;
+
+export declare function Permission(props: Props_3): JSX_2.Element;
+
+declare type PermItem = {
+    [key: string]: any;
+};
+
+declare type PermItem_2 = {
+    [key: string]: any;
+};
+
+declare function Pie({ data, options }: PieProps): JSX_2.Element;
+
+export declare type PieChartProps = ChartProps<'pie', number[], unknown>;
+
+declare type PieProps = {
+    options?: PieChartProps['options'];
+    data: PieChartProps['data'];
+};
+
+export declare enum PodStatusEnum {
+    TERMINATED = "Terminated",
+    TERMINATING = "Terminating",
+    FAILED = "Failed",
+    PENDING = "Pending",
+    RUNNING = "Running",
+    SUCCEEDED = "Succeeded",
+    EVICTED = "Evicted"
+}
+
+export declare type PreviewModalProps = {
+    imagePaths: string[];
+    onClose: () => void;
+    onPreview?: () => void;
+    onDelete: (imagePaths: string[], selectedImage: string) => void;
+};
+
+declare type Props = Partial<SelectRenderer<OptionProps>> & {
+    text?: string;
+};
+
+declare type Props_2 = Partial<SelectRenderer<OptionProps>> & {
+    text?: string;
+};
+
+declare type Props_3 = {
+    id: string;
+    tooltipText?: string;
+} & CanProps;
+
+export declare function Provider({ children }: Provider_2): JSX_2.Element;
+
+declare type Provider_2 = {
+    children: React.ReactNode;
+};
+
+export declare const Radio: ({ name, label, isDisabled, checked, isInline, onChange: onChangeProp, setContext, suffixBtn, ...restProps }: RadioProps) => JSX.Element;
+
+export declare const RadioList: ({ name, items, value, label, isInline, setContext, error, className, ...restProps }: RadioListProps) => JSX.Element;
+
+export declare type RadioListProps = {
+    name: string;
+    label?: string;
+    className?: string;
+    items: RadioOptionItem[];
+    value?: string | number;
+    isInline?: boolean;
+    error?: FieldError;
+    setContext?: (v: OptionItem) => void;
+} & Pick<EventProps<HTMLInputElement>, 'onChange'>;
+
+export declare interface RadioOptionItem extends OptionItem {
+    name?: string;
+    isDisabled?: boolean;
+    suffixBtn?: ReactNode;
+}
+
+export declare type RadioProps = {
+    id?: string;
+    className?: string;
+    checked?: boolean;
+    isInline?: boolean;
+    suffixBtn?: ReactNode;
+    setContext?: (v: OptionItem) => void;
+} & FormElementProps & Pick<EventProps<HTMLInputElement>, 'onChange' | 'onFocus'>;
+
+export declare enum ReportStatus {
+    PENDING = "pending",
+    FAILED = "failed",
+    IN_PROGRESS = "analyzing",
+    SUCCESS = "completed"
+}
+
+export declare const ResultError: ({ title, text, image, buttonText, onClick, }: ResultErrorProps) => JSX.Element;
+
+export declare type ResultErrorProps = {
+    title: string;
+    text: string;
+    image: string;
+    buttonText?: string;
+    onClick?: () => void;
+};
+
+export declare const Row: ({ children, className }: RowProps) => JSX.Element;
+
+export declare type RowProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare const ScrollContainer: ({ children, maxHeight, height, className, }: ScrollContainerProps) => JSX.Element;
+
+export declare type ScrollContainerProps = {
+    children: ReactNode;
+    maxHeight?: number;
+    height?: string | number;
+    className?: string;
+};
+
+export declare const Select: {
+    (props: SelectProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type SelectProps = {
+    id?: string;
+    items?: OptionProps[];
+    itemPrefix?: string;
+    itemSuffix?: string | number;
+    infiniteScrollProps?: InfiniteScrollProps;
+    size?: Size;
+    searchable?: boolean;
+    clearable?: boolean;
+    className?: string;
+    style?: React_2.CSSProperties;
+    wrapperClassName?: string;
+    labelField?: string;
+    valueField?: string;
+    showPlaceholder?: boolean;
+    backspaceDelete?: boolean;
+    customOption?: (props: CustomItemProps) => JSX.Element;
+    onChange?: (value: any, values?: any) => void;
+    onSearch?: (value: string) => void;
+    isAllSelected?: boolean;
+    appearance?: FormFieldAppearance;
+    noDataRenderer?: (props: any) => any;
+    onAddItem?: ({ item, methods, props, state, itemIndex, }: SelectItemRenderer<OptionProps>) => void;
+    onRemoveItem?: (item: OptionProps) => void;
+    onDropdownClose?: () => void;
+    value?: any;
+    required?: boolean;
+    isMulti?: boolean;
+    isRadius?: boolean;
+} & Omit<FormElementProps, 'value'>;
+
+export declare const SERVER_DATE_AND_TIME_FORMAT = "YYYY-MM-DD HH:mm";
+
+export declare const SERVER_DATE_FORMAT = "YYYY-MM-DD";
+
+export declare const Sidebar: ({ collapsed, items, className, isActiveSubMenu, }: SidebarProps) => JSX.Element;
+
+declare type SidebarChildItemType = {
+    title: string;
+    to?: string;
+    permItem?: PermItem_2;
+    permType?: PermItem_2 | PermItem_2[];
+    onClick?: () => void;
+};
+
+export declare type SidebarItemType = {
+    icon?: Icons;
+    children?: SidebarChildItemType[];
+} & SidebarChildItemType;
+
+export declare type SidebarProps = {
+    collapsed?: boolean;
+    className?: string;
+    items: SidebarItemType[];
+    isActiveSubMenu?: string[];
+};
+
+export declare enum Size {
+    XS = "xsmall",
+    SM = "small",
+    MD = "normal",
+    LG = "large",
+    XL = "xlarge"
+}
+
+declare interface State {
+    user: UserEntity_2 | null;
+    status: Status;
+    error: AxiosError | null;
+}
+
+declare type Status = 'idle' | 'pending' | 'success' | 'rejected';
+
+export declare enum StatusEnum {
+    addons_initializing = "initializing",
+    addons_initialization_failed = "failed",
+    deploying = "warning",
+    failed = "failed",
+    deployed = "success",
+    completed = "success",
+    initializing = "initializing",
+    initialization_failed = "failed",
+    queueing = "warning",
+    queued = "queued",
+    pending = "pending"
+}
+
+export declare enum StatusType {
+    IDLE = "idle",
+    PENDING = "pending",
+    FULFILLED = "fulfilled",
+    REJECTED = "rejected"
+}
+
+export declare const StatusTypography: (props: StatusTypographyProps) => JSX_2.Element;
+
+export declare type StatusTypographyProps = {
+    text: any;
+    type?: AppAndServicesStatusApperenceType;
+    extra?: string;
+    spin?: boolean;
+    condition?: boolean;
+    spinnerLocation?: 'front' | 'back';
+};
+
+export declare const Stepper: ({ items, selected, selectAll, renderAnchor, onChange, wrapperClass, }: StepperProps) => JSX.Element;
+
+export declare type StepperItemProps = {
+    title: string | any;
+    customIndexItem?: any;
+    activeClass?: any;
+    completeClass?: any;
+    to?: LinkProps['to'];
+};
+
+export declare type StepperProps = {
+    items: StepperItemProps[];
+    selected?: number;
+    selectAll?: boolean;
+    renderAnchor?: boolean;
+    className?: string;
+    wrapperClass?: string;
+    onChange?: (index: number, event?: any) => void;
+};
+
+export declare const Switch: React_2.ForwardRefExoticComponent<{
+    name: string;
+    label?: string | undefined;
+    checked?: boolean | undefined;
+    className?: string | undefined;
+    value?: any;
+    onChange?: ((value: boolean) => void) | undefined;
+    onLabelClick?: ((value: boolean) => void) | undefined;
+    checkedChildren?: string | undefined;
+    unCheckedChildren?: string | undefined;
+} & Omit<FormElementProps, "value"> & Pick<EventProps<HTMLInputElement>, "onClick" | "onFocus"> & React_2.RefAttributes<HTMLInputElement>>;
+
+export declare type SwitchProps = {
+    name: string;
+    label?: string;
+    checked?: boolean;
+    className?: string;
+    value?: any;
+    onChange?: (value: boolean) => void;
+    onLabelClick?: (value: boolean) => void;
+    checkedChildren?: string;
+    unCheckedChildren?: string;
+} & Omit<FormElementProps, 'value'> & Pick<EventProps<HTMLInputElement>, 'onFocus' | 'onClick'>;
+
+export declare const t: TFunction;
+
+export declare function Tab({ items, selected, onChange }: TabProps): JSX_2.Element;
+
+export declare type TabItemProps = {
+    title: string;
+    component: ReactNode | string;
+};
+
+export declare const Table: (props: TableProps) => JSX.Element;
+
+export declare const TableHeader: ({ totalCount, currentPage, title, actionOnChange, className, pagerOnChange, pageSizeOnChange, pagerVisible, pageSizeVisible, pageSize, actionItems, pageSizeItems, headerLeftItem, customItem, appearance, showItemsText, }: TableHeaderProps) => JSX_2.Element;
+
+export declare type TableHeaderProps = {
+    totalCount?: number;
+    currentPage?: number;
+    title?: string;
+    pagerVisible?: boolean;
+    pageSizeVisible?: boolean;
+    pageSize?: number;
+    actionItems?: OptionProps[];
+    pageSizeItems?: OptionProps[];
+    headerLeftItem?: ReactNode;
+    customItem?: React.ReactNode;
+    className?: string;
+    appearance?: ThemeAppearance;
+    actionOnChange?: (value: any) => void;
+    pagerOnChange?: (pageIndex: number) => void;
+    pageSizeOnChange?: (pageSize: number) => void;
+    showItemsText?: string;
+};
+
+export declare type TableProps = {
+    columns: ColumnsType[];
+    dataSource: any[];
+    disabledItems?: any[];
+    isLoading?: boolean;
+    className?: string;
+    wrapperClass?: string;
+    headerVisible?: boolean;
+    headerLeftItem?: ReactNode;
+    customFooterItem?: ReactNode;
+    selectedItems?: any[];
+    footerAction?: boolean;
+    rowSelection?: boolean;
+    rowSelectionChange?: (value: any) => void;
+    columnRenderer?: (columns: ColumnsType[], item: any) => JSX.Element[];
+    fixedHeader?: boolean;
+    customHeader?: ReactNode;
+    scrollClass?: string;
+} & TableHeaderProps;
+
+export declare type TabProps = {
+    items: TabItemProps[];
+    onChange: (index: number) => void;
+    selected: number;
+};
+
+export declare const Textarea: React_2.ForwardRefExoticComponent<{
+    id?: string | undefined;
+    className?: string | undefined;
+    wrapperClassName?: string | undefined;
+    rows?: number | undefined;
+    maxLength?: number | undefined;
+    value?: any;
+    size?: Size | undefined;
+    readOnly?: boolean | undefined;
+    appearance?: FormFieldAppearance | undefined;
+    onChange?: ((value: any) => void) | undefined;
+    required?: boolean | undefined;
+} & Omit<FormElementProps, "value"> & Omit<EventProps<HTMLTextAreaElement>, "onMouseDown" | "onMouseUp" | "onMouseEnter" | "onMouseLeave" | "readOnly"> & React_2.RefAttributes<HTMLTextAreaElement>>;
+
+export declare type TextareaProps = {
+    id?: string;
+    className?: string;
+    wrapperClassName?: string;
+    rows?: number;
+    maxLength?: number;
+    value?: any;
+    size?: Size;
+    readOnly?: boolean;
+    appearance?: FormFieldAppearance;
+    onChange?: (value: any) => void;
+    required?: boolean;
+} & Omit<FormElementProps, 'value'> & Omit<EventProps<HTMLTextAreaElement>, 'readOnly' | 'onMouseUp' | 'onMouseDown' | 'onMouseEnter' | 'onMouseLeave'>;
+
+export declare enum ThemeAppearance {
+    LIGHT = "light",
+    DARK = "dark",
+    DARK_BLUE = "dark_blue"
+}
+
+export declare const Tooltip: (props: TooltipProps) => JSX.Element;
+
+export declare type TooltipProps = {
+    id: string;
+    children: ReactNode;
+    tooltipContent: ReactNode;
+    contentClass?: string;
+    childClass?: string;
+    className?: string;
+    direction?: AppearanceDirection;
+    ellipsis?: boolean;
+    tooltipVisible?: boolean;
+    copyText?: string;
+    onClick?: () => void;
+};
+
+export declare type ToOption<T, K extends keyof T, U extends keyof T> = {
+    label: K extends keyof T ? T[K] : never;
+    value: U extends keyof T ? T[U] : never;
+    rest: T;
+};
+
+export declare const TypographyText: (props: TypographyTextProps) => JSX.Element;
+
+export declare type TypographyTextProps = {
+    children: string;
+    id?: string;
+    copyable?: boolean;
+    notificationProps?: {
+        type: NotificationAppearanceType;
+        message: string;
+        closeTime: number;
+    } | null;
+    className?: string;
+    ellipsis?: boolean;
+    href?: string;
+    appearance?: CopyTextStatusEnum;
+    tooltipContent?: ReactNode;
+};
+
+export declare const useAuth: () => AuthContextType;
+
+export declare function useDisclosure(isOpenInit?: boolean): {
+    isOpen: boolean;
+    setIsOpen: Dispatch_2<SetStateAction<boolean>>;
+    onOpen: () => void;
+    onClose: () => void;
+    onToggle: () => void;
+};
+
+declare type UseNiceModal = [() => void, () => void, string];
+
+export declare function useNiceModal(modalId?: string): UseNiceModal;
+
+declare type UserEntity = {
+    [key: string]: any;
+};
+
+declare type UserEntity_2 = {
+    [key: string]: any;
+};
+
+export declare const ValidationError: ({ message }: ValidationErrorProps) => JSX.Element;
+
+export declare type ValidationErrorProps = {
+    message: string;
+};
+
+export { }

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@cagatayfdn/flora-components",
-  "version": "0.0.73",
+  "version": "0.0.75",
   "type": "module",
-  "main": "./dist/index.umd.js",
-  "module": "./dist/index.es.js",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
     "dist"
@@ -13,11 +13,10 @@
   },
   "exports": {
     ".": {
-      "import": "./dist/index.es.js",
-      "require": "./dist/index.umd.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./dist/style.css": "./dist/style.css"
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.js"
+    }
   },
   "scripts": {
     "dev": "vite",
@@ -98,8 +97,6 @@
     "storybook": "^8.0.4",
     "ts-jest": "^29.1.2",
     "typescript": "^5.4.3",
-    "vite": "^5.2.0",
-    "vite-plugin-lib-inject-css": "^2.1.1",
-    "vite-tsconfig-paths": "^5.0.1"
+    "vite": "^5.2.0"
   }
 }