@rio-cloud/rio-uikit 1.12.0 → 1.13.0

package/lib/es/components/teaser/Teaser.js

@@ -1,78 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const noop_1 = tslib_1.__importDefault(require("lodash/fp/noop"));
-const Button_1 = tslib_1.__importDefault(require("../button/Button"));
-const Teaser = (props) => {
-    const { segmentation, verticalAlignment = 'top' } = props;
-    const alignmentClass = verticalAlignment === 'center' ? 'align-items-center-sm' : '';
-    if (segmentation === '100') {
-        return (0, jsx_runtime_1.jsx)(SingleColumnTeaser, { alignmentClass: alignmentClass, ...props });
-    }
-    // Thumbnail based layout for multiple segments or multiple teaser in a row
-    return (0, jsx_runtime_1.jsx)(MultipleSegmentsOrRowsTeaser, { alignmentClass: alignmentClass, ...props });
-};
-exports.default = Teaser;
-const SingleColumnTeaser = (props) => {
-    const { headline, content, footer, image, button, segmentation, className, alignmentClass } = props;
-    const wrapperClassNames = (0, classnames_1.default)('teaser panel panel-default panel-body padding-20 margin-bottom-20 text-center', alignmentClass, className);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: wrapperClassNames, children: [(0, jsx_runtime_1.jsx)(TeaserHeadline, { headline: headline, segmentation: segmentation }), (0, jsx_runtime_1.jsx)(TeaserImageComp, { image: image, segmentation: segmentation }), (0, jsx_runtime_1.jsx)(TeaserContent, { content: content, segmentation: segmentation }), (0, jsx_runtime_1.jsx)(TeaserButtonComp, { button: button }), (0, jsx_runtime_1.jsx)(TeaserFooter, { footer: footer })] }));
-};
-const MultipleSegmentsOrRowsTeaser = (props) => {
-    const { headline, content, footer, image, button, segmentation, className, alignmentClass } = props;
-    const wrapperClasses = (0, classnames_1.default)('teaser thumbnail display-flex-sm', !segmentation && 'flex-column height-100pct-sm', // only for multiple teasers in a row
-    alignmentClass, className);
-    const captionClasses = (0, classnames_1.default)('caption', image?.align === 'left' && 'flex-order-2-sm', image?.align === 'right' && 'flex-order-1-sm', segmentation === '50' && 'width-50pct-sm', segmentation === '25:75' && 'width-50pct-sm width-25pct-lg', segmentation === '75:25' && 'width-50pct-sm width-75pct-lg', !segmentation && 'display-flex-sm flex-column-sm flex-1-0-sm');
-    return ((0, jsx_runtime_1.jsxs)("div", { className: wrapperClasses, children: [(0, jsx_runtime_1.jsx)(TeaserImageComp, { image: image, segmentation: segmentation }), (headline || content || button) && ((0, jsx_runtime_1.jsxs)("div", { className: captionClasses, children: [(0, jsx_runtime_1.jsx)(TeaserHeadline, { headline: headline, segmentation: segmentation }), (0, jsx_runtime_1.jsx)(TeaserContent, { content: content, segmentation: segmentation }), (0, jsx_runtime_1.jsx)(TeaserButtonComp, { button: button }), (0, jsx_runtime_1.jsx)(TeaserFooter, { footer: footer })] }))] }));
-};
-const TeaserHeadline = ({ headline, segmentation }) => {
-    if (!headline) {
-        return null;
-    }
-    return (0, jsx_runtime_1.jsx)("h2", { className: segmentation === '100' ? 'margin-top-20 margin-bottom-25' : 'margin-top-5', children: headline });
-};
-const TeaserContent = ({ content, segmentation }) => {
-    if (!content) {
-        return null;
-    }
-    const classes = (0, classnames_1.default)('teaser-content-wrapper text-size-16', segmentation === '100' ? 'padding-left-25-sm padding-right-25-sm' : 'flex-1-0-sm');
-    return (0, jsx_runtime_1.jsx)("div", { className: classes, children: content });
-};
-const TeaserFooter = ({ footer }) => {
-    if (!footer) {
-        return null;
-    }
-    return (0, jsx_runtime_1.jsx)("div", { className: 'teaser-footer-wrapper', children: footer });
-};
-const TeaserButtonComp = ({ button }) => {
-    if (!button) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(Button_1.default, { bsStyle: button.bsStyle ?? 'primary', className: button.className, onClick: button.onClick, children: button.text }) }));
-};
-/* eslint-disable max-len */
-const placeholderImage1by1 = 'data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAPoCAQAAADnqhxvAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCw8ODSFLsnJ3AAAPvUlEQVR42u3VMQ0AIADAMMC/ZxDBQVhaBfs29wAAfrdeBwAA9wwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDgTLCM9BHrU/AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTExLTE1VDEzOjEzOjMzKzAxOjAwgedH5AAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0xMS0xNVQxMzoxMzozMyswMTowMPC6/1gAAAAASUVORK5CYII=';
-const placeholderImage3by1 = 'data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAFNCAQAAAA55I0bAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCw8ODDQ/dKfdAAAFUUlEQVR42u3VMQ0AIADAMMC/ZxDBQVhaBfs29wAAfrdeBwAA9wwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIO/GUDmajv5qgAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMTEtMTVUMTM6MTI6NTIrMDE6MDAOPS7pAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTExLTE1VDEzOjEyOjUyKzAxOjAwf2CWVQAAAABJRU5ErkJggg==';
-const placeholderImage3by2 = 'data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAKaCAQAAAAHN7sRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCw8ODALwzjJEAAAKhUlEQVR42u3VMQ0AIADAMMC/ZxDBQVhaBfs29wAAfrdeBwAA9wwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIOCbQGM8brNAQAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMTEtMTVUMTM6MTI6MDIrMDE6MDBG3SCNAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTExLTE1VDEzOjEyOjAyKzAxOjAwN4CYMQAAAABJRU5ErkJggg==';
-const placeholderImage16by9 = 'data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAIwCAQAAAC/sImZAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiDBwMBx70M0fPAAAI3UlEQVR42u3VMQ0AIADAMMC/ZxDBQVhaBfs29wAAfrdeBwAA9wwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAg55rgVfT+Sm9AAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0xMi0yOFQxMTowNzozMCswMTowMOGwCPwAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMTItMjhUMTE6MDc6MzArMDE6MDCQ7bBAAAAAAElFTkSuQmCC';
-/* eslint-enable max-len */
-const teaserPlaceholderImages = {
-    '1:1': placeholderImage1by1,
-    '3:1': placeholderImage3by1,
-    '3:2': placeholderImage3by2,
-    '16:9': placeholderImage16by9,
-};
-const TeaserImageComp = ({ image, segmentation }) => {
-    if (!image) {
-        return null;
-    }
-    let specificClassNames;
-    if (segmentation !== '100') {
-        specificClassNames = (0, classnames_1.default)(image.align === 'left' && 'flex-order-1-sm padding-left-20-sm', image.align === 'right' && 'flex-order-2-sm padding-right-20-sm', segmentation === '50' && 'width-50pct-sm', segmentation === '25:75' && 'width-50pct-sm width-75pct-lg', segmentation === '75:25' && 'width-50pct-sm width-25pct-lg', segmentation && 'padding-top-20-sm padding-bottom-20-sm');
-    }
-    const imageWrapperClassNames = (0, classnames_1.default)('teaser-image-wrapper', specificClassNames, image.className && image.className);
-    const callback = image?.onClick ?? noop_1.default;
-    return ((0, jsx_runtime_1.jsx)("div", { className: imageWrapperClassNames, onClick: callback, children: (0, jsx_runtime_1.jsx)("img", { className: 'img-responsive cover center', src: teaserPlaceholderImages[image.aspectRatio] ?? placeholderImage16by9, alt: image.alt ?? '', style: { backgroundImage: `url(${image.src})` } }) }));
-};

package/lib/es/components/teaser/TeaserContainer.d.ts

@@ -1,26 +0,0 @@
-import { type PropsWithChildren } from 'react';
-export type TeasersPerRow = 1 | 2 | 3 | 4 | 6 | 12;
-export type TeaserContainerProps = {
-    /**
-     * Defines how many children are rendered into a row.
-     *
-     * If "teaserPerRow" is not defined, the container tries to put all children in a row with regard to the
-     * Bootstrap grid. This is done by dividing the amount of children by 12 in order  to figure out the col grid
-     * classes.
-     *
-     * It is recommended to define "teasersPerRow" when having more than 4 teasers.
-     *
-     * Possible values are: 1, 2, 3, 4, 6, 12
-     */
-    teaserPerRow?: TeasersPerRow;
-    /**
-     * Optional string for additional classes added to each column of a child.
-     */
-    columnClassName?: string;
-    /**
-     * Optional string for additional classes added to the row.
-     */
-    className?: string;
-};
-declare const TeaserContainer: (props: PropsWithChildren<TeaserContainerProps>) => import("react/jsx-runtime").JSX.Element;
-export default TeaserContainer;

package/lib/es/components/teaser/TeaserContainer.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const getGridClasses = (amount) => {
-    switch (amount) {
-        case 1:
-            return 'col-12';
-        case 2:
-            return 'col-12 col-sm-6';
-        case 3:
-            return 'col-12 col-md-4';
-        case 4:
-            return 'col-12 col-md-6 col-lg-3';
-        case 6:
-            return 'col-12 col-sm-4 col-lg-2';
-        case 12:
-            return 'col-12 col-sm-1';
-        default:
-            return 'col-12';
-    }
-};
-const TeaserContainer = (props) => {
-    const { className, teaserPerRow, children, columnClassName } = props;
-    const rowClassNames = (0, classnames_1.default)('teaser-container', 'row', 'display-flex-sm flex-wrap-sm', className);
-    const columnClassNames = teaserPerRow
-        ? getGridClasses(teaserPerRow)
-        : getGridClasses(react_1.Children.count(children) || 1);
-    const aggregatedColumnClassNames = (0, classnames_1.default)(columnClassNames, columnClassName);
-    return ((0, jsx_runtime_1.jsx)("div", { className: rowClassNames, children: react_1.Children.map(children, child => {
-            return (0, jsx_runtime_1.jsx)("div", { className: aggregatedColumnClassNames, children: child });
-        }) }));
-};
-exports.default = TeaserContainer;

package/lib/es/components/timepicker/TimePicker.d.ts

@@ -1,49 +0,0 @@
-import React from 'react';
-export type TimePickerProps = {
-    /**
-     * Value of the time as string. Note, when value is given the component is treated as controlled.
-     */
-    value?: string;
-    /**
-     * Callback function when the value changes and is a valid time format.
-     *
-     * If not it handles the state internally until the time is valid and filled.
-     */
-    onChange?: (value: string) => void;
-    /**
-     * Defines whether to always show the input mask placeholder.
-     *
-     * @default true
-     */
-    alwaysShowMask?: boolean;
-    /**
-     * Defines whether to show the input icon.
-     *
-     * @default false
-     */
-    showIcon?: boolean;
-    /**
-     * Input error message.
-     */
-    errorMessage?: string | React.ReactNode;
-    /**
-     * Input warning message.
-     */
-    warningMessage?: string | React.ReactNode;
-    /**
-     * Feedback message width.
-     *
-     * @default 'normal'
-     */
-    messageWhiteSpace?: 'normal' | 'nowrap' | 'pre-line';
-    /**
-     * Additional properties to be set on the input element.
-     */
-    inputProps?: Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'>;
-    /**
-     * Additional classes to be set on the wrapper element.
-     */
-    className?: string;
-};
-declare const TimePicker: (props: TimePickerProps) => import("react/jsx-runtime").JSX.Element;
-export default TimePicker;

package/lib/es/components/timepicker/TimePicker.js

@@ -1,102 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_imask_1 = require("react-imask");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const isNil_1 = tslib_1.__importDefault(require("lodash/fp/isNil"));
-const isEmpty_1 = tslib_1.__importDefault(require("lodash/fp/isEmpty"));
-const moment_1 = tslib_1.__importDefault(require("moment"));
-const noop_1 = tslib_1.__importDefault(require("lodash/fp/noop"));
-const tiny_invariant_1 = tslib_1.__importDefault(require("tiny-invariant"));
-const MINUTES_OFFSET = 15;
-const mask = '00:00';
-const fullRegexp = /^(?:\d|[01]\d|2[0-3]):[0-5]\d$/;
-const getPadded = (value) => (value >= 10 ? `${value}` : `0${value}`);
-const formatTimeString = (hours, minutes) => `${getPadded(hours)}:${getPadded(minutes)}`;
-const roundedUp = (time, offset = MINUTES_OFFSET) => Math.floor(time.minutes() / offset) * offset;
-const getInitialTime = () => {
-    const date = new Date();
-    const hours = date.getHours();
-    const minutes = date.getMinutes();
-    return formatTimeString(hours, minutes);
-};
-const isTimeValid = (value) => fullRegexp.test(value);
-const isControlledAndValid = (value) => {
-    const hasExternalValue = !(0, isNil_1.default)(value);
-    const isValid = (0, isEmpty_1.default)(value) || isTimeValid(value);
-    if (hasExternalValue && !isValid) {
-        (0, tiny_invariant_1.default)(false, 'Wrong time format. Please pass in value with the following format: "hh:mm".');
-    }
-    return hasExternalValue && isValid;
-};
-const TimePicker = (props) => {
-    const { value, onChange = noop_1.default, alwaysShowMask = true, showIcon = false, errorMessage, warningMessage, messageWhiteSpace = 'normal', className = '', inputProps = {}, ...remainingProps } = props;
-    const initialTime = isControlledAndValid(value) ? value : getInitialTime();
-    const [timeValue, setTimeValue] = (0, react_1.useState)(initialTime);
-    // Update internal time value from outside when used as a controlled component
-    (0, react_1.useEffect)(() => {
-        if (isControlledAndValid(value)) {
-            setTimeValue(value);
-            onChange(value);
-        }
-    }, [value]);
-    const handleFocus = (event) => {
-        const input = event.target;
-        // Check if value is empty or partially filled
-        if (!input.value || input.value.startsWith('-')) {
-            // Move cursor to the first empty position (usually 0)
-            // Timeout needed to wait for IMask internal focus handling
-            setTimeout(() => {
-                input.setSelectionRange(0, 0);
-            }, 0);
-        }
-        // If you want to preserve custom onFocus from props
-        inputProps.onFocus?.(event);
-    };
-    const handleAcceptTime = (val, maskRef) => {
-        setTimeValue(val);
-        if (maskRef.masked.isComplete) {
-            onChange(val);
-        }
-    };
-    const isValid = isTimeValid(timeValue);
-    const handleIncrease = () => {
-        const time = (0, moment_1.default)(`2020-01-01 ${timeValue}`);
-        const rounded = roundedUp(time);
-        time.minute(rounded).second(0);
-        time.add(MINUTES_OFFSET, 'minutes');
-        const updatedTimeValue = formatTimeString(time.hours(), time.minutes());
-        setTimeValue(updatedTimeValue);
-        onChange(updatedTimeValue);
-    };
-    const handleDecrease = () => {
-        const time = (0, moment_1.default)(`2020-01-01 ${timeValue}`);
-        const rounded = roundedUp(time);
-        time.minute(rounded).second(0);
-        time.subtract(MINUTES_OFFSET, 'minutes');
-        const updatedTimeValue = formatTimeString(time.hours(), time.minutes());
-        setTimeValue(updatedTimeValue);
-        onChange(updatedTimeValue);
-    };
-    const { className: inputClassName, ...otherInputProps } = inputProps;
-    const hasFeedback = errorMessage || warningMessage;
-    return ((0, jsx_runtime_1.jsxs)("div", { ...remainingProps, className: (0, classnames_1.default)('TimePicker', 'input-group', className), children: [showIcon && ((0, jsx_runtime_1.jsx)("span", { className: 'input-group-addon', children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-time-alt' }) })), (0, jsx_runtime_1.jsxs)("div", { className: 'form-control-feedback-wrapper', children: [(0, jsx_runtime_1.jsx)(react_imask_1.IMaskInput, { ...otherInputProps, className: (0, classnames_1.default)('TimePickerInput', 'form-control', inputClassName), 
-                        // mask={mask}
-                        mask: 'HH:MM', blocks: {
-                            HH: {
-                                mask: react_imask_1.IMask.MaskedRange,
-                                from: 0,
-                                to: 23,
-                                maxLength: 2,
-                            },
-                            MM: {
-                                mask: react_imask_1.IMask.MaskedRange,
-                                from: 0,
-                                to: 59,
-                                maxLength: 2,
-                            },
-                        }, value: timeValue, onAccept: handleAcceptTime, onFocus: handleFocus, lazy: !alwaysShowMask, placeholderChar: '-', overwrite: true }), hasFeedback && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [errorMessage && (0, jsx_runtime_1.jsx)("span", { className: 'form-control-feedback rioglyph rioglyph-error-sign' }), warningMessage && (0, jsx_runtime_1.jsx)("span", { className: 'form-control-feedback rioglyph rioglyph-warning-sign' }), (0, jsx_runtime_1.jsx)("span", { className: `help-block white-space-${messageWhiteSpace}`, children: (0, jsx_runtime_1.jsx)("span", { children: errorMessage || warningMessage }) })] }))] }), isValid && ((0, jsx_runtime_1.jsxs)("div", { className: 'TimePickerIncreaseButton input-group-addon', children: [(0, jsx_runtime_1.jsx)("div", { className: 'text-color-gray hover-text-color-dark display-grid place-items-center cursor-pointer', onClick: handleDecrease, children: (0, jsx_runtime_1.jsx)("div", { className: 'rioglyph rioglyph-chevron-left scale-90' }) }), (0, jsx_runtime_1.jsx)("div", { className: 'text-color-gray hover-text-color-dark margin-left-5 display-grid place-items-center cursor-pointer', onClick: handleIncrease, children: (0, jsx_runtime_1.jsx)("div", { className: 'rioglyph rioglyph-chevron-right scale-90' }) })] }))] }));
-};
-exports.default = TimePicker;

package/lib/es/components/tooltip/SimpleTooltip.d.ts

@@ -1,39 +0,0 @@
-import React, { type MutableRefObject, type PropsWithChildren } from 'react';
-import { type TooltipProps } from './Tooltip';
-import { type TriggerType } from '../../values/Trigger';
-export type delayProp = {
-    show: number;
-    hide: number;
-};
-export type SimpleTooltipProps = Omit<TooltipProps, 'content'> & {
-    /**
-     * The tooltip content.
-     */
-    content: string | React.ReactNode;
-    /**
-     * Specify which action or actions trigger Overlay visibility.
-     * Possible values are: `hover`, `click`, `focus`
-     * @default 'hover'
-     */
-    trigger?: TriggerType;
-    /**
-     * The react ref object assigned to the target of the tooltip.
-     */
-    targetRef?: MutableRefObject<HTMLDivElement>;
-    /**
-     * A millisecond delay amount to show the Overlay once triggered.
-     * If passed an Object, you can control the show and hide timeouts individually.
-     */
-    delay?: number | delayProp;
-    /**
-     * A Popper.js config object passed to the the underlying popper instance.
-     */
-    popperConfig?: object;
-};
-declare const SimpleTooltip: {
-    (props: PropsWithChildren<SimpleTooltipProps>): import("react/jsx-runtime").JSX.Element;
-    TRIGGER_CLICK: "click";
-    TRIGGER_HOVER: "hover";
-    TRIGGER_FOCUS: "focus";
-};
-export default SimpleTooltip;

package/lib/es/components/tooltip/SimpleTooltip.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Tooltip_1 = tslib_1.__importDefault(require("./Tooltip"));
-const OverlayTrigger_1 = tslib_1.__importDefault(require("../overlay/OverlayTrigger"));
-const Placement_1 = require("../../values/Placement");
-const Trigger_1 = require("../../values/Trigger");
-const SimpleTooltip = (props) => {
-    const { children, placement = Placement_1.PLACEMENT.AUTO, trigger, content, delay, popperConfig, targetRef, ...remainingProps } = props;
-    return ((0, jsx_runtime_1.jsx)(OverlayTrigger_1.default, { placement: placement, trigger: trigger, overlay: (0, jsx_runtime_1.jsx)(Tooltip_1.default, { ...remainingProps, ref: targetRef, children: content }), delay: delay, popperConfig: popperConfig, children: children }));
-};
-SimpleTooltip.TRIGGER_CLICK = Trigger_1.TRIGGER.CLICK;
-SimpleTooltip.TRIGGER_HOVER = Trigger_1.TRIGGER.HOVER;
-SimpleTooltip.TRIGGER_FOCUS = Trigger_1.TRIGGER.FOCUS;
-exports.default = SimpleTooltip;

package/lib/es/components/tooltip/Tooltip.d.ts

@@ -1,68 +0,0 @@
-import { type CSSProperties, type PropsWithChildren, type HTMLAttributes } from 'react';
-import { PLACEMENT } from '../../values/Placement';
-import { TEXT_ALIGNMENT } from '../../values/TextAlignment';
-import type { ObjectValues } from '../../utils/ObjectValues';
-import type { RefComponent } from '../../utils/RefComponent';
-declare const STYLE_MAP: {
-    readonly STYLE_DEFAULT: "default";
-    readonly STYLE_ONBOARDING: "onboarding";
-};
-declare const TEXT_ALIGNMENT_MAP: {
-    readonly TEXT_ALIGNMENT_LEFT: "left";
-    readonly TEXT_ALIGNMENT_CENTER: "center";
-    readonly TEXT_ALIGNMENT_RIGHT: "right";
-};
-export type TooltipWidth = 'auto' | 100 | 150 | 200 | 250 | 300 | 350 | 400 | 450 | 500;
-export type TooltipProps = {
-    /**
-     * An HTML id attribute, necessary for accessibility.
-     */
-    id?: string;
-    /**
-     * Sets the direction the Tooltip is positioned towards. This is generally provided by the
-     * OverlayTrigger component positioning the tooltip.
-     * @default 'bottom'
-     */
-    placement?: ObjectValues<typeof PLACEMENT>;
-    /**
-     * Defines the position of the text content.
-     * Possible values are: `"center"` | `"left"` | `"right"`
-     * @default 'center'
-     */
-    textAlignment?: ObjectValues<typeof TEXT_ALIGNMENT>;
-    /**
-     * Defines the look of the tooltip.
-     * Possible values are: `default` and `onboarding`
-     * @default 'default'
-     */
-    tooltipStyle?: ObjectValues<typeof STYLE_MAP>;
-    /**
-     * Defines the width of 'the tooltip.
-     * Possible values are: 'auto' | 100 | 150 | 200 | 250 | 300 | 350 | 400 | 450 | 500
-     */
-    width?: TooltipWidth;
-    /**
-     * Render Tooltips on mobile devices.
-     * @default false
-     */
-    allowOnTouch?: boolean;
-    /**
-     * Additional props assigned to the arrow element. Internally used.
-     */
-    arrowProps?: Record<string, unknown>;
-    /**
-     * Additional style properties assigned to the wrapper element.
-     */
-    style?: CSSProperties;
-    /**
-     * Additional classes to be set on the wrapper element.
-     */
-    className?: string;
-    /**
-     * Additional classes to be set on the inner element.
-     */
-    innerClassName?: string;
-} & Omit<HTMLAttributes<HTMLDivElement>, 'id' | 'style' | 'className'>;
-export type TooltipType = RefComponent<PropsWithChildren<TooltipProps>> & typeof STYLE_MAP & typeof PLACEMENT & typeof TEXT_ALIGNMENT_MAP;
-declare const Tooltip: TooltipType;
-export default Tooltip;

package/lib/es/components/tooltip/Tooltip.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const omit_1 = tslib_1.__importDefault(require("lodash/fp/omit"));
-const deviceUtils_1 = require("../../utils/deviceUtils");
-const Placement_1 = require("../../values/Placement");
-const TextAlignment_1 = require("../../values/TextAlignment");
-const STYLE_MAP = {
-    STYLE_DEFAULT: 'default',
-    STYLE_ONBOARDING: 'onboarding',
-};
-const TEXT_ALIGNMENT_MAP = {
-    TEXT_ALIGNMENT_LEFT: TextAlignment_1.TEXT_ALIGNMENT.LEFT,
-    TEXT_ALIGNMENT_CENTER: TextAlignment_1.TEXT_ALIGNMENT.CENTER,
-    TEXT_ALIGNMENT_RIGHT: TextAlignment_1.TEXT_ALIGNMENT.RIGHT,
-};
-const Tooltip = (0, react_1.forwardRef)((props, ref) => {
-    const { allowOnTouch = false, arrowProps, children, className = '', innerClassName = '', placement = 'bottom', style, textAlignment = 'center', tooltipStyle = 'default', width = 'auto', ...remainingProps } = (0, omit_1.default)(['popper', 'positionLeft', 'positionTop'], props);
-    // Mount the component but don't show it yet via CSS.
-    // After it is mounted, we set the visibility class to use CSS animation
-    const [isMounted, setIsMounted] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => setIsMounted(true), []);
-    if (!(0, deviceUtils_1.isDesktop)() && !allowOnTouch) {
-        // Workaround: we have to return a DOM node as otherwise the
-        // react-transition library would throw an error on mobile
-        // when triggering a browser reflow and accessing the node directly.
-        return (0, jsx_runtime_1.jsx)("span", { className: 'display-none' });
-    }
-    const wrapperClasses = (0, classnames_1.default)('tooltip', tooltipStyle && `tooltip-${tooltipStyle}`, placement, 'fade', isMounted && 'show', className);
-    const innerClasses = (0, classnames_1.default)('tooltip-inner', textAlignment && `text-${textAlignment}`, width && `width-${width}`, innerClassName && innerClassName);
-    /* eslint-disable react/no-unknown-property */
-    return ((0, jsx_runtime_1.jsxs)("div", { ...remainingProps, role: 'tooltip', "x-placement": placement, ref: ref, className: wrapperClasses, style: { ...style }, "data-offset": 20, children: [(0, jsx_runtime_1.jsx)("div", { className: 'tooltip-arrow', ...arrowProps }), (0, jsx_runtime_1.jsx)("div", { className: innerClasses, children: children })] }));
-});
-// statics
-Object.assign(Tooltip, STYLE_MAP);
-Object.assign(Tooltip, Placement_1.PLACEMENT); // is keyed as-is
-Object.assign(Tooltip, TEXT_ALIGNMENT_MAP);
-exports.default = Tooltip;

package/lib/es/components/video/ResponsiveVideo.d.ts

@@ -1,33 +0,0 @@
-declare const FOUR_BY_THREE = "4by3";
-declare const SIXTEEN_BY_NINE = "16by9";
-export type AspectRatio = typeof FOUR_BY_THREE | typeof SIXTEEN_BY_NINE;
-export type ResponsiveVideoProps = {
-    /**
-     * The link to the source of the video file.
-     */
-    src: string;
-    /**
-     * Defined the aspect ratio of the video.
-     * @default `16by9`
-     *
-     * Possible values are:
-     * `ResponsiveVideo.ASPECT_RATIO_4_BY_3`, `ResponsiveVideo.ASPECT_RATIO_16_BY_9` or
-     * `4by3`, `16by9`.
-     */
-    aspectRatio: '4by3' | '16by9';
-    /**
-     * Allows the fullscreen feature of the underlying embedded iframe.
-     * @default true
-     */
-    allowFullScreen?: boolean;
-    /**
-     * Additional classes added to the wrapping element.
-     */
-    className?: string;
-};
-declare const ResponsiveVideo: {
-    (props: ResponsiveVideoProps): import("react/jsx-runtime").JSX.Element;
-    ASPECT_RATIO_4_BY_3: "4by3";
-    ASPECT_RATIO_16_BY_9: "16by9";
-};
-export default ResponsiveVideo;

package/lib/es/components/video/ResponsiveVideo.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const FOUR_BY_THREE = '4by3';
-const SIXTEEN_BY_NINE = '16by9';
-const ResponsiveVideo = (props) => {
-    const { src, className = '', allowFullScreen = true, aspectRatio = '16by9' } = props;
-    const wrapperClassName = (0, classnames_1.default)('video-responsive', `video-responsive-${aspectRatio}`, className && className);
-    return ((0, jsx_runtime_1.jsx)("div", { className: wrapperClassName, children: (0, jsx_runtime_1.jsx)("iframe", { src: src, allowFullScreen: allowFullScreen }) }));
-};
-ResponsiveVideo.ASPECT_RATIO_4_BY_3 = FOUR_BY_THREE;
-ResponsiveVideo.ASPECT_RATIO_16_BY_9 = SIXTEEN_BY_NINE;
-exports.default = ResponsiveVideo;

package/lib/es/components/virtualList/VirtualList.d.ts

@@ -1,59 +0,0 @@
-import React from 'react';
-export type VirtualListProps<T> = {
-    /**
-     * The array of items to be rendered in the list.
-     */
-    items: T[];
-    /**
-     * A function that renders an item given its data and index.
-     *
-     * @param item
-     * @param index
-     * @returns
-     */
-    renderItem: (item: T, index: number) => React.ReactElement;
-    /**
-     * The number of items to render outside the visible area for smoother scrolling.
-     *
-     * @default 3
-     */
-    overscanCount?: number;
-    /**
-     * The default height for items if their height cannot be determined.
-     *
-     * @default 50
-     */
-    defaultHeight?: number;
-    /**
-     * Optional ref to an external scroll container.
-     * Use this when VirtualList is inside a scrollable container.
-     */
-    scrollContainerRef?: React.RefObject<HTMLElement>;
-    /**
-     * Additional classNames for the container of the list items.
-     */
-    containerClassName?: string;
-    /**
-     * Additional classNames for each individual list item wrapper.
-     * This wrapper is required for proper positioning each item in the list using an absolute top value.
-     */
-    listItemWrapperClassName?: string;
-    /**
-     * Additional classNames for the outer list container
-     */
-    className?: string;
-};
-export type ItemHeight = number;
-export type ItemIndex = number;
-export type VisibleRange = {
-    start: number;
-    end: number;
-};
-export type VirtualListState = {
-    itemHeights: Record<ItemIndex, ItemHeight>;
-    visibleRange: VisibleRange;
-    scrollTop: number;
-    viewportHeight: number;
-};
-export declare const VirtualList: <T>(props: VirtualListProps<T>) => import("react/jsx-runtime").JSX.Element;
-export default VirtualList;