@peculiar/react-components 0.6.7 → 1.1.0-alpha.0

package/dist/cjs/NativeSelect/native_select.js

@@ -0,0 +1,151 @@
+"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 __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.NativeSelect = void 0;
+var React = __importStar(require("react"));
+var styled_1 = __importDefault(require("@emotion/styled"));
+var Typography_1 = require("../Typography");
+var icons_1 = require("../icons");
+/**
+ *
+ */
+/**
+ * Styles.
+ */
+var NativeSelectRoot = (0, styled_1.default)('select')(function (props) { return (__assign(__assign(__assign({ fontFamily: 'inherit', outline: 'none', cursor: 'pointer', boxSizing: 'border-box', width: '100%', borderRadius: '4px', padding: '0 calc(var(--pv-size-base-2) + 24px) 0 var(--pv-size-base-2)', backgroundColor: 'var(--pv-color-gray-1)', borderStyle: 'solid', borderWidth: '1px', transition: 'background-color 200ms, color 200ms, border-color 200ms', display: 'block', appearance: 'none', fontWeight: 'var(--pv-text-c1-weight)', fontSize: 'var(--pv-text-c1-size)', lineHeight: 'var(--pv-text-c1-height)', letterSpacing: 'var(--pv-text-c1-spacing)' }, (props.selectSize === 'small' && {
+    height: 'var(--pv-size-base-6)',
+})), (props.selectSize === 'medium' && {
+    height: 'var(--pv-size-base-7)',
+})), (props.selectSize === 'large' && {
+    height: 'var(--pv-size-base-8)',
+}))); }, function (props) {
+    var isDark = props.theme.mode === 'dark';
+    var color = isDark
+        ? 'var(--pv-color-white)'
+        : 'var(--pv-color-black)';
+    var borderColor = 'var(--pv-color-gray-8)';
+    var borderColorHover = 'var(--pv-color-gray-7)';
+    var borderColorDisabled = 'var(--pv-color-gray-5)';
+    var colorDisabled = 'var(--pv-color-gray-7)';
+    var invalidBackgroundColor = 'var(--pv-color-wrong-tint-5)';
+    var invalidBorderColor = 'var(--pv-color-wrong-tint-3)';
+    var backgroundColorFocus = 'var(--pv-color-secondary-tint-5)';
+    var borderColorFocus = 'var(--pv-color-secondary-tint-3)';
+    if (isDark) {
+        borderColor = 'var(--pv-color-gray-5)';
+        borderColorHover = 'var(--pv-color-gray-4)';
+        borderColorDisabled = 'var(--pv-color-gray-4)';
+        colorDisabled = 'var(--pv-color-gray-4)';
+        invalidBackgroundColor = 'var(--pv-color-wrong-shade-4)';
+        invalidBorderColor = 'var(--pv-color-wrong-shade-1)';
+        backgroundColorFocus = 'var(--pv-color-secondary-shade-4)';
+        borderColorFocus = 'var(--pv-color-secondary-shade-1)';
+    }
+    return ({
+        color: color,
+        borderColor: borderColor,
+        '&:hover': {
+            backgroundColor: 'var(--pv-color-gray-3)',
+            borderColor: borderColorHover,
+        },
+        '&:disabled': {
+            cursor: 'not-allowed',
+            backgroundColor: 'var(--pv-color-gray-1)',
+            borderColor: borderColorDisabled,
+            color: colorDisabled,
+        },
+        '&:not(:disabled)': {
+            '&[aria-invalid]': {
+                backgroundColor: invalidBackgroundColor,
+                borderColor: invalidBorderColor,
+            },
+            '&:focus-visible': {
+                backgroundColor: backgroundColorFocus,
+                borderColor: borderColorFocus,
+            },
+        },
+    });
+});
+var NativeSelectLabel = (0, styled_1.default)('label')({
+    marginBottom: '2px',
+    display: 'inline-block',
+});
+var NativeSelectErrorMessage = (0, styled_1.default)(Typography_1.Typography)({
+    marginTop: '2px',
+});
+var NativeSelectContainer = (0, styled_1.default)('div')({
+    position: 'relative',
+});
+var NativeSelectArrowIcon = (0, styled_1.default)(icons_1.ArrowDropDownIcon)(function (props) { return (__assign({ position: 'absolute', right: '0px', top: 'calc(50% - 12px)', pointerEvents: 'none', margin: '0px var(--pv-size-base)', color: 'var(--pv-color-gray-10)' }, (props.disabled && {
+    color: 'var(--pv-color-gray-7)',
+}))); });
+/**
+ *
+ */
+exports.NativeSelect = React.forwardRef(function (props, ref) {
+    var options = props.options, size = props.size, label = props.label, inputProps = props.inputProps, disabled = props.disabled, defaultValue = props.defaultValue, id = props.id, value = props.value, placeholder = props.placeholder, required = props.required, name = props.name, inputRef = props.inputRef, error = props.error, errorText = props.errorText, autoFocus = props.autoFocus, onChange = props.onChange, other = __rest(props, ["options", "size", "label", "inputProps", "disabled", "defaultValue", "id", "value", "placeholder", "required", "name", "inputRef", "error", "errorText", "autoFocus", "onChange"]);
+    return (React.createElement("div", __assign({ ref: ref }, other),
+        label && (React.createElement(NativeSelectLabel, { htmlFor: id },
+            React.createElement(Typography_1.Typography, { component: "span", variant: "c2", color: "gray-10" }, label))),
+        React.createElement(NativeSelectContainer, null,
+            React.createElement(NativeSelectRoot, __assign({ selectSize: size, disabled: disabled, defaultValue: defaultValue, id: id, value: value, required: required, name: name, ref: inputRef, 
+                // eslint-disable-next-line jsx-a11y/no-autofocus
+                autoFocus: autoFocus, "aria-invalid": error || undefined, onChange: onChange }, inputProps),
+                placeholder && (React.createElement("option", { value: "" }, placeholder)),
+                options.map(function (option) { return (React.createElement("option", { key: option.value, value: option.value }, option.label)); })),
+            React.createElement(NativeSelectArrowIcon, { disabled: disabled, "aria-hidden": true })),
+        error && errorText && (React.createElement(NativeSelectErrorMessage, { variant: "c2", color: "wrong" }, errorText))));
+});
+exports.NativeSelect.displayName = 'NativeSelect';
+exports.NativeSelect.defaultProps = {
+    disabled: false,
+    size: 'medium',
+};
+//# sourceMappingURL=native_select.js.map

package/dist/cjs/NativeSelect/native_select.js.map

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

package/dist/cjs/Select/select.js

@@ -10,29 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     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 __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)
@@ -49,28 +26,37 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Select = void 0;
-var React = __importStar(require("react"));
+var react_1 = __importDefault(require("react"));
 var styled_1 = __importDefault(require("@emotion/styled"));
+var hooks_1 = require("../hooks");
+var Popover_1 = require("../Popover");
+var TextField_1 = require("../TextField");
 var Typography_1 = require("../Typography");
+var Box_1 = require("../Box");
+var Chip_1 = require("../Chip");
+var Button_1 = require("../Button");
 var icons_1 = require("../icons");
+var MenuList_1 = require("../MenuList");
 /**
  *
  */
 /**
  * Styles.
  */
-var SelectRoot = (0, styled_1.default)('select')(function (props) { return (__assign(__assign(__assign({ fontFamily: 'inherit', outline: 'none', cursor: 'pointer', boxSizing: 'border-box', width: '100%', borderRadius: '4px', padding: '0 calc(var(--pv-size-base-2) + 24px) 0 var(--pv-size-base-2)', backgroundColor: 'var(--pv-color-gray-1)', borderStyle: 'solid', borderWidth: '1px', transition: 'background-color 200ms, color 200ms, border-color 200ms', display: 'block', appearance: 'none', fontWeight: 'var(--pv-text-c1-weight)', fontSize: 'var(--pv-text-c1-size)', lineHeight: 'var(--pv-text-c1-height)', letterSpacing: 'var(--pv-text-c1-spacing)' }, (props.selectSize === 'small' && {
+var SelectField = (0, styled_1.default)(Typography_1.Typography)(function (props) { return (__assign(__assign(__assign({ outline: 'none', boxSizing: 'border-box', width: '100%', borderRadius: '4px', padding: '0 calc(var(--pv-size-base-2) + 24px) 0 var(--pv-size-base-2)', backgroundColor: 'var(--pv-color-gray-1)', borderStyle: 'solid', borderWidth: '1px', transition: 'background-color 200ms, color 200ms, border-color 200ms', appearance: 'none', userSelect: 'none', textAlign: 'left', cursor: 'pointer', fontFamily: 'inherit', height: 'var(--pv-size-base-8)', position: 'relative' }, (props.size === 'small' && {
     height: 'var(--pv-size-base-6)',
-})), (props.selectSize === 'medium' && {
+})), (props.size === 'medium' && {
     height: 'var(--pv-size-base-7)',
-})), (props.selectSize === 'large' && {
-    height: 'var(--pv-size-base-8)',
+})), (props.multiple === true && {
+    display: 'inline-flex',
+    alignItems: 'center',
 }))); }, function (props) {
     var isDark = props.theme.mode === 'dark';
     var color = isDark
         ? 'var(--pv-color-white)'
         : 'var(--pv-color-black)';
     var borderColor = 'var(--pv-color-gray-8)';
+    var colorPlaceholder = 'var(--pv-color-gray-9)';
     var borderColorHover = 'var(--pv-color-gray-7)';
     var borderColorDisabled = 'var(--pv-color-gray-5)';
     var colorDisabled = 'var(--pv-color-gray-7)';
@@ -80,6 +66,7 @@ var SelectRoot = (0, styled_1.default)('select')(function (props) { return (__as
     var borderColorFocus = 'var(--pv-color-secondary-tint-3)';
     if (isDark) {
         borderColor = 'var(--pv-color-gray-5)';
+        colorPlaceholder = 'var(--pv-color-gray-6)';
         borderColorHover = 'var(--pv-color-gray-4)';
         borderColorDisabled = 'var(--pv-color-gray-4)';
         colorDisabled = 'var(--pv-color-gray-4)';
@@ -89,7 +76,6 @@ var SelectRoot = (0, styled_1.default)('select')(function (props) { return (__as
         borderColorFocus = 'var(--pv-color-secondary-shade-1)';
     }
     return ({
-        color: color,
         borderColor: borderColor,
         '&:hover': {
             backgroundColor: 'var(--pv-color-gray-3)',
@@ -102,6 +88,10 @@ var SelectRoot = (0, styled_1.default)('select')(function (props) { return (__as
             color: colorDisabled,
         },
         '&:not(:disabled)': {
+            color: color,
+            '&[aria-placeholder]': {
+                color: colorPlaceholder,
+            },
             '&[aria-invalid]': {
                 backgroundColor: invalidBackgroundColor,
                 borderColor: invalidBorderColor,
@@ -113,39 +103,166 @@ var SelectRoot = (0, styled_1.default)('select')(function (props) { return (__as
         },
     });
 });
-var SelectLabel = (0, styled_1.default)('label')({
-    marginBottom: '2px',
-    display: 'inline-block',
+var SelectArrowIcon = (0, styled_1.default)(icons_1.ArrowDropDownIcon)({
+    position: 'absolute',
+    right: '0px',
+    top: 'calc(50% - 12px)',
+    margin: '0px var(--pv-size-base)',
+    color: 'var(--pv-color-gray-10)',
+    '&[aria-disabled="true"]': {
+        color: 'inherit',
+    },
 });
-var SelectErrorMessage = (0, styled_1.default)(Typography_1.Typography)({
-    marginTop: '2px',
+var SelectNativeInput = (0, styled_1.default)('input')({
+    bottom: 0,
+    left: 0,
+    height: '100%',
+    position: 'absolute',
+    opacity: 0,
+    pointerEvents: 'none',
+    width: '100%',
+    boxSizing: 'border-box',
 });
-var SelectContainer = (0, styled_1.default)('div')({
+var SelectDropdownStateItem = (0, styled_1.default)('div')({
+    padding: 'var(--pv-size-base-3) var(--pv-size-base-2)',
+});
+var SelectDropdownList = (0, styled_1.default)('ul')({
+    maxHeight: '36vh',
+    overflowY: 'auto',
+    margin: 0,
+    listStyleType: 'none',
     position: 'relative',
+    padding: '10px 0',
+});
+var SelectDropdownGroupName = (0, styled_1.default)(Typography_1.Typography)(function (props) { return ({
+    padding: 'var(--pv-size-base-2)',
+    color: props.theme.mode === 'dark'
+        ? 'var(--pv-color-gray-6)'
+        : 'var(--pv-color-gray-9)',
+}); });
+var SelectDropdownGroupList = (0, styled_1.default)('ul')({
+    padding: 0,
+    listStyleType: 'none',
 });
-var SelectArrowIcon = (0, styled_1.default)(icons_1.ArrowDropDownIcon)(function (props) { return (__assign({ position: 'absolute', right: '0px', top: 'calc(50% - 12px)', pointerEvents: 'none', margin: '0px var(--pv-size-base)', color: 'var(--pv-color-gray-10)' }, (props.disabled && {
-    color: 'var(--pv-color-gray-7)',
+var SelectDropdownGroupListItem = (0, styled_1.default)(MenuList_1.MenuItem)(function (props) { return (__assign({}, (props.inGroup && {
+    padding: '0px var(--pv-size-base-2) 0 var(--pv-size-base-3)',
 }))); });
+var SelectPopover = (0, styled_1.default)(Popover_1.Popover)({
+    minWidth: 240,
+});
+var SelectTagsList = (0, styled_1.default)('div')({
+    overflow: 'hidden',
+    width: '100%',
+    display: 'grid',
+    gridTemplateColumns: 'repeat(auto-fit, minmax(0, max-content))',
+    gap: 'var(--pv-size-base)',
+});
+var SelectTag = (0, styled_1.default)(Chip_1.Chip)(function (props) { return (__assign({ label: 'Select-tag', borderRadius: '3px', margin: 0 }, (props.size === 'small' && {
+    height: 'var(--pv-size-base-5)',
+}))); });
+var SelectTagSize = (0, styled_1.default)(Typography_1.Typography)({
+    margin: '0 var(--pv-size-base-2)',
+});
+var SelectSearchInput = (0, styled_1.default)(TextField_1.TextField)({
+    padding: 'var(--pv-size-base-3) var(--pv-size-base-3) var(--pv-size-base-2)',
+});
+var SelectCreateNewButton = (0, styled_1.default)(Button_1.Button)({
+    width: '100%',
+    borderRadius: 0,
+    justifyContent: 'left',
+    padding: '0px var(--pv-size-base-2)',
+});
+var SelectError = (0, styled_1.default)(Typography_1.Typography)({
+    marginTop: '2px',
+});
+var SelectLabel = (0, styled_1.default)('label')({
+    label: 'TextField-label',
+    marginBottom: '2px',
+    display: 'inline-block',
+});
 /**
  *
  */
-exports.Select = React.forwardRef(function (props, ref) {
-    var options = props.options, size = props.size, label = props.label, inputProps = props.inputProps, disabled = props.disabled, defaultValue = props.defaultValue, id = props.id, value = props.value, placeholder = props.placeholder, required = props.required, name = props.name, inputRef = props.inputRef, error = props.error, errorText = props.errorText, autoFocus = props.autoFocus, onChange = props.onChange, other = __rest(props, ["options", "size", "label", "inputProps", "disabled", "defaultValue", "id", "value", "placeholder", "required", "name", "inputRef", "error", "errorText", "autoFocus", "onChange"]);
-    return (React.createElement("div", __assign({ ref: ref }, other),
-        label && (React.createElement(SelectLabel, { htmlFor: id },
-            React.createElement(Typography_1.Typography, { component: "span", variant: "c2", color: "gray-10" }, label))),
-        React.createElement(SelectContainer, null,
-            React.createElement(SelectRoot, __assign({ selectSize: size, disabled: disabled, defaultValue: defaultValue, id: id, value: value, required: required, name: name, ref: inputRef, 
-                // eslint-disable-next-line jsx-a11y/no-autofocus
-                autoFocus: autoFocus, "aria-invalid": error || undefined, onChange: onChange }, inputProps),
-                placeholder && (React.createElement("option", { value: "" }, placeholder)),
-                options.map(function (option) { return (React.createElement("option", { key: option.value, value: option.value }, option.label)); })),
-            React.createElement(SelectArrowIcon, { disabled: disabled, "aria-hidden": true })),
-        error && errorText && (React.createElement(SelectErrorMessage, { variant: "c2", color: "wrong" }, errorText))));
-});
-exports.Select.displayName = 'Select';
+var Select = function (props) {
+    var className = props.className, size = props.size, placeholder = props.placeholder, label = props.label, disableSearch = props.disableSearch, _a = props.disabled, disabled = _a === void 0 ? false : _a, noOptionsText = props.noOptionsText, loading = props.loading, loadingText = props.loadingText, _b = props.limitTags, limitTags = _b === void 0 ? 2 : _b, name = props.name, required = props.required, _c = props.multiple, multiple = _c === void 0 ? false : _c, readOnly = props.readOnly, createOptionText = props.createOptionText, allowCreateOption = props.allowCreateOption, error = props.error, errorText = props.errorText, renderRootProp = props.renderRoot, renderOptionProp = props.renderOption, _d = props.getLimitTagsText, getLimitTagsText = _d === void 0 ? function (more) { return "".concat(more, " more"); } : _d, groupBy = props.groupBy, onCreate = props.onCreate;
+    var _e = (0, hooks_1.useAutocomplete)(props), id = _e.id, value = _e.value, searchValue = _e.searchValue, groupedOptions = _e.groupedOptions, getRootProps = _e.getRootProps, getInputLabelProps = _e.getInputLabelProps, getInputProps = _e.getInputProps, getListboxProps = _e.getListboxProps, getOptionProps = _e.getOptionProps, getPopoverProps = _e.getPopoverProps, getTagProps = _e.getTagProps, getOptionLabel = _e.getOptionLabel;
+    var _f = getInputProps(), onChange = _f.onChange, otherInputProps = __rest(_f, ["onChange"]);
+    var popoverProps = getPopoverProps();
+    var handleCreate = function (event) {
+        if (onCreate) {
+            onCreate(event, searchValue);
+        }
+        popoverProps.onClose(event);
+    };
+    var defaultRenderOption = function (propsOption, option) { return (react_1.default.createElement(SelectDropdownGroupListItem, __assign({}, propsOption, { inGroup: Boolean(groupBy) }), getOptionLabel(option))); };
+    var renderGroup = function (params) { return (react_1.default.createElement("li", { key: params.key },
+        react_1.default.createElement(SelectDropdownGroupName, { variant: "c1", color: "gray-10" }, params.group),
+        react_1.default.createElement(SelectDropdownGroupList, null, params.children))); };
+    var renderValue = function () {
+        if (!value || (Array.isArray(value) && value.length === 0)) {
+            return null;
+        }
+        if (Array.isArray(value)) {
+            var more = (value.length > limitTags) ? (value.length - limitTags) : 0;
+            var valueLimits = more > 0 ? value.slice(0, limitTags) : value;
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(SelectTagsList, null, valueLimits.map(function (v, index) { return (react_1.default.createElement(SelectTag, __assign({}, getTagProps(v, index), { color: "secondary", variant: "contained", size: size }), getOptionLabel(v))); })),
+                !!more && (react_1.default.createElement(SelectTagSize, { variant: "c2", color: "gray-9" }, getLimitTagsText(more)))));
+        }
+        return getOptionLabel(value);
+    };
+    var renderedValue = renderValue();
+    var isValueEmpty = renderedValue === null;
+    var defaultRenderRoot = function (propsRoot, valueRoot) { return (react_1.default.createElement(SelectField, __assign({}, propsRoot, { noWrap: true, 
+        // @ts-ignore
+        component: "button", type: "button", variant: size === 'small' ? 'c1' : 'b3', "aria-invalid": error || undefined, "aria-placeholder": isValueEmpty || undefined, multiple: multiple, size: size }),
+        isValueEmpty ? placeholder : renderedValue,
+        react_1.default.createElement(SelectArrowIcon, { "aria-disabled": disabled, "aria-hidden": true }),
+        react_1.default.createElement(SelectNativeInput, { type: "text", value: isValueEmpty ? '' : JSON.stringify(valueRoot), tabIndex: -1, "aria-hidden": "true", disabled: disabled, autoComplete: "off", id: id, name: name, required: required, readOnly: readOnly, onChange: function () { } }))); };
+    var renderOption = renderOptionProp || defaultRenderOption;
+    var renderRoot = renderRootProp || defaultRenderRoot;
+    var renderListOption = function (option, index) {
+        var optionProps = getOptionProps(option, index);
+        return renderOption(optionProps, option);
+    };
+    return (react_1.default.createElement("div", { className: className },
+        label && (react_1.default.createElement(SelectLabel, __assign({}, getInputLabelProps()),
+            react_1.default.createElement(Typography_1.Typography, { component: "span", variant: "c2", color: "gray-10" }, label))),
+        renderRoot(__assign(__assign({}, getRootProps()), { disabled: disabled }), value, getTagProps),
+        error && errorText && (react_1.default.createElement(SelectError, { variant: "c2", color: "wrong" }, errorText)),
+        react_1.default.createElement(SelectPopover, __assign({ placement: "bottom-start", allowUseSameWidth: true }, popoverProps),
+            !disableSearch && (react_1.default.createElement(Box_1.Box, { borderColor: "gray-3", borderPosition: "bottom", borderStyle: "solid", borderWidth: 1 },
+                react_1.default.createElement(SelectSearchInput, { id: otherInputProps.id, inputProps: otherInputProps, onChange: onChange, placeholder: "Search", disabled: loading }))),
+            loading && groupedOptions.length === 0 && (react_1.default.createElement(SelectDropdownStateItem, null, typeof loadingText === 'string' ? (react_1.default.createElement(Typography_1.Typography, { variant: "b2", color: "gray-10" }, loadingText)) : loadingText)),
+            groupedOptions.length === 0 && !loading && (react_1.default.createElement(SelectDropdownStateItem, null, typeof noOptionsText === 'string' ? (react_1.default.createElement(Typography_1.Typography, { variant: "b2", color: "gray-10" }, noOptionsText)) : noOptionsText)),
+            groupedOptions.length > 0 && (react_1.default.createElement(SelectDropdownList, __assign({}, getListboxProps()), groupedOptions
+                // @ts-ignore
+                .map(function (option, index) {
+                // @ts-ignore
+                if (groupBy && 'options' in option) {
+                    return renderGroup({
+                        key: option.key,
+                        group: option.group,
+                        // @ts-ignore
+                        children: option.options.map(function (option2, index2) { return (renderListOption(option2, option.index + index2)); }),
+                    });
+                }
+                return renderListOption(option, index);
+            }))),
+            (allowCreateOption && searchValue.length > 0 && !loading) && (react_1.default.createElement(Box_1.Box, { borderColor: "gray-3", borderPosition: "top", borderStyle: "solid", borderWidth: 1 },
+                react_1.default.createElement(SelectCreateNewButton, { color: "secondary", textVariant: "b3", onClick: handleCreate, startIcon: react_1.default.createElement(icons_1.PlusIcon, null) }, createOptionText.replace('{{value}}', searchValue)))))));
+};
+exports.Select = Select;
+// @ts-ignore
 exports.Select.defaultProps = {
-    disabled: false,
+    disableSearch: false,
+    noOptionsText: 'No options',
+    loading: false,
+    loadingText: 'Loading...',
+    limitTags: 2,
+    required: false,
+    allowCreateOption: false,
+    createOptionText: 'Create "{{value}}"',
     size: 'medium',
 };
 //# sourceMappingURL=select.js.map

package/dist/cjs/Select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/Select/select.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,2DAAqC;AACrC,4CAA2C;AAC3C,kCAA6C;AAiF7C;;GAEG;AAEH;;GAEG;AACH,IAAM,UAAU,GAAG,IAAA,gBAAM,EAAC,QAAQ,CAAC,CACjC,UAAC,KAAK,IAAK,OAAA,8BACT,UAAU,EAAE,SAAS,EACrB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,SAAS,EACjB,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,KAAK,EACnB,OAAO,EAAE,8DAA8D,EACvE,eAAe,EAAE,wBAAwB,EACzC,WAAW,EAAE,OAAO,EACpB,WAAW,EAAE,KAAK,EAClB,UAAU,EAAE,yDAAyD,EACrE,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,0BAAsC,EAClD,QAAQ,EAAE,wBAAwB,EAClC,UAAU,EAAE,0BAA0B,EACtC,aAAa,EAAE,2BAA2B,IACvC,CAAC,KAAK,CAAC,UAAU,KAAK,OAAO,IAAI;IAClC,MAAM,EAAE,uBAAuB;CAChC,CAAC,GACC,CAAC,KAAK,CAAC,UAAU,KAAK,QAAQ,IAAI;IACnC,MAAM,EAAE,uBAAuB;CAChC,CAAC,GACC,CAAC,KAAK,CAAC,UAAU,KAAK,OAAO,IAAI;IAClC,MAAM,EAAE,uBAAuB;CAChC,CAAC,EACF,EA3BS,CA2BT,EACF,UAAC,KAAK;IACJ,IAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC;IAC3C,IAAM,KAAK,GAAG,MAAM;QAClB,CAAC,CAAC,uBAAuB;QACzB,CAAC,CAAC,uBAAuB,CAAC;IAC5B,IAAI,WAAW,GAAG,wBAAwB,CAAC;IAC3C,IAAI,gBAAgB,GAAG,wBAAwB,CAAC;IAChD,IAAI,mBAAmB,GAAG,wBAAwB,CAAC;IACnD,IAAI,aAAa,GAAG,wBAAwB,CAAC;IAC7C,IAAI,sBAAsB,GAAG,8BAA8B,CAAC;IAC5D,IAAI,kBAAkB,GAAG,8BAA8B,CAAC;IACxD,IAAI,oBAAoB,GAAG,kCAAkC,CAAC;IAC9D,IAAI,gBAAgB,GAAG,kCAAkC,CAAC;IAE1D,IAAI,MAAM,EAAE;QACV,WAAW,GAAG,wBAAwB,CAAC;QACvC,gBAAgB,GAAG,wBAAwB,CAAC;QAC5C,mBAAmB,GAAG,wBAAwB,CAAC;QAC/C,aAAa,GAAG,wBAAwB,CAAC;QACzC,sBAAsB,GAAG,+BAA+B,CAAC;QACzD,kBAAkB,GAAG,+BAA+B,CAAC;QACrD,oBAAoB,GAAG,mCAAmC,CAAC;QAC3D,gBAAgB,GAAG,mCAAmC,CAAC;KACxD;IAED,OAAO,CAAC;QACN,KAAK,OAAA;QACL,WAAW,aAAA;QACX,SAAS,EAAE;YACT,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,gBAAgB;SAC9B;QACD,YAAY,EAAE;YACZ,MAAM,EAAE,aAAa;YACrB,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,mBAAmB;YAChC,KAAK,EAAE,aAAa;SACrB;QACD,kBAAkB,EAAE;YAClB,iBAAiB,EAAE;gBACjB,eAAe,EAAE,sBAAsB;gBACvC,WAAW,EAAE,kBAAkB;aAChC;YACD,iBAAiB,EAAE;gBACjB,eAAe,EAAE,oBAAoB;gBACrC,WAAW,EAAE,gBAAgB;aAC9B;SACF;KACF,CAAC,CAAC;AACL,CAAC,CACF,CAAC;AAEF,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,OAAO,CAAC,CAAC;IAClC,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,cAAc;CACxB,CAAC,CAAC;AAEH,IAAM,kBAAkB,GAAG,IAAA,gBAAM,EAAC,uBAAU,CAAC,CAAC;IAC5C,SAAS,EAAE,KAAK;CACjB,CAAC,CAAC;AAEH,IAAM,eAAe,GAAG,IAAA,gBAAM,EAAC,KAAK,CAAC,CAAC;IACpC,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAC;AAEH,IAAM,eAAe,GAAG,IAAA,gBAAM,EAAC,yBAAiB,CAAC,CAAkC,UAAC,KAAK,IAAK,OAAA,YAC5F,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,kBAAkB,EACvB,aAAa,EAAE,MAAM,EACrB,MAAM,EAAE,yBAAyB,EACjC,KAAK,EAAE,yBAAyB,IAC7B,CAAC,KAAK,CAAC,QAAQ,IAAI;IACpB,KAAK,EAAE,wBAAwB;CAChC,CAAC,EACF,EAV4F,CAU5F,CAAC,CAAC;AACJ;;GAEG;AAEU,QAAA,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,UAAC,KAAK,EAAE,GAAG;IAE3E,IAAA,OAAO,GAiBL,KAAK,QAjBA,EACP,IAAI,GAgBF,KAAK,KAhBH,EACJ,KAAK,GAeH,KAAK,MAfF,EACL,UAAU,GAcR,KAAK,WAdG,EACV,QAAQ,GAaN,KAAK,SAbC,EACR,YAAY,GAYV,KAAK,aAZK,EACZ,EAAE,GAWA,KAAK,GAXL,EACF,KAAK,GAUH,KAAK,MAVF,EACL,WAAW,GAST,KAAK,YATI,EACX,QAAQ,GAQN,KAAK,SARC,EACR,IAAI,GAOF,KAAK,KAPH,EACJ,QAAQ,GAMN,KAAK,SANC,EACR,KAAK,GAKH,KAAK,MALF,EACL,SAAS,GAIP,KAAK,UAJE,EACT,SAAS,GAGP,KAAK,UAHE,EACT,QAAQ,GAEN,KAAK,SAFC,EACL,KAAK,UACN,KAAK,EAlBH,mLAkBL,CADS,CACA;IAEV,OAAO,CACL,sCACE,GAAG,EAAE,GAAG,IACJ,KAAK;QAER,KAAK,IAAI,CACR,oBAAC,WAAW,IACV,OAAO,EAAE,EAAE;YAEX,oBAAC,uBAAU,IACT,SAAS,EAAC,MAAM,EAChB,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,SAAS,IAEd,KAAK,CACK,CACD,CACf;QACD,oBAAC,eAAe;YACd,oBAAC,UAAU,aACT,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,QAAQ;gBACb,iDAAiD;gBACjD,SAAS,EAAE,SAAS,kBACN,KAAK,IAAI,SAAS,EAChC,QAAQ,EAAE,QAAQ,IACd,UAAU;gBAEb,WAAW,IAAI,CACd,gCAAQ,KAAK,EAAC,EAAE,IACb,WAAW,CACL,CACV;gBACA,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CACvB,gCACE,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,IAElB,MAAM,CAAC,KAAK,CACN,CACV,EAPwB,CAOxB,CAAC,CACS;YACb,oBAAC,eAAe,IACd,QAAQ,EAAE,QAAQ,wBAElB,CACc;QACjB,KAAK,IAAI,SAAS,IAAI,CACrB,oBAAC,kBAAkB,IACjB,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,OAAO,IAEZ,SAAS,CACS,CACtB,CACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,cAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,QAAQ;CACf,CAAC"}
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/Select/select.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/Toast/toast.js

@@ -54,7 +54,7 @@ var Toast = function (props) {
             };
         }
         return undefined;
-    });
+    }, []);
     return (React.createElement(Fade_1.Fade, { in: true },
         React.createElement(Alert_1.Alert, __assign({}, alertProps, { onClose: isClosable ? handleClose : undefined }), children)));
 };

package/dist/cjs/Toast/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/Toast/toast.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,kCAA6C;AAC7C,gCAA+B;AA+B/B;;GAEG;AAEI,IAAM,KAAK,GAA4B,UAAC,KAAK;IAEhD,IAAA,EAAE,GAMA,KAAK,GANL,EACF,QAAQ,GAKN,KAAK,SALC,EACR,UAAU,GAIR,KAAK,WAJG,EACV,UAAU,GAGR,KAAK,WAHG,EACV,QAAQ,GAEN,KAAK,SAFC,EACR,OAAO,GACL,KAAK,QADA,CACC;IAEV,IAAM,WAAW,GAAG;QAClB,OAAO,CAAC,EAAE,CAAC,CAAC;IACd,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC;QACd,IAAI,QAAQ,GAAG,CAAC,EAAE;YAChB,IAAM,SAAO,GAAG,MAAM,CAAC,UAAU,CAC/B,WAAW,EACX,QAAQ,CACT,CAAC;YAEF,OAAO;gBACL,YAAY,CAAC,SAAO,CAAC,CAAC;YACxB,CAAC,CAAC;SACH;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,WAAI,IAAC,EAAE;QACN,oBAAC,aAAK,eACA,UAAU,IACd,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,KAE5C,QAAQ,CACH,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,KAAK,SAuChB;AAEF,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,aAAK,CAAC,YAAY,GAAG;IACnB,QAAQ,EAAE,IAAI;CACf,CAAC"}
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/Toast/toast.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,kCAA6C;AAC7C,gCAA+B;AA+B/B;;GAEG;AAEI,IAAM,KAAK,GAA4B,UAAC,KAAK;IAEhD,IAAA,EAAE,GAMA,KAAK,GANL,EACF,QAAQ,GAKN,KAAK,SALC,EACR,UAAU,GAIR,KAAK,WAJG,EACV,UAAU,GAGR,KAAK,WAHG,EACV,QAAQ,GAEN,KAAK,SAFC,EACR,OAAO,GACL,KAAK,QADA,CACC;IAEV,IAAM,WAAW,GAAG;QAClB,OAAO,CAAC,EAAE,CAAC,CAAC;IACd,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC;QACd,IAAI,QAAQ,GAAG,CAAC,EAAE;YAChB,IAAM,SAAO,GAAG,MAAM,CAAC,UAAU,CAC/B,WAAW,EACX,QAAQ,CACT,CAAC;YAEF,OAAO;gBACL,YAAY,CAAC,SAAO,CAAC,CAAC;YACxB,CAAC,CAAC;SACH;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,WAAI,IAAC,EAAE;QACN,oBAAC,aAAK,eACA,UAAU,IACd,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,KAE5C,QAAQ,CACH,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,KAAK,SAuChB;AAEF,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,aAAK,CAAC,YAAY,GAAG;IACnB,QAAQ,EAAE,IAAI;CACf,CAAC"}

package/dist/cjs/hooks/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDebounceCallback = exports.useEnhancedEffect = exports.useEventCallback = exports.useAutocomplete = exports.useIntersectionObserver = exports.useWindowEventListener = exports.useImage = exports.useId = exports.useControllableState = exports.useClipboard = exports.useMergedRef = exports.useMediaQuery = void 0;
+exports.useOutsideClick = exports.useDebounceCallback = exports.useEnhancedEffect = exports.useEventCallback = exports.useAutocomplete = exports.useIntersectionObserver = exports.useWindowEventListener = exports.useImage = exports.useId = exports.useControllableState = exports.useClipboard = exports.useMergedRef = exports.useMediaQuery = void 0;
 var use_media_query_1 = require("./use_media_query");
 Object.defineProperty(exports, "useMediaQuery", { enumerable: true, get: function () { return use_media_query_1.useMediaQuery; } });
 var use_merged_ref_1 = require("./use_merged_ref");
@@ -25,4 +25,6 @@ var use_enhanced_effect_1 = require("./use_enhanced_effect");
 Object.defineProperty(exports, "useEnhancedEffect", { enumerable: true, get: function () { return use_enhanced_effect_1.useEnhancedEffect; } });
 var use_debounce_callback_1 = require("./use_debounce_callback");
 Object.defineProperty(exports, "useDebounceCallback", { enumerable: true, get: function () { return use_debounce_callback_1.useDebounceCallback; } });
+var use_outside_click_1 = require("./use_outside_click");
+Object.defineProperty(exports, "useOutsideClick", { enumerable: true, get: function () { return use_outside_click_1.useOutsideClick; } });
 //# sourceMappingURL=index.js.map

package/dist/cjs/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,qDAAkD;AAAzC,gHAAA,aAAa,OAAA;AACtB,mDAAgD;AAAvC,8GAAA,YAAY,OAAA;AACrB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA;AACrB,uDAA0D;AAAjD,wHAAA,oBAAoB,OAAA;AAE7B,mCAAiC;AAAxB,+FAAA,KAAK,OAAA;AACd,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA;AACjB,yEAAqE;AAA5D,mIAAA,sBAAsB,OAAA;AAC/B,yEAAsE;AAA7D,oIAAA,uBAAuB,OAAA;AAChC,uDAE4B;AAD1B,mHAAA,eAAe,OAAA;AAUjB,2DAAwD;AAA/C,sHAAA,gBAAgB,OAAA;AACzB,6DAA0D;AAAjD,wHAAA,iBAAiB,OAAA;AAC1B,iEAA8D;AAArD,4HAAA,mBAAmB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,qDAAkD;AAAzC,gHAAA,aAAa,OAAA;AACtB,mDAAgD;AAAvC,8GAAA,YAAY,OAAA;AACrB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA;AACrB,uDAA0D;AAAjD,wHAAA,oBAAoB,OAAA;AAE7B,mCAAiC;AAAxB,+FAAA,KAAK,OAAA;AACd,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA;AACjB,yEAAqE;AAA5D,mIAAA,sBAAsB,OAAA;AAC/B,yEAAsE;AAA7D,oIAAA,uBAAuB,OAAA;AAChC,uDAE4B;AAD1B,mHAAA,eAAe,OAAA;AAUjB,2DAAwD;AAA/C,sHAAA,gBAAgB,OAAA;AACzB,6DAA0D;AAAjD,wHAAA,iBAAiB,OAAA;AAC1B,iEAA8D;AAArD,4HAAA,mBAAmB,OAAA;AAC5B,yDAAsD;AAA7C,oHAAA,eAAe,OAAA"}

package/dist/cjs/hooks/use_autocomplete.js

@@ -243,18 +243,34 @@ function useAutocomplete(props) {
             onChange(event, newValue, { option: option, index: index }, reason);
         }
     };
-    var handleInputChange = function (event) {
-        var valueInput = event.target.value;
-        setSearchValue(valueInput);
-        if (onInputChange) {
-            onInputChange(event, valueInput);
-        }
-    };
     var handleClear = function (event) {
+        event.preventDefault();
         setSearchValue('');
+        var newValue = (multiple ? [] : null);
         if (onInputChange) {
             onInputChange(event, '');
         }
+        setValue(newValue);
+        if (onChange) {
+            onChange(event, newValue, { option: null, index: 0 }, 'removeOption');
+        }
+    };
+    var handleInputChange = function (event) {
+        var valueInput = event.target.value;
+        if (searchValue !== valueInput) {
+            setSearchValue(valueInput);
+            if (onInputChange) {
+                onInputChange(event, valueInput);
+            }
+        }
+        if (valueInput === '') {
+            if (!multiple) {
+                handleClear(event);
+            }
+        }
+        else {
+            handleOpen(event);
+        }
     };
     var handleKeyDown = function (event) {
         // Wait until IME is settled.
@@ -264,11 +280,13 @@ function useAutocomplete(props) {
                     // Prevent cursor move
                     event.preventDefault();
                     changeHighlightedIndex(1, 'next', 'keyboard');
+                    handleOpen(event);
                     break;
                 case 'ArrowUp':
                     // Prevent cursor move
                     event.preventDefault();
                     changeHighlightedIndex(-1, 'previous', 'keyboard');
+                    handleOpen(event);
                     break;
                 case 'Enter':
                     // Avoid early form validation, let the end-users continue filling the form.
@@ -288,6 +306,7 @@ function useAutocomplete(props) {
         selectNewValue(event, option, index, 'selectOption');
     };
     var handleTagDelete = function (option, index) { return function (event) {
+        event.preventDefault();
         selectNewValue(event, option, index, 'removeOption');
     }; };
     var groupedOptions = filteredOptions;