@elpassion/taco - npm Package Compare versions

Comparing version 0.0.56 to 0.0.57

cjs/components/Carousel/Arrows/CarouselArrows.d.ts

@@ -1,4 +0,6 @@
-import React from "react";
-import { CarouselButtonProps } from "../Carousel.interface";
-export declare const PrevButton: React.FC<CarouselButtonProps>;
-export declare const NextButton: React.FC<CarouselButtonProps>;
+import { FC } from "react";
+import { CarouselButtonProps, CustomButtonProps } from "../Carousel.interface";
+export declare const PrevButton: FC<CarouselButtonProps>;
+export declare const NextButton: FC<CarouselButtonProps>;
+export declare const PrevCustomButton: FC<CustomButtonProps>;
+export declare const NextCustomButton: FC<CustomButtonProps>;

cjs/components/Carousel/Carousel.interface.d.ts

@@ -1,7 +0,7 @@
-import { EmblaOptionsType } from "embla-carousel-react";
+import { EmblaOptionsType, EmblaPluginType } from "embla-carousel-react";
 import type { ReactNode } from "react";
-export type IndicatorsVariant = "dark" | "light";
+export type NavigationVariant = "dark" | "light";
 export interface CarouselIndicatorButtonProps {
     selected?: boolean;
-    variant?: IndicatorsVariant;
+    variant?: NavigationVariant;
     onClick?: () => void;
@@ -14,3 +14,3 @@ ariaLabel?: string;
     onClick: (index: number) => void;
-    variant?: IndicatorsVariant;
+    variant?: NavigationVariant;
 }
@@ -20,3 +20,7 @@ export interface CarouselButtonProps {
     onClick?: () => void;
+    variant?: NavigationVariant;
 }
+export interface CustomButtonProps extends CarouselButtonProps {
+    renderButton?: boolean | ((props: CarouselButtonProps) => ReactNode);
+}
 export interface CarouselItemProps {
@@ -27,12 +31,26 @@ children: ReactNode;
 export type IndicatorsPosition = "inside" | "outside";
-export interface CarouselProps {
-    options?: Omit<Partial<EmblaOptionsType>, "slides">;
-    slides: ReactNode[];
+interface IndicatorsInterface {
     indicatorsPosition?: IndicatorsPosition;
     indicators?: boolean | ((props: CarouselIndicatorsProps) => ReactNode);
-    indicatorsVariant?: IndicatorsVariant;
+    indicatorsVariant?: NavigationVariant;
+}
+interface ArrowsInterface {
+    arrowsVariant?: NavigationVariant;
     nextButton?: boolean | ((props: CarouselButtonProps) => ReactNode);
     prevButton?: boolean | ((props: CarouselButtonProps) => ReactNode);
-    className?: string;
-    itemClassName?: string;
 }
+interface EmblaCarouselProps {
+    options?: Omit<Partial<EmblaOptionsType>, "slides">;
+    plugins?: EmblaPluginType[];
+}
+interface BaseCarouselProps {
+    slides: ReactNode[];
+    slidesWrapperClassName?: string;
+    slideClassName?: string;
+}
+export interface CarouselProps extends IndicatorsInterface, ArrowsInterface, EmblaCarouselProps, BaseCarouselProps {
+}
+export interface SlidesCarouselProps extends ArrowsInterface, BaseCarouselProps {
+    slidesToScroll?: number;
+}
+export {};

cjs/components/Carousel/index.d.ts

@@ -1,4 +0,8 @@
-import { FC } from "react";
-import { CarouselProps } from "./Carousel.interface";
-export declare const Carousel: FC<CarouselProps>;
+import "./Carousel.styles.css";
+import React from "react";
+import { CarouselProps, SlidesCarouselProps } from "./Carousel.interface";
+export declare const Carousel: {
+    (props: CarouselProps): JSX.Element;
+    Scroll: React.FC<SlidesCarouselProps>;
+};
 export default Carousel;

cjs/components/Dropdown/MenuDropdown/index.d.ts

@@ -5,3 +5,3 @@ /// <reference types="react" />
 export declare const MenuDropdownComponents: {
-    BaseDropdown: ({ options, variant, buttonText, triggerVariant, leftMenuTriggerIcon, rightMenuTriggerIcon, isMulti, selectedItems, onSelect, className, ...props }: IMenuDropdownProps) => JSX.Element;
+    BaseDropdown: ({ options, variant, isMulti, selectedItems, onSelect, className, extraActionHandler, triggerButtonProps, ...props }: IMenuDropdownProps) => JSX.Element;
     DropdownOption: ({ option, variant, className, onSelect, isSelected, }: IMenuDropdownOptionProps) => JSX.Element;
@@ -8,0 +8,0 @@ MenuDropdownList: import("react").ForwardRefExoticComponent<IMenuDropdownListProps & import("react").RefAttributes<HTMLUListElement>>;

cjs/components/Dropdown/MenuDropdown/MenuDropdown.interface.d.ts

@@ -1,2 +0,3 @@
-import type { PropsWithChildren, ReactNode } from "react";
+import type { PropsWithChildren } from "react";
+import { ButtonProps } from "@components/Button/Button.interface";
 import { ClassName } from "@helpers/types";
@@ -8,7 +9,3 @@ import { IDropdownOption, TDropdownVariant } from "../Dropdown.interface";
     variant: TDropdownVariant;
-    triggerVariant?: TTriggerVariantButton;
     user?: IUserData;
-    buttonText?: string;
-    leftMenuTriggerIcon?: ReactNode;
-    rightMenuTriggerIcon?: ReactNode;
     withUserEntry?: boolean;
@@ -19,4 +16,4 @@ extraAction?: IDropdownOption;
     isMulti?: boolean;
+    triggerButtonProps?: ButtonProps;
 }
-export type TTriggerVariantButton = "default" | "avatar";
 export interface IUserData {
@@ -29,7 +26,4 @@ avatarUrl?: string;
 export interface IMenuTriggerProps {
-    onClick(): void;
-    triggerVariant?: TTriggerVariantButton;
-    buttonText?: string;
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
+    onClick(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
+    triggerButtonProps?: ButtonProps;
 }
@@ -36,0 +30,0 @@ export interface IMenuDropdownListProps extends PropsWithChildren, ClassName {

cjs/helpers/generators.d.ts

@@ -79,5 +79,7 @@ export declare const initDefaultTheme: () => {
             lgCircularProgress: string;
+            scrollbar: string;
         };
         height: {
             smCarouselDot: string;
+            scrollbar: string;
         };
@@ -89,2 +91,3 @@ minHeight: {
             px: string;
+            scrollbar: string;
         };
@@ -91,0 +94,0 @@ borderWidth: {

components/Carousel/Arrows/CarouselArrows.d.ts

@@ -1,4 +0,6 @@
-import React from "react";
-import { CarouselButtonProps } from "../Carousel.interface";
-export declare const PrevButton: React.FC<CarouselButtonProps>;
-export declare const NextButton: React.FC<CarouselButtonProps>;
+import { FC } from "react";
+import { CarouselButtonProps, CustomButtonProps } from "../Carousel.interface";
+export declare const PrevButton: FC<CarouselButtonProps>;
+export declare const NextButton: FC<CarouselButtonProps>;
+export declare const PrevCustomButton: FC<CustomButtonProps>;
+export declare const NextCustomButton: FC<CustomButtonProps>;

components/Carousel/Carousel.interface.d.ts

@@ -1,7 +0,7 @@
-import { EmblaOptionsType } from "embla-carousel-react";
+import { EmblaOptionsType, EmblaPluginType } from "embla-carousel-react";
 import type { ReactNode } from "react";
-export type IndicatorsVariant = "dark" | "light";
+export type NavigationVariant = "dark" | "light";
 export interface CarouselIndicatorButtonProps {
     selected?: boolean;
-    variant?: IndicatorsVariant;
+    variant?: NavigationVariant;
     onClick?: () => void;
@@ -14,3 +14,3 @@ ariaLabel?: string;
     onClick: (index: number) => void;
-    variant?: IndicatorsVariant;
+    variant?: NavigationVariant;
 }
@@ -20,3 +20,7 @@ export interface CarouselButtonProps {
     onClick?: () => void;
+    variant?: NavigationVariant;
 }
+export interface CustomButtonProps extends CarouselButtonProps {
+    renderButton?: boolean | ((props: CarouselButtonProps) => ReactNode);
+}
 export interface CarouselItemProps {
@@ -27,12 +31,26 @@ children: ReactNode;
 export type IndicatorsPosition = "inside" | "outside";
-export interface CarouselProps {
-    options?: Omit<Partial<EmblaOptionsType>, "slides">;
-    slides: ReactNode[];
+interface IndicatorsInterface {
     indicatorsPosition?: IndicatorsPosition;
     indicators?: boolean | ((props: CarouselIndicatorsProps) => ReactNode);
-    indicatorsVariant?: IndicatorsVariant;
+    indicatorsVariant?: NavigationVariant;
+}
+interface ArrowsInterface {
+    arrowsVariant?: NavigationVariant;
     nextButton?: boolean | ((props: CarouselButtonProps) => ReactNode);
     prevButton?: boolean | ((props: CarouselButtonProps) => ReactNode);
-    className?: string;
-    itemClassName?: string;
 }
+interface EmblaCarouselProps {
+    options?: Omit<Partial<EmblaOptionsType>, "slides">;
+    plugins?: EmblaPluginType[];
+}
+interface BaseCarouselProps {
+    slides: ReactNode[];
+    slidesWrapperClassName?: string;
+    slideClassName?: string;
+}
+export interface CarouselProps extends IndicatorsInterface, ArrowsInterface, EmblaCarouselProps, BaseCarouselProps {
+}
+export interface SlidesCarouselProps extends ArrowsInterface, BaseCarouselProps {
+    slidesToScroll?: number;
+}
+export {};

components/Carousel/index.d.ts

@@ -1,4 +0,8 @@
-import { FC } from "react";
-import { CarouselProps } from "./Carousel.interface";
-export declare const Carousel: FC<CarouselProps>;
+import "./Carousel.styles.css";
+import React from "react";
+import { CarouselProps, SlidesCarouselProps } from "./Carousel.interface";
+export declare const Carousel: {
+    (props: CarouselProps): JSX.Element;
+    Scroll: React.FC<SlidesCarouselProps>;
+};
 export default Carousel;

components/Dropdown/MenuDropdown/index.d.ts

@@ -5,3 +5,3 @@ /// <reference types="react" />
 export declare const MenuDropdownComponents: {
-    BaseDropdown: ({ options, variant, buttonText, triggerVariant, leftMenuTriggerIcon, rightMenuTriggerIcon, isMulti, selectedItems, onSelect, className, ...props }: IMenuDropdownProps) => JSX.Element;
+    BaseDropdown: ({ options, variant, isMulti, selectedItems, onSelect, className, extraActionHandler, triggerButtonProps, ...props }: IMenuDropdownProps) => JSX.Element;
     DropdownOption: ({ option, variant, className, onSelect, isSelected, }: IMenuDropdownOptionProps) => JSX.Element;
@@ -8,0 +8,0 @@ MenuDropdownList: import("react").ForwardRefExoticComponent<IMenuDropdownListProps & import("react").RefAttributes<HTMLUListElement>>;

components/Dropdown/MenuDropdown/MenuDropdown.interface.d.ts

@@ -1,2 +0,3 @@
-import type { PropsWithChildren, ReactNode } from "react";
+import type { PropsWithChildren } from "react";
+import { ButtonProps } from "@components/Button/Button.interface";
 import { ClassName } from "@helpers/types";
@@ -8,7 +9,3 @@ import { IDropdownOption, TDropdownVariant } from "../Dropdown.interface";
     variant: TDropdownVariant;
-    triggerVariant?: TTriggerVariantButton;
     user?: IUserData;
-    buttonText?: string;
-    leftMenuTriggerIcon?: ReactNode;
-    rightMenuTriggerIcon?: ReactNode;
     withUserEntry?: boolean;
@@ -19,4 +16,4 @@ extraAction?: IDropdownOption;
     isMulti?: boolean;
+    triggerButtonProps?: ButtonProps;
 }
-export type TTriggerVariantButton = "default" | "avatar";
 export interface IUserData {
@@ -29,7 +26,4 @@ avatarUrl?: string;
 export interface IMenuTriggerProps {
-    onClick(): void;
-    triggerVariant?: TTriggerVariantButton;
-    buttonText?: string;
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
+    onClick(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
+    triggerButtonProps?: ButtonProps;
 }
@@ -36,0 +30,0 @@ export interface IMenuDropdownListProps extends PropsWithChildren, ClassName {

helpers/generators.d.ts

@@ -79,5 +79,7 @@ export declare const initDefaultTheme: () => {
             lgCircularProgress: string;
+            scrollbar: string;
         };
         height: {
             smCarouselDot: string;
+            scrollbar: string;
         };
@@ -89,2 +91,3 @@ minHeight: {
             px: string;
+            scrollbar: string;
         };
@@ -91,0 +94,0 @@ borderWidth: {

index.d.ts

@@ -6,3 +6,3 @@ /// <reference types="react" />
 import { PaginationState } from '@tanstack/react-table';
-import { EmblaOptionsType } from 'embla-carousel-react';
+import { EmblaOptionsType, EmblaPluginType } from 'embla-carousel-react';
 
@@ -1218,7 +1218,3 @@ type IconNames =
     variant: TDropdownVariant;
-    triggerVariant?: TTriggerVariantButton;
     user?: IUserData;
-    buttonText?: string;
-    leftMenuTriggerIcon?: ReactNode;
-    rightMenuTriggerIcon?: ReactNode;
     withUserEntry?: boolean;
@@ -1229,4 +1225,4 @@ extraAction?: IDropdownOption;
     isMulti?: boolean;
+    triggerButtonProps?: ButtonProps;
 }
-type TTriggerVariantButton = "default" | "avatar";
 interface IUserData {
@@ -1356,3 +1352,3 @@ avatarUrl?: string;
 
-type IndicatorsVariant = "dark" | "light";
+type NavigationVariant = "dark" | "light";
 interface CarouselIndicatorsProps {
@@ -1362,3 +1358,3 @@ indicatorsList: number[];
     onClick: (index: number) => void;
-    variant?: IndicatorsVariant;
+    variant?: NavigationVariant;
 }
@@ -1368,17 +1364,34 @@ interface CarouselButtonProps {
     onClick?: () => void;
+    variant?: NavigationVariant;
 }
 type IndicatorsPosition = "inside" | "outside";
-interface CarouselProps {
-    options?: Omit<Partial<EmblaOptionsType>, "slides">;
-    slides: ReactNode[];
+interface IndicatorsInterface {
     indicatorsPosition?: IndicatorsPosition;
     indicators?: boolean | ((props: CarouselIndicatorsProps) => ReactNode);
-    indicatorsVariant?: IndicatorsVariant;
+    indicatorsVariant?: NavigationVariant;
+}
+interface ArrowsInterface {
+    arrowsVariant?: NavigationVariant;
     nextButton?: boolean | ((props: CarouselButtonProps) => ReactNode);
     prevButton?: boolean | ((props: CarouselButtonProps) => ReactNode);
-    className?: string;
-    itemClassName?: string;
 }
+interface EmblaCarouselProps {
+    options?: Omit<Partial<EmblaOptionsType>, "slides">;
+    plugins?: EmblaPluginType[];
+}
+interface BaseCarouselProps {
+    slides: ReactNode[];
+    slidesWrapperClassName?: string;
+    slideClassName?: string;
+}
+interface CarouselProps extends IndicatorsInterface, ArrowsInterface, EmblaCarouselProps, BaseCarouselProps {
+}
+interface SlidesCarouselProps extends ArrowsInterface, BaseCarouselProps {
+    slidesToScroll?: number;
+}
 
-declare const Carousel: FC<CarouselProps>;
+declare const Carousel: {
+    (props: CarouselProps): JSX.Element;
+    Scroll: react__default.FC<SlidesCarouselProps>;
+};
 
@@ -1517,5 +1530,7 @@ interface DropdownProps {
             lgCircularProgress: string;
+            scrollbar: string;
         };
         height: {
             smCarouselDot: string;
+            scrollbar: string;
         };
@@ -1527,2 +1542,3 @@ minHeight: {
             px: string;
+            scrollbar: string;
         };
@@ -1529,0 +1545,0 @@ borderWidth: {

package.json

 {
   "name": "@elpassion/taco",
-  "version": "0.0.56",
+  "version": "0.0.57",
   "main": "cjs/index.js",
@@ -5,0 +5,0 @@ "module": "index.js",

No alert changes

Improved metrics

Total package byte prevSize

391734

increased by2.12%

Number of package files

308

increased by0.65%

Lines of code

5272

increased by1.93%

No dependency changes