@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
package/package.json CHANGED
@@ -1,21 +1,23 @@
1
1
  {
2
2
  "name": "@rio-cloud/rio-uikit",
3
- "version": "0.15.0",
3
+ "version": "0.16.0-beta-2",
4
4
  "description": "The RIO UIKIT component library",
5
5
  "repository": "https://collaboration.msi.audi.com/stash/projects/RIOFRONT/repos/uikit-web/browse",
6
6
  "scripts": {
7
- "build": "NODE_ENV=production babel src --out-dir lib --copy-files && NODE_ENV=production webpack --progress --stats-children && echo '👉 Dont forget to perform npm update before release!'",
7
+ "build": "NODE_ENV=production babel src --out-dir lib --copy-files && NODE_ENV=production webpack --progress --stats-children && echo '👉 For a npm release use update-build 👈'",
8
+ "update-build": "npm update && npm run build",
8
9
  "check-licenses": "node tools/check-licenses.js .",
9
10
  "check-updates": "node tools/checkUpdates.js",
10
11
  "license-check": "license-checker --production --json --onlyAllow \"`cat whitelist.txt`\" --excludePackages \"rio-livemonitor@0.1.3\" --out licenses.txt",
11
12
  "git-tasks": "node tools/gitTasks.js",
12
- "lint": "$(npm bin)/eslint --ignore-pattern 'src/vendor/*' 'src/**/*.js' 'test/**/*.js'",
13
- "lint-tasks": "node tools/lintTasks.js",
14
- "analyze": "source-map-explorer 'dist/0.15.0/*.js'",
13
+ "lint": "eslint src",
14
+ "lint-fix": "npm run lint -- --fix",
15
+ "analyze": "source-map-explorer 'dist/0.15.1/*.js'",
16
+ "analyze-bundle": "BUILD_OPTION=BundleAnalyzer npm run build",
15
17
  "prepare": "ls -la .",
16
18
  "prepack": "NODE_ENV=production babel src --out-dir lib --copy-files && NODE_ENV=production webpack --progress",
17
- "test": "NODE_ENV=test jest",
18
- "test-dev": "NODE_ENV=test jest --watch"
19
+ "test": "NODE_ENV=test TZ=UTC jest",
20
+ "test-dev": "NODE_ENV=test TZ=UTC jest --watch"
19
21
  },
20
22
  "author": "TB Digital Services GmbH",
21
23
  "license": "Apache-2.0",
@@ -30,7 +32,8 @@
30
32
  ],
31
33
  "devDependencies": {
32
34
  "@babel/cli": "^7.17.0",
33
- "@babel/core": "^7.17.0",
35
+ "@babel/core": "^7.17.5",
36
+ "@babel/eslint-parser": "^7.17.0",
34
37
  "@babel/plugin-proposal-class-properties": "^7.16.7",
35
38
  "@babel/plugin-proposal-object-rest-spread": "^7.16.7",
36
39
  "@babel/plugin-syntax-dynamic-import": "^7.8.3",
@@ -40,8 +43,14 @@
40
43
  "@babel/preset-env": "^7.16.11",
41
44
  "@babel/preset-react": "^7.16.7",
42
45
  "@babel/runtime": "^7.16.7",
46
+ "@svgr/webpack": "^6.2.1",
43
47
  "@testing-library/react": "^12.1.2",
44
48
  "@testing-library/user-event": "^13.5.0",
49
+ "@types/jest": "^27.4.1",
50
+ "@types/lodash": "^4.14.178",
51
+ "@types/react": "^17.0.39",
52
+ "@types/react-redux": "^7.1.22",
53
+ "@typescript-eslint/eslint-plugin": "^5.12.1",
45
54
  "@typescript-eslint/parser": "^5.10.1",
46
55
  "autoprefixer": "^10.4.2",
47
56
  "babel-eslint": "^10.1.0",
@@ -56,23 +65,32 @@
56
65
  "dotenv": "^16.0.0",
57
66
  "enzyme": "^3.11.0",
58
67
  "enzyme-adapter-react-16": "^1.15.6",
59
- "eslint": "^8.8.0",
68
+ "eslint": "^8.9.0",
69
+ "eslint-config-prettier": "^8.4.0",
70
+ "eslint-plugin-compat": "^4.0.2",
60
71
  "eslint-plugin-getsentry": "^2.0.0",
72
+ "eslint-plugin-import": "^2.25.4",
73
+ "eslint-plugin-jest": "^26.1.1",
74
+ "eslint-plugin-prefer-arrow": "^1.2.3",
75
+ "eslint-plugin-prettier": "^4.0.0",
61
76
  "eslint-plugin-react": "^7.28.0",
77
+ "eslint-plugin-react-hooks": "^4.3.0",
62
78
  "expect": "^27.4.6",
63
79
  "file-loader": "^6.2.0",
80
+ "fork-ts-checker-webpack-plugin": "^7.2.1",
64
81
  "git-tools": "^0.3.0",
65
82
  "html-loader": "^3.1.0",
66
83
  "jest": "^27.4.7",
84
+ "jest-junit": "^13.0.0",
67
85
  "jsdom": "^19.0.0",
68
86
  "jsdom-global": "^3.0.2",
69
87
  "less": "^4.1.1",
70
88
  "less-loader": "^10.2.0",
71
89
  "license-checker": "^25.0.1",
72
90
  "mini-css-extract-plugin": "^2.5.2",
73
- "node-gyp": "^8.4.1",
91
+ "node-gyp": "^9.0.0",
74
92
  "npm-check-updates": "^12.2.1",
75
- "postcss-loader": "^5.2.0",
93
+ "postcss-loader": "^6.0.0",
76
94
  "postcss-preset-env": "^7.3.1",
77
95
  "postcss-short": "^5.0.0",
78
96
  "pre-commit": "^1.2.2",
@@ -87,8 +105,9 @@
87
105
  "source-map-explorer": "^2.5.2",
88
106
  "strip-ansi": "^7.0.1",
89
107
  "style-loader": "^3.3.1",
90
- "svg-react-loader": "^0.4.6",
108
+ "ts-loader": "^9.2.6",
91
109
  "ttf2woff2": "^4.0.2",
110
+ "typescript": "^4.5.5",
92
111
  "unirest": "^0.6.0",
93
112
  "url-loader": "^4.1.1",
94
113
  "webfont": "^11.0.0",
@@ -104,28 +123,29 @@
104
123
  "react-dom": ">16.8.6"
105
124
  },
106
125
  "dependencies": {
107
- "@popperjs/core": "^2.11.2",
108
- "classlist-polyfill": "^1.2.0",
109
- "classnames": "^2.3.0",
110
- "cssuseragent": "^2.1.31",
111
- "dom-helpers": "^5.2.0",
112
- "lodash": "^4.17.21",
113
- "moment": "^2.29.1",
114
- "natural-orderby": "^2.0.3",
115
- "prop-types": "^15.8.1",
116
- "react-bootstrap": "1.6.3",
117
- "react-content-loader": "^6.0.3",
126
+ "@popperjs/core": "2.11.2",
127
+ "classlist-polyfill": "1.2.0",
128
+ "classnames": "2.3.1",
129
+ "cssuseragent": "2.1.31",
130
+ "lodash": "4.17.21",
131
+ "moment": "2.29.1",
132
+ "natural-orderby": "2.0.3",
133
+ "prop-types": "15.8.1",
134
+ "react-bootstrap": "1.6.4",
135
+ "react-content-loader": "6.1.0",
118
136
  "react-datetime": "github:rio-cloud/react-datetime#v3.1.0-1-merged",
119
- "react-debounce-input": "^3.2.3",
120
- "react-dropzone": "^4.3.0",
121
- "react-input-mask": "^3.0.0-alpha.2",
122
- "react-motion": "^0.5.2",
123
- "react-notifications": "^1.7.3",
124
- "react-onclickoutside": "^6.10.0",
125
- "react-sortable-hoc": "^2.0.0",
126
- "react-transition-group": "^4.4.1",
127
- "recharts": "^2.1.8",
128
- "smoothscroll-polyfill": "^0.4.4"
137
+ "react-debounce-input": "3.2.5",
138
+ "react-dropzone": "4.3.0",
139
+ "react-input-mask": "3.0.0-alpha.2",
140
+ "react-motion": "0.5.2",
141
+ "react-notifications": "1.7.3",
142
+ "react-onclickoutside": "6.12.1",
143
+ "react-popper": "2.2.5",
144
+ "react-sortable-hoc": "2.0.0",
145
+ "react-transition-group": "4.4.2",
146
+ "recharts": "2.1.9",
147
+ "regenerator-runtime": "0.13.9",
148
+ "smoothscroll-polyfill": "0.4.4"
129
149
  },
130
150
  "browserslist": [
131
151
  "last 2 versions",
@@ -151,6 +171,13 @@
151
171
  "testEnvironment": "jsdom",
152
172
  "moduleNameMapper": {
153
173
  "\\.svg": "<rootDir>/__mocks__/svg.js"
154
- }
174
+ },
175
+ "reporters": [
176
+ "default",
177
+ "jest-junit"
178
+ ]
179
+ },
180
+ "jest-junit": {
181
+ "outputDirectory": "./results/jest"
155
182
  }
156
183
  }