@oneteme/jquery-organizer 0.0.1

package/lib/organizer-facade/organizer-facade.d.ts

@@ -0,0 +1,51 @@
+import { OrganizerEvent, OrganizerState } from '@oneteme/jquery-core';
+import { OrganizerFieldDef, OrganizerFieldsState, OrganizerGroupByState, OrganizerPanelConfig, OrganizerSliceByState } from './organizer-facade.types';
+export declare function humanizeKey(key: string): string;
+export declare class OrganizerFacade<TField extends OrganizerFieldDef = OrganizerFieldDef> {
+    readonly fields: OrganizerFieldsState<TField>;
+    readonly groupBy: OrganizerGroupByState;
+    readonly sliceBy: OrganizerSliceByState<TField>;
+    private _panelConfig;
+    private _hiddenStaticKeys;
+    private readonly _events$;
+    readonly events$: import("rxjs").Observable<OrganizerEvent>;
+    get enabled(): boolean;
+    get showFields(): boolean;
+    get showGroupBySection(): boolean;
+    get showSliceBySection(): boolean;
+    get allowFieldRemoval(): boolean;
+    get isFieldDragDropEnabled(): boolean;
+    get menuBaseFields(): TField[];
+    get menuOptionalFields(): TField[];
+    get totalFieldCount(): number;
+    get groupByFields(): TField[];
+    get activeGroupByLabel(): string;
+    get staticSlicesForMenu(): Array<{
+        key: string;
+        title: string;
+        icon?: string;
+    }>;
+    fieldLabel(field: {
+        key: string;
+        header?: string;
+    }): string;
+    update(panelConfig: OrganizerPanelConfig<TField>): void;
+    setActiveFields(fields: TField[]): void;
+    setUserCustomized(value: boolean): void;
+    resetToDefaults(): void;
+    addField(field: TField): void;
+    removeField(fieldKey: string): boolean;
+    toggleFieldVisibility(field: TField, visible: boolean): void;
+    reorderFields(fromKey: string, toKey: string): boolean;
+    isFieldVisible(key: string): boolean;
+    setGroupBy(key: string | null): void;
+    onDynamicSliceKeysChange(keys: string[]): void;
+    isDynamicSliceActive(key: string): boolean;
+    toOrganizerState(): OrganizerState;
+    destroy(): void;
+    updateHiddenStaticKeys(keys: Set<string>): void;
+    private _refreshDefaultFields;
+    private _refreshDynamicSliceMeta;
+    private _computeSliceLabel;
+    private _uniqueByKey;
+}

package/lib/organizer-facade/organizer-facade.types.d.ts

@@ -0,0 +1,31 @@
+import { SliceConfig } from '../slice-panel/slice-panel.model';
+import { OrganizerConfig } from '@oneteme/jquery-core';
+export interface OrganizerFieldDef {
+    key: string;
+    header?: string;
+    icon?: string;
+    optional?: boolean;
+    groupable?: boolean;
+    sliceable?: boolean;
+}
+export interface OrganizerPanelConfig<TField extends OrganizerFieldDef = OrganizerFieldDef> {
+    config?: OrganizerConfig;
+    fields: TField[];
+    sliceConfigs: SliceConfig<any>[];
+    noneLabel?: string;
+    defaultGroupBy?: string | null;
+}
+export interface OrganizerFieldsState<TField extends OrganizerFieldDef = OrganizerFieldDef> {
+    activeFields: TField[];
+    userCustomized: boolean;
+}
+export interface OrganizerGroupByState {
+    activeKey: string | null;
+    userCustomized: boolean;
+}
+export interface OrganizerSliceByState<TField extends OrganizerFieldDef = OrganizerFieldDef> {
+    activeDynamicFields: TField[];
+    availableForDynamic: TField[];
+    allDynamicFields: TField[];
+    activeLabel: string;
+}

package/lib/slice-panel/slice-panel.component.d.ts

@@ -0,0 +1,80 @@
+import { ElementRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { SliceColumnDef, SliceConfig } from './slice-panel.model';
+import * as i0 from "@angular/core";
+export declare class SlicePanelComponent<T = any> implements OnChanges, OnInit {
+    sliceConfigs: SliceConfig<T>[];
+    columns: SliceColumnDef<T>[];
+    data: T[];
+    lazyData: Map<string, Map<any, any>>;
+    lazyStatus: Map<string, 'idle' | 'loading' | 'loaded' | 'error'>;
+    showToggle: boolean;
+    showCounts: boolean;
+    collapsedByDefault: boolean;
+    alwaysShow: boolean;
+    filterChange: EventEmitter<(row: T) => boolean>;
+    activeKeysChange: EventEmitter<string[][]>;
+    dynamicSliceKeysChange: EventEmitter<string[]>;
+    collapsedChange: EventEmitter<boolean>;
+    slicePanelBodyRef?: ElementRef<HTMLElement>;
+    private _cdr;
+    readonly i18n: {
+        expandFilterTitle: string;
+        collapseFilterTitle: string;
+        filterPanelTitle: (count: number) => "Filtres" | "Filtre";
+        filterBlockDefaultTitle: string;
+        filterEmptyState: string;
+    };
+    isCollapsed: boolean;
+    get hostCollapsed(): boolean;
+    activeKeysBySlice: Map<number, Set<string>>;
+    private _expandedSlices;
+    _dynamicSlices: Array<{
+        key: string;
+        slice: SliceConfig<T>;
+    }>;
+    _cachedSlices: SliceConfig<T>[];
+    private _countCache;
+    readonly trackBySliceIndex: (index: number, _: any) => number;
+    readonly trackByCategoryKey: (_: number, cat: any) => string;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    get showPanel(): boolean;
+    get slices(): SliceConfig<T>[];
+    get staticSliceCount(): number;
+    get staticSlicesForMenu(): Array<{
+        key: string;
+        title: string;
+    }>;
+    get activeDynamicSliceColumns(): SliceColumnDef<T>[];
+    get availableColumnsForDynamicSlice(): SliceColumnDef<T>[];
+    isSliceCollapsed(sliceIndex: number): boolean;
+    toggleSliceCollapse(sliceIndex: number): void;
+    togglePanel(): void;
+    isSliceDynamic(sliceIndex: number): boolean;
+    isSliceLoading(sliceIndex: number): boolean;
+    isStaticSliceVisible(_columnKey: string): boolean;
+    getSliceIcon(slice: SliceConfig<T>): string | undefined;
+    isSliceCategoryActive(sliceIndex: number, categoryKey: string): boolean;
+    isSliceAllActive(sliceIndex: number): boolean;
+    sliceCategoryCount(sliceIndex: number, categoryKey: string): number;
+    isSliceEmpty(sliceIndex: number): boolean;
+    onSliceCategorySelected(sliceIndex: number, categoryKey: string): void;
+    onSliceAllSelected(sliceIndex: number): void;
+    getActiveFilters(): Record<number, string[]>;
+    restoreFilters(filters: Record<number, string[]>): void;
+    addDynamicSlice(column: SliceColumnDef<T>): void;
+    removeDynamicSlice(sliceIndex: number): void;
+    removeDynamicSliceByKey(key: string): void;
+    private _emitFilter;
+    private _getDynamicSliceColumnKey;
+    private _getSliceIdentity;
+    private _materializeSlice;
+    private _buildCategoryFromValue;
+    private _computeDistinctValues;
+    private _getLazyAwareValue;
+    private _rebuildCache;
+    private _refreshDynamicSlices;
+    private _scrollSliceTitleIntoView;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SlicePanelComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SlicePanelComponent<any>, "slice-panel", never, { "sliceConfigs": { "alias": "sliceConfigs"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "lazyData": { "alias": "lazyData"; "required": false; }; "lazyStatus": { "alias": "lazyStatus"; "required": false; }; "showToggle": { "alias": "showToggle"; "required": false; }; "showCounts": { "alias": "showCounts"; "required": false; }; "collapsedByDefault": { "alias": "collapsedByDefault"; "required": false; }; "alwaysShow": { "alias": "alwaysShow"; "required": false; }; }, { "filterChange": "filterChange"; "activeKeysChange": "activeKeysChange"; "dynamicSliceKeysChange": "dynamicSliceKeysChange"; "collapsedChange": "collapsedChange"; }, never, never, true, never>;
+}

package/lib/slice-panel/slice-panel.model.d.ts

@@ -0,0 +1,25 @@
+import { DataProvider } from '@oneteme/jquery-core';
+import { Observable } from 'rxjs';
+export interface SliceCategory<T = any> {
+    key: string;
+    label: string;
+    filter?: (row: T) => boolean;
+}
+export interface SliceConfig<T = any> {
+    title?: string;
+    icon?: string;
+    multiSelect?: boolean;
+    columnKey?: string;
+    hidden?: boolean;
+    bucket?: (row: T) => string;
+    categories?: SliceCategory<T>[];
+}
+export interface SliceColumnDef<T = any> {
+    key: string;
+    header?: string;
+    icon?: string;
+    value?: DataProvider<any>;
+    lazy?: {
+        fetchFn: () => Observable<any[]>;
+    };
+}

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@oneteme/jquery-organizer",
+  "version": "0.0.1",
+  "description": "Independent Organizer Button component library - decentralized organizer management for charts, tables",
+  "homepage": "https://github.com/oneteme/jquery-charts",
+  "bugs": "https://github.com/oneteme/jquery-charts/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/oneteme/jquery-charts.git"
+  },
+  "peerDependencies": {
+    "@angular/common": ">=16.1.0",
+    "@angular/core": ">=16.1.0",
+    "@angular/material": "^16.1.0",
+    "@angular/cdk": "^16.1.0",
+    "@oneteme/jquery-core": "^0.0.33"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/oneteme-jquery-organizer.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/oneteme-jquery-organizer.mjs",
+      "esm": "./esm2022/oneteme-jquery-organizer.mjs",
+      "default": "./fesm2022/oneteme-jquery-organizer.mjs"
+    }
+  }
+}

package/public-api.d.ts

@@ -0,0 +1,12 @@
+export * from './lib/organizer-button/organizer-button.component';
+export * from './lib/organizer-button/organizer-button.module';
+export * from './lib/slice-panel/slice-panel.component';
+export * from './lib/slice-panel/slice-panel.model';
+export * from './lib/models/organizer-config.interface';
+export * from './lib/models/organizer-menu.model';
+export { buildYFields, resolveYKey, OrganizerYIndicator } from './lib/models/organizer-utils';
+export { chartConfigToOrganizer, chartConfigToState, chartConfigToUnifiedState, applyOrganizerEventToChart, resolveYUnit, OrganizerChartItem, OrganizerChartSection, OrganizerChartConfig, OrganizerChartBridgeOptions, } from './lib/models/organizer-chart-adapter';
+export { OrganizerFacade, humanizeKey } from './lib/organizer-facade/organizer-facade';
+export { OrganizerFieldDef, OrganizerPanelConfig, OrganizerFieldsState, OrganizerGroupByState, OrganizerSliceByState, } from './lib/organizer-facade/organizer-facade.types';
+export { GroupByManager } from './lib/group-by-manager/group-by-manager';
+export { LazyFieldManager, LazyFieldDef, LazyFieldCallbacks, LAZY_FIELD_LOADING_VALUE, LAZY_FIELD_ERROR_VALUE, } from './lib/lazy-field-manager/lazy-field-manager';