storybook-react-geekshubs/dist/components/Form/FileInput.js

Creation and curation of hight quality react components.

"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var React=_interopRequireWildcard(require("react"));function _getRequireWildcardCache(){if(typeof WeakMap!=="function")return null;var cache=new WeakMap;_getRequireWildcardCache=function _getRequireWildcardCache(){return cache};return cache}function _interopRequireWildcard(obj){if(obj&&obj.__esModule){return obj}var cache=_getRequireWildcardCache();if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={};if(obj!=null){var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};return _extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}function _typeof(obj){if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function _typeof(obj){return typeof obj}}else{_typeof=function _typeof(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj}}return _typeof(obj)}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);return Constructor}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call}return _assertThisInitialized(self)}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)};return _getPrototypeOf(o)}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function")}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});if(superClass)_setPrototypeOf(subClass,superClass)}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){o.__proto__=p;return o};return _setPrototypeOf(o,p)}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}var FileInput=function(_React$Component){_inherits(FileInput,_React$Component);function FileInput(props){var _this;_classCallCheck(this,FileInput);_this=_possibleConstructorReturn(this,_getPrototypeOf(FileInput).call(this,props));_defineProperty(_assertThisInitialized(_this),"handleChange",function(event){event.preventDefault();var files=Array.prototype.slice.call(event.target.files);var readAs=(_this.props.as||"url").toLowerCase();Promise.all(files.map(function(file){return new Promise(function(resolve,reject){var reader=new FileReader;reader.onload=function(ev){var result=ev.target.result;resolve([result,file])};switch(readAs){case"binary":{reader.readAsBinaryString(file);break}case"buffer":{reader.readAsArrayBuffer(file);break}case"text":{reader.readAsText(file);break}case"url":{reader.readAsDataURL(file);break}}})})).then(function(results){_this.props.onChange(results,event)})});_defineProperty(_assertThisInitialized(_this),"triggerInput",function(){_this.input.current.click()});var win=(typeof window==="undefined"?"undefined":_typeof(window))==="object"?window:{};if(!win.File||!win.FileReader||!win.FileList||!win.Blob){console.warn("[react-file-reader-input] Some file APIs detected as not supported."+" File reader functionality may not fully work.")}_this.input=React.createRef();return _this}_createClass(FileInput,[{key:"render",value:function render(){var _this$props=this.props,as=_this$props.as,children=_this$props.children,style=_this$props.style,key=_this$props.key,props=_objectWithoutProperties(_this$props,["as","children","style","key"]);return React.createElement("div",{key:key,className:"_react-file-reader-input",onClick:this.triggerInput,style:style},React.createElement("input",_extends({},props,{type:"file",ref:this.input,onChange:this.handleChange,hidden:true})),children||React.createElement("button",null,"upload"))}}]);return FileInput}(React.Component);exports.default=FileInput;