@rio-cloud/rio-uikit 0.16.1-beta.23 → 0.16.1

package/styles/design/fonts.less

@@ -164,141 +164,141 @@
 
 // SCANIA FONT
 & when (@font-scania = true) {
-  @fontSCANIA: 'https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0';
+  @fontSCANIA: 'cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0';
 
   @font-face {
     font-family: 'Scania Sans';
     font-weight: bold;
     unicode-range: U+0400-04FF;
-    src: url('@{fontSCANIA}/cyrillic/ScaniaSansCY-Bold.woff') format('woff')
+    src: url('https://@{fontSCANIA}/cyrillic/ScaniaSansCY-Bold.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans';
     font-style: italic;
     unicode-range: U+0400-04FF;
-    src: url('@{fontSCANIA}/cyrillic/ScaniaSansCY-Italic.woff') format('woff')
+    src: url('https://@{fontSCANIA}/cyrillic/ScaniaSansCY-Italic.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans';
     unicode-range: U+0400-04FF;
-    src: url('@{fontSCANIA}/cyrillic/ScaniaSansCY-Regular.woff') format('woff')
+    src: url('https://@{fontSCANIA}/cyrillic/ScaniaSansCY-Regular.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Condensed';
     font-weight: bold;
     unicode-range: U+0400-04FF;
-    src: url('@{fontSCANIA}/cyrillic/ScaniaSansCYCondensed-Bold.woff') format('woff')
+    src: url('https://@{fontSCANIA}/cyrillic/ScaniaSansCYCondensed-Bold.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Condensed';
     font-style: italic;
     unicode-range: U+0400-04FF;
-    src: url('@{fontSCANIA}/cyrillic/ScaniaSansCYCondensed-Italic.woff') format('woff')
+    src: url('https://@{fontSCANIA}/cyrillic/ScaniaSansCYCondensed-Italic.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Condensed';
     unicode-range: U+0400-04FF;
-    src: url('@{fontSCANIA}/cyrillic/ScaniaSansCYCondensed-Regular.woff') format('woff')
+    src: url('https://@{fontSCANIA}/cyrillic/ScaniaSansCYCondensed-Regular.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Headline';
     font-weight: bold;
     unicode-range: U+0400-04FF;
-    src: url('@{fontSCANIA}/cyrillic/ScaniaSansCYHeadline-Bold.woff') format('woff')
+    src: url('https://@{fontSCANIA}/cyrillic/ScaniaSansCYHeadline-Bold.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Headline';
     unicode-range: U+0400-04FF;
-    src: url('@{fontSCANIA}/cyrillic/ScaniaSansCYHeadline-Regular.woff') format('woff')
+    src: url('https://@{fontSCANIA}/cyrillic/ScaniaSansCYHeadline-Regular.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Semi Condensed';
     font-weight: bold;
     unicode-range: U+0400-04FF;
-    src: url('@{fontSCANIA}/cyrillic/ScaniaSansCYSemiCondensed-Bold.woff') format('woff')
+    src: url('https://@{fontSCANIA}/cyrillic/ScaniaSansCYSemiCondensed-Bold.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Semi Condensed';
     font-style: italic;
     unicode-range: U+0400-04FF;
-    src: url('@{fontSCANIA}/cyrillic/ScaniaSansCYSemiCondensed-Italic.woff') format('woff')
+    src: url('https://@{fontSCANIA}/cyrillic/ScaniaSansCYSemiCondensed-Italic.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Semi Condensed';
     unicode-range: U+0400-04FF;
-    src: url('@{fontSCANIA}/cyrillic/ScaniaSansCYSemiCondensed-Regular.woff') format('woff')
+    src: url('https://@{fontSCANIA}/cyrillic/ScaniaSansCYSemiCondensed-Regular.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans';
     font-weight: bold;
-    src: url('@{fontSCANIA}/latin/ScaniaSans-Bold.woff') format('woff')
+    src: url('https://@{fontSCANIA}/latin/ScaniaSans-Bold.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans';
     font-style: italic;
-    src: url('@{fontSCANIA}/latin/ScaniaSans-Italic.woff') format('woff')
+    src: url('https://@{fontSCANIA}/latin/ScaniaSans-Italic.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans';
-    src: url('@{fontSCANIA}/latin/ScaniaSans-Regular.woff') format('woff')
+    src: url('https://@{fontSCANIA}/latin/ScaniaSans-Regular.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Condensed';
     font-weight: bold;
-    src: url('@{fontSCANIA}/latin/ScaniaSansCondensed-Bold.woff') format('woff')
+    src: url('https://@{fontSCANIA}/latin/ScaniaSansCondensed-Bold.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Condensed';
     font-style: italic;
-    src: url('@{fontSCANIA}/latin/ScaniaSansCondensed-Italic.woff') format('woff')
+    src: url('https://@{fontSCANIA}/latin/ScaniaSansCondensed-Italic.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Condensed';
-    src: url('@{fontSCANIA}/latin/ScaniaSansCondensed-Regular.woff') format('woff')
+    src: url('https://@{fontSCANIA}/latin/ScaniaSansCondensed-Regular.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Headline';
     font-weight: bold;
-    src: url('@{fontSCANIA}/latin/ScaniaSansHeadline-Bold.woff') format('woff')
+    src: url('https://@{fontSCANIA}/latin/ScaniaSansHeadline-Bold.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Headline';
-    src: url('@{fontSCANIA}/latin/ScaniaSansHeadline-Regular.woff') format('woff')
+    src: url('https://@{fontSCANIA}/latin/ScaniaSansHeadline-Regular.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Semi Condensed';
     font-weight: bold;
-    src: url('@{fontSCANIA}/latin/ScaniaSansSemiCondensed-Bold.woff') format('woff')
+    src: url('https://@{fontSCANIA}/latin/ScaniaSansSemiCondensed-Bold.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Semi Condensed';
     font-style: italic;
-    src: url('@{fontSCANIA}/latin/ScaniaSansSemiCondensed-Italic.woff') format('woff')
+    src: url('https://@{fontSCANIA}/latin/ScaniaSansSemiCondensed-Italic.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Semi Condensed';
-    src: url('@{fontSCANIA}/latin/ScaniaSansSemiCondensed-Regular.woff') format('woff')
+    src: url('https://@{fontSCANIA}/latin/ScaniaSansSemiCondensed-Regular.woff') format('woff')
   }
 }
 

package/styles/design/normalize.less

@@ -7,8 +7,6 @@
   }
 }
 
-/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
-
 //
 // 1. Set default font family to sans-serif.
 // 2. Prevent iOS and IE text size adjust after device orientation change,

package/styles/design/responsive/flexgrid.less

@@ -34,6 +34,9 @@
 .align-self-start@{suffix} { align-self: flex-start !important }
 .align-self-stretch@{suffix} { align-self: stretch !important }
 
+.place-items-center@{suffix} { place-items: center !important }
+.place-self-center@{suffix} { place-self: center !important }
+
 /* Flexbox - Helper */
 .flex-0-1@{suffix} { flex: 0 1 auto !important }
 .flex-1-0@{suffix} { flex: 1 0 auto !important }
@@ -70,9 +73,4 @@ each(@gridColumns, {
 .grid-colspan-auto@{suffix} { grid-column: auto !important }
 
 // AutoRows
-.grid-auto-rows@{suffix} { grid-auto-rows: minmax(min-content, max-content)}
-
-// Placement
-.place-items-center@{suffix} {
-  place-items: center !important;
-}
+.grid-auto-rows@{suffix} { grid-auto-rows: minmax(min-content, max-content)}

package/styles/design/responsive/sizing.less

@@ -10,6 +10,9 @@
 .max-height-0@{suffix} { max-height: 0 !important }
 .max-width-0@{suffix} { max-width: 0 !important }
 
+.max-width-none@{suffix} { max-width: none !important }
+.max-height-none@{suffix} { max-height: none !important }
+
 // width/height px
 each(@sizes-px, {
   // width

package/styles/design/tables.less

@@ -227,8 +227,10 @@
       &.table-checkbox {
         min-width: 40px;
         width: 40px;
+        max-width: 40px;
 
         &:first-child {
+          max-width: 50px;
           min-width: 50px;
           width: 50px;
         }
@@ -281,6 +283,9 @@
 
           &:first-child {
             padding-left: @table-cell-padding;
+            max-width: 50px;
+            min-width: 50px;
+            width: 50px;
           }
 
           // > .dropdown > .dropdown-toggle {

package/styles/mixins/panels.less

@@ -12,9 +12,9 @@
       border-top-color: @panel-border-color;
     }
 
-    .badge {
-      color: @text-color;
-      background-color: @panel-color;
+    .badge:not([class*="badge-"]) {
+      color: @gray-darkest;
+      background-color: @color-white;
     }
   }
 

package/styles/print/print.less

@@ -1,12 +1,28 @@
 // Print utils classes - WORK IN PROGRESS
+@media screen {
+    .only-printable {
+        display: none !important;
+    }
+}
+
 @media print {
-    @page { margin: 1cm }
+    @page { margin: 0 }
+    body { margin: 1.6cm }
 
     body,
     #root {
         background: transparent !important;
     }
 
+    html,
+    html:not(.window-iframe) {
+        background-color: #ffffff;
+    }
+
+    .scroll-to-top {
+        display: none !important;
+    }
+
     // Bootstrap Stuff
     *,
     *:before,
@@ -60,9 +76,14 @@
             display: none !important;
         }
 
+        .only-printable {
+            display: block !important;
+        }
+
         .ApplicationLayoutHeader,
         .ApplicationLayoutBody,
-        .ApplicationLayoutSidebar {
+        .ApplicationLayoutSidebar,
+        #uikit-root .modal {
             &:not(.print-area) {
                 display: none !important;
             }
@@ -72,7 +93,6 @@
         .ApplicationLayoutSidebar,
         .ApplicationLayoutSidebar .Sidebar {
             float: none !important;
-            //height: auto !important;
             overflow: visible !important;
             width: 100% !important;
         }
@@ -87,17 +107,29 @@
             .SidebarContent {
                 display: block !important;
 
-                .SidebarHeader,
                 .SidebarBody {
                     display: block !important;
                 }
 
+                .SidebarHeader,
                 .SidebarFooter {
                     display: none !important;
                 }
             }
         }
 
+        #uikit-root .modal {
+            width: 100% !important;
+
+            .modal-dialog .modal-content {
+                box-shadow: none !important;
+            }
+
+            .modal-backdrop {
+                display: none !important;
+            }
+        }
+
         // Components
         .table {
             display: table !important;

package/styles/rio-uikit-core.less

@@ -8,6 +8,7 @@
 @import (less) './design/normalize.less';
 
 // Styles // right order is important
+@import (less) './design/box-sizing.less';
 @import (less) './design/code.less';
 @import (less) './design/cols.less';
 @import (less) './design/tables.less';
@@ -70,7 +71,7 @@
 @import (less) './filter/_imports.less';
 
 // Print
-@import (less) './print/print.less';
+// @import (less) './print/print.less';
 
 // Component styles
 @import (less) './components/Activity.less';

package/styles/rio-uikit-print-utilities.less

@@ -1,6 +1,7 @@
 // Styles
 @import (less) './variables.less';
 @import (less) './mixins/_mixins.less';
+@import (less) './print/print.less';
 
 // Utility Classes
 @import (less) './design/responsive/_imports.less';

package/themes/Website/styles/rio-website.less

@@ -2208,11 +2208,11 @@ body:not(.legal-documents) {
   }
 
   &[class*="clip-top"]:after {
-    top: 0;
+    top: -1px;
   }
 
   &[class*="clip-bottom"]::after {
-    bottom: 0;
+    bottom: -1px;
   }
 
   &[class*="clip-white"]:after {

package/types.ts

@@ -588,7 +588,7 @@ export interface DomMarkerProps {
 
 export interface DropdownSubmenuProps {
     title?: string | React.ReactNode;
-    items?: MenuItemProps[];
+    items?: MenuItem[];
     disabled?: boolean;
     className?: string;
 }
@@ -769,15 +769,15 @@ export interface LineChartProps {
     tooltip?: ChartTooltip | boolean;
 }
 
-export interface ListMenuItems {
+export interface ListMenuItem {
     group?: string | React.ReactNode;
     groupNavItem?: React.ReactNode;
-    navItems: NavItems[];
+    navItems: NavItem[];
     isSubItem?: boolean;
 }
 
 export interface ListMenuProps {
-    menuItems: ListMenuItems[];
+    menuItems: ListMenuItem[];
     enableFilter?: boolean;
     focusFilter?: boolean;
     filterKey?: string;
@@ -808,7 +808,7 @@ export type markerColor =
     | 'bg-map-marker-geofence'
     | 'bg-map-marker-route';
 
-export interface MediaDialogMediaProps {
+export interface MediaDialogMedia {
     type: 'image' | 'video';
     src: string;
     title: string | React.ReactNode;
@@ -818,7 +818,7 @@ export interface MediaDialogMediaProps {
 }
 
 export interface MediaDialogProps extends BaseDialogProps {
-    media: MediaDialogMediaProps[];
+    media: MediaDialogMedia[];
     previousButtonText: string | React.ReactNode;
     previousButtonCallback?: Function;
     nextButtonText: string | React.ReactNode;
@@ -984,7 +984,7 @@ export interface MarkerLayerProps {
     clusterDissolvable?: boolean;
 }
 
-export interface MenuItemProps {
+export interface MenuItem {
     value?: string | React.ReactNode;
     disabled?: boolean;
     divider?: boolean;
@@ -1005,7 +1005,7 @@ interface MultiselectCounterMessage {
     many: string | React.ReactNode;
 }
 
-interface MultiselectOption {
+export interface MultiselectOption {
     id: string;
     label: string | React.ReactNode;
     selected?: boolean;
@@ -1023,7 +1023,7 @@ export interface MultiselectProps {
     pullRight?: boolean;
     autoDropDirection?: boolean;
     value?: [];
-    bsSize?: 'sm' | 'lg' | 'small' | 'large';
+    bsSize?: 'sm' | 'lg';
     disabled?: boolean;
     className?: string;
     tabIndex?: number;
@@ -1038,7 +1038,7 @@ export interface MultiselectProps {
 
 // N --------------------------------------------------------------------------------------------------
 
-export interface NavItems {
+export interface NavItem {
     key: string;
     item: React.ReactNode;
     disabled?: boolean;
@@ -1083,7 +1083,7 @@ export interface NumberControlProps {
     step?: number;
     disabled?: boolean;
     onValueChanged?: (value: number) => void;
-    bsSize?: 'sm' | 'lg' | 'small' | 'large';
+    bsSize?: 'sm' | 'lg';
     className?: string;
     unit?: string | React.ReactNode;
     inputAddon?: string;
@@ -1097,7 +1097,7 @@ export interface NumberInputProps {
     type?: string;
     disabled?: boolean;
     onValueChanged?: (value: number) => void;
-    bsSize?: 'sm' | 'lg' | 'small' | 'large';
+    bsSize?: 'sm' | 'lg';
     className?: string;
     unit?: string | React.ReactNode;
     inputAddon?: string;
@@ -1450,6 +1450,30 @@ export interface RouteProps {
     markers?: JSX.Element[];
 }
 
+export interface RulesWrapperProps {}
+
+export interface RuleContainerProps {
+    show: boolean;
+    unchecked: boolean;
+    background: string;
+    borderColor: string;
+    hideConnector: boolean;
+    customConnector: string | JSX.Element;
+    className: string;
+}
+
+export interface RuleConnectorProps {
+    placement: 'start' | 'center' | 'end';
+    icon: string;
+    hidden: boolean;
+    background: string;
+    pageBackground: string;
+    contentClassName: string;
+    hasBorder: boolean;
+    borderColor: string;
+    className: string;
+}
+
 // S --------------------------------------------------------------------------------------------------
 
 export interface SelectedSuggestion {
@@ -1533,7 +1557,7 @@ export interface SimpleButtonDropdownProps {
     noCaret?: boolean;
     splitButton?: boolean;
     usePortal?: boolean;
-    items: MenuItemProps[];
+    items: MenuItem[];
     className?: string;
     dropdownClassName?: string;
     disabled?: boolean;
@@ -1867,15 +1891,15 @@ export interface TagListProps {
     className?: string;
 }
 
-export interface TagManagerTagProp {
+export interface TagManagerTag {
     label?: string;
     toAdd?: boolean;
     toRemove?: boolean;
 }
 
 export interface TagManagerProps {
-    tagList: TagManagerTagProp[];
-    tagSuggestions: TagManagerTagProp[];
+    tagList: TagManagerTag[];
+    tagSuggestions: TagManagerTag[];
     onTagListChange?: Function;
     placeholder?: string;
     customTagPlaceholder?: string;

package/useAfterMount.d.ts

@@ -1,4 +1,4 @@
-declare module '@rio-cloud/rio-uikit/lib/es/useAfterMount' {
+declare module '@rio-cloud/rio-uikit/useAfterMount' {
     import { UseAfterMount } from './types';
     export default UseAfterMount;
 }

package/useClickOutside.d.ts

@@ -1,4 +1,4 @@
-declare module '@rio-cloud/rio-uikit/lib/es/useClickOutside' {
+declare module '@rio-cloud/rio-uikit/useClickOutside' {
     import { UseClickOutside } from './types';
     export default UseClickOutside;
 }

package/useClipboard.d.ts

@@ -1,4 +1,4 @@
-declare module '@rio-cloud/rio-uikit/lib/es/useClipboard' {
+declare module '@rio-cloud/rio-uikit/useClipboard' {
     import { UseClipboard } from './types';
     export default UseClipboard;
 }

package/useDebugInfo.d.ts

@@ -1,4 +1,4 @@
-declare module '@rio-cloud/rio-uikit/lib/es/useDebugInfo' {
+declare module '@rio-cloud/rio-uikit/useDebugInfo' {
     import { UseDebugInfo } from './types';
     export default UseDebugInfo;
 }

package/useEffectOnce.d.ts

@@ -1,4 +1,4 @@
-declare module '@rio-cloud/rio-uikit/lib/es/useEffectOnce' {
+declare module '@rio-cloud/rio-uikit/useEffectOnce' {
     import { UseEffectOnce } from './types';
     export default UseEffectOnce;
 }

package/useElementSize.d.ts

@@ -1,4 +1,4 @@
-declare module '@rio-cloud/rio-uikit/lib/es/useElementSize' {
+declare module '@rio-cloud/rio-uikit/useElementSize' {
     import { UseElementSize } from './types';
     export default UseElementSize;
 }

package/useEsc.d.ts

@@ -1,4 +1,4 @@
-declare module '@rio-cloud/rio-uikit/lib/es/useEsc' {
+declare module '@rio-cloud/rio-uikit/useEsc' {
     import { UseEsc } from './types';
     export default UseEsc;
 }

package/useEvent.d.ts

@@ -1,4 +1,4 @@
-declare module '@rio-cloud/rio-uikit/lib/es/useEvent' {
+declare module '@rio-cloud/rio-uikit/useEvent' {
     import { UseEvent } from './types';
     export default UseEvent;
 }

package/useFullscreen.d.ts

@@ -1,4 +1,4 @@
-declare module '@rio-cloud/rio-uikit/lib/es/useFullscreen' {
+declare module '@rio-cloud/rio-uikit/useFullscreen' {
     import { UseFullscreen } from './types';
     export default UseFullscreen;
 }

package/useInterval.d.ts

@@ -1,4 +1,4 @@
-declare module '@rio-cloud/rio-uikit/lib/es/useInterval' {
+declare module '@rio-cloud/rio-uikit/useInterval' {
     import { UseInterval } from './types';
     export default UseInterval;
 }

package/useKey.d.ts

@@ -1,4 +1,4 @@
-declare module '@rio-cloud/rio-uikit/lib/es/useKey' {
+declare module '@rio-cloud/rio-uikit/useKey' {
     import { UseKey } from './types';
     export default UseKey;
 }

package/useLocalStorage.d.ts

@@ -1,4 +1,4 @@
-declare module '@rio-cloud/rio-uikit/lib/es/useLocalStorage' {
+declare module '@rio-cloud/rio-uikit/useLocalStorage' {
     import { UseLocalStorage } from './types';
     export default UseLocalStorage;
 }

package/useOnScreen.d.ts

@@ -1,4 +1,4 @@
-declare module '@rio-cloud/rio-uikit/lib/es/useOnScreen' {
+declare module '@rio-cloud/rio-uikit/useOnScreen' {
     import { UseOnScreen } from './types';
     export default UseOnScreen;
 }

package/useOnlineStatus.d.ts

@@ -1,4 +1,4 @@
-declare module '@rio-cloud/rio-uikit/lib/es/useOnlineStatus' {
+declare module '@rio-cloud/rio-uikit/useOnlineStatus' {
     import { UseOnlineStatus } from './types';
     export default UseOnlineStatus;
 }

package/useRenderCount.d.ts

@@ -1,4 +1,4 @@
-declare module '@rio-cloud/rio-uikit/lib/es/useRenderCount' {
+declare module '@rio-cloud/rio-uikit/useRenderCount' {
     import { UseRenderCount } from './types';
     export default UseRenderCount;
 }

package/useResizeObserver.d.ts

@@ -1,4 +1,4 @@
-declare module '@rio-cloud/rio-uikit/lib/es/useResizeObserver' {
+declare module '@rio-cloud/rio-uikit/useResizeObserver' {
     import { UseResizeObserver } from './types';
     export default UseResizeObserver;
 }

package/useSessionStorage.d.ts

@@ -1,4 +1,4 @@
-declare module '@rio-cloud/rio-uikit/lib/es/useSessionStorage' {
+declare module '@rio-cloud/rio-uikit/useSessionStorage' {
     import { UseSessionStorage } from './types';
     export default UseSessionStorage;
 }

package/useStateWithValidation.d.ts

@@ -1,4 +1,4 @@
-declare module '@rio-cloud/rio-uikit/lib/es/useStateWithValidation' {
+declare module '@rio-cloud/rio-uikit/useStateWithValidation' {
     import { UseStateWithValidation } from './types';
     export default UseStateWithValidation;
 }

package/useTimeout.d.ts

@@ -1,4 +1,4 @@
-declare module '@rio-cloud/rio-uikit/lib/es/useTimeout' {
+declare module '@rio-cloud/rio-uikit/useTimeout' {
     import { UseTimeout } from './types';
     export default UseTimeout;
 }