@atlaskit/link-create 0.5.0 → 0.5.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/link-create
 
+## 0.5.2
+
+### Patch Changes
+
+- [`7734ef0bdb4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7734ef0bdb4) - allowing default values in confluence creation form.
+
+## 0.5.1
+
+### Patch Changes
+
+- [`2d812255401`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2d812255401) - EDM-6561: add an autofocus on title field in create modal and change cancel button labeling to close
+
 ## 0.5.0
 
 ### Minor Changes

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

@@ -12,7 +12,7 @@ var _react2 = require("@emotion/react");
 var _form = require("@atlaskit/form");
 var _select = require("@atlaskit/select");
 var _formContext = require("../../../controllers/form-context");
-var _excluded = ["label", "name", "validationHelpText", "isRequired", "testId", "validators"];
+var _excluded = ["label", "name", "validationHelpText", "isRequired", "testId", "validators", "defaultValue"];
 /** @jsx jsx */
 /**
  * An async select utilising the Atlaskit AsyncSelect and Field objects from `@atlaskit/form`.
@@ -27,6 +27,7 @@ function AsyncSelect(_ref) {
     isRequired = _ref.isRequired,
     testId = _ref.testId,
     validators = _ref.validators,
+    defaultValue = _ref.defaultValue,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useFormContext = (0, _formContext.useFormContext)(),
     assignValidator = _useFormContext.assignValidator;
@@ -40,7 +41,8 @@ function AsyncSelect(_ref) {
   }, (0, _react2.jsx)(_form.Field, {
     name: name,
     label: label,
-    isRequired: isRequired
+    isRequired: isRequired,
+    defaultValue: defaultValue
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error;

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

@@ -106,8 +106,8 @@ var CreateForm = function CreateForm(_ref) {
       type: "button",
       appearance: "subtle",
       onClick: handleCancel,
-      testId: 'cancel-button'
-    }, intl.formatMessage(_messages.messages.cancel)), (0, _react2.jsx)(_loadingButton.default, {
+      testId: 'close-button'
+    }, intl.formatMessage(_messages.messages.close)), (0, _react2.jsx)(_loadingButton.default, {
       appearance: "primary",
       type: "submit",
       isLoading: submitting,

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

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.messages = void 0;
 var _reactIntlNext = require("react-intl-next");
 var messages = (0, _reactIntlNext.defineMessages)({
-  cancel: {
-    id: 'linkCreate.createForm.button.cancel',
-    defaultMessage: 'Cancel',
-    description: 'Button to cancel and dismiss link create'
+  close: {
+    id: 'linkCreate.createForm.button.close',
+    defaultMessage: 'Close',
+    description: 'Button to close and dismiss link create'
   },
   create: {
     id: 'linkCreate.createForm.button.create',

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

@@ -12,7 +12,7 @@ var _react2 = require("@emotion/react");
 var _form = require("@atlaskit/form");
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _formContext = require("../../../controllers/form-context");
-var _excluded = ["label", "name", "validationHelpText", "validators"];
+var _excluded = ["label", "name", "validationHelpText", "validators", "defaultValue"];
 /** @jsx jsx */
 /**
  * A text field utilising the Atlaskit Textfield and Field objects from `@atlaskit/form`.
@@ -26,6 +26,7 @@ function TextField(_ref) {
     name = _ref.name,
     validationHelpText = _ref.validationHelpText,
     validators = _ref.validators,
+    defaultValue = _ref.defaultValue,
     restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useFormContext = (0, _formContext.useFormContext)(),
     assignValidator = _useFormContext.assignValidator;
@@ -34,13 +35,22 @@ function TextField(_ref) {
       assignValidator(name, validators);
     }
   }, [name, validators, assignValidator]);
-  return (0, _react2.jsx)(_form.Field, {
-    name: name,
-    label: label,
-    defaultValue: ''
-  }, function (_ref2) {
-    var fieldProps = _ref2.fieldProps,
-      error = _ref2.error;
-    return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_textfield.default, (0, _extends2.default)({}, fieldProps, restProps)), !error && (0, _react2.jsx)(_form.HelperMessage, null, validationHelpText), error && (0, _react2.jsx)(_form.ErrorMessage, null, error));
-  });
+  return (
+    /**
+     * The defaultValue here should be '' when there is nothing passed in from the props.
+     * This is because if we don't give it anything, the `fieldProps` wouldn't have a `value`
+     * prop and make the TextField component uncontrolled. Later when user starts typing, the
+     * `value` will be populated again in `fieldProps` which cause the TextField to be changed
+     * to a controlled component and raise a warning from React.
+     */
+    (0, _react2.jsx)(_form.Field, {
+      name: name,
+      label: label,
+      defaultValue: defaultValue !== null && defaultValue !== void 0 ? defaultValue : ''
+    }, function (_ref2) {
+      var fieldProps = _ref2.fieldProps,
+        error = _ref2.error;
+      return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_textfield.default, (0, _extends2.default)({}, fieldProps, restProps)), !error && (0, _react2.jsx)(_form.HelperMessage, null, validationHelpText), error && (0, _react2.jsx)(_form.ErrorMessage, null, error));
+    })
+  );
 }

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-create",
-	"version": "0.5.0",
+	"version": "0.5.2",
 	"sideEffects": false
 }

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

@@ -18,6 +18,7 @@ export function AsyncSelect({
   isRequired,
   testId,
   validators,
+  defaultValue,
   ...rest
 }) {
   const {
@@ -33,7 +34,8 @@ export function AsyncSelect({
   }, jsx(Field, {
     name: name,
     label: label,
-    isRequired: isRequired
+    isRequired: isRequired,
+    defaultValue: defaultValue
   }, ({
     fieldProps,
     error

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

@@ -79,8 +79,8 @@ export const CreateForm = ({
     type: "button",
     appearance: "subtle",
     onClick: handleCancel,
-    testId: 'cancel-button'
-  }, intl.formatMessage(messages.cancel)), jsx(LoadingButton, {
+    testId: 'close-button'
+  }, intl.formatMessage(messages.close)), jsx(LoadingButton, {
     appearance: "primary",
     type: "submit",
     isLoading: submitting,

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

@@ -1,9 +1,9 @@
 import { defineMessages } from 'react-intl-next';
 export const messages = defineMessages({
-  cancel: {
-    id: 'linkCreate.createForm.button.cancel',
-    defaultMessage: 'Cancel',
-    description: 'Button to cancel and dismiss link create'
+  close: {
+    id: 'linkCreate.createForm.button.close',
+    defaultMessage: 'Close',
+    description: 'Button to close and dismiss link create'
   },
   create: {
     id: 'linkCreate.createForm.button.create',

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

@@ -17,6 +17,7 @@ export function TextField({
   name,
   validationHelpText,
   validators,
+  defaultValue,
   ...restProps
 }) {
   const {
@@ -27,12 +28,23 @@ export function TextField({
       assignValidator(name, validators);
     }
   }, [name, validators, assignValidator]);
-  return jsx(Field, {
-    name: name,
-    label: label,
-    defaultValue: ''
-  }, ({
-    fieldProps,
-    error
-  }) => jsx(Fragment, null, jsx(AkTextfield, _extends({}, fieldProps, restProps)), !error && jsx(HelperMessage, null, validationHelpText), error && jsx(ErrorMessage, null, error)));
+  return (
+    /**
+     * The defaultValue here should be '' when there is nothing passed in from the props.
+     * This is because if we don't give it anything, the `fieldProps` wouldn't have a `value`
+     * prop and make the TextField component uncontrolled. Later when user starts typing, the
+     * `value` will be populated again in `fieldProps` which cause the TextField to be changed
+     * to a controlled component and raise a warning from React.
+     */
+    jsx(Field, {
+      name: name,
+      label: label,
+      defaultValue: defaultValue !== null && defaultValue !== void 0 ? defaultValue : ''
+    }, ({
+      fieldProps,
+      error
+    }) => {
+      return jsx(Fragment, null, jsx(AkTextfield, _extends({}, fieldProps, restProps)), !error && jsx(HelperMessage, null, validationHelpText), error && jsx(ErrorMessage, null, error));
+    })
+  );
 }

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-create",
-	"version": "0.5.0",
+	"version": "0.5.2",
 	"sideEffects": false
 }

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["label", "name", "validationHelpText", "isRequired", "testId", "validators"];
+var _excluded = ["label", "name", "validationHelpText", "isRequired", "testId", "validators", "defaultValue"];
 /** @jsx jsx */
 import { Fragment, useEffect } from 'react';
 import { jsx } from '@emotion/react';
@@ -20,6 +20,7 @@ export function AsyncSelect(_ref) {
     isRequired = _ref.isRequired,
     testId = _ref.testId,
     validators = _ref.validators,
+    defaultValue = _ref.defaultValue,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useFormContext = useFormContext(),
     assignValidator = _useFormContext.assignValidator;
@@ -33,7 +34,8 @@ export function AsyncSelect(_ref) {
   }, jsx(Field, {
     name: name,
     label: label,
-    isRequired: isRequired
+    isRequired: isRequired,
+    defaultValue: defaultValue
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error;

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

@@ -95,8 +95,8 @@ export var CreateForm = function CreateForm(_ref) {
       type: "button",
       appearance: "subtle",
       onClick: handleCancel,
-      testId: 'cancel-button'
-    }, intl.formatMessage(messages.cancel)), jsx(LoadingButton, {
+      testId: 'close-button'
+    }, intl.formatMessage(messages.close)), jsx(LoadingButton, {
       appearance: "primary",
       type: "submit",
       isLoading: submitting,

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

@@ -1,9 +1,9 @@
 import { defineMessages } from 'react-intl-next';
 export var messages = defineMessages({
-  cancel: {
-    id: 'linkCreate.createForm.button.cancel',
-    defaultMessage: 'Cancel',
-    description: 'Button to cancel and dismiss link create'
+  close: {
+    id: 'linkCreate.createForm.button.close',
+    defaultMessage: 'Close',
+    description: 'Button to close and dismiss link create'
   },
   create: {
     id: 'linkCreate.createForm.button.create',

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["label", "name", "validationHelpText", "validators"];
+var _excluded = ["label", "name", "validationHelpText", "validators", "defaultValue"];
 /** @jsx jsx */
 import { Fragment, useEffect } from 'react';
 import { jsx } from '@emotion/react';
@@ -19,6 +19,7 @@ export function TextField(_ref) {
     name = _ref.name,
     validationHelpText = _ref.validationHelpText,
     validators = _ref.validators,
+    defaultValue = _ref.defaultValue,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var _useFormContext = useFormContext(),
     assignValidator = _useFormContext.assignValidator;
@@ -27,13 +28,22 @@ export function TextField(_ref) {
       assignValidator(name, validators);
     }
   }, [name, validators, assignValidator]);
-  return jsx(Field, {
-    name: name,
-    label: label,
-    defaultValue: ''
-  }, function (_ref2) {
-    var fieldProps = _ref2.fieldProps,
-      error = _ref2.error;
-    return jsx(Fragment, null, jsx(AkTextfield, _extends({}, fieldProps, restProps)), !error && jsx(HelperMessage, null, validationHelpText), error && jsx(ErrorMessage, null, error));
-  });
+  return (
+    /**
+     * The defaultValue here should be '' when there is nothing passed in from the props.
+     * This is because if we don't give it anything, the `fieldProps` wouldn't have a `value`
+     * prop and make the TextField component uncontrolled. Later when user starts typing, the
+     * `value` will be populated again in `fieldProps` which cause the TextField to be changed
+     * to a controlled component and raise a warning from React.
+     */
+    jsx(Field, {
+      name: name,
+      label: label,
+      defaultValue: defaultValue !== null && defaultValue !== void 0 ? defaultValue : ''
+    }, function (_ref2) {
+      var fieldProps = _ref2.fieldProps,
+        error = _ref2.error;
+      return jsx(Fragment, null, jsx(AkTextfield, _extends({}, fieldProps, restProps)), !error && jsx(HelperMessage, null, validationHelpText), error && jsx(ErrorMessage, null, error));
+    })
+  );
 }

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-create",
-	"version": "0.5.0",
+	"version": "0.5.2",
 	"sideEffects": false
 }

package/dist/types/ui/create-form/async-select/main.d.ts

@@ -7,4 +7,4 @@ import { AsyncSelectProps } from './types';
  * the handleSubmit function passed to the form <Form> that have a key matching the `name`
  * of this text field are shown above the field.
  */
-export declare function AsyncSelect<T = OptionType>({ label, name, validationHelpText, isRequired, testId, validators, ...rest }: AsyncSelectProps<T>): jsx.JSX.Element;
+export declare function AsyncSelect<T = OptionType>({ label, name, validationHelpText, isRequired, testId, validators, defaultValue, ...rest }: AsyncSelectProps<T>): jsx.JSX.Element;

package/dist/types/ui/create-form/messages.d.ts

@@ -1,5 +1,5 @@
 export declare const messages: {
-    cancel: {
+    close: {
         id: string;
         defaultMessage: string;
         description: string;

package/dist/types/ui/create-form/textfield/main.d.ts

@@ -6,4 +6,4 @@ import { TextFieldProps } from './types';
  * the handleSubmit function passed to the form <Form> that have a key matching the `name`
  * of this text field are shown above the field.
  */
-export declare function TextField({ label, name, validationHelpText, validators, ...restProps }: TextFieldProps): jsx.JSX.Element;
+export declare function TextField({ label, name, validationHelpText, validators, defaultValue, ...restProps }: TextFieldProps): jsx.JSX.Element;

package/dist/types-ts4.5/ui/create-form/async-select/main.d.ts

@@ -7,4 +7,4 @@ import { AsyncSelectProps } from './types';
  * the handleSubmit function passed to the form <Form> that have a key matching the `name`
  * of this text field are shown above the field.
  */
-export declare function AsyncSelect<T = OptionType>({ label, name, validationHelpText, isRequired, testId, validators, ...rest }: AsyncSelectProps<T>): jsx.JSX.Element;
+export declare function AsyncSelect<T = OptionType>({ label, name, validationHelpText, isRequired, testId, validators, defaultValue, ...rest }: AsyncSelectProps<T>): jsx.JSX.Element;

package/dist/types-ts4.5/ui/create-form/messages.d.ts

@@ -1,5 +1,5 @@
 export declare const messages: {
-    cancel: {
+    close: {
         id: string;
         defaultMessage: string;
         description: string;

package/dist/types-ts4.5/ui/create-form/textfield/main.d.ts

@@ -6,4 +6,4 @@ import { TextFieldProps } from './types';
  * the handleSubmit function passed to the form <Form> that have a key matching the `name`
  * of this text field are shown above the field.
  */
-export declare function TextField({ label, name, validationHelpText, validators, ...restProps }: TextFieldProps): jsx.JSX.Element;
+export declare function TextField({ label, name, validationHelpText, validators, defaultValue, ...restProps }: TextFieldProps): jsx.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-create",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "description": "The driver component of meta creation flow",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -40,9 +40,9 @@
     "@atlaskit/form": "^8.11.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/modal-dialog": "^12.5.0",
-    "@atlaskit/select": "^16.2.0",
+    "@atlaskit/select": "^16.4.0",
     "@atlaskit/spinner": "^15.4.0",
-    "@atlaskit/textfield": "^5.4.0",
+    "@atlaskit/textfield": "^5.5.0",
     "@atlaskit/tokens": "^1.4.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
@@ -53,20 +53,20 @@
   },
   "devDependencies": {
     "@atlaskit/docs": "*",
-    "@atlaskit/link-picker": "^1.20.0",
+    "@atlaskit/link-picker": "^1.22.0",
     "@atlaskit/link-provider": "^1.6.0",
-    "@atlaskit/link-test-helpers": "^2.3.0",
+    "@atlaskit/link-test-helpers": "^4.0.0",
     "@atlaskit/popup": "^1.6.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
-    "@atlassian/link-create-confluence": "^6.0.0",
+    "@atlassian/link-create-confluence": "^6.1.0",
     "@atlassian/link-create-presets": "^4.0.0",
-    "@atlassian/link-picker-atlassian-plugin": "^30.1.0",
-    "@atlassian/link-picker-plugins": "^20.1.0",
+    "@atlassian/link-picker-atlassian-plugin": "^32.1.0",
+    "@atlassian/link-picker-plugins": "^22.1.0",
     "@atlassian/recent-work-client": "^1.8.0",
-    "@atlassian/search-client": "^0.9.0",
+    "@atlassian/search-client": "^0.10.0",
     "@testing-library/react": "^12.1.5",
     "@testing-library/user-event": "^14.4.3",
     "fetch-mock": "^8.0.0",

package/report.api.md

@@ -34,6 +34,7 @@ export function AsyncSelect<T = OptionType>({
   isRequired,
   testId,
   validators,
+  defaultValue,
   ...rest
 }: AsyncSelectProps<T>): jsx.JSX.Element;
 
@@ -156,6 +157,7 @@ export function TextField({
   name,
   validationHelpText,
   validators,
+  defaultValue,
   ...restProps
 }: TextFieldProps): jsx.JSX.Element;
 

package/tmp/api-report-tmp.d.ts

@@ -16,7 +16,7 @@ import { SpinnerProps } from '@atlaskit/spinner';
 import { TextFieldProps as TextFieldProps_2 } from '@atlaskit/textfield';
 
 // @public
-export function AsyncSelect<T = OptionType>({ label, name, validationHelpText, isRequired, testId, validators, ...rest }: AsyncSelectProps<T>): jsx.JSX.Element;
+export function AsyncSelect<T = OptionType>({ label, name, validationHelpText, isRequired, testId, validators, defaultValue, ...rest }: AsyncSelectProps<T>): jsx.JSX.Element;
 
 // @public (undocumented)
 type AsyncSelectProps<T = OptionType> = AsyncSelectProps_2<T> & {
@@ -121,7 +121,7 @@ interface Option_2 {
 export { Option_2 as Option }
 
 // @public
-export function TextField({ label, name, validationHelpText, validators, ...restProps }: TextFieldProps): jsx.JSX.Element;
+export function TextField({ label, name, validationHelpText, validators, defaultValue, ...restProps }: TextFieldProps): jsx.JSX.Element;
 
 // @public (undocumented)
 type TextFieldProps = Omit<TextFieldProps_2, 'isRequired' | 'name'> & {