@galadrim/galadmin 0.0.98 → 0.0.101

package/src/front/node_modules/.cache/babel-loader/cf78707d766b911325fb45bc04f388e2.json

@@ -1 +0,0 @@
-{"ast":null,"code":"import _regeneratorRuntime from\"/home/runner/work/galadmin/galadmin/src/front/node_modules/babel-preset-react-app/node_modules/@babel/runtime/regenerator\";import _defineProperty from\"/home/runner/work/galadmin/galadmin/src/front/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty\";import _asyncToGenerator from\"/home/runner/work/galadmin/galadmin/src/front/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/asyncToGenerator\";import _slicedToArray from\"/home/runner/work/galadmin/galadmin/src/front/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/slicedToArray\";import{useRef,useState}from\"react\";import axios from\"axios\";import{jsx as _jsx}from\"react/jsx-runtime\";import{jsxs as _jsxs}from\"react/jsx-runtime\";export default(function(_ref){var column=_ref.column,onChange=_ref.onChange,initialData=_ref.initialData;var form=useRef(null);var _useState=useState(false),_useState2=_slicedToArray(_useState,2),isLoading=_useState2[0],setIsLoading=_useState2[1];var _useState3=useState(initialData===null||initialData===void 0?void 0:initialData[column.name]),_useState4=_slicedToArray(_useState3,2),path=_useState4[0],setPath=_useState4[1];var onInputChange=/*#__PURE__*/function(){var _ref2=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(){var f,response,fileData;return _regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:f=new FormData(form.current);setIsLoading(true);_context.next=4;return axios({method:\"post\",url:\"/uploadFile?subdirectory=\".concat(column.subdirectory,\"&publicPath=\").concat(column.publicPath,\"&s3Config=\").concat(encodeURI(JSON.stringify(column.s3Config))),data:f,headers:{\"Content-Type\":\"multipart/form-data\"}});case 4:response=_context.sent;fileData=_defineProperty({},column.name,response.data.path);if(column.aspectRatioField){fileData[column.aspectRatioField]=response.data.aspectRatio;}if(column.originalNameField){fileData[column.originalNameField]=response.data.originalFilename;}onChange(fileData);setIsLoading(false);setPath(response.data.path);// var showAsPicture = $(this).data(\"showAsPicture\") === 1\n//var baseUrl = $(\".fileInputContent[data-input-id='\" + inputId + \"']\").data(\"baseUrl\")\n//$(\".fileInputContent[data-input-id='\" + inputId + \"']\").removeClass(\"clickToSelectFile\").html(showAsPicture ? \"<div><img src='https://res.cloudinary.com/forest2/image/fetch/w_600,h_300,c_fit/\" + baseUrl + data.path + \"' /><div class='deleteFile'><i class='fal fa-trash-alt'></i></div></div>\" : \"<div class='nonImageFileOutput'><span>Fichier téléchargé</span><div class='deleteFile'><i class='fal fa-trash-alt'></i></div></div>\"\ncase 11:case\"end\":return _context.stop();}}},_callee);}));return function onInputChange(){return _ref2.apply(this,arguments);};}();var deleteFile=function deleteFile(e){setPath(null);var fileData=_defineProperty({},column.name,null);if(column.aspectRatioField){fileData[column.aspectRatioField]=null;}if(column.originalNameField){fileData[column.originalNameField]=null;}onChange(fileData);e.preventDefault();};var id=Math.random().toString();return/*#__PURE__*/_jsx(\"div\",{class:\"fileInputContainer\",children:/*#__PURE__*/_jsxs(\"label\",{htmlFor:id,children:[/*#__PURE__*/_jsx(\"form\",{ref:form,children:/*#__PURE__*/_jsx(\"input\",{type:\"file\",id:id,style:{display:\"none\"},name:\"file\",onChange:onInputChange})}),/*#__PURE__*/_jsxs(\"div\",{class:\"fileInputContent \".concat(!path?\"clickToSelectFile\":\"\"),children:[isLoading?/*#__PURE__*/_jsx(\"i\",{class:\"fa fa-circle-notch fa-spin\"}):null,!isLoading&&!path?/*#__PURE__*/_jsx(\"div\",{children:\"Cliquez pour s\\xE9lectionner un fichier\"}):null,!isLoading&&path?/*#__PURE__*/_jsxs(\"div\",{class:\"nonImageFileOutput\",children:[/*#__PURE__*/_jsx(\"span\",{children:\"Fichier t\\xE9l\\xE9charg\\xE9\"}),/*#__PURE__*/_jsx(\"div\",{class:\"deleteFile\",onClick:deleteFile,children:/*#__PURE__*/_jsx(\"i\",{class:\"fal fa-trash-alt\"})})]}):null]})]})});});","map":{"version":3,"sources":["/home/runner/work/galadmin/galadmin/src/front/src/components/inputs/FileInput.js"],"names":["useRef","useState","axios","column","onChange","initialData","form","isLoading","setIsLoading","name","path","setPath","onInputChange","f","FormData","current","method","url","subdirectory","publicPath","encodeURI","JSON","stringify","s3Config","data","headers","response","fileData","aspectRatioField","aspectRatio","originalNameField","originalFilename","deleteFile","e","preventDefault","id","Math","random","toString","display"],"mappings":"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","sourcesContent":["import { useRef, useState } from \"react\";\nimport axios from \"axios\";\n\nexport default ({ column, onChange, initialData }) => {\n    const form = useRef(null);\n    const [isLoading, setIsLoading] = useState(false)\n    const [path, setPath] = useState(initialData?.[column.name])\n\n    const onInputChange = async () => {\n        const f = new FormData(form.current);\n        setIsLoading(true);\n\n        const response = await axios({\n            method: \"post\",\n            url: `/uploadFile?subdirectory=${column.subdirectory}&publicPath=${column.publicPath}&s3Config=${encodeURI(JSON.stringify(column.s3Config))}`,\n            data: f,\n            headers: { \"Content-Type\": \"multipart/form-data\" }\n        })\n        const fileData = {\n            [column.name]: response.data.path\n        }\n        if (column.aspectRatioField) {\n            fileData[column.aspectRatioField] = response.data.aspectRatio\n        }\n        if (column.originalNameField) {\n            fileData[column.originalNameField] = response.data.originalFilename\n        }\n        onChange(fileData)\n        setIsLoading(false)\n        setPath(response.data.path)\n        // var showAsPicture = $(this).data(\"showAsPicture\") === 1\n        //var baseUrl = $(\".fileInputContent[data-input-id='\" + inputId + \"']\").data(\"baseUrl\")\n        //$(\".fileInputContent[data-input-id='\" + inputId + \"']\").removeClass(\"clickToSelectFile\").html(showAsPicture ? \"<div><img src='https://res.cloudinary.com/forest2/image/fetch/w_600,h_300,c_fit/\" + baseUrl + data.path + \"' /><div class='deleteFile'><i class='fal fa-trash-alt'></i></div></div>\" : \"<div class='nonImageFileOutput'><span>Fichier téléchargé</span><div class='deleteFile'><i class='fal fa-trash-alt'></i></div></div>\"\n    }\n\n    const deleteFile = (e) => {\n        setPath(null);\n        const fileData = {\n            [column.name]: null\n        }\n        if (column.aspectRatioField) {\n            fileData[column.aspectRatioField] = null\n        }\n        if (column.originalNameField) {\n            fileData[column.originalNameField] = null\n        }\n        onChange(fileData)\n        e.preventDefault()\n    }\n\n    var id = Math.random().toString()\n    return (\n        <div class='fileInputContainer'>\n            <label htmlFor={id}>\n                <form ref={form}>\n                    <input type='file' id={id} style={{ display: \"none\" }} name='file' onChange={onInputChange} />\n                </form>\n                <div class={`fileInputContent ${!path ? \"clickToSelectFile\" : \"\"}`}>\n                    {isLoading ?\n                        <i class='fa fa-circle-notch fa-spin'></i>\n                        : null\n                    }\n                    {!isLoading && !path ?\n                        <div>Cliquez pour sélectionner un fichier</div>\n                        : null}\n                    {!isLoading && path ? (\n                        <div class='nonImageFileOutput'>\n                            <span>Fichier téléchargé</span>\n                            <div class='deleteFile' onClick={deleteFile}><i class='fal fa-trash-alt'></i></div>\n                        </div>\n                    ) : null}\n                </div>\n            </label>\n        </div>\n    )\n}\n"]},"metadata":{},"sourceType":"module"}