@rio-cloud/rio-uikit 1.0.0 → 1.2.0

package/types.d.ts

@@ -1,71 +0,0 @@
-import type React from 'react';
-import type { Moment } from 'moment';
-export interface DateRangePickerCustomPresets {
-    startValue: Moment;
-    endValue: Moment;
-    text: string | JSX.Element;
-    onSelect?: Function;
-}
-export interface DateRangePickerProps {
-    startValue?: Moment;
-    endValue?: Moment;
-    defaultStartValue?: Moment;
-    defaultEndValue?: Moment;
-    minValue?: Moment | null;
-    maxValue?: Moment | null;
-    onRangeChange?: (start: Moment, end: Moment) => void;
-    locale: string;
-    textDefault?: string | React.ReactNode;
-    textToday?: string | React.ReactNode;
-    textLastWeek?: string | React.ReactNode;
-    textLastMonth?: string | React.ReactNode;
-    textLastYear?: string | React.ReactNode;
-    textCustom?: string | React.ReactNode;
-    textApply?: string | React.ReactNode;
-    textCancel?: string | React.ReactNode;
-    textFrom?: string | React.ReactNode;
-    textTo?: string | React.ReactNode;
-    className?: string;
-    dropdownClass?: string;
-    dropdownMenuClass?: string;
-    hasTimePicker?: boolean;
-    customRangeOnly?: boolean;
-    customPresets?: DateRangePickerCustomPresets[];
-    dropup?: boolean;
-    pullRight?: boolean;
-    autoDropDirection?: boolean;
-}
-export interface TableSettingsDialogColumnDetails {
-    width?: number;
-    defaultWidth?: number;
-    maxWidth?: number;
-}
-export interface TableSettingsDialogProps {
-    show: boolean;
-    title: React.ReactNode;
-    subtitle?: React.ReactNode;
-    className?: string;
-    defaultColumnOrder: string[];
-    defaultHiddenColumns?: string[];
-    columnOrder: string[];
-    hiddenColumns?: string[];
-    columnLabels: any;
-    disabledColumns: string[];
-    columnsDetails?: TableSettingsDialogColumnDetails;
-    defaultColumnDetails?: TableSettingsDialogColumnDetails;
-    autoLabel?: string | React.ReactNode;
-    applyButtonText?: string | React.ReactNode;
-    cancelButtonText?: string | React.ReactNode;
-    closeButtonText?: string | React.ReactNode;
-    resetButtonText: string | React.ReactNode;
-    onColumnChange: Function;
-    onColumnDetailsChange?: Function;
-    onDiscard?: Function;
-    onApply?: Function;
-    onHide: Function;
-    columnSearchValue?: string;
-    onSearchChange?: Function;
-    searchPlaceholder: React.ReactNode;
-    notFoundMessage?: string;
-    immediateChange?: boolean;
-}

package/types.js

@@ -1 +0,0 @@
-export {};

package/utils/GroupSelectionUtil.d.ts

@@ -1 +0,0 @@
-export function getNewGroupedSelected(selected: any, selectedOld: any, compactData: any, openRows: any, extendedData: any, keyField: any, groupHeadKeyField: any): any;

package/utils/GroupSelectionUtil.js

@@ -1,80 +0,0 @@
-import isEmpty from 'lodash/fp/isEmpty';
-import isEqual from 'lodash/fp/isEqual';
-import findIndex from 'lodash/fp/findIndex';
-const getIndexOfCompareItem = (array, compareItem) => {
-    return findIndex(item => isEqual(item, compareItem))(array);
-};
-const getSelectedArrays = selected => {
-    const selectedArrays = [];
-    selected.forEach(item => {
-        if (Array.isArray(item)) {
-            selectedArrays.push(item);
-        }
-    });
-    return selectedArrays;
-};
-const getShownIds = (compactData, openRows, extendedData, keyField, groupHeadKeyField) => {
-    const shownIds = [];
-    compactData.forEach(item => {
-        const entityReference = item[groupHeadKeyField];
-        if (getIndexOfCompareItem(openRows, entityReference) !== -1) {
-            extendedData[entityReference].forEach(extendedItem => {
-                shownIds.push(extendedItem[keyField]);
-            });
-        }
-        shownIds.push(item[keyField]);
-    });
-    return shownIds;
-};
-const getDeSelectedItems = (selected, selectedOld, compactData, openRows, extendedData, keyField, groupHeadKeyField) => {
-    const deSelectedIds = selectedOld.filter(item => getIndexOfCompareItem(selected, item) === -1);
-    const fullDeSelected = [];
-    const selectedArrays = getSelectedArrays(selected);
-    const shownIds = getShownIds(compactData, openRows, extendedData, keyField, groupHeadKeyField);
-    deSelectedIds.forEach(id => {
-        if (Array.isArray(id)) {
-            id.forEach(oneId => fullDeSelected.push(oneId));
-            fullDeSelected.push(id);
-        }
-        else if (shownIds.indexOf(id) !== -1) {
-            selectedArrays.forEach(array => {
-                if (array.indexOf(id) !== -1) {
-                    fullDeSelected.push(array);
-                }
-            });
-            fullDeSelected.push(id);
-        }
-    });
-    return fullDeSelected;
-};
-const getCompactArrays = (compactData, keyField) => {
-    return compactData.map(item => item[keyField]);
-};
-export const getNewGroupedSelected = (selected, selectedOld, compactData, openRows, extendedData, keyField, groupHeadKeyField) => {
-    if (isEmpty(selected)) {
-        return selected;
-    }
-    const fullSelected = [];
-    const deSelected = getDeSelectedItems(selected, selectedOld, compactData, extendedData, openRows, keyField, groupHeadKeyField);
-    selected.forEach(item => {
-        if (getIndexOfCompareItem(deSelected, item) === -1 && getIndexOfCompareItem(fullSelected, item) === -1) {
-            if (Array.isArray(item)) {
-                item.forEach(id => {
-                    if (fullSelected.indexOf(id) === -1) {
-                        fullSelected.push(id);
-                    }
-                });
-            }
-            fullSelected.push(item);
-        }
-    });
-    if (isEmpty(deSelected)) {
-        getCompactArrays(compactData, keyField).forEach(fileIds => {
-            if (!fileIds.some(id => fullSelected.indexOf(id) === -1) &&
-                getIndexOfCompareItem(fullSelected, fileIds) === -1) {
-                fullSelected.push(fileIds);
-            }
-        });
-    }
-    return fullSelected;
-};

package/utils/addEventListener.d.ts

@@ -1,3 +0,0 @@
-export default function _default(node: any, event: any, handler: any, capture: any): {
-    remove(): void;
-};

package/utils/addEventListener.js

@@ -1,13 +0,0 @@
-/*
- * FROM: https://github.com/react-bootstrap/react-overlays/blob/master/src/utils/addEventListener.js
- */
-import addEventListener from 'dom-helpers/addEventListener';
-import removeEventListener from 'dom-helpers/removeEventListener';
-export default function (node, event, handler, capture) {
-    addEventListener(node, event, handler, capture);
-    return {
-        remove() {
-            removeEventListener(node, event, handler, capture);
-        },
-    };
-}

package/utils/addFocusListener.d.ts

@@ -1,3 +0,0 @@
-export default function addFocusListener(handler: any): {
-    remove: () => any;
-};

package/utils/addFocusListener.js

@@ -1,21 +0,0 @@
-/*
- * FROM: https://github.com/react-bootstrap/react-overlays/blob/master/src/utils/addFocusListener.js
- *
- * Firefox doesn't have a focusin event so using capture is easiest way to get bubbling
- * IE8 can't do addEventListener, but does have onfocusin, so we use that in ie8
- *
- * We only allow one Listener at a time to avoid stack overflows
- */
-export default function addFocusListener(handler) {
-    const useFocusin = !document.addEventListener;
-    let remove;
-    if (useFocusin) {
-        document.attachEvent('onfocusin', handler);
-        remove = () => document.detachEvent('onfocusin', handler);
-    }
-    else {
-        document.addEventListener('focus', handler, true);
-        remove = () => document.removeEventListener('focus', handler, true);
-    }
-    return { remove };
-}

package/utils/getOffsetTopWholeScreen.d.ts

@@ -1 +0,0 @@
-export default function getOffsetTopWholeScreen(currentTarget: any): any;

package/utils/getOffsetTopWholeScreen.js

@@ -1,6 +0,0 @@
-export default function getOffsetTopWholeScreen(currentTarget) {
-    if (currentTarget.offsetParent) {
-        return getOffsetTopWholeScreen(currentTarget.offsetParent) + currentTarget.offsetTop;
-    }
-    return currentTarget.offsetTop;
-}

package/utils/init.d.ts

@@ -1,2 +0,0 @@
-export declare const initDocumentBootstrapping: (document: Document) => void;
-export declare const autoInitDocumentBootstrapping: void;

package/utils/init.js

@@ -1,117 +0,0 @@
-import { __awaiter } from "tslib";
-import 'lodash/fp/throttle';
-import process from 'process';
-import { inIframe } from './deviceUtils';
-import { getColorScheme, listenForSchemeChange } from './colorScheme';
-import versionJson from '../version.json';
-const uikitVersion = versionJson.version;
-// Note: using import.meta.env.DEV does not work here due to backward compatibility with webpack and jest setups
-const isProdEnv = () => process.env.NODE_ENV === 'production' || location.protocol.startsWith('https');
-const isTestEnv = () => process.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'; };
-const debug = (message) => !isTestEnv() && console.debug(message);
-const log = (message) => !isTestEnv() && console.log(message);
-const logStyled = (message) => console.log('%c%s', 'color: #697a8b;', message);
-const printPoweredByRIO = () => {
-    logStyled('- - - - - - - - - - - - - - - - - -');
-    const message = [`RIO UIKIT Version ${uikitVersion}\nhttps://uikit.developers.rio.cloud`];
-    if (isProdEnv() && !inIframe()) {
-        message.push('\n\n You are a Developer? RIO is hiring! | https://rio.cloud/en/career');
-    }
-    logStyled(message.join(''));
-    logStyled('- - - - - - - - - - - - - - - - - -');
-};
-const checkForReleaseVersion = () => __awaiter(void 0, void 0, void 0, function* () {
-    if (!isProdEnv()) {
-        return;
-    }
-    const remoteVersionsListUrl = 'https://uikit.developers.rio.cloud/versionsList.json';
-    try {
-        const response = yield fetch(remoteVersionsListUrl, { method: 'get' });
-        // console.log(response);
-        const data = yield response.json();
-        if (data.latest_release !== uikitVersion) {
-            console.log(`🆕 UIKIT version ${data.latest_release} is the latest released version! Your are using ${uikitVersion}`);
-        }
-    }
-    catch (error) {
-        // console.warn(error);
-        console.warn(`Failed to fetch versionsList from ${remoteVersionsListUrl}`);
-    }
-});
-const checkMatchingUkitVersions = () => {
-    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(uikitVersion)) {
-                console.warn([
-                    'You are using different UIKIT JS and CSS versions.\n',
-                    `Your current JS version is ${uikitVersion} and `,
-                    `your current CSS version is ${uikitVersionCSS}.\n`,
-                    'If this is not on purpose, please fix it. Otherwise, this may lead to UI bugs.',
-                ].join(''));
-            }
-        }
-        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 lead to mayor UI bugs!');
-        }
-    });
-};
-const experimentalLoadUikitCSS = () => {
-    var _a;
-    if ((_a = document.title) === null || _a === void 0 ? void 0 : _a.includes('UIKIT Demo')) {
-        return;
-    }
-    // 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.css"]') ||
-        !!document.head.querySelector('link[href*="rio-uikit-core.css"]');
-    const isUikitDemoPage = !!document.head.querySelector('style[data-vite-dev-id*="uikit.less"]');
-    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;
-    }
-    // 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
-    debug('No UIKIT CSS found. Add link tag to document head');
-    const link = document.createElement('link');
-    link.rel = 'stylesheet';
-    link.type = 'text/css';
-    link.href = `https://uikit.developers.rio.cloud/${uikitVersion}/rio-uikit.css`;
-    link.onload = () => console.debug(`Loaded CSS link ${link.href}`);
-    link.onerror = () => console.error(`Failed to load ${link.href}`);
-    document.head.appendChild(link);
-};
-export const initDocumentBootstrapping = (document) => {
-    if (!document || !document.documentElement) {
-        return;
-    }
-    if (!isTestEnv()) {
-        console.group('UIKIT');
-        console.log(`Init document bootstrapping for ${document.location.href}`);
-    }
-    experimentalLoadUikitCSS();
-    const html = document.documentElement;
-    if (!window.CSS || !window.CSS.supports || !window.CSS.supports('gap: 1px')) {
-        html.classList.add('css-no-gap');
-    }
-    if (inIframe()) {
-        html.classList.add('window-iframe');
-    }
-    if (!isTestEnv()) {
-        getColorScheme();
-        listenForSchemeChange();
-        printPoweredByRIO();
-        checkForReleaseVersion();
-        checkMatchingUkitVersions();
-        console.groupEnd();
-    }
-};
-export const autoInitDocumentBootstrapping = (document => initDocumentBootstrapping(document))(document);

package/utils/logPropError.d.ts

@@ -1,3 +0,0 @@
-export const BASE_URL: "https://uikit.developers.rio.cloud/";
-export function logPropError(errorProps: any[] | undefined, props: any, componentName: any, removeVersion: any, additionalText: any): void;
-export default logPropError;

package/utils/logPropError.js

@@ -1,23 +0,0 @@
-import has from 'lodash/fp/has';
-export const BASE_URL = 'https://uikit.developers.rio.cloud/';
-// Logs prop errors.
-export const logPropError = (errorProps = [], props, componentName, removeVersion, additionalText) => {
-    errorProps.forEach(errorProp => {
-        // Check whether the deprected prop is used by checking the component props
-        if (has(errorProp.prop, props)) {
-            /* eslint-disable no-console */
-            console.error([
-                'RIO UIKIT: ',
-                errorProp.propCaption ? errorProp.propCaption : 'Prop ',
-                `"${errorProp.prop}"`,
-                componentName ? ` of "${componentName}"` : '',
-                ' has been removed',
-                removeVersion ? ` in v${removeVersion}` : '',
-                errorProp.replacement ? `. Please use "${errorProp.replacement}" instead` : '',
-                errorProp.url ? ` as documented in ${BASE_URL}${errorProp.url}. ` : '.',
-                additionalText ? ` ${additionalText}` : '',
-            ].join(''));
-        }
-    });
-};
-export default logPropError;

package/utils/ownerDocument.d.ts

@@ -1 +0,0 @@
-export default function _default(componentOrElement: any): any;

package/utils/ownerDocument.js

@@ -1,8 +0,0 @@
-/*
- * FROM https://github.com/react-bootstrap/react-overlays/blob/master/src/utils/ownerDocument.js
- */
-import ReactDOM from 'react-dom';
-import ownerDocument from 'dom-helpers/ownerDocument';
-export default function (componentOrElement) {
-    return componentOrElement && ownerDocument(ReactDOM.findDOMNode(componentOrElement));
-}