@forge/react 9.2.0-next.5-experimental-cf84ac7 → 9.3.0-next.0

package/CHANGELOG.md

@@ -1,10 +1,12 @@
 # @forge/react
 
-## 9.2.0-next.5-experimental-cf84ac7
+## 9.3.0-next.0
 
-### Major Changes
+### Minor Changes
 
-- 634bc31: new components
+- 428a4b4: Correct version to apply changes to peer dependencies
+
+## 9.2.0
 
 ### Minor Changes
 
@@ -13,7 +15,7 @@
 ### Patch Changes
 
 - Updated dependencies [d36502b]
-  - @forge/bridge@3.3.0-next.0-experimental-cf84ac7
+  - @forge/bridge@3.3.0
 
 ## 9.2.0-next.5
 

package/out/__test__/defaultReconciler.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=defaultReconciler.test.d.ts.map

package/out/__test__/defaultReconciler.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultReconciler.test.d.ts","sourceRoot":"","sources":["../../src/__test__/defaultReconciler.test.tsx"],"names":[],"mappings":""}

package/out/__test__/defaultReconciler.test.js

@@ -0,0 +1,51 @@
+"use strict";
+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++}` })));
+const react_1 = tslib_1.__importStar(require("react"));
+const reconcilerTestRenderer_1 = tslib_1.__importDefault(require("./reconcilerTestRenderer"));
+const components_1 = require("../components");
+const get_1 = tslib_1.__importDefault(require("lodash/get"));
+const testUtils_1 = require("./testUtils");
+describe('Disabled reconcilation counting (default behaviour)', () => {
+    let bridgeCalls = [];
+    const TEXT = 0;
+    const BUTTON = 1;
+    const STATIC_TEXT = 2;
+    const STRING = 0;
+    beforeAll(async () => {
+        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.StatusLozenge, Object.assign({ appearance: "inprogress" }, { children: "Test" }))] }));
+        };
+        await reconcilerTestRenderer_1.default.create((0, jsx_runtime_1.jsx)(Test, {}));
+    });
+    it('No reconciliation counts are present', () => {
+        const forgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);
+        expect(forgeDoc).not.toHaveProperty('reconciliationCount');
+        expect(forgeDoc).toHaveProperty(`children[${TEXT}].type`, 'Text');
+        expect(forgeDoc).not.toHaveProperty(`children[${TEXT}].reconciliationCount`);
+        expect(forgeDoc).toHaveProperty(`children[${BUTTON}].type`, 'Button');
+        expect(forgeDoc).not.toHaveProperty(`children[${BUTTON}].reconciliationCount`);
+        expect(forgeDoc).toHaveProperty(`children[${STATIC_TEXT}].type`, 'StatusLozenge');
+        expect(forgeDoc).not.toHaveProperty(`children[${STATIC_TEXT}].reconciliationCount`);
+        expect(forgeDoc).toMatchSnapshot();
+    });
+    it('calling the button click handler DOES NOT add reconciliation count', () => {
+        let forgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);
+        const onClick = (0, get_1.default)(forgeDoc, `children[${BUTTON}].props.onClick`);
+        expect(onClick).not.toBeUndefined();
+        onClick();
+        forgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);
+        expect(forgeDoc).not.toHaveProperty('reconciliationCount');
+        expect(forgeDoc).not.toHaveProperty(`children[${TEXT}].reconciliationCount`);
+        expect(forgeDoc).toHaveProperty(`children[${TEXT}].children[${STRING}].type`, 'String');
+        expect(forgeDoc).not.toHaveProperty(`children[${TEXT}].children[${STRING}].reconciliationCount`);
+        expect(forgeDoc).not.toHaveProperty(`children[${BUTTON}].reconciliationCount`, 2);
+        expect(forgeDoc).not.toHaveProperty(`children[${STATIC_TEXT}].reconciliationCount`);
+        expect(forgeDoc).toMatchSnapshot();
+    });
+});

package/out/__test__/hostConfig.test.js

@@ -4,6 +4,7 @@ let keyCount = 0;
 jest.mock('uuid', () => (Object.assign(Object.assign({}, jest.requireActual('uuid')), { v4: () => `${keyCount++}` })));
 const reconciler_1 = require("../reconciler");
 const testUtils_1 = require("./testUtils");
+reconciler_1.ReconciliationCounter.getInstance(false);
 const emptyForgeDoc = (0, reconciler_1.createElement)({ type: 'root', props: {} });
 describe('hostConfig used functions', () => {
     let bridgeCalls = [];
@@ -69,6 +70,7 @@ describe('hostConfig used functions', () => {
         expect(reconciler_1.hostConfig.prepareUpdate(instance, 'test', {}, newProps, emptyForgeDoc, null)).toBe(newProps);
         expect(instance).not.toHaveProperty('oldProps');
         expect(instance).toHaveProperty('props', newProps);
+        expect(instance).toHaveProperty('reconciliationCount', 2);
     });
     it('shouldSetTextContent returns false', () => {
         expect(reconciler_1.hostConfig.shouldSetTextContent('test', {})).toBe(false);

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, Object.assign({ grow: "fill", space: "space.500" }, { children: [(0, jsx_runtime_1.jsxs)(components_1.Inline, Object.assign({ grow: "hug", alignInline: "start", space: "space.100" }, { children: [(0, jsx_runtime_1.jsx)(components_1.Heading, { children: "Hug" }), (0, jsx_runtime_1.jsx)(components_1.Tag, Object.assign({ color: "grey-light" }, { children: "1" })), (0, jsx_runtime_1.jsx)(components_1.Tag, Object.assign({ color: "blue-light" }, { children: "2" })), (0, jsx_runtime_1.jsx)(components_1.Tag, Object.assign({ color: "green-light" }, { children: "3" })), (0, jsx_runtime_1.jsx)(components_1.Tag, Object.assign({ color: "red" }, { children: "Really looooooooooooooooooong tag" })), (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({ grow: "fill", alignInline: "start", space: "space.100" }, { children: [(0, jsx_runtime_1.jsx)(components_1.Heading, { children: "Fill" }), (0, jsx_runtime_1.jsx)(components_1.Tag, Object.assign({ color: "grey-light" }, { children: "1" })), (0, jsx_runtime_1.jsx)(components_1.Tag, Object.assign({ color: "blue-light" }, { children: "2" })), (0, jsx_runtime_1.jsx)(components_1.Tag, Object.assign({ color: "green-light" }, { children: "3" })), (0, jsx_runtime_1.jsx)(components_1.Tag, Object.assign({ color: "red" }, { children: "Really looooooooooooooooooong tag" })), (0, jsx_runtime_1.jsx)(components_1.Button, Object.assign({ 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

@@ -4,16 +4,14 @@ 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++}` })));
-const resetKeyCount = () => {
-    keyCount = 0;
-};
 const react_1 = tslib_1.__importStar(require("react"));
 const reconcilerTestRenderer_1 = tslib_1.__importDefault(require("./reconcilerTestRenderer"));
 const components_1 = require("../components");
 const get_1 = tslib_1.__importDefault(require("lodash/get"));
 const testUtils_1 = require("./testUtils");
-describe('Reconcilation', () => {
-    resetKeyCount();
+const reconciler_1 = require("../reconciler");
+reconciler_1.ReconciliationCounter.getInstance(false);
+describe('Reconciliation counting', () => {
     let bridgeCalls = [];
     const TEXT = 0;
     const BUTTON = 1;
@@ -23,27 +21,32 @@ 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, Object.assign({ onClick: () => setBool(true) }, { children: "Click" })), (0, jsx_runtime_1.jsx)(components_1.StatusLozenge, Object.assign({ appearance: "inprogress" }, { children: "Test" }))] }));
         };
-        resetKeyCount();
         await reconcilerTestRenderer_1.default.create((0, jsx_runtime_1.jsx)(Test, {}));
     });
-    it('forgeDoc is created on initial render', () => {
+    it('initial reconcilation output is correct', () => {
         const forgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);
+        expect(forgeDoc).toHaveProperty('reconciliationCount', 1);
         expect(forgeDoc).toHaveProperty(`children[${TEXT}].type`, 'Text');
+        expect(forgeDoc).toHaveProperty(`children[${TEXT}].reconciliationCount`, 1);
         expect(forgeDoc).toHaveProperty(`children[${BUTTON}].type`, 'Button');
-        expect(forgeDoc).toHaveProperty(`children[${STATIC_TEXT}].type`, 'Lozenge');
-        expect(forgeDoc).toMatchSnapshot();
+        expect(forgeDoc).toHaveProperty(`children[${BUTTON}].reconciliationCount`, 1);
+        expect(forgeDoc).toHaveProperty(`children[${STATIC_TEXT}].type`, 'StatusLozenge');
+        expect(forgeDoc).toHaveProperty(`children[${STATIC_TEXT}].reconciliationCount`, 1);
     });
-    it('forgeDoc is updated on state update', () => {
+    it('calling the button click handler triggers reconciliation', () => {
         let forgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);
         const onClick = (0, get_1.default)(forgeDoc, `children[${BUTTON}].props.onClick`);
         expect(onClick).not.toBeUndefined();
         onClick();
         forgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);
+        expect(forgeDoc).toHaveProperty('reconciliationCount', 2);
+        expect(forgeDoc).toHaveProperty(`children[${TEXT}].reconciliationCount`, 1);
         expect(forgeDoc).toHaveProperty(`children[${TEXT}].children[${STRING}].type`, 'String');
-        expect(forgeDoc).toHaveProperty(`children[${TEXT}].children[${STRING}].props.text`, 'Now loaded...');
-        expect(forgeDoc).toMatchSnapshot();
+        expect(forgeDoc).toHaveProperty(`children[${TEXT}].children[${STRING}].reconciliationCount`, 2);
+        expect(forgeDoc).toHaveProperty(`children[${BUTTON}].reconciliationCount`, 2);
+        expect(forgeDoc).toHaveProperty(`children[${STATIC_TEXT}].reconciliationCount`, 1);
     });
 });
 describe('deep tree reconciliation', () => {
@@ -57,7 +60,6 @@ describe('deep tree reconciliation', () => {
             }
             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" }))] })] }) }));
         };
-        resetKeyCount();
         await reconcilerTestRenderer_1.default.create((0, jsx_runtime_1.jsx)(Test, {}));
     });
     it('should match the initially rendered ForgeDoc snaphot', () => {
@@ -68,43 +70,77 @@ describe('deep tree reconciliation', () => {
         var _a, _b;
         let forgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);
         expect(forgeDoc).not.toBeNull();
-        const button = (0, testUtils_1.findElementInForgeDoc)(forgeDoc, '7');
+        const button = (0, testUtils_1.findElementInForgeDoc)(forgeDoc, '14');
         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();
         forgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);
         expect(forgeDoc).toMatchSnapshot();
     });
-});
-describe('macro config', () => {
-    it('should create forgeDoc tree for macro config', async () => {
-        const bridgeCalls = (0, testUtils_1.setupBridge)();
-        const App = () => {
-            return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: "Hello World" }) }));
-        };
-        const Config = () => {
-            return (0, jsx_runtime_1.jsx)(components_1.Textfield, { name: "age" });
-        };
-        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');
+    it('should set accurate reconciliation counts for updated text and string components', () => {
+        const forgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);
+        expect(forgeDoc).not.toBeNull();
+        const textComponent = (0, testUtils_1.findElementInForgeDoc)(forgeDoc, '9');
+        expect(textComponent).not.toBeUndefined();
+        expect(textComponent === null || textComponent === void 0 ? void 0 : textComponent.reconciliationCount).toBe(3);
+        const stringComponent = (0, testUtils_1.findElementInForgeDoc)(forgeDoc, '8');
+        expect(stringComponent).not.toBeUndefined();
+        expect(stringComponent === null || stringComponent === void 0 ? void 0 : stringComponent.reconciliationCount).toBe(4);
     });
 });
-describe('id props', () => {
+describe('swapping component type with same props', () => {
     let bridgeCalls = [];
     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" }), (0, jsx_runtime_1.jsx)(components_1.DatePicker, { id: "datepicker" })] }));
+            const [bool, setBool] = (0, react_1.useState)(false);
+            return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [bool ? (0, jsx_runtime_1.jsx)(components_1.Text, { children: "Text" }) : (0, jsx_runtime_1.jsx)(components_1.Heading, Object.assign({ size: "medium" }, { children: "Text" })), (0, jsx_runtime_1.jsx)(components_1.Button, Object.assign({ onClick: () => setBool(!bool) }, { children: "Click" }))] }));
         };
         await reconcilerTestRenderer_1.default.create((0, jsx_runtime_1.jsx)(Test, {}));
     });
-    it('should contain a prefix', () => {
+    it('should match the initially rendered ForgeDoc snaphot', () => {
         const forgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);
-        expect(forgeDoc).toHaveProperty('children[0].props.labelFor', 'forge-app-0-username');
-        expect(forgeDoc).toHaveProperty('children[1].props.id', 'forge-app-0-username');
-        expect(forgeDoc).toHaveProperty('children[2].props.id', 'forge-app-0-datepicker');
+        expect(forgeDoc).toMatchSnapshot();
+    });
+    it('should match snapshot after triggering update', () => {
+        var _a, _b;
+        let forgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);
+        expect(forgeDoc).not.toBeNull();
+        if (forgeDoc !== null) {
+            const button = (0, testUtils_1.findElementInForgeDoc)(forgeDoc, '21');
+            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();
+            forgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);
+            expect(forgeDoc).toMatchSnapshot();
+        }
+    });
+    it('should set accurate reconciliation counts for swapped in text and string components', () => {
+        const forgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);
+        expect(forgeDoc).not.toBeNull();
+        if (forgeDoc !== null) {
+            const textComponent = (0, testUtils_1.findElementInForgeDoc)(forgeDoc, '23');
+            expect(textComponent).not.toBeUndefined();
+            expect(textComponent === null || textComponent === void 0 ? void 0 : textComponent.reconciliationCount).toBe(6);
+            const stringComponent = (0, testUtils_1.findElementInForgeDoc)(forgeDoc, '22');
+            expect(stringComponent).not.toBeUndefined();
+            expect(stringComponent === null || stringComponent === void 0 ? void 0 : stringComponent.reconciliationCount).toBe(6);
+        }
+    });
+    describe('macro config', () => {
+        it('should create forgeDoc tree for macro config', async () => {
+            const bridgeCalls = (0, testUtils_1.setupBridge)();
+            const App = () => {
+                return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: "Hello World" }) }));
+            };
+            const Config = () => {
+                return (0, jsx_runtime_1.jsx)(components_1.TextField, { name: "age", label: "Age" });
+            };
+            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');
+        });
     });
 });

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, 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({ size: "small" }, { 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, Object.assign({ color: "grey-light" }, { children: "1" })), (0, jsx_runtime_1.jsx)(components_1.Tag, Object.assign({ color: "blue-light" }, { children: "2" })), (0, jsx_runtime_1.jsx)(components_1.Tag, Object.assign({ color: "green-light" }, { children: "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({ size: "small" }, { 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, Object.assign({ color: "grey-light" }, { children: "1" })), (0, jsx_runtime_1.jsx)(components_1.Tag, Object.assign({ color: "blue-light" }, { children: "2" })), (0, jsx_runtime_1.jsx)(components_1.Tag, Object.assign({ color: "green-light" }, { children: "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({ size: "small" }, { 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, Object.assign({ color: "grey-light" }, { children: "1" })), (0, jsx_runtime_1.jsx)(components_1.Tag, Object.assign({ color: "blue-light" }, { children: "2" })), (0, jsx_runtime_1.jsx)(components_1.Tag, Object.assign({ color: "green-light" }, { children: "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({ size: "small" }, { 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, Object.assign({ color: "grey-light" }, { children: "1" })), (0, jsx_runtime_1.jsx)(components_1.Tag, Object.assign({ color: "blue-light" }, { children: "2" })), (0, jsx_runtime_1.jsx)(components_1.Tag, Object.assign({ color: "green-light" }, { children: "3" }))] }))] }))] })) }));
         };
         await reconcilerTestRenderer_1.default.create((0, jsx_runtime_1.jsx)(Test, {}));
         const forgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);

package/out/__test__/table.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=table.test.d.ts.map

package/out/__test__/table.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.test.d.ts","sourceRoot":"","sources":["../../src/__test__/table.test.tsx"],"names":[],"mappings":""}

package/out/__test__/table.test.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const components_1 = require("../components");
+const reconcilerTestRenderer_1 = tslib_1.__importDefault(require("./reconcilerTestRenderer"));
+const testUtils_1 = require("./testUtils");
+describe('reconciled output', () => {
+    let bridgeCalls = [];
+    beforeAll(async () => {
+        bridgeCalls = (0, testUtils_1.setupBridge)();
+    });
+    it('renders legacy Table ForgeDoc', async () => {
+        const Test = () => {
+            return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsxs)(components_1.Table, Object.assign({ rowsPerPage: 2 }, { children: [(0, jsx_runtime_1.jsxs)(components_1.Head, { children: [(0, jsx_runtime_1.jsx)(components_1.Cell, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: "Issue Key" }) }), (0, jsx_runtime_1.jsx)(components_1.Cell, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: "Status" }) })] }), (0, jsx_runtime_1.jsxs)(components_1.Row, { children: [(0, jsx_runtime_1.jsx)(components_1.Cell, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: "XEN-1" }) }), (0, jsx_runtime_1.jsx)(components_1.Cell, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: "In Progress" }) })] }), (0, jsx_runtime_1.jsxs)(components_1.Row, { children: [(0, jsx_runtime_1.jsx)(components_1.Cell, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: "XEN-2" }) }), (0, jsx_runtime_1.jsx)(components_1.Cell, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: "To Do" }) })] }), (0, jsx_runtime_1.jsxs)(components_1.Row, { children: [(0, jsx_runtime_1.jsx)(components_1.Cell, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: "XEN-3" }) }), (0, jsx_runtime_1.jsx)(components_1.Cell, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: "Done" }) })] }), (0, jsx_runtime_1.jsxs)(components_1.Row, { children: [(0, jsx_runtime_1.jsx)(components_1.Cell, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: "XEN-4" }) }), (0, jsx_runtime_1.jsx)(components_1.Cell, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: "In Progress" }) })] }), (0, jsx_runtime_1.jsxs)(components_1.Row, { children: [(0, jsx_runtime_1.jsx)(components_1.Cell, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: "XEN-5" }) }), (0, jsx_runtime_1.jsx)(components_1.Cell, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: "Cancelled" }) })] })] })) }));
+        };
+        await reconcilerTestRenderer_1.default.create((0, jsx_runtime_1.jsx)(Test, {}));
+        const forgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);
+        expect(forgeDoc).toHaveProperty('type', 'Root');
+        expect(forgeDoc).toHaveProperty('children[0].type', 'Table');
+    });
+});

package/out/__test__/testUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testUtils.d.ts","sourceRoot":"","sources":["../../src/__test__/testUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,oBAAY,UAAU,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,cAAc,CAAA;CAAE,CAAC;AAC/D,aAAK,WAAW,GAAG,MAAM,UAAU,EAAE,CAAC;AAEtC,aAAK,iBAAiB,GAAG,CAAC,WAAW,EAAE,UAAU,EAAE,KAAK,UAAU,GAAG,IAAI,CAAC;AAC1E,aAAK,yBAAyB,GAAG,CAAC,WAAW,EAAE,UAAU,EAAE,KAAK,QAAQ,GAAG,IAAI,CAAC;AAChF,aAAK,qBAAqB,GAAG,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,QAAQ,GAAG,SAAS,CAAC;AAE9F,aAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC;AAMF,eAAO,MAAM,WAAW,EAAE,WAYzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,iBAK/B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,yBAMvC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,qBAkBnC,CAAC"}
+{"version":3,"file":"testUtils.d.ts","sourceRoot":"","sources":["../../src/__test__/testUtils.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,oBAAY,UAAU,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,cAAc,CAAA;CAAE,CAAC;AAC/D,aAAK,WAAW,GAAG,MAAM,UAAU,EAAE,CAAC;AAEtC,aAAK,iBAAiB,GAAG,CAAC,WAAW,EAAE,UAAU,EAAE,KAAK,UAAU,GAAG,IAAI,CAAC;AAC1E,aAAK,yBAAyB,GAAG,CAAC,WAAW,EAAE,UAAU,EAAE,KAAK,QAAQ,GAAG,IAAI,CAAC;AAChF,aAAK,qBAAqB,GAAG,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,QAAQ,GAAG,SAAS,CAAC;AAE9F,aAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC;AAMF,eAAO,MAAM,WAAW,EAAE,WAYzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,iBAK/B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,yBAMvC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,qBAkBnC,CAAC"}

package/out/components.d.ts

@@ -1,13 +1,46 @@
-import { ForgeElement, MarkupProps, NativeImageProps as ImageProps, NativeLinkProps as LinkProps, NativeTextProps as TextProps, NativeUserPickerProps as UserPickerProps, UserGroupProps, UserProps } from './types';
+import { ButtonSetProps, CellProps, DateLozengeProps, ForgeElement, FormData, FormProps, HeadProps, HeadingProps, InlineDialogProps, MarkupProps, ModalDialogProps, NativeButtonProps as ButtonProps, NativeCheckboxGroupProps as CheckboxGroupProps, NativeCheckboxProps as CheckboxProps, NativeDatePickerProps as DatePickerProps, NativeImageProps as ImageProps, NativeInlineProps as InlineProps, NativeLinkProps as LinkProps, NativeRadioGroupProps as RadioGroupProps, NativeRangeProps as RangeProps, NativeSelectProps as SelectProps, NativeStackProps as StackProps, NativeTextAreaProps as TextAreaProps, NativeTextFieldProps as TextFieldProps, NativeTextProps as TextProps, NativeToggleProps as ToggleProps, NativeUserPickerProps as UserPickerProps, NativeBadgeProps as BadgeProps, OptionProps, RadioProps, RowProps, SectionMessageProps, TabProps, TableProps, TabsProps, TagGroupProps, TooltipProps, UserGroupProps, UserProps } from './types';
+import { NativeCodeProps, NativeStatusLozengeProps, NativeTagProps } from './types';
 export { UserPickerValue } from './types';
+export declare const Button: (props: ButtonProps) => ForgeElement;
+export declare const Checkbox: (props: CheckboxProps) => ForgeElement;
+export declare const CheckboxGroup: (props: CheckboxGroupProps) => ForgeElement;
+export declare const DatePicker: (props: DatePickerProps) => ForgeElement;
+export declare const Form: <T extends FormData>(props: FormProps<T>) => ForgeElement;
 export declare const Image: (props: ImageProps) => ForgeElement;
+export declare const Inline: (props: InlineProps) => ForgeElement;
 export declare const Link: (props: LinkProps) => ForgeElement;
+export declare const ModalDialog: (props: ModalDialogProps) => ForgeElement;
+export declare const RadioGroup: (props: RadioGroupProps) => ForgeElement;
+export declare const Range: (props: RangeProps) => ForgeElement;
+export declare const Select: (props: SelectProps) => ForgeElement;
+export declare const Stack: (props: StackProps) => ForgeElement;
 export declare const Text: (props: TextProps) => ForgeElement;
+export declare const TextArea: (props: TextAreaProps) => ForgeElement;
+export declare const TextField: (props: TextFieldProps) => ForgeElement;
+export declare const Toggle: (props: ToggleProps) => ForgeElement;
 export declare const UserPicker: (props: UserPickerProps) => ForgeElement;
-export declare const User: (props: UserProps) => ForgeElement;
-export declare const UserGroup: (props: UserGroupProps) => ForgeElement;
+export declare const Badge: (props: BadgeProps) => ForgeElement;
+export declare const ButtonSet: (props: ButtonSetProps) => ForgeElement;
+export declare const Code: (props: NativeCodeProps) => ForgeElement;
+export declare const DateLozenge: (props: DateLozengeProps) => ForgeElement;
+export declare const Heading: (props: HeadingProps) => ForgeElement;
+export declare const InlineDialog: (props: InlineDialogProps) => ForgeElement;
+export declare const Option: (props: OptionProps) => ForgeElement;
+export declare const Radio: (props: RadioProps) => ForgeElement;
+export declare const SectionMessage: (props: SectionMessageProps) => ForgeElement;
+export declare const StatusLozenge: (props: NativeStatusLozengeProps) => ForgeElement;
+export declare const Tooltip: (props: TooltipProps) => ForgeElement;
 export declare const Em: (props: MarkupProps) => ForgeElement;
 export declare const Strike: (props: MarkupProps) => ForgeElement;
 export declare const Strong: (props: MarkupProps) => ForgeElement;
-export { Badge, Bleed, Box, Button, ButtonGroup, Checkbox, Code, CodeBlock, DatePicker, DynamicTable, ErrorMessage, Flex, Form, FormFooter, FormHeader, FormSection, Grid, Heading, HelperMessage, Inline, Label, LinkButton, LoadingButton, Lozenge, Modal, ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition, ProgressBar, ProgressTracker, Radio, RadioGroup, Range, RequiredAsterisk, SectionMessage, SectionMessageAction, Spinner, Stack, Tab, TabList, TabPanel, Tabs, Tag, TagGroup, TextArea, Textfield, Toggle, Tooltip, ValidMessage } from './uikit2-components';
+export declare const Tab: (props: TabProps) => ForgeElement;
+export declare const Tabs: (props: TabsProps) => ForgeElement;
+export declare const Cell: (props: CellProps) => ForgeElement;
+export declare const Head: (props: HeadProps) => ForgeElement;
+export declare const Row: (props: RowProps) => ForgeElement;
+export declare const Table: (props: TableProps) => ForgeElement;
+export declare const Tag: (props: NativeTagProps) => ForgeElement;
+export declare const TagGroup: (props: TagGroupProps) => ForgeElement;
+export declare const User: (props: UserProps) => ForgeElement;
+export declare const UserGroup: (props: UserGroupProps) => ForgeElement;
 //# sourceMappingURL=components.d.ts.map

package/out/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../src/components.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,SAAS,CAAC;AAEjB,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,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,OAAO,EACL,KAAK,EACL,KAAK,EACL,GAAG,EACH,MAAM,EACN,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,UAAU,EACV,WAAW,EACX,IAAI,EACJ,OAAO,EACP,aAAa,EACb,MAAM,EACN,KAAK,EACL,UAAU,EACV,aAAa,EACb,OAAO,EACP,KAAK,EACL,SAAS,EACT,WAAW,EACX,WAAW,EACX,UAAU,EACV,eAAe,EACf,WAAW,EACX,eAAe,EACf,KAAK,EACL,UAAU,EACV,KAAK,EACL,gBAAgB,EAChB,cAAc,EACd,oBAAoB,EACpB,OAAO,EACP,KAAK,EACL,GAAG,EACH,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAM,EACN,OAAO,EACP,YAAY,EACb,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"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"}

package/out/components.js

@@ -1,65 +1,45 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tab = exports.Stack = exports.Spinner = exports.SectionMessageAction = exports.SectionMessage = exports.RequiredAsterisk = 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.HelperMessage = exports.Heading = exports.Grid = exports.FormSection = exports.FormHeader = exports.FormFooter = exports.Form = exports.Flex = exports.ErrorMessage = exports.DynamicTable = exports.DatePicker = exports.CodeBlock = exports.Code = exports.Checkbox = exports.ButtonGroup = exports.Button = exports.Box = exports.Bleed = exports.Badge = exports.Strong = exports.Strike = exports.Em = exports.UserGroup = exports.User = exports.UserPicker = exports.Text = exports.Link = exports.Image = void 0;
-exports.ValidMessage = exports.Tooltip = exports.Toggle = exports.Textfield = exports.TextArea = exports.TagGroup = exports.Tag = exports.Tabs = exports.TabPanel = exports.TabList = void 0;
+exports.UserGroup = exports.User = exports.TagGroup = exports.Tag = exports.Table = exports.Row = exports.Head = exports.Cell = exports.Tabs = exports.Tab = exports.Strong = exports.Strike = exports.Em = exports.Tooltip = exports.StatusLozenge = exports.SectionMessage = exports.Radio = exports.Option = exports.InlineDialog = exports.Heading = exports.DateLozenge = exports.Code = exports.ButtonSet = exports.Badge = exports.UserPicker = exports.Toggle = exports.TextField = exports.TextArea = exports.Text = exports.Stack = exports.Select = exports.Range = exports.RadioGroup = exports.ModalDialog = exports.Link = exports.Inline = exports.Image = exports.Form = exports.DatePicker = exports.CheckboxGroup = exports.Checkbox = exports.Button = void 0;
+exports.Button = 'Button';
+exports.Checkbox = 'Checkbox';
+exports.CheckboxGroup = 'CheckboxGroup';
+exports.DatePicker = 'DatePicker';
+exports.Form = 'Form';
 exports.Image = 'Image';
+exports.Inline = 'Inline';
 exports.Link = 'Link';
+exports.ModalDialog = 'ModalDialog';
+exports.RadioGroup = 'RadioGroup';
+exports.Range = 'Range';
+exports.Select = 'Select';
+exports.Stack = 'Stack';
 exports.Text = 'Text';
+exports.TextArea = 'TextArea';
+exports.TextField = 'TextField';
+exports.Toggle = 'Toggle';
 exports.UserPicker = 'UserPicker';
-exports.User = 'User';
-exports.UserGroup = 'UserGroup';
+exports.Badge = 'Badge';
+exports.ButtonSet = 'ButtonSet';
+exports.Code = 'Code';
+exports.DateLozenge = 'DateLozenge';
+exports.Heading = 'Heading';
+exports.InlineDialog = 'InlineDialog';
+exports.Option = 'Option';
+exports.Radio = 'Radio';
+exports.SectionMessage = 'SectionMessage';
+exports.StatusLozenge = 'StatusLozenge';
+exports.Tooltip = 'Tooltip';
 exports.Em = 'Em';
 exports.Strike = 'Strike';
 exports.Strong = 'Strong';
-var uikit2_components_1 = require("./uikit2-components");
-Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return uikit2_components_1.Badge; } });
-Object.defineProperty(exports, "Bleed", { enumerable: true, get: function () { return uikit2_components_1.Bleed; } });
-Object.defineProperty(exports, "Box", { enumerable: true, get: function () { return uikit2_components_1.Box; } });
-Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return uikit2_components_1.Button; } });
-Object.defineProperty(exports, "ButtonGroup", { enumerable: true, get: function () { return uikit2_components_1.ButtonGroup; } });
-Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return uikit2_components_1.Checkbox; } });
-Object.defineProperty(exports, "Code", { enumerable: true, get: function () { return uikit2_components_1.Code; } });
-Object.defineProperty(exports, "CodeBlock", { enumerable: true, get: function () { return uikit2_components_1.CodeBlock; } });
-Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return uikit2_components_1.DatePicker; } });
-Object.defineProperty(exports, "DynamicTable", { enumerable: true, get: function () { return uikit2_components_1.DynamicTable; } });
-Object.defineProperty(exports, "ErrorMessage", { enumerable: true, get: function () { return uikit2_components_1.ErrorMessage; } });
-Object.defineProperty(exports, "Flex", { enumerable: true, get: function () { return uikit2_components_1.Flex; } });
-Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return uikit2_components_1.Form; } });
-Object.defineProperty(exports, "FormFooter", { enumerable: true, get: function () { return uikit2_components_1.FormFooter; } });
-Object.defineProperty(exports, "FormHeader", { enumerable: true, get: function () { return uikit2_components_1.FormHeader; } });
-Object.defineProperty(exports, "FormSection", { enumerable: true, get: function () { return uikit2_components_1.FormSection; } });
-Object.defineProperty(exports, "Grid", { enumerable: true, get: function () { return uikit2_components_1.Grid; } });
-Object.defineProperty(exports, "Heading", { enumerable: true, get: function () { return uikit2_components_1.Heading; } });
-Object.defineProperty(exports, "HelperMessage", { enumerable: true, get: function () { return uikit2_components_1.HelperMessage; } });
-Object.defineProperty(exports, "Inline", { enumerable: true, get: function () { return uikit2_components_1.Inline; } });
-Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return uikit2_components_1.Label; } });
-Object.defineProperty(exports, "LinkButton", { enumerable: true, get: function () { return uikit2_components_1.LinkButton; } });
-Object.defineProperty(exports, "LoadingButton", { enumerable: true, get: function () { return uikit2_components_1.LoadingButton; } });
-Object.defineProperty(exports, "Lozenge", { enumerable: true, get: function () { return uikit2_components_1.Lozenge; } });
-Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return uikit2_components_1.Modal; } });
-Object.defineProperty(exports, "ModalBody", { enumerable: true, get: function () { return uikit2_components_1.ModalBody; } });
-Object.defineProperty(exports, "ModalFooter", { enumerable: true, get: function () { return uikit2_components_1.ModalFooter; } });
-Object.defineProperty(exports, "ModalHeader", { enumerable: true, get: function () { return uikit2_components_1.ModalHeader; } });
-Object.defineProperty(exports, "ModalTitle", { enumerable: true, get: function () { return uikit2_components_1.ModalTitle; } });
-Object.defineProperty(exports, "ModalTransition", { enumerable: true, get: function () { return uikit2_components_1.ModalTransition; } });
-Object.defineProperty(exports, "ProgressBar", { enumerable: true, get: function () { return uikit2_components_1.ProgressBar; } });
-Object.defineProperty(exports, "ProgressTracker", { enumerable: true, get: function () { return uikit2_components_1.ProgressTracker; } });
-Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { return uikit2_components_1.Radio; } });
-Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return uikit2_components_1.RadioGroup; } });
-Object.defineProperty(exports, "Range", { enumerable: true, get: function () { return uikit2_components_1.Range; } });
-Object.defineProperty(exports, "RequiredAsterisk", { enumerable: true, get: function () { return uikit2_components_1.RequiredAsterisk; } });
-Object.defineProperty(exports, "SectionMessage", { enumerable: true, get: function () { return uikit2_components_1.SectionMessage; } });
-Object.defineProperty(exports, "SectionMessageAction", { enumerable: true, get: function () { return uikit2_components_1.SectionMessageAction; } });
-Object.defineProperty(exports, "Spinner", { enumerable: true, get: function () { return uikit2_components_1.Spinner; } });
-Object.defineProperty(exports, "Stack", { enumerable: true, get: function () { return uikit2_components_1.Stack; } });
-Object.defineProperty(exports, "Tab", { enumerable: true, get: function () { return uikit2_components_1.Tab; } });
-Object.defineProperty(exports, "TabList", { enumerable: true, get: function () { return uikit2_components_1.TabList; } });
-Object.defineProperty(exports, "TabPanel", { enumerable: true, get: function () { return uikit2_components_1.TabPanel; } });
-Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return uikit2_components_1.Tabs; } });
-Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return uikit2_components_1.Tag; } });
-Object.defineProperty(exports, "TagGroup", { enumerable: true, get: function () { return uikit2_components_1.TagGroup; } });
-Object.defineProperty(exports, "TextArea", { enumerable: true, get: function () { return uikit2_components_1.TextArea; } });
-Object.defineProperty(exports, "Textfield", { enumerable: true, get: function () { return uikit2_components_1.Textfield; } });
-Object.defineProperty(exports, "Toggle", { enumerable: true, get: function () { return uikit2_components_1.Toggle; } });
-Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return uikit2_components_1.Tooltip; } });
-Object.defineProperty(exports, "ValidMessage", { enumerable: true, get: function () { return uikit2_components_1.ValidMessage; } });
+exports.Tab = 'Tab';
+exports.Tabs = 'Tabs';
+exports.Cell = 'Cell';
+exports.Head = 'Head';
+exports.Row = 'Row';
+exports.Table = 'Table';
+exports.Tag = 'Tag';
+exports.TagGroup = 'TagGroup';
+exports.User = 'User';
+exports.UserGroup = 'UserGroup';

package/out/index.d.ts

@@ -5,6 +5,4 @@ export * from './components';
 export { useContentProperty } from './hooks/useContentProperty';
 export { useSpaceProperty } from './hooks/useSpaceProperty';
 export { useIssueProperty } from './hooks/useIssueProperty';
-export { useForm } from './hooks/useForm';
-export * from './package-types';
 //# sourceMappingURL=index.d.ts.map

package/out/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAE1D,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAE1D,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC"}

package/out/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useForm = exports.useIssueProperty = exports.useSpaceProperty = exports.useContentProperty = exports.default = exports.useConfig = exports.useProductContext = void 0;
+exports.useIssueProperty = exports.useSpaceProperty = exports.useContentProperty = exports.default = exports.useConfig = exports.useProductContext = void 0;
 const tslib_1 = require("tslib");
 var useProductContext_1 = require("./hooks/useProductContext");
 Object.defineProperty(exports, "useProductContext", { enumerable: true, get: function () { return useProductContext_1.useProductContext; } });
@@ -15,6 +15,3 @@ var useSpaceProperty_1 = require("./hooks/useSpaceProperty");
 Object.defineProperty(exports, "useSpaceProperty", { enumerable: true, get: function () { return useSpaceProperty_1.useSpaceProperty; } });
 var useIssueProperty_1 = require("./hooks/useIssueProperty");
 Object.defineProperty(exports, "useIssueProperty", { enumerable: true, get: function () { return useIssueProperty_1.useIssueProperty; } });
-var useForm_1 = require("./hooks/useForm");
-Object.defineProperty(exports, "useForm", { enumerable: true, get: function () { return useForm_1.useForm; } });
-tslib_1.__exportStar(require("./package-types"), exports);

package/out/reconciler.d.ts

@@ -7,7 +7,7 @@ export interface ForgeDoc {
     props: ElementProps;
     children: ForgeDoc[];
     key: string;
-    forgeReactMajorVersion?: number;
+    reconciliationCount?: number;
 }
 export declare type CallBridge = (cmd: string, data: {
     forgeDoc: ForgeDoc;
@@ -16,8 +16,17 @@ export declare const callBridge: CallBridge;
 declare type CreateElement = (args: {
     type: ElementType;
     props: InstanceProps;
-    forgeReactMajorVersion?: number;
 }) => ForgeDoc;
+export declare class ReconciliationCounter {
+    private count;
+    private disabled;
+    private static instance;
+    private constructor();
+    static getInstance(disable?: boolean): ReconciliationCounter;
+    increment(): void;
+    getCount(): number | undefined;
+    getNextCount(): number | undefined;
+}
 export declare const createElement: CreateElement;
 export declare const appendChild: (parent: ForgeDoc, child: ForgeDoc) => void;
 export declare const insertBefore: (parent: ForgeDoc, child: ForgeDoc, beforeChild: ForgeDoc) => void;