@atlaskit/link-create 0.3.1 → 0.3.3

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

@@ -1,10 +1,10 @@
 /** @jsx jsx */
 import { ReactNode } from 'react';
 import { jsx } from '@emotion/react';
-export interface CreateFormProps {
+export interface CreateFormProps<FormData> {
     children: ReactNode;
     testId?: string;
     onCancel?: () => void;
-    onSubmit: (data: Record<string, unknown>) => void;
+    onSubmit: (data: FormData) => void;
 }
-export declare const CreateForm: (props: any) => jsx.JSX.Element;
+export declare const CreateForm: <FormData_1 extends Record<string, any> = {}>({ children, testId, onCancel, onSubmit, }: CreateFormProps<FormData_1>) => jsx.JSX.Element;

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

@@ -0,0 +1,12 @@
+export declare const messages: {
+    cancel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    create: {
+        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, isRequired, testId, validators, }: TextFieldProps): jsx.JSX.Element;
+export declare function TextField({ label, name, validationHelpText, isRequired, testId, validators, placeholder, }: TextFieldProps): jsx.JSX.Element;

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

@@ -4,6 +4,8 @@ export interface TextFieldProps {
     name: string;
     /** This should be properly internationalization-ed */
     label: string;
+    /** This should be properly internationalization-ed */
+    placeholder?: string;
     /**
      * Optional text below the textfield explaining any requirements for a valid value.
      * eg. "Must be 4 or more letters"

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

@@ -0,0 +1,7 @@
+export declare const messages: {
+    heading: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-create",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "The driver component of meta creation flow",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -29,7 +29,8 @@
     "@atlaskit/analytics-next": "^9.0.0",
     "@atlaskit/button": "^16.6.0",
     "@atlaskit/empty-state": "^7.4.0",
-    "@atlaskit/form": "^8.8.4",
+    "@atlaskit/form": "^8.10.0",
+    "@atlaskit/icon": "^21.11.0",
     "@atlaskit/modal-dialog": "^12.4.4",
     "@atlaskit/select": "^16.1.5",
     "@atlaskit/textfield": "^5.3.5",
@@ -51,13 +52,14 @@
     "@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": "^3.0.0",
+    "@atlassian/link-create-confluence": "^4.0.0",
     "@atlassian/link-create-presets": "^2.0.0",
     "@atlassian/link-picker-plugins": "^18.1.0",
     "@atlassian/recent-work-client": "^1.7.0",
-    "@atlassian/search-client": "^0.6.0",
+    "@atlassian/search-client": "^0.7.0",
     "@testing-library/react": "^12.1.5",
     "@testing-library/user-event": "^14.4.3",
+    "fetch-mock": "^8.0.0",
     "react-dom": "^16.8.0",
     "typescript": "4.5.5",
     "wait-for-expect": "^1.2.0"

package/report.api.md

@@ -52,16 +52,21 @@ const ComposedLinkCreate: MemoExoticComponent<
 export default ComposedLinkCreate;
 
 // @public (undocumented)
-export const CreateForm: (props: any) => jsx.JSX.Element;
+export const CreateForm: <FormData_1 extends Record<string, any> = {}>({
+  children,
+  testId,
+  onCancel,
+  onSubmit,
+}: CreateFormProps<FormData_1>) => jsx.JSX.Element;
 
 // @public (undocumented)
-export interface CreateFormProps {
+export interface CreateFormProps<FormData> {
   // (undocumented)
   children: ReactNode;
   // (undocumented)
   onCancel?: () => void;
   // (undocumented)
-  onSubmit: (data: Record<string, unknown>) => void;
+  onSubmit: (data: FormData) => void;
   // (undocumented)
   testId?: string;
 }
@@ -74,7 +79,11 @@ interface FormContextType {
   // (undocumented)
   assignValidator: (name: string, validators: Validator[]) => void;
   // (undocumented)
+  formErrorMessage?: string;
+  // (undocumented)
   getValidators: () => ValidatorMap;
+  // (undocumented)
+  setFormErrorMessage: (errorMessage?: string) => void;
 }
 
 // @public (undocumented)
@@ -95,7 +104,7 @@ interface LinkCreateCallbackProviderProps {
     objectId: string;
     objectType: string;
   }) => void;
-  onFailure?: (error: unknown) => void;
+  onFailure?: (errorMessage: string) => void;
 }
 
 // @public (undocumented)
@@ -136,6 +145,7 @@ export function TextField({
   isRequired,
   testId,
   validators,
+  placeholder,
 }: TextFieldProps): jsx.JSX.Element;
 
 // @public (undocumented)
@@ -143,6 +153,7 @@ interface TextFieldProps {
   isRequired?: boolean;
   label: string;
   name: string;
+  placeholder?: string;
   // (undocumented)
   testId?: string;
   validationHelpText?: string;

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

@@ -31,16 +31,16 @@ const ComposedLinkCreate: MemoExoticComponent<(props: LinkCreateProps) => jsx.JS
 export default ComposedLinkCreate;
 
 // @public (undocumented)
-export const CreateForm: (props: any) => jsx.JSX.Element;
+export const CreateForm: <FormData_1 extends Record<string, any> = {}>({ children, testId, onCancel, onSubmit, }: CreateFormProps<FormData_1>) => jsx.JSX.Element;
 
 // @public (undocumented)
-export interface CreateFormProps {
+export interface CreateFormProps<FormData> {
     // (undocumented)
     children: ReactNode;
     // (undocumented)
     onCancel?: () => void;
     // (undocumented)
-    onSubmit: (data: Record<string, unknown>) => void;
+    onSubmit: (data: FormData) => void;
     // (undocumented)
     testId?: string;
 }
@@ -53,7 +53,11 @@ interface FormContextType {
     // (undocumented)
     assignValidator: (name: string, validators: Validator[]) => void;
     // (undocumented)
+    formErrorMessage?: string;
+    // (undocumented)
     getValidators: () => ValidatorMap;
+    // (undocumented)
+    setFormErrorMessage: (errorMessage?: string) => void;
 }
 
 // @public (undocumented)
@@ -74,7 +78,7 @@ interface LinkCreateCallbackProviderProps {
         objectId: string;
         objectType: string;
     }) => void;
-    onFailure?: (error: unknown) => void;
+    onFailure?: (errorMessage: string) => void;
 }
 
 // @public (undocumented)
@@ -108,13 +112,14 @@ interface Option_2 {
 export { Option_2 as Option }
 
 // @public
-export function TextField({ label, name, validationHelpText, isRequired, testId, validators, }: TextFieldProps): jsx.JSX.Element;
+export function TextField({ label, name, validationHelpText, isRequired, testId, validators, placeholder, }: TextFieldProps): jsx.JSX.Element;
 
 // @public (undocumented)
 interface TextFieldProps {
     isRequired?: boolean;
     label: string;
     name: string;
+    placeholder?: string;
     // (undocumented)
     testId?: string;
     validationHelpText?: string;

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

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.formStyles = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = require("@emotion/react");
-var _templateObject;
-var CREATE_FORM_MAX_WIDTH_IN_PX = '600';
-var formStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  margin: 0 auto;\n  max-width: ", "px;\n  padding: 0 0 ", " 0;\n"])), CREATE_FORM_MAX_WIDTH_IN_PX, "var(--ds-space-300, 24px)");
-exports.formStyles = formStyles;

package/dist/cjs/ui/error-boundary/error-boundary-ui/error-svg/styled.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.errorStyles = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = require("@emotion/react");
-var _templateObject;
-var WIDTH = 82;
-var errorStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: ", "px;\n  margin: 0 auto ", ";\n  display: block;\n"])), WIDTH, "var(--ds-space-300, 24px)");
-exports.errorStyles = errorStyles;

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

@@ -1,7 +0,0 @@
-import { css } from '@emotion/react';
-const CREATE_FORM_MAX_WIDTH_IN_PX = '600';
-export const formStyles = css`
-  margin: 0 auto;
-  max-width: ${CREATE_FORM_MAX_WIDTH_IN_PX}px;
-  padding: 0 0 ${"var(--ds-space-300, 24px)"} 0;
-`;

package/dist/es2019/ui/error-boundary/error-boundary-ui/error-svg/styled.js

@@ -1,7 +0,0 @@
-import { css } from '@emotion/react';
-const WIDTH = 82;
-export const errorStyles = css`
-  width: ${WIDTH}px;
-  margin: 0 auto ${"var(--ds-space-300, 24px)"};
-  display: block;
-`;

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

@@ -1,5 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
-import { css } from '@emotion/react';
-var CREATE_FORM_MAX_WIDTH_IN_PX = '600';
-export var formStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin: 0 auto;\n  max-width: ", "px;\n  padding: 0 0 ", " 0;\n"])), CREATE_FORM_MAX_WIDTH_IN_PX, "var(--ds-space-300, 24px)");

package/dist/esm/ui/error-boundary/error-boundary-ui/error-svg/styled.js

@@ -1,5 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
-import { css } from '@emotion/react';
-var WIDTH = 82;
-export var errorStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: ", "px;\n  margin: 0 auto ", ";\n  display: block;\n"])), WIDTH, "var(--ds-space-300, 24px)");

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

@@ -1 +0,0 @@
-export declare const formStyles: import("@emotion/react").SerializedStyles;

package/dist/types/ui/error-boundary/error-boundary-ui/error-svg/styled.d.ts

@@ -1 +0,0 @@
-export declare const errorStyles: import("@emotion/react").SerializedStyles;