@atlaskit/link-create 0.4.1 → 0.4.3

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 (48) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/ui/create-form/main.js +3 -2
  3. package/dist/cjs/version.json +1 -1
  4. package/dist/es2019/ui/create-form/main.js +3 -2
  5. package/dist/es2019/version.json +1 -1
  6. package/dist/esm/ui/create-form/main.js +3 -2
  7. package/dist/esm/version.json +1 -1
  8. package/dist/types/common/types.d.ts +2 -2
  9. package/dist/types/common/utils/analytics/analytics.codegen.d.ts +9 -9
  10. package/dist/types/common/utils/analytics/context.d.ts +1 -1
  11. package/dist/types/ui/create-form/async-select/types.d.ts +1 -1
  12. package/dist/types/ui/create-form/textfield/types.d.ts +1 -1
  13. package/dist/types/ui/create-form/types.d.ts +1 -1
  14. package/dist/types/ui/create-form/utils/index.d.ts +1 -1
  15. package/dist/types/ui/error-boundary/error-boundary-base/index.d.ts +2 -2
  16. package/package.json +14 -5
  17. package/dist/types-ts4.0/common/constants.d.ts +0 -3
  18. package/dist/types-ts4.0/common/types.d.ts +0 -88
  19. package/dist/types-ts4.0/common/utils/analytics/analytics.codegen.d.ts +0 -48
  20. package/dist/types-ts4.0/common/utils/analytics/context.d.ts +0 -29
  21. package/dist/types-ts4.0/common/utils/analytics/index.d.ts +0 -1
  22. package/dist/types-ts4.0/controllers/callback-context/index.d.ts +0 -1
  23. package/dist/types-ts4.0/controllers/callback-context/main.d.ts +0 -22
  24. package/dist/types-ts4.0/controllers/form-context/index.d.ts +0 -1
  25. package/dist/types-ts4.0/controllers/form-context/main.d.ts +0 -12
  26. package/dist/types-ts4.0/index.d.ts +0 -7
  27. package/dist/types-ts4.0/ui/create-form/async-select/index.d.ts +0 -1
  28. package/dist/types-ts4.0/ui/create-form/async-select/main.d.ts +0 -10
  29. package/dist/types-ts4.0/ui/create-form/async-select/types.d.ts +0 -18
  30. package/dist/types-ts4.0/ui/create-form/index.d.ts +0 -3
  31. package/dist/types-ts4.0/ui/create-form/main.d.ts +0 -10
  32. package/dist/types-ts4.0/ui/create-form/messages.d.ts +0 -12
  33. package/dist/types-ts4.0/ui/create-form/textfield/index.d.ts +0 -1
  34. package/dist/types-ts4.0/ui/create-form/textfield/main.d.ts +0 -9
  35. package/dist/types-ts4.0/ui/create-form/textfield/types.d.ts +0 -14
  36. package/dist/types-ts4.0/ui/create-form/types.d.ts +0 -6
  37. package/dist/types-ts4.0/ui/create-form/utils/index.d.ts +0 -13
  38. package/dist/types-ts4.0/ui/error-boundary/error-boundary-base/index.d.ts +0 -18
  39. package/dist/types-ts4.0/ui/error-boundary/error-boundary-ui/error-svg/index.d.ts +0 -4
  40. package/dist/types-ts4.0/ui/error-boundary/error-boundary-ui/index.d.ts +0 -3
  41. package/dist/types-ts4.0/ui/error-boundary/error-boundary-ui/messages.d.ts +0 -13
  42. package/dist/types-ts4.0/ui/error-boundary/index.d.ts +0 -2
  43. package/dist/types-ts4.0/ui/group-selection/index.d.ts +0 -4
  44. package/dist/types-ts4.0/ui/group-selection/types.d.ts +0 -12
  45. package/dist/types-ts4.0/ui/index.d.ts +0 -5
  46. package/dist/types-ts4.0/ui/main.d.ts +0 -7
  47. package/dist/types-ts4.0/ui/messages.d.ts +0 -7
  48. package/dist/types-ts4.0/ui/types.d.ts +0 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/link-create
2
2
 
3
+ ## 0.4.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
8
+
9
+ ## 0.4.2
10
+
11
+ ### Patch Changes
12
+
13
+ - [`93af54caca2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/93af54caca2) - EDM-6553: no functionality change, just updating UI so that there is padding between the cancel and create button for link-create. Also updated the dropdown error message.
14
+
3
15
  ## 0.4.1
4
16
 
5
17
  ### Patch Changes
@@ -13,6 +13,7 @@ var _react = require("react");
13
13
  var _react2 = require("@emotion/react");
14
14
  var _reactIntlNext = require("react-intl-next");
15
15
  var _analyticsNext = require("@atlaskit/analytics-next");
16
+ var _button = require("@atlaskit/button");
16
17
  var _loadingButton = _interopRequireDefault(require("@atlaskit/button/loading-button"));
17
18
  var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
18
19
  var _form = _interopRequireWildcard(require("@atlaskit/form"));
@@ -95,7 +96,7 @@ var CreateForm = function CreateForm(_ref) {
95
96
  }, (0, _react2.jsx)(_error.default, {
96
97
  label: formErrorMessage,
97
98
  primaryColor: "var(--ds-icon-danger, #E34935)"
98
- }), formErrorMessage), (0, _react2.jsx)(_standardButton.default, {
99
+ }), formErrorMessage), (0, _react2.jsx)(_button.ButtonGroup, null, (0, _react2.jsx)(_standardButton.default, {
99
100
  appearance: "subtle",
100
101
  onClick: handleCancel,
101
102
  testId: 'cancel-button'
@@ -104,7 +105,7 @@ var CreateForm = function CreateForm(_ref) {
104
105
  type: "submit",
105
106
  isLoading: submitting,
106
107
  testId: 'create-button'
107
- }, intl.formatMessage(_messages.messages.create))));
108
+ }, intl.formatMessage(_messages.messages.create)))));
108
109
  });
109
110
  };
110
111
  exports.CreateForm = CreateForm;
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/link-create",
3
- "version": "0.4.1",
3
+ "version": "0.4.3",
4
4
  "sideEffects": false
5
5
  }
@@ -4,6 +4,7 @@ import { useCallback } from 'react';
4
4
  import { css, jsx } from '@emotion/react';
5
5
  import { useIntl } from 'react-intl-next';
6
6
  import { useAnalyticsEvents } from '@atlaskit/analytics-next';
7
+ import { ButtonGroup } from '@atlaskit/button';
7
8
  import LoadingButton from '@atlaskit/button/loading-button';
8
9
  import Button from '@atlaskit/button/standard-button';
9
10
  import Form, { FormFooter, FormSection } from '@atlaskit/form';
@@ -68,7 +69,7 @@ export const CreateForm = ({
68
69
  }, jsx(ErrorIcon, {
69
70
  label: formErrorMessage,
70
71
  primaryColor: "var(--ds-icon-danger, #E34935)"
71
- }), formErrorMessage), jsx(Button, {
72
+ }), formErrorMessage), jsx(ButtonGroup, null, jsx(Button, {
72
73
  appearance: "subtle",
73
74
  onClick: handleCancel,
74
75
  testId: 'cancel-button'
@@ -77,5 +78,5 @@ export const CreateForm = ({
77
78
  type: "submit",
78
79
  isLoading: submitting,
79
80
  testId: 'create-button'
80
- }, intl.formatMessage(messages.create)))));
81
+ }, intl.formatMessage(messages.create))))));
81
82
  };
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/link-create",
3
- "version": "0.4.1",
3
+ "version": "0.4.3",
4
4
  "sideEffects": false
5
5
  }
@@ -6,6 +6,7 @@ import { useCallback } from 'react';
6
6
  import { css, jsx } from '@emotion/react';
7
7
  import { useIntl } from 'react-intl-next';
8
8
  import { useAnalyticsEvents } from '@atlaskit/analytics-next';
9
+ import { ButtonGroup } from '@atlaskit/button';
9
10
  import LoadingButton from '@atlaskit/button/loading-button';
10
11
  import Button from '@atlaskit/button/standard-button';
11
12
  import Form, { FormFooter, FormSection } from '@atlaskit/form';
@@ -84,7 +85,7 @@ export var CreateForm = function CreateForm(_ref) {
84
85
  }, jsx(ErrorIcon, {
85
86
  label: formErrorMessage,
86
87
  primaryColor: "var(--ds-icon-danger, #E34935)"
87
- }), formErrorMessage), jsx(Button, {
88
+ }), formErrorMessage), jsx(ButtonGroup, null, jsx(Button, {
88
89
  appearance: "subtle",
89
90
  onClick: handleCancel,
90
91
  testId: 'cancel-button'
@@ -93,6 +94,6 @@ export var CreateForm = function CreateForm(_ref) {
93
94
  type: "submit",
94
95
  isLoading: submitting,
95
96
  testId: 'create-button'
96
- }, intl.formatMessage(messages.create))));
97
+ }, intl.formatMessage(messages.create)))));
97
98
  });
98
99
  };
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/link-create",
3
- "version": "0.4.1",
3
+ "version": "0.4.3",
4
4
  "sideEffects": false
5
5
  }
@@ -1,7 +1,7 @@
1
1
  import { ReactNode } from 'react';
2
2
  /** Map of field names to a list of validators for that field */
3
- export declare type ValidatorMap = Record<string, Validator[]>;
4
- export declare type Validator = {
3
+ export type ValidatorMap = Record<string, Validator[]>;
4
+ export type Validator = {
5
5
  /** Return true when the given input is valid */
6
6
  isValid: (val: unknown) => boolean;
7
7
  /** An error message is used to tell a user that the field input is invalid. For example, an error message could be 'Invalid username, needs to be more than 4 characters'. */
@@ -6,31 +6,31 @@
6
6
  * @codegen <<SignedSource::6d7803f5c035dc3cde1be03caa91eb04>>
7
7
  * @codegenCommand yarn workspace @atlaskit/link-create run codegen-analytics
8
8
  */
9
- export declare type PackageMetaDataType = {
9
+ export type PackageMetaDataType = {
10
10
  packageName: '@atlaskit/link-create';
11
11
  packageVersion: string;
12
12
  source: 'linkCreate';
13
13
  componentName: 'linkCreate';
14
14
  };
15
- export declare type LinkCreateAnalyticsContextType = {
15
+ export type LinkCreateAnalyticsContextType = {
16
16
  triggeredFrom: string;
17
17
  objectName: string;
18
18
  appearance: 'modal' | 'popup';
19
19
  };
20
- export declare type LinkCreateScreenViewedAttributesType = {};
21
- export declare type ButtonClickedCreateAttributesType = {};
22
- export declare type ButtonClickedCancelAttributesType = {};
23
- export declare type LinkCreateScreenClosedAttributesType = {};
24
- export declare type LinkCreateUnhandledErrorCaughtAttributesType = {
20
+ export type LinkCreateScreenViewedAttributesType = {};
21
+ export type ButtonClickedCreateAttributesType = {};
22
+ export type ButtonClickedCancelAttributesType = {};
23
+ export type LinkCreateScreenClosedAttributesType = {};
24
+ export type LinkCreateUnhandledErrorCaughtAttributesType = {
25
25
  browserInfo: string;
26
26
  error: string;
27
27
  componentStack: string | null;
28
28
  };
29
- export declare type ObjectCreatedLinkCreateAttributesType = {
29
+ export type ObjectCreatedLinkCreateAttributesType = {
30
30
  objectId: string;
31
31
  objectType: string;
32
32
  };
33
- declare type AnalyticsEventAttributes = {
33
+ type AnalyticsEventAttributes = {
34
34
  'screen.linkCreateScreen.viewed': LinkCreateScreenViewedAttributesType;
35
35
  'ui.button.clicked.create': ButtonClickedCreateAttributesType;
36
36
  'ui.button.clicked.cancel': ButtonClickedCancelAttributesType;
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { LinkCreateProps } from '../../types';
3
3
  import { LinkCreateAnalyticsContextType } from './analytics.codegen';
4
- export declare type TrackAttribute = <K extends keyof LinkCreateAnalyticsContextType>(attribute: K, value: LinkCreateAnalyticsContextType[K]) => void;
4
+ export type TrackAttribute = <K extends keyof LinkCreateAnalyticsContextType>(attribute: K, value: LinkCreateAnalyticsContextType[K]) => void;
5
5
  interface AnalyticsContextType {
6
6
  /**
7
7
  * Update a single attribute in the analytics context
@@ -1,6 +1,6 @@
1
1
  import { AsyncSelectProps as AKAsyncSelectProps, OptionType } from '@atlaskit/select';
2
2
  import { Validator } from '../../../common/types';
3
- export declare type AsyncSelectProps<T = OptionType> = AKAsyncSelectProps<T> & {
3
+ export type AsyncSelectProps<T = OptionType> = AKAsyncSelectProps<T> & {
4
4
  /** Name passed to the <Field>.*/
5
5
  name: string;
6
6
  /** This should be properly internationalization-ed */
@@ -1,6 +1,6 @@
1
1
  import { TextFieldProps as AKTextFieldProps } from '@atlaskit/textfield';
2
2
  import { Validator } from '../../../common/types';
3
- export declare type TextFieldProps = Omit<AKTextFieldProps, 'name' | 'isRequired'> & {
3
+ export type TextFieldProps = Omit<AKTextFieldProps, 'name' | 'isRequired'> & {
4
4
  /** Name passed to the <Field>.*/
5
5
  name: string;
6
6
  label?: string;
@@ -1,4 +1,4 @@
1
- export declare type Validator = {
1
+ export type Validator = {
2
2
  /** Return true when the given input is valid */
3
3
  isValid: (val: unknown) => boolean;
4
4
  /** An error message is used to tell a user that the field input is invalid. For example, an error message could be 'Invalid username, needs to be more than 4 characters'. */
@@ -1,6 +1,6 @@
1
1
  import { ValidatorMap } from '../../../common/types';
2
2
  /** Map of field names to errors for that field (or undefined if no error for that field) */
3
- export declare type ValidatorResults = {
3
+ export type ValidatorResults = {
4
4
  [name: string]: string | undefined;
5
5
  };
6
6
  /**
@@ -1,8 +1,8 @@
1
1
  import React, { Component, ReactNode } from 'react';
2
- export declare type ErrorBoundaryErrorInfo = {
2
+ export type ErrorBoundaryErrorInfo = {
3
3
  componentStack: string;
4
4
  };
5
- declare type BaseErrorBoundaryState = {
5
+ type BaseErrorBoundaryState = {
6
6
  hasError: boolean;
7
7
  };
8
8
  interface BaseErrorBoundaryProps {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/link-create",
3
- "version": "0.4.1",
3
+ "version": "0.4.3",
4
4
  "description": "The driver component of meta creation flow",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -20,6 +20,14 @@
20
20
  "module": "dist/esm/index.js",
21
21
  "module:es2019": "dist/es2019/index.js",
22
22
  "types": "dist/types/index.d.ts",
23
+ "typesVersions": {
24
+ ">=4.5 <4.9": {
25
+ "*": [
26
+ "dist/types-ts4.5/*",
27
+ "dist/types-ts4.5/index.d.ts"
28
+ ]
29
+ }
30
+ },
23
31
  "sideEffects": false,
24
32
  "atlaskit:src": "src/index.ts",
25
33
  "af:exports": {
@@ -34,7 +42,7 @@
34
42
  "@atlaskit/modal-dialog": "^12.5.0",
35
43
  "@atlaskit/select": "^16.2.0",
36
44
  "@atlaskit/textfield": "^5.4.0",
37
- "@atlaskit/tokens": "^1.3.0",
45
+ "@atlaskit/tokens": "^1.4.0",
38
46
  "@babel/runtime": "^7.0.0",
39
47
  "@emotion/react": "^11.7.1"
40
48
  },
@@ -44,7 +52,7 @@
44
52
  },
45
53
  "devDependencies": {
46
54
  "@atlaskit/docs": "*",
47
- "@atlaskit/link-picker": "^1.19.0",
55
+ "@atlaskit/link-picker": "^1.20.0",
48
56
  "@atlaskit/link-provider": "^1.6.0",
49
57
  "@atlaskit/link-test-helpers": "^2.3.0",
50
58
  "@atlaskit/popup": "^1.6.0",
@@ -54,14 +62,15 @@
54
62
  "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
55
63
  "@atlassian/link-create-confluence": "^5.0.0",
56
64
  "@atlassian/link-create-presets": "^3.0.0",
57
- "@atlassian/link-picker-plugins": "^19.0.0",
65
+ "@atlassian/link-picker-atlassian-plugin": "^30.0.0",
66
+ "@atlassian/link-picker-plugins": "^20.0.0",
58
67
  "@atlassian/recent-work-client": "^1.8.0",
59
68
  "@atlassian/search-client": "^0.8.0",
60
69
  "@testing-library/react": "^12.1.5",
61
70
  "@testing-library/user-event": "^14.4.3",
62
71
  "fetch-mock": "^8.0.0",
63
72
  "react-dom": "^16.8.0",
64
- "typescript": "4.5.5",
73
+ "typescript": "~4.9.5",
65
74
  "wait-for-expect": "^1.2.0"
66
75
  },
67
76
  "scripts": {
@@ -1,3 +0,0 @@
1
- export declare const ANALYTICS_CHANNEL = "media";
2
- export declare const COMPONENT_NAME = "linkCreate";
3
- export declare const CREATE_FORM_MAX_WIDTH_IN_PX = "600";
@@ -1,88 +0,0 @@
1
- import { ReactNode } from 'react';
2
- /** Map of field names to a list of validators for that field */
3
- export declare type ValidatorMap = Record<string, Validator[]>;
4
- export declare type Validator = {
5
- /** Return true when the given input is valid */
6
- isValid: (val: unknown) => boolean;
7
- /** An error message is used to tell a user that the field input is invalid. For example, an error message could be 'Invalid username, needs to be more than 4 characters'. */
8
- errorMessage: string;
9
- };
10
- export interface Group {
11
- /**
12
- * A label to display for the Group
13
- */
14
- label: string;
15
- /**
16
- * An icon to display for the Group
17
- */
18
- icon: string;
19
- /**
20
- * A unique key for the Group
21
- */
22
- key: string;
23
- }
24
- export interface LinkCreatePlugin {
25
- /**
26
- * The Group that this plugin entity belongs to
27
- */
28
- group: Group;
29
- /**
30
- * A label to display for the plugin entity
31
- */
32
- label: string;
33
- /**
34
- * An icon to display for the plugin entity
35
- */
36
- icon: string;
37
- /**
38
- * A unique key for the plugin entity
39
- */
40
- key: string;
41
- /**
42
- * A renderer function to render the form
43
- */
44
- form: ReactNode;
45
- }
46
- export interface LinkCreateProps {
47
- /**
48
- * A `testId` prop is provided for specified elements, which is a unique
49
- * string that appears as a data attribute `data-testid` in the rendered code,
50
- * serving as a hook for automated tests */
51
- testId?: string;
52
- plugins: LinkCreatePlugin[];
53
- /**
54
- * The initial group key for create. If this is provided, it will jump
55
- * directly to the entity selection screen
56
- */
57
- groupKey?: string;
58
- /**
59
- * The initial entity name for create. If this is provided, it will jump
60
- * directly to the entity creation form.
61
- * Note: it will be non-optional for now and can move to optional when we have
62
- * the meta creation flow built.
63
- */
64
- entityKey: string;
65
- /**
66
- * This callback for when the resource has been successfully created.
67
- */
68
- onCreate?: (url: string) => void;
69
- /**
70
- * This callback for any errors
71
- */
72
- onFailure?: (error: unknown) => void;
73
- /**
74
- * This callback for when the form was manually discarded by user
75
- */
76
- onCancel?: () => void;
77
- /**
78
- * This value controls whether the Create Modal should be active or hidden
79
- * Default: false
80
- */
81
- active?: boolean;
82
- /**
83
- * This value tells where the linkCreate was triggered from. And it's for
84
- * analytic purpose only.
85
- * Default: unknown
86
- */
87
- triggeredFrom?: string;
88
- }
@@ -1,48 +0,0 @@
1
- /**
2
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- *
4
- * Generates Typescript types for analytics events from analytics.spec.yaml
5
- *
6
- * @codegen <<SignedSource::6d7803f5c035dc3cde1be03caa91eb04>>
7
- * @codegenCommand yarn workspace @atlaskit/link-create run codegen-analytics
8
- */
9
- export declare type PackageMetaDataType = {
10
- packageName: '@atlaskit/link-create';
11
- packageVersion: string;
12
- source: 'linkCreate';
13
- componentName: 'linkCreate';
14
- };
15
- export declare type LinkCreateAnalyticsContextType = {
16
- triggeredFrom: string;
17
- objectName: string;
18
- appearance: 'modal' | 'popup';
19
- };
20
- export declare type LinkCreateScreenViewedAttributesType = {};
21
- export declare type ButtonClickedCreateAttributesType = {};
22
- export declare type ButtonClickedCancelAttributesType = {};
23
- export declare type LinkCreateScreenClosedAttributesType = {};
24
- export declare type LinkCreateUnhandledErrorCaughtAttributesType = {
25
- browserInfo: string;
26
- error: string;
27
- componentStack: string | null;
28
- };
29
- export declare type ObjectCreatedLinkCreateAttributesType = {
30
- objectId: string;
31
- objectType: string;
32
- };
33
- declare type AnalyticsEventAttributes = {
34
- 'screen.linkCreateScreen.viewed': LinkCreateScreenViewedAttributesType;
35
- 'ui.button.clicked.create': ButtonClickedCreateAttributesType;
36
- 'ui.button.clicked.cancel': ButtonClickedCancelAttributesType;
37
- 'screen.linkCreateScreen.closed': LinkCreateScreenClosedAttributesType;
38
- 'operational.linkCreate.unhandledErrorCaught': LinkCreateUnhandledErrorCaughtAttributesType;
39
- 'track.object.created.linkCreate': ObjectCreatedLinkCreateAttributesType;
40
- };
41
- declare function createEventPayload<K extends keyof AnalyticsEventAttributes>(eventKey: K, attributes: AnalyticsEventAttributes[K]): {
42
- eventType: string;
43
- actionSubject: string;
44
- action: string;
45
- actionSubjectId: string;
46
- attributes: AnalyticsEventAttributes[K];
47
- };
48
- export default createEventPayload;
@@ -1,29 +0,0 @@
1
- import React from 'react';
2
- import { LinkCreateProps } from '../../types';
3
- import { LinkCreateAnalyticsContextType } from './analytics.codegen';
4
- export declare type TrackAttribute = <K extends keyof LinkCreateAnalyticsContextType>(attribute: K, value: LinkCreateAnalyticsContextType[K]) => void;
5
- interface AnalyticsContextType {
6
- /**
7
- * Update a single attribute in the analytics context
8
- */
9
- trackAttribute: TrackAttribute;
10
- /**
11
- * Update a set of attributes in the analytics context
12
- */
13
- trackAttributes: (attributes: Partial<LinkCreateAnalyticsContextType>) => void;
14
- /**
15
- * Retrieve the current set of attributes
16
- * Can be used by components to derive/compute new attributes for specific events
17
- */
18
- getAttributes: () => LinkCreateAnalyticsContextType;
19
- }
20
- /**
21
- * Hook that exposes the context-level attribute getters and setters.
22
- */
23
- export declare const useLinkCreateAnalytics: () => AnalyticsContextType;
24
- /**
25
- * Wraps a component with the analytics context + listener to update events with contextual-level attributes.
26
- * Should be implemented once at the root of the link create.
27
- */
28
- export declare function withLinkCreateAnalyticsContext<P extends Pick<LinkCreateProps, 'groupKey' | 'entityKey' | 'triggeredFrom'>>(WrappedComponent: React.ComponentType<P>): React.ComponentType<P>;
29
- export {};
@@ -1 +0,0 @@
1
- export { useLinkCreateAnalytics, withLinkCreateAnalyticsContext, } from './context';
@@ -1 +0,0 @@
1
- export { LinkCreateCallbackProvider, useLinkCreateCallback } from './main';
@@ -1,22 +0,0 @@
1
- import React from 'react';
2
- interface LinkCreateCallbackProviderProps {
3
- /**
4
- * This callback for when the resource has been successfully created.
5
- */
6
- onCreate?: (result: {
7
- url: string;
8
- objectId: string;
9
- objectType: string;
10
- }) => void;
11
- /**
12
- * This callback for any errors
13
- */
14
- onFailure?: (errorMessage: string) => void;
15
- /**
16
- * This callback for when the form was manually discarded by user
17
- */
18
- onCancel?: () => void;
19
- }
20
- declare const LinkCreateCallbackProvider: React.FC<LinkCreateCallbackProviderProps>;
21
- declare const useLinkCreateCallback: () => LinkCreateCallbackProviderProps;
22
- export { LinkCreateCallbackProvider, useLinkCreateCallback };
@@ -1 +0,0 @@
1
- export { FormContextProvider, useFormContext } from './main';
@@ -1,12 +0,0 @@
1
- import React from 'react';
2
- import { Validator, ValidatorMap } from '../../common/types';
3
- interface FormContextType {
4
- assignValidator: (name: string, validators: Validator[]) => void;
5
- getValidators: () => ValidatorMap;
6
- setFormErrorMessage: (errorMessage?: string) => void;
7
- formErrorMessage?: string;
8
- }
9
- export declare const FormContext: React.Context<FormContextType>;
10
- declare const FormContextProvider: React.FC<{}>;
11
- declare const useFormContext: () => FormContextType;
12
- export { FormContextProvider, useFormContext };
@@ -1,7 +0,0 @@
1
- export type { Option } from './ui/types';
2
- export type { CreateFormProps } from './ui/index';
3
- export type { LinkCreateProps, LinkCreatePlugin } from './common/types';
4
- export { default, TextField, CreateForm, AsyncSelect } from './ui/index';
5
- export { useLinkCreateCallback, LinkCreateCallbackProvider, } from './controllers/callback-context';
6
- export { FormContextProvider, useFormContext, } from './controllers/form-context';
7
- export type { Validator, ValidatorMap } from './common/types';
@@ -1 +0,0 @@
1
- export { AsyncSelect } from './main';
@@ -1,10 +0,0 @@
1
- import { jsx } from '@emotion/react';
2
- import { OptionType } from '@atlaskit/select';
3
- import { AsyncSelectProps } from './types';
4
- /**
5
- * An async select utilising the Atlaskit AsyncSelect and Field objects from `@atlaskit/form`.
6
- * Validation is handled by the form as it is on form submission. Any errors returned by
7
- * the handleSubmit function passed to the form <Form> that have a key matching the `name`
8
- * of this text field are shown above the field.
9
- */
10
- export declare function AsyncSelect<T = OptionType>({ label, name, validationHelpText, isRequired, testId, validators, ...rest }: AsyncSelectProps<T>): jsx.JSX.Element;
@@ -1,18 +0,0 @@
1
- import { AsyncSelectProps as AKAsyncSelectProps, OptionType } from '@atlaskit/select';
2
- import { Validator } from '../../../common/types';
3
- export declare type AsyncSelectProps<T = OptionType> = AKAsyncSelectProps<T> & {
4
- /** Name passed to the <Field>.*/
5
- name: string;
6
- /** This should be properly internationalization-ed */
7
- label: string;
8
- /**
9
- * Optional text below the textfield explaining any requirements for a valid value.
10
- * eg. "Must be 4 or more letters"
11
- */
12
- validationHelpText?: string;
13
- testId?: string;
14
- /** Will display a red astrix next to the field title if true */
15
- isRequired?: boolean;
16
- /** Validators for this field */
17
- validators?: Validator[];
18
- };
@@ -1,3 +0,0 @@
1
- export { CreateForm } from './main';
2
- export { AsyncSelect } from './async-select';
3
- export { TextField } from './textfield';
@@ -1,10 +0,0 @@
1
- /** @jsx jsx */
2
- import { ReactNode } from 'react';
3
- import { jsx } from '@emotion/react';
4
- export interface CreateFormProps<FormData> {
5
- children: ReactNode;
6
- testId?: string;
7
- onCancel?: () => void;
8
- onSubmit: (data: FormData) => void;
9
- }
10
- export declare const CreateForm: <FormData_1 extends Record<string, any> = {}>({ children, testId, onCancel, onSubmit, }: CreateFormProps<FormData_1>) => jsx.JSX.Element;
@@ -1,12 +0,0 @@
1
- export declare const messages: {
2
- cancel: {
3
- id: string;
4
- defaultMessage: string;
5
- description: string;
6
- };
7
- create: {
8
- id: string;
9
- defaultMessage: string;
10
- description: string;
11
- };
12
- };
@@ -1 +0,0 @@
1
- export { TextField } from './main';
@@ -1,9 +0,0 @@
1
- import { jsx } from '@emotion/react';
2
- import { TextFieldProps } from './types';
3
- /**
4
- * A text field utilising the Atlaskit Textfield and Field objects from `@atlaskit/form`.
5
- * Validation is handled by the form as it is on form submission. Any errors returned by
6
- * the handleSubmit function passed to the form <Form> that have a key matching the `name`
7
- * of this text field are shown above the field.
8
- */
9
- export declare function TextField({ label, name, validationHelpText, validators, ...restProps }: TextFieldProps): jsx.JSX.Element;
@@ -1,14 +0,0 @@
1
- import { TextFieldProps as AKTextFieldProps } from '@atlaskit/textfield';
2
- import { Validator } from '../../../common/types';
3
- export declare type TextFieldProps = Omit<AKTextFieldProps, 'name' | 'isRequired'> & {
4
- /** Name passed to the <Field>.*/
5
- name: string;
6
- label?: string;
7
- /**
8
- * Optional text below the textfield explaining any requirements for a valid value.
9
- * eg. "Must be 4 or more letters"
10
- */
11
- validationHelpText?: string;
12
- /** Validators for this field */
13
- validators?: Validator[];
14
- };
@@ -1,6 +0,0 @@
1
- export declare type Validator = {
2
- /** Return true when the given input is valid */
3
- isValid: (val: unknown) => boolean;
4
- /** An error message is used to tell a user that the field input is invalid. For example, an error message could be 'Invalid username, needs to be more than 4 characters'. */
5
- errorMessage: string;
6
- };
@@ -1,13 +0,0 @@
1
- import { ValidatorMap } from '../../../common/types';
2
- /** Map of field names to errors for that field (or undefined if no error for that field) */
3
- export declare type ValidatorResults = {
4
- [name: string]: string | undefined;
5
- };
6
- /**
7
- * Returns an object where the keys are names of form fields, and values are a string if the field
8
- * has an error, or undefined if the field is valid.
9
- */
10
- export declare function validateFormData({ data, validators, }: {
11
- data: Record<string, unknown>;
12
- validators: ValidatorMap;
13
- }): ValidatorResults;
@@ -1,18 +0,0 @@
1
- import React, { Component, ReactNode } from 'react';
2
- export declare type ErrorBoundaryErrorInfo = {
3
- componentStack: string;
4
- };
5
- declare type BaseErrorBoundaryState = {
6
- hasError: boolean;
7
- };
8
- interface BaseErrorBoundaryProps {
9
- children: ReactNode;
10
- ErrorComponent?: React.ComponentType;
11
- onError?: (error: Error, info?: ErrorBoundaryErrorInfo) => void;
12
- }
13
- export declare class BaseErrorBoundary extends Component<BaseErrorBoundaryProps, BaseErrorBoundaryState> {
14
- constructor(props: BaseErrorBoundaryProps);
15
- componentDidCatch(error: Error, info?: ErrorBoundaryErrorInfo): void;
16
- render(): React.ReactNode;
17
- }
18
- export {};
@@ -1,4 +0,0 @@
1
- /** @jsx jsx */
2
- import { jsx } from '@emotion/react';
3
- declare const ErrorSVG: () => jsx.JSX.Element;
4
- export default ErrorSVG;
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const CONTACT_SUPPORT_LINK = "https://support.atlassian.com/contact/";
3
- export declare const ErrorBoundaryUI: () => JSX.Element;
@@ -1,13 +0,0 @@
1
- declare const _default: {
2
- heading: {
3
- id: string;
4
- defaultMessage: string;
5
- description: string;
6
- };
7
- description: {
8
- id: string;
9
- defaultMessage: string;
10
- description: string;
11
- };
12
- };
13
- export default _default;
@@ -1,2 +0,0 @@
1
- import React from 'react';
2
- export declare const ErrorBoundary: React.FC<{}>;
@@ -1,4 +0,0 @@
1
- /** @jsx jsx */
2
- import { jsx } from '@emotion/react';
3
- import { GroupSelectProps } from './types';
4
- export default function GroupSelect({ testId, groups }: GroupSelectProps): jsx.JSX.Element;
@@ -1,12 +0,0 @@
1
- import { Group } from '../../common/types';
2
- export interface GroupSelectProps {
3
- /**
4
- * A `testId` prop is provided for specified elements, which is a unique
5
- * string that appears as a data attribute `data-testid` in the rendered code,
6
- * serving as a hook for automated tests */
7
- testId?: string;
8
- /**
9
- * Available groups to display
10
- */
11
- groups: Group[];
12
- }
@@ -1,5 +0,0 @@
1
- export { default } from './main';
2
- export { TextField } from './create-form/textfield';
3
- export { CreateForm } from './create-form/main';
4
- export type { CreateFormProps } from './create-form/main';
5
- export { AsyncSelect } from './create-form/async-select';
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- import { jsx } from '@emotion/react';
3
- import { LinkCreateProps } from '../common/types';
4
- import { PackageMetaDataType } from '../common/utils/analytics/analytics.codegen';
5
- export declare const PACKAGE_DATA: PackageMetaDataType;
6
- declare const ComposedLinkCreate: import("react").MemoExoticComponent<(props: LinkCreateProps) => jsx.JSX.Element>;
7
- export default ComposedLinkCreate;
@@ -1,7 +0,0 @@
1
- export declare const messages: {
2
- heading: {
3
- id: string;
4
- defaultMessage: string;
5
- description: string;
6
- };
7
- };
@@ -1,6 +0,0 @@
1
- export interface Option {
2
- /** html `value` attribute to differentiate options */
3
- value: string;
4
- /** This should be properly internationalization-ed */
5
- label: string;
6
- }