@mediusinc/mng-commons 0.19.3 → 0.21.0-rc.1

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/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,39 +1,40 @@
-import { AttributeDef } from '../api/models';
-import { ColumnDescriptor } from '../descriptors';
-import { 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 property
-     */
-    static toColumnType(property: string): ColumnTypeEnum;
-    /**
-     * 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): FieldInputTypeEnum;
-}
+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;
+}

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,6 +1,6 @@
 {
   "name": "@mediusinc/mng-commons",
-  "version": "0.19.3",
+  "version": "0.21.0-rc.1",
   "peerDependencies": {
     "@angular/common": "^14.1.0",
     "@angular/core": "^14.1.0",

package/public-api.d.ts

@@ -1,34 +1,34 @@
-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/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';

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

@@ -87,6 +87,7 @@
 
 //MultiMedia
 // @import './components/multimedia/_galleria';
+@import './components/multimedia/_image';
 
 //Misc
 // @import './components/misc/_avatar';

package/scss/common/theme/designer/components/multimedia/_image.scss

@@ -0,0 +1,44 @@
+.p-image-mask {
+    --maskbg: #{$imageMaskBg};
+}
+
+.p-image-preview-indicator {
+    background-color: transparent;
+    color: $imagePreviewIndicatorColor;
+    transition: $actionIconTransition;
+}
+
+.p-image-preview-container {
+    &:hover {
+        > .p-image-preview-indicator {
+            background-color: $imagePreviewIndicatorBg;
+        }
+    }
+}
+
+.p-image-toolbar {
+    padding: $imagePreviewToolbarPadding;
+}
+
+.p-image-action.p-link {
+    color: $imagePreviewActionIconColor;
+    background-color: $imagePreviewActionIconBg;
+    width: $imagePreviewActionIconWidth;
+    height: $imagePreviewActionIconHeight;
+    border-radius: $imagePreviewActionIconBorderRadius;
+    transition: $actionIconTransition;
+    margin-right: $inlineSpacing;
+
+    &:last-child {
+        margin-right: 0;
+    }
+
+    &:hover {
+        color: $imagePreviewActionIconHoverColor;
+        background-color: $imagePreviewActionIconHoverBg;
+    }
+
+    i {
+        font-size: $imagePreviewActionIconFontSize;
+    }
+}

package/scss/common/variables/theme/_theme_dark.scss

@@ -38,7 +38,7 @@ $primeIconFontSize: 1rem !default;
 $divider: 1px solid $shade500 !default;
 $inlineSpacing: 0.5rem !default; //spacing between inline elements
 $disabledOpacity: 0.4 !default; //opacity of a disabled item
-$maskBg: rgba(0, 0, 0, 0.05) !default; //modal mask bg color
+$maskBg: rgba(0, 0, 0, 0.4) !default; //modal mask bg color
 $loadingIconFontSize: 2rem !default;
 $errorColor: #fc6161 !default;
 
@@ -869,6 +869,20 @@ $dockBorder: 1px solid rgba(255, 255, 255, 0.2) !default;
 $dockPadding: 0.5rem 0.5rem !default;
 $dockBorderRadius: 0.5rem !default;
 
+//image
+$imageMaskBg: rgba(0, 0, 0, 0.9) !default;
+$imagePreviewToolbarPadding: 1rem !default;
+$imagePreviewIndicatorColor: #f8f9fa !default;
+$imagePreviewIndicatorBg: rgba(0, 0, 0, 0.5) !default;
+$imagePreviewActionIconBg: transparent !default;
+$imagePreviewActionIconColor: #f8f9fa !default;
+$imagePreviewActionIconHoverBg: rgba(255, 255, 255, 0.1) !default;
+$imagePreviewActionIconHoverColor: #f8f9fa !default;
+$imagePreviewActionIconWidth: 3rem !default;
+$imagePreviewActionIconHeight: 3rem !default;
+$imagePreviewActionIconFontSize: 1.5rem !default;
+$imagePreviewActionIconBorderRadius: 50% !default;
+
 :root {
     --surface-a: #{$shade200};
     --surface-b: #{$shade500};

package/scss/common/variables/theme/_theme_light.scss

@@ -38,7 +38,7 @@ $primeIconFontSize: 1rem !default;
 $divider: 1px solid $shade300 !default;
 $inlineSpacing: 0.5rem !default;
 $disabledOpacity: 0.6 !default;
-$maskBg: rgba(0, 0, 0, 0.05) !default;
+$maskBg: rgba(0, 0, 0, 0.4) !default;
 $loadingIconFontSize: 2rem !default;
 $errorColor: #fc6161 !default;
 
@@ -870,6 +870,20 @@ $dockBorder: 1px solid rgba(255, 255, 255, 0.2) !default;
 $dockPadding: 0.5rem 0.5rem !default;
 $dockBorderRadius: 0.5rem !default;
 
+//image
+$imageMaskBg: rgba(0, 0, 0, 0.9) !default;
+$imagePreviewToolbarPadding: 1rem !default;
+$imagePreviewIndicatorColor: #f8f9fa !default;
+$imagePreviewIndicatorBg: rgba(0, 0, 0, 0.5) !default;
+$imagePreviewActionIconBg: transparent !default;
+$imagePreviewActionIconColor: #f8f9fa !default;
+$imagePreviewActionIconHoverBg: rgba(255, 255, 255, 0.1) !default;
+$imagePreviewActionIconHoverColor: #f8f9fa !default;
+$imagePreviewActionIconWidth: 3rem !default;
+$imagePreviewActionIconHeight: 3rem !default;
+$imagePreviewActionIconFontSize: 1.5rem !default;
+$imagePreviewActionIconBorderRadius: 50% !default;
+
 :root {
     --surface-a: #{$shade000};
     --surface-b: #{$shade100};

package/scss/mng-overrides/_theme_forms.scss

@@ -6,6 +6,11 @@ form {
             flex-grow: 0;
             flex-shrink: 0;
             width: 50px;
+            padding: 0;
+
+            img {
+                max-width: 100%;
+            }
         }
 
         .p-fileupload-row .p-button {

package/scss/mng-overrides/_theme_image.scss

@@ -0,0 +1,27 @@
+.mng-image {
+    &.p-image-preview-container {
+        height: 150px;
+
+        img {
+            max-height: 100%;
+        }
+
+        &.no-image {
+            width: 150px;
+
+            .p-image-preview-indicator {
+                background-color: $imagePreviewIndicatorBg;
+                height: 100%;
+                opacity: 1;
+                cursor: default;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+
+                .p-image-preview-icon {
+                    font-size: 1.5rem;
+                }
+            }
+        }
+    }
+}

package/scss/mng-overrides/_theme_styles.scss

@@ -8,6 +8,7 @@
 @import './_theme_datepicker';
 @import './_theme_toolbar';
 @import './_theme_autocomplete';
+@import './_theme_image';
 
 .p-tabview-title-error {
     color: $errorColor !important;

package/version-info.json

@@ -1,10 +1,10 @@
 {
     "name": "@mediusinc/mng-commons",
-    "version": "0.19.3",
-    "tag": "v0.19.3",
-    "distance": 0,
-    "hash": "9a1520ab",
-    "dirty": false,
-    "semver": "0.19.3",
-    "raw": "v0.19.3-9a1520ab"
+    "version": "0.21.0-rc.1",
+    "tag": "v0.20.0-rc",
+    "distance": 3,
+    "hash": "ed9aea2f",
+    "dirty": true,
+    "semver": "0.20.0-rc+3.ged9aea2f.dirty",
+    "raw": "v0.20.0-rc-3-ed9aea2f-dirty"
 }