@hubspot/ui-extensions 0.8.42 → 0.8.43

package/dist/experimental/index.d.ts

@@ -49,4 +49,9 @@ declare const GridItem: "GridItem" & {
     readonly props?: experimentalTypes.GridItemProps | undefined;
     readonly children?: true | undefined;
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"GridItem", experimentalTypes.GridItemProps, true>>;
-export { Iframe, MediaObject, Inline, Stack2, Center, SimpleGrid, GridItem, Grid, };
+declare const SettingsView: "SettingsView" & {
+    readonly type?: "SettingsView" | undefined;
+    readonly props?: experimentalTypes.SettingsViewProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"SettingsView", experimentalTypes.SettingsViewProps, true>>;
+export { Iframe, MediaObject, Inline, Stack2, Center, SimpleGrid, GridItem, Grid, SettingsView, };

package/dist/experimental/index.js

@@ -18,4 +18,5 @@ const SimpleGrid = createRemoteReactComponent('SimpleGrid');
 const Grid = createRemoteReactComponent('Grid');
 /** @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates. */
 const GridItem = createRemoteReactComponent('GridItem');
-export { Iframe, MediaObject, Inline, Stack2, Center, SimpleGrid, GridItem, Grid, };
+const SettingsView = createRemoteReactComponent('SettingsView');
+export { Iframe, MediaObject, Inline, Stack2, Center, SimpleGrid, GridItem, Grid, SettingsView, };

package/dist/experimental/types.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { RemoteFragment } from '@remote-ui/core';
-import type { AllDistances } from '../types';
+import type { AllDistances, ExtensionEvent, ReactionsHandler } from '../types';
 /**
  * @ignore
  * @experimental do not use in production
@@ -79,4 +79,36 @@ export interface GridItemProps {
     children?: ReactNode;
     offset?: number;
 }
+/**
+ * @ignore
+ * @experimental do not use in production
+ */
+export interface SettingsViewProps {
+    /**
+     * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components.
+     */
+    children: ReactNode;
+    /**
+     * If set to `true`, will show the save bar with "cancel" and  "save" buttons at the bottom of the page.
+     *
+     * @defaultValue `false`
+     */
+    saveBarVisible?: boolean;
+    /**
+     * Used in the save bar to let the user know how many settings they've changed and not yet saved.
+     */
+    numberOfSettingsChanged?: number;
+    /**
+     * The function that will be invoked when the save button in the save bar is clicked.
+     *
+     * @event
+     */
+    onSave?: ReactionsHandler<ExtensionEvent>;
+    /**
+     * The function that will be invoked when the cancel button in the save bar is clicked.
+     *
+     * @event
+     */
+    onCancel?: ReactionsHandler<ExtensionEvent>;
+}
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubspot/ui-extensions",
-  "version": "0.8.42",
+  "version": "0.8.43",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -60,5 +60,5 @@
     "react-reconciler": "^0.29.0",
     "typescript": "5.0.4"
   },
-  "gitHead": "adebd2d54ad45cfedb1ab6b173eda06c8642965c"
+  "gitHead": "a140eea0a991c41c86030a5017b54bfd6151ab4c"
 }