Socket
Socket
Sign inDemoInstall

reactjs-dropdown-component

Package Overview
Dependencies
Maintainers
1
Versions
21
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

reactjs-dropdown-component - npm Package Compare versions

Comparing version 1.0.6 to 1.0.7

2

build/index.js

@@ -1,1 +0,1 @@

module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=3)}([function(e,t){e.exports=require("react")},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=l(n(0)),a=l(n(5)),s=l(n(8));function l(e){return e&&e.__esModule?e:{default:e}}var u=function(e){function t(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var e=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return e.displayName="FontAwesome",e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,i.default.Component),o(t,[{key:"render",value:function(){var e=this.props,t=e.border,n=e.cssModule,o=e.className,a=e.fixedWidth,l=e.flip,u=e.inverse,f=e.name,c=e.pulse,p=e.rotate,d=e.size,h=e.spin,b=e.stack,m=e.tag,v=void 0===m?"span":m,y=e.ariaLabel,g=function(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}(e,["border","cssModule","className","fixedWidth","flip","inverse","name","pulse","rotate","size","spin","stack","tag","ariaLabel"]),w=[];return n?(w.push(n.fa),w.push(n["fa-"+f]),d&&w.push(n["fa-"+d]),h&&w.push(n["fa-spin"]),c&&w.push(n["fa-pulse"]),t&&w.push(n["fa-border"]),a&&w.push(n["fa-fw"]),u&&w.push(n["fa-inverse"]),l&&w.push(n["fa-flip-"+l]),p&&w.push(n["fa-rotate-"+p]),b&&w.push(n["fa-stack-"+b])):(w.push("fa"),w.push("fa-"+f),d&&w.push("fa-"+d),h&&w.push("fa-spin"),c&&w.push("fa-pulse"),t&&w.push("fa-border"),a&&w.push("fa-fw"),u&&w.push("fa-inverse"),l&&w.push("fa-flip-"+l),p&&w.push("fa-rotate-"+p),b&&w.push("fa-stack-"+b)),o&&w.push(o),i.default.createElement(v,r({},g,{"aria-hidden":!0,className:w.join(" ")}),y?i.default.createElement("span",{style:s.default},y):null)}}]),t}();u.propTypes={ariaLabel:a.default.string,border:a.default.bool,className:a.default.string,cssModule:a.default.object,fixedWidth:a.default.bool,flip:a.default.oneOf(["horizontal","vertical"]),inverse:a.default.bool,name:a.default.string.isRequired,pulse:a.default.bool,rotate:a.default.oneOf([90,180,270]),size:a.default.oneOf(["lg","2x","3x","4x","5x"]),spin:a.default.bool,stack:a.default.oneOf(["1x","2x"]),tag:a.default.string},t.default=u,e.exports=t.default},function(e,t,n){var r=n(9);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(11)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DropdownMultiple=t.Dropdown=void 0;var r=i(n(4)),o=i(n(13));function i(e){return e&&e.__esModule?e:{default:e}}t.Dropdown=r.default,t.DropdownMultiple=o.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),o=n(0),i=s(o),a=s(n(1));function s(e){return e&&e.__esModule?e:{default:e}}n(2);var l=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.state={listOpen:!1,headerTitle:n.props.title},n.close=n.close.bind(n),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,o.Component),r(t,[{key:"componentDidUpdate",value:function(){var e=this,t=this.state.listOpen;setTimeout(function(){t?window.addEventListener("click",e.close):window.removeEventListener("click",e.close)},0)}},{key:"componentWillUnmount",value:function(){window.removeEventListener("click",this.close)}},{key:"close",value:function(e){this.setState({listOpen:!1})}},{key:"selectItem",value:function(e,t,n){this.setState({headerTitle:e,listOpen:!1},this.props.resetThenSet(t,n))}},{key:"toggleList",value:function(){this.setState(function(e){return{listOpen:!e.listOpen}})}},{key:"render",value:function(){var e=this,t=this.props.list,n=this.state,r=n.listOpen,o=n.headerTitle;return i.default.createElement("div",{className:"dd-wrapper"},i.default.createElement("div",{className:"dd-header",onClick:function(){return e.toggleList()}},i.default.createElement("div",{className:"dd-header-title"},o),r?i.default.createElement(a.default,{name:"angle-up",size:"2x"}):i.default.createElement(a.default,{name:"angle-down",size:"2x"})),r&&i.default.createElement("ul",{className:"dd-list",onClick:function(e){return e.stopPropagation()}},t.map(function(t){return i.default.createElement("li",{className:"dd-list-item",key:t.id,onClick:function(){return e.selectItem(t.title,t.id,t.key)}},t.title," ",t.selected&&i.default.createElement(a.default,{name:"check"}))})))}}]),t}();t.default=l},function(e,t,n){e.exports=n(6)()},function(e,t,n){"use strict";var r=n(7);function o(){}e.exports=function(){function e(e,t,n,o,i,a){if(a!==r){var s=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 s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t};return n.checkPropTypes=o,n.PropTypes=n,n}},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={position:"absolute",width:"1px",height:"1px",padding:"0px",margin:"-1px",overflow:"hidden",clip:"rect(0px, 0px, 0px, 0px)",border:"0px"},e.exports=t.default},function(e,t,n){(e.exports=n(10)(!1)).push([e.i,"html {\n font-size: 62.5%;\n}\nbody {\n margin: 0;\n padding: 0;\n -webkit-font-smoothing: antialiased;\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n}\n.dd-wrapper ul,\n.dd-wrapper li {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.dd-wrapper p {\n margin: 0;\n padding: 0;\n}\n.dd-wrapper * {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n box-sizing: border-box;\n text-rendering: optimizeLegibility;\n}\n.dd-wrapper *:focus {\n outline: none;\n}\n.dd-wrapper {\n font-size: 1.6rem;\n user-select: none;\n position: relative;\n width: 222px;\n}\n.dd-wrapper .dd-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n line-height: 38px;\n border: 1px solid #dfdfdf;\n border-radius: 3px;\n cursor: default;\n position: relative;\n background-color: #fff;\n}\n.dd-wrapper .dd-header span {\n margin-right: 20px;\n}\n.dd-wrapper .dd-header-title {\n font-weight: 300;\n margin: 2px 20px;\n margin-right: 30px;\n}\n.dd-wrapper .angle-down {\n color: #000;\n margin-right: 20px;\n}\n.dd-wrapper .dd-list {\n text-align: left;\n z-index: 10;\n position: absolute;\n width: 100%;\n border: 1px solid #dfdfdf;\n border-top: none;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n background-color: #fff;\n box-shadow: 0 2px 5px -1px #e8e8e8;\n font-weight: 700;\n padding: 15px 0;\n max-height: 215px;\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n}\n.dd-wrapper .dd-list-item {\n width: 100%;\n font-size: 1.5rem;\n padding: 8px 10px;\n line-height: 1.6rem;\n cursor: default;\n display: inline-block;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.dd-wrapper .dd-list-item.selected {\n color: #fff;\n background-color: #ffcc01;\n}\n.dd-wrapper .dd-list-item:hover {\n color: #fff;\n background-color: #ffcc01;\n}\n",""])},function(e,t){e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var o=function(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}(r),i=r.sources.map(function(e){return"/*# sourceURL="+r.sourceRoot+e+" */"});return[n].concat(i).concat([o]).join("\n")}return[n].join("\n")}(t,e);return t[2]?"@media "+t[2]+"{"+n+"}":n}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(r[i]=!0)}for(o=0;o<e.length;o++){var a=e[o];"number"==typeof a[0]&&r[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),t.push(a))}},t}},function(e,t,n){var r={},o=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),i=function(e){var t={};return function(e,n){if("function"==typeof e)return e();if(void 0===t[e]){var r=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,n);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}t[e]=r}return t[e]}}(),a=null,s=0,l=[],u=n(12);function f(e,t){for(var n=0;n<e.length;n++){var o=e[n],i=r[o.id];if(i){i.refs++;for(var a=0;a<i.parts.length;a++)i.parts[a](o.parts[a]);for(;a<o.parts.length;a++)i.parts.push(m(o.parts[a],t))}else{var s=[];for(a=0;a<o.parts.length;a++)s.push(m(o.parts[a],t));r[o.id]={id:o.id,refs:1,parts:s}}}}function c(e,t){for(var n=[],r={},o=0;o<e.length;o++){var i=e[o],a=t.base?i[0]+t.base:i[0],s={css:i[1],media:i[2],sourceMap:i[3]};r[a]?r[a].parts.push(s):n.push(r[a]={id:a,parts:[s]})}return n}function p(e,t){var n=i(e.insertInto);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var r=l[l.length-1];if("top"===e.insertAt)r?r.nextSibling?n.insertBefore(t,r.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),l.push(t);else if("bottom"===e.insertAt)n.appendChild(t);else{if("object"!=typeof e.insertAt||!e.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var o=i(e.insertAt.before,n);n.insertBefore(t,o)}}function d(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e);var t=l.indexOf(e);t>=0&&l.splice(t,1)}function h(e){var t=document.createElement("style");if(void 0===e.attrs.type&&(e.attrs.type="text/css"),void 0===e.attrs.nonce){var r=function(){0;return n.nc}();r&&(e.attrs.nonce=r)}return b(t,e.attrs),p(e,t),t}function b(e,t){Object.keys(t).forEach(function(n){e.setAttribute(n,t[n])})}function m(e,t){var n,r,o,i;if(t.transform&&e.css){if(!(i="function"==typeof t.transform?t.transform(e.css):t.transform.default(e.css)))return function(){};e.css=i}if(t.singleton){var l=s++;n=a||(a=h(t)),r=y.bind(null,n,l,!1),o=y.bind(null,n,l,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",b(t,e.attrs),p(e,t),t}(t),r=function(e,t,n){var r=n.css,o=n.sourceMap,i=void 0===t.convertToAbsoluteUrls&&o;(t.convertToAbsoluteUrls||i)&&(r=u(r));o&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var a=new Blob([r],{type:"text/css"}),s=e.href;e.href=URL.createObjectURL(a),s&&URL.revokeObjectURL(s)}.bind(null,n,t),o=function(){d(n),n.href&&URL.revokeObjectURL(n.href)}):(n=h(t),r=function(e,t){var n=t.css,r=t.media;r&&e.setAttribute("media",r);if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}.bind(null,n),o=function(){d(n)});return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=o()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var n=c(e,t);return f(n,t),function(e){for(var o=[],i=0;i<n.length;i++){var a=n[i];(s=r[a.id]).refs--,o.push(s)}e&&f(c(e,t),t);for(i=0;i<o.length;i++){var s;if(0===(s=o[i]).refs){for(var l=0;l<s.parts.length;l++)s.parts[l]();delete r[s.id]}}}};var v=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}();function y(e,t,n,r){var o=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=v(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}},function(e,t){e.exports=function(e){var t="undefined"!=typeof window&&window.location;if(!t)throw new Error("fixUrls requires window.location");if(!e||"string"!=typeof e)return e;var n=t.protocol+"//"+t.host,r=n+t.pathname.replace(/\/[^\/]*$/,"/");return e.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,function(e,t){var o,i=t.trim().replace(/^"(.*)"$/,function(e,t){return t}).replace(/^'(.*)'$/,function(e,t){return t});return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(i)?e:(o=0===i.indexOf("//")?i:0===i.indexOf("/")?n+i:r+i.replace(/^\.\//,""),"url("+JSON.stringify(o)+")")})}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),o=n(0),i=s(o),a=s(n(1));function s(e){return e&&e.__esModule?e:{default:e}}n(2);var l=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.state={listOpen:!1,headerTitle:n.props.title,timeOut:null},n.close=n.close.bind(n),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,o.Component),r(t,[{key:"componentDidUpdate",value:function(){var e=this,t=this.state.listOpen;setTimeout(function(){t?window.addEventListener("click",e.close):window.removeEventListener("click",e.close)},0)}},{key:"componentWillUnmount",value:function(){window.removeEventListener("click",this.close)}},{key:"close",value:function(e){this.setState({listOpen:!1})}},{key:"toggleList",value:function(){this.setState(function(e){return{listOpen:!e.listOpen}})}},{key:"render",value:function(){var e=this,t=this.props,n=t.list,r=t.toggleItem,o=this.state,s=o.listOpen,l=o.headerTitle;return i.default.createElement("div",{className:"dd-wrapper"},i.default.createElement("div",{className:"dd-header",onClick:function(){return e.toggleList()}},i.default.createElement("div",{className:"dd-header-title"},l),s?i.default.createElement(a.default,{name:"angle-up",size:"2x"}):i.default.createElement(a.default,{name:"angle-down",size:"2x"})),s&&i.default.createElement("ul",{className:"dd-list",onClick:function(e){return e.stopPropagation()}},n.map(function(e){return i.default.createElement("li",{className:"dd-list-item",key:e.title,onClick:function(){return r(e.id,e.key)}},e.title," ",e.selected&&i.default.createElement(a.default,{name:"check"}))})))}}],[{key:"getDerivedStateFromProps",value:function(e){var t=e.list.filter(function(e){return e.selected}).length;return 0===t?{headerTitle:e.title}:1===t?{headerTitle:t+" "+e.titleHelper}:t>1?{headerTitle:t+" "+e.titleHelper+"s"}:void 0}}]),t}();t.default=l}]);
module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=3)}([function(e,t){e.exports=require("react")},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=l(n(0)),a=l(n(5)),s=l(n(8));function l(e){return e&&e.__esModule?e:{default:e}}var u=function(e){function t(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var e=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return e.displayName="FontAwesome",e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,i.default.Component),o(t,[{key:"render",value:function(){var e=this.props,t=e.border,n=e.cssModule,o=e.className,a=e.fixedWidth,l=e.flip,u=e.inverse,f=e.name,c=e.pulse,p=e.rotate,d=e.size,h=e.spin,b=e.stack,m=e.tag,v=void 0===m?"span":m,y=e.ariaLabel,g=function(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}(e,["border","cssModule","className","fixedWidth","flip","inverse","name","pulse","rotate","size","spin","stack","tag","ariaLabel"]),w=[];return n?(w.push(n.fa),w.push(n["fa-"+f]),d&&w.push(n["fa-"+d]),h&&w.push(n["fa-spin"]),c&&w.push(n["fa-pulse"]),t&&w.push(n["fa-border"]),a&&w.push(n["fa-fw"]),u&&w.push(n["fa-inverse"]),l&&w.push(n["fa-flip-"+l]),p&&w.push(n["fa-rotate-"+p]),b&&w.push(n["fa-stack-"+b])):(w.push("fa"),w.push("fa-"+f),d&&w.push("fa-"+d),h&&w.push("fa-spin"),c&&w.push("fa-pulse"),t&&w.push("fa-border"),a&&w.push("fa-fw"),u&&w.push("fa-inverse"),l&&w.push("fa-flip-"+l),p&&w.push("fa-rotate-"+p),b&&w.push("fa-stack-"+b)),o&&w.push(o),i.default.createElement(v,r({},g,{"aria-hidden":!0,className:w.join(" ")}),y?i.default.createElement("span",{style:s.default},y):null)}}]),t}();u.propTypes={ariaLabel:a.default.string,border:a.default.bool,className:a.default.string,cssModule:a.default.object,fixedWidth:a.default.bool,flip:a.default.oneOf(["horizontal","vertical"]),inverse:a.default.bool,name:a.default.string.isRequired,pulse:a.default.bool,rotate:a.default.oneOf([90,180,270]),size:a.default.oneOf(["lg","2x","3x","4x","5x"]),spin:a.default.bool,stack:a.default.oneOf(["1x","2x"]),tag:a.default.string},t.default=u,e.exports=t.default},function(e,t,n){var r=n(9);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(11)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DropdownMultiple=t.Dropdown=void 0;var r=i(n(4)),o=i(n(13));function i(e){return e&&e.__esModule?e:{default:e}}t.Dropdown=r.default,t.DropdownMultiple=o.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),o=n(0),i=s(o),a=s(n(1));function s(e){return e&&e.__esModule?e:{default:e}}n(2);var l=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.state={listOpen:!1,headerTitle:n.props.title},n.close=n.close.bind(n),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,o.Component),r(t,[{key:"componentDidUpdate",value:function(){var e=this,t=this.state.listOpen;setTimeout(function(){t?window.addEventListener("click",e.close):window.removeEventListener("click",e.close)},0)}},{key:"componentWillUnmount",value:function(){window.removeEventListener("click",this.close)}},{key:"componentDidMount",value:function(){var e=this.props.list.filter(function(e){return e.selected});e.length&&this.setState({headerTitle:e[0].title})}},{key:"close",value:function(){this.setState({listOpen:!1})}},{key:"selectItem",value:function(e,t,n){this.setState({headerTitle:e,listOpen:!1},this.props.resetThenSet(t,n))}},{key:"toggleList",value:function(){this.setState(function(e){return{listOpen:!e.listOpen}})}},{key:"render",value:function(){var e=this,t=this.props.list,n=this.state,r=n.listOpen,o=n.headerTitle;return i.default.createElement("div",{className:"dd-wrapper"},i.default.createElement("div",{className:"dd-header",onClick:function(){return e.toggleList()}},i.default.createElement("div",{className:"dd-header-title"},o),r?i.default.createElement(a.default,{name:"angle-up",size:"2x"}):i.default.createElement(a.default,{name:"angle-down",size:"2x"})),r&&i.default.createElement("ul",{className:"dd-list",onClick:function(e){return e.stopPropagation()}},t.map(function(t){return i.default.createElement("li",{className:"dd-list-item",key:t.id,onClick:function(){return e.selectItem(t.title,t.id,t.key)}},t.title," ",t.selected&&i.default.createElement(a.default,{name:"check"}))})))}}]),t}();t.default=l},function(e,t,n){e.exports=n(6)()},function(e,t,n){"use strict";var r=n(7);function o(){}e.exports=function(){function e(e,t,n,o,i,a){if(a!==r){var s=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 s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t};return n.checkPropTypes=o,n.PropTypes=n,n}},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={position:"absolute",width:"1px",height:"1px",padding:"0px",margin:"-1px",overflow:"hidden",clip:"rect(0px, 0px, 0px, 0px)",border:"0px"},e.exports=t.default},function(e,t,n){(e.exports=n(10)(!1)).push([e.i,"html {\n font-size: 62.5%;\n}\nbody {\n margin: 0;\n padding: 0;\n -webkit-font-smoothing: antialiased;\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n}\n.dd-wrapper ul,\n.dd-wrapper li {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.dd-wrapper p {\n margin: 0;\n padding: 0;\n}\n.dd-wrapper * {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n box-sizing: border-box;\n text-rendering: optimizeLegibility;\n}\n.dd-wrapper *:focus {\n outline: none;\n}\n.dd-wrapper {\n font-size: 1.6rem;\n user-select: none;\n position: relative;\n width: 222px;\n}\n.dd-wrapper .dd-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n line-height: 38px;\n border: 1px solid #dfdfdf;\n border-radius: 3px;\n cursor: default;\n position: relative;\n background-color: #fff;\n}\n.dd-wrapper .dd-header span {\n margin-right: 20px;\n}\n.dd-wrapper .dd-header-title {\n font-weight: 300;\n margin: 2px 20px;\n margin-right: 30px;\n}\n.dd-wrapper .angle-down {\n color: #000;\n margin-right: 20px;\n}\n.dd-wrapper .dd-list {\n text-align: left;\n z-index: 10;\n position: absolute;\n width: 100%;\n border: 1px solid #dfdfdf;\n border-top: none;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n background-color: #fff;\n box-shadow: 0 2px 5px -1px #e8e8e8;\n font-weight: 700;\n padding: 15px 0;\n max-height: 215px;\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n}\n.dd-wrapper .dd-list-item {\n width: 100%;\n font-size: 1.5rem;\n padding: 8px 10px;\n line-height: 1.6rem;\n cursor: default;\n display: inline-block;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.dd-wrapper .dd-list-item.selected {\n color: #fff;\n background-color: #ffcc01;\n}\n.dd-wrapper .dd-list-item:hover {\n color: #fff;\n background-color: #ffcc01;\n}\n",""])},function(e,t){e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var o=function(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}(r),i=r.sources.map(function(e){return"/*# sourceURL="+r.sourceRoot+e+" */"});return[n].concat(i).concat([o]).join("\n")}return[n].join("\n")}(t,e);return t[2]?"@media "+t[2]+"{"+n+"}":n}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(r[i]=!0)}for(o=0;o<e.length;o++){var a=e[o];"number"==typeof a[0]&&r[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),t.push(a))}},t}},function(e,t,n){var r={},o=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),i=function(e){var t={};return function(e,n){if("function"==typeof e)return e();if(void 0===t[e]){var r=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,n);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}t[e]=r}return t[e]}}(),a=null,s=0,l=[],u=n(12);function f(e,t){for(var n=0;n<e.length;n++){var o=e[n],i=r[o.id];if(i){i.refs++;for(var a=0;a<i.parts.length;a++)i.parts[a](o.parts[a]);for(;a<o.parts.length;a++)i.parts.push(m(o.parts[a],t))}else{var s=[];for(a=0;a<o.parts.length;a++)s.push(m(o.parts[a],t));r[o.id]={id:o.id,refs:1,parts:s}}}}function c(e,t){for(var n=[],r={},o=0;o<e.length;o++){var i=e[o],a=t.base?i[0]+t.base:i[0],s={css:i[1],media:i[2],sourceMap:i[3]};r[a]?r[a].parts.push(s):n.push(r[a]={id:a,parts:[s]})}return n}function p(e,t){var n=i(e.insertInto);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var r=l[l.length-1];if("top"===e.insertAt)r?r.nextSibling?n.insertBefore(t,r.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),l.push(t);else if("bottom"===e.insertAt)n.appendChild(t);else{if("object"!=typeof e.insertAt||!e.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var o=i(e.insertAt.before,n);n.insertBefore(t,o)}}function d(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e);var t=l.indexOf(e);t>=0&&l.splice(t,1)}function h(e){var t=document.createElement("style");if(void 0===e.attrs.type&&(e.attrs.type="text/css"),void 0===e.attrs.nonce){var r=function(){0;return n.nc}();r&&(e.attrs.nonce=r)}return b(t,e.attrs),p(e,t),t}function b(e,t){Object.keys(t).forEach(function(n){e.setAttribute(n,t[n])})}function m(e,t){var n,r,o,i;if(t.transform&&e.css){if(!(i="function"==typeof t.transform?t.transform(e.css):t.transform.default(e.css)))return function(){};e.css=i}if(t.singleton){var l=s++;n=a||(a=h(t)),r=y.bind(null,n,l,!1),o=y.bind(null,n,l,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",b(t,e.attrs),p(e,t),t}(t),r=function(e,t,n){var r=n.css,o=n.sourceMap,i=void 0===t.convertToAbsoluteUrls&&o;(t.convertToAbsoluteUrls||i)&&(r=u(r));o&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var a=new Blob([r],{type:"text/css"}),s=e.href;e.href=URL.createObjectURL(a),s&&URL.revokeObjectURL(s)}.bind(null,n,t),o=function(){d(n),n.href&&URL.revokeObjectURL(n.href)}):(n=h(t),r=function(e,t){var n=t.css,r=t.media;r&&e.setAttribute("media",r);if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}.bind(null,n),o=function(){d(n)});return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=o()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var n=c(e,t);return f(n,t),function(e){for(var o=[],i=0;i<n.length;i++){var a=n[i];(s=r[a.id]).refs--,o.push(s)}e&&f(c(e,t),t);for(i=0;i<o.length;i++){var s;if(0===(s=o[i]).refs){for(var l=0;l<s.parts.length;l++)s.parts[l]();delete r[s.id]}}}};var v=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}();function y(e,t,n,r){var o=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=v(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}},function(e,t){e.exports=function(e){var t="undefined"!=typeof window&&window.location;if(!t)throw new Error("fixUrls requires window.location");if(!e||"string"!=typeof e)return e;var n=t.protocol+"//"+t.host,r=n+t.pathname.replace(/\/[^\/]*$/,"/");return e.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,function(e,t){var o,i=t.trim().replace(/^"(.*)"$/,function(e,t){return t}).replace(/^'(.*)'$/,function(e,t){return t});return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(i)?e:(o=0===i.indexOf("//")?i:0===i.indexOf("/")?n+i:r+i.replace(/^\.\//,""),"url("+JSON.stringify(o)+")")})}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),o=n(0),i=s(o),a=s(n(1));function s(e){return e&&e.__esModule?e:{default:e}}n(2);var l=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.state={listOpen:!1,headerTitle:n.props.title,timeOut:null},n.close=n.close.bind(n),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,o.Component),r(t,[{key:"componentDidUpdate",value:function(){var e=this,t=this.state.listOpen;setTimeout(function(){t?window.addEventListener("click",e.close):window.removeEventListener("click",e.close)},0)}},{key:"componentWillUnmount",value:function(){window.removeEventListener("click",this.close)}},{key:"close",value:function(e){this.setState({listOpen:!1})}},{key:"toggleList",value:function(){this.setState(function(e){return{listOpen:!e.listOpen}})}},{key:"render",value:function(){var e=this,t=this.props,n=t.list,r=t.toggleItem,o=this.state,s=o.listOpen,l=o.headerTitle;return i.default.createElement("div",{className:"dd-wrapper"},i.default.createElement("div",{className:"dd-header",onClick:function(){return e.toggleList()}},i.default.createElement("div",{className:"dd-header-title"},l),s?i.default.createElement(a.default,{name:"angle-up",size:"2x"}):i.default.createElement(a.default,{name:"angle-down",size:"2x"})),s&&i.default.createElement("ul",{className:"dd-list",onClick:function(e){return e.stopPropagation()}},n.map(function(e){return i.default.createElement("li",{className:"dd-list-item",key:e.title,onClick:function(){return r(e.id,e.key)}},e.title," ",e.selected&&i.default.createElement(a.default,{name:"check"}))})))}}],[{key:"getDerivedStateFromProps",value:function(e){var t=e.list.filter(function(e){return e.selected}).length;return 0===t?{headerTitle:e.title}:1===t?{headerTitle:t+" "+e.titleHelper}:t>1?{headerTitle:t+" "+e.titleHelper+"s"}:void 0}}]),t}();t.default=l}]);
{
"name": "reactjs-dropdown-component",
"version": "1.0.6",
"version": "1.0.7",
"description": "Single and multi select dropwdown menu components",

@@ -5,0 +5,0 @@ "main": "build/index.js",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc