@smartsoft001/crud-shell-react 0.0.0-stage → 2.193.0

package/README.md

@@ -1,4 +1,13 @@
-# Temporary Holding Version
+# @smartsoft001/crud-shell-react
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
-If no other versions are published within 30 days, this package and version will be deleted.
+The React CRUD screens of the smartsoft001 framework: the list and item pages generated from a
+configuration object and the model's metadata, the filters, and the CRUD service with its store and
+facade, speaking the same REST contract as
+[`@smartsoft001/crud-shell-nestjs`](https://www.npmjs.com/package/@smartsoft001/crud-shell-nestjs).
+It mirrors [`@smartsoft001/crud-shell-angular`](https://www.npmjs.com/package/@smartsoft001/crud-shell-angular).
+
+```bash
+npm install @smartsoft001/crud-shell-react @smartsoft001/react react
+```
+
+The full documentation is at https://framework.smartflow.biz.pl/docs/packages/crud-shell-react/.

package/package.json

@@ -1,6 +1,31 @@
 {
   "name": "@smartsoft001/crud-shell-react",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "2.193.0",
+  "type": "commonjs",
+  "description": "React CRUD screens driven by model metadata: the list and item pages, filters, the CRUD service and its store, mirroring @smartsoft001/crud-shell-angular.",
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "MIT",
+  "main": "./src/index.js",
+  "typings": "./src/index.d.ts",
+  "dependencies": {
+    "moment": "^2.31.0"
+  },
+  "peerDependencies": {
+    "@smartsoft001/domain-core": "2.193.0",
+    "@smartsoft001/models": "2.193.0",
+    "@smartsoft001/react": "2.193.0",
+    "@smartsoft001/utils": "2.193.0",
+    "react": "^19.0.0"
+  },
+  "exports": {
+    ".": {
+      "types": "./src/index.d.ts",
+      "default": "./src/index.js"
+    },
+    "./styles.css": "./styles.css",
+    "./package.json": "./package.json"
+  },
+  "types": "./src/index.d.ts"
+}

package/src/index.d.ts

@@ -0,0 +1,19 @@
+export * from './lib/components/export';
+export * from './lib/components/filter';
+export * from './lib/components/filters';
+export * from './lib/components/filters-config';
+export * from './lib/components/group';
+export * from './lib/components/multiselect';
+export * from './lib/crud.config';
+export * from './lib/crud.context';
+export * from './lib/crud.provider';
+export * from './lib/factories/form-options';
+export * from './lib/hooks';
+export * from './lib/models';
+export * from './lib/pages';
+export * from './lib/providers/model-label.provider';
+export * from './lib/services/crud/crud.service';
+export * from './lib/services/list-group/list-group.service';
+export * from './lib/services/page/page.service';
+export * from './lib/services/search/search.service';
+export * from './lib/state';

package/src/index.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./lib/components/export"), exports);
+tslib_1.__exportStar(require("./lib/components/filter"), exports);
+tslib_1.__exportStar(require("./lib/components/filters"), exports);
+tslib_1.__exportStar(require("./lib/components/filters-config"), exports);
+tslib_1.__exportStar(require("./lib/components/group"), exports);
+tslib_1.__exportStar(require("./lib/components/multiselect"), exports);
+tslib_1.__exportStar(require("./lib/crud.config"), exports);
+tslib_1.__exportStar(require("./lib/crud.context"), exports);
+tslib_1.__exportStar(require("./lib/crud.provider"), exports);
+tslib_1.__exportStar(require("./lib/factories/form-options"), exports);
+tslib_1.__exportStar(require("./lib/hooks"), exports);
+tslib_1.__exportStar(require("./lib/models"), exports);
+tslib_1.__exportStar(require("./lib/pages"), exports);
+tslib_1.__exportStar(require("./lib/providers/model-label.provider"), exports);
+tslib_1.__exportStar(require("./lib/services/crud/crud.service"), exports);
+tslib_1.__exportStar(require("./lib/services/list-group/list-group.service"), exports);
+tslib_1.__exportStar(require("./lib/services/page/page.service"), exports);
+tslib_1.__exportStar(require("./lib/services/search/search.service"), exports);
+tslib_1.__exportStar(require("./lib/state"), exports);
+//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/crud/shell/react/src/index.ts"],"names":[],"mappings":";;;AAAA,kEAAwC;AACxC,kEAAwC;AACxC,mEAAyC;AACzC,0EAAgD;AAChD,iEAAuC;AACvC,uEAA6C;AAC7C,4DAAkC;AAClC,6DAAmC;AACnC,8DAAoC;AACpC,uEAA6C;AAC7C,sDAA4B;AAC5B,uDAA6B;AAC7B,sDAA4B;AAC5B,+EAAqD;AACrD,2EAAiD;AACjD,uFAA6D;AAC7D,2EAAiD;AACjD,+EAAqD;AACrD,sDAA4B"}

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

@@ -0,0 +1,7 @@
+import { IEntity } from '@smartsoft001/domain-core';
+import { SmartCrudExportProps } from './export.types';
+/**
+ * `<smart-crud-export>`: the CSV / XLSX buttons exporting the list of the
+ * CRUD feature with its current filter (the Angular `ExportComponent`).
+ */
+export declare function SmartCrudExport<T extends IEntity<string>>(props: SmartCrudExportProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/export/export.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartCrudExport = SmartCrudExport;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@smartsoft001/react");
+const use_crud_export_1 = require("./use-crud-export");
+/**
+ * `<smart-crud-export>`: the CSV / XLSX buttons exporting the list of the
+ * CRUD feature with its current filter (the Angular `ExportComponent`).
+ */
+function SmartCrudExport(props) {
+    const { elementRef, buttonExportCsvOptions, buttonExportXlsxOptions } = (0, use_crud_export_1.useCrudExport)(props);
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: elementRef, className: "smart:p-5", children: [(0, jsx_runtime_1.jsx)("p", { className: "smart:my-2.5 smart:mx-0", children: (0, jsx_runtime_1.jsx)(react_1.SmartButton, { options: buttonExportCsvOptions, className: "smart:w-full smart:block", children: "CSV" }) }), (0, jsx_runtime_1.jsx)("p", { children: (0, jsx_runtime_1.jsx)(react_1.SmartButton, { options: buttonExportXlsxOptions, className: "smart:w-full smart:block", children: "XLSX" }) })] }));
+}
+//# sourceMappingURL=export.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"export.js","sourceRoot":"","sources":["../../../../../../../../../packages/crud/shell/react/src/lib/components/export/export.tsx"],"names":[],"mappings":";;AAUA,0CA0BC;;AAnCD,+CAAkD;AAGlD,uDAAkD;AAElD;;;GAGG;AACH,SAAgB,eAAe,CAC7B,KAA2B;IAE3B,MAAM,EAAE,UAAU,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,GACnE,IAAA,+BAAa,EAAI,KAAK,CAAC,CAAC;IAE1B,OAAO,CACL,iCAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAC,WAAW,aACzC,8BAAG,SAAS,EAAC,yBAAyB,YACpC,uBAAC,mBAAW,IACV,OAAO,EAAE,sBAAsB,EAC/B,SAAS,EAAC,0BAA0B,oBAGxB,GACZ,EACJ,wCACE,uBAAC,mBAAW,IACV,OAAO,EAAE,uBAAuB,EAChC,SAAS,EAAC,0BAA0B,qBAGxB,GACZ,IACA,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,8 @@
+/** The props of `<SmartCrudExport>` (`<smart-crud-export>`). */
+export interface SmartCrudExportProps {
+    /**
+     * Closes the overlay the component is shown in. `ModalService` passes it
+     * to the component it opens; without it the last opened modal is closed.
+     */
+    dismiss?: (data?: unknown) => void;
+}

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

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

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

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

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

@@ -0,0 +1,3 @@
+export * from './export';
+export * from './export.types';
+export * from './use-crud-export';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/crud/shell/react/src/lib/components/export/index.ts"],"names":[],"mappings":";;;AAAA,mDAAyB;AACzB,yDAA+B;AAC/B,4DAAkC"}

package/src/lib/components/export/use-crud-export.d.ts

@@ -0,0 +1,16 @@
+import { IEntity } from '@smartsoft001/domain-core';
+import { IButtonOptions } from '@smartsoft001/react';
+import { SmartCrudExportProps } from './export.types';
+/**
+ * The behaviour of the export buttons (the Angular `ExportBaseComponent`):
+ * a click exports the list with the current filter, without paging, in its
+ * format, and closes the overlay the component is shown in once the export
+ * finished. The buttons are loading while the feature is. Attach
+ * `elementRef` to the root element: it gets the application style (the
+ * Angular `styleService.init(elementRef)`).
+ */
+export declare function useCrudExport<T extends IEntity<string>>({ dismiss, }?: SmartCrudExportProps): {
+    elementRef: import("react").RefObject<HTMLDivElement | null>;
+    buttonExportCsvOptions: IButtonOptions;
+    buttonExportXlsxOptions: IButtonOptions;
+};

package/src/lib/components/export/use-crud-export.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCrudExport = useCrudExport;
+const react_1 = require("react");
+const react_2 = require("@smartsoft001/react");
+const crud_context_1 = require("../../crud.context");
+const hooks_1 = require("../../hooks");
+/**
+ * Runs `callback` once the feature is loaded, now or after a later change
+ * (the Angular `toObservable(loaded).pipe(filter(l => !!l), take(1))`).
+ * Returns the unsubscribe function.
+ */
+function onceLoaded(store, callback) {
+    if (store.get().loaded) {
+        callback();
+        return () => undefined;
+    }
+    const unsubscribe = store.subscribe(() => {
+        if (!store.get().loaded)
+            return;
+        unsubscribe();
+        callback();
+    });
+    return unsubscribe;
+}
+/**
+ * The behaviour of the export buttons (the Angular `ExportBaseComponent`):
+ * a click exports the list with the current filter, without paging, in its
+ * format, and closes the overlay the component is shown in once the export
+ * finished. The buttons are loading while the feature is. Attach
+ * `elementRef` to the root element: it gets the application style (the
+ * Angular `styleService.init(elementRef)`).
+ */
+function useCrudExport({ dismiss, } = {}) {
+    const { facade, store } = (0, crud_context_1.useCrud)();
+    const modalService = (0, react_2.useModalService)();
+    const styleService = (0, react_2.useStyleService)();
+    const elementRef = (0, react_1.useRef)(null);
+    const loading = (0, hooks_1.useCrudState)((state) => !state.loaded);
+    const dismissRef = (0, react_1.useRef)(dismiss);
+    const subscriptions = (0, react_1.useRef)([]);
+    (0, react_1.useEffect)(() => {
+        dismissRef.current = dismiss;
+    });
+    // A local service writes the style, so the shared one is not redirected
+    // to this element.
+    (0, react_1.useEffect)(() => {
+        new react_2.StyleService().init(elementRef.current, styleService.get());
+    }, [styleService]);
+    (0, react_1.useEffect)(() => {
+        const current = subscriptions.current;
+        return () => current.forEach((unsubscribe) => unsubscribe());
+    }, []);
+    // The Angular `popoverService.close()`.
+    const close = () => {
+        if (dismissRef.current)
+            dismissRef.current();
+        else
+            void modalService.dismiss();
+    };
+    const initButtonExportOptions = (format) => ({
+        click: () => {
+            facade.export({ ...facade.filter, offset: undefined, limit: undefined }, format);
+            subscriptions.current.push(onceLoaded(store, close));
+        },
+        loading,
+    });
+    return {
+        elementRef,
+        buttonExportCsvOptions: initButtonExportOptions('csv'),
+        buttonExportXlsxOptions: initButtonExportOptions('xlsx'),
+    };
+}
+//# sourceMappingURL=use-crud-export.js.map

package/src/lib/components/export/use-crud-export.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-crud-export.js","sourceRoot":"","sources":["../../../../../../../../../packages/crud/shell/react/src/lib/components/export/use-crud-export.ts"],"names":[],"mappings":";;AA4CA,sCAkDC;AA9FD,iCAA0C;AAG1C,+CAK6B;AAG7B,qDAA6C;AAC7C,uCAA2C;AAG3C;;;;GAIG;AACH,SAAS,UAAU,CAAC,KAAgB,EAAE,QAAoB;IACxD,IAAI,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC;QACvB,QAAQ,EAAE,CAAC;QACX,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC;IACzB,CAAC;IAED,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACvC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM;YAAE,OAAO;QAEhC,WAAW,EAAE,CAAC;QACd,QAAQ,EAAE,CAAC;IACb,CAAC,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC;AACrB,CAAC;AAED;;;;;;;GAOG;AACH,SAAgB,aAAa,CAA4B,EACvD,OAAO,MACiB,EAAE;IAC1B,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,sBAAO,GAAK,CAAC;IACvC,MAAM,YAAY,GAAG,IAAA,uBAAe,GAAE,CAAC;IACvC,MAAM,YAAY,GAAG,IAAA,uBAAe,GAAE,CAAC;IACvC,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,IAAA,oBAAY,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACvD,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,OAAO,CAAC,CAAC;IACnC,MAAM,aAAa,GAAG,IAAA,cAAM,EAAoB,EAAE,CAAC,CAAC;IAEpD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,wEAAwE;IACxE,mBAAmB;IACnB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,oBAAY,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC;IAClE,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,aAAa,CAAC,OAAO,CAAC;QAEtC,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC;IAC/D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,wCAAwC;IACxC,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,IAAI,UAAU,CAAC,OAAO;YAAE,UAAU,CAAC,OAAO,EAAE,CAAC;;YACxC,KAAK,YAAY,CAAC,OAAO,EAAE,CAAC;IACnC,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,CAAC,MAAc,EAAkB,EAAE,CAAC,CAAC;QACnE,KAAK,EAAE,GAAG,EAAE;YACV,MAAM,CAAC,MAAM,CACX,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,EACzD,MAAM,CACP,CAAC;YAEF,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;QACvD,CAAC;QACD,OAAO;KACR,CAAC,CAAC;IAEH,OAAO;QACL,UAAU;QACV,sBAAsB,EAAE,uBAAuB,CAAC,KAAK,CAAC;QACtD,uBAAuB,EAAE,uBAAuB,CAAC,MAAM,CAAC;KACzD,CAAC;AACJ,CAAC"}

package/src/lib/components/filter/base/use-crud-filter.d.ts

@@ -0,0 +1,68 @@
+import { InputOptions, SmartAbstractControl, SmartFormControl } from '@smartsoft001/react';
+import { ICrudFilter } from '../../../models';
+import { CrudFilterPossibility, SmartCrudFilterProps } from '../filter.types';
+/** The wait of the Angular `@Debounce(500)` on `refresh`. */
+export declare const CRUD_FILTER_REFRESH_DEBOUNCE = 500;
+/** What `useCrudFilter` returns (the API of the Angular `BaseComponent`). */
+export interface UseCrudFilterResult {
+    /** The item's value (a list for a check filter); `null` without a query. */
+    value: any;
+    /** The item's `>=` value (range "from"). */
+    minValue: any;
+    /** The item's `<=` value (range "to"). */
+    maxValue: any;
+    /** Debounced `refresh(val)` (the Angular `value` setter). */
+    setValue: (val: any) => void;
+    /** Debounced `refresh(val, '>=')` (the Angular `minValue` setter). */
+    setMinValue: (val: any) => void;
+    /** Debounced `refresh(val, '<=')` (the Angular `maxValue` setter). */
+    setMaxValue: (val: any) => void;
+    /** The item's entry has a non-empty value. */
+    hasValue: boolean;
+    /** The item's `>=` entry has a non-empty value. */
+    hasMinValue: boolean;
+    /** The item's `<=` entry has a non-empty value. */
+    hasMaxValue: boolean;
+    /** The options of a radio / check filter. */
+    possibilities: CrudFilterPossibility[] | undefined;
+    /** An instance of the feature's model, for the input options. */
+    model: any;
+    /** The current language. */
+    lang: string;
+    /** The filter the values are read from (the pending copy or the prop). */
+    effectiveFilter: ICrudFilter | null | undefined;
+    /**
+     * Sets the item's entry of `type` (`item.type` by default) to `val`, or
+     * removes it for an empty value, and reads the list from the first page;
+     * debounced by 500 ms.
+     */
+    refresh: (val: any, type?: string | null) => void;
+    /** Removes every entry of the item and reads the list from the first page. */
+    clear: () => void;
+    /**
+     * The options of a shared `SmartInput*` field bound to `control`; with the
+     * possibilities as unchecked options when `withPossibilities`.
+     */
+    buildInputOptions: (control: SmartAbstractControl, withPossibilities?: boolean) => InputOptions<any>;
+}
+/**
+ * The behaviour every filter field shares (the Angular filter
+ * `BaseComponent`): the item's values in the current filter, and `refresh` /
+ * `clear`, which read the list through the facade with a changed copy of the
+ * filter. Until the store's new filter comes back through the `filter` prop,
+ * the values are read from that copy.
+ *
+ * `refresh` is debounced by 500 ms like the Angular `@Debounce(500)`: only
+ * the last call within the wait is applied, and a pending call still runs
+ * after the field unmounts.
+ */
+export declare function useCrudFilter({ item, filter, }: SmartCrudFilterProps): UseCrudFilterResult;
+/**
+ * A form control bridged to one query slot of a filter (the Angular
+ * `bindControl(type)`; `bindValueControl()` is `type` `null`): seeded once with
+ * the slot's current value (`null` = `value`, `'>='` = `minValue`, `'<='` =
+ * `maxValue`), and every change runs the debounced `refresh` for the slot.
+ * As in Angular, the control is not re-synced when the filter changes
+ * elsewhere (TODO GAP-19).
+ */
+export declare function useCrudFilterControl({ value, minValue, maxValue, refresh, }: Pick<UseCrudFilterResult, 'value' | 'minValue' | 'maxValue' | 'refresh'>, type?: string | null): SmartFormControl;

package/src/lib/components/filter/base/use-crud-filter.js

@@ -0,0 +1,248 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CRUD_FILTER_REFRESH_DEBOUNCE = void 0;
+exports.useCrudFilter = useCrudFilter;
+exports.useCrudFilterControl = useCrudFilterControl;
+const react_1 = require("react");
+const models_1 = require("@smartsoft001/models");
+const react_2 = require("@smartsoft001/react");
+const crud_context_1 = require("../../../crud.context");
+/** The wait of the Angular `@Debounce(500)` on `refresh`. */
+exports.CRUD_FILTER_REFRESH_DEBOUNCE = 500;
+/**
+ * The item's own possibilities: an Angular-style signal (as typed in
+ * `IModelFilter`) or a plain list.
+ */
+function readItemPossibilities(source) {
+    if (typeof source === 'function')
+        return source();
+    if (Array.isArray(source))
+        return source;
+    return undefined;
+}
+/** A check filter holds a list of values, one query entry each. */
+function isArrayType(item) {
+    return item?.fieldType === models_1.FieldType.check;
+}
+/**
+ * The pending working copy while the `filter` prop is still the one it was
+ * derived from; once the store update brings a new prop, the prop wins.
+ */
+function getEffectiveFilter(filter, pending) {
+    if (pending && filter === pending.source)
+        return pending.filter;
+    return filter;
+}
+/**
+ * A copy safe to change (object, query list and entries), so the filter in
+ * the store is never touched.
+ */
+function cloneFilter(source) {
+    if (!source)
+        return undefined;
+    const clone = { ...source };
+    if (source.query)
+        clone.query = source.query.map((q) => ({ ...q }));
+    return clone;
+}
+/**
+ * The value of the item's query entry of `type` (the Angular `value`,
+ * `minValue` and `maxValue` getters): `null` without a query, the list of
+ * matching values for a check filter, otherwise the first match's value.
+ */
+function readQueryValue(filter, item, type) {
+    if (!filter || !item || !filter.query)
+        return null;
+    if (isArrayType(item)) {
+        return filter.query
+            .filter((q) => q.key === item.key && q.type === type)
+            .map((q) => q.value);
+    }
+    const query = filter.query.find((q) => q.key === item.key && q.type === type);
+    return query?.value;
+}
+function hasQueryValue(filter, item, type) {
+    if (!filter || !item || !filter.query)
+        return false;
+    const query = filter.query.find((q) => q.key === item.key && q.type === type);
+    if (!query)
+        return false;
+    const val = query.value;
+    return val !== null && val !== undefined && val !== '';
+}
+function refreshArrayFilter(filter, item, vals, type) {
+    const query = (filter.query ?? []).filter((q) => !(q.key === item.key && q.type === type));
+    filter.query = query;
+    if (vals === null || vals === undefined || !vals.length)
+        return filter;
+    vals.forEach((val) => {
+        query.push({ key: item.key, type: type, value: val });
+    });
+    return filter;
+}
+/**
+ * The filter after `refresh(val, type)` (the Angular `refresh` body): back on
+ * the first page, with the item's entry of the slot set to `val`, or removed
+ * for an empty value. `null` when there is nothing to read.
+ */
+function refreshFilter(source, item, val, type) {
+    const filter = cloneFilter(source);
+    if (!filter || !item)
+        return null;
+    const slot = type || item.type;
+    if (!filter.query)
+        filter.query = [];
+    filter.offset = 0;
+    if (isArrayType(item))
+        return refreshArrayFilter(filter, item, val, slot);
+    const queries = filter.query;
+    let query = queries.find((q) => q.key === item.key && q.type === slot);
+    if (val === null || val === undefined || val === '') {
+        if (query)
+            queries.splice(queries.indexOf(query), 1);
+        return filter;
+    }
+    if (!query) {
+        query = { key: item.key, type: slot, value: null };
+        queries.push(query);
+    }
+    query.value = val;
+    query.label = item.label;
+    return filter;
+}
+/** The filter without any entry of the item, back on the first page. */
+function clearFilter(source, item) {
+    const filter = cloneFilter(source);
+    if (!filter || !item || !filter.query)
+        return null;
+    filter.query = filter.query.filter((q) => q.key !== item.key);
+    filter.offset = 0;
+    return filter;
+}
+/**
+ * The options of the item: the ones the model possibilities provider returns
+ * for the model type and the item key (where the Angular filter asked the
+ * deprecated `CRUD_MODEL_POSSIBILITIES_PROVIDER`), otherwise the item's own.
+ */
+function useFilterPossibilities(item, modelType, model) {
+    const provider = (0, react_2.useSmart)().modelPossibilitiesProvider;
+    const key = item?.key;
+    const [fromProvider, setFromProvider] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        if (!provider || !key)
+            return undefined;
+        let active = true;
+        Promise.resolve(provider.get({ type: modelType, key, instance: model })).then((list) => {
+            if (active && list)
+                setFromProvider({ key, list });
+        });
+        return () => {
+            active = false;
+        };
+    }, [provider, modelType, key, model]);
+    if (fromProvider && fromProvider.key === key)
+        return fromProvider.list;
+    return readItemPossibilities(item?.possibilities);
+}
+/**
+ * The behaviour every filter field shares (the Angular filter
+ * `BaseComponent`): the item's values in the current filter, and `refresh` /
+ * `clear`, which read the list through the facade with a changed copy of the
+ * filter. Until the store's new filter comes back through the `filter` prop,
+ * the values are read from that copy.
+ *
+ * `refresh` is debounced by 500 ms like the Angular `@Debounce(500)`: only
+ * the last call within the wait is applied, and a pending call still runs
+ * after the field unmounts.
+ */
+function useCrudFilter({ item, filter, }) {
+    const facade = (0, crud_context_1.useCrudFacade)();
+    const modelType = (0, crud_context_1.useCrudConfig)().type;
+    const lang = (0, react_2.useSmart)().language;
+    const model = (0, react_1.useMemo)(() => (modelType ? new modelType() : undefined), [modelType]);
+    const possibilities = useFilterPossibilities(item, modelType, model);
+    const [pending, setPending] = (0, react_1.useState)(null);
+    const effectiveFilter = getEffectiveFilter(filter, pending);
+    const latest = (0, react_1.useRef)({ item, filter, pending, facade });
+    const timer = (0, react_1.useRef)(null);
+    (0, react_1.useLayoutEffect)(() => {
+        latest.current = { item, filter, pending, facade };
+    });
+    const commitFilter = (0, react_1.useCallback)((next) => {
+        if (!next)
+            return;
+        const current = latest.current;
+        const entry = { source: current.filter, filter: next };
+        current.pending = entry;
+        setPending(entry);
+        current.facade.read(next);
+    }, []);
+    const refresh = (0, react_1.useCallback)((val, type = null) => {
+        if (timer.current)
+            clearTimeout(timer.current);
+        timer.current = setTimeout(() => {
+            timer.current = null;
+            const current = latest.current;
+            commitFilter(refreshFilter(getEffectiveFilter(current.filter, current.pending), current.item, val, type));
+        }, exports.CRUD_FILTER_REFRESH_DEBOUNCE);
+    }, [commitFilter]);
+    const clear = (0, react_1.useCallback)(() => {
+        const current = latest.current;
+        commitFilter(clearFilter(getEffectiveFilter(current.filter, current.pending), current.item));
+    }, [commitFilter]);
+    const setValue = (0, react_1.useCallback)((val) => refresh(val), [refresh]);
+    const setMinValue = (0, react_1.useCallback)((val) => refresh(val, '>='), [refresh]);
+    const setMaxValue = (0, react_1.useCallback)((val) => refresh(val, '<='), [refresh]);
+    const fieldKey = item?.key ?? '';
+    const buildInputOptions = (0, react_1.useCallback)((control, withPossibilities = false) => {
+        const options = {
+            treeLevel: 0,
+            control,
+            model,
+            fieldKey,
+        };
+        if (withPossibilities) {
+            options.possibilities = (possibilities ?? []).map(({ id, text }) => ({
+                id,
+                text,
+                checked: false,
+            }));
+        }
+        return options;
+    }, [model, fieldKey, possibilities]);
+    return {
+        value: readQueryValue(effectiveFilter, item, item?.type),
+        minValue: readQueryValue(effectiveFilter, item, '>='),
+        maxValue: readQueryValue(effectiveFilter, item, '<='),
+        setValue,
+        setMinValue,
+        setMaxValue,
+        hasValue: hasQueryValue(effectiveFilter, item, item?.type),
+        hasMinValue: hasQueryValue(effectiveFilter, item, '>='),
+        hasMaxValue: hasQueryValue(effectiveFilter, item, '<='),
+        possibilities,
+        model,
+        lang,
+        effectiveFilter,
+        refresh,
+        clear,
+        buildInputOptions,
+    };
+}
+/**
+ * A form control bridged to one query slot of a filter (the Angular
+ * `bindControl(type)`; `bindValueControl()` is `type` `null`): seeded once with
+ * the slot's current value (`null` = `value`, `'>='` = `minValue`, `'<='` =
+ * `maxValue`), and every change runs the debounced `refresh` for the slot.
+ * As in Angular, the control is not re-synced when the filter changes
+ * elsewhere (TODO GAP-19).
+ */
+function useCrudFilterControl({ value, minValue, maxValue, refresh, }, type = null) {
+    const [control] = (0, react_1.useState)(() => new react_2.SmartFormControl(type === '>=' ? minValue : type === '<=' ? maxValue : value));
+    (0, react_1.useEffect)(() => {
+        const subscription = control.valueChanges.subscribe((val) => refresh(val, type));
+        return () => subscription.unsubscribe();
+    }, [control, refresh, type]);
+    return control;
+}
+//# sourceMappingURL=use-crud-filter.js.map

package/src/lib/components/filter/base/use-crud-filter.js.map

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

package/src/lib/components/filter/check/filter-check.d.ts

@@ -0,0 +1,7 @@
+import { SmartCrudFilterProps } from '../filter.types';
+/**
+ * `<smart-crud-filter-check>` (Angular `FilterCheckComponent`): a checkbox
+ * per possibility, checked when its id is among the item's values, and a
+ * clear button while any is checked. Each value is its own query entry.
+ */
+export declare function SmartCrudFilterCheck(props: SmartCrudFilterProps): import("react/jsx-runtime").JSX.Element;