ferns-ui 0.36.4 → 0.37.0

package/src/polyfill.d.ts

@@ -0,0 +1,11 @@
+// export {}; // this file needs to be a module
+
+// declare global {
+//   interface Array<T> {
+//     includes(searchElement: T): boolean;
+//   }
+
+//   interface Object {
+//     values<T>(obj: any): T[];
+//   }
+// }

package/src/tableContext.tsx

@@ -0,0 +1,80 @@
+import React, {Context, createContext, useContext} from "react";
+
+export interface ColumnSortInterface {
+  column: number | undefined;
+  direction: "asc" | "desc" | undefined;
+}
+
+interface TableContextType {
+  columns: Array<number | string>;
+  hasDrawerContents: boolean;
+  sortColumn?: ColumnSortInterface | undefined;
+  setSortColumn?: (sort: ColumnSortInterface | undefined) => void;
+  stickyHeader?: boolean;
+  borderStyle?: "sm" | "none";
+  alternateRowBackground?: boolean;
+}
+
+interface Props extends TableContextType {
+  children: React.ReactElement;
+}
+
+const TableContext: Context<TableContextType> = createContext<TableContextType>({
+  columns: [],
+  hasDrawerContents: false,
+  sortColumn: undefined,
+  setSortColumn: () => {},
+  stickyHeader: true,
+  borderStyle: "sm",
+  alternateRowBackground: true,
+});
+
+export const {Provider} = TableContext;
+
+export function TableContextProvider({
+  children,
+  columns,
+  hasDrawerContents,
+  sortColumn,
+  setSortColumn,
+  stickyHeader,
+  borderStyle,
+  alternateRowBackground,
+}: Props): React.ReactElement<typeof Provider> {
+  return (
+    <Provider
+      value={{
+        columns,
+        alternateRowBackground,
+        borderStyle,
+        hasDrawerContents,
+        sortColumn,
+        setSortColumn,
+        stickyHeader,
+      }}
+    >
+      {children}
+    </Provider>
+  );
+}
+
+export function useTableContext(): TableContextType {
+  const {
+    columns,
+    hasDrawerContents,
+    setSortColumn,
+    sortColumn,
+    stickyHeader,
+    alternateRowBackground,
+    borderStyle,
+  } = useContext(TableContext);
+  return {
+    columns,
+    hasDrawerContents,
+    setSortColumn,
+    sortColumn,
+    stickyHeader,
+    alternateRowBackground,
+    borderStyle,
+  };
+}

package/src/useStoredState.ts

@@ -0,0 +1,39 @@
+import {useCallback, useEffect, useState} from "react";
+
+import {Unifier} from "./Unifier";
+
+export const useStoredState = <T>(
+  key: string,
+  initialValue?: T
+): [T | undefined | null, (value: T | undefined | null) => Promise<void>] => {
+  const [state, setState] = useState<T | undefined | null>(initialValue);
+
+  // Function to fetch data from AsyncStorage
+  const fetchData = useCallback(async (): Promise<T | undefined> => {
+    try {
+      return await Unifier.storage.getItem(key);
+    } catch (error) {
+      console.error("Error reading data from AsyncStorage:", error);
+      return initialValue;
+    }
+  }, [initialValue, key]);
+
+  // Fetch data when the component mounts
+  useEffect(() => {
+    fetchData().then((value) => {
+      setState(value);
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  const setAsyncStorageState = async (newValue: T | undefined | null): Promise<void> => {
+    try {
+      await Unifier.storage.setItem(key, newValue);
+      setState(newValue);
+    } catch (error) {
+      console.error("Error writing data to AsyncStorage:", error);
+    }
+  };
+
+  return [state, setAsyncStorageState];
+};