@integration-app/react 0.1.16 → 0.1.18

package/flows/useFlowInstances.d.ts

@@ -0,0 +1,9 @@
+import { FlowInstance } from '@integration-app/sdk/flows';
+import { FindFlowInstancesQuery } from '@integration-app/sdk/flows/api';
+export declare function useFlowInstances(query?: FindFlowInstancesQuery): {
+    items: FlowInstance[];
+    loading: boolean;
+    error?: Error;
+    refresh(): Promise<void>;
+    loadMore(): Promise<void>;
+};

package/flows/useFlowInstances.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFlowInstances = void 0;
+const useElements_1 = require("../hooks/useElements");
+function useFlowInstances(query) {
+    const { ...rest } = (0, useElements_1.useElements)(query, (integrationApp) => integrationApp.flowInstances);
+    return {
+        ...rest,
+    };
+}
+exports.useFlowInstances = useFlowInstances;
+//# sourceMappingURL=useFlowInstances.js.map

package/flows/useFlowInstances.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFlowInstances.js","sourceRoot":"","sources":["../../src/flows/useFlowInstances.ts"],"names":[],"mappings":";;;AAEA,sDAAkD;AAElD,SAAgB,gBAAgB,CAAC,KAA8B;IAC7D,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,IAAA,yBAAW,EAC7B,KAAK,EACL,CAAC,cAAc,EAAE,EAAE,CAAC,cAAc,CAAC,aAAa,CACjD,CAAA;IAED,OAAO;QACL,GAAG,IAAI;KACR,CAAA;AACH,CAAC;AATD,4CASC"}

package/hooks/useElements.js

@@ -5,13 +5,18 @@ const integration_app_context_1 = require("../contexts/integration-app-context")
 const react_1 = require("react");
 function useElements(initialQuery, accessorGenerator) {
     const integrationApp = (0, integration_app_context_1.useIntegrationApp)();
+    const refreshId = (0, react_1.useRef)(0);
     const [items, setItems] = (0, react_1.useState)([]);
     const [nextCursor, setNextCursor] = (0, react_1.useState)(undefined);
     const [loading, setLoading] = (0, react_1.useState)(false);
     const [error, setError] = (0, react_1.useState)(null);
     async function loadMore() {
-        setError(null);
-        setLoading(true);
+        const startingRefreshId = refreshId.current;
+        function setStateIfCurrentRefresh(stateSetter, valueGetter) {
+            stateSetter((value) => startingRefreshId === refreshId.current ? valueGetter(value) : value);
+        }
+        setStateIfCurrentRefresh(setError, () => null);
+        setStateIfCurrentRefresh(setLoading, () => true);
         const queryParams = {
             ...initialQuery,
         };
@@ -19,14 +24,14 @@ function useElements(initialQuery, accessorGenerator) {
             queryParams.cursor = nextCursor;
         try {
             const data = await accessorGenerator(integrationApp).find(queryParams);
-            setNextCursor(data.cursor);
-            setItems([...items, ...data.items]);
+            setStateIfCurrentRefresh(setNextCursor, () => data.cursor);
+            setStateIfCurrentRefresh(setItems, (items) => [...items, ...data.items]);
         }
         catch (e) {
-            setError(e);
+            setStateIfCurrentRefresh(setError, () => e);
         }
         finally {
-            setLoading(false);
+            setStateIfCurrentRefresh(setLoading, () => false);
         }
     }
     (0, react_1.useEffect)(() => {
@@ -36,10 +41,11 @@ function useElements(initialQuery, accessorGenerator) {
         }
         refresh();
     }, [JSON.stringify(initialQuery)]);
-    function refresh() {
+    async function refresh() {
+        refreshId.current += 1;
         setItems([]);
         setNextCursor(undefined);
-        return loadMore();
+        await loadMore();
     }
     return {
         items,

package/hooks/useElements.js.map

@@ -1 +1 @@
-{"version":3,"file":"useElements.js","sourceRoot":"","sources":["../../src/hooks/useElements.tsx"],"names":[],"mappings":";;;AAAA,iFAAuE;AACvE,iCAA2C;AAuB3C,SAAgB,WAAW,CACzB,YAAuB,EACvB,iBAAgE;IAEhE,MAAM,cAAc,GAAG,IAAA,2CAAiB,GAAE,CAAA;IAE1C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAY,EAAE,CAAC,CAAA;IACjD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAM,SAAS,CAAC,CAAA;IAC5D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAA;IACtD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAQ,IAAI,CAAC,CAAA;IAE/C,KAAK,UAAU,QAAQ;QACrB,QAAQ,CAAC,IAAI,CAAC,CAAA;QACd,UAAU,CAAC,IAAI,CAAC,CAAA;QAEhB,MAAM,WAAW,GAAG;YAClB,GAAG,YAAY;SAChB,CAAA;QAED,IAAI,UAAU;YAAE,WAAW,CAAC,MAAM,GAAG,UAAU,CAAA;QAE/C,IAAI;YACF,MAAM,IAAI,GAAG,MAAM,iBAAiB,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;YAEtE,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;YAC1B,QAAQ,CAAC,CAAC,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAA;SACpC;QAAC,OAAO,CAAC,EAAE;YACV,QAAQ,CAAC,CAAC,CAAC,CAAA;SACZ;gBAAS;YACR,UAAU,CAAC,KAAK,CAAC,CAAA;SAClB;IACH,CAAC;IAGD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,cAAc,EAAE;YACnB,QAAQ,CACN,IAAI,KAAK,CACP,mFAAmF,CACpF,CACF,CAAA;YAED,OAAM;SACP;QAED,OAAO,EAAE,CAAA;IACX,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;IAElC,SAAS,OAAO;QACd,QAAQ,CAAC,EAAE,CAAC,CAAA;QACZ,aAAa,CAAC,SAAS,CAAC,CAAA;QACxB,OAAO,QAAQ,EAAE,CAAA;IACnB,CAAC;IAED,OAAO;QACL,KAAK;QAEL,OAAO;QACP,QAAQ;QAER,OAAO;QAEP,KAAK;KACN,CAAA;AACH,CAAC;AAhED,kCAgEC"}
+{"version":3,"file":"useElements.js","sourceRoot":"","sources":["../../src/hooks/useElements.tsx"],"names":[],"mappings":";;;AAAA,iFAAuE;AACvE,iCAAmD;AAuBnD,SAAgB,WAAW,CACzB,YAAuB,EACvB,iBAAgE;IAEhE,MAAM,cAAc,GAAG,IAAA,2CAAiB,GAAE,CAAA;IAE1C,MAAM,SAAS,GAAG,IAAA,cAAM,EAAS,CAAC,CAAC,CAAA;IACnC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAY,EAAE,CAAC,CAAA;IACjD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAM,SAAS,CAAC,CAAA;IAC5D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAA;IACtD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAQ,IAAI,CAAC,CAAA;IAE/C,KAAK,UAAU,QAAQ;QACrB,MAAM,iBAAiB,GAAG,SAAS,CAAC,OAAO,CAAA;QAE3C,SAAS,wBAAwB,CAAC,WAAW,EAAE,WAAyB;YAItE,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE,CACpB,iBAAiB,KAAK,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CACrE,CAAA;QACH,CAAC;QAED,wBAAwB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAA;QAC9C,wBAAwB,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAA;QAEhD,MAAM,WAAW,GAAG;YAClB,GAAG,YAAY;SAChB,CAAA;QAED,IAAI,UAAU;YAAE,WAAW,CAAC,MAAM,GAAG,UAAU,CAAA;QAE/C,IAAI;YACF,MAAM,IAAI,GAAG,MAAM,iBAAiB,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;YAEtE,wBAAwB,CAAC,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;YAC1D,wBAAwB,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAA;SACzE;QAAC,OAAO,CAAC,EAAE;YACV,wBAAwB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAA;SAC5C;gBAAS;YACR,wBAAwB,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,CAAA;SAClD;IACH,CAAC;IAGD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,cAAc,EAAE;YACnB,QAAQ,CACN,IAAI,KAAK,CACP,mFAAmF,CACpF,CACF,CAAA;YAED,OAAM;SACP;QAED,OAAO,EAAE,CAAA;IACX,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;IAElC,KAAK,UAAU,OAAO;QACpB,SAAS,CAAC,OAAO,IAAI,CAAC,CAAA;QACtB,QAAQ,CAAC,EAAE,CAAC,CAAA;QACZ,aAAa,CAAC,SAAS,CAAC,CAAA;QACxB,MAAM,QAAQ,EAAE,CAAA;IAClB,CAAC;IAED,OAAO;QACL,KAAK;QAEL,OAAO;QACP,QAAQ;QAER,OAAO;QAEP,KAAK;KACN,CAAA;AACH,CAAC;AA7ED,kCA6EC"}

package/index.d.ts

@@ -16,5 +16,6 @@ export { useAppEventSubscription } from './app-events/useAppEventSubscription';
 export { useFlow } from './flows/useFlow';
 export { useFlows } from './flows/useFlows';
 export { useFlowInstance } from './flows/useFlowInstance';
+export { useFlowInstances } from './flows/useFlowInstances';
 export { useFlowRun } from './flows/useFlowRun';
 export { DataForm } from '@integration-app/sdk/data-form';

package/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataForm = exports.useFlowRun = exports.useFlowInstance = exports.useFlows = exports.useFlow = exports.useAppEventSubscription = exports.useAppEventType = exports.useDataSourceLocations = exports.useDataSourceCollection = exports.useDataSource = exports.useFieldMappingInstances = exports.useFieldMappingInstance = exports.useFieldMappings = exports.useFieldMapping = exports.useConnections = exports.useConnection = exports.useIntegrations = exports.useIntegration = exports.useConnectorSpec = exports.IntegrationAppProvider = exports.useIntegrationApp = void 0;
+exports.DataForm = exports.useFlowRun = exports.useFlowInstances = exports.useFlowInstance = exports.useFlows = exports.useFlow = exports.useAppEventSubscription = exports.useAppEventType = exports.useDataSourceLocations = exports.useDataSourceCollection = exports.useDataSource = exports.useFieldMappingInstances = exports.useFieldMappingInstance = exports.useFieldMappings = exports.useFieldMapping = exports.useConnections = exports.useConnection = exports.useIntegrations = exports.useIntegration = exports.useConnectorSpec = exports.IntegrationAppProvider = exports.useIntegrationApp = void 0;
 var integration_app_context_1 = require("./contexts/integration-app-context");
 Object.defineProperty(exports, "useIntegrationApp", { enumerable: true, get: function () { return integration_app_context_1.useIntegrationApp; } });
 Object.defineProperty(exports, "IntegrationAppProvider", { enumerable: true, get: function () { return integration_app_context_1.IntegrationAppProvider; } });
@@ -38,6 +38,8 @@ var useFlows_1 = require("./flows/useFlows");
 Object.defineProperty(exports, "useFlows", { enumerable: true, get: function () { return useFlows_1.useFlows; } });
 var useFlowInstance_1 = require("./flows/useFlowInstance");
 Object.defineProperty(exports, "useFlowInstance", { enumerable: true, get: function () { return useFlowInstance_1.useFlowInstance; } });
+var useFlowInstances_1 = require("./flows/useFlowInstances");
+Object.defineProperty(exports, "useFlowInstances", { enumerable: true, get: function () { return useFlowInstances_1.useFlowInstances; } });
 var useFlowRun_1 = require("./flows/useFlowRun");
 Object.defineProperty(exports, "useFlowRun", { enumerable: true, get: function () { return useFlowRun_1.useFlowRun; } });
 var data_form_1 = require("@integration-app/sdk/data-form");

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;AAAA,8EAG2C;AAFzC,4HAAA,iBAAiB,OAAA;AACjB,iIAAA,sBAAsB,OAAA;AAGxB,sEAAmE;AAA1D,qHAAA,gBAAgB,OAAA;AACzB,gEAA8D;AAArD,gHAAA,cAAc,OAAA;AACvB,kEAAgE;AAAvD,kHAAA,eAAe,OAAA;AACxB,8DAA4D;AAAnD,8GAAA,aAAa,OAAA;AACtB,gEAA8D;AAArD,gHAAA,cAAc,OAAA;AAEvB,oEAAkE;AAAzD,kHAAA,eAAe,OAAA;AACxB,sEAAoE;AAA3D,oHAAA,gBAAgB,OAAA;AAEzB,oFAAkF;AAAzE,kIAAA,uBAAuB,OAAA;AAChC,sFAAoF;AAA3E,oIAAA,wBAAwB,OAAA;AAEjC,8DAA4D;AAAnD,8GAAA,aAAa,OAAA;AACtB,kFAAgF;AAAvE,kIAAA,uBAAuB,OAAA;AAChC,gFAA8E;AAArE,gIAAA,sBAAsB,OAAA;AAE/B,gEAA8D;AAArD,kHAAA,eAAe,OAAA;AAExB,gFAA8E;AAArE,kIAAA,uBAAuB,OAAA;AAEhC,2CAAyC;AAAhC,kGAAA,OAAO,OAAA;AAChB,6CAA2C;AAAlC,oGAAA,QAAQ,OAAA;AAEjB,2DAAyD;AAAhD,kHAAA,eAAe,OAAA;AAExB,iDAA+C;AAAtC,wGAAA,UAAU,OAAA;AAEnB,4DAAyD;AAAhD,qGAAA,QAAQ,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;AAAA,8EAG2C;AAFzC,4HAAA,iBAAiB,OAAA;AACjB,iIAAA,sBAAsB,OAAA;AAGxB,sEAAmE;AAA1D,qHAAA,gBAAgB,OAAA;AACzB,gEAA8D;AAArD,gHAAA,cAAc,OAAA;AACvB,kEAAgE;AAAvD,kHAAA,eAAe,OAAA;AACxB,8DAA4D;AAAnD,8GAAA,aAAa,OAAA;AACtB,gEAA8D;AAArD,gHAAA,cAAc,OAAA;AAEvB,oEAAkE;AAAzD,kHAAA,eAAe,OAAA;AACxB,sEAAoE;AAA3D,oHAAA,gBAAgB,OAAA;AAEzB,oFAAkF;AAAzE,kIAAA,uBAAuB,OAAA;AAChC,sFAAoF;AAA3E,oIAAA,wBAAwB,OAAA;AAEjC,8DAA4D;AAAnD,8GAAA,aAAa,OAAA;AACtB,kFAAgF;AAAvE,kIAAA,uBAAuB,OAAA;AAChC,gFAA8E;AAArE,gIAAA,sBAAsB,OAAA;AAE/B,gEAA8D;AAArD,kHAAA,eAAe,OAAA;AAExB,gFAA8E;AAArE,kIAAA,uBAAuB,OAAA;AAEhC,2CAAyC;AAAhC,kGAAA,OAAO,OAAA;AAChB,6CAA2C;AAAlC,oGAAA,QAAQ,OAAA;AAEjB,2DAAyD;AAAhD,kHAAA,eAAe,OAAA;AACxB,6DAA2D;AAAlD,oHAAA,gBAAgB,OAAA;AAEzB,iDAA+C;AAAtC,wGAAA,UAAU,OAAA;AAEnB,4DAAyD;AAAhD,qGAAA,QAAQ,OAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@integration-app/react",
-  "version": "0.1.16",
+  "version": "0.1.18",
   "description": "React SDK for building native integrations.",
   "author": "integration.app",
   "scripts": {