@rio-cloud/rio-uikit 0.15.0 → 0.16.0-beta-2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (222) hide show
  1. package/README.md +46 -3
  2. package/lib/components/actionBarItem/ActionBarItem.js +4 -4
  3. package/lib/components/actionBarItem/ActionBarItemPopoverContent.js +43 -0
  4. package/lib/components/actionBarItem/ActionBarOverlay.js +8 -3
  5. package/lib/components/applicationHeader/AppMenuDropdown.js +9 -13
  6. package/lib/components/applicationLayout/ApplicationLayout.js +7 -9
  7. package/lib/components/applicationLayout/ApplicationLayoutBody.js +5 -3
  8. package/lib/components/assetTree/AssetTree.js +1 -1
  9. package/lib/components/assetTree/Tree.js +2 -2
  10. package/lib/components/assetTree/TreeLeaf.js +9 -9
  11. package/lib/components/bottomSheet/BottomSheet.js +11 -7
  12. package/lib/components/browserWarning/BrowserIcons.js +76 -0
  13. package/lib/components/browserWarning/BrowserWarning.js +4 -4
  14. package/lib/components/browserWarning/BrowserWarningMessageDE.js +20 -22
  15. package/lib/components/browserWarning/BrowserWarningMessageEN.js +20 -22
  16. package/lib/components/carousel/Carousel.js +7 -426
  17. package/lib/components/checkbox/Checkbox.js +4 -4
  18. package/lib/components/datepicker/DatePicker.js +15 -6
  19. package/lib/components/dialog/ConfirmationDialog.js +8 -6
  20. package/lib/components/dialog/SaveDialog.js +3 -1
  21. package/lib/components/dropdown/ButtonDropdown.js +149 -181
  22. package/lib/components/listMenu/ListMenu.js +40 -23
  23. package/lib/components/map/components/features/old/MapSettings.js +5 -5
  24. package/lib/components/map/components/features/old/settings/MapClusterSettings.js +13 -13
  25. package/lib/components/map/components/features/old/settings/MapLayerSettings.js +15 -15
  26. package/lib/components/map/components/features/old/settings/MapTypeSettings.js +20 -20
  27. package/lib/components/map/components/features/settings/ZoomButtons.js +10 -10
  28. package/lib/components/map/components/features/settings/builtinSettings/MapClusterSettings.js +20 -18
  29. package/lib/components/map/components/features/settings/builtinSettings/MapLayerSettings.js +8 -8
  30. package/lib/components/map/components/features/settings/builtinSettings/MapTypeSettings.js +42 -32
  31. package/lib/components/map/components/features/settings/buttons/MapBoundingBoxButton.js +8 -8
  32. package/lib/components/map/components/features/settings/buttons/MapCenterMarkerButton.js +8 -8
  33. package/lib/components/map/components/features/settings/buttons/MapLockMarkerButton.js +8 -8
  34. package/lib/components/map/components/features/settings/items/MapCustomerPoiSettingsItem.js +8 -8
  35. package/lib/components/map/components/features/settings/items/MapLayerIncidentsItem.js +8 -6
  36. package/lib/components/map/components/features/settings/items/MapLayerRoadRestrictionsItem.js +8 -6
  37. package/lib/components/map/components/features/settings/items/MapLayerTrafficItem.js +8 -6
  38. package/lib/components/map/components/features/settings/items/MapWorkshopPoiSettingsItem.js +8 -8
  39. package/lib/components/map/icons/MapIcon.js +500 -0
  40. package/lib/components/numberInput/NumberInput.js +6 -6
  41. package/lib/components/onboarding/OnboardingTip.js +9 -9
  42. package/lib/components/states/NotBookedState.js +2 -2
  43. package/lib/components/table/TableSettingsDialogFooter.js +1 -1
  44. package/lib/components/teaser/Teaser.js +1 -1
  45. package/lib/components/teaser/TeaserContainer.js +8 -8
  46. package/lib/components/tooltip/Tooltip.js +5 -5
  47. package/lib/es/DeviceUtils.d.ts +4 -2
  48. package/lib/es/SortDirection.d.ts +5 -0
  49. package/lib/es/deviceUtils.js +12 -0
  50. package/lib/es/useFullscreen.js +15 -0
  51. package/lib/hooks/useClipboard.js +2 -2
  52. package/lib/hooks/useFullscreen.js +244 -0
  53. package/lib/style/css/_exports/man-uikit.less +7 -5
  54. package/lib/style/css/_exports/rio-buyButton.less +30 -41
  55. package/lib/style/css/_exports/rio-uikit-core.less +106 -127
  56. package/lib/style/css/_exports/rio-uikit-print-utilities.less +6 -11
  57. package/lib/style/css/_exports/rio-uikit-responsive-utilities.less +6 -11
  58. package/lib/style/css/_exports/rio-uikit.less +5 -4
  59. package/lib/style/css/_exports/rio-website.less +49 -13
  60. package/lib/style/css/_exports/vw-uikit.less +10 -8
  61. package/lib/style/css/animations/_imports.less +9 -0
  62. package/lib/style/css/animations/collapse.less +16 -0
  63. package/lib/style/css/animations/fade.less +28 -0
  64. package/lib/style/css/animations/pinging.less +7 -0
  65. package/lib/style/css/animations/rotate.less +52 -0
  66. package/lib/style/css/animations/scale.less +35 -0
  67. package/lib/style/css/animations/slide.less +39 -0
  68. package/lib/style/css/animations/spinning.less +4 -0
  69. package/lib/style/css/animations/transition.less +129 -0
  70. package/lib/style/css/animations/translate.less +28 -0
  71. package/lib/style/css/bootstrap/dropdowns.less +10 -3
  72. package/lib/style/css/bootstrap/forms.less +38 -36
  73. package/lib/style/css/bootstrap/input-groups.less +4 -0
  74. package/lib/style/css/bootstrap/mixins/forms.less +1 -1
  75. package/lib/style/css/components/Activity.less +93 -0
  76. package/lib/style/css/components/ApplicationHeader.less +438 -0
  77. package/lib/style/css/components/ApplicationLayout.less +236 -0
  78. package/lib/style/css/components/AssetTree.less +443 -0
  79. package/lib/style/css/components/AutoSuggest.less +22 -0
  80. package/lib/style/css/components/BottomSheet.less +14 -0
  81. package/lib/style/css/components/Carousel.less +212 -0
  82. package/lib/style/css/components/Checkbox.less +224 -0
  83. package/lib/style/css/components/ClearableInput.less +115 -0
  84. package/lib/style/css/components/Counter.less +142 -0
  85. package/lib/style/css/components/DataTabs.less +100 -0
  86. package/lib/style/css/components/DatePicker.less +391 -0
  87. package/lib/style/css/components/Dialog.less +482 -0
  88. package/lib/style/css/components/Dropdown.less +186 -0
  89. package/lib/style/css/components/Expander.less +196 -0
  90. package/lib/style/css/components/FilePicker.less +8 -0
  91. package/lib/style/css/components/ListMenu.less +77 -0
  92. package/lib/style/css/components/MapHere.less +91 -0
  93. package/lib/style/css/components/MapMarker.less +347 -0
  94. package/lib/style/css/components/MapSettings.less +140 -0
  95. package/lib/style/css/components/NoData.less +8 -0
  96. package/lib/style/css/components/Notification.less +234 -0
  97. package/lib/style/css/components/RadioButton.less +173 -0
  98. package/lib/style/css/components/Resizer.less +43 -0
  99. package/lib/style/css/components/Select.less +272 -0
  100. package/lib/style/css/components/Sidebar.less +157 -0
  101. package/lib/style/css/components/Slider.less +278 -0
  102. package/lib/style/css/components/Spinner.less +49 -0
  103. package/lib/style/css/components/StatsWidget.less +111 -0
  104. package/lib/style/css/components/SteppedProgressBar.less +323 -0
  105. package/lib/style/css/components/SupportMarker.less +34 -0
  106. package/lib/style/css/components/Switch.less +145 -0
  107. package/lib/style/css/components/TableSettingsDialog.less +96 -0
  108. package/lib/style/css/components/TableSortArrows.less +54 -0
  109. package/lib/style/css/components/TableToolbar.less +121 -0
  110. package/lib/style/css/components/Tag.less +246 -0
  111. package/lib/style/css/components/TagManager.less +4 -0
  112. package/lib/style/css/components/Teaser.less +12 -0
  113. package/lib/style/css/components/Timeline.less +69 -0
  114. package/lib/style/css/components/Tooltip.less +261 -0
  115. package/lib/style/css/design/alerts.less +55 -0
  116. package/lib/style/css/design/aspect-ratio.less +23 -0
  117. package/lib/style/css/design/badges.less +120 -0
  118. package/lib/style/css/design/blockquote.less +49 -0
  119. package/lib/style/css/design/border.less +192 -0
  120. package/lib/style/css/design/breadcrumbs.less +20 -0
  121. package/lib/style/css/design/button-groups.less +194 -0
  122. package/lib/style/css/design/buttons.less +540 -0
  123. package/lib/style/css/design/callouts.less +27 -0
  124. package/lib/style/css/design/caret.less +28 -0
  125. package/lib/style/css/design/close.less +12 -0
  126. package/lib/style/css/design/code.less +45 -0
  127. package/lib/style/css/design/colors.less +202 -0
  128. package/lib/style/css/design/cols.less +56 -0
  129. package/lib/style/css/design/container.less +29 -0
  130. package/lib/style/css/design/cursors.less +19 -0
  131. package/lib/style/css/design/custom.less +20 -0
  132. package/lib/style/css/design/ellipsis.less +46 -0
  133. package/lib/style/css/design/flexgrid.less +7 -0
  134. package/lib/style/css/design/fonts.less +318 -0
  135. package/lib/style/css/design/form-input-groups.less +245 -0
  136. package/lib/style/css/design/form-inputs.less +655 -0
  137. package/lib/style/css/design/iframe.less +80 -0
  138. package/lib/style/css/design/images.less +47 -0
  139. package/lib/style/css/design/labels.less +66 -0
  140. package/lib/style/css/design/list-group.less +95 -0
  141. package/lib/style/css/design/navs.less +254 -0
  142. package/lib/style/css/design/normalize.less +436 -0
  143. package/lib/style/css/design/opacity.less +26 -0
  144. package/lib/style/css/design/overflow.less +1 -0
  145. package/lib/style/css/design/pagination.less +161 -0
  146. package/lib/style/css/design/panels.less +105 -0
  147. package/lib/style/css/design/popovers.less +117 -0
  148. package/lib/style/css/design/position.less +16 -0
  149. package/lib/style/css/design/progress-bars.less +131 -0
  150. package/lib/style/css/design/responsive/_imports.less +68 -0
  151. package/lib/style/css/design/responsive/backgrounds.less +32 -0
  152. package/lib/style/css/design/responsive/display.less +9 -0
  153. package/lib/style/css/design/responsive/flexgrid.less +75 -0
  154. package/lib/style/css/design/responsive/floating.less +4 -0
  155. package/lib/style/css/design/responsive/gap.less +41 -0
  156. package/lib/style/css/design/responsive/hyphens.less +14 -0
  157. package/lib/style/css/design/responsive/margin.less +127 -0
  158. package/lib/style/css/design/responsive/overflow.less +16 -0
  159. package/lib/style/css/design/responsive/padding.less +71 -0
  160. package/lib/style/css/design/responsive/position.less +102 -0
  161. package/lib/style/css/design/responsive/sizing.less +115 -0
  162. package/lib/style/css/design/responsive/text.less +71 -0
  163. package/lib/style/css/design/responsive/visibility.less +115 -0
  164. package/lib/style/css/design/responsive-embed.less +31 -0
  165. package/lib/style/css/design/responsive-video.less +22 -0
  166. package/lib/style/css/design/rioglyph.less +24 -0
  167. package/lib/style/css/design/rounded.less +44 -0
  168. package/lib/style/css/design/shadows.less +65 -0
  169. package/lib/style/css/design/tables.less +854 -0
  170. package/lib/style/css/design/text.less +201 -0
  171. package/lib/style/css/design/theme.less +200 -0
  172. package/lib/style/css/design/thumbnails.less +29 -0
  173. package/lib/style/css/design/transition.less +33 -0
  174. package/lib/style/css/design/type.less +159 -0
  175. package/lib/style/css/design/utilities.less +75 -0
  176. package/lib/style/css/design/visibilty.less +38 -0
  177. package/lib/style/css/design/wells.less +17 -0
  178. package/lib/style/css/design/z-index.less +21 -0
  179. package/lib/style/css/mapping/breakpoint-map.less +44 -0
  180. package/lib/style/css/mapping/color-map.less +200 -0
  181. package/lib/style/css/mapping/cols-map.less +15 -0
  182. package/lib/style/css/mapping/numbers-map.less +16 -0
  183. package/lib/style/css/mapping/positions-map.less +21 -0
  184. package/lib/style/css/mapping/sizes-map.less +129 -0
  185. package/lib/style/css/mapping/spacings-map.less +28 -0
  186. package/lib/style/css/mixins/_mixins.less +13 -0
  187. package/lib/style/css/mixins/alerts.less +13 -0
  188. package/lib/style/css/mixins/border-radius.less +16 -0
  189. package/lib/style/css/mixins/buttons.less +117 -0
  190. package/lib/style/css/mixins/clearfix.less +9 -0
  191. package/lib/style/css/mixins/cols.less +59 -0
  192. package/lib/style/css/mixins/forms.less +61 -0
  193. package/lib/style/css/mixins/panels.less +27 -0
  194. package/lib/style/css/mixins/placeholder.less +17 -0
  195. package/lib/style/css/mixins/reset.less +27 -0
  196. package/lib/style/css/mixins/sizings.less +21 -0
  197. package/lib/style/css/mixins/spinner.less +30 -0
  198. package/lib/style/css/mixins/table.less +26 -0
  199. package/lib/style/css/mixins/tabs.less +4 -0
  200. package/lib/style/css/mixins/text.less +5 -0
  201. package/lib/style/css/print/print.less +1 -4
  202. package/lib/style/css/rio-theme/alerts.less +23 -61
  203. package/lib/style/css/rio-theme/badges.less +16 -28
  204. package/lib/style/css/rio-theme/blockquote.less +14 -97
  205. package/lib/style/css/rio-theme/dropdowns.less +2 -2
  206. package/lib/style/css/rio-theme/forms.less +49 -20
  207. package/lib/style/css/rio-theme/input-groups.less +44 -25
  208. package/lib/style/css/rio-theme/mixins/alerts.less +13 -1
  209. package/lib/style/css/rio-theme/variables.less +1 -0
  210. package/lib/style/css/shared/colors.json +1 -1
  211. package/lib/style/css/shared/colors.less +11 -8
  212. package/lib/style/css/shared/text.less +6 -5
  213. package/lib/style/css/utils/responsive/grid.less +15 -6
  214. package/lib/style/css/utils/rounded.less +1 -0
  215. package/lib/style/css/variables.less +179 -0
  216. package/lib/style/fonts/rioglyph/rioglyph.less +1 -11
  217. package/lib/types.ts +42 -59
  218. package/lib/utils/buttonEffect.js +11 -4
  219. package/lib/utils/deviceUtils.js +28 -33
  220. package/lib/utils/init.js +174 -0
  221. package/lib/version.json +1 -1
  222. package/package.json +61 -34
@@ -19,9 +19,7 @@ var _constants = require("../../../constants");
19
19
 
20
20
  var _MapSettingsItem = _interopRequireDefault(require("../MapSettingsItem"));
21
21
 
22
- var _icon_map_settings_construction_active = _interopRequireDefault(require("../../../../assets/icon_map_settings_construction_active.svg"));
23
-
24
- var _icon_map_settings_construction_inactive = _interopRequireDefault(require("../../../../assets/icon_map_settings_construction_inactive.svg"));
22
+ var _MapIcon = require("../../../../icons/MapIcon");
25
23
 
26
24
  var _excluded = ["activeBuiltinLayers", "onMapLayerChange", "onToggle"];
27
25
 
@@ -37,11 +35,15 @@ var MapLayerIncidentsItem = function MapLayerIncidentsItem(props) {
37
35
  };
38
36
 
39
37
  return /*#__PURE__*/_react.default.createElement(_MapSettingsItem.default, (0, _extends2.default)({
40
- className: 'MapLayerIncidents',
38
+ className: "MapLayerIncidents",
41
39
  onClick: handleToggle,
42
40
  isActive: activeBuiltinLayers.includes(_constants.MAP_LAYER_INCIDENTS),
43
- activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_construction_active.default, null),
44
- inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_construction_inactive.default, null)
41
+ activeIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
42
+ name: _MapIcon.CONSTRUCTION_ACTIVE
43
+ }),
44
+ inactiveIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
45
+ name: _MapIcon.CONSTRUCTION_INACTIVE
46
+ })
45
47
  }, remainingProps));
46
48
  };
47
49
 
@@ -19,9 +19,7 @@ var _constants = require("../../../constants");
19
19
 
20
20
  var _MapSettingsItem = _interopRequireDefault(require("../MapSettingsItem"));
21
21
 
22
- var _icon_map_settings_road_restrictions_active = _interopRequireDefault(require("../../../../assets/icon_map_settings_road_restrictions_active.svg"));
23
-
24
- var _icon_map_settings_road_restrictions_inactive = _interopRequireDefault(require("../../../../assets/icon_map_settings_road_restrictions_inactive.svg"));
22
+ var _MapIcon = require("../../../../icons/MapIcon");
25
23
 
26
24
  var _excluded = ["activeBuiltinLayers", "onMapLayerChange", "onToggle"];
27
25
 
@@ -37,11 +35,15 @@ var MapLayerRoadRestrictionsItem = function MapLayerRoadRestrictionsItem(props)
37
35
  };
38
36
 
39
37
  return /*#__PURE__*/_react.default.createElement(_MapSettingsItem.default, (0, _extends2.default)({
40
- className: 'MapLayerRoadRestrictions',
38
+ className: "MapLayerRoadRestrictions",
41
39
  onClick: handleToggle,
42
40
  isActive: activeBuiltinLayers.includes(_constants.MAP_LAYER_ROAD_RESTRICTIONS),
43
- activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_road_restrictions_active.default, null),
44
- inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_road_restrictions_inactive.default, null)
41
+ activeIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
42
+ name: _MapIcon.ROAD_RESTRICTIONS_ACTIVE
43
+ }),
44
+ inactiveIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
45
+ name: _MapIcon.ROAD_RESTRICTIONS_INACTIVE
46
+ })
45
47
  }, remainingProps));
46
48
  };
47
49
 
@@ -19,9 +19,7 @@ var _constants = require("../../../constants");
19
19
 
20
20
  var _MapSettingsItem = _interopRequireDefault(require("../MapSettingsItem"));
21
21
 
22
- var _icon_map_settings_traffic_active = _interopRequireDefault(require("../../../../assets/icon_map_settings_traffic_active.svg"));
23
-
24
- var _icon_map_settings_traffic_inactive = _interopRequireDefault(require("../../../../assets/icon_map_settings_traffic_inactive.svg"));
22
+ var _MapIcon = require("../../../../icons/MapIcon");
25
23
 
26
24
  var _excluded = ["activeBuiltinLayers", "onMapLayerChange", "onToggle"];
27
25
 
@@ -37,11 +35,15 @@ var MapLayerTrafficItem = function MapLayerTrafficItem(props) {
37
35
  };
38
36
 
39
37
  return /*#__PURE__*/_react.default.createElement(_MapSettingsItem.default, (0, _extends2.default)({
40
- className: 'MapLayerTraffic',
38
+ className: "MapLayerTraffic",
41
39
  onClick: handleToggle,
42
40
  isActive: activeBuiltinLayers.includes(_constants.MAP_LAYER_TRAFFIC),
43
- activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_traffic_active.default, null),
44
- inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_traffic_inactive.default, null)
41
+ activeIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
42
+ name: _MapIcon.TRAFFIC_ACTIVE
43
+ }),
44
+ inactiveIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
45
+ name: _MapIcon.TRAFFIC_INACTIVE
46
+ })
45
47
  }, remainingProps));
46
48
  };
47
49
 
@@ -17,9 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
17
17
 
18
18
  var _MapSettingsItem = _interopRequireDefault(require("../MapSettingsItem"));
19
19
 
20
- var _icon_map_settings_workshop_pois_active = _interopRequireDefault(require("../../../../assets/icon_map_settings_workshop_pois_active.svg"));
21
-
22
- var _icon_map_settings_workshop_pois_inactive = _interopRequireDefault(require("../../../../assets/icon_map_settings_workshop_pois_inactive.svg"));
20
+ var _MapIcon = require("../../../../icons/MapIcon");
23
21
 
24
22
  var _excluded = ["isActive", "onToggle"];
25
23
 
@@ -33,16 +31,18 @@ var MapWorkshopPoiSettingsItem = function MapWorkshopPoiSettingsItem(props) {
33
31
  };
34
32
 
35
33
  return /*#__PURE__*/_react.default.createElement(_MapSettingsItem.default, (0, _extends2.default)({
36
- className: 'MapWorkshopPoi',
34
+ className: "MapWorkshopPoi",
37
35
  onClick: function onClick() {
38
36
  return handleToggle(false);
39
37
  },
40
38
  isActive: isActive,
41
- activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_workshop_pois_active.default, {
42
- className: 'MapPoiIcon'
39
+ activeIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
40
+ name: _MapIcon.WORKSHOP_POIS_ACTIVE,
41
+ className: "MapPoiIcon"
43
42
  }),
44
- inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_workshop_pois_inactive.default, {
45
- className: 'MapPoiIconInactive'
43
+ inactiveIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
44
+ name: _MapIcon.WORKSHOP_POIS_INACTIVE,
45
+ className: "MapPoiIconInactive"
46
46
  })
47
47
  }, remainingProps));
48
48
  };