@atlaskit/link-create 1.14.0 → 1.14.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/link-create
 
+## 1.14.2
+
+### Patch Changes
+
+- [#68142](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/68142) [`eeee0117234f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/eeee0117234f) - EDM-9179: under FF update form error messages and move error messages from form footer to fields
+
+## 1.14.1
+
+### Patch Changes
+
+- [#68013](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/68013) [`a23882ab49f8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a23882ab49f8) - Upgrade depdendency `final-form` for bugfix.
+
 ## 1.14.0
 
 ### Minor Changes

package/dist/cjs/common/messages.js

@@ -8,7 +8,12 @@ var _reactIntlNext = require("react-intl-next");
 var _default = exports.default = (0, _reactIntlNext.defineMessages)({
   genericErrorMessage: {
     id: 'link-create.unknown-error.heading',
-    defaultMessage: 'Something went wrong',
+    defaultMessage: 'Something went wrong.',
     description: 'Message when an unknown error occurs'
+  },
+  requiredFieldInstruction: {
+    id: 'linkCreate.form.requiredField.instruction',
+    defaultMessage: 'Required fields are marked with an asterisk',
+    description: 'Instruction for the required fields in the Link Create form'
   }
 });

package/dist/cjs/ui/create-form/main.js

@@ -15,6 +15,7 @@ var _react2 = require("@emotion/react");
 var _finalForm = require("final-form");
 var _reactFinalForm = require("react-final-form");
 var _reactIntlNext = require("react-intl-next");
+var _form = require("@atlaskit/form");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _constants = require("../../common/constants");
@@ -154,7 +155,9 @@ var CreateForm = exports.CreateForm = function CreateForm(_ref) {
         });
         setShouldShowWarning(isModified);
       }
-    }), (0, _react2.jsx)(_primitives.Box, null, children), !hideFooter && (0, _react2.jsx)(_formFooter.CreateFormFooter
+    }), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.enable-expected-field-errors') && (0, _react2.jsx)("p", {
+      "aria-hidden": "true"
+    }, intl.formatMessage(_messages.default.requiredFieldInstruction), ' ', (0, _react2.jsx)(_form.RequiredAsterisk, null)), (0, _react2.jsx)(_primitives.Box, null, children), !hideFooter && (0, _react2.jsx)(_formFooter.CreateFormFooter
     /**
      * We will prefer to render the error message connected to
      * react final form state (submitError) otherwise we can

package/dist/cjs/ui/main.js

@@ -31,7 +31,7 @@ var LinkCreateWithAnalyticsContext = (0, _analytics.withLinkCreateAnalyticsConte
 }));
 var PACKAGE_DATA = exports.PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "1.14.0" || '',
+  packageVersion: "1.14.2" || '',
   component: _constants.COMPONENT_NAME,
   componentName: _constants.COMPONENT_NAME
 };

package/dist/es2019/common/messages.js

@@ -2,7 +2,12 @@ import { defineMessages } from 'react-intl-next';
 export default defineMessages({
   genericErrorMessage: {
     id: 'link-create.unknown-error.heading',
-    defaultMessage: 'Something went wrong',
+    defaultMessage: 'Something went wrong.',
     description: 'Message when an unknown error occurs'
+  },
+  requiredFieldInstruction: {
+    id: 'linkCreate.form.requiredField.instruction',
+    defaultMessage: 'Required fields are marked with an asterisk',
+    description: 'Instruction for the required fields in the Link Create form'
   }
 });

package/dist/es2019/ui/create-form/main.js

@@ -4,6 +4,7 @@ import { css, jsx } from '@emotion/react';
 import { FORM_ERROR } from 'final-form';
 import { Form, FormSpy } from 'react-final-form';
 import { useIntl } from 'react-intl-next';
+import { RequiredAsterisk } from '@atlaskit/form';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives';
 import { CREATE_FORM_MAX_WIDTH_IN_PX, LINK_CREATE_FORM_POST_CREATE_FIELD } from '../../common/constants';
@@ -119,7 +120,9 @@ export const CreateForm = ({
         const isModified = Object.values(state.modified).some(value => value);
         setShouldShowWarning(isModified);
       }
-    }), jsx(Box, null, children), !hideFooter && jsx(CreateFormFooter
+    }), getBooleanFF('platform.linking-platform.link-create.enable-expected-field-errors') && jsx("p", {
+      "aria-hidden": "true"
+    }, intl.formatMessage(messages.requiredFieldInstruction), ' ', jsx(RequiredAsterisk, null)), jsx(Box, null, children), !hideFooter && jsx(CreateFormFooter
     /**
      * We will prefer to render the error message connected to
      * react final form state (submitError) otherwise we can

package/dist/es2019/ui/main.js

@@ -23,7 +23,7 @@ const LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE
 }));
 export const PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "1.14.0" || '',
+  packageVersion: "1.14.2" || '',
   component: COMPONENT_NAME,
   componentName: COMPONENT_NAME
 };

package/dist/esm/common/messages.js

@@ -2,7 +2,12 @@ import { defineMessages } from 'react-intl-next';
 export default defineMessages({
   genericErrorMessage: {
     id: 'link-create.unknown-error.heading',
-    defaultMessage: 'Something went wrong',
+    defaultMessage: 'Something went wrong.',
     description: 'Message when an unknown error occurs'
+  },
+  requiredFieldInstruction: {
+    id: 'linkCreate.form.requiredField.instruction',
+    defaultMessage: 'Required fields are marked with an asterisk',
+    description: 'Instruction for the required fields in the Link Create form'
   }
 });

package/dist/esm/ui/create-form/main.js

@@ -12,6 +12,7 @@ import { css, jsx } from '@emotion/react';
 import { FORM_ERROR } from 'final-form';
 import { Form, FormSpy } from 'react-final-form';
 import { useIntl } from 'react-intl-next';
+import { RequiredAsterisk } from '@atlaskit/form';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives';
 import { CREATE_FORM_MAX_WIDTH_IN_PX, LINK_CREATE_FORM_POST_CREATE_FIELD } from '../../common/constants';
@@ -148,7 +149,9 @@ export var CreateForm = function CreateForm(_ref) {
         });
         setShouldShowWarning(isModified);
       }
-    }), jsx(Box, null, children), !hideFooter && jsx(CreateFormFooter
+    }), getBooleanFF('platform.linking-platform.link-create.enable-expected-field-errors') && jsx("p", {
+      "aria-hidden": "true"
+    }, intl.formatMessage(messages.requiredFieldInstruction), ' ', jsx(RequiredAsterisk, null)), jsx(Box, null, children), !hideFooter && jsx(CreateFormFooter
     /**
      * We will prefer to render the error message connected to
      * react final form state (submitError) otherwise we can

package/dist/esm/ui/main.js

@@ -23,7 +23,7 @@ var LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE__
 }));
 export var PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "1.14.0" || '',
+  packageVersion: "1.14.2" || '',
   component: COMPONENT_NAME,
   componentName: COMPONENT_NAME
 };

package/dist/types/common/messages.d.ts

@@ -4,5 +4,10 @@ declare const _default: {
         defaultMessage: string;
         description: string;
     };
+    requiredFieldInstruction: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };
 export default _default;

package/dist/types-ts4.5/common/messages.d.ts

@@ -4,5 +4,10 @@ declare const _default: {
         defaultMessage: string;
         description: string;
     };
+    requiredFieldInstruction: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-create",
-  "version": "1.14.0",
+  "version": "1.14.2",
   "description": "The driver component of meta creation flow",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -18,7 +18,7 @@
       "name": "LinkCreate"
     }
   },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
@@ -46,15 +46,15 @@
     "@atlaskit/linking-common": "^5.3.0",
     "@atlaskit/modal-dialog": "^12.10.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",
-    "@atlaskit/primitives": "^1.17.0",
+    "@atlaskit/primitives": "^1.18.0",
     "@atlaskit/select": "^17.0.3",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/textfield": "^6.0.0",
-    "@atlaskit/tokens": "^1.33.0",
+    "@atlaskit/tokens": "^1.34.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "debounce-promise": "^3.1.2",
-    "final-form": "^4.20.1",
+    "final-form": "^4.20.3",
     "react-final-form": "^6.5.3"
   },
   "peerDependencies": {
@@ -128,6 +128,9 @@
     },
     "platform.linking-platform.link-create.slo-ignore-failed-fetch": {
       "type": "boolean"
+    },
+    "platform.linking-platform.link-create.enable-expected-field-errors": {
+      "type": "boolean"
     }
   }
 }