@rio-cloud/rio-uikit 0.15.0-beta-45 → 0.15.0-beta-49

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 (180) hide show
  1. package/README.md +12 -8
  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 +1 -0
  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/button/Button.js +127 -7
  15. package/lib/components/button/ToggleButton.js +11 -108
  16. package/lib/components/charts/BarChart.js +4 -3
  17. package/lib/components/charts/ChartNeedle.js +57 -0
  18. package/lib/components/charts/PieChart.js +19 -15
  19. package/lib/components/charts/RadialBarChart.js +4 -1
  20. package/lib/components/charts/chartHelper.js +3 -3
  21. package/lib/components/checkbox/Checkbox.js +127 -171
  22. package/lib/components/checkbox/Checkbox.less +4 -2
  23. package/lib/components/clearableInput/ClearableInput.js +2 -2
  24. package/lib/components/clearableInput/ClearableInput.less +1 -0
  25. package/lib/components/dataTabs/DataTabs.js +78 -120
  26. package/lib/components/datepicker/DatePicker.less +4 -0
  27. package/lib/components/datepicker/DateRangePicker.js +3 -3
  28. package/lib/components/dialog/Dialog.js +2 -2
  29. package/lib/components/dialog/InfoDialog.js +2 -2
  30. package/lib/components/dialog/MediaDialog.js +2 -2
  31. package/lib/components/dialog/SaveDialog.js +2 -2
  32. package/lib/components/dialog/SimpleDialog.js +2 -2
  33. package/lib/components/dialog/SplitDialog.js +2 -2
  34. package/lib/components/driverName/DriverName.js +1 -1
  35. package/lib/components/dropdown/ButtonDropdown.js +2 -2
  36. package/lib/components/dropdown/DropdownSubmenu.less +2 -2
  37. package/lib/components/fade/Fade.js +2 -2
  38. package/lib/components/filepicker/FilePicker.js +2 -2
  39. package/lib/components/listMenu/ListMenu.js +2 -2
  40. package/lib/components/loadMore/LoadMoreButton.js +1 -1
  41. package/lib/components/map/components/Map.js +2 -2
  42. package/lib/components/map/components/constants.js +1 -1
  43. package/lib/components/map/components/features/Route.js +2 -2
  44. package/lib/components/map/components/features/basics/MapLayerGroup.js +2 -2
  45. package/lib/components/map/components/features/basics/marker/Marker.js +2 -1
  46. package/lib/components/map/components/features/basics/marker/TextMarker.js +1 -1
  47. package/lib/components/map/components/features/layers/MarkerLayer.js +2 -2
  48. package/lib/components/map/components/features/layers/clustering/SimpleClusterLayer.js +2 -2
  49. package/lib/components/map/utils/eventHandling.js +5 -4
  50. package/lib/components/map/utils/hooks.js +1 -1
  51. package/lib/components/map/utils/validation.js +1 -1
  52. package/lib/components/numberControl/NumberControl.js +161 -145
  53. package/lib/components/numberInput/NumberInput.js +147 -229
  54. package/lib/components/onboarding/OnboardingTip.js +1 -1
  55. package/lib/components/overlay/OverlayTrigger.js +2 -1
  56. package/lib/components/radiobutton/RadioButton.js +116 -148
  57. package/lib/components/radiobutton/RadioButton.less +10 -6
  58. package/lib/components/resizer/Resizer.less +2 -2
  59. package/lib/components/selects/BaseDropdownMenu.js +2 -2
  60. package/lib/components/selects/DropdownHeader.js +2 -6
  61. package/lib/components/spinner/Spinner.js +1 -1
  62. package/lib/components/spinner/Spinner.less +2 -2
  63. package/lib/components/states/MaintenanceState.js +25 -0
  64. package/lib/components/states/baseStatePropTypes.js +1 -1
  65. package/lib/components/supportMarker/toggleSupportMarker.js +1 -1
  66. package/lib/components/table/SortArrows.js +1 -1
  67. package/lib/components/table/TableCardsSorting.js +7 -7
  68. package/lib/components/table/TableSettingsDialog.js +2 -2
  69. package/lib/components/table/TableSettingsListItem.js +1 -1
  70. package/lib/components/teaser/Teaser.js +1 -1
  71. package/lib/components/timepicker/TimePicker.js +10 -2
  72. package/lib/components/tooltip/Tooltip.js +4 -4
  73. package/lib/es/ActionBarItem.d.ts +6 -0
  74. package/lib/es/ActionBarItemList.d.ts +5 -0
  75. package/lib/es/ActionBarItemList.js +15 -0
  76. package/lib/es/ActionBarItemListItem.d.ts +5 -0
  77. package/lib/es/ActionBarItemListItem.js +15 -0
  78. package/lib/es/ActionBarItemListSeparator.d.ts +5 -0
  79. package/lib/es/ActionBarItemListSeparator.js +15 -0
  80. package/lib/es/AnimatedNumber.d.ts +5 -0
  81. package/lib/es/AnimatedNumber.js +15 -0
  82. package/lib/es/BottomSheet.d.ts +5 -0
  83. package/lib/es/BottomSheet.js +15 -0
  84. package/lib/es/ChartNeedle.d.ts +5 -0
  85. package/lib/es/ChartNeedle.js +15 -0
  86. package/lib/es/DeviceUtils.d.ts +5 -0
  87. package/lib/es/MaintenanceState.d.ts +5 -0
  88. package/lib/es/MaintenanceState.js +15 -0
  89. package/lib/es/SortDirection.d.ts +6 -0
  90. package/lib/es/SortDirection.js +13 -0
  91. package/lib/es/SortUtils.d.ts +6 -0
  92. package/lib/es/SortUtils.js +19 -0
  93. package/lib/es/SupportMarker.js +15 -0
  94. package/lib/es/deviceUtils.js +14 -2
  95. package/lib/es/routeUtils.js +6 -6
  96. package/lib/es/useAfterMount.d.ts +4 -0
  97. package/lib/es/useAfterMount.js +15 -0
  98. package/lib/es/useClickOutside.d.ts +4 -0
  99. package/lib/es/useClickOutside.js +15 -0
  100. package/lib/es/useClipboard.d.ts +4 -0
  101. package/lib/es/useClipboard.js +15 -0
  102. package/lib/es/useDebugInfo.d.ts +4 -0
  103. package/lib/es/useDebugInfo.js +15 -0
  104. package/lib/es/useEffectOnce.d.ts +4 -0
  105. package/lib/es/useEffectOnce.js +15 -0
  106. package/lib/es/useElementSize.d.ts +4 -0
  107. package/lib/es/useElementSize.js +15 -0
  108. package/lib/es/useEsc.d.ts +4 -0
  109. package/lib/es/useEsc.js +15 -0
  110. package/lib/es/useEvent.d.ts +4 -0
  111. package/lib/es/useEvent.js +15 -0
  112. package/lib/es/useInterval.d.ts +4 -0
  113. package/lib/es/useInterval.js +15 -0
  114. package/lib/es/useKey.d.ts +4 -0
  115. package/lib/es/useKey.js +15 -0
  116. package/lib/es/useLocalStorage.d.ts +4 -0
  117. package/lib/es/useLocalStorage.js +13 -0
  118. package/lib/es/useOnMount.js +15 -0
  119. package/lib/es/useOnScreen.d.ts +4 -0
  120. package/lib/es/useOnScreen.js +15 -0
  121. package/lib/es/useOnlineStatus.d.ts +4 -0
  122. package/lib/es/useOnlineStatus.js +15 -0
  123. package/lib/es/useRenderCount.d.ts +4 -0
  124. package/lib/es/useRenderCount.js +15 -0
  125. package/lib/es/useSessionStorage.d.ts +4 -0
  126. package/lib/es/useSessionStorage.js +13 -0
  127. package/lib/es/useStateWithValidation.d.ts +4 -0
  128. package/lib/es/useStateWithValidation.js +15 -0
  129. package/lib/es/useTimeout.d.ts +4 -0
  130. package/lib/es/useTimeout.js +15 -0
  131. package/lib/es/useWindowResize.d.ts +4 -0
  132. package/lib/es/useWindowResize.js +15 -0
  133. package/lib/hooks/useDebugInfo.js +55 -0
  134. package/lib/hooks/useInterval.js +30 -0
  135. package/lib/hooks/useOnScreen.js +46 -0
  136. package/lib/hooks/useOnlineStatus.js +30 -0
  137. package/lib/hooks/useRenderCount.js +17 -0
  138. package/lib/hooks/useStateWithValidation.js +33 -0
  139. package/lib/hooks/useStorage.js +53 -0
  140. package/lib/hooks/useTimeout.js +9 -6
  141. package/lib/hooks/useWindowResize.js +9 -3
  142. package/lib/index.js +280 -264
  143. package/lib/mapIndex.js +72 -72
  144. package/lib/style/css/_exports/man-uikit.less +1 -0
  145. package/lib/style/css/_exports/rio-buyButton.less +5 -0
  146. package/lib/style/css/_exports/rio-uikit-core.less +2 -2
  147. package/lib/style/css/_exports/rio-uikit-print-utilities.less +21 -0
  148. package/lib/style/css/_exports/rio-uikit-responsive-utilities.less +2 -1
  149. package/lib/style/css/_exports/rio-uikit.less +1 -0
  150. package/lib/style/css/_exports/rio-website.less +70 -0
  151. package/lib/style/css/_exports/vw-uikit.less +2 -1
  152. package/lib/style/css/bootstrap/dropdowns.less +13 -13
  153. package/lib/style/css/rio-theme/button-groups.less +1 -1
  154. package/lib/style/css/rio-theme/buttons.less +57 -1
  155. package/lib/style/css/rio-theme/carousel.less +1 -1
  156. package/lib/style/css/rio-theme/dropdowns.less +6 -26
  157. package/lib/style/css/rio-theme/navbar.less +45 -2
  158. package/lib/style/css/rio-theme/navs.less +19 -0
  159. package/lib/style/css/rio-theme/pagination.less +1 -1
  160. package/lib/style/css/utils/_imports.less +82 -0
  161. package/lib/style/css/utils/animations/translate.less +4 -1
  162. package/lib/style/css/utils/responsive/border.less +27 -19
  163. package/lib/style/css/utils/responsive/display.less +2 -0
  164. package/lib/style/css/utils/responsive/grid.less +6 -0
  165. package/lib/style/css/utils/responsive/sizing.less +1 -1
  166. package/lib/style/css/utils/text.less +3 -0
  167. package/lib/style/fonts/rioglyph/rioglyph.less +74 -14
  168. package/lib/style/fonts/rioglyph/rioglyph.svg +106 -34
  169. package/lib/style/fonts/rioglyph/rioglyph.ttf +0 -0
  170. package/lib/style/fonts/rioglyph/rioglyph.woff +0 -0
  171. package/lib/types.ts +150 -11
  172. package/lib/utils/SortUtils.js +54 -0
  173. package/lib/utils/buttonEffect.js +68 -0
  174. package/lib/utils/deviceUtils.js +1 -1
  175. package/lib/utils/logDeprecatedWarnings.js +1 -1
  176. package/lib/utils/logPropError.js +1 -1
  177. package/lib/utils/routeUtils.js +7 -6
  178. package/lib/utils/scrollItemIntoView.js +1 -1
  179. package/lib/version.json +1 -1
  180. package/package.json +65 -69
package/package.json CHANGED
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "name": "@rio-cloud/rio-uikit",
3
- "version": "0.15.0-beta-45",
3
+ "version": "0.15.0-beta-49",
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
10
  "git-tasks": "node tools/gitTasks.js",
@@ -13,13 +13,8 @@
13
13
  "analyze": "source-map-explorer 'dist/0.15.0/*.js'",
14
14
  "prepare": "ls -la .",
15
15
  "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"
16
+ "test": "NODE_ENV=test jest",
17
+ "test-dev": "NODE_ENV=test jest --watch"
23
18
  },
24
19
  "author": "TB Digital Services GmbH",
25
20
  "license": "Apache-2.0",
@@ -33,62 +28,48 @@
33
28
  "check-licenses"
34
29
  ],
35
30
  "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",
31
+ "@babel/cli": "^7.16.8",
32
+ "@babel/core": "^7.16.7",
33
+ "@babel/plugin-proposal-class-properties": "^7.16.7",
34
+ "@babel/plugin-proposal-object-rest-spread": "^7.16.7",
40
35
  "@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",
36
+ "@babel/plugin-transform-react-display-name": "^7.16.7",
37
+ "@babel/plugin-transform-react-jsx": "^7.16.7",
38
+ "@babel/plugin-transform-runtime": "^7.16.8",
39
+ "@babel/preset-env": "^7.16.8",
40
+ "@babel/preset-react": "^7.16.7",
41
+ "@babel/runtime": "^7.16.7",
42
+ "@testing-library/react": "^12.1.2",
43
+ "@testing-library/user-event": "^13.5.0",
47
44
  "@typescript-eslint/parser": "^4.26.1",
48
- "autoprefixer": "^10.2.5",
45
+ "autoprefixer": "^10.4.2",
49
46
  "babel-eslint": "^10.1.0",
47
+ "babel-jest": "^27.4.6",
50
48
  "babel-loader": "^8.2.2",
51
49
  "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
50
  "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
+ "core-js": "^3.20.3",
52
+ "css-loader": "^6.5.1",
53
+ "css-minimizer-webpack-plugin": "^3.3.1",
54
+ "dotenv": "^14.2.0",
61
55
  "enzyme": "^3.11.0",
62
56
  "enzyme-adapter-react-16": "^1.15.6",
63
- "eslint": "^7.23.0",
57
+ "eslint": "^8.7.0",
64
58
  "eslint-plugin-getsentry": "^2.0.0",
65
- "eslint-plugin-react": "^7.23.1",
66
- "expect": "^26.6.2",
59
+ "eslint-plugin-react": "^7.28.0",
60
+ "expect": "^27.4.6",
67
61
  "file-loader": "^6.2.0",
68
62
  "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",
63
+ "html-loader": "^3.1.0",
64
+ "jest": "^27.4.7",
65
+ "jsdom": "^19.0.0",
66
+ "jsdom-global": "^3.0.2",
84
67
  "less": "^4.1.1",
85
- "less-loader": "^8.0.0",
68
+ "less-loader": "^10.2.0",
86
69
  "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",
70
+ "mini-css-extract-plugin": "^2.5.2",
71
+ "node-gyp": "^8.4.1",
72
+ "npm-check-updates": "^12.1.0",
92
73
  "postcss-loader": "^5.2.0",
93
74
  "postcss-preset-env": "^6.7.0",
94
75
  "postcss-short": "^5.0.0",
@@ -97,25 +78,21 @@
97
78
  "process": "^0.11.10",
98
79
  "react": "^16.14.0",
99
80
  "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",
81
+ "react-intl": "^5.24.3",
82
+ "remove-files-webpack-plugin": "^1.5.0",
103
83
  "script-loader": "^0.7.2",
104
84
  "semver": "^7.3.5",
105
- "sinon": "^10.0.0",
106
- "sinon-chai": "^3.6.0",
107
85
  "source-map-explorer": "^2.5.2",
108
- "strip-ansi": "^6.0.0",
109
- "style-loader": "^2.0.0",
86
+ "strip-ansi": "^7.0.1",
87
+ "style-loader": "^3.3.1",
110
88
  "svg-react-loader": "^0.4.6",
111
89
  "ttf2woff2": "^4.0.2",
112
90
  "unirest": "^0.6.0",
113
91
  "url-loader": "^4.1.1",
114
- "util": "^0.12.3",
115
92
  "webfont": "^11.0.0",
116
93
  "webfont-webpack-plugin": "^1.0.0",
117
94
  "webfonts-generator": "github:rio-cloud/webfonts-generator",
118
- "webpack": "^5.28.0",
95
+ "webpack": "^5.66.0",
119
96
  "webpack-bundle-analyzer": "^4.4.0",
120
97
  "webpack-cli": "^4.6.0",
121
98
  "webpack-license-plugin": "^4.1.2"
@@ -125,7 +102,7 @@
125
102
  "react-dom": ">16.8.6"
126
103
  },
127
104
  "dependencies": {
128
- "@popperjs/core": "^2.10.1",
105
+ "@popperjs/core": "^2.11.2",
129
106
  "classlist-polyfill": "^1.2.0",
130
107
  "classnames": "^2.3.0",
131
108
  "cssuseragent": "^2.1.31",
@@ -133,18 +110,19 @@
133
110
  "lodash": "^4.17.21",
134
111
  "moment": "^2.29.1",
135
112
  "natural-orderby": "^2.0.3",
136
- "prop-types": "^15.7.2",
113
+ "prop-types": "^15.8.1",
137
114
  "react-bootstrap": "1.6.3",
138
115
  "react-content-loader": "^6.0.3",
139
- "react-datetime": "github:rio-cloud/react-datetime",
116
+ "react-datetime": "github:rio-cloud/react-datetime#v.3.1.0-merged",
140
117
  "react-debounce-input": "^3.2.3",
141
118
  "react-dropzone": "^4.3.0",
142
119
  "react-input-mask": "^3.0.0-alpha.2",
143
- "react-notifications": "^1.7.2",
120
+ "react-motion": "^0.5.2",
121
+ "react-notifications": "^1.7.3",
144
122
  "react-onclickoutside": "^6.10.0",
145
123
  "react-sortable-hoc": "^2.0.0",
146
124
  "react-transition-group": "^4.4.1",
147
- "recharts": "^2.0.10",
125
+ "recharts": "^2.1.8",
148
126
  "smoothscroll-polyfill": "^0.4.4"
149
127
  },
150
128
  "browserslist": [
@@ -152,7 +130,25 @@
152
130
  "last 5 Chrome versions",
153
131
  "Firefox >= 60",
154
132
  "Edge >= 15",
155
- "Safari >= 10",
156
- "ie 11"
157
- ]
133
+ "Safari >= 10"
134
+ ],
135
+ "jest": {
136
+ "setupFilesAfterEnv": [
137
+ "<rootDir>test/index.js"
138
+ ],
139
+ "testMatch": [
140
+ "**/test/**/*Test.js"
141
+ ],
142
+ "moduleFileExtensions": [
143
+ "js",
144
+ "jsx"
145
+ ],
146
+ "moduleDirectories": [
147
+ "node_modules"
148
+ ],
149
+ "testEnvironment": "jsdom",
150
+ "moduleNameMapper": {
151
+ "\\.svg": "<rootDir>/__mocks__/svg.js"
152
+ }
153
+ }
158
154
  }