@forge/react 10.1.1-next.1 → 10.1.1

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @forge/react
 
+## 10.1.1
+
+### Patch Changes
+
+- e982c6f: Fix fields setting to undefined on onBlur
+- c875971: Fix useForm not holding defaultValue state when rendering within a Modal
+- Updated dependencies [b280247]
+  - @forge/bridge@3.4.0
+
+## 10.1.1-next.2
+
+### Patch Changes
+
+- e982c6f: Fix fields setting to undefined on onBlur
+
 ## 10.1.1-next.1
 
 ### Patch Changes

package/out/__test__/hostConfig.test.js

@@ -1,7 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 let keyCount = 0;
-jest.mock('uuid', () => (Object.assign(Object.assign({}, jest.requireActual('uuid')), { v4: () => `${keyCount++}` })));
+jest.mock('uuid', () => ({
+    ...jest.requireActual('uuid'),
+    v4: () => `${keyCount++}`
+}));
 const reconciler_1 = require("../reconciler");
 const testUtils_1 = require("./testUtils");
 const emptyForgeDoc = (0, reconciler_1.createElement)({ type: 'root', props: {} });

package/out/__test__/inline.test.js

@@ -13,7 +13,7 @@ describe('reconciled output', () => {
     });
     it('renders Inline ForgeDoc', async () => {
         const Test = () => {
-            return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsxs)(components_1.Inline, Object.assign({ space: "space.500" }, { children: [(0, jsx_runtime_1.jsxs)(components_1.Inline, Object.assign({ alignInline: "start", space: "space.100" }, { children: [(0, jsx_runtime_1.jsx)(components_1.Heading, Object.assign({ as: "h3" }, { children: "Hug" })), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "greyLight", text: "1" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "blueLight", text: "2" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "greenLight", text: "3" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "red", text: "Really looooooooooooooooooong" }), (0, jsx_runtime_1.jsx)(components_1.Button, Object.assign({ appearance: "primary", onClick: jest.fn() }, { children: "Button" }))] })), (0, jsx_runtime_1.jsxs)(components_1.Inline, Object.assign({ alignInline: "start", space: "space.100" }, { children: [(0, jsx_runtime_1.jsx)(components_1.Heading, Object.assign({ as: "h3" }, { children: "Fill" })), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "greyLight", text: "1" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "blueLight", text: "2" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "greenLight", text: "3" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "red", text: "Really looooooooooooooooooong" }), (0, jsx_runtime_1.jsx)(components_1.Button, Object.assign({ appearance: "primary", onClick: jest.fn() }, { children: "Button" }))] }))] })) }));
+            return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsxs)(components_1.Inline, { space: "space.500", children: [(0, jsx_runtime_1.jsxs)(components_1.Inline, { alignInline: "start", space: "space.100", children: [(0, jsx_runtime_1.jsx)(components_1.Heading, { as: "h3", children: "Hug" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "greyLight", text: "1" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "blueLight", text: "2" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "greenLight", text: "3" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "red", text: "Really looooooooooooooooooong" }), (0, jsx_runtime_1.jsx)(components_1.Button, { appearance: "primary", onClick: jest.fn(), children: "Button" })] }), (0, jsx_runtime_1.jsxs)(components_1.Inline, { alignInline: "start", space: "space.100", children: [(0, jsx_runtime_1.jsx)(components_1.Heading, { as: "h3", children: "Fill" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "greyLight", text: "1" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "blueLight", text: "2" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "greenLight", text: "3" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "red", text: "Really looooooooooooooooooong" }), (0, jsx_runtime_1.jsx)(components_1.Button, { appearance: "primary", onClick: jest.fn(), children: "Button" })] })] }) }));
         };
         await reconcilerTestRenderer_1.default.create((0, jsx_runtime_1.jsx)(Test, {}));
         const forgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);

package/out/__test__/reconciler.test.js

@@ -3,7 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 let keyCount = 0;
-jest.mock('uuid', () => (Object.assign(Object.assign({}, jest.requireActual('uuid')), { v4: () => `${keyCount++}` })));
+jest.mock('uuid', () => ({
+    ...jest.requireActual('uuid'),
+    v4: () => `${keyCount++}`
+}));
 const resetKeyCount = () => {
     keyCount = 0;
 };
@@ -23,7 +26,7 @@ describe('Reconcilation', () => {
         bridgeCalls = (0, testUtils_1.setupBridge)();
         const Test = () => {
             const [bool, setBool] = (0, react_1.useState)(false);
-            return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Text, { children: !bool ? 'Loading...' : 'Now loaded...' }), (0, jsx_runtime_1.jsx)(components_1.Button, Object.assign({ onClick: () => setBool(true) }, { children: "Click" })), (0, jsx_runtime_1.jsx)(components_1.Lozenge, Object.assign({ appearance: "inprogress" }, { children: "Test" }))] }));
+            return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Text, { children: !bool ? 'Loading...' : 'Now loaded...' }), (0, jsx_runtime_1.jsx)(components_1.Button, { onClick: () => setBool(true), children: "Click" }), (0, jsx_runtime_1.jsx)(components_1.Lozenge, { appearance: "inprogress", children: "Test" })] }));
         };
         resetKeyCount();
         await reconcilerTestRenderer_1.default.create((0, jsx_runtime_1.jsx)(Test, {}));
@@ -55,7 +58,7 @@ describe('deep tree reconciliation', () => {
             function incrementCount() {
                 setCount(count + 1);
             }
-            return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsxs)(components_1.Inline, { children: [(0, jsx_runtime_1.jsx)(components_1.Stack, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: count }) }), (0, jsx_runtime_1.jsxs)(components_1.Stack, { children: [(0, jsx_runtime_1.jsx)(components_1.Text, { children: "Should not update" }), (0, jsx_runtime_1.jsx)(components_1.Button, Object.assign({ onClick: incrementCount }, { children: "Click" }))] })] }) }));
+            return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsxs)(components_1.Inline, { children: [(0, jsx_runtime_1.jsx)(components_1.Stack, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: count }) }), (0, jsx_runtime_1.jsxs)(components_1.Stack, { children: [(0, jsx_runtime_1.jsx)(components_1.Text, { children: "Should not update" }), (0, jsx_runtime_1.jsx)(components_1.Button, { onClick: incrementCount, children: "Click" })] })] }) }));
         };
         resetKeyCount();
         await reconcilerTestRenderer_1.default.create((0, jsx_runtime_1.jsx)(Test, {}));
@@ -65,13 +68,12 @@ describe('deep tree reconciliation', () => {
         expect(forgeDoc).toMatchSnapshot();
     });
     it('should match snapshot after triggering update', () => {
-        var _a, _b;
         let forgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);
         expect(forgeDoc).not.toBeNull();
         const button = (0, testUtils_1.findElementInForgeDoc)(forgeDoc, '8');
         expect(button).not.toBeUndefined();
-        expect((_a = button === null || button === void 0 ? void 0 : button.props) === null || _a === void 0 ? void 0 : _a.onClick).not.toBeUndefined();
-        (_b = button === null || button === void 0 ? void 0 : button.props) === null || _b === void 0 ? void 0 : _b.onClick();
+        expect(button?.props?.onClick).not.toBeUndefined();
+        button?.props?.onClick();
         forgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);
         expect(forgeDoc).toMatchSnapshot();
     });
@@ -88,8 +90,8 @@ describe('macro config', () => {
         await reconcilerTestRenderer_1.default.create((0, jsx_runtime_1.jsx)(App, {}));
         await reconcilerTestRenderer_1.default.addConfig((0, jsx_runtime_1.jsx)(Config, {}));
         const configForgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);
-        expect(configForgeDoc === null || configForgeDoc === void 0 ? void 0 : configForgeDoc.type).toEqual('MacroConfig');
-        expect(configForgeDoc === null || configForgeDoc === void 0 ? void 0 : configForgeDoc.children[0].type).toEqual('Textfield');
+        expect(configForgeDoc?.type).toEqual('MacroConfig');
+        expect(configForgeDoc?.children[0].type).toEqual('Textfield');
     });
 });
 describe('id props', () => {
@@ -97,7 +99,7 @@ describe('id props', () => {
     beforeAll(async () => {
         bridgeCalls = (0, testUtils_1.setupBridge)();
         const Test = () => {
-            return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Label, Object.assign({ labelFor: "username" }, { children: "username" })), (0, jsx_runtime_1.jsx)(components_1.Textfield, { id: "username", placeholder: "name" }), (0, jsx_runtime_1.jsx)(components_1.DatePicker, { id: "datepicker", placeholder: "date" })] }));
+            return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Label, { labelFor: "username", children: "username" }), (0, jsx_runtime_1.jsx)(components_1.Textfield, { id: "username", placeholder: "name" }), (0, jsx_runtime_1.jsx)(components_1.DatePicker, { id: "datepicker", placeholder: "date" })] }));
         };
         await reconcilerTestRenderer_1.default.create((0, jsx_runtime_1.jsx)(Test, {}));
     });
@@ -122,7 +124,7 @@ describe('function props __id__ attributes', () => {
             function incrementCount() {
                 setCount(count + 1);
             }
-            return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsxs)(components_1.Inline, { children: [(0, jsx_runtime_1.jsx)(components_1.Stack, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: count }) }), (0, jsx_runtime_1.jsxs)(components_1.Stack, { children: [(0, jsx_runtime_1.jsx)(components_1.Button, Object.assign({ appearance: "danger", onClick: incrementCount }, { children: "Click" })), (0, jsx_runtime_1.jsx)(components_1.Stack, { children: (0, jsx_runtime_1.jsx)(components_1.Button, Object.assign({ autoFocus: true, onClick: () => setCount(0) }, { children: "Reset" })) })] })] }) }));
+            return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsxs)(components_1.Inline, { children: [(0, jsx_runtime_1.jsx)(components_1.Stack, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: count }) }), (0, jsx_runtime_1.jsxs)(components_1.Stack, { children: [(0, jsx_runtime_1.jsx)(components_1.Button, { appearance: "danger", onClick: incrementCount, children: "Click" }), (0, jsx_runtime_1.jsx)(components_1.Stack, { children: (0, jsx_runtime_1.jsx)(components_1.Button, { autoFocus: true, onClick: () => setCount(0), children: "Reset" }) })] })] }) }));
         };
         resetKeyCount();
         await reconcilerTestRenderer_1.default.create((0, jsx_runtime_1.jsx)(Test, {}));
@@ -133,11 +135,10 @@ describe('function props __id__ attributes', () => {
         expect((0, testUtils_1.findElementInForgeDoc)(forgeDoc, '9')).toHaveProperty('props.onClick.__id__', '8');
     });
     it('should not contain __id__ attribute for non function props', () => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const forgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);
-        expect((_b = (_a = (0, testUtils_1.findElementInForgeDoc)(forgeDoc, '6')) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.appearance).toBe('danger');
-        expect((_e = (_d = (_c = (0, testUtils_1.findElementInForgeDoc)(forgeDoc, '6')) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.appearance) === null || _e === void 0 ? void 0 : _e.__id__).toBeUndefined();
-        expect((_g = (_f = (0, testUtils_1.findElementInForgeDoc)(forgeDoc, '9')) === null || _f === void 0 ? void 0 : _f.props) === null || _g === void 0 ? void 0 : _g.autoFocus).toBe(true);
-        expect((_k = (_j = (_h = (0, testUtils_1.findElementInForgeDoc)(forgeDoc, '9')) === null || _h === void 0 ? void 0 : _h.props) === null || _j === void 0 ? void 0 : _j.autoFocus) === null || _k === void 0 ? void 0 : _k.__id__).toBeUndefined();
+        expect((0, testUtils_1.findElementInForgeDoc)(forgeDoc, '6')?.props?.appearance).toBe('danger');
+        expect((0, testUtils_1.findElementInForgeDoc)(forgeDoc, '6')?.props?.appearance?.__id__).toBeUndefined();
+        expect((0, testUtils_1.findElementInForgeDoc)(forgeDoc, '9')?.props?.autoFocus).toBe(true);
+        expect((0, testUtils_1.findElementInForgeDoc)(forgeDoc, '9')?.props?.autoFocus?.__id__).toBeUndefined();
     });
 });

package/out/__test__/stack.test.js

@@ -13,7 +13,7 @@ describe('reconciled output', () => {
     });
     it('renders Stack ForgeDoc', async () => {
         const Test = () => {
-            return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsxs)(components_1.Stack, Object.assign({ space: "space.200" }, { children: [(0, jsx_runtime_1.jsxs)(components_1.Stack, Object.assign({ space: "space.100" }, { children: [(0, jsx_runtime_1.jsx)(components_1.Heading, Object.assign({ as: "h3" }, { children: "default align" })), (0, jsx_runtime_1.jsxs)(components_1.Stack, Object.assign({ space: "space.100" }, { children: [(0, jsx_runtime_1.jsx)(components_1.Tag, { color: "greyLight", text: "1" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "blueLight", text: "2" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "greenLight", text: "3" })] }))] })), (0, jsx_runtime_1.jsxs)(components_1.Stack, Object.assign({ space: "space.100" }, { children: [(0, jsx_runtime_1.jsx)(components_1.Heading, Object.assign({ as: "h3" }, { children: "start align" })), (0, jsx_runtime_1.jsxs)(components_1.Stack, Object.assign({ space: "space.100", alignInline: "start" }, { children: [(0, jsx_runtime_1.jsx)(components_1.Tag, { color: "greyLight", text: "1" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "blueLight", text: "2" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "greenLight", text: "3" })] }))] })), (0, jsx_runtime_1.jsxs)(components_1.Stack, Object.assign({ space: "space.100" }, { children: [(0, jsx_runtime_1.jsx)(components_1.Heading, Object.assign({ as: "h3" }, { children: "center align" })), (0, jsx_runtime_1.jsxs)(components_1.Stack, Object.assign({ space: "space.100", alignInline: "center" }, { children: [(0, jsx_runtime_1.jsx)(components_1.Tag, { color: "greyLight", text: "1" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "blueLight", text: "2" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "greenLight", text: "3" })] }))] })), (0, jsx_runtime_1.jsxs)(components_1.Stack, Object.assign({ space: "space.100" }, { children: [(0, jsx_runtime_1.jsx)(components_1.Heading, Object.assign({ as: "h3" }, { children: "end align" })), (0, jsx_runtime_1.jsxs)(components_1.Stack, Object.assign({ space: "space.100", alignInline: "end" }, { children: [(0, jsx_runtime_1.jsx)(components_1.Tag, { color: "greyLight", text: "1" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "blueLight", text: "2" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "greenLight", text: "3" })] }))] }))] })) }));
+            return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsxs)(components_1.Stack, { space: "space.200", children: [(0, jsx_runtime_1.jsxs)(components_1.Stack, { space: "space.100", children: [(0, jsx_runtime_1.jsx)(components_1.Heading, { as: "h3", children: "default align" }), (0, jsx_runtime_1.jsxs)(components_1.Stack, { space: "space.100", children: [(0, jsx_runtime_1.jsx)(components_1.Tag, { color: "greyLight", text: "1" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "blueLight", text: "2" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "greenLight", text: "3" })] })] }), (0, jsx_runtime_1.jsxs)(components_1.Stack, { space: "space.100", children: [(0, jsx_runtime_1.jsx)(components_1.Heading, { as: "h3", children: "start align" }), (0, jsx_runtime_1.jsxs)(components_1.Stack, { space: "space.100", alignInline: "start", children: [(0, jsx_runtime_1.jsx)(components_1.Tag, { color: "greyLight", text: "1" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "blueLight", text: "2" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "greenLight", text: "3" })] })] }), (0, jsx_runtime_1.jsxs)(components_1.Stack, { space: "space.100", children: [(0, jsx_runtime_1.jsx)(components_1.Heading, { as: "h3", children: "center align" }), (0, jsx_runtime_1.jsxs)(components_1.Stack, { space: "space.100", alignInline: "center", children: [(0, jsx_runtime_1.jsx)(components_1.Tag, { color: "greyLight", text: "1" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "blueLight", text: "2" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "greenLight", text: "3" })] })] }), (0, jsx_runtime_1.jsxs)(components_1.Stack, { space: "space.100", children: [(0, jsx_runtime_1.jsx)(components_1.Heading, { as: "h3", children: "end align" }), (0, jsx_runtime_1.jsxs)(components_1.Stack, { space: "space.100", alignInline: "end", children: [(0, jsx_runtime_1.jsx)(components_1.Tag, { color: "greyLight", text: "1" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "blueLight", text: "2" }), (0, jsx_runtime_1.jsx)(components_1.Tag, { color: "greenLight", text: "3" })] })] })] }) }));
         };
         await reconcilerTestRenderer_1.default.create((0, jsx_runtime_1.jsx)(Test, {}));
         const forgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);

package/out/components/index.d.ts

@@ -25,5 +25,4 @@ declare type CheckboxGroupProps = {
     }[];
 };
 export declare const CheckboxGroup: (props: CheckboxGroupProps) => ForgeElement;
-export { Modal } from './modal/index';
 //# sourceMappingURL=index.d.ts.map

package/out/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,WAAW,EACX,gBAAgB,IAAI,UAAU,EAC9B,eAAe,IAAI,SAAS,EAC5B,eAAe,IAAI,SAAS,EAC5B,qBAAqB,IAAI,eAAe,EACxC,cAAc,EACd,SAAS,EACV,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,eAAO,MAAM,KAAK,UAAiC,UAAU,KAAK,YAAY,CAAC;AAC/E,eAAO,MAAM,IAAI,UAAgC,SAAS,KAAK,YAAY,CAAC;AAC5E,eAAO,MAAM,IAAI,UAAgC,SAAS,KAAK,YAAY,CAAC;AAC5E,eAAO,MAAM,UAAU,UAAsC,eAAe,KAAK,YAAY,CAAC;AAC9F,eAAO,MAAM,IAAI,UAAgC,SAAS,KAAK,YAAY,CAAC;AAC5E,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;AAKlF,cAAc,qBAAqB,CAAC;AAGpC,aAAK,kBAAkB,GAAG;IACxB,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;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACnD,CAAC;AACF,eAAO,MAAM,aAAa,UAAyC,kBAAkB,KAAK,YAAY,CAAC;AAEvG,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,WAAW,EACX,gBAAgB,IAAI,UAAU,EAC9B,eAAe,IAAI,SAAS,EAC5B,eAAe,IAAI,SAAS,EAC5B,qBAAqB,IAAI,eAAe,EACxC,cAAc,EACd,SAAS,EACV,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,eAAO,MAAM,KAAK,UAAiC,UAAU,KAAK,YAAY,CAAC;AAC/E,eAAO,MAAM,IAAI,UAAgC,SAAS,KAAK,YAAY,CAAC;AAC5E,eAAO,MAAM,IAAI,UAAgC,SAAS,KAAK,YAAY,CAAC;AAC5E,eAAO,MAAM,UAAU,UAAsC,eAAe,KAAK,YAAY,CAAC;AAC9F,eAAO,MAAM,IAAI,UAAgC,SAAS,KAAK,YAAY,CAAC;AAC5E,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;AAKlF,cAAc,qBAAqB,CAAC;AAGpC,aAAK,kBAAkB,GAAG;IACxB,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;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACnD,CAAC;AACF,eAAO,MAAM,aAAa,UAAyC,kBAAkB,KAAK,YAAY,CAAC"}

package/out/components/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modal = exports.CheckboxGroup = exports.Strong = exports.Strike = exports.Em = exports.UserGroup = exports.User = exports.UserPicker = exports.Text = exports.Link = exports.Image = void 0;
+exports.CheckboxGroup = exports.Strong = exports.Strike = exports.Em = exports.UserGroup = exports.User = exports.UserPicker = exports.Text = exports.Link = exports.Image = void 0;
 const tslib_1 = require("tslib");
 exports.Image = 'Image';
 exports.Link = 'Link';
@@ -13,5 +13,3 @@ exports.Strike = 'Strike';
 exports.Strong = 'Strong';
 tslib_1.__exportStar(require("./uikit2-components"), exports);
 exports.CheckboxGroup = 'CheckboxGroup';
-var index_1 = require("./modal/index");
-Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return index_1.Modal; } });

package/out/components/uikit2-components.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ForgeElement } from '../types/index';
-import type { BadgeProps, BoxProps, ButtonProps, ButtonGroupProps, CheckboxProps, CodeProps, CodeBlockProps, DatePickerProps, DynamicTableProps, ErrorMessageProps, HeadingProps, HelperMessageProps, InlineProps, LabelProps, LozengeProps, LinkButtonProps, ModalHeaderProps, ModalBodyProps, ModalFooterProps, ModalTitleProps, ModalTransitionProps, ProgressBarProps, ProgressTrackerProps, RadioProps, RadioGroupProps, RangeProps, SectionMessageProps, SectionMessageActionProps, SpinnerProps, StackProps, TabsProps, TabProps, TabListProps, TabPanelProps, TagProps, TagGroupProps, FormProps, FormHeaderProps, FormFooterProps, FormSectionProps, TooltipProps, TextAreaProps, TextfieldProps, ToggleProps, ValidMessageProps, LoadingButtonProps, SelectProps, IconProps } from '@atlaskit/forge-react-types';
+import type { BadgeProps, BoxProps, ButtonProps, ButtonGroupProps, CheckboxProps, CodeProps, CodeBlockProps, DatePickerProps, DynamicTableProps, ErrorMessageProps, HeadingProps, HelperMessageProps, InlineProps, LabelProps, LozengeProps, LinkButtonProps, ModalProps, ModalHeaderProps, ModalBodyProps, ModalFooterProps, ModalTitleProps, ModalTransitionProps, ProgressBarProps, ProgressTrackerProps, RadioProps, RadioGroupProps, RangeProps, SectionMessageProps, SectionMessageActionProps, SpinnerProps, StackProps, TabsProps, TabProps, TabListProps, TabPanelProps, TagProps, TagGroupProps, FormProps, FormHeaderProps, FormFooterProps, FormSectionProps, TooltipProps, TextAreaProps, TextfieldProps, ToggleProps, ValidMessageProps, LoadingButtonProps, SelectProps, IconProps } from '@atlaskit/forge-react-types';
 export declare const Badge: (props: BadgeProps) => ForgeElement;
 export declare const Box: (props: BoxProps) => ForgeElement;
 export declare const Button: (props: ButtonProps) => ForgeElement;
@@ -23,6 +23,7 @@ export declare const Label: (props: LabelProps) => ForgeElement;
 export declare const LinkButton: (props: LinkButtonProps) => ForgeElement;
 export declare const LoadingButton: (props: LoadingButtonProps) => ForgeElement;
 export declare const Lozenge: (props: LozengeProps) => ForgeElement;
+export declare const Modal: (props: ModalProps) => ForgeElement;
 export declare const ModalBody: (props: ModalBodyProps) => ForgeElement;
 export declare const ModalFooter: (props: ModalFooterProps) => ForgeElement;
 export declare const ModalHeader: (props: ModalHeaderProps) => ForgeElement;

package/out/components/uikit2-components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"uikit2-components.d.ts","sourceRoot":"","sources":["../../src/components/uikit2-components.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"uikit2-components.d.ts","sourceRoot":"","sources":["../../src/components/uikit2-components.ts"],"names":[],"mappings":"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"}

package/out/components/uikit2-components.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RequiredAsterisk = exports.ValidMessage = exports.Tooltip = exports.Toggle = exports.Textfield = exports.TextArea = exports.TagGroup = exports.Tag = exports.Tabs = exports.TabPanel = exports.TabList = exports.Tab = exports.Stack = exports.Spinner = exports.SectionMessageAction = exports.SectionMessage = exports.Select = exports.Range = exports.RadioGroup = exports.Radio = exports.ProgressTracker = exports.ProgressBar = exports.ModalTransition = exports.ModalTitle = exports.ModalHeader = exports.ModalFooter = exports.ModalBody = exports.Lozenge = exports.LoadingButton = exports.LinkButton = exports.Label = exports.Inline = exports.Icon = exports.HelperMessage = exports.Heading = exports.FormSection = exports.FormHeader = exports.FormFooter = exports.Form = exports.ErrorMessage = exports.DynamicTable = exports.DatePicker = exports.CodeBlock = exports.Code = exports.Checkbox = exports.ButtonGroup = exports.Button = exports.Box = exports.Badge = void 0;
+exports.RequiredAsterisk = exports.ValidMessage = exports.Tooltip = exports.Toggle = exports.Textfield = exports.TextArea = exports.TagGroup = exports.Tag = exports.Tabs = exports.TabPanel = exports.TabList = exports.Tab = exports.Stack = exports.Spinner = exports.SectionMessageAction = exports.SectionMessage = exports.Select = exports.Range = exports.RadioGroup = exports.Radio = exports.ProgressTracker = exports.ProgressBar = exports.ModalTransition = exports.ModalTitle = exports.ModalHeader = exports.ModalFooter = exports.ModalBody = exports.Modal = exports.Lozenge = exports.LoadingButton = exports.LinkButton = exports.Label = exports.Inline = exports.Icon = exports.HelperMessage = exports.Heading = exports.FormSection = exports.FormHeader = exports.FormFooter = exports.Form = exports.ErrorMessage = exports.DynamicTable = exports.DatePicker = exports.CodeBlock = exports.Code = exports.Checkbox = exports.ButtonGroup = exports.Button = exports.Box = exports.Badge = void 0;
 exports.Badge = 'Badge';
 exports.Box = 'Box';
 exports.Button = 'Button';
@@ -23,6 +23,7 @@ exports.Label = 'Label';
 exports.LinkButton = 'LinkButton';
 exports.LoadingButton = 'LoadingButton';
 exports.Lozenge = 'Lozenge';
+exports.Modal = 'Modal';
 exports.ModalBody = 'ModalBody';
 exports.ModalFooter = 'ModalFooter';
 exports.ModalHeader = 'ModalHeader';

package/out/hooks/__test__/useForm.test.js

@@ -2,7 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_hooks_1 = require("@testing-library/react-hooks");
 const useForm_1 = require("../useForm");
-jest.mock('react', () => (Object.assign(Object.assign({}, jest.requireActual('react')), { useId: jest.fn().mockReturnValue('mocked-id') })));
+jest.mock('react', () => ({
+    ...jest.requireActual('react'),
+    useId: jest.fn().mockReturnValue('mocked-id')
+}));
 describe('useForm with no default values', () => {
     const { result } = (0, react_hooks_1.renderHook)(() => (0, useForm_1.useForm)());
     it('register should return an id', () => {

package/out/hooks/confluenceEntity.js

@@ -6,15 +6,14 @@ const apiRequestUtils_1 = require("./utils/apiRequestUtils");
 const valueUtils_1 = require("./utils/valueUtils");
 const types_1 = require("./types");
 const confAPIEndpoints = ({ entityType, context }) => {
-    var _a, _b;
     let entityId, urlEntity;
     switch (entityType) {
         case 'Space':
-            entityId = (_a = context.extension.space) === null || _a === void 0 ? void 0 : _a.id;
+            entityId = context.extension.space?.id;
             urlEntity = 'spaces';
             break;
         case 'Content':
-            entityId = (_b = context.extension.content) === null || _b === void 0 ? void 0 : _b.id;
+            entityId = context.extension.content?.id;
             urlEntity = 'pages';
             break;
         default:
@@ -76,7 +75,6 @@ const confluenceEntity = ({ entityType, origPropertyKey, initValue }) => {
         return (await (0, apiRequestUtils_1.getJSONData)(response)).value;
     };
     const update = async ({ endpointFactory, propertyKey }, valueUpdate) => {
-        var _a;
         const originalProp = await fetchOriginal({ endpointFactory, propertyKey });
         if (!originalProp) {
             throw new types_1.EntityPropertyRequestFailedError({
@@ -88,7 +86,7 @@ const confluenceEntity = ({ entityType, origPropertyKey, initValue }) => {
         }
         const newValue = valueUpdate instanceof Function ? valueUpdate(originalProp.value) : valueUpdate;
         const propertyId = originalProp.id;
-        const origVersion = (_a = originalProp === null || originalProp === void 0 ? void 0 : originalProp.version) === null || _a === void 0 ? void 0 : _a.number;
+        const origVersion = originalProp?.version?.number;
         const url = endpointFactory.update(propertyId);
         const body = JSON.stringify({
             key: propertyKey,

package/out/hooks/jiraEntity.js

@@ -6,8 +6,7 @@ const apiRequestUtils_1 = require("./utils/apiRequestUtils");
 const valueUtils_1 = require("./utils/valueUtils");
 const types_1 = require("./types");
 const issueAPIEndpoints = (context) => {
-    var _a;
-    const issueId = (_a = context.extension.issue) === null || _a === void 0 ? void 0 : _a.id;
+    const issueId = context.extension.issue?.id;
     if (!issueId)
         throw new Error('Issue properties not available for this app.');
     return {
@@ -52,14 +51,13 @@ const jiraIssuePropsManager = ({ origPropertyKey, initValue }) => {
         (0, apiRequestUtils_1.assertSuccessfulResponse)({ entityType, propertyKey, operation: 'delete', response });
     };
     const get = async ({ endpointFactory, propertyKey, context }) => {
-        var _a;
         const existingProp = await fetchOriginal({ endpointFactory, propertyKey, context });
         if (existingProp) {
             return existingProp.value;
         }
         const resolvedInitVal = await (0, valueUtils_1.resolveValue)(initValue);
         const url = endpointFactory.create();
-        const entityId = (_a = context.extension.issue) === null || _a === void 0 ? void 0 : _a.id;
+        const entityId = context.extension.issue?.id;
         const bodyData = {
             entitiesIds: [entityId],
             properties: {

package/out/hooks/useConfig.js

@@ -4,6 +4,6 @@ exports.useConfig = void 0;
 const useProductContext_1 = require("./useProductContext");
 const useConfig = () => {
     const context = (0, useProductContext_1.useProductContext)();
-    return context === null || context === void 0 ? void 0 : context.extension.config;
+    return context?.extension.config;
 };
 exports.useConfig = useConfig;

package/out/hooks/useForm.d.ts

@@ -5,6 +5,7 @@ declare type ForgeOnChangeHandler = (event: {
 } | any) => void;
 declare type ForgeFormRegister = Pick<UseFormRegisterReturn, 'name'> & {
     onChange: ForgeOnChangeHandler;
+    onBlur: () => void;
     id: string;
     defaultValue?: any;
     defaultChecked?: boolean;

package/out/hooks/useForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useForm.d.ts","sourceRoot":"","sources":["../../src/hooks/useForm.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,WAAW,EACX,YAAY,EACZ,SAAS,EACT,eAAe,EACf,qBAAqB,EACtB,MAAM,iBAAiB,CAAC;AAGzB,aAAK,oBAAoB,GAAG,CAAC,KAAK,EAAE;IAAE,MAAM,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,KAAK,IAAI,CAAC;AAElF,aAAK,iBAAiB,GAAG,IAAI,CAAC,qBAAqB,EAAE,MAAM,CAAC,GAAG;IAC7D,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,cAAc,CAAC,EAAE,GAAG,CAAC;CACtB,CAAC;AAEF,wBAAgB,OAAO,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,EACpE,KAAK,GAAE,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,eAAe,CAAM;4BAK9B,MAAM;0BAuBxB,UAAU,YAAY,CAAC,YACxB,KACR,gBAAgB,YAAY,EAAE,UAAU,YAAY,CAAC,CAAC,EACtD,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,KAAK,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAC7F,KACA,iBAAiB;;;;;;;;;;;;;;;EAkFrB"}
+{"version":3,"file":"useForm.d.ts","sourceRoot":"","sources":["../../src/hooks/useForm.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,WAAW,EACX,YAAY,EACZ,SAAS,EACT,eAAe,EACf,qBAAqB,EACtB,MAAM,iBAAiB,CAAC;AAGzB,aAAK,oBAAoB,GAAG,CAAC,KAAK,EAAE;IAAE,MAAM,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,KAAK,IAAI,CAAC;AAElF,aAAK,iBAAiB,GAAG,IAAI,CAAC,qBAAqB,EAAE,MAAM,CAAC,GAAG;IAC7D,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,cAAc,CAAC,EAAE,GAAG,CAAC;CACtB,CAAC;AAEF,wBAAgB,OAAO,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,EACpE,KAAK,GAAE,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,eAAe,CAAM;4BAK9B,MAAM;0BAuBxB,UAAU,YAAY,CAAC,YACxB,KACR,gBAAgB,YAAY,EAAE,UAAU,YAAY,CAAC,CAAC,EACtD,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,KAAK,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAC7F,KACA,iBAAiB;;;;;;;;;;;;;;;EAuFrB"}

package/out/hooks/useForm.js

@@ -15,18 +15,18 @@ function useForm(props = {}) {
         mode: 'onBlur',
         reValidateMode: 'onChange'
     });
-    const defaultValues = props === null || props === void 0 ? void 0 : props.defaultValues;
+    const defaultValues = props?.defaultValues;
     const forgeFormRegister = (fieldName, options) => {
-        const _a = register(fieldName, {
-            required: options === null || options === void 0 ? void 0 : options.required,
-            disabled: options === null || options === void 0 ? void 0 : options.disabled,
-            maxLength: options === null || options === void 0 ? void 0 : options.maxLength,
-            minLength: options === null || options === void 0 ? void 0 : options.minLength,
-            max: options === null || options === void 0 ? void 0 : options.max,
-            min: options === null || options === void 0 ? void 0 : options.min,
-            pattern: options === null || options === void 0 ? void 0 : options.pattern,
-            validate: options === null || options === void 0 ? void 0 : options.validate
-        }), { onChange, ref, required, disabled } = _a, rest = tslib_1.__rest(_a, ["onChange", "ref", "required", "disabled"]);
+        const { onChange, ref, required, disabled, onBlur, ...rest } = register(fieldName, {
+            required: options?.required,
+            disabled: options?.disabled,
+            maxLength: options?.maxLength,
+            minLength: options?.minLength,
+            max: options?.max,
+            min: options?.min,
+            pattern: options?.pattern,
+            validate: options?.validate
+        });
         const additionalProps = {};
         if (defaultValues) {
             if (typeof (0, get_1.default)(defaultValues, fieldName) === 'boolean') {
@@ -41,18 +41,28 @@ function useForm(props = {}) {
             shouldDirty: true,
             shouldValidate: formState.submitCount > 0 || !!(0, get_1.default)(formState, `touchedFields["${fieldName}"]`)
         };
-        return Object.assign(Object.assign(Object.assign({}, rest), { onChange: (event) => {
-                var _a, _b;
-                if (((_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.type) === 'checkbox') {
+        return {
+            ...rest,
+            onChange: (event) => {
+                if (event?.target?.type === 'checkbox') {
                     return Promise.resolve(setValue(fieldName, event.target.checked, onChangeOptions));
                 }
-                if (['number', 'text', 'textarea', 'radio', 'password'].includes((_b = event === null || event === void 0 ? void 0 : event.target) === null || _b === void 0 ? void 0 : _b.type)) {
+                if (['number', 'text', 'textarea', 'radio', 'password'].includes(event?.target?.type)) {
                     return Promise.resolve(setValue(fieldName, event.target.value, onChangeOptions));
                 }
                 else {
                     return Promise.resolve(setValue(fieldName, event, onChangeOptions));
                 }
-            }, isInvalid: isError, 'aria-invalid': isError, id: getFieldId(fieldName), isDisabled: disabled }), additionalProps);
+            },
+            onBlur: () => {
+                return Promise.resolve(trigger(fieldName));
+            },
+            isInvalid: isError,
+            'aria-invalid': isError,
+            id: getFieldId(fieldName),
+            isDisabled: disabled,
+            ...additionalProps
+        };
     };
     return {
         getFieldId,

package/out/reconciler.js

@@ -11,7 +11,10 @@ const newPropsWithIdPrefix = (props) => {
     const idProps = ['id', 'labelFor', 'inputId'];
     const newProps = idProps.reduce((acc, idProp) => {
         if (props[idProp]) {
-            return Object.assign(Object.assign({}, acc), { [idProp]: `${idPropsPrefix}-${props[idProp]}` });
+            return {
+                ...acc,
+                [idProp]: `${idPropsPrefix}-${props[idProp]}`
+            };
         }
         return acc;
     }, props);
@@ -27,12 +30,11 @@ const attachFunctionPropId = (props) => {
     return props;
 };
 const callBridge = function (cmd, data) {
-    var _a;
-    (_a = self === null || self === void 0 ? void 0 : self.__bridge) === null || _a === void 0 ? void 0 : _a.callBridge(cmd, data);
+    self?.__bridge?.callBridge(cmd, data);
 };
 exports.callBridge = callBridge;
 const createElement = ({ type, props = {}, forgeReactMajorVersion }) => {
-    const { children } = props, restProps = tslib_1.__rest(props, ["children"]);
+    const { children, ...restProps } = props;
     const newProps = newPropsWithIdPrefix(attachFunctionPropId(restProps));
     const element = {
         type,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forge/react",
-  "version": "10.1.1-next.1",
+  "version": "10.1.1",
   "description": "Forge React reconciler",
   "author": "Atlassian",
   "license": "UNLICENSED",
@@ -13,7 +13,7 @@
     "pack": "./build/bundle-types.sh"
   },
   "dependencies": {
-    "@forge/bridge": "^3.4.0-next.0",
+    "@forge/bridge": "^3.4.0",
     "@atlaskit/forge-react-types": "^0.5.2",
     "@types/react-reconciler": "^0.28.8",
     "lodash": "^4.17.21",