6pp - npm Package Compare versions

Comparing version 1.1.10 to 1.1.11

index.d.ts

 import {
+  // -------------------------Button Types------------------
   PaginationButtonType,
   PageStepperButtonType,
+  CarouselButtonType,
+
+  // -------------------------Hooks------------------
   UseFetchDataType,
@@ -10,4 +14,12 @@ UseFileHandlerType,
   UseInfiniteScrollTopType,
+  UseConfirmModalType,
+  UseRatingType,
+  // -----------------------Components----------------
   PageStepperType,
   PaginationType,
+  MyntraCarouselType,
+  StylishCarouselType,
+  SliderType,
+  FireBoltType,
+  // -----------------------Validators----------------
   isIncludeNumberType,
@@ -28,2 +40,3 @@ isIncludeSpecialCharType,
 declare module "6pp" {
+  // -------------------------Hooks------------------
   export const useFetchData: UseFetchDataType;
@@ -41,2 +54,8 @@
 
+  export const useConfirmModal: UseConfirmModalType;
+
+  export const useRating: UseRatingType;
+
+  // -------------------------Components------------------
+
   export const PageStepper: PageStepperType;
@@ -46,2 +65,12 @@
 
+  export const MyntraCarousel: MyntraCarouselType;
+
+  export const StylishCarousel: StylishCarouselType;
+
+  export const Slider: SliderType;
+
+  export const FireBolt: FireBoltType;
+
+  // -------------------------Validators------------------
+
   export const isIncludeNumber: isIncludeNumberType;
@@ -71,3 +100,7 @@
 
-  export type { PaginationButtonType, PageStepperButtonType };
+  export type {
+    PaginationButtonType,
+    PageStepperButtonType,
+    CarouselButtonType,
+  };
 }

package.json

 {
   "name": "6pp",
-  "version": "1.1.10",
+  "version": "1.1.11",
   "description": "",
@@ -5,0 +5,0 @@ "main": "./dist/bundle.js",

src/index.ts

 export * from "./hooks/fetching";
 export * from "./hooks/forms";
+export * from "./hooks/useModals";
+export * from "./hooks/useRating";
 export * from "./hooks/useInfinityScroll";
 export * from "./components/PaginationWithCount";
 export * from "./components/PageStepper";
+export * from "./components/Carousel";
+export * from "./components//Cursors";
 export * from "./types";
 export * from "./lib/validators";

src/types.ts

@@ -6,3 +6,5 @@ import {
   Dispatch,
+  MemoExoticComponent,
   MutableRefObject,
+  ReactElement,
   ReactNode,
@@ -12,2 +14,4 @@ SetStateAction,
 
+// -----------------------------Button Types--------------------------------
+
 type PaginationButtonType = ComponentType<{
@@ -25,2 +29,8 @@ children: ReactNode;
 
+type CarouselButtonType = ComponentType<{
+  onClick: () => void;
+}>;
+
+// -----------------------------Hooks Types--------------------------------
+
 type UseFetchDataType = <T>(
@@ -103,2 +113,56 @@ url: string,
 
+type UseConfirmModalProps = {
+  title?: string;
+  subtitle?: string;
+  confirmHandler: Function;
+};
+
+type ConfirmModalProps = {
+  containerStyles?: CSSProperties;
+  titleStyles?: CSSProperties;
+  subtitleStyles?: CSSProperties;
+  noBtnStyles?: CSSProperties;
+  yesBtnStyles?: CSSProperties;
+  containerClassName?: string;
+};
+
+type UseConfirmModalType = ({
+  title,
+  subtitle,
+  confirmHandler,
+}: UseConfirmModalProps) => {
+  ConfirmModal: ({
+    containerStyles,
+    noBtnStyles,
+    yesBtnStyles,
+    subtitleStyles,
+    titleStyles,
+    containerClassName,
+  }: ConfirmModalProps) => JSX.Element;
+  showModal: () => void;
+  close: () => void;
+};
+
+type UseRatingPropsType = {
+  IconFilled: ReactElement;
+  IconOutline: ReactElement;
+  maxRating?: number;
+  value?: number;
+  selectable?: boolean;
+  styles?: CSSProperties;
+};
+
+type UseRatingType = ({
+  IconFilled,
+  IconOutline,
+  maxRating,
+  value,
+  selectable,
+  styles,
+}: UseRatingPropsType) => {
+  Ratings: () => JSX.Element;
+  rating: number;
+  setRating: Dispatch<SetStateAction<number>>;
+};
+
 // -----------------------------Component Types--------------------------------
@@ -122,3 +186,3 @@
   Container,
-}: PageStepperProps) => React.JSX.Element;
+}: PageStepperProps) => JSX.Element;
 
@@ -141,4 +205,78 @@ type PaginationProps = {
   Container,
-}: PaginationProps) => React.JSX.Element;
+}: PaginationProps) => JSX.Element;
 
+type MyntraCarouselPropsType = {
+  images: string[];
+  darkMode?: boolean;
+  objectFit?: "cover" | "contain" | "fill" | "none" | "scale-down";
+  setIsOpen: Dispatch<SetStateAction<boolean>>;
+  PrevButton: CarouselButtonType;
+  NextButton: CarouselButtonType;
+};
+
+type MyntraCarouselType = ({
+  images,
+  darkMode,
+  objectFit,
+  setIsOpen,
+  PrevButton,
+  NextButton,
+}: MyntraCarouselPropsType) => JSX.Element;
+
+type StylishCarouselProps = {
+  images: string[];
+  objectFit?: "cover" | "contain" | "fill" | "none" | "scale-down";
+  imageBg?: string;
+  imageSize?: string[];
+  sideImageSize?: string[];
+};
+
+type StylishCarouselType = ({
+  imageSize,
+  images,
+  objectFit,
+  imageBg,
+  sideImageSize,
+}: StylishCarouselProps) => JSX.Element;
+
+type SliderProps = {
+  images: string[];
+  objectFit?: "cover" | "contain" | "fill" | "none" | "scale-down";
+  PrevIcon?: ReactElement;
+  NextIcon?: ReactElement;
+  bgColor?: string;
+  showNav?: boolean;
+  showDots?: boolean;
+  showThumbnails?: boolean;
+  autoplay?: boolean;
+  autoplayDuration?: number;
+  onClick?: () => void;
+};
+
+type SliderType = ({
+  images,
+  objectFit,
+  PrevIcon,
+  NextIcon,
+  bgColor,
+  showNav,
+  showDots,
+  showThumbnails,
+  autoplay,
+  autoplayDuration,
+  onClick,
+}: SliderProps) => JSX.Element;
+
+type FireBoltPropsType = {
+  size?: number;
+  color?: string;
+  styles?: CSSProperties;
+  zoom?: string;
+  mode?: "normal" | "difference";
+};
+
+type FireBoltType = MemoExoticComponent<
+  ({ size, color, styles, zoom, mode }: FireBoltPropsType) => JSX.Element
+>;
+
 // ---------------Validators-----------------
@@ -175,4 +313,8 @@
 export type {
+  // -------------------------Button Types------------------
   PaginationButtonType,
   PageStepperButtonType,
+  CarouselButtonType,
+
+  // -------------------------Hooks------------------
   UseFetchDataType,
@@ -185,2 +327,6 @@ FileHandlerType,
   UseInfiniteScrollTopType,
+  ConfirmModalProps,
+  UseConfirmModalType,
+  UseRatingType,
+  // -----------------------Components----------------
   PageStepperProps,
@@ -190,2 +336,7 @@ PageStepperType,
   PaginationType,
+  MyntraCarouselType,
+  StylishCarouselType,
+  SliderType,
+  FireBoltType,
+  // -----------------------Validators----------------
   isIncludeNumberType,
@@ -192,0 +343,0 @@ isIncludeSpecialCharType,

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

82519

increased by41.04%

Number of package files

22

increased by22.22%

Lines of code

1711

increased by100.59%

No dependency changes