@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.
- package/README.md +12 -8
- package/lib/components/applicationLayout/ApplicationLayoutBody.js +3 -1
- package/lib/components/assetTree/AssetTree.less +1 -0
- package/lib/components/bottomSheet/BottomSheet.js +157 -0
- package/lib/components/button/Button.js +110 -7
- package/lib/components/button/ToggleButton.js +11 -108
- package/lib/components/charts/BarChart.js +2 -1
- package/lib/components/charts/PieChart.js +2 -2
- package/lib/components/datepicker/DatePicker.less +4 -0
- package/lib/components/selects/DropdownHeader.js +2 -6
- package/lib/components/spinner/Spinner.less +2 -2
- package/lib/components/states/MaintenanceState.js +25 -0
- package/lib/es/BottomSheet.d.ts +5 -0
- package/lib/es/BottomSheet.js +15 -0
- package/lib/es/MaintenanceState.d.ts +5 -0
- package/lib/es/MaintenanceState.js +15 -0
- package/lib/es/SortDirection.d.ts +4 -2
- package/lib/es/useAfterMount.d.ts +1 -1
- package/lib/es/useClickOutside.d.ts +1 -1
- package/lib/es/useClipboard.d.ts +1 -1
- package/lib/es/useDebugInfo.d.ts +4 -0
- package/lib/es/useDebugInfo.js +15 -0
- package/lib/es/useEffectOnce.d.ts +1 -1
- package/lib/es/useElementSize.d.ts +1 -1
- package/lib/es/useEsc.d.ts +1 -1
- package/lib/es/useEvent.d.ts +1 -1
- package/lib/es/useInterval.d.ts +1 -1
- package/lib/es/useKey.d.ts +1 -1
- package/lib/es/useLocalStorage.d.ts +4 -0
- package/lib/es/useLocalStorage.js +13 -0
- package/lib/es/useOnScreen.d.ts +4 -0
- package/lib/es/useOnScreen.js +15 -0
- package/lib/es/useOnlineStatus.d.ts +4 -0
- package/lib/es/useOnlineStatus.js +15 -0
- package/lib/es/useRenderCount.d.ts +4 -0
- package/lib/es/useRenderCount.js +15 -0
- package/lib/es/useSessionStorage.d.ts +4 -0
- package/lib/es/useSessionStorage.js +13 -0
- package/lib/es/useStateWithValidation.d.ts +1 -1
- package/lib/es/useTimeout.d.ts +1 -1
- package/lib/es/useWindowResize.d.ts +1 -1
- package/lib/hooks/useDebugInfo.js +55 -0
- package/lib/hooks/useOnScreen.js +46 -0
- package/lib/hooks/useOnlineStatus.js +30 -0
- package/lib/hooks/useRenderCount.js +17 -0
- package/lib/hooks/useStorage.js +53 -0
- package/lib/style/css/_exports/rio-uikit-core.less +0 -1
- package/lib/style/css/_exports/rio-website.less +41 -0
- package/lib/style/css/_exports/vw-uikit.less +1 -1
- package/lib/style/css/rio-theme/buttons.less +5 -1
- package/lib/style/css/rio-theme/dropdowns.less +6 -25
- package/lib/style/css/rio-theme/navbar.less +1 -1
- package/lib/style/css/rio-theme/navs.less +19 -0
- package/lib/style/css/utils/_imports.less +1 -0
- package/lib/style/css/utils/responsive/display.less +2 -0
- package/lib/style/css/utils/responsive/grid.less +6 -0
- package/lib/types.ts +67 -2
- package/lib/version.json +1 -1
- 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
|
|
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
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rio-cloud/rio-uikit",
|
|
3
|
-
"version": "0.15.0-beta-
|
|
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",
|