@rio-cloud/rio-uikit 0.16.3 → 0.16.4-beta.10

package/types.js

@@ -0,0 +1,19 @@
+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 = {}));

package/useAfterMount.d.ts

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

package/useAfterMount.js

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

package/useClickOutside.js

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

package/useClipboard.js

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

package/useDarkMode.js

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

package/useDebugInfo.js

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

package/useEffectOnce.js

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

package/useElementSize.js

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

package/useEsc.d.ts

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

package/useEsc.js

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

package/useEvent.d.ts

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

package/useEvent.js

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

package/useFocusTrap.d.ts

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

package/useFocusTrap.js

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

package/useFullscreen.js

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

package/useHover.d.ts

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

package/useHover.js

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

package/useInterval.js

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

package/useKey.d.ts

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

package/useKey.js

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

package/useLocalStorage.js

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

package/useMutationObserver.js

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

package/useOnMount.d.ts

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

package/useOnMount.js

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

package/useOnScreen.js

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

package/useOnlineStatus.js

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

package/usePrevious.d.ts

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

package/usePrevious.js

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

package/useRenderCount.js

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

package/useResizeObserver.js

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

package/useScrollPosition.js

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

package/useSessionStorage.js

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

package/useStateWithValidation.js

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

package/useTimeout.js

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

package/useWindowResize.js

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

package/utils/GroupSelectionUtil.d.ts

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

package/utils/GroupSelectionUtil.js

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

@@ -0,0 +1 @@
+export type ObjectValues<T> = T[keyof T];

package/utils/ObjectValues.js

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

package/utils/RefComponent.d.ts

@@ -0,0 +1,5 @@
+import type { ForwardRefExoticComponent, RefAttributes } from 'react';
+/**
+ * Helper type to reduce boilerplate in components that use `forwardRef`.
+ */
+export type RefComponent<Props, RefType = HTMLDivElement> = ForwardRefExoticComponent<Props & RefAttributes<RefType>>;

package/utils/RefComponent.js

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

package/utils/SortUtils.d.ts

@@ -0,0 +1,6 @@
+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[];

package/utils/SortUtils.js

@@ -1,32 +1,24 @@
-import orderBy from 'lodash/fp/orderBy';
-import { orderBy as naturalOrderBy } from 'natural-orderby';
-export var SortDirection = {
-  ASCENDING: 'asc',
-  DESCENDING: 'desc'
-};
-var toLowerCaseProp = function toLowerCaseProp(element, prop) {
-  if (typeof element[prop] === 'string') {
-    return element[prop].toLowerCase();
-  }
-  return element[prop];
-};
-export function sortByProperty(array, property) {
-  var sortDirection = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : SortDirection.ASCENDING;
-  var isCaseSensitiv = arguments.length > 3 ? arguments[3] : undefined;
-  if (!isCaseSensitiv) {
-    return orderBy(function (element) {
-      return toLowerCaseProp(element, property);
-    }, sortDirection, array);
-  }
-  return orderBy(property, sortDirection, array);
-}
-export function naturalSortByProperty(array, property) {
-  var sortDirection = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : SortDirection.ASCENDING;
-  var isCaseSensitiv = arguments.length > 3 ? arguments[3] : undefined;
-  if (!isCaseSensitiv) {
-    return naturalOrderBy(array, function (element) {
-      return toLowerCaseProp(element, property);
-    }, sortDirection);
-  }
-  return naturalOrderBy(array, property, sortDirection);
-}
+import orderBy from 'lodash/fp/orderBy';
+import { orderBy as naturalOrderBy } from 'natural-orderby';
+export const SortDirection = {
+    ASCENDING: 'asc',
+    DESCENDING: 'desc',
+};
+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);
+    }
+    return orderBy(property, sortDirection, array);
+};
+export const naturalSortByProperty = (array, property, sortDirection = SortDirection.ASCENDING, isCaseSensitiv) => {
+    if (!isCaseSensitiv) {
+        return naturalOrderBy(array, element => toLowerCaseProp(element, property), sortDirection);
+    }
+    return naturalOrderBy(array, property, sortDirection);
+};

package/utils/addEventListener.d.ts

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

package/utils/addEventListener.js

@@ -1,13 +1,13 @@
-/*
- * 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: function remove() {
-      removeEventListener(node, event, handler, capture);
-    }
-  };
-}
+/*
+ * 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

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

package/utils/addFocusListener.js

@@ -1,26 +1,21 @@
-/*
- * 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) {
-  var useFocusin = !document.addEventListener;
-  var remove;
-  if (useFocusin) {
-    document.attachEvent('onfocusin', handler);
-    remove = function remove() {
-      return document.detachEvent('onfocusin', handler);
-    };
-  } else {
-    document.addEventListener('focus', handler, true);
-    remove = function remove() {
-      return document.removeEventListener('focus', handler, true);
-    };
-  }
-  return {
-    remove: remove
-  };
-}
+/*
+ * 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/arrayMove.d.ts

@@ -0,0 +1,2 @@
+export default arrayMove;
+declare function arrayMove(array: any, from: any, to: any): any[];

package/utils/arrayMove.js

@@ -1,15 +1,13 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-// 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
-
-var arrayMoveMutate = function arrayMoveMutate(array, from, to) {
-  var startIndex = to < 0 ? array.length + to : to;
-  var item = array.splice(from, 1)[0];
-  array.splice(startIndex, 0, item);
-};
-var arrayMove = function arrayMove(array, from, to) {
-  var newArray = _toConsumableArray(array);
-  arrayMoveMutate(newArray, from, to);
-  return newArray;
-};
-export default arrayMove;
+// 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
+const arrayMoveMutate = (array, from, to) => {
+    const startIndex = to < 0 ? array.length + to : to;
+    const item = array.splice(from, 1)[0];
+    array.splice(startIndex, 0, item);
+};
+const arrayMove = (array, from, to) => {
+    const newArray = [...array];
+    arrayMoveMutate(newArray, from, to);
+    return newArray;
+};
+export default arrayMove;

package/utils/buttonEffect.d.ts

@@ -0,0 +1 @@
+export declare const createButtonRipple: (event: MouseEvent | TouchEvent, target?: HTMLElement | null) => void;