\n {!disableSearch && (\n
\n e.stopPropagation()}\n onChange={handleSearchChange}\n onFocus={handleSearchFocus}\n value={searchText}\n />\n \n
\n )}\n\n {hasSelectAll && hasSelectableOptions && (\n
handleItemClicked(1)}\n itemRenderer={ItemRenderer}\n disabled={disabled}\n />\n )}\n\n handleItemClicked(index)}\n ItemRenderer={ItemRenderer}\n disabled={disabled}\n />\n \n );\n};\n\nexport default SelectPanel;\n","import { css } from \"goober\";\nimport React from \"react\";\n\nimport { Option } from \"../lib/interfaces\";\n\ninterface IDefaultItemRendererProps {\n checked: boolean;\n option: Option;\n disabled?: boolean;\n onClick;\n}\n\nconst DefaultRenderer = css({\n \"& input,& span\": {\n verticalAlign: \"middle\",\n margin: 0,\n },\n span: {\n display: \"inline-block\",\n paddingLeft: \"5px\",\n },\n \"&.disabled\": {\n opacity: 0.5,\n },\n});\n\nconst DefaultItemRenderer = ({\n checked,\n option,\n onClick,\n disabled,\n}: IDefaultItemRendererProps) => {\n return (\n