@rio-cloud/rio-uikit 0.16.4-beta.7 → 1.0.0

package/types.js

@@ -1,19 +1 @@
-export var MapType;
-(function (MapType) {
-    MapType["TYPE_DEFAULT"] = "DEFAULT";
-    MapType["TYPE_FLEET_STYLE"] = "FLEET_STYLE";
-    MapType["TYPE_SATELLITE"] = "SATELLITE";
-    MapType["TYPE_TERRAIN"] = "TERRAIN";
-    MapType["TYPE_NIGHT"] = "NIGHT";
-})(MapType || (MapType = {}));
-export var SortDirection;
-(function (SortDirection) {
-    SortDirection["ASCENDING"] = "asc";
-    SortDirection["DESCENDING"] = "desc";
-})(SortDirection || (SortDirection = {}));
-export var TableViewTogglesValues;
-(function (TableViewTogglesValues) {
-    TableViewTogglesValues["VIEW_TYPE_SINGLE_CARD"] = "SINGLE_CARD";
-    TableViewTogglesValues["VIEW_TYPE_MULTI_CARDS"] = "MULTI_CARDS";
-    TableViewTogglesValues["VIEW_TYPE_TABLE"] = "TABLE";
-})(TableViewTogglesValues || (TableViewTogglesValues = {}));
+export {};

package/useClickOutside.d.ts

@@ -1,4 +1,2 @@
-declare module '@rio-cloud/rio-uikit/useClickOutside' {
-    import { UseClickOutside } from './types';
-    export default UseClickOutside;
-}
+export { default } from './hooks/useClickOutside';
+export * from './hooks/useClickOutside';

package/useClickOutside.js

@@ -1,2 +1,2 @@
-import { default as _useClickOutside } from './hooks/useClickOutside';
-export { _useClickOutside as default };
+export { default } from './hooks/useClickOutside';
+export * from './hooks/useClickOutside';

package/useClipboard.d.ts

@@ -1,4 +1 @@
-declare module '@rio-cloud/rio-uikit/useClipboard' {
-    import { UseClipboard } from './types';
-    export default UseClipboard;
-}
+export { default } from './hooks/useClipboard';

package/useClipboard.js

@@ -1,2 +1 @@
-import { default as _useClipboard } from './hooks/useClipboard';
-export { _useClipboard as default };
+export { default } from './hooks/useClipboard';

package/useDarkMode.d.ts

@@ -1,4 +1 @@
-declare module '@rio-cloud/rio-uikit/useDarkMode' {
-    import { UseDarkMode } from './types';
-    export default UseDarkMode;
-}
+export { default } from './hooks/useDarkMode';

package/useDarkMode.js

@@ -1,2 +1 @@
-import { default as _useDarkMode } from './hooks/useDarkMode';
-export { _useDarkMode as default };
+export { default } from './hooks/useDarkMode';

package/useDebugInfo.d.ts

@@ -1,4 +1 @@
-declare module '@rio-cloud/rio-uikit/useDebugInfo' {
-    import { UseDebugInfo } from './types';
-    export default UseDebugInfo;
-}
+export { default } from './hooks/useDebugInfo';

package/useDebugInfo.js

@@ -1,2 +1 @@
-import { default as _useDebugInfo } from './hooks/useDebugInfo';
-export { _useDebugInfo as default };
+export { default } from './hooks/useDebugInfo';

package/useDocumentTitle.d.ts

@@ -0,0 +1,2 @@
+export { default } from './hooks/useDocumentTitle';
+export * from './hooks/useDocumentTitle';

package/useDocumentTitle.js

@@ -0,0 +1,2 @@
+export { default } from './hooks/useDocumentTitle';
+export * from './hooks/useDocumentTitle';

package/useEffectOnce.d.ts

@@ -1,4 +1 @@
-declare module '@rio-cloud/rio-uikit/useEffectOnce' {
-    import { UseEffectOnce } from './types';
-    export default UseEffectOnce;
-}
+export { default } from './hooks/useEffectOnce';

package/useEffectOnce.js

@@ -1,2 +1 @@
-import { default as _useEffectOnce } from './hooks/useEffectOnce';
-export { _useEffectOnce as default };
+export { default } from './hooks/useEffectOnce';

package/useElementSize.d.ts

@@ -1,4 +1 @@
-declare module '@rio-cloud/rio-uikit/useElementSize' {
-    import { UseElementSize } from './types';
-    export default UseElementSize;
-}
+export { default } from './hooks/useElementSize';

package/useElementSize.js

@@ -1,2 +1 @@
-import { default as _useElementSize } from './hooks/useElementSize';
-export { _useElementSize as default };
+export { default } from './hooks/useElementSize';

package/useFullscreen.d.ts

@@ -1,4 +1 @@
-declare module '@rio-cloud/rio-uikit/useFullscreen' {
-    import { UseFullscreen } from './types';
-    export default UseFullscreen;
-}
+export { default } from './hooks/useFullscreen';

package/useFullscreen.js

@@ -1,2 +1 @@
-import { default as _useFullscreen } from './hooks/useFullscreen';
-export { _useFullscreen as default };
+export { default } from './hooks/useFullscreen';

package/useInterval.d.ts

@@ -1,4 +1 @@
-declare module '@rio-cloud/rio-uikit/useInterval' {
-    import { UseInterval } from './types';
-    export default UseInterval;
-}
+export { default } from './hooks/useInterval';

package/useInterval.js

@@ -1,2 +1 @@
-import { default as _useInterval } from './hooks/useInterval';
-export { _useInterval as default };
+export { default } from './hooks/useInterval';

package/useIsFirstRender.d.ts

@@ -0,0 +1,2 @@
+export { default } from './hooks/useIsFirstRender';
+export * from './hooks/useIsFirstRender';

package/useIsFirstRender.js

@@ -0,0 +1,2 @@
+export { default } from './hooks/useIsFirstRender';
+export * from './hooks/useIsFirstRender';

package/useLocalStorage.d.ts

@@ -1,4 +1 @@
-declare module '@rio-cloud/rio-uikit/useLocalStorage' {
-    import { UseLocalStorage } from './types';
-    export default UseLocalStorage;
-}
+export { useLocalStorage as default } from './hooks/useStorage';

package/useLocalStorage.js

@@ -1,2 +1 @@
-import { useLocalStorage } from './hooks/useStorage';
-export { useLocalStorage as default };
+export { useLocalStorage as default } from './hooks/useStorage';

package/useMutationObserver.d.ts

@@ -1,4 +1,2 @@
-declare module '@rio-cloud/rio-uikit/useMutationObserver' {
-    import { UseMutationObserver } from './types';
-    export default UseMutationObserver;
-}
+export { default } from './hooks/useMutationObserver';
+export * from './hooks/useMutationObserver';

package/useMutationObserver.js

@@ -1,2 +1,2 @@
-import { default as _useMutationObserver } from './hooks/useMutationObserver';
-export { _useMutationObserver as default };
+export { default } from './hooks/useMutationObserver';
+export * from './hooks/useMutationObserver';

package/useOnMount.d.ts

@@ -1,2 +1,2 @@
-export { _useOnMount as default };
-import { default as _useOnMount } from "./hooks/useOnMount";
+export { default } from './hooks/useOnMount';
+export * from './hooks/useOnMount';

package/useOnMount.js

@@ -1,2 +1,2 @@
-import { default as _useOnMount } from './hooks/useOnMount';
-export { _useOnMount as default };
+export { default } from './hooks/useOnMount';
+export * from './hooks/useOnMount';

package/useOnScreen.d.ts

@@ -1,4 +1,2 @@
-declare module '@rio-cloud/rio-uikit/useOnScreen' {
-    import { UseOnScreen } from './types';
-    export default UseOnScreen;
-}
+export { default } from './hooks/useOnScreen';
+export * from './hooks/useOnScreen';

package/useOnScreen.js

@@ -1,2 +1,2 @@
-import { default as _useOnScreen } from './hooks/useOnScreen';
-export { _useOnScreen as default };
+export { default } from './hooks/useOnScreen';
+export * from './hooks/useOnScreen';

package/useOnlineStatus.d.ts

@@ -1,4 +1,2 @@
-declare module '@rio-cloud/rio-uikit/useOnlineStatus' {
-    import { UseOnlineStatus } from './types';
-    export default UseOnlineStatus;
-}
+export { default } from './hooks/useOnlineStatus';
+export * from './hooks/useOnlineStatus';

package/useOnlineStatus.js

@@ -1,2 +1,2 @@
-import { default as _useOnlineStatus } from './hooks/useOnlineStatus';
-export { _useOnlineStatus as default };
+export { default } from './hooks/useOnlineStatus';
+export * from './hooks/useOnlineStatus';

package/usePostMessage.d.ts

@@ -0,0 +1,2 @@
+export { default } from './hooks/usePostMessage';
+export * from './hooks/usePostMessage';

package/usePostMessage.js

@@ -0,0 +1,2 @@
+export { default } from './hooks/usePostMessage';
+export * from './hooks/usePostMessage';

package/useRenderCount.d.ts

@@ -1,4 +1,2 @@
-declare module '@rio-cloud/rio-uikit/useRenderCount' {
-    import { UseRenderCount } from './types';
-    export default UseRenderCount;
-}
+export { default } from './hooks/useRenderCount';
+export * from './hooks/useRenderCount';

package/useRenderCount.js

@@ -1,2 +1,2 @@
-import { default as _useRenderCount } from './hooks/useRenderCount';
-export { _useRenderCount as default };
+export { default } from './hooks/useRenderCount';
+export * from './hooks/useRenderCount';

package/useResizeObserver.d.ts

@@ -1,4 +1,2 @@
-declare module '@rio-cloud/rio-uikit/useResizeObserver' {
-    import { UseResizeObserver } from './types';
-    export default UseResizeObserver;
-}
+export { default } from './hooks/useResizeObserver';
+export * from './hooks/useResizeObserver';

package/useResizeObserver.js

@@ -1,2 +1,2 @@
-import { default as _useResizeObserver } from './hooks/useResizeObserver';
-export { _useResizeObserver as default };
+export { default } from './hooks/useResizeObserver';
+export * from './hooks/useResizeObserver';

package/useScrollPosition.d.ts

@@ -1,4 +1,2 @@
-declare module '@rio-cloud/rio-uikit/useScrollPosition' {
-    import { UseScrollPosition } from './types';
-    export default UseScrollPosition;
-}
+export { default } from './hooks/useScrollPosition';
+export * from './hooks/useScrollPosition';

package/useScrollPosition.js

@@ -1,2 +1,2 @@
-import { default as _useScrollPosition } from './hooks/useScrollPosition';
-export { _useScrollPosition as default };
+export { default } from './hooks/useScrollPosition';
+export * from './hooks/useScrollPosition';

package/useSessionStorage.d.ts

@@ -1,4 +1 @@
-declare module '@rio-cloud/rio-uikit/useSessionStorage' {
-    import { UseSessionStorage } from './types';
-    export default UseSessionStorage;
-}
+export { useSessionStorage as default } from './hooks/useStorage';

package/useSessionStorage.js

@@ -1,2 +1 @@
-import { useSessionStorage } from './hooks/useStorage';
-export { useSessionStorage as default };
+export { useSessionStorage as default } from './hooks/useStorage';

package/useStateWithValidation.d.ts

@@ -1,4 +1,2 @@
-declare module '@rio-cloud/rio-uikit/useStateWithValidation' {
-    import { UseStateWithValidation } from './types';
-    export default UseStateWithValidation;
-}
+export { default } from './hooks/useStateWithValidation';
+export * from './hooks/useStateWithValidation';

package/useStateWithValidation.js

@@ -1,2 +1,2 @@
-import { default as _useStateWithValidation } from './hooks/useStateWithValidation';
-export { _useStateWithValidation as default };
+export { default } from './hooks/useStateWithValidation';
+export * from './hooks/useStateWithValidation';

package/useTimeout.d.ts

@@ -1,4 +1,2 @@
-declare module '@rio-cloud/rio-uikit/useTimeout' {
-    import { UseTimeout } from './types';
-    export default UseTimeout;
-}
+export { default } from './hooks/useTimeout';
+export * from './hooks/useTimeout';

package/useTimeout.js

@@ -1,2 +1,2 @@
-import { default as _useTimeout } from './hooks/useTimeout';
-export { _useTimeout as default };
+export { default } from './hooks/useTimeout';
+export * from './hooks/useTimeout';

package/useWindowResize.d.ts

@@ -1,4 +1,2 @@
-declare module '@rio-cloud/rio-uikit/useWindowResize' {
-    import { UseWindowResize } from './types';
-    export default UseWindowResize;
-}
+export { default } from './hooks/useWindowResize';
+export * from './hooks/useWindowResize';

package/useWindowResize.js

@@ -1,2 +1,2 @@
-import { default as _useWindowResize } from './hooks/useWindowResize';
-export { _useWindowResize as default };
+export { default } from './hooks/useWindowResize';
+export * from './hooks/useWindowResize';

package/utils/SortUtils.d.ts

@@ -1,6 +1,9 @@
-export namespace SortDirection {
-    const ASCENDING: string;
-    const DESCENDING: string;
-}
-export function sortByProperty(array: any, property: any, sortDirection: string | undefined, isCaseSensitiv: any): import("lodash/fp").LodashOrderBy1x4<any>;
-export function naturalSortByProperty(array: any, property: any, sortDirection: string | undefined, isCaseSensitiv: any): any[];
+import type { ObjectValues } from './ObjectValues';
+export declare const SortDirection: {
+    readonly ASCENDING: "asc";
+    readonly DESCENDING: "desc";
+};
+export type SortDirectionType = ObjectValues<typeof SortDirection>;
+export default SortDirection;
+export declare const sortByProperty: <T>(array: T[], property: keyof T, sortDirection?: SortDirectionType, isCaseSensitive?: boolean) => T[];
+export declare const naturalSortByProperty: <T>(array: T[], property: keyof T, sortDirection?: SortDirectionType, isCaseSensitive?: boolean) => T[];

package/utils/SortUtils.js

@@ -4,21 +4,22 @@ export const SortDirection = {
     ASCENDING: 'asc',
     DESCENDING: 'desc',
 };
+export default SortDirection;
 const toLowerCaseProp = (element, prop) => {
     if (typeof element[prop] === 'string') {
         return element[prop].toLowerCase();
     }
     return element[prop];
 };
-export const sortByProperty = (array, property, sortDirection = SortDirection.ASCENDING, isCaseSensitiv) => {
-    if (!isCaseSensitiv) {
-        return orderBy(element => toLowerCaseProp(element, property), sortDirection, array);
+export const sortByProperty = (array, property, sortDirection = SortDirection.ASCENDING, isCaseSensitive) => {
+    if (!isCaseSensitive) {
+        return orderBy((element) => toLowerCaseProp(element, property), sortDirection, array);
     }
-    return orderBy(property, sortDirection, array);
+    return orderBy([property], sortDirection, array);
 };
-export const naturalSortByProperty = (array, property, sortDirection = SortDirection.ASCENDING, isCaseSensitiv) => {
-    if (!isCaseSensitiv) {
-        return naturalOrderBy(array, element => toLowerCaseProp(element, property), sortDirection);
+export const naturalSortByProperty = (array, property, sortDirection = SortDirection.ASCENDING, isCaseSensitive) => {
+    if (!isCaseSensitive) {
+        return naturalOrderBy(array, (element) => toLowerCaseProp(element, property), sortDirection);
     }
-    return naturalOrderBy(array, property, sortDirection);
+    return naturalOrderBy(array, property, [sortDirection]);
 };

package/utils/arrayMove.d.ts

@@ -1,2 +1,2 @@
+declare const arrayMove: <T>(array: T[], from: number, to: number) => T[];
 export default arrayMove;
-declare function arrayMove(array: any, from: any, to: any): any[];

package/utils/arrayMove.js

@@ -1,5 +1,5 @@
 // taken from https://github.com/sindresorhus/array-move
-// but added here so it will be compiled to es5 as the original library was not nad failed iin IE11
+// but added here so it will be compiled to es5 as the original library was not and failed in IE11
 const arrayMoveMutate = (array, from, to) => {
     const startIndex = to < 0 ? array.length + to : to;
     const item = array.splice(from, 1)[0];

package/utils/colorScheme.d.ts

@@ -1,9 +1,26 @@
-export const THEME_DATA_ATTRIBUTE: "data-theme";
-export const THEME_CHANGE_EVENT: "themechange";
-export const THEME_DEFAULT: "default";
-export const THEME_SYSTEM: "system";
-export const THEME_LIGHT: "light";
-export const THEME_DARK: "dark";
-export function getColorScheme(): "default" | "system" | "light" | "dark" | undefined;
-export function setColorScheme(scheme: any): void;
-export function listenForSchemeChange(): void;
+export declare const THEME_DATA_ATTRIBUTE = "data-theme";
+export declare const THEME_CHANGE_EVENT = "themechange";
+export declare const THEME_DEFAULT: "default";
+export declare const THEME_SYSTEM: "system";
+export declare const THEME_LIGHT: "light";
+export declare const THEME_DARK: "dark";
+export type ColorScheme = typeof THEME_DEFAULT | typeof THEME_SYSTEM | typeof THEME_LIGHT | typeof THEME_DARK;
+/**
+ * Returns the desired color scheme based on the user's cookie.
+ *
+ * This might be `undefined`, too, when no cookie value is set!
+ */
+export declare const getColorScheme: () => ColorScheme | undefined;
+/**
+ * Stores the given preferred color scheme in the browser's cookies.
+ *
+ * This should be done by a RIO service like User Profile SPA using a theme switcher component from the UIKIT where this
+ * function is referenced.
+ *
+ * @param scheme The color scheme to save.
+ */
+export declare const setColorScheme: (scheme: ColorScheme) => void;
+/**
+ * Initiates listening for theme change events.
+ */
+export declare const listenForSchemeChange: () => void;

package/utils/colorScheme.js

@@ -1,54 +1,76 @@
 const COOKIE_NAME = 'uikit-color-scheme';
-export const THEME_DATA_ATTRIBUTE = 'data-theme';
-export const THEME_CHANGE_EVENT = 'themechange';
 const PATH = '/';
 const DOMAIN = '.rio.cloud';
 const EXPIRATION_DATE = 'Thu, 18 Dec 2030 12:00:00 UTC';
+export const THEME_DATA_ATTRIBUTE = 'data-theme';
+export const THEME_CHANGE_EVENT = 'themechange';
 export const THEME_DEFAULT = 'default';
 export const THEME_SYSTEM = 'system';
 export const THEME_LIGHT = 'light';
 export const THEME_DARK = 'dark';
-export const getColorScheme = () => readColorSchemeFromCookie();
-export const setColorScheme = scheme => writeColorSchemeToCookie(scheme);
-export const listenForSchemeChange = () => listenForCookieChange();
-const readColorSchemeFromCookie = () => {
-    const decodedCookie = decodeURIComponent(document.cookie);
-    // console.debug(decodedCookie);
-    const [uikitCname] = decodedCookie.split(';').filter(entry => entry.includes(COOKIE_NAME));
-    if (!uikitCname) {
-        return;
-    }
-    const [, colorScheme] = uikitCname.split('=');
-    // console.debug(`readColorSchemeFromCookie: ${colorScheme}`);
-    if (!colorScheme) {
-        return;
-    }
+const updateHtmlScheme = (scheme) => {
     const html = document.documentElement;
-    if (colorScheme === THEME_DEFAULT || colorScheme === THEME_SYSTEM) {
+    if (scheme) {
+        html.setAttribute(THEME_DATA_ATTRIBUTE, scheme);
+    }
+    else {
         html.removeAttribute(THEME_DATA_ATTRIBUTE);
-        return colorScheme;
     }
-    if (colorScheme === THEME_LIGHT || colorScheme === THEME_DARK) {
-        html.setAttribute(THEME_DATA_ATTRIBUTE, colorScheme);
-        return colorScheme;
+};
+const getSchemeFromCookie = () => {
+    const decodedCookie = decodeURIComponent(document.cookie);
+    const find = decodedCookie.split(';').find(entry => entry.includes(COOKIE_NAME));
+    return find === null || find === void 0 ? void 0 : find.split('=')[1];
+};
+/**
+ * Returns the desired color scheme based on the user's cookie.
+ *
+ * This might be `undefined`, too, when no cookie value is set!
+ */
+export const getColorScheme = () => {
+    const colorScheme = getSchemeFromCookie();
+    switch (colorScheme) {
+        case THEME_DEFAULT:
+            updateHtmlScheme();
+            break;
+        case THEME_SYSTEM:
+            if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
+                updateHtmlScheme(THEME_DARK);
+            }
+            else {
+                updateHtmlScheme(THEME_LIGHT);
+            }
+            break;
+        case THEME_LIGHT:
+        case THEME_DARK:
+            updateHtmlScheme(colorScheme);
+            break;
     }
+    return colorScheme;
 };
-// This should be done by a RIO service like User Profile SPA using a theme switcher component from the uikit
-// where this function is referenced
-const writeColorSchemeToCookie = scheme => {
+/**
+ * Stores the given preferred color scheme in the browser's cookies.
+ *
+ * This should be done by a RIO service like User Profile SPA using a theme switcher component from the UIKIT where this
+ * function is referenced.
+ *
+ * @param scheme The color scheme to save.
+ */
+export const setColorScheme = (scheme) => {
     const isDevEnv = (window === null || window === void 0 ? void 0 : window.location.host.startsWith('localhost')) || (window === null || window === void 0 ? void 0 : window.location.host.startsWith('127.0.0.1'));
     const newCookieValues = encodeURIComponent(scheme);
-    const cookie = `${COOKIE_NAME}=${newCookieValues};domain=${isDevEnv ? 'localhost' : DOMAIN};expires=${EXPIRATION_DATE};path=${PATH}`;
-    console.log(`writeColorSchemeToCookie: ${cookie}`);
-    document.cookie = cookie;
+    const domain = isDevEnv ? 'localhost' : DOMAIN;
+    document.cookie = `${COOKIE_NAME}=${newCookieValues};domain=${domain};expires=${EXPIRATION_DATE};path=${PATH}`;
 };
-const listenForCookieChange = () => {
-    const eventHandler = event => {
+/**
+ * Initiates listening for theme change events.
+ */
+export const listenForSchemeChange = () => {
+    window === null || window === void 0 ? void 0 : window.addEventListener('message', event => {
         if (event.data === THEME_CHANGE_EVENT) {
             readColorSchemeFromCookie();
             // Re-send the event to all iframes that might not be notified yet
             [...document === null || document === void 0 ? void 0 : document.getElementsByTagName('iframe')].map(frame => { var _a; return (_a = frame.contentWindow) === null || _a === void 0 ? void 0 : _a.postMessage(THEME_CHANGE_EVENT, '*'); });
         }
-    };
-    window === null || window === void 0 ? void 0 : window.addEventListener('message', eventHandler, false);
+    }, false);
 };

package/utils/darkModeCDN.d.ts

@@ -1,3 +1,3 @@
 declare const COOKIE_NAME: "uikit-color-scheme";
-declare function readColorSchemeFromCookie(): "default" | "system" | "light" | "dark" | undefined;
+declare function readColorSchemeFromCookie(): "default" | "dark" | "light" | "system" | undefined;
 declare function listenForCookieChange(): void;

package/utils/darkModeCDN.js

@@ -7,7 +7,7 @@ const readColorSchemeFromCookie = () => {
     const THEME_LIGHT = 'light';
     const THEME_DARK = 'dark';
     const decodedCookie = decodeURIComponent(document.cookie);
-    console.debug(decodedCookie);
+    // console.debug(decodedCookie);
     const [uikitCname] = decodedCookie.split(';').filter(entry => entry.includes(COOKIE_NAME));
     if (!uikitCname) {
         return;
@@ -18,10 +18,19 @@ const readColorSchemeFromCookie = () => {
         return;
     }
     const html = document.documentElement;
-    if (colorScheme === THEME_DEFAULT || colorScheme === THEME_SYSTEM) {
+    if (colorScheme === THEME_DEFAULT) {
         html.removeAttribute(THEME_DATA_ATTRIBUTE);
         return colorScheme;
     }
+    if (colorScheme === THEME_SYSTEM) {
+        if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
+            html.setAttribute(THEME_DATA_ATTRIBUTE, THEME_DARK);
+        }
+        else {
+            html.setAttribute(THEME_DATA_ATTRIBUTE, THEME_LIGHT);
+        }
+        return colorScheme;
+    }
     if (colorScheme === THEME_LIGHT || colorScheme === THEME_DARK) {
         html.setAttribute(THEME_DATA_ATTRIBUTE, colorScheme);
         return colorScheme;

package/utils/deviceUtils.d.ts

@@ -1,12 +1,12 @@
-export function hasTouch(): boolean;
-export const MOBILE_SCREEN: 480;
-export const SCREEN_SM: 768;
-export const SCREEN_MD: 992;
-export const SCREEN_LG: 1200;
-export const SCREEN_XL: 1700;
-export function isMobileScreen(): boolean;
-export function isMobile(): boolean;
-export function isDesktop(): boolean;
-export function isRetinaDevice(): boolean;
-export function inIframe(): boolean;
-export function toggleZoomOnMobile(): void;
+export declare const hasTouch: () => boolean;
+export declare const MOBILE_SCREEN = 480;
+export declare const SCREEN_SM = 768;
+export declare const SCREEN_MD = 992;
+export declare const SCREEN_LG = 1200;
+export declare const SCREEN_XL = 1700;
+export declare const isMobileScreen: () => boolean;
+export declare const isMobile: () => boolean;
+export declare const isDesktop: () => boolean;
+export declare const isRetinaDevice: () => boolean;
+export declare const inIframe: () => boolean;
+export declare const toggleZoomOnMobile: () => void;