@mediusinc/mng-commons 1.4.0 → 2.0.0-rc.0-08f92864

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

@@ -1,8 +1,8 @@
-import { ILookupDescriptor } from '../descriptors/interfaces';
-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/interfaces';
+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,12 +1,13 @@
-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 getFormEditorInfoMessage(translate: TranslateService, title: string, message: string, params?: any): Message;
-    static getFormEditorWarningMessage(translate: TranslateService, title: string, message: string): Message;
-}
+import { TranslateService } from '@ngx-translate/core';
+import { Message } from 'primeng/api';
+import { ActionDescriptor } from '../descriptors/action';
+import { TableDescriptor } from '../descriptors/table';
+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 getFormEditorInfoMessage(translate: TranslateService, title: string, message: string, params?: any): Message;
+    static getFormEditorWarningMessage(translate: TranslateService, title: string, message: string): Message;
+}

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

@@ -1,4 +1,59 @@
-export declare class RouteUtil {
-    static removeEmptyPathSegments(path: Array<string>): string[];
-    static appendPathToBasePath(basePath: Array<string>, path: Array<string>): string[];
-}
+import { MenuItem } from 'primeng/api';
+export declare class RouteUtil {
+    static removeEmptyPathSegments(path: Array<string>): string[];
+    static appendPathToBasePath(basePath: Array<string>, path: Array<string>): string[];
+    static adjustMenuLazyChildrenRouterLinks(rootMenuItem: MenuItem, lazyChildren: Array<MenuItem>): {
+        label?: string | undefined;
+        icon?: string | undefined;
+        command?: ((event?: any) => void) | undefined;
+        url?: string | undefined;
+        items?: MenuItem[] | undefined;
+        expanded?: boolean | undefined;
+        disabled?: boolean | undefined;
+        visible?: boolean | undefined;
+        target?: string | undefined;
+        escape?: boolean | undefined;
+        routerLinkActiveOptions?: any;
+        separator?: boolean | undefined;
+        badge?: string | undefined;
+        tooltip?: string | undefined;
+        tooltipPosition?: string | undefined;
+        badgeStyleClass?: string | undefined;
+        style?: any;
+        styleClass?: string | undefined;
+        title?: string | undefined;
+        id?: string | undefined;
+        automationId?: any;
+        tabindex?: string | undefined;
+        routerLink?: any;
+        queryParams?: {
+            [k: string]: any;
+        } | undefined;
+        fragment?: string | undefined;
+        queryParamsHandling?: import("@angular/router").QueryParamsHandling | undefined;
+        preserveFragment?: boolean | undefined;
+        skipLocationChange?: boolean | undefined;
+        replaceUrl?: boolean | undefined;
+        iconStyle?: any;
+        iconClass?: string | undefined;
+        state?: {
+            [k: string]: any;
+        } | undefined;
+        tooltipOptions?: {
+            tooltipLabel?: string | undefined;
+            tooltipPosition?: string | undefined;
+            tooltipEvent?: string | undefined;
+            appendTo?: any;
+            positionStyle?: string | undefined;
+            tooltipStyleClass?: string | undefined;
+            tooltipZIndex?: string | undefined;
+            escape?: boolean | undefined;
+            disabled?: boolean | undefined;
+            positionTop?: number | undefined;
+            positionLeft?: number | undefined;
+            showDelay?: number | undefined;
+            hideDelay?: number | undefined;
+            life?: number | undefined;
+        } | undefined;
+    }[];
+}

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

@@ -1,4 +1,4 @@
-export declare class StringUtil {
-    static escapeHtml(value: string): any;
-    static escapeHtmlAny(value?: any): any;
-}
+export declare class StringUtil {
+    static escapeHtml(value: string): any;
+    static escapeHtmlAny(value?: any): any;
+}

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

@@ -1,40 +1,40 @@
-import { AttributeDef } from '../api/models';
-import { ColumnDescriptor } from '../descriptors';
-import { ColumnDisplayTypeEnum, ColumnTypeEnum, FieldInputTypeEnum } from '../descriptors/types';
-import { TableviewAttributeDef } from '../models/tableview-attr.model';
-import { ClassType } from '../types';
-export declare class TableviewUtil {
-    private static _dateRegex;
-    /**
-     * returns attributes from class type and extends to typed def with column and field enum type
-     * @param modelType class type
-     */
-    static getAttributeDefMap<T>(modelType: ClassType<T>): TableviewAttributeDef[];
-    /**
-     * expands AttributeDef to TableviewAttributeDef with defined input and column enum type
-     * @param attributes open api specification model
-     */
-    static expandAttributeDefWithTableviewTypes(attributes?: Array<AttributeDef> | null): TableviewAttributeDef[];
-    /**
-     * converts column to number or date on value based
-     * @param column column to be transformed
-     * @param value value to check if applicable
-     */
-    static stringColumnConverter(column: ColumnDescriptor<any, any>, value: any): ColumnDescriptor<any, any>;
-    /**
-     * converts string type to column type enum, default is string
-     * @param propertyType
-     */
-    static toColumnType(propertyType: string): ColumnTypeEnum;
-    static toColumnDisplayType(columnType: ColumnTypeEnum, propertyType: string): ColumnDisplayTypeEnum;
-    /**
-     * converts string type to type enum, default is text
-     * @param property
-     */
-    static toFieldInputType(property: string): FieldInputTypeEnum;
-    /**
-     * convert column type to equivalent field input type
-     * @param type column type
-     */
-    static toFieldInputTypeFromColumnType(type: ColumnTypeEnum, displayType?: ColumnDisplayTypeEnum): FieldInputTypeEnum;
-}
+import { AttributeDef } from '../api/models';
+import { ColumnDescriptor } from '../descriptors/table';
+import { ColumnDisplayTypeEnum, ColumnTypeEnum, FieldInputTypeEnum } from '../descriptors/types';
+import { TableviewAttributeDef } from '../models/tableview-attr.model';
+import { ClassType } from '../types';
+export declare class TableviewUtil {
+    private static _dateRegex;
+    /**
+     * returns attributes from class type and extends to typed def with column and field enum type
+     * @param modelType class type
+     */
+    static getAttributeDefMap<T>(modelType: ClassType<T>): TableviewAttributeDef[];
+    /**
+     * expands AttributeDef to TableviewAttributeDef with defined input and column enum type
+     * @param attributes open api specification model
+     */
+    static expandAttributeDefWithTableviewTypes(attributes?: Array<AttributeDef> | null): TableviewAttributeDef[];
+    /**
+     * converts column to number or date on value based
+     * @param column column to be transformed
+     * @param value value to check if applicable
+     */
+    static stringColumnConverter(column: ColumnDescriptor<any, any>, value: any): ColumnDescriptor<any, any>;
+    /**
+     * converts string type to column type enum, default is string
+     * @param propertyType
+     */
+    static toColumnType(propertyType: string): ColumnTypeEnum;
+    static toColumnDisplayType(columnType: ColumnTypeEnum, propertyType: string): ColumnDisplayTypeEnum;
+    /**
+     * converts string type to type enum, default is text
+     * @param property
+     */
+    static toFieldInputType(property: string): FieldInputTypeEnum;
+    /**
+     * convert column type to equivalent field input type
+     * @param type column type
+     */
+    static toFieldInputTypeFromColumnType(type: ColumnTypeEnum, displayType?: ColumnDisplayTypeEnum): FieldInputTypeEnum;
+}

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

@@ -1,57 +1,57 @@
-import 'reflect-metadata';
-import { ClassType, EnumType } from '../types';
-export declare class TypeUtil {
-    static readonly reflectTypeNameKey = "typeName";
-    static readonly reflectTypeIdPropertyKey = "typeIdProperty";
-    static readonly reflectTypeTitlePropertyKey = "typeTitleProperty";
-    static readonly reflectEnumNameKey = "enumName";
-    /**
-     * 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;
-    /**
-     * Defines type's id property.
-     * @param targetType class.
-     * @param typeName Name of the type.
-     */
-    static defineReflectTypeIdProperty(targetType: ClassType<any>, idProperty: string | symbol): void;
-    /**
-     * Defines type's id property.
-     * @param targetType class.
-     * @param typeName Name of the type.
-     */
-    static defineReflectTypeTitleProperty(targetType: ClassType<any>, titleProperty: string | symbol): void;
-    /**
-     * Gets type name from reflect metadata.
-     * @param type Class.
-     */
-    static findTypeName(type: ClassType<any>): string;
-    /**
-     * Gets type name from either decorator or reflect metadata.
-     * @param type Class.
-     */
-    static typeNameExists(type: ClassType<any>): boolean;
-    /**
-     * Gets enum name from either decorator or reflect metadata.
-     * @param enumType Class.
-     */
-    static findEnumName(enumType: EnumType): string;
-    /**
-     * Gets type's id property from reflect metadata.
-     * @param type Class.
-     */
-    static findTypeIdProperty(type: ClassType<any>): string;
-    /**
-     * Gets type's title property from reflect metadata.
-     * @param type Class.
-     */
-    static findTypeTitleProperty(type: ClassType<any>): string;
-}
+import 'reflect-metadata';
+import { ClassType, EnumType } from '../types';
+export declare class TypeUtil {
+    static readonly reflectTypeNameKey = "typeName";
+    static readonly reflectTypeIdPropertyKey = "typeIdProperty";
+    static readonly reflectTypeTitlePropertyKey = "typeTitleProperty";
+    static readonly reflectEnumNameKey = "enumName";
+    /**
+     * 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;
+    /**
+     * Defines type's id property.
+     * @param targetType class.
+     * @param typeName Name of the type.
+     */
+    static defineReflectTypeIdProperty(targetType: ClassType<any>, idProperty: string | symbol): void;
+    /**
+     * Defines type's id property.
+     * @param targetType class.
+     * @param typeName Name of the type.
+     */
+    static defineReflectTypeTitleProperty(targetType: ClassType<any>, titleProperty: string | symbol): void;
+    /**
+     * Gets type name from reflect metadata.
+     * @param type Class.
+     */
+    static findTypeName(type: ClassType<any>): string;
+    /**
+     * Gets type name from either decorator or reflect metadata.
+     * @param type Class.
+     */
+    static typeNameExists(type: ClassType<any>): boolean;
+    /**
+     * Gets enum name from either decorator or reflect metadata.
+     * @param enumType Class.
+     */
+    static findEnumName(enumType: EnumType): string;
+    /**
+     * Gets type's id property from reflect metadata.
+     * @param type Class.
+     */
+    static findTypeIdProperty(type: ClassType<any>): string;
+    /**
+     * Gets type's title property from reflect metadata.
+     * @param type Class.
+     */
+    static findTypeTitleProperty(type: ClassType<any>): string;
+}

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@mediusinc/mng-commons",
-  "version": "1.4.0",
+  "version": "2.0.0-rc.0-08f92864",
   "peerDependencies": {
-    "@angular/common": "^14.1.0",
-    "@angular/core": "^14.1.0",
-    "@angular/forms": "^14.1.0",
-    "@angular/router": "^14.1.0",
+    "@angular/common": "~15.2.1",
+    "@angular/core": "~15.2.1",
+    "@angular/forms": "~15.2.1",
+    "@angular/router": "~15.2.1",
     "@ngx-formly/core": "~6.0.0",
     "@ngx-translate/core": "~14.0.0",
-    "primeng": "^14.0.0"
+    "primeng": "~15.2.0"
   },
   "dependencies": {
     "file-saver": "^2.0.5",

package/public-api.d.ts

@@ -1,34 +1,40 @@
-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/components/form/formly/models';
-export * from './lib/components/form/formly';
-export * from './lib/data-providers';
-export * from './lib/descriptors';
-export * from './lib/descriptors/interfaces';
-export * from './lib/descriptors/types';
-export * from './lib/models';
-export * from './lib/router';
-export * from './lib/router/models';
-export * from './lib/security';
-export * from './lib/security/model';
-export * from './lib/types';
-export * from './lib/styles';
-export * from './lib/styles/models';
+export * from './lib/mng-commons.module';
+export * from './lib/provide-commons';
+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/components/form/formly/models';
+export * from './lib/components/form/formly';
+export * from './lib/data-providers';
+export * from './lib/descriptors';
+export * from './lib/descriptors/action';
+export * from './lib/descriptors/editor';
+export * from './lib/descriptors/filter';
+export * from './lib/descriptors/interfaces';
+export * from './lib/descriptors/table';
+export * from './lib/descriptors/tableview';
+export * from './lib/descriptors/types';
+export * from './lib/models';
+export * from './lib/router';
+export * from './lib/router/models';
+export * from './lib/security';
+export * from './lib/security/model';
+export * from './lib/types';
+export * from './lib/styles';
+export * from './lib/styles/models';

package/scss/common/layout/_breadcrumb.scss

@@ -1,11 +1,15 @@
 .layout-breadcrumb-container {
     background-color: transparent;
+    padding-top: 30px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
 
     .layout-breadcrumb {
         background: transparent;
         border: 0 none;
         border-radius: 0;
-        padding-left: 20px;
+        padding-left: 30px;
 
         ul {
             li {
@@ -24,7 +28,6 @@
 
                     .p-menuitem-text {
                         color: $textThirdColor;
-                        font-weight: $submenuHeaderFontWeight;
                     }
                 }
 
@@ -37,7 +40,14 @@
         }
     }
 
+    .layout-breadcrumb-left-items {
+        display: flex;
+        align-items: center;
+    }
+
     .layout-breadcrumb-right-items {
+        display: flex;
+
         .search-icon {
             display: none;
             align-items: center;

package/scss/common/layout/_exception.scss

@@ -77,7 +77,7 @@
             max-width: 320px;
         }
 
-        p-button {
+        button {
             margin-top: 50px;
         }
     }

package/scss/common/layout/_inlinemenu.scss

@@ -15,6 +15,9 @@
         cursor: pointer;
         padding: 2rem 2rem 1rem 2rem;
         color: $textColor;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
 
         img {
             border-radius: 22px;
@@ -23,6 +26,13 @@
 
         .layout-inline-menu-text {
             font-weight: 500;
+            display: flex;
+            flex-direction: column;
+            margin-left: 0.5rem;
+        }
+
+        .layout-inline-menu-icon {
+            margin-left: auto;
         }
     }
 
@@ -41,6 +51,9 @@
             }
 
             a {
+                display: flex;
+                flex-direction: row;
+                align-items: center;
                 padding: 0.5rem 1rem;
                 border-left: 8px solid transparent;
                 border-radius: 8px;

package/scss/common/layout/_login.scss

@@ -8,6 +8,7 @@
 
         img {
             height: 100vh;
+            max-width: 490px;
         }
     }
 

package/scss/common/layout/_rightmenu.scss

@@ -56,6 +56,8 @@
     }
 
     .user-tasks {
+        display: flex;
+        justify-content: space-between;
         padding: 1.5rem 1rem;
         border-bottom: 1px solid $dividerColor;
 
@@ -69,6 +71,9 @@
             }
 
             .task-number {
+                display: flex;
+                justify-content: center;
+                align-items: center;
                 background-color: $rightMenuButtonBg;
                 color: $textColor;
                 text-align: center;

package/scss/common/layout/menu/_menu_common.scss

@@ -168,7 +168,7 @@
                     padding: 6px;
 
                     > a {
-                        padding: 0.75rem 1.25rem;
+                        padding: 0.75rem 1rem;
                     }
                 }
             }

package/scss/common/theme/designer/_mixins.scss

@@ -10,6 +10,12 @@
     box-shadow: $focusShadow;
 }
 
+@mixin focused-inset() {
+    outline: $focusOutline;
+    outline-offset: $focusOutlineOffset;
+    box-shadow: inset $focusShadow;
+}
+
 @mixin focused-input() {
     @include focused();
     border-color: $inputFocusBorderColor;
@@ -172,3 +178,26 @@
 @function shade($color, $percentage) {
     @return mix(#000, $color, $percentage);
 }
+
+@mixin button-states {
+    // <button> and <a> tags support :enabled selector.
+
+    &:enabled,
+    &:not(button):not(a):not(.p-disabled) {
+        @content;
+    }
+}
+
+@mixin menuitem-badge {
+    background: $badgeBg;
+    color: $badgeTextColor;
+    font-size: $badgeFontSize;
+    font-weight: $badgeFontWeight;
+    min-width: $badgeMinWidth;
+    height: $badgeHeight;
+    line-height: $badgeHeight;
+    border-radius: $borderRadius;
+    margin-left: $inlineSpacing;
+    padding-left: $inlineSpacing;
+    padding-right: $inlineSpacing;
+}

package/scss/common/theme/extensions/_datatable.scss

@@ -76,8 +76,8 @@
     }
 
     &.p-datatable-scrollable {
-        .p-datatable-thead {
-            background: $overlayContentBg;
+        .p-datatable-thead th {
+            background: $solidSurfaceColor;
         }
     }
 }

package/scss/common/variables/layout/_layout_dark.scss

@@ -42,7 +42,6 @@ $submenuItemTextColor: $textColor !default;
 $submenuItemHoverTextColor: $textColor !default;
 $submenuItemHoverBg: rgba(255, 255, 255, 0.05) !default;
 $activeSubmenuItemTextColor: $primaryColor !default;
-$submenuHeaderFontWeight: 500 !default;
 
 $overlayMenuActiveBg: rgba(255, 255, 255, 0.05) !default;
 $overlayMenuItemActiveBg: $primaryColor !default;

package/scss/common/variables/layout/_layout_light.scss

@@ -42,7 +42,6 @@ $submenuItemTextColor: $textColor !default;
 $submenuItemHoverTextColor: $textColor !default;
 $submenuItemHoverBg: rgba(68, 72, 109, 0.07) !default;
 $activeSubmenuItemTextColor: $primaryColor !default;
-$submenuHeaderFontWeight: 500 !default;
 
 $overlayMenuActiveBg: rgba(68, 72, 109, 0.07) !default;
 $overlayMenuItemActiveBg: $primaryColor !default;