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

package/CustomState.d.ts

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

package/CustomState.js

@@ -1,2 +1,2 @@
-import { default as _CustomState } from './components/states/CustomState';
-export { _CustomState as default };
+export { default } from './components/states/CustomState';
+export * from './components/states/CustomState';

package/EmptyState.d.ts

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

package/EmptyState.js

@@ -1,2 +1,2 @@
-import { default as _EmptyState } from './components/states/EmptyState';
-export { _EmptyState as default };
+export { default } from './components/states/EmptyState';
+export * from './components/states/EmptyState';

package/ErrorState.d.ts

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

package/ErrorState.js

@@ -1,2 +1,2 @@
-import { default as _ErrorState } from './components/states/ErrorState';
-export { _ErrorState as default };
+export { default } from './components/states/ErrorState';
+export * from './components/states/ErrorState';

package/ForbiddenState.d.ts

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

package/ForbiddenState.js

@@ -1,2 +1,2 @@
-import { default as _ForbiddenState } from './components/states/ForbiddenState';
-export { _ForbiddenState as default };
+export { default } from './components/states/ForbiddenState';
+export * from './components/states/ForbiddenState';

package/MaintenanceState.d.ts

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

package/MaintenanceState.js

@@ -1,2 +1,2 @@
-import { default as _MaintenanceState } from './components/states/MaintenanceState';
-export { _MaintenanceState as default };
+export { default } from './components/states/MaintenanceState';
+export * from './components/states/MaintenanceState';

package/NotBookedState.d.ts

@@ -1,5 +1,2 @@
-declare module '@rio-cloud/rio-uikit/NotBookedState' {
-    import React from 'react';
-    import { NotBookedStateProps } from './types';
-    export default class NotBookedState extends React.Component<NotBookedStateProps> {}
-}
+import { default as _NotBookedState } from './components/states/NotBookedState';
+export { _NotBookedState as default };

package/NotFoundState.d.ts

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

package/NotFoundState.js

@@ -1,2 +1,2 @@
-import { default as _NotFoundState } from './components/states/NotFoundState';
-export { _NotFoundState as default };
+export { default } from './components/states/NotFoundState';
+export * from './components/states/NotFoundState';

package/Notification.d.ts

@@ -1,9 +1,2 @@
-declare module '@rio-cloud/rio-uikit/Notification' {
-    import { notificationTriggerFunction } from './types';
-    export default class Notification {
-        static success: notificationTriggerFunction;
-        static info: notificationTriggerFunction;
-        static warning: notificationTriggerFunction;
-        static error: notificationTriggerFunction;
-    }
-}
+export { default } from './components/notification/Notification';
+export * from './components/notification/Notification';

package/Notification.js

@@ -1,2 +1,2 @@
-import { default as _Notification } from './components/notification/Notification';
-export { _Notification as default };
+export { default } from './components/notification/Notification';
+export * from './components/notification/Notification';

package/NotificationsContainer.d.ts

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

package/NotificationsContainer.js

@@ -1,2 +1,2 @@
-import { default as _NotificationsContainer } from './components/notification/NotificationsContainer';
-export { _NotificationsContainer as default };
+export { default } from './components/notification/NotificationsContainer';
+export * from './components/notification/NotificationsContainer';

package/Tag.d.ts

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

package/Tag.js

@@ -1,2 +1,2 @@
-import { default as _Tag } from './components/tag/Tag';
-export { _Tag as default };
+export { default } from './components/tag/Tag';
+export * from './components/tag/Tag';

package/TagList.d.ts

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

package/TagList.js

@@ -1,2 +1 @@
-import { default as _TagList } from './components/tag/TagList';
-export { _TagList as default };
+export { default } from './components/tag/TagList';

package/TagManager.d.ts

@@ -1,5 +1,2 @@
-import React from 'react';
-import { TagManagerProps } from './types';
-
-export { TagManagerTag } from './types';
-export default class TagManager extends React.Component<TagManagerProps> {}
+export { default } from './components/tagManager/TagManager';
+export * from './components/tagManager/TagManager';

package/TagManager.js

@@ -1,2 +1,2 @@
-import { default as _TagManager } from './components/tagManager/TagManager';
-export { _TagManager as default };
+export { default } from './components/tagManager/TagManager';
+export * from './components/tagManager/TagManager';

package/Teaser.d.ts

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

package/Teaser.js

@@ -1,2 +1,2 @@
-import { default as _Teaser } from './components/teaser/Teaser';
-export { _Teaser as default };
+export { default } from './components/teaser/Teaser';
+export * from './components/teaser/Teaser';

package/TeaserContainer.d.ts

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

package/TeaserContainer.js

@@ -1,2 +1,2 @@
-import { default as _TeaserContainer } from './components/teaser/TeaserContainer';
-export { _TeaserContainer as default };
+export { default } from './components/teaser/TeaserContainer';
+export * from './components/teaser/TeaserContainer';

package/TimePicker.d.ts

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

package/TimePicker.js

@@ -1,2 +1,2 @@
-import { default as _TimePicker } from './components/timepicker/TimePicker';
-export { _TimePicker as default };
+export { default } from './components/timepicker/TimePicker';
+export * from './components/timepicker/TimePicker';

package/components/expander/ExpanderPanel.d.ts

@@ -19,6 +19,7 @@ declare namespace ExpanderPanel {
         export const className: PropTypes.Requireable<string>;
         export const headerClassName: PropTypes.Requireable<string>;
         export const titleClassName: PropTypes.Requireable<string>;
+        export const iconClassName: PropTypes.Requireable<string>;
         export const bodyClassName: PropTypes.Requireable<string>;
         export const title: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
         const bsStyle_1: PropTypes.Requireable<string>;

package/components/expander/ExpanderPanel.js

@@ -2,10 +2,10 @@ import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
-import Collapse from '../collapse/Collapse';
 import classNames from 'classnames';
+import Collapse from '../collapse/Collapse';
 const ExpanderPanel = props => {
-    const { bsStyle, className, iconLeft, title, headerClassName, titleClassName, bodyClassName, mountOnEnter, unmountOnExit, onEnter, onEntering, onEntered, onExit, onExiting, onExited, children, onToggle, open } = props, remainingProps = __rest(props, ["bsStyle", "className", "iconLeft", "title", "headerClassName", "titleClassName", "bodyClassName", "mountOnEnter", "unmountOnExit", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "children", "onToggle", "open"]);
+    const { bsStyle, className, iconLeft, title, headerClassName, titleClassName, bodyClassName, iconClassName, mountOnEnter, unmountOnExit, onEnter, onEntering, onEntered, onExit, onExiting, onExited, children, onToggle, open } = props, remainingProps = __rest(props, ["bsStyle", "className", "iconLeft", "title", "headerClassName", "titleClassName", "bodyClassName", "iconClassName", "mountOnEnter", "unmountOnExit", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "children", "onToggle", "open"]);
     const [isOpen, setIsOpen] = useState(open);
     // Update internal state from external prop change
     useEffect(() => {
@@ -17,7 +17,7 @@ const ExpanderPanel = props => {
         onToggle(newState);
     };
     const wrapperClassNames = classNames('expander-panel panel', `panel-${bsStyle}`, className);
-    const iconClassNames = classNames('expander-icon', 'rioglyph', 'rioglyph-chevron-down');
+    const iconClassNames = classNames('expander-icon', iconClassName, 'rioglyph', 'rioglyph-chevron-down');
     const headerClassNames = classNames('panel-heading', isOpen && 'open', iconLeft && 'icon-left', headerClassName && headerClassName);
     const titleClassNames = classNames('title', titleClassName && titleClassName);
     const bodyClassNames = classNames('panel-body', bodyClassName && bodyClassName);
@@ -42,6 +42,7 @@ ExpanderPanel.propTypes = {
     className: PropTypes.string,
     headerClassName: PropTypes.string,
     titleClassName: PropTypes.string,
+    iconClassName: PropTypes.string,
     bodyClassName: PropTypes.string,
     title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
     bsStyle: PropTypes.oneOf([

package/components/notification/Notification.d.ts

@@ -1 +1,32 @@
-export default Notification;
+import React from 'react';
+type TriggerFunction = (
+/**
+ * The message to be shown.
+ */
+message: string | React.ReactNode, 
+/**
+ * The title to be shown.
+ */
+title?: string | React.ReactNode, 
+/**
+ * The popup timeout in milliseconds.
+ *
+ * If you do not want it to automatically disappear you can define a very high timeOut.
+ */
+timeOut?: number, 
+/**
+ * A function that gets invoked when the notification is clicked.
+ */
+callback?: VoidFunction, 
+/**
+ * If true, the message gets inserted at the top of the notification stack.
+ */
+priority?: boolean) => void;
+type NotificationTypeStub = {
+    success: TriggerFunction;
+    info: TriggerFunction;
+    warning: TriggerFunction;
+    error: TriggerFunction;
+};
+declare const _default: NotificationTypeStub;
+export default _default;

package/components/notification/Notification.js

@@ -1,4 +1,5 @@
+// @ts-ignore-next-line importsNotUsedAsValues
+import 'react';
+// @ts-ignore-next-line 7016
 import { NotificationManager as Notification } from 'react-notifications';
-// TODO: implement: if callback + missing time => sticky
-//const STICKY_TIME = 10000;
 export default Notification;

package/components/notification/NotificationsContainer.d.ts

@@ -1,14 +1,8 @@
+export type NotificationsContainerProps = {
+    /**
+     * Defines whether the notification are stacked.
+     */
+    stacked?: boolean;
+};
+declare const NotificationsContainer: ({ stacked }: NotificationsContainerProps) => import("react/jsx-runtime").JSX.Element;
 export default NotificationsContainer;
-declare function NotificationsContainer({ stacked }: {
-    stacked: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace NotificationsContainer {
-    namespace defaultProps {
-        const stacked: boolean;
-    }
-    namespace propTypes {
-        const stacked_1: PropTypes.Requireable<boolean>;
-        export { stacked_1 as stacked };
-    }
-}
-import PropTypes from "prop-types";

package/components/notification/NotificationsContainer.js

@@ -1,16 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import PropTypes from 'prop-types';
+import 'react';
 import classNames from 'classnames';
+// @ts-ignore-next-line 7016
 import { NotificationContainer } from 'react-notifications';
 const NotificationsContainer = ({ stacked }) => {
     const wrapperClasses = classNames('notification-container-wrapper', stacked && 'stacked');
     return (_jsx("div", Object.assign({ className: wrapperClasses }, { children: _jsx(NotificationContainer, {}) })));
 };
-NotificationsContainer.defaultProps = {
-    stacked: false,
-};
-NotificationsContainer.propTypes = {
-    stacked: PropTypes.bool,
-};
 export default NotificationsContainer;

package/components/states/BaseStateProps.d.ts

@@ -0,0 +1,66 @@
+import React from 'react';
+import type { TextAlignment } from '../../values/TextAlignment';
+import type { StateButtonProps } from './StateButton';
+import type { StateIconProps } from './StateIcon';
+export type BaseStateProps = {
+    /**
+     * The icon to be shown.
+     *
+     * Default icons are defined for all states.
+     */
+    icon?: string;
+    /**
+     * List of icons to show instead a single icon.
+     *
+     * @default []
+     */
+    icons?: StateIconProps[];
+    /**
+     * Custom Image if needed.
+     */
+    image?: React.ReactNode;
+    /**
+     * The headline to be shown.
+     */
+    headline?: string | React.ReactNode;
+    /**
+     * The text to display.
+     */
+    message?: string | React.ReactNode;
+    /**
+     * Definitions for the buttons to show.
+     *
+     * @default []
+     */
+    buttons?: StateButtonProps[];
+    /**
+     * Defines whether to use 100% width or default width.
+     *
+     * Note: Only to be used for special cases on the CustomState component.
+     *
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Smaller icon and headline size.
+     *
+     * @default false
+     */
+    condensed?: boolean;
+    /**
+     * Defines where the panel is aligned.
+     *
+     * Possible values are: 'left', 'center' and 'right'.
+     *
+     * @default 'center'
+     */
+    alignment?: TextAlignment;
+    /**
+     * Optional class names for the wrapper.
+     */
+    outerClassName?: string;
+    /**
+     * Optional class names for the content.
+     */
+    innerClassName?: string;
+};

package/components/states/BaseStateProps.js

@@ -0,0 +1,2 @@
+// @ts-ignore-next-line importsNotUsedAsValues
+import 'react';

package/components/states/CustomState.d.ts

@@ -1,15 +1,5 @@
+import { type PropsWithChildren } from 'react';
+import type { BaseStateProps } from './BaseStateProps';
+export type CustomStateProps = BaseStateProps;
+declare const CustomState: (props: PropsWithChildren<CustomStateProps>) => import("react/jsx-runtime").JSX.Element;
 export default CustomState;
-declare function CustomState(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace CustomState {
-    export namespace defaultProps {
-        export const icon: string;
-        export const icons: never[];
-        export const buttons: never[];
-        export { ALIGN_CENTER as alignment };
-        export const fullWidth: boolean;
-        export const condensed: boolean;
-    }
-    export { baseStatePropTypes as propTypes };
-}
-import { ALIGN_CENTER } from "./baseStatePropTypes";
-import { baseStatePropTypes } from "./baseStatePropTypes";

package/components/states/CustomState.js

@@ -1,58 +1,31 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable complexity */
-import React from 'react';
+// @ts-ignore-next-line importsNotUsedAsValues
+import 'react';
 import classNames from 'classnames';
 import isEmpty from 'lodash/fp/isEmpty';
-import { baseStatePropTypes, ALIGN_LEFT, ALIGN_CENTER, ALIGN_RIGHT } from './baseStatePropTypes';
-const StateButton = ({ text, className, onClick = () => { }, href }) => {
-    const buttonClassNames = classNames('btn btn-primary', 'margin-top-10', className && className);
-    // In case a href is given, render a link button instead
-    if (href) {
-        return (_jsx("a", Object.assign({ className: buttonClassNames, href: href, onClick: onClick }, { children: text })));
-    }
-    return (_jsx("button", Object.assign({ className: buttonClassNames, type: 'button', onClick: onClick }, { children: text })));
+import StateButton from './StateButton';
+import StateIcon from './StateIcon';
+const justify = {
+    left: 'justify-content-start',
+    center: 'justify-content-center',
+    right: 'justify-content-end',
 };
-const Icon = ({ name, color, className }) => {
-    const iconClassNames = classNames('rioglyph', color || 'text-color-light', name && name, !className && 'text-size-300pct', className && className);
-    return _jsx("span", { className: iconClassNames });
-};
-const getAlignmentClassName = alignment => {
-    switch (alignment) {
-        case ALIGN_LEFT:
-            return 'justify-content-start';
-        case ALIGN_CENTER:
-            return 'justify-content-center';
-        case ALIGN_RIGHT:
-            return 'justify-content-end';
-        default:
-            return 'justify-content-center';
-    }
-};
-const CustomState = props => {
-    const { icon, icons, image, headline, message, buttons, alignment, fullWidth, condensed, outerClassName, innerClassName, children } = props, remainingProps = __rest(props, ["icon", "icons", "image", "headline", "message", "buttons", "alignment", "fullWidth", "condensed", "outerClassName", "innerClassName", "children"]);
+const CustomState = (props) => {
+    const { icon = 'rioglyph-rio', icons = [], image, headline, message, buttons = [], alignment = 'center', fullWidth = false, condensed = false, outerClassName, innerClassName, children } = props, remainingProps = __rest(props, ["icon", "icons", "image", "headline", "message", "buttons", "alignment", "fullWidth", "condensed", "outerClassName", "innerClassName", "children"]);
     const wrapperClasses = classNames('margin-0', 'width-100pct', !fullWidth && 'max-width-600', 'panel-default', 'panel', condensed ? 'padding-10' : 'padding-15', outerClassName && outerClassName);
     const innerClassNames = classNames('display-flex', 'flex-column', 'align-items-center', 'text-center', condensed ? 'padding-15' : 'padding-25', innerClassName && innerClassName);
     const iconClasses = classNames(condensed ? 'text-size-16 margin-bottom-10' : 'text-size-h2 margin-bottom-20');
     const iconsClasses = classNames(condensed ? 'text-size-16 margin-bottom-10' : 'text-size-h2 margin-bottom-20', 'display-flex', 'align-items-center', 'max-width-100pct');
     const headlineClassNames = classNames(condensed ? 'text-size-h4' : 'text-size-h3 text-size-h2-sm', 'line-height-125rel', 'text-color-dark', 'text-medium', 'width-500', 'max-width-100pct');
     const renderButtons = (_jsx("div", Object.assign({ className: 'btn-toolbar margin-top-20' }, { children: buttons.map((buttonProps, index) => (_jsx(StateButton, Object.assign({}, buttonProps), index))) })));
-    const renderIcon = (_jsx("div", Object.assign({ className: iconClasses }, { children: _jsx(Icon, { name: icon }) })));
-    const renderIcons = (_jsx("div", Object.assign({ className: iconsClasses }, { children: icons.map((iconProps, index) => (_jsx(Icon, Object.assign({}, iconProps), index))) })));
+    const renderIcon = (_jsx("div", Object.assign({ className: iconClasses }, { children: _jsx(StateIcon, { name: icon }) })));
+    const renderIcons = (_jsx("div", Object.assign({ className: iconsClasses }, { children: icons.map((iconProps, index) => (_jsx(StateIcon, Object.assign({}, iconProps), index))) })));
     const renderChildren = _jsx("div", Object.assign({ className: 'width-500 max-width-100pct margin-top-25' }, { children: children }));
     const renderHeadline = _jsx("div", Object.assign({ className: headlineClassNames }, { children: headline }));
     const renderMessage = _jsx("div", Object.assign({ className: 'text-color-dark margin-top-15 width-500 max-width-100pct' }, { children: message }));
     const singleOrMultiIcon = isEmpty(icons) ? renderIcon : renderIcons;
     const imageOrIcon = image ? image : singleOrMultiIcon;
-    return (_jsx("div", Object.assign({ className: `display-flex ${getAlignmentClassName(alignment)} max-width-100pct` }, remainingProps, { children: _jsx("div", Object.assign({ className: wrapperClasses }, { children: _jsxs("div", Object.assign({ className: innerClassNames }, { children: [imageOrIcon, headline && renderHeadline, message && renderMessage, !isEmpty(buttons) && renderButtons, children && renderChildren] })) })) })));
-};
-CustomState.defaultProps = {
-    icon: 'rioglyph-rio',
-    icons: [],
-    buttons: [],
-    alignment: ALIGN_CENTER,
-    fullWidth: false,
-    condensed: false,
+    return (_jsx("div", Object.assign({ className: `display-flex ${justify[alignment]} max-width-100pct` }, remainingProps, { children: _jsx("div", Object.assign({ className: wrapperClasses }, { children: _jsxs("div", Object.assign({ className: innerClassNames }, { children: [imageOrIcon, headline && renderHeadline, message && renderMessage, !isEmpty(buttons) && renderButtons, children && renderChildren] })) })) })));
 };
-CustomState.propTypes = baseStatePropTypes;
 export default CustomState;

package/components/states/EmptyState.d.ts

@@ -1,9 +1,5 @@
+import { type PropsWithChildren } from 'react';
+import type { BaseStateProps } from './BaseStateProps';
+export type EmptyStateProps = BaseStateProps;
+declare const EmptyState: (props: PropsWithChildren<EmptyStateProps>) => import("react/jsx-runtime").JSX.Element;
 export default EmptyState;
-declare function EmptyState(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace EmptyState {
-    export namespace defaultProps {
-        const icon: string;
-    }
-    export { baseStatePropTypes as propTypes };
-}
-import { baseStatePropTypes } from "./baseStatePropTypes";

package/components/states/EmptyState.js

@@ -1,10 +1,10 @@
+import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
+// @ts-ignore-next-line importsNotUsedAsValues
+import 'react';
 import CustomState from './CustomState';
-import { baseStatePropTypes } from './baseStatePropTypes';
-const EmptyState = props => _jsx(CustomState, Object.assign({}, props));
-EmptyState.defaultProps = {
-    icon: 'rioglyph-empty',
+const EmptyState = (props) => {
+    const { icon = 'rioglyph-empty' } = props, remainingProps = __rest(props, ["icon"]);
+    return _jsx(CustomState, Object.assign({ icon: icon }, remainingProps));
 };
-EmptyState.propTypes = baseStatePropTypes;
 export default EmptyState;

package/components/states/ErrorState.d.ts

@@ -1,9 +1,5 @@
+import { type PropsWithChildren } from 'react';
+import type { BaseStateProps } from './BaseStateProps';
+export type ErrorStateProps = BaseStateProps;
+declare const ErrorState: (props: PropsWithChildren<ErrorStateProps>) => import("react/jsx-runtime").JSX.Element;
 export default ErrorState;
-declare function ErrorState(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace ErrorState {
-    export namespace defaultProps {
-        const icon: string;
-    }
-    export { baseStatePropTypes as propTypes };
-}
-import { baseStatePropTypes } from "./baseStatePropTypes";

package/components/states/ErrorState.js

@@ -1,10 +1,10 @@
+import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
+// @ts-ignore-next-line importsNotUsedAsValues
+import 'react';
 import CustomState from './CustomState';
-import { baseStatePropTypes } from './baseStatePropTypes';
-const ErrorState = props => _jsx(CustomState, Object.assign({}, props));
-ErrorState.defaultProps = {
-    icon: 'rioglyph-truck-breakdown',
+const ErrorState = (props) => {
+    const { icon = 'rioglyph-truck-breakdown' } = props, remainingProps = __rest(props, ["icon"]);
+    return _jsx(CustomState, Object.assign({ icon: icon }, remainingProps));
 };
-ErrorState.propTypes = baseStatePropTypes;
 export default ErrorState;

package/components/states/ForbiddenState.d.ts

@@ -1,9 +1,5 @@
+import { type PropsWithChildren } from 'react';
+import type { BaseStateProps } from './BaseStateProps';
+export type ForbiddenStateProps = BaseStateProps;
+declare const ForbiddenState: (props: PropsWithChildren<ForbiddenStateProps>) => import("react/jsx-runtime").JSX.Element;
 export default ForbiddenState;
-declare function ForbiddenState(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace ForbiddenState {
-    export namespace defaultProps {
-        const icon: string;
-    }
-    export { baseStatePropTypes as propTypes };
-}
-import { baseStatePropTypes } from "./baseStatePropTypes";