@mediusinc/mng-commons 3.4.2 → 3.5.0

package/lib/components/pages/index.d.ts

@@ -1,2 +1,2 @@
-export * from './error/error-page.component';
-export * from './not-found/not-found-page.component';
+export * from './error/error.page.component';
+export * from './not-found/not-found.page.component';

package/lib/mng-commons.module.d.ts

@@ -92,8 +92,8 @@ import * as i87 from "./components/form/editor/form-editor.component";
 import * as i88 from "./components/action/action.component";
 import * as i89 from "./components/action/editor/action-editor.component";
 import * as i90 from "./components/action/localization/data-language-dropdown.component";
-import * as i91 from "./components/pages/error/error-page.component";
-import * as i92 from "./components/pages/not-found/not-found-page.component";
+import * as i91 from "./components/pages/error/error.page.component";
+import * as i92 from "./components/pages/not-found/not-found.page.component";
 export declare const primeNgModules: (typeof InputTextModule)[];
 export declare class MngCommonsModule {
     static forRoot(config: MngModuleConfig): ModuleWithProviders<MngCommonsModule>;

package/lib/services/action-executor.service.d.ts

@@ -45,10 +45,6 @@ export declare class MngActionExecutorService {
      * running next/error action and triggering dismiss of action. Confirmation
      *
      * @param ctx Action context to run.
-     * @param parameters Action parameters for context.
-     * @param dataProvider Editor data provider for context.
-     * @param instance Optional existing action instance (if non provided, new will be created).
-     * @param previousActionInstance Optional previous action instance to link in next instance.
      *
      * @return Action context for submit (=run) function.
      */
@@ -80,12 +76,11 @@ export declare class MngActionExecutorService {
     /**
      * Prepares action exec context for action of type editor.
      *
-     * @param item Item instance (if exists).
-     * @param itemId Item id (if exists).
-     * @param dataProvider Data provider.
-     * @param sourceComponent Source component from where the context preparation was called.
-     * @param viewContainer View container/service.
-     * @param actionData Additional action data.
+     * @param instance Action instance.
+     * @param parameters Action parameters for context.
+     * @param functionName Action function name parameter.
+     * @param dataProvider Optional data provider. If not provided data provider from either the action editor or view container will be used.
+     * @param previousActionInstance Optional previous action instance to link in next instance.
      */
     private prepareContextForEditor;
     /**
@@ -116,6 +111,7 @@ export declare class MngActionExecutorService {
      * To be called when action editor is initialized to correctly activate action.
      * @param action Action descriptor.
      * @param instance Action instance (if available).
+     * @param componentRef Optional action editor component reference.
      */
     onActionEditorInit<T, S>(action: ActionDescriptor<T>, instance?: ActionInstance<T, S>, componentRef?: IActionEditorComponent): ActionInstance<T, S>;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mediusinc/mng-commons",
-  "version": "3.4.2",
+  "version": "3.5.0",
   "peerDependencies": {
     "@angular/animations": "^16.0.0",
     "@angular/common": "^16.0.0",
@@ -10,7 +10,7 @@
     "@angular/router": "^16.0.0",
     "@ngx-formly/core": "^6.1.3",
     "@ngx-translate/core": "^14.0.0",
-    "primeng": ">=16.0.0 <16.5.0"
+    "primeng": "^16.5.0"
   },
   "dependencies": {
     "reflect-metadata": "^0.1.13",

package/scss/mng-overrides/_theme_autocomplete.scss

@@ -1,16 +1,31 @@
-//clear icon
-p-autocomplete.p-autocomplete-clearable {
-    & .p-inputtext {
-        padding-right: 2rem;
+p-autocomplete {
+    // Merging input field with button so they look like one
+    & .p-autocomplete-input {
+        margin-right: -1px;
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+        border-right-color: transparent !important;
     }
 
-    & .p-autocomplete-clear-icon {
-        color: $secondaryButtonTextColor;
-        right: 0.5rem;
+    & .p-autocomplete-dropdown {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
     }
 
-    & .p-autocomplete-dd .p-autocomplete-clear-icon {
-        color: $secondaryButtonTextColor;
-        right: 2.857rem;
+    //clear icon
+    & .p-autocomplete-clearable {
+        & .p-inputtext {
+            padding-right: 2rem;
+        }
+
+        & .p-autocomplete-clear-icon {
+            color: $secondaryButtonTextColor;
+            right: 0.5rem;
+        }
+
+        & .p-autocomplete-dd .p-autocomplete-clear-icon {
+            color: $secondaryButtonTextColor;
+            right: 2.857rem;
+        }
     }
 }

package/scss/mng-overrides/_theme_datepicker.scss

@@ -5,3 +5,17 @@
         }
     }
 }
+
+p-calendar {
+    & .p-inputtext {
+        margin-right: -1px;
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+        border-right-color: transparent !important;
+    }
+
+    & .p-datepicker-trigger {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+    }
+}

package/scss/mng-overrides/_theme_input.scss

@@ -1,4 +1,27 @@
 // This makes number input fields have the same height as the other input fields inside filter row in tables
-.p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
-    flex-basis: 0;
+.p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group {
+    & .p-button.p-inputnumber-button {
+        flex-basis: 0;
+    }
+
+    // The following two class overrides change button radius so it looks like the buttons are merged together with input field
+    & .p-inputnumber-button-up {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+        border-bottom-right-radius: 0;
+    }
+
+    & .p-inputnumber-button-down {
+        border-top-left-radius: 0;
+        border-top-right-radius: 0;
+        border-bottom-left-radius: 0;
+    }
+}
+
+// Margin is used to hide default miter joint for border, we also hide the right border, so it does not look like the button width changes when we click on the field
+p-columnfilterformelement .p-inputnumber-input {
+    margin-right: -1px;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    border-right-color: transparent !important;
 }

package/scss/mng-overrides/_theme_styles.scss

@@ -13,7 +13,4 @@
 @import './theme_menu';
 @import './_theme_input';
 @import './theme_multiselect';
-
-.p-tabview-title-error {
-    color: $errorColor !important;
-}
+@import './theme_tabview';

package/scss/mng-overrides/_theme_tabview.scss

@@ -0,0 +1,11 @@
+.p-tabview-title-error {
+    color: $errorColor !important;
+}
+
+.p-tabview-nav-btn.p-link {
+    background: $primaryTextColor;
+    color: $primaryColor;
+    border-radius: 0;
+    width: 3rem;
+    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}