@activecollab/components
Version:
ActiveCollab Components
45 lines • 1.53 kB
JavaScript
import _styled from "styled-components";
import React from "react";
import { StyledInputSelectTrigger } from "./Styles";
import { ArrowDownIcon, ArrowDownSmallIcon } from "../Icons";
import { Select } from "../Select";
import { StyledButton } from "../Trigger/Styles";
export const InputSelect = _ref => {
let {
onChange,
size,
selected,
options,
search = false,
disabled = false,
disabledInternalSort = true,
keepSameOptionsOrder = true,
selectedLabel,
renderOption,
filterCriteria
} = _ref;
return /*#__PURE__*/React.createElement(Select, {
onChange: onChange,
forceCloseMenu: true,
disableSearch: !search,
target: /*#__PURE__*/React.createElement(_StyledStyledButton, null, /*#__PURE__*/React.createElement(StyledInputSelectTrigger, {
$disabled: disabled,
$size: size
}, selectedLabel ? selectedLabel : selected, size === "big" ? /*#__PURE__*/React.createElement(ArrowDownIcon, {
fill: "var(--color-theme-700)"
}) : /*#__PURE__*/React.createElement(ArrowDownSmallIcon, {
fill: "var(--color-theme-700)"
}))),
options: options,
disabledInternalSort: disabledInternalSort,
keepSameOptionsOrder: keepSameOptionsOrder,
selected: selected,
renderOption: renderOption,
filterCriteria: filterCriteria
});
};
var _StyledStyledButton = _styled(StyledButton).withConfig({
displayName: "InputSelect___StyledStyledButton",
componentId: "sc-1lmb5y-0"
})(["flex-shrink:0"]);
//# sourceMappingURL=InputSelect.js.map