@rio-cloud/rio-uikit 1.0.0 → 1.2.0

package/lib/es/components/states/CustomState.js

@@ -13,23 +13,36 @@ const justify = {
     center: 'justify-content-center',
     right: 'justify-content-end',
 };
+const renderButtons = (buttons) => {
+    if ((0, isEmpty_1.default)(buttons)) {
+        return;
+    }
+    if (buttons.length === 1) {
+        return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'btn-toolbar margin-top-20' }, { children: (0, jsx_runtime_1.jsx)(StateButton_1.default, Object.assign({}, buttons[0])) })));
+    }
+    if (buttons.length === 2) {
+        return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'btn-toolbar margin-top-20 justify-content-center-xs' }, { children: buttons.map((buttonProps, index) => ((0, jsx_runtime_1.jsx)(StateButton_1.default, Object.assign({}, buttonProps), index))) })));
+    }
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'btn-toolbar margin-top-20 justify-content-center-xs' }, { children: [(0, jsx_runtime_1.jsx)(StateButton_1.default, Object.assign({}, buttons[0]), '1'), (0, jsx_runtime_1.jsx)(StateButton_1.default, Object.assign({}, buttons[1]), '2')] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'btn-toolbar' }, { children: buttons.map((buttonProps, index) => {
+                    return index > 1 && (0, jsx_runtime_1.jsx)(StateButton_1.default, Object.assign({}, buttonProps), index);
+                }) }))] }));
+};
 const CustomState = (props) => {
-    const { icon = 'rioglyph-rio', icons = [], image, headline, message, buttons = [], alignment = 'center', fullWidth = false, condensed = false, outerClassName, innerClassName, children } = props, remainingProps = tslib_1.__rest(props, ["icon", "icons", "image", "headline", "message", "buttons", "alignment", "fullWidth", "condensed", "outerClassName", "innerClassName", "children"]);
-    const hasCustomInnerPadding = innerClassName && innerClassName.includes('padding');
-    const hasCustomOuterPadding = outerClassName && outerClassName.includes('padding');
+    const { icon, icons = [], image, headline, message, buttons = [], alignment = 'center', fullWidth = false, condensed = false, outerClassName, innerClassName, children } = props, remainingProps = tslib_1.__rest(props, ["icon", "icons", "image", "headline", "message", "buttons", "alignment", "fullWidth", "condensed", "outerClassName", "innerClassName", "children"]);
+    const hasCustomInnerPadding = innerClassName === null || innerClassName === void 0 ? void 0 : innerClassName.includes('padding');
+    const hasCustomOuterPadding = outerClassName === null || outerClassName === void 0 ? void 0 : outerClassName.includes('padding');
     const wrapperClasses = (0, classnames_1.default)('margin-0', 'width-100pct', !fullWidth && 'max-width-600', 'panel-default', 'panel', !hasCustomOuterPadding && condensed ? 'padding-10' : 'padding-15', outerClassName && outerClassName);
     const innerClassNames = (0, classnames_1.default)('display-flex', 'flex-column', 'align-items-center', 'text-center', !hasCustomInnerPadding && condensed ? 'padding-15' : 'padding-25', innerClassName && innerClassName);
     const iconClasses = (0, classnames_1.default)(condensed ? 'text-size-16 margin-bottom-10' : 'text-size-h2 margin-bottom-20');
     const iconsClasses = (0, classnames_1.default)(condensed ? 'text-size-16 margin-bottom-10' : 'text-size-h2 margin-bottom-20', 'display-flex', 'align-items-center', 'max-width-100pct');
-    const headlineClassNames = (0, classnames_1.default)(condensed ? 'text-size-h4' : 'text-size-h3 text-size-h2-sm', 'line-height-125rel', 'text-color-dark', 'text-medium', 'width-500', 'max-width-100pct');
-    const renderButtons = ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'btn-toolbar margin-top-20' }, { children: buttons.map((buttonProps, index) => ((0, jsx_runtime_1.jsx)(StateButton_1.default, Object.assign({}, buttonProps), index))) })));
+    const headlineClassNames = (0, classnames_1.default)(condensed ? 'text-size-h4' : 'text-size-h3 text-size-h2-xl', 'line-height-125rel', 'text-color-dark', 'text-medium', 'width-500', 'max-width-100pct', 'text-wrap-balance');
     const renderIcon = ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: iconClasses }, { children: (0, jsx_runtime_1.jsx)(StateIcon_1.default, { name: icon }) })));
     const renderIcons = ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: iconsClasses }, { children: icons.map((iconProps, index) => ((0, jsx_runtime_1.jsx)(StateIcon_1.default, Object.assign({}, iconProps), index))) })));
     const renderChildren = (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'width-500 max-width-100pct margin-top-25' }, { children: children }));
     const renderHeadline = (0, jsx_runtime_1.jsx)("div", Object.assign({ className: headlineClassNames }, { children: headline }));
-    const renderMessage = (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'text-color-dark margin-top-15 width-500 max-width-100pct' }, { children: message }));
+    const renderMessage = ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'text-color-dark margin-top-15 width-500 max-width-100pct text-wrap-balance' }, { children: message })));
     const singleOrMultiIcon = (0, isEmpty_1.default)(icons) ? renderIcon : renderIcons;
     const imageOrIcon = image ? image : singleOrMultiIcon;
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: `display-flex ${justify[alignment]} max-width-100pct` }, remainingProps, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: wrapperClasses }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: innerClassNames }, { children: [imageOrIcon, headline && renderHeadline, message && renderMessage, !(0, isEmpty_1.default)(buttons) && renderButtons, children && renderChildren] })) })) })));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: `display-flex ${justify[alignment]} max-width-100pct` }, remainingProps, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: wrapperClasses }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: innerClassNames }, { children: [imageOrIcon, headline && renderHeadline, message && renderMessage, renderButtons(buttons), children && renderChildren] })) })) })));
 };
 exports.default = CustomState;

package/lib/es/components/states/StateButton.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { BUTTON_STYLE } from '../../Button';
 export type StateButtonProps = {
     /**
      * The button text.
@@ -18,10 +19,16 @@ export type StateButtonProps = {
      * This way it will render a link button instead.
      */
     href?: string;
+    /**
+     * The style of the button.
+     *
+     * @default 'primary'
+     */
+    bsStyle?: BUTTON_STYLE;
     /**
      * Additional classes assigned to the button.
      */
     className?: string;
 };
-declare const StateButton: ({ text, className, onClick, href }: StateButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const StateButton: (props: StateButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default StateButton;

package/lib/es/components/states/StateButton.js

@@ -5,12 +5,13 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 // @ts-ignore-next-line importsNotUsedAsValues
 require("react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const StateButton = ({ text, className, onClick = () => { }, href }) => {
-    const buttonClassNames = (0, classnames_1.default)('btn btn-primary', 'margin-top-10', className && className);
-    // In case a href is given, render a link button instead
+const StateButton = (props) => {
+    const { text, bsStyle = 'primary', className, onClick = () => { }, href } = props;
+    // In case a href is given, render a link instead
     if (href) {
-        return ((0, jsx_runtime_1.jsx)("a", Object.assign({ className: buttonClassNames, href: href, onClick: onClick }, { children: text })));
+        return ((0, jsx_runtime_1.jsx)("a", Object.assign({ className: (0, classnames_1.default)('margin-top-15', className), href: href, onClick: onClick }, { children: text })));
     }
+    const buttonClassNames = (0, classnames_1.default)('btn', 'margin-top-10', `btn-${bsStyle}`, className);
     return ((0, jsx_runtime_1.jsx)("button", Object.assign({ className: buttonClassNames, type: 'button', onClick: onClick }, { children: text })));
 };
 exports.default = StateButton;

package/lib/es/hooks/useAfterMount.js

@@ -8,12 +8,16 @@ const react_1 = require("react");
  * @param deps The deps of the callback (the same as if you were using useCallback or useEffect).
  */
 const useAfterMount = (callback, deps) => {
-    const componentJustMountedRef = (0, react_1.useRef)(true);
+    const hasMountedRef = (0, react_1.useRef)(false);
     (0, react_1.useEffect)(() => {
-        if (!componentJustMountedRef.current) {
-            return callback();
+        if (hasMountedRef.current) {
+            // Run the callback only after the first render and
+            // whenever the dependencies change afterwards
+            callback();
+        }
+        else {
+            hasMountedRef.current = true;
         }
-        componentJustMountedRef.current = false;
     }, deps);
 };
 exports.default = useAfterMount;

package/lib/es/styles/variables/colors/colors.json

@@ -28,18 +28,16 @@
     "color-status-driving": "#3690ae",
     "color-status-resting": "#626b72",
     "color-status-working": "#94488b",
+    "color-map-marker-text": "#ffffff",
     "color-map-marker-active": "#ffffff",
     "color-map-marker-asset": "#2a3740",
-    "color-map-marker-poi": "#b23672",
-    "color-map-marker-geofence": "#5a4876",
-    "color-map-marker-route": "#3690ae",
-    "color-map-marker-text": "#ffffff",
-    "color-map-marker-active-night": "#ededed",
-    "color-map-marker-asset-night": "#6e757a",
-    "color-map-marker-poi-night": "#b23672",
-    "color-map-marker-geofence-night": "#79619f",
-    "color-map-marker-route-night": "#3b9fc1",
-    "color-map-marker-text-night": "#ededed",
+    "color-map-marker-poi": "#cb3995",
+    "color-map-marker-geofence": "#8c63b9",
+    "color-map-marker-route": "#36afd7",
+    "color-map-marker-info": "#3f759b",
+    "color-map-marker-success": "#5cb85c",
+    "color-map-marker-warning": "#ff8e3c",
+    "color-map-marker-danger": "#d90000",
     "color-rating-1": "#d90000",
     "color-rating-2": "#ff8e3c",
     "color-rating-3": "#f8c575",

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

@@ -7,6 +7,7 @@ export declare const SCREEN_XL = 1700;
 export declare const isMobileScreen: () => boolean;
 export declare const isMobile: () => boolean;
 export declare const isDesktop: () => boolean;
+export declare const isMac: () => boolean;
 export declare const isRetinaDevice: () => boolean;
 export declare const inIframe: () => boolean;
 export declare const toggleZoomOnMobile: () => void;

package/lib/es/utils/deviceUtils.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.toggleZoomOnMobile = exports.inIframe = exports.isRetinaDevice = exports.isDesktop = exports.isMobile = exports.isMobileScreen = exports.SCREEN_XL = exports.SCREEN_LG = exports.SCREEN_MD = exports.SCREEN_SM = exports.MOBILE_SCREEN = exports.hasTouch = void 0;
+exports.toggleZoomOnMobile = exports.inIframe = exports.isRetinaDevice = exports.isMac = exports.isDesktop = exports.isMobile = exports.isMobileScreen = exports.SCREEN_XL = exports.SCREEN_LG = exports.SCREEN_MD = exports.SCREEN_SM = exports.MOBILE_SCREEN = exports.hasTouch = void 0;
 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
@@ -42,6 +42,8 @@ const isMobile = () => document === null || document === void 0 ? void 0 : docum
 exports.isMobile = isMobile;
 const isDesktop = () => document === null || document === void 0 ? void 0 : document.documentElement.classList.contains('ua-desktop');
 exports.isDesktop = isDesktop;
+const isMac = () => document === null || document === void 0 ? void 0 : document.documentElement.classList.contains('ua-desktop-macintosh');
+exports.isMac = isMac;
 const isRetinaDevice = () => window.devicePixelRatio > 1;
 exports.isRetinaDevice = isRetinaDevice;
 const inIframe = () => {

package/lib/es/version.json

@@ -1,3 +1,3 @@
 {
-    "version": "1.0.0"
+    "version": "1.2.0"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rio-cloud/rio-uikit",
-    "version": "1.0.0",
+    "version": "1.2.0",
     "description": "The RIO UIKIT component library",
     "repository": "https://bitbucket.collaboration-man.com/projects/RIOFRONT/repos/uikit-web/browse",
     "scripts": {
@@ -21,7 +21,7 @@
         "build:style-scania": "vite build --mode style-scania",
         "build:style-traton": "vite build --mode style-traton",
         "build:style-xmas": "vite build --mode style-xmas",
-        "build:font": "svgo -f webfont/svgs && vite build --mode font",
+        "build:font": "svgo -f webfont/svgs/figma && svgo -f webfont/svgs/sketch && vite build --mode font",
         "fixCssMinified": "node tools/fixCssMinified.mjs",
         "format-code": "npm run format-code:uikit && npm run format-code:demo",
         "format-code:uikit": "prettier --write \"src/**/*.{js,jsx,ts,tsx,json,md}\"",
@@ -48,52 +48,52 @@
         "@testing-library/dom": "9.3.3",
         "@testing-library/jest-dom": "5.17.0",
         "@testing-library/react": "12.1.5",
-        "@testing-library/user-event": "14.5.1",
+        "@testing-library/user-event": "14.5.2",
         "@types/heremaps": "3.1.14",
-        "@types/lodash": "4.14.202",
-        "@types/react": "18.2.42",
-        "@types/react-dom": "18.2.17",
+        "@types/lodash": "4.17.5",
+        "@types/react": "18.3.3",
+        "@types/react-dom": "18.3.0",
         "@types/react-input-mask": "3.0.5",
-        "@types/react-redux": "7.1.32",
+        "@types/react-redux": "7.1.33",
         "@types/resize-observer-browser": "0.1.11",
         "@typescript-eslint/eslint-plugin": "6.13.2",
         "@typescript-eslint/parser": "6.13.2",
-        "@vitejs/plugin-react": "4.2.1",
+        "@vitejs/plugin-react": "4.3.1",
         "@vitest/coverage-c8": "0.33.0",
-        "autoprefixer": "10.4.16",
-        "backstopjs": "6.2.2",
+        "autoprefixer": "10.4.19",
+        "backstopjs": "6.3.23",
         "copyfiles": "2.4.1",
-        "dotenv": "16.3.1",
+        "dotenv": "16.4.5",
         "eslint": "8.55.0",
         "eslint-config-prettier": "9.1.0",
         "eslint-plugin-compat": "4.2.0",
         "eslint-plugin-getsentry": "2.0.0",
-        "eslint-plugin-import": "2.29.0",
+        "eslint-plugin-import": "2.29.1",
         "eslint-plugin-prefer-arrow": "1.2.3",
-        "eslint-plugin-prettier": "5.0.1",
-        "eslint-plugin-react": "7.33.2",
-        "eslint-plugin-react-hooks": "4.6.0",
+        "eslint-plugin-prettier": "5.1.3",
+        "eslint-plugin-react": "7.34.2",
+        "eslint-plugin-react-hooks": "4.6.2",
         "jsdom": "22.1.0",
         "jsdom-global": "3.0.2",
         "less": "4.2.0",
         "license-checker": "25.0.1",
-        "postcss": "8.4.32",
+        "postcss": "8.4.38",
         "postcss-preset-env": "8.5.1",
         "postcss-short": "5.0.0",
         "postcss-variable-compress": "2.1.0",
         "pre-commit": "1.2.2",
-        "prettier": "3.1.0",
+        "prettier": "3.3.2",
         "react": "17.0.2",
         "react-dom": "17.0.2",
-        "react-intl": "6.5.5",
+        "react-intl": "6.6.8",
         "rollup-plugin-copy": "3.5.0",
         "strip-ansi": "7.1.0",
-        "svgo": "3.0.5",
-        "tiny-invariant": "1.3.1",
+        "svgo": "3.3.2",
+        "tiny-invariant": "1.3.3",
         "typescript": "4.9.5",
         "vite": "4.5.0",
-        "vite-plugin-zip-pack": "1.0.6",
-        "vitest": "1.0.1",
+        "vite-plugin-zip-pack": "1.2.3",
+        "vitest": "1.6.0",
         "webfonts-generator": "github:rio-cloud/webfonts-generator#f666e60803da9155175a7f1775e09671d47a383b"
     },
     "peerDependencies": {
@@ -106,12 +106,12 @@
         "@dnd-kit/sortable": "7.0.2",
         "@formkit/auto-animate": "0.8.1",
         "@popperjs/core": "2.11.8",
-        "classnames": "2.3.2",
+        "classnames": "2.5.1",
         "events": "3.3.0",
         "framer-motion": "4.1.17",
         "iframe-resizer-react": "1.1.0",
         "lodash": "4.17.21",
-        "moment": "2.29.4",
+        "moment": "2.30.1",
         "natural-orderby": "2.0.3",
         "process": "0.11.10",
         "prop-types": "15.8.1",
@@ -122,12 +122,15 @@
         "react-dropzone": "14.2.3",
         "react-input-mask": "3.0.0-alpha.2",
         "react-notifications": "1.7.4",
-        "react-onclickoutside": "6.13.0",
+        "react-onclickoutside": "6.13.1",
         "react-popper": "2.3.0",
         "react-responsive": "9.0.2",
         "react-shadow-root": "6.2.0",
-        "recharts": "2.10.3",
-        "tslib": "2.6.2"
+        "recharts": "2.12.7",
+        "tslib": "2.6.3"
+    },
+    "overrides": {
+        "iframe-resizer": "4.3.11"
     },
     "pre-commit": ["format-code"],
     "browserslist": ["> 0.5%", "Firefox ESR", "not dead"]

package/styles/variables/colors/colors.json

@@ -28,18 +28,16 @@
     "color-status-driving": "#3690ae",
     "color-status-resting": "#626b72",
     "color-status-working": "#94488b",
+    "color-map-marker-text": "#ffffff",
     "color-map-marker-active": "#ffffff",
     "color-map-marker-asset": "#2a3740",
-    "color-map-marker-poi": "#b23672",
-    "color-map-marker-geofence": "#5a4876",
-    "color-map-marker-route": "#3690ae",
-    "color-map-marker-text": "#ffffff",
-    "color-map-marker-active-night": "#ededed",
-    "color-map-marker-asset-night": "#6e757a",
-    "color-map-marker-poi-night": "#b23672",
-    "color-map-marker-geofence-night": "#79619f",
-    "color-map-marker-route-night": "#3b9fc1",
-    "color-map-marker-text-night": "#ededed",
+    "color-map-marker-poi": "#cb3995",
+    "color-map-marker-geofence": "#8c63b9",
+    "color-map-marker-route": "#36afd7",
+    "color-map-marker-info": "#3f759b",
+    "color-map-marker-success": "#5cb85c",
+    "color-map-marker-warning": "#ff8e3c",
+    "color-map-marker-danger": "#d90000",
     "color-rating-1": "#d90000",
     "color-rating-2": "#ff8e3c",
     "color-rating-3": "#f8c575",

package/utils/deviceUtils.d.ts

@@ -7,6 +7,7 @@ export declare const SCREEN_XL = 1700;
 export declare const isMobileScreen: () => boolean;
 export declare const isMobile: () => boolean;
 export declare const isDesktop: () => boolean;
+export declare const isMac: () => boolean;
 export declare const isRetinaDevice: () => boolean;
 export declare const inIframe: () => boolean;
 export declare const toggleZoomOnMobile: () => void;

package/utils/deviceUtils.js

@@ -35,6 +35,7 @@ export const SCREEN_XL = 1700;
 export const isMobileScreen = () => window.matchMedia(`(max-width: ${MOBILE_SCREEN}px)`).matches;
 export const isMobile = () => document === null || document === void 0 ? void 0 : document.documentElement.classList.contains('ua-mobile');
 export const isDesktop = () => document === null || document === void 0 ? void 0 : document.documentElement.classList.contains('ua-desktop');
+export const isMac = () => document === null || document === void 0 ? void 0 : document.documentElement.classList.contains('ua-desktop-macintosh');
 export const isRetinaDevice = () => window.devicePixelRatio > 1;
 export const inIframe = () => {
     try {

package/version.json

@@ -1,3 +1,3 @@
 {
-    "version": "1.0.0"
+    "version": "1.2.0"
 }

package/BrowserWarning.d.ts

@@ -1,5 +0,0 @@
-declare module '@rio-cloud/rio-uikit/BrowserWarning' {
-    import React from 'react';
-    import { BrowserWarningProps } from './types';
-    export default class BrowserWarning extends React.Component<BrowserWarningProps> {}
-}

package/BrowserWarning.js

@@ -1,2 +0,0 @@
-import { default as _BrowserWarning } from './components/browserWarning/BrowserWarning';
-export { _BrowserWarning as default };

package/DomMarker.d.ts

@@ -1,5 +0,0 @@
-declare module '@rio-cloud/rio-uikit/DomMarker' {
-    import React from 'react';
-    import { DomMarkerProps } from './types';
-    export default class DomMarker extends React.Component<DomMarkerProps> {}
-}

package/DomMarker.js

@@ -1,2 +0,0 @@
-import { default as _DomMarker } from './components/map/components/features/basics/marker/DomMarker';
-export { _DomMarker as default };

package/EnhancedMapEvent.d.ts

@@ -1,11 +0,0 @@
-declare module '@rio-cloud/rio-uikit/EnhancedMapEvent' {
-    export default class EnhancedMapEvent {
-        viewportX: number;
-        viewportY: number;
-        map: object;
-        calculateGeoCoords: () => {
-            lat: number;
-            lng: number;
-        };
-    }
-}

package/GroupSelectionUtil.d.ts

@@ -1,2 +0,0 @@
-export { _getNewGroupedSelected as getNewGroupedSelected };
-import { getNewGroupedSelected as _getNewGroupedSelected } from "./utils/GroupSelectionUtil";

package/GroupSelectionUtil.js

@@ -1,2 +0,0 @@
-import { getNewGroupedSelected as _getNewGroupedSelected } from './utils/GroupSelectionUtil';
-export { _getNewGroupedSelected as getNewGroupedSelected };

package/IncidentsLayer.d.ts

@@ -1,4 +0,0 @@
-declare module '@rio-cloud/rio-uikit/IncidentsLayer' {
-    import React from 'react';
-    export default class IncidentsLayer extends React.Component<any> {}
-}

package/IncidentsLayer.js

@@ -1,2 +0,0 @@
-import { default as _IncidentsLayer } from './components/map/components/features/layers/overlayLayers/IncidentsLayer';
-export { _IncidentsLayer as default };

package/TrafficLayer.d.ts

@@ -1,4 +0,0 @@
-declare module '@rio-cloud/rio-uikit/TrafficLayer' {
-    import React from 'react';
-    export default class TrafficLayer extends React.Component<any> {}
-}

package/TrafficLayer.js

@@ -1,2 +0,0 @@
-import { default as _TrafficLayer } from './components/map/components/features/layers/TrafficLayer';
-export { _TrafficLayer as default };

package/TruckLayer.d.ts

@@ -1,4 +0,0 @@
-declare module '@rio-cloud/rio-uikit/TruckLayer' {
-    import React from 'react';
-    export default class TruckLayer extends React.Component<any> {}
-}

package/TruckLayer.js

@@ -1,2 +0,0 @@
-import { default as _TruckLayer } from './components/map/components/features/layers/RoadRestrictionLayer';
-export { _TruckLayer as default };

package/components/assetTree/excludeFromList.d.ts

@@ -1 +0,0 @@
-export function excludeFromList(list: any, itemId: any): any;

package/components/assetTree/excludeFromList.js

@@ -1 +0,0 @@
-export const excludeFromList = (list, itemId) => list.filter(item => item !== itemId);

package/components/browserWarning/BrowserIcons.d.ts

@@ -1,2 +0,0 @@
-export function ChromeIcon(): import("react/jsx-runtime").JSX.Element;
-export function FirefoxIcon(): import("react/jsx-runtime").JSX.Element;

package/components/browserWarning/BrowserIcons.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable max-len */
-import React from 'react';
-export const ChromeIcon = () => (_jsxs("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', xmlnsXlink: 'http://www.w3.org/1999/xlink', width: '100', height: '138' }, { children: [_jsx("defs", { children: _jsx("path", { id: 'a', d: 'M61.815 19.373a31.29 31.29 0 0 1 2.537 12.378c0 17.536-14.406 31.751-32.176 31.751-.6 0-1.196-.016-1.788-.048l13.011-22.296a14.36 14.36 0 0 0 3.502-9.407c0-5.233-2.804-9.82-7.009-12.378zm-56.638-4.9l13.587 23.284c2.316 5.028 7.45 8.524 13.412 8.524 2.384 0 4.635-.559 6.627-1.55l-10.8 18.507C12.202 61.218 0 47.89 0 31.75a31.302 31.302 0 0 1 5.177-17.279zm26.999 5.977c6.325 0 11.453 5.06 11.453 11.301 0 6.242-5.128 11.301-11.453 11.301-6.325 0-11.452-5.06-11.452-11.3 0-6.242 5.127-11.302 11.452-11.302zm0-20.45C44.64 0 55.449 6.993 60.792 17.22l-29.161.001v.01c-7.7.276-13.892 6.388-14.17 13.987L6.56 12.535C12.437 4.917 21.725 0 32.176 0z' }) }), _jsxs("g", Object.assign({ fill: 'none', fillRule: 'evenodd', transform: 'translate(18 20)' }, { children: [_jsx("path", { fill: '#555', fillRule: 'nonzero', d: 'M8.962 95.186c1.436 0 2.569-.389 3.397-1.167.828-.778 1.316-1.867 1.463-3.268h-1.495a4.202 4.202 0 0 1-.283 1.277 2.974 2.974 0 0 1-1.644 1.688c-.382.16-.82.241-1.312.241-.672 0-1.248-.124-1.73-.373A3.37 3.37 0 0 1 6.17 92.58a4.278 4.278 0 0 1-.684-1.478 7.128 7.128 0 0 1-.22-1.798c0-.58.073-1.14.22-1.68.147-.54.375-1.02.684-1.44a3.39 3.39 0 0 1 1.18-1.004c.477-.249 1.05-.373 1.722-.373.786 0 1.465.197 2.037.591.571.395.94.986 1.108 1.774h1.495a4.105 4.105 0 0 0-.535-1.564 3.862 3.862 0 0 0-1.023-1.128 4.5 4.5 0 0 0-1.4-.685 5.83 5.83 0 0 0-1.666-.233c-.86 0-1.623.153-2.289.46a4.724 4.724 0 0 0-1.667 1.252 5.476 5.476 0 0 0-1.014 1.86 7.34 7.34 0 0 0-.346 2.28c0 .808.107 1.566.322 2.271.215.706.537 1.318.967 1.836.43.52.97.926 1.62 1.222.65.296 1.41.443 2.28.443zm7.832-.249v-4.543c0-.364.05-.698.15-1.004.1-.306.249-.573.448-.802.2-.228.448-.404.747-.529.299-.124.653-.186 1.062-.186.513 0 .917.145 1.21.435.294.29.441.685.441 1.183v5.447h1.337v-5.291c0-.436-.045-.833-.134-1.19a2.245 2.245 0 0 0-.464-.927 2.198 2.198 0 0 0-.865-.607c-.356-.145-.802-.218-1.337-.218-.24 0-.49.026-.747.078a3.329 3.329 0 0 0-.739.241 2.505 2.505 0 0 0-.637.42 1.76 1.76 0 0 0-.44.63h-.032v-4.247h-1.337v11.11h1.337zm8.698 0v-3.579c0-.518.052-.977.157-1.377.105-.4.273-.739.503-1.02.23-.28.535-.492.912-.637.378-.145.834-.218 1.369-.218v-1.4c-.724-.021-1.321.124-1.793.435s-.87.794-1.196 1.447h-.031v-1.696h-1.258v8.046h1.337zm7.172.172c.65 0 1.218-.107 1.706-.32.488-.212.9-.508 1.235-.886.335-.379.587-.823.755-1.33a5.233 5.233 0 0 0 .251-1.65c0-.592-.084-1.144-.251-1.658a3.744 3.744 0 0 0-.755-1.338 3.572 3.572 0 0 0-1.235-.895c-.488-.218-1.056-.327-1.706-.327-.64 0-1.206.11-1.699.327a3.555 3.555 0 0 0-1.243.895 3.744 3.744 0 0 0-.754 1.338 5.306 5.306 0 0 0-.252 1.658c0 .591.084 1.14.252 1.65.167.507.419.951.754 1.33.336.378.75.674 1.243.887.493.212 1.059.319 1.699.319zm0-1.152c-.346 0-.674-.067-.983-.202-.31-.135-.58-.33-.81-.584a2.711 2.711 0 0 1-.543-.949 3.964 3.964 0 0 1-.197-1.3c0-.487.066-.92.197-1.299.131-.378.312-.697.543-.957.23-.26.5-.456.81-.591.309-.135.637-.202.983-.202s.673.067.983.202c.309.135.579.332.81.591.23.26.411.579.542.957.131.379.197.812.197 1.3 0 .487-.066.92-.197 1.299a2.711 2.711 0 0 1-.542.95c-.231.253-.501.448-.81.583-.31.135-.637.202-.983.202zm6.857.98v-5.01c0-.156.04-.35.118-.584a2.24 2.24 0 0 1 1.054-1.237c.277-.156.61-.233.998-.233.304 0 .553.044.747.132.194.088.35.213.464.373.116.161.197.35.244.568.047.218.07.457.07.716v5.275h1.338v-5.01c0-.623.189-1.12.566-1.494.377-.374.897-.56 1.557-.56.325 0 .59.046.794.14.205.093.365.22.48.38.115.162.194.351.236.569.042.218.063.451.063.7v5.275h1.337V89.04c0-.415-.066-.77-.197-1.066a1.872 1.872 0 0 0-.55-.724 2.31 2.31 0 0 0-.85-.412 4.3 4.3 0 0 0-1.108-.133c-.535 0-1.025.12-1.471.358a2.826 2.826 0 0 0-1.077 1.012c-.168-.498-.456-.85-.865-1.058a2.98 2.98 0 0 0-1.369-.312c-1.143 0-2.018.457-2.626 1.37h-.032v-1.183h-1.258v8.046h1.337zm15.539.172c.923 0 1.688-.229 2.296-.685.608-.456 1.002-1.136 1.18-2.039h-1.321c-.116.53-.354.924-.716 1.183-.362.26-.826.39-1.392.39-.44 0-.823-.073-1.148-.219a2.249 2.249 0 0 1-.802-.583 2.266 2.266 0 0 1-.456-.84 3.162 3.162 0 0 1-.126-1.004h6.087a6.34 6.34 0 0 0-.134-1.54 4.432 4.432 0 0 0-.598-1.495 3.543 3.543 0 0 0-1.148-1.128c-.477-.296-1.077-.444-1.8-.444-.556 0-1.068.104-1.534.312-.467.207-.87.498-1.211.871-.34.374-.606.815-.794 1.323a4.795 4.795 0 0 0-.283 1.68c.02.613.112 1.178.275 1.697.162.518.406.965.731 1.338.325.373.726.664 1.203.871.477.208 1.04.312 1.691.312zm2.186-4.964h-4.671a2.73 2.73 0 0 1 .204-.88c.116-.275.273-.516.472-.723.2-.208.438-.371.716-.49.278-.12.59-.18.936-.18a2.308 2.308 0 0 1 1.643.662c.205.202.367.443.488.724.12.28.191.575.212.887z' }), _jsx("mask", Object.assign({ id: 'b', fill: '#fff' }, { children: _jsx("use", { xlinkHref: '#a' }) })), _jsx("use", { fill: '#56AFEF', xlinkHref: '#a' }), _jsx("path", { fill: '#FA6758', mask: 'url(#b)', d: 'M4.847 9.575l12.885 24.513 1.69-7.141 4.728-5.935 8.179-2.137 8.312-.468 30.519-.416L39.496-3.862 17.686.058z' }), _jsx("path", { fill: '#F5D923', mask: 'url(#b)', d: 'M37.006 18.316l4.94 5.004 3.177 5.005v4.204l-2.375 6.465-13.905 25.851 7.369.399 15.999-5.327 11.28-13.79 3.778-13.859-1.621-10.862-2.032-2.874z' }), _jsx("path", { fill: '#6CE84E', mask: 'url(#b)', d: 'M5.003 12.634l5.539 9.194 8.038 12.068 4.051 6.664 3.513 2.606 4.533 1.269 6.155-.139 3.529-1.407L27.796 65.55 5.712 57.086l-9.183-19.785 1.013-14.866z' })] }))] })));
-export const FirefoxIcon = () => (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: '100', height: '138' }, { children: _jsxs("g", Object.assign({ fill: 'none', fillRule: 'evenodd' }, { children: [_jsx("path", { fill: '#555', fillRule: 'nonzero', d: 'M28.908 114.938v-5.09h5.116v-1.244h-5.116v-3.532h5.834v-1.245h-7.316v11.11h1.482zm8.657-9.493v-1.618h-1.326v1.618h1.326zm0 9.493v-8.046h-1.326v8.046h1.326zm3.338 0v-3.58c0-.518.052-.977.156-1.377.104-.4.27-.739.5-1.02.228-.28.53-.492.904-.637.374-.145.827-.218 1.357-.218v-1.4c-.718-.021-1.31.124-1.778.435-.468.311-.863.794-1.186 1.447h-.031v-1.696h-1.248v8.046h1.326zm7.066.17c.915 0 1.674-.228 2.277-.684.604-.456.994-1.136 1.17-2.039h-1.31c-.114.53-.35.924-.71 1.183-.358.26-.819.39-1.38.39-.437 0-.816-.073-1.139-.219a2.231 2.231 0 0 1-.795-.583 2.272 2.272 0 0 1-.453-.84 3.186 3.186 0 0 1-.124-1.004h6.036a6.39 6.39 0 0 0-.132-1.54 4.454 4.454 0 0 0-.593-1.495 3.528 3.528 0 0 0-1.139-1.128c-.473-.296-1.068-.444-1.786-.444-.551 0-1.058.104-1.52.312a3.574 3.574 0 0 0-1.202.871c-.338.374-.6.815-.788 1.323a4.83 4.83 0 0 0-.28 1.68c.02.613.111 1.178.273 1.697a3.7 3.7 0 0 0 .725 1.338c.322.373.72.664 1.193.871.473.208 1.032.312 1.677.312zm2.168-4.963h-4.632a2.75 2.75 0 0 1 .202-.88c.115-.275.27-.516.468-.723.198-.208.434-.371.71-.49.276-.12.585-.18.928-.18a2.273 2.273 0 0 1 1.63.662c.203.202.364.443.484.724.12.28.19.575.21.887zm4.649 4.793v-6.879h1.56v-1.167h-1.56v-1.12c0-.353.088-.592.265-.716.177-.125.426-.187.748-.187.115 0 .24.008.375.024.135.015.26.044.374.085v-1.151a2.292 2.292 0 0 0-.429-.094 3.403 3.403 0 0 0-.429-.03c-.728 0-1.281.168-1.66.505-.38.337-.57.832-.57 1.486v1.198h-1.357v1.167h1.357v6.879h1.326zm6.223.17c.645 0 1.21-.106 1.693-.318a3.46 3.46 0 0 0 1.224-.887c.333-.379.583-.823.749-1.33.166-.51.25-1.059.25-1.65 0-.592-.084-1.144-.25-1.658a3.753 3.753 0 0 0-.749-1.338 3.544 3.544 0 0 0-1.224-.895c-.484-.218-1.048-.327-1.693-.327-.634 0-1.196.11-1.684.327-.489.218-.9.516-1.233.895a3.753 3.753 0 0 0-.748 1.338 5.347 5.347 0 0 0-.25 1.658c0 .591.083 1.14.25 1.65.166.507.416.951.748 1.33.333.378.744.674 1.233.887.488.212 1.05.319 1.684.319zm0-1.15c-.343 0-.668-.068-.975-.203a2.335 2.335 0 0 1-.803-.584 2.717 2.717 0 0 1-.538-.949 3.994 3.994 0 0 1-.195-1.3c0-.487.065-.92.195-1.299.13-.378.31-.697.538-.957.229-.26.497-.456.803-.591.307-.135.632-.202.975-.202.344 0 .668.067.975.202.307.135.575.332.804.591.228.26.408.579.538.957.13.379.195.812.195 1.3 0 .487-.065.92-.195 1.299-.13.379-.31.695-.538.95a2.335 2.335 0 0 1-.804.583 2.396 2.396 0 0 1-.975.202zm6.224.98l2.246-3.33 2.246 3.33h1.7l-3.119-4.342 2.777-3.704H71.49l-2.012 2.817-1.934-2.817h-1.7l2.808 3.813-3.027 4.233h1.607z' }), _jsxs("g", Object.assign({ fill: '#F5A623' }, { children: [_jsx("path", { d: 'M49.376 20c17.88 0 32.375 14.215 32.375 31.751S67.256 83.502 49.376 83.502C31.495 83.502 17 69.287 17 51.752 17 34.214 31.495 20 49.376 20zm.076 2.153c-12.338 0-22.954 7.21-27.675 17.552-1.68 3.68-.581 7.757-.581 12.046 0 16.347 12.368 26.07 29.096 26.07s25.971-9.723 25.971-26.07c0-10.034-3.7-17.942-11.119-23.295-.517-.373.57-1.688 0-2.026-4.576-2.715-9.947-4.277-15.692-4.277z' }), _jsx("path", { d: 'M22.869 26.675l4.353 6.161 7.467.665 7.238-4.07-2.279 4.735s1.109 1.6 1.109 3.106h7.209s1.448.93.2 2.371c-1.248 1.442-6.374 5.347-6.374 5.347l-.035 4.14-4.727.1s-.144 5.626 3.654 6.663c3.797 1.038 8.788-1.498 8.788-1.498s3.813-.577 5.261 1.103 1.286 2.21-.564 2.813c-1.85.604-6.022 4.097-9.217 4.097-3.195 0-4.199-.134-4.199-.134s1.302 1.964 3.956 2.802c2.654.837 14.941 3.831 21.067-6.86 1.25-2.718 1.215-7.868 1.215-7.868l2.619 1.737s1.71-6.64 0-10.727l2.074-.277s-3.62-7.605-11.955-9.627l4.824-1.26s-3.256-3.03-8.467-3.998l9.163.235 9.602 8.859 4.087 12.86-1.375 12.99-6.327 10.396-8.14 6.695-10.347 2.867-16.34-2.198L21.61 65.64l-2.95-20.058 2.344-8.663 1.864-10.244z' })] }))] })) })));

package/components/browserWarning/BrowserWarning.d.ts

@@ -1,15 +0,0 @@
-export default BrowserWarning;
-declare function BrowserWarning(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace BrowserWarning {
-    namespace defaultProps {
-        function onClose(): void;
-        function onBrowserSelect(): void;
-    }
-    namespace propTypes {
-        const onClose_1: PropTypes.Requireable<(...args: any[]) => any>;
-        export { onClose_1 as onClose };
-        const onBrowserSelect_1: PropTypes.Requireable<(...args: any[]) => any>;
-        export { onBrowserSelect_1 as onBrowserSelect };
-    }
-}
-import PropTypes from "prop-types";

package/components/browserWarning/BrowserWarning.js

@@ -1,46 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import Dialog from '../dialog/Dialog';
-import BrowserWarningMessageDE from './BrowserWarningMessageDE';
-import BrowserWarningMessageEN from './BrowserWarningMessageEN';
-const UNSUPPORTED_BROWSER_TAG = 'ua-ie';
-const getLanguage = () => {
-    if (window) {
-        return window.navigator.language.toLowerCase();
-    }
-    return '';
-};
-const BrowserWarning = props => {
-    const { show, onClose, onBrowserSelect } = props;
-    const [showWarning, setShowWarning] = useState(show);
-    const handleClose = () => {
-        setShowWarning(false);
-        onClose(false);
-    };
-    // Force to show the dialog from outside
-    useEffect(() => setShowWarning(show), [show]);
-    // check HTML tag for browsers only on mount
-    useEffect(() => {
-        if (document &&
-            document.documentElement &&
-            document.documentElement.classList.contains(UNSUPPORTED_BROWSER_TAG)) {
-            setShowWarning(true);
-        }
-    }, []);
-    const lang = getLanguage();
-    const isDE = lang.startsWith('de');
-    const body = isDE ? (_jsx(BrowserWarningMessageDE, { onBrowserSelect: onBrowserSelect })) : (_jsx(BrowserWarningMessageEN, { onBrowserSelect: onBrowserSelect }));
-    const footerText = isDE ? 'Weiter im IE11' : 'Continue with IE11';
-    const footer = (_jsx("div", Object.assign({ className: 'display-flex justify-content-end' }, { children: _jsx("button", Object.assign({ type: 'button', className: 'btn btn-link', onClick: handleClose }, { children: footerText })) })));
-    return _jsx(Dialog, { show: showWarning, className: 'backdrop-blured', body: body, footer: footer, onHide: handleClose });
-};
-BrowserWarning.defaultProps = {
-    onClose: () => { },
-    onBrowserSelect: () => { },
-};
-BrowserWarning.propTypes = {
-    onClose: PropTypes.func,
-    onBrowserSelect: PropTypes.func,
-};
-export default BrowserWarning;

package/components/browserWarning/BrowserWarningMessageDE.d.ts

@@ -1,4 +0,0 @@
-export default BrowserWarningMessageDE;
-declare function BrowserWarningMessageDE({ onBrowserSelect }: {
-    onBrowserSelect: any;
-}): import("react/jsx-runtime").JSX.Element;

package/components/browserWarning/BrowserWarningMessageDE.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { ChromeIcon, FirefoxIcon } from './BrowserIcons';
-const BrowserWarningMessageDE = ({ onBrowserSelect }) => (_jsxs(React.Fragment, { children: [_jsxs("div", Object.assign({ className: 'text-center padding-right-1pct padding-left-1pct' }, { children: [_jsx("h1", Object.assign({ className: 'margin-bottom-25 padding-top-25' }, { children: "Sie nutzen einen veralteten Browser" })), _jsxs("p", Object.assign({ className: 'text-size-18 margin-bottom-25' }, { children: ['Der ', _jsx("b", { children: "Internet Explorer" }), ' ist mit seinen knapp 7 Jahren nun langsam ins hohe Alter gekommen und kann ', 'in Sachen ', _jsx("b", { children: "Schnelligkeit" }), ', ', _jsx("b", { children: "Features" }), ' aber vor allem in Punkto ', _jsx("b", { children: "Sicherheit" }), ", nicht mehr mit modernen Browsern mithalten."] })), _jsxs("p", Object.assign({ className: 'text-size-18 margin-bottom-25' }, { children: ['Wir bei RIO haben uns das Ziel gesetzt, Ihnen die ', _jsx("b", { children: "bestm\u00F6gliche Software" }), ' bereitzustellen um Ihnen ein ', _jsx("b", { children: "optimales Nutzungserlebnis" }), ' zu bieten. Daher haben wir uns dazu entschlossen den Support für ', "den IE11 einzustellen."] })), _jsx("p", Object.assign({ className: 'text-size-18' }, { children: _jsx("b", { children: "Erleben Sie RIO von einer ganz neuen Seite, z.B. mit einem der folgenden Browser:" }) }))] })), _jsxs("div", Object.assign({ className: `display-flex justify-content-center justify-content-around flex-wrap
-                padding-right-2pct-ls padding-left-2pct-ls` }, { children: [_jsx("a", Object.assign({ href: 'https://www.google.com/chrome/', target: '_blank', rel: 'noopener noreferrer', className: 'display-block hover-scale-110', onClick: () => onBrowserSelect('chrome') }, { children: _jsx(ChromeIcon, {}) })), _jsx("a", Object.assign({ href: 'https://www.mozilla.org/firefox/new/', target: '_blank', rel: 'noopener noreferrer', className: 'display-block hover-scale-110', onClick: () => onBrowserSelect('firefox') }, { children: _jsx(FirefoxIcon, {}) }))] }))] }));
-export default BrowserWarningMessageDE;

package/components/browserWarning/BrowserWarningMessageEN.d.ts

@@ -1,4 +0,0 @@
-export default BrowserWarningMessageEN;
-declare function BrowserWarningMessageEN({ onBrowserSelect }: {
-    onBrowserSelect: any;
-}): import("react/jsx-runtime").JSX.Element;

package/components/browserWarning/BrowserWarningMessageEN.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { ChromeIcon, FirefoxIcon } from './BrowserIcons';
-const BrowserWarningMessageEN = ({ onBrowserSelect }) => (_jsxs(React.Fragment, { children: [_jsxs("div", Object.assign({ className: 'text-center padding-right-1pct padding-left-1pct' }, { children: [_jsx("h1", Object.assign({ className: 'margin-bottom-25 padding-top-25' }, { children: "You are using an outdated browser" })), _jsxs("p", Object.assign({ className: 'text-size-18 margin-bottom-25' }, { children: ['With just under 7 years the ', _jsx("b", { children: "Internet Explorer" }), ' is slowly getting old and can no longer keep up with modern browsers in terms of ', _jsx("b", { children: "speed" }), ', ', _jsx("b", { children: "functionality" }), ' but above all in terms of ', _jsx("b", { children: "security" }), "."] })), _jsxs("p", Object.assign({ className: 'text-size-18 margin-bottom-25' }, { children: ['We at RIO, have set ourselves the goal of providing you with the ', _jsx("b", { children: "best possible software" }), ' to offer you the ', _jsx("b", { children: "best possible user experience" }), ". Therefore, we have decided to end the support for the IE11."] })), _jsx("p", Object.assign({ className: 'text-size-18' }, { children: _jsx("b", { children: "Experience RIO from a whole new side with a modern browser:" }) }))] })), _jsxs("div", Object.assign({ className: `display-flex justify-content-center justify-content-around flex-wrap
-                padding-right-2pct-ls padding-left-2pct-ls` }, { children: [_jsx("a", Object.assign({ href: 'https://www.google.com/chrome/', target: '_blank', rel: 'noopener noreferrer', className: 'display-block hover-scale-110', onClick: () => onBrowserSelect('chrome') }, { children: _jsx(ChromeIcon, {}) })), _jsx("a", Object.assign({ href: 'https://www.mozilla.org/firefox/new/', target: '_blank', rel: 'noopener noreferrer', className: 'display-block hover-scale-110', onClick: () => onBrowserSelect('firefox') }, { children: _jsx(FirefoxIcon, {}) }))] }))] }));
-export default BrowserWarningMessageEN;

package/components/carousel/CarouselCaption.d.ts

@@ -1,13 +0,0 @@
-export default CarouselCaption;
-declare class CarouselCaption extends React.Component<any, any, any> {
-    constructor(props: any);
-    constructor(props: any, context: any);
-    render(): import("react/jsx-runtime").JSX.Element;
-}
-declare namespace CarouselCaption {
-    namespace defaultProps {
-        const componentClass: string;
-    }
-    const propTypes: {};
-}
-import React from "react";

package/components/carousel/CarouselCaption.js

@@ -1,18 +0,0 @@
-import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-// https://github.com/react-bootstrap/react-bootstrap/blob/v0.32.0/src/CarouselCaption.js
-import classNames from 'classnames';
-import React from 'react';
-class CarouselCaption extends React.Component {
-    render() {
-        const _a = this.props, { componentClass: Component, className } = _a, remainingProps = __rest(_a, ["componentClass", "className"]);
-        return _jsx(Component, Object.assign({}, remainingProps, { className: classNames('carousel-caption', className) }));
-    }
-}
-CarouselCaption.defaultProps = {
-    componentClass: 'div',
-};
-CarouselCaption.propTypes = {
-// componentClass: elementType,
-};
-export default CarouselCaption;