@rio-cloud/rio-uikit 0.16.4-beta.13 → 0.16.4-beta.15

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

@@ -1,27 +1,35 @@
+import { type Props as InputMaksProps } from 'react-input-mask';
+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;
+    /**
+     * Additional properties to be set on the input element.
+     */
+    inputProps?: Omit<InputMaksProps, 'mask' | 'maskPlaceholder' | 'value' | 'onChange' | 'alwaysShowMask'>;
+    /**
+     * 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;
-declare function TimePicker(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace TimePicker {
-    namespace defaultProps {
-        function onChange(): void;
-        const alwaysShowMask: boolean;
-        const showIcon: boolean;
-        const className: string;
-        const inputProps: {};
-    }
-    namespace propTypes {
-        const onChange_1: PropTypes.Requireable<(...args: any[]) => any>;
-        export { onChange_1 as onChange };
-        export const value: PropTypes.Requireable<string>;
-        const alwaysShowMask_1: PropTypes.Requireable<boolean>;
-        export { alwaysShowMask_1 as alwaysShowMask };
-        const showIcon_1: PropTypes.Requireable<boolean>;
-        export { showIcon_1 as showIcon };
-        const className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        const inputProps_1: PropTypes.Requireable<PropTypes.InferProps<{
-            className: PropTypes.Requireable<string>;
-        }>>;
-        export { inputProps_1 as inputProps };
-    }
-}
-import PropTypes from "prop-types";

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

@@ -2,27 +2,27 @@
 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 react_1 = require("react");
 const react_input_mask_1 = tslib_1.__importDefault(require("react-input-mask"));
 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 MINUTES_OFFSET = 15;
 const mask = [/[0-2]/, /[0-9]/, ':', /[0-5]/, /[0-9]/];
 const fullRegexp = /^(?:\d|[01]\d|2[0-3]):[0-5]\d$/;
-const getPadded = value => (value >= 10 ? value : `0${value}`);
+const getPadded = (value) => (value >= 10 ? `${value}` : `0${value}`);
 const formatTimeString = (hours, minutes) => `${getPadded(hours)}:${getPadded(minutes)}`;
-const roundedUp = (time, offset) => Math.floor(time.minutes() / offset) * offset;
+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 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) {
@@ -30,8 +30,8 @@ const isControlledAndValid = value => {
     }
     return hasExternalValue && isValid;
 };
-const TimePicker = props => {
-    const { onChange, value, className, alwaysShowMask, showIcon, inputProps } = props, remainingProps = tslib_1.__rest(props, ["onChange", "value", "className", "alwaysShowMask", "showIcon", "inputProps"]);
+const TimePicker = (props) => {
+    const { value, onChange = noop_1.default, alwaysShowMask = true, showIcon = false, className = '', inputProps = {} } = props, remainingProps = tslib_1.__rest(props, ["value", "onChange", "alwaysShowMask", "showIcon", "className", "inputProps"]);
     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
@@ -41,7 +41,7 @@ const TimePicker = props => {
             onChange(value);
         }
     }, [value]);
-    const handleChangeTime = event => {
+    const handleChangeTime = (event) => {
         const currentValue = event.target.value;
         setTimeValue(currentValue);
         if (fullRegexp.test(currentValue)) {
@@ -51,7 +51,7 @@ const TimePicker = props => {
     const isValid = isTimeValid(timeValue);
     const handleIncrease = () => {
         const time = (0, moment_1.default)(`2020-01-01 ${timeValue}`);
-        const rounded = roundedUp(time, MINUTES_OFFSET);
+        const rounded = roundedUp(time);
         time.minute(rounded).second(0);
         time.add(MINUTES_OFFSET, 'minutes');
         const updatedTimeValue = formatTimeString(time.hours(), time.minutes());
@@ -60,31 +60,14 @@ const TimePicker = props => {
     };
     const handleDecrease = () => {
         const time = (0, moment_1.default)(`2020-01-01 ${timeValue}`);
-        const rounded = roundedUp(time, MINUTES_OFFSET);
+        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 } = inputProps;
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, remainingProps, { className: (0, classnames_1.default)('TimePicker', 'input-group', className) }, { children: [showIcon && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'input-group-addon' }, { children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-time-alt' }) }))), (0, jsx_runtime_1.jsx)(react_input_mask_1.default, Object.assign({}, inputProps, { className: (0, classnames_1.default)('TimePickerInput', 'form-control', inputClassName), mask: mask, maskPlaceholder: '-', value: timeValue, onChange: handleChangeTime, alwaysShowMask: alwaysShowMask })), isValid && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'TimePickerIncreaseButton input-group-addon' }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'text-color-gray hover-text-color-dark', onClick: handleDecrease }, { children: (0, jsx_runtime_1.jsx)("div", { className: 'rioglyph rioglyph-chevron-left scale-90' }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'text-color-gray hover-text-color-dark margin-left-5', onClick: handleIncrease }, { children: (0, jsx_runtime_1.jsx)("div", { className: 'rioglyph rioglyph-chevron-right scale-90' }) }))] })))] })));
-};
-TimePicker.defaultProps = {
-    onChange: () => { },
-    alwaysShowMask: true,
-    showIcon: false,
-    className: '',
-    inputProps: {},
-};
-TimePicker.propTypes = {
-    onChange: prop_types_1.default.func,
-    value: prop_types_1.default.string,
-    alwaysShowMask: prop_types_1.default.bool,
-    showIcon: prop_types_1.default.bool,
-    className: prop_types_1.default.string,
-    inputProps: prop_types_1.default.shape({
-        className: prop_types_1.default.string,
-    }),
+    const { className: inputClassName } = inputProps, otherInputProps = tslib_1.__rest(inputProps, ["className"]);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, remainingProps, { className: (0, classnames_1.default)('TimePicker', 'input-group', className) }, { children: [showIcon && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'input-group-addon' }, { children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-time-alt' }) }))), (0, jsx_runtime_1.jsx)(react_input_mask_1.default, Object.assign({}, otherInputProps, { className: (0, classnames_1.default)('TimePickerInput', 'form-control', inputClassName), mask: mask, maskPlaceholder: '-', value: timeValue, onChange: handleChangeTime, alwaysShowMask: alwaysShowMask })), isValid && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'TimePickerIncreaseButton input-group-addon' }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'text-color-gray hover-text-color-dark', onClick: handleDecrease }, { children: (0, jsx_runtime_1.jsx)("div", { className: 'rioglyph rioglyph-chevron-left scale-90' }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'text-color-gray hover-text-color-dark margin-left-5', onClick: handleIncrease }, { children: (0, jsx_runtime_1.jsx)("div", { className: 'rioglyph rioglyph-chevron-right scale-90' }) }))] })))] })));
 };
 exports.default = TimePicker;

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

@@ -59,6 +59,10 @@ export type TooltipProps = {
      * Additional classes to be set on the wrapper element.
      */
     className?: string;
+    /**
+     * Additional classes to be set on the inner element.
+     */
+    innerClassName?: string;
 };
 export type TooltipType = RefComponent<PropsWithChildren<TooltipProps>> & typeof STYLE_MAP & typeof PLACEMENT & typeof TEXT_ALIGNMENT_MAP;
 declare const Tooltip: TooltipType;

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

@@ -18,7 +18,7 @@ const TEXT_ALIGNMENT_MAP = {
     TEXT_ALIGNMENT_RIGHT: TextAlignment_1.TEXT_ALIGNMENT.RIGHT,
 };
 const Tooltip = (0, react_1.forwardRef)((props, ref) => {
-    const _a = (0, omit_1.default)(['popper', 'positionLeft', 'positionTop'], props), { allowOnTouch = false, arrowProps, children, className = '', placement = 'bottom', style, textAlignment = 'center', tooltipStyle = 'default', width = 'auto' } = _a, remainingProps = tslib_1.__rest(_a, ["allowOnTouch", "arrowProps", "children", "className", "placement", "style", "textAlignment", "tooltipStyle", "width"]);
+    const _a = (0, omit_1.default)(['popper', 'positionLeft', 'positionTop'], props), { allowOnTouch = false, arrowProps, children, className = '', innerClassName = '', placement = 'bottom', style, textAlignment = 'center', tooltipStyle = 'default', width = 'auto' } = _a, remainingProps = tslib_1.__rest(_a, ["allowOnTouch", "arrowProps", "children", "className", "innerClassName", "placement", "style", "textAlignment", "tooltipStyle", "width"]);
     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
@@ -26,7 +26,7 @@ const Tooltip = (0, react_1.forwardRef)((props, ref) => {
         return (0, jsx_runtime_1.jsx)("span", { className: 'display-none' });
     }
     const wrapperClasses = (0, classnames_1.default)('tooltip', tooltipStyle && `tooltip-${tooltipStyle}`, placement, className);
-    const innerClasses = (0, classnames_1.default)('tooltip-inner', textAlignment && `text-${textAlignment}`, width && `width-${width}`);
+    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", Object.assign({}, remainingProps, { role: 'tooltip', "x-placement": placement, ref: ref, className: wrapperClasses, style: Object.assign({}, style), "data-offset": 20 }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'tooltip-arrow' }, arrowProps)), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: innerClasses }, { children: children }))] })));
 });

package/lib/es/hooks/useDocumentTitle.d.ts

@@ -0,0 +1,2 @@
+declare const useDocumentTitle: (title: string) => void;
+export default useDocumentTitle;

package/lib/es/hooks/useDocumentTitle.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const useDocumentTitle = (title) => {
+    (0, react_1.useEffect)(() => {
+        if (document) {
+            document.title = title;
+        }
+    }, [title]);
+};
+exports.default = useDocumentTitle;

package/lib/es/hooks/useIsFirstRender.d.ts

@@ -0,0 +1,2 @@
+declare const useIsFirstRender: () => boolean;
+export default useIsFirstRender;

package/lib/es/hooks/useIsFirstRender.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const useIsFirstRender = () => {
+    const renderRef = (0, react_1.useRef)(true);
+    if (renderRef.current === true) {
+        renderRef.current = false;
+        return true;
+    }
+    return renderRef.current;
+};
+exports.default = useIsFirstRender;

package/lib/es/index.d.ts

@@ -63,10 +63,6 @@ import { default as _Slider } from './components/slider/Slider';
 export { _Slider as Slider };
 import { default as _RangeSlider } from './components/slider/RangeSlider';
 export { _RangeSlider as RangeSlider };
-import { default as _Tag } from './components/tag/Tag';
-export { _Tag as Tag };
-import { default as _TagList } from './components/tag/TagList';
-export { _TagList as TagList };
 import { default as _Collapse } from './components/collapse/Collapse';
 export { _Collapse as Collapse };
 import { default as _Fade } from './components/fade/Fade';
@@ -91,25 +87,10 @@ import { default as _SteppedProgressBar } from './components/steppedProgressBar/
 export { _SteppedProgressBar as SteppedProgressBar };
 import { default as _Position } from './components/position/Position';
 export { _Position as Position };
-import { default as _Notification } from './components/notification/Notification';
-import { default as _NotificationsContainer } from './components/notification/NotificationsContainer';
-export { _Notification as Notification, _NotificationsContainer as NotificationsContainer };
 import { default as _ApplicationHeader } from './components/applicationHeader/ApplicationHeader';
 export { _ApplicationHeader as ApplicationHeader };
-import { default as _NotFoundState } from './components/states/NotFoundState';
-export { _NotFoundState as NotFoundState };
-import { default as _EmptyState } from './components/states/EmptyState';
-export { _EmptyState as EmptyState };
-import { default as _ErrorState } from './components/states/ErrorState';
-export { _ErrorState as ErrorState };
-import { default as _ForbiddenState } from './components/states/ForbiddenState';
-export { _ForbiddenState as ForbiddenState };
 import { default as _NotBookedState } from './components/states/NotBookedState';
 export { _NotBookedState as NotBookedState };
-import { default as _CustomState } from './components/states/CustomState';
-export { _CustomState as CustomState };
-import { default as _TimePicker } from './components/timepicker/TimePicker';
-export { _TimePicker as TimePicker };
 import { default as _ResponsiveColumnStripe } from './components/responsiveColumnStripe/ResponsiveColumnStripe';
 export { _ResponsiveColumnStripe as ResponsiveColumnStripe };
 import { SortArrowUp as _SortArrowUp, SortArrowDown as _SortArrowDown, SortArrows as _SortArrows } from './components/table/SortArrows';
@@ -155,14 +136,8 @@ export { default as ActionBarItem } from './components/actionBarItem/ActionBarIt
 export * from './components/actionBarItem/ActionBarItem';
 import { default as _ReleaseNotesDialog } from './components/dialog/ReleaseNotesDialog';
 export { _ReleaseNotesDialog as ReleaseNotesDialog };
-import { default as _Teaser } from './components/teaser/Teaser';
-export { _Teaser as Teaser };
-import { default as _TeaserContainer } from './components/teaser/TeaserContainer';
-export { _TeaserContainer as TeaserContainer };
 import { default as _OnboardingTip } from './components/onboarding/OnboardingTip';
 export { _OnboardingTip as OnboardingTip };
-import { default as _TagManager } from './components/tagManager/TagManager';
-export { _TagManager as TagManager };
 import { default as _BrowserWarning } from './components/browserWarning/BrowserWarning';
 export { _BrowserWarning as BrowserWarning };
 import { default as _RuleConnector } from './components/rules/RuleConnector';
@@ -263,3 +238,31 @@ export { default as DataTab } from './components/dataTabs/DataTab';
 export * from './components/dataTabs/DataTab';
 export { default as DataTabs } from './components/dataTabs/DataTabs';
 export * from './components/dataTabs/DataTabs';
+export { default as TagManager } from './components/tagManager/TagManager';
+export * from './components/tagManager/TagManager';
+export { default as Tag } from './components/tag/Tag';
+export * from './components/tag/Tag';
+export { default as TagList } from './components/tag/TagList';
+export * from './components/tag/TagList';
+export { default as CustomState } from './components/states/CustomState';
+export * from './components/states/CustomState';
+export { default as EmptyState } from './components/states/EmptyState';
+export * from './components/states/EmptyState';
+export { default as ErrorState } from './components/states/ErrorState';
+export * from './components/states/ErrorState';
+export { default as ForbiddenState } from './components/states/ForbiddenState';
+export * from './components/states/ForbiddenState';
+export { default as MaintenanceState } from './components/states/MaintenanceState';
+export * from './components/states/MaintenanceState';
+export { default as NotFoundState } from './components/states/NotFoundState';
+export * from './components/states/NotFoundState';
+export { default as Teaser } from './components/teaser/Teaser';
+export * from './components/teaser/Teaser';
+export { default as TeaserContainer } from './components/teaser/TeaserContainer';
+export * from './components/teaser/TeaserContainer';
+export { default as TimePicker } from './components/timepicker/TimePicker';
+export * from './components/timepicker/TimePicker';
+export { default as Notification } from './components/notification/Notification';
+export * from './components/notification/Notification';
+export { default as NotificationsContainer } from './components/notification/NotificationsContainer';
+export * from './components/notification/NotificationsContainer';

package/lib/es/index.js

@@ -1,10 +1,10 @@
 "use strict";
 /* eslint-disable max-len */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NotFoundState = exports.ApplicationHeader = exports.NotificationsContainer = exports.Notification = exports.Position = exports.SteppedProgressBar = exports.FilePicker = exports.DateRangePicker = exports.DatePicker = exports.Multiselect = exports.Select = exports.Popover = exports.ListMenu = exports.ImagePreloader = exports.Fade = exports.Collapse = exports.TagList = exports.Tag = exports.RangeSlider = exports.Slider = exports.TableCardsSorting = exports.TableSearch = exports.TableToolbar = exports.TableViewToggles = exports.TableSettingsDialog = exports.MediaDialog = exports.InfoDialog = exports.SimpleDialog = exports.SplitDialog = exports.SaveDialog = exports.SplitButtonDropdown = exports.SingleButtonDropdown = exports.SimpleButtonDropdown = exports.ButtonDropdown = exports.MenuItem = exports.DropdownSubmenu = exports.ConfirmationDialog = exports.Dialog = exports.TreeOption = exports.TypeCounter = exports.TreeSummary = exports.TreeSearch = exports.Tree = exports.TreeCategory = exports.AssetTree = exports.Sidebar = exports.RadioButton = exports.AutoSuggest = exports.colors = exports.VERSION = void 0;
-exports.TagManager = exports.OnboardingTip = exports.TeaserContainer = exports.Teaser = exports.ReleaseNotesDialog = exports.ActionBarItem = exports.ApplicationLayoutBodyBanner = exports.ApplicationLayoutBodyBottomBar = exports.ApplicationLayoutBodyNavigation = exports.ApplicationLayout = exports.ExpanderList = exports.ExpanderPanel = exports.getNewGroupedSelected = exports.setColorScheme = exports.getColorScheme = exports.isDesktop = exports.inIframe = exports.hasTouch = exports.useMutationObserver = exports.useDarkMode = exports.useScrollPosition = exports.useElementSize = exports.useClipboard = exports.useClickOutside = exports.useInterval = exports.useTimeout = exports.useEffectOnce = exports.useOnMount = exports.useAfterMount = exports.useWindowResize = exports.useEvent = exports.useKey = exports.useEsc = exports.parseColumnsSettingsStrings = exports.mapColumnsSettingsToStrings = exports.parseSorting = exports.getSortDirShort = exports.naturalSortByProperty = exports.sortByProperty = exports.SortDirection = exports.SortArrows = exports.SortArrowDown = exports.SortArrowUp = exports.ResponsiveColumnStripe = exports.TimePicker = exports.CustomState = exports.NotBookedState = exports.ForbiddenState = exports.ErrorState = exports.EmptyState = void 0;
-exports.Button = exports.NumberControl = exports.NumberInput = exports.useHover = exports.useFocusTrap = exports.EditableContent = exports.StatusBar = exports.StatsWidgetSpacer = exports.StatsWidgetNumber = exports.StatsWidget = exports.StatsWidgets = exports.Spinner = exports.Resizer = exports.Switch = exports.usePrevious = exports.Pager = exports.ReleaseNotes = exports.ContentLoader = exports.ClearableInput = exports.ResponsiveVideo = exports.BottomSheet = exports.AspectRatioPlaceholder = exports.AnimatedNumber = exports.Activity = exports.OverlayTrigger = exports.SimpleTooltip = exports.Tooltip = exports.NoData = exports.Checkbox = exports.ChartNeedle = exports.RadialBarChart = exports.Legend = exports.LineChart = exports.Line = exports.BarChart = exports.Bar = exports.PieChart = exports.AreaGradient = exports.Area = exports.AreaChart = exports.LoadMoreButton = exports.Carousel = exports.SUPPORT_MARKER_CLASS = exports.enableSupportMarker = exports.toggleSupportMarker = exports.CalendarStripe = exports.RulesWrapper = exports.RuleContainer = exports.RuleConnector = exports.BrowserWarning = void 0;
-exports.DataTabs = exports.DataTab = exports.ToggleButton = void 0;
+exports.SortArrows = exports.SortArrowDown = exports.SortArrowUp = exports.ResponsiveColumnStripe = exports.NotBookedState = exports.ApplicationHeader = exports.Position = exports.SteppedProgressBar = exports.FilePicker = exports.DateRangePicker = exports.DatePicker = exports.Multiselect = exports.Select = exports.Popover = exports.ListMenu = exports.ImagePreloader = exports.Fade = exports.Collapse = exports.RangeSlider = exports.Slider = exports.TableCardsSorting = exports.TableSearch = exports.TableToolbar = exports.TableViewToggles = exports.TableSettingsDialog = exports.MediaDialog = exports.InfoDialog = exports.SimpleDialog = exports.SplitDialog = exports.SaveDialog = exports.SplitButtonDropdown = exports.SingleButtonDropdown = exports.SimpleButtonDropdown = exports.ButtonDropdown = exports.MenuItem = exports.DropdownSubmenu = exports.ConfirmationDialog = exports.Dialog = exports.TreeOption = exports.TypeCounter = exports.TreeSummary = exports.TreeSearch = exports.Tree = exports.TreeCategory = exports.AssetTree = exports.Sidebar = exports.RadioButton = exports.AutoSuggest = exports.colors = exports.VERSION = void 0;
+exports.AreaGradient = exports.Area = exports.AreaChart = exports.LoadMoreButton = exports.Carousel = exports.SUPPORT_MARKER_CLASS = exports.enableSupportMarker = exports.toggleSupportMarker = exports.CalendarStripe = exports.RulesWrapper = exports.RuleContainer = exports.RuleConnector = exports.BrowserWarning = exports.OnboardingTip = exports.ReleaseNotesDialog = exports.ActionBarItem = exports.ApplicationLayoutBodyBanner = exports.ApplicationLayoutBodyBottomBar = exports.ApplicationLayoutBodyNavigation = exports.ApplicationLayout = exports.ExpanderList = exports.ExpanderPanel = exports.getNewGroupedSelected = exports.setColorScheme = exports.getColorScheme = exports.isDesktop = exports.inIframe = exports.hasTouch = exports.useMutationObserver = exports.useDarkMode = exports.useScrollPosition = exports.useElementSize = exports.useClipboard = exports.useClickOutside = exports.useInterval = exports.useTimeout = exports.useEffectOnce = exports.useOnMount = exports.useAfterMount = exports.useWindowResize = exports.useEvent = exports.useKey = exports.useEsc = exports.parseColumnsSettingsStrings = exports.mapColumnsSettingsToStrings = exports.parseSorting = exports.getSortDirShort = exports.naturalSortByProperty = exports.sortByProperty = exports.SortDirection = void 0;
+exports.Teaser = exports.NotFoundState = exports.MaintenanceState = exports.ForbiddenState = exports.ErrorState = exports.EmptyState = exports.CustomState = exports.TagList = exports.Tag = exports.TagManager = exports.DataTabs = exports.DataTab = exports.ToggleButton = exports.Button = exports.NumberControl = exports.NumberInput = exports.useHover = exports.useFocusTrap = exports.EditableContent = exports.StatusBar = exports.StatsWidgetSpacer = exports.StatsWidgetNumber = exports.StatsWidget = exports.StatsWidgets = exports.Spinner = exports.Resizer = exports.Switch = exports.usePrevious = exports.Pager = exports.ReleaseNotes = exports.ContentLoader = exports.ClearableInput = exports.ResponsiveVideo = exports.BottomSheet = exports.AspectRatioPlaceholder = exports.AnimatedNumber = exports.Activity = exports.OverlayTrigger = exports.SimpleTooltip = exports.Tooltip = exports.NoData = exports.Checkbox = exports.ChartNeedle = exports.RadialBarChart = exports.Legend = exports.LineChart = exports.Line = exports.BarChart = exports.Bar = exports.PieChart = void 0;
+exports.NotificationsContainer = exports.Notification = exports.TimePicker = exports.TeaserContainer = void 0;
 const tslib_1 = require("tslib");
 const version_json_1 = tslib_1.__importDefault(require("./version.json"));
 const VERSION = version_json_1.default.version;
@@ -72,10 +72,6 @@ const Slider_1 = tslib_1.__importDefault(require("./components/slider/Slider"));
 Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return Slider_1.default; } });
 const RangeSlider_1 = tslib_1.__importDefault(require("./components/slider/RangeSlider"));
 Object.defineProperty(exports, "RangeSlider", { enumerable: true, get: function () { return RangeSlider_1.default; } });
-const Tag_1 = tslib_1.__importDefault(require("./components/tag/Tag"));
-Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return Tag_1.default; } });
-const TagList_1 = tslib_1.__importDefault(require("./components/tag/TagList"));
-Object.defineProperty(exports, "TagList", { enumerable: true, get: function () { return TagList_1.default; } });
 const Collapse_1 = tslib_1.__importDefault(require("./components/collapse/Collapse"));
 Object.defineProperty(exports, "Collapse", { enumerable: true, get: function () { return Collapse_1.default; } });
 const Fade_1 = tslib_1.__importDefault(require("./components/fade/Fade"));
@@ -100,26 +96,10 @@ const SteppedProgressBar_1 = tslib_1.__importDefault(require("./components/stepp
 Object.defineProperty(exports, "SteppedProgressBar", { enumerable: true, get: function () { return SteppedProgressBar_1.default; } });
 const Position_1 = tslib_1.__importDefault(require("./components/position/Position"));
 Object.defineProperty(exports, "Position", { enumerable: true, get: function () { return Position_1.default; } });
-const Notification_1 = tslib_1.__importDefault(require("./components/notification/Notification"));
-Object.defineProperty(exports, "Notification", { enumerable: true, get: function () { return Notification_1.default; } });
-const NotificationsContainer_1 = tslib_1.__importDefault(require("./components/notification/NotificationsContainer"));
-Object.defineProperty(exports, "NotificationsContainer", { enumerable: true, get: function () { return NotificationsContainer_1.default; } });
 const ApplicationHeader_1 = tslib_1.__importDefault(require("./components/applicationHeader/ApplicationHeader"));
 Object.defineProperty(exports, "ApplicationHeader", { enumerable: true, get: function () { return ApplicationHeader_1.default; } });
-const NotFoundState_1 = tslib_1.__importDefault(require("./components/states/NotFoundState"));
-Object.defineProperty(exports, "NotFoundState", { enumerable: true, get: function () { return NotFoundState_1.default; } });
-const EmptyState_1 = tslib_1.__importDefault(require("./components/states/EmptyState"));
-Object.defineProperty(exports, "EmptyState", { enumerable: true, get: function () { return EmptyState_1.default; } });
-const ErrorState_1 = tslib_1.__importDefault(require("./components/states/ErrorState"));
-Object.defineProperty(exports, "ErrorState", { enumerable: true, get: function () { return ErrorState_1.default; } });
-const ForbiddenState_1 = tslib_1.__importDefault(require("./components/states/ForbiddenState"));
-Object.defineProperty(exports, "ForbiddenState", { enumerable: true, get: function () { return ForbiddenState_1.default; } });
 const NotBookedState_1 = tslib_1.__importDefault(require("./components/states/NotBookedState"));
 Object.defineProperty(exports, "NotBookedState", { enumerable: true, get: function () { return NotBookedState_1.default; } });
-const CustomState_1 = tslib_1.__importDefault(require("./components/states/CustomState"));
-Object.defineProperty(exports, "CustomState", { enumerable: true, get: function () { return CustomState_1.default; } });
-const TimePicker_1 = tslib_1.__importDefault(require("./components/timepicker/TimePicker"));
-Object.defineProperty(exports, "TimePicker", { enumerable: true, get: function () { return TimePicker_1.default; } });
 const ResponsiveColumnStripe_1 = tslib_1.__importDefault(require("./components/responsiveColumnStripe/ResponsiveColumnStripe"));
 Object.defineProperty(exports, "ResponsiveColumnStripe", { enumerable: true, get: function () { return ResponsiveColumnStripe_1.default; } });
 const SortArrows_1 = require("./components/table/SortArrows");
@@ -191,14 +171,8 @@ Object.defineProperty(exports, "ActionBarItem", { enumerable: true, get: functio
 tslib_1.__exportStar(require("./components/actionBarItem/ActionBarItem"), exports);
 const ReleaseNotesDialog_1 = tslib_1.__importDefault(require("./components/dialog/ReleaseNotesDialog"));
 Object.defineProperty(exports, "ReleaseNotesDialog", { enumerable: true, get: function () { return ReleaseNotesDialog_1.default; } });
-const Teaser_1 = tslib_1.__importDefault(require("./components/teaser/Teaser"));
-Object.defineProperty(exports, "Teaser", { enumerable: true, get: function () { return Teaser_1.default; } });
-const TeaserContainer_1 = tslib_1.__importDefault(require("./components/teaser/TeaserContainer"));
-Object.defineProperty(exports, "TeaserContainer", { enumerable: true, get: function () { return TeaserContainer_1.default; } });
 const OnboardingTip_1 = tslib_1.__importDefault(require("./components/onboarding/OnboardingTip"));
 Object.defineProperty(exports, "OnboardingTip", { enumerable: true, get: function () { return OnboardingTip_1.default; } });
-const TagManager_1 = tslib_1.__importDefault(require("./components/tagManager/TagManager"));
-Object.defineProperty(exports, "TagManager", { enumerable: true, get: function () { return TagManager_1.default; } });
 const BrowserWarning_1 = tslib_1.__importDefault(require("./components/browserWarning/BrowserWarning"));
 Object.defineProperty(exports, "BrowserWarning", { enumerable: true, get: function () { return BrowserWarning_1.default; } });
 const RuleConnector_1 = tslib_1.__importDefault(require("./components/rules/RuleConnector"));
@@ -333,3 +307,45 @@ tslib_1.__exportStar(require("./components/dataTabs/DataTab"), exports);
 var DataTabs_1 = require("./components/dataTabs/DataTabs");
 Object.defineProperty(exports, "DataTabs", { enumerable: true, get: function () { return tslib_1.__importDefault(DataTabs_1).default; } });
 tslib_1.__exportStar(require("./components/dataTabs/DataTabs"), exports);
+var TagManager_1 = require("./components/tagManager/TagManager");
+Object.defineProperty(exports, "TagManager", { enumerable: true, get: function () { return tslib_1.__importDefault(TagManager_1).default; } });
+tslib_1.__exportStar(require("./components/tagManager/TagManager"), exports);
+var Tag_1 = require("./components/tag/Tag");
+Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return tslib_1.__importDefault(Tag_1).default; } });
+tslib_1.__exportStar(require("./components/tag/Tag"), exports);
+var TagList_1 = require("./components/tag/TagList");
+Object.defineProperty(exports, "TagList", { enumerable: true, get: function () { return tslib_1.__importDefault(TagList_1).default; } });
+tslib_1.__exportStar(require("./components/tag/TagList"), exports);
+var CustomState_1 = require("./components/states/CustomState");
+Object.defineProperty(exports, "CustomState", { enumerable: true, get: function () { return tslib_1.__importDefault(CustomState_1).default; } });
+tslib_1.__exportStar(require("./components/states/CustomState"), exports);
+var EmptyState_1 = require("./components/states/EmptyState");
+Object.defineProperty(exports, "EmptyState", { enumerable: true, get: function () { return tslib_1.__importDefault(EmptyState_1).default; } });
+tslib_1.__exportStar(require("./components/states/EmptyState"), exports);
+var ErrorState_1 = require("./components/states/ErrorState");
+Object.defineProperty(exports, "ErrorState", { enumerable: true, get: function () { return tslib_1.__importDefault(ErrorState_1).default; } });
+tslib_1.__exportStar(require("./components/states/ErrorState"), exports);
+var ForbiddenState_1 = require("./components/states/ForbiddenState");
+Object.defineProperty(exports, "ForbiddenState", { enumerable: true, get: function () { return tslib_1.__importDefault(ForbiddenState_1).default; } });
+tslib_1.__exportStar(require("./components/states/ForbiddenState"), exports);
+var MaintenanceState_1 = require("./components/states/MaintenanceState");
+Object.defineProperty(exports, "MaintenanceState", { enumerable: true, get: function () { return tslib_1.__importDefault(MaintenanceState_1).default; } });
+tslib_1.__exportStar(require("./components/states/MaintenanceState"), exports);
+var NotFoundState_1 = require("./components/states/NotFoundState");
+Object.defineProperty(exports, "NotFoundState", { enumerable: true, get: function () { return tslib_1.__importDefault(NotFoundState_1).default; } });
+tslib_1.__exportStar(require("./components/states/NotFoundState"), exports);
+var Teaser_1 = require("./components/teaser/Teaser");
+Object.defineProperty(exports, "Teaser", { enumerable: true, get: function () { return tslib_1.__importDefault(Teaser_1).default; } });
+tslib_1.__exportStar(require("./components/teaser/Teaser"), exports);
+var TeaserContainer_1 = require("./components/teaser/TeaserContainer");
+Object.defineProperty(exports, "TeaserContainer", { enumerable: true, get: function () { return tslib_1.__importDefault(TeaserContainer_1).default; } });
+tslib_1.__exportStar(require("./components/teaser/TeaserContainer"), exports);
+var TimePicker_1 = require("./components/timepicker/TimePicker");
+Object.defineProperty(exports, "TimePicker", { enumerable: true, get: function () { return tslib_1.__importDefault(TimePicker_1).default; } });
+tslib_1.__exportStar(require("./components/timepicker/TimePicker"), exports);
+var Notification_1 = require("./components/notification/Notification");
+Object.defineProperty(exports, "Notification", { enumerable: true, get: function () { return tslib_1.__importDefault(Notification_1).default; } });
+tslib_1.__exportStar(require("./components/notification/Notification"), exports);
+var NotificationsContainer_1 = require("./components/notification/NotificationsContainer");
+Object.defineProperty(exports, "NotificationsContainer", { enumerable: true, get: function () { return tslib_1.__importDefault(NotificationsContainer_1).default; } });
+tslib_1.__exportStar(require("./components/notification/NotificationsContainer"), exports);

package/lib/es/types.d.ts

@@ -60,19 +60,6 @@ export interface AssetTreeProps {
     className?: string;
     children?: TreeCategoryProps[];
 }
-export interface BaseStateProps {
-    icon?: string;
-    icons?: object[];
-    image?: React.ReactFragment;
-    headline?: string | React.ReactFragment;
-    message?: string | React.ReactFragment;
-    buttons?: object[];
-    fullWidth?: boolean;
-    condensed?: boolean;
-    alignment?: TextAlignment;
-    outerClassName?: string;
-    innerClassName?: string;
-}
 export interface BaseDialogProps {
     show: boolean;
     title?: React.ReactNode;
@@ -250,8 +237,6 @@ export interface CollapseProps {
     onExiting?: Function;
     onExited?: Function;
 }
-export interface CustomStateProps extends BaseStateProps {
-}
 export interface DatePickerProps extends DatetimepickerProps {
     className?: string;
     alignRight?: boolean;
@@ -323,10 +308,6 @@ export interface DropdownSubmenuProps {
     disabled?: boolean;
     className?: string;
 }
-export interface EmptyStateProps extends BaseStateProps {
-}
-export interface ErrorStateProps extends BaseStateProps {
-}
 export interface ExpanderListItem {
     id?: string | number;
     header: string | React.ReactNode;
@@ -353,6 +334,7 @@ export interface ExpanderPanelProps {
     headerClassName?: string;
     titleClassName?: string;
     bodyClassName?: string;
+    iconClassName?: string;
     onToggle?: (isOpen: boolean) => void;
     onEnter?: Function;
     onEntering?: Function;
@@ -399,8 +381,6 @@ export interface FilePickerProps {
     };
     children?: ({ isDragActive }: FilePickerRenderProps) => any;
 }
-export interface ForbiddenStateProps extends BaseStateProps {
-}
 export interface ImagePreloaderProps {
     src: string;
     onLoaded?: Function;
@@ -485,8 +465,6 @@ export interface ListMenuProps {
     responsive?: boolean;
     autoClose?: boolean;
 }
-export interface MaintenanceStateProps extends BaseStateProps {
-}
 export type markerColor = 'bg-map-marker-asset' | 'bg-map-marker-poi' | 'bg-map-marker-geofence' | 'bg-map-marker-route';
 export interface MediaDialogMedia {
     type: 'image' | 'video';
@@ -689,21 +667,6 @@ export interface NavItem {
     item: React.ReactNode;
     disabled?: boolean;
 }
-export interface NotificationsContainerProps {
-    stacked?: boolean;
-}
-export type notificationTriggerFunction = (message: string | JSX.Element | JSX.Element[], title?: string | JSX.Element | JSX.Element[], timeOut?: number, callback?: Function, priority?: boolean) => void;
-export interface NotBookedStateProps {
-    headline: string | React.ReactNode;
-    message: string | React.ReactNode;
-    buttons?: object[];
-    features?: React.ReactNode[];
-    condensed?: boolean;
-    fullWidth?: boolean;
-    image?: React.ReactNode;
-}
-export interface NotFoundStateProps extends BaseStateProps {
-}
 export interface OnboardingTipProps {
     id?: string | number;
     placement?: Placement;
@@ -1139,84 +1102,10 @@ export interface TableViewTogglesProps {
     disabled?: boolean;
     className?: string;
 }
-export interface TagProps {
-    active?: boolean;
-    className?: string;
-    clickable?: boolean;
-    deletable?: boolean;
-    revertable?: boolean;
-    disabled?: boolean;
-    icon?: string;
-    muted?: boolean;
-    rounded?: boolean;
-    selectable?: boolean;
-    size?: string;
-}
-export interface TagListProps {
-    inline?: boolean;
-    autoWidthTags?: boolean;
-    tagsPerRow?: 1 | 2 | 3 | 4 | 6;
-    className?: string;
-}
-export interface TagManagerTag {
-    label?: string;
-    toAdd?: boolean;
-    toRemove?: boolean;
-}
-export interface TagManagerProps {
-    tagList: TagManagerTag[];
-    tagSuggestions: TagManagerTag[];
-    onTagListChange?: Function;
-    placeholder?: string;
-    customTagPlaceholder?: string;
-    dropdownSeparatorText?: string;
-    useCustomTags?: boolean;
-    showInput?: boolean;
-    noItemMessage?: string | React.ReactNode;
-}
-export interface TeaserContainerProps {
-    children?: any;
-    teaserPerRow?: 1 | 2 | 3 | 4 | 6 | 12;
-    columnClassName?: string;
-    className?: string;
-}
-export interface TeaserProps {
-    headline?: string;
-    content?: string | React.ReactNode;
-    image?: {
-        src: string;
-        alt?: string;
-        placeholder?: string;
-        align?: string;
-        onClick?: () => void;
-        className?: string;
-    };
-    button?: {
-        text?: string;
-        bsStyle?: string;
-        onClick?: Function;
-        className?: string;
-    };
-    verticalAlignment?: string;
-    segmentation?: string;
-    className?: string;
-}
 export interface TextMarkerProps {
     position: Position;
     text: string;
 }
-export interface TimePickerInputProps {
-    className?: string;
-}
-export interface TimePickerProps {
-    onChange?: Function;
-    onComplete?: Function;
-    value?: string;
-    alwaysShowMask?: boolean;
-    showIcon?: boolean;
-    className?: string;
-    inputProps?: TimePickerInputProps;
-}
 export interface TreeCategoryProps {
     id: string;
     icon: string;

package/lib/es/useDocumentTitle.d.ts

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

package/lib/es/useDocumentTitle.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+const tslib_1 = require("tslib");
+var useDocumentTitle_1 = require("./hooks/useDocumentTitle");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return tslib_1.__importDefault(useDocumentTitle_1).default; } });
+tslib_1.__exportStar(require("./hooks/useDocumentTitle"), exports);

package/lib/es/useIsFirstRender.d.ts

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

package/lib/es/useIsFirstRender.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+const tslib_1 = require("tslib");
+var useIsFirstRender_1 = require("./hooks/useIsFirstRender");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return tslib_1.__importDefault(useIsFirstRender_1).default; } });
+tslib_1.__exportStar(require("./hooks/useIsFirstRender"), exports);