@codeleap/web 2.0.0 → 2.3.12

package/dist/components/Select/Custom.js

@@ -1,104 +1,104 @@
-"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 __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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomSelect = exports.InputWrapper = exports.SelectItem = void 0;
-var react_1 = require("@emotion/react");
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var common_1 = require("@codeleap/common");
-var react_2 = require("react");
-var TextInput_1 = require("../TextInput");
-var Icon_1 = require("../Icon");
-var Touchable_1 = require("../Touchable");
-var View_1 = require("../View");
-var Text_1 = require("../Text");
-var hooks_1 = require("../../lib/hooks");
-var SelectItem = function (_a) {
-    var styles = _a.styles, iconName = _a.iconName, onPress = _a.onPress, label = _a.label, icon = _a.icon, inList = _a.inList;
-    var showIcon = (!inList || !!icon);
-    return ((0, jsx_runtime_1.jsxs)(Touchable_1.Touchable, __assign({ onPress: onPress, css: inList ? [styles.itemWrapper] : [styles.buttonWrapper] }, { children: [typeof label === 'string' ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { text: label, css: inList ? styles.itemText : styles.buttonText })) : (label), showIcon && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon || iconName, style: styles.buttonIcon }))] })));
-};
-exports.SelectItem = SelectItem;
-exports.InputWrapper = (0, react_2.forwardRef)(function (props, ref) {
-    var styles = props.styles, label = props.label, children = props.children, currentContent = props.currentContent, open = props.open, error = props.error, wrapperProps = __rest(props, ["styles", "label", "children", "currentContent", "open", "error"]);
-    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: styles.wrapper, ref: ref }, wrapperProps, { children: [(0, jsx_runtime_1.jsx)(TextInput_1.InputLabel, { label: label, style: styles.label }), (0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: styles.inputWrapper }, { children: [currentContent, (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: styles.list }, { children: children }))] })), (0, jsx_runtime_1.jsx)(TextInput_1.FormError, { message: error.message, style: styles.error })] })));
-});
-var CustomSelect = function (selectProps) {
-    var _a = selectProps.options, options = _a === void 0 ? [] : _a, value = selectProps.value, onValueChange = selectProps.onValueChange, renderCurrentlySelected = selectProps.renderCurrentlySelected, renderItem = selectProps.renderItem, placeholder = selectProps.placeholder, onDropdownToggle = selectProps.onDropdownToggle, variants = selectProps.variants, responsiveVariants = selectProps.responsiveVariants, styles = selectProps.styles, validate = selectProps.validate, disabled = selectProps.disabled, arrowIconName = selectProps.arrowIconName, _b = selectProps.autoClose, autoClose = _b === void 0 ? true : _b, props = __rest(selectProps, ["options", "value", "onValueChange", "renderCurrentlySelected", "renderItem", "placeholder", "onDropdownToggle", "variants", "responsiveVariants", "styles", "validate", "disabled", "arrowIconName", "autoClose"]);
-    var _c = (0, common_1.useBooleanToggle)(false), isOpen = _c[0], setOpen = _c[1];
-    var _d = (0, common_1.useBooleanToggle)(false), isHovering = _d[0], setHovering = _d[1];
-    var optionLabelMap = (0, react_2.useMemo)(function () {
-        return Object.fromEntries(options.map(function (_a) {
-            var label = _a.label, value = _a.value;
-            return [value, label];
-        }));
-    }, [options]);
-    var inputId = (0, hooks_1.useClickOutside)(function () {
-        if (isOpen) {
-            setOpen(false);
-        }
-    }, {
-        deps: [isOpen, setOpen],
-    });
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('Select', {
-        styles: styles,
-        variants: variants,
-        responsiveVariants: responsiveVariants,
-    });
-    var CurrentContent = renderCurrentlySelected || exports.SelectItem;
-    var Item = renderItem || exports.SelectItem;
-    var isValueEmpty = value === null || typeof value === 'undefined';
-    var currentOption = isValueEmpty
-        ? { label: placeholder, value: value }
-        : { label: optionLabelMap[value], value: value };
-    (0, common_1.onUpdate)(function () {
-        onDropdownToggle === null || onDropdownToggle === void 0 ? void 0 : onDropdownToggle(isOpen);
-    }, [isOpen]);
-    var _e = (0, common_1.useValidate)(value, validate), showError = _e.showError, error = _e.error;
-    function getStyles(key, append) {
-        if (append === void 0) { append = {}; }
-        return __assign(__assign(__assign(__assign(__assign(__assign({}, variantStyles[key]), (0, common_1.optionalObject)(isOpen, variantStyles["".concat(key, ":open")], {})), (0, common_1.optionalObject)(isHovering, variantStyles["".concat(key, ":hover")], {})), (0, common_1.optionalObject)(showError, variantStyles["".concat(key, ":error")], {})), (0, common_1.optionalObject)(disabled, variantStyles["".concat(key, ":disabled")], {})), append);
-    }
-    return ((0, jsx_runtime_1.jsx)(exports.InputWrapper, __assign({ currentContent: (0, jsx_runtime_1.jsx)(CurrentContent, __assign({}, currentOption, { onPress: function () { return setOpen(); }, styles: {
-                buttonIcon: getStyles('buttonIcon'),
-                buttonText: getStyles('buttonText'),
-                buttonWrapper: getStyles('buttonWrapper'),
-            }, open: isOpen, iconName: arrowIconName || 'selectArrow' })), error: error, styles: {
-            wrapper: getStyles('wrapper'),
-            label: getStyles('label'),
-            inputWrapper: getStyles('inputWrapper'),
-            list: getStyles('list'),
-            error: getStyles('error'),
-        }, id: inputId, onHover: setHovering }, props, { children: options.map(function (item) { return ((0, react_1.createElement)(Item, __assign({}, item, { inList: true, onPress: function () {
-                if (autoClose) {
-                    setOpen(false);
-                }
-                onValueChange(item.value);
-            }, selected: item.value === value, key: item.value, styles: {
-                itemText: getStyles('itemText', __assign({}, (0, common_1.optionalObject)(item.value === value, variantStyles['itemText:selected'], {}))),
-                itemWrapper: getStyles('itemWrapper', __assign({}, (0, common_1.optionalObject)(item.value === value, variantStyles['itemWrapper:selected'], {}))),
-                buttonIcon: getStyles('buttonIcon', __assign({}, (0, common_1.optionalObject)(item.value === value, variantStyles['buttonIcon:selected'], {}))),
-            } }))); }) })));
-};
-exports.CustomSelect = CustomSelect;
+"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 __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomSelect = exports.InputWrapper = exports.SelectItem = void 0;
+var react_1 = require("@emotion/react");
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var common_1 = require("@codeleap/common");
+var react_2 = require("react");
+var TextInput_1 = require("../TextInput");
+var Icon_1 = require("../Icon");
+var Touchable_1 = require("../Touchable");
+var View_1 = require("../View");
+var Text_1 = require("../Text");
+var hooks_1 = require("../../lib/hooks");
+var SelectItem = function (_a) {
+    var styles = _a.styles, iconName = _a.iconName, onPress = _a.onPress, label = _a.label, icon = _a.icon, inList = _a.inList;
+    var showIcon = (!inList || !!icon);
+    return ((0, jsx_runtime_1.jsxs)(Touchable_1.Touchable, __assign({ onPress: onPress, css: inList ? [styles.itemWrapper] : [styles.buttonWrapper] }, { children: [typeof label === 'string' ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { text: label, css: inList ? styles.itemText : styles.buttonText })) : (label), showIcon && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon || iconName, style: styles.buttonIcon }))] })));
+};
+exports.SelectItem = SelectItem;
+exports.InputWrapper = (0, react_2.forwardRef)(function (props, ref) {
+    var styles = props.styles, label = props.label, children = props.children, currentContent = props.currentContent, open = props.open, error = props.error, wrapperProps = __rest(props, ["styles", "label", "children", "currentContent", "open", "error"]);
+    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: styles.wrapper, ref: ref }, wrapperProps, { children: [(0, jsx_runtime_1.jsx)(TextInput_1.InputLabel, { label: label, style: styles.label }), (0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: styles.inputWrapper }, { children: [currentContent, (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: styles.list }, { children: children }))] })), (0, jsx_runtime_1.jsx)(TextInput_1.FormError, { message: error.message, style: styles.error })] })));
+});
+var CustomSelect = function (selectProps) {
+    var _a = selectProps.options, options = _a === void 0 ? [] : _a, value = selectProps.value, onValueChange = selectProps.onValueChange, renderCurrentlySelected = selectProps.renderCurrentlySelected, renderItem = selectProps.renderItem, placeholder = selectProps.placeholder, onDropdownToggle = selectProps.onDropdownToggle, variants = selectProps.variants, responsiveVariants = selectProps.responsiveVariants, styles = selectProps.styles, validate = selectProps.validate, disabled = selectProps.disabled, arrowIconName = selectProps.arrowIconName, _b = selectProps.autoClose, autoClose = _b === void 0 ? true : _b, props = __rest(selectProps, ["options", "value", "onValueChange", "renderCurrentlySelected", "renderItem", "placeholder", "onDropdownToggle", "variants", "responsiveVariants", "styles", "validate", "disabled", "arrowIconName", "autoClose"]);
+    var _c = (0, common_1.useBooleanToggle)(false), isOpen = _c[0], setOpen = _c[1];
+    var _d = (0, common_1.useBooleanToggle)(false), isHovering = _d[0], setHovering = _d[1];
+    var optionLabelMap = (0, react_2.useMemo)(function () {
+        return Object.fromEntries(options.map(function (_a) {
+            var label = _a.label, value = _a.value;
+            return [value, label];
+        }));
+    }, [options]);
+    var wrapperRef = (0, hooks_1.useClickOutside)(function () {
+        if (isOpen) {
+            setOpen(false);
+        }
+    });
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('Select', {
+        styles: styles,
+        variants: variants,
+        responsiveVariants: responsiveVariants,
+    });
+    var CurrentContent = renderCurrentlySelected || exports.SelectItem;
+    var Item = renderItem || exports.SelectItem;
+    var isValueEmpty = value === null || typeof value === 'undefined';
+    var currentOption = isValueEmpty
+        ? { label: placeholder, value: value }
+        : { label: optionLabelMap[value], value: value };
+    (0, common_1.onUpdate)(function () {
+        onDropdownToggle === null || onDropdownToggle === void 0 ? void 0 : onDropdownToggle(isOpen);
+    }, [isOpen]);
+    var _e = (0, common_1.useValidate)(value, validate), showError = _e.showError, error = _e.error;
+    function getStyles(key, append) {
+        if (append === void 0) { append = {}; }
+        return __assign(__assign(__assign(__assign(__assign(__assign({}, variantStyles[key]), (0, common_1.optionalObject)(isOpen, variantStyles["".concat(key, ":open")], {})), (0, common_1.optionalObject)(isHovering, variantStyles["".concat(key, ":hover")], {})), (0, common_1.optionalObject)(showError, variantStyles["".concat(key, ":error")], {})), (0, common_1.optionalObject)(disabled, variantStyles["".concat(key, ":disabled")], {})), append);
+    }
+    return ((0, jsx_runtime_1.jsx)(exports.InputWrapper, __assign({ currentContent: (0, jsx_runtime_1.jsx)(CurrentContent, __assign({}, currentOption, { onPress: function () { return setOpen(); }, styles: {
+                buttonIcon: getStyles('buttonIcon'),
+                buttonText: getStyles('buttonText'),
+                buttonWrapper: getStyles('buttonWrapper'),
+            }, open: isOpen, iconName: arrowIconName || 'selectArrow' })), error: error, styles: {
+            wrapper: getStyles('wrapper'),
+            label: getStyles('label'),
+            inputWrapper: getStyles('inputWrapper'),
+            list: getStyles('list'),
+            error: getStyles('error'),
+        }, 
+        // id={inputId}
+        ref: wrapperRef, onHover: setHovering }, props, { children: options.map(function (item) { return ((0, react_1.createElement)(Item, __assign({}, item, { inList: true, onPress: function () {
+                if (autoClose) {
+                    setOpen(false);
+                }
+                onValueChange(item.value);
+            }, selected: item.value === value, key: item.value, styles: {
+                itemText: getStyles('itemText', __assign({}, (0, common_1.optionalObject)(item.value === value, variantStyles['itemText:selected'], {}))),
+                itemWrapper: getStyles('itemWrapper', __assign({}, (0, common_1.optionalObject)(item.value === value, variantStyles['itemWrapper:selected'], {}))),
+                buttonIcon: getStyles('buttonIcon', __assign({}, (0, common_1.optionalObject)(item.value === value, variantStyles['buttonIcon:selected'], {}))),
+            } }))); }) })));
+};
+exports.CustomSelect = CustomSelect;
 //# sourceMappingURL=Custom.js.map

package/dist/components/Select/Custom.js.map

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

package/dist/components/Select/Multi.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { MultiSelectProps } from './types';
+export declare const MultiSelect: React.FC<MultiSelectProps<any>>;

package/dist/components/Select/Multi.js

@@ -0,0 +1,105 @@
+"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 __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));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiSelect = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var common_1 = require("@codeleap/common");
+var react_1 = require("react");
+var hooks_1 = require("../../lib/hooks");
+var Custom_1 = require("./Custom");
+var MultiSelect = function (selectProps) {
+    var _a = selectProps.options, options = _a === void 0 ? [] : _a, value = selectProps.value, onValueChange = selectProps.onValueChange, renderCurrentlySelected = selectProps.renderCurrentlySelected, renderItem = selectProps.renderItem, placeholder = selectProps.placeholder, onDropdownToggle = selectProps.onDropdownToggle, variants = selectProps.variants, responsiveVariants = selectProps.responsiveVariants, styles = selectProps.styles, validate = selectProps.validate, disabled = selectProps.disabled, arrowIconName = selectProps.arrowIconName, props = __rest(selectProps, ["options", "value", "onValueChange", "renderCurrentlySelected", "renderItem", "placeholder", "onDropdownToggle", "variants", "responsiveVariants", "styles", "validate", "disabled", "arrowIconName"]);
+    var _b = (0, common_1.useBooleanToggle)(false), isOpen = _b[0], setOpen = _b[1];
+    var _c = (0, common_1.useBooleanToggle)(false), isHovering = _c[0], setHovering = _c[1];
+    var optionLabelMap = (0, react_1.useMemo)(function () {
+        return Object.fromEntries(options.map(function (_a) {
+            var label = _a.label, value = _a.value;
+            return [value, label];
+        }));
+    }, [options]);
+    var wrapperRef = (0, hooks_1.useClickOutside)(function () {
+        if (isOpen) {
+            setOpen(false);
+        }
+    });
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('Select', {
+        styles: styles,
+        variants: variants,
+        responsiveVariants: responsiveVariants,
+    });
+    var CurrentContent = renderCurrentlySelected || Custom_1.SelectItem;
+    var Item = renderItem || Custom_1.SelectItem;
+    var isValueEmpty = value === null || typeof value === 'undefined' || (common_1.TypeGuards.isArray(value) && !value.length);
+    var currentOption = isValueEmpty
+        ? { label: placeholder, value: null }
+        : { label: value.map(function (o) { return optionLabelMap[o]; }).join(','), value: null };
+    (0, common_1.onUpdate)(function () {
+        onDropdownToggle === null || onDropdownToggle === void 0 ? void 0 : onDropdownToggle(isOpen);
+    }, [isOpen]);
+    var _d = (0, common_1.useValidate)(value, validate), showError = _d.showError, error = _d.error;
+    function getStyles(key, append) {
+        if (append === void 0) { append = {}; }
+        return __assign(__assign(__assign(__assign(__assign(__assign({}, variantStyles[key]), (0, common_1.optionalObject)(isOpen, variantStyles["".concat(key, ":open")], {})), (0, common_1.optionalObject)(isHovering, variantStyles["".concat(key, ":hover")], {})), (0, common_1.optionalObject)(showError, variantStyles["".concat(key, ":error")], {})), (0, common_1.optionalObject)(disabled, variantStyles["".concat(key, ":disabled")], {})), append);
+    }
+    return ((0, jsx_runtime_1.jsx)(Custom_1.InputWrapper, __assign({ currentContent: (0, jsx_runtime_1.jsx)(CurrentContent, __assign({}, currentOption, { onPress: function () { return setOpen(); }, styles: {
+                buttonIcon: getStyles('buttonIcon'),
+                buttonText: getStyles('buttonText'),
+                buttonWrapper: getStyles('buttonWrapper'),
+            }, open: isOpen, iconName: arrowIconName || 'selectArrow' })), error: error, styles: {
+            wrapper: getStyles('wrapper'),
+            label: getStyles('label'),
+            inputWrapper: getStyles('inputWrapper'),
+            list: getStyles('list'),
+            error: getStyles('error'),
+        }, 
+        // id={inputId}
+        ref: wrapperRef, onHover: setHovering }, props, { children: options.map(function (item) {
+            var isSelected = value.includes(item.value);
+            return ((0, jsx_runtime_1.jsx)(Item, { value: item.value, label: item.label, inList: true, onPress: function () {
+                    var newArr = __spreadArray([], value, true);
+                    if (value.includes(item.value)) {
+                        newArr = newArr.filter(function (x) { return x !== item.value; });
+                    }
+                    else {
+                        newArr.push(item.value);
+                    }
+                    onValueChange(newArr);
+                }, selected: isSelected, styles: {
+                    itemText: getStyles('itemText', __assign({}, (0, common_1.optionalObject)(isSelected, variantStyles['itemText:selected'], {}))),
+                    itemWrapper: getStyles('itemWrapper', __assign({}, (0, common_1.optionalObject)(isSelected, variantStyles['itemWrapper:selected'], {}))),
+                    buttonIcon: getStyles('buttonIcon', __assign({}, (0, common_1.optionalObject)(isSelected, variantStyles['buttonIcon:selected'], {}))),
+                } }, item.value));
+        }) })));
+};
+exports.MultiSelect = MultiSelect;
+//# sourceMappingURL=Multi.js.map

package/dist/components/Select/Multi.js.map

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

package/dist/components/Select/Native.d.ts

@@ -1,17 +1,17 @@
-import { SelectStyles, ComponentVariants, StylesOf, SelectComposition } from '@codeleap/common';
-import { ComponentPropsWithRef, ReactNode } from 'react';
-import { ViewProps } from '../View';
-declare type HTMLSelectProps = ComponentPropsWithRef<'select'>;
-declare type Option = {
-    label: string;
-    value: string | number;
-};
-export declare type NativeSelectProps = HTMLSelectProps & {
-    options: Array<Option>;
-    styles?: StylesOf<SelectComposition>;
-    label?: string | ReactNode;
-    wrapperProps?: ViewProps<'div'>;
-    onValueChange?: (value: string | number) => void;
-} & ComponentVariants<typeof SelectStyles>;
-export declare const NativeSelect: (selectProps: NativeSelectProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
+import { SelectStyles, ComponentVariants, StylesOf, SelectComposition } from '@codeleap/common';
+import { ComponentPropsWithRef, ReactNode } from 'react';
+import { ViewProps } from '../View';
+declare type HTMLSelectProps = ComponentPropsWithRef<'select'>;
+declare type Option = {
+    label: string;
+    value: string | number;
+};
+export declare type NativeSelectProps = HTMLSelectProps & {
+    options: Array<Option>;
+    styles?: StylesOf<SelectComposition>;
+    label?: string | ReactNode;
+    wrapperProps?: ViewProps<'div'>;
+    onValueChange?: (value: string | number) => void;
+} & ComponentVariants<typeof SelectStyles>;
+export declare const NativeSelect: (selectProps: NativeSelectProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Select/Native.js

@@ -1,44 +1,44 @@
-"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 __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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NativeSelect = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var common_1 = require("@codeleap/common");
-var View_1 = require("../View");
-var Text_1 = require("../Text");
-var NativeSelect = function (selectProps) {
-    var _a = selectProps.variants, variants = _a === void 0 ? [] : _a, _b = selectProps.responsiveVariants, responsiveVariants = _b === void 0 ? {} : _b, options = selectProps.options, styles = selectProps.styles, label = selectProps.label, onValueChange = selectProps.onValueChange, wrapperProps = selectProps.wrapperProps, value = selectProps.value, props = __rest(selectProps, ["variants", "responsiveVariants", "options", "styles", "label", "onValueChange", "wrapperProps", "value"]);
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('Select', {
-        responsiveVariants: responsiveVariants,
-        variants: variants,
-        styles: styles,
-    });
-    function handleChange(e) {
-        props.onChange && props.onChange(e);
-        onValueChange && onValueChange(e.target.value);
-    }
-    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: variantStyles.wrapper }, wrapperProps, { children: [label ? (typeof label === 'string' ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { css: variantStyles.label, text: label })) : (label)) : null, (0, jsx_runtime_1.jsx)(View_1.View, __assign({ component: 'select', css: variantStyles.select }, props, { onChange: handleChange }, { children: options.map(function (option, index) { return ((0, jsx_runtime_1.jsx)("option", __assign({ value: option.value, selected: value == option.value }, { children: option.label }), index)); }) }))] })));
-};
-exports.NativeSelect = NativeSelect;
+"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 __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NativeSelect = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var common_1 = require("@codeleap/common");
+var View_1 = require("../View");
+var Text_1 = require("../Text");
+var NativeSelect = function (selectProps) {
+    var _a = selectProps.variants, variants = _a === void 0 ? [] : _a, _b = selectProps.responsiveVariants, responsiveVariants = _b === void 0 ? {} : _b, options = selectProps.options, styles = selectProps.styles, label = selectProps.label, onValueChange = selectProps.onValueChange, wrapperProps = selectProps.wrapperProps, value = selectProps.value, props = __rest(selectProps, ["variants", "responsiveVariants", "options", "styles", "label", "onValueChange", "wrapperProps", "value"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('Select', {
+        responsiveVariants: responsiveVariants,
+        variants: variants,
+        styles: styles,
+    });
+    function handleChange(e) {
+        props.onChange && props.onChange(e);
+        onValueChange && onValueChange(e.target.value);
+    }
+    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: variantStyles.wrapper }, wrapperProps, { children: [label ? (typeof label === 'string' ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { css: variantStyles.label, text: label })) : (label)) : null, (0, jsx_runtime_1.jsx)(View_1.View, __assign({ component: 'select', css: variantStyles.select }, props, { onChange: handleChange }, { children: options.map(function (option, index) { return ((0, jsx_runtime_1.jsx)("option", __assign({ value: option.value, selected: value == option.value }, { children: option.label }), index)); }) }))] })));
+};
+exports.NativeSelect = NativeSelect;
 //# sourceMappingURL=Native.js.map

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

@@ -1,11 +1,12 @@
-import { NativeSelectProps } from './Native';
-import { CustomSelectProps } from './types';
-export declare type SelectProps<T extends string | number = string> = ({
-    type?: 'native';
-} & NativeSelectProps) | ({
-    type?: never;
-} & CustomSelectProps<T>);
-export * from './types';
-export * from './styles';
-export * from './Custom';
-export declare const Select: <T extends string | number = string>(props: SelectProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+import { NativeSelectProps } from './Native';
+import { CustomSelectProps } from './types';
+export declare type SelectProps<T extends string | number = string> = ({
+    type?: 'native';
+} & NativeSelectProps) | ({
+    type?: never;
+} & CustomSelectProps<T>);
+export * from './types';
+export * from './styles';
+export * from './Custom';
+export * from './Multi';
+export declare const Select: <T extends string | number = string>(props: SelectProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Select/index.js

@@ -1,42 +1,44 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Select = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var Custom_1 = require("./Custom");
-var Native_1 = require("./Native");
-__exportStar(require("./types"), exports);
-__exportStar(require("./styles"), exports);
-__exportStar(require("./Custom"), exports);
-var Select = function (props) {
-    if (props.type === 'native') {
-        return (0, jsx_runtime_1.jsx)(Native_1.NativeSelect, __assign({}, props));
-    }
-    return (0, jsx_runtime_1.jsx)(Custom_1.CustomSelect, __assign({}, props));
-};
-exports.Select = Select;
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Select = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var Custom_1 = require("./Custom");
+var Native_1 = require("./Native");
+__exportStar(require("./types"), exports);
+__exportStar(require("./styles"), exports);
+__exportStar(require("./Custom"), exports);
+__exportStar(require("./Multi"), exports);
+var Select = function (props) {
+    if (props.type === 'native') {
+        return (0, jsx_runtime_1.jsx)(Native_1.NativeSelect, __assign({}, props));
+    }
+    // @ts-ignore
+    return (0, jsx_runtime_1.jsx)(Custom_1.CustomSelect, __assign({}, props));
+};
+exports.Select = Select;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAuC;AACvC,mCAA0D;AAW1D,0CAAuB;AACvB,2CAAwB;AACxB,2CAAwB;AAEjB,IAAM,MAAM,GAAG,UACpB,KAAqB;IAErB,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE;QAC3B,OAAO,uBAAC,qBAAY,eAAK,KAAK,EAAI,CAAA;KACnC;IAED,OAAO,uBAAC,qBAAY,eAAK,KAAK,EAAI,CAAA;AACpC,CAAC,CAAA;AARY,QAAA,MAAM,UAQlB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAuC;AACvC,mCAA0D;AAW1D,0CAAuB;AACvB,2CAAwB;AACxB,2CAAwB;AACxB,0CAAuB;AAEhB,IAAM,MAAM,GAAG,UACpB,KAAqB;IAErB,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE;QAC3B,OAAO,uBAAC,qBAAY,eAAK,KAAK,EAAI,CAAA;KACnC;IACD,aAAa;IACb,OAAO,uBAAC,qBAAY,eAAK,KAAK,EAAI,CAAA;AACpC,CAAC,CAAA;AARY,QAAA,MAAM,UAQlB"}

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

@@ -1,5 +1,5 @@
-export declare type WebSelectParts = 'wrapper' | 'label' | 'inputWrapper' | 'list' | 'itemWrapper' | 'itemWrapper:selected' | 'itemText' | 'itemText:selected' | 'buttonWrapper' | 'buttonText' | 'buttonIcon' | 'error';
-export declare type WebSelectComposition = `${WebSelectParts}:hover` | `${WebSelectParts}:open` | `${WebSelectParts}:error` | `${WebSelectParts}:disabled` | WebSelectParts;
-export declare const WebSelectStyles: {
-    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebSelectComposition, any>>;
-};
+export declare type WebSelectParts = 'wrapper' | 'label' | 'inputWrapper' | 'list' | 'itemWrapper' | 'itemWrapper:selected' | 'itemText' | 'itemText:selected' | 'buttonWrapper' | 'buttonText' | 'buttonIcon' | 'error';
+export declare type WebSelectComposition = `${WebSelectParts}:hover` | `${WebSelectParts}:open` | `${WebSelectParts}:error` | `${WebSelectParts}:disabled` | WebSelectParts;
+export declare const WebSelectStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebSelectComposition, any>>;
+};