@atlaskit/form 13.0.0 → 14.1.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/form
 
+## 14.1.0
+
+### Minor Changes
+
+- [`ba5410321550c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ba5410321550c) -
+  Add new streamlined field implementation through the usage of the `component` prop and it's
+  associated `*Message` props. This accounts for the majority of field implementations in products
+  and will increase velocity in releasing accessibility improvements to all insteances using this
+  implementation.
+
+## 14.0.0
+
+### Major Changes
+
+- [`a225bfa035441`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a225bfa035441) -
+  Adds simplified rendering pattern for the form component. When rendering with JSX as chilren and
+  not a function as children, the HTML `form` element will be implicitly rendered with props passed
+  down from the ADS form component.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 13.0.0
 
 ### Major Changes

package/dist/cjs/field.js

@@ -1,4 +1,4 @@
-/* field.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* field.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -14,7 +14,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _react = _interopRequireWildcard(require("react"));
 var _useId = require("@atlaskit/ds-lib/use-id");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _fieldIdContext = require("./field-id-context");
 var _form = require("./form");
 var _label = require("./label");
@@ -263,7 +262,7 @@ function Field(props) {
     testId: props.testId && "".concat(props.testId, "--label")
   }, props.label, props.isRequired && /*#__PURE__*/_react.default.createElement(_requiredAsterisk.default, null), props.elementAfterLabel), /*#__PURE__*/_react.default.createElement(_fieldIdContext.FieldId.Provider, {
     value: fieldId
-  }, component && (0, _platformFeatureFlags.fg)('platform_design-system-team_field-upgrade') ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, component && component({
+  }, component ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, component({
     fieldProps: extendedFieldProps
   }), /*#__PURE__*/_react.default.createElement(_messages.MessageWrapper, null, props.helperMessage && /*#__PURE__*/_react.default.createElement(_messages.HelperMessage, null, props.helperMessage), state.error && /*#__PURE__*/_react.default.createElement(_messages.ErrorMessage, null, props.errorMessage || state.error), state.meta.touched && state.valid && props.validMessage && /*#__PURE__*/_react.default.createElement(_messages.ValidMessage, null, props.validMessage))) : children({
     fieldProps: extendedFieldProps,

package/dist/cjs/fieldset.js

@@ -1,4 +1,4 @@
-/* fieldset.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* fieldset.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/form-footer.js

@@ -1,4 +1,4 @@
-/* form-footer.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* form-footer.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/form-header.js

@@ -1,4 +1,4 @@
-/* form-header.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* form-header.tsx generated by @compiled/babel-plugin v0.38.1 */
 /* eslint-disable @atlaskit/design-system/use-primitives */
 "use strict";
 

package/dist/cjs/form-section.js

@@ -1,4 +1,4 @@
-/* form-section.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* form-section.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/form.js

@@ -175,7 +175,7 @@ function Form(props) {
       })) : children();
       return result === undefined ? null : result;
     } else {
-      return (0, _platformFeatureFlags.fg)('platform_design-system-team_form-upgrade') ? /*#__PURE__*/_react.default.createElement("form", (0, _extends2.default)({}, formProps, userProvidedFormProps), children) : children;
+      return /*#__PURE__*/_react.default.createElement("form", (0, _extends2.default)({}, formProps, userProvidedFormProps), children);
     }
   }();
   return /*#__PURE__*/_react.default.createElement(FormContext.Provider, {

package/dist/cjs/label.js

@@ -1,4 +1,4 @@
-/* label.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* label.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/messages.js

@@ -1,4 +1,4 @@
-/* messages.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* messages.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/required-asterisk.js

@@ -1,4 +1,4 @@
-/* required-asterisk.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* required-asterisk.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/es2019/field.js

@@ -1,9 +1,8 @@
-/* field.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* field.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./field.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { useId } from '@atlaskit/ds-lib/use-id';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { FieldId } from './field-id-context';
 import { FormContext, IsDisabledContext } from './form';
 import { Label } from './label';
@@ -246,7 +245,7 @@ export default function Field(props) {
     testId: props.testId && `${props.testId}--label`
   }, props.label, props.isRequired && /*#__PURE__*/React.createElement(RequiredAsterisk, null), props.elementAfterLabel), /*#__PURE__*/React.createElement(FieldId.Provider, {
     value: fieldId
-  }, component && fg('platform_design-system-team_field-upgrade') ? /*#__PURE__*/React.createElement(React.Fragment, null, component && component({
+  }, component ? /*#__PURE__*/React.createElement(React.Fragment, null, component({
     fieldProps: extendedFieldProps
   }), /*#__PURE__*/React.createElement(MessageWrapper, null, props.helperMessage && /*#__PURE__*/React.createElement(HelperMessage, null, props.helperMessage), state.error && /*#__PURE__*/React.createElement(ErrorMessage, null, props.errorMessage || state.error), state.meta.touched && state.valid && props.validMessage && /*#__PURE__*/React.createElement(ValidMessage, null, props.validMessage))) : children({
     fieldProps: extendedFieldProps,

package/dist/es2019/fieldset.js

@@ -1,4 +1,4 @@
-/* fieldset.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* fieldset.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./fieldset.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/form-footer.js

@@ -1,4 +1,4 @@
-/* form-footer.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* form-footer.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./form-footer.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/form-header.js

@@ -1,4 +1,4 @@
-/* form-header.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* form-header.tsx generated by @compiled/babel-plugin v0.38.1 */
 /* eslint-disable @atlaskit/design-system/use-primitives */
 import "./form-header.compiled.css";
 import * as React from 'react';

package/dist/es2019/form-section.js

@@ -1,4 +1,4 @@
-/* form-section.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* form-section.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./form-section.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/form.js

@@ -151,7 +151,7 @@ export default function Form(props) {
       }) : children();
       return result === undefined ? null : result;
     } else {
-      return fg('platform_design-system-team_form-upgrade') ? /*#__PURE__*/React.createElement("form", _extends({}, formProps, userProvidedFormProps), children) : children;
+      return /*#__PURE__*/React.createElement("form", _extends({}, formProps, userProvidedFormProps), children);
     }
   })();
   return /*#__PURE__*/React.createElement(FormContext.Provider, {

package/dist/es2019/label.js

@@ -1,4 +1,4 @@
-/* label.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* label.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./label.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/messages.js

@@ -1,4 +1,4 @@
-/* messages.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* messages.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./messages.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/required-asterisk.js

@@ -1,4 +1,4 @@
-/* required-asterisk.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* required-asterisk.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./required-asterisk.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/field.js

@@ -1,4 +1,4 @@
-/* field.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* field.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _typeof from "@babel/runtime/helpers/typeof";
@@ -8,7 +8,6 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { useId } from '@atlaskit/ds-lib/use-id';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { FieldId } from './field-id-context';
 import { FormContext, IsDisabledContext } from './form';
 import { Label } from './label';
@@ -254,7 +253,7 @@ export default function Field(props) {
     testId: props.testId && "".concat(props.testId, "--label")
   }, props.label, props.isRequired && /*#__PURE__*/React.createElement(RequiredAsterisk, null), props.elementAfterLabel), /*#__PURE__*/React.createElement(FieldId.Provider, {
     value: fieldId
-  }, component && fg('platform_design-system-team_field-upgrade') ? /*#__PURE__*/React.createElement(React.Fragment, null, component && component({
+  }, component ? /*#__PURE__*/React.createElement(React.Fragment, null, component({
     fieldProps: extendedFieldProps
   }), /*#__PURE__*/React.createElement(MessageWrapper, null, props.helperMessage && /*#__PURE__*/React.createElement(HelperMessage, null, props.helperMessage), state.error && /*#__PURE__*/React.createElement(ErrorMessage, null, props.errorMessage || state.error), state.meta.touched && state.valid && props.validMessage && /*#__PURE__*/React.createElement(ValidMessage, null, props.validMessage))) : children({
     fieldProps: extendedFieldProps,

package/dist/esm/fieldset.js

@@ -1,4 +1,4 @@
-/* fieldset.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* fieldset.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./fieldset.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/form-footer.js

@@ -1,4 +1,4 @@
-/* form-footer.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* form-footer.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./form-footer.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/form-header.js

@@ -1,4 +1,4 @@
-/* form-header.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* form-header.tsx generated by @compiled/babel-plugin v0.38.1 */
 /* eslint-disable @atlaskit/design-system/use-primitives */
 import "./form-header.compiled.css";
 import * as React from 'react';

package/dist/esm/form-section.js

@@ -1,4 +1,4 @@
-/* form-section.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* form-section.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./form-section.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/form.js

@@ -165,7 +165,7 @@ export default function Form(props) {
       })) : children();
       return result === undefined ? null : result;
     } else {
-      return fg('platform_design-system-team_form-upgrade') ? /*#__PURE__*/React.createElement("form", _extends({}, formProps, userProvidedFormProps), children) : children;
+      return /*#__PURE__*/React.createElement("form", _extends({}, formProps, userProvidedFormProps), children);
     }
   }();
   return /*#__PURE__*/React.createElement(FormContext.Provider, {

package/dist/esm/label.js

@@ -1,4 +1,4 @@
-/* label.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* label.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./label.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/messages.js

@@ -1,4 +1,4 @@
-/* messages.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* messages.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./messages.compiled.css";
 import * as React from 'react';

package/dist/esm/required-asterisk.js

@@ -1,4 +1,4 @@
-/* required-asterisk.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* required-asterisk.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./required-asterisk.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/form",
-	"version": "13.0.0",
+	"version": "14.1.0",
 	"description": "A form allows users to input information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -26,9 +26,9 @@
 	},
 	"dependencies": {
 		"@atlaskit/css": "^0.14.0",
-		"@atlaskit/ds-lib": "^5.0.0",
+		"@atlaskit/ds-lib": "^5.1.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^28.2.0",
+		"@atlaskit/icon": "^28.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.15.0",
 		"@atlaskit/tokens": "^6.3.0",
@@ -110,12 +110,6 @@
 		"platform_dst_form_screenreader_message_fix": {
 			"type": "boolean"
 		},
-		"platform_design-system-team_form-upgrade": {
-			"type": "boolean"
-		},
-		"platform_design-system-team_field-upgrade": {
-			"type": "boolean"
-		},
 		"platform-form-field-error-focus": {
 			"type": "boolean"
 		},