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

package/lib/es/components/mapMarker/SingleMapMarker.js

@@ -1,96 +1,65 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var getIcons = function getIcons(iconNames) {
-  return iconNames.map(function (name, index) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      key: "rio-map-icon-".concat(name, "-").concat(index),
-      className: "rio-map-icon rioglyph rioglyph-".concat(name)
-    });
-  });
-};
-var getColorMapping = function getColorMapping(markerColor) {
-  switch (markerColor) {
-    case 'bg-map-marker-asset':
-      return 'map-marker-type-asset';
-    case 'bg-map-marker-poi':
-      return 'map-marker-type-poi';
-    case 'bg-map-marker-geofence':
-      return 'map-marker-type-geofence';
-    case 'bg-map-marker-route':
-      return 'map-marker-type-route';
-    default:
-      return 'map-marker-type-asset';
-  }
-};
-var getMapDirection = function getMapDirection(moving, bearing, rotationStyle) {
-  return moving && typeof bearing === 'number' ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: "rio-map-direction",
-    style: rotationStyle
-  }) : '';
-};
-var SingleMapMarker = function SingleMapMarker(props) {
-  var active = props.active,
-    bearing = props.bearing,
-    exceptionCount = props.exceptionCount,
-    iconNames = props.iconNames,
-    markerColor = props.markerColor,
-    moving = props.moving,
-    clickable = props.clickable,
-    name = props.name,
-    textColor = props.textColor,
-    warningCount = props.warningCount,
-    fixed = props.fixed;
-  var classes = (0, _classnames["default"])(active && 'active', 'rio-map-marker', 'rio-map-marker-bottom-center');
-  var singleClasses = (0, _classnames["default"])('rio-map-single', fixed && 'fixed', moving && 'moving', !clickable && 'pointer-events-none', textColor);
-  var rotationStyle = {
-    transform: "rotate(".concat(bearing, "deg)")
-  };
-  var mapDirection = getMapDirection(moving, bearing, rotationStyle);
-  var markerType = getColorMapping(markerColor);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "rio-map-marker-translate"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(singleClasses, " ").concat(markerType, " ").concat(active ? 'active' : '')
-  }, mapDirection, iconNames && getIcons(iconNames), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "rio-map-name"
-  }, name && name), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "rio-map-bubble exception"
-  }, exceptionCount > 0 && exceptionCount), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "rio-map-bubble warning"
-  }, warningCount > 0 && warningCount)), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "rio-map-position-arrow"
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "rio-map-position"
-  })));
-};
-SingleMapMarker.defaultProps = {
-  warningCount: 0,
-  exceptionCount: 0,
-  active: false,
-  markerColor: 'bg-map-marker-asset',
-  clickable: true
-};
-SingleMapMarker.propTypes = {
-  bearing: _propTypes["default"].number,
-  name: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-  warningCount: _propTypes["default"].number,
-  exceptionCount: _propTypes["default"].number,
-  active: _propTypes["default"].bool,
-  fixed: _propTypes["default"].bool,
-  clickable: _propTypes["default"].bool,
-  iconNames: _propTypes["default"].arrayOf(_propTypes["default"].string),
-  moving: _propTypes["default"].bool,
-  markerColor: _propTypes["default"].oneOf(['bg-map-marker-asset', 'bg-map-marker-poi', 'bg-map-marker-route', 'bg-map-marker-geofence'])
-};
-var _default = SingleMapMarker;
-exports["default"] = _default;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const getIcons = iconNames => {
+    return iconNames.map((name, index) => ((0, jsx_runtime_1.jsx)("div", { className: `rio-map-icon rioglyph rioglyph-${name}` }, `rio-map-icon-${name}-${index}`)));
+};
+const getColorMapping = markerColor => {
+    switch (markerColor) {
+        case 'bg-map-marker-asset':
+            return 'map-marker-type-asset';
+        case 'bg-map-marker-poi':
+            return 'map-marker-type-poi';
+        case 'bg-map-marker-geofence':
+            return 'map-marker-type-geofence';
+        case 'bg-map-marker-route':
+            return 'map-marker-type-route';
+        default:
+            return 'map-marker-type-asset';
+    }
+};
+const getMapDirection = (moving, bearing, rotationStyle) => moving && typeof bearing === 'number' ? (0, jsx_runtime_1.jsx)("div", { className: 'rio-map-direction', style: rotationStyle }) : '';
+const SingleMapMarker = props => {
+    const { active, bearing, exceptionCount, iconNames, markerColor, moving, clickable, name, textColor, warningCount, fixed, size, visibleOnHover, } = props;
+    const classes = (0, classnames_1.default)(active && 'active', 'rio-map-marker', 'rio-map-marker-bottom-center');
+    const singleClasses = (0, classnames_1.default)('rio-map-single', fixed && 'fixed', moving && 'moving', !clickable && 'pointer-events-none', textColor, size === 'lg' && 'rio-map-single-lg', visibleOnHover && 'rio-map-single-visible-on-hover');
+    const rotationStyle = {
+        transform: `rotate(${bearing}deg)`,
+    };
+    const mapDirection = getMapDirection(moving, bearing, rotationStyle);
+    const markerType = getColorMapping(markerColor);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: classes }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'rio-map-marker-translate' }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `${singleClasses} ${markerType} ${active ? 'active' : ''}` }, { children: [mapDirection, iconNames && getIcons(iconNames), name && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'rio-map-name' }, { children: name && name })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'rio-map-bubble exception' }, { children: exceptionCount > 0 && exceptionCount })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'rio-map-bubble warning' }, { children: warningCount > 0 && warningCount }))] })), (0, jsx_runtime_1.jsx)("div", { className: 'rio-map-position-arrow' }), (0, jsx_runtime_1.jsx)("div", { className: `rio-map-position ${size === 'lg' ? 'rio-map-position-lg' : ''} cursor-pointer` })] })) })));
+};
+SingleMapMarker.defaultProps = {
+    warningCount: 0,
+    exceptionCount: 0,
+    active: false,
+    markerColor: 'bg-map-marker-asset',
+    clickable: true,
+    size: 'md',
+    visibleOnHover: false,
+};
+SingleMapMarker.propTypes = {
+    bearing: prop_types_1.default.number,
+    name: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.node]),
+    warningCount: prop_types_1.default.number,
+    exceptionCount: prop_types_1.default.number,
+    active: prop_types_1.default.bool,
+    fixed: prop_types_1.default.bool,
+    clickable: prop_types_1.default.bool,
+    iconNames: prop_types_1.default.arrayOf(prop_types_1.default.string),
+    moving: prop_types_1.default.bool,
+    markerColor: prop_types_1.default.oneOf([
+        'bg-map-marker-asset',
+        'bg-map-marker-poi',
+        'bg-map-marker-route',
+        'bg-map-marker-geofence',
+    ]),
+    size: prop_types_1.default.oneOf(['md', 'lg']),
+    visibleOnHover: prop_types_1.default.bool,
+};
+exports.default = SingleMapMarker;

package/lib/es/components/menuItems/MenuItem.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export type MenuItemProps = {
+    index?: number;
+    value?: string | React.ReactNode;
+    active?: boolean;
+    disabled?: boolean;
+    divider?: boolean;
+    header?: boolean;
+    onSelect?: (value: number | undefined, event: React.MouseEvent<HTMLLIElement>) => void;
+    closeMenu?: VoidFunction;
+    onMouseEnter?: (event: React.MouseEvent<HTMLLIElement>) => void;
+};
+declare const MenuItem: (props: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export default MenuItem;

package/lib/es/components/menuItems/MenuItem.js

@@ -1,75 +1,37 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _DropdownSubmenu = _interopRequireDefault(require("../dropdown/DropdownSubmenu"));
-var _DropdownHeader = _interopRequireDefault(require("../selects/DropdownHeader"));
-var MenuItem = function MenuItem(props) {
-  var value = props.value,
-    divider = props.divider,
-    disabled = props.disabled,
-    active = props.active,
-    onSelect = props.onSelect,
-    header = props.header,
-    index = props.index,
-    closeMenu = props.closeMenu,
-    onMouseEnter = props.onMouseEnter;
-  if (value && value.type === _DropdownSubmenu["default"]) {
-    return value;
-  }
-  var role = divider ? 'separator' : 'presentation';
-  var classes = (0, _classnames["default"])(divider && 'divider pointer-events-none', disabled && 'disabled', active && 'active');
-  var menuLink = /*#__PURE__*/_react["default"].createElement("a", {
-    role: 'menuitem'
-  }, value);
-  var onSelectItem = function onSelectItem(event) {
-    if (!disabled) {
-      onSelect(index, event);
-      if (closeMenu) {
-        closeMenu();
-      }
-    }
-  };
-  var onItemMouseEnter = function onItemMouseEnter(event) {
-    if (!disabled) {
-      onMouseEnter(event);
-    }
-  };
-  if (header) {
-    return /*#__PURE__*/_react["default"].createElement(_DropdownHeader["default"], {
-      label: value,
-      center: false
-    });
-  }
-  return /*#__PURE__*/_react["default"].createElement("li", {
-    role: role,
-    className: classes,
-    onClick: onSelectItem,
-    onMouseEnter: onItemMouseEnter,
-    "data-item-index": index
-  }, header ? value : menuLink);
-};
-MenuItem.defaultProps = {
-  disabled: false,
-  onSelect: function onSelect() {},
-  closeMenu: function closeMenu() {},
-  onMouseEnter: function onMouseEnter() {}
-};
-MenuItem.propTypes = {
-  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-  disabled: _propTypes["default"].bool,
-  divider: _propTypes["default"].bool,
-  header: _propTypes["default"].bool,
-  onSelect: _propTypes["default"].func,
-  index: _propTypes["default"].number,
-  closeMenu: _propTypes["default"].func,
-  onMouseEnter: _propTypes["default"].func
-};
-var _default = MenuItem;
-exports["default"] = _default;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+// @ts-ignore-next-line importsNotUsedAsValues
+const react_1 = tslib_1.__importDefault(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const noop_1 = tslib_1.__importDefault(require("lodash/fp/noop"));
+const DropdownSubmenu_1 = tslib_1.__importDefault(require("../dropdown/DropdownSubmenu"));
+const DropdownHeader_1 = tslib_1.__importDefault(require("../selects/DropdownHeader"));
+const MenuItem = (props) => {
+    const { index, value, divider = false, disabled = false, active = false, header = false, onSelect = noop_1.default, closeMenu = noop_1.default, onMouseEnter = noop_1.default, } = props;
+    if (react_1.default.isValidElement(value) && value.type === DropdownSubmenu_1.default) {
+        return value;
+    }
+    const role = divider ? 'separator' : 'presentation';
+    const classes = (0, classnames_1.default)(divider && 'divider pointer-events-none', disabled && 'disabled', active && 'active');
+    const menuLink = (0, jsx_runtime_1.jsx)("a", Object.assign({ role: 'menuitem' }, { children: value }));
+    const handleSelectItem = (event) => {
+        if (!disabled) {
+            onSelect(index, event);
+            if (closeMenu) {
+                closeMenu();
+            }
+        }
+    };
+    const handleItemMouseEnter = (event) => {
+        if (!disabled) {
+            onMouseEnter(event);
+        }
+    };
+    if (header) {
+        return (0, jsx_runtime_1.jsx)(DropdownHeader_1.default, { label: value, center: false });
+    }
+    return ((0, jsx_runtime_1.jsx)("li", Object.assign({ role: role, className: classes, onClick: handleSelectItem, onMouseEnter: handleItemMouseEnter, "data-item-index": index }, { children: header ? value : menuLink })));
+};
+exports.default = MenuItem;

package/lib/es/components/menuItems/MenuItems.d.ts

@@ -0,0 +1,3 @@
+export default MenuItems;
+declare const MenuItems: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/lib/es/components/menuItems/MenuItems.js

@@ -1,26 +1,12 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _excluded = ["pullRight", "className", "children"];
-var MenuItems = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
-  var pullRight = _ref.pullRight,
-    className = _ref.className,
-    children = _ref.children,
-    remainingProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var dropdownMenuClasses = (0, _classnames["default"])('dropdown-menu', pullRight && 'pull-right', className);
-  return /*#__PURE__*/_react["default"].createElement("ul", (0, _extends2["default"])({}, remainingProps, {
-    className: dropdownMenuClasses,
-    ref: ref,
-    role: 'menu'
-  }), children);
-});
-var _default = MenuItems;
-exports["default"] = _default;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const MenuItems = react_1.default.forwardRef((_a, ref) => {
+    var { pullRight, className, children } = _a, remainingProps = tslib_1.__rest(_a, ["pullRight", "className", "children"]);
+    const dropdownMenuClasses = (0, classnames_1.default)('dropdown-menu', pullRight && 'pull-right', className);
+    return ((0, jsx_runtime_1.jsx)("ul", Object.assign({}, remainingProps, { className: dropdownMenuClasses, ref: ref, role: 'menu' }, { children: children })));
+});
+exports.default = MenuItems;

package/lib/es/components/menuItems/getMenuItems.d.ts

@@ -0,0 +1,2 @@
+export default getMenuItems;
+declare function getMenuItems(items: any, closeMenu: any, onMouseEnter: any): any;

package/lib/es/components/menuItems/getMenuItems.js

@@ -1,23 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _MenuItem = _interopRequireDefault(require("./MenuItem"));
-var getMenuItems = function getMenuItems(items, closeMenu, onMouseEnter) {
-  return items.map(function (item, index) {
-    return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], (0, _extends2["default"])({
-      key: index
-    }, item, {
-      index: index,
-      closeMenu: closeMenu,
-      onMouseEnter: onMouseEnter
-    }));
-  });
-};
-var _default = getMenuItems;
-exports["default"] = _default;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const MenuItem_1 = tslib_1.__importDefault(require("./MenuItem"));
+const getMenuItems = (items, closeMenu, onMouseEnter) => {
+    return items.map((item, index) => ((0, jsx_runtime_1.jsx)(MenuItem_1.default, Object.assign({}, item, { index: index, closeMenu: closeMenu, onMouseEnter: onMouseEnter }), index)));
+};
+exports.default = getMenuItems;

package/lib/es/components/navigation/AppNavigationBar.d.ts

@@ -0,0 +1,3 @@
+export const AppNavigationBar: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export default AppNavigationBar;
+import React from "react";

package/lib/es/components/navigation/AppNavigationBar.js

@@ -1,52 +1,25 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.AppNavigationBar = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _noop = _interopRequireDefault(require("lodash/fp/noop"));
-var _excluded = ["className", "title", "right", "onNavigateBack"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var AppNavigationBar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var className = props.className,
-    title = props.title,
-    right = props.right,
-    onNavigateBack = props.onNavigateBack,
-    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var navigationClasses = (0, _classnames["default"])('AppNavigationBar', 'width-100pct display-flex align-items-center justify-content-between height-45 user-select-none padding-x-10', className);
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
-    ref: ref
-  }, remainingProps, {
-    className: navigationClasses
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "display-flex align-items-center"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "width-30 text-size-20 text-color-darkest"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "rioglyph rioglyph-arrow-left",
-    onClick: onNavigateBack
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "text-medium text-color-darker"
-  }, title)), /*#__PURE__*/_react["default"].createElement("div", null, right));
-});
-exports.AppNavigationBar = AppNavigationBar;
-AppNavigationBar.defaultProps = {
-  onNavigateBack: _noop["default"],
-  right: /*#__PURE__*/_react["default"].createElement("span", null)
-};
-AppNavigationBar.propTypes = {
-  title: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-  right: _propTypes["default"].node,
-  onNavigateBack: _propTypes["default"].func,
-  className: _propTypes["default"].string
-};
-var _default = AppNavigationBar;
-exports["default"] = _default;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppNavigationBar = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const noop_1 = tslib_1.__importDefault(require("lodash/fp/noop"));
+exports.AppNavigationBar = (0, react_1.forwardRef)((props, ref) => {
+    const { className, title, right, onNavigateBack } = props, remainingProps = tslib_1.__rest(props, ["className", "title", "right", "onNavigateBack"]);
+    const navigationClasses = (0, classnames_1.default)('AppNavigationBar', 'width-100pct display-flex align-items-center justify-content-between height-45 user-select-none padding-x-10', className);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: ref }, remainingProps, { className: navigationClasses }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'display-flex align-items-center' }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'width-30 text-size-20 text-color-darkest' }, { children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-arrow-left cursor-pointer', onClick: onNavigateBack }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'text-medium text-color-darker' }, { children: title }))] })), (0, jsx_runtime_1.jsx)("div", { children: right })] })));
+});
+exports.AppNavigationBar.defaultProps = {
+    onNavigateBack: noop_1.default,
+    right: (0, jsx_runtime_1.jsx)("span", {}),
+};
+exports.AppNavigationBar.propTypes = {
+    title: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.node]),
+    right: prop_types_1.default.node,
+    onNavigateBack: prop_types_1.default.func,
+    className: prop_types_1.default.string,
+};
+exports.default = exports.AppNavigationBar;

package/lib/es/components/noData/NoData.d.ts

@@ -0,0 +1,37 @@
+import { type ReactNode } from 'react';
+import type { TooltipWidth } from '../tooltip/Tooltip';
+import { type Placement } from '../../values/Placement';
+export type NoDataProps = {
+    /**
+     * The actual translated "No data" text.
+     */
+    text: string | ReactNode;
+    /**
+     * Additional explanation shown inside a tooltip.
+     */
+    tooltip?: string | ReactNode;
+    /**
+     * Sets the direction the Tooltip is positioned towards.
+     *
+     * Possible values are:
+     * `auto-start`, `auto`, `auto-end`,
+     * `top-start`, `top`, `top-end`,
+     * `bottom-start`, `bottom`, `bottom-end`,
+     * `right-start`, `right`, `right-end`,
+     * `left-start`, `left`, `left-end`
+     */
+    tooltipPlacement?: Placement;
+    /**
+     * The width of the tooltip.
+     *
+     * Possible values are:
+     * `auto`, `100`, `150`, `200`, `250`, `300`, `350`, `400`, `450`, `500`
+     */
+    tooltipWidth?: TooltipWidth;
+    /**
+     * Additional class names to be added to the wrapping element.
+     */
+    className?: string;
+};
+declare const NoData: (props: NoDataProps) => import("react/jsx-runtime").JSX.Element;
+export default NoData;

package/lib/es/components/noData/NoData.js

@@ -1,55 +1,18 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _SimpleTooltip = _interopRequireDefault(require("../tooltip/SimpleTooltip"));
-var _excluded = ["text", "className", "tooltip", "tooltipPlacement", "tooltipWidth"];
-var NoData = function NoData(props) {
-  var text = props.text,
-    className = props.className,
-    tooltip = props.tooltip,
-    tooltipPlacement = props.tooltipPlacement,
-    tooltipWidth = props.tooltipWidth,
-    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var noDataClasses = (0, _classnames["default"])('NoData', className);
-  if (tooltip) {
-    return /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({}, remainingProps, {
-      className: noDataClasses
-    }), /*#__PURE__*/_react["default"].createElement("span", {
-      className: "pointer-events-none"
-    }, text), /*#__PURE__*/_react["default"].createElement(_SimpleTooltip["default"], {
-      content: tooltip,
-      placement: tooltipPlacement,
-      width: tooltipWidth
-    }, /*#__PURE__*/_react["default"].createElement("span", {
-      className: "rioglyph rioglyph-info-sign margin-left-5"
-    })));
-  }
-  return /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({}, remainingProps, {
-    className: noDataClasses
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "pointer-events-none"
-  }, text));
-};
-NoData.defaultProps = {
-  className: '',
-  tooltipPlacement: 'bottom',
-  tooltipWidth: 'auto'
-};
-NoData.propTypes = {
-  text: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]).isRequired,
-  tooltip: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-  tooltipPlacement: _propTypes["default"].string,
-  tooltipWidth: _propTypes["default"].string,
-  className: _propTypes["default"].string
-};
-var _default = NoData;
-exports["default"] = _default;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+// @ts-ignore-next-line importsNotUsedAsValues
+require("react");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const SimpleTooltip_1 = tslib_1.__importDefault(require("../tooltip/SimpleTooltip"));
+const Placement_1 = require("../../values/Placement");
+const NoData = (props) => {
+    const { text, className = '', tooltip, tooltipPlacement = Placement_1.PLACEMENT.BOTTOM, tooltipWidth = 'auto' } = props, remainingProps = tslib_1.__rest(props, ["text", "className", "tooltip", "tooltipPlacement", "tooltipWidth"]);
+    const noDataClasses = (0, classnames_1.default)('NoData', className);
+    if (tooltip) {
+        return ((0, jsx_runtime_1.jsxs)("span", Object.assign({}, remainingProps, { className: noDataClasses }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'pointer-events-none' }, { children: text })), (0, jsx_runtime_1.jsx)(SimpleTooltip_1.default, Object.assign({ content: tooltip, placement: tooltipPlacement, width: tooltipWidth }, { children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-info-sign margin-left-5' }) }))] })));
+    }
+    return ((0, jsx_runtime_1.jsx)("span", Object.assign({}, remainingProps, { className: noDataClasses }, { children: (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'pointer-events-none' }, { children: text })) })));
+};
+exports.default = NoData;

package/lib/es/components/notification/Notification.d.ts

@@ -0,0 +1 @@
+export default Notification;

package/lib/es/components/notification/Notification.js

@@ -1,11 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _reactNotifications = require("react-notifications");
-// TODO: implement: if callback + missing time => sticky
-//const STICKY_TIME = 10000;
-var _default = _reactNotifications.NotificationManager;
-exports["default"] = _default;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_notifications_1 = require("react-notifications");
+// TODO: implement: if callback + missing time => sticky
+//const STICKY_TIME = 10000;
+exports.default = react_notifications_1.NotificationManager;

package/lib/es/components/notification/NotificationsContainer.d.ts

@@ -0,0 +1,14 @@
+export default NotificationsContainer;
+declare function NotificationsContainer({ stacked }: {
+    stacked: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace NotificationsContainer {
+    namespace defaultProps {
+        const stacked: boolean;
+    }
+    namespace propTypes {
+        const stacked_1: PropTypes.Requireable<boolean>;
+        export { stacked_1 as stacked };
+    }
+}
+import PropTypes from "prop-types";