@rio-cloud/rio-uikit 0.16.4-beta.17 → 0.16.4-beta.19

package/CalendarStripe.d.ts

@@ -1,5 +1,2 @@
-declare module '@rio-cloud/rio-uikit/CalendarStripe' {
-    import React from 'react';
-    import { CalendarStripeProps } from './types';
-    export default class CalendarStripe extends React.Component<CalendarStripeProps> {}
-}
+export { default } from './components/calendarStripe/CalendarStripe';
+export * from './components/calendarStripe/CalendarStripe';

package/CalendarStripe.js

@@ -1,2 +1,2 @@
-import { default as _CalendarStripe } from './components/calendarStripe/CalendarStripe';
-export { _CalendarStripe as default };
+export { default } from './components/calendarStripe/CalendarStripe';
+export * from './components/calendarStripe/CalendarStripe';

package/Carousel.d.ts

@@ -1,11 +1,2 @@
-declare module '@rio-cloud/rio-uikit/Carousel' {
-    import React from 'react';
-    import { CarouselProps, CarouselItemProps } from './types';
-
-    export default class Carousel extends React.Component<CarouselProps> {
-        static Item: React.ComponentClass<CarouselItemProps>;
-        static Caption: React.ComponentClass<any>;
-        static PREV = 'prev';
-        static NEXT = 'next';
-    }
-}
+export { default } from './components/carousel/Carousel';
+export * from './components/carousel/Carousel';

package/Carousel.js

@@ -1,2 +1,2 @@
-import { default as _Carousel } from './components/carousel/Carousel';
-export { _Carousel as default };
+export { default } from './components/carousel/Carousel';
+export * from './components/carousel/Carousel';

package/Dialog.d.ts

@@ -1,15 +1,2 @@
-declare module '@rio-cloud/rio-uikit/Dialog' {
-    import React from 'react';
-    import { DialogProps } from './types';
-
-    export default class Dialog extends React.Component<DialogProps> {
-        public static SIZE_FULL_SCREEN: 'fullscreen';
-        public static SIZE_FULL: 'full';
-        public static SIZE_FULL_WIDTH: 'fullwidth';
-        public static SIZE_FULL_HEIGHT: 'fullheight';
-        public static SIZE_XL: 'xl';
-        public static SIZE_LG: 'lg';
-        public static SIZE_MD: 'md';
-        public static SIZE_SM: 'sm';
-    }
-}
+export { default } from './components/dialog/Dialog';
+export * from './components/dialog/Dialog';

package/Dialog.js

@@ -1,2 +1,2 @@
-import { default as _Dialog } from './components/dialog/Dialog';
-export { _Dialog as default };
+export { default } from './components/dialog/Dialog';
+export * from './components/dialog/Dialog';

package/ExpanderList.d.ts

@@ -1,5 +1,2 @@
-import React from 'react';
-import { ExpanderListProps } from './types';
-
-export { ExpanderListItem } from './types';
-export default class ExpanderList extends React.Component<ExpanderListProps> {}
+export { default } from './components/expander/ExpanderList';
+export * from './components/expander/ExpanderList';

package/ExpanderList.js

@@ -1,2 +1,2 @@
-import { default as _ExpanderList } from './components/expander/ExpanderList';
-export { _ExpanderList as default };
+export { default } from './components/expander/ExpanderList';
+export * from './components/expander/ExpanderList';

package/ExpanderPanel.d.ts

@@ -1,5 +1,2 @@
-declare module '@rio-cloud/rio-uikit/ExpanderPanel' {
-    import React from 'react';
-    import { ExpanderPanelProps } from './types';
-    export default class ExpanderPanel extends React.Component<ExpanderPanelProps> {}
-}
+export { default } from './components/expander/ExpanderPanel';
+export * from './components/expander/ExpanderPanel';

package/ExpanderPanel.js

@@ -1,2 +1,2 @@
-import { default as _ExpanderPanel } from './components/expander/ExpanderPanel';
-export { _ExpanderPanel as default };
+export { default } from './components/expander/ExpanderPanel';
+export * from './components/expander/ExpanderPanel';

package/Fade.d.ts

@@ -1,14 +1,2 @@
-declare module '@rio-cloud/rio-uikit/Fade' {
-    import React from 'react';
-    import { FadeProps } from './types';
-    export default class Fade extends React.Component<FadeProps> {
-        static FADE = 'fade';
-        static FROM_LEFT = 'fromLeft';
-        static FROM_RIGHT = 'fromRight';
-        static FROM_TOP = 'fromTop';
-        static FROM_BOTTOM = 'fromBottom';
-        static TABS = 'tabs';
-        static PAGE = 'page';
-        static PAGE_BACK = 'pageBack';
-    }
-}
+export { default } from './components/fade/Fade';
+export * from './components/fade/Fade';

package/Fade.js

@@ -1,2 +1,2 @@
-import { default as _Fade } from './components/fade/Fade';
-export { _Fade as default };
+export { default } from './components/fade/Fade';
+export * from './components/fade/Fade';

package/InfoDialog.d.ts

@@ -1,5 +1,2 @@
-declare module '@rio-cloud/rio-uikit/InfoDialog' {
-    import React from 'react';
-    import { InfoDialogProps } from './types';
-    export default class InfoDialog extends React.Component<InfoDialogProps> {}
-}
+export { default } from './components/dialog/InfoDialog';
+export * from './components/dialog/InfoDialog';

package/InfoDialog.js

@@ -1,2 +1,2 @@
-import { default as _InfoDialog } from './components/dialog/InfoDialog';
-export { _InfoDialog as default };
+export { default } from './components/dialog/InfoDialog';
+export * from './components/dialog/InfoDialog';

package/MediaDialog.d.ts

@@ -1,9 +1,2 @@
-import React from 'react';
-import { MediaDialogProps } from './types';
-
-export { MediaDialogMedia } from './types';
-
-export default class MediaDialog extends React.Component<MediaDialogProps> {
-    static MEDIA_TYPE_IMAGE = 'image';
-    static MEDIA_TYPE_VIDEO = 'video';
-}
+export { default } from './components/dialog/MediaDialog';
+export * from './components/dialog/MediaDialog';

package/MediaDialog.js

@@ -1,2 +1,2 @@
-import { default as _MediaDialog } from './components/dialog/MediaDialog';
-export { _MediaDialog as default };
+export { default } from './components/dialog/MediaDialog';
+export * from './components/dialog/MediaDialog';

package/RadioButton.d.ts

@@ -1,5 +1,2 @@
-declare module '@rio-cloud/rio-uikit/RadioButton' {
-    import React from 'react';
-    import { RadioButtonProps } from './types';
-    export default class RadioButton extends React.Component<RadioButtonProps> {}
-}
+export { default } from './components/radiobutton/RadioButton';
+export * from './components/radiobutton/RadioButton';

package/RadioButton.js

@@ -1,2 +1,2 @@
-import { default as _RadioButton } from './components/radiobutton/RadioButton';
-export { _RadioButton as default };
+export { default } from './components/radiobutton/RadioButton';
+export * from './components/radiobutton/RadioButton';

package/ReleaseNotes.d.ts

@@ -1,2 +1,2 @@
-export { _ReleaseNotes as default };
-import { default as _ReleaseNotes } from "./components/releaseNotes/ReleaseNotes";
+export { default } from './components/releaseNotes/ReleaseNotes';
+export * from './components/releaseNotes/ReleaseNotes';

package/ReleaseNotes.js

@@ -1,2 +1,2 @@
-import { default as _ReleaseNotes } from './components/releaseNotes/ReleaseNotes';
-export { _ReleaseNotes as default };
+export { default } from './components/releaseNotes/ReleaseNotes';
+export * from './components/releaseNotes/ReleaseNotes';

package/ReleaseNotesDialog.d.ts

@@ -1,5 +1,2 @@
-declare module '@rio-cloud/rio-uikit/ReleaseNotesDialog' {
-    import React from 'react';
-    import { ReleaseNotesDialogProps } from './types';
-    export default class ReleaseNotesDialog extends React.Component<ReleaseNotesDialogProps> {}
-}
+export { default } from './components/dialog/ReleaseNotesDialog';
+export * from './components/dialog/ReleaseNotesDialog';

package/SaveDialog.d.ts

@@ -1,14 +1,2 @@
-declare module '@rio-cloud/rio-uikit/SaveDialog' {
-    import React from 'react';
-    import { SaveDialogProps } from './types';
-    export default class SaveDialog extends React.Component<SaveDialogProps> {
-        static SIZE_SM = 'sm';
-        static SIZE_MD = 'md';
-        static SIZE_LG = 'lg';
-        static SIZE_XL = 'xl';
-        static SIZE_FULL = 'full';
-        static SIZE_FULL_WIDTH: 'fullwidth';
-        static SIZE_FULL_HEIGHT: 'fullheight';
-        static SIZE_FULL_SCREEN = 'fullscreen';
-    }
-}
+export { default } from './components/dialog/SaveDialog';
+export * from './components/dialog/SaveDialog';

package/SaveDialog.js

@@ -1,2 +1,2 @@
-import { default as _SaveDialog } from './components/dialog/SaveDialog';
-export { _SaveDialog as default };
+export { default } from './components/dialog/SaveDialog';
+export * from './components/dialog/SaveDialog';

package/SimpleDialog.d.ts

@@ -1,14 +1,2 @@
-declare module '@rio-cloud/rio-uikit/SimpleDialog' {
-    import React from 'react';
-    import { SimpleDialogProps } from './types';
-    export default class SimpleDialog extends React.Component<SimpleDialogProps> {
-        static SIZE_SM = 'sm';
-        static SIZE_MD = 'md';
-        static SIZE_LG = 'lg';
-        static SIZE_XL = 'xl';
-        static SIZE_FULL = 'full';
-        static SIZE_FULL_WIDTH: 'fullwidth';
-        static SIZE_FULL_HEIGHT: 'fullheight';
-        static SIZE_FULL_SCREEN = 'fullscreen';
-    }
-}
+export { default } from './components/dialog/SimpleDialog';
+export * from './components/dialog/SimpleDialog';

package/SimpleDialog.js

@@ -1,2 +1,2 @@
-import { default as _SimpleDialog } from './components/dialog/SimpleDialog';
-export { _SimpleDialog as default };
+export { default } from './components/dialog/SimpleDialog';
+export * from './components/dialog/SimpleDialog';

package/SplitDialog.d.ts

@@ -1,14 +1,2 @@
-declare module '@rio-cloud/rio-uikit/SplitDialog' {
-    import React from 'react';
-    import { SplitDialogProps } from './types';
-    export default class SplitDialog extends React.Component<SplitDialogProps> {
-        static SIZE_SM = 'sm';
-        static SIZE_MD = 'md';
-        static SIZE_LG = 'lg';
-        static SIZE_XL = 'xl';
-        static SIZE_FULL = 'full';
-        static SIZE_FULL_WIDTH: 'fullwidth';
-        static SIZE_FULL_HEIGHT: 'fullheight';
-        static SIZE_FULL_SCREEN = 'fullscreen';
-    }
-}
+export { default } from './components/dialog/SplitDialog';
+export * from './components/dialog/SplitDialog';

package/SplitDialog.js

@@ -1,2 +1,2 @@
-import { default as _SplitDialog } from './components/dialog/SplitDialog';
-export { _SplitDialog as default };
+export { default } from './components/dialog/SplitDialog';
+export * from './components/dialog/SplitDialog';

package/components/assetTree/TreeSummary.js

@@ -9,7 +9,7 @@ const DefaultAssetCounts = ({ assetCounts }) => {
 };
 const TreeSummary = React.memo(props => {
     const { className, assetCounts, children } = props;
-    const classes = classNames('TreeSummary', 'display-flex', 'flex-wrap', 'align-items-center', 'column-gap-15', 'row-gap-5', className);
+    const classes = classNames('TreeSummary', 'display-flex', 'flex-wrap', 'align-items-center', 'column-gap-10', 'row-gap-5', className);
     return _jsx("div", Object.assign({ className: classes }, { children: children || _jsx(DefaultAssetCounts, { assetCounts: assetCounts }) }));
 });
 TreeSummary.displayName = 'TreeSummary';

package/components/assetTree/TypeCounter.js

@@ -5,13 +5,13 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 const TypeCounter = forwardRef((props, ref) => {
     const { icon, value, isActive, hasFilter, enableActivity, onClick, type, hideOnZero } = props, remainingProps = __rest(props, ["icon", "value", "isActive", "hasFilter", "enableActivity", "onClick", "type", "hideOnZero"]);
-    const wrapperClassName = classNames('TypeCounter', 'display-flex align-items-center', 'user-select-none', enableActivity ? 'cursor-pointer' : 'pointer-events-none', enableActivity && hasFilter && !isActive && 'opacity-50');
+    const wrapperClassName = classNames('TypeCounter', 'display-flex align-items-center', 'user-select-none', 'margin-right-2', enableActivity ? 'cursor-pointer' : 'pointer-events-none', enableActivity && hasFilter && !isActive && 'opacity-50');
     const counterClassNames = classNames('TreeLabelCount', 'label label-condensed', isActive ? 'label-primary' : 'label-muted label-filled');
     const handleClick = () => onClick(type);
     if (hideOnZero && !value) {
         return null;
     }
-    return (_jsxs("div", Object.assign({ ref: ref }, remainingProps, { className: wrapperClassName, onClick: handleClick }, { children: [_jsx("span", { className: `rioglyph rioglyph-${icon} text-size-16 margin-right-2 margin-left--4` }), _jsx("span", Object.assign({ className: counterClassNames }, { children: value || 0 }))] })));
+    return (_jsxs("div", Object.assign({ ref: ref }, remainingProps, { className: wrapperClassName, onClick: handleClick }, { children: [_jsx("span", { className: `rioglyph rioglyph-${icon} text-size-16 margin-right-2` }), _jsx("span", Object.assign({ className: counterClassNames }, { children: value || 0 }))] })));
 });
 TypeCounter.defaultProps = {
     hideOnZero: false,

package/components/button/Button.d.ts

@@ -1,4 +1,4 @@
-import { type PropsWithChildren, type SyntheticEvent } from 'react';
+import { type PropsWithChildren, type SyntheticEvent, type RefAttributes, type ForwardRefExoticComponent } from 'react';
 import type { ObjectValues } from '../../utils/ObjectValues';
 declare const STYLES_MAP: {
     readonly DEFAULT: "default";
@@ -61,6 +61,11 @@ export type ButtonProps = {
      * @default false
      */
     disabled?: boolean;
+    /**
+     * Defines the type of the button. This may be used for form submit buttons.
+     * @default 'button'
+     */
+    type?: 'button' | 'submit';
     /**
      * Use when the content of the button is an icon only to adapt the button spacing accordingly.
      * @default false
@@ -105,23 +110,24 @@ export type ButtonProps = {
      */
     className?: string;
 } & (RegularButtonProps | ToggleButtonProps);
-declare const Button: {
-    (props: PropsWithChildren<ButtonProps>): import("react/jsx-runtime").JSX.Element;
-    DEFAULT: "default";
-    PRIMARY: "primary";
-    SECONDARY: "secondary";
-    INFO: "info";
-    WARNING: "warning";
-    DANGER: "danger";
-    SUCCESS: "success";
-    MUTED: "muted";
-    VARIANT_LINK: "link";
-    VARIANT_LINK_INLINE: "link-inline";
-    VARIANT_OUTLINE: "outline";
-    VARIANT_ACTION: "action";
-    XS: "xs";
-    SM: "sm";
-    MD: "md";
-    LG: "lg";
+type Props = PropsWithChildren<ButtonProps>;
+type ButtonType = ForwardRefExoticComponent<Props & RefAttributes<HTMLButtonElement>> & {
+    DEFAULT: 'default';
+    PRIMARY: 'primary';
+    SECONDARY: 'secondary';
+    INFO: 'info';
+    WARNING: 'warning';
+    DANGER: 'danger';
+    SUCCESS: 'success';
+    MUTED: 'muted';
+    VARIANT_LINK: 'link';
+    VARIANT_LINK_INLINE: 'link-inline';
+    VARIANT_OUTLINE: 'outline';
+    VARIANT_ACTION: 'action';
+    XS: 'xs';
+    SM: 'sm';
+    MD: 'md';
+    LG: 'lg';
 };
+declare const Button: ButtonType;
 export default Button;

package/components/button/Button.js

@@ -1,9 +1,10 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useState } from 'react';
+import React, { useRef, useState, } from 'react';
 import classNames from 'classnames';
 import noop from 'lodash/fp/noop';
 import { createButtonRipple } from '../../utils/buttonEffect';
+import useMergeRefs from '../../hooks/useMergeRefs';
 const STYLES_MAP = {
     DEFAULT: 'default',
     PRIMARY: 'primary',
@@ -26,10 +27,11 @@ const SIZES_MAP = {
     MD: 'md',
     LG: 'lg',
 };
-const Button = (props) => {
-    const { active = false, disabled = false, asToggle = false, onClick = noop, bsStyle = 'default', bsSize, variant, iconOnly = false, iconName, multiline = false, block = false, className = '', noRippleEffect = false, children } = props, remainingProps = __rest(props, ["active", "disabled", "asToggle", "onClick", "bsStyle", "bsSize", "variant", "iconOnly", "iconName", "multiline", "block", "className", "noRippleEffect", "children"]);
+const Button = React.forwardRef((props, ref) => {
+    const { active = false, disabled = false, asToggle = false, onClick = noop, bsStyle = 'default', bsSize, variant, iconOnly = false, iconName, multiline = false, block = false, className = '', noRippleEffect = false, type = 'button', children } = props, remainingProps = __rest(props, ["active", "disabled", "asToggle", "onClick", "bsStyle", "bsSize", "variant", "iconOnly", "iconName", "multiline", "block", "className", "noRippleEffect", "type", "children"]);
     const [isToggled, setIsToggled] = useState(active);
     const btnRef = useRef(null);
+    const buttonRef = useMergeRefs(btnRef, ref);
     // Update internal toggle state when used as controlled component and outside toggle state changes
     const [previousActive, setPreviousActive] = useState(active);
     if (active !== previousActive) {
@@ -54,26 +56,10 @@ const Button = (props) => {
             onClick(event);
         }
     };
-    const buttonClassNames = classNames('btn', `btn-${bsStyle}`, variant === Button.VARIANT_LINK && 'btn-link', variant === Button.VARIANT_LINK_INLINE && 'btn-link btn-link-inline', variant === Button.VARIANT_OUTLINE && 'btn-outline', variant === Button.VARIANT_ACTION && 'btn-action', bsSize && `btn-${bsSize}`, asToggle && 'btn-toggle', isToggled && 'active', iconOnly && 'btn-icon-only', disabled && 'disabled', multiline && 'btn-multiline', block && 'btn-block', 'btn-component', className);
-    return (_jsxs("button", Object.assign({ ref: btnRef, type: 'button' }, remainingProps, { className: buttonClassNames, onClick: handleClick }, { children: [iconName && _jsx("span", { className: `rioglyph ${iconName}` }), children] })));
-};
-// Button styles
-Button.DEFAULT = STYLES_MAP.DEFAULT;
-Button.PRIMARY = STYLES_MAP.PRIMARY;
-Button.SECONDARY = STYLES_MAP.SECONDARY;
-Button.INFO = STYLES_MAP.INFO;
-Button.WARNING = STYLES_MAP.WARNING;
-Button.DANGER = STYLES_MAP.DANGER;
-Button.SUCCESS = STYLES_MAP.SUCCESS;
-Button.MUTED = STYLES_MAP.MUTED;
-// Button Type
-Button.VARIANT_LINK = VARIANTS_MAP.VARIANT_LINK;
-Button.VARIANT_LINK_INLINE = VARIANTS_MAP.VARIANT_LINK_INLINE;
-Button.VARIANT_OUTLINE = VARIANTS_MAP.VARIANT_OUTLINE;
-Button.VARIANT_ACTION = VARIANTS_MAP.VARIANT_ACTION;
-// Button Size
-Button.XS = SIZES_MAP.XS;
-Button.SM = SIZES_MAP.SM;
-Button.MD = SIZES_MAP.MD;
-Button.LG = SIZES_MAP.LG;
+    const buttonClassNames = classNames('btn', `btn-${bsStyle}`, variant === VARIANTS_MAP.VARIANT_LINK && 'btn-link', variant === VARIANTS_MAP.VARIANT_LINK_INLINE && 'btn-link btn-link-inline', variant === VARIANTS_MAP.VARIANT_OUTLINE && 'btn-outline', variant === VARIANTS_MAP.VARIANT_ACTION && 'btn-action', bsSize && `btn-${bsSize}`, asToggle && 'btn-toggle', isToggled && 'active', iconOnly && 'btn-icon-only', disabled && 'disabled', multiline && 'btn-multiline', block && 'btn-block', 'btn-component', className);
+    return (_jsxs("button", Object.assign({ ref: buttonRef, type: type }, remainingProps, { className: buttonClassNames, onClick: handleClick }, { children: [iconName && _jsx("span", { className: `rioglyph ${iconName}` }), children] })));
+});
+Object.assign(Button, STYLES_MAP);
+Object.assign(Button, VARIANTS_MAP);
+Object.assign(Button, SIZES_MAP);
 export default Button;

package/components/calendarStripe/CalendarStripe.d.ts

@@ -1,3 +1,67 @@
+import React from 'react';
+export type CalendarStripeProps = {
+    /**
+     * The minimum width in pixel of a single day column
+     *
+     * This value determines how many days are shown per page depending on the parent width.
+     *
+     * @default 200
+     */
+    minDayWith?: number;
+    /**
+     * The minimum amount of days that should be shown per page.
+     *
+     * @default 1
+     */
+    minDays?: number;
+    /**
+     * The maximum amount of days that should be shown per page.
+     *
+     * @default 7
+     */
+    maxDays?: number;
+    /**
+     * @deprecated Please use `renderDay` instead.
+     */
+    render?: React.ReactNode;
+    /**
+     * A function that renders each individual day to be displayed.
+     *
+     * @param date The day to render
+     */
+    renderDay?: (date: Date) => React.JSX.Element;
+    /**
+     * Defines whether the days for the weekends are included.
+     *
+     * @default false
+     */
+    skipWeekends?: boolean;
+    /**
+     * The date of the first day that are rendered.
+     *
+     * @default the current date
+     */
+    startDate?: Date;
+    /**
+     * Callback function for when the next button is clicked.
+     *
+     * @param newStartDate Date value that is now the start of the stripe.
+     */
+    onNextClick?: (newStartDate: Date) => void;
+    /**
+     * Callback function for when the previous button is clicked.
+     *
+     * @param newStartDate Date value that is now the start of the stripe.
+     */
+    onPreviousClick?: (newStartDate: Date) => void;
+    /**
+     * Additional classes set to the navigation buttons.
+     */
+    buttonClassName?: string;
+    /**
+     * Additional classes set to the calendar element.
+     */
+    className?: string;
+};
+declare const CalendarStripe: React.ForwardRefExoticComponent<CalendarStripeProps & React.RefAttributes<HTMLDivElement>>;
 export default CalendarStripe;
-declare const CalendarStripe: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from "react";

package/components/calendarStripe/CalendarStripe.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useLayoutEffect, useState, useRef, forwardRef } from 'react';
-import PropTypes from 'prop-types';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { forwardRef, useLayoutEffect, useRef, useState } from 'react';
 import classNames from 'classnames';
 import { AnimatePresence, motion } from 'framer-motion';
+import noop from 'lodash/noop';
 import useAfterMount from '../../hooks/useAfterMount';
 import useElementSize from '../../hooks/useElementSize';
 import usePrevious from '../../hooks/usePrevious';
@@ -14,34 +14,34 @@ const ANIMATION_NEXT = 'page';
 const ANIMATION_BACK = 'pageBack';
 const ITEM_NAME = 'ColumnItem';
 const variants = {
-    pageEnter: pageDirection => {
-        return {
-            x: pageDirection === ANIMATION_NEXT ? '60%' : '-60%',
-            opacity: 0,
-        };
-    },
-    pageCenter: () => {
-        return {
-            x: 0,
-            opacity: 1,
-        };
-    },
+    pageEnter: (pageDirection) => ({
+        x: pageDirection === ANIMATION_NEXT ? '60%' : '-60%',
+        opacity: 0,
+    }),
+    pageCenter: () => ({ x: 0, opacity: 1 }),
 };
-const getDateString = date => date.toISOString().split('T').at(0);
-const getFirstColumnItem = node => {
+const getDateString = (date) => date.toISOString().split('T').at(0);
+const getFirstColumnItem = (node) => {
     if ([...node.classList].includes(ITEM_NAME)) {
         return node;
     }
     return getFirstColumnItem(node.children[0]);
 };
 const CalendarStripe = forwardRef((props, ref) => {
-    const { minDayWith = DEFAULT_MIN_WITH, minDays = DEFAULT_MIN_DAYS, maxDays = DEFAULT_MAX_DAYS, render, skipWeekends, startDate = new Date(), onNextClick, onPreviousClick, buttonClassName, className, } = props;
+    const { minDayWith = DEFAULT_MIN_WITH, minDays = DEFAULT_MIN_DAYS, maxDays = DEFAULT_MAX_DAYS, render, renderDay, skipWeekends = false, startDate = new Date(), onNextClick = noop, onPreviousClick = noop, buttonClassName = '', className = '', } = props;
+    if (render) {
+        console.warn('CalendarStripe has set the "render" prop deprecated. This will be removed in the upcoming releases,' +
+            ' Please use the "renderDay" prop instead.');
+    }
+    if (!render && !renderDay) {
+        console.error('CalendarStripe component is missing the required "renderDay" prop');
+    }
     const [firstDate, setFirstDate] = useState(startDate);
     const [amountOfDaysToShow, setAmountOfDaysToShow] = useState(1);
     const [enableInitialAnimation, setEnableInitialAnimation] = useState(false);
     // The base for reacting on changing width of the wrapping element.
     // It uses a ResizeObserver under the hood.
-    const columnWrapperRef = useRef();
+    const columnWrapperRef = useRef(null);
     const [columnWrapperWidth] = useElementSize(columnWrapperRef);
     const previous = usePrevious(getDateString(firstDate));
     const animationDirection = getDateString(firstDate) > previous ? ANIMATION_NEXT : ANIMATION_BACK;
@@ -53,7 +53,7 @@ const CalendarStripe = forwardRef((props, ref) => {
     }
     useAfterMount(() => {
         setEnableInitialAnimation(true);
-    });
+    }, []);
     useLayoutEffect(() => {
         if (!columnWrapperRef.current) {
             return;
@@ -116,30 +116,6 @@ const CalendarStripe = forwardRef((props, ref) => {
     }
     const wrapperClassName = classNames('CalenderStripe', 'display-flex', 'align-items-center', 'overflow-hidden', 'bg-white', 'border', 'rounded', className);
     const baseButtonClassName = classNames('align-items-center', 'align-self-stretch', 'display-flex', 'hover-scale-105', 'hover-text-color-darkest', 'padding-10', 'cursor-pointer', 'text-color-darker', 'text-size-12', buttonClassName);
-    return (_jsxs("div", Object.assign({ ref: ref, className: wrapperClassName }, { children: [_jsx("div", Object.assign({ className: baseButtonClassName, onClick: handlePrev }, { children: _jsx("span", { className: 'rioglyph rioglyph-chevron-left' }) })), _jsx("div", Object.assign({ className: 'flex-1-1 overflow-hidden', ref: columnWrapperRef }, { children: _jsx(AnimatePresence, Object.assign({ exitBeforeEnter: true, custom: animationDirection }, { children: _jsx(motion.div, Object.assign({ variants: variants, initial: enableInitialAnimation ? 'pageEnter' : false, animate: 'pageCenter', custom: animationDirection, transition: { duration: ANIMATION_DURATION } }, { children: _jsx("div", Object.assign({ className: 'ColumnWrapper display-flex space-x--1 user-select-none' }, { children: dates.map(date => (_jsx("div", Object.assign({ className: `${ITEM_NAME} flex-1-1` }, { children: React.cloneElement(render, {
-                                    date,
-                                }) }), `${getDateString(date)}`))) })) }), getDateString(firstDate)) })) })), _jsx("div", Object.assign({ className: baseButtonClassName, onClick: handleNext }, { children: _jsx("span", { className: 'rioglyph rioglyph-chevron-right' }) }))] })));
+    return (_jsxs("div", Object.assign({ ref: ref, className: wrapperClassName }, { children: [_jsx("div", Object.assign({ className: baseButtonClassName, onClick: handlePrev }, { children: _jsx("span", { className: 'rioglyph rioglyph-chevron-left' }) })), _jsx("div", Object.assign({ className: 'flex-1-1 overflow-hidden', ref: columnWrapperRef }, { children: _jsx(AnimatePresence, Object.assign({ exitBeforeEnter: true, custom: animationDirection }, { children: _jsx(motion.div, Object.assign({ variants: variants, initial: enableInitialAnimation ? 'pageEnter' : false, animate: 'pageCenter', custom: animationDirection, transition: { duration: ANIMATION_DURATION } }, { children: _jsx("div", Object.assign({ className: 'ColumnWrapper display-flex space-x--1 user-select-none' }, { children: dates.map(date => (_jsxs("div", Object.assign({ className: `${ITEM_NAME} flex-1-1` }, { children: [renderDay ? renderDay(date) : null, render && React.cloneElement(_jsx(_Fragment, { children: render }), { date })] }), `${getDateString(date)}`))) })) }), getDateString(firstDate)) })) })), _jsx("div", Object.assign({ className: baseButtonClassName, onClick: handleNext }, { children: _jsx("span", { className: 'rioglyph rioglyph-chevron-right' }) }))] })));
 });
-CalendarStripe.defaultProps = {
-    minDayWith: DEFAULT_MIN_WITH,
-    minDays: DEFAULT_MIN_DAYS,
-    maxDays: DEFAULT_MAX_DAYS,
-    skipWeekends: false,
-    onNextClick: () => { },
-    onPreviousClick: () => { },
-    buttonClassName: '',
-    className: '',
-};
-CalendarStripe.propTypes = {
-    minDayWith: PropTypes.number,
-    minDays: PropTypes.number,
-    maxDays: PropTypes.number,
-    render: PropTypes.node.isRequired,
-    skipWeekends: PropTypes.bool,
-    startDate: PropTypes.instanceOf(Date),
-    onNextClick: PropTypes.func,
-    onPreviousClick: PropTypes.func,
-    buttonClassName: PropTypes.string,
-    className: PropTypes.string,
-};
 export default CalendarStripe;

package/components/carousel/Carousel.d.ts

@@ -1,2 +1,8 @@
-export { _Carousel as default };
-import { default as _Carousel } from "react-bootstrap/Carousel";
+declare const Carousel: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap/Carousel").CarouselProps> & {
+    Caption: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", unknown>;
+    Item: import("react-bootstrap/esm/CarouselItem").default;
+} & {
+    PREV: 'prev';
+    NEXT: 'next';
+};
+export default Carousel;

package/components/carousel/Carousel.js

@@ -1,9 +1,5 @@
-import React from 'react';
-// import { default as BSCarousel } from 'react-bootstrap/Carousel';
-// import { default as _Carousel } from 'react-bootstrap/Carousel';
-// const Carousel = props => {
-//     return <_Carousel {...props} />;
-// };
-// export default Carousel;
-import { default as _Carousel } from 'react-bootstrap/Carousel';
-export { _Carousel as default };
+import OriginalCarousel from 'react-bootstrap/Carousel';
+const Carousel = OriginalCarousel;
+Carousel.PREV = 'prev';
+Carousel.NEXT = 'next';
+export default Carousel;