openstack-uicore-foundation 4.1.43 → 4.1.44

package/lib/components/inputs/upload-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/inputs/upload-input.js","mappings":"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","sources":["webpack://openstack-uicore-foundation/webpack/universalModuleDefinition","webpack://openstack-uicore-foundation/external commonjs \"@babel/runtime/helpers/defineProperty\"","webpack://openstack-uicore-foundation/external commonjs \"@babel/runtime/helpers/extends\"","webpack://openstack-uicore-foundation/external commonjs \"@babel/runtime/helpers/objectWithoutProperties\"","webpack://openstack-uicore-foundation/external commonjs \"i18n-react/dist/i18n-react\"","webpack://openstack-uicore-foundation/external commonjs \"react\"","webpack://openstack-uicore-foundation/webpack/bootstrap","webpack://openstack-uicore-foundation/webpack/runtime/compat get default export","webpack://openstack-uicore-foundation/webpack/runtime/define property getters","webpack://openstack-uicore-foundation/webpack/runtime/hasOwnProperty shorthand","webpack://openstack-uicore-foundation/webpack/runtime/make namespace object","webpack://openstack-uicore-foundation/external commonjs \"react-dropzone\"","webpack://openstack-uicore-foundation/./src/components/inputs/upload-input/index.js"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"openstack-uicore-foundation\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"openstack-uicore-foundation\"] = factory();\n\telse\n\t\troot[\"openstack-uicore-foundation\"] = factory();\n})(this, () => {\nreturn ","module.exports = require(\"@babel/runtime/helpers/defineProperty\");","module.exports = require(\"@babel/runtime/helpers/extends\");","module.exports = require(\"@babel/runtime/helpers/objectWithoutProperties\");","module.exports = require(\"i18n-react/dist/i18n-react\");","module.exports = require(\"react\");","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"react-dropzone\");","/**\n * Copyright 2017 OpenStack Foundation\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n * http://www.apache.org/licenses/LICENSE-2.0\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n **/\n\nimport React from 'react';\nimport Dropzone from 'react-dropzone';\nimport T from 'i18n-react/dist/i18n-react';\nimport './upload.less';\n\nimport file_icon from './file.png';\nimport pdf_icon from './pdf.png';\nimport mov_icon from './mov.png';\nimport mp4_icon from './mp4.png';\nimport csv_icon from './csv.png';\n\nexport default class UploadInput extends React.Component {\n\n    constructor(props) {\n        super(props);\n\n        this.state = {\n            show_remove: false,\n            logo_preview: {\n                preview: null,\n                name: '',\n            },\n        }\n\n        this.fileHasPreview = this.fileHasPreview.bind(this);\n    }\n\n    onDrop(acceptedFiles, fileRejections, evt) {        \n        if(acceptedFiles.length > 0) {\n            let file = acceptedFiles[0];\n            this.props.handleUpload(file, this.props);\n            this.setState({\n                    ...this.state,\n                    logo_preview:\n                    {\n                        preview: this.fileHasPreview(file.name) ? file.preview: null,\n                        name: file.name\n                    }\n                })\n        }\n        if(fileRejections.length > 0 && this.props.hasOwnProperty(\"handleError\"))\n            this.props.handleError(fileRejections, this.props)\n    }\n\n    onRemove(ev){\n        this.props.handleRemove(ev, this.props);\n    }\n\n    showVeil() {\n        this.setState({...this.state, show_remove:true});\n    }\n\n    hideVeil() {\n        this.setState({...this.state, show_remove:false});\n    }\n\n    fileHasPreview(fileName){\n        if(!fileName) return false;\n        let pattern = /(.*)\\.(gif|bmp|svg|jpe?g|png)/g\n        return pattern.test(fileName);\n    }\n\n    render() {\n        let {value, file, handleRemove, handleUpload, handleError, fileName, error, ...rest} = this.props;\n        let {logo_preview, show_remove} = this.state;\n        let has_error = ( this.props.hasOwnProperty('error') && error !== '' );\n        // default value ( resource )\n        let icon = file_icon;\n\n        if (value) {\n            if(!fileName) fileName = value.slice(value.lastIndexOf(\"/\") + 1);\n        }\n\n        if (file && file.hasOwnProperty(\"name\") && file.name) {\n            fileName = file.name;\n        }\n\n         // files without preview\n        icon =  (fileName && fileName.endsWith('pdf') ? pdf_icon: icon);\n        icon =  (fileName && fileName.endsWith('mov') ? mov_icon: icon);\n        icon =  (fileName && fileName.endsWith('mp4') ? mp4_icon: icon);\n        icon =  (fileName && fileName.endsWith('csv') ? csv_icon: icon);\n\n        // if file has preview ( already on data model)\n        if(this.fileHasPreview(fileName) && value){\n            icon = value\n        }\n\n        if (logo_preview.preview && logo_preview.name) {\n            icon = logo_preview.preview;\n            fileName = logo_preview.name;\n        }\n\n        return (\n            <div className=\"file-upload\">\n                <Dropzone\n                    onDrop={this.onDrop.bind(this)}\n                    {...rest}\n                >\n                <div>{T.translate(\"general.drop_files\")}</div>\n                </Dropzone>\n                <div className=\"selected-files-box col-md-6\">\n                    <p>Selected Files</p>\n                    <div className=\"selected-files\">\n                        {value &&\n                        <div className=\"file-box\" onMouseEnter={this.showVeil.bind(this)} onMouseLeave={this.hideVeil.bind(this)}>\n                            <img src={icon} />\n                            <a href={value} target=\"_blank\">{fileName}</a>\n                            {show_remove &&\n                            <div className=\"remove\" onClick={this.onRemove.bind(this)}>\n                                <i className=\"fa fa-times\"></i>\n                            </div>\n                            }\n                        </div>\n                        }\n                        {has_error &&\n                        <p className=\"error-label\">{error}</p>\n                        }\n                    </div>\n                </div>\n            </div>\n        )\n    }\n}\n"],"names":["root","factory","exports","module","define","amd","this","require","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","n","getter","__esModule","d","a","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","r","Symbol","toStringTag","value","UploadInput","React","constructor","props","super","state","show_remove","logo_preview","preview","name","fileHasPreview","bind","onDrop","acceptedFiles","fileRejections","evt","length","file","handleUpload","setState","handleError","onRemove","ev","handleRemove","showVeil","hideVeil","fileName","test","render","error","rest","has_error","icon","file_icon","slice","lastIndexOf","endsWith","pdf_icon","mov_icon","mp4_icon","csv_icon","className","T","onMouseEnter","onMouseLeave","src","href","target","onClick"],"sourceRoot":""}