{"version":3,"sources":["TaskFormMultiField.jsx"],"names":[],"mappings":"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","file":"TaskFormMultiField.js","sourcesContent":["const TaskFormMultiField = React.memo(function TaskFormMultiField(props){\n    const {\n        formItem,\n        value,\n        showLabelAsPlaceholder,\n        indexFromParent,\n        itemKeys,\n        onChange,\n    } = props;\n\n    const change = React.useCallback(index => val => {\n        let newValue =  _.clone(value);\n        newValue[index] = val;\n        onChange(newValue);\n    }, [onChange, value]);\n\n    const add = React.useCallback(event => {\n        event.preventDefault();\n        let newValue =  _.clone(value);\n        newValue.push(null);\n        onChange(newValue);\n    }, [onChange, value]);\n\n    const remove = React.useCallback(index => event => {\n        event.preventDefault();\n        let newValue =  _.clone(value);\n        newValue.splice(index, 1);\n        onChange(newValue);\n    }, [onChange, value]);\n\n    const isMulti = _.get(formItem, 'ProcessFormItem.is_multi', false);\n    const multiMin = _.get(formItem, 'ProcessFormItem.multi_min', null);\n    const multiMax = _.get(formItem, 'ProcessFormItem.multi_max', null);\n    let children = [];\n\n    _.each(value, (val, index) => {\n        let buttons = [];\n        let isLast = index === _.size(value) - 1;\n\n        if (_.size(value) > 1 && (!multiMin || _.size(value) > multiMin)) {\n            buttons.push(\n                <button key={'btn-remove'} className={'remove-button'} onClick={remove(index)}>\n                    <i className={'fa fa-minus-circle'} aria-hidden={'true'}/>\n                </button>\n            );\n        }\n\n        if (isLast && isMulti && (!multiMax || _.size(value) < multiMax)) {\n            buttons.push(\n                <button key={'btn-add'} className={'add-button'} onClick={add}>\n                    <i className={'fa fa-plus-circle'} aria-hidden={'true'}/>\n                </button>\n            );\n        }\n\n        children.push(\n            <TaskFormField\n                key={itemKeys[index]}\n                value={val}\n                formItem={formItem}\n                buttons={buttons}\n                onChange={change(index)}\n                showLabelAsPlaceholder={showLabelAsPlaceholder}\n                indexFromParent={indexFromParent}\n            />\n        );\n    });\n\n    //useRenderDebug(`TaskFormMultiField|${_.get(formItem, 'ProcessFormItem.name', 'unknown')}`, {props, change, add, remove});\n\n    return (\n        <div className=\"react-task-form-multi-field flex-vertical\">\n            {children}\n        </div>\n    );\n});\n\nTaskFormMultiField.propTypes = {\n    formItem: PropTypes.object,\n    value: PropTypes.any,\n    showLabelAsPlaceholder: PropTypes.bool,\n    indexFromParent: PropTypes.number,\n    itemKeys: PropTypes.array,\n    onChange: PropTypes.func,\n};\n\nTaskFormMultiField.defaultProps = {\n    formItem: null,\n    value: [],\n    showLabelAsPlaceholder: false,\n    indexFromParent: null,\n    itemKeys: [0],\n    onChange: (name, value) => {},\n};\n\nTaskFormMultiField.displayName = 'TaskFormMultiField';"]}