solid-ctrl-flow 1.0.31 → 1.0.32

package/dist/index.d.ts

@@ -172,6 +172,13 @@ declare type Info = {
  */
 export declare function memoProps<T, K extends readonly (keyof T)[] = (keyof T)[]>(obj: T, keys?: K): Pick<T, K[number]>;
 
+/** Like a {@link Suspence}, but enables you to turn it off and show the loading state */
+export declare function OptionalSuspense(props: {
+    active: boolean;
+    children: JSX.Element;
+    fallback?: JSX.Element;
+}): JSX.Element;
+
 /**
  * Executes a {@link Ref}.
  * Throws a {@link ReferenceError} if {@link ref} its not a function at runtime (Which should never be the case thanks to the solid compiler)

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { untrack, createMemo, splitProps, createContext, createRoot, createEffect, on, createResource, createComponent, useContext, getOwner, createRenderEffect, onCleanup, Match, mergeProps, For, Show } from "solid-js";
+import { untrack, createMemo, splitProps, createContext, createRoot, createEffect, on, createResource, createComponent, useContext, getOwner, createRenderEffect, onCleanup, Match, mergeProps, For, Show, Suspense } from "solid-js";
 import { createMutable } from "solid-js/store";
 function untrackCall(f, ...args) {
   return untrack(() => f.apply(this, args));
@@ -189,9 +189,30 @@ function Joint(props) {
   });
 }
 const Debug = createOption(false, true, "debug-scope");
+function OptionalSuspense(props) {
+  return createComponent(Show, {
+    get when() {
+      return props.active;
+    },
+    get fallback() {
+      return props.children;
+    },
+    get children() {
+      return createComponent(Suspense, {
+        get fallback() {
+          return props.fallback;
+        },
+        get children() {
+          return props.children;
+        }
+      });
+    }
+  });
+}
 export {
   Case,
   Debug,
+  OptionalSuspense,
   When,
   bind,
   bindTwoWay,

package/dist/index.umd.js

@@ -191,8 +191,29 @@
     });
   }
   const Debug = createOption(false, true, "debug-scope");
+  function OptionalSuspense(props) {
+    return solidJs.createComponent(solidJs.Show, {
+      get when() {
+        return props.active;
+      },
+      get fallback() {
+        return props.children;
+      },
+      get children() {
+        return solidJs.createComponent(solidJs.Suspense, {
+          get fallback() {
+            return props.fallback;
+          },
+          get children() {
+            return props.children;
+          }
+        });
+      }
+    });
+  }
   exports2.Case = Case;
   exports2.Debug = Debug;
+  exports2.OptionalSuspense = OptionalSuspense;
   exports2.When = When;
   exports2.bind = bind;
   exports2.bindTwoWay = bindTwoWay;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-ctrl-flow",
-  "version": "1.0.31",
+  "version": "1.0.32",
   "description": "Control flow components for solid-js",
   "author": "AFatNiBBa",
   "license": "ISC",

package/readMe.md

@@ -47,6 +47,9 @@ return <>
 </>
 ```
 
+### `OptionalSuspense`
+Like a `Suspence`, but enables you to turn it off and show the loading state
+
 ### `createExtractor()`
 Creates a context for components that may need to be out of their parent in certain conditions.
 If you have this component