@shopify/app-bridge-react 4.0.0 → 4.1.1

package/dist/index.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import type { ShopifyGlobal } from '@shopify/app-bridge-types';
 import type { UIModalAttributes } from '@shopify/app-bridge-types';
 import type { UINavMenuAttributes } from '@shopify/app-bridge-types';
+import type { UISaveBarAttributes } from '@shopify/app-bridge-types';
 import type { UITitleBarAttributes } from '@shopify/app-bridge-types';
 
 /**
@@ -43,6 +44,32 @@ export declare interface NavMenuProps extends Omit<UINavMenuAttributes, 'childre
     children?: ReactNode;
 }
 
+/**
+ * This component is a wrapper around the App Bridge `ui-save-bar` element.
+ * It is used to display a contextual save bar to signal dirty state in the app.
+ *
+ * @see {@link https://shopify.dev/docs/api/app-bridge-library/react-components/save-bar}
+ */
+export declare const SaveBar: React.ForwardRefExoticComponent<SaveBarProps & React.RefAttributes<UISaveBarElement>>;
+
+export declare interface SaveBarProps extends Omit<UISaveBarAttributes, 'children'> {
+    /**
+     * Whether the saveBar is open or not
+     *
+     * @defaultValue false
+     */
+    open?: boolean;
+    /**
+     * Callback that is called when the saveBar is opened
+     */
+    onShow?(): void;
+    /**
+     * Callback that is called when the saveBar is closed
+     */
+    onHide?(): void;
+    children?: ReactNode;
+}
+
 /**
  * This component is a wrapper around the App Bridge `ui-title-bar` element.
  * It is used to to populate the app title bar with button actions or the