react-clean-select 0.0.7-alpha-8 → 0.0.7-alpha-10

package/README.md

@@ -126,9 +126,7 @@ const options = [
 | closeOnClickInput                                                                           | bool        | false          | If true, clicking input will close the dropdown if you are not searching.                                                              |
 | [dropdownPosition](https://jlw.github.io/react-clean-select/prop/dropdown-position) | string      | "bottom"       | Available options are "auto", "top" and "bottom" defaults to "bottom". Auto will adjust itself according Select's position on the page |
 | keepSelectedInList                                                                          | bool        | true           | If false, selected option will not appear in a list                                                                                    |
-| create                                                                                      | bool        | false          | If true, select will create value from search string and fire `onCreateNew` callback prop                                              |
 | backspaceDelete                                                                             | bool        | true           | If true, backspace key will delete last value                                                                                          |
-| createNewLabel                                                                              | string      | "add {search}" | If create set to true, this will be the label of the "add new" component. `{search}` will be replaced by search value                  |
 | disabledLabel                                                                               | string      | "disabled"     | Label shown on disabled field (after) the text                                                                                         |
 | selectAll                                                                                   | bool        | false          | Allow to select all                                                                                                                    |
 | selectAllLabel                                                                              | string      | "Select all"   | Label for "Select all"                                                                                                                 |
@@ -141,12 +139,11 @@ const options = [
 
 | Prop                                                                                                     | Type | Default   | Description                                                                                    |
 |----------------------------------------------------------------------------------------------------------| ---- | --------- |------------------------------------------------------------------------------------------------|
-| onChange                                                                                                 | func |           | On values change **(user and internally triggered)** callback, returns array of values objects |
-| onSelect                                                                                                 | func |           | On values change (user triggered) callback, returns array of values objects                    |
-| onDeselect                                                                                               | func |           | On values change (user triggered) callback, returns array of values objects                    |
+| onChange                                                                                                 | func |           | On values change **(user and internally triggered)** callback, returns array of values  |
+| onSelect                                                                                                 | func |           | On values change (user triggered) callback, returns array of values                     |
+| onDeselect                                                                                               | func |           | On values change (user triggered) callback, returns array of values                     |
 | onDropdownClose                                                                                          | func |           | Fires upon dropdown close                                                                      |
 | onDropdownOpen                                                                                           | func |           | Fires upon dropdown open                                                                       |
-| onCreateNew                                                                                              | func |           | Fires upon creation of new option if `create` prop set to `true`                                 |
 | onClearAll                                                                                               | func |           | Fires upon clearing all values (via custom renderers)                                          |
 | onSelectAll                                                                                              | func |           | Fires upon selecting all values (via custom renderers)                                         |
 | onDropdownCloseRequest                                                                                   | func | undefined | Fires upon dropdown closing state, stops the closing and provides own method `close()`         |

package/assets/index.css

@@ -150,6 +150,7 @@
   text-decoration: none;
   border:1px solid #ccc;
   border-radius: 2px;
+  margin-left: 1rem;
   padding: 0 3px;
   font-size: x-small;
   text-transform: uppercase;

package/dist/react-clean-select.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("prop-types")):"function"==typeof define&&define.amd?define("reactCleanSelect",["react","prop-types"],t):"object"==typeof exports?exports.reactCleanSelect=t(require("react"),require("prop-types")):e.reactCleanSelect=t(e.React,e.PropTypes)}(this,(e,t)=>(()=>{"use strict";var o={513(e){e.exports=t},12(t){t.exports=e}},n={};function r(e){var t=n[e];if(void 0!==t)return t.exports;var s=n[e]={exports:{}};return o[e](s,s.exports,r),s.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};r.r(s),r.d(s,{Select:()=>P,default:()=>x});var a=r(12),l=r.n(a),c=(r(513),"react-clean-select");function i(e,t){return i=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},i(e,t)}const p=function(e){function t(){for(var t,o=arguments.length,n=Array(o),r=0;r<o;r++)n[r]=arguments[r];return(t=e.call.apply(e,[this].concat(n))||this).container=l().createRef(),t.handleClick=function(e){var o=t.container.current,n=e.target,r=t.props.onClickOutside;(o&&o===n||o&&!o.contains(n))&&r(e)},t}!function(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,i(e,t)}(t,e);var o=t.prototype;return o.componentDidMount=function(){document.addEventListener("click",this.handleClick,!0)},o.componentWillUnmount=function(){document.removeEventListener("click",this.handleClick,!0)},o.render=function(){var e=this.props.children;return l().createElement("div",{className:c+"-container",ref:this.container},e)},t}(l().Component);var d=function(e,t){var o;return void 0===t&&(t=0),function(){for(var n=arguments.length,r=Array(n),s=0;s<n;s++)r[s]=arguments[s];o&&clearTimeout(o),o=setTimeout(function(){e.apply(void 0,r),o=null},t)}},u=function(e,t){return t?t.split(".").reduce(function(e,t){return e[t]},e):void 0},h=function(e,t){return(u(e,t.valueField)+"").replaceAll(/[^a-zA-Z0-9]/g,"-")},f=function(e,t,o){if(!t)return e;var n=Array.isArray(t)?t:t.split(".").filter(function(e){return e.length});return n.length?f(e[n.shift()],n,o):void 0===e?o:e},m=function(){return"undefined"==typeof window&&(global.window={}),window},v=function(e,t,o){return!!t.find(function(t){return u(t,o.valueField)===e||u(t,o.labelField)===e})};function w(e,t){return w=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},w(e,t)}var b=function(e,t){var o=e.addPlaceholder,n=e.searchable,r=e.placeholder,s=t.values&&0===t.values.length;return t.values&&0<t.values.length&&o&&n?o:s?r:""};const g=function(e){function t(){for(var t,o=arguments.length,n=Array(o),r=0;r<o;r++)n[r]=arguments[r];return(t=e.call.apply(e,[this].concat(n))||this).input=l().createRef(),t.onBlur=function(e){return e.stopPropagation(),console.log("Input onBlur",{event:e}),t.props.state.dropdown?t.input.current.focus():t.input.current.blur()},t.handleKeyDown=function(e){var o=t.props,n=o.props,r=o.state,s=o.methods;console.log("Input handleKeyDown",{event:e,props:n,state:r}),n.create&&"Enter"===e.key&&!v(r.search,[].concat(r.values,n.options),t.props)&&r.search&&null===r.cursor?s.createNew(r.search):s.handleKeyDown(e)},t}!function(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,w(e,t)}(t,e);var o=t.prototype;return o.componentDidUpdate=function(e){(this.props.state.dropdown||e.state.dropdown!==this.props.state.dropdown&&this.props.state.dropdown||this.props.props.autoFocus)&&this.input.current.focus(),e.state.dropdown===this.props.state.dropdown||this.props.state.dropdown||this.input.current.blur()},o.render=function(){var e=this.props,t=e.props,o=e.state,n=e.methods;return t.inputRenderer?t.inputRenderer({props:t,state:o,methods:n,inputRef:this.input}):l().createElement("input",{ref:this.input,className:c+"-input"+(t.searchable?"":" "+c+"-input-readonly"),"data-testid":c+"-"+t.name+"-Input",disabled:t.disabled,onBlur:this.onBlur,onChange:n.setSearch,onClick:function(){return n.dropDown("open")},onFocus:function(e){return e.stopPropagation()},onKeyDown:this.handleKeyDown,placeholder:b(t,o),tabIndex:"-1",value:o.search})},t}(a.Component),S=function(e){var t=e.option,o=e.props,n=e.state,r=e.methods;if(t&&o.selectionRenderer)return o.selectionRenderer({option:t,props:o,state:n,methods:r});var s=h(t,o);return l().createElement("span",{role:"listitem",disabled:o.disabled,className:c+"-selection"+("rtl"===o.direction?" "+c+"-selection-rtl":""),"data-testid":c+"-"+o.name+"-Selection-"+s},l().createElement("span",{className:c+"-selection-label","data-testid":c+"-"+o.name+"-Selection-label-"+s},u(t,o.labelField)),l().createElement("span",{className:c+"-selection-remove","data-testid":c+"-"+o.name+"-Selection-remove-"+s,onClick:function(e){return r.removeOption(e,t,o.closeOnSelect)}},"×"))},y=function(e){var t=e.props,o=e.state,n=e.methods;return l().createElement("div",{className:c+"-content "+(t.multi?c+"-type-multi":c+"-type-single"),"data-testid":c+"-"+t.name+"-Content",onClick:function(e){return e.stopPropagation(),!0===o.dropdown&&t.closeOnClickInput&&!o.search?n.dropDown("close"):n.dropDown("open")}},t.contentRenderer?t.contentRenderer({props:t,state:o,methods:n}):l().createElement(l().Fragment,null,t.multi&&o.values?o.values.map(function(e){return l().createElement(S,{key:""+u(e,t.valueField)+u(e,t.labelField),option:e,state:o,props:t,methods:n})}):!t.multi&&o.values&&0<o.values.length?l().createElement("span",null,u(o.values[0],t.labelField)):void 0,l().createElement(g,{props:t,methods:n,state:o})),(t.name||t.required)&&l().createElement("input",{className:c+"-input-zero","data-testid":c+"-"+t.name+"-input-zero",defaultValue:o.values.map(function(e){return e[t.valueField]}).toString()||[],disabled:t.disabled,name:t.name,pattern:t.pattern,required:t.required,tabIndex:-1}))},D=function(e){var t=e.props,o=e.state,n=e.methods;return t.noDataRenderer?t.noDataRenderer({props:t,state:o,methods:n}):l().createElement("div",{className:c+"-no-data","data-testid":c+"-"+t.name+"-NoData"},t.noDataLabel)};function O(e,t){return O=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},O(e,t)}const R=function(e){function t(){for(var t,o=arguments.length,n=Array(o),r=0;r<o;r++)n[r]=arguments[r];return(t=e.call.apply(e,[this].concat(n))||this).option=l().createRef(),t}!function(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,O(e,t)}(t,e);var o=t.prototype;return o.componentDidMount=function(){var e=this.props,t=e.props,o=e.methods;this.option.current&&this.option.current.scrollIntoView&&!t.multi&&t.keepSelectedInList&&o.isSelected(this.props.option)&&this.option.current.scrollIntoView({block:"nearest",inline:"start"})},o.componentDidUpdate=function(){this.props.state.cursor===this.props.optionIndex&&this.option.current&&this.option.current.scrollIntoView&&this.option.current.scrollIntoView({behavior:"smooth",block:"nearest",inline:"start"})},o.addOption=function(e){e.preventDefault(),e.stopPropagation();var t=this.props,o=t.methods,n=t.nonSelectable,r=t.option;r.disabled||n||o.addOption(r)},o.render=function(){var e=this.props,t=e.props,o=e.state,n=e.methods,r=e.nonSelectable,s=e.option,a=e.optionIndex;if(t.optionRenderer)return t.optionRenderer(this.props);if(!t.keepSelectedInList&&n.isSelected(s))return null;var i=c+"-"+t.name+"-Option-"+h(s,t);return r&&(i=c+"-"+t.name+"-OptionInstructions"),l().createElement("span",{role:"option",ref:this.option,"aria-selected":n.isSelected(s),"aria-disabled":s.disabled,"aria-label":u(s,t.labelField),key:""+u(s,t.valueField)+u(s,t.labelField),tabIndex:"-1",className:c+"-option"+(n.isSelected(s)?" "+c+"-option-selected":"")+(o.cursor===a?" "+c+"-option-active":"")+(s.disabled?" "+c+"-option-disabled":""),"data-testid":i,"data-non-selectable":r?"true":null,onClick:this.addOption.bind(this),onKeyDown:this.addOption.bind(this)},u(s,t.labelField)," ",s.disabled&&l().createElement("ins",null,t.disabledLabel))},t}(a.Component);var C=function(e,t){var o=t.getSelectRef().getBoundingClientRect(),n=o.bottom+parseInt(e.dropdownHeight,10)+parseInt(e.dropdownGap,10);return"auto"===e.dropdownPosition?n>m().innerHeight&&n>o.top?"top":"bottom":e.dropdownPosition};const E=function(e){var t=e.props,o=e.state,n=e.methods;return l().createElement("div",{tabIndex:"-1","aria-expanded":"true",role:"list",className:c+"-dropdown "+c+"-dropdown-position-"+C(t,n),"data-testid":c+"-"+t.name+"-Dropdown"},t.dropdownRenderer?t.dropdownRenderer({props:t,state:o,methods:n}):l().createElement(l().Fragment,null,function(){if(t.create&&o.search&&!v(o.search,[].concat(o.values,t.options),t))return l().createElement("div",{role:"button",className:c+"-dropdown-add-new",onClick:function(){return n.createNew(o.search)}},t.createNewLabel.replace("{search}",'"'+o.search+'"'))}(),function(){if(t.instructionsOption&&(!o.search||""===o.search)){var e={};return e[t.labelField]=t.instructionsOption,l().createElement(R,{key:"instructionsOption",nonSelectable:!0,option:e,optionIndex:-1,state:o,props:t,methods:n})}}(),0===o.searchResults.length?void l().createElement(D,{className:c+"-no-data",state:o,props:t,methods:n}):o.searchResults.map(function(e,r){return l().createElement(R,{key:e[t.valueField].toString(),option:e,optionIndex:r,state:o,props:t,methods:n})}),function(){if(t.selectAll&&t.options&&t.multi)return l().createElement("div",{role:"button",className:c+"-dropdown-select-all",onClick:function(){return n.areAllSelected()?n.clearAll():n.selectAll()}},n.areAllSelected()?t.clearAllLabel:t.selectAllLabel)}()))},k=function(e){var t=e.props;return t.loadingRenderer?t.loadingRenderer({props:t}):l().createElement("div",{className:c+"-loading","data-testid":c+"-"+t.name+"-Loading"})},A=function(e){var t=e.props,o=e.state,n=e.methods;return t.clearRenderer?t.clearRenderer({props:t,state:o,methods:n}):l().createElement("div",{className:c+"-clear","data-testid":c+"-"+t.name+"-Clear",tabIndex:"-1",onClick:function(){return n.clearAll()},onKeyDown:function(){return n.clearAll()}},"×")},F=function(e){var t=e.props,o=e.state,n=e.methods;return t.separatorRenderer?t.separatorRenderer({props:t,state:o,methods:n}):l().createElement("div",{className:c+"-separator","data-testid":c+"-"+t.name+"-Separator"})},I=function(e){var t=e.props,o=e.state,n=e.methods,r=function(e){e.preventDefault(),e.stopPropagation(),console.log("react-clean-select DropdownHandle toggle"),n.dropDown("toggle")};return l().createElement("div",{className:c+"-dropdown-handle "+c+"-dropdown-handle-"+(o.dropdown?"open":"closed")+(t.dropdownHandleRenderer?"":" "+c+"-dropdown-handle-rotate"),"data-testid":c+"-"+t.name+"-DropdownHandle",onClick:r,onKeyDown:r,tabIndex:"-1"},t.dropdownHandleRenderer?t.dropdownHandleRenderer({props:t,state:o,methods:n}):l().createElement("svg",{fill:"currentColor",viewBox:"0 0 40 40"},l().createElement("path",{d:"M31 26.4q0 .3-.2.5l-1.1 1.2q-.3.2-.6.2t-.5-.2l-8.7-8.8-8.8 8.8q-.2.2-.5.2t-.5-.2l-1.2-1.2q-.2-.2-.2-.5t.2-.5l10.4-10.4q.3-.2.6-.2t.5.2l10.4 10.4q.2.2.2.5z"})))};function N(){return N=Object.assign?Object.assign.bind():function(e){for(var t,o=1;o<arguments.length;o++)for(var n in t=arguments[o])({}).hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},N.apply(null,arguments)}function B(e,t){return B=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},B(e,t)}var P=function(e){function t(t){var o,n=Math.floor;return{}.hasOwnProperty.call(t,"name")||(t.name="field"+n(1e3*Math.random())),(o=e.call(this,t)||this).onDropdownClose=function(){console.log("react-clean-select onDropDownClose"),o.setState({cursor:null}),o.props.onDropdownClose()},o.onScroll=function(){o.props.closeOnScroll&&(console.log("react-clean-select onScroll close"),o.dropDown("close")),o.updateSelectBounds()},o.updateSelectBounds=function(){return o.select.current&&o.setState({selectBounds:o.select.current.getBoundingClientRect()})},o.getSelectBounds=function(){return o.state.selectBounds},o.dropDown=function(e,t){return void 0===e&&(e="toggle"),void 0===t&&(t=!1),console.log("react-clean-select dropDown",{action:e,force:t}),o.props.keepOpen?void(!0!==o.state.dropdown&&o.setState({dropdown:!0})):void 0!==o.props.onDropdownCloseRequest&&o.state.dropdown&&!1===t&&"close"===e?o.props.onDropdownCloseRequest({props:o.props,methods:o.methods,state:o.state,close:function(){return o.dropDown("close",!0)}}):"close"===e&&o.state.dropdown?(o.select.current.blur(),o.setState({dropdown:!1,search:o.props.clearOnBlur?"":o.state.search}),o.setState({searchResults:o.searchResults()})):"open"!==e||o.state.dropdown?"toggle"===e&&(o.select.current.focus(),o.setState({dropdown:!o.state.dropdown})):o.setState({dropdown:!0})},o.getSelectRef=function(){return o.select.current},o.addOption=function(e){console.log("react-clean-select addOption",e);var t={};if(o.props.multi){if(v(u(e,o.props.valueField),o.state.values,o.props))return o.removeOption(null,e,!1);t.values=[].concat(o.state.values,[e]),o.props.onSelect([].concat(o.state.values,[e]))}else t.values=[e],o.props.onSelect([e]);return o.props.clearOnSelect&&(t.search=""),(o.props.closeOnSelect||!o.props.multi)&&(console.log("react-clean-select addOption props close"),t.cursor=null,t.dropdown=!1),o.setState(t),!0},o.removeOption=function(e,t,n){void 0===n&&(n=!1),console.log("react-clean-select removeOption",{event:e,option:t,close:n}),e&&(e.preventDefault(),e.stopPropagation());var r=o.state.values.filter(function(e){return u(e,o.props.valueField)!==u(t,o.props.valueField)});o.setState({dropdown:!n,values:r}),o.props.onDeselect(r)},o.setSearch=function(e){o.setSearchState(e.target.value)},o.setSearchState=function(e){console.log("react-clean-select setSearchState",e),o.setState({cursor:null,search:e},function(){return o.setState({searchResults:o.searchResults()})})},o.getInputSize=function(){return o.state.search?o.state.search.length:0<o.state.values.length?o.props.addPlaceholder.length:o.props.placeholder.length},o.toggleSelectAll=function(){return console.log("react-clean-select toggleSelectAll"),o.setState({values:0===o.state.values.length?o.selectAll():o.clearAll()})},o.clearAll=function(){console.log("react-clean-select clearAll"),o.props.onClearAll(),o.setState({values:[]})},o.selectAll=function(e){void 0===e&&(e=[]),console.log("react-clean-select selectAll"),o.props.onSelectAll();var t=0<e.length?e:o.props.options.filter(function(e){return!e.disabled});o.setState({values:t})},o.isSelected=function(e){return!!o.state.values.find(function(t){return u(t,o.props.valueField)===u(e,o.props.valueField)})},o.areAllSelected=function(){return o.state.values.length===o.props.options.filter(function(e){return!e.disabled}).length},o.safeString=function(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")},o.sortBy=function(){var e=o.props,t=e.sortBy,n=e.options;return t?(n.sort(function(e,o){return f(e,t)<f(o,t)?-1:f(e,t)>f(o,t)?1:0}),n):n},o.searchFn=function(e){var t=e.state,n=e.methods,r=new RegExp(n.safeString(t.search),"i");return n.sortBy().filter(function(e){return r.test(u(e,o.props.searchBy)||u(e,o.props.valueField))})},o.searchResults=function(){var e={state:o.state,props:o.props,methods:o.methods},t=o.props.searchFn(e)||o.searchFn(e);return o.props.multi&&!o.props.keepSelectedInList?t.filter(function(e){return!o.methods.isSelected(e)}):t},o.activeCursorOption=function(e){return o.setState({activeCursorOption:e})},o.handleKeyDown=function(e){console.log("react-clean-select handleKeyDown",e);var t={event:e,state:o.state,props:o.props,methods:o.methods,setState:o.setState.bind(o)};return o.props.handleKeyDownFn(t)||o.handleKeyDownFn(t)},o.handleKeyDownFn=function(e){var t=e.event,n=e.state,r=e.props,s=e.methods,a=e.setState,l=n.cursor,c=n.searchResults,i="Escape"===t.key,p="Enter"===t.key,d="ArrowUp"===t.key,u="ArrowDown"===t.key,h="Backspace"===t.key,f="Tab"===t.key&&!t.shiftKey,m=t.shiftKey&&"Tab"===t.key;if(console.log("react-clean-select handleKeyDownFn",{cursor:l,searchResults:c,escape:i,enter:p,arrowUp:d,arrowDown:u,backspace:h,tab:f,shiftTab:m,state:n}),i)return o.dropDown("close");if(p){var w=c[l];if(w&&!w.disabled)return r.create&&v(n.search,n.values,r)?null:(r.multi&&!r.keepSelectedInList&&0<l&&a({cursor:l-1}),s.addOption(w))}return(d||u||m&&n.dropdown||f&&n.dropdown)&&t.preventDefault(),!u&&!d||n.dropdown?void(!(u||f&&n.dropdown)||null!==l&&c.length-1!==l?u||f&&n.dropdown?a({cursor:l+1}):!(d||m&&n.dropdown)||null!==l&&0!==l?(d||m&&n.dropdown)&&0<l?a({cursor:l-1}):h&&r.backspaceDelete&&0===o.getInputSize()&&a({values:o.state.values.slice(0,-1)}):a({cursor:c.length-1}):a({cursor:0})):(o.dropDown("open"),a({cursor:u?0:c.length-1}))},o.renderDropdown=function(){return l().createElement(E,{props:o.props,state:o.state,methods:o.methods})},o.createNew=function(e){var t;console.log("react-clean-select createNew",e);var n=((t={})[o.props.labelField]=e,t[o.props.valueField]=e,t);o.addOption(n),o.props.onCreateNew(n),o.setState({search:""})},o.state={dropdown:!1,values:t.values,search:"",selectBounds:{},cursor:null,searchResults:t.options},o.methods={activeCursorOption:o.activeCursorOption,addOption:o.addOption,areAllSelected:o.areAllSelected,clearAll:o.clearAll,createNew:o.createNew,dropDown:o.dropDown,getInputSize:o.getInputSize,getSelectBounds:o.getSelectBounds,getSelectRef:o.getSelectRef,handleKeyDown:o.handleKeyDown,isSelected:o.isSelected,removeOption:o.removeOption,safeString:o.safeString,searchResults:o.searchResults,selectAll:o.selectAll,setSearch:o.setSearch,sortBy:o.sortBy,toggleSelectAll:o.toggleSelectAll},o.select=l().createRef(),o.dropdownRoot="undefined"!=typeof document&&document.createElement("div"),o}!function(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,B(e,t)}(t,e);var o=t.prototype;return o.componentDidMount=function(){m().addEventListener("resize",d(this.updateSelectBounds)),m().addEventListener("scroll",d(this.onScroll)),this.select&&this.updateSelectBounds(),this.props.defaultMenuIsOpen?(console.log("react-clean-select componentDidMount for props.defaultMenuIsOpen"),this.dropDown("open")):(console.log("react-clean-select componentDidMount close"),this.dropDown("close")),this.setState({searchResults:this.searchResults()})},o.componentDidUpdate=function(e,t){var o=this;!this.props.compareValuesFunc(e.values,this.props.values)&&this.props.compareValuesFunc(e.values,t.values)&&(this.setState({values:this.props.values},function(){o.props.onChange(o.state.values)}),this.updateSelectBounds()),e.options!==this.props.options&&this.setState({searchResults:this.searchResults()}),t.values!==this.state.values&&(this.props.onChange(this.state.values),this.updateSelectBounds()),t.search!==this.state.search&&this.updateSelectBounds(),e.multi!==this.props.multi&&this.updateSelectBounds(),t.dropdown&&t.dropdown!==this.state.dropdown&&this.onDropdownClose(),t.dropdown||t.dropdown===this.state.dropdown||this.props.onDropdownOpen()},o.componentWillUnmount=function(){m().removeEventListener("resize",d(this.updateSelectBounds,this.props.debounceDelay)),m().removeEventListener("scroll",d(this.onScroll,this.props.debounceDelay))},o.render=function(){var e=this,t=[c];return"rtl"===this.props.direction&&t.push(c+"-rtl"),this.props.disabled&&t.push(c+"-disabled"),void 0!==this.props.className&&t.push(this.props.className),l().createElement(p,{onClickOutside:function(){return console.log("react-clean-select ClickOutside close")&&e.dropDown("close")}},l().createElement("div",N({"aria-expanded":this.state.dropdown,"aria-label":"Dropdown select",className:t.join(" "),"data-testid":c+"-"+this.props.name,onClick:function(){return e.dropDown("open")},onKeyDown:this.handleKeyDown,ref:this.select,tabIndex:this.props.disabled?"-1":"0"},this.props.additionalProps),l().createElement(y,{props:this.props,state:this.state,methods:this.methods}),this.props.loading&&l().createElement(k,{props:this.props}),this.props.clearable&&l().createElement(A,{props:this.props,state:this.state,methods:this.methods}),this.props.separator&&l().createElement(F,{props:this.props,state:this.state,methods:this.methods}),this.props.dropdownHandle&&l().createElement(I,{onClick:function(){return e.select.current.focus()},props:this.props,state:this.state,methods:this.methods}),this.state.dropdown&&!this.props.disabled&&this.renderDropdown()))},t}(a.Component);P.defaultProps={additionalProps:null,addPlaceholder:"",autoFocus:!1,backspaceDelete:!0,clearable:!1,clearAllLabel:"Clear all",clearOnBlur:!0,clearOnSelect:!0,closeOnClickInput:!1,closeOnScroll:!1,closeOnSelect:!1,compareValuesFunc:function(e,t){return JSON.stringify(e)===JSON.stringify(t)},create:!1,createNewLabel:"add {search}",debounceDelay:0,defaultMenuIsOpen:!1,direction:"ltr",disabled:!1,disabledLabel:"disabled",dropdownGap:5,dropdownHandle:!0,dropdownHeight:"300px",dropdownPosition:"bottom",handleKeyDownFn:function(){},keepOpen:!1,keepSelectedInList:!0,labelField:"label",loading:!1,multi:!1,name:null,noDataLabel:"No data",onChange:function(){},onClearAll:function(){},onCreateNew:function(){},onDeselect:function(){},onDropdownClose:function(){},onDropdownCloseRequest:void 0,onDropdownOpen:function(){},onSelect:function(){},onSelectAll:function(){},options:[],pattern:void 0,placeholder:"Select...",required:!1,searchable:!0,searchBy:"label",searchFn:function(){},selectAll:!1,selectAllLabel:"Select all",separator:!1,sortBy:null,valueField:"value",values:[]};const x=P;return s})());
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("prop-types")):"function"==typeof define&&define.amd?define("reactCleanSelect",["react","prop-types"],t):"object"==typeof exports?exports.reactCleanSelect=t(require("react"),require("prop-types")):e.reactCleanSelect=t(e.React,e.PropTypes)}(this,(e,t)=>(()=>{"use strict";var o={513(e){e.exports=t},12(t){t.exports=e}},n={};function r(e){var t=n[e];if(void 0!==t)return t.exports;var s=n[e]={exports:{}};return o[e](s,s.exports,r),s.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};r.r(s),r.d(s,{Select:()=>B,default:()=>F});var a=r(12),l=r.n(a),i=(r(513),"react-clean-select");function p(e,t){return p=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},p(e,t)}const c=function(e){function t(){for(var t,o=arguments.length,n=Array(o),r=0;r<o;r++)n[r]=arguments[r];return(t=e.call.apply(e,[this].concat(n))||this).container=l().createRef(),t.handleClick=function(e){var o=t.container.current,n=e.target,r=t.props.onClickOutside;(o&&o===n||o&&!o.contains(n))&&r(e)},t}!function(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,p(e,t)}(t,e);var o=t.prototype;return o.componentDidMount=function(){document.addEventListener("click",this.handleClick,!0)},o.componentWillUnmount=function(){document.removeEventListener("click",this.handleClick,!0)},o.render=function(){var e=this.props.children;return l().createElement("div",{className:i+"-container",ref:this.container},e)},t}(l().Component);function d(e,t){return d=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},d(e,t)}var u=function(e,t){var o=e.addPlaceholder,n=e.searchable,r=e.placeholder,s=t.values&&0===t.values.length;return t.values&&0<t.values.length&&o&&n?o:s?r:""};const h=function(e){function t(){for(var t,o=arguments.length,n=Array(o),r=0;r<o;r++)n[r]=arguments[r];return(t=e.call.apply(e,[this].concat(n))||this).input=l().createRef(),t.onBlur=function(e){return e.stopPropagation(),t.props.state.dropdown?t.input.current.focus():t.input.current.blur()},t}!function(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,d(e,t)}(t,e);var o=t.prototype;return o.componentDidUpdate=function(e){(this.props.state.dropdown||e.state.dropdown!==this.props.state.dropdown&&this.props.state.dropdown||this.props.props.autoFocus)&&this.input.current.focus(),e.state.dropdown===this.props.state.dropdown||this.props.state.dropdown||this.input.current.blur()},o.render=function(){var e=this.props,t=e.props,o=e.state,n=e.methods;return t.inputRenderer?t.inputRenderer({props:t,state:o,methods:n,inputRef:this.input}):l().createElement("input",{ref:this.input,className:i+"-input"+(t.searchable?"":" "+i+"-input-readonly"),"data-testid":i+"-"+t.name+"-Input",disabled:t.disabled,onBlur:this.onBlur,onChange:n.setSearch,onClick:function(e){e.stopPropagation(),n.dropDown("open")},onFocus:function(e){return e.stopPropagation()},onKeyDown:n.handleKeyDown,placeholder:u(t,o),tabIndex:"-1",value:o.search})},t}(a.Component);var f=function(e,t){var o;return void 0===t&&(t=0),function(){for(var n=arguments.length,r=Array(n),s=0;s<n;s++)r[s]=arguments[s];o&&clearTimeout(o),o=setTimeout(function(){e.apply(void 0,r),o=null},t)}},m=function(e,t){return(e[t.valueField]+"").replaceAll(/[^a-zA-Z0-9]/g,"-")},v=function(e,t,o){if(!t)return e;var n=Array.isArray(t)?t:t.split(".").filter(function(e){return e.length});return n.length?v(e[n.shift()],n,o):void 0===e?o:e},w=function(){return"undefined"==typeof window&&(global.window={}),window};const b=function(e){var t=e.option,o=e.props,n=e.state,r=e.methods;if(t&&o.selectionRenderer)return o.selectionRenderer({option:t,props:o,state:n,methods:r});var s=m(t,o);return l().createElement("span",{role:"listitem",disabled:o.disabled,className:i+"-selection"+("rtl"===o.direction?" "+i+"-selection-rtl":""),"data-testid":i+"-"+o.name+"-Selection-"+s},l().createElement("span",{className:i+"-selection-label","data-testid":i+"-"+o.name+"-Selection-label-"+s},t[o.labelField]),l().createElement("span",{className:i+"-selection-remove","data-testid":i+"-"+o.name+"-Selection-remove-"+s,onClick:function(e){return r.removeOption(e,t,o.closeOnSelect)}},"×"))},S=function(e){var t=e.props,o=e.state,n=e.methods;return l().createElement("div",{className:i+"-content "+(t.multi?i+"-type-multi":i+"-type-single"),"data-testid":i+"-"+t.name+"-Content",onClick:function(e){return e.stopPropagation(),!0===o.dropdown&&t.closeOnClickInput&&!o.search?n.dropDown("close"):n.dropDown("open")}},t.contentRenderer?t.contentRenderer({props:t,state:o,methods:n}):l().createElement(l().Fragment,null,function(){if(o.values&&0<o.values.length){var e=n.selectedOptions();return t.multi?e.map(function(e){return l().createElement(b,{key:""+e[t.valueField]+e[t.labelField],option:e,state:o,props:t,methods:n})}):l().createElement("span",null,e[0][t.labelField])}}(),l().createElement(h,{props:t,methods:n,state:o})),(t.name||t.required)&&l().createElement("input",{className:i+"-input-zero","data-testid":i+"-"+t.name+"-input-zero",defaultValue:o.values,disabled:t.disabled,name:t.name,pattern:t.pattern,required:t.required,tabIndex:-1}))},g=function(e){var t=e.props,o=e.state,n=e.methods;return t.noDataRenderer?t.noDataRenderer({props:t,state:o,methods:n}):l().createElement("div",{className:i+"-no-data","data-testid":i+"-"+t.name+"-NoData"},t.noDataLabel)};function y(e,t){return y=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},y(e,t)}const O=function(e){function t(){for(var t,o=arguments.length,n=Array(o),r=0;r<o;r++)n[r]=arguments[r];return(t=e.call.apply(e,[this].concat(n))||this).option=l().createRef(),t}!function(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,y(e,t)}(t,e);var o=t.prototype;return o.componentDidMount=function(){var e=this.props,t=e.props,o=e.methods;this.option.current&&this.option.current.scrollIntoView&&!t.multi&&t.keepSelectedInList&&o.isSelected(this.props.option)&&this.option.current.scrollIntoView({block:"nearest",inline:"start"})},o.componentDidUpdate=function(){this.props.state.cursor===this.props.optionIndex&&this.option.current&&this.option.current.scrollIntoView&&this.option.current.scrollIntoView({behavior:"smooth",block:"nearest",inline:"start"})},o.addOption=function(e){e.preventDefault(),e.stopPropagation();var t=this.props,o=t.methods,n=t.nonSelectable,r=t.option;r.disabled||n||o.addOption(r)},o.render=function(){var e=this.props,t=e.props,o=e.state,n=e.methods,r=e.nonSelectable,s=e.option,a=e.optionIndex;if(t.optionRenderer)return t.optionRenderer(this.props);if(!t.keepSelectedInList&&n.isSelected(s))return null;var p=i+"-"+t.name+"-Option-"+m(s,t);return r&&(p=i+"-"+t.name+"-OptionInstructions"),l().createElement("span",{role:"option",ref:this.option,"aria-selected":n.isSelected(s),"aria-disabled":s.disabled,"aria-label":s[t.labelField],key:""+s[t.valueField]+s[t.labelField],tabIndex:"-1",className:i+"-option"+(n.isSelected(s)?" "+i+"-option-selected":"")+(o.cursor===a?" "+i+"-option-active":"")+(s.disabled?" "+i+"-option-disabled":""),"data-testid":p,"data-non-selectable":r?"true":null,onClick:this.addOption.bind(this),onKeyDown:this.addOption.bind(this)},s[t.labelField],s.disabled&&l().createElement("ins",null,t.disabledLabel))},t}(a.Component);var D=function(e,t){var o=t.getSelectRef().getBoundingClientRect(),n=o.bottom+parseInt(e.dropdownHeight,10)+parseInt(e.dropdownGap,10);return"auto"===e.dropdownPosition?n>w().innerHeight&&n>o.top?"top":"bottom":e.dropdownPosition};const R=function(e){var t=e.props,o=e.state,n=e.methods;return l().createElement("div",{tabIndex:"-1","aria-expanded":"true",role:"list",className:i+"-dropdown "+i+"-dropdown-position-"+D(t,n),"data-testid":i+"-"+t.name+"-Dropdown"},t.dropdownRenderer?t.dropdownRenderer({props:t,state:o,methods:n}):l().createElement(l().Fragment,null,function(){if(t.instructionsOption&&(!o.search||""===o.search)){var e={};return e[t.labelField]=t.instructionsOption,l().createElement(O,{key:"instructionsOption",nonSelectable:!0,option:e,optionIndex:-1,state:o,props:t,methods:n})}}(),0===o.searchResults.length?void l().createElement(g,{className:i+"-no-data",state:o,props:t,methods:n}):o.searchResults.map(function(e,r){return l().createElement(O,{key:e[t.valueField].toString(),option:e,optionIndex:r,state:o,props:t,methods:n})}),function(){if(t.selectAll&&t.options&&t.multi)return l().createElement("div",{role:"button",className:i+"-dropdown-select-all",onClick:function(e){e.stopPropagation(),n.areAllSelected()?n.clearAll():n.selectAll()}},n.areAllSelected()?t.clearAllLabel:t.selectAllLabel)}()))},E=function(e){var t=e.props;return t.loadingRenderer?t.loadingRenderer({props:t}):l().createElement("div",{className:i+"-loading","data-testid":i+"-"+t.name+"-Loading"})},C=function(e){var t=e.props,o=e.state,n=e.methods;return t.clearRenderer?t.clearRenderer({props:t,state:o,methods:n}):l().createElement("div",{className:i+"-clear","data-testid":i+"-"+t.name+"-Clear",tabIndex:"-1",onClick:function(e){e.stopPropagation(),n.clearAll()},onKeyDown:function(e){e.stopPropagation(),n.clearAll()}},"×")},k=function(e){var t=e.props,o=e.state,n=e.methods;return t.separatorRenderer?t.separatorRenderer({props:t,state:o,methods:n}):l().createElement("div",{className:i+"-separator","data-testid":i+"-"+t.name+"-Separator"})},A=function(e){var t=e.props,o=e.state,n=e.methods,r=function(e){e.preventDefault(),e.stopPropagation(),n.dropDown("toggle")};return l().createElement("div",{className:i+"-dropdown-handle "+i+"-dropdown-handle-"+(o.dropdown?"open":"closed")+(t.dropdownHandleRenderer?"":" "+i+"-dropdown-handle-rotate"),"data-testid":i+"-"+t.name+"-DropdownHandle",onClick:r,onKeyDown:r,tabIndex:"-1"},t.dropdownHandleRenderer?t.dropdownHandleRenderer({props:t,state:o,methods:n}):l().createElement("svg",{fill:"currentColor",viewBox:"0 0 40 40"},l().createElement("path",{d:"M31 26.4q0 .3-.2.5l-1.1 1.2q-.3.2-.6.2t-.5-.2l-8.7-8.8-8.8 8.8q-.2.2-.5.2t-.5-.2l-1.2-1.2q-.2-.2-.2-.5t.2-.5l10.4-10.4q.3-.2.6-.2t.5.2l10.4 10.4q.2.2.2.5z"})))};function I(){return I=Object.assign?Object.assign.bind():function(e){for(var t,o=1;o<arguments.length;o++)for(var n in t=arguments[o])({}).hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},I.apply(null,arguments)}function P(e,t){return P=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},P(e,t)}var B=function(e){function t(t){var o,n=Math.floor;return{}.hasOwnProperty.call(t,"name")||(t.name="field"+n(1e3*Math.random())),(o=e.call(this,t)||this).onDropdownClose=function(){o.setState({cursor:null}),o.props.onDropdownClose()},o.onScroll=function(){o.props.closeOnScroll&&o.dropDown("close"),o.updateSelectBounds()},o.updateSelectBounds=function(){return o.select.current&&o.setState({selectBounds:o.select.current.getBoundingClientRect()})},o.getSelectBounds=function(){return o.state.selectBounds},o.dropDown=function(e,t){return void 0===e&&(e="toggle"),void 0===t&&(t=!1),o.props.keepOpen?void(!0!==o.state.dropdown&&o.setState({dropdown:!0})):void 0!==o.props.onDropdownCloseRequest&&o.state.dropdown&&!1===t&&"close"===e?o.props.onDropdownCloseRequest({props:o.props,methods:o.methods,state:o.state,close:function(){return o.dropDown("close",!0)}}):"close"===e&&o.state.dropdown?(o.select.current.blur(),o.setState({dropdown:!1,search:o.props.clearOnBlur?"":o.state.search}),o.setState({searchResults:o.searchResults()})):"open"!==e||o.state.dropdown?"toggle"===e&&(o.select.current.focus(),o.setState({dropdown:!o.state.dropdown})):o.setState({dropdown:!0})},o.getSelectRef=function(){return o.select.current},o.getValue=function(e){return e[o.props.valueField]},o.searchExistsInOptions=function(){return!!o.props.options.find(function(e){return o.state.search===o.getValue(e)})},o.addOption=function(e){var t={},n=o.getValue(e);if(o.props.multi){if(o.state.values.includes(n))return o.removeOption(null,e,!1);t.values=[].concat(o.state.values,[n]),o.props.onSelect([].concat(o.state.values,[n]))}else t.values=[n],o.props.onSelect([n]);return o.props.clearOnSelect&&(t.search=""),(o.props.closeOnSelect||!o.props.multi)&&(t.cursor=null,t.dropdown=!1),o.setState(t),!0},o.removeOption=function(e,t,n){void 0===n&&(n=!1),e&&(e.preventDefault(),e.stopPropagation());var r=o.getValue(t),s=o.state.values.filter(function(e){return e!==r});o.setState({dropdown:!n,values:s}),o.props.onDeselect(s)},o.setSearch=function(e){o.setSearchState(e.target.value)},o.setSearchState=function(e){o.setState({cursor:null,search:e},function(){return o.setState({searchResults:o.searchResults()})})},o.getInputSize=function(){return o.state.search?o.state.search.length:0<o.state.values.length?o.props.addPlaceholder.length:o.props.placeholder.length},o.toggleSelectAll=function(){return o.setState({values:0===o.state.values.length?o.selectAll():o.clearAll()})},o.clearAll=function(){o.props.onClearAll(),o.setState({values:[]})},o.selectAll=function(){o.props.onSelectAll(),o.setState({values:o.props.options.filter(function(e){return!e.disabled}).map(function(e){return o.getValue(e)})})},o.isSelected=function(e){return o.state.values.includes(o.getValue(e))},o.areAllSelected=function(){return o.state.values.length===o.props.options.filter(function(e){return!e.disabled}).length},o.selectedOptions=function(){return o.props.options.filter(function(e){return o.isSelected(e)})},o.safeString=function(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")},o.sortBy=function(){var e=o.props,t=e.sortBy,n=e.options;return t?(n.sort(function(e,o){return v(e,t)<v(o,t)?-1:v(e,t)>v(o,t)?1:0}),n):n},o.searchFn=function(e){var t=e.state,n=e.methods,r=new RegExp(n.safeString(t.search),"i");return n.sortBy().filter(function(e){return r.test(e[o.props.searchBy]||e[o.props.labelField])})},o.searchResults=function(){var e={state:o.state,props:o.props,methods:o.methods},t=o.props.searchFn(e)||o.searchFn(e);return o.props.multi&&!o.props.keepSelectedInList?t.filter(function(e){return!o.methods.isSelected(e)}):t},o.activeCursorOption=function(e){return o.setState({activeCursorOption:e})},o.handleKeyDown=function(e){var t={event:e,state:o.state,props:o.props,methods:o.methods,setState:o.setState.bind(o)};return o.props.handleKeyDownFn(t)||o.handleKeyDownFn(t)},o.handleKeyDownFn=function(e){var t=e.event,n=e.state,r=e.props,s=e.methods,a=e.setState,l=n.cursor,i=n.searchResults,p="Escape"===t.key,c="Enter"===t.key,d="ArrowUp"===t.key,u="ArrowDown"===t.key,h="Backspace"===t.key,f="Tab"===t.key&&!t.shiftKey,m=t.shiftKey&&"Tab"===t.key;if(p)return o.dropDown("close");if(c){var v=i[l];if(v&&!v.disabled)return r.multi&&!r.keepSelectedInList&&0<l&&a({cursor:l-1}),s.addOption(v)}return(d||u||m&&n.dropdown||f&&n.dropdown)&&t.preventDefault(),!u&&!d||n.dropdown?void(!(u||f&&n.dropdown)||null!==l&&i.length-1!==l?u||f&&n.dropdown?a({cursor:l+1}):!(d||m&&n.dropdown)||null!==l&&0!==l?(d||m&&n.dropdown)&&0<l?a({cursor:l-1}):h&&r.backspaceDelete&&0===o.getInputSize()&&a({values:o.state.values.slice(0,-1)}):a({cursor:i.length-1}):a({cursor:0})):(o.dropDown("open"),a({cursor:u?0:i.length-1}))},o.renderDropdown=function(){return l().createElement(R,{props:o.props,state:o.state,methods:o.methods})},o.state={dropdown:!1,values:t.values,search:"",selectBounds:{},cursor:null,searchResults:t.options},o.methods={activeCursorOption:o.activeCursorOption,addOption:o.addOption,areAllSelected:o.areAllSelected,clearAll:o.clearAll,dropDown:o.dropDown,getInputSize:o.getInputSize,getSelectBounds:o.getSelectBounds,getSelectRef:o.getSelectRef,getValue:o.getValue,handleKeyDown:o.handleKeyDown,isSelected:o.isSelected,removeOption:o.removeOption,safeString:o.safeString,searchExistsInOptions:o.searchExistsInOptions,searchResults:o.searchResults,selectAll:o.selectAll,selectedOptions:o.selectedOptions,setSearch:o.setSearch,sortBy:o.sortBy,toggleSelectAll:o.toggleSelectAll},o.select=l().createRef(),o.dropdownRoot="undefined"!=typeof document&&document.createElement("div"),o}!function(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,P(e,t)}(t,e);var o=t.prototype;return o.componentDidMount=function(){w().addEventListener("resize",f(this.updateSelectBounds)),w().addEventListener("scroll",f(this.onScroll)),this.select&&this.updateSelectBounds(),this.props.defaultMenuIsOpen?this.dropDown("open"):this.dropDown("close"),this.setState({searchResults:this.searchResults()})},o.componentDidUpdate=function(e,t){var o=this;!this.props.compareValuesFunc(e.values,this.props.values)&&this.props.compareValuesFunc(e.values,t.values)&&(this.setState({values:this.props.values},function(){o.props.onChange(o.state.values)}),this.updateSelectBounds()),e.options!==this.props.options&&this.setState({searchResults:this.searchResults()}),t.values!==this.state.values&&(this.props.onChange(this.state.values),this.updateSelectBounds()),t.search!==this.state.search&&this.updateSelectBounds(),e.multi!==this.props.multi&&this.updateSelectBounds(),t.dropdown&&t.dropdown!==this.state.dropdown&&this.onDropdownClose(),t.dropdown||t.dropdown===this.state.dropdown||this.props.onDropdownOpen()},o.componentWillUnmount=function(){w().removeEventListener("resize",f(this.updateSelectBounds,this.props.debounceDelay)),w().removeEventListener("scroll",f(this.onScroll,this.props.debounceDelay))},o.render=function(){var e=this,t=[i];return"rtl"===this.props.direction&&t.push(i+"-rtl"),this.props.disabled&&t.push(i+"-disabled"),void 0!==this.props.className&&t.push(this.props.className),l().createElement(c,{onClickOutside:function(){return e.dropDown("close")}},l().createElement("div",I({"aria-expanded":this.state.dropdown,"aria-label":"Dropdown select",className:t.join(" "),"data-testid":i+"-"+this.props.name,onClick:function(t){t.stopPropagation(),e.dropDown("open")},onKeyDown:this.handleKeyDown,ref:this.select,tabIndex:this.props.disabled?"-1":"0"},this.props.additionalProps),l().createElement(S,{props:this.props,state:this.state,methods:this.methods}),this.props.loading&&l().createElement(E,{props:this.props}),this.props.clearable&&l().createElement(C,{props:this.props,state:this.state,methods:this.methods}),this.props.separator&&l().createElement(k,{props:this.props,state:this.state,methods:this.methods}),this.props.dropdownHandle&&l().createElement(A,{props:this.props,state:this.state,methods:this.methods}),this.state.dropdown&&!this.props.disabled&&this.renderDropdown()))},t}(a.Component);B.defaultProps={additionalProps:null,addPlaceholder:"",autoFocus:!1,backspaceDelete:!0,clearable:!1,clearAllLabel:"Clear all",clearOnBlur:!0,clearOnSelect:!0,closeOnClickInput:!1,closeOnScroll:!1,closeOnSelect:!1,compareValuesFunc:function(e,t){return JSON.stringify(e)===JSON.stringify(t)},debounceDelay:0,defaultMenuIsOpen:!1,direction:"ltr",disabled:!1,disabledLabel:"disabled",dropdownGap:5,dropdownHandle:!0,dropdownHeight:"300px",dropdownPosition:"bottom",handleKeyDownFn:function(){},keepOpen:!1,keepSelectedInList:!0,labelField:"label",loading:!1,multi:!1,name:null,noDataLabel:"No data",onChange:function(){},onClearAll:function(){},onDeselect:function(){},onDropdownClose:function(){},onDropdownCloseRequest:void 0,onDropdownOpen:function(){},onSelect:function(){},onSelectAll:function(){},options:[],pattern:void 0,placeholder:"Select...",required:!1,searchable:!0,searchBy:"label",searchFn:function(){},selectAll:!1,selectAllLabel:"Select all",separator:!1,sortBy:null,valueField:"value",values:[]};const F=B;return s})());

package/lib/components/Clear.js

@@ -1 +1 @@
-"use strict";exports.__esModule=!0,exports.default=void 0;var _react=_interopRequireDefault(require("react")),_constants=require("../constants");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var Clear=function(a){var b=a.props,c=a.state,d=a.methods;return b.clearRenderer?b.clearRenderer({props:b,state:c,methods:d}):/*#__PURE__*/_react.default.createElement("div",{className:_constants.LIB_NAME+"-clear","data-testid":_constants.LIB_NAME+"-"+b.name+"-Clear",tabIndex:"-1",onClick:function(){return d.clearAll()},onKeyDown:function(){return d.clearAll()}},"\xD7")},_default=exports.default=Clear;
+"use strict";exports.__esModule=!0,exports.default=void 0;var _react=_interopRequireDefault(require("react")),_constants=require("../constants");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var Clear=function(a){var b=a.props,c=a.state,d=a.methods;return b.clearRenderer?b.clearRenderer({props:b,state:c,methods:d}):/*#__PURE__*/_react.default.createElement("div",{className:_constants.LIB_NAME+"-clear","data-testid":_constants.LIB_NAME+"-"+b.name+"-Clear",tabIndex:"-1",onClick:function(a){a.stopPropagation(),d.clearAll()},onKeyDown:function(a){a.stopPropagation(),d.clearAll()}},"\xD7")},_default=exports.default=Clear;

package/lib/components/Content.js

@@ -1 +1 @@
-"use strict";exports.__esModule=!0,exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_constants=require("../constants"),_util=require("../util"),_Input=_interopRequireDefault(require("./Input")),_Selection=_interopRequireDefault(require("./Selection")),_SelectMethodsModel=_interopRequireDefault(require("../models/SelectMethodsModel")),_SelectPropsModel=_interopRequireDefault(require("../models/SelectPropsModel")),_SelectStateModel=_interopRequireDefault(require("../models/SelectStateModel"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var Content=function(a){var b=a.props,c=a.state,d=a.methods,e=function(){if(b.multi&&c.values)return c.values.map(function(a){return/*#__PURE__*/_react.default.createElement(_Selection.default,{key:""+(0,_util.getByPath)(a,b.valueField)+(0,_util.getByPath)(a,b.labelField),option:a,state:c,props:b,methods:d})});return!b.multi&&c.values&&0<c.values.length?/*#__PURE__*/_react.default.createElement("span",null,(0,_util.getByPath)(c.values[0],b.labelField)):void 0};return/*#__PURE__*/_react.default.createElement("div",{className:_constants.LIB_NAME+"-content "+(b.multi?_constants.LIB_NAME+"-type-multi":_constants.LIB_NAME+"-type-single"),"data-testid":_constants.LIB_NAME+"-"+b.name+"-Content",onClick:function(a){return a.stopPropagation(),!0===c.dropdown&&b.closeOnClickInput&&!c.search?d.dropDown("close"):d.dropDown("open")}},function(){return b.contentRenderer?b.contentRenderer({props:b,state:c,methods:d}):/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,e(),/*#__PURE__*/_react.default.createElement(_Input.default,{props:b,methods:d,state:c}))}(),(b.name||b.required)&&/*#__PURE__*/_react.default.createElement("input",{className:_constants.LIB_NAME+"-input-zero","data-testid":_constants.LIB_NAME+"-"+b.name+"-input-zero",defaultValue:c.values.map(function(a){return a[b.valueField]}).toString()||[],disabled:b.disabled,name:b.name,pattern:b.pattern,required:b.required,tabIndex:-1}))},_default=exports.default=Content;
+"use strict";exports.__esModule=!0,exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_constants=require("../constants"),_Input=_interopRequireDefault(require("./Input")),_Selection=_interopRequireDefault(require("./Selection")),_SelectMethodsModel=_interopRequireDefault(require("../models/SelectMethodsModel")),_SelectPropsModel=_interopRequireDefault(require("../models/SelectPropsModel")),_SelectStateModel=_interopRequireDefault(require("../models/SelectStateModel"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var Content=function(a){var b=a.props,c=a.state,d=a.methods,e=function(){if(c.values&&0<c.values.length){var a=d.selectedOptions();return b.multi?a.map(function(a){return/*#__PURE__*/_react.default.createElement(_Selection.default,{key:""+a[b.valueField]+a[b.labelField],option:a,state:c,props:b,methods:d})}):/*#__PURE__*/_react.default.createElement("span",null,a[0][b.labelField])}};return/*#__PURE__*/_react.default.createElement("div",{className:_constants.LIB_NAME+"-content "+(b.multi?_constants.LIB_NAME+"-type-multi":_constants.LIB_NAME+"-type-single"),"data-testid":_constants.LIB_NAME+"-"+b.name+"-Content",onClick:function(a){return a.stopPropagation(),!0===c.dropdown&&b.closeOnClickInput&&!c.search?d.dropDown("close"):d.dropDown("open")}},function(){return b.contentRenderer?b.contentRenderer({props:b,state:c,methods:d}):/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,e(),/*#__PURE__*/_react.default.createElement(_Input.default,{props:b,methods:d,state:c}))}(),(b.name||b.required)&&/*#__PURE__*/_react.default.createElement("input",{className:_constants.LIB_NAME+"-input-zero","data-testid":_constants.LIB_NAME+"-"+b.name+"-input-zero",defaultValue:c.values,disabled:b.disabled,name:b.name,pattern:b.pattern,required:b.required,tabIndex:-1}))},_default=exports.default=Content;

package/lib/components/Dropdown.js

@@ -1 +1 @@
-"use strict";exports.__esModule=!0,exports.default=void 0;var _react=_interopRequireDefault(require("react")),_NoData=_interopRequireDefault(require("../components/NoData")),_Option=_interopRequireDefault(require("../components/Option")),_constants=require("../constants"),_util=require("../util");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var dropdownPosition=function(a,b){var c=b.getSelectRef().getBoundingClientRect(),d=c.bottom+parseInt(a.dropdownHeight,10)+parseInt(a.dropdownGap,10);return"auto"===a.dropdownPosition?d>(0,_util.isomorphicWindow)().innerHeight&&d>c.top?"top":"bottom":a.dropdownPosition},Dropdown=function(a){var b=a.props,c=a.state,d=a.methods,e=function(){if(b.create&&c.search&&!(0,_util.valueExistInSelected)(c.search,[].concat(c.values,b.options),b))return/*#__PURE__*/_react.default.createElement("div",{role:"button",className:_constants.LIB_NAME+"-dropdown-add-new",onClick:function(){return d.createNew(c.search)}},b.createNewLabel.replace("{search}","\""+c.search+"\""))},f=function(){if(b.selectAll&&b.options&&b.multi)return/*#__PURE__*/_react.default.createElement("div",{role:"button",className:_constants.LIB_NAME+"-dropdown-select-all",onClick:function(){return d.areAllSelected()?d.clearAll():d.selectAll()}},d.areAllSelected()?b.clearAllLabel:b.selectAllLabel)},g=function(){if(b.instructionsOption&&(!c.search||""===c.search)){var a={};return a[b.labelField]=b.instructionsOption,/*#__PURE__*/_react.default.createElement(_Option.default,{key:"instructionsOption",nonSelectable:!0,option:a,optionIndex:-1,state:c,props:b,methods:d})}},h=function(){return 0===c.searchResults.length?void _react.default.createElement(_NoData.default,{className:_constants.LIB_NAME+"-no-data",state:c,props:b,methods:d}):c.searchResults.map(function(a,e){return/*#__PURE__*/_react.default.createElement(_Option.default,{key:a[b.valueField].toString(),option:a,optionIndex:e,state:c,props:b,methods:d})})};return/*#__PURE__*/_react.default.createElement("div",{tabIndex:"-1","aria-expanded":"true",role:"list",className:_constants.LIB_NAME+"-dropdown "+_constants.LIB_NAME+"-dropdown-position-"+dropdownPosition(b,d),"data-testid":_constants.LIB_NAME+"-"+b.name+"-Dropdown"},function(){return b.dropdownRenderer?b.dropdownRenderer({props:b,state:c,methods:d}):/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,e(),g(),h(),f())}())},_default=exports.default=Dropdown;
+"use strict";exports.__esModule=!0,exports.default=void 0;var _react=_interopRequireDefault(require("react")),_NoData=_interopRequireDefault(require("../components/NoData")),_Option=_interopRequireDefault(require("../components/Option")),_constants=require("../constants"),_util=require("../util");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var dropdownPosition=function(a,b){var c=b.getSelectRef().getBoundingClientRect(),d=c.bottom+parseInt(a.dropdownHeight,10)+parseInt(a.dropdownGap,10);return"auto"===a.dropdownPosition?d>(0,_util.isomorphicWindow)().innerHeight&&d>c.top?"top":"bottom":a.dropdownPosition},Dropdown=function(a){var b=a.props,c=a.state,d=a.methods,e=function(){if(b.selectAll&&b.options&&b.multi)return/*#__PURE__*/_react.default.createElement("div",{role:"button",className:_constants.LIB_NAME+"-dropdown-select-all",onClick:function(a){a.stopPropagation(),d.areAllSelected()?d.clearAll():d.selectAll()}},d.areAllSelected()?b.clearAllLabel:b.selectAllLabel)},f=function(){if(b.instructionsOption&&(!c.search||""===c.search)){var a={};return a[b.labelField]=b.instructionsOption,/*#__PURE__*/_react.default.createElement(_Option.default,{key:"instructionsOption",nonSelectable:!0,option:a,optionIndex:-1,state:c,props:b,methods:d})}},g=function(){return 0===c.searchResults.length?void _react.default.createElement(_NoData.default,{className:_constants.LIB_NAME+"-no-data",state:c,props:b,methods:d}):c.searchResults.map(function(a,e){return/*#__PURE__*/_react.default.createElement(_Option.default,{key:a[b.valueField].toString(),option:a,optionIndex:e,state:c,props:b,methods:d})})};return/*#__PURE__*/_react.default.createElement("div",{tabIndex:"-1","aria-expanded":"true",role:"list",className:_constants.LIB_NAME+"-dropdown "+_constants.LIB_NAME+"-dropdown-position-"+dropdownPosition(b,d),"data-testid":_constants.LIB_NAME+"-"+b.name+"-Dropdown"},function(){return b.dropdownRenderer?b.dropdownRenderer({props:b,state:c,methods:d}):/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,f(),g(),e())}())},_default=exports.default=Dropdown;

package/lib/components/DropdownHandle.js

@@ -1 +1 @@
-"use strict";exports.__esModule=!0,exports.default=void 0;var _react=_interopRequireDefault(require("react")),_constants=require("../constants");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var DropdownHandle=function(a){var b=a.props,c=a.state,d=a.methods,e=function(a){a.preventDefault(),a.stopPropagation(),console.log("react-clean-select DropdownHandle toggle"),d.dropDown("toggle")};return/*#__PURE__*/_react.default.createElement("div",{className:_constants.LIB_NAME+"-dropdown-handle "+_constants.LIB_NAME+"-dropdown-handle-"+(c.dropdown?"open":"closed")+(b.dropdownHandleRenderer?"":" "+_constants.LIB_NAME+"-dropdown-handle-rotate"),"data-testid":_constants.LIB_NAME+"-"+b.name+"-DropdownHandle",onClick:e,onKeyDown:e,tabIndex:"-1"},b.dropdownHandleRenderer?b.dropdownHandleRenderer({props:b,state:c,methods:d}):/*#__PURE__*/_react.default.createElement("svg",{fill:"currentColor",viewBox:"0 0 40 40"},/*#__PURE__*/_react.default.createElement("path",{d:"M31 26.4q0 .3-.2.5l-1.1 1.2q-.3.2-.6.2t-.5-.2l-8.7-8.8-8.8 8.8q-.2.2-.5.2t-.5-.2l-1.2-1.2q-.2-.2-.2-.5t.2-.5l10.4-10.4q.3-.2.6-.2t.5.2l10.4 10.4q.2.2.2.5z"})))},_default=exports.default=DropdownHandle;
+"use strict";exports.__esModule=!0,exports.default=void 0;var _react=_interopRequireDefault(require("react")),_constants=require("../constants");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var DropdownHandle=function(a){var b=a.props,c=a.state,d=a.methods,e=function(a){a.preventDefault(),a.stopPropagation(),d.dropDown("toggle")};return/*#__PURE__*/_react.default.createElement("div",{className:_constants.LIB_NAME+"-dropdown-handle "+_constants.LIB_NAME+"-dropdown-handle-"+(c.dropdown?"open":"closed")+(b.dropdownHandleRenderer?"":" "+_constants.LIB_NAME+"-dropdown-handle-rotate"),"data-testid":_constants.LIB_NAME+"-"+b.name+"-DropdownHandle",onClick:e,onKeyDown:e,tabIndex:"-1"},b.dropdownHandleRenderer?b.dropdownHandleRenderer({props:b,state:c,methods:d}):/*#__PURE__*/_react.default.createElement("svg",{fill:"currentColor",viewBox:"0 0 40 40"},/*#__PURE__*/_react.default.createElement("path",{d:"M31 26.4q0 .3-.2.5l-1.1 1.2q-.3.2-.6.2t-.5-.2l-8.7-8.8-8.8 8.8q-.2.2-.5.2t-.5-.2l-1.2-1.2q-.2-.2-.2-.5t.2-.5l10.4-10.4q.3-.2.6-.2t.5.2l10.4 10.4q.2.2.2.5z"})))},_default=exports.default=DropdownHandle;

package/lib/components/Input.js

@@ -1 +1 @@
-"use strict";exports.__esModule=!0,exports.default=void 0;var _react=_interopRequireWildcard(require("react")),PropTypes=_interopRequireWildcard(require("prop-types")),_constants=require("../constants"),_util=require("../util");function _interopRequireWildcard(a,b){if("function"==typeof WeakMap)var c=new WeakMap,d=new WeakMap;return(_interopRequireWildcard=function(a,b){if(!b&&a&&a.__esModule)return a;var e,g,h={__proto__:null,default:a};if(null===a||"object"!=typeof a&&"function"!=typeof a)return h;if(e=b?d:c){if(e.has(a))return e.get(a);e.set(a,h)}for(var f in a)"default"!=f&&{}.hasOwnProperty.call(a,f)&&((g=(e=Object.defineProperty)&&Object.getOwnPropertyDescriptor(a,f))&&(g.get||g.set)?e(h,f,g):h[f]=a[f]);return h})(a,b)}function _inheritsLoose(a,b){a.prototype=Object.create(b.prototype),a.prototype.constructor=a,_setPrototypeOf(a,b)}function _setPrototypeOf(a,b){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(a,b){return a.__proto__=b,a},_setPrototypeOf(a,b)}/* eslint-disable react/jsx-handler-names */var handlePlaceHolder=function(a,b){var c=a.addPlaceholder,d=a.searchable,e=a.placeholder,f=b.values&&0===b.values.length,g=b.values&&0<b.values.length;return g&&c&&d?c:f?e:g&&!d?"":""},Input=/*#__PURE__*/function(a){function b(){for(var b,c=arguments.length,d=Array(c),e=0;e<c;e++)d[e]=arguments[e];return b=a.call.apply(a,[this].concat(d))||this,b.input=/*#__PURE__*/_react.default.createRef(),b.onBlur=function(a){return a.stopPropagation(),console.log("Input onBlur",{event:a}),b.props.state.dropdown?b.input.current.focus():b.input.current.blur()},b.handleKeyDown=function(a){var c=b.props,d=c.props,e=c.state,f=c.methods;console.log("Input handleKeyDown",{event:a,props:d,state:e}),d.create&&"Enter"===a.key&&!(0,_util.valueExistInSelected)(e.search,[].concat(e.values,d.options),b.props)&&e.search&&null===e.cursor?f.createNew(e.search):f.handleKeyDown(a)},b}_inheritsLoose(b,a);var c=b.prototype;return c.componentDidUpdate=function(a){(this.props.state.dropdown||a.state.dropdown!==this.props.state.dropdown&&this.props.state.dropdown||this.props.props.autoFocus)&&this.input.current.focus(),a.state.dropdown===this.props.state.dropdown||this.props.state.dropdown||this.input.current.blur()},c.render=function(){var a=this.props,b=a.props,c=a.state,d=a.methods;return b.inputRenderer?b.inputRenderer({props:b,state:c,methods:d,inputRef:this.input}):/*#__PURE__*/_react.default.createElement("input",{ref:this.input,className:_constants.LIB_NAME+"-input"+(b.searchable?"":" "+_constants.LIB_NAME+"-input-readonly"),"data-testid":_constants.LIB_NAME+"-"+b.name+"-Input",disabled:b.disabled,onBlur:this.onBlur,onChange:d.setSearch,onClick:function(){return d.dropDown("open")},onFocus:function(a){return a.stopPropagation()},onKeyDown:this.handleKeyDown,placeholder:handlePlaceHolder(b,c),tabIndex:"-1",value:c.search})},b}(_react.Component),_default=exports.default=Input;
+"use strict";exports.__esModule=!0,exports.default=void 0;var _react=_interopRequireWildcard(require("react")),PropTypes=_interopRequireWildcard(require("prop-types")),_constants=require("../constants");function _interopRequireWildcard(a,b){if("function"==typeof WeakMap)var c=new WeakMap,d=new WeakMap;return(_interopRequireWildcard=function(a,b){if(!b&&a&&a.__esModule)return a;var e,g,h={__proto__:null,default:a};if(null===a||"object"!=typeof a&&"function"!=typeof a)return h;if(e=b?d:c){if(e.has(a))return e.get(a);e.set(a,h)}for(var f in a)"default"!=f&&{}.hasOwnProperty.call(a,f)&&((g=(e=Object.defineProperty)&&Object.getOwnPropertyDescriptor(a,f))&&(g.get||g.set)?e(h,f,g):h[f]=a[f]);return h})(a,b)}function _inheritsLoose(a,b){a.prototype=Object.create(b.prototype),a.prototype.constructor=a,_setPrototypeOf(a,b)}function _setPrototypeOf(a,b){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(a,b){return a.__proto__=b,a},_setPrototypeOf(a,b)}/* eslint-disable react/jsx-handler-names */var handlePlaceHolder=function(a,b){var c=a.addPlaceholder,d=a.searchable,e=a.placeholder,f=b.values&&0===b.values.length,g=b.values&&0<b.values.length;return g&&c&&d?c:f?e:g&&!d?"":""},Input=/*#__PURE__*/function(a){function b(){for(var b,c=arguments.length,d=Array(c),e=0;e<c;e++)d[e]=arguments[e];return b=a.call.apply(a,[this].concat(d))||this,b.input=/*#__PURE__*/_react.default.createRef(),b.onBlur=function(a){return a.stopPropagation(),b.props.state.dropdown?b.input.current.focus():b.input.current.blur()},b}_inheritsLoose(b,a);var c=b.prototype;return c.componentDidUpdate=function(a){(this.props.state.dropdown||a.state.dropdown!==this.props.state.dropdown&&this.props.state.dropdown||this.props.props.autoFocus)&&this.input.current.focus(),a.state.dropdown===this.props.state.dropdown||this.props.state.dropdown||this.input.current.blur()},c.render=function(){var a=this.props,b=a.props,c=a.state,d=a.methods;return b.inputRenderer?b.inputRenderer({props:b,state:c,methods:d,inputRef:this.input}):/*#__PURE__*/_react.default.createElement("input",{ref:this.input,className:_constants.LIB_NAME+"-input"+(b.searchable?"":" "+_constants.LIB_NAME+"-input-readonly"),"data-testid":_constants.LIB_NAME+"-"+b.name+"-Input",disabled:b.disabled,onBlur:this.onBlur,onChange:d.setSearch,onClick:function(a){a.stopPropagation(),d.dropDown("open")},onFocus:function(a){return a.stopPropagation()},onKeyDown:d.handleKeyDown,placeholder:handlePlaceHolder(b,c),tabIndex:"-1",value:c.search})},b}(_react.Component),_default=exports.default=Input;

package/lib/components/Option.js

@@ -1 +1 @@
-"use strict";exports.__esModule=!0,exports.default=void 0;var _react=_interopRequireWildcard(require("react")),PropTypes=_interopRequireWildcard(require("prop-types")),_constants=require("../constants"),_util=require("../util");function _interopRequireWildcard(a,b){if("function"==typeof WeakMap)var c=new WeakMap,d=new WeakMap;return(_interopRequireWildcard=function(a,b){if(!b&&a&&a.__esModule)return a;var e,g,h={__proto__:null,default:a};if(null===a||"object"!=typeof a&&"function"!=typeof a)return h;if(e=b?d:c){if(e.has(a))return e.get(a);e.set(a,h)}for(var f in a)"default"!=f&&{}.hasOwnProperty.call(a,f)&&((g=(e=Object.defineProperty)&&Object.getOwnPropertyDescriptor(a,f))&&(g.get||g.set)?e(h,f,g):h[f]=a[f]);return h})(a,b)}function _inheritsLoose(a,b){a.prototype=Object.create(b.prototype),a.prototype.constructor=a,_setPrototypeOf(a,b)}function _setPrototypeOf(a,b){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(a,b){return a.__proto__=b,a},_setPrototypeOf(a,b)}var Option=/*#__PURE__*/function(a){function b(){for(var b,c=arguments.length,d=Array(c),e=0;e<c;e++)d[e]=arguments[e];return b=a.call.apply(a,[this].concat(d))||this,b.option=/*#__PURE__*/_react.default.createRef(),b}_inheritsLoose(b,a);var c=b.prototype;return c.componentDidMount=function(){var a=this.props,b=a.props,c=a.methods;this.option.current&&this.option.current.scrollIntoView&&!b.multi&&b.keepSelectedInList&&c.isSelected(this.props.option)&&this.option.current.scrollIntoView({block:"nearest",inline:"start"})},c.componentDidUpdate=function(){this.props.state.cursor===this.props.optionIndex&&this.option.current&&this.option.current.scrollIntoView&&this.option.current.scrollIntoView({behavior:"smooth",block:"nearest",inline:"start"})},c.addOption=function(a){a.preventDefault(),a.stopPropagation();var b=this.props,c=b.methods,d=b.nonSelectable,e=b.option;e.disabled||d||c.addOption(e)},c.render=function(){var a=this.props,b=a.props,c=a.state,d=a.methods,e=a.nonSelectable,f=a.option,g=a.optionIndex;if(b.optionRenderer)return b.optionRenderer(this.props);if(!b.keepSelectedInList&&d.isSelected(f))return null;var h=_constants.LIB_NAME+"-"+b.name+"-Option-"+(0,_util.getOptionSlug)(f,b);return e&&(h=_constants.LIB_NAME+"-"+b.name+"-OptionInstructions"),/*#__PURE__*/_react.default.createElement("span",{role:"option",ref:this.option,"aria-selected":d.isSelected(f),"aria-disabled":f.disabled,"aria-label":(0,_util.getByPath)(f,b.labelField),key:""+(0,_util.getByPath)(f,b.valueField)+(0,_util.getByPath)(f,b.labelField),tabIndex:"-1",className:_constants.LIB_NAME+"-option"+(d.isSelected(f)?" "+_constants.LIB_NAME+"-option-selected":"")+(c.cursor===g?" "+_constants.LIB_NAME+"-option-active":"")+(f.disabled?" "+_constants.LIB_NAME+"-option-disabled":""),"data-testid":h,"data-non-selectable":e?"true":null,onClick:this.addOption.bind(this),onKeyDown:this.addOption.bind(this)},(0,_util.getByPath)(f,b.labelField)," ",f.disabled&&/*#__PURE__*/_react.default.createElement("ins",null,b.disabledLabel))},b}(_react.Component),_default=exports.default=Option;
+"use strict";exports.__esModule=!0,exports.default=void 0;var _react=_interopRequireWildcard(require("react")),PropTypes=_interopRequireWildcard(require("prop-types")),_constants=require("../constants"),_util=require("../util");function _interopRequireWildcard(a,b){if("function"==typeof WeakMap)var c=new WeakMap,d=new WeakMap;return(_interopRequireWildcard=function(a,b){if(!b&&a&&a.__esModule)return a;var e,g,h={__proto__:null,default:a};if(null===a||"object"!=typeof a&&"function"!=typeof a)return h;if(e=b?d:c){if(e.has(a))return e.get(a);e.set(a,h)}for(var f in a)"default"!=f&&{}.hasOwnProperty.call(a,f)&&((g=(e=Object.defineProperty)&&Object.getOwnPropertyDescriptor(a,f))&&(g.get||g.set)?e(h,f,g):h[f]=a[f]);return h})(a,b)}function _inheritsLoose(a,b){a.prototype=Object.create(b.prototype),a.prototype.constructor=a,_setPrototypeOf(a,b)}function _setPrototypeOf(a,b){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(a,b){return a.__proto__=b,a},_setPrototypeOf(a,b)}var Option=/*#__PURE__*/function(a){function b(){for(var b,c=arguments.length,d=Array(c),e=0;e<c;e++)d[e]=arguments[e];return b=a.call.apply(a,[this].concat(d))||this,b.option=/*#__PURE__*/_react.default.createRef(),b}_inheritsLoose(b,a);var c=b.prototype;return c.componentDidMount=function(){var a=this.props,b=a.props,c=a.methods;this.option.current&&this.option.current.scrollIntoView&&!b.multi&&b.keepSelectedInList&&c.isSelected(this.props.option)&&this.option.current.scrollIntoView({block:"nearest",inline:"start"})},c.componentDidUpdate=function(){this.props.state.cursor===this.props.optionIndex&&this.option.current&&this.option.current.scrollIntoView&&this.option.current.scrollIntoView({behavior:"smooth",block:"nearest",inline:"start"})},c.addOption=function(a){a.preventDefault(),a.stopPropagation();var b=this.props,c=b.methods,d=b.nonSelectable,e=b.option;e.disabled||d||c.addOption(e)},c.render=function(){var a=this.props,b=a.props,c=a.state,d=a.methods,e=a.nonSelectable,f=a.option,g=a.optionIndex;if(b.optionRenderer)return b.optionRenderer(this.props);if(!b.keepSelectedInList&&d.isSelected(f))return null;var h=_constants.LIB_NAME+"-"+b.name+"-Option-"+(0,_util.getOptionSlug)(f,b);return e&&(h=_constants.LIB_NAME+"-"+b.name+"-OptionInstructions"),/*#__PURE__*/_react.default.createElement("span",{role:"option",ref:this.option,"aria-selected":d.isSelected(f),"aria-disabled":f.disabled,"aria-label":f[b.labelField],key:""+f[b.valueField]+f[b.labelField],tabIndex:"-1",className:_constants.LIB_NAME+"-option"+(d.isSelected(f)?" "+_constants.LIB_NAME+"-option-selected":"")+(c.cursor===g?" "+_constants.LIB_NAME+"-option-active":"")+(f.disabled?" "+_constants.LIB_NAME+"-option-disabled":""),"data-testid":h,"data-non-selectable":e?"true":null,onClick:this.addOption.bind(this),onKeyDown:this.addOption.bind(this)},f[b.labelField],f.disabled&&/*#__PURE__*/_react.default.createElement("ins",null,b.disabledLabel))},b}(_react.Component),_default=exports.default=Option;

package/lib/components/Selection.js

@@ -1 +1 @@
-"use strict";exports.__esModule=!0,exports.default=void 0;var _react=_interopRequireDefault(require("react")),_constants=require("../constants"),_util=require("../util");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var Selection=function(a){var b=a.option,c=a.props,d=a.state,e=a.methods;if(b&&c.selectionRenderer)return c.selectionRenderer({option:b,props:c,state:d,methods:e});var f=(0,_util.getOptionSlug)(b,c);return/*#__PURE__*/_react.default.createElement("span",{role:"listitem",disabled:c.disabled,className:_constants.LIB_NAME+"-selection"+("rtl"===c.direction?" "+_constants.LIB_NAME+"-selection-rtl":""),"data-testid":_constants.LIB_NAME+"-"+c.name+"-Selection-"+f},/*#__PURE__*/_react.default.createElement("span",{className:_constants.LIB_NAME+"-selection-label","data-testid":_constants.LIB_NAME+"-"+c.name+"-Selection-label-"+f},(0,_util.getByPath)(b,c.labelField)),/*#__PURE__*/_react.default.createElement("span",{className:_constants.LIB_NAME+"-selection-remove","data-testid":_constants.LIB_NAME+"-"+c.name+"-Selection-remove-"+f,onClick:function(a){return e.removeOption(a,b,c.closeOnSelect)}},"\xD7"))},_default=exports.default=Selection;
+"use strict";exports.__esModule=!0,exports.default=void 0;var _react=_interopRequireDefault(require("react")),_constants=require("../constants"),_util=require("../util");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var Selection=function(a){var b=a.option,c=a.props,d=a.state,e=a.methods;if(b&&c.selectionRenderer)return c.selectionRenderer({option:b,props:c,state:d,methods:e});var f=(0,_util.getOptionSlug)(b,c);return/*#__PURE__*/_react.default.createElement("span",{role:"listitem",disabled:c.disabled,className:_constants.LIB_NAME+"-selection"+("rtl"===c.direction?" "+_constants.LIB_NAME+"-selection-rtl":""),"data-testid":_constants.LIB_NAME+"-"+c.name+"-Selection-"+f},/*#__PURE__*/_react.default.createElement("span",{className:_constants.LIB_NAME+"-selection-label","data-testid":_constants.LIB_NAME+"-"+c.name+"-Selection-label-"+f},b[c.labelField]),/*#__PURE__*/_react.default.createElement("span",{className:_constants.LIB_NAME+"-selection-remove","data-testid":_constants.LIB_NAME+"-"+c.name+"-Selection-remove-"+f,onClick:function(a){return e.removeOption(a,b,c.closeOnSelect)}},"\xD7"))},_default=exports.default=Selection;

package/lib/index.js

@@ -1 +1 @@
-"use strict";exports.__esModule=!0,exports.default=exports.Select=void 0;var _react=_interopRequireWildcard(require("react")),_ClickOutside=_interopRequireDefault(require("./components/ClickOutside")),_Content=_interopRequireDefault(require("./components/Content")),_Dropdown=_interopRequireDefault(require("./components/Dropdown")),_Loading=_interopRequireDefault(require("./components/Loading")),_Clear=_interopRequireDefault(require("./components/Clear")),_Separator=_interopRequireDefault(require("./components/Separator")),_DropdownHandle=_interopRequireDefault(require("./components/DropdownHandle")),_util=require("./util"),_constants=require("./constants"),_SelectPropsModel=_interopRequireDefault(require("./models/SelectPropsModel"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _interopRequireWildcard(a,b){if("function"==typeof WeakMap)var c=new WeakMap,d=new WeakMap;return(_interopRequireWildcard=function(a,b){if(!b&&a&&a.__esModule)return a;var e,g,h={__proto__:null,default:a};if(null===a||"object"!=typeof a&&"function"!=typeof a)return h;if(e=b?d:c){if(e.has(a))return e.get(a);e.set(a,h)}for(var f in a)"default"!=f&&{}.hasOwnProperty.call(a,f)&&((g=(e=Object.defineProperty)&&Object.getOwnPropertyDescriptor(a,f))&&(g.get||g.set)?e(h,f,g):h[f]=a[f]);return h})(a,b)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}function _inheritsLoose(a,b){a.prototype=Object.create(b.prototype),a.prototype.constructor=a,_setPrototypeOf(a,b)}function _setPrototypeOf(a,b){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(a,b){return a.__proto__=b,a},_setPrototypeOf(a,b)}var Select=exports.Select=/*#__PURE__*/function(a){function b(b){var d,c=Math.floor;return{}.hasOwnProperty.call(b,"name")||(b.name="field"+c(1e3*Math.random())),d=a.call(this,b)||this,d.onDropdownClose=function(){console.log("react-clean-select onDropDownClose"),d.setState({cursor:null}),d.props.onDropdownClose()},d.onScroll=function(){d.props.closeOnScroll&&(console.log("react-clean-select onScroll close"),d.dropDown("close")),d.updateSelectBounds()},d.updateSelectBounds=function(){return d.select.current&&d.setState({selectBounds:d.select.current.getBoundingClientRect()})},d.getSelectBounds=function(){return d.state.selectBounds},d.dropDown=function(a,b){return void 0===a&&(a="toggle"),void 0===b&&(b=!1),console.log("react-clean-select dropDown",{action:a,force:b}),d.props.keepOpen?void(!0!==d.state.dropdown&&d.setState({dropdown:!0})):void 0!==d.props.onDropdownCloseRequest&&d.state.dropdown&&!1===b&&"close"===a?d.props.onDropdownCloseRequest({props:d.props,methods:d.methods,state:d.state,close:function(){return d.dropDown("close",!0)}}):"close"===a&&d.state.dropdown?(d.select.current.blur(),d.setState({dropdown:!1,search:d.props.clearOnBlur?"":d.state.search}),d.setState({searchResults:d.searchResults()})):"open"!==a||d.state.dropdown?"toggle"===a&&(d.select.current.focus(),d.setState({dropdown:!d.state.dropdown})):d.setState({dropdown:!0})},d.getSelectRef=function(){return d.select.current},d.addOption=function(a){console.log("react-clean-select addOption",a);var b={};if(d.props.multi){if((0,_util.valueExistInSelected)((0,_util.getByPath)(a,d.props.valueField),d.state.values,d.props))return d.removeOption(null,a,!1);b.values=[].concat(d.state.values,[a]),d.props.onSelect([].concat(d.state.values,[a]))}else b.values=[a],d.props.onSelect([a]);return d.props.clearOnSelect&&(b.search=""),(d.props.closeOnSelect||!d.props.multi)&&(console.log("react-clean-select addOption props close"),b.cursor=null,b.dropdown=!1),d.setState(b),!0},d.removeOption=function(a,b,c){void 0===c&&(c=!1),console.log("react-clean-select removeOption",{event:a,option:b,close:c}),a&&(a.preventDefault(),a.stopPropagation());var e=d.state.values.filter(function(a){return(0,_util.getByPath)(a,d.props.valueField)!==(0,_util.getByPath)(b,d.props.valueField)});d.setState({dropdown:!c,values:e}),d.props.onDeselect(e)},d.setSearch=function(a){d.setSearchState(a.target.value)},d.setSearchState=function(a){console.log("react-clean-select setSearchState",a),d.setState({cursor:null,search:a},function(){return d.setState({searchResults:d.searchResults()})})},d.getInputSize=function(){return d.state.search?d.state.search.length:0<d.state.values.length?d.props.addPlaceholder.length:d.props.placeholder.length},d.toggleSelectAll=function(){return console.log("react-clean-select toggleSelectAll"),d.setState({values:0===d.state.values.length?d.selectAll():d.clearAll()})},d.clearAll=function(){console.log("react-clean-select clearAll"),d.props.onClearAll(),d.setState({values:[]})},d.selectAll=function(a){void 0===a&&(a=[]),console.log("react-clean-select selectAll"),d.props.onSelectAll();var b=0<a.length?a:d.props.options.filter(function(a){return!a.disabled});d.setState({values:b})},d.isSelected=function(a){return!!d.state.values.find(function(b){return(0,_util.getByPath)(b,d.props.valueField)===(0,_util.getByPath)(a,d.props.valueField)})},d.areAllSelected=function(){return d.state.values.length===d.props.options.filter(function(a){return!a.disabled}).length},d.safeString=function(a){return a.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")},d.sortBy=function(){var a=d.props,c=a.sortBy,e=a.options;return c?(e.sort(function(d,a){return(0,_util.getProp)(d,c)<(0,_util.getProp)(a,c)?-1:(0,_util.getProp)(d,c)>(0,_util.getProp)(a,c)?1:0}),e):e},d.searchFn=function(a){var b=a.state,c=a.methods,e=new RegExp(c.safeString(b.search),"i");return c.sortBy().filter(function(a){return e.test((0,_util.getByPath)(a,d.props.searchBy)||(0,_util.getByPath)(a,d.props.valueField))})},d.searchResults=function(){var a={state:d.state,props:d.props,methods:d.methods},b=d.props.searchFn(a)||d.searchFn(a);return d.props.multi&&!d.props.keepSelectedInList?b.filter(function(a){return!d.methods.isSelected(a)}):b},d.activeCursorOption=function(a){return d.setState({activeCursorOption:a})},d.handleKeyDown=function(a){console.log("react-clean-select handleKeyDown",a);var b={event:a,state:d.state,props:d.props,methods:d.methods,setState:d.setState.bind(d)};return d.props.handleKeyDownFn(b)||d.handleKeyDownFn(b)},d.handleKeyDownFn=function(a){var b=a.event,c=a.state,e=a.props,f=a.methods,g=a.setState,h=c.cursor,i=c.searchResults,j="Escape"===b.key,k="Enter"===b.key,l="ArrowUp"===b.key,m="ArrowDown"===b.key,n="Backspace"===b.key,o="Tab"===b.key&&!b.shiftKey,p=b.shiftKey&&"Tab"===b.key;if(console.log("react-clean-select handleKeyDownFn",{cursor:h,searchResults:i,escape:j,enter:k,arrowUp:l,arrowDown:m,backspace:n,tab:o,shiftTab:p,state:c}),j)return d.dropDown("close");if(k){var q=i[h];if(q&&!q.disabled)return e.create&&(0,_util.valueExistInSelected)(c.search,c.values,e)?null:(e.multi&&!e.keepSelectedInList&&0<h&&g({cursor:h-1}),f.addOption(q))}return(l||m||p&&c.dropdown||o&&c.dropdown)&&b.preventDefault(),(m||l)&&!c.dropdown?(d.dropDown("open"),g({cursor:m?0:i.length-1})):void((m||o&&c.dropdown)&&(null===h||i.length-1===h)?g({cursor:0}):m||o&&c.dropdown?g({cursor:h+1}):(l||p&&c.dropdown)&&(null===h||0===h)?g({cursor:i.length-1}):(l||p&&c.dropdown)&&0<h?g({cursor:h-1}):n&&e.backspaceDelete&&0===d.getInputSize()&&g({values:d.state.values.slice(0,-1)}))},d.renderDropdown=function(){return/*#__PURE__*/_react.default.createElement(_Dropdown.default,{props:d.props,state:d.state,methods:d.methods})},d.createNew=function(a){var b;console.log("react-clean-select createNew",a);var c=(b={},b[d.props.labelField]=a,b[d.props.valueField]=a,b);d.addOption(c),d.props.onCreateNew(c),d.setState({search:""})},d.state={dropdown:!1,values:b.values,search:"",selectBounds:{},cursor:null,searchResults:b.options},d.methods={activeCursorOption:d.activeCursorOption,addOption:d.addOption,areAllSelected:d.areAllSelected,clearAll:d.clearAll,createNew:d.createNew,dropDown:d.dropDown,getInputSize:d.getInputSize,getSelectBounds:d.getSelectBounds,getSelectRef:d.getSelectRef,handleKeyDown:d.handleKeyDown,isSelected:d.isSelected,removeOption:d.removeOption,safeString:d.safeString,searchResults:d.searchResults,selectAll:d.selectAll,setSearch:d.setSearch,sortBy:d.sortBy,toggleSelectAll:d.toggleSelectAll},d.select=/*#__PURE__*/_react.default.createRef(),d.dropdownRoot="undefined"!=typeof document&&document.createElement("div"),d}_inheritsLoose(b,a);var c=b.prototype;return c.componentDidMount=function(){(0,_util.isomorphicWindow)().addEventListener("resize",(0,_util.debounce)(this.updateSelectBounds)),(0,_util.isomorphicWindow)().addEventListener("scroll",(0,_util.debounce)(this.onScroll)),this.select&&this.updateSelectBounds(),this.props.defaultMenuIsOpen?(console.log("react-clean-select componentDidMount for props.defaultMenuIsOpen"),this.dropDown("open")):(console.log("react-clean-select componentDidMount close"),this.dropDown("close")),this.setState({searchResults:this.searchResults()})},c.componentDidUpdate=function(a,b){var c=this;!this.props.compareValuesFunc(a.values,this.props.values)&&this.props.compareValuesFunc(a.values,b.values)&&(this.setState({values:this.props.values},function(){c.props.onChange(c.state.values)}),this.updateSelectBounds()),a.options!==this.props.options&&this.setState({searchResults:this.searchResults()}),b.values!==this.state.values&&(this.props.onChange(this.state.values),this.updateSelectBounds()),b.search!==this.state.search&&this.updateSelectBounds(),a.multi!==this.props.multi&&this.updateSelectBounds(),b.dropdown&&b.dropdown!==this.state.dropdown&&this.onDropdownClose(),b.dropdown||b.dropdown===this.state.dropdown||this.props.onDropdownOpen()},c.componentWillUnmount=function(){(0,_util.isomorphicWindow)().removeEventListener("resize",(0,_util.debounce)(this.updateSelectBounds,this.props.debounceDelay)),(0,_util.isomorphicWindow)().removeEventListener("scroll",(0,_util.debounce)(this.onScroll,this.props.debounceDelay))},c.render=function(){var a=this,b=[_constants.LIB_NAME];return"rtl"===this.props.direction&&b.push(_constants.LIB_NAME+"-rtl"),this.props.disabled&&b.push(_constants.LIB_NAME+"-disabled"),void 0!==this.props.className&&b.push(this.props.className),/*#__PURE__*/_react.default.createElement(_ClickOutside.default,{onClickOutside:function(){return console.log("react-clean-select ClickOutside close")&&a.dropDown("close")}},/*#__PURE__*/_react.default.createElement("div",_extends({"aria-expanded":this.state.dropdown,"aria-label":"Dropdown select",className:b.join(" "),"data-testid":_constants.LIB_NAME+"-"+this.props.name,onClick:function(){return a.dropDown("open")},onKeyDown:this.handleKeyDown,ref:this.select,tabIndex:this.props.disabled?"-1":"0"},this.props.additionalProps),/*#__PURE__*/_react.default.createElement(_Content.default,{props:this.props,state:this.state,methods:this.methods}),this.props.loading&&/*#__PURE__*/_react.default.createElement(_Loading.default,{props:this.props}),this.props.clearable&&/*#__PURE__*/_react.default.createElement(_Clear.default,{props:this.props,state:this.state,methods:this.methods}),this.props.separator&&/*#__PURE__*/_react.default.createElement(_Separator.default,{props:this.props,state:this.state,methods:this.methods}),this.props.dropdownHandle&&/*#__PURE__*/_react.default.createElement(_DropdownHandle.default,{onClick:function(){return a.select.current.focus()},props:this.props,state:this.state,methods:this.methods}),this.state.dropdown&&!this.props.disabled&&this.renderDropdown()))},b}(_react.Component);Select.defaultProps={additionalProps:null,addPlaceholder:"",autoFocus:!1,backspaceDelete:!0,clearable:!1,clearAllLabel:"Clear all",clearOnBlur:!0,clearOnSelect:!0,closeOnClickInput:!1,closeOnScroll:!1,closeOnSelect:!1,compareValuesFunc:_util.isEqual,create:!1,createNewLabel:"add {search}",debounceDelay:0,defaultMenuIsOpen:!1,direction:"ltr",disabled:!1,disabledLabel:"disabled",dropdownGap:5,dropdownHandle:!0,dropdownHeight:"300px",dropdownPosition:"bottom",handleKeyDownFn:function(){},keepOpen:!1,keepSelectedInList:!0,labelField:"label",loading:!1,multi:!1,name:null,noDataLabel:"No data",onChange:function(){},onClearAll:function(){},onCreateNew:function(){},onDeselect:function(){},onDropdownClose:function(){},onDropdownCloseRequest:void 0,onDropdownOpen:function(){},onSelect:function(){},onSelectAll:function(){},options:[],pattern:void 0,placeholder:"Select...",required:!1,searchable:!0,searchBy:"label",searchFn:function(){},selectAll:!1,selectAllLabel:"Select all",separator:!1,sortBy:null,valueField:"value",values:[]};var _default=exports.default=Select;
+"use strict";exports.__esModule=!0,exports.default=exports.Select=void 0;var _react=_interopRequireWildcard(require("react")),_ClickOutside=_interopRequireDefault(require("./components/ClickOutside")),_Content=_interopRequireDefault(require("./components/Content")),_Dropdown=_interopRequireDefault(require("./components/Dropdown")),_Loading=_interopRequireDefault(require("./components/Loading")),_Clear=_interopRequireDefault(require("./components/Clear")),_Separator=_interopRequireDefault(require("./components/Separator")),_DropdownHandle=_interopRequireDefault(require("./components/DropdownHandle")),_util=require("./util"),_constants=require("./constants"),_SelectPropsModel=_interopRequireDefault(require("./models/SelectPropsModel"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _interopRequireWildcard(a,b){if("function"==typeof WeakMap)var c=new WeakMap,d=new WeakMap;return(_interopRequireWildcard=function(a,b){if(!b&&a&&a.__esModule)return a;var e,g,h={__proto__:null,default:a};if(null===a||"object"!=typeof a&&"function"!=typeof a)return h;if(e=b?d:c){if(e.has(a))return e.get(a);e.set(a,h)}for(var f in a)"default"!=f&&{}.hasOwnProperty.call(a,f)&&((g=(e=Object.defineProperty)&&Object.getOwnPropertyDescriptor(a,f))&&(g.get||g.set)?e(h,f,g):h[f]=a[f]);return h})(a,b)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}function _inheritsLoose(a,b){a.prototype=Object.create(b.prototype),a.prototype.constructor=a,_setPrototypeOf(a,b)}function _setPrototypeOf(a,b){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(a,b){return a.__proto__=b,a},_setPrototypeOf(a,b)}var Select=exports.Select=/*#__PURE__*/function(a){function b(b){var d,c=Math.floor;return{}.hasOwnProperty.call(b,"name")||(b.name="field"+c(1e3*Math.random())),d=a.call(this,b)||this,d.onDropdownClose=function(){d.setState({cursor:null}),d.props.onDropdownClose()},d.onScroll=function(){d.props.closeOnScroll&&d.dropDown("close"),d.updateSelectBounds()},d.updateSelectBounds=function(){return d.select.current&&d.setState({selectBounds:d.select.current.getBoundingClientRect()})},d.getSelectBounds=function(){return d.state.selectBounds},d.dropDown=function(a,b){return void 0===a&&(a="toggle"),void 0===b&&(b=!1),d.props.keepOpen?void(!0!==d.state.dropdown&&d.setState({dropdown:!0})):void 0!==d.props.onDropdownCloseRequest&&d.state.dropdown&&!1===b&&"close"===a?d.props.onDropdownCloseRequest({props:d.props,methods:d.methods,state:d.state,close:function(){return d.dropDown("close",!0)}}):"close"===a&&d.state.dropdown?(d.select.current.blur(),d.setState({dropdown:!1,search:d.props.clearOnBlur?"":d.state.search}),d.setState({searchResults:d.searchResults()})):"open"!==a||d.state.dropdown?"toggle"===a&&(d.select.current.focus(),d.setState({dropdown:!d.state.dropdown})):d.setState({dropdown:!0})},d.getSelectRef=function(){return d.select.current},d.getValue=function(a){return a[d.props.valueField]},d.searchExistsInOptions=function(){return!!d.props.options.find(function(a){return d.state.search===d.getValue(a)})},d.addOption=function(a){var b={},c=d.getValue(a);if(d.props.multi){if(d.state.values.includes(c))return d.removeOption(null,a,!1);b.values=[].concat(d.state.values,[c]),d.props.onSelect([].concat(d.state.values,[c]))}else b.values=[c],d.props.onSelect([c]);return d.props.clearOnSelect&&(b.search=""),(d.props.closeOnSelect||!d.props.multi)&&(b.cursor=null,b.dropdown=!1),d.setState(b),!0},d.removeOption=function(a,b,c){void 0===c&&(c=!1),a&&(a.preventDefault(),a.stopPropagation());var e=d.getValue(b),f=d.state.values.filter(function(a){return a!==e});d.setState({dropdown:!c,values:f}),d.props.onDeselect(f)},d.setSearch=function(a){d.setSearchState(a.target.value)},d.setSearchState=function(a){d.setState({cursor:null,search:a},function(){return d.setState({searchResults:d.searchResults()})})},d.getInputSize=function(){return d.state.search?d.state.search.length:0<d.state.values.length?d.props.addPlaceholder.length:d.props.placeholder.length},d.toggleSelectAll=function(){return d.setState({values:0===d.state.values.length?d.selectAll():d.clearAll()})},d.clearAll=function(){d.props.onClearAll(),d.setState({values:[]})},d.selectAll=function(){d.props.onSelectAll(),d.setState({values:d.props.options.filter(function(a){return!a.disabled}).map(function(a){return d.getValue(a)})})},d.isSelected=function(a){return d.state.values.includes(d.getValue(a))},d.areAllSelected=function(){return d.state.values.length===d.props.options.filter(function(a){return!a.disabled}).length},d.selectedOptions=function(){return d.props.options.filter(function(a){return d.isSelected(a)})},d.safeString=function(a){return a.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")},d.sortBy=function(){var a=d.props,c=a.sortBy,e=a.options;return c?(e.sort(function(d,a){return(0,_util.getProp)(d,c)<(0,_util.getProp)(a,c)?-1:(0,_util.getProp)(d,c)>(0,_util.getProp)(a,c)?1:0}),e):e},d.searchFn=function(a){var b=a.state,c=a.methods,e=new RegExp(c.safeString(b.search),"i");return c.sortBy().filter(function(a){return e.test(a[d.props.searchBy]||a[d.props.labelField])})},d.searchResults=function(){var a={state:d.state,props:d.props,methods:d.methods},b=d.props.searchFn(a)||d.searchFn(a);return d.props.multi&&!d.props.keepSelectedInList?b.filter(function(a){return!d.methods.isSelected(a)}):b},d.activeCursorOption=function(a){return d.setState({activeCursorOption:a})},d.handleKeyDown=function(a){var b={event:a,state:d.state,props:d.props,methods:d.methods,setState:d.setState.bind(d)};return d.props.handleKeyDownFn(b)||d.handleKeyDownFn(b)},d.handleKeyDownFn=function(a){var b=a.event,c=a.state,e=a.props,f=a.methods,g=a.setState,h=c.cursor,i=c.searchResults,j="Escape"===b.key,k="Enter"===b.key,l="ArrowUp"===b.key,m="ArrowDown"===b.key,n="Backspace"===b.key,o="Tab"===b.key&&!b.shiftKey,p=b.shiftKey&&"Tab"===b.key;if(j)return d.dropDown("close");if(k){var q=i[h];if(q&&!q.disabled)return e.multi&&!e.keepSelectedInList&&0<h&&g({cursor:h-1}),f.addOption(q)}return(l||m||p&&c.dropdown||o&&c.dropdown)&&b.preventDefault(),(m||l)&&!c.dropdown?(d.dropDown("open"),g({cursor:m?0:i.length-1})):void((m||o&&c.dropdown)&&(null===h||i.length-1===h)?g({cursor:0}):m||o&&c.dropdown?g({cursor:h+1}):(l||p&&c.dropdown)&&(null===h||0===h)?g({cursor:i.length-1}):(l||p&&c.dropdown)&&0<h?g({cursor:h-1}):n&&e.backspaceDelete&&0===d.getInputSize()&&g({values:d.state.values.slice(0,-1)}))},d.renderDropdown=function(){return/*#__PURE__*/_react.default.createElement(_Dropdown.default,{props:d.props,state:d.state,methods:d.methods})},d.state={dropdown:!1,values:b.values,search:"",selectBounds:{},cursor:null,searchResults:b.options},d.methods={activeCursorOption:d.activeCursorOption,addOption:d.addOption,areAllSelected:d.areAllSelected,clearAll:d.clearAll,dropDown:d.dropDown,getInputSize:d.getInputSize,getSelectBounds:d.getSelectBounds,getSelectRef:d.getSelectRef,getValue:d.getValue,handleKeyDown:d.handleKeyDown,isSelected:d.isSelected,removeOption:d.removeOption,safeString:d.safeString,searchExistsInOptions:d.searchExistsInOptions,searchResults:d.searchResults,selectAll:d.selectAll,selectedOptions:d.selectedOptions,setSearch:d.setSearch,sortBy:d.sortBy,toggleSelectAll:d.toggleSelectAll},d.select=/*#__PURE__*/_react.default.createRef(),d.dropdownRoot="undefined"!=typeof document&&document.createElement("div"),d}_inheritsLoose(b,a);var c=b.prototype;return c.componentDidMount=function(){(0,_util.isomorphicWindow)().addEventListener("resize",(0,_util.debounce)(this.updateSelectBounds)),(0,_util.isomorphicWindow)().addEventListener("scroll",(0,_util.debounce)(this.onScroll)),this.select&&this.updateSelectBounds(),this.props.defaultMenuIsOpen?this.dropDown("open"):this.dropDown("close"),this.setState({searchResults:this.searchResults()})},c.componentDidUpdate=function(a,b){var c=this;!this.props.compareValuesFunc(a.values,this.props.values)&&this.props.compareValuesFunc(a.values,b.values)&&(this.setState({values:this.props.values},function(){c.props.onChange(c.state.values)}),this.updateSelectBounds()),a.options!==this.props.options&&this.setState({searchResults:this.searchResults()}),b.values!==this.state.values&&(this.props.onChange(this.state.values),this.updateSelectBounds()),b.search!==this.state.search&&this.updateSelectBounds(),a.multi!==this.props.multi&&this.updateSelectBounds(),b.dropdown&&b.dropdown!==this.state.dropdown&&this.onDropdownClose(),b.dropdown||b.dropdown===this.state.dropdown||this.props.onDropdownOpen()},c.componentWillUnmount=function(){(0,_util.isomorphicWindow)().removeEventListener("resize",(0,_util.debounce)(this.updateSelectBounds,this.props.debounceDelay)),(0,_util.isomorphicWindow)().removeEventListener("scroll",(0,_util.debounce)(this.onScroll,this.props.debounceDelay))},c.render=function(){var a=this,b=[_constants.LIB_NAME];return"rtl"===this.props.direction&&b.push(_constants.LIB_NAME+"-rtl"),this.props.disabled&&b.push(_constants.LIB_NAME+"-disabled"),void 0!==this.props.className&&b.push(this.props.className),/*#__PURE__*/_react.default.createElement(_ClickOutside.default,{onClickOutside:function(){return a.dropDown("close")}},/*#__PURE__*/_react.default.createElement("div",_extends({"aria-expanded":this.state.dropdown,"aria-label":"Dropdown select",className:b.join(" "),"data-testid":_constants.LIB_NAME+"-"+this.props.name,onClick:function(b){b.stopPropagation(),a.dropDown("open")},onKeyDown:this.handleKeyDown,ref:this.select,tabIndex:this.props.disabled?"-1":"0"},this.props.additionalProps),/*#__PURE__*/_react.default.createElement(_Content.default,{props:this.props,state:this.state,methods:this.methods}),this.props.loading&&/*#__PURE__*/_react.default.createElement(_Loading.default,{props:this.props}),this.props.clearable&&/*#__PURE__*/_react.default.createElement(_Clear.default,{props:this.props,state:this.state,methods:this.methods}),this.props.separator&&/*#__PURE__*/_react.default.createElement(_Separator.default,{props:this.props,state:this.state,methods:this.methods}),this.props.dropdownHandle&&/*#__PURE__*/_react.default.createElement(_DropdownHandle.default,{props:this.props,state:this.state,methods:this.methods}),this.state.dropdown&&!this.props.disabled&&this.renderDropdown()))},b}(_react.Component);Select.defaultProps={additionalProps:null,addPlaceholder:"",autoFocus:!1,backspaceDelete:!0,clearable:!1,clearAllLabel:"Clear all",clearOnBlur:!0,clearOnSelect:!0,closeOnClickInput:!1,closeOnScroll:!1,closeOnSelect:!1,compareValuesFunc:_util.isEqual,debounceDelay:0,defaultMenuIsOpen:!1,direction:"ltr",disabled:!1,disabledLabel:"disabled",dropdownGap:5,dropdownHandle:!0,dropdownHeight:"300px",dropdownPosition:"bottom",handleKeyDownFn:function(){},keepOpen:!1,keepSelectedInList:!0,labelField:"label",loading:!1,multi:!1,name:null,noDataLabel:"No data",onChange:function(){},onClearAll:function(){},onDeselect:function(){},onDropdownClose:function(){},onDropdownCloseRequest:void 0,onDropdownOpen:function(){},onSelect:function(){},onSelectAll:function(){},options:[],pattern:void 0,placeholder:"Select...",required:!1,searchable:!0,searchBy:"label",searchFn:function(){},selectAll:!1,selectAllLabel:"Select all",separator:!1,sortBy:null,valueField:"value",values:[]};var _default=exports.default=Select;

package/lib/models/SelectMethodsModel.js

@@ -5,8 +5,6 @@
    */areAllSelected:_propTypes.default.func.isRequired,/**
    * Clear all selected options
    */clearAll:_propTypes.default.func.isRequired,/**
-   * Create a new option
-   */createNew:_propTypes.default.func.isRequired,/**
    * Close/Toggle/Open
    */dropDown:_propTypes.default.func.isRequired,/**
    * Get the input size
@@ -15,6 +13,8 @@
    */getSelectBounds:_propTypes.default.func.isRequired,/**
    * Get the reference to the select component
    */getSelectRef:_propTypes.default.func.isRequired,/**
+   * Get the correct value property from an option
+   */getValue:_propTypes.default.func.isRequired,/**
    * Handle key down event
    */handleKeyDown:_propTypes.default.func.isRequired,/**
    * Check if an option is selected
@@ -23,10 +23,14 @@
    */removeOption:_propTypes.default.func.isRequired,/**
    * Make a string safe
    */safeString:_propTypes.default.func.isRequired,/**
+   * Check if an option exists with the current search label
+   */searchExistsInOptions:_propTypes.default.func.isRequired,/**
    * Get search results
    */searchResults:_propTypes.default.func.isRequired,/**
    * Select all options
    */selectAll:_propTypes.default.func.isRequired,/**
+   * Return all currently-selected options
+   */selectedOptions:_propTypes.default.func.isRequired,/**
    * Set the search string
    */setSearch:_propTypes.default.func.isRequired,/**
    * Sort options

package/lib/models/SelectPropsModel.js

@@ -30,10 +30,6 @@
    * Overrides internal content component (the contents of the select component)
    * | <a href="https://jlw.github.io/react-clean-select/prop/content-renderer">example</a>
    */contentRenderer:_propTypes.default.func,/**
-   * If true, select will create value from search string and fire onCreateNew callback prop
-   */create:_propTypes.default.bool,/**
-   * If create set to true, this will be the label of the "add new" component. {search} will be replaced by search value
-   */createNewLabel:_propTypes.default.string,/**
    * Debounce Delay for updates upon component interactions
    */debounceDelay:_propTypes.default.number,/**
     * If true, dropdown will be open by default
@@ -88,8 +84,6 @@
    */onChange:_propTypes.default.func.isRequired,/**
    * Fires upon clearing all values (via custom renderers)
    */onClearAll:_propTypes.default.func,/**
-   * Fires upon creation of new option if create prop set to true
-   */onCreateNew:_propTypes.default.func,/**
    * Fires upon dropdown close
    */onDropdownClose:_propTypes.default.func,/**
    * Fires upon dropdown closing state, stops the closing and provides own method close()

package/lib/models/SelectStateModel.js

@@ -10,4 +10,4 @@
    * Array of bounds for the select component
    */selectBounds:_propTypes.default.shape({}),/**
    * Array of selected values
-   */values:_propTypes.default.arrayOf(_propTypes.default.shape({}))}),_default=exports.default=SelectStateModel;
+   */values:_propTypes.default.arrayOf(_propTypes.default.string)}),_default=exports.default=SelectStateModel;

package/lib/util.js

@@ -1 +1 @@
-"use strict";exports.__esModule=!0,exports.valueExistInSelected=exports.isomorphicWindow=exports.isEqual=exports.getProp=exports.getOptionSlug=exports.getByPath=exports.debounce=void 0;var debounce=exports.debounce=function(a,b){void 0===b&&(b=0);var c;return function(){for(var d=arguments.length,e=Array(d),f=0;f<d;f++)e[f]=arguments[f];c&&clearTimeout(c),c=setTimeout(function(){a.apply(void 0,e),c=null},b)}},getByPath=exports.getByPath=function(a,b){return b?b.split(".").reduce(function(a,b){return a[b]},a):void 0},getOptionSlug=exports.getOptionSlug=function(a,b){var c=getByPath(a,b.valueField);return(c+"").replaceAll(/[^a-zA-Z0-9]/g,"-")},_getProp=exports.getProp=function(a,b,c){if(!b)return a;var d=Array.isArray(b)?b:b.split(".").filter(function(a){return a.length});return d.length?_getProp(a[d.shift()],d,c):void 0===a?c:a},isEqual=exports.isEqual=function(c,a){return JSON.stringify(c)===JSON.stringify(a)},isomorphicWindow=exports.isomorphicWindow=function(){return"undefined"==typeof window&&(global.window={}),window},valueExistInSelected=exports.valueExistInSelected=function(a,b,c){return!!b.find(function(b){return getByPath(b,c.valueField)===a||getByPath(b,c.labelField)===a})};
+"use strict";exports.__esModule=!0,exports.isomorphicWindow=exports.isEqual=exports.getProp=exports.getOptionSlug=exports.debounce=void 0;var debounce=exports.debounce=function(a,b){void 0===b&&(b=0);var c;return function(){for(var d=arguments.length,e=Array(d),f=0;f<d;f++)e[f]=arguments[f];c&&clearTimeout(c),c=setTimeout(function(){a.apply(void 0,e),c=null},b)}},getOptionSlug=exports.getOptionSlug=function(a,b){var c=a[b.valueField];return(c+"").replaceAll(/[^a-zA-Z0-9]/g,"-")},_getProp=exports.getProp=function(a,b,c){if(!b)return a;var d=Array.isArray(b)?b:b.split(".").filter(function(a){return a.length});return d.length?_getProp(a[d.shift()],d,c):void 0===a?c:a},isEqual=exports.isEqual=function(c,a){return JSON.stringify(c)===JSON.stringify(a)},isomorphicWindow=exports.isomorphicWindow=function(){return"undefined"==typeof window&&(global.window={}),window};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-clean-select",
-  "version": "0.0.7-alpha-8",
+  "version": "0.0.7-alpha-10",
   "description": "Customizable single- and multi- select component for react with basic, easily-overrideable CSS",
   "main": "dist/react-clean-select.js",
   "module": "lib/index.js",

package/types.d.ts

@@ -31,7 +31,6 @@ declare module 'react-clean-select' {
     addOption: (option: T) => void;
     areAllSelected: () => boolean;
     clearAll: () => void;
-    createNew: (searchText: string) => void;
     dropDown: (action: string, event?: MouseEvent<HTMLElement> | null) => void;
     getInputSize: () => number;
     getSelectBounds: () => {} | DOMRect;
@@ -41,7 +40,7 @@ declare module 'react-clean-select' {
     removeOption: (event: MouseEvent<HTMLElement> | null, option: T, close: boolean) => void;
     safeString: (input: string) => string;
     searchResults: () => T[];
-    selectAll: (options?: T[]) => void;
+    selectAll: () => void;
     setSearch: (event: ChangeEvent<HTMLInputElement>) => void;
     sortBy: () => T[];
     toggleSelectAll: () => void;
@@ -93,8 +92,6 @@ declare module 'react-clean-select' {
     closeOnScroll?: boolean;
     closeOnSelect?: boolean;
     contentRenderer?: ({ props, state, methods }: SelectRenderer<T>) => JSX.Element;
-    create?: boolean;
-    createNewLabel?: string;
     debounceDelay?: number;
     defaultMenuIsOpen?: boolean;
     direction?: 'ltr' | 'rtl';
@@ -127,7 +124,6 @@ declare module 'react-clean-select' {
     noDataRenderer?: ({ props, state, methods }: SelectRenderer<T>) => JSX.Element;
     onChange: (value: T[]) => void;
     onClearAll?: () => void;
-    onCreateNew?: (option: T) => void;
     onDeselect?: (value: T[]) => void;
     onDropdownClose?: () => void;
     onDropdownCloseRequest?: ({