@smartsoft001/react 0.0.0-stage → 2.193.0

package/src/lib/components/list/desktop/preset/preset-classes.js

@@ -0,0 +1,110 @@
+"use strict";
+// Preline-styled class recipes for the desktop list preset.
+// Every utility is `smart:`-prefixed (Tailwind v4 `prefix(smart)`), and every
+// color carries an explicit `dark:` variant. Preline semantic tokens are
+// translated to vanilla Tailwind palette classes:
+//   divide-table-line        -> divide-gray-200|gray-700
+//   border-table-line        -> border-gray-200|gray-700
+//   text-muted-foreground-1  -> text-gray-500|gray-400
+//   text-foreground          -> text-gray-800|gray-200
+//   bg-surface (striped)     -> bg-white|gray-900 (odd) / bg-gray-50|gray-800 (even)
+//   bg-muted-hover           -> bg-gray-100|gray-700
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getListDesktopContainerClasses = getListDesktopContainerClasses;
+exports.getListDesktopTableClasses = getListDesktopTableClasses;
+exports.getListDesktopHeaderRowClasses = getListDesktopHeaderRowClasses;
+exports.getListDesktopHeaderCellClasses = getListDesktopHeaderCellClasses;
+exports.getListDesktopRowClasses = getListDesktopRowClasses;
+exports.getListDesktopCellClasses = getListDesktopCellClasses;
+const TABLE_BASE = ['smart:min-w-full'];
+const TABLE_DIVIDE = [
+    'smart:divide-y',
+    'smart:divide-gray-200',
+    'smart:dark:divide-gray-700',
+];
+const CONTAINER_BASE = ['smart:overflow-x-auto'];
+const CONTAINER_BORDER = [
+    'smart:border',
+    'smart:border-gray-200',
+    'smart:dark:border-gray-700',
+];
+const HEADER_CELL = [
+    'smart:px-6',
+    'smart:py-3',
+    'smart:text-start',
+    'smart:text-xs',
+    'smart:font-medium',
+    'smart:text-gray-500',
+    'smart:dark:text-gray-400',
+    'smart:uppercase',
+];
+const HEADER_ROW_MUTED = ['smart:bg-gray-50', 'smart:dark:bg-gray-800'];
+const HEADER_ROW_HIDDEN = ['smart:hidden'];
+const CELL = [
+    'smart:px-6',
+    'smart:py-4',
+    'smart:whitespace-nowrap',
+    'smart:text-sm',
+    'smart:text-gray-800',
+    'smart:dark:text-gray-200',
+];
+const ROW_STRIPED = [
+    'smart:odd:bg-white',
+    'smart:even:bg-gray-50',
+    'smart:dark:odd:bg-gray-900',
+    'smart:dark:even:bg-gray-800',
+];
+const ROW_HOVERABLE = [
+    'smart:hover:bg-gray-100',
+    'smart:dark:hover:bg-gray-700',
+];
+/**
+ * Classes for the container `<div>` that wraps the table. The `bordered`
+ * variant adds a Preline surface border around the whole table.
+ */
+function getListDesktopContainerClasses(variant = 'default') {
+    const classes = [...CONTAINER_BASE];
+    if (variant === 'bordered')
+        classes.push(...CONTAINER_BORDER);
+    return classes.join(' ');
+}
+/**
+ * Classes for the `<table>` element. Every variant keeps `min-w-full`; the
+ * horizontal dividers are dropped for the `borderless` variant.
+ */
+function getListDesktopTableClasses(variant = 'default') {
+    const classes = [...TABLE_BASE];
+    if (variant !== 'borderless')
+        classes.push(...TABLE_DIVIDE);
+    return classes.join(' ');
+}
+/**
+ * Classes for the header row. `muted` gives the Preline gray surface, `none`
+ * hides the header entirely, `default` renders it plain.
+ */
+function getListDesktopHeaderRowClasses(header = 'default') {
+    if (header === 'muted')
+        return HEADER_ROW_MUTED.join(' ');
+    if (header === 'none')
+        return HEADER_ROW_HIDDEN.join(' ');
+    return '';
+}
+function getListDesktopHeaderCellClasses() {
+    return HEADER_CELL.join(' ');
+}
+/**
+ * Classes for body rows. `striped` alternates row backgrounds; `hoverable`
+ * adds the Preline hover surface. Both can combine.
+ */
+function getListDesktopRowClasses(variant = 'default', hoverable = false) {
+    const classes = [];
+    if (variant === 'striped')
+        classes.push(...ROW_STRIPED);
+    if (hoverable)
+        classes.push(...ROW_HOVERABLE);
+    return classes.join(' ');
+}
+function getListDesktopCellClasses() {
+    return CELL.join(' ');
+}
+//# sourceMappingURL=preset-classes.js.map

package/src/lib/components/list/desktop/preset/preset-classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset-classes.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/list/desktop/preset/preset-classes.ts"],"names":[],"mappings":";AAAA,4DAA4D;AAC5D,8EAA8E;AAC9E,yEAAyE;AACzE,kDAAkD;AAClD,yDAAyD;AACzD,yDAAyD;AACzD,uDAAuD;AACvD,uDAAuD;AACvD,qFAAqF;AACrF,qDAAqD;;AA+DrD,wEAMC;AAMD,gEAMC;AAMD,wEAMC;AAED,0EAEC;AAMD,4DAQC;AAED,8DAEC;AA5GD,MAAM,UAAU,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAExC,MAAM,YAAY,GAAG;IACnB,gBAAgB;IAChB,uBAAuB;IACvB,4BAA4B;CAC7B,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,uBAAuB,CAAC,CAAC;AAEjD,MAAM,gBAAgB,GAAG;IACvB,cAAc;IACd,uBAAuB;IACvB,4BAA4B;CAC7B,CAAC;AAEF,MAAM,WAAW,GAAG;IAClB,YAAY;IACZ,YAAY;IACZ,kBAAkB;IAClB,eAAe;IACf,mBAAmB;IACnB,qBAAqB;IACrB,0BAA0B;IAC1B,iBAAiB;CAClB,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,kBAAkB,EAAE,wBAAwB,CAAC,CAAC;AAExE,MAAM,iBAAiB,GAAG,CAAC,cAAc,CAAC,CAAC;AAE3C,MAAM,IAAI,GAAG;IACX,YAAY;IACZ,YAAY;IACZ,yBAAyB;IACzB,eAAe;IACf,qBAAqB;IACrB,0BAA0B;CAC3B,CAAC;AAEF,MAAM,WAAW,GAAG;IAClB,oBAAoB;IACpB,uBAAuB;IACvB,4BAA4B;IAC5B,6BAA6B;CAC9B,CAAC;AAEF,MAAM,aAAa,GAAG;IACpB,yBAAyB;IACzB,8BAA8B;CAC/B,CAAC;AAEF;;;GAGG;AACH,SAAgB,8BAA8B,CAC5C,UAAmC,SAAS;IAE5C,MAAM,OAAO,GAAG,CAAC,GAAG,cAAc,CAAC,CAAC;IACpC,IAAI,OAAO,KAAK,UAAU;QAAE,OAAO,CAAC,IAAI,CAAC,GAAG,gBAAgB,CAAC,CAAC;IAC9D,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC3B,CAAC;AAED;;;GAGG;AACH,SAAgB,0BAA0B,CACxC,UAAmC,SAAS;IAE5C,MAAM,OAAO,GAAG,CAAC,GAAG,UAAU,CAAC,CAAC;IAChC,IAAI,OAAO,KAAK,YAAY;QAAE,OAAO,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,CAAC;IAC5D,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC3B,CAAC;AAED;;;GAGG;AACH,SAAgB,8BAA8B,CAC5C,SAAiC,SAAS;IAE1C,IAAI,MAAM,KAAK,OAAO;QAAE,OAAO,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC1D,IAAI,MAAM,KAAK,MAAM;QAAE,OAAO,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC1D,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,SAAgB,+BAA+B;IAC7C,OAAO,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC/B,CAAC;AAED;;;GAGG;AACH,SAAgB,wBAAwB,CACtC,UAAmC,SAAS,EAC5C,SAAS,GAAG,KAAK;IAEjB,MAAM,OAAO,GAAa,EAAE,CAAC;IAC7B,IAAI,OAAO,KAAK,SAAS;QAAE,OAAO,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,CAAC;IACxD,IAAI,SAAS;QAAE,OAAO,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,CAAC;IAC9C,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC3B,CAAC;AAED,SAAgB,yBAAyB;IACvC,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACxB,CAAC"}

package/src/lib/components/list/desktop/use-list-desktop.d.ts

@@ -0,0 +1,52 @@
+import type { CSSProperties } from 'react';
+import { IEntity } from '@smartsoft001/domain-core';
+import { SmartListModeProps } from '../list.types';
+/**
+ * The inline style the Angular CDK table put on the cells of its sticky
+ * header row (`cdkHeaderRowDef ...; sticky: true`).
+ */
+export declare const LIST_DESKTOP_STICKY_HEADER_STYLE: CSSProperties;
+/**
+ * The desktop table logic (the Angular `ListDesktopComponent` over
+ * `ListBaseComponent`): `useList` plus the table columns (`desktopKeys`:
+ * `selectMulti`, the keys, `removeAction`, `itemAction`), the multi
+ * selection reported through `provider.onChangeMultiSelected` and cleared by
+ * `provider.onCleanMultiSelected$`, and the `top` component factory.
+ */
+export declare function useListDesktop<T extends IEntity<string>>(props: SmartListModeProps<T>): {
+    desktopList: T[] | null;
+    desktopKeys: string[];
+    componentFactories: import("../../../models").IListComponentFactories<T> | null;
+    onChangeMultiselect: (checked: boolean, element: T, list: T[]) => void;
+    fields: {
+        key: string;
+        options: import("dist/packages/shared/models/src").IFieldOptions;
+    }[];
+    provider: import("../../../models").IListProvider<T>;
+    sort: boolean | {
+        default?: string;
+        defaultDesc?: boolean;
+    };
+    cellPipe: import("../../../models").ICellPipe<T> | null;
+    selectMode: "multi" | undefined;
+    type: any;
+    keys: string[];
+    list: T[] | null;
+    loading: boolean;
+    removed: Set<string>;
+    removeHandler: ((item: T) => void) | null;
+    checkRemoveHandler: ((item: T) => boolean) | undefined;
+    itemHandler: ((id: string) => void) | null;
+    detailsComponent: import("react").ComponentType<any> | null;
+    detailsComponentProps: import("../../../models").IDetailsOptions<T> | null;
+    select: ((id: string) => void) | undefined;
+    unselect: (() => void) | undefined;
+    detailsButtonOptions: import("../../../models").IButtonOptions;
+    loadNextPage: (() => Promise<void>) | null;
+    loadPrevPage: (() => Promise<void>) | null;
+    page: number | null;
+    totalPages: number | null;
+    handlePageChange: (nextPage: number) => void;
+    infiniteScroll: boolean;
+    infiniteScrollRef: import("react").RefObject<HTMLDivElement | null>;
+};

package/src/lib/components/list/desktop/use-list-desktop.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LIST_DESKTOP_STICKY_HEADER_STYLE = void 0;
+exports.useListDesktop = useListDesktop;
+const react_1 = require("react");
+const use_list_1 = require("../use-list");
+/**
+ * The inline style the Angular CDK table put on the cells of its sticky
+ * header row (`cdkHeaderRowDef ...; sticky: true`).
+ */
+exports.LIST_DESKTOP_STICKY_HEADER_STYLE = {
+    position: 'sticky',
+    top: 0,
+    zIndex: 100,
+};
+/**
+ * The desktop table logic (the Angular `ListDesktopComponent` over
+ * `ListBaseComponent`): `useList` plus the table columns (`desktopKeys`:
+ * `selectMulti`, the keys, `removeAction`, `itemAction`), the multi
+ * selection reported through `provider.onChangeMultiSelected` and cleared by
+ * `provider.onCleanMultiSelected$`, and the `top` component factory.
+ */
+function useListDesktop(props) {
+    const base = (0, use_list_1.useList)(props);
+    const { provider, selectMode, keys, removeHandler, itemHandler } = base;
+    const componentFactories = props.options.componentFactories ?? null;
+    const multiSelected = (0, react_1.useRef)([]);
+    const onCleanMultiSelected$ = provider?.onCleanMultiSelected$;
+    (0, react_1.useEffect)(() => {
+        if (!onCleanMultiSelected$)
+            return undefined;
+        const subscription = onCleanMultiSelected$.subscribe(() => {
+            multiSelected.current = [];
+        });
+        return () => subscription.unsubscribe();
+    }, [onCleanMultiSelected$]);
+    const onChangeMultiselect = (0, react_1.useCallback)((checked, element, list) => {
+        const selected = multiSelected.current.filter((m) => list.some((i) => i === m));
+        if (checked) {
+            selected.push(element);
+        }
+        else {
+            const index = selected.indexOf(element);
+            if (index > -1) {
+                selected.splice(index, 1);
+            }
+        }
+        multiSelected.current = selected;
+        provider?.onChangeMultiSelected?.(selected);
+    }, [provider]);
+    const desktopKeys = (0, react_1.useMemo)(() => [
+        ...(selectMode === 'multi' ? ['selectMulti'] : []),
+        ...keys,
+        ...(removeHandler ? ['removeAction'] : []),
+        ...(itemHandler ? ['itemAction'] : []),
+    ], [selectMode, keys, removeHandler, itemHandler]);
+    return {
+        ...base,
+        desktopList: base.list,
+        desktopKeys,
+        componentFactories,
+        onChangeMultiselect,
+    };
+}
+//# sourceMappingURL=use-list-desktop.js.map

package/src/lib/components/list/desktop/use-list-desktop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-list-desktop.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/list/desktop/use-list-desktop.ts"],"names":[],"mappings":";;;AAyBA,wCA2DC;AApFD,iCAAgE;AAMhE,0CAAsC;AAEtC;;;GAGG;AACU,QAAA,gCAAgC,GAAkB;IAC7D,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,GAAG;CACZ,CAAC;AAEF;;;;;;GAMG;AACH,SAAgB,cAAc,CAC5B,KAA4B;IAE5B,MAAM,IAAI,GAAG,IAAA,kBAAO,EAAC,KAAK,CAAC,CAAC;IAC5B,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;IACxE,MAAM,kBAAkB,GAAG,KAAK,CAAC,OAAO,CAAC,kBAAkB,IAAI,IAAI,CAAC;IACpE,MAAM,aAAa,GAAG,IAAA,cAAM,EAAM,EAAE,CAAC,CAAC;IACtC,MAAM,qBAAqB,GAAG,QAAQ,EAAE,qBAAqB,CAAC;IAE9D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,qBAAqB;YAAE,OAAO,SAAS,CAAC;QAE7C,MAAM,YAAY,GAAG,qBAAqB,CAAC,SAAS,CAAC,GAAG,EAAE;YACxD,aAAa,CAAC,OAAO,GAAG,EAAE,CAAC;QAC7B,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;IAC1C,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAE5B,MAAM,mBAAmB,GAAG,IAAA,mBAAW,EACrC,CAAC,OAAgB,EAAE,OAAU,EAAE,IAAS,EAAE,EAAE;QAC1C,MAAM,QAAQ,GAAG,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAClD,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAC1B,CAAC;QAEF,IAAI,OAAO,EAAE,CAAC;YACZ,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACzB,CAAC;aAAM,CAAC;YACN,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAExC,IAAI,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC;gBACf,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC;QAED,aAAa,CAAC,OAAO,GAAG,QAAQ,CAAC;QAEjC,QAAQ,EAAE,qBAAqB,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC9C,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,eAAO,EACzB,GAAG,EAAE,CAAC;QACJ,GAAG,CAAC,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAClD,GAAG,IAAI;QACP,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1C,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;KACvC,EACD,CAAC,UAAU,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,CAAC,CAC/C,CAAC;IAEF,OAAO;QACL,GAAG,IAAI;QACP,WAAW,EAAE,IAAI,CAAC,IAAI;QACtB,WAAW;QACX,kBAAkB;QAClB,mBAAmB;KACpB,CAAC;AACJ,CAAC"}

package/src/lib/components/list/index.d.ts

@@ -0,0 +1,14 @@
+export * from './desktop/list-desktop';
+export * from './desktop/preset/list-desktop-preset';
+export * from './desktop/preset/preset-classes';
+export * from './desktop/use-list-desktop';
+export * from './list';
+export * from './list-title-key';
+export * from './list.types';
+export * from './masonry-grid/list-masonry-grid';
+export * from './masonry-grid/preset/list-masonry-grid-preset';
+export * from './masonry-grid/use-list-masonry-grid';
+export * from './mobile/list-mobile';
+export * from './mobile/preset/list-mobile-preset';
+export * from './preset-modes';
+export * from './use-list';

package/src/lib/components/list/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./desktop/list-desktop"), exports);
+tslib_1.__exportStar(require("./desktop/preset/list-desktop-preset"), exports);
+tslib_1.__exportStar(require("./desktop/preset/preset-classes"), exports);
+tslib_1.__exportStar(require("./desktop/use-list-desktop"), exports);
+tslib_1.__exportStar(require("./list"), exports);
+tslib_1.__exportStar(require("./list-title-key"), exports);
+tslib_1.__exportStar(require("./list.types"), exports);
+tslib_1.__exportStar(require("./masonry-grid/list-masonry-grid"), exports);
+tslib_1.__exportStar(require("./masonry-grid/preset/list-masonry-grid-preset"), exports);
+tslib_1.__exportStar(require("./masonry-grid/use-list-masonry-grid"), exports);
+tslib_1.__exportStar(require("./mobile/list-mobile"), exports);
+tslib_1.__exportStar(require("./mobile/preset/list-mobile-preset"), exports);
+tslib_1.__exportStar(require("./preset-modes"), exports);
+tslib_1.__exportStar(require("./use-list"), exports);
+//# sourceMappingURL=index.js.map

package/src/lib/components/list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/list/index.ts"],"names":[],"mappings":";;;AAAA,iEAAuC;AACvC,+EAAqD;AACrD,0EAAgD;AAChD,qEAA2C;AAC3C,iDAAuB;AACvB,2DAAiC;AACjC,uDAA6B;AAC7B,2EAAiD;AACjD,yFAA+D;AAC/D,+EAAqD;AACrD,+DAAqC;AACrC,6EAAmD;AACnD,yDAA+B;AAC/B,qDAA2B"}

package/src/lib/components/list/list-title-key.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Whether the column `key` is an image field of the model `type` (the
+ * `isImageKey` of the Angular mobile / masonry-grid presets).
+ */
+export declare function isListImageKey(type: any, key: string): boolean;
+/**
+ * The first non-image column, rendered as the card title by the mobile and
+ * masonry-grid presets (their Angular `titleKey`).
+ */
+export declare function getListTitleKey(type: any, keys: Array<string> | null): string | null;

package/src/lib/components/list/list-title-key.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isListImageKey = isListImageKey;
+exports.getListTitleKey = getListTitleKey;
+const models_1 = require("@smartsoft001/models");
+/**
+ * Whether the column `key` is an image field of the model `type` (the
+ * `isImageKey` of the Angular mobile / masonry-grid presets).
+ */
+function isListImageKey(type, key) {
+    if (!type)
+        return false;
+    const options = (0, models_1.getModelFieldOptions)(new type(), key);
+    return options?.type === models_1.FieldType.image;
+}
+/**
+ * The first non-image column, rendered as the card title by the mobile and
+ * masonry-grid presets (their Angular `titleKey`).
+ */
+function getListTitleKey(type, keys) {
+    if (!keys)
+        return null;
+    return keys.find((key) => !isListImageKey(type, key)) ?? null;
+}
+//# sourceMappingURL=list-title-key.js.map

package/src/lib/components/list/list-title-key.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-title-key.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/list/list-title-key.ts"],"names":[],"mappings":";;AAMA,wCAMC;AAMD,0CAOC;AAzBD,iDAAuE;AAEvE;;;GAGG;AACH,SAAgB,cAAc,CAAC,IAAS,EAAE,GAAW;IACnD,IAAI,CAAC,IAAI;QAAE,OAAO,KAAK,CAAC;IAExB,MAAM,OAAO,GAAG,IAAA,6BAAoB,EAAC,IAAI,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC;IAEtD,OAAO,OAAO,EAAE,IAAI,KAAK,kBAAS,CAAC,KAAK,CAAC;AAC3C,CAAC;AAED;;;GAGG;AACH,SAAgB,eAAe,CAC7B,IAAS,EACT,IAA0B;IAE1B,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC;AAChE,CAAC"}

package/src/lib/components/list/list.d.ts

@@ -0,0 +1,16 @@
+import { IEntity } from '@smartsoft001/domain-core';
+import { SmartListProps } from './list.types';
+/**
+ * `<smart-list>`: resolves the list `fields` of `options.type` (the fields
+ * with `list` options, sorted by `list.order`) and renders the
+ * implementation of `options.mode` (desktop by default): the one registered
+ * in `listModeComponents` on `SmartProvider` (the Angular
+ * `LIST_MODE_COMPONENTS_TOKEN`, e.g. `LIST_PRESET_MODE_COMPONENTS`), else
+ * `SmartListDesktop` / `SmartListMobile` / `SmartListMasonryGrid`. A
+ * component registered as `components.list` replaces it for every mode.
+ *
+ * Below it: the loader while `provider.loading`, and "no results" for an
+ * empty list. (The Angular `HardwareService.isMobile` that picked the mobile
+ * mode without `options.mode` is always `false`, so desktop is the default.)
+ */
+export declare function SmartList<T extends IEntity<string>>({ options, className, }: SmartListProps<T>): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/list/list.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartList = SmartList;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const models_1 = require("@smartsoft001/models");
+const list_desktop_1 = require("./desktop/list-desktop");
+const list_masonry_grid_1 = require("./masonry-grid/list-masonry-grid");
+const list_mobile_1 = require("./mobile/list-mobile");
+const models_2 = require("../../models");
+const hooks_1 = require("../../providers/hooks");
+const loader_1 = require("../loader/loader");
+const LIST_MODE_COMPONENTS = {
+    [models_2.ListMode.desktop]: list_desktop_1.SmartListDesktop,
+    [models_2.ListMode.mobile]: list_mobile_1.SmartListMobile,
+    [models_2.ListMode.masonryGrid]: list_masonry_grid_1.SmartListMasonryGrid,
+};
+/** Ascending `list.order`, the fields without one last (lodash `sortBy`). */
+function compareOrder(a, b) {
+    if (a === b)
+        return 0;
+    if (a === undefined)
+        return 1;
+    if (b === undefined)
+        return -1;
+    return a - b;
+}
+/** The fields of the model with `list` options, sorted by `list.order`. */
+function getListFields(type) {
+    const fields = (0, models_1.getModelFieldsWithOptions)(new type())?.filter((item) => item?.options?.list) ?? [];
+    return [...fields].sort((a, b) => compareOrder(a.options.list.order, b.options.list.order));
+}
+/**
+ * `<smart-list>`: resolves the list `fields` of `options.type` (the fields
+ * with `list` options, sorted by `list.order`) and renders the
+ * implementation of `options.mode` (desktop by default): the one registered
+ * in `listModeComponents` on `SmartProvider` (the Angular
+ * `LIST_MODE_COMPONENTS_TOKEN`, e.g. `LIST_PRESET_MODE_COMPONENTS`), else
+ * `SmartListDesktop` / `SmartListMobile` / `SmartListMasonryGrid`. A
+ * component registered as `components.list` replaces it for every mode.
+ *
+ * Below it: the loader while `provider.loading`, and "no results" for an
+ * empty list. (The Angular `HardwareService.isMobile` that picked the mobile
+ * mode without `options.mode` is always `false`, so desktop is the default.)
+ */
+function SmartList({ options, className = '', }) {
+    const t = (0, hooks_1.useTranslate)();
+    const modeComponents = (0, hooks_1.useListModeComponents)(LIST_MODE_COMPONENTS);
+    const type = options.type;
+    const fields = (0, react_1.useMemo)(() => getListFields(type), [type]);
+    const internalOptions = (0, react_1.useMemo)(() => ({ ...options, fields }), [options, fields]);
+    const mode = internalOptions.mode ?? models_2.ListMode.desktop;
+    const ModeComponent = (0, hooks_1.useSmartComponent)('list', modeComponents[mode] ?? list_desktop_1.SmartListDesktop);
+    const loading = internalOptions.provider?.loading;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ModeComponent, { options: internalOptions, className: className }), (0, jsx_runtime_1.jsx)(loader_1.SmartLoader, { show: loading ?? false }), !loading && !internalOptions.provider?.list?.length ? ((0, jsx_runtime_1.jsx)("h2", { className: "smart:mt-4 smart:text-center smart:text-gray-500 smart:dark:text-gray-400", children: t('noResults') })) : null] }));
+}
+//# sourceMappingURL=list.js.map

package/src/lib/components/list/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/list/list.tsx"],"names":[],"mappings":";;AAqEA,8BAiCC;;AAtGD,iCAAgC;AAIhC,iDAI8B;AAE9B,yDAA0D;AAE1D,wEAAwE;AACxE,sDAAuD;AACvD,yCAA8D;AAC9D,iDAI+B;AAC/B,6CAA+C;AAI/C,MAAM,oBAAoB,GAEtB;IACF,CAAC,iBAAQ,CAAC,OAAO,CAAC,EAAE,+BAAgB;IACpC,CAAC,iBAAQ,CAAC,MAAM,CAAC,EAAE,6BAAe;IAClC,CAAC,iBAAQ,CAAC,WAAW,CAAC,EAAE,wCAAoB;CAC7C,CAAC;AAEF,6EAA6E;AAC7E,SAAS,YAAY,CAAC,CAAU,EAAE,CAAU;IAC1C,IAAI,CAAC,KAAK,CAAC;QAAE,OAAO,CAAC,CAAC;IACtB,IAAI,CAAC,KAAK,SAAS;QAAE,OAAO,CAAC,CAAC;IAC9B,IAAI,CAAC,KAAK,SAAS;QAAE,OAAO,CAAC,CAAC,CAAC;IAE/B,OAAO,CAAC,GAAG,CAAC,CAAC;AACf,CAAC;AAED,2EAA2E;AAC3E,SAAS,aAAa,CAAC,IAAS;IAC9B,MAAM,MAAM,GACV,IAAA,kCAAyB,EAAC,IAAI,IAAI,EAAE,CAAC,EAAE,MAAM,CAC3C,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAC9B,IAAI,EAAE,CAAC;IAEV,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAC/B,YAAY,CACT,CAAC,CAAC,OAAO,CAAC,IAA2B,CAAC,KAAK,EAC3C,CAAC,CAAC,OAAO,CAAC,IAA2B,CAAC,KAAK,CAC7C,CACF,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;GAYG;AACH,SAAgB,SAAS,CAA4B,EACnD,OAAO,EACP,SAAS,GAAG,EAAE,GACI;IAClB,MAAM,CAAC,GAAG,IAAA,oBAAY,GAAE,CAAC;IACzB,MAAM,cAAc,GAAG,IAAA,6BAAqB,EAAC,oBAAoB,CAAC,CAAC;IACnE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAE1B,MAAM,MAAM,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAE1D,MAAM,eAAe,GAAG,IAAA,eAAO,EAC7B,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,OAAO,EAAE,MAAM,EAAE,CAAC,EAC9B,CAAC,OAAO,EAAE,MAAM,CAAC,CAClB,CAAC;IAEF,MAAM,IAAI,GAAG,eAAe,CAAC,IAAI,IAAI,iBAAQ,CAAC,OAAO,CAAC;IACtD,MAAM,aAAa,GAAG,IAAA,yBAAiB,EACrC,MAAM,EACN,cAAc,CAAC,IAAI,CAAC,IAAI,+BAAgB,CACzC,CAAC;IACF,MAAM,OAAO,GAAG,eAAe,CAAC,QAAQ,EAAE,OAAO,CAAC;IAElD,OAAO,CACL,6DACE,uBAAC,aAAa,IAAC,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,GAAI,EACjE,uBAAC,oBAAW,IAAC,IAAI,EAAE,OAAO,IAAI,KAAK,GAAI,EACtC,CAAC,OAAO,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CACrD,+BAAI,SAAS,EAAC,2EAA2E,YACtF,CAAC,CAAC,WAAW,CAAC,GACZ,CACN,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,CAAC;AACJ,CAAC"}

package/src/lib/components/list/list.types.d.ts

@@ -0,0 +1,18 @@
+import { IEntity } from '@smartsoft001/domain-core';
+import { IListInternalOptions, IListOptions } from '../../models';
+/** Props of `<SmartList>` (the Angular `<smart-list>`). */
+export interface SmartListProps<T extends IEntity<string>> {
+    options: IListOptions<T>;
+    className?: string;
+}
+/**
+ * Props of a list mode implementation (`SmartListDesktop`, `SmartListMobile`,
+ * `SmartListMasonryGrid`, their presets, or one registered through
+ * `listModeComponents` / `components.list` on `SmartProvider`): the inputs of
+ * the Angular `ListBaseComponent`. `SmartList` passes the options with the
+ * list `fields` of the model already resolved.
+ */
+export interface SmartListModeProps<T extends IEntity<string>> {
+    options: IListInternalOptions<T>;
+    className?: string;
+}

package/src/lib/components/list/list.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=list.types.js.map

package/src/lib/components/list/list.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.types.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/list/list.types.ts"],"names":[],"mappings":""}

package/src/lib/components/list/masonry-grid/list-masonry-grid.d.ts

@@ -0,0 +1,10 @@
+import { IEntity } from '@smartsoft001/domain-core';
+import { SmartListModeProps } from '../list.types';
+/**
+ * The masonry-grid list (the Angular `<smart-list-masonry-grid>`,
+ * `ListMasonryGridComponent`): a grid of tiles with the item's image (the
+ * model's first image field, lazy loaded) over its non-image cells, the
+ * `top` component factory above it and the paging below it
+ * (`PaginationMode.singlePage`).
+ */
+export declare function SmartListMasonryGrid<T extends IEntity<string>>(props: SmartListModeProps<T>): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/list/masonry-grid/list-masonry-grid.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartListMasonryGrid = SmartListMasonryGrid;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const models_1 = require("@smartsoft001/models");
+const use_list_masonry_grid_1 = require("./use-list-masonry-grid");
+const models_2 = require("../../../models");
+const hooks_1 = require("../../../providers/hooks");
+const class_names_1 = require("../../../utils/class-names");
+const html_1 = require("../../../utils/html");
+const model_1 = require("../../../utils/model");
+const paging_1 = require("../../paging/paging");
+const use_list_1 = require("../use-list");
+/**
+ * The masonry-grid list (the Angular `<smart-list-masonry-grid>`,
+ * `ListMasonryGridComponent`): a grid of tiles with the item's image (the
+ * model's first image field, lazy loaded) over its non-image cells, the
+ * `top` component factory above it and the paging below it
+ * (`PaginationMode.singlePage`).
+ */
+function SmartListMasonryGrid(props) {
+    const { options, className } = props;
+    const t = (0, hooks_1.useTranslate)();
+    const fileUrl = (0, use_list_1.useListFileUrl)();
+    const { listWithImages, keys, cellPipe, type, page, totalPages, handlePageChange, infiniteScroll, infiniteScrollRef, } = (0, use_list_masonry_grid_1.useListMasonryGrid)(props);
+    const Top = options.componentFactories?.top;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { children: Top ? (0, jsx_runtime_1.jsx)(Top, {}) : null }), (0, jsx_runtime_1.jsx)("ul", { role: "list", className: (0, class_names_1.cn)('smart:grid smart:grid-cols-1 smart:gap-6 smart:sm:grid-cols-2 smart:lg:grid-cols-3', className), children: (listWithImages ?? []).map((item) => ((0, jsx_runtime_1.jsxs)("li", { className: "smart:col-span-1 smart:rounded-lg smart:bg-white smart:shadow-sm smart:dark:bg-gray-800/50 smart:overflow-hidden", children: [item.image ? ((0, jsx_runtime_1.jsx)("img", { className: "smart:h-48 smart:w-full smart:object-cover", src: fileUrl(item.image) || undefined, width: "400", height: "192", loading: "lazy", alt: "" })) : null, (0, jsx_runtime_1.jsx)("div", { className: "smart:p-4", children: keys.map((key) => {
+                                const cell = (0, model_1.getListCell)(item.data, key, cellPipe, type, t);
+                                return cell && cell.type !== models_1.FieldType.image ? ((0, jsx_runtime_1.jsx)("p", { className: "smart:text-sm smart:text-gray-900 smart:dark:text-white", dangerouslySetInnerHTML: (0, html_1.toInnerHtml)(cell.value) }, key)) : null;
+                            }) })] }, item.data.id))) }), options.pagination?.mode === models_2.PaginationMode.singlePage ? ((0, jsx_runtime_1.jsx)(paging_1.SmartPaging, { currentPage: page ?? 1, totalPages: totalPages ?? 1, onPageChange: handlePageChange })) : null, infiniteScroll ? ((0, jsx_runtime_1.jsx)("div", { ref: infiniteScrollRef, "data-role": "infinite-scroll", "aria-hidden": "true" })) : null] }));
+}
+//# sourceMappingURL=list-masonry-grid.js.map

package/src/lib/components/list/masonry-grid/list-masonry-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-masonry-grid.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/list/masonry-grid/list-masonry-grid.tsx"],"names":[],"mappings":";;AAoBA,oDA8EC;;AAjGD,iDAAiD;AAEjD,mEAA6D;AAC7D,4CAAiD;AACjD,oDAAwD;AACxD,4DAAgD;AAChD,8CAAkD;AAClD,gDAAmD;AACnD,gDAAkD;AAElD,0CAA6C;AAE7C;;;;;;GAMG;AACH,SAAgB,oBAAoB,CAClC,KAA4B;IAE5B,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,CAAC,GAAG,IAAA,oBAAY,GAAE,CAAC;IACzB,MAAM,OAAO,GAAG,IAAA,yBAAc,GAAE,CAAC;IACjC,MAAM,EACJ,cAAc,EACd,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,iBAAiB,GAClB,GAAG,IAAA,0CAAkB,EAAC,KAAK,CAAC,CAAC;IAC9B,MAAM,GAAG,GAAG,OAAO,CAAC,kBAAkB,EAAE,GAAG,CAAC;IAE5C,OAAO,CACL,6DACE,0CAAM,GAAG,CAAC,CAAC,CAAC,uBAAC,GAAG,KAAG,CAAC,CAAC,CAAC,IAAI,GAAO,EAEjC,+BACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,IAAA,gBAAE,EACX,oFAAoF,EACpF,SAAS,CACV,YAEA,CAAC,cAAc,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACpC,gCAEE,SAAS,EAAC,kHAAkH,aAE3H,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,gCACE,SAAS,EAAC,4CAA4C,EACtD,GAAG,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,SAAS,EACrC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,MAAM,EACd,GAAG,EAAC,EAAE,GACN,CACH,CAAC,CAAC,CAAC,IAAI,EACR,gCAAK,SAAS,EAAC,WAAW,YACvB,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;gCAChB,MAAM,IAAI,GAAG,IAAA,mBAAW,EAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;gCAE5D,OAAO,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,kBAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAC7C,8BAEE,SAAS,EAAC,yDAAyD,EACnE,uBAAuB,EAAE,IAAA,kBAAW,EAAC,IAAI,CAAC,KAAK,CAAC,IAF3C,GAAG,CAGL,CACN,CAAC,CAAC,CAAC,IAAI,CAAC;4BACX,CAAC,CAAC,GACE,KAzBD,IAAI,CAAC,IAAI,CAAC,EAAE,CA0Bd,CACN,CAAC,GACC,EAEJ,OAAO,CAAC,UAAU,EAAE,IAAI,KAAK,uBAAc,CAAC,UAAU,CAAC,CAAC,CAAC,CACxD,uBAAC,oBAAW,IACV,WAAW,EAAE,IAAI,IAAI,CAAC,EACtB,UAAU,EAAE,UAAU,IAAI,CAAC,EAC3B,YAAY,EAAE,gBAAgB,GAC9B,CACH,CAAC,CAAC,CAAC,IAAI,EACP,cAAc,CAAC,CAAC,CAAC,CAChB,gCACE,GAAG,EAAE,iBAAiB,eACZ,iBAAiB,iBACf,MAAM,GACb,CACR,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,CAAC;AACJ,CAAC"}

package/src/lib/components/list/masonry-grid/preset/list-masonry-grid-preset.d.ts

@@ -0,0 +1,11 @@
+import { IEntity } from '@smartsoft001/domain-core';
+import { SmartListModeProps } from '../../list.types';
+/**
+ * Preline-styled masonry-grid list variation (the Angular
+ * `<smart-list-masonry-grid-preset>`, `ListMasonryGridPresetComponent`):
+ * keeps the masonry column layout and renders every item as a Preline card,
+ * the image on a rounded top, the first non-image column as the title and the
+ * others as text. Register it for `ListMode.masonryGrid` through
+ * `listModeComponents` on `SmartProvider` (see `LIST_PRESET_MODE_COMPONENTS`).
+ */
+export declare function SmartListMasonryGridPreset<T extends IEntity<string>>(props: SmartListModeProps<T>): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/list/masonry-grid/preset/list-masonry-grid-preset.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartListMasonryGridPreset = SmartListMasonryGridPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const models_1 = require("@smartsoft001/models");
+const models_2 = require("../../../../models");
+const hooks_1 = require("../../../../providers/hooks");
+const class_names_1 = require("../../../../utils/class-names");
+const html_1 = require("../../../../utils/html");
+const model_1 = require("../../../../utils/model");
+const preset_classes_1 = require("../../../card/preset/preset-classes");
+const paging_1 = require("../../../paging/paging");
+const list_title_key_1 = require("../../list-title-key");
+const use_list_1 = require("../../use-list");
+const use_list_masonry_grid_1 = require("../use-list-masonry-grid");
+/**
+ * Preline-styled masonry-grid list variation (the Angular
+ * `<smart-list-masonry-grid-preset>`, `ListMasonryGridPresetComponent`):
+ * keeps the masonry column layout and renders every item as a Preline card,
+ * the image on a rounded top, the first non-image column as the title and the
+ * others as text. Register it for `ListMode.masonryGrid` through
+ * `listModeComponents` on `SmartProvider` (see `LIST_PRESET_MODE_COMPONENTS`).
+ */
+function SmartListMasonryGridPreset(props) {
+    const { options, className } = props;
+    const t = (0, hooks_1.useTranslate)();
+    const fileUrl = (0, use_list_1.useListFileUrl)();
+    const { listWithImages, keys, cellPipe, type, page, totalPages, handlePageChange, infiniteScroll, infiniteScrollRef, } = (0, use_list_masonry_grid_1.useListMasonryGrid)(props);
+    const Top = options.componentFactories?.top;
+    const cardContainerClasses = (0, preset_classes_1.getCardContainerClasses)();
+    const titleKey = (0, list_title_key_1.getListTitleKey)(type, keys);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { children: Top ? (0, jsx_runtime_1.jsx)(Top, {}) : null }), (0, jsx_runtime_1.jsx)("ul", { role: "list", "data-role": "grid", className: (0, class_names_1.cn)('smart:grid smart:grid-cols-1 smart:gap-6 smart:sm:grid-cols-2 smart:lg:grid-cols-3', className), children: (listWithImages ?? []).map((item) => ((0, jsx_runtime_1.jsxs)("li", { "data-role": "card", className: cardContainerClasses, children: [item.image ? ((0, jsx_runtime_1.jsx)("img", { "data-role": "card-image", className: "smart:h-48 smart:w-full smart:object-cover smart:rounded-t-xl", src: fileUrl(item.image) || undefined, width: "400", height: "192", loading: "lazy", alt: "" })) : null, (0, jsx_runtime_1.jsx)("div", { className: "smart:p-4", children: keys.map((key) => {
+                                const cell = (0, model_1.getListCell)(item.data, key, cellPipe, type, t);
+                                if (!cell || cell.type === models_1.FieldType.image)
+                                    return null;
+                                return key === titleKey ? ((0, jsx_runtime_1.jsx)("h3", { "data-role": "card-title", className: "smart:font-semibold smart:text-gray-900 smart:dark:text-white", dangerouslySetInnerHTML: (0, html_1.toInnerHtml)(cell.value) }, key)) : ((0, jsx_runtime_1.jsx)("p", { "data-role": "card-text", className: "smart:mt-1 smart:text-gray-500 smart:dark:text-gray-400", dangerouslySetInnerHTML: (0, html_1.toInnerHtml)(cell.value) }, key));
+                            }) })] }, item.data.id))) }), options.pagination?.mode === models_2.PaginationMode.singlePage ? ((0, jsx_runtime_1.jsx)(paging_1.SmartPaging, { currentPage: page ?? 1, totalPages: totalPages ?? 1, onPageChange: handlePageChange })) : null, infiniteScroll ? ((0, jsx_runtime_1.jsx)("div", { ref: infiniteScrollRef, "data-role": "infinite-scroll", "aria-hidden": "true" })) : null] }));
+}
+//# sourceMappingURL=list-masonry-grid-preset.js.map

package/src/lib/components/list/masonry-grid/preset/list-masonry-grid-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-masonry-grid-preset.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/list/masonry-grid/preset/list-masonry-grid-preset.tsx"],"names":[],"mappings":"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"}

package/src/lib/components/list/masonry-grid/use-list-masonry-grid.d.ts

@@ -0,0 +1,44 @@
+import { IEntity } from '@smartsoft001/domain-core';
+import { SmartListModeProps } from '../list.types';
+/**
+ * The masonry-grid logic (the Angular `ListMasonryGridComponent` over
+ * `ListBaseComponent`): `useList` plus `listWithImages`, every item paired
+ * with the value of the model's first image field.
+ */
+export declare function useListMasonryGrid<T extends IEntity<string>>(props: SmartListModeProps<T>): {
+    listWithImages: {
+        data: T;
+        image: any;
+    }[] | null;
+    fields: {
+        key: string;
+        options: import("@smartsoft001/models").IFieldOptions;
+    }[];
+    provider: import("../../../models").IListProvider<T>;
+    sort: boolean | {
+        default?: string;
+        defaultDesc?: boolean;
+    };
+    cellPipe: import("../../../models").ICellPipe<T> | null;
+    selectMode: "multi" | undefined;
+    type: any;
+    keys: string[];
+    list: T[] | null;
+    loading: boolean;
+    removed: Set<string>;
+    removeHandler: ((item: T) => void) | null;
+    checkRemoveHandler: ((item: T) => boolean) | undefined;
+    itemHandler: ((id: string) => void) | null;
+    detailsComponent: import("react").ComponentType<any> | null;
+    detailsComponentProps: import("../../../models").IDetailsOptions<T> | null;
+    select: ((id: string) => void) | undefined;
+    unselect: (() => void) | undefined;
+    detailsButtonOptions: import("../../../models").IButtonOptions;
+    loadNextPage: (() => Promise<void>) | null;
+    loadPrevPage: (() => Promise<void>) | null;
+    page: number | null;
+    totalPages: number | null;
+    handlePageChange: (nextPage: number) => void;
+    infiniteScroll: boolean;
+    infiniteScrollRef: import("react").RefObject<HTMLDivElement | null>;
+};

package/src/lib/components/list/masonry-grid/use-list-masonry-grid.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useListMasonryGrid = useListMasonryGrid;
+const react_1 = require("react");
+const models_1 = require("@smartsoft001/models");
+const use_list_1 = require("../use-list");
+/**
+ * The masonry-grid logic (the Angular `ListMasonryGridComponent` over
+ * `ListBaseComponent`): `useList` plus `listWithImages`, every item paired
+ * with the value of the model's first image field.
+ */
+function useListMasonryGrid(props) {
+    const base = (0, use_list_1.useList)(props);
+    const { list, type } = base;
+    const imageKey = (0, react_1.useMemo)(() => (0, models_1.getModelFieldsWithOptions)(new type()).find((item) => item.options?.type === models_1.FieldType.image)?.key, [type]);
+    const listWithImages = (0, react_1.useMemo)(() => list
+        ? list.map((item) => ({
+            data: item,
+            image: item[imageKey ?? ''],
+        }))
+        : null, [list, imageKey]);
+    return { ...base, listWithImages };
+}
+//# sourceMappingURL=use-list-masonry-grid.js.map

package/src/lib/components/list/masonry-grid/use-list-masonry-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-list-masonry-grid.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/list/masonry-grid/use-list-masonry-grid.ts"],"names":[],"mappings":";;AAaA,gDA0BC;AAvCD,iCAAgC;AAGhC,iDAA4E;AAG5E,0CAAsC;AAEtC;;;;GAIG;AACH,SAAgB,kBAAkB,CAChC,KAA4B;IAE5B,MAAM,IAAI,GAAG,IAAA,kBAAO,EAAC,KAAK,CAAC,CAAC;IAC5B,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAE5B,MAAM,QAAQ,GAAG,IAAA,eAAO,EACtB,GAAG,EAAE,CACH,IAAA,kCAAyB,EAAC,IAAI,IAAI,EAAE,CAAC,CAAC,IAAI,CACxC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,KAAK,kBAAS,CAAC,KAAK,CACjD,EAAE,GAAG,EACR,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,MAAM,cAAc,GAAG,IAAA,eAAO,EAC5B,GAAG,EAAE,CACH,IAAI;QACF,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YAClB,IAAI,EAAE,IAAI;YACV,KAAK,EAAG,IAA4B,CAAC,QAAQ,IAAI,EAAE,CAAC;SACrD,CAAC,CAAC;QACL,CAAC,CAAC,IAAI,EACV,CAAC,IAAI,EAAE,QAAQ,CAAC,CACjB,CAAC;IAEF,OAAO,EAAE,GAAG,IAAI,EAAE,cAAc,EAAE,CAAC;AACrC,CAAC"}