@codeleap/web 6.3.0 → 7.0.0

package/dist/components/SegmentedControl/index.js

@@ -1,149 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SegmentedControl = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var react_1 = __importDefault(require("react"));
-var View_1 = require("../View");
-var types_1 = require("@codeleap/types");
-var hooks_1 = require("@codeleap/hooks");
-var Text_1 = require("../Text");
-var react_2 = require("motion/react");
-var lib_1 = require("../../lib");
-var Touchable_1 = require("../Touchable");
-var Icon_1 = require("../Icon");
-var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
-var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
-var styles_1 = require("@codeleap/styles");
-__exportStar(require("./styles"), exports);
-__exportStar(require("./types"), exports);
-var Option = function (props) {
-    var selected = props.selected, onPress = props.onPress, styles = props.styles, _a = props.iconProps, iconProps = _a === void 0 ? {} : _a, label = props.label, icon = props.icon, largestWidth = props.largestWidth, textProps = props.textProps, disabled = props.disabled, ref = props.ref, touchableProps = __rest(props, ["selected", "onPress", "styles", "iconProps", "label", "icon", "largestWidth", "textProps", "disabled", "ref"]);
-    var iconStyles = (0, styles_1.mergeStyles)([
-        styles.icon,
-        (selected ? styles['icon:selected'] : null),
-        (disabled ? styles['icon:disabled'] : null),
-    ]);
-    return ((0, jsx_runtime_1.jsxs)(Touchable_1.Touchable, __assign({ ref: ref, onPress: onPress, disabled: disabled }, touchableProps, { style: __assign(__assign(__assign(__assign({}, styles.button), (selected ? styles['button:selected'] : {})), (disabled ? styles['button:disabled'] : {})), { width: largestWidth === null || largestWidth === void 0 ? void 0 : largestWidth.width }), children: [!!icon ? ((0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({ debugName: touchableProps === null || touchableProps === void 0 ? void 0 : touchableProps.debugName, name: icon }, iconProps, { style: iconStyles }))) : null, (0, jsx_runtime_1.jsx)(Text_1.Text, __assign({ text: label, debugName: touchableProps === null || touchableProps === void 0 ? void 0 : touchableProps.debugName }, textProps, { style: __assign(__assign(__assign({}, styles.text), (selected ? styles['text:selected'] : {})), (disabled ? styles['text:disabled'] : {})) }))] }), touchableProps.key));
-};
-var SegmentedControl = function (props) {
-    var _a = __assign(__assign({}, exports.SegmentedControl.defaultProps), props), label = _a.label, options = _a.options, value = _a.value, onValueChange = _a.onValueChange, style = _a.style, bubbleProps = _a.bubbleProps, animationProps = _a.animationProps, transitionDuration = _a.transitionDuration, disabled = _a.disabled, Bubble = _a.RenderAnimatedView, textProps = _a.textProps, iconProps = _a.iconProps, debugName = _a.debugName, debounce = _a.debounce, debounceEnabled = _a.debounceEnabled, rest = __rest(_a, ["label", "options", "value", "onValueChange", "style", "bubbleProps", "animationProps", "transitionDuration", "disabled", "RenderAnimatedView", "textProps", "iconProps", "debugName", "debounce", "debounceEnabled"]);
-    var styles = (0, useStylesFor_1.useStylesFor)(exports.SegmentedControl.styleRegistryName, style);
-    var currentOptionIdx = react_1.default.useMemo(function () {
-        return (options === null || options === void 0 ? void 0 : options.findIndex(function (o) { return (o === null || o === void 0 ? void 0 : o.value) === value; })) || 0;
-    }, [value]);
-    var maxDivWidthRef = (0, hooks_1.useRef)(null);
-    var sectionPressedRef = (0, hooks_1.useRef)(null);
-    var largestWidth = react_1.default.useMemo(function () {
-        return {
-            width: maxDivWidthRef.current,
-        };
-    }, [maxDivWidthRef.current]);
-    var bubbleAnimation = (0, lib_1.useAnimatedVariantStyles)({
-        variantStyles: styles,
-        animatedProperties: [],
-        updater: function () {
-            'worklet';
-            return __assign({ translateX: currentOptionIdx * largestWidth.width, transition: {
-                    ease: 'easeInOut',
-                    duration: transitionDuration,
-                } }, animationProps);
-        },
-        dependencies: [currentOptionIdx, largestWidth.width],
-    });
-    var selectedBubbleStyles = [
-        styles.selectedBubble,
-        disabled && styles['selectedBubble:disabled'],
-        largestWidth,
-    ];
-    var onSelectTab = function (option, e) {
-        if (!e || (e === null || e === void 0 ? void 0 : e.keyCode) === 13 || (e === null || e === void 0 ? void 0 : e.key) === 'Enter') {
-            if (!debounceEnabled || !types_1.TypeGuards.isNumber(debounce)) {
-                onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(option === null || option === void 0 ? void 0 : option.value);
-                return;
-            }
-            if (sectionPressedRef.current !== null)
-                return;
-            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(option === null || option === void 0 ? void 0 : option.value);
-            sectionPressedRef.current = setTimeout(function () {
-                clearTimeout(sectionPressedRef.current);
-                sectionPressedRef.current = null;
-            }, debounce);
-        }
-        else {
-            return null;
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({}, rest, { style: styles.wrapper, children: [label ? (0, jsx_runtime_1.jsx)(Text_1.Text, { text: label, style: [styles.label, disabled && styles['label:disabled']] }) : null, (0, jsx_runtime_1.jsxs)(View_1.View, { style: [styles.innerWrapper, disabled && styles['innerWrapper:disabled']], children: [(0, jsx_runtime_1.jsx)(Bubble
-                    // @ts-expect-error
-                    , __assign({ 
-                        // @ts-expect-error
-                        css: selectedBubbleStyles, animate: bubbleAnimation, initial: false }, bubbleProps)), options.map(function (o, idx) { return ((0, jsx_runtime_1.jsx)(Option, __assign({ ref: function (ref) {
-                            if (ref && ref.offsetWidth > maxDivWidthRef.current) {
-                                maxDivWidthRef.current = ref.offsetWidth;
-                            }
-                        }, debugName: debugName, label: o.label, value: o.value, onPress: function () { return onSelectTab(o); }, onKeyDown: function (e) { return onSelectTab(o, e); }, icon: o.icon, selected: value === o.value, styles: styles, disabled: disabled, textProps: textProps, iconProps: iconProps, largestWidth: largestWidth, tabIndex: 0 }, props === null || props === void 0 ? void 0 : props.touchableProps), idx)); })] })] })));
-};
-exports.SegmentedControl = SegmentedControl;
-exports.SegmentedControl.styleRegistryName = 'SegmentedControl';
-exports.SegmentedControl.elements = [
-    'wrapper',
-    'innerWrapper',
-    'selectedBubble',
-    'text',
-    'icon',
-    'button',
-    'label',
-];
-exports.SegmentedControl.rootElement = 'wrapper';
-exports.SegmentedControl.withVariantTypes = function (styles) {
-    return exports.SegmentedControl;
-};
-exports.SegmentedControl.defaultProps = {
-    animationProps: {},
-    transitionDuration: 0.2,
-    disabled: false,
-    RenderAnimatedView: react_2.motion.div,
-    debounce: 1000,
-    debounceEnabled: true,
-};
-WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.SegmentedControl);
-//# sourceMappingURL=index.js.map

package/dist/components/SegmentedControl/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SegmentedControl/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/SegmentedControl/styles.d.ts

@@ -1,4 +0,0 @@
-export type SegmentedControlStates = 'selected' | 'disabled';
-type SegmentedControlParts = 'wrapper' | 'innerWrapper' | 'selectedBubble' | 'text' | 'icon' | 'button' | `label`;
-export type SegmentedControlComposition = SegmentedControlParts | `${SegmentedControlParts}:${SegmentedControlStates}`;
-export {};

package/dist/components/SegmentedControl/styles.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=styles.js.map

package/dist/components/SegmentedControl/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/SegmentedControl/styles.ts"],"names":[],"mappings":""}

package/dist/components/SegmentedControl/types.d.ts

@@ -1,39 +0,0 @@
-import React from 'react';
-import { StylesOf } from '@codeleap/types';
-import { TextProps } from '../Text';
-import { TouchableProps } from '../Touchable';
-import { SegmentedControlComposition } from './styles';
-import { MotionProps, TargetAndTransition, ForwardRefComponent } from 'motion/react';
-import { IconProps } from '../Icon';
-import { AppIcon, StyledProp } from '@codeleap/styles';
-export type SegmentedControlProps<T = string> = {
-    options: SegmentedControlOptionProps[];
-    value?: T;
-    style?: StyledProp<SegmentedControlComposition>;
-    onValueChange?: (v: any) => void;
-    bubbleProps?: React.HTMLAttributes<HTMLDivElement> & MotionProps;
-    label?: string;
-    touchableProps?: Partial<TouchableProps>;
-    debugName?: string;
-    disabled?: boolean;
-    animationProps?: TargetAndTransition;
-    transitionDuration?: number;
-    RenderAnimatedView?: ForwardRefComponent<HTMLDivElement, any>;
-    textProps?: TextProps;
-    iconProps?: Partial<IconProps>;
-    debounce?: number;
-    debounceEnabled?: boolean;
-};
-export type OptionRef = TouchableProps['ref'];
-export type SegmentedControlOptionProps = TouchableProps & {
-    selected?: boolean;
-    label: string;
-    styles?: StylesOf<SegmentedControlComposition>;
-    value?: any;
-    textProps?: TextProps;
-    iconProps?: Partial<IconProps>;
-    icon?: AppIcon;
-    largestWidth?: {
-        width: number;
-    };
-};

package/dist/components/SegmentedControl/types.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map

package/dist/components/SegmentedControl/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/SegmentedControl/types.ts"],"names":[],"mappings":""}

package/dist/components/Select/index.js

@@ -1,383 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Select = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var react_1 = __importStar(require("react"));
-var hooks_1 = require("@codeleap/hooks");
-var types_1 = require("@codeleap/types");
-var react_select_1 = __importStar(require("react-select"));
-var async_1 = __importDefault(require("react-select/async"));
-var styles_1 = require("./styles");
-var InputBase_1 = require("../InputBase");
-var Button_1 = require("../Button");
-var Text_1 = require("../Text");
-var View_1 = require("../View");
-var ActivityIndicator_1 = require("../ActivityIndicator");
-var Icon_1 = require("../Icon");
-var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
-var form_1 = require("@codeleap/form");
-__exportStar(require("./styles"), exports);
-__exportStar(require("./types"), exports);
-var DefaultOption = function (props) {
-    var _a, _b, _c;
-    var isSelected = props.isSelected, optionsStyles = props.optionsStyles, label = props.label, selectedIcon = props.selectedIcon, _d = props.component, component = _d === void 0 ? null : _d, _e = props.itemProps, itemProps = _e === void 0 ? {} : _e, isFocused = props.isFocused, debugName = props.debugName;
-    var optionProps = (_a = props === null || props === void 0 ? void 0 : props.data) === null || _a === void 0 ? void 0 : _a.itemProps;
-    var styles = optionsStyles({ isSelected: isSelected, isFocused: isFocused, baseStyles: ((_c = (_b = optionProps === null || optionProps === void 0 ? void 0 : optionProps.style) !== null && _b !== void 0 ? _b : itemProps === null || itemProps === void 0 ? void 0 : itemProps.style) !== null && _c !== void 0 ? _c : {}) });
-    var _Component = null;
-    if (types_1.TypeGuards.isNil(component)) {
-        _Component = function () { return ((0, jsx_runtime_1.jsx)(Button_1.Button, __assign({ text: label, 
-            // @ts-ignore
-            rightIcon: isSelected && selectedIcon, debugName: debugName }, itemProps, optionProps, { style: styles }))); };
-    }
-    else {
-        _Component = component;
-    }
-    return ((0, jsx_runtime_1.jsx)(react_select_1.components.Option, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(_Component, __assign({}, props, { style: styles })) })));
-};
-var CustomMenu = function (props) {
-    var Footer = props.Footer, children = props.children;
-    return (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsxs)(react_select_1.components.Menu, __assign({}, props, { children: [children, !!Footer && (0, jsx_runtime_1.jsx)(Footer, {})] })) });
-};
-var CustomMenuList = function (props) {
-    var children = props.children, defaultStyles = props.defaultStyles;
-    return ((0, jsx_runtime_1.jsx)(react_select_1.components.MenuList, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(View_1.View, { style: defaultStyles.wrapper, children: children }) })));
-};
-var DefaultPlaceholder = function (props) {
-    var TextPlaceholder = props.text, defaultStyles = props.defaultStyles, _IconPlaceholder = props.icon, image = props.image, debugName = props.debugName;
-    var _Text = function () {
-        if (types_1.TypeGuards.isNil(TextPlaceholder))
-            return null;
-        if (types_1.TypeGuards.isString(TextPlaceholder)) {
-            return (0, jsx_runtime_1.jsx)(Text_1.Text, { debugName: debugName, text: TextPlaceholder, style: defaultStyles.text });
-        }
-        else if (react_1.default.isValidElement(TextPlaceholder)) {
-            return TextPlaceholder;
-        }
-        else if (types_1.TypeGuards.isFunction(TextPlaceholder)) {
-            return (0, jsx_runtime_1.jsx)(TextPlaceholder, __assign({}, props));
-        }
-    };
-    var imageContent = null;
-    if (react_1.default.isValidElement(image)) {
-        // @ts-ignore
-        imageContent = (0, jsx_runtime_1.jsx)("img", { src: image, css: defaultStyles.icon });
-    }
-    else if (types_1.TypeGuards.isString(_IconPlaceholder)) {
-        imageContent = (0, jsx_runtime_1.jsx)(Icon_1.Icon, { debugName: debugName, name: _IconPlaceholder, forceStyle: defaultStyles.icon });
-    }
-    else if (react_1.default.isValidElement(_IconPlaceholder)) {
-        // @ts-ignore
-        imageContent = (0, jsx_runtime_1.jsx)(View_1.View, { style: defaultStyles.icon, children: _IconPlaceholder });
-    }
-    else if (types_1.TypeGuards.isFunction(_IconPlaceholder)) {
-        imageContent = (0, jsx_runtime_1.jsx)(_IconPlaceholder, __assign({}, props));
-    }
-    return ((0, jsx_runtime_1.jsxs)(View_1.View, { style: defaultStyles.wrapper, children: [imageContent, (0, jsx_runtime_1.jsx)(_Text, {})] }));
-};
-var LoadingIndicator = function (props) {
-    var defaultStyles = props.defaultStyles, debugName = props.debugName;
-    return ((0, jsx_runtime_1.jsx)(View_1.View, { style: defaultStyles.wrapper, children: (0, jsx_runtime_1.jsx)(ActivityIndicator_1.ActivityIndicator, { debugName: debugName }) }));
-};
-var getMultiValue = function (values, separator, state) {
-    var value = '';
-    var hasMulti = (values === null || values === void 0 ? void 0 : values.length) > 1;
-    values.forEach(function (_a, i) {
-        var label = _a.label;
-        var isLast = (values === null || values === void 0 ? void 0 : values.length) - 1 === i;
-        var txt = (hasMulti && separator)
-            ? label + (isLast && !(state === null || state === void 0 ? void 0 : state.searchable) ? '' : separator)
-            : label;
-        value = value + txt;
-    });
-    return value;
-};
-var CustomMultiValue = function (props) {
-    var selectProps = props.selectProps, index = props.index, defaultStyles = props.defaultStyles, separator = props.separator;
-    var searchable = selectProps === null || selectProps === void 0 ? void 0 : selectProps.isSearchable;
-    if (index !== 0 || selectProps.inputValue.length > 0)
-        return null;
-    // @ts-ignore
-    var text = getMultiValue(selectProps === null || selectProps === void 0 ? void 0 : selectProps.value, separator, { searchable: searchable });
-    return (0, jsx_runtime_1.jsx)(Text_1.Text, { text: text, style: defaultStyles.text });
-};
-var defaultFormatPlaceholderNoItems = function (props) {
-    return props.text + "\"".concat(props.selectProps.inputValue, "\"");
-};
-exports.Select = (0, react_1.forwardRef)(function (props, inputRef) {
-    var _a, _b;
-    var _c = (0, InputBase_1.selectInputBaseProps)(__assign(__assign({}, exports.Select.defaultProps), props)), inputBaseProps = _c.inputBaseProps, selectProps = _c.others;
-    var validate = selectProps.validate, style = selectProps.style, debugName = selectProps.debugName, onValueChange = selectProps.onValueChange, options = selectProps.options, value = selectProps.value, loadOptions = selectProps.loadOptions, multiple = selectProps.multiple, _d = selectProps.limit, limit = _d === void 0 ? null : _d, loadInitialValue = selectProps.loadInitialValue, focused = selectProps.focused, _error = selectProps._error, _e = selectProps.renderItem, OptionComponent = _e === void 0 ? null : _e, _f = selectProps.FooterComponent, FooterComponent = _f === void 0 ? null : _f, PlaceholderComponent = selectProps.PlaceholderComponent, PlaceholderNoItemsComponent = selectProps.PlaceholderNoItemsComponent, LoadingIndicatorComponent = selectProps.LoadingIndicatorComponent, noItemsText = selectProps.noItemsText, noItemsIcon = selectProps.noItemsIcon, noItemsImage = selectProps.noItemsImage, placeholderText = selectProps.placeholderText, placeholderIcon = selectProps.placeholderIcon, placeholderImage = selectProps.placeholderImage, showDropdownIcon = selectProps.showDropdownIcon, placeholder = selectProps.placeholder, clearable = selectProps.clearable, formatPlaceholderNoItems = selectProps.formatPlaceholderNoItems, _g = selectProps.closeOnSelect, closeOnSelect = _g === void 0 ? !multiple : _g, selectedIcon = selectProps.selectedIcon, onLoadOptionsError = selectProps.onLoadOptionsError, _h = selectProps.loadOptionsOnMount, loadOptionsOnMount = _h === void 0 ? (options === null || options === void 0 ? void 0 : options.length) === 0 : _h, searchable = selectProps.searchable, separatorMultiValue = selectProps.separatorMultiValue, _j = selectProps.filterItems, filterItems = _j === void 0 ? null : _j, _k = selectProps.itemProps, itemProps = _k === void 0 ? {} : _k, loadingIndicatorSize = selectProps.loadingIndicatorSize, _selectedOption = selectProps.selectedOption, _setSelectedOption = selectProps.setSelectedOption, loadingMessage = selectProps.loadingMessage, _l = selectProps.selectRef, selectRef = _l === void 0 ? null : _l, otherProps = __rest(selectProps, ["validate", "style", "debugName", "onValueChange", "options", "value", "loadOptions", "multiple", "limit", "loadInitialValue", "focused", "_error", "renderItem", "FooterComponent", "PlaceholderComponent", "PlaceholderNoItemsComponent", "LoadingIndicatorComponent", "noItemsText", "noItemsIcon", "noItemsImage", "placeholderText", "placeholderIcon", "placeholderImage", "showDropdownIcon", "placeholder", "clearable", "formatPlaceholderNoItems", "closeOnSelect", "selectedIcon", "onLoadOptionsError", "loadOptionsOnMount", "searchable", "separatorMultiValue", "filterItems", "itemProps", "loadingIndicatorSize", "selectedOption", "setSelectedOption", "loadingMessage", "selectRef"]);
-    var _innerInputRef = (0, react_1.useRef)(null);
-    var innerInputRef = selectRef || _innerInputRef;
-    var innerWrapperRef = (0, react_1.useRef)(null);
-    var hasSelectedOptionState = !types_1.TypeGuards.isNil(_selectedOption) && types_1.TypeGuards.isFunction(_setSelectedOption);
-    var initialValue = (loadInitialValue && !types_1.TypeGuards.isNil(options))
-        ? options === null || options === void 0 ? void 0 : options.find(function (option) { return (option === null || option === void 0 ? void 0 : option.value) === value; })
-        : value;
-    var _m = hasSelectedOptionState ? [_selectedOption, _setSelectedOption] : (0, hooks_1.useState)(initialValue !== null && initialValue !== void 0 ? initialValue : value), selectedOption = _m[0], setSelectedOption = _m[1];
-    (0, hooks_1.useEffect)(function () {
-        if (loadInitialValue && !selectedOption && !!initialValue) {
-            setSelectedOption(initialValue);
-        }
-    }, [!!initialValue]);
-    var _o = (0, hooks_1.useState)(false), _isFocused = _o[0], setIsFocused = _o[1];
-    var _p = (0, hooks_1.useState)(false), loadedOptions = _p[0], setLoadedOptions = _p[1];
-    var _q = (0, hooks_1.useState)(false), keyDownActive = _q[0], setKeyDownActive = _q[1];
-    var isFocused = _isFocused || focused;
-    var validation = (0, form_1.useValidate)(value, validate);
-    var isDisabled = !!inputBaseProps.disabled;
-    var hasError = (validation === null || validation === void 0 ? void 0 : validation.showError) || _error;
-    var errorMessage = (validation === null || validation === void 0 ? void 0 : validation.message) || _error;
-    var _r = (0, styles_1.useSelectStyles)(__assign(__assign({}, props), { styleRegistryName: exports.Select.styleRegistryName }), {
-        error: !!hasError,
-        focused: isFocused,
-        disabled: isDisabled,
-        parentWidth: (_a = innerWrapperRef === null || innerWrapperRef === void 0 ? void 0 : innerWrapperRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth,
-    }), reactSelectStyles = _r.reactSelectStyles, styles = _r.styles, optionsStyles = _r.optionsStyles, placeholderStyles = _r.placeholderStyles, loadingStyles = _r.loadingStyles, inputMultiValueStyles = _r.inputMultiValueStyles, menuWrapperStyles = _r.menuWrapperStyles;
-    (0, react_1.useImperativeHandle)(inputRef, function () {
-        return __assign(__assign({}, innerInputRef.current), { focus: function () {
-                var _a, _b;
-                (_b = (_a = innerInputRef.current) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
-            } });
-    }, [!!((_b = innerInputRef === null || innerInputRef === void 0 ? void 0 : innerInputRef.current) === null || _b === void 0 ? void 0 : _b.focus)]);
-    var onLoadOptions = function (inputValue, cb) { return __awaiter(void 0, void 0, void 0, function () {
-        var _options, _initialValue, err_1;
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    if (!!!loadOptions) return [3 /*break*/, 5];
-                    _b.label = 1;
-                case 1:
-                    _b.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, loadOptions(inputValue).then(function (options) {
-                            cb(options);
-                            return options;
-                        })];
-                case 2:
-                    _options = _b.sent();
-                    if (loadInitialValue && !types_1.TypeGuards.isNil(_options) && !loadedOptions) {
-                        _initialValue = (_a = _options === null || _options === void 0 ? void 0 : _options.find) === null || _a === void 0 ? void 0 : _a.call(_options, function (option) { return (option === null || option === void 0 ? void 0 : option.value) === value; });
-                        if (!!_initialValue)
-                            setSelectedOption(_initialValue);
-                    }
-                    setLoadedOptions(true);
-                    return [2 /*return*/, _options];
-                case 3:
-                    err_1 = _b.sent();
-                    onLoadOptionsError === null || onLoadOptionsError === void 0 ? void 0 : onLoadOptionsError(err_1);
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
-                case 5: return [2 /*return*/];
-            }
-        });
-    }); };
-    var handleChange = function (opt) {
-        if (types_1.TypeGuards.isArray(opt)) {
-            // @ts-ignore
-            if (types_1.TypeGuards.isNumber(limit) && (opt === null || opt === void 0 ? void 0 : opt.length) > limit && (opt === null || opt === void 0 ? void 0 : opt.length) > (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.length)) {
-                return;
-            }
-            // @ts-ignore
-            setSelectedOption(opt);
-            // @ts-ignore
-            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(opt === null || opt === void 0 ? void 0 : opt.map(function (o) { return o === null || o === void 0 ? void 0 : o.value; }));
-        }
-        else {
-            // @ts-ignore
-            setSelectedOption(opt);
-            // @ts-ignore
-            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(opt === null || opt === void 0 ? void 0 : opt.value);
-        }
-    };
-    var handleBlur = react_1.default.useCallback(function (e) {
-        var _a;
-        validation === null || validation === void 0 ? void 0 : validation.onInputBlurred();
-        setIsFocused(false);
-        (_a = props === null || props === void 0 ? void 0 : props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
-    }, [validation === null || validation === void 0 ? void 0 : validation.onInputBlurred, props === null || props === void 0 ? void 0 : props.onBlur]);
-    var handleFocus = react_1.default.useCallback(function (e) {
-        var _a;
-        setIsFocused(true);
-        (_a = props === null || props === void 0 ? void 0 : props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
-    }, [props === null || props === void 0 ? void 0 : props.onFocus]);
-    var SelectComponent = !!loadOptions ? async_1.default : react_select_1.default;
-    var componentProps = {
-        focused: isFocused,
-        error: !!hasError,
-        disabled: isDisabled,
-        styles: styles,
-        debugName: debugName,
-    };
-    var _Placeholder = function (props) {
-        var hasInputValue = !!props.selectProps.inputValue;
-        var styles = placeholderStyles[hasInputValue ? 'noItems' : 'empty'];
-        var icon = hasInputValue ? noItemsIcon : placeholderIcon;
-        var image = hasInputValue ? noItemsImage : placeholderImage;
-        var placeholderProps = __assign(__assign(__assign({}, props), componentProps), { icon: icon, image: image, defaultStyles: styles });
-        if (!hasInputValue) {
-            return (0, jsx_runtime_1.jsx)(PlaceholderComponent, __assign({}, placeholderProps, { text: placeholderText }));
-        }
-        else {
-            var _Text = types_1.TypeGuards.isString(noItemsText) ? formatPlaceholderNoItems(__assign(__assign({}, placeholderProps), { text: noItemsText })) : noItemsText;
-            return (0, jsx_runtime_1.jsx)(PlaceholderNoItemsComponent, __assign({}, placeholderProps, { text: _Text }));
-        }
-    };
-    var _props = __assign({}, (!filterItems ? {} : { filterOption: filterItems }));
-    (0, hooks_1.onUpdate)(function () {
-        if (!_isFocused) {
-            setKeyDownActive(false);
-        }
-    }, [_isFocused]);
-    var handleKeyDown = function () {
-        setKeyDownActive(true);
-    };
-    var MenuComponent = react_1.default.useCallback(function (props) {
-        return (0, jsx_runtime_1.jsx)(CustomMenu, __assign({}, props, { Footer: FooterComponent }));
-    }, [FooterComponent]);
-    var MenuListComponent = react_1.default.useCallback(function (props) {
-        return (0, jsx_runtime_1.jsx)(CustomMenuList, __assign({}, props, { defaultStyles: menuWrapperStyles }));
-    }, []);
-    return ((0, jsx_runtime_1.jsx)(InputBase_1.InputBase, __assign({}, inputBaseProps, { debugName: debugName, error: hasError ? errorMessage : null, focused: isFocused, style: __assign(__assign({}, styles), { innerWrapper: __assign(__assign({}, styles.innerWrapper), (searchable ? styles['innerWrapper:searchable'] : {})) }), innerWrapperProps: __assign(__assign({}, (inputBaseProps.innerWrapperProps || {})), { onClick: function () {
-                var _a, _b;
-                (_b = (_a = innerInputRef.current) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
-            } }), innerWrapperRef: innerWrapperRef, children: (0, jsx_runtime_1.jsx)(SelectComponent, __assign({ openMenuOnFocus: true, hideSelectedOptions: false, tabSelectsValue: false, tabIndex: 0, backspaceRemovesValue: true, menuPortalTarget: typeof document === 'undefined' ? undefined : document.body }, otherProps, _props, { onKeyDown: isFocused ? handleKeyDown : null, onBlur: handleBlur, onFocus: handleFocus, onChange: handleChange, styles: reactSelectStyles, value: selectedOption, isMulti: multiple, options: options, loadOptions: onLoadOptions, defaultOptions: loadOptionsOnMount, ref: innerInputRef, closeMenuOnSelect: closeOnSelect, placeholder: (loadOptionsOnMount && !loadedOptions) ? loadingMessage : placeholder, isDisabled: isDisabled, isClearable: clearable, isSearchable: searchable, components: __assign(__assign({ LoadingIndicator: function () { return null; } }, otherProps.components), { MultiValueRemove: function () { return null; }, LoadingMessage: function (props) { return ((0, jsx_runtime_1.jsx)(LoadingIndicatorComponent, __assign({}, props, { defaultStyles: loadingStyles, size: loadingIndicatorSize, debugName: debugName }))); }, DropdownIndicator: function (props) { return showDropdownIcon ? (0, jsx_runtime_1.jsx)(react_select_1.components.DropdownIndicator, __assign({}, props)) : null; }, NoOptionsMessage: function (props) { return (0, jsx_runtime_1.jsx)(_Placeholder, __assign({}, props)); }, Menu: MenuComponent, MenuList: MenuListComponent, Option: function (props) { return ((0, jsx_runtime_1.jsx)(DefaultOption, __assign({}, props, componentProps, { itemProps: itemProps, selectedIcon: selectedIcon, optionsStyles: optionsStyles, component: OptionComponent, isFocused: (props === null || props === void 0 ? void 0 : props.isFocused) && keyDownActive }))); }, MultiValue: function (props) { return ((0, jsx_runtime_1.jsx)(CustomMultiValue, __assign({}, props, { separator: separatorMultiValue, defaultStyles: inputMultiValueStyles }))); } }) })) })));
-});
-exports.Select.styleRegistryName = 'Select';
-exports.Select.elements = __spreadArray(__spreadArray([], InputBase_1.InputBase.elements, true), [
-    'item',
-    'listPortal',
-    'listHeader',
-    'listWrapper',
-    'list',
-    'inputContainer',
-    'input',
-    'placeholder',
-    'value',
-    'valueMultiple',
-    'valueWrapper',
-    'clearIcon',
-    'dropdownIcon',
-], false);
-exports.Select.rootElement = 'wrapper';
-exports.Select.withVariantTypes = function (styles) {
-    return exports.Select;
-};
-exports.Select.defaultProps = {
-    PlaceholderComponent: DefaultPlaceholder,
-    PlaceholderNoItemsComponent: DefaultPlaceholder,
-    LoadingIndicatorComponent: LoadingIndicator,
-    noItemsText: 'No results for ',
-    placeholderText: 'Search items',
-    placeholderIcon: 'search',
-    showDropdownIcon: true,
-    placeholder: 'Select',
-    clearable: false,
-    formatPlaceholderNoItems: defaultFormatPlaceholderNoItems,
-    selectedIcon: 'check',
-    searchable: false,
-    separatorMultiValue: ', ',
-    itemProps: {},
-    loadingIndicatorSize: 20,
-    options: [],
-    loadInitialValue: false,
-    loadingMessage: 'loading...',
-};
-WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.Select);
-//# sourceMappingURL=index.js.map