@mctinetti/react-multiselectbox 1.0.0 → 1.0.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Cristina Tinetti
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -2,6 +2,10 @@
 
 A React multiselect box, it can also be a dropdown by parametrization.
 
+## Use
+1. npm install "@mctinetti/react-multiselectbox"
+2. import as follow:  import MultiSelectBox from '@mctinetti/react-multiselectbox';
+
 ## Build for prod
 1. copy myapp\react-multiselectbox
 2. cd \react-multiselectbox
@@ -17,5 +21,7 @@ If you want to do developement:
 5. npx webpack serve
 
 ### [Changelog](CHANGELOG.md)
+1.0.1 Add externals section to webpack due to issue when use the dist js
+1.0.2 Changing autoComplete to "off" instead of False (warning fixed)
 
 ### [MIT Licensed](LICENSE.md)

package/dist/react-multiselectbox.js

@@ -1,2 +1,2 @@
 /*! For license information please see react-multiselectbox.js.LICENSE.txt */
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var r=t();for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(self,(()=>(()=>{var e={287:(e,t)=>{"use strict";var r=Symbol.for("react.element"),n=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),i=Symbol.for("react.strict_mode"),u=Symbol.for("react.profiler"),a=Symbol.for("react.provider"),c=Symbol.for("react.context"),l=Symbol.for("react.forward_ref"),s=Symbol.for("react.suspense"),f=Symbol.for("react.memo"),d=Symbol.for("react.lazy"),p=Symbol.iterator,y={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},m=Object.assign,b={};function v(e,t,r){this.props=e,this.context=t,this.refs=b,this.updater=r||y}function h(){}function g(e,t,r){this.props=e,this.context=t,this.refs=b,this.updater=r||y}v.prototype.isReactComponent={},v.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},v.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},h.prototype=v.prototype;var S=g.prototype=new h;S.constructor=g,m(S,v.prototype),S.isPureReactComponent=!0;var E=Array.isArray,_=Object.prototype.hasOwnProperty,O={current:null},k={key:!0,ref:!0,__self:!0,__source:!0};function w(e,t,n){var o,i={},u=null,a=null;if(null!=t)for(o in void 0!==t.ref&&(a=t.ref),void 0!==t.key&&(u=""+t.key),t)_.call(t,o)&&!k.hasOwnProperty(o)&&(i[o]=t[o]);var c=arguments.length-2;if(1===c)i.children=n;else if(1<c){for(var l=Array(c),s=0;s<c;s++)l[s]=arguments[s+2];i.children=l}if(e&&e.defaultProps)for(o in c=e.defaultProps)void 0===i[o]&&(i[o]=c[o]);return{$$typeof:r,type:e,key:u,ref:a,props:i,_owner:O.current}}function j(e){return"object"==typeof e&&null!==e&&e.$$typeof===r}var x=/\/+/g;function C(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function P(e,t,o,i,u){var a=typeof e;"undefined"!==a&&"boolean"!==a||(e=null);var c=!1;if(null===e)c=!0;else switch(a){case"string":case"number":c=!0;break;case"object":switch(e.$$typeof){case r:case n:c=!0}}if(c)return u=u(c=e),e=""===i?"."+C(c,0):i,E(u)?(o="",null!=e&&(o=e.replace(x,"$&/")+"/"),P(u,t,o,"",(function(e){return e}))):null!=u&&(j(u)&&(u=function(e,t){return{$$typeof:r,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(u,o+(!u.key||c&&c.key===u.key?"":(""+u.key).replace(x,"$&/")+"/")+e)),t.push(u)),1;if(c=0,i=""===i?".":i+":",E(e))for(var l=0;l<e.length;l++){var s=i+C(a=e[l],l);c+=P(a,t,o,s,u)}else if(s=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=p&&e[p]||e["@@iterator"])?e:null}(e),"function"==typeof s)for(e=s.call(e),l=0;!(a=e.next()).done;)c+=P(a=a.value,t,o,s=i+C(a,l++),u);else if("object"===a)throw t=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return c}function N(e,t,r){if(null==e)return e;var n=[],o=0;return P(e,n,"","",(function(e){return t.call(r,e,o++)})),n}function I(e){if(-1===e._status){var t=e._result;(t=t()).then((function(t){0!==e._status&&-1!==e._status||(e._status=1,e._result=t)}),(function(t){0!==e._status&&-1!==e._status||(e._status=2,e._result=t)})),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var R={current:null},T={transition:null},A={ReactCurrentDispatcher:R,ReactCurrentBatchConfig:T,ReactCurrentOwner:O};function D(){throw Error("act(...) is not supported in production builds of React.")}t.Children={map:N,forEach:function(e,t,r){N(e,(function(){t.apply(this,arguments)}),r)},count:function(e){var t=0;return N(e,(function(){t++})),t},toArray:function(e){return N(e,(function(e){return e}))||[]},only:function(e){if(!j(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},t.Component=v,t.Fragment=o,t.Profiler=u,t.PureComponent=g,t.StrictMode=i,t.Suspense=s,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=A,t.act=D,t.cloneElement=function(e,t,n){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var o=m({},e.props),i=e.key,u=e.ref,a=e._owner;if(null!=t){if(void 0!==t.ref&&(u=t.ref,a=O.current),void 0!==t.key&&(i=""+t.key),e.type&&e.type.defaultProps)var c=e.type.defaultProps;for(l in t)_.call(t,l)&&!k.hasOwnProperty(l)&&(o[l]=void 0===t[l]&&void 0!==c?c[l]:t[l])}var l=arguments.length-2;if(1===l)o.children=n;else if(1<l){c=Array(l);for(var s=0;s<l;s++)c[s]=arguments[s+2];o.children=c}return{$$typeof:r,type:e.type,key:i,ref:u,props:o,_owner:a}},t.createContext=function(e){return(e={$$typeof:c,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:a,_context:e},e.Consumer=e},t.createElement=w,t.createFactory=function(e){var t=w.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:l,render:e}},t.isValidElement=j,t.lazy=function(e){return{$$typeof:d,_payload:{_status:-1,_result:e},_init:I}},t.memo=function(e,t){return{$$typeof:f,type:e,compare:void 0===t?null:t}},t.startTransition=function(e){var t=T.transition;T.transition={};try{e()}finally{T.transition=t}},t.unstable_act=D,t.useCallback=function(e,t){return R.current.useCallback(e,t)},t.useContext=function(e){return R.current.useContext(e)},t.useDebugValue=function(){},t.useDeferredValue=function(e){return R.current.useDeferredValue(e)},t.useEffect=function(e,t){return R.current.useEffect(e,t)},t.useId=function(){return R.current.useId()},t.useImperativeHandle=function(e,t,r){return R.current.useImperativeHandle(e,t,r)},t.useInsertionEffect=function(e,t){return R.current.useInsertionEffect(e,t)},t.useLayoutEffect=function(e,t){return R.current.useLayoutEffect(e,t)},t.useMemo=function(e,t){return R.current.useMemo(e,t)},t.useReducer=function(e,t,r){return R.current.useReducer(e,t,r)},t.useRef=function(e){return R.current.useRef(e)},t.useState=function(e){return R.current.useState(e)},t.useSyncExternalStore=function(e,t,r){return R.current.useSyncExternalStore(e,t,r)},t.useTransition=function(){return R.current.useTransition()},t.version="18.3.1"},540:(e,t,r)=>{"use strict";e.exports=r(287)},556:(e,t,r)=>{e.exports=r(694)()},694:(e,t,r)=>{"use strict";var n=r(925);function o(){}function i(){}i.resetWarningCache=o,e.exports=function(){function e(e,t,r,o,i,u){if(u!==n){var a=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw a.name="Invariant Violation",a}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},925:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},942:(e,t)=>{var r;!function(){"use strict";var n={}.hasOwnProperty;function o(){for(var e="",t=0;t<arguments.length;t++){var r=arguments[t];r&&(e=u(e,i(r)))}return e}function i(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return o.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var r in e)n.call(e,r)&&e[r]&&(t=u(t,r));return t}function u(e,t){return t?e?e+" "+t:e+t:e}e.exports?(o.default=o,e.exports=o):void 0===(r=function(){return o}.apply(t,[]))||(e.exports=r)}()}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var i=t[n]={exports:{}};return e[n](i,i.exports,r),i.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 n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},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 n={};return(()=>{"use strict";r.r(n),r.d(n,{default:()=>b});var e=r(540),t=r(556),o=r.n(t),i=r(942),u=r.n(i);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function s(e,t,r){return(t=function(e){var t=function(e){if("object"!=a(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=a(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==a(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f(e){return function(e){if(Array.isArray(e))return y(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||p(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,u,a=[],c=!0,l=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(a.push(n.value),a.length!==t);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=r.return&&(u=r.return(),Object(u)!==u))return}finally{if(l)throw o}}return a}}(e,t)||p(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function p(e,t){if(e){if("string"==typeof e)return y(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?y(e,t):void 0}}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var m=function(t){var r=t.id,n=t.name,o=(t.value,t.options),i=t.selectedItems,a=t.placeholder,c=t.disabled,s=t.onChange,p=(t.onBlur,t.onFocus,t.autoFocus),y=t.autoComplete,m=t.displayAsDropdown,b=void 0!==m&&m,v=d((0,e.useState)(""),2),h=v[0],g=v[1],S=d((0,e.useState)(!1),2),E=S[0],_=S[1],O=d((0,e.useState)(o),2),k=O[0],w=O[1],j=d((0,e.useState)(o.map((function(e,t){return{id:e.id,sortOrder:t}}))),2),x=j[0],C=j[1],P=d((0,e.useState)(i),2),N=P[0],I=P[1],R=d((0,e.useState)(!1),2),T=R[0],A=R[1],D=function(e,t){return e.filter((function(e){return e.label.toLowerCase().includes(t.toLowerCase())}))};(0,e.useEffect)((function(){C(o.map((function(e,t){return{id:e.id,sortOrder:t}}))),w(o),I(N.filter((function(e){return o.some((function(t){return t.id===e.id}))})))}),[o]);(0,e.useEffect)((function(){var e;e=h&&!b?D(N,h).filter((function(e){return!e.disabled})).length:N.filter((function(e){return!e.disabled})).length,_(k.filter((function(e){return!e.disabled})).length==e&&0!=k.length)}),[N]);var $=(0,e.useCallback)((function(e){b&&(L.current&&L.current.contains(e.target)?A(!0):(A(!1),g(""),w(o),N.length==o.length&&0!=o.length?_(!0):_(!1)))}),[o,N]),L=(0,e.useRef)(null);(0,e.useEffect)((function(){return document.addEventListener("click",$),function(){document.removeEventListener("click",$)}}),[$]);var V=e.createElement("label",{className:"itemlabel"},e.createElement("input",{type:"checkbox",className:"notVisible",checked:E,onChange:function(e){return function(e){var t;_(e.target.checked),t=0==e.target.checked?N.filter((function(e){return!k.some((function(t){return t.id===e.id&&!t.disabled}))})):[].concat(f(N),f(k.filter((function(e){return 1!=e.disabled})))).filter((function(e,t,r){return t===r.findIndex((function(t){return t.id===e.id}))})),I(t),s&&s(t,"selectedItems"),b&&w(o)}(e)}}),e.createElement("span",{className:"checkbox-custom"}),"Select All");return e.createElement("div",{className:"containerMultiSelectBox",ref:L},e.createElement("div",{id:"box1",className:u()(b?"boxDropDown":"box")},e.createElement("div",{className:"firstline"},e.createElement("div",{className:"leftDivs"},e.createElement("input",{autoFocus:p,autoComplete:y,type:"text",id:r,name:n,value:T?h:b?function(e,t){var r=e.map((function(e){return l(l({},e),{},{sortOrder:t.find((function(t){return t.id==e.id})).sortOrder})})).sort((function(e,t){return e.sortOrder-t.sortOrder})).map((function(e){return e.label})).join(", ");return r.length>30?"".concat(r.substring(0,30),"..."):r}(N,x):h,className:"searchField",disabled:c,placeholder:a||"Search...",onChange:function(e){return function(e){g(e.target.value);var t=e.target.value.trim(),r=o;t&&(r=D(o,t)),w(r),_(r.filter((function(e){return!e.disabled})).every((function(e){return N.some((function(t){return e.id===t.id}))}))&&r.length>0)}(e)}}))),e.createElement("div",{className:u()("items","selectAllLine",b?"notVisible":"")},V),e.createElement("div",{className:b?T?"itemsListScrollDropDown":"itemsListScrollDropDown notVisible":"itemsListScroll"},e.createElement("div",{className:u()("items","selectAllLine",b&&T?"":"notVisible")},V),e.createElement("div",{className:b?0==k.length?"itemsListScroll noItemsToList":"itemsListScroll":0==k.length?"noItemsToList inheritHeight":""},0==k.length?"No Items...":"",k.map((function(t,r){return e.createElement("div",{key:"chd01-"+t.id,className:u()("items",N.some((function(e){return e.id===t.id}))?"paintGray":"paintWhite")},e.createElement("label",{key:"chd02-"+t.id,className:u()("itemlabel",t.disabled?"itemlabeldisabled":"")},e.createElement("input",{key:"chd03-"+t.id,id:t.id,className:"notVisible",type:"checkbox",checked:1==N.some((function(e){return e.id===t.id}))||"",onChange:function(e){return function(e,t,r,n){var o,i={id:e.target.id,label:t,disabled:r,data:n};o=0==e.target.checked?N.filter((function(t){return t.id!==e.target.id})):[].concat(f(N),[i]),I(o),s&&s(o,"selectedItems")}(e,t.label,t.disabled,t.data)},disabled:t.disabled}),e.createElement("span",{className:"checkbox-custom"}),t.label," "))}))))),b?"":e.createElement("div",{id:"box2",className:"box",style:{backgroundColor:"white"}},e.createElement("div",{className:"firstline"},e.createElement("div",{className:"rightDivs"},N.length>0?N.length:"None"," Selected"),e.createElement("div",{className:"rightDivs"},"   ",e.createElement("a",{href:"#",onClick:function(){f(N.filter((function(e){return e.disabled}))),I(f(N.filter((function(e){return e.disabled})))),s&&s(o,"selectedItems")},className:"link_clear"},"Clear All"),"   ")),e.createElement("div",{className:u()("itemsListScrollRight",0==N.length?"noItemsToList":"")},0==N.length?"No Items...":"",N.map((function(e){return l(l({},e),{},{sortOrder:x.find((function(t){return t.id==e.id})).sortOrder})})).sort((function(e,t){return e.sortOrder-t.sortOrder})).map((function(t){return e.createElement("div",{key:"chd04-"+t.id,className:u()("items","delete-div"),onClick:function(){return function(e){var t=N.filter((function(t){return t.id!=e||t.disabled}));I(t),s&&s(t,"selectedItems")}(t.id)}},e.createElement("label",{key:"chd02-"+t.id,className:u()("itemlabel",t.disabled?"itemlabeldisabled":"")},t.label),t.disabled?"":e.createElement("button",{key:"chd05-"+t.id,type:"button",className:"buttonDelete"},"x"))})))))};m.propTypes={id:o().string,options:o().array,selectedItems:o().array,name:o().string,value:o().any,placeholder:o().string,disabled:o().bool,onChange:o().func,onBlur:o().func,onFocus:o().func,autoFocus:o().any,autoComplete:o().any,displayAsDropdown:o().bool};const b=m})(),n})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("react"),require("prop-types"));else if("function"==typeof define&&define.amd)define(["react","prop-types"],t);else{var r="object"==typeof exports?t(require("react"),require("prop-types")):t(e.react,e["prop-types"]);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(self,((e,t)=>(()=>{var r={155:t=>{"use strict";t.exports=e},942:(e,t)=>{var r;!function(){"use strict";var n={}.hasOwnProperty;function i(){for(var e="",t=0;t<arguments.length;t++){var r=arguments[t];r&&(e=a(e,o(r)))}return e}function o(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return i.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var r in e)n.call(e,r)&&e[r]&&(t=a(t,r));return t}function a(e,t){return t?e?e+" "+t:e+t:e}e.exports?(i.default=i,e.exports=i):void 0===(r=function(){return i}.apply(t,[]))||(e.exports=r)}()},949:e=>{"use strict";e.exports=t}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var o=n[e]={exports:{}};return r[e](o,o.exports,i),o.exports}i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{"use strict";i.r(o),i.d(o,{default:()=>v});var e=i(155),t=i.n(e),r=i(949),n=i.n(r),a=i(942),l=i.n(a);function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){d(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function d(e,t,r){return(t=function(e){var t=function(e){if("object"!=c(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=c(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==c(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f(e){return function(e){if(Array.isArray(e))return b(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||p(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,i,o,a,l=[],c=!0,u=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(e){u=!0,i=e}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw i}}return l}}(e,t)||p(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function p(e,t){if(e){if("string"==typeof e)return b(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?b(e,t):void 0}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var y=function(r){var n=r.id,i=r.name,o=(r.value,r.options),a=r.selectedItems,c=r.placeholder,u=r.disabled,d=r.onChange,p=(r.onBlur,r.onFocus,r.autoFocus),b=r.autoComplete,y=void 0===b?"off":b,v=r.displayAsDropdown,h=void 0!==v&&v,g=m((0,e.useState)(""),2),S=g[0],O=g[1],E=m((0,e.useState)(!1),2),j=E[0],x=E[1],N=m((0,e.useState)(o),2),w=N[0],k=N[1],A=m((0,e.useState)(o.map((function(e,t){return{id:e.id,sortOrder:t}}))),2),I=A[0],C=A[1],D=m((0,e.useState)(a),2),P=D[0],L=D[1],T=m((0,e.useState)(!1),2),F=T[0],M=T[1],V=function(e,t){return e.filter((function(e){return e.label.toLowerCase().includes(t.toLowerCase())}))};(0,e.useEffect)((function(){C(o.map((function(e,t){return{id:e.id,sortOrder:t}}))),k(o),L(P.filter((function(e){return o.some((function(t){return t.id===e.id}))})))}),[o]);(0,e.useEffect)((function(){var e;e=S&&!h?V(P,S).filter((function(e){return!e.disabled})).length:P.filter((function(e){return!e.disabled})).length,x(w.filter((function(e){return!e.disabled})).length==e&&0!=w.length)}),[P]);var _=(0,e.useCallback)((function(e){h&&(q.current&&q.current.contains(e.target)?M(!0):(M(!1),O(""),k(o),P.length==o.length&&0!=o.length?x(!0):x(!1)))}),[o,P]),q=(0,e.useRef)(null);(0,e.useEffect)((function(){return document.addEventListener("click",_),function(){document.removeEventListener("click",_)}}),[_]);var B=t().createElement("label",{className:"itemlabel"},t().createElement("input",{type:"checkbox",className:"notVisible",checked:j,onChange:function(e){return function(e){var t;x(e.target.checked),t=0==e.target.checked?P.filter((function(e){return!w.some((function(t){return t.id===e.id&&!t.disabled}))})):[].concat(f(P),f(w.filter((function(e){return 1!=e.disabled})))).filter((function(e,t,r){return t===r.findIndex((function(t){return t.id===e.id}))})),L(t),d&&d(t,"selectedItems"),h&&k(o)}(e)}}),t().createElement("span",{className:"checkbox-custom"}),"Select All");return t().createElement("div",{className:"containerMultiSelectBox",ref:q},t().createElement("div",{id:"box1",className:l()(h?"boxDropDown":"box")},t().createElement("div",{className:"firstline"},t().createElement("div",{className:"leftDivs"},t().createElement("input",{autoFocus:p,autoComplete:y,type:"text",id:n,name:i,value:F?S:h?function(e,t){var r=e.map((function(e){return s(s({},e),{},{sortOrder:t.find((function(t){return t.id==e.id})).sortOrder})})).sort((function(e,t){return e.sortOrder-t.sortOrder})).map((function(e){return e.label})).join(", ");return r.length>30?"".concat(r.substring(0,30),"..."):r}(P,I):S,className:"searchField",disabled:u,placeholder:c||"Search...",onChange:function(e){return function(e){O(e.target.value);var t=e.target.value.trim(),r=o;t&&(r=V(o,t)),k(r),x(r.filter((function(e){return!e.disabled})).every((function(e){return P.some((function(t){return e.id===t.id}))}))&&r.length>0)}(e)}}))),t().createElement("div",{className:l()("items","selectAllLine",h?"notVisible":"")},B),t().createElement("div",{className:h?F?"itemsListScrollDropDown":"itemsListScrollDropDown notVisible":"itemsListScroll"},t().createElement("div",{className:l()("items","selectAllLine",h&&F?"":"notVisible")},B),t().createElement("div",{className:h?0==w.length?"itemsListScroll noItemsToList":"itemsListScroll":0==w.length?"noItemsToList inheritHeight":""},0==w.length?"No Items...":"",w.map((function(e,r){return t().createElement("div",{key:"chd01-"+e.id,className:l()("items",P.some((function(t){return t.id===e.id}))?"paintGray":"paintWhite")},t().createElement("label",{key:"chd02-"+e.id,className:l()("itemlabel",e.disabled?"itemlabeldisabled":"")},t().createElement("input",{key:"chd03-"+e.id,id:e.id,className:"notVisible",type:"checkbox",checked:1==P.some((function(t){return t.id===e.id}))||"",onChange:function(t){return function(e,t,r,n){var i,o={id:e.target.id,label:t,disabled:r,data:n};i=0==e.target.checked?P.filter((function(t){return t.id!==e.target.id})):[].concat(f(P),[o]),L(i),d&&d(i,"selectedItems")}(t,e.label,e.disabled,e.data)},disabled:e.disabled}),t().createElement("span",{className:"checkbox-custom"}),e.label," "))}))))),h?"":t().createElement("div",{id:"box2",className:"box",style:{backgroundColor:"white"}},t().createElement("div",{className:"firstline"},t().createElement("div",{className:"rightDivs"},P.length>0?P.length:"None"," Selected"),t().createElement("div",{className:"rightDivs"},"   ",t().createElement("a",{href:"#",onClick:function(){f(P.filter((function(e){return e.disabled}))),L(f(P.filter((function(e){return e.disabled})))),d&&d(o,"selectedItems")},className:"link_clear"},"Clear All"),"   ")),t().createElement("div",{className:l()("itemsListScrollRight",0==P.length?"noItemsToList":"")},0==P.length?"No Items...":"",P.map((function(e){return s(s({},e),{},{sortOrder:I.find((function(t){return t.id==e.id})).sortOrder})})).sort((function(e,t){return e.sortOrder-t.sortOrder})).map((function(e){return t().createElement("div",{key:"chd04-"+e.id,className:l()("items","delete-div"),onClick:function(){return function(e){var t=P.filter((function(t){return t.id!=e||t.disabled}));L(t),d&&d(t,"selectedItems")}(e.id)}},t().createElement("label",{key:"chd02-"+e.id,className:l()("itemlabel",e.disabled?"itemlabeldisabled":"")},e.label),e.disabled?"":t().createElement("button",{key:"chd05-"+e.id,type:"button",className:"buttonDelete"},"x"))})))))};y.propTypes={id:n().string,options:n().array,selectedItems:n().array,name:n().string,value:n().any,placeholder:n().string,disabled:n().bool,onChange:n().func,onBlur:n().func,onFocus:n().func,autoFocus:n().any,autoComplete:n().string,displayAsDropdown:n().bool};const v=y})(),o})()));

package/dist/react-multiselectbox.js.LICENSE.txt

@@ -3,13 +3,3 @@
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-
-/**
- * @license React
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mctinetti/react-multiselectbox",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "private": false,
   "license": "MIT",
   "description": "multiselectbox with option search.",

package/react-multiselectbox.jsx

@@ -15,7 +15,7 @@ const MultiSelectBox = ({
     onBlur,
     onFocus,
     autoFocus,
-    autoComplete,
+    autoComplete = "off",
 	displayAsDropdown = false,
 }) => {
     let [searchValue, setSearchValue] = useState("")
@@ -254,7 +254,7 @@ MultiSelectBox.propTypes = {
     onBlur:        PropTypes.func,
     onFocus:       PropTypes.func,
     autoFocus:     PropTypes.any,
-    autoComplete:  PropTypes.any,
+    autoComplete:  PropTypes.string,
     displayAsDropdown: PropTypes.bool,
 }