@rio-cloud/rio-uikit 0.16.0-beta-2 → 0.16.0

package/lib/types.ts

@@ -633,14 +633,19 @@ export interface FadeProps {
     onExited?: Function;
 }
 
+type FilePickerRenderProps = {
+    isDragActive: boolean;
+};
+
 export interface FilePickerProps {
-    displayMode?: 'button';
+    displayMode?: 'button' | 'dropzone' | 'full';
     multiple?: boolean; // multi select
     label?: string | React.ReactNode;
     maxSize?: number; // max file size
-    onPick: (files: FileList | null) => any;
+    onPick: (files: FileList | null) => void;
     className?: string;
     accept?: string;
+    children?: ({ isDragActive }: FilePickerRenderProps) => any;
 }
 
 export interface ForbiddenStateProps extends BaseStateProps {}
@@ -1773,20 +1778,24 @@ export interface TableSettingsDialogProps {
     immediateChange?: boolean;
 }
 
+export enum TableViewTogglesValues {
+    VIEW_TYPE_SINGLE_CARD = 'SINGLE_CARD',
+    VIEW_TYPE_MULTI_CARDS = 'MULTI_CARDS',
+    VIEW_TYPE_TABLE = 'TABLE',
+}
+
 export interface TableViewTogglesProps {
     viewType?: TableViewTogglesValues;
     initialViewType?: TableViewTogglesValues;
     disabledViewTypes?: TableViewTogglesValues[];
     onViewTypeChange: (viewType: TableViewTogglesValues) => void;
+    tableViewTooltipContent?: string | React.ReactNode;
+    singleCardViewTooltipContent?: string | React.ReactNode;
+    multiCardsViewTooltipContent?: string | React.ReactNode;
+    disabled?: boolean;
     className?: string;
 }
 
-export enum TableViewTogglesValues {
-    VIEW_TYPE_SINGLE_CARD = 'SINGLE_CARD',
-    VIEW_TYPE_MULTI_CARDS = 'MULTI_CARDS',
-    VIEW_TYPE_TABLE = 'TABLE',
-}
-
 export interface TagProps {
     active?: boolean;
     className?: string;
@@ -2047,6 +2056,31 @@ export type UseEvent<T extends keyof WindowEventMap> = (
     target?: HTMLElement
 ) => void;
 
+type EventCallback = (this: Document, event_: any) => any;
+type OnChangeEventCallback = (this: Document, event_: any, isOpen: boolean) => any;
+
+type RequestFullscreenOptions = {
+    // string will help to ease type casting
+    navigationUI?: string | 'auto' | 'hide' | 'show';
+};
+
+type FullScreenOptions = {
+    element?: HTMLElement;
+    onChange?: OnChangeEventCallback;
+    onError?: EventCallback;
+    requestFullscreenOptions?: RequestFullscreenOptions;
+};
+
+type FullscreenApi = {
+    requestFullscreen: () => void | ((element?: HTMLElement) => Promise<unknown>);
+    exitFullscreen: () => void | (() => Promise<unknown>);
+    toggleFullscreen: () => void | ((element?: HTMLElement) => Promise<unknown>);
+    isEnabled: boolean;
+    isFullscreen: boolean;
+};
+
+export type UseFullscreen = ({}: FullScreenOptions) => FullscreenApi | undefined;
+
 export type UseInterval = (callback: () => void, delay?: number) => React.MutableRefObject<object>;
 
 export type UseKey<T extends keyof WindowEventMap> = (

package/lib/version.json

@@ -1,3 +1,3 @@
 {
-"version": "0.16.0-beta-2"
+"version": "0.16.0"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rio-cloud/rio-uikit",
-    "version": "0.16.0-beta-2",
+    "version": "0.16.0",
     "description": "The RIO UIKIT component library",
     "repository": "https://collaboration.msi.audi.com/stash/projects/RIOFRONT/repos/uikit-web/browse",
     "scripts": {
@@ -44,8 +44,8 @@
         "@babel/preset-react": "^7.16.7",
         "@babel/runtime": "^7.16.7",
         "@svgr/webpack": "^6.2.1",
-        "@testing-library/react": "^12.1.2",
-        "@testing-library/user-event": "^13.5.0",
+        "@testing-library/react": "12.1.2",
+        "@testing-library/user-event": "13.5.0",
         "@types/jest": "^27.4.1",
         "@types/lodash": "^4.14.178",
         "@types/react": "^17.0.39",
@@ -123,19 +123,19 @@
         "react-dom": ">16.8.6"
     },
     "dependencies": {
-        "@popperjs/core": "2.11.2",
+        "@popperjs/core": "2.11.5",
         "classlist-polyfill": "1.2.0",
         "classnames": "2.3.1",
         "cssuseragent": "2.1.31",
         "lodash": "4.17.21",
-        "moment": "2.29.1",
+        "moment": "2.29.2",
         "natural-orderby": "2.0.3",
         "prop-types": "15.8.1",
         "react-bootstrap": "1.6.4",
-        "react-content-loader": "6.1.0",
+        "react-content-loader": "6.2.0",
         "react-datetime": "github:rio-cloud/react-datetime#v3.1.0-1-merged",
         "react-debounce-input": "3.2.5",
-        "react-dropzone": "4.3.0",
+        "react-dropzone": "12.0.5",
         "react-input-mask": "3.0.0-alpha.2",
         "react-motion": "0.5.2",
         "react-notifications": "1.7.3",