@lucca-front/ng 22.0.1-rc.2 → 22.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lucca-front/ng",
-  "version": "22.0.1-rc.2",
+  "version": "22.0.1",
   "description": "A library of icons made by the team @Lucca",
   "repository": {
     "type": "git",
@@ -28,9 +28,9 @@
     "@angular/core": "^22.0.0",
     "@angular/cdk": "^22.0.0",
     "@angular/animations": "^22.0.0",
-    "@lucca-front/icons": "22.0.1-rc.2",
-    "@lucca-front/scss": "22.0.1-rc.2",
-    "@lucca/prisme": "22.0.1-rc.2",
+    "@lucca-front/icons": "22.0.1",
+    "@lucca-front/scss": "22.0.1",
+    "@lucca/prisme": "22.0.1",
     "@types/dompurify": "^3.0.0",
     "isomorphic-dompurify": "^2.17.0",
     "date-fns": "^3.6.0",

package/src/components/_listbox.scss

@@ -1,8 +1,14 @@
-// The select/listbox Angular components (`lu-listbox`, `lu-select-option`, `lu-listbox-option`,
-// color picker) ship no component-scoped CSS — their visuals live in the shared `@lucca-front/scss`
-// component sheets. Forward them here so importing `@lucca-front/ng/styles` is enough to render the
-// selects, without the consuming app also having to pull `@lucca-front/scss` `main-all` (or these
-// sheets à la carte). Loaded once per compilation, so apps that also import the scss components
-// won't emit these twice.
+// These components render listbox markup styled by shared `@lucca-front/scss` sheets, not by component-scoped CSS:
+// - `lu-listbox`.
+// - `lu-select-option`.
+// - `lu-listbox-option`.
+// - `lu-color-input`.
+//
+// Those sheets are forwarded here:
+// - Importing `@lucca-front/ng/styles` is enough to render the selects.
+// - Consumers don't need `@lucca-front/scss` `main-all`, nor these sheets à la carte.
+// - Sass loads each sheet once per compilation: apps importing them too emit them once.
+// - `checkboxField`: `multiple` option renders HTML, not `lu-checkbox-input`.
 @forward '@lucca-front/scss/src/components/listboxOption';
+@forward '@lucca-front/scss/src/components/checkboxField';
 @forward '@lucca-front/scss/src/components/color';

package/types/lucca-front-ng-core-select-api.d.ts

@@ -44,6 +44,12 @@ declare abstract class ALuCoreSelectApiDirective<TOption, TParams = Record<strin
      * Return the options for the given params and page
      */
     protected abstract getOptions(params: TParams, page: number): Observable<TOption[]>;
+    /**
+     * Return every option of a group, ignoring pagination, so the group "select all" acts on the whole
+     * group and not only on the pages already loaded. Override it in directives that set a grouping;
+     * left undefined, the panel keeps its default behaviour and toggles the rendered options only.
+     */
+    protected getGroupOptions?: (group: unknown) => Observable<TOption[]>;
     ngOnInit(): void;
     /**
      * Post-process the whole list of loaded options (all pages accumulated). Override it for

package/types/lucca-front-ng-core-select-establishment.d.ts

@@ -41,6 +41,13 @@ declare class LuCoreSelectEstablishmentsDirective<T extends LuCoreSelectEstablis
     ngOnInit(): void;
     protected initGrouping(): void;
     protected buildParamsFromClue(clue: string): Observable<Record<string, string | number | boolean>>;
+    /**
+     * Establishments are grouped by legal unit, but the panel only knows the options of the pages it
+     * already loaded: a legal unit spanning several pages would be partially selected. Fetch the whole
+     * legal unit instead, page by page, so "select all" covers the options that are not rendered yet.
+     * Groups are only displayed when the clue is empty, hence the clue-less params.
+     */
+    protected getGroupOptions: (legalUnitId: unknown) => Observable<T[]>;
     protected getOptions(params: Record<string, string | number | boolean> | null, page: number): Observable<T[]>;
     protected readonly paramsSignal: _angular_core.Signal<Record<string, string | number | boolean>>;
     protected readonly params$: Observable<Record<string, string | number | boolean>>;

package/types/lucca-front-ng-core-select-job-qualification.d.ts

@@ -14,6 +14,7 @@ interface LuCoreSelectJobQualification extends ILuApiItem {
 }
 
 declare class LuCoreSelectJobQualificationsDirective<T extends LuCoreSelectJobQualification = LuCoreSelectJobQualification> extends ALuCoreSelectApiDirective<T> implements OnInit, CoreSelectApiTotalCountProvider {
+    #private;
     protected httpClient: HttpClient;
     readonly url: _angular_core.InputSignal<string>;
     readonly filters: _angular_core.InputSignal<Record<string, string | number | boolean>>;
@@ -21,6 +22,13 @@ declare class LuCoreSelectJobQualificationsDirective<T extends LuCoreSelectJobQu
     protected readonly clue: _angular_core.Signal<string>;
     constructor();
     protected buildParamsFromClue(clue: string): Observable<Record<string, string | number | boolean>>;
+    /**
+     * Job qualifications are grouped by job, but the panel only knows the options of the pages it
+     * already loaded: a job spanning several pages would be partially selected. Fetch the whole job
+     * instead, page by page, so "select all" covers the options that are not rendered yet. Groups are
+     * only displayed when the clue is empty, hence the clue-less params.
+     */
+    protected getGroupOptions: (jobId: unknown) => Observable<T[]>;
     protected getOptions(params: Record<string, string | number | boolean> | null, page: number): Observable<T[]>;
     protected readonly paramsSignal: _angular_core.Signal<Record<string, string | number | boolean>>;
     protected readonly params$: Observable<Record<string, string | number | boolean>>;

package/types/lucca-front-ng-forms-rich-text-input.d.ts

@@ -246,6 +246,8 @@ type SerializedTagNode = Spread<{
     tagDescription?: string;
     disabled?: boolean;
 }, SerializedLexicalNode>;
+/** Destroy stale chip components once Lexical has reconciled the DOM. */
+declare function registerTagChipsCleanup(editor: LexicalEditor): () => void;
 declare class TagNode extends DecoratorNode<string> {
     #private;
     setViewContainerRef(vcr: ViewContainerRef): this;
@@ -265,7 +267,6 @@ declare class TagNode extends DecoratorNode<string> {
     decorate(): string;
     createDOM(_config: EditorConfig, editor: LexicalEditor): HTMLElement;
     updateDOM(prevNode: TagNode, _dom: HTMLElement, _config: EditorConfig): boolean;
-    remove(preserveEmptyParent?: boolean): void;
     exportDOM(): DOMExportOutput;
     static importDOM(): DOMConversionMap;
     static importJSON(serializedNode: SerializedTagNode): TagNode;
@@ -312,5 +313,5 @@ declare class RichTextInputToolbarComponent implements RichTextPluginComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<RichTextInputToolbarComponent, "lu-rich-text-input-toolbar", never, {}, {}, never, never, true, never>;
 }
 
-export { $createTagNode, $isTagNode, ClearFormatComponent, HeadingsComponent, INITIAL_UPDATE_TAG, LinkComponent, ListStyleToolbarComponent, RICH_TEXT_FORMATTER, RICH_TEXT_PLUGIN_COMPONENT, RichTextFormatter, RichTextInputComponent, RichTextInputToolbarComponent, RichTextPluginTagComponent, TagNode, TextStyleComponent, TextStyleToolbarComponent };
+export { $createTagNode, $isTagNode, ClearFormatComponent, HeadingsComponent, INITIAL_UPDATE_TAG, LinkComponent, ListStyleToolbarComponent, RICH_TEXT_FORMATTER, RICH_TEXT_PLUGIN_COMPONENT, RichTextFormatter, RichTextInputComponent, RichTextInputToolbarComponent, RichTextPluginTagComponent, TagNode, TextStyleComponent, TextStyleToolbarComponent, registerTagChipsCleanup };
 export type { RichTextPluginComponent, SerializedTagNode, Tag };