@rio-cloud/rio-uikit 0.15.0-beta-47 → 0.15.0-beta-48

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 (59) hide show
  1. package/README.md +12 -8
  2. package/lib/components/applicationLayout/ApplicationLayoutBody.js +3 -1
  3. package/lib/components/assetTree/AssetTree.less +1 -0
  4. package/lib/components/bottomSheet/BottomSheet.js +157 -0
  5. package/lib/components/button/Button.js +110 -7
  6. package/lib/components/button/ToggleButton.js +11 -108
  7. package/lib/components/charts/BarChart.js +2 -1
  8. package/lib/components/charts/PieChart.js +2 -2
  9. package/lib/components/datepicker/DatePicker.less +4 -0
  10. package/lib/components/selects/DropdownHeader.js +2 -6
  11. package/lib/components/spinner/Spinner.less +2 -2
  12. package/lib/components/states/MaintenanceState.js +25 -0
  13. package/lib/es/BottomSheet.d.ts +5 -0
  14. package/lib/es/BottomSheet.js +15 -0
  15. package/lib/es/MaintenanceState.d.ts +5 -0
  16. package/lib/es/MaintenanceState.js +15 -0
  17. package/lib/es/SortDirection.d.ts +4 -2
  18. package/lib/es/useAfterMount.d.ts +1 -1
  19. package/lib/es/useClickOutside.d.ts +1 -1
  20. package/lib/es/useClipboard.d.ts +1 -1
  21. package/lib/es/useDebugInfo.d.ts +4 -0
  22. package/lib/es/useDebugInfo.js +15 -0
  23. package/lib/es/useEffectOnce.d.ts +1 -1
  24. package/lib/es/useElementSize.d.ts +1 -1
  25. package/lib/es/useEsc.d.ts +1 -1
  26. package/lib/es/useEvent.d.ts +1 -1
  27. package/lib/es/useInterval.d.ts +1 -1
  28. package/lib/es/useKey.d.ts +1 -1
  29. package/lib/es/useLocalStorage.d.ts +4 -0
  30. package/lib/es/useLocalStorage.js +13 -0
  31. package/lib/es/useOnScreen.d.ts +4 -0
  32. package/lib/es/useOnScreen.js +15 -0
  33. package/lib/es/useOnlineStatus.d.ts +4 -0
  34. package/lib/es/useOnlineStatus.js +15 -0
  35. package/lib/es/useRenderCount.d.ts +4 -0
  36. package/lib/es/useRenderCount.js +15 -0
  37. package/lib/es/useSessionStorage.d.ts +4 -0
  38. package/lib/es/useSessionStorage.js +13 -0
  39. package/lib/es/useStateWithValidation.d.ts +1 -1
  40. package/lib/es/useTimeout.d.ts +1 -1
  41. package/lib/es/useWindowResize.d.ts +1 -1
  42. package/lib/hooks/useDebugInfo.js +55 -0
  43. package/lib/hooks/useOnScreen.js +46 -0
  44. package/lib/hooks/useOnlineStatus.js +30 -0
  45. package/lib/hooks/useRenderCount.js +17 -0
  46. package/lib/hooks/useStorage.js +53 -0
  47. package/lib/style/css/_exports/rio-uikit-core.less +0 -1
  48. package/lib/style/css/_exports/rio-website.less +41 -0
  49. package/lib/style/css/_exports/vw-uikit.less +1 -1
  50. package/lib/style/css/rio-theme/buttons.less +5 -1
  51. package/lib/style/css/rio-theme/dropdowns.less +6 -25
  52. package/lib/style/css/rio-theme/navbar.less +1 -1
  53. package/lib/style/css/rio-theme/navs.less +19 -0
  54. package/lib/style/css/utils/_imports.less +1 -0
  55. package/lib/style/css/utils/responsive/display.less +2 -0
  56. package/lib/style/css/utils/responsive/grid.less +6 -0
  57. package/lib/types.ts +67 -2
  58. package/lib/version.json +1 -1
  59. package/package.json +2 -1
package/lib/types.ts CHANGED
@@ -242,6 +242,23 @@ export interface BrowserWarningProps {
242
242
  onBrowserSelect?: Function;
243
243
  }
244
244
 
245
+ export interface BottomSheetProps {
246
+ show: boolean;
247
+ onClose?: Function;
248
+ width?: number | string;
249
+ height?: number | string;
250
+ title?: string | React.ReactNode;
251
+ showCloseButton?: boolean;
252
+ showMaximizeButton?: boolean;
253
+ onHeightChange?: Function;
254
+ detatch?: boolean;
255
+ useBackdrop?: boolean;
256
+ onBackdropClick?: Function;
257
+ bodyRef?: React.MutableRefObject<object>;
258
+ bodyClassName?: string;
259
+ className?: string;
260
+ }
261
+
245
262
  export interface BoundingBox {
246
263
  top: number;
247
264
  bottom: number;
@@ -249,6 +266,20 @@ export interface BoundingBox {
249
266
  right: number;
250
267
  }
251
268
 
269
+ export interface ButtonProps {
270
+ active?: boolean;
271
+ disabled?: boolean;
272
+ asToggle?: boolean;
273
+ iconOnly?: boolean;
274
+ multiline?: boolean;
275
+ block?: boolean;
276
+ onClick?: Function;
277
+ bsStyle?: 'default' | 'primary' | 'info' | 'warning' | 'danger' | 'success' | 'muted';
278
+ bsSize?: 'xs' | 'sm' | 'md' | 'lg';
279
+ variant?: 'link' | 'link-inline' | 'outline' | 'action';
280
+ className?: string;
281
+ }
282
+
252
283
  // C --------------------------------------------------------------------------------------------------
253
284
 
254
285
  export interface CarouselProps {
@@ -687,6 +718,8 @@ export interface LoadMoreButtonProps {
687
718
 
688
719
  // M --------------------------------------------------------------------------------------------------
689
720
 
721
+ export interface MaintenanceStateProps extends BaseStateProps {}
722
+
690
723
  export type markerColor =
691
724
  | 'bg-map-marker-asset'
692
725
  | 'bg-map-marker-poi'
@@ -943,7 +976,7 @@ export interface NotificationsContainerProps {
943
976
 
944
977
  export type notificationTriggerFunction = (
945
978
  message: string | JSX.Element | JSX.Element[],
946
- title?: string,
979
+ title?: string | JSX.Element | JSX.Element[],
947
980
  timeOut?: number,
948
981
  callback?: Function,
949
982
  priority?: boolean
@@ -1954,6 +1987,16 @@ export type UseClipboard = (options: { timeout: number }) => {
1954
1987
  copied: boolean;
1955
1988
  };
1956
1989
 
1990
+ export type UseDebugInfo = (
1991
+ componentName: string,
1992
+ props: object
1993
+ ) => {
1994
+ count: number,
1995
+ changedProps: any,
1996
+ timeSinceLastRender: number,
1997
+ lastRenderTimestamp: number,
1998
+ };
1999
+
1957
2000
  export type UseEffectOnce = (
1958
2001
  callback: () => void
1959
2002
  ) => void;
@@ -1982,11 +2025,33 @@ export type UseKey<T extends keyof WindowEventMap> = (
1982
2025
  node?: any
1983
2026
  ) => void;
1984
2027
 
1985
- export type useStateWithValidation = (
2028
+ export type UseOnlineStatus = () => boolean;
2029
+
2030
+ export type UseOnScreen = (
2031
+ ref: React.MutableRefObject<object>,
2032
+ options?: {
2033
+ rootMargins?: string,
2034
+ threshold?: number | number[]
2035
+ }
2036
+ ) => boolean;
2037
+
2038
+ export type UseRenderCount = () => number;
2039
+
2040
+ export type UseStateWithValidation = (
1986
2041
  validationFn: Function,
1987
2042
  initialValue: any
1988
2043
  ) => [any, Function, boolean];
1989
2044
 
2045
+ export type UseLocalStorage = (
2046
+ key: string,
2047
+ defaultValue: any
2048
+ ) => [any, Function, Function];
2049
+
2050
+ export type UseSessionStorage = (
2051
+ key: string,
2052
+ defaultValue: any
2053
+ ) => [any, Function, Function];
2054
+
1990
2055
  export type UseTimeout = (
1991
2056
  callback: () => void,
1992
2057
  delay?: number
package/lib/version.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "version": "0.15.0-beta-47"
2
+ "version": "0.15.0-beta-48"
3
3
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rio-cloud/rio-uikit",
3
- "version": "0.15.0-beta-47",
3
+ "version": "0.15.0-beta-48",
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": {
@@ -140,6 +140,7 @@
140
140
  "react-debounce-input": "^3.2.3",
141
141
  "react-dropzone": "^4.3.0",
142
142
  "react-input-mask": "^3.0.0-alpha.2",
143
+ "react-motion": "^0.5.2",
143
144
  "react-notifications": "^1.7.2",
144
145
  "react-onclickoutside": "^6.10.0",
145
146
  "react-sortable-hoc": "^2.0.0",