@smartsoft001/react 0.0.0-stage → 2.193.0

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

@@ -0,0 +1,9 @@
+import { IEntity } from '@smartsoft001/domain-core';
+import { SmartListModeProps } from '../list.types';
+/**
+ * The mobile list (the Angular `<smart-list-mobile>`, `ListMobileComponent`):
+ * a stacked list with one paragraph per cell and the remove / item buttons,
+ * the `top` component factory above it and the paging below it
+ * (`PaginationMode.singlePage`).
+ */
+export declare function SmartListMobile<T extends IEntity<string>>(props: SmartListModeProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartListMobile = SmartListMobile;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const models_1 = 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 mobile list (the Angular `<smart-list-mobile>`, `ListMobileComponent`):
+ * a stacked list with one paragraph per cell and the remove / item buttons,
+ * the `top` component factory above it and the paging below it
+ * (`PaginationMode.singlePage`).
+ */
+function SmartListMobile(props) {
+    const { options, className } = props;
+    const t = (0, hooks_1.useTranslate)();
+    const { list, keys, cellPipe, type, checkRemoveHandler, removeHandler, itemHandler, page, totalPages, handlePageChange, infiniteScroll, infiniteScrollRef, } = (0, use_list_1.useList)(props);
+    const Top = options.componentFactories?.top;
+    const mobileItems = list ?? [];
+    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:divide-y smart:divide-gray-100 smart:dark:divide-white/10', className), children: mobileItems.map((item) => ((0, jsx_runtime_1.jsxs)("li", { className: "smart:flex smart:justify-between smart:gap-x-6 smart:py-5", children: [(0, jsx_runtime_1.jsx)("div", { className: "smart:flex smart:min-w-0 smart:gap-x-4", children: (0, jsx_runtime_1.jsx)("div", { className: "smart:min-w-0 smart:flex-auto", children: keys.map((key) => {
+                                    const cell = (0, model_1.getListCell)(item, key, cellPipe, type, t);
+                                    return cell ? ((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;
+                                }) }) }), (0, jsx_runtime_1.jsxs)("div", { className: "smart:flex smart:shrink-0 smart:items-center smart:gap-x-4", children: [removeHandler &&
+                                    (!checkRemoveHandler || checkRemoveHandler(item)) ? ((0, jsx_runtime_1.jsx)("button", { type: "button", className: "smart:text-red-600 smart:hover:text-red-900 smart:dark:text-red-400 smart:dark:hover:text-red-300 smart:text-sm", onClick: () => removeHandler?.(item), children: t('remove') })) : null, itemHandler ? ((0, jsx_runtime_1.jsx)("button", { type: "button", className: "smart:text-indigo-600 smart:hover:text-indigo-900 smart:dark:text-indigo-400 smart:dark:hover:text-indigo-300 smart:text-sm", onClick: () => itemHandler?.(item.id), children: "\u2192" })) : null] })] }, item.id))) }), options.pagination?.mode === models_1.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-mobile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list-mobile.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/list/mobile/list-mobile.tsx"],"names":[],"mappings":";;AAiBA,0CA8FC;;AA7GD,4CAAiD;AACjD,oDAAwD;AACxD,4DAAgD;AAChD,8CAAkD;AAClD,gDAAmD;AACnD,gDAAkD;AAElD,0CAAsC;AAEtC;;;;;GAKG;AACH,SAAgB,eAAe,CAC7B,KAA4B;IAE5B,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,CAAC,GAAG,IAAA,oBAAY,GAAE,CAAC;IACzB,MAAM,EACJ,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,kBAAkB,EAClB,aAAa,EACb,WAAW,EACX,IAAI,EACJ,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,iBAAiB,GAClB,GAAG,IAAA,kBAAO,EAAC,KAAK,CAAC,CAAC;IACnB,MAAM,GAAG,GAAG,OAAO,CAAC,kBAAkB,EAAE,GAAG,CAAC;IAC5C,MAAM,WAAW,GAAG,IAAI,IAAI,EAAE,CAAC;IAE/B,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,iEAAiE,EACjE,SAAS,CACV,YAEA,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACzB,gCAEE,SAAS,EAAC,2DAA2D,aAErE,gCAAK,SAAS,EAAC,wCAAwC,YACrD,gCAAK,SAAS,EAAC,+BAA+B,YAC3C,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;oCAChB,MAAM,IAAI,GAAG,IAAA,mBAAW,EAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;oCAEvD,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,8BAEE,SAAS,EAAC,yDAAyD,EACnE,uBAAuB,EAAE,IAAA,kBAAW,EAAC,IAAI,CAAC,KAAK,CAAC,IAF3C,GAAG,CAGL,CACN,CAAC,CAAC,CAAC,IAAI,CAAC;gCACX,CAAC,CAAC,GACE,GACF,EACN,iCAAK,SAAS,EAAC,4DAA4D,aACxE,aAAa;oCACd,CAAC,CAAC,kBAAkB,IAAI,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAClD,mCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iHAAiH,EAC3H,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,YAEnC,CAAC,CAAC,QAAQ,CAAC,GACL,CACV,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,mCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,6HAA6H,EACvI,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,uBAG9B,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,KAtCD,IAAI,CAAC,EAAE,CAuCT,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/mobile/preset/list-mobile-preset.d.ts

@@ -0,0 +1,11 @@
+import { IEntity } from '@smartsoft001/domain-core';
+import { SmartListModeProps } from '../../list.types';
+/**
+ * Preline-styled mobile list variation (the Angular
+ * `<smart-list-mobile-preset>`, `ListMobilePresetComponent`): a responsive
+ * grid of cards. Image cells become the card image, the first non-image
+ * column the card title and the others card text, followed by the details
+ * and remove buttons. Register it for `ListMode.mobile` through
+ * `listModeComponents` on `SmartProvider` (see `LIST_PRESET_MODE_COMPONENTS`).
+ */
+export declare function SmartListMobilePreset<T extends IEntity<string>>(props: SmartListModeProps<T>): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/list/mobile/preset/list-mobile-preset.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartListMobilePreset = SmartListMobilePreset;
+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");
+/**
+ * Preline-styled mobile list variation (the Angular
+ * `<smart-list-mobile-preset>`, `ListMobilePresetComponent`): a responsive
+ * grid of cards. Image cells become the card image, the first non-image
+ * column the card title and the others card text, followed by the details
+ * and remove buttons. Register it for `ListMode.mobile` through
+ * `listModeComponents` on `SmartProvider` (see `LIST_PRESET_MODE_COMPONENTS`).
+ */
+function SmartListMobilePreset(props) {
+    const { options, className } = props;
+    const t = (0, hooks_1.useTranslate)();
+    const fileUrl = (0, use_list_1.useListFileUrl)();
+    const { list, keys, cellPipe, type, checkRemoveHandler, removeHandler, itemHandler, page, totalPages, handlePageChange, infiniteScroll, infiniteScrollRef, } = (0, use_list_1.useList)(props);
+    const Top = options.componentFactories?.top;
+    const presetItems = list ?? [];
+    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", className: (0, class_names_1.cn)('smart:grid smart:gap-4 smart:grid-cols-1 smart:sm:grid-cols-2 smart:lg:grid-cols-3', className), children: presetItems.map((item) => {
+                    const cells = keys.map((key) => ({
+                        key,
+                        cell: (0, model_1.getListCell)(item, key, cellPipe, type, t),
+                    }));
+                    return ((0, jsx_runtime_1.jsxs)("li", { "data-role": "card", className: cardContainerClasses, children: [cells.map(({ key, cell }) => cell && cell.type === models_1.FieldType.image ? ((0, jsx_runtime_1.jsx)("img", { "data-role": "card-image", className: "smart:w-full smart:h-auto smart:rounded-t-xl", src: fileUrl(cell.value) || undefined, loading: "lazy", alt: "" }, key)) : null), (0, jsx_runtime_1.jsxs)("div", { className: "smart:p-4", children: [cells.map(({ key, cell }) => {
+                                        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));
+                                    }), (0, jsx_runtime_1.jsxs)("div", { className: "smart:flex smart:items-center smart:gap-x-4", children: [itemHandler ? ((0, jsx_runtime_1.jsx)("button", { type: "button", "data-role": "item", className: "smart:mt-2 smart:py-2 smart:px-3 smart:inline-flex smart:justify-center smart:items-center smart:gap-x-2 smart:text-sm smart:font-medium smart:rounded-lg smart:bg-blue-600 smart:dark:bg-blue-500 smart:text-white smart:hover:bg-blue-700 smart:dark:hover:bg-blue-600 smart:focus:outline-hidden", onClick: () => itemHandler?.(item.id), children: t('details') })) : null, removeHandler &&
+                                                (!checkRemoveHandler || checkRemoveHandler(item)) ? ((0, jsx_runtime_1.jsx)("button", { type: "button", "data-role": "remove", className: "smart:mt-2 smart:text-red-600 smart:hover:text-red-900 smart:dark:text-red-400 smart:dark:hover:text-red-300 smart:text-sm", onClick: () => removeHandler?.(item), children: t('remove') })) : null] })] })] }, item.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-mobile-preset.js.map

package/src/lib/components/list/mobile/preset/list-mobile-preset.js.map

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

package/src/lib/components/list/preset-modes.d.ts

@@ -0,0 +1,18 @@
+import type { ComponentType } from 'react';
+import { IEntity } from '@smartsoft001/domain-core';
+import { SmartListModeProps } from './list.types';
+import { ListMode } from '../../models';
+/**
+ * Preline-styled list mode presets, keyed by `ListMode`. Register it as
+ * `listModeComponents` on `SmartProvider` (the Angular
+ * `LIST_MODE_COMPONENTS_TOKEN`) to swap the covered modes:
+ *
+ * ```tsx
+ * <SmartProvider listModeComponents={LIST_PRESET_MODE_COMPONENTS}>
+ * ```
+ *
+ * The map covers every `ListMode`: `desktop` (Preline table, styling driven
+ * by `IListOptions.presentation`), `mobile` (card grid) and `masonryGrid`
+ * (masonry card columns).
+ */
+export declare const LIST_PRESET_MODE_COMPONENTS: Partial<Record<ListMode, ComponentType<SmartListModeProps<IEntity<string>>>>>;

package/src/lib/components/list/preset-modes.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LIST_PRESET_MODE_COMPONENTS = void 0;
+const list_desktop_preset_1 = require("./desktop/preset/list-desktop-preset");
+const models_1 = require("../../models");
+const list_masonry_grid_preset_1 = require("./masonry-grid/preset/list-masonry-grid-preset");
+const list_mobile_preset_1 = require("./mobile/preset/list-mobile-preset");
+/**
+ * Preline-styled list mode presets, keyed by `ListMode`. Register it as
+ * `listModeComponents` on `SmartProvider` (the Angular
+ * `LIST_MODE_COMPONENTS_TOKEN`) to swap the covered modes:
+ *
+ * ```tsx
+ * <SmartProvider listModeComponents={LIST_PRESET_MODE_COMPONENTS}>
+ * ```
+ *
+ * The map covers every `ListMode`: `desktop` (Preline table, styling driven
+ * by `IListOptions.presentation`), `mobile` (card grid) and `masonryGrid`
+ * (masonry card columns).
+ */
+exports.LIST_PRESET_MODE_COMPONENTS = {
+    [models_1.ListMode.desktop]: list_desktop_preset_1.SmartListDesktopPreset,
+    [models_1.ListMode.mobile]: list_mobile_preset_1.SmartListMobilePreset,
+    [models_1.ListMode.masonryGrid]: list_masonry_grid_preset_1.SmartListMasonryGridPreset,
+};
+//# sourceMappingURL=preset-modes.js.map

package/src/lib/components/list/preset-modes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset-modes.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/list/preset-modes.ts"],"names":[],"mappings":";;;AAIA,8EAA8E;AAE9E,yCAAwC;AACxC,6FAA4F;AAC5F,2EAA2E;AAE3E;;;;;;;;;;;;GAYG;AACU,QAAA,2BAA2B,GAEpC;IACF,CAAC,iBAAQ,CAAC,OAAO,CAAC,EAAE,4CAAsB;IAC1C,CAAC,iBAAQ,CAAC,MAAM,CAAC,EAAE,0CAAqB;IACxC,CAAC,iBAAQ,CAAC,WAAW,CAAC,EAAE,qDAA0B;CACnD,CAAC"}

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

@@ -0,0 +1,58 @@
+import { IEntity } from '@smartsoft001/domain-core';
+import { IFieldOptions } from '@smartsoft001/models';
+import { SmartListModeProps } from './list.types';
+import { IButtonOptions, IDetailsOptions } from '../../models';
+/**
+ * The `smartFileUrl` pipe for the image cells: the download URL of an
+ * attachment (`{ id }`), `''` without a file service.
+ */
+export declare function useListFileUrl(): (file: {
+    id: any;
+} | null | undefined) => string;
+/**
+ * The behaviour every list mode shares (the Angular `ListBaseComponent`):
+ * the column `keys` (permissions via `useAuthService()`, dynamic `__array`
+ * columns), the provider `list` and `loading`, the `sort` options, the remove
+ * flow (a confirm alert, then `remove.provider.invoke(id)`), item navigation
+ * (`useNavigation().navigate(routingPrefix + id)` or `item.options.select`),
+ * the details provider (`select` / `unselect`, `detailsComponent` and its
+ * props) and the pagination (`loadNextPage` / `loadPrevPage`,
+ * `handlePageChange`).
+ *
+ * With `pagination.mode === PaginationMode.infiniteScroll` and a next page,
+ * `infiniteScroll` is `true`: render an element with `infiniteScrollRef`
+ * after the items, and the next page loads when it scrolls into view.
+ */
+export declare function useList<T extends IEntity<string>>({ options, }: SmartListModeProps<T>): {
+    fields: {
+        key: string;
+        options: 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: IDetailsOptions<T> | null;
+    select: ((id: string) => void) | undefined;
+    unselect: (() => void) | undefined;
+    detailsButtonOptions: 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/use-list.js

@@ -0,0 +1,246 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useListFileUrl = useListFileUrl;
+exports.useList = useList;
+const react_1 = require("react");
+const models_1 = require("../../models");
+const hooks_1 = require("../../providers/hooks");
+const NO_FIELDS = [];
+/**
+ * The column keys of the list: the fields the user may see (list
+ * `permissions`), with a `dynamic` field expanded into one
+ * `__array.<key>.<index>.<headerKey>.<rowKey>` column per entry of the first
+ * item (the Angular `ListBaseComponent.initKeys`).
+ */
+function getListKeys(fields, data, expectPermissions) {
+    const result = [];
+    fields
+        .filter((field) => {
+        const list = field.options.list;
+        if (list && list.permissions) {
+            return expectPermissions(list.permissions ?? null);
+        }
+        return true;
+    })
+        .forEach((field) => {
+        const list = field.options.list;
+        if (list?.dynamic) {
+            if (!data?.length)
+                return;
+            data[0][field.key].forEach((_, index) => result.push(`__array.${field.key}.${index}.${list.dynamic?.headerKey ?? ''}.${list.dynamic?.rowKey ?? ''}`));
+            return;
+        }
+        result.push(field.key);
+    });
+    return result;
+}
+/**
+ * The `smartFileUrl` pipe for the image cells: the download URL of an
+ * attachment (`{ id }`), `''` without a file service.
+ */
+function useListFileUrl() {
+    const fileService = (0, hooks_1.useFileService)();
+    return (0, react_1.useCallback)((file) => (file && fileService ? fileService.getUrl(file.id) : ''), [fileService]);
+}
+/** `routingPrefix` + `id` as one path, the way the Angular router joined them. */
+function getItemUrl(routingPrefix, id) {
+    const prefix = routingPrefix.replace('//', '/');
+    return (prefix.endsWith('/') ? prefix : prefix + '/') + id;
+}
+/**
+ * The behaviour every list mode shares (the Angular `ListBaseComponent`):
+ * the column `keys` (permissions via `useAuthService()`, dynamic `__array`
+ * columns), the provider `list` and `loading`, the `sort` options, the remove
+ * flow (a confirm alert, then `remove.provider.invoke(id)`), item navigation
+ * (`useNavigation().navigate(routingPrefix + id)` or `item.options.select`),
+ * the details provider (`select` / `unselect`, `detailsComponent` and its
+ * props) and the pagination (`loadNextPage` / `loadPrevPage`,
+ * `handlePageChange`).
+ *
+ * With `pagination.mode === PaginationMode.infiniteScroll` and a next page,
+ * `infiniteScroll` is `true`: render an element with `infiniteScrollRef`
+ * after the items, and the next page loads when it scrolls into view.
+ */
+function useList({ options, }) {
+    const t = (0, hooks_1.useTranslate)();
+    const authService = (0, hooks_1.useAuthService)();
+    const alertService = (0, hooks_1.useAlertService)();
+    const navigation = (0, hooks_1.useNavigation)();
+    const fields = options.fields ?? NO_FIELDS;
+    const provider = options.provider;
+    const sort = options.sort ?? {};
+    const cellPipe = options.cellPipe ?? null;
+    const selectMode = options.select;
+    const type = options.type;
+    const providerList = provider?.list ?? null;
+    const loading = provider?.loading;
+    // Ids hidden from the list (the Angular `removed` set).
+    const [removed] = (0, react_1.useState)(() => new Set());
+    const keys = (0, react_1.useMemo)(() => getListKeys(fields, providerList, (permissions) => authService.expectPermissions(permissions)), [fields, providerList, authService]);
+    const list = (0, react_1.useMemo)(() => providerList
+        ? providerList.filter((item) => !removed.has(item.id))
+        : null, [providerList, removed]);
+    const remove = options.remove;
+    const removeProvider = remove
+        ?.provider;
+    const removeHandler = (0, react_1.useMemo)(() => {
+        if (!remove)
+            return null;
+        return async (obj) => {
+            await alertService.show({
+                header: t('OBJECT.confirmDelete'),
+                buttons: [
+                    { text: t('cancel'), role: 'cancel' },
+                    {
+                        text: t('confirm'),
+                        handler: () => {
+                            removeProvider?.invoke?.(obj.id);
+                        },
+                    },
+                ],
+                backdropDismiss: false,
+            });
+        };
+    }, [remove, removeProvider, alertService, t]);
+    const checkRemoveHandler = remove
+        ? removeProvider?.check
+        : undefined;
+    const item = options.item;
+    const itemHandler = (0, react_1.useMemo)(() => {
+        if (!item)
+            return null;
+        const itemOptions = item.options;
+        if (!itemOptions)
+            throw Error('Must set edit options');
+        return (id) => {
+            const routingPrefix = itemOptions.routingPrefix;
+            const select = itemOptions.select;
+            if (routingPrefix) {
+                navigation.navigate(getItemUrl(routingPrefix, id));
+            }
+            else if (select)
+                select(id);
+        };
+    }, [item, navigation]);
+    const details = options.details;
+    if (options.details && !details?.provider) {
+        throw Error('Must set details provider');
+    }
+    const detailsProvider = options.details ? details?.provider : undefined;
+    const detailsComponent = (options.details && details?.component) || null;
+    const detailsComponentProps = (0, react_1.useMemo)(() => {
+        if (!detailsComponent || !detailsProvider)
+            return null;
+        return {
+            item: detailsProvider.item,
+            type,
+            loading: detailsProvider.loading,
+            itemHandler: itemHandler ?? null,
+            removeHandler,
+            componentFactories: details?.componentFactories,
+        };
+    }, [
+        detailsComponent,
+        detailsProvider,
+        type,
+        itemHandler,
+        removeHandler,
+        details?.componentFactories,
+    ]);
+    const select = detailsProvider?.getData;
+    const unselect = detailsProvider?.clearData;
+    const detailsButtonOptions = (0, react_1.useMemo)(() => ({
+        loading,
+        click: () => {
+            unselect?.();
+        },
+    }), [loading, unselect]);
+    const pagination = options.pagination;
+    const loadNextPage = (0, react_1.useMemo)(() => {
+        if (!pagination)
+            return null;
+        return async () => {
+            await pagination.loadNextPage?.();
+            setTimeout(() => {
+                window.scrollTo(0, 0);
+            });
+        };
+    }, [pagination]);
+    const loadPrevPage = (0, react_1.useMemo)(() => {
+        if (!pagination)
+            return null;
+        return async () => {
+            await pagination.loadPrevPage?.();
+            setTimeout(() => {
+                window.scrollTo(0, 10000);
+            });
+        };
+    }, [pagination]);
+    const page = pagination ? pagination.page : null;
+    const totalPages = pagination ? pagination.totalPages : null;
+    const handlePageChange = (0, react_1.useCallback)((nextPage) => {
+        const current = page ?? 1;
+        if (nextPage > current) {
+            loadNextPage?.();
+        }
+        else if (nextPage < current) {
+            loadPrevPage?.();
+        }
+    }, [page, loadNextPage, loadPrevPage]);
+    const infiniteScroll = pagination?.mode === models_1.PaginationMode.infiniteScroll &&
+        (page ?? 1) < (totalPages ?? 0);
+    const infiniteScrollRef = (0, react_1.useRef)(null);
+    const loadMoreRef = (0, react_1.useRef)(pagination?.loadNextPage);
+    const loadingMoreRef = (0, react_1.useRef)(false);
+    (0, react_1.useEffect)(() => {
+        loadMoreRef.current = pagination?.loadNextPage;
+    });
+    (0, react_1.useEffect)(() => {
+        const target = infiniteScrollRef.current;
+        if (!infiniteScroll ||
+            !target ||
+            typeof IntersectionObserver === 'undefined') {
+            return undefined;
+        }
+        const observer = new IntersectionObserver((entries) => {
+            if (loadingMoreRef.current ||
+                !entries.some((entry) => entry.isIntersecting)) {
+                return;
+            }
+            loadingMoreRef.current = true;
+            Promise.resolve(loadMoreRef.current?.()).finally(() => {
+                loadingMoreRef.current = false;
+            });
+        });
+        observer.observe(target);
+        return () => observer.disconnect();
+    }, [infiniteScroll, page]);
+    return {
+        fields,
+        provider,
+        sort,
+        cellPipe,
+        selectMode,
+        type,
+        keys,
+        list,
+        loading,
+        removed,
+        removeHandler,
+        checkRemoveHandler,
+        itemHandler,
+        detailsComponent,
+        detailsComponentProps,
+        select,
+        unselect,
+        detailsButtonOptions,
+        loadNextPage,
+        loadPrevPage,
+        page,
+        totalPages,
+        handlePageChange,
+        infiniteScroll,
+        infiniteScrollRef,
+    };
+}
+//# sourceMappingURL=use-list.js.map

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

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

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

@@ -0,0 +1,3 @@
+export * from './list-container';
+export * from './list-container.types';
+export * from './standard/list-container-standard';

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./list-container"), exports);
+tslib_1.__exportStar(require("./list-container.types"), exports);
+tslib_1.__exportStar(require("./standard/list-container-standard"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/list-container/index.ts"],"names":[],"mappings":";;;AAAA,2DAAiC;AACjC,iEAAuC;AACvC,6EAAmD"}

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

@@ -0,0 +1,9 @@
+import { SmartListContainerProps } from './list-container.types';
+/**
+ * `<smart-list-container>`: renders the implementation registered as
+ * `components['list-container']` on `SmartProvider` (the Angular
+ * `LIST_CONTAINER_STANDARD_COMPONENT_TOKEN`), `SmartListContainerStandard` by
+ * default. Unlike the Angular outlet, the registered implementation also
+ * receives `children`.
+ */
+export declare function SmartListContainer(props: SmartListContainerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartListContainer = SmartListContainer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const list_container_standard_1 = require("./standard/list-container-standard");
+const hooks_1 = require("../../providers/hooks");
+/**
+ * `<smart-list-container>`: renders the implementation registered as
+ * `components['list-container']` on `SmartProvider` (the Angular
+ * `LIST_CONTAINER_STANDARD_COMPONENT_TOKEN`), `SmartListContainerStandard` by
+ * default. Unlike the Angular outlet, the registered implementation also
+ * receives `children`.
+ */
+function SmartListContainer(props) {
+    const Component = (0, hooks_1.useSmartComponent)('list-container', list_container_standard_1.SmartListContainerStandard);
+    return (0, jsx_runtime_1.jsx)(Component, { ...props });
+}
+//# sourceMappingURL=list-container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list-container.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/list-container/list-container.tsx"],"names":[],"mappings":";;AAWA,gDAOC;;AAjBD,gFAAgF;AAChF,iDAA0D;AAE1D;;;;;;GAMG;AACH,SAAgB,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,SAAS,GAAG,IAAA,yBAAiB,EACjC,gBAAgB,EAChB,oDAA0B,CAC3B,CAAC;IAEF,OAAO,uBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC"}

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

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import { IListContainerOptions } from '../../models';
+export interface SmartListContainerProps {
+    options?: IListContainerOptions;
+    className?: string;
+    /** The list entries (the Angular `ng-content`). */
+    children?: ReactNode;
+}

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

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

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

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

package/src/lib/components/list-container/standard/list-container-standard.d.ts

@@ -0,0 +1,7 @@
+import { SmartListContainerProps } from '../list-container.types';
+/**
+ * The default list-container rendering (`<smart-list-container-standard>`): a
+ * `role="list"` element around `children`, exposing `options.variant` as
+ * `data-variant` for styling.
+ */
+export declare function SmartListContainerStandard({ options, className, children, }: SmartListContainerProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/list-container/standard/list-container-standard.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartListContainerStandard = SmartListContainerStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * The default list-container rendering (`<smart-list-container-standard>`): a
+ * `role="list"` element around `children`, exposing `options.variant` as
+ * `data-variant` for styling.
+ */
+function SmartListContainerStandard({ options, className, children, }) {
+    return ((0, jsx_runtime_1.jsx)("div", { role: "list", className: className, "data-variant": options?.variant ?? undefined, children: children }));
+}
+//# sourceMappingURL=list-container-standard.js.map

package/src/lib/components/list-container/standard/list-container-standard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-container-standard.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/list-container/standard/list-container-standard.tsx"],"names":[],"mappings":";;AAOA,gEAcC;;AAnBD;;;;GAIG;AACH,SAAgB,0BAA0B,CAAC,EACzC,OAAO,EACP,SAAS,EACT,QAAQ,GACgB;IACxB,OAAO,CACL,gCACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,SAAS,kBACN,OAAO,EAAE,OAAO,IAAI,SAAS,YAE1C,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,6 @@
+export * from './loader';
+export * from './loader.types';
+export * from './preset/loader-preset';
+export * from './preset/preset-classes';
+export * from './standard/loader-standard';
+export * from './use-loader';

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./loader"), exports);
+tslib_1.__exportStar(require("./loader.types"), exports);
+tslib_1.__exportStar(require("./preset/loader-preset"), exports);
+tslib_1.__exportStar(require("./preset/preset-classes"), exports);
+tslib_1.__exportStar(require("./standard/loader-standard"), exports);
+tslib_1.__exportStar(require("./use-loader"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/loader/index.ts"],"names":[],"mappings":";;;AAAA,mDAAyB;AACzB,yDAA+B;AAC/B,iEAAuC;AACvC,kEAAwC;AACxC,qEAA2C;AAC3C,uDAA6B"}

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

@@ -0,0 +1,7 @@
+import { SmartLoaderProps } from './loader.types';
+/**
+ * `<smart-loader>`: renders the implementation registered as
+ * `components.loader` on `SmartProvider` (the Angular
+ * `LOADER_STANDARD_COMPONENT_TOKEN`), `SmartLoaderStandard` by default.
+ */
+export declare function SmartLoader(props: SmartLoaderProps): import("react/jsx-runtime").JSX.Element;