@korsolutions/ui 0.0.95 → 0.0.96

package/dist/module/components/full-screen-spinner/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+import { FullScreenSpinnerAPI } from "./manager.js";
+export const FullScreenSpinner = FullScreenSpinnerAPI;
+export { FullScreenSpinnerContainer } from "./manager.js";
+//# sourceMappingURL=index.js.map

package/dist/module/components/full-screen-spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FullScreenSpinnerAPI","FullScreenSpinner","FullScreenSpinnerContainer"],"sourceRoot":"../../../../src","sources":["components/full-screen-spinner/index.ts"],"mappings":";;AAAA,SAASA,oBAAoB,QAAQ,cAAW;AAEhD,OAAO,MAAMC,iBAAiB,GAAGD,oBAAoB;AACrD,SAASE,0BAA0B,QAAQ,cAAW","ignoreList":[]}

package/dist/module/components/full-screen-spinner/manager.js

@@ -0,0 +1,91 @@
+"use strict";
+
+import React, { useSyncExternalStore } from "react";
+import { StyleSheet, Text, View } from "react-native";
+import { setHSLAOpacity } from "../../utils/hsla-utils.js";
+import { useThemedStyles } from "../../utils/use-themed-styles.js";
+import { Portal } from "../portal/index.js";
+import { Spinner } from "../spinner/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const store = {
+  state: null,
+  listeners: new Set()
+};
+function emit() {
+  for (const cb of store.listeners) cb();
+}
+function getSnapshot() {
+  return store.state;
+}
+function subscribe(cb) {
+  store.listeners.add(cb);
+  return () => {
+    store.listeners.delete(cb);
+  };
+}
+function show(config = {}) {
+  store.state = config;
+  emit();
+}
+function hide() {
+  store.state = null;
+  emit();
+}
+export const FullScreenSpinnerAPI = {
+  show,
+  hide
+};
+export const FULL_SCREEN_SPINNER_PORTAL_NAME = "full-screen-spinner-portal";
+export function FullScreenSpinnerContainer() {
+  const state = useSyncExternalStore(subscribe, getSnapshot);
+  const styles = useFullScreenSpinnerStyles();
+  if (!state) return null;
+  return /*#__PURE__*/_jsx(Portal, {
+    name: FULL_SCREEN_SPINNER_PORTAL_NAME,
+    children: /*#__PURE__*/_jsx(View, {
+      style: styles.overlay,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.content,
+        children: [/*#__PURE__*/_jsx(Spinner, {}), !!state.description && /*#__PURE__*/_jsx(Text, {
+          style: styles.description,
+          children: state.description
+        })]
+      })
+    })
+  });
+}
+const useFullScreenSpinnerStyles = () => {
+  return useThemedStyles(({
+    colors,
+    fontSize,
+    fontFamily,
+    spacing,
+    letterSpacing,
+    radius
+  }) => ({
+    overlay: {
+      ...StyleSheet.absoluteFillObject,
+      backgroundColor: "rgba(0, 0, 0, 0.5)",
+      justifyContent: "center",
+      alignItems: "center",
+      zIndex: 9999
+    },
+    content: {
+      alignItems: "center",
+      gap: spacing * 2,
+      padding: spacing * 4,
+      backgroundColor: setHSLAOpacity(colors.surface, 0.75),
+      borderRadius: radius
+    },
+    spinner: {
+      color: colors.primary
+    },
+    description: {
+      color: colors.primary,
+      fontSize: fontSize,
+      fontFamily: fontFamily,
+      letterSpacing: letterSpacing
+    }
+  }));
+};
+//# sourceMappingURL=manager.js.map

package/dist/module/components/full-screen-spinner/manager.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useSyncExternalStore","StyleSheet","Text","View","setHSLAOpacity","useThemedStyles","Portal","Spinner","jsx","_jsx","jsxs","_jsxs","store","state","listeners","Set","emit","cb","getSnapshot","subscribe","add","delete","show","config","hide","FullScreenSpinnerAPI","FULL_SCREEN_SPINNER_PORTAL_NAME","FullScreenSpinnerContainer","styles","useFullScreenSpinnerStyles","name","children","style","overlay","content","description","colors","fontSize","fontFamily","spacing","letterSpacing","radius","absoluteFillObject","backgroundColor","justifyContent","alignItems","zIndex","gap","padding","surface","borderRadius","spinner","color","primary"],"sourceRoot":"../../../../src","sources":["components/full-screen-spinner/manager.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/components/index.js

@@ -11,6 +11,7 @@ export * from "./checkbox/index.js";
 export * from "./combobox/index.js";
 export * from "./empty/index.js";
 export * from "./field/index.js";
+export * from "./full-screen-spinner/index.js";
 export * from "./icon/index.js";
 export * from "./icon-button/index.js";
 export * from "./input/index.js";

package/dist/module/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,kBAAS;AACvB,cAAc,yBAAgB;AAC9B,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,oBAAW;AACzB,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,wBAAe;AAC7B,cAAc,uBAAc;AAC5B,cAAc,mBAAU;AACxB,cAAc,sBAAa;AAC3B,cAAc,oBAAW;AACzB,cAAc,oBAAW;AACzB,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,sBAAa;AAC3B,cAAc,uBAAc","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,kBAAS;AACvB,cAAc,yBAAgB;AAC9B,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,kBAAS;AACvB,cAAc,gCAAuB;AACrC,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,oBAAW;AACzB,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,wBAAe;AAC7B,cAAc,uBAAc;AAC5B,cAAc,mBAAU;AACxB,cAAc,sBAAa;AAC3B,cAAc,oBAAW;AACzB,cAAc,oBAAW;AACzB,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,sBAAa;AAC3B,cAAc,uBAAc","ignoreList":[]}

package/dist/module/index.js

@@ -3,6 +3,7 @@
 import { ScrollBar } from "./components/index.js";
 import { AsyncAlertDialogManager } from "./components/alert-dialog/async-alert-dialog.js";
 import { PortalHost } from "./components/portal/index.js";
+import { FullScreenSpinnerContainer } from "./components/full-screen-spinner/manager.js";
 import { ToastContainer } from "./components/toast/manager.js";
 import { useInitializeNavigationContainerRef } from "./hooks/use-is-react-navigation-modal.js";
 import { SafeAreaProvider } from "./safe-area/index.js";
@@ -22,7 +23,7 @@ export const UIProvider = ({
     children: /*#__PURE__*/_jsxs(ThemeProvider, {
       theme: theme,
       components: components,
-      children: [/*#__PURE__*/_jsx(ScrollBar, {}), /*#__PURE__*/_jsx(ToastContainer, {}), children, /*#__PURE__*/_jsx(PortalHost, {
+      children: [/*#__PURE__*/_jsx(ScrollBar, {}), /*#__PURE__*/_jsx(ToastContainer, {}), /*#__PURE__*/_jsx(FullScreenSpinnerContainer, {}), children, /*#__PURE__*/_jsx(PortalHost, {
         container: portalContainer
       }), /*#__PURE__*/_jsx(AsyncAlertDialogManager, {})]
     })

package/dist/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["ScrollBar","AsyncAlertDialogManager","PortalHost","ToastContainer","useInitializeNavigationContainerRef","SafeAreaProvider","ThemeProvider","jsx","_jsx","jsxs","_jsxs","UIProvider","children","portalContainer","theme","safeAreaInsets","components","insets","container","useTheme"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,uBAAc;AACxC,SAASC,uBAAuB,QAAQ,iDAA8C;AACtF,SAASC,UAAU,QAAQ,8BAAqB;AAEhD,SAASC,cAAc,QAAQ,+BAA4B;AAC3D,SAASC,mCAAmC,QAAQ,0CAAuC;AAC3F,SAASC,gBAAgB,QAA6B,sBAAa;AACnE,SAASC,aAAa,QAAiC,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAW3E,OAAO,MAAMC,UAAU,GAAGA,CAAC;EACzBC,QAAQ;EACRC,eAAe;EACfC,KAAK;EACLC,cAAc;EACdC;AACa,CAAC,KAAK;EACnB;EACAZ,mCAAmC,CAAC,CAAC;EAErC,oBACEI,IAAA,CAACH,gBAAgB;IAACY,MAAM,EAAEF,cAAe;IAAAH,QAAA,eACvCF,KAAA,CAACJ,aAAa;MAACQ,KAAK,EAAEA,KAAM;MAACE,UAAU,EAAEA,UAAW;MAAAJ,QAAA,gBAClDJ,IAAA,CAACR,SAAS,IAAE,CAAC,eACbQ,IAAA,CAACL,cAAc,IAAE,CAAC,EACjBS,QAAQ,eACTJ,IAAA,CAACN,UAAU;QAACgB,SAAS,EAAEL;MAAgB,CAAE,CAAC,eAC1CL,IAAA,CAACP,uBAAuB,IAAE,CAAC;IAAA,CACd;EAAC,CACA,CAAC;AAEvB,CAAC;AAED,cAAc,4BAAyB;AAEvC,cAAc,4BAAmB;AACjC,cAAc,2BAAkB;AAChC,SAASkB,QAAQ,QAAQ,sBAAmB;AAC5C,cAAc,mBAAgB;AAE9B,cAAc,uBAAc;AAE5B,cAAc,sBAAa","ignoreList":[]}
+{"version":3,"names":["ScrollBar","AsyncAlertDialogManager","PortalHost","FullScreenSpinnerContainer","ToastContainer","useInitializeNavigationContainerRef","SafeAreaProvider","ThemeProvider","jsx","_jsx","jsxs","_jsxs","UIProvider","children","portalContainer","theme","safeAreaInsets","components","insets","container","useTheme"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,uBAAc;AACxC,SAASC,uBAAuB,QAAQ,iDAA8C;AACtF,SAASC,UAAU,QAAQ,8BAAqB;AAEhD,SAASC,0BAA0B,QAAQ,6CAA0C;AACrF,SAASC,cAAc,QAAQ,+BAA4B;AAC3D,SAASC,mCAAmC,QAAQ,0CAAuC;AAC3F,SAASC,gBAAgB,QAA6B,sBAAa;AACnE,SAASC,aAAa,QAAiC,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAW3E,OAAO,MAAMC,UAAU,GAAGA,CAAC;EACzBC,QAAQ;EACRC,eAAe;EACfC,KAAK;EACLC,cAAc;EACdC;AACa,CAAC,KAAK;EACnB;EACAZ,mCAAmC,CAAC,CAAC;EAErC,oBACEI,IAAA,CAACH,gBAAgB;IAACY,MAAM,EAAEF,cAAe;IAAAH,QAAA,eACvCF,KAAA,CAACJ,aAAa;MAACQ,KAAK,EAAEA,KAAM;MAACE,UAAU,EAAEA,UAAW;MAAAJ,QAAA,gBAClDJ,IAAA,CAACT,SAAS,IAAE,CAAC,eACbS,IAAA,CAACL,cAAc,IAAE,CAAC,eAClBK,IAAA,CAACN,0BAA0B,IAAE,CAAC,EAC7BU,QAAQ,eACTJ,IAAA,CAACP,UAAU;QAACiB,SAAS,EAAEL;MAAgB,CAAE,CAAC,eAC1CL,IAAA,CAACR,uBAAuB,IAAE,CAAC;IAAA,CACd;EAAC,CACA,CAAC;AAEvB,CAAC;AAED,cAAc,4BAAyB;AAEvC,cAAc,4BAAmB;AACjC,cAAc,2BAAkB;AAChC,SAASmB,QAAQ,QAAQ,sBAAmB;AAC5C,cAAc,mBAAgB;AAE9B,cAAc,uBAAc;AAE5B,cAAc,sBAAa","ignoreList":[]}

package/dist/module/utils/hsla-utils.js

@@ -20,4 +20,14 @@ export const hslaSetRelativeLightness = (hsla, delta) => {
   if (newLightness < 0) newLightness = 0;
   return hslaSetLightness(hsla, newLightness);
 };
+export const setHSLAOpacity = (hsla, opacity) => {
+  const parts = hsla.replace(/^hsla?\(|\s+|\)$/g, "").split(",");
+  if (parts[0] === undefined) return hsla;
+  if (parts[1] === undefined) return hsla;
+  if (parts[2] === undefined) return hsla;
+  const h = parseInt(parts[0], 10);
+  const s = parseInt(parts[1], 10);
+  const l = parseInt(parts[2], 10);
+  return `hsla(${h}, ${s}%, ${l}%, ${opacity})`;
+};
 //# sourceMappingURL=hsla-utils.js.map

package/dist/module/utils/hsla-utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["hslaSetLightness","hsla","lightness","parts","replace","split","undefined","Error","h","parseInt","s","parseFloat","hslaGetLightness","hslaSetRelativeLightness","delta","currentLightness","newLightness"],"sourceRoot":"../../../src","sources":["utils/hsla-utils.ts"],"mappings":";;AAAA,OAAO,MAAMA,gBAAgB,GAAGA,CAACC,IAAY,EAAEC,SAAiB,KAAa;EAC3E,MAAMC,KAAK,GAAGF,IAAI,CAACG,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC;EAC9D,IAAIF,KAAK,CAAC,CAAC,CAAC,KAAKG,SAAS,EAAE,MAAM,IAAIC,KAAK,CAAC,2BAA2B,CAAC;EACxE,IAAIJ,KAAK,CAAC,CAAC,CAAC,KAAKG,SAAS,EAAE,MAAM,IAAIC,KAAK,CAAC,2BAA2B,CAAC;EACxE,MAAMC,CAAC,GAAGC,QAAQ,CAACN,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;EAChC,MAAMO,CAAC,GAAGD,QAAQ,CAACN,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;EAChC,OAAO,QAAQK,CAAC,KAAKE,CAAC,MAAMR,SAAS,MAAMC,KAAK,CAAC,CAAC,CAAC,GAAGQ,UAAU,CAACR,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG;AACnF,CAAC;AAED,OAAO,MAAMS,gBAAgB,GAAIX,IAAY,IAAa;EACxD,MAAME,KAAK,GAAGF,IAAI,CAACG,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC;EAC9D,IAAIF,KAAK,CAAC,CAAC,CAAC,KAAKG,SAAS,EAAE,MAAM,IAAIC,KAAK,CAAC,2BAA2B,CAAC;EACxE,OAAOE,QAAQ,CAACN,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;AAC/B,CAAC;AAED,OAAO,MAAMU,wBAAwB,GAAGA,CAACZ,IAAY,EAAEa,KAAa,KAAa;EAC/E,MAAMC,gBAAgB,GAAGH,gBAAgB,CAACX,IAAI,CAAC;EAC/C,IAAIe,YAAY,GAAGD,gBAAgB,GAAGD,KAAK;EAC3C,IAAIE,YAAY,GAAG,GAAG,EAAEA,YAAY,GAAG,GAAG;EAC1C,IAAIA,YAAY,GAAG,CAAC,EAAEA,YAAY,GAAG,CAAC;EACtC,OAAOhB,gBAAgB,CAACC,IAAI,EAAEe,YAAY,CAAC;AAC7C,CAAC","ignoreList":[]}
+{"version":3,"names":["hslaSetLightness","hsla","lightness","parts","replace","split","undefined","Error","h","parseInt","s","parseFloat","hslaGetLightness","hslaSetRelativeLightness","delta","currentLightness","newLightness","setHSLAOpacity","opacity","l"],"sourceRoot":"../../../src","sources":["utils/hsla-utils.ts"],"mappings":";;AAAA,OAAO,MAAMA,gBAAgB,GAAGA,CAACC,IAAY,EAAEC,SAAiB,KAAa;EAC3E,MAAMC,KAAK,GAAGF,IAAI,CAACG,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC;EAC9D,IAAIF,KAAK,CAAC,CAAC,CAAC,KAAKG,SAAS,EAAE,MAAM,IAAIC,KAAK,CAAC,2BAA2B,CAAC;EACxE,IAAIJ,KAAK,CAAC,CAAC,CAAC,KAAKG,SAAS,EAAE,MAAM,IAAIC,KAAK,CAAC,2BAA2B,CAAC;EACxE,MAAMC,CAAC,GAAGC,QAAQ,CAACN,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;EAChC,MAAMO,CAAC,GAAGD,QAAQ,CAACN,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;EAChC,OAAO,QAAQK,CAAC,KAAKE,CAAC,MAAMR,SAAS,MAAMC,KAAK,CAAC,CAAC,CAAC,GAAGQ,UAAU,CAACR,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG;AACnF,CAAC;AAED,OAAO,MAAMS,gBAAgB,GAAIX,IAAY,IAAa;EACxD,MAAME,KAAK,GAAGF,IAAI,CAACG,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC;EAC9D,IAAIF,KAAK,CAAC,CAAC,CAAC,KAAKG,SAAS,EAAE,MAAM,IAAIC,KAAK,CAAC,2BAA2B,CAAC;EACxE,OAAOE,QAAQ,CAACN,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;AAC/B,CAAC;AAED,OAAO,MAAMU,wBAAwB,GAAGA,CAACZ,IAAY,EAAEa,KAAa,KAAa;EAC/E,MAAMC,gBAAgB,GAAGH,gBAAgB,CAACX,IAAI,CAAC;EAC/C,IAAIe,YAAY,GAAGD,gBAAgB,GAAGD,KAAK;EAC3C,IAAIE,YAAY,GAAG,GAAG,EAAEA,YAAY,GAAG,GAAG;EAC1C,IAAIA,YAAY,GAAG,CAAC,EAAEA,YAAY,GAAG,CAAC;EACtC,OAAOhB,gBAAgB,CAACC,IAAI,EAAEe,YAAY,CAAC;AAC7C,CAAC;AAED,OAAO,MAAMC,cAAc,GAAGA,CAAChB,IAAY,EAAEiB,OAAe,KAAa;EACvE,MAAMf,KAAK,GAAGF,IAAI,CAACG,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC;EAC9D,IAAIF,KAAK,CAAC,CAAC,CAAC,KAAKG,SAAS,EAAE,OAAOL,IAAI;EACvC,IAAIE,KAAK,CAAC,CAAC,CAAC,KAAKG,SAAS,EAAE,OAAOL,IAAI;EACvC,IAAIE,KAAK,CAAC,CAAC,CAAC,KAAKG,SAAS,EAAE,OAAOL,IAAI;EACvC,MAAMO,CAAC,GAAGC,QAAQ,CAACN,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;EAChC,MAAMO,CAAC,GAAGD,QAAQ,CAACN,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;EAChC,MAAMgB,CAAC,GAAGV,QAAQ,CAACN,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;EAChC,OAAO,QAAQK,CAAC,KAAKE,CAAC,MAAMS,CAAC,MAAMD,OAAO,GAAG;AAC/C,CAAC","ignoreList":[]}

package/dist/typescript/src/components/full-screen-spinner/index.d.ts

@@ -0,0 +1,7 @@
+export declare const FullScreenSpinner: {
+    show: (config?: import("./manager").FullScreenSpinnerConfig) => void;
+    hide: () => void;
+};
+export { FullScreenSpinnerContainer } from "./manager";
+export type { FullScreenSpinnerConfig } from "./manager";
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/src/components/full-screen-spinner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/full-screen-spinner/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;CAAuB,CAAC;AACtD,OAAO,EAAE,0BAA0B,EAAE,MAAM,WAAW,CAAC;AACvD,YAAY,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC"}

package/dist/typescript/src/components/full-screen-spinner/manager.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export interface FullScreenSpinnerConfig {
+    description?: string;
+}
+declare function show(config?: FullScreenSpinnerConfig): void;
+declare function hide(): void;
+export declare const FullScreenSpinnerAPI: {
+    show: typeof show;
+    hide: typeof hide;
+};
+export declare const FULL_SCREEN_SPINNER_PORTAL_NAME = "full-screen-spinner-portal";
+export declare function FullScreenSpinnerContainer(): React.JSX.Element | null;
+export {};
+//# sourceMappingURL=manager.d.ts.map

package/dist/typescript/src/components/full-screen-spinner/manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manager.d.ts","sourceRoot":"","sources":["../../../../../src/components/full-screen-spinner/manager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAOpD,MAAM,WAAW,uBAAuB;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AA2BD,iBAAS,IAAI,CAAC,MAAM,GAAE,uBAA4B,GAAG,IAAI,CAGxD;AAED,iBAAS,IAAI,IAAI,IAAI,CAGpB;AAED,eAAO,MAAM,oBAAoB;;;CAGhC,CAAC;AAEF,eAAO,MAAM,+BAA+B,+BAA+B,CAAC;AAE5E,wBAAgB,0BAA0B,6BAgBzC"}

package/dist/typescript/src/components/index.d.ts

@@ -9,6 +9,7 @@ export * from "./checkbox";
 export * from "./combobox";
 export * from "./empty";
 export * from "./field";
+export * from "./full-screen-spinner";
 export * from "./icon";
 export * from "./icon-button";
 export * from "./input";

package/dist/typescript/src/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}

package/dist/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAG5E,OAAO,EAAoB,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,eAAO,MAAM,UAAU,GAAI,mEAMxB,aAAa,gCAef,CAAC;AAEF,cAAc,yBAAyB,CAAC;AAExC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,cAAc,gBAAgB,CAAC;AAE/B,cAAc,cAAc,CAAC;AAE7B,cAAc,aAAa,CAAC;AAC5B,YAAY,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/C,YAAY,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAI5E,OAAO,EAAoB,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,eAAO,MAAM,UAAU,GAAI,mEAMxB,aAAa,gCAgBf,CAAC;AAEF,cAAc,yBAAyB,CAAC;AAExC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,cAAc,gBAAgB,CAAC;AAE/B,cAAc,cAAc,CAAC;AAE7B,cAAc,aAAa,CAAC;AAC5B,YAAY,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/C,YAAY,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/typescript/src/utils/hsla-utils.d.ts

@@ -1,4 +1,5 @@
 export declare const hslaSetLightness: (hsla: string, lightness: number) => string;
 export declare const hslaGetLightness: (hsla: string) => number;
 export declare const hslaSetRelativeLightness: (hsla: string, delta: number) => string;
+export declare const setHSLAOpacity: (hsla: string, opacity: number) => string;
 //# sourceMappingURL=hsla-utils.d.ts.map

package/dist/typescript/src/utils/hsla-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hsla-utils.d.ts","sourceRoot":"","sources":["../../../../src/utils/hsla-utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,EAAE,WAAW,MAAM,KAAG,MAOlE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,KAAG,MAI/C,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,MAAM,MAAM,EAAE,OAAO,MAAM,KAAG,MAMtE,CAAC"}
+{"version":3,"file":"hsla-utils.d.ts","sourceRoot":"","sources":["../../../../src/utils/hsla-utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,EAAE,WAAW,MAAM,KAAG,MAOlE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,KAAG,MAI/C,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,MAAM,MAAM,EAAE,OAAO,MAAM,KAAG,MAMtE,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,MAAM,MAAM,EAAE,SAAS,MAAM,KAAG,MAS9D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korsolutions/ui",
-  "version": "0.0.95",
+  "version": "0.0.96",
   "bugs": {
     "url": "https://github.com/KorSoftwareSolutions/ui/issues"
   },

package/src/components/full-screen-spinner/index.ts

@@ -0,0 +1,5 @@
+import { FullScreenSpinnerAPI } from "./manager";
+
+export const FullScreenSpinner = FullScreenSpinnerAPI;
+export { FullScreenSpinnerContainer } from "./manager";
+export type { FullScreenSpinnerConfig } from "./manager";

package/src/components/full-screen-spinner/manager.tsx

@@ -0,0 +1,98 @@
+import React, { useSyncExternalStore } from "react";
+import { StyleSheet, Text, View } from "react-native";
+import { setHSLAOpacity } from "../../utils/hsla-utils";
+import { useThemedStyles } from "../../utils/use-themed-styles";
+import { Portal } from "../portal";
+import { Spinner } from "../spinner";
+
+export interface FullScreenSpinnerConfig {
+  description?: string;
+}
+
+type FullScreenSpinnerStore = {
+  state: FullScreenSpinnerConfig | null;
+  listeners: Set<() => void>;
+};
+
+const store: FullScreenSpinnerStore = {
+  state: null,
+  listeners: new Set(),
+};
+
+function emit() {
+  for (const cb of store.listeners) cb();
+}
+
+function getSnapshot() {
+  return store.state;
+}
+
+function subscribe(cb: () => void) {
+  store.listeners.add(cb);
+  return () => {
+    store.listeners.delete(cb);
+  };
+}
+
+function show(config: FullScreenSpinnerConfig = {}): void {
+  store.state = config;
+  emit();
+}
+
+function hide(): void {
+  store.state = null;
+  emit();
+}
+
+export const FullScreenSpinnerAPI = {
+  show,
+  hide,
+};
+
+export const FULL_SCREEN_SPINNER_PORTAL_NAME = "full-screen-spinner-portal";
+
+export function FullScreenSpinnerContainer() {
+  const state = useSyncExternalStore(subscribe, getSnapshot);
+  const styles = useFullScreenSpinnerStyles();
+
+  if (!state) return null;
+
+  return (
+    <Portal name={FULL_SCREEN_SPINNER_PORTAL_NAME}>
+      <View style={styles.overlay}>
+        <View style={styles.content}>
+          <Spinner />
+          {!!state.description && <Text style={styles.description}>{state.description}</Text>}
+        </View>
+      </View>
+    </Portal>
+  );
+}
+
+const useFullScreenSpinnerStyles = () => {
+  return useThemedStyles(({ colors, fontSize, fontFamily, spacing, letterSpacing, radius }) => ({
+    overlay: {
+      ...StyleSheet.absoluteFillObject,
+      backgroundColor: "rgba(0, 0, 0, 0.5)",
+      justifyContent: "center" as const,
+      alignItems: "center" as const,
+      zIndex: 9999,
+    },
+    content: {
+      alignItems: "center" as const,
+      gap: spacing * 2,
+      padding: spacing * 4,
+      backgroundColor: setHSLAOpacity(colors.surface, 0.75),
+      borderRadius: radius,
+    },
+    spinner: {
+      color: colors.primary,
+    },
+    description: {
+      color: colors.primary,
+      fontSize: fontSize,
+      fontFamily: fontFamily,
+      letterSpacing: letterSpacing,
+    },
+  }));
+};

package/src/components/index.ts

@@ -9,6 +9,7 @@ export * from "./checkbox";
 export * from "./combobox";
 export * from "./empty";
 export * from "./field";
+export * from "./full-screen-spinner";
 export * from "./icon";
 export * from "./icon-button";
 export * from "./input";

package/src/index.tsx

@@ -2,6 +2,7 @@ import { ScrollBar } from "./components";
 import { AsyncAlertDialogManager } from "./components/alert-dialog/async-alert-dialog";
 import { PortalHost } from "./components/portal";
 import { type PortalHostProps } from "./components/portal/portal.constants";
+import { FullScreenSpinnerContainer } from "./components/full-screen-spinner/manager";
 import { ToastContainer } from "./components/toast/manager";
 import { useInitializeNavigationContainerRef } from "./hooks/use-is-react-navigation-modal";
 import { SafeAreaProvider, type SafeAreaInsets } from "./safe-area";
@@ -31,6 +32,7 @@ export const UIProvider = ({
       <ThemeProvider theme={theme} components={components}>
         <ScrollBar />
         <ToastContainer />
+        <FullScreenSpinnerContainer />
         {children}
         <PortalHost container={portalContainer} />
         <AsyncAlertDialogManager />

package/src/utils/hsla-utils.ts

@@ -20,3 +20,14 @@ export const hslaSetRelativeLightness = (hsla: string, delta: number): string =>
   if (newLightness < 0) newLightness = 0;
   return hslaSetLightness(hsla, newLightness);
 };
+
+export const setHSLAOpacity = (hsla: string, opacity: number): string => {
+  const parts = hsla.replace(/^hsla?\(|\s+|\)$/g, "").split(",");
+  if (parts[0] === undefined) return hsla;
+  if (parts[1] === undefined) return hsla;
+  if (parts[2] === undefined) return hsla;
+  const h = parseInt(parts[0], 10);
+  const s = parseInt(parts[1], 10);
+  const l = parseInt(parts[2], 10);
+  return `hsla(${h}, ${s}%, ${l}%, ${opacity})`;
+};