@mctinetti/react-multiselectbox 1.0.1 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/dist/react-multiselectbox.js +1 -1
- package/package.json +1 -1
- package/react-multiselectbox.jsx +2 -2
package/README.md
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see react-multiselectbox.js.LICENSE.txt */
|
|
2
|
-
!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
|
|
2
|
+
!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/package.json
CHANGED
package/react-multiselectbox.jsx
CHANGED
|
@@ -15,7 +15,7 @@ const MultiSelectBox = ({
|
|
|
15
15
|
onBlur,
|
|
16
16
|
onFocus,
|
|
17
17
|
autoFocus,
|
|
18
|
-
autoComplete =
|
|
18
|
+
autoComplete = "off",
|
|
19
19
|
displayAsDropdown = false,
|
|
20
20
|
}) => {
|
|
21
21
|
let [searchValue, setSearchValue] = useState("")
|
|
@@ -254,7 +254,7 @@ MultiSelectBox.propTypes = {
|
|
|
254
254
|
onBlur: PropTypes.func,
|
|
255
255
|
onFocus: PropTypes.func,
|
|
256
256
|
autoFocus: PropTypes.any,
|
|
257
|
-
autoComplete: PropTypes.
|
|
257
|
+
autoComplete: PropTypes.string,
|
|
258
258
|
displayAsDropdown: PropTypes.bool,
|
|
259
259
|
}
|
|
260
260
|
|