@js-empire/emperor-ui 1.3.8 → 1.3.10

package/dist/src/i18n/utils/localize.d.ts

@@ -0,0 +1,6 @@
+import { Lang } from '..';
+export declare const localize: ({ object, lang, key, }: {
+    lang: Lang;
+    key: string;
+    object?: Record<string, string> | undefined;
+}) => string | null | undefined;

package/dist/src/index.d.ts

@@ -0,0 +1,10 @@
+export * from './components';
+export * from './constants';
+export * from './context';
+export * from './examples';
+export * from './hooks';
+export * from './providers';
+export type * from './types';
+export * from './utils';
+export * from './mocks';
+export * from './enums';

package/dist/src/mocks/constants.d.ts

@@ -0,0 +1,10 @@
+import { MockItemCategory, MockItemBrand, MockColor } from './types';
+export declare const MOCK_ITEM_CATEGORIES: MockItemCategory[];
+export declare const MOCK_ITEM_BRANDS: MockItemBrand[];
+export declare const MOCK_COLORS: MockColor[];
+export declare const MOCK_BASE_DATE: Date;
+export declare const MOCK_REVIEW_COMMENTS: readonly string[];
+export declare const MOCK_REVIEW_AUTHORS: string[];
+export declare const MOCK_LISTING_TITLES: string[];
+export declare const MOCK_LISTING_DESCRIPTIONS: string[];
+export declare const MOCK_LISTING_IMAGES: string[];

package/dist/src/mocks/deletion-confirmor.d.ts

@@ -0,0 +1,7 @@
+/** Default delay in ms for mock awaiting delete (e.g. in Storybook). */
+export declare const MOCK_AWAITING_DELETE_MS = 2000;
+/**
+ * Mocks an async delete: returns a function that resolves after a delay then calls onClose.
+ * Used for Storybook to simulate confirm-button loading state.
+ */
+export declare const mockAwaitingDelete: (onClose: () => void, delayMs?: number) => () => Promise<void>;

package/dist/src/mocks/header.d.ts

@@ -0,0 +1,5 @@
+import { SideBarAction, NavigationItem } from '../types';
+export declare const MOCK_HEADER_SUB_ITEMS: NavigationItem[];
+export declare const MOCK_HEADER_ITEMS: NavigationItem[];
+export declare const MOCK_HEADER_ITEMS_WITH_SUB_ITEMS: NavigationItem[];
+export declare const MOCK_HEADER_ACTIONS: SideBarAction[];

package/dist/src/mocks/index.d.ts

@@ -0,0 +1,6 @@
+export * from './constants';
+export * from './deletion-confirmor';
+export * from './header';
+export * from './listings';
+export * from './types';
+export * from './locales';

package/dist/src/mocks/listings.d.ts

@@ -0,0 +1,14 @@
+import { MockReview, MockItemType } from './types';
+export declare const MOCK_ITEM_REVIEWS_1: MockReview[];
+export declare const MOCK_ITEM_REVIEWS_2: MockReview[];
+export declare const MOCK_ITEM_REVIEWS_3: MockReview[];
+export declare const MOCK_LISTINGS: MockItemType[];
+export declare const getListings: ({ page, pageSize, }: {
+    page?: number;
+    pageSize?: number;
+}) => Promise<{
+    items: MockItemType[];
+}>;
+export declare const getListing: () => Promise<{
+    item?: MockItemType | null | undefined;
+}>;

package/dist/src/mocks/locales/index.d.ts

@@ -0,0 +1 @@
+export * from './uploader';

package/dist/src/mocks/locales/uploader.d.ts

@@ -0,0 +1,2 @@
+import { LangKey, Locale } from '../../i18n';
+export declare const uploaderLocalesMock: Record<LangKey, Partial<Locale["atoms"]["uploader"]>>;

package/dist/src/mocks/types.d.ts

@@ -0,0 +1,28 @@
+import { ItemChipProps } from '../types';
+export type MockItemCategory = "laptops" | "desktops" | "monitors" | "keyboards" | "mice" | "headsets" | "printers" | "storage" | "components" | "networking";
+export type MockColor = "red" | "blue" | "green" | "yellow" | "purple" | "orange" | "pink" | "brown" | "gray" | "black" | "white";
+export type MockItemBrand = "Apple" | "Dell" | "HP" | "Lenovo" | "Asus" | "Acer" | "MSI" | "Razer" | "Samsung" | "Microsoft";
+export type MockReview = {
+    id: number;
+    rating: number;
+    comment: string;
+    author: string;
+    createdAt: Date;
+    updatedAt: Date;
+};
+export type MockItemType = {
+    id: number;
+    title: string;
+    description: string;
+    image: string;
+    price: number;
+    categories: ItemChipProps[];
+    isAvailable: boolean;
+    isBestSeller: boolean;
+    averageRating: number;
+    reviews: MockReview[];
+    brand: MockItemBrand;
+    color: MockColor;
+    createdAt: Date;
+    updatedAt: Date;
+};

package/dist/src/providers/config-provider.d.ts

@@ -0,0 +1,2 @@
+import { ConfigProviderProps } from '../types';
+export declare function ConfigProvider({ children, config, }: ConfigProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/providers/emperor-ui-provider.d.ts

@@ -0,0 +1,4 @@
+import { ConfigProviderProps } from '../types';
+type EmperorUIProviderProps = ConfigProviderProps & {};
+export declare function EmperorUIProvider({ children, ...props }: EmperorUIProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/providers/form-builder-provider-context.d.ts

@@ -0,0 +1,7 @@
+import { FieldValues } from 'react-hook-form';
+import { ReactNode } from 'react';
+import { FormBuilderValue } from '../types';
+export declare function FormBuilderProvider<TSchema extends FieldValues>({ children, value, }: {
+    children: ReactNode;
+    value: FormBuilderValue<TSchema>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/providers/index.d.ts

@@ -0,0 +1,6 @@
+export * from './config-provider';
+export * from './emperor-ui-provider';
+export * from './navigation-provider';
+export * from './uploader-provider';
+export * from './theme-provider';
+export * from './form-builder-provider-context';

package/dist/src/providers/navigation-provider.d.ts

@@ -0,0 +1,2 @@
+import { NavigationProviderProps } from '../types';
+export declare function NavigationProvider({ children }: NavigationProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/providers/theme-provider.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export type ThemeProviderProps = {
+    children: ReactNode;
+};
+export declare function ThemeProvider({ children }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/providers/uploader-provider.d.ts

@@ -0,0 +1,2 @@
+import { UploaderProviderProps } from '../types';
+export declare function UploaderProvider({ children, ...props }: UploaderProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/styles/hero.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('node_modules/tailwindcss/dist/types-CJYAW1ql.d.mts').b;
+export default _default;

package/dist/src/types/components/atoms/brand.d.ts

@@ -0,0 +1,12 @@
+import { SharedComponentProps } from '../..';
+export type BrandProps = SharedComponentProps & {
+    src?: string;
+    alt?: string;
+    name?: string;
+    isIconOnly?: boolean;
+    classNames?: {
+        base?: string;
+        logo?: string;
+        name?: string;
+    };
+};

package/dist/src/types/components/atoms/color-picker/color-picker.d.ts

@@ -0,0 +1,10 @@
+import { InputProps } from '@heroui/input';
+import { SelectProps } from '@heroui/select';
+export type ColorPickerInputType = "free" | "preset";
+export type ColorPickerProps = Omit<InputProps & SelectProps, "onChange" | "onValueChange" | "onSelectionChange" | "children" | "selectedKeys" | "defaultSelectedKeys" | "value"> & {
+    inputType: ColorPickerInputType;
+    presets?: string[];
+    onChange?: (value: string) => void;
+    value?: string;
+    defaultValue?: string;
+};

package/dist/src/types/components/atoms/color-picker/index.d.ts

@@ -0,0 +1 @@
+export * from './color-picker';

package/dist/src/types/components/atoms/column.d.ts

@@ -0,0 +1,2 @@
+import { SharedComponentProps } from '../..';
+export type ColumnProps = SharedComponentProps & {};

package/dist/src/types/components/atoms/container.d.ts

@@ -0,0 +1,2 @@
+import { SharedComponentProps } from '../..';
+export type ContainerProps = SharedComponentProps & {};

package/dist/src/types/components/atoms/field/field.d.ts

@@ -0,0 +1,36 @@
+import { SharedComponentProps } from '../../..';
+import { AutocompleteItemProps, AutocompleteProps } from '@heroui/autocomplete';
+import { CheckboxProps } from '@heroui/checkbox';
+import { InputProps, TextAreaProps } from '@heroui/input';
+import { RadioGroupProps } from '@heroui/radio';
+import { SelectItemProps, SelectProps } from '@heroui/select';
+import { SwitchProps } from '@heroui/switch';
+import { FieldValues, Path } from 'react-hook-form';
+export type FieldClassnames = {
+    base?: string;
+    field?: string;
+};
+export type FieldType = "input" | "textarea" | "checkbox" | "select" | "autocomplete" | "switch" | "radio";
+export type FieldOption = {
+    key: string;
+    label: string;
+};
+type FieldTypesProps = {
+    inputProps?: InputProps;
+    textareaProps?: TextAreaProps;
+    checkboxProps?: CheckboxProps;
+    selectProps?: Omit<SelectProps, "children" | "selectedKeys" | "onSelectionChange">;
+    selectItemProps?: SelectItemProps;
+    autocompleteProps?: Omit<AutocompleteProps, "children" | "selectedKey" | "onSelectionChange">;
+    autocompleteItemProps?: AutocompleteItemProps;
+    switchProps?: SwitchProps;
+    radioGroupProps?: Omit<RadioGroupProps, "children" | "value" | "onValueChange">;
+};
+type SharedFieldProps<TFieldValues extends FieldValues> = {
+    classNames?: FieldClassnames;
+    type: FieldType;
+    name: Path<TFieldValues>;
+    options?: FieldOption[];
+};
+export type FieldProps<TFieldValues extends FieldValues = FieldValues> = SharedComponentProps & FieldTypesProps & SharedFieldProps<TFieldValues>;
+export {};

package/dist/src/types/components/atoms/field/index.d.ts

@@ -0,0 +1 @@
+export type * from './field';

package/dist/src/types/components/atoms/filter/filter.d.ts

@@ -0,0 +1,35 @@
+import { SelectFilterProps, SharedComponentProps } from '../../..';
+import { AutocompleteItemProps, AutocompleteProps } from '@heroui/autocomplete';
+import { CheckboxGroupProps, CheckboxProps } from '@heroui/checkbox';
+import { DatePickerProps } from '@heroui/date-picker';
+import { InputProps } from '@heroui/input';
+import { RadioProps } from '@heroui/radio';
+import { SelectItemProps, SelectProps } from '@heroui/select';
+import { SliderProps } from '@heroui/slider';
+import { SwitchProps } from '@heroui/switch';
+export type FilterClassnames = {
+    base?: string;
+    field?: string;
+};
+export type FilterType = "search" | "select" | "autocomplete" | "date" | "numeric" | "checkbox" | "checkboxGroup" | "switch" | "range";
+type FilterTypesProps = {
+    searchProps?: InputProps;
+    selectProps?: Omit<SelectProps, "children">;
+    selectItemProps?: SelectItemProps;
+    autocompleteProps?: Omit<AutocompleteProps, "children">;
+    autocompleteItemProps?: AutocompleteItemProps;
+    dateProps?: DatePickerProps;
+    numericProps?: InputProps;
+    checkboxProps?: CheckboxProps;
+    checkboxGroupProps?: Omit<CheckboxGroupProps, "children">;
+    radioProps?: RadioProps;
+    switchProps?: SwitchProps;
+    rangeProps?: SliderProps;
+};
+type SharedFilterProps = {
+    classNames?: FilterClassnames;
+    type: FilterType;
+    paramKey: string;
+};
+export type FilterProps = SharedComponentProps & SelectFilterProps & FilterTypesProps & SharedFilterProps;
+export {};

package/dist/src/types/components/atoms/filter/index.d.ts

@@ -0,0 +1,2 @@
+export type * from './filter';
+export type * from './select-filter';

package/dist/src/types/components/atoms/filter/select-filter.d.ts

@@ -0,0 +1,7 @@
+export type SelectOption = {
+    key: string;
+    label: string;
+};
+export type SelectFilterProps = {
+    options?: SelectOption[];
+};

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

@@ -0,0 +1,9 @@
+export * from './brand';
+export * from './portal';
+export * from './uploader';
+export * from './column';
+export * from './row';
+export * from './container';
+export * from './filter';
+export * from './field';
+export * from './color-picker';

package/dist/src/types/components/atoms/portal.d.ts

@@ -0,0 +1,5 @@
+import { SharedComponentProps } from '../..';
+export type PortalProps = SharedComponentProps & {
+    containerId: string;
+    isVisible?: boolean;
+};

package/dist/src/types/components/atoms/row.d.ts

@@ -0,0 +1,2 @@
+import { SharedComponentProps } from '../..';
+export type RowProps = SharedComponentProps & {};

package/dist/src/types/components/atoms/uploader.d.ts

@@ -0,0 +1,84 @@
+import { SharedComponentProps } from '../..';
+import { ModalProps } from '@heroui/modal';
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { Locale } from '../../../i18n';
+export type UploaderProps = SharedComponentProps & UploaderContextState & {
+    className?: string;
+    hideListing?: boolean;
+    isAvatar?: boolean;
+};
+export type FileType = "image" | "doc" | "pdf" | "video" | "sheet";
+export type FileObject = {
+    view?: string;
+    type?: FileType;
+    file?: File;
+    url?: string;
+};
+export type SharedFilesType = FileObject[];
+export type SharedLabelIdType = string;
+export type SharedOnInputChangeType = (event: React.ChangeEvent<HTMLInputElement> & React.DragEvent<HTMLLabelElement>) => Promise<void | string | null>;
+export type UseUploadFileProps = {
+    labelId: string;
+    fileTypes: FileType[];
+    labelContent?: ReactNode;
+    isRequired?: boolean;
+    isMulti?: boolean;
+    isDraggable?: boolean;
+    maxCount?: number;
+    maxFileSize?: number;
+    compressFiles?: boolean;
+    preventDuplicates?: boolean;
+    onChange?: () => void;
+    locales?: Partial<Locale["atoms"]["uploader"]>;
+};
+export type UseUploadFileReturn = {
+    files: FileObject[];
+    fileTypes: FileType[];
+    labelId: string;
+    isRequired: boolean;
+    labelContent: ReactNode;
+    isDraggable: boolean;
+    isMulti: boolean;
+    isLoading: boolean;
+    setFiles: Dispatch<SetStateAction<FileObject[]>>;
+    handleClearFile: (fileName?: string) => void;
+    onInputChange: SharedOnInputChangeType;
+    locales?: Partial<Locale["atoms"]["uploader"]>;
+};
+export type UploaderContextState = {
+    selectedFile?: FileObject | null;
+    setSelectedFile?: (file: FileObject | null) => void;
+    labelId: SharedLabelIdType;
+    labelContent?: ReactNode;
+    avatarLabelContent?: ReactNode;
+    title?: ReactNode;
+    errorMessage?: ReactNode;
+    isFileViewable?: boolean;
+    isRequired?: boolean;
+    isDraggable?: boolean;
+    isLoading: boolean;
+    hideErrorMessage?: boolean;
+    isMulti: boolean;
+    placeholderImage?: string;
+    files: SharedFilesType;
+    fileTypes: FileType[];
+    onInputChange: SharedOnInputChangeType;
+    handleClearFile: (fileName?: string) => void;
+    setFiles?: Dispatch<SetStateAction<FileObject[]>>;
+    modal?: Omit<ModalProps, "children"> & {
+        onOpen?: () => void;
+    };
+    classNames?: {
+        label?: string;
+        avatar?: string;
+        listing?: string;
+        listingItem?: string;
+        error?: string;
+        input?: string;
+        title?: string;
+    };
+    locales?: Partial<Locale["atoms"]["uploader"]>;
+};
+export type UploaderProviderProps = UploaderContextState & {
+    children: ReactNode;
+};

package/dist/src/types/components/index.d.ts

@@ -0,0 +1,4 @@
+export type * from './molecules';
+export type * from './atoms';
+export type * from './templates';
+export type * from './organisms';

package/dist/src/types/components/molecules/footer/footer.d.ts

@@ -0,0 +1,60 @@
+import { SharedComponentProps } from '../../..';
+import { ReactNode } from 'react';
+export type FooterClassnames = {
+    base?: string;
+    content?: string;
+    policiesWrapper?: string;
+    policy?: string;
+    quickLinksWrapper?: string;
+    quickLinksTitle?: string;
+    quickLinksList?: string;
+    quickLinksItem?: string;
+    quickLinksLink?: string;
+    socialLinksWrapper?: string;
+    socialLink?: string;
+    copyRightsWrapper?: string;
+    copyRightsText?: string;
+    contactsWrapper?: string;
+    contact?: string;
+};
+export type QuickLink = {
+    label: string;
+    href: string;
+    isExternal?: boolean;
+};
+export type QuickLinkCollection = {
+    title?: string;
+    links: QuickLink[];
+};
+export type SocialLink = {
+    label?: string;
+    href: string;
+    icon?: ReactNode;
+    isExternal?: boolean;
+};
+export type Address = {
+    country?: string;
+    street?: string;
+    city?: string;
+    state?: string;
+    zip?: string;
+};
+export type CopyRights = {
+    year: number;
+    text: string;
+};
+export type Contacts = {
+    mobile?: string;
+    email?: string;
+    addresses?: Address[];
+    website?: string;
+    workingHours?: string;
+};
+export type FooterProps = SharedComponentProps & {
+    classNames?: FooterClassnames;
+    policies?: QuickLink[];
+    quickLinks?: QuickLinkCollection[];
+    socialLinks?: SocialLink[];
+    copyRights?: CopyRights;
+    contacts?: Contacts;
+};

package/dist/src/types/components/molecules/footer/index.d.ts

@@ -0,0 +1 @@
+export type * from './footer';

package/dist/src/types/components/molecules/header/header.d.ts

@@ -0,0 +1,38 @@
+import { SharedComponentProps } from '../../..';
+export type HeaderClassnames = {
+    base?: string;
+    logo?: string;
+    navbar?: string;
+    userDropdown?: string;
+    sideMenu?: string;
+};
+export type HeaderActivations = {
+    hideLog?: boolean;
+    hideNavbar?: boolean;
+    hideUserDropdown?: boolean;
+    hideSideMenu?: boolean;
+};
+export type HeaderVariant = "default" | "floating" | "light" | "segmented-floating";
+export type HeaderGlassEffect = {
+    enabled?: boolean;
+    blur?: number;
+    backgroundColor?: string;
+    foregroundColor?: string;
+    opacity?: number;
+};
+export type HeaderProps = SharedComponentProps & {
+    variant?: HeaderVariant;
+    classNames?: HeaderClassnames;
+    glassEffect?: HeaderGlassEffect;
+};
+export type HeaderDropdownProps = SharedComponentProps & {};
+export type UserDropdownProps = SharedComponentProps & {};
+export type HeaderStylesProps = {
+    primaryColor?: string;
+    foregroundColor?: string;
+    variant?: HeaderVariant;
+    glassEffect?: HeaderGlassEffect;
+};
+export type SegmentedHeaderContentProps = SharedComponentProps & {
+    glassEffect?: HeaderGlassEffect;
+};

package/dist/src/types/components/molecules/header/index.d.ts

@@ -0,0 +1 @@
+export type * from './header';

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

@@ -0,0 +1,9 @@
+export type * from './header';
+export type * from './listings';
+export type * from './nav-bar';
+export type * from './side-bar';
+export type * from './scaffold';
+export type * from './footer';
+export type * from './item-card';
+export type * from './item-details';
+export type * from './theme-switch';

package/dist/src/types/components/molecules/item-card/index.d.ts

@@ -0,0 +1 @@
+export type * from './item-card';

package/dist/src/types/components/molecules/item-card/item-card.d.ts

@@ -0,0 +1,57 @@
+import { SharedComponentProps } from '../../..';
+import { ReactNode } from 'react';
+import { Variants } from 'framer-motion';
+import { ChipProps } from '@heroui/chip';
+import { DropdownItemProps } from '@heroui/dropdown';
+import { ButtonProps } from '@heroui/button';
+export type ItemCardClassnames = {
+    base?: string;
+    image?: string;
+    header?: string;
+    footer?: string;
+    imageWrapper?: string;
+    mainWrapper?: string;
+    banner?: string;
+    dropdown?: string;
+    body?: string;
+    title?: string;
+    price?: string;
+    description?: string;
+    chips?: string;
+    chip?: string;
+    actions?: string;
+    action?: string;
+};
+export type ItemCardAction = DropdownItemProps & ButtonProps & {
+    key: string;
+    label: string;
+};
+export type ItemCardHoverEffect = "none" | "zoom" | "rotate";
+export type ItemCardOrientation = "horizontal" | "vertical";
+export type ItemCardActionsViewVariant = "dropdown" | "buttons" | "hover-overlay";
+export type ItemChipProps = ChipProps & {
+    label: string;
+};
+export type ItemProps = {
+    key: string;
+    title?: ReactNode;
+    description?: ReactNode;
+    image?: {
+        src: string;
+        alt: string;
+    };
+    chips?: ItemChipProps[];
+    banner?: ReactNode;
+    price?: ReactNode;
+};
+export type ItemCardProps = SharedComponentProps & {
+    variants?: Variants;
+    isLoading?: boolean;
+    hoverEffect?: ItemCardHoverEffect;
+    classNames?: ItemCardClassnames;
+    item: ItemProps;
+    actions?: ItemCardAction[];
+    onActionClick?: (key: string) => void;
+    orientation?: ItemCardOrientation;
+    actionsViewVariant?: ItemCardActionsViewVariant;
+};

package/dist/src/types/components/molecules/item-details/index.d.ts

@@ -0,0 +1 @@
+export type * from './item-details';

package/dist/src/types/components/molecules/item-details/item-details.d.ts

@@ -0,0 +1,7 @@
+import { SharedComponentProps } from '../../..';
+export type ItemDetailsClassnames = {
+    base?: string;
+};
+export type ItemDetailsProps = SharedComponentProps & {
+    classNames?: ItemDetailsClassnames;
+};

package/dist/src/types/components/molecules/listings/index.d.ts

@@ -0,0 +1 @@
+export type * from './listings';

package/dist/src/types/components/molecules/listings/listings.d.ts

@@ -0,0 +1,22 @@
+import { ItemCardAction, ItemCardProps, SharedComponentProps } from '../../..';
+export type ListingsClassnames = {
+    base?: string;
+    item?: string;
+    pagination?: string;
+};
+export type ListingsLayout = "grid" | "list" | "carousel";
+export type ListingsProps = SharedComponentProps & {
+    classNames?: ListingsClassnames;
+    layout?: ListingsLayout;
+    items: ItemCardProps[];
+    isLoading?: boolean;
+    actions?: ItemCardAction[];
+    onActionClick?: (key: string) => void;
+    pagination?: {
+        page: number;
+        setPage: (page: number) => void;
+        pageSize: number;
+        totalItemsCount: number;
+        pagesCount: number;
+    };
+};

package/dist/src/types/components/molecules/nav-bar/index.d.ts

@@ -0,0 +1 @@
+export type * from './nav-bar';