@commercetools-frontend-extensions/export-resources-modal 3.6.0 → 3.7.0

package/dist/commercetools-frontend-extensions-export-resources-modal.cjs.prod.js

@@ -42,11 +42,14 @@ var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/i
 var sdk = require('@commercetools-frontend/sdk');
 var actionsGlobal = require('@commercetools-frontend/actions-global');
 var constants = require('@commercetools-frontend/constants');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _styled = require('@emotion/styled/base');
 var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/every');
 var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
+var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
+var throttle = require('lodash/throttle');
+var react = require('@emotion/react');
 var PropTypes = require('prop-types');
-var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var formik = require('formik');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -77,6 +80,8 @@ var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesI
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var _everyInstanceProperty__default = /*#__PURE__*/_interopDefault(_everyInstanceProperty);
 var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
+var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
+var throttle__default = /*#__PURE__*/_interopDefault(throttle);
 var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 
 function getBold(msg) {
@@ -230,6 +235,31 @@ var messages = reactIntl.defineMessages({
     id: 'ExportResourcesModal.unexpectedError',
     description: 'Generic notification message when starting export process fails',
     defaultMessage: 'An error occurred while starting the export process. Please try again or contact support if the problem persists.'
+  },
+  searchForFields: {
+    id: 'ExportResourcesModal.searchForFields',
+    description: 'Placeholder for "Search for fields" search input',
+    defaultMessage: 'Search for fields'
+  },
+  thereAreNoResults: {
+    id: 'ExportResourcesModal.thereAreNoResults',
+    description: 'No search results message',
+    defaultMessage: 'There are no results that match your search.'
+  },
+  suggestions: {
+    id: 'ExportResourcesModal.suggestions',
+    description: 'In Export fields selection - Suggestions message',
+    defaultMessage: 'Suggestions:'
+  },
+  checkTheSpelling: {
+    id: 'ExportResourcesModal.checkTheSpelling',
+    description: 'In Export fields selection - Check the spelling message',
+    defaultMessage: 'Check the spelling.'
+  },
+  searchByEnteringTheExactFieldName: {
+    id: 'ExportResourcesModal.searchByEnteringTheExactFieldName',
+    description: 'In Export fields selection - Search by entering the exact field name message',
+    defaultMessage: 'Try searching by entering the exact field name.'
   }
 });
 
@@ -827,29 +857,50 @@ const ExportFileSettingsStep = () => {
   });
 };
 
+var _ref = {
+  name: "ti75j2",
+  styles: "margin:0"
+} ;
+const NoSearchResults = () => {
+  return jsxRuntime.jsxs(uiKit.Card, {
+    insetScale: "xl",
+    children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+      scale: "s",
+      children: [jsxRuntime.jsx(uiKit.Text.Body, {
+        fontWeight: "medium",
+        intlMessage: messages.thereAreNoResults
+      }), jsxRuntime.jsx(uiKit.Text.Body, {
+        intlMessage: messages.suggestions
+      })]
+    }), jsxRuntime.jsxs("ul", {
+      css: _ref,
+      children: [jsxRuntime.jsx("li", {
+        children: jsxRuntime.jsx(uiKit.Text.Body, {
+          intlMessage: messages.checkTheSpelling
+        })
+      }), jsxRuntime.jsx("li", {
+        children: jsxRuntime.jsx(uiKit.Text.Body, {
+          intlMessage: messages.searchByEnteringTheExactFieldName
+        })
+      })]
+    })]
+  });
+};
+
 function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context12, _context13; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context12 = ownKeys$1(Object(t), !0)).call(_context12, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context13 = ownKeys$1(Object(t))).call(_context13, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const StyledCardLeft = /*#__PURE__*/_styled__default["default"](uiKit.Card, {
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context22, _context23; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context22 = ownKeys$1(Object(t), !0)).call(_context22, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context23 = ownKeys$1(Object(t))).call(_context23, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const StyledGroupCard = /*#__PURE__*/_styled__default["default"](uiKit.Card, {
   target: "e1ocu3bb1"
-} )("height:100%;background-color:#f9f9fb;border-top:", _ref => {
-  let isTopRow = _ref.isTopRow;
-  return isTopRow ? uiKit.designTokens.borderForCardWhenRaised : 'none';
-}, ";border-radius:", _ref2 => {
-  let isTopRow = _ref2.isTopRow;
-  return isTopRow ? '4px 0px 0px 0px' : '0px 0px 0px 4px';
-}, ";" + ("" ));
-const StyledCardRight = /*#__PURE__*/_styled__default["default"](uiKit.Card, {
+} )("border-right:", uiKit.designTokens.borderWidth1, " solid ", uiKit.designTokens.colorNeutral90, ";background-color:", uiKit.designTokens.colorNeutral98, ";height:100%;border-radius:0;", props => props.showTopBorder && /*#__PURE__*/react.css("border-top:", uiKit.designTokens.borderWidth1, " solid ", uiKit.designTokens.colorNeutral90, ";" + ("" ), "" ), ";" + ("" ));
+const StyledFieldsCard = /*#__PURE__*/_styled__default["default"](uiKit.Card, {
   target: "e1ocu3bb0"
-} )("height:100%;border-left:0;border-top:", _ref3 => {
-  let isTopRow = _ref3.isTopRow;
-  return isTopRow ? uiKit.designTokens.borderForCardWhenRaised : 'none';
-}, ";border-radius:", _ref4 => {
-  let isTopRow = _ref4.isTopRow;
-  return isTopRow ? '0px 4px 0px 0px' : '0px 0px 4px 0px';
-}, ";" + ("" ));
+} )("border-radius:0;", props => props.showTopBorder && /*#__PURE__*/react.css("border-top:", uiKit.designTokens.borderWidth1, " solid ", uiKit.designTokens.colorNeutral90, ";" + ("" ), "" ), ";" + ("" ));
 const ExportFieldsSelectionStep = () => {
-  var _formik$values$custom;
   const intl = reactIntl.useIntl();
+  const _React$useState = React__default["default"].useState(''),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    fieldSearchTerm = _React$useState2[0],
+    setFieldSearchTerm = _React$useState2[1];
   const _useExportResourcesCo = useExportResourcesContext(),
     formik = _useExportResourcesCo.formik,
     setCurrentStep = _useExportResourcesCo.setCurrentStep,
@@ -877,6 +928,33 @@ const ExportFieldsSelectionStep = () => {
   const isAtLeastOneCustomFieldChecked = React__default["default"].useMemo(() => {
     return _someInstanceProperty__default["default"](allCustomFields).call(allCustomFields, field => field.isChecked);
   }, [allCustomFields]);
+  const filteredGeneralFields = React__default["default"].useMemo(() => {
+    var _context4;
+    return _filterInstanceProperty__default["default"](_context4 = _valuesInstanceProperty__default["default"](formik).fields).call(_context4, field => {
+      var _context5;
+      return _includesInstanceProperty__default["default"](_context5 = field.label.toLowerCase()).call(_context5, _trimInstanceProperty__default["default"](fieldSearchTerm).call(fieldSearchTerm).toLowerCase());
+    });
+  }, [_valuesInstanceProperty__default["default"](formik).fields, fieldSearchTerm]);
+  const filteredCustomFields = React__default["default"].useMemo(() => {
+    var _context6, _context7;
+    return _filterInstanceProperty__default["default"](_context6 = _mapInstanceProperty__default["default"](_context7 = _valuesInstanceProperty__default["default"](formik).customFields).call(_context7, customType => {
+      var _context8, _context9;
+      return _objectSpread$1(_objectSpread$1({}, customType), {}, {
+        fields: _includesInstanceProperty__default["default"](_context8 = customType.type.label.toLowerCase()).call(_context8, _trimInstanceProperty__default["default"](fieldSearchTerm).call(fieldSearchTerm).toLowerCase()) ? customType.fields : _filterInstanceProperty__default["default"](_context9 = customType.fields).call(_context9, field => {
+          var _context10;
+          return _includesInstanceProperty__default["default"](_context10 = field.label.toLowerCase()).call(_context10, _trimInstanceProperty__default["default"](fieldSearchTerm).call(fieldSearchTerm).toLowerCase());
+        })
+      });
+    })).call(_context6, customType => customType.fields.length > 0);
+  }, [_valuesInstanceProperty__default["default"](formik).customFields, fieldSearchTerm]);
+  const onSearchChange = React__default["default"].useCallback(event => {
+    setFieldSearchTerm(event.target.value);
+  }, [setFieldSearchTerm]);
+  const hasResults = filteredGeneralFields.length > 0 || filteredCustomFields.length > 0;
+  const onSearchChangeThrottled = React__default["default"].useMemo(() => throttle__default["default"](onSearchChange, 300), [onSearchChange]);
+  const onSearchReset = () => {
+    setFieldSearchTerm('');
+  };
   return jsxRuntime.jsx(applicationComponents.FormDialog, {
     isOpen: true,
     title: intl.formatMessage(messages.modalTitle, {
@@ -903,112 +981,128 @@ const ExportFieldsSelectionStep = () => {
             intlMessage: messages.fieldDefinitions,
             to: FIELD_DEFINITIONS_URLS[resourceType]
           })]
-        }), jsxRuntime.jsxs(uiKit.Grid, {
-          gridAutoFlow: "row",
-          gridTemplateColumns: "".concat(uiKit.designTokens.constraint5, " auto"),
-          children: [jsxRuntime.jsx(uiKit.Grid.Item, {
-            children: jsxRuntime.jsx(StyledCardLeft, {
-              isTopRow: true,
-              insetScale: "l",
-              children: jsxRuntime.jsx(uiKit.CheckboxInput, {
-                isIndeterminate: !areAllGeneralFieldsChecked && isAtLeastOneGeneralFieldChecked,
-                isChecked: areAllGeneralFieldsChecked,
-                onChange: e => {
-                  var _context4;
-                  formik.setFieldValue('fields', _mapInstanceProperty__default["default"](_context4 = _valuesInstanceProperty__default["default"](formik).fields).call(_context4, field => _objectSpread$1(_objectSpread$1({}, field), {}, {
-                    isChecked: field.isRequired ? true : e.target.checked
-                  })));
-                },
-                children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1({}, messages.allGeneralFields))
-              })
-            })
-          }), jsxRuntime.jsx(uiKit.Grid.Item, {
-            children: jsxRuntime.jsx(StyledCardRight, {
-              isTopRow: true,
-              insetScale: "l",
-              children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
-                scale: "s",
-                children: jsxRuntime.jsx(GeneralFieldsSelection, {
-                  fields: _valuesInstanceProperty__default["default"](formik).fields,
-                  setFieldValue: formik.setFieldValue
+        }), jsxRuntime.jsx(uiKit.SearchTextInput, {
+          placeholder: intl.formatMessage(messages.searchForFields),
+          value: fieldSearchTerm,
+          onChange: onSearchChangeThrottled,
+          onReset: onSearchReset
+        }), !hasResults && jsxRuntime.jsx(NoSearchResults, {}), hasResults && jsxRuntime.jsx(uiKit.Card, {
+          insetScale: "none",
+          children: jsxRuntime.jsxs(uiKit.Grid, {
+            gridAutoFlow: "row",
+            gridTemplateColumns: "".concat(uiKit.designTokens.constraint5, " auto"),
+            children: [filteredGeneralFields.length > 0 && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+              children: [jsxRuntime.jsx(uiKit.Grid.Item, {
+                children: jsxRuntime.jsx(StyledGroupCard, {
+                  type: "flat",
+                  insetScale: "l",
+                  children: jsxRuntime.jsx(uiKit.CheckboxInput, {
+                    isIndeterminate: !areAllGeneralFieldsChecked && isAtLeastOneGeneralFieldChecked,
+                    isChecked: areAllGeneralFieldsChecked,
+                    onChange: e => {
+                      var _context11;
+                      formik.setFieldValue('fields', _mapInstanceProperty__default["default"](_context11 = _valuesInstanceProperty__default["default"](formik).fields).call(_context11, field => _objectSpread$1(_objectSpread$1({}, field), {}, {
+                        isChecked: field.isRequired ? true : e.target.checked
+                      })));
+                    },
+                    children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1({}, messages.allGeneralFields))
+                  })
                 })
-              })
-            })
-          }), ((_formik$values$custom = _valuesInstanceProperty__default["default"](formik).customFields) === null || _formik$values$custom === void 0 ? void 0 : _formik$values$custom.length) > 0 && jsxRuntime.jsxs(jsxRuntime.Fragment, {
-            children: [jsxRuntime.jsx(uiKit.Grid.Item, {
-              children: jsxRuntime.jsx(StyledCardLeft, {
-                insetScale: "l",
-                children: jsxRuntime.jsx(uiKit.CheckboxInput, {
-                  isIndeterminate: !areAllCustomFieldsChecked && isAtLeastOneCustomFieldChecked,
-                  isChecked: areAllCustomFieldsChecked,
-                  onChange: e => {
-                    var _context5;
-                    formik.setFieldValue('customFields', _mapInstanceProperty__default["default"](_context5 = _valuesInstanceProperty__default["default"](formik).customFields).call(_context5, customType => {
-                      var _context6;
-                      return _objectSpread$1(_objectSpread$1({}, customType), {}, {
-                        fields: _mapInstanceProperty__default["default"](_context6 = customType.fields).call(_context6, field => _objectSpread$1(_objectSpread$1({}, field), {}, {
-                          isChecked: e.target.checked
-                        }))
-                      });
-                    }));
-                  },
-                  children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1({}, messages.allCustomFields))
+              }), jsxRuntime.jsx(uiKit.Grid.Item, {
+                children: jsxRuntime.jsx(StyledFieldsCard, {
+                  type: "flat",
+                  insetScale: "l",
+                  children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
+                    scale: "s",
+                    children: jsxRuntime.jsx(GeneralFieldsSelection, {
+                      fields: filteredGeneralFields,
+                      formik: formik
+                    })
+                  })
+                })
+              })]
+            }), filteredCustomFields.length > 0 && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+              children: [jsxRuntime.jsx(uiKit.Grid.Item, {
+                children: jsxRuntime.jsx(StyledGroupCard, {
+                  type: "flat",
+                  insetScale: "l",
+                  showTopBorder: filteredGeneralFields.length > 0,
+                  children: jsxRuntime.jsx(uiKit.CheckboxInput, {
+                    isIndeterminate: !areAllCustomFieldsChecked && isAtLeastOneCustomFieldChecked,
+                    isChecked: areAllCustomFieldsChecked,
+                    onChange: e => {
+                      var _context12;
+                      formik.setFieldValue('customFields', _mapInstanceProperty__default["default"](_context12 = _valuesInstanceProperty__default["default"](formik).customFields).call(_context12, customType => {
+                        var _context13;
+                        return _objectSpread$1(_objectSpread$1({}, customType), {}, {
+                          fields: _mapInstanceProperty__default["default"](_context13 = customType.fields).call(_context13, field => _objectSpread$1(_objectSpread$1({}, field), {}, {
+                            isChecked: e.target.checked
+                          }))
+                        });
+                      }));
+                    },
+                    children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1({}, messages.allCustomFields))
+                  })
                 })
-              })
-            }), jsxRuntime.jsx(uiKit.Grid.Item, {
-              children: jsxRuntime.jsx(StyledCardRight, {
-                insetScale: "l",
-                children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-                  scale: "s",
-                  children: [jsxRuntime.jsxs(uiKit.CheckboxInput, {
-                    isReadOnly: true,
-                    onChange: () => {},
-                    isChecked: isAtLeastOneCustomFieldChecked,
-                    children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1({}, messages.customTypeKeyAndTypeId)), ' ', "*"]
-                  }), jsxRuntime.jsx(CustomFieldsSelection, {
-                    customFields: _valuesInstanceProperty__default["default"](formik).customFields,
-                    setFieldValue: formik.setFieldValue
-                  })]
+              }), jsxRuntime.jsx(uiKit.Grid.Item, {
+                children: jsxRuntime.jsx(StyledFieldsCard, {
+                  type: "flat",
+                  insetScale: "l",
+                  showTopBorder: filteredGeneralFields.length > 0,
+                  children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+                    scale: "s",
+                    children: [jsxRuntime.jsxs(uiKit.CheckboxInput, {
+                      isReadOnly: true,
+                      onChange: () => {},
+                      isChecked: isAtLeastOneCustomFieldChecked,
+                      children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1({}, messages.customTypeKeyAndTypeId)), ' ', "*"]
+                    }), jsxRuntime.jsx(CustomFieldsSelection, {
+                      customFields: filteredCustomFields,
+                      formik: formik
+                    })]
+                  })
                 })
-              })
+              })]
             })]
-          })]
+          })
         })]
       })
     })
   });
 };
-const GeneralFieldsSelection = _ref5 => {
-  let fields = _ref5.fields,
-    setFieldValue = _ref5.setFieldValue;
+const GeneralFieldsSelection = _ref => {
+  let fields = _ref.fields,
+    formik = _ref.formik;
   return _mapInstanceProperty__default["default"](fields).call(fields, field => jsxRuntime.jsxs(uiKit.CheckboxInput, {
     isChecked: field.isChecked,
     isReadOnly: field.isRequired,
     onChange: e => {
-      setFieldValue('fields', _mapInstanceProperty__default["default"](fields).call(fields, _field => field.name === _field.name ? _objectSpread$1(_objectSpread$1({}, _field), {}, {
+      var _context14;
+      formik.setFieldValue('fields', _mapInstanceProperty__default["default"](_context14 = _valuesInstanceProperty__default["default"](formik).fields).call(_context14, _field => field.name === _field.name ? _objectSpread$1(_objectSpread$1({}, _field), {}, {
         isChecked: e.target.checked
       }) : _field));
     },
     children: [field.label, " ", field.isRequired && '*']
   }, field.name));
 };
-const CustomFieldsSelection = _ref6 => {
-  let customFields = _ref6.customFields,
-    setFieldValue = _ref6.setFieldValue;
+const CustomFieldsSelection = _ref2 => {
+  let customFields = _ref2.customFields,
+    formik = _ref2.formik;
   return _mapInstanceProperty__default["default"](customFields).call(customFields, customType => {
-    var _context7, _context8, _context10;
-    const areAllFieldsChecked = _everyInstanceProperty__default["default"](_context7 = customType.fields).call(_context7, field => field.isChecked);
-    const isAtLeastOneFieldChecked = _someInstanceProperty__default["default"](_context8 = customType.fields).call(_context8, field => field.isChecked);
+    var _context15, _context16, _context19;
+    const areAllFieldsChecked = _everyInstanceProperty__default["default"](_context15 = customType.fields).call(_context15, field => field.isChecked);
+    const isAtLeastOneFieldChecked = _someInstanceProperty__default["default"](_context16 = customType.fields).call(_context16, field => field.isChecked);
     return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
       scale: "s",
       children: [jsxRuntime.jsx(uiKit.CheckboxInput, {
         isIndeterminate: !areAllFieldsChecked && isAtLeastOneFieldChecked,
         isChecked: areAllFieldsChecked,
         onChange: e => {
-          setFieldValue('customFields', _mapInstanceProperty__default["default"](customFields).call(customFields, _customType => {
-            var _context9;
+          var _context17;
+          formik.setFieldValue('customFields', _mapInstanceProperty__default["default"](_context17 = _valuesInstanceProperty__default["default"](formik).customFields).call(_context17, _customType => {
+            var _context18;
             return _customType.type.key === customType.type.key ? _objectSpread$1(_objectSpread$1({}, _customType), {}, {
-              fields: _mapInstanceProperty__default["default"](_context9 = _customType.fields).call(_context9, field => _objectSpread$1(_objectSpread$1({}, field), {}, {
+              fields: _mapInstanceProperty__default["default"](_context18 = _customType.fields).call(_context18, field => _objectSpread$1(_objectSpread$1({}, field), {}, {
                 isChecked: e.target.checked
               }))
             }) : _customType;
@@ -1021,13 +1115,14 @@ const CustomFieldsSelection = _ref6 => {
         scale: "l",
         children: [jsxRuntime.jsx("div", {}), jsxRuntime.jsx(uiKit.Spacings.Stack, {
           scale: "s",
-          children: _mapInstanceProperty__default["default"](_context10 = customType.fields).call(_context10, field => jsxRuntime.jsx(uiKit.CheckboxInput, {
+          children: _mapInstanceProperty__default["default"](_context19 = customType.fields).call(_context19, field => jsxRuntime.jsx(uiKit.CheckboxInput, {
             isChecked: field.isChecked,
             onChange: e => {
-              setFieldValue('customFields', _mapInstanceProperty__default["default"](customFields).call(customFields, _customType => {
-                var _context11;
+              var _context20;
+              formik.setFieldValue('customFields', _mapInstanceProperty__default["default"](_context20 = _valuesInstanceProperty__default["default"](formik).customFields).call(_context20, _customType => {
+                var _context21;
                 return _customType.type.key === customType.type.key ? _objectSpread$1(_objectSpread$1({}, _customType), {}, {
-                  fields: _mapInstanceProperty__default["default"](_context11 = _customType.fields).call(_context11, _field => _field.name === field.name ? _objectSpread$1(_objectSpread$1({}, _field), {}, {
+                  fields: _mapInstanceProperty__default["default"](_context21 = _customType.fields).call(_context21, _field => _field.name === field.name ? _objectSpread$1(_objectSpread$1({}, _field), {}, {
                     isChecked: e.target.checked
                   }) : _field)
                 }) : _customType;