@mediusinc/mng-commons 3.0.0-rc.0 → 3.0.0-rc.3

package/lib/components/form/formly/fields/formly-field-custom/formly-field-custom.component.d.ts

@@ -5,6 +5,7 @@ import { MngFormlyFieldConfig } from '../../models';
 import * as i0 from "@angular/core";
 export declare class MngFormlyFieldCustomComponent<ET> extends FieldType<MngFormlyFieldConfig> implements OnInit {
     descriptor: FieldInputDescriptor<ET>;
+    inputs: Record<string, any>;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MngFormlyFieldCustomComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MngFormlyFieldCustomComponent<any>, "mng-formly-field-custom", never, {}, {}, never, never, true, never>;

package/lib/descriptors/action/action-button.descriptor.d.ts

@@ -6,17 +6,20 @@ export declare class ActionButtonDescriptor {
     private _styleClass;
     private _badge?;
     private _tooltip?;
+    private _tooltipPosition?;
     withLabel(label?: string | null): this;
     withIcon(icon: string | null): this;
     withIconPosition(iconPosition: 'left' | 'right'): this;
     withStyleClass(style: ButtonStyleBuilder): this;
     withBadge(badge: string): this;
-    withTooltip(tooltip: string): this;
+    withTooltip(tooltip: string, position?: 'top' | 'bottom' | 'left' | 'right'): this;
+    withTooltipPosition(position: 'top' | 'bottom' | 'left' | 'right'): this;
     get label(): string | null | undefined;
     get icon(): string | null | undefined;
     get iconPosition(): "left" | "right";
     get styleClass(): ButtonStyleBuilder;
     get badge(): string | undefined;
     get tooltip(): string | undefined;
+    get tooltipPosition(): "top" | "bottom" | "left" | "right" | undefined;
     copy(): ActionButtonDescriptor;
 }

package/lib/descriptors/editor/field.descriptor.d.ts

@@ -159,6 +159,7 @@ export declare class FieldInputDescriptor<ET> extends AFieldDescriptor<string |
     private _imageUrlInputHiddenOnDisabled;
     private _customComponentName?;
     private _customComponentType?;
+    private _customComponentInputs?;
     private _customComponentWrappers;
     constructor(editor: EditorDescriptor<ET>, property: string);
     /**
@@ -195,6 +196,7 @@ export declare class FieldInputDescriptor<ET> extends AFieldDescriptor<string |
     get imageUrlInputVisibleOnDisabled(): boolean;
     get customComponentName(): string | undefined;
     get customComponentType(): Type<AMngFormlyCustomFieldComponent> | undefined;
+    get customComponentInputs(): Record<string, any> | undefined;
     get customComponentWrappers(): string[];
     get locale(): string | undefined;
     get currency(): string | undefined;
@@ -214,7 +216,7 @@ export declare class FieldInputDescriptor<ET> extends AFieldDescriptor<string |
     asFile(multiple?: boolean, maxFileSize?: number, accept?: string): this;
     asImageFile(multiple?: boolean, maxFileSize?: number, accept?: string): this;
     asImageUrl(multiple?: boolean, preview?: boolean, inputVisibleOnDisabled?: boolean): this;
-    asCustomComponent(customComponent: string | Type<AMngFormlyCustomFieldComponent>, useWrappers?: string[]): this;
+    asCustomComponent(customComponent: string | Type<AMngFormlyCustomFieldComponent>, useWrappers?: string[], componentInputs?: Record<string, any>): this;
     withNumberValidation(min?: number, max?: number, step?: number, autoCorrect?: boolean): this;
     withLocale(locale: string): this;
     withNumberFractions(min?: number, max?: number): this;

package/lib/descriptors/table/table.descriptor.d.ts

@@ -1,8 +1,7 @@
 import { Type } from '@angular/core';
 import { MediusQueryResult } from '../../api/models';
 import { ILookupDataProvider } from '../../data-providers';
-import { IColumnValueComponent } from '../../models';
-import { TableviewAttributeDef } from '../../models/tableview-attr.model';
+import { IColumnValueComponent, TableviewAttributeDef } from '../../models';
 import { ClassType, EnumType } from '../../types';
 import { ModelDescriptor } from '../model.descriptor';
 import { ColumnDisplayTypeEnum, ColumnTypeEnum, TableDynamicColumnsModeEnum, TableFilterDisplayEnum, TablePaginationModeEnum, TableSizeEnum } from '../types';
@@ -104,8 +103,16 @@ export declare class TableDescriptor<T> {
     withHideHeader(hideHeader?: boolean): this;
     withDataKeyProperty(property: string): this;
     withLoading(text?: string, icon?: string | null): this;
-    withColumnsReorderable(columnsReorderable?: boolean): this;
-    withColumnsToggleable(columnsToggleable?: boolean): this;
+    /**
+     * Helper method that enables/disables reorderable property on all columns currently in the descriptor.
+     * @param columnsReorderable: boolean
+     */
+    withCurrentColumnsReorderable(columnsReorderable?: boolean): this;
+    /**
+     * Helper method that enables/disables toggleable property on all columns currently in the descriptor.
+     * @param columnsToggleable: boolean
+     */
+    withCurrentColumnsToggleable(columnsToggleable?: boolean): this;
     withDefaultSort(property: string, asc?: boolean): this;
     withClassName(className: string): this;
     withSize(size?: TableSizeEnum): this;
@@ -113,7 +120,12 @@ export declare class TableDescriptor<T> {
     withRowHeight(rowHeight: number): this;
     withHover(hover: boolean): this;
     withGridlines(gridlines: boolean): this;
-    withResizableColumns(resizableColumns?: boolean, columnResizeMode?: 'fit' | 'expand'): this;
+    /**
+     * Method that enables/disabled column resize feature with columnResizeMode on all columns.
+     * @param resizableColumns: boolean
+     * @param columnResizeMode: 'fit' | 'expand' = 'fit'
+     */
+    withColumnsResizable(resizableColumns?: boolean, columnResizeMode?: 'fit' | 'expand'): this;
     withRowClassName(rowClassName?: string, classNameMapFn?: (className?: string, item?: T) => string): this;
     withHeaderClassName(headerClassName: string): this;
     withLocalized(): this;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@mediusinc/mng-commons",
-  "version": "3.0.0-rc.0",
+  "version": "3.0.0-rc.3",
   "peerDependencies": {
+    "@angular/animations": "^16.0.0",
     "@angular/common": "^16.0.0",
     "@angular/core": "^16.0.0",
     "@angular/forms": "^16.0.0",
-    "@angular/router": "^16.0.0",
-    "@angular/animations": "^16.0.0",
     "@angular/platform-browser": "^16.0.0",
+    "@angular/router": "^16.0.0",
     "@ngx-formly/core": "^6.1.3",
     "@ngx-translate/core": "^14.0.0",
     "primeng": "^16.0.0"

package/scss/mng-overrides/_theme_tableview.scss

@@ -62,3 +62,11 @@
         }
     }
 }
+
+.mng-table-columns-multiselect {
+    width: 36px;
+
+    .p-multiselect-label-container {
+        width: 0;
+    }
+}