@integration-app/react 0.2.1 → 0.3.1

package/src/screens/useScreen.ts

@@ -0,0 +1,19 @@
+import {
+  CreateScreenRequest,
+  Screen,
+  ScreenAccessor,
+  ScreenSelector,
+  UpdateScreenRequest,
+} from '@integration-app/sdk'
+import { useElement } from '../hooks/useElement'
+
+export function useScreen(selector: ScreenSelector | string) {
+  const { item: screen, ...rest } = useElement<
+    Screen,
+    UpdateScreenRequest,
+    CreateScreenRequest,
+    ScreenAccessor
+  >(selector, (integrationApp) => integrationApp.screen(selector))
+
+  return { screen, ...rest }
+}

package/rollup.dts.config.mjs

@@ -1,21 +0,0 @@
-// Flat dts files into one
-import dts from 'rollup-plugin-dts'
-
-const config = [
-  // Generate dts files for each bundle from *.d.ts files
-  {
-    input: './dist/dts/index.d.ts',
-    output: [
-      { file: 'dist/index.d.ts', format: 'commonjs' },
-      { file: 'dist/index.module.d.ts', format: 'es' },
-      {
-        file: 'dist/index.umd.d.ts',
-        format: 'umd',
-        name: 'integrationAppReact',
-      },
-    ],
-    plugins: [dts()],
-  },
-]
-
-export default config

package/src/hooks/useGetter.tsx

@@ -1,38 +0,0 @@
-import { useEffect, useState } from 'react'
-import { useIntegrationApp } from '../contexts/integration-app-context'
-
-export default function useGetter<Type = any>(
-  key: string,
-  getter: () => Promise<Type>,
-) {
-  const integrationApp = useIntegrationApp()
-  const [data, setData] = useState<Type>()
-  const [loading, setLoading] = useState<boolean>(true)
-  const [error, setError] = useState<Error>(null)
-  const [refreshCounter, setRefreshCounter] = useState<number>(0)
-
-  function refresh() {
-    setRefreshCounter(refreshCounter + 1)
-  }
-
-  useEffect(() => {
-    if (key !== undefined) {
-      setLoading(true)
-      setError(null)
-      if (integrationApp) {
-        getter()
-          .then(setData)
-          .catch(setError)
-          .finally(() => setLoading(false))
-      } else {
-        setError(
-          new Error(
-            'IntegrationApp not found. Was this component wrapped in <IntegrationAppProvider>?',
-          ),
-        )
-      }
-    }
-  }, [integrationApp, key, refreshCounter])
-
-  return { data, loading, error, refresh }
-}