ctc-component-library 0.2.0 → 1.0.0-alpha.3

package/dist/src/components/molecules/Table/index.d.ts

@@ -1,2 +0,0 @@
-export { Table, TABLE_EXPAND_COLUMN_WIDTH } from './Table';
-export type { TableProps, ExpandableConfig, TableExpandableConfig } from './types';

package/dist/src/components/molecules/Table/types.d.ts

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-import { ColumnsType } from 'antd/es/table';
-import { TableProps as TablePropsAntD } from 'antd';
-import { TablePaginationConfig } from 'antd/es/table';
-import { FilterValue, SorterResult } from 'antd/es/table/interface';
-import type { ExpandableConfig } from 'antd/es/table/interface';
-export type { ExpandableConfig };
-export interface TableExpandableConfig<T> extends ExpandableConfig<T> {
-    expandedRowData?: (record: T) => T[];
-    expandedRowColumns?: ColumnsType<T>;
-    alignSubRowsWithParent?: boolean;
-    expandedRowNestedClassName?: string;
-    expandedRowNestedStyle?: React.CSSProperties;
-}
-export interface TableProps<T> extends Omit<TablePropsAntD<T>, 'columns' | 'data' | 'onChange'> {
-    columns: ColumnsType<T>;
-    heightBodyScrollable?: number;
-    widthBodyScrollable?: number;
-    onChange?: (pagination: TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: SorterResult<T> | SorterResult<T>[], extra: {
-        currentDataSource: T[];
-        action: 'paginate' | 'sort' | 'filter';
-    }) => void;
-    data: T[];
-    dataTestid?: string;
-    className?: string;
-    customStyles?: React.CSSProperties;
-    expandable?: TableExpandableConfig<T>;
-}

package/dist/src/components/molecules/alert/Alert.d.ts

@@ -1,15 +0,0 @@
-import React, { ReactNode } from 'react';
-export type AlertVariant = 'destructive' | 'warning' | 'success' | 'info';
-export type AlertSize = 'small' | 'big';
-type AlertChildrenProps<T extends React.ElementType> = React.ComponentProps<T> & {
-    children: ReactNode;
-};
-type AlertProps = AlertChildrenProps<'div'> & {
-    variant?: AlertVariant;
-    size?: AlertSize;
-};
-declare const Alert: ({ children, variant, size, ...props }: AlertProps) => import("react/jsx-runtime").JSX.Element;
-declare const AlertContent: ({ children, ...props }: AlertChildrenProps<'div'>) => import("react/jsx-runtime").JSX.Element;
-declare const AlertDescription: ({ children, ...props }: AlertChildrenProps<'div'>) => import("react/jsx-runtime").JSX.Element;
-declare const AlertIcon: ({ children, ...props }: AlertChildrenProps<'span'>) => import("react/jsx-runtime").JSX.Element;
-export { Alert, AlertContent, AlertDescription, AlertIcon };

package/dist/src/components/molecules/alert/index.d.ts

@@ -1 +0,0 @@
-export { Alert, AlertContent, AlertDescription, AlertIcon, type AlertSize, type AlertVariant } from './Alert';

package/dist/src/components/molecules/dropdowns/Dropdown/Dropdown.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { DropdownProps } from './types';
-export declare const Dropdown: React.FC<DropdownProps>;

package/dist/src/components/molecules/dropdowns/Dropdown/index.d.ts

@@ -1,2 +0,0 @@
-export { Dropdown } from './Dropdown';
-export type { DropdownProps, DropdownSize, DropdownSizeString, Option, MapperConfig, MapperFunction } from './types';

package/dist/src/components/molecules/dropdowns/Dropdown/types.d.ts

@@ -1,33 +0,0 @@
-/// <reference types="react" />
-export interface DropdownSizeString {
-    small: 'body3' | 'body4' | 'body5';
-    big: 'body3' | 'body4' | 'body5';
-}
-export interface DropdownSize {
-    small: number;
-    big: number;
-}
-export interface Option {
-    value: string;
-    label: React.ReactNode;
-    disabled?: boolean;
-}
-export interface MapperConfig {
-    valueKey: string;
-    labelKey: string;
-}
-export type MapperFunction = <T>(items: T[], config: MapperConfig) => Option[];
-export interface DropdownProps extends Omit<React.ComponentProps<'div'>, 'onChange'> {
-    options: Option[] | ((mapper: MapperFunction) => Option[]);
-    selectedOption?: Option;
-    onChange: (option: Option) => void;
-    size?: 'small' | 'big';
-    disabled?: boolean;
-    qtyOptions?: number;
-    placeholder?: React.ReactNode;
-    dataTestid?: string;
-    customClassName?: string;
-    customStyles?: React.CSSProperties;
-    showId?: boolean;
-    errors?: string[] | string;
-}

package/dist/src/components/molecules/dropdowns/DropdownCountry/DropdownCountry.d.ts

@@ -1,5 +0,0 @@
-import { DropdownProps } from '../../../../components/molecules/dropdowns/Dropdown/types';
-export type DropdownCountryProps = Omit<DropdownProps, 'options'> & {
-    selectedValue?: string;
-};
-export declare const DropdownCountry: ({ onChange, className, disabled, selectedOption, selectedValue, ...props }: DropdownCountryProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/molecules/dropdowns/DropdownCountry/index.d.ts

@@ -1 +0,0 @@
-export { DropdownCountry } from './DropdownCountry';

package/dist/src/components/molecules/dropdowns/DropdownFilter/DropdownFilter.d.ts

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

package/dist/src/components/molecules/dropdowns/DropdownFilter/index.d.ts

@@ -1 +0,0 @@
-export { DropdownFilter } from './DropdownFilter';

package/dist/src/components/molecules/dropdowns/DropdownFilter/types.d.ts

@@ -1,38 +0,0 @@
-import type React from 'react';
-export type TypographyVariant = 'body5' | 'body3' | 'body4' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'body1' | 'body2' | 'body6' | 'button1' | 'button2';
-export interface DropdownProps {
-    options: Option[];
-    onChange?: (option: Option) => void;
-    disabled?: boolean;
-    selectedOption?: Option | null;
-    size?: 'small' | 'big';
-    qtyOptions?: number;
-    placeholder?: string;
-    customStyles?: React.CSSProperties;
-    customClassName?: string;
-    dataTestid?: string;
-    onReset?: () => void;
-    dontShowId?: boolean;
-    errors?: string | string[];
-    onInputChange?: (value: string) => void;
-    onEndReached?: () => void;
-    loading?: boolean;
-    hasMore?: boolean;
-    searching?: boolean;
-    showSelectedComponent?: boolean;
-}
-export interface Option {
-    id?: string | number;
-    value: string | number;
-    label: string;
-    disabled?: boolean;
-    component?: React.ReactNode;
-}
-export interface DropdownSize {
-    small: number;
-    big: number;
-}
-export interface DropdownSizeString {
-    small: TypographyVariant;
-    big: TypographyVariant;
-}

package/dist/src/components/molecules/dropdowns/DropdownMultiple/DropdownMultiple.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { DropdownMultipleProps } from './types';
-export declare const DropdownMultiple: React.FC<DropdownMultipleProps>;

package/dist/src/components/molecules/dropdowns/DropdownMultiple/index.d.ts

@@ -1,2 +0,0 @@
-export { DropdownMultiple } from './DropdownMultiple';
-export * from './types';

package/dist/src/components/molecules/dropdowns/DropdownMultiple/types.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { SelectProps } from 'antd';
-export interface DropdownMultipleProps extends SelectProps {
-    dataTestid?: string;
-    customClassName?: string;
-    customStyles?: React.CSSProperties;
-    showId?: boolean;
-    withoutSearch?: boolean;
-    disabled?: boolean;
-    errors?: string[] | string;
-}

package/dist/src/components/molecules/dropdowns/DropdownPhone/DropdownPhone.d.ts

@@ -1,6 +0,0 @@
-import { DropdownProps } from '../../../../components/molecules/dropdowns/Dropdown/types';
-type DropdownPhoneProps = Omit<DropdownProps, 'options'> & {
-    selectedValue?: string;
-};
-export declare const DropdownPhone: ({ onChange, className, disabled, selectedOption, selectedValue, ...props }: DropdownPhoneProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/components/molecules/dropdowns/DropdownPhone/index.d.ts

@@ -1 +0,0 @@
-export { DropdownPhone } from './DropdownPhone';

package/dist/src/components/molecules/dropdowns/index.d.ts

@@ -1,5 +0,0 @@
-export * from './Dropdown';
-export * from './DropdownCountry';
-export * from './DropdownFilter';
-export * from './DropdownMultiple';
-export * from './DropdownPhone';

package/dist/src/components/molecules/index.d.ts

@@ -1,4 +0,0 @@
-export * from './Table';
-export * from './alert';
-export * from './dropdowns';
-export * from './tabs';

package/dist/src/components/molecules/tabs/Tab/Tab.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { TabProps } from './types';
-export declare const Tab: React.FC<TabProps>;

package/dist/src/components/molecules/tabs/Tab/index.d.ts

@@ -1,2 +0,0 @@
-export { Tab } from './Tab';
-export type { TabProps, TabItem } from './types';

package/dist/src/components/molecules/tabs/Tab/types.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-export interface TabItem {
-    label: string;
-    content: React.ReactNode;
-    disabled?: boolean;
-}
-export interface TabProps {
-    tabs: TabItem[];
-    onChange?: (index: number) => void;
-    defaultActiveKey?: number;
-    setDefaultActiveKey?: (key: number) => void;
-    disabled?: boolean;
-    dataTestid?: string;
-    className?: string;
-    customStyles?: React.CSSProperties;
-}

package/dist/src/components/molecules/tabs/TabButton/TabButton.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { TabButtonProps } from './types';
-export declare const TabButton: React.FC<TabButtonProps>;

package/dist/src/components/molecules/tabs/TabButton/index.d.ts

@@ -1,2 +0,0 @@
-export { TabButton } from './TabButton';
-export type { TabButtonProps, Tab as TabButtonItem } from './types';

package/dist/src/components/molecules/tabs/TabButton/types.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-export interface Tab {
-    label: string;
-    content: React.ReactNode;
-}
-export interface TabButtonProps {
-    tabs: Tab[];
-    onChange?: (index: number) => void;
-    defaultActiveKey?: number;
-    setDefaultActiveKey?: (key: number) => void;
-    dataTestid?: string;
-    className?: string;
-    customStyles?: React.CSSProperties;
-    customStylesTab?: React.CSSProperties;
-}

package/dist/src/components/molecules/tabs/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Tab';
-export * from './TabButton';

package/dist/src/components/organisms/Modal/Modal.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { ModalProps } from './types';
-export declare const Modal: React.FC<ModalProps>;

package/dist/src/components/organisms/Modal/ModalV2.d.ts

@@ -1,53 +0,0 @@
-import React from 'react';
-import { ModalProps as ModalAntDProps } from 'antd';
-import { ButtonPropsV2 as ButtonProps } from '../../../components/atoms/Button/types';
-interface ModalTriggerProps extends React.HTMLAttributes<HTMLElement> {
-    children: React.ReactNode;
-}
-declare const ModalTrigger: React.ForwardRefExoticComponent<ModalTriggerProps & React.RefAttributes<HTMLElement>>;
-interface ModalProps {
-    isOpen?: boolean;
-    onOpenChange?: () => void;
-    children: React.ReactNode;
-}
-declare const Modal: {
-    ({ isOpen: _isOpen, onOpenChange: _onOpenChange, children }: ModalProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export type ModalArrowPosition = 'left-top' | 'left-center' | 'left-bottom' | 'right-top' | 'right-center' | 'right-bottom' | 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
-interface ModalContentProps extends Omit<ModalAntDProps, 'isOpen'> {
-    maskClosable?: boolean;
-    dataTestId?: string;
-    children: React.ReactNode;
-    onClose?: () => void;
-    arrow?: boolean;
-    arrowPosition?: ModalArrowPosition;
-}
-declare const ModalContent: React.ForwardRefExoticComponent<ModalContentProps & React.RefAttributes<HTMLDivElement>>;
-interface ModalTitleProps extends React.HTMLAttributes<HTMLElement> {
-    children: React.ReactNode;
-}
-declare const ModalTitle: React.ForwardRefExoticComponent<ModalTitleProps & React.RefAttributes<HTMLElement>>;
-interface ModalDescriptionProps extends React.HTMLAttributes<HTMLElement> {
-    children: React.ReactNode;
-}
-declare const ModalDescription: React.ForwardRefExoticComponent<ModalDescriptionProps & React.RefAttributes<HTMLElement>>;
-interface ModalBodyProps extends React.HTMLAttributes<HTMLElement> {
-    children: React.ReactNode;
-}
-declare const ModalBody: React.ForwardRefExoticComponent<ModalBodyProps & React.RefAttributes<HTMLElement>>;
-interface ModalFooterProps extends React.HTMLAttributes<HTMLDivElement> {
-    children: React.ReactNode;
-}
-declare const ModalFooter: React.ForwardRefExoticComponent<ModalFooterProps & React.RefAttributes<HTMLDivElement>>;
-declare const ModalCloseButton: {
-    ({ children, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const ModalActionButton: {
-    ({ children, onClick, ...props }: Omit<ButtonProps, "onClick"> & {
-        onClick?: ((e: React.MouseEvent, closeModal: () => void) => void) | undefined;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { Modal, ModalBody, ModalTitle, ModalFooter, ModalContent, ModalTrigger, ModalDescription, ModalCloseButton, ModalActionButton };

package/dist/src/components/organisms/Modal/index.d.ts

@@ -1,3 +0,0 @@
-export { Modal } from './Modal';
-export type { ModalProps } from './types';
-export { Modal as ModalV2, ModalTrigger, ModalContent, ModalTitle, ModalDescription, ModalBody, ModalFooter, ModalCloseButton, ModalActionButton, type ModalArrowPosition } from './ModalV2';

package/dist/src/components/organisms/Modal/types.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import { ModalProps as AntDModalProps } from 'antd';
-import { ButtonProps } from '../../atoms/Button/types';
-export interface ModalProps extends AntDModalProps {
-    title?: string;
-    description?: string;
-    linkButtonUnderline?: boolean;
-    type?: 'big' | 'small';
-    isModalOpen: boolean;
-    primaryButtonText?: string;
-    primaryButtonVariant?: 'neutral' | 'success' | 'error';
-    primaryButtonSize?: ButtonProps['size'];
-    linkButtonText?: string;
-    bodyContent?: React.ReactNode;
-    bigTypeContent?: React.ReactNode;
-    customStyles?: React.CSSProperties;
-    primaryButtonIsDisabled?: boolean;
-    dataTestId?: string;
-    customClassName?: string;
-    handlePrimaryButton?: () => void;
-    handleLinkButton?: () => void;
-    handleClose?: () => void;
-    maskClosable?: boolean;
-}

package/dist/src/components/organisms/index.d.ts

@@ -1 +0,0 @@
-export * from './Modal';

package/dist/src/constants/countries.d.ts

@@ -1,7 +0,0 @@
-export declare const COUNTRIES: {
-    spanish_name: string;
-    english_name: string;
-    iso2: string;
-    iso3: string;
-    phone_code: string;
-}[];

package/dist/src/hooks/useClickOutside.d.ts

@@ -1,2 +0,0 @@
-declare const useClickOutside: (ref: React.RefObject<HTMLElement>, callback: () => void) => void;
-export default useClickOutside;

package/dist/src/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />