@amsterdam/bmi-component-library/lib/form/CreatableSelect/CreatableSelect.js

A React component library based on ASC and Material-UI aimed at repurposing and sharing components across BMI projects

"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function(){return _default}});var _jsxruntime=require("react/jsx-runtime");var _creatable=_interop_require_default(require("react-select/creatable"));var _ReactSelectStyles=require("./ReactSelectStyles");function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}var CreatableSelect=function(_param){var inputId=_param.inputId,label=_param.label,options=_param.options,value=_param.value,error=_param.error,_param_createLabel=_param.createLabel,createLabel=_param_createLabel===void 0?"Voeg toe":_param_createLabel,props=_object_without_properties(_param,["inputId","label","options","value","error","createLabel"]);return(0,_jsxruntime.jsxs)(_jsxruntime.Fragment,{children:[label&&(0,_jsxruntime.jsx)(_ReactSelectStyles.StyledLabel,{htmlFor:inputId,label:label}),(0,_jsxruntime.jsx)(_creatable.default,_object_spread({styles:(0,_ReactSelectStyles.getSelectStyle)(_object_spread({error:error},props)),value:value,inputId:inputId,openMenuOnFocus:true,formatCreateLabel:function(value){return"".concat(createLabel,' "').concat(value,'"')},options:options,menuPlacement:"auto"},props))]})};var _default=CreatableSelect;
//# sourceMappingURL=CreatableSelect.js.map