@atlaskit/form 14.0.0 → 14.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/cjs/field.js +1 -2
  3. package/dist/es2019/field.js +1 -2
  4. package/dist/esm/field.js +1 -2
  5. package/package.json +2 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @atlaskit/form
2
2
 
3
+ ## 14.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`ba5410321550c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ba5410321550c) -
8
+ Add new streamlined field implementation through the usage of the `component` prop and it's
9
+ associated `*Message` props. This accounts for the majority of field implementations in products
10
+ and will increase velocity in releasing accessibility improvements to all insteances using this
11
+ implementation.
12
+
3
13
  ## 14.0.0
4
14
 
5
15
  ### Major Changes
package/dist/cjs/field.js CHANGED
@@ -14,7 +14,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
14
14
  var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
15
15
  var _react = _interopRequireWildcard(require("react"));
16
16
  var _useId = require("@atlaskit/ds-lib/use-id");
17
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
18
17
  var _fieldIdContext = require("./field-id-context");
19
18
  var _form = require("./form");
20
19
  var _label = require("./label");
@@ -263,7 +262,7 @@ function Field(props) {
263
262
  testId: props.testId && "".concat(props.testId, "--label")
264
263
  }, props.label, props.isRequired && /*#__PURE__*/_react.default.createElement(_requiredAsterisk.default, null), props.elementAfterLabel), /*#__PURE__*/_react.default.createElement(_fieldIdContext.FieldId.Provider, {
265
264
  value: fieldId
266
- }, component && (0, _platformFeatureFlags.fg)('platform_design-system-team_field-upgrade') ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, component && component({
265
+ }, component ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, component({
267
266
  fieldProps: extendedFieldProps
268
267
  }), /*#__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({
269
268
  fieldProps: extendedFieldProps,
package/dist/es2019/field.js CHANGED
@@ -3,7 +3,6 @@ import "./field.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
5
5
  import { useId } from '@atlaskit/ds-lib/use-id';
6
- import { fg } from '@atlaskit/platform-feature-flags';
7
6
  import { FieldId } from './field-id-context';
8
7
  import { FormContext, IsDisabledContext } from './form';
9
8
  import { Label } from './label';
@@ -246,7 +245,7 @@ export default function Field(props) {
246
245
  testId: props.testId && `${props.testId}--label`
247
246
  }, props.label, props.isRequired && /*#__PURE__*/React.createElement(RequiredAsterisk, null), props.elementAfterLabel), /*#__PURE__*/React.createElement(FieldId.Provider, {
248
247
  value: fieldId
249
- }, component && fg('platform_design-system-team_field-upgrade') ? /*#__PURE__*/React.createElement(React.Fragment, null, component && component({
248
+ }, component ? /*#__PURE__*/React.createElement(React.Fragment, null, component({
250
249
  fieldProps: extendedFieldProps
251
250
  }), /*#__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({
252
251
  fieldProps: extendedFieldProps,
package/dist/esm/field.js CHANGED
@@ -8,7 +8,6 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
8
8
  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; }
9
9
  import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
10
10
  import { useId } from '@atlaskit/ds-lib/use-id';
11
- import { fg } from '@atlaskit/platform-feature-flags';
12
11
  import { FieldId } from './field-id-context';
13
12
  import { FormContext, IsDisabledContext } from './form';
14
13
  import { Label } from './label';
@@ -254,7 +253,7 @@ export default function Field(props) {
254
253
  testId: props.testId && "".concat(props.testId, "--label")
255
254
  }, props.label, props.isRequired && /*#__PURE__*/React.createElement(RequiredAsterisk, null), props.elementAfterLabel), /*#__PURE__*/React.createElement(FieldId.Provider, {
256
255
  value: fieldId
257
- }, component && fg('platform_design-system-team_field-upgrade') ? /*#__PURE__*/React.createElement(React.Fragment, null, component && component({
256
+ }, component ? /*#__PURE__*/React.createElement(React.Fragment, null, component({
258
257
  fieldProps: extendedFieldProps
259
258
  }), /*#__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({
260
259
  fieldProps: extendedFieldProps,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/form",
3
- "version": "14.0.0",
3
+ "version": "14.1.0",
4
4
  "description": "A form allows users to input information.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -28,7 +28,7 @@
28
28
  "@atlaskit/css": "^0.14.0",
29
29
  "@atlaskit/ds-lib": "^5.1.0",
30
30
  "@atlaskit/heading": "^5.2.0",
31
- "@atlaskit/icon": "^28.2.0",
31
+ "@atlaskit/icon": "^28.3.0",
32
32
  "@atlaskit/platform-feature-flags": "^1.1.0",
33
33
  "@atlaskit/primitives": "^14.15.0",
34
34
  "@atlaskit/tokens": "^6.3.0",
@@ -110,9 +110,6 @@
110
110
  "platform_dst_form_screenreader_message_fix": {
111
111
  "type": "boolean"
112
112
  },
113
- "platform_design-system-team_field-upgrade": {
114
- "type": "boolean"
115
- },
116
113
  "platform-form-field-error-focus": {
117
114
  "type": "boolean"
118
115
  },