@airbnb/lunar-forms - npm Package Compare versions

Comparing version 3.0.1 to 3.0.2

CHANGELOG.md

@@ -6,2 +6,14 @@ # Change Log
 
+### 3.0.2 - 2020-03-25
+
+#### 📦 Dependencies
+
+- Audit 2020-03-24 (#344) ([1db54a9](https://github.com/airbnb/lunar/commit/1db54a9)), closes [#344](https://github.com/airbnb/lunar/issues/344)
+
+**Note:** Version bump only for package @airbnb/lunar-forms
+
+
+
+
+
 ### 3.0.1 - 2020-03-19
@@ -8,0 +20,0 @@

esm/components/FeedbackForm/index.js

@@ -62,8 +62,8 @@ import _pt from "prop-types";
     } = this.state;
-    return React.createElement(Form, {
+    return /*#__PURE__*/React.createElement(Form, {
       onSubmit: this.handleSubmit,
       onStateUpdate: this.handleStateUpdate
-    }, !disableBugReporting && React.createElement(RadioButtonController, {
+    }, !disableBugReporting && /*#__PURE__*/React.createElement(RadioButtonController, {
       name: "type",
-      label: React.createElement(T, {
+      label: /*#__PURE__*/React.createElement(T, {
         k: "lunar.form.feedback.typeMessage",
@@ -74,19 +74,19 @@ phrase: "What kind of feedback are you giving?"
       validator: this.validate
-    }, RadioButton => React.createElement("div", null, React.createElement(RadioButton, {
+    }, RadioButton => /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(RadioButton, {
       noSpacing: true,
       value: "bug",
-      label: React.createElement(T, {
+      label: /*#__PURE__*/React.createElement(T, {
         k: "lunar.form.feedback.reportBug",
         phrase: "Report a bug"
       })
-    }), React.createElement(RadioButton, {
+    }), /*#__PURE__*/React.createElement(RadioButton, {
       noSpacing: true,
       value: "feedback",
-      label: React.createElement(T, {
+      label: /*#__PURE__*/React.createElement(T, {
         k: "lunar.form.feedback.giveFeedback",
         phrase: "Give product feedback"
       })
-    }))), React.createElement(Select, {
+    }))), /*#__PURE__*/React.createElement(Select, {
       name: "category",
-      label: React.createElement(T, {
+      label: /*#__PURE__*/React.createElement(T, {
         k: "lunar.form.feedback.featureMessage",
@@ -97,8 +97,8 @@ phrase: "Which feature is this about?"
       validator: this.validate
-    }, Object.entries(categories).map(([key, label]) => React.createElement("option", {
+    }, Object.entries(categories).map(([key, label]) => /*#__PURE__*/React.createElement("option", {
       key: key,
       value: key
-    }, label))), React.createElement(TextArea, {
+    }, label))), /*#__PURE__*/React.createElement(TextArea, {
       name: "feedback",
-      label: React.createElement(T, {
+      label: /*#__PURE__*/React.createElement(T, {
         k: "lunar.form.feedback.moreMessage",
@@ -109,8 +109,8 @@ phrase: "Tell us a little bit more"
       validator: this.validate
-    }), React.createElement(FormActions, {
-      continueText: React.createElement(T, {
+    }), /*#__PURE__*/React.createElement(FormActions, {
+      continueText: /*#__PURE__*/React.createElement(T, {
         k: "lunar.form.feedback.send",
         phrase: "Send Feedback"
       }),
-      processingText: React.createElement(T, {
+      processingText: /*#__PURE__*/React.createElement(T, {
         k: "lunar.form.feedback.sending",
@@ -117,0 +117,0 @@ phrase: "Sending\u2026"

esm/components/FilterMenu/index.js

@@ -70,3 +70,3 @@ import _pt from "prop-types";
 
-  const activeCountLabel = activeCount && activeCount > 0 ? React.createElement(T, {
+  const activeCountLabel = activeCount && activeCount > 0 ? /*#__PURE__*/React.createElement(T, {
     k: "lunar.form.filter.filterCount",
@@ -76,10 +76,10 @@ phrase: "%{smartCount} Filter||||%{smartCount} Filters",
   }) : null;
-  const toggleLabel = opened ? React.createElement(T, {
+  const toggleLabel = opened ? /*#__PURE__*/React.createElement(T, {
     k: "lunar.form.filter.close",
     phrase: "Close filters"
-  }) : React.createElement(T, {
+  }) : /*#__PURE__*/React.createElement(T, {
     k: "lunar.form.filter.open",
     phrase: "Open filters"
   });
-  return React.createElement(MenuToggle, {
+  return /*#__PURE__*/React.createElement(MenuToggle, {
     inverted: true,
@@ -97,14 +97,14 @@ ignoreClickOutside: ignoreClickOutside,
     onShow: handleShowFilters
-  }, children, React.createElement(Row, null, React.createElement("section", {
+  }, children, /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement("section", {
     className: cx(styles.controls)
-  }, React.createElement(Link, {
+  }, /*#__PURE__*/React.createElement(Link, {
     type: "submit",
     onClick: handleApply
-  }, React.createElement(T, {
+  }, /*#__PURE__*/React.createElement(T, {
     k: "lunar.common.apply",
     phrase: "Apply"
-  })), React.createElement(SecondaryLink, {
+  })), /*#__PURE__*/React.createElement(SecondaryLink, {
     type: "reset",
     onClick: handleClear
-  }, React.createElement(T, {
+  }, /*#__PURE__*/React.createElement(T, {
     k: "lunar.common.reset",
@@ -111,0 +111,0 @@ phrase: "Reset"

esm/components/FilterMenu/private/Row.js

@@ -6,4 +6,4 @@ import React from 'react';
   children
-}) => React.createElement(BaseMenuRow, {
+}) => /*#__PURE__*/React.createElement(BaseMenuRow, {
   spacious: true
 }, children));

esm/components/Form/Autocomplete.js

@@ -12,3 +12,3 @@ import React from 'react';
   });
-  return React.createElement(Autocomplete, fieldProps);
+  return /*#__PURE__*/React.createElement(Autocomplete, fieldProps);
 }

esm/components/Form/CheckBox.js

@@ -13,3 +13,3 @@ import React from 'react';
   });
-  return React.createElement(CheckBox, fieldProps);
+  return /*#__PURE__*/React.createElement(CheckBox, fieldProps);
 }

esm/components/Form/CheckBoxController.js

@@ -13,3 +13,3 @@ import React from 'react';
   });
-  return React.createElement(CheckBoxController, fieldProps);
+  return /*#__PURE__*/React.createElement(CheckBoxController, fieldProps);
 }

esm/components/Form/DatePickerInput.js

@@ -30,3 +30,3 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-  return React.createElement(DatePickerInput, _extends({}, fieldProps, {
+  return /*#__PURE__*/React.createElement(DatePickerInput, _extends({}, fieldProps, {
     onBlur: wrapHandler(onBlur),
@@ -33,0 +33,0 @@ onFocus: wrapHandler(onFocus)

esm/components/Form/DateTimeSelect.js

@@ -12,3 +12,3 @@ import React from 'react';
   });
-  return React.createElement(DateTimeSelect, fieldProps);
+  return /*#__PURE__*/React.createElement(DateTimeSelect, fieldProps);
 }

esm/components/Form/FileInput.js

@@ -11,3 +11,3 @@ import React from 'react';
   });
-  return React.createElement(FileInput, fieldProps);
+  return /*#__PURE__*/React.createElement(FileInput, fieldProps);
 }

esm/components/Form/index.js

@@ -215,4 +215,5 @@ import _pt from "prop-types";
       name,
-      data: fieldData
+      data: rawData
     }) => {
+      const fieldData = rawData;
       let value = getIn(data, name);
@@ -288,4 +289,5 @@
         name,
-        data: fieldData
+        data: rawData
       } = field;
+      const fieldData = rawData;
 
@@ -336,3 +338,3 @@ if (fieldData == null ? void 0 : (_fieldData$config = fieldData.config) == null ? void 0 : _fieldData$config.validator) {
     const content = typeof children === 'function' ? children(this.state) : children;
-    return React.createElement(FormContext.Provider, {
+    return /*#__PURE__*/React.createElement(FormContext.Provider, {
       value: {
@@ -345,3 +347,3 @@ change: this.changeValue,
       }
-    }, React.createElement("form", {
+    }, /*#__PURE__*/React.createElement("form", {
       id: id,
@@ -352,3 +354,3 @@ method: method,
       onReset: this.handleFormReset
-    }, content, submitError && React.createElement(FormErrorMessage, {
+    }, content, submitError && /*#__PURE__*/React.createElement(FormErrorMessage, {
       id: id,
@@ -355,0 +357,0 @@ error: submitError

esm/components/Form/Input.js

@@ -12,3 +12,3 @@ import React from 'react';
   });
-  return React.createElement(Input, fieldProps);
+  return /*#__PURE__*/React.createElement(Input, fieldProps);
 }

esm/components/Form/Multicomplete.js

@@ -13,3 +13,3 @@ import React from 'react';
   });
-  return React.createElement(Multicomplete, fieldProps);
+  return /*#__PURE__*/React.createElement(Multicomplete, fieldProps);
 }

esm/components/Form/RadioButtonController.js

@@ -12,3 +12,3 @@ import React from 'react';
   });
-  return React.createElement(RadioButtonController, fieldProps);
+  return /*#__PURE__*/React.createElement(RadioButtonController, fieldProps);
 }

esm/components/Form/Select.js

@@ -12,3 +12,3 @@ import React from 'react';
   });
-  return React.createElement(Select, fieldProps);
+  return /*#__PURE__*/React.createElement(Select, fieldProps);
 }

esm/components/Form/Switch.js

@@ -13,3 +13,3 @@ import React from 'react';
   });
-  return React.createElement(Switch, fieldProps);
+  return /*#__PURE__*/React.createElement(Switch, fieldProps);
 }

esm/components/Form/TextArea.js

@@ -12,3 +12,3 @@ import React from 'react';
   });
-  return React.createElement(TextArea, fieldProps);
+  return /*#__PURE__*/React.createElement(TextArea, fieldProps);
 }

esm/components/Form/ToggleButtonController.js

@@ -12,3 +12,3 @@ import React from 'react';
   });
-  return React.createElement(ToggleButtonController, fieldProps);
+  return /*#__PURE__*/React.createElement(ToggleButtonController, fieldProps);
 }

esm/components/FormActions/index.js

@@ -14,3 +14,3 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
   } = form.getState();
-  return React.createElement(BaseFormActions, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(BaseFormActions, _extends({}, props, {
     disabled: !valid,
@@ -17,0 +17,0 @@ processing: submitting

esm/composers/connectToForm.js

@@ -10,3 +10,3 @@ import React from 'react';
       const fieldProps = useFormField(props, options);
-      return React.createElement(WrappedComponent, fieldProps);
+      return /*#__PURE__*/React.createElement(WrappedComponent, fieldProps);
     }
@@ -13,0 +13,0 @@

lib/components/FeedbackForm/index.js

@@ -75,8 +75,8 @@ "use strict";
     } = this.state;
-    return _react.default.createElement(_Form.default, {
+    return /*#__PURE__*/_react.default.createElement(_Form.default, {
       onSubmit: this.handleSubmit,
       onStateUpdate: this.handleStateUpdate
-    }, !disableBugReporting && _react.default.createElement(_RadioButtonController.default, {
+    }, !disableBugReporting && /*#__PURE__*/_react.default.createElement(_RadioButtonController.default, {
       name: "type",
-      label: _react.default.createElement(_Translate.default, {
+      label: /*#__PURE__*/_react.default.createElement(_Translate.default, {
         k: "lunar.form.feedback.typeMessage",
@@ -87,19 +87,19 @@ phrase: "What kind of feedback are you giving?"
       validator: this.validate
-    }, RadioButton => _react.default.createElement("div", null, _react.default.createElement(RadioButton, {
+    }, RadioButton => /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(RadioButton, {
       noSpacing: true,
       value: "bug",
-      label: _react.default.createElement(_Translate.default, {
+      label: /*#__PURE__*/_react.default.createElement(_Translate.default, {
         k: "lunar.form.feedback.reportBug",
         phrase: "Report a bug"
       })
-    }), _react.default.createElement(RadioButton, {
+    }), /*#__PURE__*/_react.default.createElement(RadioButton, {
       noSpacing: true,
       value: "feedback",
-      label: _react.default.createElement(_Translate.default, {
+      label: /*#__PURE__*/_react.default.createElement(_Translate.default, {
         k: "lunar.form.feedback.giveFeedback",
         phrase: "Give product feedback"
       })
-    }))), _react.default.createElement(_Select.default, {
+    }))), /*#__PURE__*/_react.default.createElement(_Select.default, {
       name: "category",
-      label: _react.default.createElement(_Translate.default, {
+      label: /*#__PURE__*/_react.default.createElement(_Translate.default, {
         k: "lunar.form.feedback.featureMessage",
@@ -110,8 +110,8 @@ phrase: "Which feature is this about?"
       validator: this.validate
-    }, Object.entries(categories).map(([key, label]) => _react.default.createElement("option", {
+    }, Object.entries(categories).map(([key, label]) => /*#__PURE__*/_react.default.createElement("option", {
       key: key,
       value: key
-    }, label))), _react.default.createElement(_TextArea.default, {
+    }, label))), /*#__PURE__*/_react.default.createElement(_TextArea.default, {
       name: "feedback",
-      label: _react.default.createElement(_Translate.default, {
+      label: /*#__PURE__*/_react.default.createElement(_Translate.default, {
         k: "lunar.form.feedback.moreMessage",
@@ -122,8 +122,8 @@ phrase: "Tell us a little bit more"
       validator: this.validate
-    }), _react.default.createElement(_FormActions.default, {
-      continueText: _react.default.createElement(_Translate.default, {
+    }), /*#__PURE__*/_react.default.createElement(_FormActions.default, {
+      continueText: /*#__PURE__*/_react.default.createElement(_Translate.default, {
         k: "lunar.form.feedback.send",
         phrase: "Send Feedback"
       }),
-      processingText: _react.default.createElement(_Translate.default, {
+      processingText: /*#__PURE__*/_react.default.createElement(_Translate.default, {
         k: "lunar.form.feedback.sending",
@@ -130,0 +130,0 @@ phrase: "Sending\u2026"

lib/components/FilterMenu/index.js

@@ -91,3 +91,3 @@ "use strict";
 
-  const activeCountLabel = activeCount && activeCount > 0 ? _react.default.createElement(_Translate.default, {
+  const activeCountLabel = activeCount && activeCount > 0 ? /*#__PURE__*/_react.default.createElement(_Translate.default, {
     k: "lunar.form.filter.filterCount",
@@ -97,10 +97,10 @@ phrase: "%{smartCount} Filter||||%{smartCount} Filters",
   }) : null;
-  const toggleLabel = opened ? _react.default.createElement(_Translate.default, {
+  const toggleLabel = opened ? /*#__PURE__*/_react.default.createElement(_Translate.default, {
     k: "lunar.form.filter.close",
     phrase: "Close filters"
-  }) : _react.default.createElement(_Translate.default, {
+  }) : /*#__PURE__*/_react.default.createElement(_Translate.default, {
     k: "lunar.form.filter.open",
     phrase: "Open filters"
   });
-  return _react.default.createElement(_MenuToggle.default, {
+  return /*#__PURE__*/_react.default.createElement(_MenuToggle.default, {
     inverted: true,
@@ -118,14 +118,14 @@ ignoreClickOutside: ignoreClickOutside,
     onShow: handleShowFilters
-  }, children, _react.default.createElement(_Row.default, null, _react.default.createElement("section", {
+  }, children, /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement("section", {
     className: cx(styles.controls)
-  }, _react.default.createElement(_Link.default, {
+  }, /*#__PURE__*/_react.default.createElement(_Link.default, {
     type: "submit",
     onClick: handleApply
-  }, _react.default.createElement(_Translate.default, {
+  }, /*#__PURE__*/_react.default.createElement(_Translate.default, {
     k: "lunar.common.apply",
     phrase: "Apply"
-  })), _react.default.createElement(_SecondaryLink.default, {
+  })), /*#__PURE__*/_react.default.createElement(_SecondaryLink.default, {
     type: "reset",
     onClick: handleClear
-  }, _react.default.createElement(_Translate.default, {
+  }, /*#__PURE__*/_react.default.createElement(_Translate.default, {
     k: "lunar.common.reset",
@@ -132,0 +132,0 @@ phrase: "Reset"

lib/components/FilterMenu/private/Row.js

@@ -16,3 +16,3 @@ "use strict";
   children
-}) => _react.default.createElement(_Row.default, {
+}) => /*#__PURE__*/_react.default.createElement(_Row.default, {
   spacious: true
@@ -19,0 +19,0 @@ }, children));

lib/components/Form/Autocomplete.js

@@ -22,3 +22,3 @@ "use strict";
   });
-  return _react.default.createElement(_Autocomplete.default, fieldProps);
+  return /*#__PURE__*/_react.default.createElement(_Autocomplete.default, fieldProps);
 }

lib/components/Form/CheckBox.js

@@ -23,3 +23,3 @@ "use strict";
   });
-  return _react.default.createElement(_CheckBox.default, fieldProps);
+  return /*#__PURE__*/_react.default.createElement(_CheckBox.default, fieldProps);
 }

lib/components/Form/CheckBoxController.js

@@ -23,3 +23,3 @@ "use strict";
   });
-  return _react.default.createElement(_CheckBoxController.default, fieldProps);
+  return /*#__PURE__*/_react.default.createElement(_CheckBoxController.default, fieldProps);
 }

lib/components/Form/DatePickerInput.js

@@ -40,3 +40,3 @@ "use strict";
 
-  return _react.default.createElement(_DatePickerInput.default, _extends({}, fieldProps, {
+  return /*#__PURE__*/_react.default.createElement(_DatePickerInput.default, _extends({}, fieldProps, {
     onBlur: wrapHandler(onBlur),
@@ -43,0 +43,0 @@ onFocus: wrapHandler(onFocus)

lib/components/Form/DateTimeSelect.js

@@ -22,3 +22,3 @@ "use strict";
   });
-  return _react.default.createElement(_DateTimeSelect.default, fieldProps);
+  return /*#__PURE__*/_react.default.createElement(_DateTimeSelect.default, fieldProps);
 }

lib/components/Form/FileInput.js

@@ -20,3 +20,3 @@ "use strict";
   });
-  return _react.default.createElement(_FileInput.default, fieldProps);
+  return /*#__PURE__*/_react.default.createElement(_FileInput.default, fieldProps);
 }

lib/components/Form/index.js

@@ -230,4 +230,5 @@ "use strict";
       name,
-      data: fieldData
+      data: rawData
     }) => {
+      const fieldData = rawData;
       let value = (0, _finalForm.getIn)(data, name);
@@ -303,4 +304,5 @@
         name,
-        data: fieldData
+        data: rawData
       } = field;
+      const fieldData = rawData;
 
@@ -351,3 +353,3 @@ if (fieldData == null ? void 0 : (_fieldData$config = fieldData.config) == null ? void 0 : _fieldData$config.validator) {
     const content = typeof children === 'function' ? children(this.state) : children;
-    return _react.default.createElement(_FormContext.default.Provider, {
+    return /*#__PURE__*/_react.default.createElement(_FormContext.default.Provider, {
       value: {
@@ -360,3 +362,3 @@ change: this.changeValue,
       }
-    }, _react.default.createElement("form", {
+    }, /*#__PURE__*/_react.default.createElement("form", {
       id: id,
@@ -367,3 +369,3 @@ method: method,
       onReset: this.handleFormReset
-    }, content, submitError && _react.default.createElement(_FormErrorMessage.default, {
+    }, content, submitError && /*#__PURE__*/_react.default.createElement(_FormErrorMessage.default, {
       id: id,
@@ -370,0 +372,0 @@ error: submitError

lib/components/Form/Input.js

@@ -22,3 +22,3 @@ "use strict";
   });
-  return _react.default.createElement(_Input.default, fieldProps);
+  return /*#__PURE__*/_react.default.createElement(_Input.default, fieldProps);
 }

lib/components/Form/Multicomplete.js

@@ -23,3 +23,3 @@ "use strict";
   });
-  return _react.default.createElement(_Multicomplete.default, fieldProps);
+  return /*#__PURE__*/_react.default.createElement(_Multicomplete.default, fieldProps);
 }

lib/components/Form/RadioButtonController.js

@@ -22,3 +22,3 @@ "use strict";
   });
-  return _react.default.createElement(_RadioButtonController.default, fieldProps);
+  return /*#__PURE__*/_react.default.createElement(_RadioButtonController.default, fieldProps);
 }

lib/components/Form/Select.js

@@ -22,3 +22,3 @@ "use strict";
   });
-  return _react.default.createElement(_Select.default, fieldProps);
+  return /*#__PURE__*/_react.default.createElement(_Select.default, fieldProps);
 }

lib/components/Form/Switch.js

@@ -23,3 +23,3 @@ "use strict";
   });
-  return _react.default.createElement(_Switch.default, fieldProps);
+  return /*#__PURE__*/_react.default.createElement(_Switch.default, fieldProps);
 }

lib/components/Form/TextArea.js

@@ -22,3 +22,3 @@ "use strict";
   });
-  return _react.default.createElement(_TextArea.default, fieldProps);
+  return /*#__PURE__*/_react.default.createElement(_TextArea.default, fieldProps);
 }

lib/components/Form/ToggleButtonController.js

@@ -22,3 +22,3 @@ "use strict";
   });
-  return _react.default.createElement(_ToggleButtonController.default, fieldProps);
+  return /*#__PURE__*/_react.default.createElement(_ToggleButtonController.default, fieldProps);
 }

lib/components/FormActions/index.js

@@ -23,3 +23,3 @@ "use strict";
   } = form.getState();
-  return _react.default.createElement(_FormActions.default, _extends({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_FormActions.default, _extends({}, props, {
     disabled: !valid,
@@ -26,0 +26,0 @@ processing: submitting

lib/composers/connectToForm.js

@@ -20,3 +20,3 @@ "use strict";
       const fieldProps = (0, _useFormField.default)(props, options);
-      return _react.default.createElement(WrappedComponent, fieldProps);
+      return /*#__PURE__*/_react.default.createElement(WrappedComponent, fieldProps);
     }
@@ -23,0 +23,0 @@

lib/types.d.ts

@@ -25,2 +25,5 @@ import { IsEqual, FormState, FieldState, FieldSubscriber, FieldSubscription, FieldValidator, Unsubscribe } from 'final-form';
 };
+export declare type FieldData<T = unknown> = {
+    config: Field<T>;
+};
 //# sourceMappingURL=types.d.ts.map

package.json

 {
   "name": "@airbnb/lunar-forms",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "release": "1583350587083",
@@ -25,3 +25,3 @@ "description": "Form functionality for Lunar.",
   "devDependencies": {
-    "@airbnb/lunar-test-utils": "^3.0.0",
+    "@airbnb/lunar-test-utils": "^3.0.1",
     "react": "^16.13.0"
@@ -38,3 +38,3 @@ },
   },
-  "gitHead": "fcafde7789eaf9e0e35d4cf0d46e20729e10f281"
+  "gitHead": "01b4b49230a99af3d75ba391c7c807a6d2c18fc4"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

136513

increased by1.27%

Lines of code

2531

increased by0.28%

No dependency changes