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

package/styles/components/Dropdown.less

@@ -1,7 +1,9 @@
 @dropdown-max-height: 211px; // Used for Select and AutoSuggest components
 
-.btn-group.open .dropdown-toggle {
-  box-shadow: none !important;
+.btn-group {
+  &.open .dropdown-toggle {
+    box-shadow: none !important;
+  }
 }
 
 .dropdown {
@@ -18,6 +20,7 @@
     padding: 0;
     position: absolute;
     text-align: left;
+    //width: 100%;
     z-index: @zindex-dropdown;
 
     // closed by default
@@ -28,6 +31,12 @@
       display: block;
     }
 
+    .AutoSuggest &,
+    .select &,
+    .multiselect & {
+      width: 100%;
+    }
+
     // portal style
     #uikit-root > & {
       display: block;

package/styles/components/Select.less

@@ -162,13 +162,17 @@
   .dropdown-menu {
     max-height: @dropdown-max-height;
     overflow-x: hidden;
-    width: 100%; // not on dropdowns, only on selects
 
     svg {
       margin-right: 0.5em;
       vertical-align: middle;
     }
 
+    &.pull-right {
+      left: auto !important;
+      right: 0 !important;
+    }
+
     > li {
       > a.focus {
         text-decoration: none;
@@ -189,11 +193,6 @@
     }
   }
 
-  &.pull-right {
-    left: auto !important;
-    right: 0 !important;
-  }
-
   &.dropup.open .dropdown-menu {
     bottom: 0;
     left: 0;

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/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;
@@ -1557,7 +1557,7 @@ export interface SimpleButtonDropdownProps {
     noCaret?: boolean;
     splitButton?: boolean;
     usePortal?: boolean;
-    items: MenuItemProps[];
+    items: MenuItem[];
     className?: string;
     dropdownClassName?: string;
     disabled?: boolean;
@@ -1891,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/version.json

@@ -1,3 +1,3 @@
 {
-"version": "0.16.1-beta.24"
+"version": "0.16.1"
 }

package/BoxConnector.js

@@ -1,2 +0,0 @@
-import { default as _BoxConnector } from './components/boxConnector/BoxConnector';
-export { _BoxConnector as default };

package/components/boxConnector/BoxConnector.js

@@ -1,40 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["pageBackground", "boxBackground", "icon", "contentClassName", "className", "hasBorder", "borderColor", "children"];
-var getBorderColorFromBg = function getBorderColorFromBg(bg) {
-  return bg.replace('bg', 'border-color');
-};
-var BoxConnector = function BoxConnector(props) {
-  var pageBackground = props.pageBackground,
-    boxBackground = props.boxBackground,
-    icon = props.icon,
-    contentClassName = props.contentClassName,
-    className = props.className,
-    hasBorder = props.hasBorder,
-    borderColor = props.borderColor,
-    children = props.children,
-    remainingProps = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React.createElement("div", _extends({}, remainingProps, {
-    className: "height-20 display-flex justify-content-center align-items-center position-relative ".concat(className)
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "width-20 height-20 rounded-circle ".concat(pageBackground, " position-relative z-index-1 margin-right--10 ").concat(hasBorder ? "border border-right-only ".concat(borderColor) : '')
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "".concat(boxBackground, " ").concat(hasBorder ? "border ".concat(getBorderColorFromBg(boxBackground)) : '', " padding-left-20 padding-right-20")
-  }, /*#__PURE__*/React.createElement("span", {
-    className: contentClassName
-  }, children ? children : /*#__PURE__*/React.createElement("span", {
-    className: "rioglyph ".concat(icon)
-  }))), /*#__PURE__*/React.createElement("span", {
-    className: "width-20 height-20 rounded-circle ".concat(pageBackground, " position-relative z-index-1 margin-left--10 ").concat(hasBorder ? "border border-left-only ".concat(borderColor) : '')
-  }));
-};
-BoxConnector.defaultProps = {
-  pageBackground: 'bg-white',
-  boxBackground: 'bg-lightest',
-  icon: 'rioglyph-plus',
-  contentClassName: 'text-color-light',
-  hasBorder: false,
-  borderColor: '',
-  className: ''
-};
-export default BoxConnector;

package/lib/es/BoxConnector.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _BoxConnector2["default"];
-  }
-});
-var _BoxConnector2 = _interopRequireDefault(require("./components/boxConnector/BoxConnector"));

package/lib/es/components/boxConnector/BoxConnector.js

@@ -1,48 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _excluded = ["pageBackground", "boxBackground", "icon", "contentClassName", "className", "hasBorder", "borderColor", "children"];
-var getBorderColorFromBg = function getBorderColorFromBg(bg) {
-  return bg.replace('bg', 'border-color');
-};
-var BoxConnector = function BoxConnector(props) {
-  var pageBackground = props.pageBackground,
-    boxBackground = props.boxBackground,
-    icon = props.icon,
-    contentClassName = props.contentClassName,
-    className = props.className,
-    hasBorder = props.hasBorder,
-    borderColor = props.borderColor,
-    children = props.children,
-    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, remainingProps, {
-    className: "height-20 display-flex justify-content-center align-items-center position-relative ".concat(className)
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "width-20 height-20 rounded-circle ".concat(pageBackground, " position-relative z-index-1 margin-right--10 ").concat(hasBorder ? "border border-right-only ".concat(borderColor) : '')
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "".concat(boxBackground, " ").concat(hasBorder ? "border ".concat(getBorderColorFromBg(boxBackground)) : '', " padding-left-20 padding-right-20")
-  }, /*#__PURE__*/React.createElement("span", {
-    className: contentClassName
-  }, children ? children : /*#__PURE__*/React.createElement("span", {
-    className: "rioglyph ".concat(icon)
-  }))), /*#__PURE__*/React.createElement("span", {
-    className: "width-20 height-20 rounded-circle ".concat(pageBackground, " position-relative z-index-1 margin-left--10 ").concat(hasBorder ? "border border-left-only ".concat(borderColor) : '')
-  }));
-};
-BoxConnector.defaultProps = {
-  pageBackground: 'bg-white',
-  boxBackground: 'bg-lightest',
-  icon: 'rioglyph-plus',
-  contentClassName: 'text-color-light',
-  hasBorder: false,
-  borderColor: '',
-  className: ''
-};
-var _default = BoxConnector;
-exports["default"] = _default;