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

package/lib/es/components/states/CustomState.js

@@ -2,59 +2,32 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable complexity */
-const react_1 = tslib_1.__importDefault(require("react"));
+// @ts-ignore-next-line importsNotUsedAsValues
+require("react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const isEmpty_1 = tslib_1.__importDefault(require("lodash/fp/isEmpty"));
-const baseStatePropTypes_1 = require("./baseStatePropTypes");
-const StateButton = ({ text, className, onClick = () => { }, href }) => {
-    const buttonClassNames = (0, classnames_1.default)('btn btn-primary', 'margin-top-10', className && className);
-    // In case a href is given, render a link button instead
-    if (href) {
-        return ((0, jsx_runtime_1.jsx)("a", Object.assign({ className: buttonClassNames, href: href, onClick: onClick }, { children: text })));
-    }
-    return ((0, jsx_runtime_1.jsx)("button", Object.assign({ className: buttonClassNames, type: 'button', onClick: onClick }, { children: text })));
+const StateButton_1 = tslib_1.__importDefault(require("./StateButton"));
+const StateIcon_1 = tslib_1.__importDefault(require("./StateIcon"));
+const justify = {
+    left: 'justify-content-start',
+    center: 'justify-content-center',
+    right: 'justify-content-end',
 };
-const Icon = ({ name, color, className }) => {
-    const iconClassNames = (0, classnames_1.default)('rioglyph', color || 'text-color-light', name && name, !className && 'text-size-300pct', className && className);
-    return (0, jsx_runtime_1.jsx)("span", { className: iconClassNames });
-};
-const getAlignmentClassName = alignment => {
-    switch (alignment) {
-        case baseStatePropTypes_1.ALIGN_LEFT:
-            return 'justify-content-start';
-        case baseStatePropTypes_1.ALIGN_CENTER:
-            return 'justify-content-center';
-        case baseStatePropTypes_1.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 = tslib_1.__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 = tslib_1.__rest(props, ["icon", "icons", "image", "headline", "message", "buttons", "alignment", "fullWidth", "condensed", "outerClassName", "innerClassName", "children"]);
     const wrapperClasses = (0, classnames_1.default)('margin-0', 'width-100pct', !fullWidth && 'max-width-600', 'panel-default', 'panel', condensed ? 'padding-10' : 'padding-15', outerClassName && outerClassName);
     const innerClassNames = (0, classnames_1.default)('display-flex', 'flex-column', 'align-items-center', 'text-center', condensed ? 'padding-15' : 'padding-25', innerClassName && innerClassName);
     const iconClasses = (0, classnames_1.default)(condensed ? 'text-size-16 margin-bottom-10' : 'text-size-h2 margin-bottom-20');
     const iconsClasses = (0, classnames_1.default)(condensed ? 'text-size-16 margin-bottom-10' : 'text-size-h2 margin-bottom-20', 'display-flex', 'align-items-center', 'max-width-100pct');
     const headlineClassNames = (0, classnames_1.default)(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 = ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'btn-toolbar margin-top-20' }, { children: buttons.map((buttonProps, index) => ((0, jsx_runtime_1.jsx)(StateButton, Object.assign({}, buttonProps), index))) })));
-    const renderIcon = ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: iconClasses }, { children: (0, jsx_runtime_1.jsx)(Icon, { name: icon }) })));
-    const renderIcons = ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: iconsClasses }, { children: icons.map((iconProps, index) => ((0, jsx_runtime_1.jsx)(Icon, Object.assign({}, iconProps), index))) })));
+    const renderButtons = ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'btn-toolbar margin-top-20' }, { children: buttons.map((buttonProps, index) => ((0, jsx_runtime_1.jsx)(StateButton_1.default, Object.assign({}, buttonProps), index))) })));
+    const renderIcon = ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: iconClasses }, { children: (0, jsx_runtime_1.jsx)(StateIcon_1.default, { name: icon }) })));
+    const renderIcons = ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: iconsClasses }, { children: icons.map((iconProps, index) => ((0, jsx_runtime_1.jsx)(StateIcon_1.default, Object.assign({}, iconProps), index))) })));
     const renderChildren = (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'width-500 max-width-100pct margin-top-25' }, { children: children }));
     const renderHeadline = (0, jsx_runtime_1.jsx)("div", Object.assign({ className: headlineClassNames }, { children: headline }));
     const renderMessage = (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'text-color-dark margin-top-15 width-500 max-width-100pct' }, { children: message }));
     const singleOrMultiIcon = (0, isEmpty_1.default)(icons) ? renderIcon : renderIcons;
     const imageOrIcon = image ? image : singleOrMultiIcon;
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: `display-flex ${getAlignmentClassName(alignment)} max-width-100pct` }, remainingProps, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: wrapperClasses }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: innerClassNames }, { children: [imageOrIcon, headline && renderHeadline, message && renderMessage, !(0, isEmpty_1.default)(buttons) && renderButtons, children && renderChildren] })) })) })));
-};
-CustomState.defaultProps = {
-    icon: 'rioglyph-rio',
-    icons: [],
-    buttons: [],
-    alignment: baseStatePropTypes_1.ALIGN_CENTER,
-    fullWidth: false,
-    condensed: false,
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: `display-flex ${justify[alignment]} max-width-100pct` }, remainingProps, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: wrapperClasses }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: innerClassNames }, { children: [imageOrIcon, headline && renderHeadline, message && renderMessage, !(0, isEmpty_1.default)(buttons) && renderButtons, children && renderChildren] })) })) })));
 };
-CustomState.propTypes = baseStatePropTypes_1.baseStatePropTypes;
 exports.default = CustomState;

package/lib/es/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/lib/es/components/states/EmptyState.js

@@ -2,12 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
+// @ts-ignore-next-line importsNotUsedAsValues
+require("react");
 const CustomState_1 = tslib_1.__importDefault(require("./CustomState"));
-const baseStatePropTypes_1 = require("./baseStatePropTypes");
-const EmptyState = props => (0, jsx_runtime_1.jsx)(CustomState_1.default, Object.assign({}, props));
-EmptyState.defaultProps = {
-    icon: 'rioglyph-empty',
+const EmptyState = (props) => {
+    const { icon = 'rioglyph-empty' } = props, remainingProps = tslib_1.__rest(props, ["icon"]);
+    return (0, jsx_runtime_1.jsx)(CustomState_1.default, Object.assign({ icon: icon }, remainingProps));
 };
-EmptyState.propTypes = baseStatePropTypes_1.baseStatePropTypes;
 exports.default = EmptyState;

package/lib/es/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/lib/es/components/states/ErrorState.js

@@ -2,12 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
+// @ts-ignore-next-line importsNotUsedAsValues
+require("react");
 const CustomState_1 = tslib_1.__importDefault(require("./CustomState"));
-const baseStatePropTypes_1 = require("./baseStatePropTypes");
-const ErrorState = props => (0, jsx_runtime_1.jsx)(CustomState_1.default, Object.assign({}, props));
-ErrorState.defaultProps = {
-    icon: 'rioglyph-truck-breakdown',
+const ErrorState = (props) => {
+    const { icon = 'rioglyph-truck-breakdown' } = props, remainingProps = tslib_1.__rest(props, ["icon"]);
+    return (0, jsx_runtime_1.jsx)(CustomState_1.default, Object.assign({ icon: icon }, remainingProps));
 };
-ErrorState.propTypes = baseStatePropTypes_1.baseStatePropTypes;
 exports.default = ErrorState;

package/lib/es/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";

package/lib/es/components/states/ForbiddenState.js

@@ -2,12 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
+// @ts-ignore-next-line importsNotUsedAsValues
+require("react");
 const CustomState_1 = tslib_1.__importDefault(require("./CustomState"));
-const baseStatePropTypes_1 = require("./baseStatePropTypes");
-const ForbiddenState = props => (0, jsx_runtime_1.jsx)(CustomState_1.default, Object.assign({}, props));
-ForbiddenState.defaultProps = {
-    icon: 'rioglyph-ban-circle',
+const ForbiddenState = (props) => {
+    const { icon = 'rioglyph-ban-circle' } = props, remainingProps = tslib_1.__rest(props, ["icon"]);
+    return (0, jsx_runtime_1.jsx)(CustomState_1.default, Object.assign({ icon: icon }, remainingProps));
 };
-ForbiddenState.propTypes = baseStatePropTypes_1.baseStatePropTypes;
 exports.default = ForbiddenState;

package/lib/es/components/states/MaintenanceState.d.ts

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

package/lib/es/components/states/MaintenanceState.js

@@ -2,12 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
+// @ts-ignore-next-line importsNotUsedAsValues
+require("react");
 const CustomState_1 = tslib_1.__importDefault(require("./CustomState"));
-const baseStatePropTypes_1 = require("./baseStatePropTypes");
-const MaintenanceState = props => (0, jsx_runtime_1.jsx)(CustomState_1.default, Object.assign({}, props));
-MaintenanceState.defaultProps = {
-    icon: 'rioglyph-wrench',
+const MaintenanceState = (props) => {
+    const { icon = 'rioglyph-wrench' } = props, remainingProps = tslib_1.__rest(props, ["icon"]);
+    return (0, jsx_runtime_1.jsx)(CustomState_1.default, Object.assign({ icon: icon }, remainingProps));
 };
-MaintenanceState.propTypes = baseStatePropTypes_1.baseStatePropTypes;
 exports.default = MaintenanceState;

package/lib/es/components/states/NotBookedState.d.ts

@@ -1,20 +1,10 @@
+import React, { type PropsWithChildren } from 'react';
+import type { BaseStateProps } from './BaseStateProps';
+export type NotBookedStateProps = BaseStateProps & {
+    /**
+     * List of features.
+     */
+    features?: string | React.ReactNode[];
+};
+declare const NotBookedState: (props: PropsWithChildren<NotBookedStateProps>) => import("react/jsx-runtime").JSX.Element;
 export default NotBookedState;
-declare function NotBookedState(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace NotBookedState {
-    namespace defaultProps {
-        const icon: string;
-    }
-    namespace propTypes {
-        const headline: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        const message: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        const features: PropTypes.Requireable<(NonNullable<PropTypes.ReactNodeLike> | null | undefined)[]>;
-        const buttons: PropTypes.Requireable<(PropTypes.InferProps<{
-            text: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
-            className: PropTypes.Requireable<string>;
-            onClick: PropTypes.Requireable<(...args: any[]) => any>;
-            href: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
-        const condensed: PropTypes.Requireable<boolean>;
-    }
-}
-import PropTypes from "prop-types";

package/lib/es/components/states/NotBookedState.js

@@ -2,29 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const CustomState_1 = tslib_1.__importDefault(require("./CustomState"));
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
+// @ts-ignore-next-line importsNotUsedAsValues
+require("react");
 const isArray_1 = tslib_1.__importDefault(require("lodash/fp/isArray"));
 const isEmpty_1 = tslib_1.__importDefault(require("lodash/fp/isEmpty"));
-const NotBookedState = props => {
-    const { message, features } = props, remainingProps = tslib_1.__rest(props, ["message", "features"]);
-    const combinedMessages = ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [message && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'text-medium margin-bottom-20' }, { children: message })), features && (0, isArray_1.default)(features) && !(0, isEmpty_1.default)(features) && ((0, jsx_runtime_1.jsx)("ul", Object.assign({ className: 'feature-list' }, { children: features.map((feature, index) => ((0, jsx_runtime_1.jsx)("li", { children: feature }, index))) })))] }));
-    return (0, jsx_runtime_1.jsx)(CustomState_1.default, Object.assign({ message: combinedMessages }, remainingProps));
-};
-NotBookedState.defaultProps = {
-    icon: 'rioglyph-stars',
-};
-NotBookedState.propTypes = {
-    headline: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.node]),
-    message: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.node]),
-    features: prop_types_1.default.arrayOf(prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.node])),
-    buttons: prop_types_1.default.arrayOf(prop_types_1.default.shape({
-        text: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.node]).isRequired,
-        className: prop_types_1.default.string,
-        onClick: prop_types_1.default.func,
-        href: prop_types_1.default.string,
-    })),
-    condensed: prop_types_1.default.bool,
+const CustomState_1 = tslib_1.__importDefault(require("./CustomState"));
+const NotBookedState = (props) => {
+    const { message, features, icon = 'rioglyph-stars' } = props, remainingProps = tslib_1.__rest(props, ["message", "features", "icon"]);
+    const combinedMessages = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [message && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'text-medium margin-bottom-20' }, { children: message })), features && (0, isArray_1.default)(features) && !(0, isEmpty_1.default)(features) && ((0, jsx_runtime_1.jsx)("ul", Object.assign({ className: 'feature-list' }, { children: features.map((feature, index) => ((0, jsx_runtime_1.jsx)("li", { children: feature }, index))) })))] }));
+    return (0, jsx_runtime_1.jsx)(CustomState_1.default, Object.assign({ message: combinedMessages, icon: icon }, remainingProps));
 };
 exports.default = NotBookedState;

package/lib/es/components/states/NotFoundState.d.ts

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

package/lib/es/components/states/NotFoundState.js

@@ -2,12 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
+// @ts-ignore-next-line importsNotUsedAsValues
+require("react");
 const CustomState_1 = tslib_1.__importDefault(require("./CustomState"));
-const baseStatePropTypes_1 = require("./baseStatePropTypes");
-const NotFoundState = props => (0, jsx_runtime_1.jsx)(CustomState_1.default, Object.assign({}, props));
-NotFoundState.defaultProps = {
-    icon: 'rioglyph-looking-glass-man',
+const NotFoundState = (props) => {
+    const { icon = 'rioglyph-looking-glass-man' } = props, remainingProps = tslib_1.__rest(props, ["icon"]);
+    return (0, jsx_runtime_1.jsx)(CustomState_1.default, Object.assign({ icon: icon }, remainingProps));
 };
-NotFoundState.propTypes = baseStatePropTypes_1.baseStatePropTypes;
 exports.default = NotFoundState;

package/lib/es/components/states/StateButton.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+export type StateButtonProps = {
+    /**
+     * The button text.
+     *
+     * This can also be a node with an icon to be shown on the button.
+     */
+    text: string | React.ReactNode;
+    /**
+     * Callback fired after the component starts to collapse.
+     *
+     * @default () => {}
+     */
+    onClick?: VoidFunction;
+    /**
+     * Instead of a callback for the button you can specify a "href".
+     *
+     * This way it will render a link button instead.
+     */
+    href?: string;
+    /**
+     * Additional classes assigned to the button.
+     */
+    className?: string;
+};
+declare const StateButton: ({ text, className, onClick, href }: StateButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default StateButton;

package/lib/es/components/states/StateButton.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+// @ts-ignore-next-line importsNotUsedAsValues
+require("react");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const StateButton = ({ text, className, onClick = () => { }, href }) => {
+    const buttonClassNames = (0, classnames_1.default)('btn btn-primary', 'margin-top-10', className && className);
+    // In case a href is given, render a link button instead
+    if (href) {
+        return ((0, jsx_runtime_1.jsx)("a", Object.assign({ className: buttonClassNames, href: href, onClick: onClick }, { children: text })));
+    }
+    return ((0, jsx_runtime_1.jsx)("button", Object.assign({ className: buttonClassNames, type: 'button', onClick: onClick }, { children: text })));
+};
+exports.default = StateButton;

package/lib/es/components/states/StateIcon.d.ts

@@ -0,0 +1,7 @@
+export type StateIconProps = {
+    name?: string;
+    className?: string;
+    color?: string;
+};
+declare const StateIcon: ({ name, color, className }: StateIconProps) => import("react/jsx-runtime").JSX.Element;
+export default StateIcon;

package/lib/es/components/states/StateIcon.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+require("react");
+const StateIcon = ({ name, color = 'text-color-light', className = 'text-size-300pct' }) => ((0, jsx_runtime_1.jsx)("span", { className: `rioglyph ${name} ${color} ${className}` }));
+exports.default = StateIcon;

package/lib/es/components/tag/Tag.d.ts

@@ -1,37 +1,70 @@
+import { type PropsWithChildren } from 'react';
+export type TagSize = 'small';
+export type TagProps = {
+    /**
+     * Defines if the tag is active.
+     *
+     * @default false
+     */
+    active?: boolean;
+    /**
+     * Defines if the tag is clickable.
+     *
+     * @default false
+     */
+    clickable?: boolean;
+    /**
+     * Defines if the tag is deletable.
+     *
+     * @default false
+     */
+    deletable?: boolean;
+    /**
+     * Defines if the tag is revertable.
+     *
+     * @default false
+     */
+    revertable?: boolean;
+    /**
+     * Defines if the tag is disabled.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Define any rioglyph icon like "rioglyph-truck".
+     */
+    icon?: string;
+    /**
+     * Sets a more subtle style for border and background.
+     *
+     * @default false
+     */
+    muted?: boolean;
+    /**
+     * Defines if the tag is round.
+     *
+     * @default true
+     */
+    round?: boolean;
+    /**
+     * Defines if the tag is selectable.
+     *
+     * @default false
+     */
+    selectable?: boolean;
+    /**
+     * Defines if you want to render the tag in a different size.
+     *
+     * Possible values are: 'small'
+     */
+    size?: TagSize;
+    multiline?: boolean;
+    [remainingProp: string]: unknown;
+    /**
+     * Additional classes to be set on the wrapper element.
+     */
+    className?: string;
+};
+declare const Tag: (props: PropsWithChildren<TagProps>) => import("react/jsx-runtime").JSX.Element;
 export default Tag;
-declare function Tag(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace Tag {
-    namespace defaultProps {
-        const active: boolean;
-        const clickable: boolean;
-        const deletable: boolean;
-        const revertable: boolean;
-        const disabled: boolean;
-        const muted: boolean;
-        const round: boolean;
-        const selectable: boolean;
-    }
-    namespace propTypes {
-        const active_1: PropTypes.Requireable<boolean>;
-        export { active_1 as active };
-        export const className: PropTypes.Requireable<string>;
-        const clickable_1: PropTypes.Requireable<boolean>;
-        export { clickable_1 as clickable };
-        const deletable_1: PropTypes.Requireable<boolean>;
-        export { deletable_1 as deletable };
-        const revertable_1: PropTypes.Requireable<boolean>;
-        export { revertable_1 as revertable };
-        const disabled_1: PropTypes.Requireable<boolean>;
-        export { disabled_1 as disabled };
-        export const icon: PropTypes.Requireable<string>;
-        const muted_1: PropTypes.Requireable<boolean>;
-        export { muted_1 as muted };
-        export const multiline: PropTypes.Requireable<boolean>;
-        const round_1: PropTypes.Requireable<boolean>;
-        export { round_1 as round };
-        const selectable_1: PropTypes.Requireable<boolean>;
-        export { selectable_1 as selectable };
-        export const size: PropTypes.Requireable<string>;
-    }
-}
-import PropTypes from "prop-types";

package/lib/es/components/tag/Tag.js

@@ -2,36 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
+// @ts-ignore-next-line importsNotUsedAsValues
+require("react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const Tag = props => {
-    const { children, icon, active, disabled, clickable, selectable, deletable, revertable, multiline, muted, round } = props, remainingProps = tslib_1.__rest(props, ["children", "icon", "active", "disabled", "clickable", "selectable", "deletable", "revertable", "multiline", "muted", "round"]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, remainingProps, { className: (0, classnames_1.default)('tag', props.size === 'small' && 'tag-small', icon && `rioglyph ${icon}`, active && 'active clickable rioglyph rioglyph-ok', disabled && 'disabled', clickable && 'clickable', selectable && 'selectable clickable rioglyph rioglyph-checkbox', deletable && 'deletable clickable rioglyph rioglyph-remove', revertable && 'revertable clickable rioglyph rioglyph-revert', multiline && 'multiline', muted && 'tag-muted', !round && 'rounded', // sounds wrong, but is right
-        props.className) }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'tag-inner' }, { children: children })) })));
-};
-Tag.defaultProps = {
-    active: false,
-    clickable: false,
-    deletable: false,
-    revertable: false,
-    disabled: false,
-    muted: false,
-    round: true,
-    selectable: false,
-};
-Tag.propTypes = {
-    active: prop_types_1.default.bool,
-    className: prop_types_1.default.string,
-    clickable: prop_types_1.default.bool,
-    deletable: prop_types_1.default.bool,
-    revertable: prop_types_1.default.bool,
-    disabled: prop_types_1.default.bool,
-    icon: prop_types_1.default.string,
-    muted: prop_types_1.default.bool,
-    multiline: prop_types_1.default.bool,
-    round: prop_types_1.default.bool,
-    selectable: prop_types_1.default.bool,
-    size: prop_types_1.default.oneOf(['small']),
+const Tag = (props) => {
+    const { children, icon, active = false, disabled = false, clickable = false, selectable = false, deletable = false, revertable = false, multiline = false, muted = false, round = true, size, className } = props, remainingProps = tslib_1.__rest(props, ["children", "icon", "active", "disabled", "clickable", "selectable", "deletable", "revertable", "multiline", "muted", "round", "size", "className"]);
+    const tagClasses = (0, classnames_1.default)('tag', size === 'small' && 'tag-small', icon && `rioglyph ${icon}`, active && 'active clickable rioglyph rioglyph-ok', disabled && 'disabled', clickable && 'clickable', selectable && 'selectable clickable rioglyph rioglyph-checkbox', deletable && 'deletable clickable rioglyph rioglyph-remove', revertable && 'revertable clickable rioglyph rioglyph-revert', multiline && 'multiline', muted && 'tag-muted', !round && 'rounded', // sounds wrong, but is right
+    props.className);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, remainingProps, { className: tagClasses }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'tag-inner' }, { children: children })) })));
 };
 exports.default = Tag;

package/lib/es/components/tag/TagList.d.ts

@@ -1,17 +1,25 @@
+import { type PropsWithChildren } from 'react';
+export type TagListProps = {
+    /**
+     * Defines if the tag list is rendered inline or vertically.
+     *
+     * @default true
+     */
+    inline?: boolean;
+    /**
+     * Defines if the tag has the same with as it`s parent container.
+     *
+     * @default false
+     */
+    autoTagWidth?: boolean;
+    /**
+     * Possible values are 1-6
+     */
+    tagsPerRow?: 1 | 2 | 3 | 4 | 6;
+    /**
+     * Additional classes to be set on the wrapper element.
+     */
+    className?: string;
+};
+declare const TagList: (props: PropsWithChildren<TagListProps>) => import("react/jsx-runtime").JSX.Element;
 export default TagList;
-declare function TagList(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace TagList {
-    namespace defaultProps {
-        const inline: boolean;
-        const autoTagWidth: boolean;
-    }
-    namespace propTypes {
-        const inline_1: PropTypes.Requireable<boolean>;
-        export { inline_1 as inline };
-        const autoTagWidth_1: PropTypes.Requireable<boolean>;
-        export { autoTagWidth_1 as autoTagWidth };
-        export const tagsPerRow: any;
-        export const className: PropTypes.Requireable<string>;
-    }
-}
-import PropTypes from "prop-types";

package/lib/es/components/tag/TagList.js

@@ -2,22 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
+// @ts-ignore-next-line importsNotUsedAsValues
+require("react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const TagList = props => {
-    const { children, inline, autoTagWidth, tagsPerRow } = props, remainingProps = tslib_1.__rest(props, ["children", "inline", "autoTagWidth", "tagsPerRow"]);
+const TagList = (props) => {
+    const { children, inline = true, autoTagWidth = false, tagsPerRow } = props, remainingProps = tslib_1.__rest(props, ["children", "inline", "autoTagWidth", "tagsPerRow"]);
+    const tagListClasses = (0, classnames_1.default)('taglist', !autoTagWidth && 'taglist-autowidth', !inline && 'taglist-vertical', tagsPerRow && 'row display-flex-sm flex-wrap-sm', props.className);
     const wrappedChildren = (0, jsx_runtime_1.jsx)("div", Object.assign({ className: `tags-per-row-${tagsPerRow}` }, { children: children }));
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, remainingProps, { className: (0, classnames_1.default)('taglist', !autoTagWidth && 'taglist-autowidth', !inline && 'taglist-vertical', tagsPerRow && 'row display-flex-sm flex-wrap-sm', props.className) }, { children: tagsPerRow ? wrappedChildren : children })));
-};
-TagList.defaultProps = {
-    inline: true,
-    autoTagWidth: false,
-};
-TagList.propTypes = {
-    inline: prop_types_1.default.bool,
-    autoTagWidth: prop_types_1.default.bool,
-    tagsPerRow: prop_types_1.default.PropTypes.oneOf([1, 2, 3, 4, 6]),
-    className: prop_types_1.default.string,
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, remainingProps, { className: tagListClasses }, { children: tagsPerRow ? wrappedChildren : children })));
 };
 exports.default = TagList;

package/lib/es/components/tagManager/CustomSuggestionItem.d.ts

@@ -1,13 +1,7 @@
+import React from 'react';
+export type CustomSuggestionItemProps = {
+    value?: string | React.ReactNode;
+    placeholder?: string | React.ReactNode;
+};
+declare const CustomSuggestionItem: ({ value, placeholder }: CustomSuggestionItemProps) => import("react/jsx-runtime").JSX.Element;
 export default CustomSuggestionItem;
-declare function CustomSuggestionItem({ value, placeholder }: {
-    value: any;
-    placeholder: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace CustomSuggestionItem {
-    const defaultProps: {};
-    namespace propTypes {
-        const value: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        const placeholder: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-    }
-}
-import PropTypes from "prop-types";