@sigmacomputing/react-embed-sdk 0.2.2 → 0.2.4

package/dist/index.d.mts

@@ -1,9 +1,58 @@
-import * as react from 'react';
-import { WorkbookLoadedEvent, WorkbookErrorEvent } from '@sigmacomputing/embed-sdk';
+import { WorkbookErrorEvent, WorkbookLoadedEvent, WorkbookDataLoadedEvent, WorkbookVariableOnChangeEvent, WorkbookTableCellSelectEvent, WorkbookPublishedEvent, WorkbookFullScreenEvent, WorkbookPageHeightEvent, WorkbookPageSelectedNodeEvent, WorkbookPivotTableCellSelectEvent, WorkbookChartValueSelectEvent, WorkbookCurrentVariablesEvent, WorkbookBookmarkOnCreateEvent, WorkbookChartErrorEvent, WorkbookExploreKeyOnChangeEvent, WorkbookBookmarkOnChangeEvent, UrlOnChangeEvent, WorkbookIdOnChangeEvent } from '@sigmacomputing/embed-sdk';
 export * from '@sigmacomputing/embed-sdk';
+import * as react from 'react';
+
+/**
+ * A hook that returns a ref to be used with an iframe element, and the loading and error state of the embed.
+ *
+ * @example
+ * ```
+ * function MyEmbed() {
+ *  const { iframeRef, loading, error } = useSigmaIframe();
+ *  return (
+ *   <>
+ *     {loading && <p>Loading...</p>}
+ *     {error && <p>Error: {error.message}</p>}
+ *     <iframe
+ *       className={loading || error ? "hidden" : "show"}
+ *       ref={iframeRef}
+ *       src="https://app.sigmacomputing.com/embed"
+ *     />
+ *   </>
+ * );
+ * }
+ * ```
+ */
+declare function useSigmaIframe(): {
+    iframeRef: react.RefObject<HTMLIFrameElement>;
+    loading: boolean;
+    error: WorkbookErrorEvent | null;
+    variables: Record<string, string> | null | undefined;
+};
+
+/**
+ *
+ * A hook that returns the height of the page in the iframe.
+ * This HAS to be used with the responsive_height option in the embed.
+ *
+ * @example
+ * ```
+ * function MyEmbed() {
+ *  const { iframeRef } = useSigmaIframe();
+ * const height = usePageHeight(iframeRef);
+ *  return (
+ *   <>
+ *     <iframe
+ *       style={{ height }}
+ *       ref={iframeRef}
+ *       src="https://app.sigmacomputing.com/embed"
+ *     />
+ *   </>
+ * );
+ * }
+ */
+declare function usePageHeight(iframeRef: React.RefObject<HTMLIFrameElement>): number | undefined;
 
-type OnLoaded = (event: WorkbookLoadedEvent) => void;
-type OnError = (event: WorkbookErrorEvent) => void;
 /**
  * Listen for a workbook loaded event, and execute the given callback when it occurs.
  *
@@ -18,14 +67,14 @@ type OnError = (event: WorkbookErrorEvent) => void;
  *    <iframe
  *      className{loading ? "hidden" : "show"}
  *      ref={iframeRef}
- *      src="https://sigmacomputing.app/embed"
+ *      src="https://app.sigmacomputing.com/embed"
  *    />
  *   );
  * }
  * ```
  *
  */
-declare function useWorkbookLoaded(iframeRef: React.RefObject<HTMLIFrameElement>, onLoaded: OnLoaded): void;
+declare function useWorkbookLoaded(iframeRef: React.RefObject<HTMLIFrameElement>, onLoaded: (event: WorkbookLoadedEvent) => void): void;
 /**
  * Listen for a workbook error event, and execute the given callback when it occurs.
  *
@@ -41,39 +90,47 @@ declare function useWorkbookLoaded(iframeRef: React.RefObject<HTMLIFrameElement>
  *   return (
  *    <iframe
  *      ref={iframeRef}
- *      src="https://sigmacomputing.app/embed"
+ *      src="https://app.sigmacomputing.com/embed"
  *    />
  *   );
  * }
  * ```
  *
  */
-declare function useWorkbookError(iframeRef: React.RefObject<HTMLIFrameElement>, onError: OnError): void;
+declare function useWorkbookError(iframeRef: React.RefObject<HTMLIFrameElement>, onError: (event: WorkbookErrorEvent) => void): void;
 /**
- * A hook that returns a ref to be used with an iframe element, and the loading and error state of the embed.
+ * Listen for a workbook data loaded event, and execute the given callback when it occurs.
  *
  * @example
  * ```
  * function MyEmbed() {
- *  const { iframeRef, loading, error } = useSigmaIframe();
- *  return (
- *   <>
- *     {loading && <p>Loading...</p>}
- *     {error && <p>Error: {error.message}</p>}
- *     <iframe
- *       className={loading || error ? "hidden" : "show"}
- *       ref={iframeRef}
- *       src="https://sigmacomputing.app/embed"
- *     />
- *   </>
- * );
+ *   const [dataLoaded, setDataLoaded] = useState(false);
+ *   const onDataLoaded = useCallback(() => setDataLoaded(true), []);
+ *   const iframeRef = useRef<HTMLIFrameElement>(null);
+ *   return (
+ *    <iframe
+ *      ref={iframeRef}
+ *      src="https://app.sigmacomputing.com/embed"
+ *    />
+ *   );
  * }
  * ```
  */
-declare function useSigmaIframe(): {
-    iframeRef: react.RefObject<HTMLIFrameElement>;
-    loading: boolean;
-    error: WorkbookErrorEvent | null;
-};
+declare function useWorkbookDataLoaded(iframeRef: React.RefObject<HTMLIFrameElement>, onDataLoaded: (event: WorkbookDataLoadedEvent) => void): void;
+declare function useVariableChange(iframeRef: React.RefObject<HTMLIFrameElement>, onVariableChange: (event: WorkbookVariableOnChangeEvent) => void): void;
+declare function useTableCellSelect(iframeRef: React.RefObject<HTMLIFrameElement>, onTableCellSelect: (event: WorkbookTableCellSelectEvent) => void): void;
+declare function useWorkbookPublished(iframeRef: React.RefObject<HTMLIFrameElement>, onWorkbookPublished: (event: WorkbookPublishedEvent) => void): void;
+declare function useWorkbookFullScreen(iframeRef: React.RefObject<HTMLIFrameElement>, onFullScreen: (event: WorkbookFullScreenEvent) => void): void;
+declare function useWorkbookPageHeight(iframeRef: React.RefObject<HTMLIFrameElement>, onPageHeight: (event: WorkbookPageHeightEvent) => void): void;
+declare function useWorkbookPageSelectedNode(iframeRef: React.RefObject<HTMLIFrameElement>, onPageSelectedNode: (event: WorkbookPageSelectedNodeEvent) => void): void;
+declare function useWorkbookPivotTableCellSelect(iframeRef: React.RefObject<HTMLIFrameElement>, onPivotTableCellSelect: (event: WorkbookPivotTableCellSelectEvent) => void): void;
+declare function useWorkbookChartValueSelect(iframeRef: React.RefObject<HTMLIFrameElement>, onChartValueSelect: (event: WorkbookChartValueSelectEvent) => void): void;
+declare function useWorkbookCurrentVariables(iframeRef: React.RefObject<HTMLIFrameElement>, onCurrentVariables: (event: WorkbookCurrentVariablesEvent) => void): void;
+declare function useWorkbookBookmarkOnCreate(iframeRef: React.RefObject<HTMLIFrameElement>, onBookmarkCreate: (event: WorkbookBookmarkOnCreateEvent) => void): void;
+declare function useWorkbookChartError(iframeRef: React.RefObject<HTMLIFrameElement>, onChartError: (event: WorkbookChartErrorEvent) => void): void;
+declare function useWorkbookExploreKeyOnChange(iframeRef: React.RefObject<HTMLIFrameElement>, onExploreKeyChange: (event: WorkbookExploreKeyOnChangeEvent) => void): void;
+declare function useWorkbookBookmarkOnChange(iframeRef: React.RefObject<HTMLIFrameElement>, onBookmarkChange: (event: WorkbookBookmarkOnChangeEvent) => void): void;
+declare function useUrlOnChange(iframeRef: React.RefObject<HTMLIFrameElement>, onUrlChange: (event: UrlOnChangeEvent) => void): void;
+declare function useWorkbookIdOnChange(iframeRef: React.RefObject<HTMLIFrameElement>, onIdChange: (event: WorkbookIdOnChangeEvent) => void): void;
 
-export { type OnError, type OnLoaded, useSigmaIframe, useWorkbookError, useWorkbookLoaded };
+export { usePageHeight, useSigmaIframe, useTableCellSelect, useUrlOnChange, useVariableChange, useWorkbookBookmarkOnChange, useWorkbookBookmarkOnCreate, useWorkbookChartError, useWorkbookChartValueSelect, useWorkbookCurrentVariables, useWorkbookDataLoaded, useWorkbookError, useWorkbookExploreKeyOnChange, useWorkbookFullScreen, useWorkbookIdOnChange, useWorkbookLoaded, useWorkbookPageHeight, useWorkbookPageSelectedNode, useWorkbookPivotTableCellSelect, useWorkbookPublished };

package/dist/index.d.ts

@@ -1,9 +1,58 @@
-import * as react from 'react';
-import { WorkbookLoadedEvent, WorkbookErrorEvent } from '@sigmacomputing/embed-sdk';
+import { WorkbookErrorEvent, WorkbookLoadedEvent, WorkbookDataLoadedEvent, WorkbookVariableOnChangeEvent, WorkbookTableCellSelectEvent, WorkbookPublishedEvent, WorkbookFullScreenEvent, WorkbookPageHeightEvent, WorkbookPageSelectedNodeEvent, WorkbookPivotTableCellSelectEvent, WorkbookChartValueSelectEvent, WorkbookCurrentVariablesEvent, WorkbookBookmarkOnCreateEvent, WorkbookChartErrorEvent, WorkbookExploreKeyOnChangeEvent, WorkbookBookmarkOnChangeEvent, UrlOnChangeEvent, WorkbookIdOnChangeEvent } from '@sigmacomputing/embed-sdk';
 export * from '@sigmacomputing/embed-sdk';
+import * as react from 'react';
+
+/**
+ * A hook that returns a ref to be used with an iframe element, and the loading and error state of the embed.
+ *
+ * @example
+ * ```
+ * function MyEmbed() {
+ *  const { iframeRef, loading, error } = useSigmaIframe();
+ *  return (
+ *   <>
+ *     {loading && <p>Loading...</p>}
+ *     {error && <p>Error: {error.message}</p>}
+ *     <iframe
+ *       className={loading || error ? "hidden" : "show"}
+ *       ref={iframeRef}
+ *       src="https://app.sigmacomputing.com/embed"
+ *     />
+ *   </>
+ * );
+ * }
+ * ```
+ */
+declare function useSigmaIframe(): {
+    iframeRef: react.RefObject<HTMLIFrameElement>;
+    loading: boolean;
+    error: WorkbookErrorEvent | null;
+    variables: Record<string, string> | null | undefined;
+};
+
+/**
+ *
+ * A hook that returns the height of the page in the iframe.
+ * This HAS to be used with the responsive_height option in the embed.
+ *
+ * @example
+ * ```
+ * function MyEmbed() {
+ *  const { iframeRef } = useSigmaIframe();
+ * const height = usePageHeight(iframeRef);
+ *  return (
+ *   <>
+ *     <iframe
+ *       style={{ height }}
+ *       ref={iframeRef}
+ *       src="https://app.sigmacomputing.com/embed"
+ *     />
+ *   </>
+ * );
+ * }
+ */
+declare function usePageHeight(iframeRef: React.RefObject<HTMLIFrameElement>): number | undefined;
 
-type OnLoaded = (event: WorkbookLoadedEvent) => void;
-type OnError = (event: WorkbookErrorEvent) => void;
 /**
  * Listen for a workbook loaded event, and execute the given callback when it occurs.
  *
@@ -18,14 +67,14 @@ type OnError = (event: WorkbookErrorEvent) => void;
  *    <iframe
  *      className{loading ? "hidden" : "show"}
  *      ref={iframeRef}
- *      src="https://sigmacomputing.app/embed"
+ *      src="https://app.sigmacomputing.com/embed"
  *    />
  *   );
  * }
  * ```
  *
  */
-declare function useWorkbookLoaded(iframeRef: React.RefObject<HTMLIFrameElement>, onLoaded: OnLoaded): void;
+declare function useWorkbookLoaded(iframeRef: React.RefObject<HTMLIFrameElement>, onLoaded: (event: WorkbookLoadedEvent) => void): void;
 /**
  * Listen for a workbook error event, and execute the given callback when it occurs.
  *
@@ -41,39 +90,47 @@ declare function useWorkbookLoaded(iframeRef: React.RefObject<HTMLIFrameElement>
  *   return (
  *    <iframe
  *      ref={iframeRef}
- *      src="https://sigmacomputing.app/embed"
+ *      src="https://app.sigmacomputing.com/embed"
  *    />
  *   );
  * }
  * ```
  *
  */
-declare function useWorkbookError(iframeRef: React.RefObject<HTMLIFrameElement>, onError: OnError): void;
+declare function useWorkbookError(iframeRef: React.RefObject<HTMLIFrameElement>, onError: (event: WorkbookErrorEvent) => void): void;
 /**
- * A hook that returns a ref to be used with an iframe element, and the loading and error state of the embed.
+ * Listen for a workbook data loaded event, and execute the given callback when it occurs.
  *
  * @example
  * ```
  * function MyEmbed() {
- *  const { iframeRef, loading, error } = useSigmaIframe();
- *  return (
- *   <>
- *     {loading && <p>Loading...</p>}
- *     {error && <p>Error: {error.message}</p>}
- *     <iframe
- *       className={loading || error ? "hidden" : "show"}
- *       ref={iframeRef}
- *       src="https://sigmacomputing.app/embed"
- *     />
- *   </>
- * );
+ *   const [dataLoaded, setDataLoaded] = useState(false);
+ *   const onDataLoaded = useCallback(() => setDataLoaded(true), []);
+ *   const iframeRef = useRef<HTMLIFrameElement>(null);
+ *   return (
+ *    <iframe
+ *      ref={iframeRef}
+ *      src="https://app.sigmacomputing.com/embed"
+ *    />
+ *   );
  * }
  * ```
  */
-declare function useSigmaIframe(): {
-    iframeRef: react.RefObject<HTMLIFrameElement>;
-    loading: boolean;
-    error: WorkbookErrorEvent | null;
-};
+declare function useWorkbookDataLoaded(iframeRef: React.RefObject<HTMLIFrameElement>, onDataLoaded: (event: WorkbookDataLoadedEvent) => void): void;
+declare function useVariableChange(iframeRef: React.RefObject<HTMLIFrameElement>, onVariableChange: (event: WorkbookVariableOnChangeEvent) => void): void;
+declare function useTableCellSelect(iframeRef: React.RefObject<HTMLIFrameElement>, onTableCellSelect: (event: WorkbookTableCellSelectEvent) => void): void;
+declare function useWorkbookPublished(iframeRef: React.RefObject<HTMLIFrameElement>, onWorkbookPublished: (event: WorkbookPublishedEvent) => void): void;
+declare function useWorkbookFullScreen(iframeRef: React.RefObject<HTMLIFrameElement>, onFullScreen: (event: WorkbookFullScreenEvent) => void): void;
+declare function useWorkbookPageHeight(iframeRef: React.RefObject<HTMLIFrameElement>, onPageHeight: (event: WorkbookPageHeightEvent) => void): void;
+declare function useWorkbookPageSelectedNode(iframeRef: React.RefObject<HTMLIFrameElement>, onPageSelectedNode: (event: WorkbookPageSelectedNodeEvent) => void): void;
+declare function useWorkbookPivotTableCellSelect(iframeRef: React.RefObject<HTMLIFrameElement>, onPivotTableCellSelect: (event: WorkbookPivotTableCellSelectEvent) => void): void;
+declare function useWorkbookChartValueSelect(iframeRef: React.RefObject<HTMLIFrameElement>, onChartValueSelect: (event: WorkbookChartValueSelectEvent) => void): void;
+declare function useWorkbookCurrentVariables(iframeRef: React.RefObject<HTMLIFrameElement>, onCurrentVariables: (event: WorkbookCurrentVariablesEvent) => void): void;
+declare function useWorkbookBookmarkOnCreate(iframeRef: React.RefObject<HTMLIFrameElement>, onBookmarkCreate: (event: WorkbookBookmarkOnCreateEvent) => void): void;
+declare function useWorkbookChartError(iframeRef: React.RefObject<HTMLIFrameElement>, onChartError: (event: WorkbookChartErrorEvent) => void): void;
+declare function useWorkbookExploreKeyOnChange(iframeRef: React.RefObject<HTMLIFrameElement>, onExploreKeyChange: (event: WorkbookExploreKeyOnChangeEvent) => void): void;
+declare function useWorkbookBookmarkOnChange(iframeRef: React.RefObject<HTMLIFrameElement>, onBookmarkChange: (event: WorkbookBookmarkOnChangeEvent) => void): void;
+declare function useUrlOnChange(iframeRef: React.RefObject<HTMLIFrameElement>, onUrlChange: (event: UrlOnChangeEvent) => void): void;
+declare function useWorkbookIdOnChange(iframeRef: React.RefObject<HTMLIFrameElement>, onIdChange: (event: WorkbookIdOnChangeEvent) => void): void;
 
-export { type OnError, type OnLoaded, useSigmaIframe, useWorkbookError, useWorkbookLoaded };
+export { usePageHeight, useSigmaIframe, useTableCellSelect, useUrlOnChange, useVariableChange, useWorkbookBookmarkOnChange, useWorkbookBookmarkOnCreate, useWorkbookChartError, useWorkbookChartValueSelect, useWorkbookCurrentVariables, useWorkbookDataLoaded, useWorkbookError, useWorkbookExploreKeyOnChange, useWorkbookFullScreen, useWorkbookIdOnChange, useWorkbookLoaded, useWorkbookPageHeight, useWorkbookPageSelectedNode, useWorkbookPivotTableCellSelect, useWorkbookPublished };

package/dist/index.js

@@ -20,13 +20,35 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  usePageHeight: () => usePageHeight,
   useSigmaIframe: () => useSigmaIframe,
+  useTableCellSelect: () => useTableCellSelect,
+  useUrlOnChange: () => useUrlOnChange,
+  useVariableChange: () => useVariableChange,
+  useWorkbookBookmarkOnChange: () => useWorkbookBookmarkOnChange,
+  useWorkbookBookmarkOnCreate: () => useWorkbookBookmarkOnCreate,
+  useWorkbookChartError: () => useWorkbookChartError,
+  useWorkbookChartValueSelect: () => useWorkbookChartValueSelect,
+  useWorkbookCurrentVariables: () => useWorkbookCurrentVariables,
+  useWorkbookDataLoaded: () => useWorkbookDataLoaded,
   useWorkbookError: () => useWorkbookError,
-  useWorkbookLoaded: () => useWorkbookLoaded
+  useWorkbookExploreKeyOnChange: () => useWorkbookExploreKeyOnChange,
+  useWorkbookFullScreen: () => useWorkbookFullScreen,
+  useWorkbookIdOnChange: () => useWorkbookIdOnChange,
+  useWorkbookLoaded: () => useWorkbookLoaded,
+  useWorkbookPageHeight: () => useWorkbookPageHeight,
+  useWorkbookPageSelectedNode: () => useWorkbookPageSelectedNode,
+  useWorkbookPivotTableCellSelect: () => useWorkbookPivotTableCellSelect,
+  useWorkbookPublished: () => useWorkbookPublished
 });
 module.exports = __toCommonJS(src_exports);
-var import_react = require("react");
+
+// src/use-sigma-iframe.ts
+var import_react2 = require("react");
+
+// src/wrappers.ts
 var import_embed_sdk = require("@sigmacomputing/embed-sdk");
+var import_react = require("react");
 function useWorkbookLoaded(iframeRef, onLoaded) {
   (0, import_react.useEffect)(() => {
     const listener = (event) => {
@@ -51,22 +73,281 @@ function useWorkbookError(iframeRef, onError) {
     return () => window.removeEventListener("message", listener);
   }, [iframeRef, onError]);
 }
+function useWorkbookDataLoaded(iframeRef, onDataLoaded) {
+  (0, import_react.useEffect)(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      (0, import_embed_sdk.workbookDataLoadedListener)(event, iframeRef.current, onDataLoaded);
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onDataLoaded]);
+}
+function useVariableChange(iframeRef, onVariableChange) {
+  (0, import_react.useEffect)(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      (0, import_embed_sdk.workbookVariableListener)(event, iframeRef.current, onVariableChange);
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onVariableChange]);
+}
+function useTableCellSelect(iframeRef, onTableCellSelect) {
+  (0, import_react.useEffect)(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      (0, import_embed_sdk.workbookTableCellSelectListener)(
+        event,
+        iframeRef.current,
+        onTableCellSelect
+      );
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onTableCellSelect]);
+}
+function useWorkbookPublished(iframeRef, onWorkbookPublished) {
+  (0, import_react.useEffect)(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      (0, import_embed_sdk.workbookPublishedListener)(event, iframeRef.current, onWorkbookPublished);
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onWorkbookPublished]);
+}
+function useWorkbookFullScreen(iframeRef, onFullScreen) {
+  (0, import_react.useEffect)(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      (0, import_embed_sdk.workbookFullScreenListener)(event, iframeRef.current, onFullScreen);
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onFullScreen]);
+}
+function useWorkbookPageHeight(iframeRef, onPageHeight) {
+  (0, import_react.useEffect)(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      (0, import_embed_sdk.workbookPageHeightListener)(event, iframeRef.current, onPageHeight);
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onPageHeight]);
+}
+function useWorkbookPageSelectedNode(iframeRef, onPageSelectedNode) {
+  (0, import_react.useEffect)(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      (0, import_embed_sdk.workbookPageSelectedNodeListener)(
+        event,
+        iframeRef.current,
+        onPageSelectedNode
+      );
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onPageSelectedNode]);
+}
+function useWorkbookPivotTableCellSelect(iframeRef, onPivotTableCellSelect) {
+  (0, import_react.useEffect)(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      (0, import_embed_sdk.workbookPivotTableCellSelectListener)(
+        event,
+        iframeRef.current,
+        onPivotTableCellSelect
+      );
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onPivotTableCellSelect]);
+}
+function useWorkbookChartValueSelect(iframeRef, onChartValueSelect) {
+  (0, import_react.useEffect)(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      (0, import_embed_sdk.workbookChartValueSelectListener)(
+        event,
+        iframeRef.current,
+        onChartValueSelect
+      );
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onChartValueSelect]);
+}
+function useWorkbookCurrentVariables(iframeRef, onCurrentVariables) {
+  (0, import_react.useEffect)(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      (0, import_embed_sdk.workbookCurrentVariablesListener)(
+        event,
+        iframeRef.current,
+        onCurrentVariables
+      );
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onCurrentVariables]);
+}
+function useWorkbookBookmarkOnCreate(iframeRef, onBookmarkCreate) {
+  (0, import_react.useEffect)(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      (0, import_embed_sdk.workbookBookmarkCreateListener)(
+        event,
+        iframeRef.current,
+        onBookmarkCreate
+      );
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onBookmarkCreate]);
+}
+function useWorkbookChartError(iframeRef, onChartError) {
+  (0, import_react.useEffect)(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      (0, import_embed_sdk.workbookChartErrorListener)(event, iframeRef.current, onChartError);
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onChartError]);
+}
+function useWorkbookExploreKeyOnChange(iframeRef, onExploreKeyChange) {
+  (0, import_react.useEffect)(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      (0, import_embed_sdk.workbookExploreKeyOnChangeListener)(
+        event,
+        iframeRef.current,
+        onExploreKeyChange
+      );
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onExploreKeyChange]);
+}
+function useWorkbookBookmarkOnChange(iframeRef, onBookmarkChange) {
+  (0, import_react.useEffect)(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      (0, import_embed_sdk.workbookBookmarkOnChangeListener)(
+        event,
+        iframeRef.current,
+        onBookmarkChange
+      );
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onBookmarkChange]);
+}
+function useUrlOnChange(iframeRef, onUrlChange) {
+  (0, import_react.useEffect)(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      (0, import_embed_sdk.urlOnChangeListener)(event, iframeRef.current, onUrlChange);
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onUrlChange]);
+}
+function useWorkbookIdOnChange(iframeRef, onIdChange) {
+  (0, import_react.useEffect)(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      (0, import_embed_sdk.workbookIdOnChangeListener)(event, iframeRef.current, onIdChange);
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onIdChange]);
+}
+
+// src/use-sigma-iframe.ts
 function useSigmaIframe() {
-  const iframeRef = (0, import_react.useRef)(null);
-  const [loading, setLoading] = (0, import_react.useState)(true);
-  const [error, setError] = (0, import_react.useState)(null);
-  const loadingCallback = (0, import_react.useCallback)(() => setLoading(false), []);
-  const errorCallback = (0, import_react.useCallback)((event) => {
+  const iframeRef = (0, import_react2.useRef)(null);
+  const [loading, setLoading] = (0, import_react2.useState)(true);
+  const [variables, setVariables] = (0, import_react2.useState)();
+  const [error, setError] = (0, import_react2.useState)(null);
+  const loadingCallback = (0, import_react2.useCallback)((event) => {
+    setLoading(false);
+    setVariables(event.workbook.variables);
+  }, []);
+  const errorCallback = (0, import_react2.useCallback)((event) => {
     setError(event);
     setLoading(false);
   }, []);
   useWorkbookLoaded(iframeRef, loadingCallback);
   useWorkbookError(iframeRef, errorCallback);
-  return { iframeRef, loading, error };
+  return { iframeRef, loading, error, variables };
+}
+
+// src/use-page-height.ts
+var import_react3 = require("react");
+function usePageHeight(iframeRef) {
+  const [height, setHeight] = (0, import_react3.useState)(void 0);
+  useWorkbookPageHeight(iframeRef, (event) => {
+    if (!iframeRef.current)
+      return;
+    setHeight(event.pageHeight);
+  });
+  return height;
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  usePageHeight,
   useSigmaIframe,
+  useTableCellSelect,
+  useUrlOnChange,
+  useVariableChange,
+  useWorkbookBookmarkOnChange,
+  useWorkbookBookmarkOnCreate,
+  useWorkbookChartError,
+  useWorkbookChartValueSelect,
+  useWorkbookCurrentVariables,
+  useWorkbookDataLoaded,
   useWorkbookError,
-  useWorkbookLoaded
+  useWorkbookExploreKeyOnChange,
+  useWorkbookFullScreen,
+  useWorkbookIdOnChange,
+  useWorkbookLoaded,
+  useWorkbookPageHeight,
+  useWorkbookPageSelectedNode,
+  useWorkbookPivotTableCellSelect,
+  useWorkbookPublished
 });

package/dist/index.mjs

@@ -1,9 +1,28 @@
-// src/index.ts
-import { useCallback, useEffect, useRef, useState } from "react";
+// src/use-sigma-iframe.ts
+import { useCallback, useRef, useState } from "react";
+
+// src/wrappers.ts
 import {
+  workbookLoadedListener,
   workbookErrorListener,
-  workbookLoadedListener
+  workbookDataLoadedListener,
+  workbookVariableListener,
+  workbookTableCellSelectListener,
+  workbookPublishedListener,
+  workbookFullScreenListener,
+  workbookPageHeightListener,
+  workbookChartValueSelectListener,
+  workbookPageSelectedNodeListener,
+  workbookPivotTableCellSelectListener,
+  workbookBookmarkCreateListener,
+  workbookCurrentVariablesListener,
+  workbookChartErrorListener,
+  workbookExploreKeyOnChangeListener,
+  workbookBookmarkOnChangeListener,
+  urlOnChangeListener,
+  workbookIdOnChangeListener
 } from "@sigmacomputing/embed-sdk";
+import { useEffect } from "react";
 function useWorkbookLoaded(iframeRef, onLoaded) {
   useEffect(() => {
     const listener = (event) => {
@@ -28,21 +47,280 @@ function useWorkbookError(iframeRef, onError) {
     return () => window.removeEventListener("message", listener);
   }, [iframeRef, onError]);
 }
+function useWorkbookDataLoaded(iframeRef, onDataLoaded) {
+  useEffect(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      workbookDataLoadedListener(event, iframeRef.current, onDataLoaded);
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onDataLoaded]);
+}
+function useVariableChange(iframeRef, onVariableChange) {
+  useEffect(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      workbookVariableListener(event, iframeRef.current, onVariableChange);
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onVariableChange]);
+}
+function useTableCellSelect(iframeRef, onTableCellSelect) {
+  useEffect(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      workbookTableCellSelectListener(
+        event,
+        iframeRef.current,
+        onTableCellSelect
+      );
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onTableCellSelect]);
+}
+function useWorkbookPublished(iframeRef, onWorkbookPublished) {
+  useEffect(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      workbookPublishedListener(event, iframeRef.current, onWorkbookPublished);
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onWorkbookPublished]);
+}
+function useWorkbookFullScreen(iframeRef, onFullScreen) {
+  useEffect(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      workbookFullScreenListener(event, iframeRef.current, onFullScreen);
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onFullScreen]);
+}
+function useWorkbookPageHeight(iframeRef, onPageHeight) {
+  useEffect(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      workbookPageHeightListener(event, iframeRef.current, onPageHeight);
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onPageHeight]);
+}
+function useWorkbookPageSelectedNode(iframeRef, onPageSelectedNode) {
+  useEffect(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      workbookPageSelectedNodeListener(
+        event,
+        iframeRef.current,
+        onPageSelectedNode
+      );
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onPageSelectedNode]);
+}
+function useWorkbookPivotTableCellSelect(iframeRef, onPivotTableCellSelect) {
+  useEffect(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      workbookPivotTableCellSelectListener(
+        event,
+        iframeRef.current,
+        onPivotTableCellSelect
+      );
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onPivotTableCellSelect]);
+}
+function useWorkbookChartValueSelect(iframeRef, onChartValueSelect) {
+  useEffect(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      workbookChartValueSelectListener(
+        event,
+        iframeRef.current,
+        onChartValueSelect
+      );
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onChartValueSelect]);
+}
+function useWorkbookCurrentVariables(iframeRef, onCurrentVariables) {
+  useEffect(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      workbookCurrentVariablesListener(
+        event,
+        iframeRef.current,
+        onCurrentVariables
+      );
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onCurrentVariables]);
+}
+function useWorkbookBookmarkOnCreate(iframeRef, onBookmarkCreate) {
+  useEffect(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      workbookBookmarkCreateListener(
+        event,
+        iframeRef.current,
+        onBookmarkCreate
+      );
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onBookmarkCreate]);
+}
+function useWorkbookChartError(iframeRef, onChartError) {
+  useEffect(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      workbookChartErrorListener(event, iframeRef.current, onChartError);
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onChartError]);
+}
+function useWorkbookExploreKeyOnChange(iframeRef, onExploreKeyChange) {
+  useEffect(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      workbookExploreKeyOnChangeListener(
+        event,
+        iframeRef.current,
+        onExploreKeyChange
+      );
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onExploreKeyChange]);
+}
+function useWorkbookBookmarkOnChange(iframeRef, onBookmarkChange) {
+  useEffect(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      workbookBookmarkOnChangeListener(
+        event,
+        iframeRef.current,
+        onBookmarkChange
+      );
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onBookmarkChange]);
+}
+function useUrlOnChange(iframeRef, onUrlChange) {
+  useEffect(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      urlOnChangeListener(event, iframeRef.current, onUrlChange);
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onUrlChange]);
+}
+function useWorkbookIdOnChange(iframeRef, onIdChange) {
+  useEffect(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      workbookIdOnChangeListener(event, iframeRef.current, onIdChange);
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onIdChange]);
+}
+
+// src/use-sigma-iframe.ts
 function useSigmaIframe() {
   const iframeRef = useRef(null);
   const [loading, setLoading] = useState(true);
+  const [variables, setVariables] = useState();
   const [error, setError] = useState(null);
-  const loadingCallback = useCallback(() => setLoading(false), []);
+  const loadingCallback = useCallback((event) => {
+    setLoading(false);
+    setVariables(event.workbook.variables);
+  }, []);
   const errorCallback = useCallback((event) => {
     setError(event);
     setLoading(false);
   }, []);
   useWorkbookLoaded(iframeRef, loadingCallback);
   useWorkbookError(iframeRef, errorCallback);
-  return { iframeRef, loading, error };
+  return { iframeRef, loading, error, variables };
+}
+
+// src/use-page-height.ts
+import { useState as useState2 } from "react";
+function usePageHeight(iframeRef) {
+  const [height, setHeight] = useState2(void 0);
+  useWorkbookPageHeight(iframeRef, (event) => {
+    if (!iframeRef.current)
+      return;
+    setHeight(event.pageHeight);
+  });
+  return height;
 }
 export {
+  usePageHeight,
   useSigmaIframe,
+  useTableCellSelect,
+  useUrlOnChange,
+  useVariableChange,
+  useWorkbookBookmarkOnChange,
+  useWorkbookBookmarkOnCreate,
+  useWorkbookChartError,
+  useWorkbookChartValueSelect,
+  useWorkbookCurrentVariables,
+  useWorkbookDataLoaded,
   useWorkbookError,
-  useWorkbookLoaded
+  useWorkbookExploreKeyOnChange,
+  useWorkbookFullScreen,
+  useWorkbookIdOnChange,
+  useWorkbookLoaded,
+  useWorkbookPageHeight,
+  useWorkbookPageSelectedNode,
+  useWorkbookPivotTableCellSelect,
+  useWorkbookPublished
 };

package/package.json

@@ -1,13 +1,7 @@
 {
   "name": "@sigmacomputing/react-embed-sdk",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "React JavaScript SDK to interact with Sigma Computing's Embed API",
-  "scripts": {
-    "prepublish": "npm run build",
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
   "author": "sigmacomputing",
   "license": "ISC",
   "exports": {
@@ -23,12 +17,18 @@
     "react-dom": "^16.8 || ^17 || ^18"
   },
   "devDependencies": {
-    "@sigmacomputing/typescript-config": "*",
     "@types/react": "^18.2.66",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "@sigmacomputing/typescript-config": "0.0.0"
   },
   "dependencies": {
-    "@sigmacomputing/embed-sdk": "latest"
+    "@sigmacomputing/embed-sdk": "0.2.4"
+  },
+  "scripts": {
+    "prepublish": "pnpm build",
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "test": "echo \"Error: no test specified\" && exit 1"
   }
-}
+}