@academysports/fusion-components - npm Package Compare versions

Comparing version 1.1.10 to 1.1.11

dist/Dropdown.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("react-emotion"),require("prop-types")):"function"==typeof define&&define.amd?define(["react","react-emotion","prop-types"],t):"object"==typeof exports?exports.Dropdown=t(require("react"),require("react-emotion"),require("prop-types")):(e.academyatoms=e.academyatoms||{},e.academyatoms.Dropdown=t(e.React,e[void 0],e.PropTypes))}(this,function(e,t,i){return function(e){var t={};function i(o){if(t[o])return t[o].exports;var n=t[o]={i:o,l:!1,exports:{}};return e[o].call(n.exports,n,n.exports,i),n.l=!0,n.exports}return i.m=e,i.c=t,i.d=function(e,t,o){i.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:o})},i.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s=51)}({0:function(t,i){t.exports=e},1:function(e,i){e.exports=t},2:function(e,t){e.exports=i},50:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.HOVER_BACKGROUND_COLOR="#0055a6",t.HOVER_FOREGROUND_COLOR="#FFF",t.DISABLED_HOVER_BACKGROUND_COLOR="#F6F6F6",t.DISABLED_HOVER_FOREGROUND_COLOR="#333333",t.KEYBOARD_SELECTED_BACKGROUND_COLOR="#9EC9F3",t.KEYBOARD_SELECTED_FOREGROUND_COLOR="#FFF",t.DISABLED_CURSOR="default",t.ENABLED_CURSOR="pointer",t.FONT_SIZE="1rem",t.MOBILE_FONT_SIZE="0.8rem",t.INDICATOR_FONT_SIZE="0.85rem",t.INDICATOR_MOBILE_FONT_SIZE="0.45rem"},51:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o="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},n=function(){function e(e,t){for(var i=0;i<t.length;i++){var o=t[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,i,o){return i&&e(t.prototype,i),o&&e(t,o),t}}(),r=d(i(0)),s=d(i(2)),a=i(1),l=i(50);function d(e){return e&&e.__esModule?e:{default:e}}var c=(0,a.css)("@media screen and (min-width:768px){font-size:0.85rem;}font-size:0.45rem;"),u=(0,a.css)("max-width:90%;overflow:hidden;text-overflow:ellipsis;text-align:left;"),p=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 i=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 i.state={isDropdownOpen:!1,activeListItem:i.props.initiallySelectedOption&&i.props.initiallySelectedOption<i.props.DropdownOptions.length?i.props.initiallySelectedOption:0,selectedOption:i.props.initiallySelectedOption&&i.props.initiallySelectedOption<i.props.DropdownOptions.length?i.props.DropdownOptions[i.props.initiallySelectedOption]:i.placeholderOption(),hoveredListItem:-1,keyPressed:" ",matchingOptions:[]},i.onSelectWrapper=i.onSelectWrapper.bind(i),i.renderButtonContents=i.renderButtonContents.bind(i),i.handleClickOutside=i.handleClickOutside.bind(i),i.handleKeyboardEvents=i.handleKeyboardEvents.bind(i),i.toggleDropdownState=i.toggleDropdownState.bind(i),i.setWrapperRef=r.default.createRef(),i.listRef=r.default.createRef(),i}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,r.default.Component),n(t,[{key:"componentWillReceiveProps",value:function(e){this.props.initiallySelectedOption!==e.initiallySelectedOption&&this.setState({selectedOption:e.initiallySelectedOption<e.DropdownOptions.length?e.DropdownOptions[e.initiallySelectedOption]:e.DropdownOptions[0],activeListItem:e.initiallySelectedOption<e.DropdownOptions.length?e.initiallySelectedOption:0})}},{key:"componentWillUnmount",value:function(){document.removeEventListener("keydown",this.handleKeyboardEvents),document.removeEventListener("mousedown",this.handleClickOutside)}},{key:"onSelectWrapper",value:function(e,t,i){var o=this;e.disabled||(this.setState({selectedOption:e,activeListItem:i},function(){return o.toggleDropdownState()}),t(i,e.title))}},{key:"placeholderOption",value:function(){return this.props.placeholderOption?this.props.placeholderOption:this.props.DropdownOptions[0]}},{key:"handleClickOutside",value:function(e){this.setWrapperRef.current&&!this.setWrapperRef.current.contains(e.target)&&this.toggleDropdownState()}},{key:"toggleDropdownState",value:function(){var e=this;(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{preventDefault:function(){}}).preventDefault(),this.state.isDropdownOpen?this.setState(Object.assign({},this.state,{isDropdownOpen:!1})):this.setState(Object.assign({},this.state,{isDropdownOpen:!0,hoveredListItem:this.state.activeListItem}),function(){return e.scrollToOffset(".active")})}},{key:"handleKeyboardEvents",value:function(e){var t=this;("ArrowDown"===e.key||"Tab"===e.key)&&this.state.hoveredListItem<this.props.DropdownOptions.length-1?(e.preventDefault(),this.setState(Object.assign({},this.state,{hoveredListItem:this.state.hoveredListItem+1,keyPressed:e.key}),this.scrollToOffset)):"ArrowUp"===e.key&&this.state.hoveredListItem>=1?(e.preventDefault(),this.setState(Object.assign({},this.state,{hoveredListItem:this.state.hoveredListItem-1,keyPressed:e.key}),this.scrollToOffset)):"Enter"===e.key?(e.preventDefault(),this.state.isDropdownOpen?(this.onSelectWrapper(this.state.hoveredListItem>=0?this.props.DropdownOptions[this.state.hoveredListItem]:this.props.DropdownOptions[this.state.activeListItem],this.props.onSelectOption,this.state.hoveredListItem),this.setState(Object.assign({},this.state,{hoveredListItem:0,keyPressed:e.key}))):this.setState(Object.assign({},this.state,{hoveredListItem:0,keyPressed:e.key}),function(){return t.toggleDropdownState()})):" "===e.key?(e.preventDefault(),this.setState(Object.assign({},this.state,{hoveredListItem:0,keyPressed:e.key}),function(){return t.toggleDropdownState()})):this.state.hoveredListItem>=-1&&this.lexicalSearch(e.key,this.props.DropdownOptions)}},{key:"lexicalSearch",value:function(e,t){var i=this,o=this.state.matchingOptions;if(this.state.keyPressed===e&&o.length>0)o.push(o.splice(0,1)[0]),this.setState(Object.assign({},this.state,{hoveredListItem:o[0]}),function(){return i.scrollToOffset()});else{var n=t.map(function(t,i){return t.title.startsWith(e)||t.title.startsWith(e.toUpperCase())?i:null}).filter(function(e){return null!==e});n.length>0&&this.setState(Object.assign({},this.state,{keyPressed:e,matchingOptions:n,hoveredListItem:n[0]}),function(){return i.scrollToOffset()})}}},{key:"scrollToOffset",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:".keySelected";if(this.state.hoveredListItem>-1)if(document.querySelector(e)){var t=document.querySelector(e).offsetTop;document.getElementById("customDropdownList").scrollTop=t}else if(document.querySelector(".disabledKeySelected")){var i=document.querySelector(".disabledKeySelected").offsetTop;document.getElementById("customDropdownList").scrollTop=i}}},{key:"manageActiveListeners",value:function(){this.state.isDropdownOpen?(document.addEventListener("keydown",this.handleKeyboardEvents),document.addEventListener("mousedown",this.handleClickOutside)):(document.removeEventListener("keydown",this.handleKeyboardEvents),document.removeEventListener("mousedown",this.handleClickOutside))}},{key:"renderButtonContents",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return"object"===(void 0===e?"undefined":o(e))?r.default.createElement("div",{className:""+u},r.default.createElement("div",{className:t+" "},r.default.createElement("p",{className:"m-0"},e.title)),r.default.createElement("div",{className:i+" "},r.default.createElement("p",{className:"mt-quarter mb-0"},e.subtitle))):this.state.selectedOption.title}},{key:"render",value:function(){var e,t=this,i=this.props,o=i.DropdownOptions,n=i.multi,s=i.titleClass,d=i.subtitleClass,u=i.onSelectOption,p=i.disabled,O=i.name,h=i.id,m=i.auid,v=this.state.selectedOption;return this.manageActiveListeners(),r.default.createElement("div",{name:O,id:h,ref:this.setWrapperRef,className:""+(e=this.props,(0,a.css)("position:relative;ul{margin:0;padding:0;width:100%;list-style-type:none;max-height:",e.maxHeight?e.maxHeight:"10rem",";overflow-y:auto;overflow-x:hidden;position:absolute;background:#fff;z-index:",e.zIndex?e.zIndex:"4",";border-radius:",e.listborderradius?e.listborderradius:"5px",";box-shadow:0 4px 12px 0 rgba(0,0,0,0.08),0 4px 8px 0 rgba(0,0,0,0.04),0 1px 5px 0 rgba(0,0,0,0.12);li{@media screen and (min-width:768px){font-size:1rem;}font-size:0.8rem;padding:",e.listItemPadding?e.listItemPadding:"0.75rem 1rem",";min-height:",e.multi?"4.5rem":"3rem",";height:auto;overflow:hidden;text-overflow:ellipsis;font-weight:normal;cursor:",l.ENABLED_CURSOR,";&:hover{background:",l.HOVER_BACKGROUND_COLOR,";span{color:",l.HOVER_FOREGROUND_COLOR,";}&.disabled{background:",l.DISABLED_HOVER_BACKGROUND_COLOR,";span{color:",l.DISABLED_HOVER_FOREGROUND_COLOR,";}cursor:",l.DISABLED_CURSOR,";}}&.disabled{background:",l.DISABLED_HOVER_BACKGROUND_COLOR,";color:",l.DISABLED_HOVER_FOREGROUND_COLOR,";cursor:",l.DISABLED_CURSOR,";}&.disabledKeySelected{background:",l.DISABLED_HOVER_BACKGROUND_COLOR,";span{color:",l.DISABLED_HOVER_FOREGROUND_COLOR,";}cursor:",l.DISABLED_CURSOR,";}&.keySelected{background:",l.KEYBOARD_SELECTED_BACKGROUND_COLOR,";span{color:",l.KEYBOARD_SELECTED_FOREGROUND_COLOR,";}&:hover{background:",l.HOVER_BACKGROUND_COLOR,";span{color:",l.HOVER_FOREGROUND_COLOR,";}}}&.active{background:",l.HOVER_BACKGROUND_COLOR,";span{color:",l.HOVER_FOREGROUND_COLOR,";}}&:first-child{&:hover{border-radius:",e.listborderradius?e.listborderradius:"5px"," ",e.listborderradius?e.listborderradius:"5px"," 0 0;}}&:last-child{&:hover{border-radius:0 0 ",e.listborderradius?e.listborderradius:"5px"," ",e.listborderradius?e.listborderradius:"5px",";}}}",e.className))},r.default.createElement("button",{type:"button","data-auid":m,className:""+function(e){return(0,a.css)("display:flex;flex-grow:1;justify-content:space-between;align-items:center;padding:",e.padding?e.padding:"8px 16px 8px 12px",";@media screen and (min-width:768px){font-size:1rem;}font-size:0.8rem;width:",e.width?e.width:"100%",";height:",e.height?e.height:"3.5rem auto",";line-height:1.25;position:relative;z-index:1;background-color:#fff;overflow:hidden;text-overflow:ellipsis;border:",e.borderwidth?e.borderwidth:"1px"," solid ",e.bordercolor?e.bordercolor:"#ccc",";border-radius:",e.borderradius?e.borderradius:"4px",";",e.className)}(this.props),disabled:p,onClick:function(e){return t.toggleDropdownState(e)}},this.renderButtonContents(v,s,d),r.default.createElement("span",{className:this.state.isDropdownOpen?"d-flex justify-content-end academyicon icon-chevron-up "+c:"justify-content-end academyicon icon-chevron-down "+c})),this.state.isDropdownOpen&&r.default.createElement("ul",{"data-auid":m+"_dropdownList",id:"customDropdownList",className:function(e){return(0,a.css)("width:",e.width)}(this.props)+" align-items-center",role:"presentation"},r.default.createElement(f,{multi:n,titleClass:s,subtitleClass:d,options:o,onSelect:function(e,i){return t.onSelectWrapper(e,u,i)},activeListItem:this.state.activeListItem,hoveredListItem:this.state.hoveredListItem})))}}]),t}(),f=function(e){return e.multi?e.options.map(function(t,i){return t.subtitle?r.default.createElement("li",{"data-auid":e.auid+"_listOption_"+i,className:O(e,i,t),key:t.title,"data-value":t.value,role:"presentation",onClick:function(){return e.onSelect(t,i)}},r.default.createElement("span",{className:e.titleClass+" d-block"},t.title),r.default.createElement("span",{className:e.subtitleClass+" d-block"},t.subtitle)):r.default.createElement("li",{"data-auid":e.auid+"_listOption_"+i,className:O(e,i,t,"d-flex align-items-center"),key:t.title,"data-value":t.value,role:"presentation",onClick:function(){return e.onSelect(t,i)}},r.default.createElement("span",{className:e.titleClass+" "},t.title))}):e.options.map(function(t,i){return r.default.createElement("li",{"data-auid":e.auid+"_listOption_"+i,className:""+O(e,i,t),key:t.title,"data-value":t.value,role:"presentation",onClick:function(){return e.onSelect(t,i)}},r.default.createElement("span",{className:e.titleClass},t.title))})},O=function(e,t,i){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=o;return i.disabled&&(n+=" disabled",e.hoveredListItem===t&&(n=o+" disabledKeySelected")),i.disabled||e.activeListItem!==t||(n+=" active"),i.disabled||e.hoveredListItem!==t||(n+=" keySelected"),n};p.defaultProps={disabled:!1},p.propTypes={DropdownOptions:s.default.array.isRequired,titleClass:s.default.oneOfType([s.default.string,s.default.object]),multi:s.default.bool,subtitleClass:s.default.oneOfType([s.default.string,s.default.object]),onSelectOption:s.default.func,initiallySelectedOption:s.default.number,disabled:s.default.bool,name:s.default.string.isRequired,id:s.default.string.isRequired,placeholderOption:s.default.object,auid:s.default.string},t.default=p}})});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("react-emotion"),require("prop-types")):"function"==typeof define&&define.amd?define(["react","react-emotion","prop-types"],t):"object"==typeof exports?exports.Dropdown=t(require("react"),require("react-emotion"),require("prop-types")):(e.academyatoms=e.academyatoms||{},e.academyatoms.Dropdown=t(e.React,e[void 0],e.PropTypes))}(this,function(e,t,i){return function(e){var t={};function i(o){if(t[o])return t[o].exports;var n=t[o]={i:o,l:!1,exports:{}};return e[o].call(n.exports,n,n.exports,i),n.l=!0,n.exports}return i.m=e,i.c=t,i.d=function(e,t,o){i.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:o})},i.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s=51)}({0:function(t,i){t.exports=e},1:function(e,i){e.exports=t},2:function(e,t){e.exports=i},50:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.HOVER_BACKGROUND_COLOR="#0055a6",t.HOVER_FOREGROUND_COLOR="#FFF",t.DISABLED_HOVER_BACKGROUND_COLOR="#F6F6F6",t.DISABLED_HOVER_FOREGROUND_COLOR="#333333",t.KEYBOARD_SELECTED_BACKGROUND_COLOR="#9EC9F3",t.KEYBOARD_SELECTED_FOREGROUND_COLOR="#FFF",t.DISABLED_CURSOR="default",t.ENABLED_CURSOR="pointer",t.FONT_SIZE="1rem",t.MOBILE_FONT_SIZE="0.8rem",t.INDICATOR_FONT_SIZE="0.85rem",t.INDICATOR_MOBILE_FONT_SIZE="0.45rem"},51:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o="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},n=function(){function e(e,t){for(var i=0;i<t.length;i++){var o=t[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,i,o){return i&&e(t.prototype,i),o&&e(t,o),t}}(),r=d(i(0)),s=d(i(2)),a=i(1),l=i(50);function d(e){return e&&e.__esModule?e:{default:e}}var c=(0,a.css)("@media screen and (min-width:768px){font-size:0.85rem;}font-size:0.45rem;margin-left:auto;padding-left:0.2rem;"),u=(0,a.css)("max-width:90%;overflow:hidden;text-overflow:ellipsis;text-align:left;"),p=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 i=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 i.state={isDropdownOpen:!1,activeListItem:i.props.initiallySelectedOption&&i.props.initiallySelectedOption<i.props.DropdownOptions.length?i.props.initiallySelectedOption:0,selectedOption:i.props.initiallySelectedOption&&i.props.initiallySelectedOption<i.props.DropdownOptions.length?i.props.DropdownOptions[i.props.initiallySelectedOption]:i.placeholderOption(),hoveredListItem:-1,keyPressed:" ",matchingOptions:[]},i.onSelectWrapper=i.onSelectWrapper.bind(i),i.renderButtonContents=i.renderButtonContents.bind(i),i.handleClickOutside=i.handleClickOutside.bind(i),i.handleKeyboardEvents=i.handleKeyboardEvents.bind(i),i.toggleDropdownState=i.toggleDropdownState.bind(i),i.setWrapperRef=r.default.createRef(),i.listRef=r.default.createRef(),i}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,r.default.Component),n(t,[{key:"componentWillReceiveProps",value:function(e){this.props.initiallySelectedOption!==e.initiallySelectedOption&&this.setState({selectedOption:e.initiallySelectedOption<e.DropdownOptions.length?e.DropdownOptions[e.initiallySelectedOption]:e.DropdownOptions[0],activeListItem:e.initiallySelectedOption<e.DropdownOptions.length?e.initiallySelectedOption:0})}},{key:"componentWillUnmount",value:function(){document.removeEventListener("keydown",this.handleKeyboardEvents),document.removeEventListener("mousedown",this.handleClickOutside)}},{key:"onSelectWrapper",value:function(e,t,i){var o=this;e.disabled||(this.setState({selectedOption:e,activeListItem:i},function(){return o.toggleDropdownState()}),t(i,e.title))}},{key:"placeholderOption",value:function(){return this.props.placeholderOption?this.props.placeholderOption:this.props.DropdownOptions[0]}},{key:"handleClickOutside",value:function(e){this.setWrapperRef.current&&!this.setWrapperRef.current.contains(e.target)&&this.toggleDropdownState()}},{key:"toggleDropdownState",value:function(){var e=this;(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{preventDefault:function(){}}).preventDefault(),this.state.isDropdownOpen?this.setState(Object.assign({},this.state,{isDropdownOpen:!1})):this.setState(Object.assign({},this.state,{isDropdownOpen:!0,hoveredListItem:this.state.activeListItem}),function(){return e.scrollToOffset(".active")})}},{key:"handleKeyboardEvents",value:function(e){var t=this;("ArrowDown"===e.key||"Tab"===e.key)&&this.state.hoveredListItem<this.props.DropdownOptions.length-1?(e.preventDefault(),this.setState(Object.assign({},this.state,{hoveredListItem:this.state.hoveredListItem+1,keyPressed:e.key}),this.scrollToOffset)):"ArrowUp"===e.key&&this.state.hoveredListItem>=1?(e.preventDefault(),this.setState(Object.assign({},this.state,{hoveredListItem:this.state.hoveredListItem-1,keyPressed:e.key}),this.scrollToOffset)):"Enter"===e.key?(e.preventDefault(),this.state.isDropdownOpen?(this.onSelectWrapper(this.state.hoveredListItem>=0?this.props.DropdownOptions[this.state.hoveredListItem]:this.props.DropdownOptions[this.state.activeListItem],this.props.onSelectOption,this.state.hoveredListItem),this.setState(Object.assign({},this.state,{hoveredListItem:0,keyPressed:e.key}))):this.setState(Object.assign({},this.state,{hoveredListItem:0,keyPressed:e.key}),function(){return t.toggleDropdownState()})):" "===e.key?(e.preventDefault(),this.setState(Object.assign({},this.state,{hoveredListItem:0,keyPressed:e.key}),function(){return t.toggleDropdownState()})):this.state.hoveredListItem>=-1&&this.lexicalSearch(e.key,this.props.DropdownOptions)}},{key:"lexicalSearch",value:function(e,t){var i=this,o=this.state.matchingOptions;if(this.state.keyPressed===e&&o.length>0)o.push(o.splice(0,1)[0]),this.setState(Object.assign({},this.state,{hoveredListItem:o[0]}),function(){return i.scrollToOffset()});else{var n=t.map(function(t,i){return t.title.startsWith(e)||t.title.startsWith(e.toUpperCase())?i:null}).filter(function(e){return null!==e});n.length>0&&this.setState(Object.assign({},this.state,{keyPressed:e,matchingOptions:n,hoveredListItem:n[0]}),function(){return i.scrollToOffset()})}}},{key:"scrollToOffset",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:".keySelected";if(this.state.hoveredListItem>-1)if(document.querySelector(e)){var t=document.querySelector(e).offsetTop;document.getElementById("customDropdownList").scrollTop=t}else if(document.querySelector(".disabledKeySelected")){var i=document.querySelector(".disabledKeySelected").offsetTop;document.getElementById("customDropdownList").scrollTop=i}}},{key:"manageActiveListeners",value:function(){this.state.isDropdownOpen?(document.addEventListener("keydown",this.handleKeyboardEvents),document.addEventListener("mousedown",this.handleClickOutside)):(document.removeEventListener("keydown",this.handleKeyboardEvents),document.removeEventListener("mousedown",this.handleClickOutside))}},{key:"renderButtonContents",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return"object"===(void 0===e?"undefined":o(e))?r.default.createElement("div",{className:""+u},r.default.createElement("div",{className:t+" "},r.default.createElement("p",{className:"m-0"},e.title)),r.default.createElement("div",{className:i+" "},r.default.createElement("p",{className:"mt-quarter mb-0"},e.subtitle))):this.state.selectedOption.title}},{key:"render",value:function(){var e,t=this,i=this.props,o=i.DropdownOptions,n=i.multi,s=i.titleClass,d=i.subtitleClass,u=i.onSelectOption,p=i.disabled,O=i.name,h=i.id,m=i.auid,v=this.state.selectedOption;return this.manageActiveListeners(),r.default.createElement("div",{name:O,id:h,ref:this.setWrapperRef,className:""+(e=this.props,(0,a.css)("position:relative;ul{margin:0;padding:0;width:100%;list-style-type:none;max-height:",e.maxHeight?e.maxHeight:"10rem",";overflow-y:auto;overflow-x:hidden;position:absolute;background:#fff;z-index:",e.zIndex?e.zIndex:"4",";border-radius:",e.listborderradius?e.listborderradius:"5px",";box-shadow:0 4px 12px 0 rgba(0,0,0,0.08),0 4px 8px 0 rgba(0,0,0,0.04),0 1px 5px 0 rgba(0,0,0,0.12);li{@media screen and (min-width:768px){font-size:1rem;}font-size:0.8rem;padding:",e.listItemPadding?e.listItemPadding:"0.75rem 1rem",";min-height:",e.multi?"4.5rem":"3rem",";height:auto;overflow:hidden;text-overflow:ellipsis;font-weight:normal;cursor:",l.ENABLED_CURSOR,";&:hover{background:",l.HOVER_BACKGROUND_COLOR,";span{color:",l.HOVER_FOREGROUND_COLOR,";}&.disabled{background:",l.DISABLED_HOVER_BACKGROUND_COLOR,";span{color:",l.DISABLED_HOVER_FOREGROUND_COLOR,";}cursor:",l.DISABLED_CURSOR,";}}&.disabled{background:",l.DISABLED_HOVER_BACKGROUND_COLOR,";color:",l.DISABLED_HOVER_FOREGROUND_COLOR,";cursor:",l.DISABLED_CURSOR,";}&.disabledKeySelected{background:",l.DISABLED_HOVER_BACKGROUND_COLOR,";span{color:",l.DISABLED_HOVER_FOREGROUND_COLOR,";}cursor:",l.DISABLED_CURSOR,";}&.keySelected{background:",l.KEYBOARD_SELECTED_BACKGROUND_COLOR,";span{color:",l.KEYBOARD_SELECTED_FOREGROUND_COLOR,";}&:hover{background:",l.HOVER_BACKGROUND_COLOR,";span{color:",l.HOVER_FOREGROUND_COLOR,";}}}&.active{background:",l.HOVER_BACKGROUND_COLOR,";span{color:",l.HOVER_FOREGROUND_COLOR,";}}&:first-child{&:hover{border-radius:",e.listborderradius?e.listborderradius:"5px"," ",e.listborderradius?e.listborderradius:"5px"," 0 0;}}&:last-child{&:hover{border-radius:0 0 ",e.listborderradius?e.listborderradius:"5px"," ",e.listborderradius?e.listborderradius:"5px",";}}}",e.className))},r.default.createElement("button",{type:"button","data-auid":m,className:""+function(e){return(0,a.css)("display:flex;flex-grow:1;justify-content:space-between;align-items:center;padding:",e.padding?e.padding:"8px 16px 8px 12px",";@media screen and (min-width:768px){font-size:1rem;}font-size:0.8rem;width:",e.width?e.width:"100%",";height:",e.height?e.height:"3.5rem auto",";line-height:1.25;position:relative;z-index:1;background-color:#fff;overflow:hidden;text-overflow:ellipsis;border:",e.borderwidth?e.borderwidth:"1px"," solid ",e.bordercolor?e.bordercolor:"#ccc",";border-radius:",e.borderradius?e.borderradius:"4px",";",e.className)}(this.props),disabled:p,onClick:function(e){return t.toggleDropdownState(e)}},this.renderButtonContents(v,s,d),r.default.createElement("span",{className:this.state.isDropdownOpen?"d-flex justify-content-end academyicon icon-chevron-up "+c:"justify-content-end academyicon icon-chevron-down "+c})),this.state.isDropdownOpen&&r.default.createElement("ul",{"data-auid":m+"_dropdownList",id:"customDropdownList",className:function(e){return(0,a.css)("width:",e.width)}(this.props)+" align-items-center",role:"presentation"},r.default.createElement(f,{multi:n,titleClass:s,subtitleClass:d,options:o,onSelect:function(e,i){return t.onSelectWrapper(e,u,i)},activeListItem:this.state.activeListItem,hoveredListItem:this.state.hoveredListItem})))}}]),t}(),f=function(e){return e.multi?e.options.map(function(t,i){return t.subtitle?r.default.createElement("li",{"data-auid":e.auid+"_listOption_"+i,className:O(e,i,t),key:t.title,"data-value":t.value,role:"presentation",onClick:function(){return e.onSelect(t,i)}},r.default.createElement("span",{className:e.titleClass+" d-block"},t.title),r.default.createElement("span",{className:e.subtitleClass+" d-block"},t.subtitle)):r.default.createElement("li",{"data-auid":e.auid+"_listOption_"+i,className:O(e,i,t,"d-flex align-items-center"),key:t.title,"data-value":t.value,role:"presentation",onClick:function(){return e.onSelect(t,i)}},r.default.createElement("span",{className:e.titleClass+" "},t.title))}):e.options.map(function(t,i){return r.default.createElement("li",{"data-auid":e.auid+"_listOption_"+i,className:""+O(e,i,t),key:t.title,"data-value":t.value,role:"presentation",onClick:function(){return e.onSelect(t,i)}},r.default.createElement("span",{className:e.titleClass},t.title))})},O=function(e,t,i){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=o;return i.disabled&&(n+=" disabled",e.hoveredListItem===t&&(n=o+" disabledKeySelected")),i.disabled||e.activeListItem!==t||(n+=" active"),i.disabled||e.hoveredListItem!==t||(n+=" keySelected"),n};p.defaultProps={disabled:!1},p.propTypes={DropdownOptions:s.default.array.isRequired,titleClass:s.default.oneOfType([s.default.string,s.default.object]),multi:s.default.bool,subtitleClass:s.default.oneOfType([s.default.string,s.default.object]),onSelectOption:s.default.func,initiallySelectedOption:s.default.number,disabled:s.default.bool,name:s.default.string.isRequired,id:s.default.string.isRequired,placeholderOption:s.default.object,auid:s.default.string},t.default=p}})});

dist/RadioButton.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("react-emotion"),require("prop-types")):"function"==typeof define&&define.amd?define(["react","react-emotion","prop-types"],t):"object"==typeof exports?exports.RadioButton=t(require("react"),require("react-emotion"),require("prop-types")):(e.academyatoms=e.academyatoms||{},e.academyatoms.RadioButton=t(e.React,e[void 0],e.PropTypes))}(this,function(e,t,r){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},r.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=43)}({0:function(t,r){t.exports=e},1:function(e,r){e.exports=t},2:function(e,t){e.exports=r},43:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),a=r(0),i=u(a),l=u(r(2));function u(e){return e&&e.__esModule?e:{default:e}}var c=(0,r(1).css)('position:relative;[type="radio"] + label{margin:0;}[type="radio"]:checked,[type="radio"]:not(:checked){position:absolute;left:-9999px;}[type="radio"]:checked + label,[type="radio"]:not(:checked) + label{position:relative;cursor:pointer;line-height:20px;display:inline-block;color:#666;}[type="radio"]:checked + label:before,[type="radio"]:not(:checked) + label:before{content:\'\';position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:11px;height:11px;border:1px solid #585858;border-radius:100%;background:#fff;@media screen and (min-width:768px){width:14px;height:14px;}}[type="radio"]:checked + label:after,[type="radio"]:not(:checked) + label:after{content:\'\';width:5px;height:5px;background:#585858;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:3px;border-radius:100%;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;@media screen and (min-width:768px){width:8px;height:8px;}}[type="radio"]:not(:checked) + label:after{opacity:0;}[type="radio"]:checked + label:after{opacity:1;}'),p=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 r=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 r.onChangeWrapper=r.onChangeWrapper.bind(r),r}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,a.Component),o(t,[{key:"onChangeWrapper",value:function(e,t){e(t)}},{key:"render",value:function(){var e=this,t=this.props,r=t.id,o=t.disabled,a=t.onChange,l=t.name,u=t.auid,p=t.initialState,d=t.value,s=t.children,f=function(e,t){var r={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r}(t,["id","disabled","onChange","name","auid","initialState","value","children"]);return i.default.createElement("span",{className:""+c},i.default.createElement("input",n({name:l,id:r,value:d,"data-auid":u,disabled:o,checked:p===""+d,type:"radio",onChange:function(){return e.onChangeWrapper(a,d)}},f)),i.default.createElement("label",{htmlFor:r},s))}}]),t}();p.defaultProps={disabled:!1},p.propTypes={name:l.default.string.isRequired,id:l.default.string.isRequired,value:l.default.string.isRequired,disabled:l.default.bool,onChange:l.default.func,initialState:l.default.string,auid:l.default.string,children:l.default.node},t.default=p}})});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("react-emotion"),require("prop-types")):"function"==typeof define&&define.amd?define(["react","react-emotion","prop-types"],t):"object"==typeof exports?exports.RadioButton=t(require("react"),require("react-emotion"),require("prop-types")):(e.academyatoms=e.academyatoms||{},e.academyatoms.RadioButton=t(e.React,e[void 0],e.PropTypes))}(this,function(e,t,r){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},r.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=43)}({0:function(t,r){t.exports=e},1:function(e,r){e.exports=t},2:function(e,t){e.exports=r},43:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),a=r(0),i=c(a),u=c(r(2));function c(e){return e&&e.__esModule?e:{default:e}}var l=(0,r(1).css)('position:relative;[type="radio"] + label{margin:0;}[type="radio"]:checked,[type="radio"]:not(:checked){position:absolute;left:-9999px;}[type="radio"]:checked + label,[type="radio"]:not(:checked) + label{position:relative;cursor:pointer;line-height:20px;display:inline-block;color:#666;}[type="radio"]:checked + label:before,[type="radio"]:not(:checked) + label:before{content:\'\';position:absolute;left:0;top:4px;width:11px;height:11px;border:1px solid #585858;border-radius:100%;background:#fff;@media screen and (min-width:768px){width:14px;height:14px;}}[type="radio"]:checked + label:after,[type="radio"]:not(:checked) + label:after{content:\'\';width:5px;height:5px;background:#585858;position:absolute;top:7px;left:3px;border-radius:100%;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;@media screen and (min-width:768px){width:8px;height:8px;}}[type="radio"]:not(:checked) + label:after{opacity:0;}[type="radio"]:checked + label:after{opacity:1;}'),p=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 r=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 r.onChangeWrapper=r.onChangeWrapper.bind(r),r}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,a.Component),o(t,[{key:"onChangeWrapper",value:function(e,t){e(t)}},{key:"render",value:function(){var e=this,t=this.props,r=t.id,o=t.disabled,a=t.onChange,u=t.name,c=t.auid,p=t.initialState,d=t.value,s=t.children,f=function(e,t){var r={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r}(t,["id","disabled","onChange","name","auid","initialState","value","children"]);return i.default.createElement("span",{className:""+l},i.default.createElement("input",n({name:u,id:r,value:d,"data-auid":c,disabled:o,checked:p===""+d,type:"radio",onChange:function(){return e.onChangeWrapper(a,d)}},f)),i.default.createElement("label",{htmlFor:r},s))}}]),t}();p.defaultProps={disabled:!1},p.propTypes={name:u.default.string.isRequired,id:u.default.string.isRequired,value:u.default.string.isRequired,disabled:u.default.bool,onChange:u.default.func,initialState:u.default.string,auid:u.default.string,children:u.default.node},t.default=p}})});

package.json

 {
   "name": "@academysports/fusion-components",
-  "version": "1.1.10",
+  "version": "1.1.11",
   "description": "A repository of the common atomic components used across the academy sites",
@@ -5,0 +5,0 @@ "main": "index.js",

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Number of low supply chain risk alerts

0

decreased by-100%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

248755

decreased by-0.06%

No dependency changes