@atlaskit/select
Version:
Select allows users to make a single selection or multiple selections from a list of options.
27 lines (26 loc) • 948 B
JavaScript
import _extends from "@babel/runtime/helpers/extends";
import React, { useMemo } from 'react';
import { CheckboxOption } from './components/checkbox-option';
import Select from './select';
const CheckboxSelectInternal = ({
components,
...props
}) => {
const mergedComponents = useMemo(() => ({
...components,
Option: CheckboxOption
}), [components]);
return /*#__PURE__*/React.createElement(Select, _extends({
closeMenuOnSelect: false,
hideSelectedOptions: false,
isMulti: true
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
}, props, {
components: mergedComponents
}));
};
export const CheckboxSelect = /*#__PURE__*/React.memo(CheckboxSelectInternal
// Type casting as `React.memo` does not forward generic types
// Reference: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/37087#issuecomment-656596623
);
// eslint-disable-next-line @repo/internal/react/require-jsdoc