smart-react-components/form/Select.js

React UI library, wide variety of editable ready to use Styled and React components.

'use strict';

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var index = require('../index-6d498b59.js');
require('../DOMHelper-c0bd5a29.js');
var React = require('react');
var React__default = _interopDefault(React);
require('styled-components');
require('../index-56ba89df.js');
require('../element/Div.js');
require('../element/Svg.js');
require('../Close-72bfdc7e.js');
require('../Badge-28700875.js');
require('../Container-7b969272.js');
require('../Icon-8e539dc5.js');
require('../element/Span.js');
require('../Text-c2784368.js');
require('react-dom');
require('../Transition-48c5648c.js');
require('../ArrowDown-a8680a44.js');
var UseSelectMethods = require('../UseSelectMethods-88c2134a.js');
require('../UseInputMethod-e6937228.js');
var UseInputOutput = require('../UseInputOutput-6af67949.js');
require('../SlideTransition-b2e129ec.js');
require('../element/Label.js');
require('../element/Input.js');
var InputElement = require('../InputElement-def827fe.js');
var Input = require('../Input-566c64fb.js');

const Select = ({ size = "default", sizeSm, sizeMd, sizeLg, sizeXl, containerProps = index.DV.JSX_ELEMENT_PROPS, selectProps = index.DV.JSX_ELEMENT_PROPS, labelProps = index.DV.JSX_ELEMENT_PROPS, label, children, optionType = "primary", active, setActive, type, fill, border, shape = "default", hover = true, waveEffect = "light", error, leftAddon, leftAddonProps = index.DV.JSX_ELEMENT_PROPS, leftAddonAbsolute, rightAddon, rightAddonProps = index.DV.JSX_ELEMENT_PROPS, rightAddonAbsolute, search, searchInputProps = index.DV.JSX_ELEMENT_PROPS }) => {
    const { itemList, searchText, setSearchText } = UseSelectMethods.useSelectMethods({ children, optionType, size, sizeSm, sizeMd, sizeLg, sizeXl, fill, shape, hover, waveEffect, disabled: selectProps.disabled, active, setActive, search });
    return UseInputOutput.useInputOutput({
        element: (React__default.createElement(InputElement.Input, Object.assign({}, selectProps, { "size$": size, "size$Sm": sizeSm, "size$Md": sizeMd, "size$Lg": sizeLg, "size$Xl": sizeXl, "type$": type, "fill$": fill, "border$": border, shape: shape, leftAddon: leftAddon ? true : false, leftAddonAbsolute: leftAddonAbsolute, rightAddon: rightAddon ? true : false, rightAddonAbsolute: rightAddonAbsolute, inputElement: false }),
            search && React__default.createElement(Input.Input, Object.assign({}, searchInputProps, { value: searchText, setValue: setSearchText })),
            itemList.value)),
        containerProps, inputProps: selectProps, labelProps, label, shape, leftAddon, leftAddonProps, leftAddonAbsolute, rightAddon, rightAddonProps, rightAddonAbsolute, error
    });
};

module.exports = Select;