@forge/react 11.14.2-next.1-experimental-5b726e6 → 11.14.2-next.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.
- package/CHANGELOG.md +10 -3
- package/out/__test__/reconciler.test.js +1 -1
- package/out/components/adf-renderer.d.ts +11 -0
- package/out/components/adf-renderer.d.ts.map +1 -1
- package/out/components/adf-renderer.js +11 -0
- package/out/components/dynamic-table.d.ts +5 -0
- package/out/components/dynamic-table.d.ts.map +1 -1
- package/out/components/dynamic-table.js +5 -0
- package/out/components/index.d.ts +16 -16
- package/out/components/index.d.ts.map +1 -1
- package/out/components/index.js +14 -9
- package/out/components/inline-edit.d.ts +2 -11
- package/out/components/inline-edit.d.ts.map +1 -1
- package/out/components/inline-edit.js +6 -1
- package/out/components/popup.d.ts +5 -0
- package/out/components/popup.d.ts.map +1 -1
- package/out/components/popup.js +5 -0
- package/out/components/ui-kit-components.d.ts +30 -1
- package/out/components/ui-kit-components.d.ts.map +1 -1
- package/out/components/ui-kit-components.js +30 -1
- package/package.json +3 -3
- package/tsconfig.tsbuildinfo +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,11 +1,18 @@
|
|
|
1
1
|
# @forge/react
|
|
2
2
|
|
|
3
|
-
## 11.14.2-next.
|
|
3
|
+
## 11.14.2-next.3
|
|
4
4
|
|
|
5
5
|
### Patch Changes
|
|
6
6
|
|
|
7
|
-
-
|
|
8
|
-
- @forge/bridge@5.
|
|
7
|
+
- 71e812c: Consolidate UIKit component types properly through @atlaskit/forge-react-types
|
|
8
|
+
- @forge/bridge@5.16.0-next.2
|
|
9
|
+
|
|
10
|
+
## 11.14.2-next.2
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- Updated dependencies [fd8e87e]
|
|
15
|
+
- @forge/bridge@5.16.0-next.1
|
|
9
16
|
|
|
10
17
|
## 11.14.2-next.1
|
|
11
18
|
|
|
@@ -122,7 +122,7 @@ describe('Global component reconciliation', () => {
|
|
|
122
122
|
beforeAll(async () => {
|
|
123
123
|
bridgeCalls = (0, testUtils_1.setupBridge)();
|
|
124
124
|
const App = () => {
|
|
125
|
-
return ((0, jsx_runtime_1.jsxs)(global_1.Global, { children: [(0, jsx_runtime_1.jsxs)(global_1.Sidebar, {
|
|
125
|
+
return ((0, jsx_runtime_1.jsxs)(global_1.Global, { children: [(0, jsx_runtime_1.jsxs)(global_1.Sidebar, { children: [(0, jsx_runtime_1.jsx)(global_1.LinkMenuItem, { label: "Link item 1", href: "1" }), (0, jsx_runtime_1.jsx)(global_1.LinkMenuItem, { label: "Link item 2", href: "2" }), (0, jsx_runtime_1.jsx)(global_1.LinkMenuItem, { label: "Link item 3", href: "3" }), (0, jsx_runtime_1.jsxs)(global_1.ExpandableMenuItem, { label: `Campaign 49`, children: [(0, jsx_runtime_1.jsx)(global_1.LinkMenuItem, { label: `Campaign 49 Home`, href: `campaigns/49` }), (0, jsx_runtime_1.jsx)(global_1.LinkMenuItem, { label: `Feedback for Campaign 49`, href: `campaigns/49/feedback` })] }, 49), (0, jsx_runtime_1.jsxs)(global_1.ExpandableMenuItem, { label: `Campaign 23`, children: [(0, jsx_runtime_1.jsx)(global_1.LinkMenuItem, { label: `Campaign 23 Home`, href: `campaigns/23` }), (0, jsx_runtime_1.jsx)(global_1.LinkMenuItem, { label: `Feedback for Campaign 23`, href: `campaigns/23/feedback` })] }, 23)] }), (0, jsx_runtime_1.jsx)(global_1.Main, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: "hello" }) })] }));
|
|
126
126
|
};
|
|
127
127
|
resetKeyCount();
|
|
128
128
|
await reconcilerTestRenderer_1.default.create((0, jsx_runtime_1.jsx)(App, {}));
|
|
@@ -3,6 +3,17 @@ import type { Visitor } from '@atlaskit/adf-utils';
|
|
|
3
3
|
declare type AdfRendererProps = Omit<PlatformAdfRendererProps, 'documentWithoutMedia'> & {
|
|
4
4
|
replaceUnsupportedNode?: Visitor;
|
|
5
5
|
};
|
|
6
|
+
/**
|
|
7
|
+
* The AdfRenderer component provides a way to render a valid ADF document, using the same renderer that Atlassian uses internally to render ADF content in Confluence pages, Jira work items, and so on.
|
|
8
|
+
* It allows you to replace node types that are unsupported in the context of a Forge app with replacement content, or remove them entirely.
|
|
9
|
+
* See [Atlassian Document Format](https://developer.atlassian.com/cloud/jira/platform/apis/document/structure/) for information on valid nodes.
|
|
10
|
+
*
|
|
11
|
+
* This component uses [@atlaskit/renderer](https://www.npmjs.com/package/@atlaskit/renderer) under the hood.
|
|
12
|
+
*
|
|
13
|
+
* Visit [Renderer editor](https://atlaskit.atlassian.com/examples/editor/renderer/basic) for a comprehensive list of different ADF document examples
|
|
14
|
+
*
|
|
15
|
+
* @see [AdfRenderer](https://developer.atlassian.com/platform/forge/ui-kit/components/adfRenderer/) in UI Kit documentation for more information
|
|
16
|
+
*/
|
|
6
17
|
export declare const AdfRenderer: (props: AdfRendererProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
18
|
export {};
|
|
8
19
|
//# sourceMappingURL=adf-renderer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"adf-renderer.d.ts","sourceRoot":"","sources":["../../src/components/adf-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,IAAI,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAChG,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAInD,aAAK,gBAAgB,GAAG,IAAI,CAAC,wBAAwB,EAAE,sBAAsB,CAAC,GAAG;IAC/E,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAIF,eAAO,MAAM,WAAW,UAAW,gBAAgB,4CAiBlD,CAAC"}
|
|
1
|
+
{"version":3,"file":"adf-renderer.d.ts","sourceRoot":"","sources":["../../src/components/adf-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,IAAI,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAChG,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAInD,aAAK,gBAAgB,GAAG,IAAI,CAAC,wBAAwB,EAAE,sBAAsB,CAAC,GAAG;IAC/E,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAIF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,UAAW,gBAAgB,4CAiBlD,CAAC"}
|
|
@@ -4,6 +4,17 @@ exports.AdfRenderer = void 0;
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const replaceUnsupportedDocumentNodes_1 = require("./utils/replaceUnsupportedDocumentNodes");
|
|
6
6
|
const PlatformAdfRenderer = 'AdfRenderer';
|
|
7
|
+
/**
|
|
8
|
+
* The AdfRenderer component provides a way to render a valid ADF document, using the same renderer that Atlassian uses internally to render ADF content in Confluence pages, Jira work items, and so on.
|
|
9
|
+
* It allows you to replace node types that are unsupported in the context of a Forge app with replacement content, or remove them entirely.
|
|
10
|
+
* See [Atlassian Document Format](https://developer.atlassian.com/cloud/jira/platform/apis/document/structure/) for information on valid nodes.
|
|
11
|
+
*
|
|
12
|
+
* This component uses [@atlaskit/renderer](https://www.npmjs.com/package/@atlaskit/renderer) under the hood.
|
|
13
|
+
*
|
|
14
|
+
* Visit [Renderer editor](https://atlaskit.atlassian.com/examples/editor/renderer/basic) for a comprehensive list of different ADF document examples
|
|
15
|
+
*
|
|
16
|
+
* @see [AdfRenderer](https://developer.atlassian.com/platform/forge/ui-kit/components/adfRenderer/) in UI Kit documentation for more information
|
|
17
|
+
*/
|
|
7
18
|
const AdfRenderer = (props) => {
|
|
8
19
|
const { replaceUnsupportedNode, document, ...adfRendererProps } = props;
|
|
9
20
|
const documentWithMedia = replaceUnsupportedNode
|
|
@@ -1,3 +1,8 @@
|
|
|
1
1
|
import { DynamicTableProps } from '@atlaskit/forge-react-types';
|
|
2
|
+
/**
|
|
3
|
+
* A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.
|
|
4
|
+
*
|
|
5
|
+
* @see [DynamicTable](https://developer.atlassian.com/platform/forge/ui-kit/components/dynamic-table/) in UI Kit documentation for more information
|
|
6
|
+
*/
|
|
2
7
|
export declare const DynamicTable: ({ head, rows, ...tableProps }: DynamicTableProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
8
|
//# sourceMappingURL=dynamic-table.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dynamic-table.d.ts","sourceRoot":"","sources":["../../src/components/dynamic-table.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AA2BhE,eAAO,MAAM,YAAY,kCAAmC,iBAAiB,4CA+C5E,CAAC"}
|
|
1
|
+
{"version":3,"file":"dynamic-table.d.ts","sourceRoot":"","sources":["../../src/components/dynamic-table.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AA2BhE;;;;GAIG;AACH,eAAO,MAAM,YAAY,kCAAmC,iBAAiB,4CA+C5E,CAAC"}
|
|
@@ -13,6 +13,11 @@ const content_wrapper_1 = require("./utils/content-wrapper");
|
|
|
13
13
|
const DynamicTablePrimitive = 'DynamicTable';
|
|
14
14
|
const Cell = 'Cell';
|
|
15
15
|
const Row = 'Row';
|
|
16
|
+
/**
|
|
17
|
+
* A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.
|
|
18
|
+
*
|
|
19
|
+
* @see [DynamicTable](https://developer.atlassian.com/platform/forge/ui-kit/components/dynamic-table/) in UI Kit documentation for more information
|
|
20
|
+
*/
|
|
16
21
|
const DynamicTable = ({ head, rows, ...tableProps }) => {
|
|
17
22
|
const transformedHead = head?.cells.map((cell) => {
|
|
18
23
|
const { content, key: cellKey, ...cellProps } = cell;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { CheckboxGroupProps as UIKitCheckboxGroupProps } from '@atlaskit/forge-react-types';
|
|
1
|
+
import { MarkupProps } from '../types/index';
|
|
2
|
+
import { CheckboxGroupProps as UIKitCheckboxGroupProps, ForgeElement } from '@atlaskit/forge-react-types';
|
|
3
3
|
export { DynamicTable } from './dynamic-table';
|
|
4
4
|
export { InlineEdit } from './inline-edit';
|
|
5
5
|
export { Popup } from './popup';
|
|
6
6
|
export { Comment } from './comment';
|
|
7
7
|
export { AdfRenderer } from './adf-renderer';
|
|
8
|
-
export { UserPickerValue } from '
|
|
8
|
+
export type { UserPickerValue } from '@atlaskit/forge-react-types';
|
|
9
9
|
declare type UserProps = {
|
|
10
10
|
accountId: string;
|
|
11
11
|
hideDisplayName?: boolean;
|
|
@@ -29,23 +29,18 @@ export interface ImageProps {
|
|
|
29
29
|
* @see [Image](https://developer.atlassian.com/platform/forge/ui-kit/components/image/) in UI Kit documentation for more information
|
|
30
30
|
*/
|
|
31
31
|
export declare const Image: (props: ImageProps) => ForgeElement;
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
32
|
+
/**
|
|
33
|
+
* @deprecated - UIKit 1 specific component
|
|
34
|
+
*/
|
|
35
35
|
export declare const Em: (props: MarkupProps) => ForgeElement;
|
|
36
|
+
/**
|
|
37
|
+
* @deprecated - UIKit 1 specific component
|
|
38
|
+
*/
|
|
36
39
|
export declare const Strike: (props: MarkupProps) => ForgeElement;
|
|
37
|
-
export declare const Strong: (props: MarkupProps) => ForgeElement;
|
|
38
|
-
declare type FrameProps = {
|
|
39
|
-
resource: string;
|
|
40
|
-
height?: string;
|
|
41
|
-
width?: string;
|
|
42
|
-
};
|
|
43
40
|
/**
|
|
44
|
-
*
|
|
45
|
-
*
|
|
46
|
-
* For more information, see the {@link https://developer.atlassian.com/platform/forge/ui-kit/components/frame|Frame component} documentation.
|
|
41
|
+
* @deprecated - UIKit 1 specific component
|
|
47
42
|
*/
|
|
48
|
-
export declare const
|
|
43
|
+
export declare const Strong: (props: MarkupProps) => ForgeElement;
|
|
49
44
|
/**
|
|
50
45
|
* Export Code generated UI Kit 2 Components
|
|
51
46
|
*/
|
|
@@ -62,5 +57,10 @@ interface MacroCheckboxGroupProps {
|
|
|
62
57
|
defaultValue?: string[];
|
|
63
58
|
}
|
|
64
59
|
declare type CheckboxGroupProps = MacroCheckboxGroupProps | UIKitCheckboxGroupProps;
|
|
60
|
+
/**
|
|
61
|
+
* A Checkbox group is a list of options where one or more choices can be selected.
|
|
62
|
+
*
|
|
63
|
+
* @see [CheckboxGroup](https://developer.atlassian.com/platform/forge/ui-kit/components/checkbox-group/) in UI Kit documentation for more information
|
|
64
|
+
*/
|
|
65
65
|
export declare const CheckboxGroup: (props: CheckboxGroupProps) => ForgeElement;
|
|
66
66
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,IAAI,uBAAuB,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC1G,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAEnE,aAAK,SAAS,GAAG;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AACF;;;;GAIG;AACH,eAAO,MAAM,IAAI,UAAgC,SAAS,KAAK,YAAY,CAAC;AAE5E,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC1D,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK,UAAiC,UAAU,KAAK,YAAY,CAAC;AAE/E;;GAEG;AACH,eAAO,MAAM,EAAE,UAA8B,WAAW,KAAK,YAAY,CAAC;AAC1E;;GAEG;AACH,eAAO,MAAM,MAAM,UAAkC,WAAW,KAAK,YAAY,CAAC;AAClF;;GAEG;AACH,eAAO,MAAM,MAAM,UAAkC,WAAW,KAAK,YAAY,CAAC;AAElF;;GAEG;AACH,cAAc,qBAAqB,CAAC;AAIpC,UAAU,uBAAuB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC3C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AACD,aAAK,kBAAkB,GAAG,uBAAuB,GAAG,uBAAuB,CAAC;AAE5E;;;;GAIG;AACH,eAAO,MAAM,aAAa,UAAyC,kBAAkB,KAAK,YAAY,CAAC"}
|
package/out/components/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.CheckboxGroup = exports.
|
|
3
|
+
exports.CheckboxGroup = exports.Strong = exports.Strike = exports.Em = exports.Image = exports.User = exports.AdfRenderer = exports.Comment = exports.Popup = exports.InlineEdit = exports.DynamicTable = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
var dynamic_table_1 = require("./dynamic-table");
|
|
6
6
|
Object.defineProperty(exports, "DynamicTable", { enumerable: true, get: function () { return dynamic_table_1.DynamicTable; } });
|
|
@@ -24,20 +24,25 @@ exports.User = 'User';
|
|
|
24
24
|
* @see [Image](https://developer.atlassian.com/platform/forge/ui-kit/components/image/) in UI Kit documentation for more information
|
|
25
25
|
*/
|
|
26
26
|
exports.Image = 'Image';
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
/**
|
|
28
|
+
* @deprecated - UIKit 1 specific component
|
|
29
|
+
*/
|
|
30
30
|
exports.Em = 'Em';
|
|
31
|
+
/**
|
|
32
|
+
* @deprecated - UIKit 1 specific component
|
|
33
|
+
*/
|
|
31
34
|
exports.Strike = 'Strike';
|
|
32
|
-
exports.Strong = 'Strong';
|
|
33
35
|
/**
|
|
34
|
-
*
|
|
35
|
-
*
|
|
36
|
-
* For more information, see the {@link https://developer.atlassian.com/platform/forge/ui-kit/components/frame|Frame component} documentation.
|
|
36
|
+
* @deprecated - UIKit 1 specific component
|
|
37
37
|
*/
|
|
38
|
-
exports.
|
|
38
|
+
exports.Strong = 'Strong';
|
|
39
39
|
/**
|
|
40
40
|
* Export Code generated UI Kit 2 Components
|
|
41
41
|
*/
|
|
42
42
|
tslib_1.__exportStar(require("./ui-kit-components"), exports);
|
|
43
|
+
/**
|
|
44
|
+
* A Checkbox group is a list of options where one or more choices can be selected.
|
|
45
|
+
*
|
|
46
|
+
* @see [CheckboxGroup](https://developer.atlassian.com/platform/forge/ui-kit/components/checkbox-group/) in UI Kit documentation for more information
|
|
47
|
+
*/
|
|
43
48
|
exports.CheckboxGroup = 'CheckboxGroup';
|
|
@@ -1,17 +1,8 @@
|
|
|
1
1
|
import { InlineEditProps } from '@atlaskit/forge-react-types';
|
|
2
2
|
/**
|
|
3
|
-
*
|
|
4
|
-
* The Renderer will invoke the function from within the runtime
|
|
5
|
-
* Instead of passing the function, we are reimplementing validation and confirmation here to provide the same behaviour as the ADS version.
|
|
6
|
-
*
|
|
7
|
-
* The reimplemented functions include:
|
|
8
|
-
* - validate
|
|
9
|
-
* - onConfirm
|
|
10
|
-
* - onCancel
|
|
11
|
-
* - onEdit
|
|
12
|
-
*
|
|
13
|
-
* readView and editView also need to be evaluated here so that into a primitive type(JS object) to be rendered by the Renderer. Otherwise the Renderer will not be able to evaluate them on the product side.
|
|
3
|
+
* An inline edit displays a custom input component that switches between reading and editing on the same page.
|
|
14
4
|
*
|
|
5
|
+
* @see [InlineEdit](https://developer.atlassian.com/platform/forge/ui-kit/components/inline-edit/) in UI Kit documentation for more information
|
|
15
6
|
*/
|
|
16
7
|
export declare const InlineEdit: ({ label, readView, editView, validate, startWithEditViewOpen, keepEditViewOpenOnBlur, hideActionButtons, isRequired, readViewFitContainerWidth, editButtonLabel, confirmButtonLabel, cancelButtonLabel, defaultValue, isEditing, onConfirm, onCancel, onEdit }: InlineEditProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
8
|
//# sourceMappingURL=inline-edit.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inline-edit.d.ts","sourceRoot":"","sources":["../../src/components/inline-edit.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"inline-edit.d.ts","sourceRoot":"","sources":["../../src/components/inline-edit.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAwB9D;;;;GAIG;AACH,eAAO,MAAM,UAAU,mQAkBpB,eAAe,4CAqGjB,CAAC"}
|
|
@@ -4,7 +4,6 @@ exports.InlineEdit = void 0;
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
const content_wrapper_1 = require("./utils/content-wrapper");
|
|
7
|
-
const InlineEditPrimitive = 'InlineEdit';
|
|
8
7
|
/**
|
|
9
8
|
* The following workaround is required because functions cannot be passed outside of the runtime.
|
|
10
9
|
* The Renderer will invoke the function from within the runtime
|
|
@@ -19,6 +18,12 @@ const InlineEditPrimitive = 'InlineEdit';
|
|
|
19
18
|
* readView and editView also need to be evaluated here so that into a primitive type(JS object) to be rendered by the Renderer. Otherwise the Renderer will not be able to evaluate them on the product side.
|
|
20
19
|
*
|
|
21
20
|
*/
|
|
21
|
+
const InlineEditPrimitive = 'InlineEdit';
|
|
22
|
+
/**
|
|
23
|
+
* An inline edit displays a custom input component that switches between reading and editing on the same page.
|
|
24
|
+
*
|
|
25
|
+
* @see [InlineEdit](https://developer.atlassian.com/platform/forge/ui-kit/components/inline-edit/) in UI Kit documentation for more information
|
|
26
|
+
*/
|
|
22
27
|
const InlineEdit = ({ label, readView, editView, validate, startWithEditViewOpen, keepEditViewOpenOnBlur, hideActionButtons, isRequired, readViewFitContainerWidth, editButtonLabel, confirmButtonLabel, cancelButtonLabel, defaultValue, isEditing, onConfirm, onCancel, onEdit }) => {
|
|
23
28
|
const [prevValue, setPrevValue] = (0, react_1.useState)();
|
|
24
29
|
const [value, setValue] = (0, react_1.useState)(defaultValue);
|
|
@@ -1,3 +1,8 @@
|
|
|
1
1
|
import { PopupProps } from '@atlaskit/forge-react-types';
|
|
2
|
+
/**
|
|
3
|
+
* A popup displays brief content in an overlay.
|
|
4
|
+
*
|
|
5
|
+
* @see [Popup](https://developer.atlassian.com/platform/forge/ui-kit/components/popup/) in UI Kit documentation for more information
|
|
6
|
+
*/
|
|
2
7
|
export declare const Popup: ({ content, trigger, isOpen, id, testId, onClose, boundary, rootBoundary, shouldFlip, placement, fallbackPlacements, autoFocus, shouldUseCaptureOnOutsideClick, shouldFitContainer, shouldDisableFocusLock, strategy, role, label, titleId, shouldRenderToParent }: PopupProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
8
|
//# sourceMappingURL=popup.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popup.d.ts","sourceRoot":"","sources":["../../src/components/popup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAUzD,eAAO,MAAM,KAAK,sQAqBf,UAAU,4CA0BZ,CAAC"}
|
|
1
|
+
{"version":3,"file":"popup.d.ts","sourceRoot":"","sources":["../../src/components/popup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAUzD;;;;GAIG;AACH,eAAO,MAAM,KAAK,sQAqBf,UAAU,4CA0BZ,CAAC"}
|
package/out/components/popup.js
CHANGED
|
@@ -4,6 +4,11 @@ exports.Popup = void 0;
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const content_wrapper_1 = require("./utils/content-wrapper");
|
|
6
6
|
const PopupPrimitive = 'Popup';
|
|
7
|
+
/**
|
|
8
|
+
* A popup displays brief content in an overlay.
|
|
9
|
+
*
|
|
10
|
+
* @see [Popup](https://developer.atlassian.com/platform/forge/ui-kit/components/popup/) in UI Kit documentation for more information
|
|
11
|
+
*/
|
|
7
12
|
const Popup = ({ content, trigger, isOpen, id, testId, onClose, boundary, rootBoundary, shouldFlip, placement, fallbackPlacements, autoFocus, shouldUseCaptureOnOutsideClick, shouldFitContainer, shouldDisableFocusLock, strategy, role, label, titleId, shouldRenderToParent }) => {
|
|
8
13
|
return ((0, jsx_runtime_1.jsxs)(PopupPrimitive, { isOpen: isOpen, id: id, testId: testId, onClose: onClose, boundary: boundary, rootBoundary: rootBoundary, shouldFlip: shouldFlip, placement: placement, fallbackPlacements: fallbackPlacements, autoFocus: autoFocus, shouldUseCaptureOnOutsideClick: shouldUseCaptureOnOutsideClick, shouldFitContainer: shouldFitContainer, shouldDisableFocusLock: shouldDisableFocusLock, shouldRenderToParent: shouldRenderToParent, strategy: strategy, role: role, label: label, titleId: titleId, children: [(0, jsx_runtime_1.jsx)(content_wrapper_1.ContentWrapper, { name: "content", children: content() }), (0, jsx_runtime_1.jsx)(content_wrapper_1.ContentWrapper, { name: "trigger", children: trigger() })] }));
|
|
9
14
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ForgeElement } from '../types/index';
|
|
3
|
-
import type { TBadge, TBarChart, TBox, TButton, TButtonGroup, TCalendar, TCheckbox, TCode, TCodeBlock, TDatePicker, TDonutChart, TErrorMessage, TFileCard, TFilePicker, THeading, THelperMessage, THorizontalBarChart, THorizontalStackBarChart, TInline, TLabel, TList, TListItem, TLozenge, TLineChart, TLinkButton, TModal, TModalHeader, TModalBody, TModalFooter, TModalTitle, TModalTransition, TPieChart, TProgressBar, TProgressTracker, TRadio, TRadioGroup, TRange, TSectionMessage, TSectionMessageAction, TSpinner, TStack, TStackBarChart, TTabs, TTab, TTabList, TTabPanel, TTag, TTagGroup, TTimePicker, TForm, TFormHeader, TFormFooter, TFormSection, TTooltip, TTextArea, TTextfield, TText, TToggle, TValidMessage, TLoadingButton, TSelect, TIcon, TEmptyState, TPressable, TCommentEditor, TChromelessEditor, TTile, TAtlassianTile, TAtlassianIcon } from '@atlaskit/forge-react-types';
|
|
3
|
+
import type { TBadge, TBarChart, TBox, TButton, TButtonGroup, TCalendar, TCheckbox, TCode, TCodeBlock, TDatePicker, TDonutChart, TErrorMessage, TFileCard, TFilePicker, THeading, THelperMessage, THorizontalBarChart, THorizontalStackBarChart, TInline, TLabel, TList, TListItem, TLozenge, TLineChart, TLinkButton, TModal, TModalHeader, TModalBody, TModalFooter, TModalTitle, TModalTransition, TPieChart, TProgressBar, TProgressTracker, TRadio, TRadioGroup, TRange, TSectionMessage, TSectionMessageAction, TSpinner, TStack, TStackBarChart, TTabs, TTab, TTabList, TTabPanel, TTag, TTagGroup, TTimePicker, TForm, TFormHeader, TFormFooter, TFormSection, TTooltip, TTextArea, TTextfield, TText, TToggle, TValidMessage, TLoadingButton, TSelect, TIcon, TEmptyState, TPressable, TCommentEditor, TChromelessEditor, TTile, TAtlassianTile, TAtlassianIcon, TLink, TUserPicker, TFrame, TUserGroup } from '@atlaskit/forge-react-types';
|
|
4
4
|
/**
|
|
5
5
|
* A badge is a visual indicator for numeric values such as tallies and scores.
|
|
6
6
|
*
|
|
@@ -418,4 +418,33 @@ export declare const AtlassianTile: TAtlassianTile<ForgeElement<Record<string, a
|
|
|
418
418
|
* @see [AtlassianIcon](https://developer.atlassian.com/platform/forge/ui-kit/components/atlassian-icon/) in UI Kit documentation for more information
|
|
419
419
|
*/
|
|
420
420
|
export declare const AtlassianIcon: TAtlassianIcon<ForgeElement<Record<string, any>>>;
|
|
421
|
+
/**
|
|
422
|
+
* A component that displays a hyperlink. Use this component for inline links,
|
|
423
|
+
* typically inside a `Text` component.
|
|
424
|
+
*
|
|
425
|
+
* @see [Link](https://developer.atlassian.com/platform/forge/ui-kit/components/link/) in UI Kit documentation
|
|
426
|
+
*/
|
|
427
|
+
export declare const Link: TLink<ForgeElement<Record<string, any>>>;
|
|
428
|
+
/**
|
|
429
|
+
* A dropdown field that allows users to search and select users from a list.
|
|
430
|
+
*
|
|
431
|
+
* @see [UserPicker](https://developer.atlassian.com/platform/forge/ui-kit/components/user-picker/) in UI Kit documentation
|
|
432
|
+
*/
|
|
433
|
+
export declare const UserPicker: TUserPicker<ForgeElement<Record<string, any>>>;
|
|
434
|
+
/**
|
|
435
|
+
* A container for rendering static frontend applications (HTML, CSS, JavaScript)
|
|
436
|
+
* within a UI Kit app. Supports bidirectional communication with the host app
|
|
437
|
+
* via the Events API.
|
|
438
|
+
*
|
|
439
|
+
* @see [Frame](https://developer.atlassian.com/platform/forge/ui-kit/components/frame/) in UI Kit documentation
|
|
440
|
+
*/
|
|
441
|
+
export declare const Frame: TFrame<ForgeElement<Record<string, any>>>;
|
|
442
|
+
/**
|
|
443
|
+
* Displays a stack of multiple users (name and profile picture), subject to
|
|
444
|
+
* their privacy settings. Can also be used inside a `Text` component, where
|
|
445
|
+
* users appear as inline lozenges.
|
|
446
|
+
*
|
|
447
|
+
* @see [UserGroup](https://developer.atlassian.com/platform/forge/ui-kit/components/user-group/) in UI Kit documentation
|
|
448
|
+
*/
|
|
449
|
+
export declare const UserGroup: TUserGroup<ForgeElement<Record<string, any>>>;
|
|
421
450
|
//# sourceMappingURL=ui-kit-components.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui-kit-components.d.ts","sourceRoot":"","sources":["../../src/components/ui-kit-components.ts"],"names":[],"mappings":";AAQA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,EACV,MAAM,EACN,SAAS,EACT,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,SAAS,EACT,SAAS,EACT,KAAK,EACL,UAAU,EACV,WAAW,EACX,WAAW,EACX,aAAa,EACb,SAAS,EACT,WAAW,EACX,QAAQ,EACR,cAAc,EACd,mBAAmB,EACnB,wBAAwB,EACxB,OAAO,EACP,MAAM,EACN,KAAK,EACL,SAAS,EACT,QAAQ,EACR,UAAU,EACV,WAAW,EACX,MAAM,EACN,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,MAAM,EACN,WAAW,EACX,MAAM,EACN,eAAe,EACf,qBAAqB,EACrB,QAAQ,EACR,MAAM,EACN,cAAc,EACd,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,SAAS,EACT,WAAW,EACX,KAAK,EACL,WAAW,EACX,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,UAAU,EACV,KAAK,EACL,OAAO,EACP,aAAa,EACb,cAAc,EACd,OAAO,EACP,KAAK,EACL,WAAW,EACX,UAAU,EACV,cAAc,EACd,iBAAiB,EACjB,KAAK,EACL,cAAc,EACd,cAAc,
|
|
1
|
+
{"version":3,"file":"ui-kit-components.d.ts","sourceRoot":"","sources":["../../src/components/ui-kit-components.ts"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
// For more information, please see: https://hello.atlassian.net/wiki/x/SI2n0w?atlOrigin=eyJpIjoiYjJhOTliZmZmYWE1NDE5ZjgzOWU1Y2ViZWI3Yjk3NTMiLCJwIjoiYyJ9
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.StackBarChart = exports.Stack = exports.Spinner = exports.SectionMessageAction = exports.SectionMessage = exports.Select = exports.Range = exports.RadioGroup = exports.Radio = exports.ProgressTracker = exports.ProgressBar = exports.PieChart = exports.ModalTransition = exports.ModalTitle = exports.ModalHeader = exports.ModalFooter = exports.ModalBody = exports.Modal = exports.Lozenge = exports.LoadingButton = exports.ListItem = exports.List = exports.LinkButton = exports.LineChart = exports.Label = exports.Inline = exports.Icon = exports.HorizontalStackBarChart = exports.HorizontalBarChart = exports.HelperMessage = exports.Heading = exports.FormSection = exports.FormHeader = exports.FormFooter = exports.Form = exports.FilePicker = exports.FileCard = exports.ErrorMessage = exports.EmptyState = exports.DonutChart = exports.DatePicker = exports.CodeBlock = exports.Code = exports.Checkbox = exports.Calendar = exports.ButtonGroup = exports.Button = exports.Box = exports.BarChart = exports.Badge = void 0;
|
|
11
|
-
exports.AtlassianIcon = exports.AtlassianTile = exports.Tile = exports.ChromelessEditor = exports.CommentEditor = exports.Pressable = exports.RequiredAsterisk = exports.ValidMessage = exports.Text = exports.Tooltip = exports.Toggle = exports.TimePicker = exports.Textfield = exports.TextArea = exports.TagGroup = exports.Tag = exports.Tabs = exports.TabPanel = exports.TabList = exports.Tab = void 0;
|
|
11
|
+
exports.UserGroup = exports.Frame = exports.UserPicker = exports.Link = exports.AtlassianIcon = exports.AtlassianTile = exports.Tile = exports.ChromelessEditor = exports.CommentEditor = exports.Pressable = exports.RequiredAsterisk = exports.ValidMessage = exports.Text = exports.Tooltip = exports.Toggle = exports.TimePicker = exports.Textfield = exports.TextArea = exports.TagGroup = exports.Tag = exports.Tabs = exports.TabPanel = exports.TabList = exports.Tab = void 0;
|
|
12
12
|
/**
|
|
13
13
|
* A badge is a visual indicator for numeric values such as tallies and scores.
|
|
14
14
|
*
|
|
@@ -427,3 +427,32 @@ exports.AtlassianTile = 'AtlassianTile';
|
|
|
427
427
|
* @see [AtlassianIcon](https://developer.atlassian.com/platform/forge/ui-kit/components/atlassian-icon/) in UI Kit documentation for more information
|
|
428
428
|
*/
|
|
429
429
|
exports.AtlassianIcon = 'AtlassianIcon';
|
|
430
|
+
/**
|
|
431
|
+
* A component that displays a hyperlink. Use this component for inline links,
|
|
432
|
+
* typically inside a `Text` component.
|
|
433
|
+
*
|
|
434
|
+
* @see [Link](https://developer.atlassian.com/platform/forge/ui-kit/components/link/) in UI Kit documentation
|
|
435
|
+
*/
|
|
436
|
+
exports.Link = 'Link';
|
|
437
|
+
/**
|
|
438
|
+
* A dropdown field that allows users to search and select users from a list.
|
|
439
|
+
*
|
|
440
|
+
* @see [UserPicker](https://developer.atlassian.com/platform/forge/ui-kit/components/user-picker/) in UI Kit documentation
|
|
441
|
+
*/
|
|
442
|
+
exports.UserPicker = 'UserPicker';
|
|
443
|
+
/**
|
|
444
|
+
* A container for rendering static frontend applications (HTML, CSS, JavaScript)
|
|
445
|
+
* within a UI Kit app. Supports bidirectional communication with the host app
|
|
446
|
+
* via the Events API.
|
|
447
|
+
*
|
|
448
|
+
* @see [Frame](https://developer.atlassian.com/platform/forge/ui-kit/components/frame/) in UI Kit documentation
|
|
449
|
+
*/
|
|
450
|
+
exports.Frame = 'Frame';
|
|
451
|
+
/**
|
|
452
|
+
* Displays a stack of multiple users (name and profile picture), subject to
|
|
453
|
+
* their privacy settings. Can also be used inside a `Text` component, where
|
|
454
|
+
* users appear as inline lozenges.
|
|
455
|
+
*
|
|
456
|
+
* @see [UserGroup](https://developer.atlassian.com/platform/forge/ui-kit/components/user-group/) in UI Kit documentation
|
|
457
|
+
*/
|
|
458
|
+
exports.UserGroup = 'UserGroup';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@forge/react",
|
|
3
|
-
"version": "11.14.2-next.
|
|
3
|
+
"version": "11.14.2-next.3",
|
|
4
4
|
"description": "Forge React reconciler",
|
|
5
5
|
"author": "Atlassian",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
@@ -31,8 +31,8 @@
|
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"@atlaskit/adf-schema": "^48.0.0",
|
|
33
33
|
"@atlaskit/adf-utils": "^19.19.0",
|
|
34
|
-
"@atlaskit/forge-react-types": "^1.0.
|
|
35
|
-
"@forge/bridge": "^5.
|
|
34
|
+
"@atlaskit/forge-react-types": "^1.0.7",
|
|
35
|
+
"@forge/bridge": "^5.16.0-next.2",
|
|
36
36
|
"@forge/egress": "^2.3.2",
|
|
37
37
|
"@forge/i18n": "0.0.7",
|
|
38
38
|
"@types/react": "^18.2.64",
|