%PDF- %PDF-
Direktori : /home/emergentqj/actioncivile/pre-auth/.4cc3a2e1590a4463a5f392ddcc26929e/static/node_modules/redux-form/es/ |
Current File : /home/emergentqj/actioncivile/pre-auth/.4cc3a2e1590a4463a5f392ddcc26929e/static/node_modules/redux-form/es/ConnectedField.js |
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose"; import _extends from "@babel/runtime/helpers/extends"; import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose"; import React, { Component, createElement } from 'react'; import PropTypes from 'prop-types'; import { connect } from 'react-redux'; import createFieldProps from './createFieldProps'; import onChangeValue from './events/onChangeValue'; import { dataKey } from './util/eventConsts'; import plain from './structure/plain'; import isReactNative from './isReactNative'; import validateComponentProp from './util/validateComponentProp'; import isEvent from './events/isEvent'; var propsToNotUpdateFor = ['_reduxForm']; var isObject = function isObject(entity) { return entity && typeof entity === 'object'; }; var isFunction = function isFunction(entity) { return entity && typeof entity === 'function'; }; var eventPreventDefault = function eventPreventDefault(event) { if (isObject(event) && isFunction(event.preventDefault)) { event.preventDefault(); } }; var eventDataTransferGetData = function eventDataTransferGetData(event, key) { if (isObject(event) && isObject(event.dataTransfer) && isFunction(event.dataTransfer.getData)) { return event.dataTransfer.getData(key); } }; var eventDataTransferSetData = function eventDataTransferSetData(event, key, value) { if (isObject(event) && isObject(event.dataTransfer) && isFunction(event.dataTransfer.setData)) { event.dataTransfer.setData(key, value); } }; function createConnectedField(structure) { var deepEqual = structure.deepEqual, getIn = structure.getIn; var getSyncError = function getSyncError(syncErrors, name) { var error = plain.getIn(syncErrors, name); // Because the error for this field might not be at a level in the error structure where // it can be set directly, it might need to be unwrapped from the _error property return error && error._error ? error._error : error; }; var getSyncWarning = function getSyncWarning(syncWarnings, name) { var warning = getIn(syncWarnings, name); // Because the warning for this field might not be at a level in the warning structure where // it can be set directly, it might need to be unwrapped from the _warning property return warning && warning._warning ? warning._warning : warning; }; var ConnectedField = /*#__PURE__*/function (_Component) { _inheritsLoose(ConnectedField, _Component); function ConnectedField() { var _this; for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } _this = _Component.call.apply(_Component, [this].concat(args)) || this; _this.ref = React.createRef(); _this.isPristine = function () { return _this.props.pristine; }; _this.getValue = function () { return _this.props.value; }; _this.handleChange = function (event) { var _this$props = _this.props, name = _this$props.name, dispatch = _this$props.dispatch, parse = _this$props.parse, normalize = _this$props.normalize, onChange = _this$props.onChange, _reduxForm = _this$props._reduxForm, previousValue = _this$props.value; var newValue = onChangeValue(event, { name: name, parse: parse, normalize: normalize }); var defaultPrevented = false; if (onChange) { // Can't seem to find a way to extend Event in React Native, // thus I simply avoid adding preventDefault() in a RN environment // to prevent the following error: // `One of the sources for assign has an enumerable key on the prototype chain` // Reference: https://github.com/facebook/react-native/issues/5507 if (!isReactNative && isEvent(event)) { onChange(_extends({}, event, { preventDefault: function preventDefault() { defaultPrevented = true; return eventPreventDefault(event); } }), newValue, previousValue, name); } else { var onChangeResult = onChange(event, newValue, previousValue, name); // Return value of change handler affecting preventDefault is RN // specific behavior. if (isReactNative) { defaultPrevented = onChangeResult; } } } if (!defaultPrevented) { // dispatch change action dispatch(_reduxForm.change(name, newValue)); // call post-change callback if (_reduxForm.asyncValidate) { _reduxForm.asyncValidate(name, newValue, 'change'); } } }; _this.handleFocus = function (event) { var _this$props2 = _this.props, name = _this$props2.name, dispatch = _this$props2.dispatch, onFocus = _this$props2.onFocus, _reduxForm = _this$props2._reduxForm; var defaultPrevented = false; if (onFocus) { if (!isReactNative) { onFocus(_extends({}, event, { preventDefault: function preventDefault() { defaultPrevented = true; return eventPreventDefault(event); } }), name); } else { defaultPrevented = onFocus(event, name); } } if (!defaultPrevented) { dispatch(_reduxForm.focus(name)); } }; _this.handleBlur = function (event) { var _this$props3 = _this.props, name = _this$props3.name, dispatch = _this$props3.dispatch, parse = _this$props3.parse, normalize = _this$props3.normalize, onBlur = _this$props3.onBlur, _reduxForm = _this$props3._reduxForm, _value = _this$props3._value, previousValue = _this$props3.value; var newValue = onChangeValue(event, { name: name, parse: parse, normalize: normalize }); // for checkbox and radio, if the value property of checkbox or radio equals // the value passed by blur event, then fire blur action with previousValue. if (newValue === _value && _value !== undefined) { newValue = previousValue; } var defaultPrevented = false; if (onBlur) { if (!isReactNative) { onBlur(_extends({}, event, { preventDefault: function preventDefault() { defaultPrevented = true; return eventPreventDefault(event); } }), newValue, previousValue, name); } else { defaultPrevented = onBlur(event, newValue, previousValue, name); } } if (!defaultPrevented) { // dispatch blur action dispatch(_reduxForm.blur(name, newValue)); // call post-blur callback if (_reduxForm.asyncValidate) { _reduxForm.asyncValidate(name, newValue, 'blur'); } } }; _this.handleDragStart = function (event) { var _this$props4 = _this.props, name = _this$props4.name, onDragStart = _this$props4.onDragStart, value = _this$props4.value; eventDataTransferSetData(event, dataKey, value == null ? '' : value); if (onDragStart) { onDragStart(event, name); } }; _this.handleDrop = function (event) { var _this$props5 = _this.props, name = _this$props5.name, dispatch = _this$props5.dispatch, onDrop = _this$props5.onDrop, _reduxForm = _this$props5._reduxForm, previousValue = _this$props5.value; var newValue = eventDataTransferGetData(event, dataKey); var defaultPrevented = false; if (onDrop) { onDrop(_extends({}, event, { preventDefault: function preventDefault() { defaultPrevented = true; return eventPreventDefault(event); } }), newValue, previousValue, name); } if (!defaultPrevented) { // dispatch change action dispatch(_reduxForm.change(name, newValue)); eventPreventDefault(event); } }; return _this; } var _proto = ConnectedField.prototype; _proto.shouldComponentUpdate = function shouldComponentUpdate(nextProps) { var _this2 = this; var nextPropsKeys = Object.keys(nextProps); var thisPropsKeys = Object.keys(this.props); // if we have children, we MUST update in React 16 // https://twitter.com/erikras/status/915866544558788608 return !!(this.props.children || nextProps.children || nextPropsKeys.length !== thisPropsKeys.length || nextPropsKeys.some(function (prop) { if (~(nextProps.immutableProps || []).indexOf(prop)) { return _this2.props[prop] !== nextProps[prop]; } return !~propsToNotUpdateFor.indexOf(prop) && !deepEqual(_this2.props[prop], nextProps[prop]); })); }; _proto.getRenderedComponent = function getRenderedComponent() { return this.ref.current; }; _proto.render = function render() { var _this$props6 = this.props, component = _this$props6.component, forwardRef = _this$props6.forwardRef, name = _this$props6.name, _reduxForm = _this$props6._reduxForm, normalize = _this$props6.normalize, onBlur = _this$props6.onBlur, onChange = _this$props6.onChange, onFocus = _this$props6.onFocus, onDragStart = _this$props6.onDragStart, onDrop = _this$props6.onDrop, immutableProps = _this$props6.immutableProps, rest = _objectWithoutPropertiesLoose(_this$props6, ["component", "forwardRef", "name", "_reduxForm", "normalize", "onBlur", "onChange", "onFocus", "onDragStart", "onDrop", "immutableProps"]); var _createFieldProps = createFieldProps(structure, name, _extends({}, rest, { form: _reduxForm.form, onBlur: this.handleBlur, onChange: this.handleChange, onDrop: this.handleDrop, onDragStart: this.handleDragStart, onFocus: this.handleFocus })), custom = _createFieldProps.custom, props = _objectWithoutPropertiesLoose(_createFieldProps, ["custom"]); if (forwardRef) { custom.ref = this.ref; } if (typeof component === 'string') { var input = props.input, meta = props.meta; // eslint-disable-line no-unused-vars // flatten input into other props return createElement(component, _extends({}, input, {}, custom)); } else { return createElement(component, _extends({}, props, {}, custom)); } }; return ConnectedField; }(Component); ConnectedField.propTypes = { component: validateComponentProp, props: PropTypes.object }; var connector = connect(function (state, ownProps) { var name = ownProps.name, _ownProps$_reduxForm = ownProps._reduxForm, initialValues = _ownProps$_reduxForm.initialValues, getFormState = _ownProps$_reduxForm.getFormState; var formState = getFormState(state); var initialState = getIn(formState, "initial." + name); var initial = initialState !== undefined ? initialState : initialValues && getIn(initialValues, name); var value = getIn(formState, "values." + name); var submitting = getIn(formState, 'submitting'); var syncError = getSyncError(getIn(formState, 'syncErrors'), name); var syncWarning = getSyncWarning(getIn(formState, 'syncWarnings'), name); var pristine = deepEqual(value, initial); return { asyncError: getIn(formState, "asyncErrors." + name), asyncValidating: getIn(formState, 'asyncValidating') === name, dirty: !pristine, pristine: pristine, state: getIn(formState, "fields." + name), submitError: getIn(formState, "submitErrors." + name), submitFailed: getIn(formState, 'submitFailed'), submitting: submitting, syncError: syncError, syncWarning: syncWarning, initial: initial, value: value, _value: ownProps.value // save value passed in (for radios) }; }, undefined, undefined, { forwardRef: true }); return connector(ConnectedField); } export default createConnectedField;