bi-sdk-react 0.0.48 → 0.0.49

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bi-sdk-react",
-  "version": "0.0.48",
+  "version": "0.0.49",
   "private": false,
   "type": "module",
   "main": "dist/umd/js/bi-sdk.umd.min.js",

package/src/components/context/PageContext.tsx

@@ -44,6 +44,8 @@ type PageContextType = {
   ) => void;
   getVars: (id: string) => Record<string, any>;
   setVar: (item: SchemaItemType, key: string, value: any) => void;
+  getItemData: (id: string) => any;
+  setItemData: (id: string, data: any) => void;
 };
 
 export const PageContext = createContext<PageContextType>({
@@ -76,6 +78,8 @@ export const PageContext = createContext<PageContextType>({
   handleCallback: () => {},
   getVars: () => ({}),
   setVar: () => {},
+  getItemData: () => {},
+  setItemData: () => {},
 });
 
 type PageProviderProps = React.PropsWithChildren<
@@ -107,6 +111,7 @@ export const PageProvider: React.FC<PageProviderProps> = ({
   fetch,
   children,
 }) => {
+  const [itemDatas, setItemDatas] = useState<Record<string, any>>({});
   const [deviceWidth, setDeviceWidth] = useState<number>(0);
   const updateSelectedItem = (props?: Partial<SchemaItemType> | null) => {
     setSelectedItem?.(Object.assign(selectedItem!, props || {}));
@@ -170,6 +175,14 @@ export const PageProvider: React.FC<PageProviderProps> = ({
     });
   };
 
+  const getItemData = (id: string) => {
+    return itemDatas[id] || {};
+  };
+
+  const setItemData = (id: string, data: any) => {
+    setItemDatas((d) => ({ ...d, [id]: data }));
+  };
+
   useEffect(() => {
     const nextGlobal: Record<string, any> = {};
     (schema.variables || []).forEach((item) => {
@@ -205,6 +218,8 @@ export const PageProvider: React.FC<PageProviderProps> = ({
         handleCallback,
         getVars,
         setVar,
+        getItemData,
+        setItemData,
       }}
     >
       {children}

package/src/components/hooks/datasource.ts

@@ -10,7 +10,7 @@ type Props = {
 };
 
 export const useDatasource = ({ item, signal }: Props): any => {
-  const { fetch, getVars } = useContext(PageContext);
+  const { fetch, getVars, setItemData } = useContext(PageContext);
   const [datasource, setDatasource] = useState<any>(null);
   useEffect(() => {
     if (!item?.datasource) {
@@ -21,9 +21,12 @@ export const useDatasource = ({ item, signal }: Props): any => {
     switch (source) {
       case "custom":
         try {
-          setDatasource(JSON.parse(item?.datasource?.custom || "[]"));
+          const next = JSON.parse(item?.datasource?.custom || "[]");
+          setDatasource(next);
+          setItemData(item.id || "", next);
         } catch (e) {
           setDatasource(null);
+          setItemData(item.id || "", null);
         }
         break;
       case "dataset":
@@ -36,6 +39,7 @@ export const useDatasource = ({ item, signal }: Props): any => {
             },
           );
           setDatasource(null);
+          setItemData(item.id || "", null);
           return;
         }
         const vars = getVars(item.id || "");
@@ -43,14 +47,17 @@ export const useDatasource = ({ item, signal }: Props): any => {
           .dataset(item?.datasource.dataset.id, vars)
           .then((res) => {
             setDatasource(res || null);
+            setItemData(item.id || "", res || null);
           })
           .catch((err) => {
             console.error("dataset fetch error", err);
             setDatasource(null);
+            setItemData(item.id || "", null);
           });
         break;
       default:
         setDatasource(null);
+        setItemData(item.id || "", null);
         break;
     }
   }, [item?.datasource, signal]);