glints-aries 4.0.395 → 4.1.3

package/lib/Input/Select/Select.d.ts

@@ -1,51 +0,0 @@
-import * as React from 'react';
-import { SelectItemProps } from './SelectList';
-import { SelectInput } from './SelectStyle';
-declare const Select: React.FC<Props> & {
-    Option: React.FC<SelectItemProps>;
-};
-export interface SelectInputProps {
-    /** Disable typing on Select input, so the option can't be searched. */
-    disableTyping?: boolean;
-    /** Sets Select to be smaller. */
-    small?: boolean;
-    /** Deprecated! */
-    status?: string;
-}
-export declare type Props = React.ComponentPropsWithoutRef<typeof SelectInput> & SelectInputProps & {
-    children: React.ReactNode;
-    /** Sets value for Input. */
-    value?: string;
-    /** Sets default value for Input. */
-    defaultValue?: string;
-    /** Disable the Text Field. */
-    disabled?: boolean;
-    /** To disable browser auto complete, pass "nope" or anything other than "off". */
-    autoComplete?: string;
-    /** Shows loading spinner in menu. */
-    isLoading?: boolean;
-    /** Sets placeholder value for the Text Field. */
-    label?: string;
-    /** Sets message to display when no option matches, set it to null when the message is not needed. */
-    noOptionResult?: string;
-    /** Removes drop icon. */
-    removeDropIcon?: boolean;
-    /** Removes floating effect for placeholder. */
-    removeFloatingLabel?: boolean;
-    /** Pass true to display error state without error message */
-    error?: React.ReactNode | string | boolean;
-    /** Deprecated! */
-    renderError?: (error: React.ReactNode | string | boolean) => React.ReactNode;
-    /** Sets initial open state of Select. */
-    defaultOpen?: boolean;
-    /** A custom function to filter options by when typing into Select. By default, it filters options by input with case insensitive. However, if the input value is case sensitive same as one of options, then filterFunction will be ignored.  */
-    filterFunction?: (option: string, search: string) => boolean;
-    onFocus?(e: React.FocusEvent<HTMLInputElement>): void;
-    onBlur?(e: React.FocusEvent<HTMLInputElement>): void;
-    /** Called when select an option or value of input is changed. WARNING: firing on value of input is changed will be deprecated, please use onInputChange instead */
-    onChange?(value: string): void;
-    /** Called when value of input is changed. */
-    onInputChange?(event: React.ChangeEvent<HTMLInputElement>): void;
-};
-export declare const Option: React.FC<SelectItemProps>;
-export default Select;

package/lib/Input/Select/Select.disableTyping.test.d.ts

@@ -1,2 +0,0 @@
-import 'jest-styled-components';
-import '@testing-library/jest-dom/extend-expect';

package/lib/Input/Select/Select.js

@@ -1,340 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.Option = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var React = _interopRequireWildcard(require("react"));
-var ReactDOM = _interopRequireWildcard(require("react-dom"));
-var _lodash = require("lodash");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _SelectList = _interopRequireDefault(require("./SelectList"));
-var _components = require("../../General/Icon/components");
-var _SelectStyle = require("./SelectStyle");
-var _canWarn = require("../../Utils/canWarn");
-var _excluded = ["label", "status", "disabled", "className", "onFocus", "onBlur", "onChange", "onInputChange", "noOptionResult", "small", "disableTyping", "removeFloatingLabel", "removeDropIcon", "error", "renderError", "value", "defaultValue", "defaultOpen", "children", "isLoading", "filterFunction"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var defaultFilterFunction = function defaultFilterFunction(option, search) {
-  return (0, _lodash.toLower)(option).includes((0, _lodash.toLower)(search));
-};
-var Select = function Select(props) {
-  var label = props.label,
-    status = props.status,
-    disabled = props.disabled,
-    className = props.className,
-    onFocus = props.onFocus,
-    onBlur = props.onBlur,
-    onChange = props.onChange,
-    onInputChange = props.onInputChange,
-    _props$noOptionResult = props.noOptionResult,
-    noOptionResult = _props$noOptionResult === void 0 ? 'No results found' : _props$noOptionResult,
-    small = props.small,
-    disableTyping = props.disableTyping,
-    removeFloatingLabel = props.removeFloatingLabel,
-    removeDropIcon = props.removeDropIcon,
-    error = props.error,
-    renderError = props.renderError,
-    value = props.value,
-    defaultValue = props.defaultValue,
-    _props$defaultOpen = props.defaultOpen,
-    defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,
-    children = props.children,
-    isLoading = props.isLoading,
-    _props$filterFunction = props.filterFunction,
-    filterFunction = _props$filterFunction === void 0 ? defaultFilterFunction : _props$filterFunction,
-    defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
-
-  // warn deprecated prop "status"
-  React.useEffect(function warnDeprecatedProp() {
-    if (status) {
-      if (_canWarn.canWarn) {
-        console.warn("Warning: Select's status prop is deprecated and will be\n        removed in a future release.\n\nPlease use the error prop instead to\n        show errors and indicate an error state.");
-      }
-    }
-  }, [status]);
-
-  // warn non-string type value, defaultValue
-  React.useEffect(function warnNonStringValueAndDefaultValue() {
-    var shouldWarnValue = typeof value !== 'undefined' && typeof value !== 'string';
-    var shouldWarnDefaultValue = typeof defaultValue !== 'undefined' && typeof defaultValue !== 'string';
-    if (shouldWarnValue || shouldWarnDefaultValue) {
-      if (_canWarn.canWarn) {
-        console.warn("Warning: glints-aries Select's value and defaultValue props can only be type of string.");
-      }
-    }
-  }, [value, defaultValue]);
-  var _React$useState = React.useState(function () {
-      var initialInputValue = value || defaultValue || '';
-      return String(initialInputValue);
-    }),
-    inputValue = _React$useState[0],
-    setInputValue = _React$useState[1];
-  var _React$useState2 = React.useState(Boolean(inputValue)),
-    floating = _React$useState2[0],
-    setFloating = _React$useState2[1];
-  var _React$useState3 = React.useState(defaultOpen),
-    isFocus = _React$useState3[0],
-    setIsFocus = _React$useState3[1];
-  var _React$useState4 = React.useState(false),
-    isInputChange = _React$useState4[0],
-    setIsInputChange = _React$useState4[1];
-  var _React$useState5 = React.useState(0),
-    activeOptionIndex = _React$useState5[0],
-    setActiveOptionIndex = _React$useState5[1];
-  var _React$useState6 = React.useState(false),
-    shouldScrollToActiveOption = _React$useState6[0],
-    setShouldScrollToActiveOption = _React$useState6[1];
-  var selectContainerRef = React.useRef();
-  var selectInputRef = React.useRef();
-
-  // set options based on children and inputValue
-  var availableOptions = React.useMemo(function () {
-    var childrenOptions = React.Children.toArray(children);
-    if (!inputValue) {
-      return childrenOptions;
-    }
-    if (inputValue && disableTyping) {
-      return childrenOptions;
-    }
-    if (!isInputChange) {
-      // to check whether an option is selected by clicking an option
-      // if so, we render all the options in the dropdown
-      var isInputValueOneOfOptions = childrenOptions.some(function (data) {
-        return String(data.props.children) === inputValue;
-      });
-      if (isInputValueOneOfOptions) {
-        return childrenOptions;
-      }
-    }
-    var matchedChildrenOptions = childrenOptions.filter(function (data) {
-      var children = data.props.children;
-      if (typeof children === 'string') {
-        return filterFunction(children, inputValue);
-      }
-      if (typeof children === 'number') {
-        return filterFunction(String(children), inputValue);
-      }
-      return true;
-    });
-    return matchedChildrenOptions;
-  }, [children, inputValue, disableTyping, isInputChange, filterFunction]);
-  var _React$useState7 = React.useState(availableOptions),
-    options = _React$useState7[0],
-    setOptions = _React$useState7[1];
-  React.useEffect(function updateOptionsAndActiveIndex() {
-    setOptions(availableOptions);
-    if (!isFocus) {
-      var selectedOptionIndex = availableOptions.findIndex(function (option) {
-        var children = option.props.children;
-        if (typeof children === 'string') {
-          return (0, _lodash.toLower)(children).includes((0, _lodash.toLower)(inputValue));
-        }
-        if (typeof children === 'number') {
-          return (0, _lodash.toLower)(String(children)).includes((0, _lodash.toLower)(inputValue));
-        }
-        return false;
-      });
-      if (activeOptionIndex !== selectedOptionIndex) {
-        setActiveOptionIndex(selectedOptionIndex);
-      }
-    }
-  }, [activeOptionIndex, availableOptions, inputValue, isFocus]);
-  React.useEffect(function registerClickOutsideListener() {
-    var onClickOutside = function onClickOutside(event) {
-      var element = event.target;
-      if (selectContainerRef.current && !ReactDOM.findDOMNode(selectContainerRef.current).contains(element)) {
-        setIsFocus(false);
-      }
-    };
-    document.addEventListener('mousedown', onClickOutside, false);
-    return function () {
-      return document.removeEventListener('mousedown', onClickOutside, false);
-    };
-  }, []);
-  React.useEffect(function handleValueChange() {
-    if (value) {
-      setFloating(true);
-      setInputValue(String(value));
-      return;
-    }
-    if (value === '') {
-      setInputValue(value);
-      setFloating(false);
-    }
-  }, [value]);
-  var handleFocusOut = React.useCallback(function (e) {
-    setFloating(e.target.value.length > 0);
-    setIsInputChange(false);
-    if (typeof onBlur === 'function') {
-      return onBlur(e);
-    }
-  }, [onBlur]);
-  var handleFocus = React.useCallback(function (e) {
-    setIsFocus(true);
-    if (typeof onFocus === 'function') {
-      return onFocus(e);
-    }
-  }, [onFocus]);
-  var handleClick = function handleClick() {
-    if (!isFocus) {
-      selectInputRef.current.focus();
-    } else {
-      selectInputRef.current.blur();
-    }
-    setIsFocus(!isFocus);
-  };
-  var handleDropIconClick = function handleDropIconClick() {
-    if (!isFocus) {
-      selectInputRef.current.focus();
-    }
-    setIsFocus(!isFocus);
-  };
-
-  // Should be called when the user types into the input
-  var handleInputChange = React.useCallback(function (e) {
-    setInputValue(e.target.value);
-    setActiveOptionIndex(0);
-    setIsInputChange(true);
-    if (typeof onInputChange === 'function') {
-      onInputChange(e);
-    }
-  }, [onInputChange]);
-  var getActiveElement = React.useCallback(function () {
-    return selectContainerRef.current.querySelector('.active');
-  }, []);
-
-  // Should be called when the user selects an option
-  var handleClickOnOption = React.useCallback(function (e) {
-    var activeElement = e ? e.target : getActiveElement();
-    if (!activeElement) return; // This is the case for the 'no results' option
-    var inputValue = activeElement.textContent;
-    setInputValue(inputValue);
-    setIsFocus(false);
-    setFloating(true);
-    setIsInputChange(false);
-    if (typeof onChange === 'function') {
-      onChange(activeElement.dataset.value);
-    }
-    var activeElementIndex = Number((0, _lodash.get)(activeElement, 'dataset.id'));
-    var activeChild = options[activeElementIndex];
-    var onOptionClick = (0, _lodash.get)(activeChild, 'props.onOptionClick');
-    if (typeof onOptionClick === 'function') {
-      onOptionClick(e);
-    }
-  }, [onChange, options, getActiveElement]);
-  var scrollToActiveElement = React.useCallback(function () {
-    var selectListElement = selectContainerRef.current.querySelector('.select-listbox');
-    selectListElement.scrollTop = getActiveElement().offsetTop;
-  }, [getActiveElement]);
-
-  // Should be called when any key is pressed inside the component
-  var handleKeyDown = React.useCallback(function (e) {
-    if (disableTyping) {
-      e.preventDefault();
-    }
-    var inputElement = e.target;
-
-    // up arrow key
-    if (e.keyCode === 38 && activeOptionIndex > 0) {
-      setActiveOptionIndex(activeOptionIndex - 1);
-      setShouldScrollToActiveOption(true);
-    }
-    // down arrow key
-    else if (e.keyCode === 40 && activeOptionIndex < options.length - 1) {
-      setActiveOptionIndex(activeOptionIndex + 1);
-      setShouldScrollToActiveOption(true);
-    }
-    // enter key
-    else if (e.keyCode === 13) {
-      inputElement.blur();
-      handleClickOnOption();
-    }
-    // escape key
-    else if (e.keyCode === 27) {
-      inputElement.blur();
-      setIsFocus(false);
-    }
-  }, [disableTyping, options, activeOptionIndex, handleClickOnOption]);
-  React.useEffect(function handleScrollToActiveElement() {
-    if (shouldScrollToActiveOption) {
-      scrollToActiveElement();
-      setShouldScrollToActiveOption(false);
-    }
-  }, [shouldScrollToActiveOption, setShouldScrollToActiveOption, scrollToActiveElement]);
-  var handleMouseEnterOption = React.useCallback(function (e) {
-    var listItemElement = e.target;
-    setActiveOptionIndex(Number(listItemElement.dataset.id));
-  }, []);
-  var deprecatedStatus = status || error && 'error';
-  var shouldShowError = error && typeof error !== 'boolean';
-  var completeError = null;
-  if (shouldShowError) {
-    if (renderError) {
-      completeError = renderError(error);
-    } else {
-      completeError = /*#__PURE__*/React.createElement(_SelectStyle.SelectErrorDefault, {
-        className: "select-error-default"
-      }, error);
-    }
-  }
-  return /*#__PURE__*/React.createElement(_SelectStyle.SelectContainer, {
-    className: (0, _classnames["default"])('aries-select', className),
-    ref: selectContainerRef
-  }, /*#__PURE__*/React.createElement(_SelectStyle.SelectWrapper, {
-    className: "select-inputwrapper",
-    isFocus: isFocus,
-    small: small
-  }, /*#__PURE__*/React.createElement(_SelectStyle.SelectInput, (0, _extends2["default"])({
-    ref: selectInputRef,
-    type: "text",
-    placeholder: removeFloatingLabel && label,
-    role: "combobox",
-    "aria-expanded": isFocus,
-    "aria-autocomplete": "list",
-    status: deprecatedStatus,
-    disabled: disabled,
-    onFocus: disableTyping ? null : handleFocus,
-    onBlur: handleFocusOut,
-    onChange: handleInputChange,
-    onKeyDown: handleKeyDown,
-    onClick: disableTyping ? handleClick : null,
-    floating: floating,
-    value: inputValue,
-    small: small,
-    disableTyping: disableTyping,
-    readOnly: disableTyping,
-    autoFocus: defaultOpen
-  }, defaultProps)), !removeFloatingLabel && /*#__PURE__*/React.createElement(_SelectStyle.SelectLabel, {
-    "aria-label": label,
-    "data-testid": "select-label",
-    floating: floating,
-    status: deprecatedStatus,
-    small: small
-  }, label), !removeDropIcon && /*#__PURE__*/React.createElement("div", {
-    className: "select-icon",
-    "aria-label": "show options",
-    onClick: disabled ? null : handleDropIconClick
-  }, /*#__PURE__*/React.createElement(_components.ArrowDownIcon, {
-    color: "#777777"
-  }))), /*#__PURE__*/React.createElement(_SelectList["default"], {
-    "aria-label": "select-list",
-    activeOptionIndex: activeOptionIndex,
-    options: options,
-    isFocus: isFocus,
-    isLoading: isLoading,
-    noOptionResult: noOptionResult,
-    small: small,
-    handleClickOnOption: handleClickOnOption,
-    handleMouseEnterOption: handleMouseEnterOption
-  }), completeError);
-};
-var Option = function Option() {
-  return null;
-};
-exports.Option = Option;
-Option.displayName = 'Select.Option';
-Select.Option = Option;
-var _default = Select;
-exports["default"] = _default;

package/lib/Input/Select/Select.noTypeChecking.test.d.ts

@@ -1,2 +0,0 @@
-import 'jest-styled-components';
-import '@testing-library/jest-dom/extend-expect';

package/lib/Input/Select/Select.numberChecking.test.d.ts

@@ -1,2 +0,0 @@
-import 'jest-styled-components';
-import '@testing-library/jest-dom/extend-expect';

package/lib/Input/Select/Select.stories.d.ts

@@ -1,16 +0,0 @@
-import { Story, Meta } from '@storybook/react';
-import { Props as SelectProps } from './Select';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const DefaultSelect: any;
-export declare const BasicUsage: any;
-export declare const LoadingOptions: any;
-export declare const Error: Story<SelectProps>;
-export declare const Disabled: any;
-export declare const DefaultValue: any;
-export declare const DisableTyping: any;
-export declare const CustomizeNoOptionResultMessage: any;
-export declare const RemoveFloatingLabel: any;
-export declare const RemoveDropIcon: any;
-export declare const Sizes: Story<SelectProps>;
-export declare const CustomizeFilterFunction: Story<SelectProps>;

package/lib/Input/Select/Select.test.d.ts

@@ -1,2 +0,0 @@
-import 'jest-styled-components';
-import '@testing-library/jest-dom/extend-expect';

package/lib/Input/Select/SelectItem.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { SelectItemWrapper } from './SelectStyle';
-declare const SelectItem: React.FunctionComponent<Props>;
-declare type Props = React.ComponentPropsWithoutRef<typeof SelectItemWrapper> & {
-    children: React.ReactNode;
-    onClick?(event: React.MouseEvent<HTMLLIElement, MouseEvent>): void;
-    className?: string;
-};
-export default SelectItem;

package/lib/Input/Select/SelectItem.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var React = _interopRequireWildcard(require("react"));
-var _SelectStyle = require("./SelectStyle");
-var _excluded = ["children", "className", "onClick"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var SelectItem = function SelectItem(props) {
-  var children = props.children,
-    className = props.className,
-    onClick = props.onClick,
-    defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_SelectStyle.SelectItemWrapper, (0, _extends2["default"])({
-    className: className,
-    onMouseDown: onClick
-  }, defaultProps), children));
-};
-var _default = SelectItem;
-exports["default"] = _default;

package/lib/Input/Select/SelectList.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-declare const SelectList: React.FunctionComponent<Props>;
-interface Props {
-    activeOptionIndex: number;
-    options: React.ReactNode[];
-    isFocus: boolean;
-    isLoading: boolean;
-    noOptionResult?: string;
-    small?: boolean;
-    handleClickOnOption?: () => void;
-    handleMouseEnterOption(event: React.MouseEvent<HTMLLIElement, MouseEvent>): void;
-}
-export interface SelectItemProps {
-    children: string | number | React.ReactNode;
-    value?: string;
-    onOptionClick?(e: React.ChangeEvent<HTMLInputElement>): void;
-}
-export default SelectList;

package/lib/Input/Select/SelectList.js

@@ -1,60 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var React = _interopRequireWildcard(require("react"));
-var _SelectItem = _interopRequireDefault(require("./SelectItem"));
-var _Loading = _interopRequireDefault(require("../../General/Loading"));
-var _SelectStyle = require("./SelectStyle");
-var _excluded = ["value", "children"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var SelectList = function SelectList(_ref) {
-  var activeOptionIndex = _ref.activeOptionIndex,
-    options = _ref.options,
-    isFocus = _ref.isFocus,
-    isLoading = _ref.isLoading,
-    noOptionResult = _ref.noOptionResult,
-    small = _ref.small,
-    handleClickOnOption = _ref.handleClickOnOption,
-    handleMouseEnterOption = _ref.handleMouseEnterOption;
-  return /*#__PURE__*/React.createElement(_SelectStyle.SelectListWrapper, {
-    className: "select-listbox",
-    role: "listbox",
-    "data-testid": "listbox",
-    "aria-hidden": !isFocus && true,
-    open: isFocus,
-    small: small
-  }, options.length !== 0 && !isLoading ? options.map(function (data, index) {
-    var _data$props = data.props,
-      value = _data$props.value,
-      children = _data$props.children,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_data$props, _excluded);
-    delete restProps.onOptionClick;
-    return /*#__PURE__*/React.createElement(_SelectItem["default"], (0, _extends2["default"])({}, restProps, {
-      className: activeOptionIndex === index ? 'active' : null,
-      key: value,
-      role: "option",
-      "data-testid": "option",
-      "data-id": index,
-      "data-value": value,
-      onClick: handleClickOnOption,
-      onMouseEnter: handleMouseEnterOption,
-      tabIndex: 0
-    }), children);
-  }) : isLoading ? /*#__PURE__*/React.createElement(_SelectItem["default"], {
-    className: "select-loading",
-    role: "option"
-  }, /*#__PURE__*/React.createElement(_Loading["default"], null)) : Boolean(noOptionResult) && /*#__PURE__*/React.createElement(_SelectItem["default"], {
-    disabled: true,
-    role: "option",
-    "data-testid": "option",
-    "aria-hidden": false,
-    "aria-disabled": "true"
-  }, noOptionResult));
-};
-var _default = SelectList;
-exports["default"] = _default;

package/lib/Input/Select/SelectStyle.d.ts

@@ -1,28 +0,0 @@
-import { SelectInputProps } from './Select';
-export declare const SelectContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SelectWrapper: import("styled-components").StyledComponent<"div", any, SelectWrapperProps, never>;
-interface SelectWrapperProps {
-    isFocus: boolean;
-    small?: boolean;
-}
-export declare const SelectLabel: import("styled-components").StyledComponent<"label", any, SelectLabelProps, never>;
-interface SelectLabelProps {
-    floating: boolean;
-    small: boolean;
-    status: string;
-}
-interface StyledSelectInputProps extends SelectInputProps {
-    floating?: boolean;
-}
-export declare const SelectInput: import("styled-components").StyledComponent<"input", any, StyledSelectInputProps, never>;
-export declare const SelectListWrapper: import("styled-components").StyledComponent<"ul", any, SelectListWrapperProps, never>;
-interface SelectListWrapperProps {
-    open: boolean;
-    small: boolean;
-}
-export declare const SelectItemWrapper: import("styled-components").StyledComponent<"li", any, SelectItemWrapperProps, never>;
-interface SelectItemWrapperProps {
-    disabled?: boolean;
-}
-export declare const SelectErrorDefault: import("styled-components").StyledComponent<"span", any, {}, never>;
-export {};