shufflejs-react/lib/SortFilter/SelectBox.js

React component for ShuffleJs

"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_jquery=_interopRequireDefault(require("jquery"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var a=new WeakMap;return _getRequireWildcardCache=function(){return a},a}function _interopRequireWildcard(a){if(a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var b=_getRequireWildcardCache();if(b&&b.has(a))return b.get(a);var c={},d=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var e in a)if(Object.prototype.hasOwnProperty.call(a,e)){var f=d?Object.getOwnPropertyDescriptor(a,e):null;f&&(f.get||f.set)?Object.defineProperty(c,e,f):c[e]=a[e]}return c["default"]=a,b&&b.set(a,c),c}function _typeof(a){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}function _classCallCheck(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function _defineProperties(a,b){for(var c,d=0;d<b.length;d++)c=b[d],c.enumerable=c.enumerable||!1,c.configurable=!0,"value"in c&&(c.writable=!0),Object.defineProperty(a,c.key,c)}function _createClass(a,b,c){return b&&_defineProperties(a.prototype,b),c&&_defineProperties(a,c),a}function _possibleConstructorReturn(a,b){return b&&("object"===_typeof(b)||"function"==typeof b)?b:_assertThisInitialized(a)}function _getPrototypeOf(a){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function(a){return a.__proto__||Object.getPrototypeOf(a)},_getPrototypeOf(a)}function _assertThisInitialized(a){if(void 0===a)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return a}function _inherits(a,b){if("function"!=typeof b&&null!==b)throw new TypeError("Super expression must either be null or a function");a.prototype=Object.create(b&&b.prototype,{constructor:{value:a,writable:!0,configurable:!0}}),b&&_setPrototypeOf(a,b)}function _setPrototypeOf(a,b){return _setPrototypeOf=Object.setPrototypeOf||function(a,b){return a.__proto__=b,a},_setPrototypeOf(a,b)}function _defineProperty(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}// import './index.css';
// const classnames = require('classnames');
var SelectBox=/*#__PURE__*/function(a){function b(){var a;return _classCallCheck(this,b),a=_possibleConstructorReturn(this,_getPrototypeOf(b).call(this)),_defineProperty(_assertThisInitialized(a),"changeFunc",function(b){var c=a.props.onClickByName;b.target.value!==b.target.options[0].value&&c(b.target.value)}),_defineProperty(_assertThisInitialized(a),"setProceduresOptions",function(){var b=a.props.procedures,c=[];for(var d in b)({}).hasOwnProperty.call(b,d)&&c.push(b[d]);return c}),a.state={},a}/**
   * Sets procedures to array for rendering before component is mounted
   */return _inherits(b,a),_createClass(b,[{key:"UNSAFE_componentWillMount",value:function UNSAFE_componentWillMount(){var a=this.setProceduresOptions();this.setState({options:a})}/**
   * Performs onChange event for every options selected inside the
   * select html element
   */},{key:"componentDidMount",value:function componentDidMount(){(0,_jquery["default"])(".select-box select").on("change",this.changeFunc)}/**
   * Performs the shuffleJS sorting per text parameter
   * passed from props
   * @param {Object} e
   */},{key:"render",value:function render(){var a=this.props.firstOption,b=this.state.options;return _react["default"].createElement("div",{className:"select-box padding--5"},_react["default"].createElement("select",{id:"select-tag",className:"select__tag",name:"select-".concat(a),onChange:this.changeFunc},_react["default"].createElement("option",{value:"".concat(a)},a),b&&b.map(function(a,b){return _react["default"].createElement("option",{key:b,value:a.name},a.name)})))}}]),b}(_react.Component);exports["default"]=SelectBox,SelectBox.propTypes={procedures:_propTypes["default"].objectOf(_propTypes["default"].object).isRequired,onClickByName:_propTypes["default"].func.isRequired,firstOption:_propTypes["default"].string.isRequired},module.exports=exports.default;