@slickgrid-universal/composite-editor-component 2.5.0 → 2.6.0

package/dist/{esm → types}/slick-composite-editor.component.d.ts

@@ -1,177 +1,178 @@
-import { BindingEventService, Column, CompositeEditorLabel, CompositeEditorOpenDetailOption, CompositeEditorOption, ContainerService, DOMEvent, Editor, EditorValidationResult, ExternalResource, GridOption, GridService, Locale, OnErrorOption, OnCompositeEditorChangeEventArgs, PlainFunc, SlickDataView, SlickEventHandler, SlickGrid, TranslaterService } from '@slickgrid-universal/common';
-type ApplyChangesCallbackFn = (formValues: {
-    [columnId: string]: any;
-} | null, selection: {
-    gridRowIndexes: number[];
-    dataContextIds: Array<number | string>;
-}, applyToDataview?: boolean) => any[] | void | undefined;
-type DataSelection = {
-    gridRowIndexes: number[];
-    dataContextIds: Array<number | string>;
-};
-export declare class SlickCompositeEditorComponent implements ExternalResource {
-    protected _bindEventService: BindingEventService;
-    protected _columnDefinitions: Column[];
-    protected _compositeOptions: CompositeEditorOption;
-    protected _eventHandler: SlickEventHandler;
-    protected _itemDataContext: any;
-    protected _modalElm: HTMLDivElement;
-    protected _originalDataContext: any;
-    protected _options: CompositeEditorOpenDetailOption;
-    protected _lastActiveRowNumber: number;
-    protected _locales: Locale;
-    protected _formValues: {
-        [columnId: string]: any;
-    } | null;
-    protected _editors: {
-        [columnId: string]: Editor;
-    };
-    protected _editorContainers: Array<HTMLElement | null>;
-    protected _modalBodyTopValidationElm: HTMLDivElement;
-    protected _modalSaveButtonElm: HTMLButtonElement;
-    protected grid: SlickGrid;
-    protected gridService: GridService | null;
-    protected translaterService?: TranslaterService | null;
-    get eventHandler(): SlickEventHandler;
-    get dataView(): SlickDataView;
-    get dataViewLength(): number;
-    get formValues(): any;
-    get editors(): {
-        [columnId: string]: Editor;
-    };
-    set editors(editors: {
-        [columnId: string]: Editor;
-    });
-    get gridOptions(): GridOption;
-    constructor();
-    /**
-     * initialize the Composite Editor by passing the SlickGrid object and the container service
-     *
-     * Note: we aren't using DI in the constructor simply to be as framework agnostic as possible,
-     * we are simply using this init() function with a very basic container service to do the job
-     */
-    init(grid: SlickGrid, containerService: ContainerService): void;
-    /** Dispose of the Component & unsubscribe all events */
-    dispose(): void;
-    /** Dispose of the Component without unsubscribing any events */
-    disposeComponent(): void;
-    /**
-     * Dynamically change value of an input from the Composite Editor form.
-     *
-     * NOTE: user might get an error thrown when trying to apply a value on a Composite Editor that was not found in the form,
-     * but in some cases the user might still want the value to be applied to the formValues so that it will be sent to the save in final item data context
-     * and when that happens, you can just skip that error so it won't throw.
-     * @param {String | Column} columnIdOrDef - column id or column definition
-     * @param {*} newValue - the new value
-     * @param {Boolean} skipMissingEditorError - defaults to False, skipping the error when the Composite Editor was not found will allow to still apply the value into the formValues object
-     * @param {Boolean} triggerOnCompositeEditorChange - defaults to True, will this change trigger a onCompositeEditorChange event?
-     */
-    changeFormInputValue(columnIdOrDef: string | Column, newValue: any, skipMissingEditorError?: boolean, triggerOnCompositeEditorChange?: boolean): void;
-    /**
-     * Dynamically update the `formValues` object directly without triggering the onCompositeEditorChange event.
-     * The fact that this doesn't trigger an event, might not always be good though, in these cases you are probably better with using the changeFormInputValue() method
-     * @param {String | Column} columnIdOrDef - column id or column definition
-     * @param {*} newValue - the new value
-     */
-    changeFormValue(columnIdOrDef: string | Column, newValue: any): void;
-    /**
-     * Dynamically change an Editor option of the Composite Editor form
-     * For example, a use case could be to dynamically change the "minDate" of another Date Editor in the Composite Editor form.
-     * @param {String} columnId - column id
-     * @param {*} newValue - the new value
-     */
-    changeFormEditorOption(columnId: string, optionName: string, newOptionValue: any): void;
-    /**
-     * Disable (or enable) an input of the Composite Editor form
-     * @param {String} columnId - column definition id
-     * @param isDisabled - defaults to True, are we disabling the associated form input
-     */
-    disableFormInput(columnId: string, isDisabled?: boolean): void;
-    /** Entry point to initialize and open the Composite Editor modal window */
-    openDetails(options: CompositeEditorOpenDetailOption): SlickCompositeEditorComponent | null;
-    /** Cancel the Editing which will also close the modal window */
-    cancelEditing(): Promise<void>;
-    /** Show a Validation Summary text (as a <div>) when a validation fails or simply hide it when there's no error */
-    showValidationSummaryText(isShowing: boolean, errorMsg?: string): void;
-    /** Apply Mass Update Changes (form values) to the entire dataset */
-    protected applySaveMassUpdateChanges(formValues: any, _selection: DataSelection, applyToDataview?: boolean): any[];
-    /** Apply Mass Changes to the Selected rows in the grid (form values) */
-    protected applySaveMassSelectionChanges(formValues: any, selection: DataSelection, applyToDataview?: boolean): any[];
-    /**
-     * Auto-Calculate how many columns to display in the view layout (1, 2, or 3).
-     * We'll display a 1 column layout for 8 or less Editors, 2 columns layout for less than 15 Editors or 3 columns when more than 15 Editors
-     * @param {number} editorCount - how many Editors do we have in total
-     * @returns {number} count - calculated column count (1, 2 or 3)
-     */
-    protected autoCalculateLayoutColumnCount(editorCount: number): number;
-    /**
-     * Create a reset button for each editor and attach a button click handler
-     * @param {String} columnId - column id
-     * @returns {Object} - html button
-     */
-    protected createEditorResetButtonElement(columnId: string): HTMLButtonElement;
-    /**
-     * Create a form reset button and attach a button click handler
-     * @param {String} columnId - column id
-     * @returns {Object} - html button
-     */
-    protected createFormResetButtonElement(): HTMLDivElement;
-    /**
-     * Execute the onError callback when defined
-     * or use the default onError callback which is to simply display the error in the console
-     */
-    protected executeOnError(error: OnErrorOption): void;
-    /**
-     * A simple and generic method to execute the "OnSave" callback if it's defined by the user OR else simply execute built-in apply changes callback.
-     * This method deals with multiple callbacks as shown below
-     * @param {Function} applyChangesCallback - first callback to apply the changes into the grid (this could be a user custom callback)
-     * @param {Function} executePostCallback - second callback to execute right after the "onSave"
-     * @param {Function} beforeClosingCallback - third and last callback to execute after Saving but just before closing the modal window
-     * @param {Object} itemDataContext - item data context when modal type is (create/clone/edit)
-     */
-    protected executeOnSave(applyChangesCallback: ApplyChangesCallbackFn, executePostCallback: PlainFunc, beforeClosingCallback?: PlainFunc, itemDataContext?: any): Promise<void>;
-    protected focusOnFirstColumnCellWithEditor(columns: Column[], dataContext: any, columnIndex: number, rowIndex: number, isWithMassChange: boolean): boolean;
-    protected findNextAvailableEditorColumnIndex(columns: Column[], dataContext: any, rowIndex: number, isWithMassUpdate: boolean): number;
-    /**
-     * Get a column definition by providing a column id OR a column definition.
-     * If the input is a string, we'll assume it's a columnId and we'll simply search for the column in the column definitions list
-     */
-    protected getColumnByObjectOrId(columnIdOrDef: string | Column): Column | undefined;
-    protected getActiveCellEditor(row: number, cell: number): Editor | null;
-    /**
-     * Get the column label, the label might have an optional "columnGroup" (or "columnGroupKey" which need to be translated)
-     * @param {object} columnDef - column definition
-     * @returns {string} label - column label
-     */
-    protected getColumnLabel(columnDef: Column): string;
-    /** Get the correct label text depending, if we use a Translater Service then translate the text when possible else use default text */
-    protected getLabelText(labelProperty: keyof CompositeEditorLabel, localeText: string, defaultText: string): string;
-    /** Retrieve the current selection of row indexes & data context Ids */
-    protected getCurrentRowSelections(): {
-        gridRowIndexes: number[];
-        dataContextIds: Array<string | number>;
-    };
-    protected handleBodyClicked(event: Event): void;
-    protected handleKeyDown(event: KeyboardEvent): void;
-    protected handleResetInputValue(event: DOMEvent<HTMLButtonElement>): void;
-    /** Callback which processes a Mass Update or Mass Selection Changes */
-    protected handleMassSaving(modalType: 'mass-update' | 'mass-selection', executePostCallback: PlainFunc): Promise<void>;
-    /** Anytime an input of the Composite Editor form changes, we'll add/remove a "modified" CSS className for styling purposes */
-    protected handleOnCompositeEditorChange(_e: Event, args: OnCompositeEditorChangeEventArgs): void;
-    /** Check wether the grid has the Row Selection enabled */
-    protected hasRowSelectionEnabled(): false | import("@slickgrid-universal/common").SlickCellSelectionModel | import("@slickgrid-universal/common").SlickRowSelectionModel | undefined;
-    /** Reset Form button handler */
-    protected handleResetFormClicked(): void;
-    /** switch case handler to determine which code to execute depending on the modal type */
-    protected handleSaveClicked(): void;
-    /** Insert an item into the DataView or throw an error when finding duplicate id in the dataset */
-    protected insertNewItemInDataView(item: any): void;
-    protected parseText(inputText: string, mappedArgs: any): string;
-    /** Put back the current row to its original item data context using the DataView without triggering a change */
-    protected resetCurrentRowDataContext(): void;
-    /** Validate all the Composite Editors that are defined in the form */
-    protected validateCompositeEditors(targetElm?: HTMLElement): EditorValidationResult;
-    /** Validate the current cell editor */
-    protected validateCurrentEditor(): void;
-}
-export {};
+import { BindingEventService, Column, CompositeEditorLabel, CompositeEditorOpenDetailOption, CompositeEditorOption, ContainerService, DOMEvent, Editor, EditorValidationResult, ExternalResource, GridOption, GridService, Locale, OnErrorOption, OnCompositeEditorChangeEventArgs, PlainFunc, SlickDataView, SlickEventHandler, SlickGrid, TranslaterService } from '@slickgrid-universal/common';
+type ApplyChangesCallbackFn = (formValues: {
+    [columnId: string]: any;
+} | null, selection: {
+    gridRowIndexes: number[];
+    dataContextIds: Array<number | string>;
+}, applyToDataview?: boolean) => any[] | void | undefined;
+type DataSelection = {
+    gridRowIndexes: number[];
+    dataContextIds: Array<number | string>;
+};
+export declare class SlickCompositeEditorComponent implements ExternalResource {
+    protected _bindEventService: BindingEventService;
+    protected _columnDefinitions: Column[];
+    protected _compositeOptions: CompositeEditorOption;
+    protected _eventHandler: SlickEventHandler;
+    protected _itemDataContext: any;
+    protected _modalElm: HTMLDivElement;
+    protected _originalDataContext: any;
+    protected _options: CompositeEditorOpenDetailOption;
+    protected _lastActiveRowNumber: number;
+    protected _locales: Locale;
+    protected _formValues: {
+        [columnId: string]: any;
+    } | null;
+    protected _editors: {
+        [columnId: string]: Editor;
+    };
+    protected _editorContainers: Array<HTMLElement | null>;
+    protected _modalBodyTopValidationElm: HTMLDivElement;
+    protected _modalSaveButtonElm: HTMLButtonElement;
+    protected grid: SlickGrid;
+    protected gridService: GridService | null;
+    protected translaterService?: TranslaterService | null;
+    get eventHandler(): SlickEventHandler;
+    get dataView(): SlickDataView;
+    get dataViewLength(): number;
+    get formValues(): any;
+    get editors(): {
+        [columnId: string]: Editor;
+    };
+    set editors(editors: {
+        [columnId: string]: Editor;
+    });
+    get gridOptions(): GridOption;
+    constructor();
+    /**
+     * initialize the Composite Editor by passing the SlickGrid object and the container service
+     *
+     * Note: we aren't using DI in the constructor simply to be as framework agnostic as possible,
+     * we are simply using this init() function with a very basic container service to do the job
+     */
+    init(grid: SlickGrid, containerService: ContainerService): void;
+    /** Dispose of the Component & unsubscribe all events */
+    dispose(): void;
+    /** Dispose of the Component without unsubscribing any events */
+    disposeComponent(): void;
+    /**
+     * Dynamically change value of an input from the Composite Editor form.
+     *
+     * NOTE: user might get an error thrown when trying to apply a value on a Composite Editor that was not found in the form,
+     * but in some cases the user might still want the value to be applied to the formValues so that it will be sent to the save in final item data context
+     * and when that happens, you can just skip that error so it won't throw.
+     * @param {String | Column} columnIdOrDef - column id or column definition
+     * @param {*} newValue - the new value
+     * @param {Boolean} skipMissingEditorError - defaults to False, skipping the error when the Composite Editor was not found will allow to still apply the value into the formValues object
+     * @param {Boolean} triggerOnCompositeEditorChange - defaults to True, will this change trigger a onCompositeEditorChange event?
+     */
+    changeFormInputValue(columnIdOrDef: string | Column, newValue: any, skipMissingEditorError?: boolean, triggerOnCompositeEditorChange?: boolean): void;
+    /**
+     * Dynamically update the `formValues` object directly without triggering the onCompositeEditorChange event.
+     * The fact that this doesn't trigger an event, might not always be good though, in these cases you are probably better with using the changeFormInputValue() method
+     * @param {String | Column} columnIdOrDef - column id or column definition
+     * @param {*} newValue - the new value
+     */
+    changeFormValue(columnIdOrDef: string | Column, newValue: any): void;
+    /**
+     * Dynamically change an Editor option of the Composite Editor form
+     * For example, a use case could be to dynamically change the "minDate" of another Date Editor in the Composite Editor form.
+     * @param {String} columnId - column id
+     * @param {*} newValue - the new value
+     */
+    changeFormEditorOption(columnId: string, optionName: string, newOptionValue: any): void;
+    /**
+     * Disable (or enable) an input of the Composite Editor form
+     * @param {String} columnId - column definition id
+     * @param isDisabled - defaults to True, are we disabling the associated form input
+     */
+    disableFormInput(columnId: string, isDisabled?: boolean): void;
+    /** Entry point to initialize and open the Composite Editor modal window */
+    openDetails(options: CompositeEditorOpenDetailOption): SlickCompositeEditorComponent | null;
+    /** Cancel the Editing which will also close the modal window */
+    cancelEditing(): Promise<void>;
+    /** Show a Validation Summary text (as a <div>) when a validation fails or simply hide it when there's no error */
+    showValidationSummaryText(isShowing: boolean, errorMsg?: string): void;
+    /** Apply Mass Update Changes (form values) to the entire dataset */
+    protected applySaveMassUpdateChanges(formValues: any, _selection: DataSelection, applyToDataview?: boolean): any[];
+    /** Apply Mass Changes to the Selected rows in the grid (form values) */
+    protected applySaveMassSelectionChanges(formValues: any, selection: DataSelection, applyToDataview?: boolean): any[];
+    /**
+     * Auto-Calculate how many columns to display in the view layout (1, 2, or 3).
+     * We'll display a 1 column layout for 8 or less Editors, 2 columns layout for less than 15 Editors or 3 columns when more than 15 Editors
+     * @param {number} editorCount - how many Editors do we have in total
+     * @returns {number} count - calculated column count (1, 2 or 3)
+     */
+    protected autoCalculateLayoutColumnCount(editorCount: number): number;
+    /**
+     * Create a reset button for each editor and attach a button click handler
+     * @param {String} columnId - column id
+     * @returns {Object} - html button
+     */
+    protected createEditorResetButtonElement(columnId: string): HTMLButtonElement;
+    /**
+     * Create a form reset button and attach a button click handler
+     * @param {String} columnId - column id
+     * @returns {Object} - html button
+     */
+    protected createFormResetButtonElement(): HTMLDivElement;
+    /**
+     * Execute the onError callback when defined
+     * or use the default onError callback which is to simply display the error in the console
+     */
+    protected executeOnError(error: OnErrorOption): void;
+    /**
+     * A simple and generic method to execute the "OnSave" callback if it's defined by the user OR else simply execute built-in apply changes callback.
+     * This method deals with multiple callbacks as shown below
+     * @param {Function} applyChangesCallback - first callback to apply the changes into the grid (this could be a user custom callback)
+     * @param {Function} executePostCallback - second callback to execute right after the "onSave"
+     * @param {Function} beforeClosingCallback - third and last callback to execute after Saving but just before closing the modal window
+     * @param {Object} itemDataContext - item data context when modal type is (create/clone/edit)
+     */
+    protected executeOnSave(applyChangesCallback: ApplyChangesCallbackFn, executePostCallback: PlainFunc, beforeClosingCallback?: PlainFunc, itemDataContext?: any): Promise<void>;
+    protected focusOnFirstColumnCellWithEditor(columns: Column[], dataContext: any, columnIndex: number, rowIndex: number, isWithMassChange: boolean): boolean;
+    protected findNextAvailableEditorColumnIndex(columns: Column[], dataContext: any, rowIndex: number, isWithMassUpdate: boolean): number;
+    /**
+     * Get a column definition by providing a column id OR a column definition.
+     * If the input is a string, we'll assume it's a columnId and we'll simply search for the column in the column definitions list
+     */
+    protected getColumnByObjectOrId(columnIdOrDef: string | Column): Column | undefined;
+    protected getActiveCellEditor(row: number, cell: number): Editor | null;
+    /**
+     * Get the column label, the label might have an optional "columnGroup" (or "columnGroupKey" which need to be translated)
+     * @param {object} columnDef - column definition
+     * @returns {string} label - column label
+     */
+    protected getColumnLabel(columnDef: Column): string;
+    /** Get the correct label text depending, if we use a Translater Service then translate the text when possible else use default text */
+    protected getLabelText(labelProperty: keyof CompositeEditorLabel, localeText: string, defaultText: string): string;
+    /** Retrieve the current selection of row indexes & data context Ids */
+    protected getCurrentRowSelections(): {
+        gridRowIndexes: number[];
+        dataContextIds: Array<string | number>;
+    };
+    protected handleBodyClicked(event: Event): void;
+    protected handleKeyDown(event: KeyboardEvent): void;
+    protected handleResetInputValue(event: DOMEvent<HTMLButtonElement>): void;
+    /** Callback which processes a Mass Update or Mass Selection Changes */
+    protected handleMassSaving(modalType: 'mass-update' | 'mass-selection', executePostCallback: PlainFunc): Promise<void>;
+    /** Anytime an input of the Composite Editor form changes, we'll add/remove a "modified" CSS className for styling purposes */
+    protected handleOnCompositeEditorChange(_e: Event, args: OnCompositeEditorChangeEventArgs): void;
+    /** Check wether the grid has the Row Selection enabled */
+    protected hasRowSelectionEnabled(): false | import("@slickgrid-universal/common").SlickCellSelectionModel | import("@slickgrid-universal/common").SlickRowSelectionModel | undefined;
+    /** Reset Form button handler */
+    protected handleResetFormClicked(): void;
+    /** switch case handler to determine which code to execute depending on the modal type */
+    protected handleSaveClicked(): void;
+    /** Insert an item into the DataView or throw an error when finding duplicate id in the dataset */
+    protected insertNewItemInDataView(item: any): void;
+    protected parseText(inputText: string, mappedArgs: any): string;
+    /** Put back the current row to its original item data context using the DataView without triggering a change */
+    protected resetCurrentRowDataContext(): void;
+    /** Validate all the Composite Editors that are defined in the form */
+    protected validateCompositeEditors(targetElm?: HTMLElement): EditorValidationResult;
+    /** Validate the current cell editor */
+    protected validateCurrentEditor(): void;
+}
+export {};
+//# sourceMappingURL=slick-composite-editor.component.d.ts.map

package/dist/types/slick-composite-editor.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slick-composite-editor.component.d.ts","sourceRoot":"","sources":["../../src/slick-composite-editor.component.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,25 +1,25 @@
 {
   "name": "@slickgrid-universal/composite-editor-component",
-  "version": "2.5.0",
+  "version": "2.6.0",
   "description": "Slick Composite Editor Component - Vanilla Implementation of a Composite Editor Modal Window Component",
   "main": "dist/commonjs/index.js",
   "module": "dist/esm/index.js",
   "exports": {
     ".": {
-      "browser": "./dist/esm/index.js",
       "import": "./dist/esm/index.js",
-      "require": "./dist/commonjs/index.js"
+      "require": "./dist/commonjs/index.js",
+      "default": "./dist/esm/index.js"
     },
     "./*": "./*"
   },
   "typesVersions": {
     "*": {
       "*": [
-        "./dist/esm/index.d.ts"
+        "./dist/types/index.d.ts"
       ]
     }
   },
-  "types": "dist/esm/index.d.ts",
+  "types": "dist/types/index.d.ts",
   "publishConfig": {
     "access": "public"
   },
@@ -43,8 +43,8 @@
     "not dead"
   ],
   "dependencies": {
-    "@slickgrid-universal/common": "~2.5.0",
-    "@slickgrid-universal/utils": "~2.5.0"
+    "@slickgrid-universal/common": "~2.6.0",
+    "@slickgrid-universal/utils": "~2.6.0"
   },
-  "gitHead": "5e25aa044aab301d7246c24003386ab59e75b486"
+  "gitHead": "9cddf3ee91a91ca829d0ced99c1f20f6d0e9941f"
 }

package/dist/commonjs/index.d.ts

@@ -1,2 +0,0 @@
-export * from './compositeEditor.factory';
-export * from './slick-composite-editor.component';

package/dist/commonjs/slick-composite-editor.component.d.ts

@@ -1,177 +0,0 @@
-import { BindingEventService, Column, CompositeEditorLabel, CompositeEditorOpenDetailOption, CompositeEditorOption, ContainerService, DOMEvent, Editor, EditorValidationResult, ExternalResource, GridOption, GridService, Locale, OnErrorOption, OnCompositeEditorChangeEventArgs, PlainFunc, SlickDataView, SlickEventHandler, SlickGrid, TranslaterService } from '@slickgrid-universal/common';
-type ApplyChangesCallbackFn = (formValues: {
-    [columnId: string]: any;
-} | null, selection: {
-    gridRowIndexes: number[];
-    dataContextIds: Array<number | string>;
-}, applyToDataview?: boolean) => any[] | void | undefined;
-type DataSelection = {
-    gridRowIndexes: number[];
-    dataContextIds: Array<number | string>;
-};
-export declare class SlickCompositeEditorComponent implements ExternalResource {
-    protected _bindEventService: BindingEventService;
-    protected _columnDefinitions: Column[];
-    protected _compositeOptions: CompositeEditorOption;
-    protected _eventHandler: SlickEventHandler;
-    protected _itemDataContext: any;
-    protected _modalElm: HTMLDivElement;
-    protected _originalDataContext: any;
-    protected _options: CompositeEditorOpenDetailOption;
-    protected _lastActiveRowNumber: number;
-    protected _locales: Locale;
-    protected _formValues: {
-        [columnId: string]: any;
-    } | null;
-    protected _editors: {
-        [columnId: string]: Editor;
-    };
-    protected _editorContainers: Array<HTMLElement | null>;
-    protected _modalBodyTopValidationElm: HTMLDivElement;
-    protected _modalSaveButtonElm: HTMLButtonElement;
-    protected grid: SlickGrid;
-    protected gridService: GridService | null;
-    protected translaterService?: TranslaterService | null;
-    get eventHandler(): SlickEventHandler;
-    get dataView(): SlickDataView;
-    get dataViewLength(): number;
-    get formValues(): any;
-    get editors(): {
-        [columnId: string]: Editor;
-    };
-    set editors(editors: {
-        [columnId: string]: Editor;
-    });
-    get gridOptions(): GridOption;
-    constructor();
-    /**
-     * initialize the Composite Editor by passing the SlickGrid object and the container service
-     *
-     * Note: we aren't using DI in the constructor simply to be as framework agnostic as possible,
-     * we are simply using this init() function with a very basic container service to do the job
-     */
-    init(grid: SlickGrid, containerService: ContainerService): void;
-    /** Dispose of the Component & unsubscribe all events */
-    dispose(): void;
-    /** Dispose of the Component without unsubscribing any events */
-    disposeComponent(): void;
-    /**
-     * Dynamically change value of an input from the Composite Editor form.
-     *
-     * NOTE: user might get an error thrown when trying to apply a value on a Composite Editor that was not found in the form,
-     * but in some cases the user might still want the value to be applied to the formValues so that it will be sent to the save in final item data context
-     * and when that happens, you can just skip that error so it won't throw.
-     * @param {String | Column} columnIdOrDef - column id or column definition
-     * @param {*} newValue - the new value
-     * @param {Boolean} skipMissingEditorError - defaults to False, skipping the error when the Composite Editor was not found will allow to still apply the value into the formValues object
-     * @param {Boolean} triggerOnCompositeEditorChange - defaults to True, will this change trigger a onCompositeEditorChange event?
-     */
-    changeFormInputValue(columnIdOrDef: string | Column, newValue: any, skipMissingEditorError?: boolean, triggerOnCompositeEditorChange?: boolean): void;
-    /**
-     * Dynamically update the `formValues` object directly without triggering the onCompositeEditorChange event.
-     * The fact that this doesn't trigger an event, might not always be good though, in these cases you are probably better with using the changeFormInputValue() method
-     * @param {String | Column} columnIdOrDef - column id or column definition
-     * @param {*} newValue - the new value
-     */
-    changeFormValue(columnIdOrDef: string | Column, newValue: any): void;
-    /**
-     * Dynamically change an Editor option of the Composite Editor form
-     * For example, a use case could be to dynamically change the "minDate" of another Date Editor in the Composite Editor form.
-     * @param {String} columnId - column id
-     * @param {*} newValue - the new value
-     */
-    changeFormEditorOption(columnId: string, optionName: string, newOptionValue: any): void;
-    /**
-     * Disable (or enable) an input of the Composite Editor form
-     * @param {String} columnId - column definition id
-     * @param isDisabled - defaults to True, are we disabling the associated form input
-     */
-    disableFormInput(columnId: string, isDisabled?: boolean): void;
-    /** Entry point to initialize and open the Composite Editor modal window */
-    openDetails(options: CompositeEditorOpenDetailOption): SlickCompositeEditorComponent | null;
-    /** Cancel the Editing which will also close the modal window */
-    cancelEditing(): Promise<void>;
-    /** Show a Validation Summary text (as a <div>) when a validation fails or simply hide it when there's no error */
-    showValidationSummaryText(isShowing: boolean, errorMsg?: string): void;
-    /** Apply Mass Update Changes (form values) to the entire dataset */
-    protected applySaveMassUpdateChanges(formValues: any, _selection: DataSelection, applyToDataview?: boolean): any[];
-    /** Apply Mass Changes to the Selected rows in the grid (form values) */
-    protected applySaveMassSelectionChanges(formValues: any, selection: DataSelection, applyToDataview?: boolean): any[];
-    /**
-     * Auto-Calculate how many columns to display in the view layout (1, 2, or 3).
-     * We'll display a 1 column layout for 8 or less Editors, 2 columns layout for less than 15 Editors or 3 columns when more than 15 Editors
-     * @param {number} editorCount - how many Editors do we have in total
-     * @returns {number} count - calculated column count (1, 2 or 3)
-     */
-    protected autoCalculateLayoutColumnCount(editorCount: number): number;
-    /**
-     * Create a reset button for each editor and attach a button click handler
-     * @param {String} columnId - column id
-     * @returns {Object} - html button
-     */
-    protected createEditorResetButtonElement(columnId: string): HTMLButtonElement;
-    /**
-     * Create a form reset button and attach a button click handler
-     * @param {String} columnId - column id
-     * @returns {Object} - html button
-     */
-    protected createFormResetButtonElement(): HTMLDivElement;
-    /**
-     * Execute the onError callback when defined
-     * or use the default onError callback which is to simply display the error in the console
-     */
-    protected executeOnError(error: OnErrorOption): void;
-    /**
-     * A simple and generic method to execute the "OnSave" callback if it's defined by the user OR else simply execute built-in apply changes callback.
-     * This method deals with multiple callbacks as shown below
-     * @param {Function} applyChangesCallback - first callback to apply the changes into the grid (this could be a user custom callback)
-     * @param {Function} executePostCallback - second callback to execute right after the "onSave"
-     * @param {Function} beforeClosingCallback - third and last callback to execute after Saving but just before closing the modal window
-     * @param {Object} itemDataContext - item data context when modal type is (create/clone/edit)
-     */
-    protected executeOnSave(applyChangesCallback: ApplyChangesCallbackFn, executePostCallback: PlainFunc, beforeClosingCallback?: PlainFunc, itemDataContext?: any): Promise<void>;
-    protected focusOnFirstColumnCellWithEditor(columns: Column[], dataContext: any, columnIndex: number, rowIndex: number, isWithMassChange: boolean): boolean;
-    protected findNextAvailableEditorColumnIndex(columns: Column[], dataContext: any, rowIndex: number, isWithMassUpdate: boolean): number;
-    /**
-     * Get a column definition by providing a column id OR a column definition.
-     * If the input is a string, we'll assume it's a columnId and we'll simply search for the column in the column definitions list
-     */
-    protected getColumnByObjectOrId(columnIdOrDef: string | Column): Column | undefined;
-    protected getActiveCellEditor(row: number, cell: number): Editor | null;
-    /**
-     * Get the column label, the label might have an optional "columnGroup" (or "columnGroupKey" which need to be translated)
-     * @param {object} columnDef - column definition
-     * @returns {string} label - column label
-     */
-    protected getColumnLabel(columnDef: Column): string;
-    /** Get the correct label text depending, if we use a Translater Service then translate the text when possible else use default text */
-    protected getLabelText(labelProperty: keyof CompositeEditorLabel, localeText: string, defaultText: string): string;
-    /** Retrieve the current selection of row indexes & data context Ids */
-    protected getCurrentRowSelections(): {
-        gridRowIndexes: number[];
-        dataContextIds: Array<string | number>;
-    };
-    protected handleBodyClicked(event: Event): void;
-    protected handleKeyDown(event: KeyboardEvent): void;
-    protected handleResetInputValue(event: DOMEvent<HTMLButtonElement>): void;
-    /** Callback which processes a Mass Update or Mass Selection Changes */
-    protected handleMassSaving(modalType: 'mass-update' | 'mass-selection', executePostCallback: PlainFunc): Promise<void>;
-    /** Anytime an input of the Composite Editor form changes, we'll add/remove a "modified" CSS className for styling purposes */
-    protected handleOnCompositeEditorChange(_e: Event, args: OnCompositeEditorChangeEventArgs): void;
-    /** Check wether the grid has the Row Selection enabled */
-    protected hasRowSelectionEnabled(): false | import("@slickgrid-universal/common").SlickCellSelectionModel | import("@slickgrid-universal/common").SlickRowSelectionModel | undefined;
-    /** Reset Form button handler */
-    protected handleResetFormClicked(): void;
-    /** switch case handler to determine which code to execute depending on the modal type */
-    protected handleSaveClicked(): void;
-    /** Insert an item into the DataView or throw an error when finding duplicate id in the dataset */
-    protected insertNewItemInDataView(item: any): void;
-    protected parseText(inputText: string, mappedArgs: any): string;
-    /** Put back the current row to its original item data context using the DataView without triggering a change */
-    protected resetCurrentRowDataContext(): void;
-    /** Validate all the Composite Editors that are defined in the form */
-    protected validateCompositeEditors(targetElm?: HTMLElement): EditorValidationResult;
-    /** Validate the current cell editor */
-    protected validateCurrentEditor(): void;
-}
-export {};

package/dist/esm/compositeEditor.factory.d.ts

@@ -1,34 +0,0 @@
-import { Column, CompositeEditorOption, EditorArguments } from '@slickgrid-universal/common';
-export interface CompositeEditorArguments extends EditorArguments {
-    formValues: any;
-}
-/**
- * A composite SlickGrid editor factory.
- * Generates an editor that is composed of multiple editors for given columns.
- * Individual editors are provided given containers instead of the original cell.
- * Validation will be performed on all editors individually and the results will be aggregated into one
- * validation result.
- *
- *
- * The returned editor will have its prototype set to CompositeEditor, so you can use the "instanceof" check.
- *
- * NOTE:  This doesn't work for detached editors since they will be created and positioned relative to the
- *        active cell and not the provided container.
- *
- * @class CompositeEditor
- * @constructor
- * @param columns {Array} Column definitions from which editors will be pulled.
- * @param containers {Array} Container HTMLElements in which editors will be placed.
- * @param options {Object} Options hash:
- *  validationFailedMsg     -   A generic failed validation message set on the aggregated validation resuls.
- *  validationMsgPrefix     -   Add an optional prefix to each validation message (only the ones shown in the modal form, not the ones in the "errors")
- *  modalType               -   Defaults to "edit", modal type can 1 of these 3: (create, edit, mass, mass-selection)
- *  hide                    -   A function to be called when the grid asks the editor to hide itself.
- *  show                    -   A function to be called when the grid asks the editor to show itself.
- *  position                -   A function to be called when the grid asks the editor to reposition itself.
- *  destroy                 -   A function to be called when the editor is destroyed.
- */
-export declare function CompositeEditor(this: any, columns: Column[], containers: Array<HTMLDivElement>, options: CompositeEditorOption): {
-    (this: any, args: EditorArguments): void;
-    prototype: any;
-};