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) 4.74 kB
import{__exports as e}from"../../../../../_virtual/index11.js";import t from"react";import"../../../../prop-types/index.js";import"../../../../classnames/index.js";import r from"date-fns/isEqual";import n from"date-fns/isValid";import a from"date-fns/parse";import o from"date-fns/format";import{c as u}from"../../../../../_virtual/index14.js";import{p as i}from"../../../../../_virtual/index3.js";function l(e){return l="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},l(e)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var f=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==l(e)&&"function"!=typeof e)return{default:e};var r=b(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=a?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(n,o,u):n[o]=e[o]}n.default=e,r&&r.set(e,n);return n}(t),s=m(i.exports),c=m(u.exports),p=m(r),d=m(n),y=m(a),v=m(o);function m(e){return e&&e.__esModule?e:{default:e}}function b(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(b=function(e){return e?r:t})(e)}function h(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)}}function O(e,t){return O=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},O(e,t)}function g(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 r,n=w(e);if(t){var a=w(this).constructor;r=Reflect.construct(n,arguments,a)}else r=n.apply(this,arguments);return j(this,r)}}function j(e,t){return!t||"object"!==l(t)&&"function"!=typeof t?_(e):t}function _(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function w(e){return w=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},w(e)}function D(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var P=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&&O(e,t)}(o,f.PureComponent);var t,r,n,a=g(o);function o(e,t){var r;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,o),D(_(r=a.call(this,e,t)),"onKeyDown",(function(e){var t=r.state.value;"Enter"===e.key&&r.update(t)})),D(_(r),"onChange",(function(e){r.setState({value:e.target.value,changed:!0,invalid:!1})})),D(_(r),"onBlur",(function(){var e=r.state.value;r.update(e)})),r.state={invalid:!1,changed:!1,value:r.formatDate(e)},r}return t=o,(r=[{key:"componentDidUpdate",value:function(e){var t=e.value;(0,p.default)(t,this.props.value)||this.setState({value:this.formatDate(this.props)})}},{key:"formatDate",value:function(e){var t=e.value,r=e.dateDisplayFormat,n=e.dateOptions;return t&&(0,d.default)(t)?(0,v.default)(t,r,n):""}},{key:"update",value:function(e){var t=this.state,r=t.invalid,n=t.changed;if(!r&&n&&e){var a=this.props,o=a.onChange,u=a.dateDisplayFormat,i=a.dateOptions,l=(0,y.default)(e,u,new Date,i);(0,d.default)(l)?this.setState({changed:!1},(function(){return o(l)})):this.setState({invalid:!0})}}},{key:"render",value:function(){var e=this.props,t=e.className,r=e.readOnly,n=e.placeholder,a=e.ariaLabel,o=e.disabled,u=e.onFocus,i=this.state,l=i.value,s=i.invalid;return f.default.createElement("span",{className:(0,c.default)("rdrDateInput",t)},f.default.createElement("input",{readOnly:r,disabled:o,value:l,placeholder:n,"aria-label":a,onKeyDown:this.onKeyDown,onChange:this.onChange,onBlur:this.onBlur,onFocus:u}),s&&f.default.createElement("span",{className:"rdrWarning"},"⚠"))}}])&&h(t.prototype,r),n&&h(t,n),o}();P.propTypes={value:s.default.object,placeholder:s.default.string,disabled:s.default.bool,readOnly:s.default.bool,dateOptions:s.default.object,dateDisplayFormat:s.default.string,ariaLabel:s.default.string,className:s.default.string,onFocus:s.default.func.isRequired,onChange:s.default.func.isRequired},P.defaultProps={readOnly:!0,disabled:!1,dateDisplayFormat:"MMM D, YYYY"};var x=P;e.default=x;