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

package/lib/es/utils/colorScheme.js

@@ -2,59 +2,81 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.listenForSchemeChange = exports.setColorScheme = exports.getColorScheme = exports.THEME_DARK = exports.THEME_LIGHT = exports.THEME_SYSTEM = exports.THEME_DEFAULT = exports.THEME_CHANGE_EVENT = exports.THEME_DATA_ATTRIBUTE = void 0;
 const COOKIE_NAME = 'uikit-color-scheme';
-exports.THEME_DATA_ATTRIBUTE = 'data-theme';
-exports.THEME_CHANGE_EVENT = 'themechange';
 const PATH = '/';
 const DOMAIN = '.rio.cloud';
 const EXPIRATION_DATE = 'Thu, 18 Dec 2030 12:00:00 UTC';
+exports.THEME_DATA_ATTRIBUTE = 'data-theme';
+exports.THEME_CHANGE_EVENT = 'themechange';
 exports.THEME_DEFAULT = 'default';
 exports.THEME_SYSTEM = 'system';
 exports.THEME_LIGHT = 'light';
 exports.THEME_DARK = 'dark';
-const getColorScheme = () => readColorSchemeFromCookie();
-exports.getColorScheme = getColorScheme;
-const setColorScheme = scheme => writeColorSchemeToCookie(scheme);
-exports.setColorScheme = setColorScheme;
-const listenForSchemeChange = () => listenForCookieChange();
-exports.listenForSchemeChange = listenForSchemeChange;
-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 === exports.THEME_DEFAULT || colorScheme === exports.THEME_SYSTEM) {
+    if (scheme) {
+        html.setAttribute(exports.THEME_DATA_ATTRIBUTE, scheme);
+    }
+    else {
         html.removeAttribute(exports.THEME_DATA_ATTRIBUTE);
-        return colorScheme;
     }
-    if (colorScheme === exports.THEME_LIGHT || colorScheme === exports.THEME_DARK) {
-        html.setAttribute(exports.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!
+ */
+const getColorScheme = () => {
+    const colorScheme = getSchemeFromCookie();
+    switch (colorScheme) {
+        case exports.THEME_DEFAULT:
+            updateHtmlScheme();
+            break;
+        case exports.THEME_SYSTEM:
+            if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
+                updateHtmlScheme(exports.THEME_DARK);
+            }
+            else {
+                updateHtmlScheme(exports.THEME_LIGHT);
+            }
+            break;
+        case exports.THEME_LIGHT:
+        case exports.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 => {
+exports.getColorScheme = getColorScheme;
+/**
+ * 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.
+ */
+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 => {
+exports.setColorScheme = setColorScheme;
+/**
+ * Initiates listening for theme change events.
+ */
+const listenForSchemeChange = () => {
+    window === null || window === void 0 ? void 0 : window.addEventListener('message', event => {
         if (event.data === exports.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(exports.THEME_CHANGE_EVENT, '*'); });
         }
-    };
-    window === null || window === void 0 ? void 0 : window.addEventListener('message', eventHandler, false);
+    }, false);
 };
+exports.listenForSchemeChange = listenForSchemeChange;

package/lib/es/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/lib/es/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/lib/es/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;

package/lib/es/utils/deviceUtils.js

@@ -4,19 +4,21 @@ exports.toggleZoomOnMobile = exports.inIframe = exports.isRetinaDevice = exports
 const cssuseragent_1 = require("./cssuseragent");
 // As "cssuseragent" is accessing the html dom object directly without checking whether it exists or not,
 // we need to initialize only when html really exists. This avoids issues when running the UIKIT in a web-worker
-if (document && document.documentElement) {
+if (document === null || document === void 0 ? void 0 : document.documentElement) {
     (0, cssuseragent_1.cssua)(document.documentElement, navigator.userAgent, navigator.standalone);
 }
-const isDefined = val => val !== undefined && val !== null;
+// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+const isDefined = (val) => val !== undefined && val !== null;
 // see https://patrickhlauke.github.io/touch/touchscreen-detection/ for reference
 const hasTouch = () => {
+    var _a;
     if (window.PointerEvent && isDefined(navigator.maxTouchPoints)) {
         // if Pointer Events are supported, just check maxTouchPoints
         if (navigator.maxTouchPoints > 0) {
             return true;
         }
     }
-    else if (window.matchMedia && window.matchMedia('(any-pointer:coarse)').matches) {
+    else if ((_a = window.matchMedia) === null || _a === void 0 ? void 0 : _a.call(window, '(any-pointer:coarse)').matches) {
         // no Pointer Events...
         // check for any-pointer:coarse which mostly means touchscreen
         return true;
@@ -36,9 +38,9 @@ exports.SCREEN_LG = 1200;
 exports.SCREEN_XL = 1700;
 const isMobileScreen = () => window.matchMedia(`(max-width: ${exports.MOBILE_SCREEN}px)`).matches;
 exports.isMobileScreen = isMobileScreen;
-const isMobile = () => document && document.documentElement.classList.contains('ua-mobile');
+const isMobile = () => document === null || document === void 0 ? void 0 : document.documentElement.classList.contains('ua-mobile');
 exports.isMobile = isMobile;
-const isDesktop = () => document && document.documentElement.classList.contains('ua-desktop');
+const isDesktop = () => document === null || document === void 0 ? void 0 : document.documentElement.classList.contains('ua-desktop');
 exports.isDesktop = isDesktop;
 const isRetinaDevice = () => window.devicePixelRatio > 1;
 exports.isRetinaDevice = isRetinaDevice;

package/lib/es/utils/getWidthInBoundaries.d.ts

@@ -0,0 +1,2 @@
+declare const getWidthInBoundaries: (minWidth: number, maxWidth: number, width: number) => number;
+export default getWidthInBoundaries;

package/lib/es/utils/getWidthInBoundaries.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const getWidthInBoundaries = (minWidth, maxWidth, width) => {
+    if (width > 0 && width < minWidth) {
+        return minWidth;
+    }
+    if (width > 0 && width > maxWidth) {
+        return maxWidth;
+    }
+    if (width > 0 && width > maxWidth) {
+        return maxWidth;
+    }
+    return width;
+};
+exports.default = getWidthInBoundaries;

package/lib/es/utils/init/initCSS.d.ts

@@ -0,0 +1,2 @@
+export declare const initCSS: () => void;
+export declare const checkCSSVersion: () => void;

package/lib/es/utils/init/initCSS.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkCSSVersion = exports.initCSS = void 0;
+const initConfig_1 = require("./initConfig");
+const version_json_1 = require("../../version.json");
+const documentHas = (selector) => !!document.head.querySelector(selector);
+const documentHasAnyOf = (selectors) => selectors.some(documentHas);
+const BRANDS = ['rio', 'man', 'vw', 'scania', 'traton'];
+const isValidBrand = (input) => BRANDS.includes(input);
+const getBrand = (input) => (isValidBrand(input) ? input : 'rio');
+const initCSS = () => {
+    var _a;
+    if (!window.CSS || !window.CSS.supports || !window.CSS.supports('gap: 1px')) {
+        document.documentElement.classList.add('css-no-gap');
+    }
+    if (initConfig_1.isInIframe) {
+        document.documentElement.classList.add('window-iframe');
+    }
+    if ((_a = document.title) === null || _a === void 0 ? void 0 : _a.includes('UIKIT Demo')) {
+        return;
+    }
+    (0, initConfig_1.debug)('Checking for UIKIT CSS in document head.');
+    const hasUikitCssLink = documentHasAnyOf(['link[href*="rio-uikit.css"]', 'link[href*="rio-uikit-core.css"]']);
+    const isUikitDemoPage = documentHas('style[data-vite-dev-id*="uikit.less"]');
+    const hasUikitBrandCssLink = documentHasAnyOf([
+        'link[href*="man-uikit.css"]',
+        'link[href*="vw-uikit.css"]',
+        'link[href*="scania-uikit.css"]',
+        'link[href*="traton-uikit.css"]',
+        'link[href*="rio-website.css"]',
+    ]);
+    if (hasUikitCssLink || isUikitDemoPage || hasUikitBrandCssLink) {
+        (0, initConfig_1.debug)('UIKIT CSS found in document head.');
+        return;
+    }
+    // If nothing is set, add a link tag to fetch the CSS from the UIKIT CDN.
+    // Note: there is no way to differentiate between core + responsive or full CSS
+    (0, initConfig_1.debug)('No UIKIT CSS found => append link tag to document head.');
+    const brand = getBrand(document.documentElement.dataset.brand);
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.type = 'text/css';
+    link.href = `https://uikit.developers.rio.cloud/${version_json_1.version}/${brand}-uikit.css`;
+    document.head.appendChild(link);
+};
+exports.initCSS = initCSS;
+const checkCSSVersion = () => {
+    const cssLinks = [...document.querySelectorAll('link[rel="stylesheet"]')];
+    cssLinks.forEach(cssLink => {
+        const { href } = cssLink;
+        if (href.includes('uikit.developers.rio.cloud')) {
+            const [, uikitVersionCSS] = new URL(href).pathname.split('/');
+            if (!href.includes(version_json_1.version)) {
+                console.warn(
+                // biome-ignore lint/style/useTemplate: <explanation>
+                'You are using different UIKIT JS and CSS versions.\n' +
+                    `Your current JS version is ${version_json_1.version} and ` +
+                    `your current CSS version is ${uikitVersionCSS}.\n` +
+                    'If this is not on purpose, please fix it. Otherwise, this may lead to UI bugs.');
+            }
+        }
+        else if (href.includes('cdn.rio.cloud/libs/rio-uikit')) {
+            console.error('You are still using an old "cdn.rio.cloud" css import. This will most likely cause major UI bugs! ' +
+                'Please update to the CSS URLs as explained on https://uikit.developers.rio.cloud/#start/howto.');
+        }
+    });
+};
+exports.checkCSSVersion = checkCSSVersion;

package/lib/es/utils/init/initConfig.d.ts

@@ -0,0 +1,4 @@
+export declare const isProd: boolean;
+export declare const isTest: boolean;
+export declare const isInIframe: boolean;
+export declare const debug: (message: string) => false | void;

package/lib/es/utils/init/initConfig.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.debug = exports.isInIframe = exports.isTest = exports.isProd = void 0;
+const tslib_1 = require("tslib");
+const process_1 = tslib_1.__importDefault(require("process"));
+const deviceUtils_1 = require("../deviceUtils");
+// Note: using import.meta.env.DEV does not work here due to backward compatibility with webpack and jest setups
+exports.isProd = process_1.default.env.NODE_ENV === 'production' || location.protocol.startsWith('https');
+exports.isTest = process_1.default.env.NODE_ENV === 'test';
+exports.isInIframe = (0, deviceUtils_1.inIframe)();
+const debug = (message) => !exports.isTest && console.debug(message);
+exports.debug = debug;

package/lib/es/utils/init/initDocumentBootstrapping.d.ts

@@ -0,0 +1 @@
+export declare const initDocumentBootstrapping: () => Promise<void>;

package/lib/es/utils/init/initDocumentBootstrapping.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initDocumentBootstrapping = void 0;
+const tslib_1 = require("tslib");
+const colorScheme_1 = require("../colorScheme");
+const version_json_1 = require("../../version.json");
+const initConfig_1 = require("./initConfig");
+const printPoweredByRIO_1 = require("./printPoweredByRIO");
+const initCSS_1 = require("./initCSS");
+const versionsListUrl = 'https://uikit.developers.rio.cloud/versionsList.json';
+const checkForReleaseVersion = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    if (!initConfig_1.isProd) {
+        return;
+    }
+    try {
+        const response = yield fetch(versionsListUrl);
+        const { latest_release } = yield response.json();
+        if (latest_release > version_json_1.version) {
+            console.log(`🆕 You are using version ${version_json_1.version} of the UIKIT while the latest released version is` +
+                ` ${latest_release}. Please consider updating.`);
+        }
+    }
+    catch (error) {
+        console.debug('Failed to fetch UIKIT version list.');
+    }
+});
+const initDocumentBootstrapping = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    if (!document || !document.documentElement) {
+        return;
+    }
+    (0, initCSS_1.initCSS)();
+    if (!initConfig_1.isTest) {
+        console.group('UIKIT');
+        console.log(`Init UIKIT for ${document.location.href}.`);
+        (0, colorScheme_1.getColorScheme)();
+        (0, colorScheme_1.listenForSchemeChange)();
+        (0, printPoweredByRIO_1.printPoweredByRIO)();
+        yield checkForReleaseVersion();
+        (0, initCSS_1.checkCSSVersion)();
+        console.groupEnd();
+    }
+});
+exports.initDocumentBootstrapping = initDocumentBootstrapping;

package/lib/es/utils/init/printPoweredByRIO.d.ts

@@ -0,0 +1 @@
+export declare const printPoweredByRIO: () => void;

package/lib/es/utils/init/printPoweredByRIO.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.printPoweredByRIO = void 0;
+const version_json_1 = require("../../version.json");
+const initConfig_1 = require("./initConfig");
+const logStyled = (message) => console.log('%c%s', 'color: #697a8b;', message);
+const printPoweredByRIO = () => {
+    logStyled('- - - - - - - - - - - - - - - - - -');
+    const message = [`RIO UIKIT Version ${version_json_1.version}\nhttps://uikit.developers.rio.cloud`];
+    if (initConfig_1.isProd && !initConfig_1.isInIframe) {
+        message.push('\n\nYou are a Developer? RIO is hiring!\n👉 https://rio.cloud/en/career 👈');
+    }
+    logStyled(message.join(''));
+    logStyled('- - - - - - - - - - - - - - - - - -');
+};
+exports.printPoweredByRIO = printPoweredByRIO;

package/lib/es/utils/init.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.autoInitDocumentBootstrapping = exports.initDocumentBootstrapping = void 0;
 const tslib_1 = require("tslib");
-const throttle_1 = tslib_1.__importDefault(require("lodash/fp/throttle"));
+require("lodash/fp/throttle");
 const process_1 = tslib_1.__importDefault(require("process"));
 const deviceUtils_1 = require("./deviceUtils");
 const colorScheme_1 = require("./colorScheme");
@@ -12,11 +12,6 @@ const uikitVersion = version_json_1.default.version;
 const isProdEnv = () => process_1.default.env.NODE_ENV === 'production' || location.protocol.startsWith('https');
 const isTestEnv = () => process_1.default.env.NODE_ENV === 'test';
 const isLocalhost = () => { var _a; return ((_a = window === null || window === void 0 ? void 0 : window.location) === null || _a === void 0 ? void 0 : _a.hostname) === 'localhost'; };
-// https://css-tricks.com/the-trick-to-viewport-units-on-mobile/
-const calcViewportUnits = () => {
-    const vh = window.innerHeight * 0.01;
-    return `--vh: ${vh}px`;
-};
 const debug = (message) => !isTestEnv() && console.debug(message);
 const log = (message) => !isTestEnv() && console.log(message);
 const logStyled = (message) => console.log('%c%s', 'color: #697a8b;', message);
@@ -74,9 +69,15 @@ const experimentalLoadUikitCSS = () => {
     }
     // check for existing uikit CSS in document head
     debug('Check for UIKIT CSS in document head');
-    const hasUikitCssLink = !!document.head.querySelector('link[href*="rio-uikit"]');
+    const hasUikitCssLink = !!document.head.querySelector('link[href*="rio-uikit.css"]') ||
+        !!document.head.querySelector('link[href*="rio-uikit-core.css"]');
     const isUikitDemoPage = !!document.head.querySelector('style[data-vite-dev-id*="uikit.less"]');
-    if (hasUikitCssLink || isUikitDemoPage) {
+    const hasUikitThemeCssLink = !!document.head.querySelector('link[href*="man-uikit.css"]') ||
+        !!document.head.querySelector('link[href*="vw-uikit.css"]') ||
+        !!document.head.querySelector('link[href*="scania-uikit.css"]') ||
+        !!document.head.querySelector('link[href*="traton-uikit.css"]') ||
+        !!document.head.querySelector('link[href*="rio-website.css"]');
+    if (hasUikitCssLink || isUikitDemoPage || hasUikitThemeCssLink) {
         debug('Existing UIKIT CSS found in document head');
         return;
     }
@@ -101,10 +102,6 @@ const initDocumentBootstrapping = (document) => {
     }
     experimentalLoadUikitCSS();
     const html = document.documentElement;
-    const setViewportUnits = () => html.setAttribute('style', calcViewportUnits());
-    window.addEventListener('orientationchange', (0, throttle_1.default)(1000, setViewportUnits));
-    window.addEventListener('resize', (0, throttle_1.default)(1000, setViewportUnits));
-    setViewportUnits();
     if (!window.CSS || !window.CSS.supports || !window.CSS.supports('gap: 1px')) {
         html.classList.add('css-no-gap');
     }

package/lib/es/utils/mergeRefs.d.ts

@@ -0,0 +1,3 @@
+import React, { Ref } from 'react';
+declare const mergeRefs: <T>(refs: React.Ref<T>[]) => React.Ref<T>;
+export default mergeRefs;

package/lib/es/utils/mergeRefs.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// @ts-ignore-next-line importsNotUsedAsValues
+require("react");
+// Utility function to merge multiple refs
+const mergeRefs = (refs) => {
+    return (value) => {
+        refs.forEach(ref => {
+            if (typeof ref === 'function') {
+                ref(value);
+            }
+            else if (ref) {
+                ref.current = value;
+            }
+        });
+    };
+};
+exports.default = mergeRefs;

package/lib/es/utils/portalRoot.d.ts

@@ -1,2 +1,2 @@
-export const PORTAL_ROOT_ID: "uikit-root";
-export function getOrCreatePortalRoot(): HTMLElement;
+export declare const PORTAL_ROOT_ID = "uikit-root";
+export declare const getOrCreatePortalRoot: () => HTMLElement;

package/lib/es/utils/routeUtils.d.ts

@@ -1,15 +1,15 @@
-export function getSortDirShort(sortDir: any): "-" | "+";
-export function parseSorting(sortValueShort: any): {
-    sortBy: any;
-    sortDir: string;
+export type ColumnsSettings = {
+    columnOrder: string[];
+    hiddenColumns: string[];
+    columnsDetails: Record<string, {
+        width: number;
+        defaultWidth?: number;
+    }>;
 };
-export function mapColumnsSettingsToStrings({ columnOrder, hiddenColumns, columnsDetails }: {
-    columnOrder?: any[] | undefined;
-    hiddenColumns?: any[] | undefined;
-    columnsDetails?: {} | undefined;
-}): string[];
-export function parseColumnsSettingsStrings(settings: any[] | undefined, defaultColumnsDetails: any): {
-    columnOrder: never[];
-    hiddenColumns: never[];
-    columnsDetails: any;
+export declare const getSortDirShort: (sortDir: string) => "-" | "+";
+export declare const parseSorting: (sortValueShort: string) => {
+    sortBy: string;
+    sortDir: "desc" | "asc";
 };
+export declare const mapColumnsSettingsToStrings: ({ columnOrder, hiddenColumns, columnsDetails, }: ColumnsSettings) => string[];
+export declare const parseColumnsSettingsStrings: (settings: string[], defaultColumnsDetails: ColumnsSettings['columnsDetails']) => ColumnsSettings;

package/lib/es/utils/routeUtils.js

@@ -5,9 +5,9 @@ const tslib_1 = require("tslib");
 const get_1 = tslib_1.__importDefault(require("lodash/fp/get"));
 const isFinite_1 = tslib_1.__importDefault(require("lodash/fp/isFinite"));
 const SortUtils_1 = require("./SortUtils");
-const getSortDirShort = sortDir => (sortDir === SortUtils_1.SortDirection.DESCENDING ? '-' : '+');
+const getSortDirShort = (sortDir) => (sortDir === SortUtils_1.SortDirection.DESCENDING ? '-' : '+');
 exports.getSortDirShort = getSortDirShort;
-const parseSorting = sortValueShort => {
+const parseSorting = (sortValueShort) => {
     const sortDir = sortValueShort.startsWith('-') ? SortUtils_1.SortDirection.DESCENDING : SortUtils_1.SortDirection.ASCENDING;
     // Note: due to a bug in qs 6.7.0 the '+' sorting will be parsed as a space by qs even though decoding is disabled
     // therefore, we need to trim the value
@@ -17,7 +17,7 @@ const parseSorting = sortValueShort => {
     };
 };
 exports.parseSorting = parseSorting;
-const mapColumnsSettingsToStrings = ({ columnOrder = [], hiddenColumns = [], columnsDetails = {} }) => {
+const mapColumnsSettingsToStrings = ({ columnOrder = [], hiddenColumns = [], columnsDetails = {}, }) => {
     const mappedColumns = columnOrder.map(column => {
         const currentWidth = (0, get_1.default)('width')(columnsDetails[column]);
         const defaultWidth = (0, get_1.default)('defaultWidth')(columnsDetails[column]);
@@ -28,7 +28,7 @@ const mapColumnsSettingsToStrings = ({ columnOrder = [], hiddenColumns = [], col
     return mappedColumns;
 };
 exports.mapColumnsSettingsToStrings = mapColumnsSettingsToStrings;
-const parseColumnsSettingsStrings = (settings = [], defaultColumnsDetails) => {
+const parseColumnsSettingsStrings = (settings, defaultColumnsDetails) => {
     const columns = {
         columnOrder: [],
         hiddenColumns: [],

package/lib/es/utils/scrollItemIntoView.d.ts

@@ -1,3 +1,3 @@
-export const UP: "up";
-export const DOWN: "down";
-export function scrollItemIntoView(direction: any, dropDownDOMNode: any, focusedItemDOMNode: any): void;
+export declare const UP = "up";
+export declare const DOWN = "down";
+export declare const scrollItemIntoView: (direction: string, dropDownDOMNode: HTMLElement | null, focusedItemDOMNode: HTMLElement | null | undefined) => void;

package/lib/es/utils/searchNormalized.d.ts

@@ -1,2 +1,2 @@
-export function normalizeForSearch(input: any): any;
-export function searchNormalized(input: any, search: any): any;
+export declare const normalizeForSearch: (input: string) => string;
+export declare const searchNormalized: (input: string, search: string) => boolean;

package/lib/es/utils/searchNormalized.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.searchNormalized = exports.normalizeForSearch = void 0;
-const normalizeForSearch = input => input.replaceAll(/\s+/g, ' ').toLowerCase();
+const normalizeForSearch = (input) => input.replaceAll(/\s+/g, ' ').toLowerCase();
 exports.normalizeForSearch = normalizeForSearch;
 const searchNormalized = (input, search) => (0, exports.normalizeForSearch)(input).includes((0, exports.normalizeForSearch)(search));
 exports.searchNormalized = searchNormalized;

package/lib/es/version.json

@@ -1,3 +1,3 @@
 {
-    "version": "0.16.4-beta.7"
+    "version": "1.0.0"
 }