@rio-cloud/rio-uikit 0.16.3 → 0.16.4-beta.2

package/components/table/TableViewToggles.js

@@ -1,109 +1,83 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["viewType", "initialViewType", "onViewTypeChange", "className", "disabledViewTypes", "disabled", "tableViewTooltipContent", "singleCardViewTooltipContent", "multiCardsViewTooltipContent"];
+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 classNames from 'classnames';
 import OverlayTrigger from '../overlay/OverlayTrigger';
 import Tooltip from '../tooltip/Tooltip';
-
 // TODO: add responsive behaviour and trigger a change from table to list for small screen -> see DriverAdministration
-
-var wrapWithTooltip = function wrapWithTooltip(tooltipContent, element) {
-  return /*#__PURE__*/React.createElement(OverlayTrigger, {
-    placement: "bottom",
-    overlay: /*#__PURE__*/React.createElement(Tooltip, {
-      id: "tooltip",
-      allowOnTouch: true
-    }, tooltipContent)
-  }, element);
-};
-var TableViewToggles = function TableViewToggles(props) {
-  var viewType = props.viewType,
-    initialViewType = props.initialViewType,
-    onViewTypeChange = props.onViewTypeChange,
-    className = props.className,
-    disabledViewTypes = props.disabledViewTypes,
-    disabled = props.disabled,
-    tableViewTooltipContent = props.tableViewTooltipContent,
-    singleCardViewTooltipContent = props.singleCardViewTooltipContent,
-    multiCardsViewTooltipContent = props.multiCardsViewTooltipContent,
-    remainingProps = _objectWithoutProperties(props, _excluded);
-  var _useState = useState(initialViewType),
-    _useState2 = _slicedToArray(_useState, 2),
-    internaViewType = _useState2[0],
-    setInternalViewType = _useState2[1];
-
-  // update internal state when external state changes - controlled component case
-  useEffect(function () {
-    if (viewType) {
-      setInternalViewType(viewType);
-    }
-  }, [viewType]);
-  var handleSetTableView = function handleSetTableView() {
-    setInternalViewType(TableViewToggles.VIEW_TYPE_TABLE);
-    onViewTypeChange(TableViewToggles.VIEW_TYPE_TABLE);
-  };
-  var handleSetSingleCardsView = function handleSetSingleCardsView() {
-    setInternalViewType(TableViewToggles.VIEW_TYPE_SINGLE_CARD);
-    onViewTypeChange(TableViewToggles.VIEW_TYPE_SINGLE_CARD);
-  };
-  var handleSetMultiCardsView = function handleSetMultiCardsView() {
-    setInternalViewType(TableViewToggles.VIEW_TYPE_MULTI_CARDS);
-    onViewTypeChange(TableViewToggles.VIEW_TYPE_MULTI_CARDS);
-  };
-  var wrapperClassNames = classNames('TableViewToggles', 'btn-group', 'display-flex', 'flex-row', className && className);
-  var buttonClassNames = classNames('btn btn-default btn-icon-only', disabled && 'disabled pointer-events-none');
-  var tableViewActiveClasses = classNames(buttonClassNames, internaViewType === TableViewToggles.VIEW_TYPE_TABLE && 'active');
-  var cardViewActiveClasses = classNames(buttonClassNames, internaViewType === TableViewToggles.VIEW_TYPE_SINGLE_CARD && 'active');
-  var multiCardsViewActiveClasses = classNames(buttonClassNames, internaViewType === TableViewToggles.VIEW_TYPE_MULTI_CARDS && 'active');
-  var tableViewButton = /*#__PURE__*/React.createElement("button", {
-    className: tableViewActiveClasses,
-    type: "button",
-    onClick: handleSetTableView
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "rioglyph rioglyph-table-view"
-  }));
-  var singleCardViewButton = /*#__PURE__*/React.createElement("button", {
-    className: cardViewActiveClasses,
-    type: "button",
-    onClick: handleSetSingleCardsView
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "rioglyph rioglyph-th-list"
-  }));
-  var multiCardViewButton = /*#__PURE__*/React.createElement("button", {
-    className: multiCardsViewActiveClasses,
-    type: "button",
-    onClick: handleSetMultiCardsView
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "rioglyph rioglyph-split-view"
-  }));
-  var showTableViewButton = !disabledViewTypes.includes(TableViewToggles.VIEW_TYPE_TABLE);
-  var showSingleCardViewButton = !disabledViewTypes.includes(TableViewToggles.VIEW_TYPE_SINGLE_CARD);
-  var showMultiCardViewButton = !disabledViewTypes.includes(TableViewToggles.VIEW_TYPE_MULTI_CARDS);
-  return /*#__PURE__*/React.createElement("div", _extends({}, remainingProps, {
-    className: wrapperClassNames
-  }), showTableViewButton && (tableViewTooltipContent ? wrapWithTooltip(tableViewTooltipContent, tableViewButton) : tableViewButton), showSingleCardViewButton && (singleCardViewTooltipContent ? wrapWithTooltip(singleCardViewTooltipContent, singleCardViewButton) : singleCardViewButton), showMultiCardViewButton && (multiCardsViewTooltipContent ? wrapWithTooltip(multiCardsViewTooltipContent, multiCardViewButton) : multiCardViewButton));
+const wrapWithTooltip = (tooltipContent, element) => (_jsx(OverlayTrigger, Object.assign({ placement: 'bottom', overlay: _jsx(Tooltip, Object.assign({ id: 'tooltip', allowOnTouch: true }, { children: tooltipContent })) }, { children: element })));
+const TableViewToggles = props => {
+    const { viewType, initialViewType, onViewTypeChange, className, disabledViewTypes, disabled, tableViewTooltipContent, singleCardViewTooltipContent, multiCardsViewTooltipContent } = props, remainingProps = __rest(props, ["viewType", "initialViewType", "onViewTypeChange", "className", "disabledViewTypes", "disabled", "tableViewTooltipContent", "singleCardViewTooltipContent", "multiCardsViewTooltipContent"]);
+    const [internaViewType, setInternalViewType] = useState(initialViewType);
+    // update internal state when external state changes - controlled component case
+    useEffect(() => {
+        if (viewType) {
+            setInternalViewType(viewType);
+        }
+    }, [viewType]);
+    const handleSetTableView = () => {
+        setInternalViewType(TableViewToggles.VIEW_TYPE_TABLE);
+        onViewTypeChange(TableViewToggles.VIEW_TYPE_TABLE);
+    };
+    const handleSetSingleCardsView = () => {
+        setInternalViewType(TableViewToggles.VIEW_TYPE_SINGLE_CARD);
+        onViewTypeChange(TableViewToggles.VIEW_TYPE_SINGLE_CARD);
+    };
+    const handleSetMultiCardsView = () => {
+        setInternalViewType(TableViewToggles.VIEW_TYPE_MULTI_CARDS);
+        onViewTypeChange(TableViewToggles.VIEW_TYPE_MULTI_CARDS);
+    };
+    const wrapperClassNames = classNames('TableViewToggles', 'btn-group', 'display-flex', 'flex-row', className && className);
+    const buttonClassNames = classNames('btn btn-default btn-icon-only', disabled && 'disabled pointer-events-none');
+    const tableViewActiveClasses = classNames(buttonClassNames, internaViewType === TableViewToggles.VIEW_TYPE_TABLE && 'active');
+    const cardViewActiveClasses = classNames(buttonClassNames, internaViewType === TableViewToggles.VIEW_TYPE_SINGLE_CARD && 'active');
+    const multiCardsViewActiveClasses = classNames(buttonClassNames, internaViewType === TableViewToggles.VIEW_TYPE_MULTI_CARDS && 'active');
+    const tableViewButton = (_jsx("button", Object.assign({ className: tableViewActiveClasses, type: 'button', onClick: handleSetTableView }, { children: _jsx("span", { className: 'rioglyph rioglyph-table-view' }) })));
+    const singleCardViewButton = (_jsx("button", Object.assign({ className: cardViewActiveClasses, type: 'button', onClick: handleSetSingleCardsView }, { children: _jsx("span", { className: 'rioglyph rioglyph-th-list' }) })));
+    const multiCardViewButton = (_jsx("button", Object.assign({ className: multiCardsViewActiveClasses, type: 'button', onClick: handleSetMultiCardsView }, { children: _jsx("span", { className: 'rioglyph rioglyph-split-view' }) })));
+    const showTableViewButton = !disabledViewTypes.includes(TableViewToggles.VIEW_TYPE_TABLE);
+    const showSingleCardViewButton = !disabledViewTypes.includes(TableViewToggles.VIEW_TYPE_SINGLE_CARD);
+    const showMultiCardViewButton = !disabledViewTypes.includes(TableViewToggles.VIEW_TYPE_MULTI_CARDS);
+    return (_jsxs("div", Object.assign({}, remainingProps, { className: wrapperClassNames }, { children: [showTableViewButton &&
+                (tableViewTooltipContent ? wrapWithTooltip(tableViewTooltipContent, tableViewButton) : tableViewButton), showSingleCardViewButton &&
+                (singleCardViewTooltipContent
+                    ? wrapWithTooltip(singleCardViewTooltipContent, singleCardViewButton)
+                    : singleCardViewButton), showMultiCardViewButton &&
+                (multiCardsViewTooltipContent
+                    ? wrapWithTooltip(multiCardsViewTooltipContent, multiCardViewButton)
+                    : multiCardViewButton)] })));
 };
 TableViewToggles.VIEW_TYPE_TABLE = 'TABLE';
 TableViewToggles.VIEW_TYPE_SINGLE_CARD = 'SINGLE_CARD';
 TableViewToggles.VIEW_TYPE_MULTI_CARDS = 'MULTI_CARDS';
 TableViewToggles.defaultProps = {
-  initialViewType: TableViewToggles.VIEW_TYPE_TABLE,
-  onViewTypeChange: function onViewTypeChange() {},
-  disabledViewTypes: [],
-  disabled: false
+    initialViewType: TableViewToggles.VIEW_TYPE_TABLE,
+    onViewTypeChange: () => { },
+    disabledViewTypes: [],
+    disabled: false,
 };
 TableViewToggles.propTypes = {
-  viewType: PropTypes.oneOf([TableViewToggles.VIEW_TYPE_TABLE, TableViewToggles.VIEW_TYPE_SINGLE_CARD, TableViewToggles.VIEW_TYPE_MULTI_CARDS]),
-  initialViewType: PropTypes.oneOf([TableViewToggles.VIEW_TYPE_TABLE, TableViewToggles.VIEW_TYPE_SINGLE_CARD, TableViewToggles.VIEW_TYPE_MULTI_CARDS]),
-  disabledViewTypes: PropTypes.arrayOf(PropTypes.oneOf([TableViewToggles.VIEW_TYPE_TABLE, TableViewToggles.VIEW_TYPE_SINGLE_CARD, TableViewToggles.VIEW_TYPE_MULTI_CARDS])),
-  onViewTypeChange: PropTypes.func,
-  disabled: PropTypes.bool,
-  className: PropTypes.string,
-  tableViewTooltipContent: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  singleCardViewTooltipContent: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  multiCardsViewTooltipContent: PropTypes.oneOfType([PropTypes.string, PropTypes.node])
+    viewType: PropTypes.oneOf([
+        TableViewToggles.VIEW_TYPE_TABLE,
+        TableViewToggles.VIEW_TYPE_SINGLE_CARD,
+        TableViewToggles.VIEW_TYPE_MULTI_CARDS,
+    ]),
+    initialViewType: PropTypes.oneOf([
+        TableViewToggles.VIEW_TYPE_TABLE,
+        TableViewToggles.VIEW_TYPE_SINGLE_CARD,
+        TableViewToggles.VIEW_TYPE_MULTI_CARDS,
+    ]),
+    disabledViewTypes: PropTypes.arrayOf(PropTypes.oneOf([
+        TableViewToggles.VIEW_TYPE_TABLE,
+        TableViewToggles.VIEW_TYPE_SINGLE_CARD,
+        TableViewToggles.VIEW_TYPE_MULTI_CARDS,
+    ])),
+    onViewTypeChange: PropTypes.func,
+    disabled: PropTypes.bool,
+    className: PropTypes.string,
+    tableViewTooltipContent: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    singleCardViewTooltipContent: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    multiCardsViewTooltipContent: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
 };
-export default TableViewToggles;
+export default TableViewToggles;

package/components/table/tableSettingsPropTypes.d.ts

@@ -0,0 +1,8 @@
+export const columnsDetailsPropTypes: PropTypes.Requireable<{
+    [x: string]: PropTypes.InferProps<{
+        width: PropTypes.Requireable<number>;
+        defaultWidth: PropTypes.Requireable<number>;
+        maxWidth: PropTypes.Requireable<number>;
+    }> | null | undefined;
+}>;
+import PropTypes from "prop-types";

package/components/table/tableSettingsPropTypes.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
-export var columnsDetailsPropTypes = PropTypes.objectOf(PropTypes.shape({
-  width: PropTypes.number,
-  defaultWidth: PropTypes.number,
-  maxWidth: PropTypes.number
-}));
+export const columnsDetailsPropTypes = PropTypes.objectOf(PropTypes.shape({
+    width: PropTypes.number,
+    defaultWidth: PropTypes.number,
+    maxWidth: PropTypes.number,
+}));

package/components/tag/Tag.d.ts

@@ -0,0 +1,37 @@
+export default Tag;
+declare function Tag(props: any): 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/components/tag/Tag.js

@@ -1,52 +1,35 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "icon", "active", "disabled", "clickable", "selectable", "deletable", "revertable", "multiline", "muted", "round"];
+import { __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import PropTypes from 'prop-types';
-import classname from 'classnames';
-var Tag = function Tag(props) {
-  var children = props.children,
-    icon = props.icon,
-    active = props.active,
-    disabled = props.disabled,
-    clickable = props.clickable,
-    selectable = props.selectable,
-    deletable = props.deletable,
-    revertable = props.revertable,
-    multiline = props.multiline,
-    muted = props.muted,
-    round = props.round,
-    remainingProps = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React.createElement("div", _extends({}, remainingProps, {
-    className: classname('tag', props.size === 'small' && 'tag-small', icon && "rioglyph ".concat(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)
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "tag-inner"
-  }, children));
+import classNames from 'classnames';
+const Tag = props => {
+    const { children, icon, active, disabled, clickable, selectable, deletable, revertable, multiline, muted, round } = props, remainingProps = __rest(props, ["children", "icon", "active", "disabled", "clickable", "selectable", "deletable", "revertable", "multiline", "muted", "round"]);
+    return (_jsx("div", Object.assign({}, remainingProps, { className: classNames('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: _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
+    active: false,
+    clickable: false,
+    deletable: false,
+    revertable: false,
+    disabled: false,
+    muted: false,
+    round: true,
+    selectable: false,
 };
 Tag.propTypes = {
-  active: PropTypes.bool,
-  className: PropTypes.string,
-  clickable: PropTypes.bool,
-  deletable: PropTypes.bool,
-  revertable: PropTypes.bool,
-  disabled: PropTypes.bool,
-  icon: PropTypes.string,
-  muted: PropTypes.bool,
-  multiline: PropTypes.bool,
-  round: PropTypes.bool,
-  selectable: PropTypes.bool,
-  size: PropTypes.oneOf(['small'])
+    active: PropTypes.bool,
+    className: PropTypes.string,
+    clickable: PropTypes.bool,
+    deletable: PropTypes.bool,
+    revertable: PropTypes.bool,
+    disabled: PropTypes.bool,
+    icon: PropTypes.string,
+    muted: PropTypes.bool,
+    multiline: PropTypes.bool,
+    round: PropTypes.bool,
+    selectable: PropTypes.bool,
+    size: PropTypes.oneOf(['small']),
 };
-export default Tag;
+export default Tag;

package/components/tag/TagList.d.ts

@@ -0,0 +1,17 @@
+export default TagList;
+declare function TagList(props: any): 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/components/tag/TagList.js

@@ -1,30 +1,21 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "inline", "autoTagWidth", "tagsPerRow"];
+import { __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import PropTypes from 'prop-types';
-import classname from 'classnames';
-var TagList = function TagList(props) {
-  var children = props.children,
-    inline = props.inline,
-    autoTagWidth = props.autoTagWidth,
-    tagsPerRow = props.tagsPerRow,
-    remainingProps = _objectWithoutProperties(props, _excluded);
-  var wrappedChidren = /*#__PURE__*/React.createElement("div", {
-    className: "tags-per-row-".concat(tagsPerRow)
-  }, children);
-  return /*#__PURE__*/React.createElement("div", _extends({}, remainingProps, {
-    className: classname('taglist', !autoTagWidth && 'taglist-autowidth', !inline && 'taglist-vertical', tagsPerRow && 'row display-flex-sm flex-wrap-sm', props.className)
-  }), tagsPerRow ? wrappedChidren : children);
+import classNames from 'classnames';
+const TagList = props => {
+    const { children, inline, autoTagWidth, tagsPerRow } = props, remainingProps = __rest(props, ["children", "inline", "autoTagWidth", "tagsPerRow"]);
+    const wrappedChildren = _jsx("div", Object.assign({ className: `tags-per-row-${tagsPerRow}` }, { children: children }));
+    return (_jsx("div", Object.assign({}, remainingProps, { className: classNames('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
+    inline: true,
+    autoTagWidth: false,
 };
 TagList.propTypes = {
-  inline: PropTypes.bool,
-  autoTagWidth: PropTypes.bool,
-  tagsPerRow: PropTypes.PropTypes.oneOf([1, 2, 3, 4, 6]),
-  className: PropTypes.string
+    inline: PropTypes.bool,
+    autoTagWidth: PropTypes.bool,
+    tagsPerRow: PropTypes.PropTypes.oneOf([1, 2, 3, 4, 6]),
+    className: PropTypes.string,
 };
-export default TagList;
+export default TagList;

package/components/tagManager/CustomSuggestionItem.d.ts

@@ -0,0 +1,13 @@
+export default CustomSuggestionItem;
+declare function CustomSuggestionItem({ value, placeholder }: {
+    value: any;
+    placeholder: any;
+}): 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";

package/components/tagManager/CustomSuggestionItem.js

@@ -1,22 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-var CustomSuggestionItem = function CustomSuggestionItem(_ref) {
-  var value = _ref.value,
-    placeholder = _ref.placeholder;
-  var wrapperClassNames = classNames('display-flex align-items-center', 'padding-top-5 padding-bottom-5', !value && 'text-color-gray');
-  var iconClassNames = classNames('margin-left--5 margin-right-5 margin-top--1', 'rioglyph', !value ? 'rioglyph-arrow-up' : 'rioglyph-plus');
-  return /*#__PURE__*/React.createElement("span", {
-    className: wrapperClassNames
-  }, /*#__PURE__*/React.createElement("span", {
-    className: iconClassNames
-  }), /*#__PURE__*/React.createElement("span", {
-    className: 'text-italic'
-  }, value || placeholder));
+const CustomSuggestionItem = ({ value, placeholder }) => {
+    const wrapperClassNames = classNames('display-flex align-items-center', 'padding-top-5 padding-bottom-5', !value && 'text-color-gray');
+    const iconClassNames = classNames('margin-left--5 margin-right-5 margin-top--1', 'rioglyph', !value ? 'rioglyph-arrow-up' : 'rioglyph-plus');
+    return (_jsxs("span", Object.assign({ className: wrapperClassNames }, { children: [_jsx("span", { className: iconClassNames }), _jsx("span", Object.assign({ className: 'text-italic' }, { children: value || placeholder }))] })));
 };
 CustomSuggestionItem.defaultProps = {};
 CustomSuggestionItem.propTypes = {
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.node])
+    value: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
 };
-export default CustomSuggestionItem;
+export default CustomSuggestionItem;

package/components/tagManager/TagManager.d.ts

@@ -0,0 +1,27 @@
+export default TagManager;
+declare function TagManager(props: any): JSX.Element;
+declare namespace TagManager {
+    namespace defaultProps {
+        const useCustomTags: boolean;
+        const showInput: boolean;
+    }
+    namespace propTypes {
+        export const tagList: PropTypes.Validator<(PropTypes.InferProps<{
+            label: PropTypes.Requireable<string>;
+        }> | null | undefined)[]>;
+        export const tagSuggestions: PropTypes.Validator<(PropTypes.InferProps<{
+            label: PropTypes.Requireable<string>;
+        }> | null | undefined)[]>;
+        export const onTagListChange: PropTypes.Requireable<(...args: any[]) => any>;
+        export const placeholder: PropTypes.Requireable<string>;
+        export const customTagPlaceholder: PropTypes.Requireable<string>;
+        export const dropdownSeparatorText: PropTypes.Requireable<string>;
+        const useCustomTags_1: PropTypes.Requireable<boolean>;
+        export { useCustomTags_1 as useCustomTags };
+        export const noItemMessage: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        const showInput_1: PropTypes.Requireable<boolean>;
+        export { showInput_1 as showInput };
+        export const className: PropTypes.Requireable<string>;
+    }
+}
+import PropTypes from "prop-types";