@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.
- package/README.md +46 -3
- package/lib/components/actionBarItem/ActionBarItem.js +4 -4
- package/lib/components/actionBarItem/ActionBarItemPopoverContent.js +43 -0
- package/lib/components/actionBarItem/ActionBarOverlay.js +8 -3
- package/lib/components/applicationHeader/AppMenuDropdown.js +9 -13
- package/lib/components/applicationLayout/ApplicationLayout.js +7 -9
- package/lib/components/applicationLayout/ApplicationLayoutBody.js +5 -3
- package/lib/components/assetTree/AssetTree.js +1 -1
- package/lib/components/assetTree/Tree.js +2 -2
- package/lib/components/assetTree/TreeLeaf.js +9 -9
- package/lib/components/bottomSheet/BottomSheet.js +11 -7
- package/lib/components/browserWarning/BrowserIcons.js +76 -0
- package/lib/components/browserWarning/BrowserWarning.js +4 -4
- package/lib/components/browserWarning/BrowserWarningMessageDE.js +20 -22
- package/lib/components/browserWarning/BrowserWarningMessageEN.js +20 -22
- package/lib/components/carousel/Carousel.js +7 -426
- package/lib/components/checkbox/Checkbox.js +4 -4
- package/lib/components/datepicker/DatePicker.js +15 -6
- package/lib/components/dialog/ConfirmationDialog.js +8 -6
- package/lib/components/dialog/SaveDialog.js +3 -1
- package/lib/components/dropdown/ButtonDropdown.js +149 -181
- package/lib/components/listMenu/ListMenu.js +40 -23
- package/lib/components/map/components/features/old/MapSettings.js +5 -5
- package/lib/components/map/components/features/old/settings/MapClusterSettings.js +13 -13
- package/lib/components/map/components/features/old/settings/MapLayerSettings.js +15 -15
- package/lib/components/map/components/features/old/settings/MapTypeSettings.js +20 -20
- package/lib/components/map/components/features/settings/ZoomButtons.js +10 -10
- package/lib/components/map/components/features/settings/builtinSettings/MapClusterSettings.js +20 -18
- package/lib/components/map/components/features/settings/builtinSettings/MapLayerSettings.js +8 -8
- package/lib/components/map/components/features/settings/builtinSettings/MapTypeSettings.js +42 -32
- package/lib/components/map/components/features/settings/buttons/MapBoundingBoxButton.js +8 -8
- package/lib/components/map/components/features/settings/buttons/MapCenterMarkerButton.js +8 -8
- package/lib/components/map/components/features/settings/buttons/MapLockMarkerButton.js +8 -8
- package/lib/components/map/components/features/settings/items/MapCustomerPoiSettingsItem.js +8 -8
- package/lib/components/map/components/features/settings/items/MapLayerIncidentsItem.js +8 -6
- package/lib/components/map/components/features/settings/items/MapLayerRoadRestrictionsItem.js +8 -6
- package/lib/components/map/components/features/settings/items/MapLayerTrafficItem.js +8 -6
- package/lib/components/map/components/features/settings/items/MapWorkshopPoiSettingsItem.js +8 -8
- package/lib/components/map/icons/MapIcon.js +500 -0
- package/lib/components/numberInput/NumberInput.js +6 -6
- package/lib/components/onboarding/OnboardingTip.js +9 -9
- package/lib/components/states/NotBookedState.js +2 -2
- package/lib/components/table/TableSettingsDialogFooter.js +1 -1
- package/lib/components/teaser/Teaser.js +1 -1
- package/lib/components/teaser/TeaserContainer.js +8 -8
- package/lib/components/tooltip/Tooltip.js +5 -5
- package/lib/es/DeviceUtils.d.ts +4 -2
- package/lib/es/SortDirection.d.ts +5 -0
- package/lib/es/deviceUtils.js +12 -0
- package/lib/es/useFullscreen.js +15 -0
- package/lib/hooks/useClipboard.js +2 -2
- package/lib/hooks/useFullscreen.js +244 -0
- package/lib/style/css/_exports/man-uikit.less +7 -5
- package/lib/style/css/_exports/rio-buyButton.less +30 -41
- package/lib/style/css/_exports/rio-uikit-core.less +106 -127
- package/lib/style/css/_exports/rio-uikit-print-utilities.less +6 -11
- package/lib/style/css/_exports/rio-uikit-responsive-utilities.less +6 -11
- package/lib/style/css/_exports/rio-uikit.less +5 -4
- package/lib/style/css/_exports/rio-website.less +49 -13
- package/lib/style/css/_exports/vw-uikit.less +10 -8
- package/lib/style/css/animations/_imports.less +9 -0
- package/lib/style/css/animations/collapse.less +16 -0
- package/lib/style/css/animations/fade.less +28 -0
- package/lib/style/css/animations/pinging.less +7 -0
- package/lib/style/css/animations/rotate.less +52 -0
- package/lib/style/css/animations/scale.less +35 -0
- package/lib/style/css/animations/slide.less +39 -0
- package/lib/style/css/animations/spinning.less +4 -0
- package/lib/style/css/animations/transition.less +129 -0
- package/lib/style/css/animations/translate.less +28 -0
- package/lib/style/css/bootstrap/dropdowns.less +10 -3
- package/lib/style/css/bootstrap/forms.less +38 -36
- package/lib/style/css/bootstrap/input-groups.less +4 -0
- package/lib/style/css/bootstrap/mixins/forms.less +1 -1
- package/lib/style/css/components/Activity.less +93 -0
- package/lib/style/css/components/ApplicationHeader.less +438 -0
- package/lib/style/css/components/ApplicationLayout.less +236 -0
- package/lib/style/css/components/AssetTree.less +443 -0
- package/lib/style/css/components/AutoSuggest.less +22 -0
- package/lib/style/css/components/BottomSheet.less +14 -0
- package/lib/style/css/components/Carousel.less +212 -0
- package/lib/style/css/components/Checkbox.less +224 -0
- package/lib/style/css/components/ClearableInput.less +115 -0
- package/lib/style/css/components/Counter.less +142 -0
- package/lib/style/css/components/DataTabs.less +100 -0
- package/lib/style/css/components/DatePicker.less +391 -0
- package/lib/style/css/components/Dialog.less +482 -0
- package/lib/style/css/components/Dropdown.less +186 -0
- package/lib/style/css/components/Expander.less +196 -0
- package/lib/style/css/components/FilePicker.less +8 -0
- package/lib/style/css/components/ListMenu.less +77 -0
- package/lib/style/css/components/MapHere.less +91 -0
- package/lib/style/css/components/MapMarker.less +347 -0
- package/lib/style/css/components/MapSettings.less +140 -0
- package/lib/style/css/components/NoData.less +8 -0
- package/lib/style/css/components/Notification.less +234 -0
- package/lib/style/css/components/RadioButton.less +173 -0
- package/lib/style/css/components/Resizer.less +43 -0
- package/lib/style/css/components/Select.less +272 -0
- package/lib/style/css/components/Sidebar.less +157 -0
- package/lib/style/css/components/Slider.less +278 -0
- package/lib/style/css/components/Spinner.less +49 -0
- package/lib/style/css/components/StatsWidget.less +111 -0
- package/lib/style/css/components/SteppedProgressBar.less +323 -0
- package/lib/style/css/components/SupportMarker.less +34 -0
- package/lib/style/css/components/Switch.less +145 -0
- package/lib/style/css/components/TableSettingsDialog.less +96 -0
- package/lib/style/css/components/TableSortArrows.less +54 -0
- package/lib/style/css/components/TableToolbar.less +121 -0
- package/lib/style/css/components/Tag.less +246 -0
- package/lib/style/css/components/TagManager.less +4 -0
- package/lib/style/css/components/Teaser.less +12 -0
- package/lib/style/css/components/Timeline.less +69 -0
- package/lib/style/css/components/Tooltip.less +261 -0
- package/lib/style/css/design/alerts.less +55 -0
- package/lib/style/css/design/aspect-ratio.less +23 -0
- package/lib/style/css/design/badges.less +120 -0
- package/lib/style/css/design/blockquote.less +49 -0
- package/lib/style/css/design/border.less +192 -0
- package/lib/style/css/design/breadcrumbs.less +20 -0
- package/lib/style/css/design/button-groups.less +194 -0
- package/lib/style/css/design/buttons.less +540 -0
- package/lib/style/css/design/callouts.less +27 -0
- package/lib/style/css/design/caret.less +28 -0
- package/lib/style/css/design/close.less +12 -0
- package/lib/style/css/design/code.less +45 -0
- package/lib/style/css/design/colors.less +202 -0
- package/lib/style/css/design/cols.less +56 -0
- package/lib/style/css/design/container.less +29 -0
- package/lib/style/css/design/cursors.less +19 -0
- package/lib/style/css/design/custom.less +20 -0
- package/lib/style/css/design/ellipsis.less +46 -0
- package/lib/style/css/design/flexgrid.less +7 -0
- package/lib/style/css/design/fonts.less +318 -0
- package/lib/style/css/design/form-input-groups.less +245 -0
- package/lib/style/css/design/form-inputs.less +655 -0
- package/lib/style/css/design/iframe.less +80 -0
- package/lib/style/css/design/images.less +47 -0
- package/lib/style/css/design/labels.less +66 -0
- package/lib/style/css/design/list-group.less +95 -0
- package/lib/style/css/design/navs.less +254 -0
- package/lib/style/css/design/normalize.less +436 -0
- package/lib/style/css/design/opacity.less +26 -0
- package/lib/style/css/design/overflow.less +1 -0
- package/lib/style/css/design/pagination.less +161 -0
- package/lib/style/css/design/panels.less +105 -0
- package/lib/style/css/design/popovers.less +117 -0
- package/lib/style/css/design/position.less +16 -0
- package/lib/style/css/design/progress-bars.less +131 -0
- package/lib/style/css/design/responsive/_imports.less +68 -0
- package/lib/style/css/design/responsive/backgrounds.less +32 -0
- package/lib/style/css/design/responsive/display.less +9 -0
- package/lib/style/css/design/responsive/flexgrid.less +75 -0
- package/lib/style/css/design/responsive/floating.less +4 -0
- package/lib/style/css/design/responsive/gap.less +41 -0
- package/lib/style/css/design/responsive/hyphens.less +14 -0
- package/lib/style/css/design/responsive/margin.less +127 -0
- package/lib/style/css/design/responsive/overflow.less +16 -0
- package/lib/style/css/design/responsive/padding.less +71 -0
- package/lib/style/css/design/responsive/position.less +102 -0
- package/lib/style/css/design/responsive/sizing.less +115 -0
- package/lib/style/css/design/responsive/text.less +71 -0
- package/lib/style/css/design/responsive/visibility.less +115 -0
- package/lib/style/css/design/responsive-embed.less +31 -0
- package/lib/style/css/design/responsive-video.less +22 -0
- package/lib/style/css/design/rioglyph.less +24 -0
- package/lib/style/css/design/rounded.less +44 -0
- package/lib/style/css/design/shadows.less +65 -0
- package/lib/style/css/design/tables.less +854 -0
- package/lib/style/css/design/text.less +201 -0
- package/lib/style/css/design/theme.less +200 -0
- package/lib/style/css/design/thumbnails.less +29 -0
- package/lib/style/css/design/transition.less +33 -0
- package/lib/style/css/design/type.less +159 -0
- package/lib/style/css/design/utilities.less +75 -0
- package/lib/style/css/design/visibilty.less +38 -0
- package/lib/style/css/design/wells.less +17 -0
- package/lib/style/css/design/z-index.less +21 -0
- package/lib/style/css/mapping/breakpoint-map.less +44 -0
- package/lib/style/css/mapping/color-map.less +200 -0
- package/lib/style/css/mapping/cols-map.less +15 -0
- package/lib/style/css/mapping/numbers-map.less +16 -0
- package/lib/style/css/mapping/positions-map.less +21 -0
- package/lib/style/css/mapping/sizes-map.less +129 -0
- package/lib/style/css/mapping/spacings-map.less +28 -0
- package/lib/style/css/mixins/_mixins.less +13 -0
- package/lib/style/css/mixins/alerts.less +13 -0
- package/lib/style/css/mixins/border-radius.less +16 -0
- package/lib/style/css/mixins/buttons.less +117 -0
- package/lib/style/css/mixins/clearfix.less +9 -0
- package/lib/style/css/mixins/cols.less +59 -0
- package/lib/style/css/mixins/forms.less +61 -0
- package/lib/style/css/mixins/panels.less +27 -0
- package/lib/style/css/mixins/placeholder.less +17 -0
- package/lib/style/css/mixins/reset.less +27 -0
- package/lib/style/css/mixins/sizings.less +21 -0
- package/lib/style/css/mixins/spinner.less +30 -0
- package/lib/style/css/mixins/table.less +26 -0
- package/lib/style/css/mixins/tabs.less +4 -0
- package/lib/style/css/mixins/text.less +5 -0
- package/lib/style/css/print/print.less +1 -4
- package/lib/style/css/rio-theme/alerts.less +23 -61
- package/lib/style/css/rio-theme/badges.less +16 -28
- package/lib/style/css/rio-theme/blockquote.less +14 -97
- package/lib/style/css/rio-theme/dropdowns.less +2 -2
- package/lib/style/css/rio-theme/forms.less +49 -20
- package/lib/style/css/rio-theme/input-groups.less +44 -25
- package/lib/style/css/rio-theme/mixins/alerts.less +13 -1
- package/lib/style/css/rio-theme/variables.less +1 -0
- package/lib/style/css/shared/colors.json +1 -1
- package/lib/style/css/shared/colors.less +11 -8
- package/lib/style/css/shared/text.less +6 -5
- package/lib/style/css/utils/responsive/grid.less +15 -6
- package/lib/style/css/utils/rounded.less +1 -0
- package/lib/style/css/variables.less +179 -0
- package/lib/style/fonts/rioglyph/rioglyph.less +1 -11
- package/lib/types.ts +42 -59
- package/lib/utils/buttonEffect.js +11 -4
- package/lib/utils/deviceUtils.js +28 -33
- package/lib/utils/init.js +174 -0
- package/lib/version.json +1 -1
- 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
|
|
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:
|
|
38
|
+
className: "MapLayerIncidents",
|
|
41
39
|
onClick: handleToggle,
|
|
42
40
|
isActive: activeBuiltinLayers.includes(_constants.MAP_LAYER_INCIDENTS),
|
|
43
|
-
activeIcon: /*#__PURE__*/_react.default.createElement(
|
|
44
|
-
|
|
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
|
|
package/lib/components/map/components/features/settings/items/MapLayerRoadRestrictionsItem.js
CHANGED
|
@@ -19,9 +19,7 @@ var _constants = require("../../../constants");
|
|
|
19
19
|
|
|
20
20
|
var _MapSettingsItem = _interopRequireDefault(require("../MapSettingsItem"));
|
|
21
21
|
|
|
22
|
-
var
|
|
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:
|
|
38
|
+
className: "MapLayerRoadRestrictions",
|
|
41
39
|
onClick: handleToggle,
|
|
42
40
|
isActive: activeBuiltinLayers.includes(_constants.MAP_LAYER_ROAD_RESTRICTIONS),
|
|
43
|
-
activeIcon: /*#__PURE__*/_react.default.createElement(
|
|
44
|
-
|
|
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
|
|
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:
|
|
38
|
+
className: "MapLayerTraffic",
|
|
41
39
|
onClick: handleToggle,
|
|
42
40
|
isActive: activeBuiltinLayers.includes(_constants.MAP_LAYER_TRAFFIC),
|
|
43
|
-
activeIcon: /*#__PURE__*/_react.default.createElement(
|
|
44
|
-
|
|
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
|
|
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:
|
|
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(
|
|
42
|
-
|
|
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(
|
|
45
|
-
|
|
43
|
+
inactiveIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
|
|
44
|
+
name: _MapIcon.WORKSHOP_POIS_INACTIVE,
|
|
45
|
+
className: "MapPoiIconInactive"
|
|
46
46
|
})
|
|
47
47
|
}, remainingProps));
|
|
48
48
|
};
|