\n
\n )}\n \n ))\n\n\n render() {\n return (\n \n )\n }\n}\n\nexport default CollectForm\n","import React from 'react'\n\nconst NumberField = ({ name, label, step, value, errors, onChange }) => (\n \n {label ? : null}\n
\n)\n\nexport default NumberField\n","import React from 'react'\n\n// Local import\nimport TextField from '../BasicFields/TextField'\nimport { updateErrors } from '../SectionField'\n\nclass Numeric extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n id: props.question.id,\n context: props.question.context,\n position: props.question.position,\n title: props.question.title,\n mandatory: props.question.mandatory,\n errors: props.question.errors || {}\n }\n }\n\n shouldComponentUpdate(_nextProps, nextState) {\n this.state.errors = updateErrors(this.state.errors, this.props.getErrors)\n\n return (\n this.state.title !== nextState.title ||\n this.state.mandatory !== nextState.mandatory ||\n this.state.position !== nextState.position ||\n this.state.errors.isNew === true\n )\n }\n\n componentDidUpdate() {\n this.props.handleQuestionChange(this.state)\n }\n\n handleChange = event => this.setState({ [event.target.name]: event.target.value })\n\n handleMandatoryChange = event => this.setState({ mandatory: event.target.checked })\n\n render() {\n return (\n \n
\n )\n }\n}\n\nexport default Numeric\n","import React from 'react'\n\nconst TextAreaField = ({ name, label, rows, value, placeholder, errors, onChange }) => (\n \n
\n \n \n {' Question numérique '}\n
\n \n
\n \n \n
\n)\n\nexport default TextAreaField\n","import React from 'react'\n\nconst TextField = ({ name, label, value, placeholder, errors, onChange }) => (\n \n {label ? : null}\n
\n)\n\nexport default TextField\n","import React from 'react'\n\n// Assets\nimport loadingSvg from '../../../assets/images/loading.svg'\n\nconst Loader = () => (\n \n 
\n
\n)\n\nexport default Loader\n","import React from 'react'\n\n// Local import\nimport TextField from '../BasicFields/TextField'\nimport { updateErrors } from '../SectionField'\n\nclass Comment extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n id: props.question.id,\n context: props.question.context,\n position: props.question.position,\n title: props.question.title,\n mandatory: props.question.mandatory,\n errors: props.question.errors || {}\n }\n }\n\n shouldComponentUpdate(_nextProps, nextState) {\n this.state.errors = updateErrors(this.state.errors, this.props.getErrors)\n\n return (\n this.state.title !== nextState.title ||\n this.state.mandatory !== nextState.mandatory ||\n this.state.position !== nextState.position ||\n this.state.errors.isNew === true\n )\n }\n\n componentDidUpdate() {\n this.props.handleQuestionChange(this.state)\n }\n\n handleChange = event => this.setState({ [event.target.name]: event.target.value })\n\n handleMandatoryChange = event => this.setState({ mandatory: event.target.checked })\n\n render() {\n return (\n Chargement de la collect en cours...
\n\n
\n )\n }\n}\n\nexport default Comment\n","import React, { Component } from 'react'\nimport Dropzone from 'react-dropzone'\n\nclass PictureField extends Component {\n constructor(props) {\n super(props)\n\n this.state = {\n errors: props.errors || {},\n files: props.files,\n disabled: false\n }\n }\n\n shouldComponentUpdate(_nextProps, nextState) {\n this.state.errors = this.props.getErrors()\n return (\n this.state.files !== nextState.files ||\n this.state.disabled !== nextState.disabled ||\n this.state.errors.isNew === true\n )\n }\n\n handleOnDrop = files => {\n const newFiles = []\n\n files.forEach(file => {\n newFiles.push(Object.assign(file, {\n preview: URL.createObjectURL(file),\n filename: file.name\n }))\n })\n this.setState({ files: newFiles })\n this.props.onChange(files)\n }\n\n openFileDialog = open => () => {\n this.setState({ disabled: true }, () => {\n open()\n })\n }\n\n handleOnFileDialogOpen = () => {\n this.setState({ disabled: false })\n }\n\n render() {\n const thumbsContainer = {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'wrap'\n }\n\n const thumb = {\n display: 'inline-flex',\n borderRadius: 2,\n border: '1px solid #eaeaea',\n marginBottom: 8,\n marginRight: 8,\n padding: 4,\n boxSizing: 'border-box'\n }\n\n const thumbInner = {\n display: 'flex',\n minWidth: 0,\n overflow: 'hidden'\n }\n\n const img = {\n display: 'block',\n width: '100%',\n maxHeight: '300px'\n }\n\n const containPicture = this.state.files.length > 0\n\n const defaultCursor = containPicture ? { cursor: 'default' } : {}\n\n\n const thumbs = this.state.files.map(file => (\n \n
\n \n \n {' Question avec commentaire '}\n
\n \n
\n \n
\n ))\n\n return (\n \n
\n \n \n \n \n {containPicture ? 'Modifier' : 'Ajouter une image'}\n \n
\n {\n Boolean(this.state.errors.picture) &&\n \n {this.state.errors.picture[0]}\n \n }\n \n \n \n {includeBlank ? : null}\n {data.map(item => )}\n \n {errors ? {errors[0]} : null}\n
\n)\n\nexport default SelectField\n","import React, { useState, useEffect, useCallback } from 'react'\nimport PropTypes from 'prop-types'\nimport TextField from '../BasicFields/TextField'\n\nconst SelectionOption = ({ option, handleOptionChange, handleRemoveOption, multi }) => {\n const [content, setContent] = useState(option.content)\n\n useEffect(() => {\n handleOptionChange({ id: option.id, content })\n }, [content])\n\n const handleChange = useCallback(({ target: { name, value } }) => {\n if (name === 'content')\n setContent(value)\n }, [])\n\n return (\n <>\n \n {\n multi ?:\n }\n
\n \n \n )\n}\n\nPropTypes.SelectionOption = {\n option: PropTypes.shape({\n id: PropTypes.number.isRequired,\n content: PropTypes.string.isRequired\n }).isRequired,\n multi: PropTypes.bool,\n handleOptionChange: PropTypes.func.isRequired,\n handleRemoveOption: PropTypes.func.isRequired\n}\n\nPropTypes.SelectionOption.defaultProps = {\n multi: false\n}\n\nexport default SelectionOption\n","import React from 'react'\n\n// Local import\nimport TextField from '../BasicFields/TextField'\nimport { updateErrors } from '../SectionField'\n\nclass DateTime extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n id: props.question.id,\n context: props.question.context,\n position: props.question.position,\n title: props.question.title,\n mandatory: props.question.mandatory,\n errors: props.question.errors || {}\n }\n }\n\n shouldComponentUpdate(_nextProps, nextState) {\n this.state.errors = updateErrors(this.state.errors, this.props.getErrors)\n\n return (\n this.state.title !== nextState.title ||\n this.state.mandatory !== nextState.mandatory ||\n this.state.position !== nextState.position ||\n this.state.errors.isNew === true\n )\n }\n\n componentDidUpdate() {\n this.props.handleQuestionChange(this.state)\n }\n\n handleChange = event => this.setState({ [event.target.name]: event.target.value })\n\n handleMandatoryChange = event => this.setState({ mandatory: event.target.checked })\n\n render() {\n return (\n \n
\n \n \n
\n \n
\n )\n }\n}\n\nexport default DateTime\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nconst PhotoGallerySection = ({ title, photosSize, url }) => (\n \n
\n \n \n {' Question avec date '}\n
\n \n
\n \n
\n)\n\nPhotoGallerySection.propTypes = {\n photosSize: PropTypes.number.isRequired,\n title: PropTypes.string.isRequired,\n url: PropTypes.string.isRequired\n}\n\nexport default PhotoGallerySection\n","/* eslint-disable camelcase */\n\nimport React from 'react'\n\n// Local import\nimport TextField from '../BasicFields/TextField'\nimport NumberField from '../BasicFields/NumberField'\nimport GradeOption from './GradeOption'\nimport { updateErrors } from '../SectionField'\n\n// Use an counter to avoid duplicate id generation\nlet idCounter = 0\nconst idGenerator = () => `new-${new Date().getTime() + idCounter++}`\n\nclass Grade extends React.Component {\n constructor(props) {\n super(props)\n\n const options = props.question.options || []\n if (props.question.not_applicable &&\n options[options.length - 1] &&\n options[options.length - 1].content === 'Non applicable')\n options[options.length - 1].hidden = true\n\n this.state = {\n id: props.question.id,\n context: props.question.context,\n position: props.question.position,\n title: props.question.title,\n mandatory: props.question.mandatory,\n not_applicable: props.question.not_applicable || false,\n coefficient: props.question.coefficient || 100,\n options,\n removed_option_ids: [],\n errors: props.question.errors || {}\n }\n }\n\n shouldComponentUpdate(_nextProps, nextState) {\n this.state.errors = updateErrors(this.state.errors, this.props.getErrors)\n\n return (\n this.state.title !== nextState.title ||\n this.state.mandatory !== nextState.mandatory ||\n this.state.position !== nextState.position ||\n this.state.not_applicable !== nextState.not_applicable ||\n this.state.coefficient !== nextState.coefficient ||\n this.state.errors.isNew === true\n )\n }\n\n componentDidUpdate() {\n this.props.handleQuestionChange(this.state)\n }\n\n handleChange = event => this.setState({ [event.target.name]: event.target.value })\n\n handleMandatoryChange = event => this.setState({ mandatory: event.target.checked })\n\n handleNotApplicableChange = event => {\n this.setState(prevState => {\n let { options } = prevState\n let removedOptions = prevState.removed_option_ids\n\n if (event.target.checked)\n options.push({ id: idGenerator(), content: 'Non applicable', hidden: true })\n else {\n const removedOption = prevState.options.find(option => option.hidden === true)\n\n if (!String(removedOption.id).includes('new-'))\n removedOptions = removedOptions.concat(removedOption.id)\n\n options = options.filter(option => option.id !== removedOption.id)\n }\n\n return {\n not_applicable: event.target.checked,\n options,\n removed_option_ids: removedOptions\n }\n })\n }\n\n handleOptionChange = index => option => {\n this.setState(prevState => {\n const { options } = prevState\n\n options[index] = option\n\n return { options }\n })\n }\n\n optionList = () => {\n const optionElements = this.state.options\n\n for (let iterator = this.state.options.length; iterator < this.props.data.grade_size; iterator++)\n optionElements.push({ id: idGenerator(), content: '' })\n\n optionElements.forEach((option, index) => {\n option.position = index\n })\n\n return (\n optionElements.map((option, index) => (\n \n
\n \n
\n \n {title}\n
\n\n 0 ? 'badge-success' : 'badge-light'} pb-0`}>\n {photosSize}\n \n {photosSize > 1 ? ' photos' : ' photo'}\n
\n \n Voir les photos\n \n\n
\n )\n }\n}\n\nexport default Grade\n","import React, { useEffect } from 'react'\n\nconst enableSelectpickerPaste = () => {\n window.$('select.selectpicker').on('loaded.bs.select', selectElement => {\n window.$(selectElement.target).parent()\n .find('.bs-searchbox')\n .find('input')[0]\n .onpaste = event => {\n const clipboardData = event.clipboardData.getData('text')\n const splitStr = clipboardData.includes('\\r\\n') ? '\\r\\n' : '\\n'\n const paste = clipboardData.split(splitStr)\n const newValues = []\n const options = Array.from(selectElement.target.options)\n paste.forEach(pasteElement => {\n options.forEach(option => {\n if (pasteElement.toUpperCase() === option.text.toUpperCase())\n newValues.push(option.value)\n })\n })\n const previousValues = Array.from(selectElement.target.selectedOptions, option => option.value)\n window.$(selectElement.target).selectpicker('val', newValues.concat(previousValues))\n window.$(selectElement.target).selectpicker('render')\n }\n })\n}\n\nconst SelectUserGroupField = ({ name, label, data, value, onChange, multiple }) => {\n useEffect(() => {\n window.$(`select[name=\"${name}\"].selectpicker`).selectpicker('render')\n enableSelectpickerPaste()\n })\n\n return (\n \n
\n \n \n {' Question avec notation '}\n
\n \n
\n \n
\n \n \n \n {\n Object.keys(data).map((key, index) => (\n \n ))\n }\n \n
\n )\n}\n\nexport default SelectUserGroupField\n","/* eslint-disable camelcase */\n\nimport React, { useState, useEffect, useCallback } from 'react'\nimport PropTypes from 'prop-types'\nimport TextField from '../BasicFields/TextField'\nimport SelectionOption from './SelectionOption'\nimport { updateErrors } from '../SectionField'\n\n// Use an counter to avoid duplicate id generation\nlet idCounter = 0\nconst idGenerator = () => `new-${new Date().getTime() + idCounter++}`\n\n/*\n * TODO: Simplify events handle with useReducer\n * TODO: Simplify component state with useContext\n * TODO: Use react-uid to generate unique ids\n */\nconst Selection = ({\n question, getErrors, handleQuestionChange, handleQuestionDuplicate,\n handleQuestionRemove, dragHandleProps\n}) => {\n const multi = question.context === 'selection_multi'\n const [state, setState] = useState({\n id: question.id,\n context: question.context,\n position: question.position,\n title: question.title,\n mandatory: question.mandatory,\n options: question.options,\n removed_option_ids: [],\n errors: question.errors || {}\n })\n\n useEffect(() => {\n setState(prevState => ({\n ...prevState,\n errors: updateErrors(prevState.errors, getErrors)\n }))\n }, [getErrors])\n\n useEffect(() => {\n handleQuestionChange(state)\n }, [state, handleQuestionChange])\n\n const handleChange = useCallback(event => {\n const { name, value } = event.target\n setState(prevState => ({\n ...prevState,\n [name]: value\n }))\n }, [])\n\n const handleMandatoryChange = useCallback(event => {\n setState(prevState => ({\n ...prevState,\n mandatory: event.target.checked\n }))\n }, [])\n\n const handleClickNewOption = useCallback(() => {\n setState(prevState => ({\n ...prevState,\n options: prevState.options.concat({ id: idGenerator(), content: '' })\n }))\n }, [])\n\n const handleRemoveOption = useCallback(optionId => () => {\n setState(prevState => {\n let newlyRemovedOption = []\n const updatedOptions = prevState.options.filter(option => option.id !== optionId)\n\n if (!String(optionId).includes('new-'))\n newlyRemovedOption = prevState.removed_option_ids.concat(optionId)\n\n return {\n ...prevState,\n options: updatedOptions,\n removed_option_ids: newlyRemovedOption\n }\n })\n }, [])\n\n const handleOptionChange = useCallback(index => option => {\n setState(prevState => {\n const updatedOptions = [...prevState.options]\n updatedOptions[index] = option\n return {\n ...prevState,\n options: updatedOptions\n }\n })\n }, [])\n\n return (\n \n
\n \n ) : null\n }\n \n
\n )\n}\n\n\nSelection.propTypes = {\n // eslint-disable-next-line react/forbid-prop-types\n dragHandleProps: PropTypes.object.isRequired,\n getErrors: PropTypes.func.isRequired,\n handleQuestionChange: PropTypes.func.isRequired,\n handleQuestionDuplicate: PropTypes.func.isRequired,\n handleQuestionRemove: PropTypes.func.isRequired,\n question: PropTypes.shape({\n id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n context: PropTypes.string.isRequired,\n position: PropTypes.number.isRequired,\n title: PropTypes.string.isRequired,\n mandatory: PropTypes.bool.isRequired,\n options: PropTypes.arrayOf(PropTypes.shape({\n id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n content: PropTypes.string.isRequired\n })).isRequired,\n errors: PropTypes.shape({\n title: PropTypes.arrayOf(PropTypes.string)\n })\n }).isRequired\n}\n\nSelection.defaultProps = {\n}\n\nexport default Selection\n","import React from 'react'\n\n// Local import\nimport TextField from '../BasicFields/TextField'\nimport { updateErrors } from '../SectionField'\n\nclass Photos extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n id: props.question.id,\n context: props.question.context,\n position: props.question.position,\n title: props.question.title,\n mandatory: props.question.mandatory,\n errors: props.question.errors || {}\n }\n }\n\n shouldComponentUpdate(_nextProps, nextState) {\n this.state.errors = updateErrors(this.state.errors, this.props.getErrors)\n\n return (\n this.state.title !== nextState.title ||\n this.state.mandatory !== nextState.mandatory ||\n this.state.position !== nextState.position ||\n this.state.errors.isNew === true\n )\n }\n\n componentDidUpdate() {\n this.props.handleQuestionChange(this.state)\n }\n\n handleChange = event => this.setState({ [event.target.name]: event.target.value })\n\n handleMandatoryChange = event => this.setState({ mandatory: event.target.checked })\n\n render() {\n return (\n \n
\n \n \n {\n multi ? ' Question avec choix multiples ' : ' Question avec choix unique '\n }\n
\n \n
\n {state.options.map((option, index) => (\n \n \n ) : null\n }\n \n
\n
\n )\n }\n}\n\nexport default Photos\n","import React from 'react'\n\n// Local import\nimport TextField from '../BasicFields/TextField'\nimport { updateErrors } from '../SectionField'\n\nclass Signature extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n id: props.question.id,\n context: props.question.context,\n position: props.question.position,\n title: props.question.title,\n mandatory: props.question.mandatory,\n errors: props.question.errors || {}\n }\n }\n\n shouldComponentUpdate(_nextProps, nextState) {\n this.state.errors = updateErrors(this.state.errors, this.props.getErrors)\n\n return (\n this.state.title !== nextState.title ||\n this.state.mandatory !== nextState.mandatory ||\n this.state.position !== nextState.position ||\n this.state.errors.isNew === true\n )\n }\n\n componentDidUpdate() {\n this.props.handleQuestionChange(this.state)\n }\n\n handleChange = event => this.setState({ [event.target.name]: event.target.value })\n\n handleMandatoryChange = event => this.setState({ mandatory: event.target.checked })\n\n render() {\n return (\n \n
\n \n \n {' Question avec photos '}\n
\n \n
\n \n
\n )\n }\n}\n\nexport default Signature\n","/* eslint-disable camelcase */\n\nimport React from 'react'\n\n// Local import\nimport TextField from '../BasicFields/TextField'\nimport SelectField from '../BasicFields/SelectField'\nimport { updateErrors } from '../SectionField'\n\nclass Variable extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n id: props.question.id,\n context: props.question.context,\n position: props.question.position,\n title: props.question.title,\n mandatory: props.question.mandatory,\n variable_id: props.question.variable_id,\n errors: props.question.errors || {}\n }\n }\n\n shouldComponentUpdate(_nextProps, nextState) {\n this.state.errors = updateErrors(this.state.errors, this.props.getErrors)\n\n return (\n this.state.title !== nextState.title ||\n this.state.mandatory !== nextState.mandatory ||\n this.state.position !== nextState.position ||\n this.state.variable_id !== nextState.variable_id ||\n this.state.errors.isNew === true\n )\n }\n\n componentDidUpdate() {\n this.props.handleQuestionChange(this.state)\n }\n\n handleChange = event => this.setState({ [event.target.name]: event.target.value })\n\n handleMandatoryChange = event => this.setState({ mandatory: event.target.checked })\n\n render() {\n return (\n \n
\n \n \n {' Question signature '}\n
\n \n
\n \n
\n )\n }\n}\n\nexport default Variable\n","import React from 'react'\n\n// Local import\nimport { updateErrors } from '../SectionField'\nimport PictureField from '../BasicFields/PictureField'\n\nclass Picture extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n id: props.question.id,\n context: props.question.context,\n position: props.question.position,\n picture: props.question.picture,\n changed: false,\n errors: props.question.errors || {}\n }\n }\n\n shouldComponentUpdate(_nextProps, nextState) {\n this.state.errors = updateErrors(this.state.errors, this.props.getErrors)\n return (\n this.state.picture !== nextState.picture ||\n this.state.position !== nextState.position ||\n this.state.errors.isNew === true\n )\n }\n\n componentDidUpdate() {\n this.props.handleQuestionChange(this.state)\n }\n\n getErrors = () => this.state.errors\n\n handlePictureChange = files => {\n this.setState({\n picture: files[0],\n changed: true\n })\n }\n\n render() {\n return (\n \n
\n \n \n {' Question avec variable '}\n
\n \n
\n \n
\n )\n }\n}\n\nexport default Picture\n","var map = {\n\t\"./EditCollect\": 11861,\n\t\"./EditCollect/\": 11861,\n\t\"./EditCollect/BasicFields/NumberField\": 19016,\n\t\"./EditCollect/BasicFields/NumberField.jsx\": 19016,\n\t\"./EditCollect/BasicFields/PictureField\": 52587,\n\t\"./EditCollect/BasicFields/PictureField.jsx\": 52587,\n\t\"./EditCollect/BasicFields/SelectField\": 52761,\n\t\"./EditCollect/BasicFields/SelectField.jsx\": 52761,\n\t\"./EditCollect/BasicFields/SelectUserGroupField\": 66267,\n\t\"./EditCollect/BasicFields/SelectUserGroupField.jsx\": 66267,\n\t\"./EditCollect/BasicFields/TextAreaField\": 28195,\n\t\"./EditCollect/BasicFields/TextAreaField.jsx\": 28195,\n\t\"./EditCollect/BasicFields/TextField\": 43270,\n\t\"./EditCollect/BasicFields/TextField.jsx\": 43270,\n\t\"./EditCollect/CollectForm\": 18061,\n\t\"./EditCollect/CollectForm.jsx\": 18061,\n\t\"./EditCollect/ContentFields/Description\": 2630,\n\t\"./EditCollect/ContentFields/Description.jsx\": 2630,\n\t\"./EditCollect/ContentFields/Picture\": 81574,\n\t\"./EditCollect/ContentFields/Picture.jsx\": 81574,\n\t\"./EditCollect/ContentFields/Title\": 88142,\n\t\"./EditCollect/ContentFields/Title.jsx\": 88142,\n\t\"./EditCollect/Loader\": 46919,\n\t\"./EditCollect/Loader.jsx\": 46919,\n\t\"./EditCollect/QuestionFields/Comment\": 46960,\n\t\"./EditCollect/QuestionFields/Comment.jsx\": 46960,\n\t\"./EditCollect/QuestionFields/DateTime\": 54640,\n\t\"./EditCollect/QuestionFields/DateTime.jsx\": 54640,\n\t\"./EditCollect/QuestionFields/Grade\": 61806,\n\t\"./EditCollect/QuestionFields/Grade.jsx\": 61806,\n\t\"./EditCollect/QuestionFields/GradeOption\": 7565,\n\t\"./EditCollect/QuestionFields/GradeOption.jsx\": 7565,\n\t\"./EditCollect/QuestionFields/Numeric\": 24582,\n\t\"./EditCollect/QuestionFields/Numeric.jsx\": 24582,\n\t\"./EditCollect/QuestionFields/Photos\": 69116,\n\t\"./EditCollect/QuestionFields/Photos.jsx\": 69116,\n\t\"./EditCollect/QuestionFields/Selection\": 69021,\n\t\"./EditCollect/QuestionFields/Selection.jsx\": 69021,\n\t\"./EditCollect/QuestionFields/SelectionOption\": 54166,\n\t\"./EditCollect/QuestionFields/SelectionOption.jsx\": 54166,\n\t\"./EditCollect/QuestionFields/Signature\": 69953,\n\t\"./EditCollect/QuestionFields/Signature.jsx\": 69953,\n\t\"./EditCollect/QuestionFields/Variable\": 72127,\n\t\"./EditCollect/QuestionFields/Variable.jsx\": 72127,\n\t\"./EditCollect/SectionField\": 98802,\n\t\"./EditCollect/SectionField.jsx\": 98802,\n\t\"./EditCollect/index\": 11861,\n\t\"./EditCollect/index.jsx\": 11861,\n\t\"./PhotoGallery\": 87343,\n\t\"./PhotoGallery/\": 87343,\n\t\"./PhotoGallery/PhotoGallerySection\": 57748,\n\t\"./PhotoGallery/PhotoGallerySection.jsx\": 57748,\n\t\"./PhotoGallery/index\": 87343,\n\t\"./PhotoGallery/index.jsx\": 87343\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 86900;","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport PhotoGallerySection from './PhotoGallerySection'\n\nconst PhotoGallery = ({ data }) => (\n \n
\n \n \n {' Image '}\n
\n \n
\n \n {data.map(section => (\n
\n)\n\nPhotoGallery.propTypes = {\n data: PropTypes.arrayOf(PropTypes.exact({\n id: PropTypes.number.isRequired,\n title: PropTypes.string.isRequired,\n photosSize: PropTypes.number.isRequired,\n url: PropTypes.string.isRequired\n })).isRequired\n}\n\nexport default PhotoGallery\n","import React from 'react'\n\n// Local import\nimport { updateErrors } from '../SectionField'\n\nclass Title extends React.Component {\n constructor(props) {\n super(props)\n this.state = {\n id: props.question.id,\n context: props.question.context,\n position: props.question.position,\n title: props.question.title || '',\n errors: props.question.errors || {}\n }\n }\n\n shouldComponentUpdate(_nextProps, nextState) {\n this.state.errors = updateErrors(this.state.errors, this.props.getErrors)\n\n return (\n this.state.title !== nextState.title ||\n this.state.position !== nextState.position ||\n this.state.errors.isNew === true\n )\n }\n\n componentDidUpdate() {\n this.props.handleQuestionChange(this.state)\n }\n\n handleChange = event => this.setState({ [event.target.name]: event.target.value })\n\n render() {\n return (\n \n
\n )\n }\n}\n\nexport default Title\n","/* eslint-disable camelcase */\n\nimport React, { createElement } from 'react'\nimport { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd'\n\n// Local import\nimport TextField from './BasicFields/TextField'\nimport NumberField from './BasicFields/NumberField'\nimport Grade from './QuestionFields/Grade'\nimport Selection from './QuestionFields/Selection'\nimport Photos from './QuestionFields/Photos'\nimport Comment from './QuestionFields/Comment'\nimport Numeric from './QuestionFields/Numeric'\nimport Signature from './QuestionFields/Signature'\nimport Variable from './QuestionFields/Variable'\nimport DateTime from './QuestionFields/DateTime'\nimport Title from './ContentFields/Title'\nimport Picture from './ContentFields/Picture'\nimport Description from './ContentFields/Description'\n\nconst updateErrors = (stateErrors, getErrors) => {\n const errors = getErrors()\n if (stateErrors)\n delete stateErrors.isNew\n\n if (errors && JSON.stringify(errors) !== JSON.stringify(stateErrors)) {\n stateErrors = { ...errors }\n stateErrors.isNew = true\n }\n\n return stateErrors\n}\n\n// Use an counter to avoid duplicate id generation\nlet idCounter = 0\nconst idGenerator = () => `new-${new Date().getTime() + idCounter++}`\n\nclass SectionField extends React.Component {\n static collapseList(elementId) {\n window.$(`#${elementId}`).collapse('hide')\n }\n\n static duplicateQuestionWithPictureDuplicate = async questionToDuplicate => {\n if (questionToDuplicate.context !== 'picture')\n return\n\n const response = await fetch(questionToDuplicate.picture.preview)\n const blob = await response.blob()\n const image = new File([blob], questionToDuplicate.picture.filename, { type: blob.type })\n questionToDuplicate.picture = image\n questionToDuplicate.picture.preview = URL.createObjectURL(image)\n questionToDuplicate.picture.filename = image.name\n questionToDuplicate.changed = true\n }\n\n static duplicateQuestionWithOptionsDuplicate = questionToDuplicate => {\n if (typeof questionToDuplicate.options === 'undefined' || questionToDuplicate.options.length === 0)\n return\n\n questionToDuplicate.options = questionToDuplicate.options.map(option => ({\n ...option,\n id: idGenerator()\n }))\n }\n\n static duplicateQuestion = async question => {\n const questionToDuplicate = { ...question, id: idGenerator() }\n SectionField.duplicateQuestionWithOptionsDuplicate(questionToDuplicate)\n await SectionField.duplicateQuestionWithPictureDuplicate(questionToDuplicate)\n return questionToDuplicate\n }\n\n constructor(props) {\n super(props)\n\n this.state = {\n id: props.section.id,\n name: props.section.name,\n position: props.section.position,\n coefficient: props.section.coefficient,\n has_disabled_status: props.section.has_disabled_status,\n questions: props.section.questions,\n removed_question_ids: [],\n errors: props.section.errors || {}\n }\n\n this.fieldName = props.fieldName\n this.collectFrequency = props.collectFrequency\n }\n\n shouldComponentUpdate(_nextProps, nextState) {\n this.state.errors = updateErrors(this.state.errors, this.props.getErrors)\n\n return (\n this.state.name !== nextState.name ||\n this.state.coefficient !== nextState.coefficient ||\n this.state.position !== nextState.position ||\n this.state.questions.length !== nextState.questions.length ||\n this.state.has_disabled_status !== nextState.has_disabled_status ||\n this.state.errors.isNew === true\n )\n }\n\n componentDidUpdate() {\n this.props.handleSectionChange(this.state)\n }\n\n handleNameChange = event => this.setState({ name: event.target.value })\n\n handleCoefficientChange = event => this.setState({ coefficient: event.target.value })\n\n handleDisabledStatusChange = event => this.setState({ has_disabled_status: event.target.checked })\n\n handleOnDragEnd = result => {\n const { destination, source } = result\n\n if (!destination)\n return\n\n if (destination.droppableId === source.droppableId && destination.index === source.index)\n return\n\n this.setState(prevState => {\n const movedQuestion = prevState.questions[source.index]\n const newQuestions = prevState.questions\n\n newQuestions.splice(source.index, 1)\n newQuestions.splice(destination.index, 0, movedQuestion)\n newQuestions.forEach((question, index) => {\n question.position = index\n })\n\n return { questions: newQuestions }\n })\n }\n\n duplicateData = async() => {\n const duplicatedData = JSON.parse(JSON.stringify(this.state))\n\n duplicatedData.id = idGenerator()\n duplicatedData.questions = await Promise.all(this.state.questions.map(SectionField.duplicateQuestion))\n duplicatedData.removed_question_ids = []\n duplicatedData.errors = {}\n return duplicatedData\n }\n\n questionsCollapseId = () => `questions_collapse__${this.state.id}`\n\n contentsCollapseId = () => `contents_collapse__${this.state.id}`\n\n handleClickNewContent = context => event => {\n event.preventDefault()\n SectionField.collapseList(this.contentsCollapseId())\n\n this.setState(prevState => {\n const newContent = {\n id: idGenerator(),\n title: '',\n description: null,\n context,\n position: prevState.questions.length,\n mandatory: false,\n variable_id: null,\n not_applicable: false,\n options: []\n }\n\n return { questions: prevState.questions.concat(newContent) }\n })\n }\n\n handleClickNewquestion = context => event => {\n event.preventDefault()\n SectionField.collapseList(this.questionsCollapseId())\n\n this.setState(prevState => {\n const newQuestion = {\n id: idGenerator(),\n title: '',\n context,\n position: prevState.questions.length,\n mandatory: false,\n variable_id: null,\n not_applicable: false,\n options: []\n }\n\n return { questions: prevState.questions.concat(newQuestion) }\n })\n }\n\n addQuestionButton = (context, label) => (\n \n
\n \n \n {' Titre '}\n
\n \n
\n \n {Boolean(questionComponents[question.context]) &&\n createElement(questionComponents[question.context], {\n key: question.id,\n name: `${this.fieldName}.questions[${index}]`,\n question,\n data: this.props.data,\n handleQuestionChange: this.handleQuestionChange(index),\n handleQuestionRemove: this.handleQuestionRemove,\n handleQuestionDuplicate: this.handleQuestionDuplicate,\n getErrors: this.getErrors(question.id),\n dragHandleProps: provided.dragHandleProps\n })}\n
\n
\n )}\n \n ))\n )\n }\n\n render() {\n return (\n \n
\n
\n \n \n
\n {this.state.name}
\n\n \n \n
\n \n \n
\n \n
\n\n Ajouter une question\n \n \n Ajouter du contenu\n \n
\n \n )\n }\n}\n\nexport default SectionField\nexport { updateErrors }\n"],"names":["Description","React","constructor","props","super","this","state","id","question","context","position","description","errors","shouldComponentUpdate","_nextProps","nextState","updateErrors","getErrors","isNew","componentDidUpdate","handleQuestionChange","handleChange","event","setState","target","name","value","render","className","Object","assign","dragHandleProps","onClick","handleQuestionDuplicate","handleQuestionRemove","TextAreaField","placeholder","rows","onChange","GradeOption","option","content","handleOptionChange","hidden","step","TextField","EditCollect","collectId","headers","data","setData","useState","useEffect","fetch","method","then","response","json","responseData","href","CollectForm","Loader","idCounter","ensemble_id","user_ids","help_text","has_additional_answer","has_completion_for_additionnal","has_prepopulate_answers","ensembles","operators","sections","removed_section_ids","frequency","submitButtonText","submitButtonDisabled","createFormData","formData","FormData","parentKey","keys","forEach","key","newKey","Array","isArray","length","item","append","findQuestion","sectionId","questionId","find","stateSection","questions","formatForm","formatedForm","JSON","parse","stringify","section","options","removed_option_ids","removed_options","map","_destroy","options_attributes","concat","pictureQuestion","picture","changed","removed_questions","removed_question_ids","questions_attributes","removed_sections","sections_attributes","handleSubmit","preventDefault","result","token","document","querySelector","getAttribute","body","success","window","location","formated_errors","handleOperatorsChange","from","selectedOptions","handleCompletionAdditionnalChange","checked","index","handleOnDragEnd","destination","source","droppableId","prevState","movedSection","newSections","splice","handleClickNewSection","newSection","Date","getTime","coefficient","handleSectionChange","onDuplicateSection","duplicateData","async","stopPropagation","handleRemoveSection","newlyRemovedSections","filter","String","includes","draggableSections","Draggable","draggableId","provided","ref","innerRef","draggableProps","SectionField","fieldName","collectFrequency","handleDuplicateSection","onSubmit","label","SelectField","disabled","SelectUserGroupField","multiple","type","htmlFor","DragDropContext","onDragEnd","Droppable","droppableProps","NumberField","Numeric","title","mandatory","handleMandatoryChange","src","loadingSvg","Comment","PictureField","Component","files","handleOnDrop","newFiles","file","push","preview","URL","createObjectURL","filename","openFileDialog","open","handleOnFileDialogOpen","thumbsContainer","display","flexDirection","flexWrap","thumb","borderRadius","border","marginBottom","marginRight","padding","boxSizing","thumbInner","minWidth","overflow","img","width","maxHeight","containPicture","defaultCursor","cursor","thumbs","style","Dropzone","accept","noClick","noKeyboard","onDrop","onFileDialogOpen","getRootProps","getInputProps","Boolean","includeBlank","defaultValue","PropTypes","isRequired","multi","handleRemoveOption","defaultProps","SelectionOption","setContent","useCallback","DateTime","PhotoGallerySection","photosSize","url","propTypes","idGenerator","Grade","not_applicable","handleNotApplicableChange","removedOptions","removedOption","optionList","optionElements","iterator","grade_size","grade_zero_start","$","selectpicker","on","selectElement","parent","onpaste","clipboardData","getData","splitStr","paste","split","newValues","pasteElement","toUpperCase","text","previousValues","last_name","first_name","Selection","handleClickNewOption","optionId","newlyRemovedOption","updatedOptions","option_ids","option_id","Photos","Signature","Variable","variable_id","variables","variable","Picture","handlePictureChange","webpackContext","req","webpackContextResolve","__webpack_require__","o","e","Error","code","resolve","module","exports","PhotoGallery","Title","stateErrors","collapseList","elementId","collapse","static","questionToDuplicate","blob","image","File","duplicateQuestionWithOptionsDuplicate","duplicateQuestionWithPictureDuplicate","has_disabled_status","handleNameChange","handleCoefficientChange","handleDisabledStatusChange","movedQuestion","newQuestions","duplicatedData","Promise","all","duplicateQuestion","questionsCollapseId","contentsCollapseId","handleClickNewContent","newContent","handleClickNewquestion","newQuestion","addQuestionButton","addContentButton","originalQuestion","updatedQuestions","newlyRemovedQuestions","draggableQuestions","questionComponents","grade","photos","selection","selection_multi","comment","numeric","signature","datetime","createElement"],"sourceRoot":""}\n
\n {\n this.collectFrequency === 'recurrent' && (\n \n
\n \n
\n \n
\n )\n }\n \n
\n \n \n {provided => (\n \n \n
\n \n {this.draggableQuestions()}\n {provided.placeholder}\n
\n )}\n \n
\n \n
\n \n {this.addQuestionButton('grade', 'Notation')}\n {this.addQuestionButton('photos', 'Photos')}\n {this.addQuestionButton('selection', 'Choix unique')}\n {this.addQuestionButton('selection_multi', 'Choix multiples')}\n {this.addQuestionButton('comment', 'Commentaire')}\n {this.addQuestionButton('numeric', 'Numérique')}\n {this.addQuestionButton('signature', 'Signature')}\n {this.addQuestionButton('variable', 'Variable')}\n {this.addQuestionButton('datetime', 'Date')}\n
\n \n {this.addContentButton('title', 'Titre')}\n {this.addContentButton('picture', 'Image')}\n {this.addContentButton('description', 'Description')}\n
\n