{"version":3,"file":"943-e8b3a3f21b30e793e42d.js","mappings":"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","sources":["webpack:///./components/mui-label/mui-label.scss?0988","webpack:///./components/mui-label/index.js","webpack:///./helpers/format-bytes.js","webpack:///./react-material-ui/upload/upload.scss?e8f5","webpack:///./assets/icons/attachment.js","webpack:///./react-material-ui/upload/file-item.js","webpack:///./react-material-ui/upload/upload.js","webpack:///./react-material-ui/upload/index.js","webpack:///./components/mui-label/mui-label.scss","webpack:///./react-material-ui/upload/upload.scss"],"sourcesContent":["\n      import API from \"!../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../node_modules/css-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js!./mui-label.scss\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../node_modules/css-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js!./mui-label.scss\";\n       export default content && content.locals ? content.locals : undefined;\n","import React from 'react';\n\nimport './mui-label.scss';\n\nconst MuiLabel = ({ children }) => (\n  <div className=\"lf-react-material-ui-label\">\n    {children}\n  </div>\n);\n\nexport { MuiLabel };","function formatBytes(bytes, decimals = 2) {\n  if (!+bytes) return '0 Bytes'\n\n  const k = 1024\n  const dm = decimals < 0 ? 0 : decimals\n  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n\n  const i = Math.floor(Math.log(bytes) / Math.log(k))\n\n  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`\n}\n\nexport { formatBytes };\n","\n      import API from \"!../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../node_modules/css-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js!./upload.scss\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../node_modules/css-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js!./upload.scss\";\n       export default content && content.locals ? content.locals : undefined;\n","import React from 'react';\r\n\r\nexport const IconAttachment = ({ width = 24, height = 24, color = '#000000' }) => (\r\n  <svg width={`${width}px`} height={`${height}px`} viewBox=\"-8 0 32 32\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <g id=\"Page-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\r\n      <g id=\"Icon-Set\" transform=\"translate(-212.000000, -151.000000)\" fill={color}>\r\n        <path d=\"M226,155 L226,175 C226,178.313 223.313,181 220,181 C216.687,181 214,178.313 214,175 L214,157 C214,154.791 215.791,153 218,153 C220.209,153 222,154.791 222,157 L222,175 C222,176.104 221.104,177 220,177 C218.896,177 218,176.104 218,175 L218,159 L216,159 L216,175 C216,177.209 217.791,179 220,179 C222.209,179 224,177.209 224,175 L224,157 C224,153.687 221.313,151 218,151 C214.687,151 212,153.687 212,157 L212,176 C212.493,179.945 215.921,183 220,183 C224.079,183 227.507,179.945 228,176 L228,155 L226,155\" id=\"attachment\">\r\n        </path>\r\n      </g>\r\n    </g>\r\n  </svg>\r\n);\r\n","import React, { useCallback } from 'react';\n\nimport { CrossCirle } from '../../assets/icons/cross-circle';\nimport { IconAttachment } from '../../assets/icons/attachment';\nimport { formatBytes } from '../../helpers/format-bytes';\n\nconst FileItem = ({ file, onRemove = () => {} }) => {\n  const handleClick = useCallback(\n    e => {\n      e.preventDefault();\n      onRemove(file);\n    },\n    [onRemove, file]\n  );\n\n  return (\n    <div className=\"lf-upload-file-item\">\n      <div className=\"lf-attachment-icon\">\n        <IconAttachment width={16} height={16} color=\"#666666\" />\n      </div>\n      <div className=\"lf-name\">\n        {file.name}\n      </div>\n      <div className=\"lf-size\">\n        {formatBytes(file.size)}\n      </div>\n      <a \n        className=\"lf-clear-button\"\n        href=\"#\" \n        onClick={handleClick}\n      >\n        <CrossCirle color=\"#666666\" width={16} height={16}/>\n      </a>\n    </div>\n  );\n};\n\nexport { FileItem };\n","/* eslint-disable jsx-a11y/alt-text */\nimport React, { useCallback, useState } from 'react';\nimport Button from '@mui/material/Button';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport _ from 'lodash';\n\nimport { I18N } from '../../components';\nimport { MuiLabel } from '../../components/mui-label';\nimport { CrossCirle } from '../../assets/icons/cross-circle';\nimport { formatBytes } from '../../helpers/format-bytes';\nimport { lfLog } from '../../helpers/lf-log';\n\nimport './upload.scss';\n\nimport { FileItem } from './file-item';\n\nconst Upload = I18N(\n  ({ \n    label, \n    uploadButtonLabel,\n    name,\n    accept,\n    hint,\n    error,\n    uploadButtonVariant,\n    uploadButtonSize,\n    uploadButtonIcon,\n    color,\n    onChange,\n    multiple,\n    value\n  }) => {\n    const [currentFile, setCurrentFile] = useState(\n      (multiple && _.isArray(value)) || (!multiple && _.isObject(value)) ? value : undefined\n    );\n\n    const handleClear = useCallback(\n      e => {\n        e.preventDefault();\n        setCurrentFile(null);\n        onChange(null);\n      },\n      [onChange]\n    );\n\n    const handleRemove = useCallback(\n      (fileToRemove) => {\n        const newCurrentFile = currentFile\n          .filter(file => file !== fileToRemove);\n        setCurrentFile(newCurrentFile);\n        onChange(newCurrentFile); \n      },\n      [currentFile, onChange]\n    );\n\n    const handleChange = useCallback(\n      e => {\n        if (e.target.files && e.target.files.length > 0) {\n          if (multiple) {\n            const newCurrentFile = currentFile ? [...currentFile] : [];\n            let idx;\n            \n            for(idx = 0; idx < e.target.files.length; idx++) {\n              console.log('.-', e.target.files[idx])\n              newCurrentFile.push({\n                blobFile: e.target.files[idx],\n                name: e.target.files[idx].name,\n                size: e.target.files[idx].size\n              })\n            }\n            setCurrentFile(newCurrentFile);\n            onChange(newCurrentFile);\n          } else {\n            setCurrentFile(e.target.files[0]);\n            onChange({\n              blobFile: e.target.files[0],\n              name: e.target.files[0].name\n            });\n          }\n        } else {\n          onChange(null);\n        }\n      },\n      [onChange, multiple, currentFile]\n    );\n\n    return (\n      <div\n        className=\"lf-control-upload\"\n        data-lf-field-name={name}\n      >\n        {label && (\n          <MuiLabel id={`mui_input_text_${name}`}>{label}</MuiLabel>\n        )}\n        <div className=\"lf-upload-button-layout\">\n          <div className=\"lf-upload-button-left\">\n            <Button \n              color={color ?? undefined} \n              component=\"label\" \n              variant={uploadButtonVariant ?? undefined} \n              size={uploadButtonSize ?? undefined}\n              startIcon={uploadButtonIcon ? <img className=\"lf-icon\" src={uploadButtonIcon} /> : undefined}\n            >\n              {uploadButtonLabel || 'Upload'}\n              \n              <input \n                type=\"file\"\n                accept={accept}\n                onChange={handleChange}\n                multiple={multiple}\n                style={{\n                  clip: 'rect(0 0 0 0)',\n                  clipPath: 'inset(50%)',\n                  height: 1,\n                  overflow: 'hidden',\n                  position: 'absolute',\n                  bottom: 0,\n                  left: 0,\n                  whiteSpace: 'nowrap',\n                  width: 1,\n                }}\n              />\n            </Button>\n          </div>\n          <div className=\"lf-upload-button-right\">\n            {!multiple && currentFile && (\n              <div>\n                <span className=\"lf-upload-file-name\">\n                  {currentFile.name}\n                  &nbsp;\n                  <span className=\"lf-size\">\n                    {formatBytes(currentFile.size)}\n                  </span>\n                </span>\n                &nbsp;\n                <a \n                  href=\"#\"\n                  onClick={handleClear}\n                ><CrossCirle color=\"#666666\" width={16} height={16}/></a>\n              </div>\n            )}\n          </div>\n        </div>\n        {hint && !error && <FormHelperText>{hint}</FormHelperText>}\n        {multiple && currentFile && (\n          <div className=\"lf-upload-file-list\">\n            {currentFile.map(file => (\n              <FileItem \n                file={file}\n                key={file.name}\n                onRemove={handleRemove}\n              />\n            ))}\n          </div>  \n        )}        \n      </div>\n    );\n  },\n  ['labelOn', 'labelOff', 'labelLink', 'hint']\n);\nlfLog('Loaded MUI.Upload');\n\nexport default Upload;\n","import Upload from './upload';\n\nexport default Upload;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".lf-react-material-ui-label{color:rgba(0,0,0,.6);font-family:\\\"Roboto\\\",\\\"Helvetica\\\",\\\"Arial\\\",sans-serif;font-weight:400;font-size:1rem;line-height:1.4375em;letter-spacing:.00938em;padding:0;position:relative;display:block;transform-origin:top left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;transform:none;position:inherit;margin-top:0px}\", \"\",{\"version\":3,\"sources\":[\"webpack://./components/mui-label/mui-label.scss\"],\"names\":[],\"mappings\":\"AAAA,4BACE,oBAAA,CACA,mDAAA,CACA,eAAA,CACA,cAAA,CACA,oBAAA,CACA,uBAAA,CACA,SAAA,CACA,iBAAA,CACA,aAAA,CACA,yBAAA,CACA,kBAAA,CACA,eAAA,CACA,sBAAA,CACA,cAAA,CACA,cAAA,CACA,gBAAA,CACA,cAAA\",\"sourcesContent\":[\".lf-react-material-ui-label {\\n  color: rgba(0, 0, 0, 0.6);\\n  font-family: \\\"Roboto\\\",\\\"Helvetica\\\",\\\"Arial\\\",sans-serif;\\n  font-weight: 400;\\n  font-size: 1rem;\\n  line-height: 1.4375em;\\n  letter-spacing: 0.00938em;\\n  padding: 0;\\n  position: relative;\\n  display: block;\\n  transform-origin: top left;\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  max-width: 100%;\\n  transform: none;\\n  position: inherit;\\n  margin-top: 0px ;\\n}\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".lf-control-upload .lf-icon{max-width:20px;max-height:20px}.lf-control-upload .MuiButton-sizeLarge .lf-icon{max-width:22px;max-height:22px}.lf-control-upload .MuiButton-sizeSmall .lf-icon{max-width:18px;max-height:18px}.lf-control-upload .lf-upload-button-layout{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-content:stretch;align-items:center}.lf-control-upload .lf-upload-button-layout .lf-upload-button-left{order:0;flex:0 0 auto;align-self:auto}.lf-control-upload .lf-upload-button-layout .lf-upload-button-right{order:0;flex:1 0 auto;align-self:auto;margin-left:var(--lf-field-margin)}.lf-control-upload .lf-upload-file-list{margin-top:10px;font-family:\\\"Roboto\\\",\\\"Helvetica\\\",\\\"Arial\\\",sans-serif}.lf-control-upload .lf-upload-file-list .lf-upload-file-item{padding:4px 0px}.lf-control-upload .lf-upload-file-list .lf-upload-file-item:hover{background-color:#eee}.lf-control-upload .lf-upload-file-item{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-content:stretch;align-items:center}.lf-control-upload .lf-upload-file-item .lf-attachment-icon{flex:0 0;align-self:auto;margin-right:5px}.lf-control-upload .lf-upload-file-item .lf-clear-button{flex:0 0;align-self:auto;margin-left:5px;margin-right:5px;font-size:1px}.lf-control-upload .lf-upload-file-item .lf-name{flex:1 0;align-self:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lf-control-upload .lf-upload-file-item .lf-size{flex:0 0 auto;align-self:auto;margin-left:5px;color:#888}.lf-control-upload .lf-upload-file-name .lf-size{color:#888}\", \"\",{\"version\":3,\"sources\":[\"webpack://./react-material-ui/upload/upload.scss\"],\"names\":[],\"mappings\":\"AAEE,4BACE,cAAA,CACA,eAAA,CAIA,iDACE,cAAA,CACA,eAAA,CAKF,iDACE,cAAA,CACA,eAAA,CAIJ,4CACE,YAAA,CACA,kBAAA,CACA,gBAAA,CACA,0BAAA,CACA,qBAAA,CACA,kBAAA,CAEA,mEACE,OAAA,CACA,aAAA,CACA,eAAA,CAGF,oEACE,OAAA,CACA,aAAA,CACA,eAAA,CACA,kCAAA,CAIJ,wCACE,eAAA,CACA,mDAAA,CAEA,6DACE,eAAA,CAEA,mEACE,qBAAA,CAKN,wCACE,YAAA,CACA,kBAAA,CACA,gBAAA,CACA,0BAAA,CACA,qBAAA,CACA,kBAAA,CAEA,4DACE,QAAA,CACA,eAAA,CACA,gBAAA,CAGF,yDACE,QAAA,CACA,eAAA,CACA,eAAA,CACA,gBAAA,CACA,aAAA,CAGF,iDACE,QAAA,CACA,eAAA,CACA,kBAAA,CACA,eAAA,CACA,sBAAA,CAGF,iDACE,aAAA,CACA,eAAA,CACA,eAAA,CACA,UAAA,CAMF,iDACE,UAAA\",\"sourcesContent\":[\".lf-control-upload {\\n  \\n  .lf-icon {\\n    max-width: 20px;\\n    max-height: 20px;\\n  }\\n\\n  .MuiButton-sizeLarge {\\n    .lf-icon {\\n      max-width: 22px;\\n      max-height: 22px;\\n    }\\n  }\\n\\n  .MuiButton-sizeSmall {\\n    .lf-icon {\\n      max-width: 18px;\\n      max-height: 18px;\\n    }\\n  }\\n  \\n  .lf-upload-button-layout {\\n    display: flex;\\n    flex-direction: row;\\n    flex-wrap: nowrap;\\n    justify-content: flex-start;\\n    align-content: stretch;\\n    align-items: center;\\n\\n    .lf-upload-button-left {\\n      order: 0;\\n      flex: 0 0 auto;\\n      align-self: auto;\\n    }\\n\\n    .lf-upload-button-right {\\n      order: 0;\\n      flex: 1 0 auto;\\n      align-self: auto;\\n      margin-left: var(--lf-field-margin);\\n    }\\n  }\\n\\n  .lf-upload-file-list {\\n    margin-top: 10px;\\n    font-family: \\\"Roboto\\\",\\\"Helvetica\\\",\\\"Arial\\\",sans-serif;\\n\\n    .lf-upload-file-item {\\n      padding: 4px 0px;\\n\\n      &:hover {\\n        background-color: #eeeeee;\\n      }\\n    }\\n  }\\n\\n  .lf-upload-file-item {\\n    display: flex;\\n    flex-direction: row;\\n    flex-wrap: nowrap;\\n    justify-content: flex-start;\\n    align-content: stretch;\\n    align-items: center;\\n\\n    .lf-attachment-icon {\\n      flex: 0 0;\\n      align-self: auto;\\n      margin-right: 5px;\\n    }\\n\\n    .lf-clear-button {\\n      flex: 0 0;\\n      align-self: auto;\\n      margin-left: 5px;\\n      margin-right: 5px;\\n      font-size: 1px; // or breaks aligment\\n    }\\n\\n    .lf-name {\\n      flex: 1 0;\\n      align-self: auto;\\n      white-space: nowrap;\\n      overflow: hidden;\\n      text-overflow: ellipsis;\\n    }\\n\\n    .lf-size {\\n      flex: 0 0 auto;\\n      align-self: auto;\\n      margin-left: 5px;\\n      color: #888888;\\n    }\\n  }\\n\\n  .lf-upload-file-name {\\n    \\n    .lf-size {\\n      color: #888888;\\n    }\\n  }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n"],"names":["options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","MuiLabel","_ref","children","React","className","formatBytes","bytes","decimals","arguments","length","undefined","dm","i","Math","floor","log","concat","parseFloat","pow","toFixed","IconAttachment","_ref$width","width","_ref$height","height","_ref$color","color","viewBox","version","xmlns","id","stroke","fill","transform","d","FileItem","file","_ref$onRemove","onRemove","handleClick","useCallback","e","preventDefault","name","size","href","onClick","CrossCirle","Upload","I18N","label","uploadButtonLabel","accept","hint","error","uploadButtonVariant","uploadButtonSize","uploadButtonIcon","onChange","multiple","value","_useState2","useState","_isArray","_isObject","currentFile","setCurrentFile","handleClear","handleRemove","fileToRemove","newCurrentFile","filter","handleChange","target","files","idx","_toConsumableArray","console","push","blobFile","Button","component","variant","startIcon","src","type","style","clip","clipPath","overflow","position","bottom","left","whiteSpace","FormHelperText","map","key","lfLog","___CSS_LOADER_EXPORT___","module"],"sourceRoot":""}