@uniformdev/canvas-next-rsc-client 19.169.0 → 19.170.1-alpha.1

package/dist/index.d.mts

@@ -6,6 +6,7 @@ import * as react from 'react';
 import { PropsWithChildren } from 'react';
 import * as _uniformdev_canvas_next_rsc_shared from '@uniformdev/canvas-next-rsc-shared';
 import { AppDirectoryContextState, PersonalizeProps, ComponentProps, TestProps, AppDirectoryContext } from '@uniformdev/canvas-next-rsc-shared';
+import { VisibilityParameterValue } from '@uniformdev/canvas';
 
 type ClientContextComponentProps = {
     /**
@@ -59,6 +60,10 @@ declare const TestClient: (props: ComponentProps<TestProps>) => react.FunctionCo
 
 declare const UniformScript: () => react_jsx_runtime.JSX.Element;
 
+declare const VisibilityRulesWrapperClient: ({ parameter, children, }: PropsWithChildren<{
+    parameter: VisibilityParameterValue;
+}>) => react_jsx_runtime.JSX.Element | null;
+
 type CreateClientUniformContextOptions = Omit<ContextOptions, 'transitionStore'>;
 declare const createClientUniformContext: (options: CreateClientUniformContextOptions) => _uniformdev_canvas_next_rsc_shared.AppDirectoryContext;
 
@@ -73,4 +78,4 @@ declare const useUniformContext: () => {
     context: AppDirectoryContext | undefined;
 };
 
-export { type ClientContextComponent, type ClientContextComponentProps, ClientContextPersonalizationTransfer, ClientContextTestTransfer, ClientContextUpdate, ClientContextualEditingComponentWrapper, ContextUpdateTransferClient, type CreateClientUniformContextOptions, DefaultUniformClientContext, PersonalizeClient, type PersonalizeClientProps, TestClient, UniformScript, createClientUniformContext, useInitUniformContext, useUniformContext };
+export { type ClientContextComponent, type ClientContextComponentProps, ClientContextPersonalizationTransfer, ClientContextTestTransfer, ClientContextUpdate, ClientContextualEditingComponentWrapper, ContextUpdateTransferClient, type CreateClientUniformContextOptions, DefaultUniformClientContext, PersonalizeClient, type PersonalizeClientProps, TestClient, UniformScript, VisibilityRulesWrapperClient, createClientUniformContext, useInitUniformContext, useUniformContext };

package/dist/index.d.ts

@@ -6,6 +6,7 @@ import * as react from 'react';
 import { PropsWithChildren } from 'react';
 import * as _uniformdev_canvas_next_rsc_shared from '@uniformdev/canvas-next-rsc-shared';
 import { AppDirectoryContextState, PersonalizeProps, ComponentProps, TestProps, AppDirectoryContext } from '@uniformdev/canvas-next-rsc-shared';
+import { VisibilityParameterValue } from '@uniformdev/canvas';
 
 type ClientContextComponentProps = {
     /**
@@ -59,6 +60,10 @@ declare const TestClient: (props: ComponentProps<TestProps>) => react.FunctionCo
 
 declare const UniformScript: () => react_jsx_runtime.JSX.Element;
 
+declare const VisibilityRulesWrapperClient: ({ parameter, children, }: PropsWithChildren<{
+    parameter: VisibilityParameterValue;
+}>) => react_jsx_runtime.JSX.Element | null;
+
 type CreateClientUniformContextOptions = Omit<ContextOptions, 'transitionStore'>;
 declare const createClientUniformContext: (options: CreateClientUniformContextOptions) => _uniformdev_canvas_next_rsc_shared.AppDirectoryContext;
 
@@ -73,4 +78,4 @@ declare const useUniformContext: () => {
     context: AppDirectoryContext | undefined;
 };
 
-export { type ClientContextComponent, type ClientContextComponentProps, ClientContextPersonalizationTransfer, ClientContextTestTransfer, ClientContextUpdate, ClientContextualEditingComponentWrapper, ContextUpdateTransferClient, type CreateClientUniformContextOptions, DefaultUniformClientContext, PersonalizeClient, type PersonalizeClientProps, TestClient, UniformScript, createClientUniformContext, useInitUniformContext, useUniformContext };
+export { type ClientContextComponent, type ClientContextComponentProps, ClientContextPersonalizationTransfer, ClientContextTestTransfer, ClientContextUpdate, ClientContextualEditingComponentWrapper, ContextUpdateTransferClient, type CreateClientUniformContextOptions, DefaultUniformClientContext, PersonalizeClient, type PersonalizeClientProps, TestClient, UniformScript, VisibilityRulesWrapperClient, createClientUniformContext, useInitUniformContext, useUniformContext };

package/dist/index.esm.js

@@ -1057,6 +1057,57 @@ var UniformScript = () => {
   }, [router]);
   return /* @__PURE__ */ jsx3(Fragment5, {});
 };
+
+// src/components/VisibilityRulesWrapperClient.tsx
+import {
+  createQuirksVisibilityRule,
+  evaluateNodeVisibilityParameter
+} from "@uniformdev/canvas";
+import { useMemo as useMemo3 } from "react";
+
+// src/hooks/useQuirks.ts
+import { useEffect as useEffect9, useState as useState7 } from "react";
+function useQuirks() {
+  var _a;
+  const { context } = useUniformContext();
+  const [quirks, setQuirks] = useState7((_a = context == null ? void 0 : context.quirks) != null ? _a : {});
+  const quirkChangeListener = (updatedQuirks) => {
+    setQuirks(updatedQuirks);
+  };
+  useEffect9(() => {
+    if (!context) {
+      return;
+    }
+    setQuirks(context.quirks);
+    context == null ? void 0 : context.events.on("quirksUpdated", quirkChangeListener);
+    return () => {
+      context == null ? void 0 : context.events.off("quirksUpdated", quirkChangeListener);
+    };
+  }, [context]);
+  return quirks;
+}
+
+// src/components/VisibilityRulesWrapperClient.tsx
+import { Fragment as Fragment6, jsx as jsx4 } from "react/jsx-runtime";
+var VisibilityRulesWrapperClient = ({
+  parameter,
+  children
+}) => {
+  const quirks = useQuirks();
+  const rules = useMemo3(() => {
+    return {
+      ...createQuirksVisibilityRule(quirks)
+    };
+  }, [quirks]);
+  const isVisible = useMemo3(() => {
+    const result = evaluateNodeVisibilityParameter({
+      rules,
+      parameter
+    });
+    return result;
+  }, [parameter, rules]);
+  return isVisible ? /* @__PURE__ */ jsx4(Fragment6, { children }) : null;
+};
 export {
   ClientContextPersonalizationTransfer,
   ClientContextTestTransfer,
@@ -1067,6 +1118,7 @@ export {
   PersonalizeClient,
   TestClient,
   UniformScript,
+  VisibilityRulesWrapperClient,
   createClientUniformContext,
   useInitUniformContext,
   useUniformContext

package/dist/index.js

@@ -228,6 +228,7 @@ __export(src_exports, {
   PersonalizeClient: () => PersonalizeClient,
   TestClient: () => TestClient,
   UniformScript: () => UniformScript,
+  VisibilityRulesWrapperClient: () => VisibilityRulesWrapperClient,
   createClientUniformContext: () => createClientUniformContext,
   useInitUniformContext: () => useInitUniformContext,
   useUniformContext: () => useUniformContext
@@ -1075,6 +1076,54 @@ var UniformScript = () => {
   }, [router]);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, {});
 };
+
+// src/components/VisibilityRulesWrapperClient.tsx
+var import_canvas5 = require("@uniformdev/canvas");
+var import_react12 = require("react");
+
+// src/hooks/useQuirks.ts
+var import_react11 = require("react");
+function useQuirks() {
+  var _a;
+  const { context } = useUniformContext();
+  const [quirks, setQuirks] = (0, import_react11.useState)((_a = context == null ? void 0 : context.quirks) != null ? _a : {});
+  const quirkChangeListener = (updatedQuirks) => {
+    setQuirks(updatedQuirks);
+  };
+  (0, import_react11.useEffect)(() => {
+    if (!context) {
+      return;
+    }
+    setQuirks(context.quirks);
+    context == null ? void 0 : context.events.on("quirksUpdated", quirkChangeListener);
+    return () => {
+      context == null ? void 0 : context.events.off("quirksUpdated", quirkChangeListener);
+    };
+  }, [context]);
+  return quirks;
+}
+
+// src/components/VisibilityRulesWrapperClient.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var VisibilityRulesWrapperClient = ({
+  parameter,
+  children
+}) => {
+  const quirks = useQuirks();
+  const rules = (0, import_react12.useMemo)(() => {
+    return {
+      ...(0, import_canvas5.createQuirksVisibilityRule)(quirks)
+    };
+  }, [quirks]);
+  const isVisible = (0, import_react12.useMemo)(() => {
+    const result = (0, import_canvas5.evaluateNodeVisibilityParameter)({
+      rules,
+      parameter
+    });
+    return result;
+  }, [parameter, rules]);
+  return isVisible ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children }) : null;
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ClientContextPersonalizationTransfer,
@@ -1086,6 +1135,7 @@ var UniformScript = () => {
   PersonalizeClient,
   TestClient,
   UniformScript,
+  VisibilityRulesWrapperClient,
   createClientUniformContext,
   useInitUniformContext,
   useUniformContext

package/dist/index.mjs

@@ -1057,6 +1057,57 @@ var UniformScript = () => {
   }, [router]);
   return /* @__PURE__ */ jsx3(Fragment5, {});
 };
+
+// src/components/VisibilityRulesWrapperClient.tsx
+import {
+  createQuirksVisibilityRule,
+  evaluateNodeVisibilityParameter
+} from "@uniformdev/canvas";
+import { useMemo as useMemo3 } from "react";
+
+// src/hooks/useQuirks.ts
+import { useEffect as useEffect9, useState as useState7 } from "react";
+function useQuirks() {
+  var _a;
+  const { context } = useUniformContext();
+  const [quirks, setQuirks] = useState7((_a = context == null ? void 0 : context.quirks) != null ? _a : {});
+  const quirkChangeListener = (updatedQuirks) => {
+    setQuirks(updatedQuirks);
+  };
+  useEffect9(() => {
+    if (!context) {
+      return;
+    }
+    setQuirks(context.quirks);
+    context == null ? void 0 : context.events.on("quirksUpdated", quirkChangeListener);
+    return () => {
+      context == null ? void 0 : context.events.off("quirksUpdated", quirkChangeListener);
+    };
+  }, [context]);
+  return quirks;
+}
+
+// src/components/VisibilityRulesWrapperClient.tsx
+import { Fragment as Fragment6, jsx as jsx4 } from "react/jsx-runtime";
+var VisibilityRulesWrapperClient = ({
+  parameter,
+  children
+}) => {
+  const quirks = useQuirks();
+  const rules = useMemo3(() => {
+    return {
+      ...createQuirksVisibilityRule(quirks)
+    };
+  }, [quirks]);
+  const isVisible = useMemo3(() => {
+    const result = evaluateNodeVisibilityParameter({
+      rules,
+      parameter
+    });
+    return result;
+  }, [parameter, rules]);
+  return isVisible ? /* @__PURE__ */ jsx4(Fragment6, { children }) : null;
+};
 export {
   ClientContextPersonalizationTransfer,
   ClientContextTestTransfer,
@@ -1067,6 +1118,7 @@ export {
   PersonalizeClient,
   TestClient,
   UniformScript,
+  VisibilityRulesWrapperClient,
   createClientUniformContext,
   useInitUniformContext,
   useUniformContext

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/canvas-next-rsc-client",
-  "version": "19.169.0",
+  "version": "19.170.1-alpha.1+51ca6d7af1",
   "license": "SEE LICENSE IN LICENSE.txt",
   "scripts": {
     "build": "tsup",
@@ -32,9 +32,9 @@
     "react-dom": "18.2.0"
   },
   "dependencies": {
-    "@uniformdev/canvas": "19.169.0",
-    "@uniformdev/canvas-next-rsc-shared": "^19.169.0",
-    "@uniformdev/canvas-react": "^19.169.0"
+    "@uniformdev/canvas": "19.170.1-alpha.1+51ca6d7af1",
+    "@uniformdev/canvas-next-rsc-shared": "^19.170.1-alpha.1+51ca6d7af1",
+    "@uniformdev/canvas-react": "^19.170.1-alpha.1+51ca6d7af1"
   },
   "engines": {
     "node": ">=16.14.0"
@@ -47,5 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "78f454f7178dfac0480403a9728c430b7697a724"
+  "gitHead": "51ca6d7af193fed44b1e2b0412c99e0c6cc85c2c"
 }