@rio-cloud/rio-uikit 0.16.3-beta.5 → 0.16.3-beta.6

package/README.md

@@ -22,7 +22,6 @@ Create a new development beta version:
 1. Update the `package.json`. Example `0.16.3-beta.1`
 2. Update the `src/version.json`. Example `0.16.3-beta.1`
 3. run `npm i` or update `package-lock.json`. Example `0.16.3-beta.1`
-4. Update the `uikit-demo/package.json`. Example `0.16.3`
 
 ## Development
 

package/TableViewToggles.d.ts

@@ -2,6 +2,8 @@ declare module '@rio-cloud/rio-uikit/TableViewToggles' {
     import React from 'react';
     import { TableViewTogglesProps, TableViewTogglesValues } from './types';
 
+    export { TableViewTogglesValues } from './types';
+
     export default class TableViewToggles extends React.Component<TableViewTogglesProps> {
         public static VIEW_TYPE_SINGLE_CARD: TableViewTogglesValues.VIEW_TYPE_SINGLE_CARD;
         public static VIEW_TYPE_MULTI_CARDS: TableViewTogglesValues.VIEW_TYPE_MULTI_CARDS;

package/lib/es/TableViewToggles.d.ts

@@ -2,6 +2,8 @@ declare module '@rio-cloud/rio-uikit/lib/es/TableViewToggles' {
     import React from 'react';
     import { TableViewTogglesProps, TableViewTogglesValues } from './types';
 
+    export { TableViewTogglesValues } from './types';
+
     export default class TableViewToggles extends React.Component<TableViewTogglesProps> {
         public static VIEW_TYPE_SINGLE_CARD: TableViewTogglesValues.VIEW_TYPE_SINGLE_CARD;
         public static VIEW_TYPE_MULTI_CARDS: TableViewTogglesValues.VIEW_TYPE_MULTI_CARDS;

package/lib/es/styles/components/ApplicationHeader.less

@@ -335,18 +335,6 @@
           pointer-events: none;
         }
       }
-
-      iframe {
-        &.iFrameResizer,
-        &[id*="iFrameResizer"] {
-          &[style*="height: 1px"],
-          &[style*="width: 1337px"] {
-            width: calc(~"100vw - 100px") !important;
-            max-width: 1550px !important;
-            min-width: 300px !important;
-          }
-        }
-      }
     }
   }
 
@@ -488,3 +476,33 @@
     }
   }
 }
+
+// Application Menu Iframe
+
+.ModuleNavigation .dropdown-menu > li {
+  iframe {
+    &.iFrameResizer,
+    &[id*="iFrameResizer"] {
+      &[style*="height: 750px"],
+      &.extendedMenu  {
+        max-height: calc(~"100vh - 80px") !important;
+        max-width: 1550px !important;
+        min-width: 300px !important;
+        width: calc(~"100vw - 100px") !important;
+      }
+    }
+  }
+}
+
+.MobileHeaderModal {
+  iframe {
+    &.iFrameResizer,
+    &[id*="iFrameResizer"] {
+      &[style*="height: 750px"],
+      &.extendedMenu  {
+        height: calc(~"100% - 20px") !important;
+        margin-top: 20px !important;
+      }
+    }
+  }
+}

package/lib/es/version.json

@@ -1,3 +1,3 @@
 {
-    "version": "0.16.3-beta.5"
+    "version": "0.16.3-beta.6"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rio-cloud/rio-uikit",
-    "version": "0.16.3-beta.5",
+    "version": "0.16.3-beta.6",
     "description": "The RIO UIKIT component library",
     "repository": "https://collaboration.msi.audi.com/stash/projects/RIOFRONT/repos/uikit-web/browse",
     "scripts": {

package/styles/components/ApplicationHeader.less

@@ -335,18 +335,6 @@
           pointer-events: none;
         }
       }
-
-      iframe {
-        &.iFrameResizer,
-        &[id*="iFrameResizer"] {
-          &[style*="height: 1px"],
-          &[style*="width: 1337px"] {
-            width: calc(~"100vw - 100px") !important;
-            max-width: 1550px !important;
-            min-width: 300px !important;
-          }
-        }
-      }
     }
   }
 
@@ -488,3 +476,33 @@
     }
   }
 }
+
+// Application Menu Iframe
+
+.ModuleNavigation .dropdown-menu > li {
+  iframe {
+    &.iFrameResizer,
+    &[id*="iFrameResizer"] {
+      &[style*="height: 750px"],
+      &.extendedMenu  {
+        max-height: calc(~"100vh - 80px") !important;
+        max-width: 1550px !important;
+        min-width: 300px !important;
+        width: calc(~"100vw - 100px") !important;
+      }
+    }
+  }
+}
+
+.MobileHeaderModal {
+  iframe {
+    &.iFrameResizer,
+    &[id*="iFrameResizer"] {
+      &[style*="height: 750px"],
+      &.extendedMenu  {
+        height: calc(~"100% - 20px") !important;
+        margin-top: 20px !important;
+      }
+    }
+  }
+}

package/version.json

@@ -1,3 +1,3 @@
 {
-    "version": "0.16.3-beta.5"
+    "version": "0.16.3-beta.6"
 }