{"version":3,"sources":["TaskFormMultiFieldset.jsx"],"names":[],"mappings":"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","file":"TaskFormMultiFieldset.js","sourcesContent":["const TaskFormMultiFieldset = React.memo(function TaskFormMultiFieldset(props){\n    const {\n        formItem,\n        value,\n        visibilityConditions,\n        showLabelAsPlaceholder,\n        itemKeys,\n        countryId,\n        onChange,\n    } = props;\n\n    const change = React.useCallback(index => val => {\n        let newValue =  _.cloneDeep(value);\n        newValue[index] = val;\n        onChange(newValue);\n    }, [onChange, value]);\n\n    const add = React.useCallback(event => {\n        event.preventDefault();\n        let newValue =  _.cloneDeep(value);\n        newValue.push({});\n        onChange(newValue);\n    }, [onChange, value]);\n\n    const remove = React.useCallback(index => event => {\n        event.preventDefault();\n        let newValue =  _.cloneDeep(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    _.each(value, (val, index) => {\n        let buttons = [];\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        children.push(\n            <TaskFormFieldset\n                key={itemKeys[index]}\n                index={(isMulti ? index + 1 : null)}\n                value={val}\n                formItem={formItem}\n                items={_.get(formItem, 'children', [])}\n                label={_.get(formItem, 'ProcessFormItem.label', null)}\n                display={_.get(formItem, 'ProcessFormItem.display', null)}\n                buttons={buttons}\n                visibilityConditions={visibilityConditions}\n                showLabelAsPlaceholder={showLabelAsPlaceholder}\n                countryId={countryId}\n                onChange={change(index)}\n            />\n        );\n\n        if(index === (_.size(value) - 1) && isMulti && (!multiMax || _.size(value) < multiMax)){\n            let buttonLabel = \"Add New\";\n            if(formItem?.ProcessFormItem?.label){\n                buttonLabel = `Add New ${formItem.ProcessFormItem.label}`;\n            }\n            children.push(\n                <button key={`btn-add`} className={'add-button'} onClick={add}>\n                    <i className={'fa fa-plus-circle'} aria-hidden={'true'}/>\n                    <span>{buttonLabel}</span>\n                </button>\n            );\n        }\n    });\n\n    //useRenderDebug(`TaskFormMultiFieldset|${_.get(formItem, 'ProcessFormItem.name', 'ROOT')}`, {props, change, add, remove});\n\n    return (\n        <div className={'react-task-form-multi-fieldset flex-vertical'}>\n            {children}\n        </div>\n    );\n});\n\nTaskFormMultiFieldset.propTypes = {\n    formItem: PropTypes.object,\n    value: PropTypes.any,\n    visibilityConditions: PropTypes.object,\n    showLabelAsPlaceholder: PropTypes.bool,\n    itemKeys: PropTypes.array,\n    countryId: PropTypes.number,\n    onChange: value => {},\n};\n\nTaskFormMultiFieldset.defaultProps = {\n    formItem: {},\n    value: {},\n    visibilityConditions: {},\n    showLabelAsPlaceholder: false,\n    itemKeys: [0],\n    countryId: null,\n    onChange: value => {},\n};\nTaskFormMultiFieldset.displayName = 'TaskFormMultiFieldset';"]}