@billgangcom/theme-lib 1.110.4 → 1.110.5

package/dist/src/ui/ItemsSettings/index.d.ts

@@ -0,0 +1,70 @@
+import React from 'react';
+import { ModalOption } from './popup';
+import { Other } from '../OtherSettings';
+import { AspectRatio, TypeFontKeys } from '@constants';
+export interface ItemBase {
+    images: string[];
+    name: {
+        'en-US': string;
+    };
+    id: string;
+}
+interface CommomPropsBase<T extends ItemBase> {
+    isActiveItems?: boolean;
+    setIsActiveItems?: (value: boolean) => void;
+    items: T[];
+    setItems: (value: T[]) => void;
+    title?: string;
+    subtitle?: string;
+    editable?: boolean;
+    draggable?: boolean;
+    withImage?: boolean;
+    deletable?: boolean;
+    addable?: boolean;
+    other?: Other[];
+    addableOptions?: Record<string, any>;
+    tip?: string;
+    hasRangeSelector?: boolean;
+    rangeSelectorOptions?: {
+        count: number;
+        setCount: (value: number) => void;
+        min?: number;
+        max?: number;
+        step?: number;
+        label?: string;
+    };
+    limit?: number;
+    modalOptions?: ModalOption<T>[];
+    typeFont?: TypeFontKeys;
+    setTypeFont?: (value: TypeFontKeys) => void;
+    aspectRatio?: AspectRatio;
+    setAspectRatio?: React.Dispatch<React.SetStateAction<AspectRatio>>;
+    autoInterval?: {
+        setAutoInterval: React.Dispatch<React.SetStateAction<number>>;
+        autoInterval: number;
+        title?: string;
+    };
+}
+interface SelectProps<T extends ItemBase> extends CommomPropsBase<T> {
+    itemsType: 'select';
+    itemsPlaceholder?: never;
+    itemsOptions: T[];
+}
+interface SelectInfiniteListProps<T extends ItemBase> extends CommomPropsBase<T> {
+    itemsType: 'selectInfiniteList';
+    itemsPlaceholder?: never;
+    itemsOptions: T[];
+}
+interface InputProps<T extends ItemBase> extends CommomPropsBase<T> {
+    itemsType: 'input';
+    itemsPlaceholder?: string;
+    itemsOptions?: never;
+}
+interface ImageProps<T extends ItemBase> extends CommomPropsBase<T> {
+    itemsType: 'image';
+    itemsPlaceholder?: never;
+    itemsOptions?: never;
+}
+type Props<T extends ItemBase> = SelectProps<T> | InputProps<T> | ImageProps<T> | SelectInfiniteListProps<T>;
+export declare const ItemsSettings: <T extends ItemBase = ItemBase>(props: Props<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/ui/ItemsSettings/popup.d.ts

@@ -0,0 +1,84 @@
+import { ItemBase } from '.';
+import React from 'react';
+interface ImageOption<T> {
+    type: 'image';
+    label?: string;
+    field: keyof T;
+}
+interface TextOption<T> {
+    type: 'text';
+    label?: string;
+    field: {
+        type: keyof T;
+        text: keyof T;
+        typeFont: keyof T;
+        alignText: keyof T;
+    };
+}
+interface InputOption<T> {
+    type: 'input';
+    label?: string;
+    field: keyof T;
+    placeholder?: string;
+}
+interface InputSwitchOption<T> {
+    type: 'inputSwitch';
+    inputLabel?: string;
+    switchLabel?: string;
+    field: {
+        text: keyof T;
+        switch: keyof T;
+    };
+    placeholder?: string;
+}
+interface ListOption<T> {
+    type: 'list';
+    label?: string;
+    field: keyof T;
+    draggable?: boolean;
+    deletable?: boolean;
+    editable?: boolean;
+    itemsOptions: T[];
+    addableOptions?: Record<string, any>;
+    modalOptions?: ModalOption<any>[];
+}
+interface SelectOption<T> {
+    type: 'select';
+    label?: string;
+    field: keyof T;
+    itemsOptions: string[];
+    leftAddonOptions?: {
+        value: string;
+        addon: React.ReactNode;
+    }[];
+    switcher?: keyof T;
+}
+interface SelectInfiniteListOption<T> {
+    type: 'selectInfiniteList';
+    label?: string;
+    field: keyof T;
+    itemsOptions: string[];
+    leftAddonOptions?: {
+        value: string;
+        addon: React.ReactNode;
+    }[];
+    switcher?: keyof T;
+}
+interface SelectTypeFontOption<T> {
+    type: 'selectTypeFont';
+    label?: string;
+    field: keyof T;
+}
+export type ModalOption<T> = ImageOption<T> | TextOption<T> | InputOption<T> | InputSwitchOption<T> | ListOption<T> | SelectOption<T> | SelectInfiniteListOption<T> | SelectTypeFontOption<T>;
+interface Props<T extends ItemBase> {
+    activeItem: T;
+    setActiveItem: (value: T | null) => void;
+    popupPosition: {
+        top: number;
+        left: number;
+    };
+    setIsOpenModal: React.Dispatch<React.SetStateAction<boolean>>;
+    modalOptions: ModalOption<T>[];
+}
+export declare const ItemPopup: React.ForwardRefExoticComponent<Props<ItemBase> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/ui/LayoutSettings/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export type Alignment = 'left' | 'right' | 'top' | 'bottom' | 'topLeft' | 'topRight' | 'center' | 'bottomLeft' | 'bottomRight';
+export type Padding = 'left' | 'top' | 'right' | 'bottom';
+interface Props {
+    alignment: string;
+    padding: Record<Padding, number>;
+    setAlignment: (value: Alignment) => void;
+    setPadding: (value: Record<Padding, number>) => void;
+    isAlignment?: boolean;
+    isPadding?: boolean;
+}
+export declare const LayoutSettings: React.FC<Props>;
+export {};

package/dist/src/ui/Link/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface LinkProps {
+    children: React.ReactNode;
+    path: string;
+    className?: string;
+    target?: '_blank' | '_self';
+    id?: string;
+}
+export declare const Link: ({ children, path, className, target, id }: LinkProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/ui/ListingSelector/index.d.ts

@@ -0,0 +1,134 @@
+import { Other } from '../OtherSettings';
+import { AspectRatio } from '@constants';
+export interface ProductData {
+    id: number;
+    link: {
+        to: string;
+    };
+    productData: {
+        compareAtPrice?: {
+            amount: number;
+            currency: string;
+        };
+        images: {
+            cfId: string;
+            id: number;
+        }[];
+        isInStock: boolean;
+        minPrice: {
+            amount: number;
+            currency: string;
+        };
+        name: string;
+        shortDescription?: string;
+        stats: {
+            averageRating: number;
+            totalReviews: number;
+            totalSold: number;
+        };
+        uniquePath: string;
+    };
+    type: 'PRODUCT';
+}
+export interface ProductData {
+    id: number;
+    link: {
+        to: string;
+    };
+    productData: {
+        compareAtPrice?: {
+            amount: number;
+            currency: string;
+        };
+        images: {
+            cfId: string;
+            id: number;
+        }[];
+        isInStock: boolean;
+        minPrice: {
+            amount: number;
+            currency: string;
+        };
+        name: string;
+        shortDescription?: string;
+        stats: {
+            averageRating: number;
+            totalReviews: number;
+            totalSold: number;
+        };
+        uniquePath: string;
+    };
+    type: 'PRODUCT';
+}
+export interface GroupData {
+    id: number;
+    link: {
+        to: string;
+    };
+    groupData: {
+        id: 254676093;
+        image?: {
+            id: number;
+            cfId: string;
+        };
+        listingIdList: number[];
+        name: string;
+        shortDescription?: string;
+        uniquePath: string;
+    };
+    type: 'GROUP';
+}
+export interface PostData {
+    id: number;
+    link: {
+        to: string;
+    };
+    postData: {
+        button: {
+            text: 'Read More';
+            link: 'https://google.com';
+        };
+        link: 'https://google.com';
+        text: 'Read More';
+        createdAtIso: '2024-11-05T13:25:34.121775Z';
+        image: {
+            id: 254785144;
+            cfId: 'A5gbiev6F8AaBvp6M146Kw/ea9b1c91-b69d-45a1-ab60-1f13656ed800';
+        };
+        cfId: 'A5gbiev6F8AaBvp6M146Kw/ea9b1c91-b69d-45a1-ab60-1f13656ed800';
+        id: 254785144;
+        shortDescription: 'test-subtitle';
+        title: 'test-post';
+        uniquePath: 'test-post';
+    };
+    type: 'POST';
+}
+export type ListingData<T extends 'GROUP' | 'PRODUCT' | 'POST' = 'PRODUCT'> = T extends 'GROUP' ? GroupData : T extends 'PRODUCT' ? ProductData : PostData;
+interface Props {
+    isActiveItems?: boolean;
+    setIsActiveItems?: (value: boolean) => void;
+    items: {
+        listingId: number;
+        image: string;
+    }[];
+    setItems: (value: {
+        listingId: number;
+        image: string;
+    }[]) => void;
+    title?: string;
+    subtitle?: string;
+    editable?: boolean;
+    draggable?: boolean;
+    withImage?: boolean;
+    deletable?: boolean;
+    addable?: boolean;
+    other?: Other[];
+    addableOptions?: Record<string, any>;
+    itemsType: 'select';
+    itemsOptions: ListingData[];
+    limit?: number;
+    aspectRatio?: AspectRatio;
+    setAspectRatio?: (value: AspectRatio) => void;
+}
+export declare const ListingSelector: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/ui/ListingSelector/popup.d.ts

@@ -0,0 +1,20 @@
+import { ListingData } from '.';
+import React from 'react';
+interface Props {
+    activeItem: {
+        listingId: number;
+        image: string;
+    };
+    setActiveItem: (value: {
+        listingId: number;
+        image: string;
+    } | null) => void;
+    setIsOpenModal: React.Dispatch<React.SetStateAction<boolean>>;
+    popupPosition: {
+        top: number;
+        left: number;
+    };
+    itemsOptions: ListingData[];
+}
+export declare const ListingPopup: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/ui/Loader/index.d.ts

@@ -0,0 +1,4 @@
+interface LoaderProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const Loader: React.FC<LoaderProps>;
+export {};

package/dist/src/ui/LoaderBuilder/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const LoaderBuilder: React.FC;

package/dist/src/ui/MetaInfoPost/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface Props {
+    date: string;
+}
+export declare const MetaInfoPost: React.FC<Props>;
+export {};

package/dist/src/ui/Modal/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    close: (value: boolean) => void;
+    children: React.ReactNode;
+    withAnimation?: boolean;
+    hasPadding?: boolean;
+}
+export declare const Modal: React.FC<Props>;
+export {};

package/dist/src/ui/NotificationAntistock/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type NotificationComponentProps = {
+    type: 'warning' | 'error' | 'success';
+    message: string;
+    style?: React.CSSProperties;
+    padding?: number;
+    timer: number;
+    id: string;
+};
+export declare const NotificationAntistock: React.FC<NotificationComponentProps>;
+export {};

package/dist/src/ui/NotificationBuilder/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { NotificationComponentProps } from '@constants';
+interface Props {
+    type: 'warning' | 'error' | 'success';
+    message: string;
+    style?: React.CSSProperties;
+    padding?: number;
+    timer: number;
+    id: string;
+    element?: React.FC<NotificationComponentProps>;
+}
+export declare const NotificationBuilder: React.FC<Props>;
+export {};

package/dist/src/ui/OtherSettings/index.d.ts

@@ -0,0 +1,15 @@
+export interface Other {
+    isItem: boolean;
+    setIsItem: (value: boolean) => void;
+    label?: string;
+}
+export interface Tags extends Other {
+}
+interface Props {
+    title?: string;
+    items: Other[];
+    otherTitle?: string;
+    tagsTitle?: string;
+}
+export declare const OtherAndTagsSettings: React.FC<Props>;
+export {};

package/dist/src/ui/PagesSettings/index.d.ts

@@ -0,0 +1,26 @@
+export interface PageBase {
+    name: string;
+    id: string;
+}
+interface CommomPropsBase<T extends PageBase> {
+    isActiveItems?: boolean;
+    setIsActiveItems?: (value: boolean) => void;
+    items: T[];
+    setItems: (value: T[]) => void;
+    title?: string;
+    subtitle?: string;
+    editable?: boolean;
+    draggable?: boolean;
+    deletable?: boolean;
+    addable?: boolean;
+    addableOptions?: Record<string, any>;
+    limit?: number;
+}
+interface SelectProps<T extends PageBase> extends CommomPropsBase<T> {
+    itemsType: 'select';
+    itemsPlaceholder?: never;
+    itemsOptions: T[];
+}
+type Props<T extends PageBase> = SelectProps<T>;
+export declare const PagesSettings: <T extends PageBase>(props: Props<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/ui/ProductCardButtons/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ProductCardModalType } from '../ProductCardModal';
+interface Props {
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    setModalType: React.Dispatch<React.SetStateAction<ProductCardModalType>>;
+    productId: number;
+    isCartEnabled?: boolean;
+}
+export declare const ProductCardButtons: React.FC<Props>;
+export {};

package/dist/src/ui/ProductCardModal/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type ProductCardModalType = 'Add To Cart' | 'Buy Now';
+interface Props {
+    productId: number;
+    type: ProductCardModalType;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    isCartEnabled?: boolean;
+}
+export declare const ProductCardModal: React.FC<Props>;
+export {};

package/dist/src/ui/ProductOptions/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Product } from '../../abstractions';
+export declare enum ChargeTypes {
+    ONE_TIME = "One-Time",
+    RECURRING = "Subscribe & Save"
+}
+interface Props {
+    product: Product;
+    setIsOpen?: (isOpen: boolean) => void;
+    isCartEnabled?: boolean;
+}
+export declare const ProductOptions: React.FC<Props>;
+export {};

package/dist/src/ui/Radio/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface Option {
+    value: string;
+    label: string;
+}
+interface RadioGroupProps {
+    label?: string;
+    defaultValue: string;
+    options: Option[];
+    onChange: (value: string) => void;
+    flexDirection?: 'row' | 'column';
+}
+export declare const Radio: React.FC<RadioGroupProps>;
+export {};

package/dist/src/ui/RangeSelector/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface Props {
+    min?: number;
+    max?: number;
+    step?: number;
+    count: number;
+    setCount: (value: number) => void;
+    label?: string;
+}
+export declare const RangeSelector: React.FC<Props>;
+export {};

package/dist/src/ui/Select/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+interface Props {
+    style?: React.CSSProperties;
+    onChange: (value: string) => void;
+    label?: string;
+    value: string;
+    options: string[];
+    switcher?: {
+        value: boolean;
+        onChange: (value: boolean) => void;
+    };
+    isSearch?: boolean;
+    postfixs?: string[];
+    leftAddonOptions?: {
+        value: string;
+        addon: React.ReactNode;
+    }[];
+}
+export declare const Select: React.FC<Props>;
+export {};

package/dist/src/ui/Select/utils/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function useOnClickOutside<T extends HTMLElement>(ref: React.RefObject<T>, handler: (event: MouseEvent | TouchEvent) => void): void;

package/dist/src/ui/SelectInfiniteList/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+interface Props {
+    style?: React.CSSProperties;
+    onChange: (value: string) => void;
+    label?: string;
+    value: string;
+    options: string[];
+    switcher?: {
+        value: boolean;
+        onChange: (value: boolean) => void;
+    };
+    isSearch?: boolean;
+    postfixs?: string[];
+    leftAddonOptions?: {
+        value: string;
+        addon: React.ReactNode;
+    }[];
+}
+export declare const SelectInfiniteList: React.FC<Props>;
+export {};

package/dist/src/ui/SelectInfiniteList/utils/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function useOnClickOutside<T extends HTMLElement>(ref: React.RefObject<T>, handler: (event: MouseEvent | TouchEvent) => void): void;

package/dist/src/ui/SelectTypeText/index.d.ts

@@ -0,0 +1,8 @@
+import { TypeFontKeys } from '@constants';
+import React from 'react';
+interface Props {
+    typeFont: TypeFontKeys;
+    setTypeFont: (value: TypeFontKeys) => void;
+}
+export declare const SelectTypeText: React.FC<Props>;
+export {};

package/dist/src/ui/ShareLink/index.d.ts

@@ -0,0 +1,5 @@
+interface ShareLinkProps {
+    title?: string;
+}
+export declare const ShareLink: React.FC<ShareLinkProps>;
+export {};

package/dist/src/ui/Switch/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface Props {
+    onChange?: (value: boolean) => void;
+    style?: React.CSSProperties;
+    current: boolean;
+    label?: string;
+    hasBackground?: boolean;
+    paddingless?: boolean;
+}
+export declare const Switch: React.FC<Props>;
+export {};

package/dist/src/ui/TextSettings/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { TextType } from '../TypesText';
+import { TypeFontKeys } from '@constants';
+import { AlignText } from '../AlignText';
+interface Props {
+    typesText: TextType[];
+    setTypesText: (value: TextType[]) => void;
+    isActiveText?: boolean;
+    setIsActiveText?: (value: boolean) => void;
+    text: string;
+    setText: (value: string) => void;
+    title?: string;
+    subtitle?: string;
+    typeFont: TypeFontKeys;
+    setTypeFont: (value: TypeFontKeys) => void;
+    alignText: AlignText;
+    setAlignText: (value: AlignText) => void;
+}
+export declare const TextSettings: React.FC<Props>;
+export {};

package/dist/src/ui/Textarea/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface Props {
+    style?: React.CSSProperties;
+    placeholder?: string;
+    onChange: (value: string) => void;
+    label?: string;
+    value: string;
+    maxLength?: number;
+    type?: 'number' | 'text';
+    required?: boolean;
+}
+export declare const Textarea: React.FC<Props>;
+export {};

package/dist/src/ui/TextareaSettings/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface Props {
+    style?: React.CSSProperties;
+    placeholder?: string;
+    onChange: (value: string) => void;
+    label?: string;
+    value: string;
+    maxLength?: number;
+}
+export declare const TextareaSettings: React.FC<Props>;
+export {};

package/dist/src/ui/Tip/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface Props {
+    type: 'warning' | 'error' | 'success';
+    message: string;
+    style?: React.CSSProperties;
+    padding?: number;
+    id?: string;
+}
+export declare const Tip: React.FC<Props>;
+export {};

package/dist/src/ui/TypesText/index.d.ts

@@ -0,0 +1,7 @@
+export type TextType = 'bold' | 'italic' | 'underline' | 'strike-through';
+interface Props {
+    typesText: TextType[];
+    setTypesText: (value: TextType[]) => void;
+}
+export declare const TypesText: React.FC<Props>;
+export {};

package/dist/src/ui/Wrapper/index.d.ts

@@ -0,0 +1,11 @@
+import { Padding } from '../LayoutSettings';
+import React from 'react';
+interface WrapperProps {
+    children: (adaptiveStyles: string) => React.ReactNode;
+    padding?: Record<Padding, number>;
+    style?: React.CSSProperties;
+    notPadding?: boolean;
+    maxWidth?: string;
+}
+export declare const Wrapper: React.FC<WrapperProps>;
+export {};