@clayui/form - npm Package Compare versions

Comparing version 3.1.0 to 3.2.0

CHANGELOG.md

@@ -6,2 +6,8 @@ # Change Log
 
+# [3.2.0](https://github.com/liferay/clay/tree/master/packages/clay-form/compare/@clayui/form@3.1.0...@clayui/form@3.2.0) (2019-11-07)
+
+### Features
+
+-   **@clayui/form:** add `forwardRef` support for `<ClayForm />` ([f5f3e7c](https://github.com/liferay/clay/tree/master/packages/clay-form/commit/f5f3e7c))
+
 # [3.1.0](https://github.com/liferay/clay/tree/master/packages/clay-form/compare/@clayui/form@3.0.0...@clayui/form@3.1.0) (2019-10-28)
@@ -8,0 +14,0 @@

lib/Form.d.ts

@@ -5,6 +5,2 @@ import * as React from 'react';
 }
-declare const Group: React.ForwardRefExoticComponent<IGroup & React.RefAttributes<HTMLDivElement>>;
-declare const Text: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const FeedbackGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const FeedbackItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 interface IFeedbackIndicatorProps extends React.HTMLAttributes<HTMLSpanElement> {
@@ -14,10 +10,9 @@ spritemap?: string;
 }
-declare const FeedbackIndicator: React.ForwardRefExoticComponent<IFeedbackIndicatorProps & React.RefAttributes<HTMLDivElement>>;
-declare const ClayForm: React.FunctionComponent<React.HTMLAttributes<HTMLFormElement>> & {
-    FeedbackGroup: typeof FeedbackGroup;
-    FeedbackIndicator: typeof FeedbackIndicator;
-    FeedbackItem: typeof FeedbackItem;
-    Group: typeof Group;
-    Text: typeof Text;
+declare const _default: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLFormElement> & React.RefAttributes<HTMLFormElement>> & {
+    FeedbackGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    FeedbackIndicator: React.ForwardRefExoticComponent<IFeedbackIndicatorProps & React.RefAttributes<HTMLDivElement>>;
+    FeedbackItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    Group: React.ForwardRefExoticComponent<IGroup & React.RefAttributes<HTMLDivElement>>;
+    Text: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 };
-export default ClayForm;
+export default _default;

lib/Form.js

@@ -81,16 +81,19 @@ "use strict";
 });
-
-var ClayForm = function ClayForm(_ref6) {
+var ClayForm = React.forwardRef(function (_ref6, ref) {
   var children = _ref6.children,
       otherProps = _objectWithoutProperties(_ref6, ["children"]);
 
-  return React.createElement("form", otherProps, children);
-};
+  return React.createElement("form", _extends({}, otherProps, {
+    ref: ref
+  }), children);
+});
 
-ClayForm.FeedbackGroup = FeedbackGroup;
-ClayForm.FeedbackIndicator = FeedbackIndicator;
-ClayForm.FeedbackItem = FeedbackItem;
-ClayForm.Group = Group;
-ClayForm.Text = Text;
-var _default = ClayForm;
+var _default = Object.assign(ClayForm, {
+  FeedbackGroup: FeedbackGroup,
+  FeedbackIndicator: FeedbackIndicator,
+  FeedbackItem: FeedbackItem,
+  Group: Group,
+  Text: Text
+});
+
 exports.default = _default;

lib/Input.d.ts

@@ -7,3 +7,2 @@ import React from 'react';
 }
-declare const ClayInputGroupItem: React.ForwardRefExoticComponent<IGroupItemProps & React.RefAttributes<HTMLDivElement>>;
 interface IGroupProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -13,4 +12,2 @@ small?: boolean;
 }
-declare const ClayInputGroup: React.ForwardRefExoticComponent<IGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const ClayInputGroupText: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 interface IGroupInsetProps extends React.HTMLAttributes<HTMLDivElement | HTMLSpanElement | HTMLLabelElement> {
@@ -21,3 +18,2 @@ after?: boolean;
 }
-declare const ClayInputGroupInsetItem: React.ForwardRefExoticComponent<IGroupInsetProps & React.RefAttributes<HTMLDivElement | HTMLLabelElement | HTMLSpanElement>>;
 interface IProps extends React.InputHTMLAttributes<HTMLInputElement> {
@@ -29,9 +25,8 @@ component?: 'input' | React.ForwardRefExoticComponent<any>;
 }
-declare type TClayInput = React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLInputElement>> & {
-    Group: typeof ClayInputGroup;
-    GroupInsetItem: typeof ClayInputGroupInsetItem;
-    GroupItem: typeof ClayInputGroupItem;
-    GroupText: typeof ClayInputGroupText;
+declare const _default: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLInputElement>> & {
+    Group: React.ForwardRefExoticComponent<IGroupProps & React.RefAttributes<HTMLDivElement>>;
+    GroupInsetItem: React.ForwardRefExoticComponent<IGroupInsetProps & React.RefAttributes<HTMLDivElement | HTMLLabelElement | HTMLSpanElement>>;
+    GroupItem: React.ForwardRefExoticComponent<IGroupItemProps & React.RefAttributes<HTMLDivElement>>;
+    GroupText: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 };
-declare const ClayInput: TClayInput;
-export default ClayInput;
+export default _default;

lib/Input.js

@@ -99,7 +99,9 @@ "use strict";
 
-ClayInput.Group = ClayInputGroup;
-ClayInput.GroupInsetItem = ClayInputGroupInsetItem;
-ClayInput.GroupItem = ClayInputGroupItem;
-ClayInput.GroupText = ClayInputGroupText;
-var _default = ClayInput;
+var _default = Object.assign(ClayInput, {
+  Group: ClayInputGroup,
+  GroupInsetItem: ClayInputGroupInsetItem,
+  GroupItem: ClayInputGroupItem,
+  GroupText: ClayInputGroupText
+});
+
 exports.default = _default;

package.json

 {
 	"name": "@clayui/form",
-	"version": "3.1.0",
+	"version": "3.2.0",
 	"description": "ClayForm component",
@@ -40,3 +40,3 @@ "license": "BSD-3-Clause",
 	],
-	"gitHead": "93b7745a96e45cd274ba50c4b25d4395a0c566ca"
+	"gitHead": "e8d8027c66c6f9998b56f5bb7a0085bf00259a59"
 }

No alert changes

Worsened metrics

Total package byte prevSize

59344

decreased by-1.11%

Lines of code

1304

decreased by-0.99%

No dependency changes