@mediusinc/mng-commons 0.6.1 → 0.8.0-rc.1

package/lib/utils/i18n.util.d.ts

@@ -1,56 +1,56 @@
-import { TranslateService } from '@ngx-translate/core';
-import { Observable } from 'rxjs';
-import { ActionDescriptor, ActionEditorDescriptor, ModelDescriptor } from '../descriptors';
-import { MngError } from '../models';
-import { ClassType } from '../types';
-export declare namespace I18nUtils {
-    class Common {
-        static getAsync(translate: TranslateService, params?: any, ...keys: Array<string>): Observable<string | null>;
-        static get(translate: TranslateService, params?: any, ...keys: Array<string>): string | null;
-        static populateParams(item?: any, params?: any): any;
-        static selectI18n(keys: string[], i18n: any): string | null;
-    }
-    class Type {
-        static getClassNameAsync(translate: TranslateService, classType: ClassType<any>, singular?: boolean): Observable<string | null>;
-        static getClassName(translate: TranslateService, classType: ClassType<any>, singular?: boolean): string | null;
-        static getNameAsync(translate: TranslateService, typeName: string, singular?: boolean): Observable<string | null>;
-        static getName(translate: TranslateService, typeName: string, singular?: boolean): string | null;
-        static getClassTabKey(classType: ClassType<any>, tab: string): string;
-        static getTabKey(typeName: string, tab: string): string;
-        static getClassGroupKey(classType: ClassType<any>, group: string): string;
-        static getGroupKey(typeName: string, group: string): string;
-        static getClassPropertyKey(classType: ClassType<any>, property: string): string;
-        static getPropertyKey(typeName: string, property: string): string;
-        static getClassPath(classType: ClassType<any>, ...path: Array<string>): string;
-        static getPath(typeName: string, ...path: Array<string>): string;
-        static getClassParams(translate: TranslateService, classType: ClassType<any>, item: any, params?: any): any;
-        static getParams(translate: TranslateService, typeName?: string, item?: any, params?: any): any;
-        static getClassParamsAsync(translate: TranslateService, classType: ClassType<any>, item?: any, params?: any): Observable<any>;
-        static getParamsAsync(translate: TranslateService, typeName?: string, item?: any, params?: any): Observable<any>;
-        static populateParams(i18nTypeName?: string, item?: any, params?: any): any;
-        private static getNameKeys;
-    }
-    class Model {
-        static get(translate: TranslateService, model: ModelDescriptor<any>, keyPath: string, customKey?: string, item?: any, fallbackKey?: string, params?: any): string | null;
-        static getName(translate: TranslateService, model: ModelDescriptor<any>, singular?: boolean): string | null;
-        static getNameAsync(translate: TranslateService, model: ModelDescriptor<any>, singular?: boolean): Observable<string | null>;
-        static getParams(translate: TranslateService, model?: ModelDescriptor<any>, item?: any, params?: any): any;
-        static getParamsAsync(translate: TranslateService, model?: ModelDescriptor<any>, item?: any, params?: any): Observable<any>;
-        static populateParams(idProperty?: string, titleProperty?: string, item?: any, params?: any): any;
-        private static getKeysByPriority;
-    }
-    class Action {
-        static get(translate: TranslateService, action: ActionDescriptor<any>, actionPathKeys: string | Array<string>, customKey?: string, item?: any, fallbackKey?: string, params?: any): string | null;
-        static getAsync(translate: TranslateService, action: ActionDescriptor<any>, actionPathKeys: string | Array<string>, customKey?: string, item?: any, fallbackKey?: string, params?: any): Observable<string | null>;
-        static getTitleAsync(translate: TranslateService, action: ActionDescriptor<any>, item?: any): Observable<string | null>;
-        static getEditorTitleAsync(translate: TranslateService, action: ActionEditorDescriptor<any>, item?: any): Observable<string | null>;
-        static getParams(translate: TranslateService, action: ActionDescriptor<any>, item?: any, params?: any): any;
-        static getParamsAsync(translate: TranslateService, action: ActionDescriptor<any>, item?: any, params?: any): Observable<any>;
-        static populateParams(params?: any): any;
-        private static getKeysByPriority;
-    }
-    class Error {
-        static get(translate: TranslateService, error: MngError, params?: any): string | null;
-        static getParams(error: MngError, params?: any): any;
-    }
-}
+import { TranslateService } from '@ngx-translate/core';
+import { Observable } from 'rxjs';
+import { ActionDescriptor, ActionEditorDescriptor, ModelDescriptor } from '../descriptors';
+import { MngError } from '../models';
+import { ClassType } from '../types';
+export declare namespace I18nUtils {
+    class Common {
+        static getAsync(translate: TranslateService, params?: any, ...keys: Array<string>): Observable<string | null>;
+        static get(translate: TranslateService, params?: any, ...keys: Array<string>): string | null;
+        static populateParams(item?: any, params?: any): any;
+        static selectI18n(keys: string[], i18n: any): string | null;
+    }
+    class Type {
+        static getClassNameAsync(translate: TranslateService, classType: ClassType<any>, singular?: boolean): Observable<string | null>;
+        static getClassName(translate: TranslateService, classType: ClassType<any>, singular?: boolean): string | null;
+        static getNameAsync(translate: TranslateService, typeName: string, singular?: boolean): Observable<string | null>;
+        static getName(translate: TranslateService, typeName: string, singular?: boolean): string | null;
+        static getClassTabKey(classType: ClassType<any>, tab: string): string;
+        static getTabKey(typeName: string, tab: string): string;
+        static getClassGroupKey(classType: ClassType<any>, group: string): string;
+        static getGroupKey(typeName: string, group: string): string;
+        static getClassPropertyKey(classType: ClassType<any>, property: string): string;
+        static getPropertyKey(typeName: string, property: string): string;
+        static getClassPath(classType: ClassType<any>, ...path: Array<string>): string;
+        static getPath(typeName: string, ...path: Array<string>): string;
+        static getClassParams(translate: TranslateService, classType: ClassType<any>, item: any, params?: any): any;
+        static getParams(translate: TranslateService, typeName?: string, item?: any, params?: any): any;
+        static getClassParamsAsync(translate: TranslateService, classType: ClassType<any>, item?: any, params?: any): Observable<any>;
+        static getParamsAsync(translate: TranslateService, typeName?: string, item?: any, params?: any): Observable<any>;
+        static populateParams(i18nTypeName?: string, item?: any, params?: any): any;
+        private static getNameKeys;
+    }
+    class Model {
+        static get(translate: TranslateService, model: ModelDescriptor<any>, keyPath: string, customKey?: string, item?: any, fallbackKey?: string, params?: any): string | null;
+        static getName(translate: TranslateService, model: ModelDescriptor<any>, singular?: boolean): string | null;
+        static getNameAsync(translate: TranslateService, model: ModelDescriptor<any>, singular?: boolean): Observable<string | null>;
+        static getParams(translate: TranslateService, model?: ModelDescriptor<any>, item?: any, params?: any): any;
+        static getParamsAsync(translate: TranslateService, model?: ModelDescriptor<any>, item?: any, params?: any): Observable<any>;
+        static populateParams(idProperty?: string, titleProperty?: string, item?: any, params?: any): any;
+        private static getKeysByPriority;
+    }
+    class Action {
+        static get(translate: TranslateService, action: ActionDescriptor<any>, actionPathKeys: string | Array<string>, customKey?: string, item?: any, fallbackKey?: string, params?: any): string | null;
+        static getAsync(translate: TranslateService, action: ActionDescriptor<any>, actionPathKeys: string | Array<string>, customKey?: string, item?: any, fallbackKey?: string, params?: any): Observable<string | null>;
+        static getTitleAsync(translate: TranslateService, action: ActionDescriptor<any>, item?: any): Observable<string | null>;
+        static getEditorTitleAsync(translate: TranslateService, action: ActionEditorDescriptor<any>, item?: any): Observable<string | null>;
+        static getParams(translate: TranslateService, action: ActionDescriptor<any>, item?: any, params?: any): any;
+        static getParamsAsync(translate: TranslateService, action: ActionDescriptor<any>, item?: any, params?: any): Observable<any>;
+        static populateParams(params?: any): any;
+        private static getKeysByPriority;
+    }
+    class Error {
+        static get(translate: TranslateService, error: MngError, params?: any): string | null;
+        static getParams(error: MngError, params?: any): any;
+    }
+}

package/lib/utils/index.d.ts

@@ -1,7 +1,7 @@
-export * from './action-data-provider.util';
-export * from './editor-formly.util';
-export * from './enum.util';
-export * from './i18n.util';
-export * from './model.util';
-export * from './notification.util';
-export * from './type.util';
+export * from './action-data-provider.util';
+export * from './editor-formly.util';
+export * from './enum.util';
+export * from './i18n.util';
+export * from './model.util';
+export * from './notification.util';
+export * from './type.util';

package/lib/utils/model.util.d.ts

@@ -1,8 +1,8 @@
-import { ILookupDescriptor } from '../descriptors';
-import { ClassType } from '../types';
-export declare class ModelUtil {
-    static findIdAttribute<T>(classType: ClassType<T>): string | null;
-    static findTitleAttribute<T>(classType: ClassType<T>): string | null;
-    private static findAttributeByTypeAndName;
-    static trySetLookupItemsProperties<T>(lookup: ILookupDescriptor<T>, idAsDataKey?: boolean): void;
-}
+import { ILookupDescriptor } from '../descriptors';
+import { ClassType } from '../types';
+export declare class ModelUtil {
+    static findIdAttribute<T>(classType: ClassType<T>): string | null;
+    static findTitleAttribute<T>(classType: ClassType<T>): string | null;
+    private static findAttributeByTypeAndName;
+    static trySetLookupItemsProperties<T>(lookup: ILookupDescriptor<T>, idAsDataKey?: boolean): void;
+}

package/lib/utils/notification.util.d.ts

@@ -1,11 +1,11 @@
-import { TranslateService } from '@ngx-translate/core';
-import { Message } from 'primeng/api';
-import { ActionDescriptor, TableDescriptor } from '../descriptors';
-import { IViewContainer, MngError } from '../models';
-export declare class NotificationUtil {
-    static notification(viewContainer?: IViewContainer<any, any>, title?: string, message?: string, severity?: 'success' | 'warn' | 'error'): Message;
-    static tableNotificationError(translate: TranslateService, table: TableDescriptor<any>, error: any, viewContainer?: IViewContainer<any, any>): Message;
-    static actionNotificationSuccess(translate: TranslateService, action: ActionDescriptor<any>, functionName: string, customTitleKey?: string, customMessageKey?: string, viewContainer?: IViewContainer<any, any>, item?: any): Message;
-    static actionNotificationError(translate: TranslateService, action: ActionDescriptor<any>, error: MngError, functionName: string, viewContainer?: IViewContainer<any, any>, item?: any, severity?: 'warn' | 'error'): Message;
-    static getFormEditorWarningMessage(translate: TranslateService, title: string, message: string): Message;
-}
+import { TranslateService } from '@ngx-translate/core';
+import { Message } from 'primeng/api';
+import { ActionDescriptor, TableDescriptor } from '../descriptors';
+import { IViewContainer, MngError } from '../models';
+export declare class NotificationUtil {
+    static notification(viewContainer?: IViewContainer<any, any>, title?: string, message?: string, severity?: 'success' | 'warn' | 'error'): Message;
+    static tableNotificationError(translate: TranslateService, table: TableDescriptor<any>, error: any, viewContainer?: IViewContainer<any, any>): Message;
+    static actionNotificationSuccess(translate: TranslateService, action: ActionDescriptor<any>, functionName: string, customTitleKey?: string, customMessageKey?: string, viewContainer?: IViewContainer<any, any>, item?: any): Message;
+    static actionNotificationError(translate: TranslateService, action: ActionDescriptor<any>, error: MngError, functionName: string, viewContainer?: IViewContainer<any, any>, item?: any, severity?: 'warn' | 'error'): Message;
+    static getFormEditorWarningMessage(translate: TranslateService, title: string, message: string): Message;
+}

package/lib/utils/route.util.d.ts

@@ -1,4 +1,4 @@
-export declare class RouteUtil {
-    static removeEmptyPathSegments(path: Array<string>): string[];
-    static appendPathToBasePath(basePath: Array<string>, path: Array<string>): string[];
-}
+export declare class RouteUtil {
+    static removeEmptyPathSegments(path: Array<string>): string[];
+    static appendPathToBasePath(basePath: Array<string>, path: Array<string>): string[];
+}

package/lib/utils/styles.util.d.ts

@@ -0,0 +1,14 @@
+import { ActionDescriptor, TableDescriptor } from '../descriptors';
+export declare class StylesUtil {
+    static readonly BUTTON_ROUNDED_WIDTH_XS = 26;
+    static readonly BUTTON_ROUNDED_WIDTH_SM = 28;
+    static readonly BUTTON_ROUNDED_WIDTH = 32;
+    static readonly BUTTON_ROUNDED_WIDTH_LG = 45;
+    static readonly ACTION_BUTTON_MARGIN_X = 2;
+    static readonly TABLE_CELL_PADDING_X = 8;
+    static readonly TABLE_CELL_PADDING_X_SM = 4;
+    static readonly TABLE_CELL_PADDING_X_LG = 12;
+    static calculateTableColumnActionWidth(table: TableDescriptor<unknown>, actions: Array<ActionDescriptor<unknown>>): number;
+    static getTableCellPaddingX(table: TableDescriptor<unknown>): number;
+    static getActionButtonRoundedWidth(action: ActionDescriptor<unknown>): number;
+}

package/lib/utils/type.util.d.ts

@@ -1,36 +1,36 @@
-import 'reflect-metadata';
-import { ClassType, EnumType } from '../types';
-export declare class TypeUtil {
-    /**
-     * Defines type name decorator.
-     * @param targetType class.
-     * @param typeName Name of the type.
-     */
-    static defineReflectTypeName(targetType: ClassType<any>, typeName?: string): void;
-    /**
-     * Defines enum name decorator.
-     * @param targetType enum object.
-     * @param enumName Name of the enum.
-     */
-    static defineReflectEnumName(targetType: EnumType, enumName: string): void;
-    /**
-     * Gets type name from either decorator or reflect metadata.
-     * @param type Class.
-     */
-    static findTypeName(type: ClassType<any>): string;
-    /**
-     * Gets enum name from either decorator or reflect metadata.
-     * @param enumType Class.
-     */
-    static findEnumName(enumType: EnumType): string;
-    /**
-     * Get value from decorator defined property name
-     * @param type Class.
-     */
-    static getDecoratorTypeName(type: Function): string | undefined;
-    /**
-     * Get value from decorator defined property name
-     * @param type Enum object.
-     */
-    static getDecoratorEnumName(type: EnumType): string | undefined;
-}
+import 'reflect-metadata';
+import { ClassType, EnumType } from '../types';
+export declare class TypeUtil {
+    /**
+     * Defines type name decorator.
+     * @param targetType class.
+     * @param typeName Name of the type.
+     */
+    static defineReflectTypeName(targetType: ClassType<any>, typeName?: string): void;
+    /**
+     * Defines enum name decorator.
+     * @param targetType enum object.
+     * @param enumName Name of the enum.
+     */
+    static defineReflectEnumName(targetType: EnumType, enumName: string): void;
+    /**
+     * Gets type name from either decorator or reflect metadata.
+     * @param type Class.
+     */
+    static findTypeName(type: ClassType<any>): string;
+    /**
+     * Gets enum name from either decorator or reflect metadata.
+     * @param enumType Class.
+     */
+    static findEnumName(enumType: EnumType): string;
+    /**
+     * Get value from decorator defined property name
+     * @param type Class.
+     */
+    static getDecoratorTypeName(type: Function): string | undefined;
+    /**
+     * Get value from decorator defined property name
+     * @param type Enum object.
+     */
+    static getDecoratorEnumName(type: EnumType): string | undefined;
+}

package/mediusinc-mng-commons.d.ts

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@mediusinc/mng-commons" />
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@mediusinc/mng-commons" />
+export * from './public-api';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mediusinc/mng-commons",
-  "version": "0.6.1",
+  "version": "0.8.0-rc.1",
   "peerDependencies": {
     "@angular/common": "^13.2.0",
     "@angular/core": "^13.2.0",

package/public-api.d.ts

@@ -1,28 +1,28 @@
-export * from './lib/mng-commons.module';
-export * from './lib/api/services';
-export * from './lib/components/layout/services';
-export * from './lib/services';
-export * from './lib/services/providers';
-export * from './lib/services/tokens';
-export * from './lib/api/utils';
-export * from './lib/utils';
-export * from './lib/components/action';
-export * from './lib/components/form';
-export * from './lib/components/form/formly/fields';
-export * from './lib/components/form/formly/wrappers';
-export * from './lib/components/layout';
-export * from './lib/components/tableview';
-export * from './lib/directives';
-export * from './lib/pipes';
-export * from './lib/api/models';
-export * from './lib/components/action/models';
-export * from './lib/components/form/models';
-export * from './lib/components/tableview/models';
-export * from './lib/config/models';
-export * from './lib/config';
-export * from './lib/data-providers';
-export * from './lib/descriptors';
-export * from './lib/models';
-export * from './lib/router';
-export * from './lib/router/models';
-export * from './lib/types';
+export * from './lib/mng-commons.module';
+export * from './lib/api/services';
+export * from './lib/components/layout/services';
+export * from './lib/services';
+export * from './lib/services/providers';
+export * from './lib/services/tokens';
+export * from './lib/api/utils';
+export * from './lib/utils';
+export * from './lib/components/action';
+export * from './lib/components/form';
+export * from './lib/components/form/formly/fields';
+export * from './lib/components/form/formly/wrappers';
+export * from './lib/components/layout';
+export * from './lib/components/tableview';
+export * from './lib/directives';
+export * from './lib/pipes';
+export * from './lib/api/models';
+export * from './lib/components/action/models';
+export * from './lib/components/form/models';
+export * from './lib/components/tableview/models';
+export * from './lib/config/models';
+export * from './lib/config';
+export * from './lib/data-providers';
+export * from './lib/descriptors';
+export * from './lib/models';
+export * from './lib/router';
+export * from './lib/router/models';
+export * from './lib/types';

package/scss/common/theme/designer/_components.scss

@@ -65,7 +65,7 @@
 @import './components/overlay/_tooltip';
 
 //File
-// @import './components/file/_fileupload';
+@import './components/file/_fileupload';
 
 //Menu
 @import './components/menu/_breadcrumb';

package/scss/mng-overrides/_theme_datatable.scss

@@ -6,4 +6,61 @@
             color: $primaryTextColor;
         }
     }
+
+    .p-datatable-thead > tr.mng-column-filter-row {
+        > th {
+            padding-left: 0.15rem;
+            padding-right: 0.15rem;
+
+            // string
+            &.mng-column-filter-0 {
+                min-width: 135px;
+            }
+            // number
+            &.mng-column-filter-1 {
+                min-width: 165px;
+            }
+            // date
+            &.mng-column-filter-3 {
+                min-width: 170px;
+            }
+            // boolean
+            &.mng-column-filter-2 {
+                min-width: 80px;
+            }
+            // lookup, lookup enum
+            &.mng-column-filter-4,
+            &.mng-column-filter-5 {
+                min-width: 180px;
+            }
+
+            .p-column-filter-menu-button,
+            .p-column-filter-clear-button {
+                width: 1.75rem;
+                height: 1.75rem;
+                margin-left: 0.1rem;
+            }
+        }
+    }
+
+    .p-datatable-tbody > tr > td {
+        &.column-action {
+            padding-top: 0.1rem;
+            padding-bottom: 0.1rem;
+        }
+    }
+
+    &.p-datatable-lg .p-datatable-tbody > tr > td {
+        &.column-action {
+            padding-top: 0.15rem;
+            padding-bottom: 0.15rem;
+        }
+    }
+
+    &.p-datatable-sm .p-datatable-tbody > tr > td {
+        &.column-action {
+            padding-top: 0.05rem;
+            padding-bottom: 0.05rem;
+        }
+    }
 }

package/scss/mng-overrides/_theme_forms.scss

@@ -0,0 +1,16 @@
+@import 'mixins';
+
+form {
+    .p-fileupload {
+        .p-fileupload-row > div:first-child {
+            flex-grow: 0;
+            flex-shrink: 0;
+            width: 50px;
+        }
+
+        .p-fileupload-row .p-button {
+            @include scaledWidth($buttonIconOnlyWidth, $scaleSM);
+            @include scaledPadding($buttonIconOnlyPadding, $scaleSM);
+        }
+    }
+}

package/scss/mng-overrides/_theme_styles.scss

@@ -4,6 +4,7 @@
 @import './_theme_dropdown';
 @import './_theme_tableview';
 @import './_theme_dialog';
+@import './_theme_forms';
 @import './_theme_datepicker';
 @import './_theme_toolbar';
 

package/scss/mng-overrides/_theme_tableview.scss

@@ -38,49 +38,6 @@
     .p-datatable-tbody > tr > td .p-column-title {
         display: none;
     }
-
-    @media screen and (max-width: 960px) {
-        .p-datatable {
-            .p-datatable-thead > tr > th,
-            .p-datatable-tfoot > tr > td {
-                display: none !important;
-            }
-
-            .p-datatable-tbody > tr {
-                border-bottom: 1px solid var(--surface-d);
-
-                > td {
-                    text-align: left;
-                    display: block;
-                    border: 0 none !important;
-                    width: 100% !important;
-                    float: left;
-                    clear: left;
-                    border: 0 none;
-
-                    .p-column-title {
-                        padding: 0.4rem;
-                        min-width: 30%;
-                        display: inline-block;
-                        margin: -0.4rem 1rem -0.4rem -0.4rem;
-                        font-weight: bold;
-                    }
-
-                    .p-progressbar {
-                        margin-top: 0.5rem;
-                    }
-
-                    &:last-child {
-                        text-align: center;
-                    }
-
-                    &:nth-child(6) {
-                        display: flex;
-                    }
-                }
-            }
-        }
-    }
 }
 
 .p-datatable:not(.p-datatable-gridlines) {