openstack-uicore-foundation 4.2.27-beta.1 → 4.2.28-beta.1

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

@@ -1 +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, {useEffect, useState} 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\nconst fileHasPreview = (fileName) => {\n    if (!fileName) return false;\n    const pattern = /(.*)\\.(gif|bmp|svg|jpe?g|png)/g\n    return pattern.test(fileName);\n}\n\nconst getPreviewIcon = (value, fileName) => {\n    if (value && fileHasPreview(fileName)) {\n        return value;\n    }\n\n    const ext = fileName.split('.').pop();\n\n    switch (ext) {\n        case 'pdf':\n            return pdf_icon;\n        case 'mov':\n            return mov_icon;\n        case 'mp4':\n            return mp4_icon;\n        case 'csv':\n            return csv_icon;\n        default:\n            return file_icon;\n    }\n}\n\nconst UploadInput = ({value, error, handleRemove, handleUpload, handleError, ...rest}) => {\n    const [showRemove, setShowRemove] = useState(false);\n    const [logoPreview, setLogoPreview] = useState({preview: null, name: ''});\n\n    useEffect(() => {\n        const logoPreviewTmp = {preview: null, name: ''};\n\n        if (value) {\n            const fileName = value.split(\"/\").pop();\n            logoPreviewTmp.preview = getPreviewIcon(value, fileName);\n            logoPreviewTmp.name = fileName;\n            setLogoPreview(logoPreviewTmp);\n        }\n    }, [value]);\n\n    const onDrop = (acceptedFiles, fileRejections) => {\n        if (acceptedFiles.length > 0) {\n            const file = acceptedFiles[0];\n            handleUpload(file, {...rest});\n        }\n\n        if (fileRejections.length > 0 && handleError)\n            handleError(fileRejections, {...rest});\n    }\n\n    const onRemove = (ev) => {\n        ev.preventDefault();\n        handleRemove(ev, {...rest});\n    }\n\n    const showVeil = () => {\n        setShowRemove(true)\n    }\n\n    const hideVeil = () => {\n        setShowRemove(false);\n    }\n\n    const has_error = error !== '';\n\n    return (\n        <div className=\"file-upload\">\n            <Dropzone\n                onDrop={onDrop}\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={showVeil} onMouseLeave={hideVeil}>\n                            <img src={logoPreview.preview} />\n                            <a href={value} target=\"_blank\">{logoPreview?.name}</a>\n                            {showRemove &&\n                                <div className=\"remove\" onClick={onRemove}>\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\nexport default UploadInput;\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","error","handleRemove","handleUpload","handleError","rest","showRemove","setShowRemove","useState","logoPreview","setLogoPreview","preview","name","useEffect","logoPreviewTmp","fileName","split","pop","test","fileHasPreview","pdf_icon","mov_icon","mp4_icon","csv_icon","file_icon","getPreviewIcon","has_error","className","onDrop","acceptedFiles","fileRejections","length","file","T","onMouseEnter","onMouseLeave","src","href","target","onClick","ev","preventDefault"],"sourceRoot":""}
+{"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, {useEffect, useState} 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\nconst fileHasPreview = (fileName) => {\n    if (!fileName) return false;\n    const pattern = /(.*)\\.(gif|bmp|svg|jpe?g|png)/g\n    return pattern.test(fileName);\n}\n\nconst getPreviewIcon = (value, fileName) => {\n    if (value && fileHasPreview(fileName)) {\n        return value;\n    }\n\n    const ext = fileName.split('.').pop();\n\n    switch (ext) {\n        case 'pdf':\n            return pdf_icon;\n        case 'mov':\n            return mov_icon;\n        case 'mp4':\n            return mp4_icon;\n        case 'csv':\n            return csv_icon;\n        default:\n            return file_icon;\n    }\n}\n\nconst UploadInput = ({value, error, handleRemove, handleUpload, handleError, ...rest}) => {\n    const [showRemove, setShowRemove] = useState(false);\n    const [logoPreview, setLogoPreview] = useState({preview: null, name: ''});\n\n    useEffect(() => {\n        const logoPreviewTmp = {preview: null, name: ''};\n\n        if (value) {\n            const fileName = value.split(\"/\").pop();\n            logoPreviewTmp.preview = getPreviewIcon(value, fileName);\n            logoPreviewTmp.name = fileName;\n            setLogoPreview(logoPreviewTmp);\n        }\n    }, [value]);\n\n    const onDrop = (acceptedFiles, fileRejections) => {\n        if (acceptedFiles.length > 0) {\n            const file = acceptedFiles[0];\n            handleUpload(file, {...rest});\n        }\n\n        if (fileRejections.length > 0 && handleError)\n            handleError(fileRejections, {...rest});\n    }\n\n    const onRemove = (ev) => {\n        ev.preventDefault();\n        handleRemove(ev, {...rest});\n    }\n\n    const showVeil = () => {\n        setShowRemove(true)\n    }\n\n    const hideVeil = () => {\n        setShowRemove(false);\n    }\n\n    const has_error = error !== '';\n\n    return (\n        <div className=\"file-upload\">\n            <Dropzone\n                onDrop={onDrop}\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={showVeil} onMouseLeave={hideVeil}>\n                            <img src={logoPreview.preview} />\n                            <a href={value} target=\"_blank\">{logoPreview?.name}</a>\n                            {showRemove &&\n                                <div className=\"remove\" onClick={onRemove}>\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\nexport default UploadInput;\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","_ref","error","handleRemove","handleUpload","handleError","rest","_objectWithoutProperties","_excluded","showRemove","setShowRemove","useState","logoPreview","setLogoPreview","preview","name","useEffect","logoPreviewTmp","fileName","split","pop","getPreviewIcon","test","fileHasPreview","pdf_icon","mov_icon","mp4_icon","csv_icon","file_icon","has_error","React","className","Dropzone","_extends","onDrop","acceptedFiles","fileRejections","length","file","_objectSpread","T","onMouseEnter","showVeil","onMouseLeave","hideVeil","src","href","target","onClick","ev","preventDefault"],"sourceRoot":""}

package/lib/components/progressive-img.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/progressive-img.js","mappings":"CAAA,SAA2CA,EAAMC,GAC1B,iBAAZC,SAA0C,iBAAXC,OACxCA,OAAOD,QAAUD,IACQ,mBAAXG,QAAyBA,OAAOC,IAC9CD,OAAO,8BAA+B,GAAIH,GAChB,iBAAZC,QACdA,QAAQ,+BAAiCD,IAEzCD,EAAK,+BAAiCC,GACvC,CATD,CASGK,MAAM,I,gjsDCTTH,EAAOD,QAAUK,QAAQ,wC,WCAzBJ,EAAOD,QAAUK,QAAQ,iC,WCAzBJ,EAAOD,QAAUK,QAAQ,iD,WCAzBJ,EAAOD,QAAUK,QAAQ,Q,GCCrBC,EAA2B,CAAC,EAGhC,SAASC,EAAoBC,GAE5B,IAAIC,EAAeH,EAAyBE,GAC5C,QAAqBE,IAAjBD,EACH,OAAOA,EAAaT,QAGrB,IAAIC,EAASK,EAAyBE,GAAY,CAGjDR,QAAS,CAAC,GAOX,OAHAW,EAAoBH,GAAUP,EAAQA,EAAOD,QAASO,GAG/CN,EAAOD,OACf,C,MCrBAO,EAAoBK,EAAKX,IACxB,IAAIY,EAASZ,GAAUA,EAAOa,WAC7B,IAAOb,EAAiB,QACxB,IAAM,EAEP,OADAM,EAAoBQ,EAAEF,EAAQ,CAAEG,EAAGH,IAC5BA,CAAM,C,WCLdN,EAAoBQ,EAAI,CAACf,EAASiB,KACjC,IAAI,IAAIC,KAAOD,EACXV,EAAoBY,EAAEF,EAAYC,KAASX,EAAoBY,EAAEnB,EAASkB,IAC5EE,OAAOC,eAAerB,EAASkB,EAAK,CAAEI,YAAY,EAAMC,IAAKN,EAAWC,IAE1E,C,WCNDX,EAAoBY,EAAI,CAACK,EAAKC,IAAUL,OAAOM,UAAUC,eAAeC,KAAKJ,EAAKC,E,WCClFlB,EAAoBsB,EAAK7B,IACH,oBAAX8B,QAA0BA,OAAOC,aAC1CX,OAAOC,eAAerB,EAAS8B,OAAOC,YAAa,CAAEC,MAAO,WAE7DZ,OAAOC,eAAerB,EAAS,aAAc,CAAEgC,OAAO,GAAO,C,4HCJ9D,QAA0B,uBAA1B,EAA0D,uBAA1D,EAAyF,uB,qTC0BzF,MA6CA,EA7CuB,IAAuC,IAAtC,eAAEC,EAAF,IAAkBC,GAAoB,EAAZC,EAAY,SAC1D,MAAMC,GAAcC,EAAAA,EAAAA,SAAO,IACpBC,EAAQC,IAAaC,EAAAA,EAAAA,UAASP,GAAkBC,IAChDO,EAAaC,IAAkBF,EAAAA,EAAAA,UAASG,GAkC/C,OAhCAC,EAAAA,EAAAA,YAAU,KACN,MAAMC,EAAM,IAAIC,MACVC,EAAOb,EAAMA,EAAIc,MAAM,KAAKC,MAAQ,KAyB1C,OAxBAJ,EAAIX,IAAMA,EAEVW,EAAIK,OAAS,KACLd,EAAYe,UAChBZ,EAAUL,GACVQ,EAAeC,GAAf,EAGJE,EAAIO,QAAU,KACNhB,EAAYe,UAChBN,EAAIO,QAAU,KACXL,GAAOA,EAAIM,WAAWC,cAAcC,SAAS,OAC5ChB,EAAUiB,GACNT,GAAOA,EAAIM,WAAWC,cAAcC,SAAS,OACjDhB,EAAUkB,GACNV,GAAOA,EAAIM,WAAWC,cAAcC,SAAS,OACjDhB,EAAUmB,GACNX,GAAOA,EAAIM,WAAWC,cAAcC,SAAS,OACjDhB,EAAUoB,GAEVpB,EAAUqB,GACdlB,EAAeC,GAAf,EAGG,KACHP,EAAYe,SAAU,CAAtB,CADJ,GAGD,CAACjB,IAGA,+B,iWAAA,EACUA,IAAKI,GAAWH,GAD1B,CAEI0B,IAAK1B,EAAM0B,KAAO,GAClBC,UAAY,GAAEnB,KAAgBF,MAJtC,E","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 \"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/./src/components/progressive-img/index.module.scss","webpack://openstack-uicore-foundation/./src/components/progressive-img/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(\"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};","// extracted by mini-css-extract-plugin\nexport default {\"loading\":\"T1PEDYso224efj98hUw9\",\"loaded\":\"HydBuzzegFMoqMkrptg7\",\"image\":\"Pq0tg32DAJ33TmIQMvMs\"};","/**\n * Copyright 2023 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 **/\nimport React,{ useState, useEffect, useRef } from \"react\";\nimport styles from './index.module.scss';\nimport pdf_icon from \"../inputs/upload-input/pdf.png\";\nimport mov_icon from \"../inputs/upload-input/mov.png\";\nimport mp4_icon from \"../inputs/upload-input/mp4.png\";\nimport csv_icon from \"../inputs/upload-input/csv.png\";\nimport file_icon from \"../inputs/upload-input/file.png\";\n/**\n *\n * @param placeholderSrc\n * @param src\n * @param props\n * @returns {JSX.Element}\n * @constructor\n */\nconst ProgressiveImg = ({ placeholderSrc, src, ...props }) => {\n    const isCancelled = useRef(false);\n    const [imgSrc, setImgSrc] = useState(placeholderSrc || src);\n    const [customClass, setCustomClass] = useState(styles.loading);\n\n    useEffect(() => {\n        const img = new Image();\n        const ext =  src ? src.split('.').pop() : null;\n        img.src = src;\n\n        img.onload = () => {\n            if (isCancelled.current) return\n            setImgSrc(src)\n            setCustomClass(styles.loaded)\n        };\n\n        img.onerror = () => {\n            if (isCancelled.current) return\n            img.onerror = null;\n            if(ext && ext.toString().toLowerCase().includes('pdf'))\n                setImgSrc(pdf_icon)\n            else if(ext && ext.toString().toLowerCase().includes('mov'))\n                setImgSrc(mov_icon);\n            else if(ext && ext.toString().toLowerCase().includes('mp4'))\n                setImgSrc(mp4_icon);\n            else if(ext && ext.toString().toLowerCase().includes('csv'))\n                setImgSrc(csv_icon);\n            else\n                setImgSrc(file_icon);\n            setCustomClass(styles.loaded)\n        };\n\n        return () => {\n            isCancelled.current = true;\n        };\n    }, [src]);\n\n    return (\n        <img\n            {...{ src: imgSrc, ...props }}\n            alt={props.alt || \"\"}\n            className={`${styles.image} ${customClass}`}\n        />\n    );\n};\nexport default ProgressiveImg;\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","placeholderSrc","src","props","isCancelled","useRef","imgSrc","setImgSrc","useState","customClass","setCustomClass","styles","useEffect","img","Image","ext","split","pop","onload","current","onerror","toString","toLowerCase","includes","pdf_icon","mov_icon","mp4_icon","csv_icon","file_icon","alt","className"],"sourceRoot":""}
+{"version":3,"file":"components/progressive-img.js","mappings":"CAAA,SAA2CA,EAAMC,GAC1B,iBAAZC,SAA0C,iBAAXC,OACxCA,OAAOD,QAAUD,IACQ,mBAAXG,QAAyBA,OAAOC,IAC9CD,OAAO,8BAA+B,GAAIH,GAChB,iBAAZC,QACdA,QAAQ,+BAAiCD,IAEzCD,EAAK,+BAAiCC,GACvC,CATD,CASGK,MAAM,I,gjsDCTTH,EAAOD,QAAUK,QAAQ,wC,WCAzBJ,EAAOD,QAAUK,QAAQ,iC,WCAzBJ,EAAOD,QAAUK,QAAQ,iD,WCAzBJ,EAAOD,QAAUK,QAAQ,Q,GCCrBC,EAA2B,CAAC,EAGhC,SAASC,EAAoBC,GAE5B,IAAIC,EAAeH,EAAyBE,GAC5C,QAAqBE,IAAjBD,EACH,OAAOA,EAAaT,QAGrB,IAAIC,EAASK,EAAyBE,GAAY,CAGjDR,QAAS,CAAC,GAOX,OAHAW,EAAoBH,GAAUP,EAAQA,EAAOD,QAASO,GAG/CN,EAAOD,OACf,C,MCrBAO,EAAoBK,EAAKX,IACxB,IAAIY,EAASZ,GAAUA,EAAOa,WAC7B,IAAOb,EAAiB,QACxB,IAAM,EAEP,OADAM,EAAoBQ,EAAEF,EAAQ,CAAEG,EAAGH,IAC5BA,CAAM,C,WCLdN,EAAoBQ,EAAI,CAACf,EAASiB,KACjC,IAAI,IAAIC,KAAOD,EACXV,EAAoBY,EAAEF,EAAYC,KAASX,EAAoBY,EAAEnB,EAASkB,IAC5EE,OAAOC,eAAerB,EAASkB,EAAK,CAAEI,YAAY,EAAMC,IAAKN,EAAWC,IAE1E,C,WCNDX,EAAoBY,EAAI,CAACK,EAAKC,IAAUL,OAAOM,UAAUC,eAAeC,KAAKJ,EAAKC,E,WCClFlB,EAAoBsB,EAAK7B,IACH,oBAAX8B,QAA0BA,OAAOC,aAC1CX,OAAOC,eAAerB,EAAS8B,OAAOC,YAAa,CAAEC,MAAO,WAE7DZ,OAAOC,eAAerB,EAAS,aAAc,CAAEgC,OAAO,GAAO,C,4HCJ9D,QAA0B,uBAA1B,EAA0D,uBAA1D,EAAyF,uB,qTC0BzF,MA6CA,EA7CuBC,IAAuC,IAAtC,eAAEC,EAAc,IAAEC,GAAeF,EAAPG,EAAKC,IAAAJ,EAAAK,GACnD,MAAMC,GAAcC,EAAAA,EAAAA,SAAO,IACpBC,EAAQC,IAAaC,EAAAA,EAAAA,UAAST,GAAkBC,IAChDS,EAAaC,IAAkBF,EAAAA,EAAAA,UAASG,GAkC/C,OAhCAC,EAAAA,EAAAA,YAAU,KACN,MAAMC,EAAM,IAAIC,MACVC,EAAOf,EAAMA,EAAIgB,MAAM,KAAKC,MAAQ,KAyB1C,OAxBAJ,EAAIb,IAAMA,EAEVa,EAAIK,OAAS,KACLd,EAAYe,UAChBZ,EAAUP,GACVU,EAAeC,GAAc,EAGjCE,EAAIO,QAAU,KACNhB,EAAYe,UAChBN,EAAIO,QAAU,KACXL,GAAOA,EAAIM,WAAWC,cAAcC,SAAS,OAC5ChB,EAAUiB,GACNT,GAAOA,EAAIM,WAAWC,cAAcC,SAAS,OACjDhB,EAAUkB,GACNV,GAAOA,EAAIM,WAAWC,cAAcC,SAAS,OACjDhB,EAAUmB,GACNX,GAAOA,EAAIM,WAAWC,cAAcC,SAAS,OACjDhB,EAAUoB,GAEVpB,EAAUqB,GACdlB,EAAeC,GAAc,EAG1B,KACHP,EAAYe,SAAU,CAAI,CAC7B,GACF,CAACnB,IAGA6B,IAAAA,cAAA,MAAAC,IAAA,G,iWAAAC,CAAA,CACU/B,IAAKM,GAAWL,GAAK,CAC3B+B,IAAK/B,EAAM+B,KAAO,GAClBC,UAAW,GAAGtB,KAAgBF,MAChC,E","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 \"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/./src/components/progressive-img/index.module.scss","webpack://openstack-uicore-foundation/./src/components/progressive-img/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(\"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};","// extracted by mini-css-extract-plugin\nexport default {\"loading\":\"T1PEDYso224efj98hUw9\",\"loaded\":\"HydBuzzegFMoqMkrptg7\",\"image\":\"Pq0tg32DAJ33TmIQMvMs\"};","/**\n * Copyright 2023 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 **/\nimport React,{ useState, useEffect, useRef } from \"react\";\nimport styles from './index.module.scss';\nimport pdf_icon from \"../inputs/upload-input/pdf.png\";\nimport mov_icon from \"../inputs/upload-input/mov.png\";\nimport mp4_icon from \"../inputs/upload-input/mp4.png\";\nimport csv_icon from \"../inputs/upload-input/csv.png\";\nimport file_icon from \"../inputs/upload-input/file.png\";\n/**\n *\n * @param placeholderSrc\n * @param src\n * @param props\n * @returns {JSX.Element}\n * @constructor\n */\nconst ProgressiveImg = ({ placeholderSrc, src, ...props }) => {\n    const isCancelled = useRef(false);\n    const [imgSrc, setImgSrc] = useState(placeholderSrc || src);\n    const [customClass, setCustomClass] = useState(styles.loading);\n\n    useEffect(() => {\n        const img = new Image();\n        const ext =  src ? src.split('.').pop() : null;\n        img.src = src;\n\n        img.onload = () => {\n            if (isCancelled.current) return\n            setImgSrc(src)\n            setCustomClass(styles.loaded)\n        };\n\n        img.onerror = () => {\n            if (isCancelled.current) return\n            img.onerror = null;\n            if(ext && ext.toString().toLowerCase().includes('pdf'))\n                setImgSrc(pdf_icon)\n            else if(ext && ext.toString().toLowerCase().includes('mov'))\n                setImgSrc(mov_icon);\n            else if(ext && ext.toString().toLowerCase().includes('mp4'))\n                setImgSrc(mp4_icon);\n            else if(ext && ext.toString().toLowerCase().includes('csv'))\n                setImgSrc(csv_icon);\n            else\n                setImgSrc(file_icon);\n            setCustomClass(styles.loaded)\n        };\n\n        return () => {\n            isCancelled.current = true;\n        };\n    }, [src]);\n\n    return (\n        <img\n            {...{ src: imgSrc, ...props }}\n            alt={props.alt || \"\"}\n            className={`${styles.image} ${customClass}`}\n        />\n    );\n};\nexport default ProgressiveImg;\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","_ref","placeholderSrc","src","props","_objectWithoutProperties","_excluded","isCancelled","useRef","imgSrc","setImgSrc","useState","customClass","setCustomClass","styles","useEffect","img","Image","ext","split","pop","onload","current","onerror","toString","toLowerCase","includes","pdf_icon","mov_icon","mp4_icon","csv_icon","file_icon","React","_extends","_objectSpread","alt","className"],"sourceRoot":""}

package/lib/components/raw-html.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/raw-html.js","mappings":"CAAA,SAA2CA,EAAMC,GAC1B,iBAAZC,SAA0C,iBAAXC,OACxCA,OAAOD,QAAUD,IACQ,mBAAXG,QAAyBA,OAAOC,IAC9CD,OAAO,8BAA+B,GAAIH,GAChB,iBAAZC,QACdA,QAAQ,+BAAiCD,IAEzCD,EAAK,+BAAiCC,GACvC,CATD,CASGK,MAAM,I,mCCTTH,EAAOD,QAAUK,QAAQ,iC,WCAzBJ,EAAOD,QAAUK,QAAQ,iD,WCAzBJ,EAAOD,QAAUK,QAAQ,Q,GCCrBC,EAA2B,CAAC,EAGhC,SAASC,EAAoBC,GAE5B,IAAIC,EAAeH,EAAyBE,GAC5C,QAAqBE,IAAjBD,EACH,OAAOA,EAAaT,QAGrB,IAAIC,EAASK,EAAyBE,GAAY,CAGjDR,QAAS,CAAC,GAOX,OAHAW,EAAoBH,GAAUP,EAAQA,EAAOD,QAASO,GAG/CN,EAAOD,OACf,C,MCrBAO,EAAoBK,EAAKX,IACxB,IAAIY,EAASZ,GAAUA,EAAOa,WAC7B,IAAOb,EAAiB,QACxB,IAAM,EAEP,OADAM,EAAoBQ,EAAEF,EAAQ,CAAEG,EAAGH,IAC5BA,CAAM,C,WCLdN,EAAoBQ,EAAI,CAACf,EAASiB,KACjC,IAAI,IAAIC,KAAOD,EACXV,EAAoBY,EAAEF,EAAYC,KAASX,EAAoBY,EAAEnB,EAASkB,IAC5EE,OAAOC,eAAerB,EAASkB,EAAK,CAAEI,YAAY,EAAMC,IAAKN,EAAWC,IAE1E,C,WCNDX,EAAoBY,EAAI,CAACK,EAAKC,IAAUL,OAAOM,UAAUC,eAAeC,KAAKJ,EAAKC,E,WCClFlB,EAAoBsB,EAAK7B,IACH,oBAAX8B,QAA0BA,OAAOC,aAC1CX,OAAOC,eAAerB,EAAS8B,OAAOC,YAAa,CAAEC,MAAO,WAE7DZ,OAAOC,eAAerB,EAAS,aAAc,CAAEgC,OAAO,GAAO,C,2JCC9D,EAJgB,QAAC,SAACC,EAAD,eAAWC,GAAiB,EAA5B,UAAmCC,EAAY,IAAhD,EAAuDC,EAAvD,gBACZ,8BAAMD,UAAWA,EACXE,wBAAyB,CAAEC,OAAQJ,EAAiBD,aAAH,EAAGA,EAAUM,QAAQ,MAAO,UAAYN,IAAeG,GAFlG,E","sources":["webpack://openstack-uicore-foundation/webpack/universalModuleDefinition","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 \"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/./src/components/raw-html/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/extends\");","module.exports = require(\"@babel/runtime/helpers/objectWithoutProperties\");","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};","import React from 'react';\n\nconst RawHTML = ({children, replaceNewLine = false, className = \"\", ...rest}) =>\n    <span className={className}\n          dangerouslySetInnerHTML={{ __html: replaceNewLine ? children?.replace(/\\n/g, '<br />') : children}} {...rest}/>\n\nexport default RawHTML;"],"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","children","replaceNewLine","className","rest","dangerouslySetInnerHTML","__html","replace"],"sourceRoot":""}
+{"version":3,"file":"components/raw-html.js","mappings":"CAAA,SAA2CA,EAAMC,GAC1B,iBAAZC,SAA0C,iBAAXC,OACxCA,OAAOD,QAAUD,IACQ,mBAAXG,QAAyBA,OAAOC,IAC9CD,OAAO,8BAA+B,GAAIH,GAChB,iBAAZC,QACdA,QAAQ,+BAAiCD,IAEzCD,EAAK,+BAAiCC,GACvC,CATD,CASGK,MAAM,I,mCCTTH,EAAOD,QAAUK,QAAQ,iC,WCAzBJ,EAAOD,QAAUK,QAAQ,iD,WCAzBJ,EAAOD,QAAUK,QAAQ,Q,GCCrBC,EAA2B,CAAC,EAGhC,SAASC,EAAoBC,GAE5B,IAAIC,EAAeH,EAAyBE,GAC5C,QAAqBE,IAAjBD,EACH,OAAOA,EAAaT,QAGrB,IAAIC,EAASK,EAAyBE,GAAY,CAGjDR,QAAS,CAAC,GAOX,OAHAW,EAAoBH,GAAUP,EAAQA,EAAOD,QAASO,GAG/CN,EAAOD,OACf,C,MCrBAO,EAAoBK,EAAKX,IACxB,IAAIY,EAASZ,GAAUA,EAAOa,WAC7B,IAAOb,EAAiB,QACxB,IAAM,EAEP,OADAM,EAAoBQ,EAAEF,EAAQ,CAAEG,EAAGH,IAC5BA,CAAM,C,WCLdN,EAAoBQ,EAAI,CAACf,EAASiB,KACjC,IAAI,IAAIC,KAAOD,EACXV,EAAoBY,EAAEF,EAAYC,KAASX,EAAoBY,EAAEnB,EAASkB,IAC5EE,OAAOC,eAAerB,EAASkB,EAAK,CAAEI,YAAY,EAAMC,IAAKN,EAAWC,IAE1E,C,WCNDX,EAAoBY,EAAI,CAACK,EAAKC,IAAUL,OAAOM,UAAUC,eAAeC,KAAKJ,EAAKC,E,WCClFlB,EAAoBsB,EAAK7B,IACH,oBAAX8B,QAA0BA,OAAOC,aAC1CX,OAAOC,eAAerB,EAAS8B,OAAOC,YAAa,CAAEC,MAAO,WAE7DZ,OAAOC,eAAerB,EAAS,aAAc,CAAEgC,OAAO,GAAO,C,2JCC9D,EAJgBC,IAAA,IAAC,SAACC,EAAQ,eAAEC,GAAiB,EAAK,UAAEC,EAAY,IAAYH,EAALI,EAAIC,IAAAL,EAAAM,GAAA,OACvEC,IAAAA,cAAA,OAAAC,IAAA,CAAML,UAAWA,EACXM,wBAAyB,CAAEC,OAAQR,EAAiBD,aAAQ,EAARA,EAAUU,QAAQ,MAAO,UAAYV,IAAeG,GAAO,E","sources":["webpack://openstack-uicore-foundation/webpack/universalModuleDefinition","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 \"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/./src/components/raw-html/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/extends\");","module.exports = require(\"@babel/runtime/helpers/objectWithoutProperties\");","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};","import React from 'react';\n\nconst RawHTML = ({children, replaceNewLine = false, className = \"\", ...rest}) =>\n    <span className={className}\n          dangerouslySetInnerHTML={{ __html: replaceNewLine ? children?.replace(/\\n/g, '<br />') : children}} {...rest}/>\n\nexport default RawHTML;"],"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","_ref","children","replaceNewLine","className","rest","_objectWithoutProperties","_excluded","React","_extends","dangerouslySetInnerHTML","__html","replace"],"sourceRoot":""}