@forge/react 11.14.2-next.2 → 11.14.2-next.4

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 CHANGED
@@ -1,5 +1,19 @@
1
1
  # @forge/react
2
2
 
3
+ ## 11.14.2-next.4
4
+
5
+ ### Patch Changes
6
+
7
+ - c476869: Consolidate types from @atlaskit/forge-react-types package
8
+ - @forge/bridge@5.16.0-next.3
9
+
10
+ ## 11.14.2-next.3
11
+
12
+ ### Patch Changes
13
+
14
+ - 71e812c: Consolidate UIKit component types properly through @atlaskit/forge-react-types
15
+ - @forge/bridge@5.16.0-next.2
16
+
3
17
  ## 11.14.2-next.2
4
18
 
5
19
  ### Patch Changes
@@ -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, { forYouUrl: "for-you-test", 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" }) })] }));
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,51 +1,23 @@
1
- import { ForgeElement, MarkupProps, NativeLinkProps as LinkProps, NativeUserPickerProps as UserPickerProps, UserGroupProps } from '../types/index';
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 '../types/index';
9
- declare type UserProps = {
10
- accountId: string;
11
- hideDisplayName?: boolean;
12
- };
8
+ export type { UserPickerValue } from '@atlaskit/forge-react-types';
13
9
  /**
14
- * A component that represents a user, displaying details such as name and profile picture.
15
- *
16
- * @see [User](https://developer.atlassian.com/platform/forge/ui-kit/components/user/) in UI Kit documentation for more information
10
+ * @deprecated - UIKit 1 specific component
17
11
  */
18
- export declare const User: (props: UserProps) => ForgeElement;
19
- export interface ImageProps {
20
- src: string;
21
- alt?: string;
22
- size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
23
- height?: string | number;
24
- width?: string | number;
25
- }
12
+ export declare const Em: (props: MarkupProps) => ForgeElement;
26
13
  /**
27
- * An image component to display images.
28
- *
29
- * @see [Image](https://developer.atlassian.com/platform/forge/ui-kit/components/image/) in UI Kit documentation for more information
14
+ * @deprecated - UIKit 1 specific component
30
15
  */
31
- export declare const Image: (props: ImageProps) => ForgeElement;
32
- export declare const Link: (props: LinkProps) => ForgeElement;
33
- export declare const UserPicker: (props: UserPickerProps) => ForgeElement;
34
- export declare const UserGroup: (props: UserGroupProps) => ForgeElement;
35
- export declare const Em: (props: MarkupProps) => ForgeElement;
36
16
  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
17
  /**
44
- * `Frame` component is in EAP (Early Access Program).
45
- *
46
- * For more information, see the {@link https://developer.atlassian.com/platform/forge/ui-kit/components/frame|Frame component} documentation.
18
+ * @deprecated - UIKit 1 specific component
47
19
  */
48
- export declare const Frame: (props: FrameProps) => ForgeElement;
20
+ export declare const Strong: (props: MarkupProps) => ForgeElement;
49
21
  /**
50
22
  * Export Code generated UI Kit 2 Components
51
23
  */
@@ -62,5 +34,10 @@ interface MacroCheckboxGroupProps {
62
34
  defaultValue?: string[];
63
35
  }
64
36
  declare type CheckboxGroupProps = MacroCheckboxGroupProps | UIKitCheckboxGroupProps;
37
+ /**
38
+ * A Checkbox group is a list of options where one or more choices can be selected.
39
+ *
40
+ * @see [CheckboxGroup](https://developer.atlassian.com/platform/forge/ui-kit/components/checkbox-group/) in UI Kit documentation for more information
41
+ */
65
42
  export declare const CheckboxGroup: (props: CheckboxGroupProps) => ForgeElement;
66
43
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,WAAW,EACX,eAAe,IAAI,SAAS,EAC5B,qBAAqB,IAAI,eAAe,EACxC,cAAc,EACf,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,kBAAkB,IAAI,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAC5F,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,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,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,eAAO,MAAM,IAAI,UAAgC,SAAS,KAAK,YAAY,CAAC;AAC5E,eAAO,MAAM,UAAU,UAAsC,eAAe,KAAK,YAAY,CAAC;AAC9F,eAAO,MAAM,SAAS,UAAqC,cAAc,KAAK,YAAY,CAAC;AAE3F,eAAO,MAAM,EAAE,UAA8B,WAAW,KAAK,YAAY,CAAC;AAC1E,eAAO,MAAM,MAAM,UAAkC,WAAW,KAAK,YAAY,CAAC;AAClF,eAAO,MAAM,MAAM,UAAkC,WAAW,KAAK,YAAY,CAAC;AAElF,aAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,KAAK,UAAiC,UAAU,KAAK,YAAY,CAAC;AAE/E;;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;AAC5E,eAAO,MAAM,aAAa,UAAyC,kBAAkB,KAAK,YAAY,CAAC"}
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;;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"}
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.CheckboxGroup = exports.Frame = exports.Strong = exports.Strike = exports.Em = exports.UserGroup = exports.UserPicker = exports.Link = exports.Image = exports.User = exports.AdfRenderer = exports.Comment = exports.Popup = exports.InlineEdit = exports.DynamicTable = void 0;
3
+ exports.CheckboxGroup = exports.Strong = exports.Strike = exports.Em = 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; } });
@@ -13,31 +13,24 @@ Object.defineProperty(exports, "Comment", { enumerable: true, get: function () {
13
13
  var adf_renderer_1 = require("./adf-renderer");
14
14
  Object.defineProperty(exports, "AdfRenderer", { enumerable: true, get: function () { return adf_renderer_1.AdfRenderer; } });
15
15
  /**
16
- * A component that represents a user, displaying details such as name and profile picture.
17
- *
18
- * @see [User](https://developer.atlassian.com/platform/forge/ui-kit/components/user/) in UI Kit documentation for more information
16
+ * @deprecated - UIKit 1 specific component
19
17
  */
20
- exports.User = 'User';
18
+ exports.Em = 'Em';
21
19
  /**
22
- * An image component to display images.
23
- *
24
- * @see [Image](https://developer.atlassian.com/platform/forge/ui-kit/components/image/) in UI Kit documentation for more information
20
+ * @deprecated - UIKit 1 specific component
25
21
  */
26
- exports.Image = 'Image';
27
- exports.Link = 'Link';
28
- exports.UserPicker = 'UserPicker';
29
- exports.UserGroup = 'UserGroup';
30
- exports.Em = 'Em';
31
22
  exports.Strike = 'Strike';
32
- exports.Strong = 'Strong';
33
23
  /**
34
- * `Frame` component is in EAP (Early Access Program).
35
- *
36
- * For more information, see the {@link https://developer.atlassian.com/platform/forge/ui-kit/components/frame|Frame component} documentation.
24
+ * @deprecated - UIKit 1 specific component
37
25
  */
38
- exports.Frame = 'Frame';
26
+ exports.Strong = 'Strong';
39
27
  /**
40
28
  * Export Code generated UI Kit 2 Components
41
29
  */
42
30
  tslib_1.__exportStar(require("./ui-kit-components"), exports);
31
+ /**
32
+ * A Checkbox group is a list of options where one or more choices can be selected.
33
+ *
34
+ * @see [CheckboxGroup](https://developer.atlassian.com/platform/forge/ui-kit/components/checkbox-group/) in UI Kit documentation for more information
35
+ */
43
36
  exports.CheckboxGroup = 'CheckboxGroup';
@@ -1,17 +1,8 @@
1
1
  import { InlineEditProps } from '@atlaskit/forge-react-types';
2
2
  /**
3
- * The following workaround is required because functions cannot be passed outside of the runtime.
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;AAU9D;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,mQAkBpB,eAAe,4CAqGjB,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"}
@@ -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, TImage, 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, TUser, 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
  *
@@ -152,6 +152,12 @@ export declare const HorizontalStackBarChart: THorizontalStackBarChart<ForgeElem
152
152
  * @see [Icon](https://developer.atlassian.com/platform/forge/ui-kit/components/icon/) in UI Kit documentation for more information
153
153
  */
154
154
  export declare const Icon: TIcon<ForgeElement<Record<string, any>>>;
155
+ /**
156
+ * An image component to display images.
157
+ *
158
+ * @see [Image](https://developer.atlassian.com/platform/forge/ui-kit/components/image/) in UI Kit documentation
159
+ */
160
+ export declare const Image: TImage<ForgeElement<Record<string, any>>>;
155
161
  /**
156
162
  * An inline manages the horizontal layout of direct children using flexbox.
157
163
  *
@@ -404,6 +410,12 @@ export declare const ChromelessEditor: TChromelessEditor<ForgeElement<Record<str
404
410
  * @see [Tile](https://developer.atlassian.com/platform/forge/ui-kit/components/tile/) in UI Kit documentation for more information
405
411
  */
406
412
  export declare const Tile: TTile<ForgeElement<Record<string, any>>>;
413
+ /**
414
+ * A component that represents a user, displaying details such as name and profile picture.
415
+ *
416
+ * @see [User](https://developer.atlassian.com/platform/forge/ui-kit/components/user/) in UI Kit documentation
417
+ */
418
+ export declare const User: TUser<ForgeElement<Record<string, any>>>;
407
419
  /**
408
420
  * An AtlassianTile is an icon that represents an Atlassian-specific content type, displayed in a tile.
409
421
  * The glyph prop automatically sets the color for the object.
@@ -418,4 +430,33 @@ export declare const AtlassianTile: TAtlassianTile<ForgeElement<Record<string, a
418
430
  * @see [AtlassianIcon](https://developer.atlassian.com/platform/forge/ui-kit/components/atlassian-icon/) in UI Kit documentation for more information
419
431
  */
420
432
  export declare const AtlassianIcon: TAtlassianIcon<ForgeElement<Record<string, any>>>;
433
+ /**
434
+ * A component that displays a hyperlink. Use this component for inline links,
435
+ * typically inside a `Text` component.
436
+ *
437
+ * @see [Link](https://developer.atlassian.com/platform/forge/ui-kit/components/link/) in UI Kit documentation
438
+ */
439
+ export declare const Link: TLink<ForgeElement<Record<string, any>>>;
440
+ /**
441
+ * A dropdown field that allows users to search and select users from a list.
442
+ *
443
+ * @see [UserPicker](https://developer.atlassian.com/platform/forge/ui-kit/components/user-picker/) in UI Kit documentation
444
+ */
445
+ export declare const UserPicker: TUserPicker<ForgeElement<Record<string, any>>>;
446
+ /**
447
+ * A container for rendering static frontend applications (HTML, CSS, JavaScript)
448
+ * within a UI Kit app. Supports bidirectional communication with the host app
449
+ * via the Events API.
450
+ *
451
+ * @see [Frame](https://developer.atlassian.com/platform/forge/ui-kit/components/frame/) in UI Kit documentation
452
+ */
453
+ export declare const Frame: TFrame<ForgeElement<Record<string, any>>>;
454
+ /**
455
+ * Displays a stack of multiple users (name and profile picture), subject to
456
+ * their privacy settings. Can also be used inside a `Text` component, where
457
+ * users appear as inline lozenges.
458
+ *
459
+ * @see [UserGroup](https://developer.atlassian.com/platform/forge/ui-kit/components/user-group/) in UI Kit documentation
460
+ */
461
+ export declare const UserGroup: TUserGroup<ForgeElement<Record<string, any>>>;
421
462
  //# 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,EACf,MAAM,6BAA6B,CAAC;AAErC;;;;GAIG;AACH,eAAO,MAAM,KAAK,2CAA6C,CAAC;AAChE;;;;GAIG;AACH,eAAO,MAAM,QAAQ,8CAAmD,CAAC;AACzE;;;;GAIG;AACH,eAAO,MAAM,GAAG,yCAAyC,CAAC;AAC1D;;;;GAIG;AACH,eAAO,MAAM,MAAM,4CAA+C,CAAC;AACnE;;;;GAIG;AACH,eAAO,MAAM,WAAW,iDAAyD,CAAC;AAClF;;;;GAIG;AACH,eAAO,MAAM,QAAQ,8CAAmD,CAAC;AACzE;;;;GAIG;AACH,eAAO,MAAM,QAAQ,8CAAmD,CAAC;AACzE;;;;GAIG;AACH,eAAO,MAAM,IAAI,0CAA2C,CAAC;AAC7D;;;;GAIG;AACH,eAAO,MAAM,SAAS,+CAAqD,CAAC;AAC5E;;;;GAIG;AACH,eAAO,MAAM,UAAU,gDAAuD,CAAC;AAC/E;;;;GAIG;AACH,eAAO,MAAM,UAAU,gDAAuD,CAAC;AAC/E;;;;GAIG;AACH,eAAO,MAAM,UAAU,gDAAuD,CAAC;AAC/E;;;;;GAKG;AACH,eAAO,MAAM,YAAY,kDAA2D,CAAC;AAErF;;;;GAIG;AACH,eAAO,MAAM,QAAQ,8CAAmD,CAAC;AAEzE;;;;GAIG;AACH,eAAO,MAAM,UAAU,gDAAuD,CAAC;AAE/E;;;;GAIG;AACH,eAAO,MAAM,IAAI,0CAA2C,CAAC;AAC7D;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,gDAAuD,CAAC;AAC/E;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,gDAAuD,CAAC;AAC/E;;;;;GAKG;AACH,eAAO,MAAM,WAAW,iDAAyD,CAAC;AAClF;;;;GAIG;AACH,eAAO,MAAM,OAAO,6CAAiD,CAAC;AACtE;;;;;GAKG;AACH,eAAO,MAAM,aAAa,mDAA6D,CAAC;AACxF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,wDAAuE,CAAC;AACvG;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,6DAAiF,CAAC;AACtH;;;;GAIG;AACH,eAAO,MAAM,IAAI,0CAA2C,CAAC;AAC7D;;;;GAIG;AACH,eAAO,MAAM,MAAM,4CAA+C,CAAC;AACnE;;;;GAIG;AACH,eAAO,MAAM,KAAK,2CAA6C,CAAC;AAChE;;;;GAIG;AACH,eAAO,MAAM,SAAS,+CAAqD,CAAC;AAC5E;;;;GAIG;AACH,eAAO,MAAM,UAAU,gDAAuD,CAAC;AAC/E;;;;GAIG;AACH,eAAO,MAAM,IAAI,0CAA2C,CAAC;AAC7D,eAAO,MAAM,QAAQ,8CAAmD,CAAC;AACzE;;;;GAIG;AACH,eAAO,MAAM,aAAa,mDAA6D,CAAC;AACxF;;;;GAIG;AACH,eAAO,MAAM,OAAO,6CAAiD,CAAC;AACtE;;;;GAIG;AACH,eAAO,MAAM,KAAK,2CAA6C,CAAC;AAChE;;;;GAIG;AACH,eAAO,MAAM,SAAS,+CAAqD,CAAC;AAC5E;;;;;GAKG;AACH,eAAO,MAAM,WAAW,iDAAyD,CAAC;AAClF;;;;GAIG;AACH,eAAO,MAAM,WAAW,iDAAyD,CAAC;AAClF;;;;GAIG;AACH,eAAO,MAAM,UAAU,gDAAuD,CAAC;AAC/E;;;;GAIG;AACH,eAAO,MAAM,eAAe,qDAAiE,CAAC;AAC9F;;;;GAIG;AACH,eAAO,MAAM,QAAQ,8CAAmD,CAAC;AACzE;;;;GAIG;AACH,eAAO,MAAM,WAAW,iDAAyD,CAAC;AAClF;;;;GAIG;AACH,eAAO,MAAM,eAAe,qDAAiE,CAAC;AAC9F;;;;GAIG;AACH,eAAO,MAAM,KAAK,2CAA6C,CAAC;AAChE;;;;GAIG;AACH,eAAO,MAAM,UAAU,gDAAuD,CAAC;AAC/E;;;;GAIG;AACH,eAAO,MAAM,KAAK,2CAA6C,CAAC;AAChE;;;;GAIG;AACH,eAAO,MAAM,MAAM,4CAA+C,CAAC;AACnE;;;;GAIG;AACH,eAAO,MAAM,cAAc,oDAA+D,CAAC;AAC3F;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,0DAA2E,CAAC;AAC7G;;;;GAIG;AACH,eAAO,MAAM,OAAO,6CAAiD,CAAC;AACtE;;;;GAIG;AACH,eAAO,MAAM,KAAK,2CAA6C,CAAC;AAChE;;;;GAIG;AACH,eAAO,MAAM,aAAa,mDAA6D,CAAC;AACxF;;;;GAIG;AACH,eAAO,MAAM,GAAG,yCAAyC,CAAC;AAC1D;;;;GAIG;AACH,eAAO,MAAM,OAAO,6CAAiD,CAAC;AACtE;;;;GAIG;AACH,eAAO,MAAM,QAAQ,8CAAmD,CAAC;AACzE;;;;GAIG;AACH,eAAO,MAAM,IAAI,0CAA2C,CAAC;AAC7D,eAAO,MAAM,GAAG,yCAAyC,CAAC;AAC1D;;;;GAIG;AACH,eAAO,MAAM,QAAQ,8CAAmD,CAAC;AACzE;;;;GAIG;AACH,eAAO,MAAM,QAAQ,8CAAmD,CAAC;AACzE;;;;GAIG;AACH,eAAO,MAAM,SAAS,+CAAqD,CAAC;AAC5E;;;;GAIG;AACH,eAAO,MAAM,UAAU,gDAAuD,CAAC;AAC/E;;;;GAIG;AACH,eAAO,MAAM,MAAM,4CAA+C,CAAC;AACnE;;;;GAIG;AACH,eAAO,MAAM,OAAO,6CAAiD,CAAC;AAEtE;;;;;GAKG;AACH,eAAO,MAAM,IAAI,0CAA2C,CAAC;AAE7D;;;;;GAKG;AACH,eAAO,MAAM,YAAY,kDAA2D,CAAC;AAErF,eAAO,MAAM,gBAAgB,QAA0C,WAAW,CAAC;AAEnF;;;;GAIG;AACH,eAAO,MAAM,SAAS,+CAAqD,CAAC;AAE5E;;;;GAIG;AACH,eAAO,MAAM,aAAa,mDAA6D,CAAC;AAExF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,sDAAmE,CAAC;AAEjG;;;;GAIG;AACH,eAAO,MAAM,IAAI,0CAA2C,CAAC;AAE7D;;;;;GAKG;AACH,eAAO,MAAM,aAAa,mDAA6D,CAAC;AAExF;;;;;GAKG;AACH,eAAO,MAAM,aAAa,mDAA6D,CAAC"}
1
+ {"version":3,"file":"ui-kit-components.d.ts","sourceRoot":"","sources":["../../src/components/ui-kit-components.ts"],"names":[],"mappings":"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"}
@@ -7,8 +7,8 @@
7
7
  // or the build process will automatically add the JSDoc comment during `bolt build`
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
- 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;
10
+ 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.Image = 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.UserGroup = exports.Frame = exports.UserPicker = exports.Link = exports.AtlassianIcon = exports.AtlassianTile = exports.User = 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 = exports.StackBarChart = void 0;
12
12
  /**
13
13
  * A badge is a visual indicator for numeric values such as tallies and scores.
14
14
  *
@@ -160,6 +160,12 @@ exports.HorizontalStackBarChart = 'HorizontalStackBarChart';
160
160
  * @see [Icon](https://developer.atlassian.com/platform/forge/ui-kit/components/icon/) in UI Kit documentation for more information
161
161
  */
162
162
  exports.Icon = 'Icon';
163
+ /**
164
+ * An image component to display images.
165
+ *
166
+ * @see [Image](https://developer.atlassian.com/platform/forge/ui-kit/components/image/) in UI Kit documentation
167
+ */
168
+ exports.Image = 'Image';
163
169
  /**
164
170
  * An inline manages the horizontal layout of direct children using flexbox.
165
171
  *
@@ -413,6 +419,12 @@ exports.ChromelessEditor = 'ChromelessEditor';
413
419
  * @see [Tile](https://developer.atlassian.com/platform/forge/ui-kit/components/tile/) in UI Kit documentation for more information
414
420
  */
415
421
  exports.Tile = 'Tile';
422
+ /**
423
+ * A component that represents a user, displaying details such as name and profile picture.
424
+ *
425
+ * @see [User](https://developer.atlassian.com/platform/forge/ui-kit/components/user/) in UI Kit documentation
426
+ */
427
+ exports.User = 'User';
416
428
  /**
417
429
  * An AtlassianTile is an icon that represents an Atlassian-specific content type, displayed in a tile.
418
430
  * The glyph prop automatically sets the color for the object.
@@ -427,3 +439,32 @@ exports.AtlassianTile = 'AtlassianTile';
427
439
  * @see [AtlassianIcon](https://developer.atlassian.com/platform/forge/ui-kit/components/atlassian-icon/) in UI Kit documentation for more information
428
440
  */
429
441
  exports.AtlassianIcon = 'AtlassianIcon';
442
+ /**
443
+ * A component that displays a hyperlink. Use this component for inline links,
444
+ * typically inside a `Text` component.
445
+ *
446
+ * @see [Link](https://developer.atlassian.com/platform/forge/ui-kit/components/link/) in UI Kit documentation
447
+ */
448
+ exports.Link = 'Link';
449
+ /**
450
+ * A dropdown field that allows users to search and select users from a list.
451
+ *
452
+ * @see [UserPicker](https://developer.atlassian.com/platform/forge/ui-kit/components/user-picker/) in UI Kit documentation
453
+ */
454
+ exports.UserPicker = 'UserPicker';
455
+ /**
456
+ * A container for rendering static frontend applications (HTML, CSS, JavaScript)
457
+ * within a UI Kit app. Supports bidirectional communication with the host app
458
+ * via the Events API.
459
+ *
460
+ * @see [Frame](https://developer.atlassian.com/platform/forge/ui-kit/components/frame/) in UI Kit documentation
461
+ */
462
+ exports.Frame = 'Frame';
463
+ /**
464
+ * Displays a stack of multiple users (name and profile picture), subject to
465
+ * their privacy settings. Can also be used inside a `Text` component, where
466
+ * users appear as inline lozenges.
467
+ *
468
+ * @see [UserGroup](https://developer.atlassian.com/platform/forge/ui-kit/components/user-group/) in UI Kit documentation
469
+ */
470
+ exports.UserGroup = 'UserGroup';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@forge/react",
3
- "version": "11.14.2-next.2",
3
+ "version": "11.14.2-next.4",
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.2",
35
- "@forge/bridge": "^5.16.0-next.1",
34
+ "@atlaskit/forge-react-types": "^1.0.8",
35
+ "@forge/bridge": "^5.16.0-next.3",
36
36
  "@forge/egress": "^2.3.2",
37
37
  "@forge/i18n": "0.0.7",
38
38
  "@types/react": "^18.2.64",