@infra-cryptomate/react-components 0.0.1 → 0.0.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@infra-cryptomate/react-components",
   "description": "",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "type": "module",
   "main": "./dist/components.umd.js",
   "module": "./dist/components.es.js",
@@ -22,7 +22,9 @@
     "build": "tsc && vite build && npm run build:styles",
     "build:styles": "postcss ./src/tailwind/theme.css -o ./dist/style.css",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "test": "vitest",
+    "coverage": "vitest run --coverage"
   },
   "peerDependencies": {
     "@types/react": "*",
@@ -38,6 +40,7 @@
     "@types/uuid": "9.0.3",
     "autoprefixer": "10.4.15",
     "lucide-react": "0.274.0",
+    "postcss": "8.4.29",
     "tailwind-merge": "1.14.0",
     "tailwindcss": "3.3.3",
     "tailwindcss-animate": "1.0.7",
@@ -45,18 +48,24 @@
     "vite-plugin-dts": "3.5.3"
   },
   "devDependencies": {
+    "@testing-library/react": "14.0.0",
     "@types/react": "18.2.15",
     "@types/react-dom": "18.2.7",
-    "@typescript-eslint/eslint-plugin": "6.0.0",
+    "@typescript-eslint/eslint-plugin": "^6.7.0",
     "@typescript-eslint/parser": "6.0.0",
     "@vitejs/plugin-react": "4.0.4",
     "@vitejs/plugin-react-swc": "3.3.2",
-    "eslint": "8.45.0",
+    "eslint": "^8.49.0",
+    "eslint-config-standard-with-typescript": "^39.0.0",
+    "eslint-plugin-import": "^2.28.1",
+    "eslint-plugin-n": "^16.1.0",
+    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "4.6.0",
     "eslint-plugin-react-refresh": "0.4.3",
-    "postcss": "8.4.29",
+    "jsdom": "22.1.0",
     "postcss-cli": "10.1.0",
-    "typescript": "5.0.2",
+    "typescript": "^5.0.2",
     "vite": "4.4.5",
     "vitest": "0.34.3"
   },

package/dist/components/atoms/button/button.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { StylesVariants, SizesVariants } from './button.types';
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: StylesVariants;
-    size?: SizesVariants;
-}
-export declare const Button: React.FC<ButtonProps>;
-export {};

package/dist/components/atoms/button/button.enums.d.ts

@@ -1,13 +0,0 @@
-export declare enum STYLES_VARIANTS {
-    DEFAULT = "default",
-    PRIMARY = "primary",
-    SECONDARY = "secondary",
-    DANGER = "danger",
-    SUCCESS = "success"
-}
-export declare enum SIZES_VARIANTS {
-    DEFAULT = "default",
-    SM = "sm",
-    LG = "lg",
-    ICON = "icon"
-}

package/dist/components/atoms/button/button.types.d.ts

@@ -1,3 +0,0 @@
-import { STYLES_VARIANTS, SIZES_VARIANTS } from './button.variants';
-export type StylesVariants = keyof typeof STYLES_VARIANTS;
-export type SizesVariants = keyof typeof SIZES_VARIANTS;

package/dist/components/atoms/button/button.variants.d.ts

@@ -1,13 +0,0 @@
-export declare const STYLES_VARIANTS: {
-    default: string;
-    primary: string;
-    secondary: string;
-    danger: string;
-    success: string;
-};
-export declare const SIZES_VARIANTS: {
-    default: string;
-    sm: string;
-    lg: string;
-    icon: string;
-};

package/dist/components/atoms/checkbox/checkbox.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
-}
-export declare const Checkbox: React.FC<CheckboxProps>;
-export {};

package/dist/components/atoms/heading/heading.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { LevelVariants } from './heading.types';
-interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
-    level?: LevelVariants;
-}
-export declare const Heading: React.FC<HeadingProps>;
-export {};

package/dist/components/atoms/heading/heading.enums.d.ts

@@ -1,8 +0,0 @@
-export declare enum LEVELS_VARIANTS {
-    H1 = "h1",
-    H2 = "h2",
-    H3 = "h3",
-    H4 = "h4",
-    H5 = "h5",
-    H6 = "h6"
-}

package/dist/components/atoms/heading/heading.types.d.ts

@@ -1,2 +0,0 @@
-import { LEVELS_VARIANTS } from './heading.variants';
-export type LevelVariants = keyof typeof LEVELS_VARIANTS;

package/dist/components/atoms/heading/heading.variants.d.ts

@@ -1,8 +0,0 @@
-export declare const LEVELS_VARIANTS: {
-    h1: string;
-    h2: string;
-    h3: string;
-    h4: string;
-    h5: string;
-    h6: string;
-};

package/dist/components/atoms/index.d.ts

@@ -1,8 +0,0 @@
-export * from './button/button';
-export * from './spinner/spinner';
-export * from './input/input';
-export * from './text-area/text-area';
-export * from './paragraph/paragraph';
-export * from './label/label';
-export * from './heading/heading';
-export * from './checkbox/checkbox';

package/dist/components/atoms/input/input.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-}
-export declare const Input: React.FC<InputProps>;
-export {};

package/dist/components/atoms/label/label.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-interface LabelProps extends React.HTMLAttributes<HTMLLabelElement> {
-    htmlFor?: string;
-}
-export declare const Label: React.FC<LabelProps>;
-export {};

package/dist/components/atoms/paragraph/paragraph.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-interface ParagraphProps extends React.HTMLAttributes<HTMLParagraphElement> {
-}
-export declare const Paragraph: React.FC<ParagraphProps>;
-export {};

package/dist/components/atoms/spinner/spinner.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { StylesVariants, SizesVariants } from './spinner.types';
-interface SpinnerProps {
-    variant?: StylesVariants;
-    size?: SizesVariants;
-}
-export declare const Spinner: React.FC<SpinnerProps>;
-export {};

package/dist/components/atoms/spinner/spinner.enums.d.ts

@@ -1,11 +0,0 @@
-export declare enum STYLES_VARIANTS {
-    DEFAULT = "default",
-    PRIMARY = "primary",
-    SECONDARY = "secondary"
-}
-export declare enum SIZES_VARIANTS {
-    DEFAULT = "default",
-    SM = "sm",
-    MD = "md",
-    LG = "lg"
-}

package/dist/components/atoms/spinner/spinner.types.d.ts

@@ -1,3 +0,0 @@
-import { STYLES_VARIANTS, SIZES_VARIANTS } from './spinner.variants';
-export type StylesVariants = keyof typeof STYLES_VARIANTS;
-export type SizesVariants = keyof typeof SIZES_VARIANTS;

package/dist/components/atoms/spinner/spinner.variants.d.ts

@@ -1,11 +0,0 @@
-export declare const STYLES_VARIANTS: {
-    default: string;
-    primary: string;
-    secondary: string;
-};
-export declare const SIZES_VARIANTS: {
-    default: string;
-    sm: string;
-    md: string;
-    lg: string;
-};

package/dist/components/atoms/text-area/text-area.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-interface TextAreaProps extends React.HTMLProps<HTMLTextAreaElement> {
-}
-export declare const TextArea: React.FC<TextAreaProps>;
-export {};

package/dist/components/index.d.ts

@@ -1,2 +0,0 @@
-export * from './atoms';
-export * from './molecules';

package/dist/components/molecules/card/card.d.ts

@@ -1,20 +0,0 @@
-import * as React from 'react';
-interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
-interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
-interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
-}
-declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLParagraphElement>>;
-interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
-}
-declare const CardDescription: React.ForwardRefExoticComponent<CardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
-interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
-interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };

package/dist/components/molecules/checkbox-container/checkbox-container.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { Label as LabelType } from './checkbox-container.types';
-interface CheckboxContainerProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    label?: LabelType;
-}
-export declare const CheckboxContainer: React.FC<CheckboxContainerProps>;
-export {};

package/dist/components/molecules/checkbox-container/checkbox-container.enums.d.ts

@@ -1,3 +0,0 @@
-export declare enum STYLES_VARIANTS {
-    DEFAULT = "default"
-}

package/dist/components/molecules/checkbox-container/checkbox-container.types.d.ts

@@ -1,6 +0,0 @@
-import { STYLES_VARIANTS } from './checkbox-container.variants';
-export type StylesVariants = keyof typeof STYLES_VARIANTS;
-export type Label = {
-    value: string;
-    className: string;
-};

package/dist/components/molecules/checkbox-container/checkbox-container.variants.d.ts

@@ -1,3 +0,0 @@
-export declare const STYLES_VARIANTS: {
-    default: string;
-};

package/dist/components/molecules/dropdown/dropdown.d.ts

@@ -1,42 +0,0 @@
-import * as React from 'react';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
-declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
-declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
-declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
-interface DropdownMenuSubTriggerProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> {
-    inset?: boolean;
-}
-declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>>;
-interface DropdownMenuSubContentProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent> {
-}
-declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>>;
-interface DropdownMenuContentProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> {
-}
-declare const DropdownMenuContent: React.ForwardRefExoticComponent<DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;
-interface DropdownMenuItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {
-    inset?: boolean;
-}
-declare const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
-interface DropdownMenuCheckboxItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem> {
-}
-declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>>;
-interface DropdownMenuRadioItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem> {
-}
-declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>>;
-interface DropdownMenuLabelProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> {
-    inset?: boolean;
-}
-declare const DropdownMenuLabel: React.ForwardRefExoticComponent<DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
-interface DropdownMenuSeparatorProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> {
-}
-declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>>;
-interface DropdownMenuShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {
-}
-declare const DropdownMenuShortcut: {
-    ({ className, ...props }: DropdownMenuShortcutProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };

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

@@ -1,5 +0,0 @@
-export * from './card/card';
-export * from './dropdown/dropdown';
-export * from './radio/radio';
-export * from './select/select';
-export * from './toast';

package/dist/components/molecules/radio/radio.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
-}
-declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
-interface RadioGroupItemProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {
-}
-declare const RadioGroupItem: React.ForwardRefExoticComponent<RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
-export { RadioGroup, RadioGroupItem };

package/dist/components/molecules/select/select.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import * as SelectPrimitive from '@radix-ui/react-select';
-declare const Select: React.FC<SelectPrimitive.SelectProps>;
-declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
-declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, };

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

@@ -1,5 +0,0 @@
-export * from './toast';
-export * from './toast.enum';
-export * from './toast.types';
-export * from './toaster';
-export * from './use-toast';

package/dist/components/molecules/toast/toast.d.ts

@@ -1,30 +0,0 @@
-import * as React from 'react';
-import * as ToastPrimitives from '@radix-ui/react-toast';
-import { StylesVariants } from './toast.types';
-declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
-interface ToastViewportProps extends React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport> {
-}
-declare const ToastViewport: React.ForwardRefExoticComponent<ToastViewportProps & React.RefAttributes<HTMLOListElement>>;
-interface ToastComponentsProps extends React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> {
-    Action?: typeof ToastAction;
-    Close?: typeof ToastClose;
-    Title?: typeof ToastTitle;
-    Description?: typeof ToastDescription;
-    variant?: StylesVariants;
-}
-declare const Toast: React.ForwardRefExoticComponent<ToastComponentsProps & React.RefAttributes<HTMLLIElement>>;
-interface ToastActionProps extends React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action> {
-}
-declare const ToastAction: React.ForwardRefExoticComponent<ToastActionProps & React.RefAttributes<HTMLButtonElement>>;
-interface ToastCloseProps extends React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close> {
-}
-declare const ToastClose: React.ForwardRefExoticComponent<ToastCloseProps & React.RefAttributes<HTMLButtonElement>>;
-interface ToastTitleProps extends React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title> {
-}
-declare const ToastTitle: React.ForwardRefExoticComponent<ToastTitleProps & React.RefAttributes<HTMLDivElement>>;
-interface ToastDescriptionProps extends React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description> {
-}
-declare const ToastDescription: React.ForwardRefExoticComponent<ToastDescriptionProps & React.RefAttributes<HTMLDivElement>>;
-type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
-type ToastActionElement = React.ReactElement<typeof ToastAction>;
-export { type ToastProps, type ToastActionElement, ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };

package/dist/components/molecules/toast/toast.enum.d.ts

@@ -1,4 +0,0 @@
-export declare enum STYLES_VARIANTS {
-    DEFAULT = "default",
-    DESTRUCTIVE = "destructive"
-}

package/dist/components/molecules/toast/toast.types.d.ts

@@ -1,2 +0,0 @@
-import { STYLES_VARIANTS } from './toast.variants';
-export type StylesVariants = keyof typeof STYLES_VARIANTS;

package/dist/components/molecules/toast/toast.variants.d.ts

@@ -1,4 +0,0 @@
-export declare const STYLES_VARIANTS: {
-    default: string;
-    destructive: string;
-};

package/dist/components/molecules/toast/toaster.d.ts

@@ -1 +0,0 @@
-export declare function Toaster(): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/toast/use-toast.d.ts

@@ -1,44 +0,0 @@
-import * as React from 'react';
-import type { ToastActionElement, ToastProps } from './toast';
-type ToasterToast = ToastProps & {
-    id: string;
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    action?: ToastActionElement;
-};
-declare const actionTypes: {
-    readonly ADD_TOAST: "ADD_TOAST";
-    readonly UPDATE_TOAST: "UPDATE_TOAST";
-    readonly DISMISS_TOAST: "DISMISS_TOAST";
-    readonly REMOVE_TOAST: "REMOVE_TOAST";
-};
-type ActionType = typeof actionTypes;
-type Action = {
-    type: ActionType['ADD_TOAST'];
-    toast: ToasterToast;
-} | {
-    type: ActionType['UPDATE_TOAST'];
-    toast: Partial<ToasterToast>;
-} | {
-    type: ActionType['DISMISS_TOAST'];
-    toastId?: ToasterToast['id'];
-} | {
-    type: ActionType['REMOVE_TOAST'];
-    toastId?: ToasterToast['id'];
-};
-interface State {
-    toasts: ToasterToast[];
-}
-export declare const reducer: (state: State, action: Action) => State;
-type Toast = Omit<ToasterToast, 'id'>;
-declare function toast({ ...props }: Toast): {
-    id: string;
-    dismiss: () => void;
-    update: (props: ToasterToast) => void;
-};
-declare function useToast(): {
-    toast: typeof toast;
-    dismiss: (toastId?: string) => void;
-    toasts: ToasterToast[];
-};
-export { useToast, toast };

package/dist/components/utils.d.ts

@@ -1 +0,0 @@
-export declare function bindClasses(...classNames: string[]): string;