@chinggis.systems/collection-ui 1.0.0 → 1.0.1

package/dist/types.d.ts

@@ -1,142 +1,142 @@
-import type { CSSProperties, ReactNode } from "react";
-export type CollectionLayoutName = "banner" | "block-grid" | "carousel" | "dynamic" | "featured" | "grid" | "grid-title" | "hero" | "image-grid" | "list" | "relative" | "slide" | "special";
-export type CollectionLayoutDirection = "horizontal" | "vertical";
-export type CollectionLayoutShape = "circle" | "rectangle" | "square";
-export type CollectionItemMediaKind = "audio" | "book" | "ebook" | string;
-export interface CollectionItem {
-    id: string;
-    title?: string | null;
-    author?: string | null;
-    description?: string | null;
-    imageUrl?: string | null;
-    productId?: string | null;
-    type?: CollectionItemMediaKind | null;
-    price?: number | null;
-    discountPrice?: number | null;
-    href?: string | null;
-    sort?: number | null;
-    metadata?: Record<string, unknown>;
-}
-export interface CollectionLayout {
-    name: CollectionLayoutName;
-    direction?: CollectionLayoutDirection | null;
-    isNumbered?: boolean | null;
-    columns?: number | null;
-    itemLimit?: number | null;
-    shape?: CollectionLayoutShape | null;
-}
-export interface Collection {
-    id: string;
-    name?: string | null;
-    description?: string | null;
-    imageUrl?: string | null;
-    linkName?: string | null;
-    href?: string | null;
-    type?: string | null;
-    sort?: number | null;
-    layout?: CollectionLayout | null;
-    items?: CollectionItem[] | null;
-    collections?: Collection[] | null;
-    metadata?: Record<string, unknown>;
-}
-export interface LinkRenderProps {
-    href: string;
-    children: ReactNode;
-    className?: string;
-    collection?: Collection;
-    item?: CollectionItem;
-    onClick?: () => void;
-}
-export interface ImageRenderProps {
-    src: string;
-    alt: string;
-    width: number;
-    height: number;
-    className?: string;
-    priority?: boolean;
-    sizes?: string;
-    style?: CSSProperties;
-    collection?: Collection;
-    item?: CollectionItem;
-}
-export interface BookMediaRenderProps {
-    item: CollectionItem;
-    src?: string | null;
-    alt: string;
-    width?: number;
-    height?: number;
-    isAudio?: boolean;
-    priority?: boolean;
-    className?: string;
-}
-export interface PriceRenderProps {
-    value?: number | null;
-    compareAtValue?: number | null;
-    className?: string;
-    compareAtClassName?: string;
-}
-export interface HtmlRenderProps {
-    html: string;
-    className?: string;
-    onReadMore?: () => void;
-    maxHeight?: "sm" | "md" | "lg";
-}
-export interface ItemRenderProps {
-    item: CollectionItem;
-    href?: string | null;
-    index: number;
-    number?: number;
-    variant: "card" | "featured" | "special" | "vertical";
-    collection?: Collection;
-    renderBookMedia?: (props: BookMediaRenderProps) => ReactNode;
-    renderPrice?: (props: PriceRenderProps) => ReactNode;
-    renderHtml?: (props: HtmlRenderProps) => ReactNode;
-}
-export interface CarouselRenderProps {
-    id: string;
-    slides: ReactNode[];
-    className?: string;
-    slideClassName?: string;
-    previousLabel: string;
-    nextLabel: string;
-    showControls?: boolean;
-    effect?: "slide" | "coverflow";
-    centeredSlides?: boolean;
-    loop?: boolean;
-    slidesPerView?: number | "auto";
-    slidesPerGroupAuto?: boolean;
-    spaceBetween?: number;
-    breakpoints?: Record<string | number, unknown>;
-}
-export interface CollectionRendererLabels {
-    all?: string;
-    viewAll?: string;
-    readMore?: string;
-    previous?: string;
-    next?: string;
-}
-export interface CollectionRendererAdapters {
-    renderLink?: (props: LinkRenderProps) => ReactNode;
-    renderImage?: (props: ImageRenderProps) => ReactNode;
-    renderItem?: (props: ItemRenderProps) => ReactNode;
-    renderBookMedia?: (props: BookMediaRenderProps) => ReactNode;
-    renderPrice?: (props: PriceRenderProps) => ReactNode;
-    renderHtml?: (props: HtmlRenderProps) => ReactNode;
-    renderCarousel?: (props: CarouselRenderProps) => ReactNode;
-    resolveCollectionHref?: (collection: Collection) => string | null | undefined;
-    resolveItemHref?: (item: CollectionItem) => string | null | undefined;
-    onCollectionClick?: (collection: Collection, href?: string | null) => void;
-    onItemClick?: (item: CollectionItem, href?: string | null) => void;
-    renderContainer?: (children: ReactNode, props: {
-        className?: string;
-    }) => ReactNode;
-    formatCollectionType?: (type: string) => ReactNode;
-}
-export interface CollectionRendererProps {
-    collection: Collection;
-    layout?: CollectionLayout | null;
-    adapters?: CollectionRendererAdapters;
-    labels?: CollectionRendererLabels;
-    className?: string;
-}
+import type { CSSProperties, ReactNode } from "react";
+export type CollectionLayoutName = "banner" | "block-grid" | "carousel" | "dynamic" | "featured" | "grid" | "grid-title" | "hero" | "image-grid" | "list" | "relative" | "slide" | "special";
+export type CollectionLayoutDirection = "horizontal" | "vertical";
+export type CollectionLayoutShape = "circle" | "rectangle" | "square";
+export type CollectionItemMediaKind = "audio" | "book" | "ebook" | string;
+export interface CollectionItem {
+    id: string;
+    title?: string | null;
+    author?: string | null;
+    description?: string | null;
+    imageUrl?: string | null;
+    productId?: string | null;
+    type?: CollectionItemMediaKind | null;
+    price?: number | null;
+    discountPrice?: number | null;
+    href?: string | null;
+    sort?: number | null;
+    metadata?: Record<string, unknown>;
+}
+export interface CollectionLayout {
+    name: CollectionLayoutName;
+    direction?: CollectionLayoutDirection | null;
+    isNumbered?: boolean | null;
+    columns?: number | null;
+    itemLimit?: number | null;
+    shape?: CollectionLayoutShape | null;
+}
+export interface Collection {
+    id: string;
+    name?: string | null;
+    description?: string | null;
+    imageUrl?: string | null;
+    linkName?: string | null;
+    href?: string | null;
+    type?: string | null;
+    sort?: number | null;
+    layout?: CollectionLayout | null;
+    items?: CollectionItem[] | null;
+    collections?: Collection[] | null;
+    metadata?: Record<string, unknown>;
+}
+export interface LinkRenderProps {
+    href: string;
+    children: ReactNode;
+    className?: string;
+    collection?: Collection;
+    item?: CollectionItem;
+    onClick?: () => void;
+}
+export interface ImageRenderProps {
+    src: string;
+    alt: string;
+    width: number;
+    height: number;
+    className?: string;
+    priority?: boolean;
+    sizes?: string;
+    style?: CSSProperties;
+    collection?: Collection;
+    item?: CollectionItem;
+}
+export interface BookMediaRenderProps {
+    item: CollectionItem;
+    src?: string | null;
+    alt: string;
+    width?: number;
+    height?: number;
+    isAudio?: boolean;
+    priority?: boolean;
+    className?: string;
+}
+export interface PriceRenderProps {
+    value?: number | null;
+    compareAtValue?: number | null;
+    className?: string;
+    compareAtClassName?: string;
+}
+export interface HtmlRenderProps {
+    html: string;
+    className?: string;
+    onReadMore?: () => void;
+    maxHeight?: "sm" | "md" | "lg";
+}
+export interface ItemRenderProps {
+    item: CollectionItem;
+    href?: string | null;
+    index: number;
+    number?: number;
+    variant: "card" | "featured" | "special" | "vertical";
+    collection?: Collection;
+    renderBookMedia?: (props: BookMediaRenderProps) => ReactNode;
+    renderPrice?: (props: PriceRenderProps) => ReactNode;
+    renderHtml?: (props: HtmlRenderProps) => ReactNode;
+}
+export interface CarouselRenderProps {
+    id: string;
+    slides: ReactNode[];
+    className?: string;
+    slideClassName?: string;
+    previousLabel: string;
+    nextLabel: string;
+    showControls?: boolean;
+    effect?: "slide" | "coverflow";
+    centeredSlides?: boolean;
+    loop?: boolean;
+    slidesPerView?: number | "auto";
+    slidesPerGroupAuto?: boolean;
+    spaceBetween?: number;
+    breakpoints?: Record<string | number, unknown>;
+}
+export interface CollectionRendererLabels {
+    all?: string;
+    viewAll?: string;
+    readMore?: string;
+    previous?: string;
+    next?: string;
+}
+export interface CollectionRendererAdapters {
+    renderLink?: (props: LinkRenderProps) => ReactNode;
+    renderImage?: (props: ImageRenderProps) => ReactNode;
+    renderItem?: (props: ItemRenderProps) => ReactNode;
+    renderBookMedia?: (props: BookMediaRenderProps) => ReactNode;
+    renderPrice?: (props: PriceRenderProps) => ReactNode;
+    renderHtml?: (props: HtmlRenderProps) => ReactNode;
+    renderCarousel?: (props: CarouselRenderProps) => ReactNode;
+    resolveCollectionHref?: (collection: Collection) => string | null | undefined;
+    resolveItemHref?: (item: CollectionItem) => string | null | undefined;
+    onCollectionClick?: (collection: Collection, href?: string | null) => void;
+    onItemClick?: (item: CollectionItem, href?: string | null) => void;
+    renderContainer?: (children: ReactNode, props: {
+        className?: string;
+    }) => ReactNode;
+    formatCollectionType?: (type: string) => ReactNode;
+}
+export interface CollectionRendererProps {
+    collection: Collection;
+    layout?: CollectionLayout | null;
+    adapters?: CollectionRendererAdapters;
+    labels?: CollectionRendererLabels;
+    className?: string;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/types.js

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=types.js.map

package/dist/utils.d.ts

@@ -1,9 +1,9 @@
-import type { Collection, CollectionItem } from "./types";
-export declare function cx(...values: Array<string | false | null | undefined>): string;
-export declare function sortCollections(items?: Collection[] | null): Collection[];
-export declare function compact<T>(items?: Array<T | null | undefined> | null): T[];
-export declare function hasItems(collection: Collection): boolean;
-export declare function hasCollections(collection: Collection): boolean;
-export declare function defaultCollectionHref(collection: Collection): string | null;
-export declare function defaultItemHref(item: CollectionItem): string | null;
+import type { Collection, CollectionItem } from "./types";
+export declare function cx(...values: Array<string | false | null | undefined>): string;
+export declare function sortCollections(items?: Collection[] | null): Collection[];
+export declare function compact<T>(items?: Array<T | null | undefined> | null): T[];
+export declare function hasItems(collection: Collection): boolean;
+export declare function hasCollections(collection: Collection): boolean;
+export declare function defaultCollectionHref(collection: Collection): string | null;
+export declare function defaultItemHref(item: CollectionItem): string | null;
 //# sourceMappingURL=utils.d.ts.map

package/dist/utils.js

@@ -1,27 +1,27 @@
-export function cx(...values) {
-    return values.filter(Boolean).join(" ");
-}
-export function sortCollections(items) {
-    return [...compact(items)].sort((a, b) => {
-        if (a.sort != null || b.sort != null) {
-            return (b.sort ?? Number.NEGATIVE_INFINITY) - (a.sort ?? Number.NEGATIVE_INFINITY);
-        }
-        return (a.name ?? "").localeCompare(b.name ?? "");
-    });
-}
-export function compact(items) {
-    return (items ?? []).filter((item) => Boolean(item));
-}
-export function hasItems(collection) {
-    return compact(collection.items).length > 0;
-}
-export function hasCollections(collection) {
-    return compact(collection.collections).length > 0;
-}
-export function defaultCollectionHref(collection) {
-    return collection.href ?? collection.linkName ?? null;
-}
-export function defaultItemHref(item) {
-    return item.href ?? null;
-}
+export function cx(...values) {
+    return values.filter(Boolean).join(" ");
+}
+export function sortCollections(items) {
+    return [...compact(items)].sort((a, b) => {
+        if (a.sort != null || b.sort != null) {
+            return (b.sort ?? Number.NEGATIVE_INFINITY) - (a.sort ?? Number.NEGATIVE_INFINITY);
+        }
+        return (a.name ?? "").localeCompare(b.name ?? "");
+    });
+}
+export function compact(items) {
+    return (items ?? []).filter((item) => Boolean(item));
+}
+export function hasItems(collection) {
+    return compact(collection.items).length > 0;
+}
+export function hasCollections(collection) {
+    return compact(collection.collections).length > 0;
+}
+export function defaultCollectionHref(collection) {
+    return collection.href ?? collection.linkName ?? null;
+}
+export function defaultItemHref(item) {
+    return item.href ?? null;
+}
 //# sourceMappingURL=utils.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chinggis.systems/collection-ui",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Reusable React collection layout renderer with app-provided link, image, and item adapters.",
   "license": "MIT",
   "type": "module",