@sap-ux/ui-components 1.14.0 → 1.14.1

package/dist/components/UIComboBox/index.d.ts

@@ -1,2 +1,2 @@
-export * from './UIComboBox';
+export * from './UIComboBox';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/UIComboBox/index.js

@@ -1,18 +1,18 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./UIComboBox"), exports);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./UIComboBox"), exports);
 //# sourceMappingURL=index.js.map

package/dist/components/UIContextualMenu/UIContextualMenu.d.ts

@@ -1,32 +1,32 @@
-import React from 'react';
-import type { IContextualMenuStyles, IContextualMenuItemStyles, ICalloutContentStyles } from '@fluentui/react';
-import { ContextualMenuItemType, IContextualMenuProps, IContextualMenuItem } from '@fluentui/react';
-export { IContextualMenuItem } from '@fluentui/react';
-export { IContextualMenuItem as UIContextualMenuItem };
-export { IContextualMenuProps as UIContextualMenuProps };
-export { ContextualMenuItemType as UIContextualMenuItemType };
-import './UIContextualMenu.scss';
-/**
- * ContextualMenu styles prop generator.
- *
- * @returns - consumable styles property for ContextualMenu
- */
-export declare function getUIcontextualMenuStyles(): Partial<IContextualMenuStyles>;
-/**
- * ContextualMenu subcomponent styles prop generator.
- *
- * @returns - consumable styles property for ContextualMenuItem
- */
-export declare function getUIContextualMenuItemStyles(): Partial<IContextualMenuItemStyles>;
-/**
- * ContextualMenu sub-component styles prop generator.
- *
- * @param {number} maxWidth
- * @returns consumable styles property for Callout
- */
-export declare function getUIcontextualMenuCalloutStyles(maxWidth?: number): Partial<ICalloutContentStyles>;
-export interface UIIContextualMenuProps extends IContextualMenuProps {
-    maxWidth?: number;
-}
-export declare const UIContextualMenu: React.FC<UIIContextualMenuProps>;
+import React from 'react';
+import type { IContextualMenuStyles, IContextualMenuItemStyles, ICalloutContentStyles } from '@fluentui/react';
+import { ContextualMenuItemType, IContextualMenuProps, IContextualMenuItem } from '@fluentui/react';
+export { IContextualMenuItem } from '@fluentui/react';
+export { IContextualMenuItem as UIContextualMenuItem };
+export { IContextualMenuProps as UIContextualMenuProps };
+export { ContextualMenuItemType as UIContextualMenuItemType };
+import './UIContextualMenu.scss';
+/**
+ * ContextualMenu styles prop generator.
+ *
+ * @returns - consumable styles property for ContextualMenu
+ */
+export declare function getUIcontextualMenuStyles(): Partial<IContextualMenuStyles>;
+/**
+ * ContextualMenu subcomponent styles prop generator.
+ *
+ * @returns - consumable styles property for ContextualMenuItem
+ */
+export declare function getUIContextualMenuItemStyles(): Partial<IContextualMenuItemStyles>;
+/**
+ * ContextualMenu sub-component styles prop generator.
+ *
+ * @param {number} maxWidth
+ * @returns consumable styles property for Callout
+ */
+export declare function getUIcontextualMenuCalloutStyles(maxWidth?: number): Partial<ICalloutContentStyles>;
+export interface UIIContextualMenuProps extends IContextualMenuProps {
+    maxWidth?: number;
+}
+export declare const UIContextualMenu: React.FC<UIIContextualMenuProps>;
 //# sourceMappingURL=UIContextualMenu.d.ts.map

package/dist/components/UIContextualMenu/UIContextualMenu.js

@@ -1,127 +1,127 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIContextualMenu = exports.getUIcontextualMenuCalloutStyles = exports.getUIContextualMenuItemStyles = exports.getUIcontextualMenuStyles = exports.UIContextualMenuItemType = void 0;
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@fluentui/react");
-Object.defineProperty(exports, "UIContextualMenuItemType", { enumerable: true, get: function () { return react_2.ContextualMenuItemType; } });
-const Icons_1 = require("../Icons");
-require("./UIContextualMenu.scss");
-const submenuIconProps = { iconName: Icons_1.UiIcons.ArrowDown };
-/**
- * ContextualMenu styles prop generator.
- *
- * @returns - consumable styles property for ContextualMenu
- */
-function getUIcontextualMenuStyles() {
-    return {
-        root: {
-            minWidth: 190,
-            background: 'var(--vscode-input-background)',
-            border: 0
-        }
-    };
-}
-exports.getUIcontextualMenuStyles = getUIcontextualMenuStyles;
-/**
- * ContextualMenu subcomponent styles prop generator.
- *
- * @returns - consumable styles property for ContextualMenuItem
- */
-function getUIContextualMenuItemStyles() {
-    return {
-        checkmarkIcon: {
-            color: 'var(--vscode-foreground)',
-            maxHeight: 18,
-            fontSize: 16,
-            lineHeight: 18,
-            margin: 0
-        },
-        icon: {
-            marginLeft: 0,
-            marginRight: 6
-        },
-        label: {
-            fontFamily: 'var(--vscode-font-family)',
-            lineHeight: 18,
-            height: 18
-        },
-        linkContent: {
-            fontSize: 13,
-            height: 'auto'
-        },
-        subMenuIcon: {
-            height: 16,
-            width: 16,
-            transform: 'rotate(-90deg)',
-            transformOrigin: '50% 50%',
-            lineHeight: 0
-        }
-    };
-}
-exports.getUIContextualMenuItemStyles = getUIContextualMenuItemStyles;
-/**
- * ContextualMenu sub-component styles prop generator.
- *
- * @param {number} maxWidth
- * @returns consumable styles property for Callout
- */
-function getUIcontextualMenuCalloutStyles(maxWidth) {
-    return {
-        root: {
-            maxWidth: maxWidth
-        }
-    };
-}
-exports.getUIcontextualMenuCalloutStyles = getUIcontextualMenuCalloutStyles;
-/**
- * Recursively applies corresponding styles generator to each,
- * IContextualMenuItem, ICallourProps and IContxualMenuProps item in props tree.
- *
- * @param items - IContextualMenu list
- * @returns - mutated IContextualMenuItem prop with styles props generators applied to each menu tree node
- */
-function injectContextualMenuItemsStyle(items) {
-    return items.map((item) => {
-        if (!item.itemProps) {
-            item.itemProps = {};
-        }
-        if (item.itemProps.styles) {
-            item.itemProps.styles = {
-                ...getUIContextualMenuItemStyles(),
-                ...item.itemProps.styles
-            };
-        }
-        else {
-            item.itemProps.styles = getUIContextualMenuItemStyles();
-        }
-        if (!item.submenuIconProps) {
-            item.submenuIconProps = submenuIconProps;
-        }
-        if (item?.iconProps) {
-            item.onRenderContent = (props, renderers) => {
-                return (react_1.default.createElement(react_1.default.Fragment, null,
-                    renderers.renderItemName(props),
-                    renderers.renderItemIcon(props)));
-            };
-        }
-        return item;
-    });
-}
-const UIContextualMenu = (props) => {
-    const className = props.className ? ` ${props.className}` : '';
-    return (react_1.default.createElement(react_2.ContextualMenu, { ...props, className: `ts-ContextualMenu${className}`, items: injectContextualMenuItemsStyle(props.items), isBeakVisible: false, calloutProps: {
-            className: 'ts-ContextualMenu-callout',
-            styles: getUIcontextualMenuCalloutStyles(props.maxWidth),
-            ...props.calloutProps
-        }, styles: { ...getUIcontextualMenuStyles(), ...props.styles }, onRenderSubMenu: (props) => {
-            if (!props) {
-                return null;
-            }
-            return react_1.default.createElement(exports.UIContextualMenu, { ...props });
-        } }));
-};
-exports.UIContextualMenu = UIContextualMenu;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIContextualMenu = exports.getUIcontextualMenuCalloutStyles = exports.getUIContextualMenuItemStyles = exports.getUIcontextualMenuStyles = exports.UIContextualMenuItemType = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@fluentui/react");
+Object.defineProperty(exports, "UIContextualMenuItemType", { enumerable: true, get: function () { return react_2.ContextualMenuItemType; } });
+const Icons_1 = require("../Icons");
+require("./UIContextualMenu.scss");
+const submenuIconProps = { iconName: Icons_1.UiIcons.ArrowDown };
+/**
+ * ContextualMenu styles prop generator.
+ *
+ * @returns - consumable styles property for ContextualMenu
+ */
+function getUIcontextualMenuStyles() {
+    return {
+        root: {
+            minWidth: 190,
+            background: 'var(--vscode-input-background)',
+            border: 0
+        }
+    };
+}
+exports.getUIcontextualMenuStyles = getUIcontextualMenuStyles;
+/**
+ * ContextualMenu subcomponent styles prop generator.
+ *
+ * @returns - consumable styles property for ContextualMenuItem
+ */
+function getUIContextualMenuItemStyles() {
+    return {
+        checkmarkIcon: {
+            color: 'var(--vscode-foreground)',
+            maxHeight: 18,
+            fontSize: 16,
+            lineHeight: 18,
+            margin: 0
+        },
+        icon: {
+            marginLeft: 0,
+            marginRight: 6
+        },
+        label: {
+            fontFamily: 'var(--vscode-font-family)',
+            lineHeight: 18,
+            height: 18
+        },
+        linkContent: {
+            fontSize: 13,
+            height: 'auto'
+        },
+        subMenuIcon: {
+            height: 16,
+            width: 16,
+            transform: 'rotate(-90deg)',
+            transformOrigin: '50% 50%',
+            lineHeight: 0
+        }
+    };
+}
+exports.getUIContextualMenuItemStyles = getUIContextualMenuItemStyles;
+/**
+ * ContextualMenu sub-component styles prop generator.
+ *
+ * @param {number} maxWidth
+ * @returns consumable styles property for Callout
+ */
+function getUIcontextualMenuCalloutStyles(maxWidth) {
+    return {
+        root: {
+            maxWidth: maxWidth
+        }
+    };
+}
+exports.getUIcontextualMenuCalloutStyles = getUIcontextualMenuCalloutStyles;
+/**
+ * Recursively applies corresponding styles generator to each,
+ * IContextualMenuItem, ICallourProps and IContxualMenuProps item in props tree.
+ *
+ * @param items - IContextualMenu list
+ * @returns - mutated IContextualMenuItem prop with styles props generators applied to each menu tree node
+ */
+function injectContextualMenuItemsStyle(items) {
+    return items.map((item) => {
+        if (!item.itemProps) {
+            item.itemProps = {};
+        }
+        if (item.itemProps.styles) {
+            item.itemProps.styles = {
+                ...getUIContextualMenuItemStyles(),
+                ...item.itemProps.styles
+            };
+        }
+        else {
+            item.itemProps.styles = getUIContextualMenuItemStyles();
+        }
+        if (!item.submenuIconProps) {
+            item.submenuIconProps = submenuIconProps;
+        }
+        if (item?.iconProps) {
+            item.onRenderContent = (props, renderers) => {
+                return (react_1.default.createElement(react_1.default.Fragment, null,
+                    renderers.renderItemName(props),
+                    renderers.renderItemIcon(props)));
+            };
+        }
+        return item;
+    });
+}
+const UIContextualMenu = (props) => {
+    const className = props.className ? ` ${props.className}` : '';
+    return (react_1.default.createElement(react_2.ContextualMenu, { ...props, className: `ts-ContextualMenu${className}`, items: injectContextualMenuItemsStyle(props.items), isBeakVisible: false, calloutProps: {
+            className: 'ts-ContextualMenu-callout',
+            styles: getUIcontextualMenuCalloutStyles(props.maxWidth),
+            ...props.calloutProps
+        }, styles: { ...getUIcontextualMenuStyles(), ...props.styles }, onRenderSubMenu: (props) => {
+            if (!props) {
+                return null;
+            }
+            return react_1.default.createElement(exports.UIContextualMenu, { ...props });
+        } }));
+};
+exports.UIContextualMenu = UIContextualMenu;
 //# sourceMappingURL=UIContextualMenu.js.map

package/dist/components/UIContextualMenu/UIHighlightMenuOption.d.ts

@@ -1,20 +1,20 @@
-import React from 'react';
-import './UIHighlightMenuOption.scss';
-export interface UIHighlightMenuOptionProps {
-    text: string;
-    query?: string;
-}
-/**
- * UIHighlightMenuOption component.
- *
- * @exports
- * @class UIHighlightMenuOption
- * @extends {React.Component<UIHighlightMenuOptionProps>}
- */
-export declare class UIHighlightMenuOption extends React.Component<UIHighlightMenuOptionProps> {
-    /**
-     * @returns {JSX.Element}
-     */
-    render(): JSX.Element;
-}
+import React from 'react';
+import './UIHighlightMenuOption.scss';
+export interface UIHighlightMenuOptionProps {
+    text: string;
+    query?: string;
+}
+/**
+ * UIHighlightMenuOption component.
+ *
+ * @exports
+ * @class UIHighlightMenuOption
+ * @extends {React.Component<UIHighlightMenuOptionProps>}
+ */
+export declare class UIHighlightMenuOption extends React.Component<UIHighlightMenuOptionProps> {
+    /**
+     * @returns {JSX.Element}
+     */
+    render(): JSX.Element;
+}
 //# sourceMappingURL=UIHighlightMenuOption.d.ts.map

package/dist/components/UIContextualMenu/UIHighlightMenuOption.js

@@ -1,51 +1,51 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIHighlightMenuOption = void 0;
-const react_1 = __importDefault(require("react"));
-require("./UIHighlightMenuOption.scss");
-/**
- * UIHighlightMenuOption component.
- *
- * @exports
- * @class UIHighlightMenuOption
- * @extends {React.Component<UIHighlightMenuOptionProps>}
- */
-class UIHighlightMenuOption extends react_1.default.Component {
-    /**
-     * @returns {JSX.Element}
-     */
-    render() {
-        let text = this.props.text;
-        let query = this.props.query;
-        const parts = [];
-        if (text && query) {
-            // There is search query - highlight occureance
-            text = text.toString();
-            query = query.toLowerCase();
-            const simpleText = text.toLowerCase();
-            const chars = query.length;
-            let startIndex = 0;
-            let index = simpleText.indexOf(query);
-            const fnAddPart = (part) => (part ? parts.push(part) : null);
-            // Highlight all occureances
-            while (index !== -1) {
-                fnAddPart(react_1.default.createElement("span", { key: 'text-' + startIndex }, text.substring(startIndex, index)));
-                fnAddPart(react_1.default.createElement("span", { className: "ts-Menu-option--highlighted", key: 'highlight-' + index }, text.substr(index, chars)));
-                startIndex = index + chars;
-                index = simpleText.indexOf(query, index + chars);
-                if (index === -1) {
-                    fnAddPart(react_1.default.createElement("span", { key: 'text-' + startIndex }, text.substring(startIndex, simpleText.length)));
-                }
-            }
-        }
-        if (parts.length === 0) {
-            parts.push(text);
-        }
-        return react_1.default.createElement("div", { className: "ts-Menu-option" }, parts);
-    }
-}
-exports.UIHighlightMenuOption = UIHighlightMenuOption;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIHighlightMenuOption = void 0;
+const react_1 = __importDefault(require("react"));
+require("./UIHighlightMenuOption.scss");
+/**
+ * UIHighlightMenuOption component.
+ *
+ * @exports
+ * @class UIHighlightMenuOption
+ * @extends {React.Component<UIHighlightMenuOptionProps>}
+ */
+class UIHighlightMenuOption extends react_1.default.Component {
+    /**
+     * @returns {JSX.Element}
+     */
+    render() {
+        let text = this.props.text;
+        let query = this.props.query;
+        const parts = [];
+        if (text && query) {
+            // There is search query - highlight occureance
+            text = text.toString();
+            query = query.toLowerCase();
+            const simpleText = text.toLowerCase();
+            const chars = query.length;
+            let startIndex = 0;
+            let index = simpleText.indexOf(query);
+            const fnAddPart = (part) => (part ? parts.push(part) : null);
+            // Highlight all occureances
+            while (index !== -1) {
+                fnAddPart(react_1.default.createElement("span", { key: 'text-' + startIndex }, text.substring(startIndex, index)));
+                fnAddPart(react_1.default.createElement("span", { className: "ts-Menu-option--highlighted", key: 'highlight-' + index }, text.substr(index, chars)));
+                startIndex = index + chars;
+                index = simpleText.indexOf(query, index + chars);
+                if (index === -1) {
+                    fnAddPart(react_1.default.createElement("span", { key: 'text-' + startIndex }, text.substring(startIndex, simpleText.length)));
+                }
+            }
+        }
+        if (parts.length === 0) {
+            parts.push(text);
+        }
+        return react_1.default.createElement("div", { className: "ts-Menu-option" }, parts);
+    }
+}
+exports.UIHighlightMenuOption = UIHighlightMenuOption;
 //# sourceMappingURL=UIHighlightMenuOption.js.map

package/dist/components/UIContextualMenu/index.d.ts

@@ -1,3 +1,3 @@
-export * from './UIContextualMenu';
-export * from './UIHighlightMenuOption';
+export * from './UIContextualMenu';
+export * from './UIHighlightMenuOption';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/UIContextualMenu/index.js

@@ -1,19 +1,19 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./UIContextualMenu"), exports);
-__exportStar(require("./UIHighlightMenuOption"), exports);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./UIContextualMenu"), exports);
+__exportStar(require("./UIHighlightMenuOption"), exports);
 //# sourceMappingURL=index.js.map

package/dist/components/UICreateSelect/UICreateSelect.d.ts

@@ -1,37 +1,37 @@
-import React from 'react';
-import type { FC } from 'react';
-import type { ActionMeta, MultiValue, Options, OptionsOrGroups, GetOptionLabel, GetOptionValue } from 'react-select';
-import type { CreatableProps } from 'react-select/creatable';
-import { SelectInstance } from 'react-select';
-import './UICreateSelect.scss';
-export { MultiValue as UICreateSelectMultiValue };
-export { ActionMeta as UICreateSelectActionMeta };
-export { Options as UICreateSelectOptions };
-export { OptionsOrGroups as UICreateSelectOptionsOrGroups };
-export { SelectInstance as UICreateSelectInstance };
-export interface UICreateSelectOptionEntry {
-    readonly label: string;
-    readonly value: string;
-    __isNew__?: boolean;
-}
-export interface UICreateSelectGroupEntry {
-    readonly options: readonly UICreateSelectOptionEntry[];
-    readonly label?: string;
-}
-export interface UICreateSelectAccessors<Option> {
-    getOptionValue: GetOptionValue<Option>;
-    getOptionLabel: GetOptionLabel<Option>;
-}
-type CreateSelectProps = {
-    createText?: string;
-    creatableRef?: React.MutableRefObject<SelectInstance<UICreateSelectOptionEntry, true, UICreateSelectGroupEntry> | null>;
-};
-export type UICreateSelectProps = CreateSelectProps & CreatableProps<UICreateSelectOptionEntry, true, UICreateSelectGroupEntry>;
-/**
- * Return a UICreateSelect component.
- *
- * @param {CreatableProps} props to be passed to the component.
- * @returns {JSX.Element}
- */
-export declare const UICreateSelect: FC<UICreateSelectProps>;
+import React from 'react';
+import type { FC } from 'react';
+import type { ActionMeta, MultiValue, Options, OptionsOrGroups, GetOptionLabel, GetOptionValue } from 'react-select';
+import type { CreatableProps } from 'react-select/creatable';
+import { SelectInstance } from 'react-select';
+import './UICreateSelect.scss';
+export { MultiValue as UICreateSelectMultiValue };
+export { ActionMeta as UICreateSelectActionMeta };
+export { Options as UICreateSelectOptions };
+export { OptionsOrGroups as UICreateSelectOptionsOrGroups };
+export { SelectInstance as UICreateSelectInstance };
+export interface UICreateSelectOptionEntry {
+    readonly label: string;
+    readonly value: string;
+    __isNew__?: boolean;
+}
+export interface UICreateSelectGroupEntry {
+    readonly options: readonly UICreateSelectOptionEntry[];
+    readonly label?: string;
+}
+export interface UICreateSelectAccessors<Option> {
+    getOptionValue: GetOptionValue<Option>;
+    getOptionLabel: GetOptionLabel<Option>;
+}
+type CreateSelectProps = {
+    createText?: string;
+    creatableRef?: React.MutableRefObject<SelectInstance<UICreateSelectOptionEntry, true, UICreateSelectGroupEntry> | null>;
+};
+export type UICreateSelectProps = CreateSelectProps & CreatableProps<UICreateSelectOptionEntry, true, UICreateSelectGroupEntry>;
+/**
+ * Return a UICreateSelect component.
+ *
+ * @param {CreatableProps} props to be passed to the component.
+ * @returns {JSX.Element}
+ */
+export declare const UICreateSelect: FC<UICreateSelectProps>;
 //# sourceMappingURL=UICreateSelect.d.ts.map