pesona-ui 0.1.0

package/README.md

@@ -0,0 +1,69 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default tseslint.config([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+
+      // Remove tseslint.configs.recommended and replace with this
+      ...tseslint.configs.recommendedTypeChecked,
+      // Alternatively, use this for stricter rules
+      ...tseslint.configs.strictTypeChecked,
+      // Optionally, add this for stylistic rules
+      ...tseslint.configs.stylisticTypeChecked,
+
+      // Other configs...
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+
+export default tseslint.config([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+      // Enable lint rules for React
+      reactX.configs['recommended-typescript'],
+      // Enable lint rules for React DOM
+      reactDom.configs.recommended,
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```

package/dist/index.d.ts

@@ -0,0 +1,629 @@
+import { ButtonHTMLAttributes } from 'react';
+import { ChangeEvent } from 'react';
+import { default as default_2 } from 'react';
+import { HTMLProps } from 'react';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+
+export declare const Accordion: default_2.FC<AccordionProps>;
+
+declare interface AccordionProps {
+    defaultIndex?: number;
+    children: default_2.ReactNode;
+}
+
+export declare const AccordionSection: default_2.FC<AccordionSectionProps>;
+
+export declare const AccordionSectionBody: default_2.FC<AccordionSectionBodyProps>;
+
+declare interface AccordionSectionBodyProps {
+    className?: string;
+    children: default_2.ReactNode;
+}
+
+export declare const AccordionSectionFooter: default_2.FC<AccordionSectionFooterProps>;
+
+declare interface AccordionSectionFooterProps {
+    className?: string;
+    children: default_2.ReactNode;
+}
+
+declare interface AccordionSectionProps {
+    title: string;
+    titleIcon?: ReactNode;
+    children: default_2.ReactNode;
+    isOpen?: boolean;
+    onClick?: () => void;
+}
+
+export declare const Alert: default_2.FC<AlertProps>;
+
+declare interface AlertProps {
+    type: string;
+    text: string;
+}
+
+export declare const Badge: default_2.FC<BadgeProps>;
+
+declare interface BadgeProps {
+    className?: string;
+    text: string | number;
+}
+
+export declare const Box: default_2.FC<BoxProps>;
+
+declare interface BoxProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    children: default_2.ReactNode;
+    className?: string;
+}
+
+export declare const Button: default_2.FC<ButtonProps>;
+
+declare type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement>;
+
+export declare const Callout: default_2.FC<CalloutProps>;
+
+declare interface CalloutProps {
+    type: string;
+    title?: string;
+    text: string | default_2.ReactNode;
+}
+
+export declare const Card: default_2.FC<CardProps>;
+
+export declare const CardBody: default_2.FC<CardBodyProps>;
+
+declare interface CardBodyProps {
+    children: default_2.ReactNode;
+    className?: string;
+    onDrop?: (e: default_2.DragEvent<HTMLDivElement>) => void;
+    onDragOver?: (e: default_2.DragEvent<HTMLDivElement>) => void;
+    style?: default_2.CSSProperties;
+}
+
+export declare const CardFooter: default_2.FC<CardFooterProps>;
+
+declare interface CardFooterProps {
+    children: default_2.ReactNode;
+    className?: string;
+}
+
+export declare const CardHeader: default_2.FC<CardHeaderProps>;
+
+declare interface CardHeaderProps {
+    children: default_2.ReactNode;
+    className?: string;
+}
+
+declare interface CardProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    children: default_2.ReactNode;
+    className?: string;
+}
+
+export declare const Checkbox: default_2.ForwardRefExoticComponent<CheckboxProps & default_2.RefAttributes<HTMLInputElement>>;
+
+export declare const CheckboxAgreement: default_2.ForwardRefExoticComponent<CheckboxAgreementProps & default_2.RefAttributes<HTMLInputElement>>;
+
+declare interface CheckboxAgreementProps extends default_2.InputHTMLAttributes<HTMLInputElement> {
+    name: string | undefined;
+    label?: string;
+    required?: boolean;
+    error?: string | undefined;
+    checked?: boolean;
+    onChange: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
+}
+
+declare interface CheckboxProps extends default_2.InputHTMLAttributes<HTMLInputElement> {
+    name: string | undefined;
+    label?: string;
+    message?: string;
+    required?: boolean;
+    error?: string | undefined;
+    checked?: boolean;
+    onChange: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
+}
+
+export declare const CircularProgress: default_2.FC<CircularProgressProps>;
+
+declare interface CircularProgressProps {
+    size?: number;
+    className?: string;
+    color?: string;
+}
+
+export declare const CircularProgressWithLabel: default_2.FC<CircularProgressWithLabelProps>;
+
+declare interface CircularProgressWithLabelProps {
+    progress?: number;
+    size?: number;
+    className?: string;
+    color?: string;
+    strokeWidth?: number;
+}
+
+export declare const ClearInput: default_2.FC<ClearInputProps>;
+
+declare type ClearInputProps = default_2.InputHTMLAttributes<HTMLInputElement>;
+
+export declare const ConfirmationAlert: default_2.FC<ConfirmationAlertProps>;
+
+declare interface ConfirmationAlertProps {
+    message: string;
+    onCancel: () => void;
+    onConfirm: () => void;
+}
+
+export declare const DatePicker: default_2.FC<DatePickerProps>;
+
+declare interface DatePickerProps {
+    onSelect: (date: string) => void;
+    defaultDate?: Date | string;
+}
+
+export declare const DivTable: default_2.FC<DivTableProps>;
+
+export declare const DivTableBody: default_2.FC<{
+    children: default_2.ReactNode;
+}>;
+
+export declare const DivTableCell: default_2.FC<DivTableCellProps>;
+
+declare interface DivTableCellProps {
+    children: default_2.ReactNode;
+    className?: string;
+    hideOnGrid?: boolean;
+}
+
+export declare const DivTableFooter: default_2.FC<{
+    children: default_2.ReactNode;
+}>;
+
+export declare const DivTableHeader: default_2.FC<{
+    children: default_2.ReactNode;
+}>;
+
+declare interface DivTableProps {
+    children: default_2.ReactNode;
+    className?: string;
+    view?: 'grid' | 'list';
+    gridColumn?: number;
+}
+
+export declare const DivTableRow: default_2.FC<DivTableRowProps>;
+
+declare interface DivTableRowProps {
+    children: default_2.ReactNode;
+    className?: string;
+    isActive?: boolean;
+}
+
+export declare const Dropdown: default_2.FC<DropdownProps>;
+
+export declare const DropdownContent: default_2.FC<DropdownContentProps>;
+
+declare interface DropdownContentProps {
+    children: default_2.ReactNode;
+    className?: string;
+    isOpen?: boolean;
+    position?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
+    contentRef?: default_2.RefObject<HTMLDivElement>;
+    dropdownId?: string;
+}
+
+export declare const DropdownDatePicker: default_2.ForwardRefExoticComponent<DropdownDatePickerProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare interface DropdownDatePickerProps {
+    name: string;
+    label: string;
+    message?: string;
+    floatingLabel?: boolean;
+    locale?: string;
+    error?: string | undefined;
+    value?: string;
+    required?: boolean;
+    disabled?: boolean;
+    onChange?: (event: default_2.ChangeEvent<HTMLDivElement>) => void;
+}
+
+export declare const DropdownMenu: default_2.FC<DropdownMenuProps>;
+
+declare interface DropdownMenuItem {
+    icon?: default_2.ReactNode;
+    label: string;
+    className?: string;
+    onClick: () => void;
+}
+
+declare interface DropdownMenuProps {
+    children: default_2.ReactNode;
+    items: DropdownMenuItem[];
+    position?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
+    className?: string;
+}
+
+declare interface DropdownProps {
+    children: default_2.ReactNode;
+    className?: string;
+    position?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
+}
+
+export declare const DropdownToggle: default_2.FC<DropdownToggleProps>;
+
+declare interface DropdownToggleProps {
+    children: default_2.ReactNode;
+    className?: string;
+    toggleDropdown?: () => void;
+    dropdownId?: string;
+}
+
+export declare const FormCheckbox: default_2.FC<FormGroupProps>;
+
+export declare const FormContainer: default_2.FC<FormContainerProps>;
+
+declare interface FormContainerProps {
+    children: default_2.ReactNode;
+}
+
+export declare const FormGroup: default_2.FC<FormGroupProps>;
+
+declare interface FormGroupProps {
+    className?: string;
+    children: default_2.ReactNode;
+}
+
+export declare const FormRadio: default_2.FC<FormGroupProps>;
+
+export declare const Input: default_2.ForwardRefExoticComponent<Omit<InputProps, "ref"> & default_2.RefAttributes<HTMLInputElement>>;
+
+export declare const InputDate: default_2.ForwardRefExoticComponent<Omit<InputDateProps, "ref"> & default_2.RefAttributes<HTMLInputElement>>;
+
+declare interface InputDateProps extends HTMLProps<HTMLInputElement> {
+    name: string;
+    label: string;
+    message?: string;
+    floatingLabel?: boolean;
+    error?: string | undefined;
+    value?: string;
+}
+
+export declare const InputFile: default_2.ForwardRefExoticComponent<InputFileProps & default_2.RefAttributes<HTMLInputElement>>;
+
+declare interface InputFileProps extends Omit<default_2.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    name: string;
+    label?: string;
+    message?: string;
+    accept?: string;
+    error?: string;
+}
+
+export declare const InputImageSize: default_2.FC;
+
+declare interface InputProps extends HTMLProps<HTMLInputElement> {
+    className?: string;
+    name: string;
+    label?: string;
+    message?: string;
+    floatingLabel?: boolean;
+    error?: string | undefined;
+}
+
+declare interface InputProps_2 extends HTMLProps<HTMLInputElement> {
+    className?: string;
+    name: string;
+    label?: string;
+    message?: string;
+    floatingLabel?: boolean;
+    error?: string | undefined;
+    actionIcon?: default_2.ReactNode;
+    actionButtonLabel?: string;
+    actionButtonHandler?: () => void;
+}
+
+export declare const InputTextArea: default_2.ForwardRefExoticComponent<InputTextAreaProps & default_2.RefAttributes<HTMLTextAreaElement>>;
+
+declare interface InputTextAreaProps extends default_2.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    name: string;
+    label: string;
+    message?: string;
+    floatingLabel?: boolean;
+    error?: string | undefined;
+}
+
+export declare const InputWithAction: default_2.ForwardRefExoticComponent<Omit<InputProps_2, "ref"> & default_2.RefAttributes<HTMLInputElement>>;
+
+export declare const InputWysiwyg: default_2.ForwardRefExoticComponent<InputWysiwygProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare interface InputWysiwygProps {
+    name: string;
+    label: string;
+    message?: string;
+    floatingLabel?: boolean;
+    error?: string;
+    value?: string;
+    required?: boolean;
+    onChange?: (event: default_2.ChangeEvent<HTMLDivElement>) => void;
+}
+
+export declare const LinearProgress: default_2.FC<LinearProgressProps>;
+
+declare interface LinearProgressProps {
+    showLabel?: boolean;
+    progress?: number;
+    className?: string;
+    color?: string;
+}
+
+export declare const ListItem: default_2.FC<ListItemProps>;
+
+declare interface ListItemProps {
+    children: default_2.ReactNode;
+}
+
+export declare const ListView: default_2.FC<ListViewProps>;
+
+declare interface ListViewProps {
+    className?: string;
+    children: default_2.ReactNode;
+}
+
+export declare const LoadingBar: default_2.FC<LoadingBarProps>;
+
+declare interface LoadingBarProps {
+    progress: number;
+    visible: boolean;
+}
+
+export declare const Modal: default_2.FC<ModalProps>;
+
+export declare const ModalBody: default_2.FC<ModalBodyProps>;
+
+declare interface ModalBodyProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    children: default_2.ReactNode;
+    className?: string;
+}
+
+export declare const ModalFooter: default_2.FC<ModalFooterProps>;
+
+declare interface ModalFooterProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    children: default_2.ReactNode;
+    className?: string;
+}
+
+export declare const ModalHeader: default_2.FC<ModalHeaderProps>;
+
+declare interface ModalHeaderProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    children: default_2.ReactNode;
+    className?: string;
+}
+
+declare interface ModalProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    children: default_2.ReactNode;
+    className?: string;
+}
+
+declare interface Option_2 {
+    value: string | number;
+    label: string | number;
+}
+
+declare interface Option_3 {
+    value: string | number | boolean;
+    label: string;
+}
+
+export declare const Popover: default_2.FC<PopoverProps>;
+
+declare interface PopoverProps {
+    className: string;
+    children: default_2.ReactNode;
+    text: string;
+}
+
+export declare const Radio: default_2.ForwardRefExoticComponent<Omit<RadioProps, "ref"> & default_2.RefAttributes<HTMLInputElement>>;
+
+export declare const RadioButtonGroup: default_2.ForwardRefExoticComponent<RadioButtonGroupProps & default_2.RefAttributes<HTMLInputElement>>;
+
+declare interface RadioButtonGroupProps {
+    name: string;
+    label?: string;
+    message?: string;
+    size?: 'sm' | 'md' | 'lg';
+    options: Option_3[];
+    selectedValue?: string | number | boolean;
+    error?: string | undefined;
+    required?: boolean;
+    onChange?: (e: default_2.ChangeEvent<HTMLInputElement>) => void;
+}
+
+declare interface RadioProps extends HTMLProps<HTMLInputElement> {
+    name: string;
+    label: string;
+    message?: string;
+    options: Option_2[];
+    error?: string | undefined;
+}
+
+export declare const Select: default_2.ForwardRefExoticComponent<SelectProps & default_2.RefAttributes<HTMLSelectElement>>;
+
+export declare const SelectMultiple: default_2.ForwardRefExoticComponent<SelectMultipleProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare interface SelectMultipleProps {
+    name: string;
+    label?: string;
+    message?: string;
+    selectLabel?: string;
+    floatingLabel?: boolean;
+    error?: string | undefined;
+    options: SelectOption_2[];
+    value?: string[] | number[];
+    onChange?: (event: default_2.ChangeEvent<HTMLDivElement>) => void;
+    required?: boolean;
+    disabled?: boolean;
+    className?: string;
+}
+
+declare interface SelectOption {
+    value: string | number;
+    label: string;
+}
+
+declare interface SelectOption_2 {
+    value: string | number;
+    label: string;
+}
+
+declare interface SelectProps {
+    name: string;
+    label?: string;
+    message?: string;
+    selectLabel?: string;
+    size?: 'sm' | 'md' | 'lg';
+    floatingLabel?: boolean;
+    error?: string;
+    options: SelectOption[];
+    value?: string | number;
+    onChange?: (event: default_2.ChangeEvent<HTMLSelectElement>) => void;
+    onBlur?: (event: default_2.FocusEvent<HTMLSelectElement>) => void;
+    required?: boolean;
+    disabled?: boolean;
+    role?: string;
+}
+
+export declare const SelectWithSearch: default_2.ForwardRefExoticComponent<SelectWithSearchProps & default_2.RefAttributes<HTMLSelectElement>>;
+
+declare interface SelectWithSearchOption {
+    value: string | number;
+    label: string;
+}
+
+declare interface SelectWithSearchProps {
+    name: string;
+    label?: string;
+    message?: string;
+    selectLabel?: string;
+    size?: 'sm' | 'md' | 'lg';
+    floatingLabel?: boolean;
+    error?: string;
+    options: SelectWithSearchOption[];
+    value?: string | number;
+    onChange?: (event: default_2.ChangeEvent<HTMLSelectElement>) => void;
+    required?: boolean;
+    disabled?: boolean;
+    role?: string;
+    selectSearch?: string;
+    setSelectSearch?: (value: string) => void;
+    isLoading?: boolean;
+}
+
+export declare const Spinner: default_2.FC;
+
+export declare const Switch: default_2.ForwardRefExoticComponent<SwitchProps & default_2.RefAttributes<HTMLInputElement>>;
+
+declare interface SwitchProps {
+    name: string;
+    className?: string;
+    error?: Error | string;
+    checked: boolean;
+    disabled?: boolean;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+}
+
+export declare const Tab: default_2.FC<TabProps>;
+
+export declare const TabGroup: default_2.FC<TabGroupProps>;
+
+declare interface TabGroupProps {
+    children: ReactElement<TabProps>[];
+    title: string;
+}
+
+export declare const Table: default_2.FC<TableProps>;
+
+export declare const TableBody: default_2.FC<TableProps>;
+
+export declare const TableCell: default_2.FC<TableCellProps>;
+
+declare interface TableCellProps {
+    children: default_2.ReactNode;
+    header?: boolean;
+    className?: string;
+    colSpan?: number;
+    style?: default_2.CSSProperties;
+}
+
+export declare const TableDeleteSelectedItems: default_2.FC<TableDeleteSelectedItemsProps>;
+
+declare interface TableDeleteSelectedItemsProps {
+    count: number;
+    handleMultipleDelete: () => void;
+}
+
+export declare const TableFooter: default_2.FC<TableProps>;
+
+export declare const TableHeader: default_2.FC<TableProps>;
+
+export declare const TablePaginating: default_2.FC<TablePaginatingProps>;
+
+declare interface TablePaginatingProps {
+    startIndex: number;
+    endIndex: number;
+    currentPage: number;
+    totalData: number;
+    itemsPerPage: number;
+    setItemsPerPage: (itemsPerPage: number) => void;
+    setCurrentPage: (currentPage: number) => void;
+    totalPages: number;
+    showPerPage?: boolean;
+}
+
+export declare const TablePickSelectedItems: default_2.FC<TablePickSelectedItemsProps>;
+
+declare interface TablePickSelectedItemsProps {
+    count: number;
+    selectedItem: (selectedRows: string[]) => void;
+    selectedRows: string[];
+}
+
+declare interface TableProps {
+    children: default_2.ReactNode;
+    className?: string;
+}
+
+export declare const TableRow: default_2.FC<TableRowProps>;
+
+declare interface TableRowProps extends default_2.HTMLAttributes<HTMLTableRowElement> {
+    children: default_2.ReactNode;
+    className?: string;
+}
+
+declare interface TabProps {
+    children: default_2.ReactNode;
+    title: string;
+    icon?: ReactElement;
+}
+
+export declare const Tabs: default_2.FC<TabsProps>;
+
+declare interface TabsProps {
+    className?: string;
+    navClassName?: string;
+    contentClassName?: string;
+    children: default_2.ReactNode;
+    activeTab: number;
+    handleActiveTab: (index: number) => void;
+    customHeader?: default_2.ReactNode;
+}
+
+export declare const Tooltip: default_2.FC<TooltipProps>;
+
+declare type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
+
+declare interface TooltipProps {
+    children: default_2.ReactNode;
+    text: string;
+    position?: TooltipPosition;
+    className?: string;
+    offset?: number;
+}
+
+export { }