@kirill.konshin/utils 0.0.19 → 0.0.21

package/dist/react/keyboard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"keyboard.js","sources":["../../src/react/keyboard.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, createContext, useMemo, useState, Dispatch, SetStateAction, useContext, FC, Context } from 'react';\n\nconst isCtrlOrMeta = (e: KeyboardEvent) => e.metaKey || e.ctrlKey;\n\nconst EVENT = 'keydown';\n\nexport type Hotkeys = Record<KeyboardEvent['code'], (e: KeyboardEvent) => void>;\n\nexport type HotkeyContextType = {\n    enabled: boolean;\n    setEnabled: Dispatch<SetStateAction<boolean>>;\n};\n\nexport const HotkeysContext: Context<HotkeyContextType> = createContext<{\n    enabled: boolean;\n    setEnabled: Dispatch<SetStateAction<boolean>>;\n}>(null as never);\n\nexport const HotkeysProvider: FC<any> = ({ children }) => {\n    const [enabled, setEnabled] = useState(true);\n\n    const control = useMemo(() => ({ enabled, setEnabled }), [enabled, setEnabled]);\n\n    return <HotkeysContext.Provider value={control}>{children}</HotkeysContext.Provider>;\n};\n\nexport const useHotkeys = (hotkeys: Hotkeys): void => {\n    const { enabled } = useContext(HotkeysContext);\n\n    useEffect(() => {\n        if (typeof document === 'undefined' || !enabled) {\n            return;\n        }\n\n        const listeners = (e: KeyboardEvent) => {\n            if (!isCtrlOrMeta(e)) return;\n\n            for (const [code, callback] of Object.entries(hotkeys)) {\n                if (e.code === code) {\n                    callback(e);\n                    return;\n                }\n            }\n        };\n\n        window.addEventListener(EVENT, listeners, true);\n\n        return () => {\n            window.removeEventListener(EVENT, listeners);\n        };\n    }, [hotkeys, enabled]);\n};\n"],"names":[],"mappings":";;;AAIA,MAAM,eAAe,CAAC,MAAqB,EAAE,WAAW,EAAE;AAE1D,MAAM,QAAQ;AASD,MAAA,iBAA6C,cAGvD,IAAa;AAET,MAAM,kBAA2B,CAAC,EAAE,eAAe;AACtD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAErC,QAAA,UAAU,QAAQ,OAAO,EAAE,SAAS,eAAe,CAAC,SAAS,UAAU,CAAC;AAE9E,6BAAQ,eAAe,UAAf,EAAwB,OAAO,SAAU,UAAS;AAC9D;AAEa,MAAA,aAAa,CAAC,YAA2B;AAClD,QAAM,EAAE,QAAA,IAAY,WAAW,cAAc;AAE7C,YAAU,MAAM;AACZ,QAAI,OAAO,aAAa,eAAe,CAAC,SAAS;AAC7C;AAAA,IAAA;AAGE,UAAA,YAAY,CAAC,MAAqB;AAChC,UAAA,CAAC,aAAa,CAAC,EAAG;AAEtB,iBAAW,CAAC,MAAM,QAAQ,KAAK,OAAO,QAAQ,OAAO,GAAG;AAChD,YAAA,EAAE,SAAS,MAAM;AACjB,mBAAS,CAAC;AACV;AAAA,QAAA;AAAA,MACJ;AAAA,IAER;AAEO,WAAA,iBAAiB,OAAO,WAAW,IAAI;AAE9C,WAAO,MAAM;AACF,aAAA,oBAAoB,OAAO,SAAS;AAAA,IAC/C;AAAA,EAAA,GACD,CAAC,SAAS,OAAO,CAAC;AACzB;"}

package/dist/react/useFetch.d.ts

@@ -1,2 +0,0 @@
-export declare function useFetch<R>(fn: (...args: any[]) => Promise<R>, defaultValue?: R | null): [R | null, typeof fn, boolean, Error | undefined];
-//# sourceMappingURL=useFetch.d.ts.map

package/dist/react/useFetch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFetch.d.ts","sourceRoot":"","sources":["../../src/react/useFetch.ts"],"names":[],"mappings":"AAOA,wBAAgB,QAAQ,CAAC,CAAC,EACtB,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,CAAC,CAAC,EAClC,YAAY,GAAE,CAAC,GAAG,IAAW,GAC9B,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,GAAG,SAAS,CAAC,CAkBnD"}

package/dist/react/useFetch.js

@@ -1,20 +0,0 @@
-"use client";
-import { useTransition, useState, useCallback } from "react";
-function useFetch(fn, defaultValue = null) {
-  const [isPending, startTransition] = useTransition();
-  const [data, setData] = useState(defaultValue);
-  const [error, setError] = useState();
-  const actionFn = useCallback(
-    (...args) => {
-      const promise = fn(...args);
-      startTransition(() => promise.then(setData).catch(setError));
-      return promise;
-    },
-    [fn]
-  );
-  return [data, actionFn, isPending, error];
-}
-export {
-  useFetch
-};
-//# sourceMappingURL=useFetch.js.map

package/dist/react/useFetch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFetch.js","sources":["../../src/react/useFetch.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useState, useTransition } from 'react';\n\n//TODO useFetch https://use-http.com\n//TODO SWR?\n//TODO Tanstack Query?\nexport function useFetch<R>(\n    fn: (...args: any[]) => Promise<R>,\n    defaultValue: R | null = null,\n): [R | null, typeof fn, boolean, Error | undefined] {\n    // An async function was passed to useActionState, but it was dispatched outside of an action context.\n    // This is likely not what you intended. Either pass the dispatch function to an `action` prop, or dispatch manually inside `startTransition`\n    const [isPending, startTransition] = useTransition();\n    const [data, setData] = useState<R | null>(defaultValue);\n    const [error, setError] = useState<Error>();\n\n    const actionFn = useCallback(\n        (...args: Parameters<typeof fn>) => {\n            const promise = fn(...args);\n            // https://react.dev/reference/react/useTransition#react-doesnt-treat-my-state-update-after-await-as-a-transition\n            startTransition(() => promise.then(setData).catch(setError)); //FIXME sub-chain...\n            return promise;\n        },\n        [fn],\n    );\n\n    return [data, actionFn, isPending, error];\n}\n"],"names":[],"mappings":";;AAOgB,SAAA,SACZ,IACA,eAAyB,MACwB;AAGjD,QAAM,CAAC,WAAW,eAAe,IAAI,cAAc;AACnD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAmB,YAAY;AACvD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAgB;AAE1C,QAAM,WAAW;AAAA,IACb,IAAI,SAAgC;AAC1B,YAAA,UAAU,GAAG,GAAG,IAAI;AAE1B,sBAAgB,MAAM,QAAQ,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AACpD,aAAA;AAAA,IACX;AAAA,IACA,CAAC,EAAE;AAAA,EACP;AAEA,SAAO,CAAC,MAAM,UAAU,WAAW,KAAK;AAC5C;"}

package/dist/react/useFetcher.d.ts

@@ -1,10 +0,0 @@
-export declare function useFetcher<T = any>(cb: any, { fetchOnMount, onError }?: {
-    fetchOnMount?: boolean;
-    onError?: (e: Error) => void;
-}): {
-    loading: boolean;
-    error: Error | null;
-    data: T | null;
-    trigger: (...args: any[]) => Promise<any>;
-};
-//# sourceMappingURL=useFetcher.d.ts.map

package/dist/react/useFetcher.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFetcher.d.ts","sourceRoot":"","sources":["../../src/react/useFetcher.ts"],"names":[],"mappings":"AAEA,wBAAgB,UAAU,CAAC,CAAC,GAAG,GAAG,EAC9B,EAAE,EAAE,GAAG,EAEP,EAAE,YAAoB,EAAE,OAAO,EAAE,GAAE;IAAE,YAAY,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAA;CAAO,GACjG;IACC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;IACf,OAAO,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;CAC7C,CA0CA"}

package/dist/react/useFetcher.js

@@ -1,43 +0,0 @@
-import { useState, useRef, useCallback, useEffect } from "react";
-function useFetcher(cb, { fetchOnMount = false, onError } = {}) {
-  const [loading, setLoading] = useState(fetchOnMount);
-  const [error, setError] = useState(null);
-  const [data, setData] = useState(null);
-  const isMounted = useRef(false);
-  const trigger = useCallback(
-    async (...args) => {
-      try {
-        setLoading(true);
-        setError(null);
-        const res = await cb(args);
-        if (!isMounted.current) return;
-        setData(res);
-        return res;
-      } catch (e) {
-        console.error("Fetch failed", e);
-        if (!isMounted.current) return;
-        setError(e);
-        onError == null ? void 0 : onError(e);
-      } finally {
-        if (isMounted.current) setLoading(false);
-      }
-    },
-    [cb, onError]
-  );
-  useEffect(() => {
-    if (fetchOnMount) {
-      trigger().catch((e) => console.error("Fetch on mount failed", e));
-    }
-  }, [fetchOnMount, cb, trigger]);
-  useEffect(() => {
-    isMounted.current = true;
-    return () => {
-      isMounted.current = false;
-    };
-  });
-  return { loading, error, data, trigger };
-}
-export {
-  useFetcher
-};
-//# sourceMappingURL=useFetcher.js.map

package/dist/react/useFetcher.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFetcher.js","sources":["../../src/react/useFetcher.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nexport function useFetcher<T = any>(\n    cb: any,\n\n    { fetchOnMount = false, onError }: { fetchOnMount?: boolean; onError?: (e: Error) => void } = {},\n): {\n    loading: boolean;\n    error: Error | null;\n    data: T | null;\n    trigger: (...args: any[]) => Promise<any>;\n} {\n    const [loading, setLoading] = useState(fetchOnMount);\n    const [error, setError] = useState<Error | null>(null);\n    const [data, setData] = useState<T | null>(null);\n\n    const isMounted = useRef(false);\n\n    const trigger = useCallback(\n        async (...args: any[]): Promise<any> => {\n            try {\n                setLoading(true);\n                setError(null);\n                const res = await cb(args);\n                if (!isMounted.current) return;\n                setData(res);\n                return res;\n            } catch (e) {\n                console.error('Fetch failed', e);\n                if (!isMounted.current) return;\n                setError(e);\n                (onError as any)?.(e);\n            } finally {\n                if (isMounted.current) setLoading(false);\n            }\n        },\n        [cb, onError],\n    );\n\n    useEffect(() => {\n        if (fetchOnMount) {\n            trigger().catch((e) => console.error('Fetch on mount failed', e)); // catch actually will never happen\n        }\n    }, [fetchOnMount, cb, trigger]);\n\n    useEffect(() => {\n        isMounted.current = true;\n        return () => {\n            isMounted.current = false;\n        };\n    });\n\n    return { loading, error, data, trigger };\n}\n"],"names":[],"mappings":";AAEgB,SAAA,WACZ,IAEA,EAAE,eAAe,OAAO,QAAQ,IAA8D,IAMhG;AACE,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,YAAY;AACnD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAuB,IAAI;AACrD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAmB,IAAI;AAEzC,QAAA,YAAY,OAAO,KAAK;AAE9B,QAAM,UAAU;AAAA,IACZ,UAAU,SAA8B;AAChC,UAAA;AACA,mBAAW,IAAI;AACf,iBAAS,IAAI;AACP,cAAA,MAAM,MAAM,GAAG,IAAI;AACrB,YAAA,CAAC,UAAU,QAAS;AACxB,gBAAQ,GAAG;AACJ,eAAA;AAAA,eACF,GAAG;AACA,gBAAA,MAAM,gBAAgB,CAAC;AAC3B,YAAA,CAAC,UAAU,QAAS;AACxB,iBAAS,CAAC;AACT,2CAAkB;AAAA,MAAC,UACtB;AACM,YAAA,UAAU,QAAS,YAAW,KAAK;AAAA,MAAA;AAAA,IAE/C;AAAA,IACA,CAAC,IAAI,OAAO;AAAA,EAChB;AAEA,YAAU,MAAM;AACZ,QAAI,cAAc;AACN,cAAA,EAAE,MAAM,CAAC,MAAM,QAAQ,MAAM,yBAAyB,CAAC,CAAC;AAAA,IAAA;AAAA,EAErE,GAAA,CAAC,cAAc,IAAI,OAAO,CAAC;AAE9B,YAAU,MAAM;AACZ,cAAU,UAAU;AACpB,WAAO,MAAM;AACT,gBAAU,UAAU;AAAA,IACxB;AAAA,EAAA,CACH;AAED,SAAO,EAAE,SAAS,OAAO,MAAM,QAAQ;AAC3C;"}

package/dist/react-native/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/react-native/share.d.ts

@@ -1,9 +0,0 @@
-/**
- * data:text/plain;base64,W29iamV
- * @see https://stackoverflow.com/questions/69738812/problem-to-generate-pdf-from-a-blob-in-an-expo-app-using-filesystem
- * @param base64
- * @param fileName
- * @returns {Promise<void>}
- */
-export declare const shareDialog: (base64: string, fileName: string) => Promise<void>;
-//# sourceMappingURL=share.d.ts.map

package/dist/react-native/share.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"share.d.ts","sourceRoot":"","sources":["../../src/react-native/share.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,WAAkB,MAAM,YAAY,MAAM,KAAG,OAAO,CAAC,IAAI,CAoBhF,CAAC"}

package/dist/react-native/share.js

@@ -1,23 +0,0 @@
-import * as FileSystem from "expo-file-system";
-import * as Sharing from "expo-sharing";
-const shareDialog = async (base64, fileName) => {
-  const path = `${FileSystem.documentDirectory}/${fileName}`;
-  try {
-    if (!await Sharing.isAvailableAsync()) throw new Error("Sharing is not available");
-    const [header, buffer] = base64.split(",");
-    const [, mimeTypeStr] = header.split(":");
-    const [mimeType] = mimeTypeStr.split(";");
-    await FileSystem.writeAsStringAsync(`${path}`, buffer, {
-      encoding: FileSystem.EncodingType.Base64
-    });
-    await Sharing.shareAsync(path, { mimeType, UTI: fileName, dialogTitle: "Save or share document" });
-  } catch (error) {
-    alert("Sharing failed: " + error.message);
-  } finally {
-    await FileSystem.deleteAsync(path);
-  }
-};
-export {
-  shareDialog
-};
-//# sourceMappingURL=share.js.map

package/dist/react-native/share.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"share.js","sources":["../../src/react-native/share.ts"],"sourcesContent":["import * as FileSystem from 'expo-file-system';\nimport * as Sharing from 'expo-sharing';\n\n/**\n * data:text/plain;base64,W29iamV\n * @see https://stackoverflow.com/questions/69738812/problem-to-generate-pdf-from-a-blob-in-an-expo-app-using-filesystem\n * @param base64\n * @param fileName\n * @returns {Promise<void>}\n */\nexport const shareDialog = async (base64: string, fileName: string): Promise<void> => {\n    const path = `${FileSystem.documentDirectory}/${fileName}`;\n\n    try {\n        if (!(await Sharing.isAvailableAsync())) throw new Error('Sharing is not available');\n\n        const [header, buffer] = base64.split(',');\n        const [, mimeTypeStr] = header.split(':');\n        const [mimeType] = mimeTypeStr.split(';');\n\n        await FileSystem.writeAsStringAsync(`${path}`, buffer, {\n            encoding: FileSystem.EncodingType.Base64,\n        });\n\n        await Sharing.shareAsync(path, { mimeType, UTI: fileName, dialogTitle: 'Save or share document' });\n    } catch (error) {\n        alert('Sharing failed: ' + error.message);\n    } finally {\n        await FileSystem.deleteAsync(path);\n    }\n};\n"],"names":[],"mappings":";;AAUa,MAAA,cAAc,OAAO,QAAgB,aAAoC;AAClF,QAAM,OAAO,GAAG,WAAW,iBAAiB,IAAI,QAAQ;AAEpD,MAAA;AACI,QAAA,CAAE,MAAM,QAAQ,mBAA2B,OAAA,IAAI,MAAM,0BAA0B;AAEnF,UAAM,CAAC,QAAQ,MAAM,IAAI,OAAO,MAAM,GAAG;AACzC,UAAM,CAAG,EAAA,WAAW,IAAI,OAAO,MAAM,GAAG;AACxC,UAAM,CAAC,QAAQ,IAAI,YAAY,MAAM,GAAG;AAExC,UAAM,WAAW,mBAAmB,GAAG,IAAI,IAAI,QAAQ;AAAA,MACnD,UAAU,WAAW,aAAa;AAAA,IAAA,CACrC;AAEK,UAAA,QAAQ,WAAW,MAAM,EAAE,UAAU,KAAK,UAAU,aAAa,0BAA0B;AAAA,WAC5F,OAAO;AACN,UAAA,qBAAqB,MAAM,OAAO;AAAA,EAAA,UAC1C;AACQ,UAAA,WAAW,YAAY,IAAI;AAAA,EAAA;AAEzC;"}

package/dist/react-native/update.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-export declare const Update: FC<any>;
-//# sourceMappingURL=update.d.ts.map

package/dist/react-native/update.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"update.d.ts","sourceRoot":"","sources":["../../src/react-native/update.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAuB,MAAM,OAAO,CAAC;AAGhD,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,GAAG,CAmC1B,CAAC"}

package/dist/react-native/update.js

@@ -1,40 +0,0 @@
-import { jsxs } from "react/jsx-runtime";
-import * as Updates from "expo-updates";
-import { useState, useEffect } from "react";
-import { Text } from "react-native";
-const Update = function Update2({ children }) {
-  const [updating, setUpdating] = useState(true);
-  useEffect(() => {
-    (async () => {
-      try {
-        if (__DEV__) {
-          setUpdating(false);
-          return;
-        }
-        const update = await Updates.checkForUpdateAsync();
-        if (!update.isAvailable) {
-          setUpdating(false);
-          return;
-        }
-        await Updates.fetchUpdateAsync();
-        alert("Update is available. App will reload.");
-        await Updates.reloadAsync();
-      } catch (error) {
-        alert(`Error fetching latest Expo update: ${error}`);
-        setUpdating(false);
-      }
-    })();
-  });
-  if (updating) {
-    return /* @__PURE__ */ jsxs(Text, { children: [
-      "Checking for updates (",
-      Updates.channel,
-      ")..."
-    ] });
-  }
-  return children;
-};
-export {
-  Update
-};
-//# sourceMappingURL=update.js.map

package/dist/react-native/update.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"update.js","sources":["../../src/react-native/update.tsx"],"sourcesContent":["import * as Updates from 'expo-updates';\nimport { FC, useEffect, useState } from 'react';\nimport { Text } from 'react-native';\n\nexport const Update: FC<any> = function Update({ children }) {\n    //FIXME useUpdates https://blog.expo.dev/feature-preview-updates-js-api-for-expo-updates-3b92beb40dab\n    const [updating, setUpdating] = useState(true);\n\n    useEffect(() => {\n        (async () => {\n            try {\n                if (__DEV__) {\n                    setUpdating(false);\n                    return;\n                }\n\n                const update = await Updates.checkForUpdateAsync();\n\n                if (!update.isAvailable) {\n                    setUpdating(false);\n                    return;\n                }\n\n                await Updates.fetchUpdateAsync();\n                alert('Update is available. App will reload.');\n                await Updates.reloadAsync();\n            } catch (error) {\n                // You can also add an alert() to see the error message in case of an error when fetching updates.\n                alert(`Error fetching latest Expo update: ${error}`);\n                setUpdating(false);\n            }\n        })();\n    });\n\n    if (updating) {\n        return <Text>Checking for updates ({Updates.channel})...</Text>;\n    }\n\n    return children;\n};\n"],"names":["Update"],"mappings":";;;;AAIO,MAAM,SAAkB,SAASA,QAAO,EAAE,YAAY;AAEzD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,IAAI;AAE7C,YAAU,MAAM;AACZ,KAAC,YAAY;AACL,UAAA;AACA,YAAI,SAAS;AACT,sBAAY,KAAK;AACjB;AAAA,QAAA;AAGE,cAAA,SAAS,MAAM,QAAQ,oBAAoB;AAE7C,YAAA,CAAC,OAAO,aAAa;AACrB,sBAAY,KAAK;AACjB;AAAA,QAAA;AAGJ,cAAM,QAAQ,iBAAiB;AAC/B,cAAM,uCAAuC;AAC7C,cAAM,QAAQ,YAAY;AAAA,eACrB,OAAO;AAEN,cAAA,sCAAsC,KAAK,EAAE;AACnD,oBAAY,KAAK;AAAA,MAAA;AAAA,IACrB,GACD;AAAA,EAAA,CACN;AAED,MAAI,UAAU;AACV,gCAAQ,MAAK,EAAA,UAAA;AAAA,MAAA;AAAA,MAAuB,QAAQ;AAAA,MAAQ;AAAA,IAAA,GAAI;AAAA,EAAA;AAGrD,SAAA;AACX;"}

package/dist/react-native/useAppState.d.ts

@@ -1,2 +0,0 @@
-export declare function useAppState(): 'active' | 'background' | 'inactive' | 'unknown' | 'extension';
-//# sourceMappingURL=useAppState.d.ts.map

package/dist/react-native/useAppState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAppState.d.ts","sourceRoot":"","sources":["../../src/react-native/useAppState.ts"],"names":[],"mappings":"AAGA,wBAAgB,WAAW,IAAI,QAAQ,GAAG,YAAY,GAAG,UAAU,GAAG,SAAS,GAAG,WAAW,CAc5F"}

package/dist/react-native/useAppState.js

@@ -1,18 +0,0 @@
-import { useState, useEffect } from "react";
-import { AppState } from "react-native";
-function useAppState() {
-  const [appState, setAppState] = useState(AppState.currentState);
-  useEffect(() => {
-    const subscription = AppState.addEventListener("change", (nextAppState) => {
-      setAppState(nextAppState);
-    });
-    return () => {
-      subscription.remove();
-    };
-  }, []);
-  return appState;
-}
-export {
-  useAppState
-};
-//# sourceMappingURL=useAppState.js.map

package/dist/react-native/useAppState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAppState.js","sources":["../../src/react-native/useAppState.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { AppState } from 'react-native';\n\nexport function useAppState(): 'active' | 'background' | 'inactive' | 'unknown' | 'extension' {\n    const [appState, setAppState] = useState(AppState.currentState);\n\n    useEffect(() => {\n        const subscription = AppState.addEventListener('change', (nextAppState) => {\n            setAppState(nextAppState);\n        });\n\n        return () => {\n            subscription.remove();\n        };\n    }, []);\n\n    return appState;\n}\n"],"names":[],"mappings":";;AAGO,SAAS,cAA8E;AAC1F,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,SAAS,YAAY;AAE9D,YAAU,MAAM;AACZ,UAAM,eAAe,SAAS,iBAAiB,UAAU,CAAC,iBAAiB;AACvE,kBAAY,YAAY;AAAA,IAAA,CAC3B;AAED,WAAO,MAAM;AACT,mBAAa,OAAO;AAAA,IACxB;AAAA,EACJ,GAAG,EAAE;AAEE,SAAA;AACX;"}

package/dist/tailwind/fullpage.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-export declare const Fullpage: FC<any>;
-//# sourceMappingURL=fullpage.d.ts.map

package/dist/tailwind/fullpage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"fullpage.d.ts","sourceRoot":"","sources":["../../src/tailwind/fullpage.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,GAAG,CAQ5B,CAAC"}

package/dist/tailwind/fullpage.js

@@ -1,14 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-const Fullpage = ({ divRef = null, className = "", children, ...props }) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref: divRef,
-    ...props,
-    className: `container h-screen flex flex-col justify-center items-center ${className}`,
-    children
-  }
-);
-export {
-  Fullpage
-};
-//# sourceMappingURL=fullpage.js.map

package/dist/tailwind/fullpage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fullpage.js","sources":["../../src/tailwind/fullpage.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nexport const Fullpage: FC<any> = ({ divRef = null, className = '', children, ...props }) => (\n    <div\n        ref={divRef}\n        {...props}\n        className={`container h-screen flex flex-col justify-center items-center ${className}`}\n    >\n        {children}\n    </div>\n);\n"],"names":[],"mappings":";AAEa,MAAA,WAAoB,CAAC,EAAE,SAAS,MAAM,YAAY,IAAI,UAAU,GAAG,MAAA,MAC5E;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,KAAK;AAAA,IACJ,GAAG;AAAA,IACJ,WAAW,gEAAgE,SAAS;AAAA,IAEnF;AAAA,EAAA;AACL;"}

package/dist/tailwind/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/tailwind/responsiveHelper.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-export declare const ResponsiveHelperTW: FC<any>;
-//# sourceMappingURL=responsiveHelper.d.ts.map

package/dist/tailwind/responsiveHelper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"responsiveHelper.d.ts","sourceRoot":"","sources":["../../src/tailwind/responsiveHelper.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,GAAG,CAWtC,CAAC"}

package/dist/tailwind/responsiveHelper.js

@@ -1,16 +0,0 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-const ResponsiveHelperTW = function ResponsiveHelperTW2() {
-  return /* @__PURE__ */ jsxs("span", { className: "fixed bottom-0 right-2 z-30 leading-none text-xs", children: [
-    /* @__PURE__ */ jsx("small", { className: "hidden xs:max-sm:block", children: "XS" }),
-    /* @__PURE__ */ jsx("small", { className: "hidden sm:max-md:block", children: "SM" }),
-    /* @__PURE__ */ jsx("small", { className: "hidden md:max-lg:block", children: "MD" }),
-    /* @__PURE__ */ jsx("small", { className: "hidden lg:max-xl:block", children: "LG" }),
-    /* @__PURE__ */ jsx("small", { className: "hidden xl:max-2xl:block", children: "XL" }),
-    /* @__PURE__ */ jsx("small", { className: "hidden 2xl:block", children: "XXL" })
-  ] });
-};
-export {
-  ResponsiveHelperTW
-};
-//# sourceMappingURL=responsiveHelper.js.map

package/dist/tailwind/responsiveHelper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"responsiveHelper.js","sources":["../../src/tailwind/responsiveHelper.tsx"],"sourcesContent":["'use client';\n\nimport React, { FC } from 'react';\n\nexport const ResponsiveHelperTW: FC<any> = function ResponsiveHelperTW() {\n    return (\n        <span className=\"fixed bottom-0 right-2 z-30 leading-none text-xs\">\n            <small className=\"hidden xs:max-sm:block\">XS</small>\n            <small className=\"hidden sm:max-md:block\">SM</small>\n            <small className=\"hidden md:max-lg:block\">MD</small>\n            <small className=\"hidden lg:max-xl:block\">LG</small>\n            <small className=\"hidden xl:max-2xl:block\">XL</small>\n            <small className=\"hidden 2xl:block\">XXL</small>\n        </span>\n    );\n};\n"],"names":["ResponsiveHelperTW"],"mappings":";;AAIa,MAAA,qBAA8B,SAASA,sBAAqB;AAEjE,SAAA,qBAAC,QAAK,EAAA,WAAU,oDACZ,UAAA;AAAA,IAAC,oBAAA,SAAA,EAAM,WAAU,0BAAyB,UAAE,MAAA;AAAA,IAC3C,oBAAA,SAAA,EAAM,WAAU,0BAAyB,UAAE,MAAA;AAAA,IAC3C,oBAAA,SAAA,EAAM,WAAU,0BAAyB,UAAE,MAAA;AAAA,IAC3C,oBAAA,SAAA,EAAM,WAAU,0BAAyB,UAAE,MAAA;AAAA,IAC3C,oBAAA,SAAA,EAAM,WAAU,2BAA0B,UAAE,MAAA;AAAA,IAC5C,oBAAA,SAAA,EAAM,WAAU,oBAAmB,UAAG,MAAA,CAAA;AAAA,EAAA,GAC3C;AAER;"}

package/src/bootstrap/adaptiveContainer.tsx

@@ -1,12 +0,0 @@
-import React, { FC } from 'react';
-import { Container, ContainerProps } from 'react-bootstrap';
-import { useBreakpoint } from './responsiveHelper';
-
-export const AdaptiveContainer: FC<ContainerProps> = function AdaptiveContainer({ children, ...props }) {
-    const { isMobile } = useBreakpoint();
-    return (
-        <Container fluid={isMobile} {...props}>
-            {children}
-        </Container>
-    );
-};

package/src/bootstrap/controls.stories.tsx

@@ -1,62 +0,0 @@
-import React, { cloneElement, useCallback, useState } from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
-import { fn } from '@storybook/test';
-
-import { Select, Control, Range, Checkbox } from './controls';
-
-const defaultOptions = { num: 1, bool: false, select: 'bar' };
-
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
-const meta: Meta<typeof Control> = {
-    title: 'Bootstrap / Controls',
-    parameters: {
-        layout: 'centered',
-    },
-    tags: ['autodocs'],
-    argTypes: {},
-    args: { options: { ...defaultOptions }, setOptions: fn(), defaultOptions: { ...defaultOptions }, name: 'unused' },
-    render: function Demo(args) {
-        const [options, setOptionsRaw] = useState(args.options);
-
-        const setOptions = useCallback(
-            (options: any) =>
-                setOptionsRaw((currentOptions) => {
-                    return { ...currentOptions, ...options };
-                }),
-            [],
-        );
-
-        const controlProps = { options, setOptions, defaultOptions };
-
-        const { children, name, ...safeArgs } = args;
-
-        return <div style={{ width: '300px' }}>{cloneElement(children as any, { ...safeArgs, ...controlProps })}</div>;
-    },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const RangeControl: Story = {
-    args: {
-        children: <Range name="Num" min={0} max={1} />,
-    },
-};
-
-export const CheckboxControl: Story = {
-    args: {
-        children: <Checkbox name="Bool" />,
-    },
-};
-
-export const SelectControl: Story = {
-    args: {
-        children: (
-            <Select name="Select">
-                <option value="foo">Foo</option>
-                <option value="bar">Bar</option>
-            </Select>
-        ),
-    },
-};

package/src/bootstrap/controls.tsx

@@ -1,119 +0,0 @@
-import React, { HTMLInputTypeAttribute, memo, FC } from 'react';
-
-const lcFirst = (str: string) => str[0].toLowerCase() + str.substring(1, str.length);
-
-const toProperty = (str: string) => lcFirst(str).split(' ').join('');
-
-export interface ControlProps {
-    value?: any;
-    setValue?: (v: any) => void;
-    defaultValue?: any;
-    options?: { [key: string]: any };
-    setOptions?: (v: { [key: string]: any }) => void;
-    defaultOptions?: { [key: string]: any };
-    name: string;
-    children?: React.ReactNode;
-    inputProps?: {
-        type: HTMLInputTypeAttribute;
-        property?: string;
-        valueExtractor?: (e: any) => any;
-        className?: string;
-    } & any;
-    hideValue?: boolean;
-}
-
-export type LabelProps = Pick<ControlProps, 'name' | 'value' | 'defaultValue'> & { reset: () => void };
-
-export const Label: FC<LabelProps> = memo(function Label({ name, reset, value, defaultValue }) {
-    return (
-        <label className="flex-grow-1 mb-0 d-flex align-items-center justify-content-start gap-2">
-            {name}
-            {value !== defaultValue && (
-                <>
-                    <a href="javascript: void(0)" onClick={reset}>
-                        <small>reset</small>
-                    </a>
-                </>
-            )}
-        </label>
-    );
-});
-
-export const Control: FC<ControlProps> = memo(function Control({
-    value = null,
-    setValue,
-    defaultValue = null,
-    options = {},
-    setOptions,
-    defaultOptions = {},
-    name,
-    inputProps: { Tag = 'input', property = 'value', valueExtractor = (e: any) => e.target.value, ...inputProps } = {},
-    hideValue = false,
-    children,
-}) {
-    const prop = toProperty(name);
-
-    defaultValue = defaultValue || defaultOptions[prop];
-    value = value || options?.[prop];
-    setValue = setValue || ((v) => setOptions?.({ [prop]: v }));
-
-    const reset = () => setValue(defaultValue);
-
-    return (
-        <div className="d-flex align-items-center gap-2">
-            <Label name={name} reset={reset} value={value} defaultValue={defaultValue} />
-            <Tag
-                {...inputProps}
-                {...{ [property]: value || '' }} // null is needed to make it always controlled
-                className={`${value === defaultValue ? 'opacity-75' : ''} ${inputProps.className}`}
-                onChange={(e: Event) => setValue(valueExtractor(e))}
-            >
-                {children}
-            </Tag>
-            {!hideValue && (
-                <span onDoubleClick={reset} className="text-start" style={{ width: '20px' }}>
-                    {value}
-                </span>
-            )}
-        </div>
-    );
-});
-
-export interface RangeProps extends ControlProps {
-    min: number;
-    max: number;
-    step?: number;
-}
-
-export const Range: FC<RangeProps> = memo(function Range({ min, max, step = 0.1, ...props }) {
-    return (
-        <Control
-            inputProps={{
-                type: 'range',
-                min,
-                max,
-                step,
-                className: 'form-control-range',
-                valueExtractor: (e: any) => parseFloat(e.target.value),
-            }}
-            {...props}
-        />
-    );
-});
-
-export const Checkbox: FC<ControlProps> = memo(function Checkbox(props) {
-    return (
-        <Control
-            inputProps={{ type: 'checkbox', property: 'checked', valueExtractor: (e: any) => e.target.checked }}
-            {...props}
-        />
-    );
-});
-
-export const Select: FC<ControlProps> = memo(function Select({ children, ...props }) {
-    return (
-        <Control inputProps={{ Tag: 'select', className: 'form-select' }} {...props} hideValue={true}>
-            {children}
-        </Control>
-    );
-});

package/src/bootstrap/error.stories.tsx

@@ -1,34 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { fn } from '@storybook/test';
-
-import { ErrorAlert } from './error';
-
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
-const meta: Meta<typeof ErrorAlert> = {
-    title: 'Bootstrap / ErrorAlert',
-    component: ErrorAlert,
-    parameters: {
-        layout: 'centered',
-    },
-    tags: ['autodocs'],
-    argTypes: {
-        // backgroundColor: { control: 'color' },
-        children: { control: 'text' },
-    },
-    args: { onRetry: fn() },
-};
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const String: Story = {
-    args: {
-        children: 'An error occurred',
-    },
-};
-
-export const ErrorObject: Story = {
-    args: {
-        children: new Error('An error occurred') as any,
-    },
-};

package/src/bootstrap/error.tsx

@@ -1,37 +0,0 @@
-'use client';
-
-import React, { FC } from 'react';
-import { Alert, AlertProps, Button, ButtonProps } from 'react-bootstrap';
-
-export type ErrorAlertProps = {
-    children?: Error | string | any;
-    onRetry?: () => any;
-    buttonProps?: ButtonProps;
-};
-
-//TODO Create MUI-specific?
-export const ErrorAlert: FC<ErrorAlertProps> = function ErrorAlert({ onRetry, children, buttonProps, ...props }) {
-    if (!children) return null;
-
-    return (
-        <Alert variant="danger" {...props}>
-            <div>{children.message || children.toString()}</div>
-            {onRetry && (
-                <div>
-                    <Button
-                        variant="link"
-                        className="alert-link"
-                        {...buttonProps}
-                        onClick={(e) => {
-                            e.preventDefault();
-                            e.stopPropagation();
-                            onRetry();
-                        }}
-                    >
-                        Retry
-                    </Button>
-                </div>
-            )}
-        </Alert>
-    );
-};

package/src/bootstrap/field.stories.tsx

@@ -1,42 +0,0 @@
-import React from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
-import { fn } from '@storybook/test';
-
-import { FieldGroup } from './field';
-import { FormControl } from 'react-bootstrap';
-
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
-const meta: Meta<typeof FieldGroup> = {
-    title: 'Bootstrap / FieldGroup',
-    component: FieldGroup,
-    parameters: {
-        layout: 'centered',
-    },
-    tags: ['autodocs'],
-    argTypes: {
-        text: { control: 'text' },
-        label: { control: 'text' },
-        horizontal: { control: 'check' },
-    },
-    args: { onClick: fn() },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Vertical: Story = {
-    args: {
-        label: 'Label',
-        children: <FormControl placeholder="Input" />,
-        text: 'Text',
-    },
-};
-
-export const Horizontal: Story = {
-    args: {
-        label: 'Label',
-        children: <FormControl placeholder="Input" />,
-        horizontal: true,
-    },
-};