UNPKG

@gsretail.com/gui-core

Version:

A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook

2 lines (1 loc) 3.84 kB
import{__exports as e}from"../../../../../_virtual/index10.js";import t from"react";import"../../../../prop-types/index.js";import{p as n}from"../../../../../_virtual/index3.js";function r(e){return r="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},r(e)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var o,u=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=l(t);if(n&&n.has(e))return n.get(e);var o={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=u?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(o,a,i):o[a]=e[a]}o.default=e,n&&n.set(e,o);return o}(t),a=(o=n.exports)&&o.__esModule?o:{default:o};function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(l=function(e){return e?n:t})(e)}function i(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)}}function f(e,t){return f=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},f(e,t)}function c(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=d(e);if(t){var o=d(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return p(this,n)}}function p(e,t){return!t||"object"!==r(t)&&"function"!=typeof t?s(e):t}function s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function d(e){return d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},d(e)}var y=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&f(e,t)}(a,u.Component);var t,n,r,o=c(a);function a(e,t){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),function(e,t,n){t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n}(s(n=o.call(this,e,t)),"onChange",(function(e){var t=n.props.onChange,r=parseInt(e.target.value,10);t(r=isNaN(r)?0:Math.max(Math.min(99999,r),0))})),n}return t=a,(n=[{key:"shouldComponentUpdate",value:function(e){var t=this.props,n=t.value,r=t.label,o=t.placeholder;return n!==e.value||r!==e.label||o!==e.placeholder}},{key:"render",value:function(){var e=this.props,t=e.label,n=e.placeholder,r=e.value,o=e.styles,a=e.onBlur,l=e.onFocus;return u.default.createElement("div",{className:o.inputRange},u.default.createElement("input",{className:o.inputRangeInput,placeholder:n,value:r,min:0,max:99999,onChange:this.onChange,onFocus:l,onBlur:a}),u.default.createElement("span",{className:o.inputRangeLabel},t))}}])&&i(t.prototype,n),r&&i(t,r),a}();y.propTypes={value:a.default.oneOfType([a.default.string,a.default.number]),label:a.default.oneOfType([a.default.element,a.default.node]).isRequired,placeholder:a.default.string,styles:a.default.shape({inputRange:a.default.string,inputRangeInput:a.default.string,inputRangeLabel:a.default.string}).isRequired,onBlur:a.default.func.isRequired,onFocus:a.default.func.isRequired,onChange:a.default.func.isRequired},y.defaultProps={value:"",placeholder:"-"};var b=y;e.default=b;