@metamask-previews/design-system-shared 0.4.0-preview.fa05289 → 0.6.0-preview.b4e6ece

package/dist/utils/isReactNodeRenderable.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isReactNodeRenderable.d.cts","sourceRoot":"","sources":["../../src/utils/isReactNodeRenderable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc;AAEvC;;;;;;;;;;;GAWG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CAE9D"}

package/dist/utils/isReactNodeRenderable.d.mts

@@ -0,0 +1,15 @@
+import type { ReactNode } from "react";
+/**
+ * Returns whether a React child value should be treated as renderable content for
+ * conditional slots (for example `children`, optional `title`).
+ *
+ * `null`, `undefined`, and booleans are treated as non-renderable so patterns like
+ * `{condition && <Component />}` and `{condition && 'Label'}` do not leave a boolean
+ * or spurious layout when the condition is false. React does not render `true` or
+ * `false` as visible output.
+ *
+ * @param node - A React child value (for example `children` or an optional slot prop).
+ * @returns `true` when the value should be treated as renderable; otherwise `false`.
+ */
+export declare function isReactNodeRenderable(node: ReactNode): boolean;
+//# sourceMappingURL=isReactNodeRenderable.d.mts.map

package/dist/utils/isReactNodeRenderable.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isReactNodeRenderable.d.mts","sourceRoot":"","sources":["../../src/utils/isReactNodeRenderable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc;AAEvC;;;;;;;;;;;GAWG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CAE9D"}

package/dist/utils/isReactNodeRenderable.mjs

@@ -0,0 +1,16 @@
+/**
+ * Returns whether a React child value should be treated as renderable content for
+ * conditional slots (for example `children`, optional `title`).
+ *
+ * `null`, `undefined`, and booleans are treated as non-renderable so patterns like
+ * `{condition && <Component />}` and `{condition && 'Label'}` do not leave a boolean
+ * or spurious layout when the condition is false. React does not render `true` or
+ * `false` as visible output.
+ *
+ * @param node - A React child value (for example `children` or an optional slot prop).
+ * @returns `true` when the value should be treated as renderable; otherwise `false`.
+ */
+export function isReactNodeRenderable(node) {
+    return node !== null && node !== undefined && typeof node !== 'boolean';
+}
+//# sourceMappingURL=isReactNodeRenderable.mjs.map

package/dist/utils/isReactNodeRenderable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isReactNodeRenderable.mjs","sourceRoot":"","sources":["../../src/utils/isReactNodeRenderable.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,qBAAqB,CAAC,IAAe;IACnD,OAAO,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,SAAS,IAAI,OAAO,IAAI,KAAK,SAAS,CAAC;AAC1E,CAAC","sourcesContent":["import type { ReactNode } from 'react';\n\n/**\n * Returns whether a React child value should be treated as renderable content for\n * conditional slots (for example `children`, optional `title`).\n *\n * `null`, `undefined`, and booleans are treated as non-renderable so patterns like\n * `{condition && <Component />}` and `{condition && 'Label'}` do not leave a boolean\n * or spurious layout when the condition is false. React does not render `true` or\n * `false` as visible output.\n *\n * @param node - A React child value (for example `children` or an optional slot prop).\n * @returns `true` when the value should be treated as renderable; otherwise `false`.\n */\nexport function isReactNodeRenderable(node: ReactNode): boolean {\n  return node !== null && node !== undefined && typeof node !== 'boolean';\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metamask-previews/design-system-shared",
-  "version": "0.4.0-preview.fa05289",
+  "version": "0.6.0-preview.b4e6ece",
   "description": "Shared types for design system libraries",
   "keywords": [
     "MetaMask",
@@ -46,7 +46,7 @@
     "publish:preview": "yarn npm publish --tag preview"
   },
   "dependencies": {
-    "@metamask/utils": "^11.10.0"
+    "@metamask/utils": "^11.11.0"
   },
   "devDependencies": {
     "@metamask/auto-changelog": "^5.3.2",
@@ -55,9 +55,13 @@
     "@types/react": "^18.2.0",
     "deepmerge": "^4.2.2",
     "jest": "^29.7.0",
+    "react": "^18.2.0",
     "ts-jest": "^29.2.5",
     "typescript": "~5.2.2"
   },
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0"
+  },
   "engines": {
     "node": "^18.18 || >=20"
   },