@hubspot/ui-extensions 0.0.0 → 0.0.1-beta.1

package/dist/coreComponents.d.ts

@@ -0,0 +1,177 @@
+import type { AlertProps, ButtonProps, ButtonRowProps, CardProps, DescriptionListProps, DescriptionListItemProps, DividerProps, EmptyStateProps, ErrorStateProps, FormProps, HeadingProps, ImageProps, InputProps, TextareaProps, LoadingSpinnerProps, ProgressBarProps, SelectProps, TagProps, TextProps, TileProps, StackProps, StatisticsProps, StatisticsItemProps, StatisticsTrendProps, TableProps, TableElementProps, ToggleGroupProps, LinkProps, NumberInputProps, BoxProps } from './types';
+declare const Alert: "Alert" & {
+    readonly type?: "Alert" | undefined;
+    readonly props?: AlertProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Alert", AlertProps, true>>;
+declare const Button: "Button" & {
+    readonly type?: "Button" | undefined;
+    readonly props?: ButtonProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Button", ButtonProps, true>>;
+declare const ButtonRow: "ButtonRow" & {
+    readonly type?: "ButtonRow" | undefined;
+    readonly props?: ButtonRowProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"ButtonRow", ButtonRowProps, true>>;
+declare const Card: "Card" & {
+    readonly type?: "Card" | undefined;
+    readonly props?: CardProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Card", CardProps, true>>;
+declare const DescriptionList: "DescriptionList" & {
+    readonly type?: "DescriptionList" | undefined;
+    readonly props?: DescriptionListProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"DescriptionList", DescriptionListProps, true>>;
+declare const DescriptionListItem: "DescriptionListItem" & {
+    readonly type?: "DescriptionListItem" | undefined;
+    readonly props?: DescriptionListItemProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"DescriptionListItem", DescriptionListItemProps, true>>;
+declare const Divider: "Divider" & {
+    readonly type?: "Divider" | undefined;
+    readonly props?: DividerProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Divider", DividerProps, true>>;
+declare const EmptyState: "EmptyState" & {
+    readonly type?: "EmptyState" | undefined;
+    readonly props?: EmptyStateProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"EmptyState", EmptyStateProps, true>>;
+declare const ErrorState: "ErrorState" & {
+    readonly type?: "ErrorState" | undefined;
+    readonly props?: ErrorStateProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"ErrorState", ErrorStateProps, true>>;
+declare const Form: "Form" & {
+    readonly type?: "Form" | undefined;
+    readonly props?: FormProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Form", FormProps, true>>;
+declare const Heading: "Heading" & {
+    readonly type?: "Heading" | undefined;
+    readonly props?: HeadingProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Heading", HeadingProps, true>>;
+declare const Image: "Image" & {
+    readonly type?: "Image" | undefined;
+    readonly props?: ImageProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Image", ImageProps, true>>;
+declare const Input: "Input" & {
+    readonly type?: "Input" | undefined;
+    readonly props?: InputProps<string> | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Input", InputProps<string>, true>>;
+declare const Textarea: "Textarea" & {
+    readonly type?: "Textarea" | undefined;
+    readonly props?: TextareaProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Textarea", TextareaProps, true>>;
+declare const LoadingSpinner: "LoadingSpinner" & {
+    readonly type?: "LoadingSpinner" | undefined;
+    readonly props?: LoadingSpinnerProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"LoadingSpinner", LoadingSpinnerProps, true>>;
+declare const ProgressBar: "ProgressBar" & {
+    readonly type?: "ProgressBar" | undefined;
+    readonly props?: ProgressBarProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"ProgressBar", ProgressBarProps, true>>;
+declare const Select: "Select" & {
+    readonly type?: "Select" | undefined;
+    readonly props?: SelectProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Select", SelectProps, true>>;
+declare const Tag: "Tag" & {
+    readonly type?: "Tag" | undefined;
+    readonly props?: TagProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Tag", TagProps, true>>;
+declare const Text: "Text" & {
+    readonly type?: "Text" | undefined;
+    readonly props?: TextProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Text", TextProps, true>>;
+declare const Tile: "Tile" & {
+    readonly type?: "Tile" | undefined;
+    readonly props?: TileProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Tile", TileProps, true>>;
+declare const ToggleGroup: "ToggleGroup" & {
+    readonly type?: "ToggleGroup" | undefined;
+    readonly props?: ToggleGroupProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"ToggleGroup", ToggleGroupProps, true>>;
+declare const Stack: "Stack" & {
+    readonly type?: "Stack" | undefined;
+    readonly props?: StackProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Stack", StackProps, true>>;
+declare const StatisticsItem: "StatisticsItem" & {
+    readonly type?: "StatisticsItem" | undefined;
+    readonly props?: StatisticsItemProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"StatisticsItem", StatisticsItemProps, true>>;
+declare const Statistics: "Statistics" & {
+    readonly type?: "Statistics" | undefined;
+    readonly props?: StatisticsProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Statistics", StatisticsProps, true>>;
+declare const StatisticsTrend: "StatisticsTrend" & {
+    readonly type?: "StatisticsTrend" | undefined;
+    readonly props?: StatisticsTrendProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"StatisticsTrend", StatisticsTrendProps, true>>;
+declare const Table: "Table" & {
+    readonly type?: "Table" | undefined;
+    readonly props?: TableProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Table", TableProps, true>>;
+declare const TableFooter: "TableFooter" & {
+    readonly type?: "TableFooter" | undefined;
+    readonly props?: TableElementProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"TableFooter", TableElementProps, true>>;
+declare const TableCell: "TableCell" & {
+    readonly type?: "TableCell" | undefined;
+    readonly props?: TableElementProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"TableCell", TableElementProps, true>>;
+declare const TableRow: "TableRow" & {
+    readonly type?: "TableRow" | undefined;
+    readonly props?: TableElementProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"TableRow", TableElementProps, true>>;
+declare const TableBody: "TableBody" & {
+    readonly type?: "TableBody" | undefined;
+    readonly props?: TableElementProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"TableBody", TableElementProps, true>>;
+declare const TableHeader: "TableHeader" & {
+    readonly type?: "TableHeader" | undefined;
+    readonly props?: TableElementProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"TableHeader", TableElementProps, true>>;
+declare const TableHead: "TableHead" & {
+    readonly type?: "TableHead" | undefined;
+    readonly props?: TableElementProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"TableHead", TableElementProps, true>>;
+declare const Link: "Link" & {
+    readonly type?: "Link" | undefined;
+    readonly props?: LinkProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Link", LinkProps, true>>;
+declare const NumberInput: "NumberInput" & {
+    readonly type?: "NumberInput" | undefined;
+    readonly props?: NumberInputProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"NumberInput", NumberInputProps, true>>;
+declare const Box: "Box" & {
+    readonly type?: "Box" | undefined;
+    readonly props?: BoxProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Box", BoxProps, true>>;
+export { Alert, Box, Button, ButtonRow, Card, DescriptionList, DescriptionListItem, Divider, EmptyState, ErrorState, Form, Heading, Image, Input, Textarea, LoadingSpinner, Link, ProgressBar, Select, Stack, Statistics, StatisticsItem, StatisticsTrend, Table, TableFooter, TableCell, TableRow, TableBody, TableHeader, TableHead, Tag, Text, Tile, ToggleGroup, NumberInput, };

package/dist/coreComponents.js

@@ -0,0 +1,37 @@
+import { createRemoteReactComponent } from '@remote-ui/react';
+const Alert = createRemoteReactComponent('Alert');
+const Button = createRemoteReactComponent('Button');
+const ButtonRow = createRemoteReactComponent('ButtonRow');
+const Card = createRemoteReactComponent('Card');
+const DescriptionList = createRemoteReactComponent('DescriptionList');
+const DescriptionListItem = createRemoteReactComponent('DescriptionListItem');
+const Divider = createRemoteReactComponent('Divider');
+const EmptyState = createRemoteReactComponent('EmptyState');
+const ErrorState = createRemoteReactComponent('ErrorState');
+const Form = createRemoteReactComponent('Form');
+const Heading = createRemoteReactComponent('Heading');
+const Image = createRemoteReactComponent('Image');
+const Input = createRemoteReactComponent('Input');
+const Textarea = createRemoteReactComponent('Textarea');
+const LoadingSpinner = createRemoteReactComponent('LoadingSpinner');
+const ProgressBar = createRemoteReactComponent('ProgressBar');
+const Select = createRemoteReactComponent('Select');
+const Tag = createRemoteReactComponent('Tag');
+const Text = createRemoteReactComponent('Text');
+const Tile = createRemoteReactComponent('Tile');
+const ToggleGroup = createRemoteReactComponent('ToggleGroup');
+const Stack = createRemoteReactComponent('Stack');
+const StatisticsItem = createRemoteReactComponent('StatisticsItem');
+const Statistics = createRemoteReactComponent('Statistics');
+const StatisticsTrend = createRemoteReactComponent('StatisticsTrend');
+const Table = createRemoteReactComponent('Table');
+const TableFooter = createRemoteReactComponent('TableFooter');
+const TableCell = createRemoteReactComponent('TableCell');
+const TableRow = createRemoteReactComponent('TableRow');
+const TableBody = createRemoteReactComponent('TableBody');
+const TableHeader = createRemoteReactComponent('TableHeader');
+const TableHead = createRemoteReactComponent('TableHead');
+const Link = createRemoteReactComponent('Link');
+const NumberInput = createRemoteReactComponent('NumberInput');
+const Box = createRemoteReactComponent('Box');
+export { Alert, Box, Button, ButtonRow, Card, DescriptionList, DescriptionListItem, Divider, EmptyState, ErrorState, Form, Heading, Image, Input, Textarea, LoadingSpinner, Link, ProgressBar, Select, Stack, Statistics, StatisticsItem, StatisticsTrend, Table, TableFooter, TableCell, TableRow, TableBody, TableHeader, TableHead, Tag, Text, Tile, ToggleGroup, NumberInput, };

package/dist/crm/components.d.ts

@@ -0,0 +1,37 @@
+import { CrmAssociationPivotProps, CrmAssociationTableProps, CrmDataHighlightProps, CrmObjectPropertyProps, CrmPropertyListProps, CrmReportProps, CrmAssociationPropertyListProps } from '../types';
+declare const CrmObjectProperty: "CrmObjectProperty" & {
+    readonly type?: "CrmObjectProperty" | undefined;
+    readonly props?: CrmObjectPropertyProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmObjectProperty", CrmObjectPropertyProps, true>>;
+declare const CrmPropertyList: "CrmPropertyList" & {
+    readonly type?: "CrmPropertyList" | undefined;
+    readonly props?: CrmPropertyListProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmPropertyList", CrmPropertyListProps, true>>;
+declare const CrmAssociationTable: "CrmAssociationTable" & {
+    readonly type?: "CrmAssociationTable" | undefined;
+    readonly props?: CrmAssociationTableProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmAssociationTable", CrmAssociationTableProps, true>>;
+declare const CrmDataHighlight: "CrmDataHighlight" & {
+    readonly type?: "CrmDataHighlight" | undefined;
+    readonly props?: CrmDataHighlightProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmDataHighlight", CrmDataHighlightProps, true>>;
+declare const CrmReport: "CrmReport" & {
+    readonly type?: "CrmReport" | undefined;
+    readonly props?: CrmReportProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmReport", CrmReportProps, true>>;
+declare const CrmAssociationPivot: "CrmAssociationPivot" & {
+    readonly type?: "CrmAssociationPivot" | undefined;
+    readonly props?: CrmAssociationPivotProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmAssociationPivot", CrmAssociationPivotProps, true>>;
+declare const CrmAssociationPropertyList: "CrmAssociationPropertyList" & {
+    readonly type?: "CrmAssociationPropertyList" | undefined;
+    readonly props?: CrmAssociationPropertyListProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmAssociationPropertyList", CrmAssociationPropertyListProps, true>>;
+export { CrmObjectProperty, CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, };

package/dist/crm/components.js

@@ -0,0 +1,9 @@
+import { createExtensionComponent } from '../utils/createExtensionComponent';
+const CrmObjectProperty = createExtensionComponent('CrmObjectProperty');
+const CrmPropertyList = createExtensionComponent('CrmPropertyList');
+const CrmAssociationTable = createExtensionComponent('CrmAssociationTable');
+const CrmDataHighlight = createExtensionComponent('CrmDataHighlight');
+const CrmReport = createExtensionComponent('CrmReport');
+const CrmAssociationPivot = createExtensionComponent('CrmAssociationPivot');
+const CrmAssociationPropertyList = createExtensionComponent('CrmAssociationPropertyList');
+export { CrmObjectProperty, CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, };

package/dist/crm/index.d.ts

@@ -0,0 +1,2 @@
+import { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmObjectProperty, CrmAssociationPropertyList } from './components';
+export { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmObjectProperty, CrmAssociationPropertyList, };

package/dist/crm/index.js

@@ -0,0 +1,2 @@
+import { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmObjectProperty, CrmAssociationPropertyList, } from './components';
+export { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmObjectProperty, CrmAssociationPropertyList, };

package/dist/hubspot.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import type { ExtensionPoints, ExtensionPointApi } from './types';
+export declare const hubspot: {
+    extend: typeof render;
+};
+declare function render<ExtensionPointName extends keyof ExtensionPoints>(renderCallback: (api: ExtensionPointApi<ExtensionPointName>) => ReactElement<any>): any;
+export {};

package/dist/hubspot.js

@@ -0,0 +1,17 @@
+/* eslint-disable hubspot-dev/no-confusing-browser-globals */
+import { createRoot } from '@remote-ui/react';
+import { isValidElement } from 'react';
+export const hubspot = {
+    extend: render,
+};
+const extend = (...args) => self.extend(...args);
+function render(renderCallback) {
+    return extend((root, api) => {
+        const renderCallbackResult = renderCallback(api);
+        if (!isValidElement(renderCallbackResult)) {
+            throw new Error(`[hubspot.extend]: Expected callback function to return a valid element, got: ${renderCallbackResult}`);
+        }
+        createRoot(root).render(renderCallbackResult);
+        root.mount();
+    });
+}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { Alert, Button, ButtonRow, Card, DescriptionList, DescriptionListItem, Divider, EmptyState, ErrorState, Form, Heading, Image, Input, LoadingSpinner, ProgressBar, Select, Stack, Statistics, StatisticsItem, StatisticsTrend, Table, TableFooter, TableCell, TableRow, TableBody, TableHeader, TableHead, Tag, Text, Textarea, Tile, ToggleGroup, Link, NumberInput, Box, } from './coreComponents';
+export { hubspot } from './hubspot';
+export * from './types';

package/dist/index.js

@@ -0,0 +1,3 @@
+export { Alert, Button, ButtonRow, Card, DescriptionList, DescriptionListItem, Divider, EmptyState, ErrorState, Form, Heading, Image, Input, LoadingSpinner, ProgressBar, Select, Stack, Statistics, StatisticsItem, StatisticsTrend, Table, TableFooter, TableCell, TableRow, TableBody, TableHeader, TableHead, Tag, Text, Textarea, Tile, ToggleGroup, Link, NumberInput, Box, } from './coreComponents';
+export { hubspot } from './hubspot';
+export * from './types';