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

package/CHANGELOG.md

@@ -1,5 +1,90 @@
 # @forge/react
 
+## 9.2.0-next.5-experimental-cf84ac7
+
+### Major Changes
+
+- 634bc31: new components
+
+### Minor Changes
+
+- 0c49f46: Removes @forge/bridge and @forge/ui peer dependencies. These packages are not required.
+
+### Patch Changes
+
+- Updated dependencies [d36502b]
+  - @forge/bridge@3.3.0-next.0-experimental-cf84ac7
+
+## 9.2.0-next.5
+
+### Minor Changes
+
+- 0c49f46: Removes @forge/bridge and @forge/ui peer dependencies. These packages are not required.
+
+## 10.0.0-next.3
+
+### Patch Changes
+
+- Updated dependencies [c5460df]
+  - @forge/ui@1.11.0-next.2
+
+## 10.0.0-next.2
+
+### Patch Changes
+
+- Updated dependencies [882be11]
+  - @forge/ui@1.10.6-next.1
+
+## 10.0.0-next.1
+
+### Patch Changes
+
+- Updated dependencies [a6f5ec0]
+  - @forge/ui@1.10.6-next.0
+
+## 10.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [d36502b]
+  - @forge/bridge@3.3.0-next.0
+
+## 9.2.0
+
+### Minor Changes
+
+- f922a25: creates useIssueProperty hook for UI kit 2
+
+  - useIssueProperty:
+    - manages a Jira issue's property (via Jira v2 API)
+    - requires the following scopes:
+      - read:jira-work
+      - write:jira-work
+
+- be57ee6: Created hooks for the package:
+  - useProductContext: outputs the app's environment context via @forge/bridge's view.getContext()
+  - useConfig: requests for product environment context and extracts the app's config (if available)
+- c242040: fixes & improvements to property hooks:
+  - useIssueProperty: fix comments, optimise concrete value update, remove update auto-retries
+  - useIssueProperty, useSpaceProperty, useContentProperty: handle concurrent create attempts by having failed attempt re-fetch property
+- 0cbc4ee: creates useSpaceProperty and useContentProperty hooks for UI kit 2
+
+  - useSpaceProperty:
+    - manages a Confluence space's property (via Confluence v2 API)
+    - requires the following scopes:
+      - read:space:confluence
+      - write:space:confluence
+  - useContentProperty
+    - manages a Confluence page's property (via Confluence v2 API)
+    - requires the following scopes
+      - read:page:confluence
+      - write:page:confluence
+
+### Patch Changes
+
+- Updated dependencies [e7b0327]
+  - @forge/ui@1.10.5
+
 ## 9.2.0-next.4
 
 ### Minor Changes

package/out/__test__/hostConfig.test.js

@@ -4,7 +4,6 @@ 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 = [];
@@ -70,7 +69,6 @@ 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({ 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" }))] }))] })) }));
+            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" }))] }))] })) }));
         };
         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,14 +4,16 @@ 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");
-const reconciler_1 = require("../reconciler");
-reconciler_1.ReconciliationCounter.getInstance(false);
-describe('Reconciliation counting', () => {
+describe('Reconcilation', () => {
+    resetKeyCount();
     let bridgeCalls = [];
     const TEXT = 0;
     const BUTTON = 1;
@@ -21,32 +23,27 @@ describe('Reconciliation counting', () => {
         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" }))] }));
+            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" }))] }));
         };
+        resetKeyCount();
         await reconcilerTestRenderer_1.default.create((0, jsx_runtime_1.jsx)(Test, {}));
     });
-    it('initial reconcilation output is correct', () => {
+    it('forgeDoc is created on initial render', () => {
         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[${BUTTON}].reconciliationCount`, 1);
-        expect(forgeDoc).toHaveProperty(`children[${STATIC_TEXT}].type`, 'StatusLozenge');
-        expect(forgeDoc).toHaveProperty(`children[${STATIC_TEXT}].reconciliationCount`, 1);
+        expect(forgeDoc).toHaveProperty(`children[${STATIC_TEXT}].type`, 'Lozenge');
+        expect(forgeDoc).toMatchSnapshot();
     });
-    it('calling the button click handler triggers reconciliation', () => {
+    it('forgeDoc is updated on state update', () => {
         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}].reconciliationCount`, 2);
-        expect(forgeDoc).toHaveProperty(`children[${BUTTON}].reconciliationCount`, 2);
-        expect(forgeDoc).toHaveProperty(`children[${STATIC_TEXT}].reconciliationCount`, 1);
+        expect(forgeDoc).toHaveProperty(`children[${TEXT}].children[${STRING}].props.text`, 'Now loaded...');
+        expect(forgeDoc).toMatchSnapshot();
     });
 });
 describe('deep tree reconciliation', () => {
@@ -60,6 +57,7 @@ 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', () => {
@@ -70,77 +68,43 @@ 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, '14');
+        const button = (0, testUtils_1.findElementInForgeDoc)(forgeDoc, '7');
         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 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('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');
     });
 });
-describe('swapping component type with same props', () => {
+describe('id props', () => {
     let bridgeCalls = [];
     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: [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" }))] }));
+            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" })] }));
         };
         await reconcilerTestRenderer_1.default.create((0, jsx_runtime_1.jsx)(Test, {}));
     });
-    it('should match the initially rendered ForgeDoc snaphot', () => {
+    it('should contain a prefix', () => {
         const forgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);
-        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');
-        });
+        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');
     });
 });

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({ 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" }))] }))] }))] })) }));
+            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" })] }))] }))] })) }));
         };
         await reconcilerTestRenderer_1.default.create((0, jsx_runtime_1.jsx)(Test, {}));
         const forgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);

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

@@ -1 +1 @@
-{"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"}
+{"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"}

package/out/components.d.ts

@@ -1,46 +1,13 @@
-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';
+import { ForgeElement, MarkupProps, NativeImageProps as ImageProps, NativeLinkProps as LinkProps, NativeTextProps as TextProps, NativeUserPickerProps as UserPickerProps, UserGroupProps, UserProps } 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 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 User: (props: UserProps) => ForgeElement;
+export declare const UserGroup: (props: UserGroupProps) => ForgeElement;
 export declare const Em: (props: MarkupProps) => ForgeElement;
 export declare const Strike: (props: MarkupProps) => ForgeElement;
 export declare const Strong: (props: MarkupProps) => ForgeElement;
-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;
+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';
 //# 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":"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"}
+{"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"}

package/out/components.js

@@ -1,45 +1,65 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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.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.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.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.User = 'User';
+exports.UserGroup = 'UserGroup';
 exports.Em = 'Em';
 exports.Strike = 'Strike';
 exports.Strong = 'Strong';
-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';
+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; } });

package/out/hooks/__test__/useForm.test.d.ts

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

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

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

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

@@ -0,0 +1,36 @@
+"use strict";
+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') })));
+describe('useForm with no default values', () => {
+    const { result } = (0, react_hooks_1.renderHook)(() => (0, useForm_1.useForm)());
+    it('register should return an id', () => {
+        const { register } = result.current;
+        const fieldProps = register('username');
+        expect(fieldProps.id).toBe('form-mocked-id-username');
+    });
+    it('register should return isDisabled as true', () => {
+        const { register } = result.current;
+        const fieldProps = register('username', { disabled: true });
+        expect(fieldProps.isDisabled).toBe(true);
+    });
+    it('getFieldId should return the correct id', () => {
+        const { getFieldId } = result.current;
+        const fieldId = getFieldId('username');
+        expect(fieldId).toBe('form-mocked-id-username');
+    });
+});
+describe('useForm with default values', () => {
+    const { result } = (0, react_hooks_1.renderHook)(() => (0, useForm_1.useForm)({ defaultValues: { checkbox: true, textfield: 'test' } }));
+    it('boolean default values should pass a defaultChecked prop', () => {
+        const { register } = result.current;
+        const fieldProps = register('checkbox');
+        expect(fieldProps.defaultChecked).toBe(true);
+    });
+    it('non boolean values should pass a defaultValue prop', () => {
+        const { register } = result.current;
+        const fieldProps = register('textfield');
+        expect(fieldProps.defaultValue).toBe('test');
+    });
+});

package/out/hooks/useForm.d.ts

@@ -0,0 +1,34 @@
+import { FieldValues, UseFormProps, FieldPath, RegisterOptions, UseFormRegisterReturn } from 'react-hook-form';
+declare type ForgeOnChangeHandler = (event: {
+    target: any;
+    type?: string;
+} | any) => void;
+declare type ForgeFormRegister = Omit<UseFormRegisterReturn, 'ref' | 'required' | 'disabled' | 'onChange'> & {
+    onChange: ForgeOnChangeHandler;
+    id: string;
+    defaultValue?: unknown;
+    defaultChecked?: boolean;
+    isRequired?: boolean;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    'aria-invalid'?: boolean;
+};
+export declare function useForm<TFieldValues extends FieldValues = FieldValues>(props?: Pick<UseFormProps<TFieldValues>, 'defaultValues'>): {
+    getFieldId: (fieldName: string) => string;
+    register: (fieldName: FieldPath<TFieldValues>, options?: Pick<RegisterOptions<TFieldValues, FieldPath<TFieldValues>>, 'disabled' | 'required' | 'maxLength' | 'minLength' | 'max' | 'min' | 'pattern' | 'validate'>) => ForgeFormRegister;
+    formState: {
+        errors: import("react-hook-form").FieldErrors<TFieldValues>;
+        isSubmitted: boolean;
+        isSubmitSuccessful: boolean;
+        isSubmitting: boolean;
+        submitCount: number;
+        isValid: boolean;
+        dirtyFields: Partial<Readonly<import("react-hook-form").DeepMap<import("react-hook-form").DeepPartial<TFieldValues>, boolean>>>;
+    };
+    handleSubmit: import("react-hook-form").UseFormHandleSubmit<TFieldValues, TFieldValues>;
+    getValues: import("react-hook-form").UseFormGetValues<TFieldValues>;
+    trigger: import("react-hook-form").UseFormTrigger<TFieldValues>;
+    clearErrors: import("react-hook-form").UseFormClearErrors<TFieldValues>;
+};
+export {};
+//# sourceMappingURL=useForm.d.ts.map

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

@@ -0,0 +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,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC,GAAG;IACnG,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,wBAAgB,OAAO,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,EACpE,KAAK,GAAE,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,eAAe,CAAM;4BAI9B,MAAM;0BAmBxB,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;;;;;;;;;;;;;;EA4ErB"}