@rio-cloud/rio-uikit 1.13.1 → 2.0.0-beta.1

package/lib/es/components/bottomSheet/BottomSheet.js

@@ -1,57 +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_dom_1 = require("react-dom");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const isFunction_1 = tslib_1.__importDefault(require("lodash/fp/isFunction"));
-const framer_motion_1 = require("framer-motion");
-const portalRoot_1 = require("../../utils/portalRoot");
-const OFFSET_POSITION = -1000;
-const DEFAULT_OFFSET_PX = 15;
-const BottomSheet = (props) => {
-    const { show = false, onClose, width, height, title, detach = false, detachOffset = DEFAULT_OFFSET_PX, hasBackdrop = false, showCloseButton = true, showMaximizeButton = false, onHeightChange = () => { }, bodyRef, bodyClassName, className, children, onBackdropClick = () => { }, ...remainingProps } = props;
-    const [isShown, setIsShown] = (0, react_1.useState)(show);
-    const [isMaxHeight, setIsMaxHeight] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => setIsShown(show), [show]);
-    const modalRoot = (0, portalRoot_1.getOrCreatePortalRoot)();
-    const handleToggle = () => {
-        const newValue = !isShown;
-        if ((0, isFunction_1.default)(onClose)) {
-            onClose(newValue);
-        }
-        else {
-            setIsShown(newValue);
-        }
-    };
-    const handleBackdropClick = () => {
-        onBackdropClick();
-        handleToggle();
-    };
-    const handleMaximize = () => {
-        const newValue = !isMaxHeight;
-        setIsMaxHeight(newValue);
-        onHeightChange();
-    };
-    const sheetClasses = (0, classnames_1.default)('bottom-sheet', 'position-fixed left-0', !height && !isMaxHeight && 'height-auto', 'bg-white', 'shadow-hard', detach ? 'rounded' : 'rounded-top-left rounded-top-right', className && className);
-    const sheetBodyClasses = (0, classnames_1.default)('bottom-sheet-body', 'height-100pct', bodyClassName && bodyClassName);
-    const sheetHeight = isMaxHeight ? window.innerHeight : height;
-    // Note: we always have to kep the body element in the DOM as there might be a ref assigned to it.
-    // Unmounting it will lead to losing the reference and breaking the functionality that is implemented on that ref.
-    // That is the reason why there is no "AnimatePresence" with an "exit" animation here.
-    // Instead, we change the "animate" values.
-    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { ...remainingProps, className: sheetClasses, style: {
-                    width,
-                    maxWidth: detach ? `calc(100% - ${DEFAULT_OFFSET_PX * 2}px)` : '100%',
-                    margin: detach ? `${DEFAULT_OFFSET_PX}px` : 0,
-                }, initial: { opacity: 0 }, animate: {
-                    opacity: isShown ? 1 : 0,
-                    y: 0,
-                    bottom: isShown ? 0 : OFFSET_POSITION,
-                    height: isShown ? sheetHeight : 0,
-                }, children: [(0, jsx_runtime_1.jsxs)("div", { className: 'bottom-sheet-header', children: [title && ((0, jsx_runtime_1.jsx)("div", { className: 'bottom-sheet-title display-flex justify-content-between padding-15 ' +
-                                    'border border-top-none border-left-none border-right-none border-color-lighter', children: (0, jsx_runtime_1.jsx)("div", { className: 'text-size-18', children: title }) })), showCloseButton && ((0, jsx_runtime_1.jsx)("div", { className: 'bottom-sheet-close position-absolute top-10 right-10', children: (0, jsx_runtime_1.jsx)("button", { type: 'button', className: 'btn btn-muted btn-sm btn-icon-only', onClick: handleToggle, children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-remove' }) }) })), showMaximizeButton && ((0, jsx_runtime_1.jsx)("div", { className: 'bottom-sheet-maximize height-30 ' +
-                                    'position-absolute top-5 left-50pct translate-x-50 cursor-pointer', onClick: handleMaximize, children: (0, jsx_runtime_1.jsx)("div", { className: 'height-5 width-40 rounded bg-lighter' }) }))] }), (0, jsx_runtime_1.jsx)("div", { className: sheetBodyClasses, ref: bodyRef, children: isShown && children })] }), hasBackdrop && isShown && (0, jsx_runtime_1.jsx)("div", { className: 'bottom-sheet-backdrop', onClick: handleBackdropClick })] }), modalRoot);
-};
-exports.default = BottomSheet;

package/lib/es/components/bottomSheet/TimedBottomSheet.d.ts

@@ -1,98 +0,0 @@
-import { type PropsWithChildren } from 'react';
-type TimedBottomSheetProps = {
-    /**
-     * The `dismissed` flag can be used to tell this component that the user has clicked on the content
-     * of the component like a button or a link. In this case, the bottom sheet will store a flag in the
-     * localStorage to hide the bottom sheet for the next time and it will close the sheet right away.
-     */
-    dismissed?: boolean;
-    /**
-     * The `featureName` prop is used to name the localStorage flag that is used to control the visibility.
-     * It should be unique to avoid conflicts with other timed bottom sheets.
-     */
-    featureName: string;
-    /**
-     * Defines the time in milliseconds when the bottom sheet shall be shown. Default value is 0 to show it right away.
-     *
-     * @default 0
-     */
-    showAfter?: number;
-    /**
-     * Defines the time in milliseconds when the bottom sheet hides itself automatically. Default value is 3_600_000
-     * to hide it after 1 hour. In this case, the localStorage flag is not set and the bottom sheet will be shown
-     * on the next page load.
-     *
-     * @default 3_600_000
-     */
-    hideAfter?: number;
-    /**
-     * With this enabled, the BottomSheet will not hide automatically.
-     * @default false
-     */
-    alwaysOn?: boolean;
-    /**
-     * Enables or disabled the close button.
-     * @default true
-     */
-    showCloseButton?: boolean;
-    /**
-     * Optional width of the bottom sheet. Alternatively, you can set a `max-width-xxx` via className instead.
-     */
-    width?: number;
-    /**
-     * Flag to allow to remove the localStorage flag again once the component is not needed anymore.
-     */
-    cleanupLocalStorage?: boolean;
-    /**
-     * A prefix that will be used for the local storage flag to store whether the bottom sheet should be hidden.
-     *
-     * Use this prefix for your service name for instance.
-     */
-    localStoragePrefix?: string;
-    /**
-     * Callback function that gets triggered when the user closed the bottom sheet with the close button.
-     * @returns void
-     */
-    onClose?: () => void;
-    /**
-     * Optional className to be set on the body.
-     */
-    bodyClassName?: string;
-    /**
-     * Optional className to be set on the component. Use this to define a max-width value.
-     */
-    className?: string;
-};
-/**
- * A wrapper component for the BottomSheet that allows to control it's visibility via timers and to use
- * the localStorage to save user interaction.
- *
- * Don't forget to cleanup the localStorage for the user when removing a feature
- * by setting "cleanupLocalStorage" to "true" and deploy it like this.
- * The cleanup will remove the localStorage flag on mount and will not show the bottom sheet.
- *
- * @example
-    const [isDismissed, setIsDismissed] = useState(false);
-
-    const handleClose = () => { // If needed trigger Google Analytics here };
-
-    return (
-        <TimedBottomSheet
-            dismissed={isDismissed}
-            featureName='dummyBottomSheet'
-            showAfter={1_000}
-            hideAfter={15_000}
-            className='max-width-500'
-            onClose={handleClose}
-        >
-            <div className='display-flex align-items-center gap-20'>
-                Lorem ipsum dolor sit amet
-                <Button bsStyle={Button.PRIMARY} onClick={() => setIsDismissed(true)}>
-                    Got it
-                </Button>
-            </div>
-        </TimedBottomSheet>
-    );
- */
-export declare const TimedBottomSheet: (props: PropsWithChildren<TimedBottomSheetProps>) => import("react/jsx-runtime").JSX.Element;
-export default TimedBottomSheet;

package/lib/es/components/bottomSheet/TimedBottomSheet.js

@@ -1,81 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TimedBottomSheet = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const noop_1 = tslib_1.__importDefault(require("lodash/fp/noop"));
-const BottomSheet_1 = tslib_1.__importDefault(require("./BottomSheet"));
-const useTimeout_1 = tslib_1.__importDefault(require("../../hooks/useTimeout"));
-const useLocalStorage_1 = tslib_1.__importDefault(require("../../useLocalStorage"));
-const DEFAULT_SHOW_AFTER = 0; // immediately after mount
-const DEFAULT_HIDE_AFTER = 3_600_000; // after 1 hour
-const sanitizeFeatureName = (value) => `${value.charAt(0).toUpperCase()}${value.slice(1)}`.replaceAll(' ', '');
-/**
- * A wrapper component for the BottomSheet that allows to control it's visibility via timers and to use
- * the localStorage to save user interaction.
- *
- * Don't forget to cleanup the localStorage for the user when removing a feature
- * by setting "cleanupLocalStorage" to "true" and deploy it like this.
- * The cleanup will remove the localStorage flag on mount and will not show the bottom sheet.
- *
- * @example
-    const [isDismissed, setIsDismissed] = useState(false);
-
-    const handleClose = () => { // If needed trigger Google Analytics here };
-
-    return (
-        <TimedBottomSheet
-            dismissed={isDismissed}
-            featureName='dummyBottomSheet'
-            showAfter={1_000}
-            hideAfter={15_000}
-            className='max-width-500'
-            onClose={handleClose}
-        >
-            <div className='display-flex align-items-center gap-20'>
-                Lorem ipsum dolor sit amet
-                <Button bsStyle={Button.PRIMARY} onClick={() => setIsDismissed(true)}>
-                    Got it
-                </Button>
-            </div>
-        </TimedBottomSheet>
-    );
- */
-const TimedBottomSheet = (props) => {
-    const { dismissed = false, featureName, showAfter = DEFAULT_SHOW_AFTER, hideAfter = DEFAULT_HIDE_AFTER, alwaysOn = false, showCloseButton = true, width, cleanupLocalStorage = false, onClose = noop_1.default, bodyClassName = 'padding-25 margin-right-25', localStoragePrefix = '', className, children, ...remainingProps } = props;
-    const [showBottomSheet, setShowBottomSheet] = (0, react_1.useState)(false);
-    const [isHiddenByUser, setIsHiddenByUser, removeIsHiddenFlag] = (0, useLocalStorage_1.default)(`${localStoragePrefix}hide${sanitizeFeatureName(featureName)}`, false);
-    // In case the visibility is controlled by the outside, means the user clicked on the
-    // content of the bottom sheet, close the sheet and set the localStorage flag for not
-    // showing it again
-    const [prevDismissed, setPrevDismissed] = (0, react_1.useState)(dismissed);
-    if (dismissed && dismissed !== prevDismissed) {
-        setPrevDismissed(dismissed);
-        setIsHiddenByUser(true);
-        setShowBottomSheet(false);
-    }
-    // Show the bottom sheet automatically after a given amount of time
-    (0, useTimeout_1.default)(() => {
-        if (!dismissed && !isHiddenByUser && !cleanupLocalStorage) {
-            setShowBottomSheet(true);
-        }
-    }, showAfter);
-    // Hide the bottom sheet automatically after a given amount of time
-    (0, useTimeout_1.default)(() => setShowBottomSheet(alwaysOn ? true : false), showAfter + hideAfter);
-    // Cleanup functionality. The cleanup will remove the localStorage flag on mount
-    // and will not show the bottom sheet.
-    (0, react_1.useEffect)(() => {
-        if (cleanupLocalStorage) {
-            removeIsHiddenFlag();
-        }
-    }, []);
-    const handleCloseBottomSheet = () => {
-        setShowBottomSheet(false);
-        setIsHiddenByUser(true);
-        onClose();
-    };
-    return ((0, jsx_runtime_1.jsx)("div", { ...remainingProps, children: (0, jsx_runtime_1.jsx)(BottomSheet_1.default, { show: showBottomSheet, width: width, detach: true, showCloseButton: showCloseButton, onClose: handleCloseBottomSheet, className: className, bodyClassName: bodyClassName, children: children }) }));
-};
-exports.TimedBottomSheet = TimedBottomSheet;
-exports.default = exports.TimedBottomSheet;

package/lib/es/components/button/Button.d.ts

@@ -1,146 +0,0 @@
-import React, { type ForwardRefExoticComponent, type HTMLProps, type PropsWithChildren, type RefAttributes } from 'react';
-import type { ObjectValues } from '../../utils/ObjectValues';
-export declare const STYLES_MAP: {
-    readonly DEFAULT: "default";
-    readonly PRIMARY: "primary";
-    readonly SECONDARY: "secondary";
-    readonly INFO: "info";
-    readonly WARNING: "warning";
-    readonly DANGER: "danger";
-    readonly SUCCESS: "success";
-    readonly MUTED: "muted";
-    readonly MUTED_FILLED: "muted-filled";
-};
-export type BUTTON_STYLE = ObjectValues<typeof STYLES_MAP>;
-export declare const VARIANTS_MAP: {
-    readonly VARIANT_LINK: "link";
-    readonly VARIANT_LINK_INLINE: "link-inline";
-    readonly VARIANT_OUTLINE: "outline";
-    readonly VARIANT_ACTION: "action";
-};
-export type BUTTON_VARIANT = ObjectValues<typeof VARIANTS_MAP>;
-export declare const SIZES_MAP: {
-    readonly XS: "xs";
-    readonly SM: "sm";
-    readonly MD: "md";
-    readonly LG: "lg";
-};
-export type BUTTON_SIZE = ObjectValues<typeof SIZES_MAP>;
-type RegularButton = {
-    /**
-     * Use the button as a toggle button. The toggle state can be controlled via the `active` prop.
-     * @default false
-     */
-    asToggle?: false;
-    /**
-     * Callback function triggered when clicking the button.
-     * @param event The MouseEvent that triggered the click.
-     */
-    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-};
-type ToggleButton = {
-    /**
-     * Use the button as a toggle button. The toggle state can be controlled via the `active` prop.
-     * @default false
-     */
-    asToggle: true;
-    /**
-     * Callback function triggered when clicking the button.
-     * @param value The new value of the toggle button.
-     */
-    onClick?: (value: boolean) => void;
-};
-export type ButtonProps = Omit<HTMLProps<HTMLButtonElement>, 'type' | 'onClick'> & {
-    /**
-     * Whether the button should be disabled.
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Set the button toggled. Should be used in combination with "asToggle" prop.
-     * @default false
-     */
-    active?: 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
-     */
-    iconOnly?: boolean;
-    /**
-     * Adds right side spacing for an icon. This should be used when having navigation buttons
-     * that use an icon on the right side.
-     * @default false
-     */
-    iconRight?: boolean;
-    /**
-     * Optional rio-glyph icon name that comes in handy for icon only buttons for not adding
-     * a span tag for the icon which reduces boilerplate code.
-     */
-    iconName?: string;
-    /**
-     * Defines whether the button text break into multiple lines when the button space exceeds.
-     *
-     * Multiline buttons should be used as exception only.
-     * @default false
-     */
-    multiline?: boolean;
-    /**
-     * Defines whether the button takes up the full width of the parent element.
-     * @default false
-     */
-    block?: boolean;
-    /**
-     * Sets the button style.
-     * @default "default"
-     */
-    bsStyle?: BUTTON_STYLE;
-    /**
-     * Sets the button size.
-     */
-    bsSize?: BUTTON_SIZE;
-    /**
-     * Sets the button variant.
-     */
-    variant?: BUTTON_VARIANT;
-    /**
-     * Whether the "ripple" effect should be suppressed on this button.
-     */
-    noRippleEffect?: boolean;
-    /**
-     * Number of the index used for keyboard support.
-     * @default 0
-     */
-    tabIndex?: number;
-    /**
-     * Additional classes to be set on the button element.
-     */
-    className?: string;
-} & (RegularButton | ToggleButton);
-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';
-    MUTED_FILLED: 'muted-filled';
-    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/lib/es/components/button/Button.js

@@ -1,69 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SIZES_MAP = exports.VARIANTS_MAP = exports.STYLES_MAP = void 0;
-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 noop_1 = tslib_1.__importDefault(require("lodash/fp/noop"));
-const buttonEffect_1 = require("../../utils/buttonEffect");
-const useMergeRefs_1 = tslib_1.__importDefault(require("../../hooks/useMergeRefs"));
-exports.STYLES_MAP = {
-    DEFAULT: 'default',
-    PRIMARY: 'primary',
-    SECONDARY: 'secondary',
-    INFO: 'info',
-    WARNING: 'warning',
-    DANGER: 'danger',
-    SUCCESS: 'success',
-    MUTED: 'muted',
-    MUTED_FILLED: 'muted-filled',
-};
-exports.VARIANTS_MAP = {
-    VARIANT_LINK: 'link',
-    VARIANT_LINK_INLINE: 'link-inline',
-    VARIANT_OUTLINE: 'outline',
-    VARIANT_ACTION: 'action',
-};
-exports.SIZES_MAP = {
-    XS: 'xs',
-    SM: 'sm',
-    MD: 'md',
-    LG: 'lg',
-};
-const Button = (0, react_1.forwardRef)((props, ref) => {
-    const { active = false, disabled = false, asToggle = false, onClick = noop_1.default, bsStyle = 'default', bsSize, variant, iconOnly = false, iconName, iconRight = false, multiline = false, block = false, className = '', noRippleEffect = false, type = 'button', tabIndex = 0, children, ...remainingProps } = props;
-    const [isToggled, setIsToggled] = (0, react_1.useState)(active);
-    const btnRef = (0, react_1.useRef)(null);
-    const buttonRef = (0, useMergeRefs_1.default)(btnRef, ref);
-    // Update internal toggle state when used as controlled component and outside toggle state changes
-    // Note, using the usePrevious hook resulted in an endless loop, hence the useState here
-    const [previousActive, setPreviousActive] = (0, react_1.useState)(active);
-    if (active !== previousActive) {
-        setIsToggled(active);
-        setPreviousActive(active);
-    }
-    const handleClick = (event) => {
-        if (!noRippleEffect) {
-            (0, buttonEffect_1.createButtonRipple)(event.nativeEvent, event.currentTarget);
-        }
-        if (asToggle) {
-            // Intercept click handler only for toggle button to update internal state and blur after click
-            const newIsToggled = !isToggled;
-            setIsToggled(newIsToggled);
-            if (newIsToggled) {
-                btnRef.current?.blur();
-            }
-            onClick(newIsToggled);
-        }
-        else {
-            onClick(event);
-        }
-    };
-    const buttonClassNames = (0, classnames_1.default)('btn', `btn-${bsStyle}`, variant === exports.VARIANTS_MAP.VARIANT_LINK && 'btn-link', variant === exports.VARIANTS_MAP.VARIANT_LINK_INLINE && 'btn-link btn-link-inline', variant === exports.VARIANTS_MAP.VARIANT_OUTLINE && 'btn-outline', variant === exports.VARIANTS_MAP.VARIANT_ACTION && 'btn-action', bsSize && `btn-${bsSize}`, asToggle && 'btn-toggle', isToggled && 'active', iconOnly && 'btn-icon-only', iconRight && 'btn-icon-right', multiline && 'btn-multiline', block && 'btn-block', 'btn-component', className);
-    return ((0, jsx_runtime_1.jsxs)("button", { ref: buttonRef, type: type, ...remainingProps, className: buttonClassNames, onClick: handleClick, disabled: disabled, tabIndex: tabIndex, children: [iconName && (0, jsx_runtime_1.jsx)("span", { className: `rioglyph ${iconName}` }), children] }));
-});
-Object.assign(Button, exports.STYLES_MAP);
-Object.assign(Button, exports.VARIANTS_MAP);
-Object.assign(Button, exports.SIZES_MAP);
-exports.default = Button;

package/lib/es/components/button/ButtonToolbar.d.ts

@@ -1,13 +0,0 @@
-import { type ComponentProps, type PropsWithChildren } from 'react';
-export type ButtonToolbarProps = ComponentProps<'div'> & {
-    /**
-     * Align buttons to a defined side or set them apart.
-     */
-    alignment?: 'left' | 'right' | 'center' | 'space-between';
-    /**
-     * Additional classes set to the outer element.
-     */
-    className?: string;
-};
-declare const ButtonToolbar: (props: PropsWithChildren<ButtonToolbarProps>) => import("react/jsx-runtime").JSX.Element;
-export default ButtonToolbar;

package/lib/es/components/button/ButtonToolbar.js

@@ -1,11 +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 ButtonToolbar = (props) => {
-    const { className = '', alignment, children, ...remainingProps } = props;
-    const classes = (0, classnames_1.default)(className, 'btn-toolbar', alignment === 'left' && 'justify-content-start', alignment === 'right' && 'justify-content-end', alignment === 'center' && 'justify-content-center', alignment === 'space-between' && 'justify-content-between');
-    return ((0, jsx_runtime_1.jsx)("div", { ...remainingProps, className: classes, children: children }));
-};
-exports.default = ButtonToolbar;

package/lib/es/components/button/StepButton.d.ts

@@ -1,12 +0,0 @@
-import { type PropsWithChildren } from 'react';
-import { type ButtonProps } from './Button';
-export type StepButtonProps = ButtonProps & {
-    /**
-     * Defines the chevron icon for the respective direction.
-     *
-     * @default 'next'
-     */
-    direction?: 'next' | 'previous';
-};
-declare const StepButton: (props: PropsWithChildren<StepButtonProps>) => import("react/jsx-runtime").JSX.Element;
-export default StepButton;

package/lib/es/components/button/StepButton.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Button_1 = tslib_1.__importDefault(require("./Button"));
-const StepButton = (props) => {
-    const { direction = 'next', ...remainingProps } = props;
-    const iconName = direction === 'next' ? 'rioglyph-chevron-right' : 'rioglyph-chevron-left';
-    return (0, jsx_runtime_1.jsx)(Button_1.default, { ...remainingProps, iconName: iconName, iconRight: direction === 'next' });
-};
-exports.default = StepButton;

package/lib/es/components/button/ToggleButton.d.ts

@@ -1,11 +0,0 @@
-import { type PropsWithChildren } from 'react';
-import { type ButtonProps } from './Button';
-export type ToggleButtonProps = Omit<ButtonProps, 'onClick'> & {
-    /**
-     * Callback function triggered when clicking the button.
-     * @param value The new value of the toggle button.
-     */
-    onClick?: (value: boolean) => void;
-};
-declare const ToggleButton: (props: PropsWithChildren<ToggleButtonProps>) => import("react/jsx-runtime").JSX.Element;
-export default ToggleButton;

package/lib/es/components/button/ToggleButton.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Button_1 = tslib_1.__importDefault(require("./Button"));
-const ToggleButton = (props) => (0, jsx_runtime_1.jsx)(Button_1.default, { ...props, asToggle: true });
-exports.default = ToggleButton;

package/lib/es/components/calendarStripe/CalendarStripe.d.ts

@@ -1,75 +0,0 @@
-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;
-    /**
-     * Additional classes set to the days wrapper element.
-     */
-    daysWrapperClassName?: string;
-    /**
-     * Additional classes set to the days wrapper element.
-     */
-    dayWrapperClassName?: string;
-};
-declare const CalendarStripe: React.ForwardRefExoticComponent<CalendarStripeProps & React.RefAttributes<HTMLDivElement>>;
-export default CalendarStripe;