@rio-cloud/rio-uikit 0.15.0-beta-46 → 0.15.0

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 (184) hide show
  1. package/README.md +197 -192
  2. package/lib/components/actionBarItem/ActionBarItem.js +9 -0
  3. package/lib/components/actionBarItem/ActionBarItemList.js +38 -0
  4. package/lib/components/actionBarItem/ActionBarItemListItem.js +51 -0
  5. package/lib/components/actionBarItem/ActionBarItemListSeparator.js +37 -0
  6. package/lib/components/actionBarItem/ActionBarOverlay.js +2 -2
  7. package/lib/components/animatedNumber/AnimatedNumber.js +81 -0
  8. package/lib/components/applicationHeader/ApplicationHeader.js +4 -1
  9. package/lib/components/applicationLayout/ApplicationLayoutBody.js +3 -1
  10. package/lib/components/assetTree/AssetTree.less +3 -2
  11. package/lib/components/assetTree/Tree.js +3 -3
  12. package/lib/components/autosuggest/AutoSuggest.js +5 -3
  13. package/lib/components/bottomSheet/BottomSheet.js +157 -0
  14. package/lib/components/browserWarning/BrowserWarningMessageDE.js +1 -1
  15. package/lib/components/browserWarning/BrowserWarningMessageEN.js +1 -1
  16. package/lib/components/button/Button.js +127 -7
  17. package/lib/components/button/ToggleButton.js +11 -108
  18. package/lib/components/charts/BarChart.js +4 -3
  19. package/lib/components/charts/ChartNeedle.js +2 -2
  20. package/lib/components/charts/PieChart.js +11 -6
  21. package/lib/components/charts/RadialBarChart.js +4 -1
  22. package/lib/components/charts/chartHelper.js +3 -3
  23. package/lib/components/checkbox/Checkbox.js +127 -171
  24. package/lib/components/checkbox/Checkbox.less +4 -2
  25. package/lib/components/clearableInput/ClearableInput.js +2 -2
  26. package/lib/components/clearableInput/ClearableInput.less +2 -1
  27. package/lib/components/dataTabs/DataTabs.js +78 -120
  28. package/lib/components/datepicker/DatePicker.js +41 -72
  29. package/lib/components/datepicker/DatePicker.less +35 -5
  30. package/lib/components/datepicker/DateRangePicker.js +3 -3
  31. package/lib/components/dialog/Dialog.js +2 -2
  32. package/lib/components/dialog/InfoDialog.js +2 -2
  33. package/lib/components/dialog/MediaDialog.js +2 -2
  34. package/lib/components/dialog/SaveDialog.js +2 -2
  35. package/lib/components/dialog/SimpleDialog.js +2 -2
  36. package/lib/components/dialog/SplitDialog.js +2 -2
  37. package/lib/components/driverName/DriverName.js +1 -1
  38. package/lib/components/dropdown/ButtonDropdown.js +2 -2
  39. package/lib/components/dropdown/DropdownSubmenu.less +2 -2
  40. package/lib/components/fade/Fade.js +2 -2
  41. package/lib/components/filepicker/FilePicker.js +2 -2
  42. package/lib/components/listMenu/ListMenu.js +2 -2
  43. package/lib/components/loadMore/LoadMoreButton.js +1 -1
  44. package/lib/components/map/components/Map.js +2 -2
  45. package/lib/components/map/components/constants.js +1 -1
  46. package/lib/components/map/components/features/Route.js +2 -2
  47. package/lib/components/map/components/features/basics/MapLayerGroup.js +2 -2
  48. package/lib/components/map/components/features/basics/marker/Marker.js +2 -1
  49. package/lib/components/map/components/features/basics/marker/TextMarker.js +1 -1
  50. package/lib/components/map/components/features/layers/MarkerLayer.js +2 -2
  51. package/lib/components/map/components/features/layers/clustering/SimpleClusterLayer.js +2 -2
  52. package/lib/components/map/utils/eventHandling.js +5 -4
  53. package/lib/components/map/utils/hooks.js +1 -1
  54. package/lib/components/map/utils/validation.js +1 -1
  55. package/lib/components/numberControl/NumberControl.js +165 -145
  56. package/lib/components/numberInput/NumberInput.js +152 -233
  57. package/lib/components/onboarding/OnboardingTip.js +1 -1
  58. package/lib/components/overlay/OverlayTrigger.js +2 -1
  59. package/lib/components/radiobutton/RadioButton.js +116 -148
  60. package/lib/components/radiobutton/RadioButton.less +10 -6
  61. package/lib/components/resizer/Resizer.less +2 -2
  62. package/lib/components/selects/BaseDropdownMenu.js +2 -2
  63. package/lib/components/selects/DropdownHeader.js +2 -6
  64. package/lib/components/spinner/Spinner.js +1 -1
  65. package/lib/components/spinner/Spinner.less +2 -2
  66. package/lib/components/states/MaintenanceState.js +25 -0
  67. package/lib/components/states/baseStatePropTypes.js +1 -1
  68. package/lib/components/supportMarker/toggleSupportMarker.js +1 -1
  69. package/lib/components/table/SortArrows.js +1 -1
  70. package/lib/components/table/TableCardsSorting.js +7 -7
  71. package/lib/components/table/TableSettingsDialog.js +2 -2
  72. package/lib/components/table/TableSettingsListItem.js +1 -1
  73. package/lib/components/teaser/Teaser.js +1 -1
  74. package/lib/components/timepicker/TimePicker.js +10 -2
  75. package/lib/components/tooltip/Tooltip.js +4 -4
  76. package/lib/components/tooltip/Tooltip.less +0 -10
  77. package/lib/es/ActionBarItem.d.ts +6 -0
  78. package/lib/es/ActionBarItemList.d.ts +5 -0
  79. package/lib/es/ActionBarItemList.js +15 -0
  80. package/lib/es/ActionBarItemListItem.d.ts +5 -0
  81. package/lib/es/ActionBarItemListItem.js +15 -0
  82. package/lib/es/ActionBarItemListSeparator.d.ts +5 -0
  83. package/lib/es/ActionBarItemListSeparator.js +15 -0
  84. package/lib/es/AnimatedNumber.d.ts +5 -0
  85. package/lib/es/AnimatedNumber.js +15 -0
  86. package/lib/es/BottomSheet.d.ts +5 -0
  87. package/lib/es/BottomSheet.js +15 -0
  88. package/lib/es/DeviceUtils.d.ts +5 -0
  89. package/lib/es/MaintenanceState.d.ts +5 -0
  90. package/lib/es/MaintenanceState.js +15 -0
  91. package/lib/es/SortDirection.d.ts +6 -0
  92. package/lib/es/SortDirection.js +13 -0
  93. package/lib/es/SortUtils.d.ts +6 -0
  94. package/lib/es/SortUtils.js +19 -0
  95. package/lib/es/SupportMarker.js +15 -0
  96. package/lib/es/deviceUtils.js +14 -2
  97. package/lib/es/routeUtils.js +6 -6
  98. package/lib/es/useAfterMount.d.ts +4 -0
  99. package/lib/es/useAfterMount.js +15 -0
  100. package/lib/es/useClickOutside.d.ts +4 -0
  101. package/lib/es/useClickOutside.js +15 -0
  102. package/lib/es/useClipboard.d.ts +4 -0
  103. package/lib/es/useClipboard.js +15 -0
  104. package/lib/es/useDebugInfo.d.ts +4 -0
  105. package/lib/es/useDebugInfo.js +15 -0
  106. package/lib/es/useEffectOnce.d.ts +4 -0
  107. package/lib/es/useEffectOnce.js +15 -0
  108. package/lib/es/useElementSize.d.ts +4 -0
  109. package/lib/es/useElementSize.js +15 -0
  110. package/lib/es/useEsc.d.ts +4 -0
  111. package/lib/es/useEsc.js +15 -0
  112. package/lib/es/useEvent.d.ts +4 -0
  113. package/lib/es/useEvent.js +15 -0
  114. package/lib/es/useInterval.d.ts +4 -0
  115. package/lib/es/useInterval.js +15 -0
  116. package/lib/es/useKey.d.ts +4 -0
  117. package/lib/es/useKey.js +15 -0
  118. package/lib/es/useLocalStorage.d.ts +4 -0
  119. package/lib/es/useLocalStorage.js +13 -0
  120. package/lib/es/useOnMount.js +15 -0
  121. package/lib/es/useOnScreen.d.ts +4 -0
  122. package/lib/es/useOnScreen.js +15 -0
  123. package/lib/es/useOnlineStatus.d.ts +4 -0
  124. package/lib/es/useOnlineStatus.js +15 -0
  125. package/lib/es/useRenderCount.d.ts +4 -0
  126. package/lib/es/useRenderCount.js +15 -0
  127. package/lib/es/useSessionStorage.d.ts +4 -0
  128. package/lib/es/useSessionStorage.js +13 -0
  129. package/lib/es/useStateWithValidation.d.ts +4 -0
  130. package/lib/es/useStateWithValidation.js +15 -0
  131. package/lib/es/useTimeout.d.ts +4 -0
  132. package/lib/es/useTimeout.js +15 -0
  133. package/lib/es/useWindowResize.d.ts +4 -0
  134. package/lib/es/useWindowResize.js +15 -0
  135. package/lib/hooks/useDebugInfo.js +55 -0
  136. package/lib/hooks/useInterval.js +30 -0
  137. package/lib/hooks/useOnScreen.js +46 -0
  138. package/lib/hooks/useOnlineStatus.js +30 -0
  139. package/lib/hooks/useRenderCount.js +17 -0
  140. package/lib/hooks/useStateWithValidation.js +33 -0
  141. package/lib/hooks/useStorage.js +53 -0
  142. package/lib/hooks/useTimeout.js +9 -6
  143. package/lib/index.js +274 -266
  144. package/lib/mapIndex.js +72 -72
  145. package/lib/style/css/_exports/man-uikit.less +1 -0
  146. package/lib/style/css/_exports/rio-buyButton.less +5 -0
  147. package/lib/style/css/_exports/rio-uikit-core.less +2 -2
  148. package/lib/style/css/_exports/rio-uikit-print-utilities.less +21 -0
  149. package/lib/style/css/_exports/rio-uikit-responsive-utilities.less +2 -1
  150. package/lib/style/css/_exports/rio-uikit.less +1 -0
  151. package/lib/style/css/_exports/rio-website.less +131 -0
  152. package/lib/style/css/_exports/vw-uikit.less +2 -1
  153. package/lib/style/css/bootstrap/badges.less +0 -12
  154. package/lib/style/css/bootstrap/dropdowns.less +13 -13
  155. package/lib/style/css/bootstrap/type.less +11 -4
  156. package/lib/style/css/rio-theme/badges.less +48 -1
  157. package/lib/style/css/rio-theme/button-groups.less +1 -1
  158. package/lib/style/css/rio-theme/buttons.less +58 -16
  159. package/lib/style/css/rio-theme/carousel.less +1 -1
  160. package/lib/style/css/rio-theme/dropdowns.less +6 -26
  161. package/lib/style/css/rio-theme/navbar.less +46 -3
  162. package/lib/style/css/rio-theme/navs.less +19 -0
  163. package/lib/style/css/rio-theme/pagination.less +1 -1
  164. package/lib/style/css/utils/_imports.less +82 -0
  165. package/lib/style/css/utils/animations/translate.less +4 -1
  166. package/lib/style/css/utils/responsive/border.less +27 -19
  167. package/lib/style/css/utils/responsive/display.less +2 -0
  168. package/lib/style/css/utils/responsive/grid.less +6 -0
  169. package/lib/style/css/utils/responsive/sizing.less +1 -1
  170. package/lib/style/css/utils/text.less +3 -0
  171. package/lib/style/fonts/rioglyph/rioglyph.less +74 -14
  172. package/lib/style/fonts/rioglyph/rioglyph.svg +106 -34
  173. package/lib/style/fonts/rioglyph/rioglyph.ttf +0 -0
  174. package/lib/style/fonts/rioglyph/rioglyph.woff +0 -0
  175. package/lib/types.ts +139 -22
  176. package/lib/utils/SortUtils.js +54 -0
  177. package/lib/utils/buttonEffect.js +68 -0
  178. package/lib/utils/deviceUtils.js +1 -5
  179. package/lib/utils/logDeprecatedWarnings.js +1 -1
  180. package/lib/utils/logPropError.js +1 -1
  181. package/lib/utils/routeUtils.js +7 -6
  182. package/lib/utils/scrollItemIntoView.js +1 -1
  183. package/lib/version.json +1 -1
  184. package/package.json +73 -75
package/package.json CHANGED
@@ -1,25 +1,21 @@
1
1
  {
2
2
  "name": "@rio-cloud/rio-uikit",
3
- "version": "0.15.0-beta-46",
3
+ "version": "0.15.0",
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",
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!'",
8
8
  "check-licenses": "node tools/check-licenses.js .",
9
9
  "check-updates": "node tools/checkUpdates.js",
10
+ "license-check": "license-checker --production --json --onlyAllow \"`cat whitelist.txt`\" --excludePackages \"rio-livemonitor@0.1.3\" --out licenses.txt",
10
11
  "git-tasks": "node tools/gitTasks.js",
11
12
  "lint": "$(npm bin)/eslint --ignore-pattern 'src/vendor/*' 'src/**/*.js' 'test/**/*.js'",
12
13
  "lint-tasks": "node tools/lintTasks.js",
13
14
  "analyze": "source-map-explorer 'dist/0.15.0/*.js'",
14
15
  "prepare": "ls -la .",
15
16
  "prepack": "NODE_ENV=production babel src --out-dir lib --copy-files && NODE_ENV=production webpack --progress",
16
- "test": "NODE_ENV=test node $NODE_DEBUG_OPTION $(npm bin)/karma start karma.conf.js",
17
- "test-browserstack-chrome": "BROWSER=bs_chrome_windows node $(npm bin)/karma start karma.browserstack.js",
18
- "test-browserstack-firefox": "BROWSER=bs_firefox_windows node $(npm bin)/karma start karma.browserstack.js",
19
- "test-browserstack-ie": "BROWSER=bs_ie_windows node $(npm bin)/karma start karma.browserstack.js",
20
- "test-browserstack-edge": "BROWSER=bs_edge_windows node $(npm bin)/karma start karma.browserstack.js",
21
- "test-dev": "NODE_ENV=development $(npm bin)/karma start karma.conf.js --auto-watch --no-single-run",
22
- "test-all-browserstacks": "BROWSER=all_browsers node $(npm bin)/karma start karma.browserstack.js"
17
+ "test": "NODE_ENV=test jest",
18
+ "test-dev": "NODE_ENV=test jest --watch"
23
19
  },
24
20
  "author": "TB Digital Services GmbH",
25
21
  "license": "Apache-2.0",
@@ -33,91 +29,74 @@
33
29
  "check-licenses"
34
30
  ],
35
31
  "devDependencies": {
36
- "@babel/cli": "^7.13.14",
37
- "@babel/core": "^7.13.14",
38
- "@babel/plugin-proposal-class-properties": "^7.13.0",
39
- "@babel/plugin-proposal-object-rest-spread": "^7.13.8",
32
+ "@babel/cli": "^7.17.0",
33
+ "@babel/core": "^7.17.0",
34
+ "@babel/plugin-proposal-class-properties": "^7.16.7",
35
+ "@babel/plugin-proposal-object-rest-spread": "^7.16.7",
40
36
  "@babel/plugin-syntax-dynamic-import": "^7.8.3",
41
- "@babel/plugin-transform-react-display-name": "^7.12.13",
42
- "@babel/plugin-transform-react-jsx": "^7.13.12",
43
- "@babel/plugin-transform-runtime": "^7.13.10",
44
- "@babel/preset-env": "^7.13.12",
45
- "@babel/preset-react": "^7.13.13",
46
- "@babel/runtime": "^7.13.10",
47
- "@typescript-eslint/parser": "^4.26.1",
48
- "autoprefixer": "^10.2.5",
37
+ "@babel/plugin-transform-react-display-name": "^7.16.7",
38
+ "@babel/plugin-transform-react-jsx": "^7.16.7",
39
+ "@babel/plugin-transform-runtime": "^7.17.0",
40
+ "@babel/preset-env": "^7.16.11",
41
+ "@babel/preset-react": "^7.16.7",
42
+ "@babel/runtime": "^7.16.7",
43
+ "@testing-library/react": "^12.1.2",
44
+ "@testing-library/user-event": "^13.5.0",
45
+ "@typescript-eslint/parser": "^5.10.1",
46
+ "autoprefixer": "^10.4.2",
49
47
  "babel-eslint": "^10.1.0",
48
+ "babel-jest": "^27.4.6",
50
49
  "babel-loader": "^8.2.2",
51
50
  "babel-plugin-lodash": "^3.3.4",
52
- "chai": "^4.3.4",
53
- "chai-enzyme": "^1.0.0-beta.1",
54
- "colors": "^1.4.0",
55
- "copy-webpack-plugin": "^8.1.0",
56
- "core-js": "^3.10.0",
57
- "css-loader": "^5.2.0",
58
- "css-minimizer-webpack-plugin": "^1.3.0",
59
- "deep-freeze": "^0.0.1",
60
- "dotenv": "^8.2.0",
51
+ "base64-font-loader": "^0.0.4",
52
+ "copy-webpack-plugin": "^10.2.4",
53
+ "core-js": "^3.21.0",
54
+ "css-loader": "5.2.7",
55
+ "css-minimizer-webpack-plugin": "^3.3.1",
56
+ "dotenv": "^16.0.0",
61
57
  "enzyme": "^3.11.0",
62
58
  "enzyme-adapter-react-16": "^1.15.6",
63
- "eslint": "^7.23.0",
59
+ "eslint": "^8.8.0",
64
60
  "eslint-plugin-getsentry": "^2.0.0",
65
- "eslint-plugin-react": "^7.23.1",
66
- "expect": "^26.6.2",
61
+ "eslint-plugin-react": "^7.28.0",
62
+ "expect": "^27.4.6",
67
63
  "file-loader": "^6.2.0",
68
64
  "git-tools": "^0.3.0",
69
- "html-loader": "^2.1.2",
70
- "isparta": "^4.1.1",
71
- "isparta-loader": "2.0.0",
72
- "karma": "^6.3.2",
73
- "karma-browserstack-launcher": "^1.6.0",
74
- "karma-chrome-launcher": "^3.1.0",
75
- "karma-cli": "^2.0.0",
76
- "karma-coverage": "^2.0.3",
77
- "karma-coverage-istanbul-reporter": "^3.0.3",
78
- "karma-firefox-launcher": "^2.1.0",
79
- "karma-mocha": "^2.0.1",
80
- "karma-mocha-reporter": "^2.2.5",
81
- "karma-sinon-chai": "^2.0.2",
82
- "karma-sourcemap-loader": "^0.3.8",
83
- "karma-webpack": "^5.0.0",
65
+ "html-loader": "^3.1.0",
66
+ "jest": "^27.4.7",
67
+ "jsdom": "^19.0.0",
68
+ "jsdom-global": "^3.0.2",
84
69
  "less": "^4.1.1",
85
- "less-loader": "^8.0.0",
70
+ "less-loader": "^10.2.0",
86
71
  "license-checker": "^25.0.1",
87
- "mini-css-extract-plugin": "^1.4.0",
88
- "mocha": "^8.3.2",
89
- "moment-locales-webpack-plugin": "^1.2.0",
90
- "node-gyp": "^7.1.2",
91
- "npm-check-updates": "^11.3.0",
72
+ "mini-css-extract-plugin": "^2.5.2",
73
+ "node-gyp": "^8.4.1",
74
+ "npm-check-updates": "^12.2.1",
92
75
  "postcss-loader": "^5.2.0",
93
- "postcss-preset-env": "^6.7.0",
76
+ "postcss-preset-env": "^7.3.1",
94
77
  "postcss-short": "^5.0.0",
95
78
  "pre-commit": "^1.2.2",
96
79
  "prettier": "^2.2.1",
97
80
  "process": "^0.11.10",
98
81
  "react": "^16.14.0",
99
82
  "react-dom": "^16.14.0",
100
- "react-intl": "^5.15.5",
101
- "react-test-renderer": "^16.14.0",
102
- "remove-files-webpack-plugin": "^1.4.4",
83
+ "react-intl": "^5.24.4",
84
+ "remove-files-webpack-plugin": "^1.5.0",
103
85
  "script-loader": "^0.7.2",
104
86
  "semver": "^7.3.5",
105
- "sinon": "^10.0.0",
106
- "sinon-chai": "^3.6.0",
107
87
  "source-map-explorer": "^2.5.2",
108
- "strip-ansi": "^6.0.0",
109
- "style-loader": "^2.0.0",
88
+ "strip-ansi": "^7.0.1",
89
+ "style-loader": "^3.3.1",
110
90
  "svg-react-loader": "^0.4.6",
111
91
  "ttf2woff2": "^4.0.2",
112
92
  "unirest": "^0.6.0",
113
93
  "url-loader": "^4.1.1",
114
- "util": "^0.12.3",
115
94
  "webfont": "^11.0.0",
116
95
  "webfont-webpack-plugin": "^1.0.0",
117
96
  "webfonts-generator": "github:rio-cloud/webfonts-generator",
118
- "webpack": "^5.28.0",
97
+ "webpack": "^5.67.0",
119
98
  "webpack-bundle-analyzer": "^4.4.0",
120
- "webpack-cli": "^4.6.0",
99
+ "webpack-cli": "^4.9.2",
121
100
  "webpack-license-plugin": "^4.1.2"
122
101
  },
123
102
  "peerDependencies": {
@@ -125,7 +104,7 @@
125
104
  "react-dom": ">16.8.6"
126
105
  },
127
106
  "dependencies": {
128
- "@popperjs/core": "^2.10.1",
107
+ "@popperjs/core": "^2.11.2",
129
108
  "classlist-polyfill": "^1.2.0",
130
109
  "classnames": "^2.3.0",
131
110
  "cssuseragent": "^2.1.31",
@@ -133,26 +112,45 @@
133
112
  "lodash": "^4.17.21",
134
113
  "moment": "^2.29.1",
135
114
  "natural-orderby": "^2.0.3",
136
- "prop-types": "^15.7.2",
115
+ "prop-types": "^15.8.1",
137
116
  "react-bootstrap": "1.6.3",
138
117
  "react-content-loader": "^6.0.3",
139
- "react-datetime": "github:rio-cloud/react-datetime",
118
+ "react-datetime": "github:rio-cloud/react-datetime#v3.1.0-1-merged",
140
119
  "react-debounce-input": "^3.2.3",
141
120
  "react-dropzone": "^4.3.0",
142
121
  "react-input-mask": "^3.0.0-alpha.2",
143
- "react-notifications": "^1.7.2",
122
+ "react-motion": "^0.5.2",
123
+ "react-notifications": "^1.7.3",
144
124
  "react-onclickoutside": "^6.10.0",
145
125
  "react-sortable-hoc": "^2.0.0",
146
126
  "react-transition-group": "^4.4.1",
147
- "recharts": "^2.0.10",
127
+ "recharts": "^2.1.8",
148
128
  "smoothscroll-polyfill": "^0.4.4"
149
129
  },
150
130
  "browserslist": [
151
131
  "last 2 versions",
152
132
  "last 5 Chrome versions",
153
- "Firefox >= 60",
154
- "Edge >= 15",
155
- "Safari >= 10",
156
- "ie 11"
157
- ]
133
+ "Firefox >= 90",
134
+ "Edge >= 95",
135
+ "Safari >= 14"
136
+ ],
137
+ "jest": {
138
+ "setupFilesAfterEnv": [
139
+ "<rootDir>test/index.js"
140
+ ],
141
+ "testMatch": [
142
+ "**/test/**/*Test.js"
143
+ ],
144
+ "moduleFileExtensions": [
145
+ "js",
146
+ "jsx"
147
+ ],
148
+ "moduleDirectories": [
149
+ "node_modules"
150
+ ],
151
+ "testEnvironment": "jsdom",
152
+ "moduleNameMapper": {
153
+ "\\.svg": "<rootDir>/__mocks__/svg.js"
154
+ }
155
+ }
158
156
  }