@hubspot/ui-extensions 0.11.1 → 0.11.2

package/dist/experimental/testing/internal/document.js

@@ -0,0 +1,37 @@
+import { act as reactAct } from 'react';
+import { InvalidComponentsError } from './errors';
+/**
+ * Creates a rendered document.
+ *
+ * @param options Options for creating the document.
+ * @returns A rendered document.
+ */
+export const createDocument = (options) => {
+    const { getLatestRootNode } = options;
+    const invalidComponentNames = new Set();
+    const document = {
+        rootNode: null,
+        batchUpdate: (run) => {
+            reactAct(run);
+            const latestRootNode = getLatestRootNode();
+            if (latestRootNode.document.hasInvalidComponentNames()) {
+                throw new InvalidComponentsError(latestRootNode);
+            }
+        },
+        addInvalidComponentName: (name) => {
+            invalidComponentNames.add(name);
+        },
+        getInvalidComponentNames: () => {
+            if (invalidComponentNames.size === 0) {
+                return [];
+            }
+            const invalidComponentNamesArray = [...invalidComponentNames];
+            invalidComponentNamesArray.sort();
+            return invalidComponentNamesArray;
+        },
+        hasInvalidComponentNames: () => {
+            return invalidComponentNames.size > 0;
+        },
+    };
+    return document;
+};

package/dist/experimental/testing/internal/errors.d.ts

@@ -42,3 +42,15 @@ export declare class FindInvalidComponentError extends Error {
         findMethodName: string;
     });
 }
+/**
+ * Thrown when a fragment prop array is detected in the rendered output.
+ */
+export declare class InvalidFragmentPropArrayError extends Error {
+    constructor(componentName: string, propName: string);
+}
+/**
+ * Thrown when a waitFor() check doesn't pass within the timeout period.
+ */
+export declare class WaitForTimeoutError extends Error {
+    constructor(timeout: number);
+}

package/dist/experimental/testing/internal/errors.js

@@ -50,3 +50,21 @@ export class FindInvalidComponentError extends Error {
         this.name = 'FindInvalidComponentError';
     }
 }
+/**
+ * Thrown when a fragment prop array is detected in the rendered output.
+ */
+export class InvalidFragmentPropArrayError extends Error {
+    constructor(componentName, propName) {
+        super(`Invalid rendered output. Invalid fragment prop array ${propName} for component ${componentName}. Arrays are not allowed for fragment props.`);
+        this.name = 'InvalidFragmentPropArrayError';
+    }
+}
+/**
+ * Thrown when a waitFor() check doesn't pass within the timeout period.
+ */
+export class WaitForTimeoutError extends Error {
+    constructor(timeout) {
+        super(`waitFor() failed. Timeout of ${timeout}ms exceeded waiting for check to pass`);
+        this.name = 'WaitForTimeoutError';
+    }
+}

package/dist/experimental/testing/internal/match.d.ts

@@ -0,0 +1,19 @@
+import { HubSpotReactComponent, UnknownComponentProps } from '../../../__synced__/types/shared.synced';
+import { ElementMatcher, RenderedElementNode, RenderedNode } from '../types';
+/**
+ * Checks if the element matches the matcher.
+ *
+ * @param element The element to check.
+ * @param matcher An optional matcher to filter the elements.
+ * @returns `true` if the element matches the matcher, `false` otherwise.
+ */
+export declare const checkElementMatches: <TProps extends UnknownComponentProps>(element: RenderedElementNode<TProps>, matcher?: ElementMatcher<TProps> | undefined) => boolean;
+/**
+ * Checks if the node matches the component and matcher.
+ *
+ * @param node The node to check.
+ * @param component The component to check.
+ * @param matcher An optional matcher to filter the elements.
+ * @returns Whether the node matches the component and matcher.
+ */
+export declare const isMatch: <TComponentProps extends UnknownComponentProps>(node: RenderedNode | null | undefined, component: HubSpotReactComponent<TComponentProps>, matcher?: ElementMatcher<TComponentProps> | undefined) => node is RenderedElementNode<TComponentProps>;

package/dist/experimental/testing/internal/match.js

@@ -0,0 +1,42 @@
+import { RenderedNodeType, } from '../types';
+import { __hubSpotComponentRegistry } from '../../../__synced__/remoteComponents.synced';
+/**
+ * Checks if the element matches the matcher.
+ *
+ * @param element The element to check.
+ * @param matcher An optional matcher to filter the elements.
+ * @returns `true` if the element matches the matcher, `false` otherwise.
+ */
+export const checkElementMatches = (element, matcher) => {
+    // If no matcher is provided, the element matches
+    if (!matcher) {
+        return true;
+    }
+    // Check if the matcher is a predicate function
+    if (typeof matcher === 'function') {
+        return matcher(element);
+    }
+    // Check if all the props in the matcher match the props in the element
+    return Object.keys(matcher).every((key) => element.props[key] === matcher[key]);
+};
+/**
+ * Checks if the node matches the component and matcher.
+ *
+ * @param node The node to check.
+ * @param component The component to check.
+ * @param matcher An optional matcher to filter the elements.
+ * @returns Whether the node matches the component and matcher.
+ */
+export const isMatch = (node, component, matcher) => {
+    if (node == null) {
+        return false;
+    }
+    if (node.nodeType !== RenderedNodeType.Element) {
+        return false;
+    }
+    const targetComponentName = __hubSpotComponentRegistry.getComponentName(component);
+    if (node.name !== targetComponentName) {
+        return false;
+    }
+    return checkElementMatches(node, matcher);
+};

package/dist/experimental/testing/internal/query.js

@@ -1,25 +1,7 @@
 import { __hubSpotComponentRegistry } from '../../../__synced__/remoteComponents.synced';
 import { isRenderedElementNode, isRenderedFragmentNode } from '../type-utils';
 import { ComponentNotFoundError, FindInvalidComponentError, InvalidComponentsError, } from './errors';
-/**
- * Checks if the element matches the matcher.
- *
- * @param element The element to check.
- * @param matcher An optional matcher to filter the elements.
- * @returns `true` if the element matches the matcher, `false` otherwise.
- */
-const checkElementMatches = (element, matcher) => {
-    // If no matcher is provided, the element matches
-    if (!matcher) {
-        return true;
-    }
-    // Check if the matcher is a predicate function
-    if (typeof matcher === 'function') {
-        return matcher(element);
-    }
-    // Check if all the props in the matcher match the props in the element
-    return Object.keys(matcher).every((key) => element.props[key] === matcher[key]);
-};
+import { checkElementMatches } from './match';
 const addMatchToFindResult = (findResult, match, options) => {
     if (options.findFirstOnly) {
         findResult.match = match;

package/dist/experimental/testing/internal/utils/promise-utils.d.ts

@@ -0,0 +1,14 @@
+/**
+ * A deferred promise that can be resolved or rejected externally.
+ */
+export interface Deferred<T = unknown> {
+    promise: Promise<T>;
+    resolve: (value: T) => void;
+    reject: (error: unknown) => void;
+}
+/**
+ * Creates a deferred promise that can be resolved or rejected externally.
+ *
+ * @returns A deferred promise object.
+ */
+export declare const createDeferred: <T = unknown>() => Deferred<T>;

package/dist/experimental/testing/internal/utils/promise-utils.js

@@ -0,0 +1,14 @@
+/**
+ * Creates a deferred promise that can be resolved or rejected externally.
+ *
+ * @returns A deferred promise object.
+ */
+export const createDeferred = () => {
+    let resolve;
+    let reject;
+    const promise = new Promise((_resolve, _reject) => {
+        resolve = _resolve;
+        reject = _reject;
+    });
+    return { promise, resolve: resolve, reject: reject };
+};

package/dist/experimental/testing/render.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from 'react';
+import { type RenderResult } from './types';
+/**
+ * Renders a UI extension component using React so that assertions can be made against the rendered output.
+ *
+ * @param node The React node to render.
+ * @returns A render result object that can be used to query the rendered DOM.
+ */
+export declare const render: (node: ReactNode) => RenderResult;

package/dist/experimental/testing/render.js

@@ -0,0 +1,155 @@
+import { createRemoteRoot } from '@remote-ui/core';
+import { createRoot as createReactRoot } from '@remote-ui/react';
+import { convertRemoteRoot } from './internal/convert';
+import { createDocument } from './internal/document';
+import { InvalidComponentsError, WaitForTimeoutError } from './internal/errors';
+import { isMatch } from './internal/match';
+import { find, findAll, findAllChildren, findChild, maybeFind, maybeFindChild, } from './internal/query';
+import { createRootNode } from './internal/root';
+import { createDeferred } from './internal/utils/promise-utils';
+const DEFAULT_WAIT_FOR_TIMEOUT_IN_MS = 1000;
+const DEFAULT_WAIT_FOR_OPTIONS = {
+    timeoutInMs: DEFAULT_WAIT_FOR_TIMEOUT_IN_MS,
+};
+/**
+ * Renders a UI extension component using React so that assertions can be made against the rendered output.
+ *
+ * @param node The React node to render.
+ * @returns A render result object that can be used to query the rendered DOM.
+ */
+export const render = (node) => {
+    let dirty = true;
+    let waitForChecksQueued = false;
+    let waitForList = [];
+    const runWaitForChecks = () => {
+        waitForChecksQueued = false;
+        waitForList = waitForList.filter((waitFor) => {
+            // eslint-disable-next-line @typescript-eslint/no-use-before-define
+            const renderedRootNode = getLatestRootNode();
+            if (renderedRootNode.document.hasInvalidComponentNames()) {
+                // Reject the waitFor promise if we detect invalid components in the rendered output.
+                waitFor.deferred.reject(new InvalidComponentsError(renderedRootNode));
+                if (waitFor.setTimeoutId) {
+                    // Clear the timeout so that we don't reject the promise if the check passes before the timeout expires.
+                    // Technically, calling reject on a promise that has already been resolved is a no-op.
+                    clearTimeout(waitFor.setTimeoutId);
+                }
+                return false;
+            }
+            try {
+                waitFor.check(); // Run the user provided check function.
+                if (waitFor.setTimeoutId) {
+                    // Clear the timeout so that we don't reject the promise if the check passes before the timeout expires.
+                    // Technically, calling reject on a promise that has already been resolved is a no-op.
+                    clearTimeout(waitFor.setTimeoutId);
+                }
+                waitFor.deferred.resolve(); // Resolve the promise that was originally returned by the waitFor function.
+                return false; // Remove the waitFor from the list since the check passed and we resolved the promise
+            }
+            catch (error) {
+                return true; // Keep the waitFor in the list since the check failed and we didn't resolve the promise.
+            }
+        });
+    };
+    /**
+     * This function will be invoked any time there are changes to the remote DOM.
+     * We don't really care what the changes were because we are not actually sending them
+     * to a host page. We are only interested in the fact that the DOM has been updated
+     * so that we can know that we need rebuild our own tree of rendered nodes.
+     */
+    const remoteChannel = () => {
+        dirty = true;
+        if (waitForList.length > 0) {
+            // Even though @remote-ui/core is notifying us that the DOM has been updated, it hasn't actually
+            // applied the DOMs to the remote DOM representation. Therefore, we need to queue a microtask to
+            // run the waitFor checks at the end of the event loop to give the DOM a chance to be updated...
+            if (!waitForChecksQueued) {
+                waitForChecksQueued = true;
+                queueMicrotask(runWaitForChecks);
+            }
+        }
+    };
+    const remoteRoot = createRemoteRoot(remoteChannel);
+    const reactRoot = createReactRoot(remoteRoot);
+    reactRoot.render(node);
+    remoteRoot.mount();
+    let maybeRenderedRootNode;
+    /**
+     * Returns the latest rendered root node. If the root node has not been rendered yet, it will be rendered.
+     * If there were no changes to the remote DOM then the previously rendered root node will be returned.
+     */
+    const getLatestRootNode = () => {
+        if (maybeRenderedRootNode && !dirty) {
+            // Return the previously rendered root node if there were no changes to the remote DOM.
+            return maybeRenderedRootNode;
+        }
+        // Create a new document for the next rendered DOM tree
+        const document = createDocument({
+            getLatestRootNode,
+        });
+        const nextRootNode = createRootNode(document);
+        document.rootNode = nextRootNode;
+        // Convert the tree of remote nodes to a tree of rendered nodes.
+        convertRemoteRoot(nextRootNode, remoteRoot);
+        maybeRenderedRootNode = nextRootNode;
+        dirty = false;
+        return maybeRenderedRootNode;
+    };
+    const initialRenderedRootNode = getLatestRootNode();
+    if (initialRenderedRootNode.document.hasInvalidComponentNames()) {
+        throw new InvalidComponentsError(initialRenderedRootNode);
+    }
+    return {
+        find: (component, matcher) => {
+            return find(getLatestRootNode(), component, matcher);
+        },
+        findAll: (component, matcher) => {
+            return findAll(getLatestRootNode(), component, matcher);
+        },
+        findChild: (component, matcher) => {
+            return findChild(getLatestRootNode(), component, matcher);
+        },
+        findAllChildren: (component, matcher) => {
+            return findAllChildren(getLatestRootNode(), component, matcher);
+        },
+        maybeFindChild: (component, matcher) => {
+            return maybeFindChild(getLatestRootNode(), component, matcher);
+        },
+        maybeFind: (component, matcher) => {
+            return maybeFind(getLatestRootNode(), component, matcher);
+        },
+        waitFor: (check, options = DEFAULT_WAIT_FOR_OPTIONS) => {
+            const { timeoutInMs = DEFAULT_WAIT_FOR_TIMEOUT_IN_MS } = options;
+            try {
+                check();
+                // Nothing to wait for since the check passed! Resolve the promise immediately.
+                return Promise.resolve();
+            }
+            catch (error) {
+                // If the check failed then we need to put it in the waitForList so that we
+                // can check it again later. We return a promise that will be resolved when
+                // the provided check passes.
+            }
+            const deferred = createDeferred();
+            const waitFor = { check, deferred, setTimeoutId: null };
+            waitForList.push(waitFor);
+            if (timeoutInMs > 0) {
+                waitFor.setTimeoutId = setTimeout(() => {
+                    // Remove the wait for from the list since the timeout expired and we rejected the promise.
+                    waitForList = waitForList.filter((currentWaitFor) => currentWaitFor !== waitFor);
+                    deferred.reject(new WaitForTimeoutError(timeoutInMs));
+                }, timeoutInMs);
+            }
+            return deferred.promise;
+        },
+        debugLog: (label) => {
+            return getLatestRootNode().debugLog(label);
+        },
+        getRootNode: () => {
+            return getLatestRootNode();
+        },
+        isMatch: (targetNode, component, matcher) => {
+            return isMatch(targetNode, component, matcher);
+        },
+    };
+};

package/dist/experimental/testing/types.d.ts

@@ -235,6 +235,7 @@ export interface RenderResult extends CommonQueryMethods {
      * @returns The root node.
      */
     getRootNode: () => RenderedRootNode;
+    isMatch: <TComponentProps extends UnknownComponentProps>(node: RenderedNode | null | undefined, component: HubSpotReactComponent<TComponentProps>, matcher?: ElementMatcher<TComponentProps>) => node is RenderedElementNode<TComponentProps>;
 }
 export type RenderedNode = RenderedElementNode<any> | RenderedRootNode | RenderedFragmentNode | RenderedTextNode;
 export {};

package/dist/pages/home/index.d.ts

@@ -1 +1 @@
-export { HeaderActions, PrimaryHeaderActionButton, SecondaryHeaderActionButton, } from '../../__synced__/appHomeRemoteComponents.synced';
+export { HeaderActions, PrimaryHeaderActionButton, SecondaryHeaderActionButton, } from '../../__synced__/remoteComponents.synced';

package/dist/pages/home/index.js

@@ -1 +1 @@
-export { HeaderActions, PrimaryHeaderActionButton, SecondaryHeaderActionButton, } from '../../__synced__/appHomeRemoteComponents.synced';
+export { HeaderActions, PrimaryHeaderActionButton, SecondaryHeaderActionButton, } from '../../__synced__/remoteComponents.synced';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubspot/ui-extensions",
-  "version": "0.11.1",
+  "version": "0.11.2",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -12,8 +12,9 @@
     "watch": "npm run clean && tsc --watch",
     "prepare": "npm run build",
     "lint": "echo 'No linter configured for @hubspot/ui-extensions'",
-    "test": "jest && tsd",
-    "jest": "jest --watch",
+    "test": "vitest run && tsd",
+    "test:coverage": "vitest run --coverage",
+    "test:watch": "vitest",
     "test:types": "tsd"
   },
   "files": [
@@ -26,7 +27,8 @@
     ".": "./dist/index.js",
     "./crm": "./dist/crm/index.js",
     "./pages/home": "./dist/pages/home/index.js",
-    "./experimental": "./dist/experimental/index.js"
+    "./experimental": "./dist/experimental/index.js",
+    "./experimental/testing": "./dist/experimental/testing/index.js"
   },
   "license": "MIT",
   "dependencies": {
@@ -51,28 +53,24 @@
     },
     "typescript": {
       "optional": true
-    },
-    "jest": {
-      "optional": true
     }
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^14.1.2",
-    "@types/jest": "^29.5.13",
     "@types/node": "^20.11.0",
     "@types/react": "^18.3.1",
     "@types/react-dom": "^18.3.1",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
+    "@vitest/coverage-v8": "2.1.8",
+    "jsdom": "26.1.0",
     "react-dom": "18.3.1",
     "react-reconciler": "^0.29.0",
-    "ts-jest": "^29.1.1",
     "tsd": "^0.33.0",
-    "typescript": "5.0.4"
+    "typescript": "5.0.4",
+    "vitest": "2.1.9"
   },
   "tsd": {
     "directory": "src/__tests__/test-d"
   },
-  "gitHead": "5a5fb7266fc9f45165f4cc5dc011773beccf5057"
+  "gitHead": "6545e14f68b8927c84d75ae45f287a43f19a0bb2"
 }

package/dist/__synced__/appHomeRemoteComponents.synced.d.ts

@@ -1,28 +0,0 @@
-import type * as componentTypes from './types/components/index.synced';
-/**
- * The `HeaderActions` component renders a container for action buttons in the app home header. It accepts `PrimaryHeaderActionButton` and `SecondaryHeaderActionButton` as children.
- *
- */
-export declare const HeaderActions: "HeaderActions" & {
-    readonly type?: "HeaderActions" | undefined;
-    readonly props?: componentTypes.HeaderActionsProps | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"HeaderActions", componentTypes.HeaderActionsProps, true>>;
-/**
- * The `PrimaryHeaderActionButton` component renders a primary action button in the app home header. This button is styled as the main call-to-action and only one should be used per `HeaderActions` container.
- *
- */
-export declare const PrimaryHeaderActionButton: "PrimaryHeaderActionButton" & {
-    readonly type?: "PrimaryHeaderActionButton" | undefined;
-    readonly props?: componentTypes.HeaderActionButtonProps | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"PrimaryHeaderActionButton", componentTypes.HeaderActionButtonProps, true>>;
-/**
- * The `SecondaryHeaderActionButton` component renders a secondary action button in the app home header. Multiple secondary actions can be used and they will be grouped appropriately in the header.
- *
- */
-export declare const SecondaryHeaderActionButton: "SecondaryHeaderActionButton" & {
-    readonly type?: "SecondaryHeaderActionButton" | undefined;
-    readonly props?: componentTypes.HeaderActionButtonProps | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"SecondaryHeaderActionButton", componentTypes.HeaderActionButtonProps, true>>;

package/dist/__synced__/appHomeRemoteComponents.synced.js

@@ -1,21 +0,0 @@
-// Do not manually update this file, changes will be autogenerated by our scripts based on: ui-extensions-remote-renderer/static/js/appHomeRemoteComponents.ts
-import { createRemoteReactComponent } from '@remote-ui/react';
-/**
- * The `HeaderActions` component renders a container for action buttons in the app home header. It accepts `PrimaryHeaderActionButton` and `SecondaryHeaderActionButton` as children.
- *
- */
-export const HeaderActions = createRemoteReactComponent('HeaderActions');
-/**
- * The `PrimaryHeaderActionButton` component renders a primary action button in the app home header. This button is styled as the main call-to-action and only one should be used per `HeaderActions` container.
- *
- */
-export const PrimaryHeaderActionButton = createRemoteReactComponent('PrimaryHeaderActionButton', {
-    fragmentProps: ['overlay'],
-});
-/**
- * The `SecondaryHeaderActionButton` component renders a secondary action button in the app home header. Multiple secondary actions can be used and they will be grouped appropriately in the header.
- *
- */
-export const SecondaryHeaderActionButton = createRemoteReactComponent('SecondaryHeaderActionButton', {
-    fragmentProps: ['overlay'],
-});

package/dist/__synced__/crmRemoteComponents.synced.d.ts

@@ -1,66 +0,0 @@
-import * as crmTypes from './types/crm.synced';
-export declare const CrmPropertyList: "CrmPropertyList" & {
-    readonly type?: "CrmPropertyList" | undefined;
-    readonly props?: crmTypes.CrmPropertyListProps | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmPropertyList", crmTypes.CrmPropertyListProps, true>>;
-export declare const CrmAssociationTable: "CrmAssociationTable" & {
-    readonly type?: "CrmAssociationTable" | undefined;
-    readonly props?: crmTypes.CrmAssociationTableProps | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmAssociationTable", crmTypes.CrmAssociationTableProps, true>>;
-export declare const CrmDataHighlight: "CrmDataHighlight" & {
-    readonly type?: "CrmDataHighlight" | undefined;
-    readonly props?: crmTypes.CrmDataHighlightProps | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmDataHighlight", crmTypes.CrmDataHighlightProps, true>>;
-export declare const CrmReport: "CrmReport" & {
-    readonly type?: "CrmReport" | undefined;
-    readonly props?: crmTypes.CrmReportProps | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmReport", crmTypes.CrmReportProps, true>>;
-export declare const CrmAssociationPivot: "CrmAssociationPivot" & {
-    readonly type?: "CrmAssociationPivot" | undefined;
-    readonly props?: crmTypes.CrmAssociationPivotProps | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmAssociationPivot", crmTypes.CrmAssociationPivotProps, true>>;
-export declare const CrmAssociationPropertyList: "CrmAssociationPropertyList" & {
-    readonly type?: "CrmAssociationPropertyList" | undefined;
-    readonly props?: crmTypes.CrmAssociationPropertyListProps | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmAssociationPropertyList", crmTypes.CrmAssociationPropertyListProps, true>>;
-export declare const CrmAssociationStageTracker: "CrmAssociationStageTracker" & {
-    readonly type?: "CrmAssociationStageTracker" | undefined;
-    readonly props?: crmTypes.CrmAssociationStageTrackerProps | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmAssociationStageTracker", crmTypes.CrmAssociationStageTrackerProps, true>>;
-export declare const CrmSimpleDeadline: "CrmSimpleDeadline" & {
-    readonly type?: "CrmSimpleDeadline" | undefined;
-    readonly props?: crmTypes.CrmSimpleDeadlineProps | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmSimpleDeadline", crmTypes.CrmSimpleDeadlineProps, true>>;
-export declare const CrmStageTracker: "CrmStageTracker" & {
-    readonly type?: "CrmStageTracker" | undefined;
-    readonly props?: crmTypes.CrmStageTrackerProps | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmStageTracker", crmTypes.CrmStageTrackerProps, true>>;
-export declare const CrmStatistics: "CrmStatistics" & {
-    readonly type?: "CrmStatistics" | undefined;
-    readonly props?: crmTypes.CrmStatisticsProps | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmStatistics", crmTypes.CrmStatisticsProps, true>>;
-export declare const CrmActionButton: "CrmActionButton" & {
-    readonly type?: "CrmActionButton" | undefined;
-    readonly props?: crmTypes.CrmActionButtonProps | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmActionButton", crmTypes.CrmActionButtonProps, true>>;
-export declare const CrmActionLink: "CrmActionLink" & {
-    readonly type?: "CrmActionLink" | undefined;
-    readonly props?: crmTypes.CrmActionLinkProps | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmActionLink", crmTypes.CrmActionLinkProps, true>>;
-export declare const CrmCardActions: "CrmCardActions" & {
-    readonly type?: "CrmCardActions" | undefined;
-    readonly props?: crmTypes.CrmCardActionsProps | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmCardActions", crmTypes.CrmCardActionsProps, true>>;

package/dist/__synced__/crmRemoteComponents.synced.js

@@ -1,15 +0,0 @@
-// Do not manually update this file, changes will be autogenerated by our scripts based on: ui-extensions-remote-renderer/static/js/crmRemoteComponents.ts
-import { createRemoteReactComponent } from '@remote-ui/react';
-export const CrmPropertyList = createRemoteReactComponent('CrmPropertyList');
-export const CrmAssociationTable = createRemoteReactComponent('CrmAssociationTable');
-export const CrmDataHighlight = createRemoteReactComponent('CrmDataHighlight');
-export const CrmReport = createRemoteReactComponent('CrmReport');
-export const CrmAssociationPivot = createRemoteReactComponent('CrmAssociationPivot');
-export const CrmAssociationPropertyList = createRemoteReactComponent('CrmAssociationPropertyList');
-export const CrmAssociationStageTracker = createRemoteReactComponent('CrmAssociationStageTracker');
-export const CrmSimpleDeadline = createRemoteReactComponent('CrmSimpleDeadline');
-export const CrmStageTracker = createRemoteReactComponent('CrmStageTracker');
-export const CrmStatistics = createRemoteReactComponent('CrmStatistics');
-export const CrmActionButton = createRemoteReactComponent('CrmActionButton');
-export const CrmActionLink = createRemoteReactComponent('CrmActionLink');
-export const CrmCardActions = createRemoteReactComponent('CrmCardActions');