@react-typed-forms/schemas 1.0.0-dev.11 → 1.0.0-dev.13

package/.rush/temp/package-deps_build.json

@@ -1,8 +1,8 @@
 {
   "files": {
-    "packages/schemas/.rush/temp/shrinkwrap-deps.json": "fcda66f5b02125cdb1f0d7e28e4758e5995db661",
-    "packages/schemas/package.json": "5c0f8b72decd8954153f0266278c3541646b7ed1",
-    "packages/schemas/src/controlRender.tsx": "3a1df1f3ade46594dbc15bca1228dc0d57e55da0",
+    "packages/schemas/.rush/temp/shrinkwrap-deps.json": "5ce6417fae765db5c61e400f851ecafe0ce756f0",
+    "packages/schemas/package.json": "79985efc8187507266d546ccc1dd712980e27936",
+    "packages/schemas/src/controlRender.tsx": "7edc71570ea821a36f0260d9263dc41d577168ce",
     "packages/schemas/src/hooks.ts": "4eb4946f7b1c685e0b51cd011b4d39a1fdd6aa2e",
     "packages/schemas/src/index.ts": "67f656f1d7f717bce7e933b9f4d7dc5dc50274dc",
     "packages/schemas/src/schemaBuilder.ts": "1af97440b88f064ad67aa804cbaa0f96622f0a6a",

package/.rush/temp/shrinkwrap-deps.json

@@ -1,6 +1,5 @@
 {
-  "../../packages/schemas": "../../packages/schemas:2dNZpzXdSHa/g6RX8jaG9+S2gWdsQVRADue9KAiSf34=:",
-  "/@react-typed-forms/core/3.0.0-dev.102_react-dom@18.2.0+react@18.2.0": "sha512-LczmQbrZspcHjPJLT6dFq52k44SZAxyjeeE+0pIIoCUrhF5O/JnrLUqUUmUiRMXQb+skf3UrPkdalJpShdfxAA==",
+  "../../packages/schemas": "../../packages/schemas:vY3D5bPwBzOGJtSnpoQLPVXnewF01wtTbcozE4xaygA=:",
   "/@types/prop-types/15.7.5": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==",
   "/@types/react/18.0.22": "sha512-4yWc5PyCkZN8ke8K9rQHkTXxHIWHxLzzW6RI1kXVoepkD3vULpKzC2sDtAMKn78h92BRYuzf+7b/ms7ajE6hFw==",
   "/@types/scheduler/0.16.2": "sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew==",

package/lib/controlRender.d.ts

@@ -1,5 +1,5 @@
 import { ActionControlDefinition, CompoundField, ControlDefinition, DataControlDefinition, DisplayControlDefinition, FieldOption, GroupedControlsDefinition, SchemaField } from "./types";
-import React, { Key, ReactElement } from "react";
+import { Key, ReactElement, ReactNode } from "react";
 import { Control } from "@react-typed-forms/core";
 export interface FormEditHooks {
     useDataProperties(formState: FormEditState, definition: DataControlDefinition, field: SchemaField): DataControlProperties;
@@ -42,7 +42,10 @@ export interface FormRendererComponents {
     renderDisplay: (props: DisplayRendererProps) => ReactElement;
     renderAction: (props: ActionRendererProps) => ReactElement;
 }
-export declare const FormRendererComponentsContext: React.Context<FormRendererComponents | undefined>;
+export declare function FormRendererProvider({ value, children, }: {
+    value: FormRendererComponents;
+    children: ReactNode;
+}): JSX.Element;
 export declare function useFormRendererComponents(): FormRendererComponents;
 export interface DisplayRendererProps {
     definition: DisplayControlDefinition;

package/lib/controlRender.js

@@ -23,14 +23,25 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isGroupControl = exports.isDataControl = exports.fieldForControl = exports.controlForField = exports.renderControl = exports.controlTitle = exports.findField = exports.findCompoundField = exports.findScalarField = exports.elementValueForField = exports.defaultValueForField = exports.defaultValueForFields = exports.applyDefaultForField = exports.applyDefaultValues = exports.isCompoundField = exports.isScalarField = exports.useFormRendererComponents = exports.FormRendererComponentsContext = void 0;
+exports.isGroupControl = exports.isDataControl = exports.fieldForControl = exports.controlForField = exports.renderControl = exports.controlTitle = exports.findField = exports.findCompoundField = exports.findScalarField = exports.elementValueForField = exports.defaultValueForField = exports.defaultValueForFields = exports.applyDefaultForField = exports.applyDefaultValues = exports.isCompoundField = exports.isScalarField = exports.useFormRendererComponents = exports.FormRendererProvider = void 0;
 const types_1 = require("./types");
 const react_1 = __importStar(require("react"));
 const core_1 = require("@react-typed-forms/core");
 const index_1 = require("./index");
-exports.FormRendererComponentsContext = (0, react_1.createContext)(undefined);
+let _FormRendererComponentsContext = null;
+function FormRendererComponentsContext() {
+    if (!_FormRendererComponentsContext) {
+        _FormRendererComponentsContext = (0, react_1.createContext)(undefined);
+    }
+    return _FormRendererComponentsContext;
+}
+function FormRendererProvider({ value, children, }) {
+    const { Provider } = FormRendererComponentsContext();
+    return react_1.default.createElement(Provider, { value: value, children: children });
+}
+exports.FormRendererProvider = FormRendererProvider;
 function useFormRendererComponents() {
-    const c = (0, react_1.useContext)(exports.FormRendererComponentsContext);
+    const c = (0, react_1.useContext)(FormRendererComponentsContext());
     if (!c) {
         throw "Need to use FormRendererComponentContext.Provider";
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-typed-forms/schemas",
-  "version": "1.0.0-dev.11",
+  "version": "1.0.0-dev.13",
   "description": "",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

package/src/controlRender.tsx

@@ -12,7 +12,14 @@ import {
   SchemaField,
   visitControlDefinition,
 } from "./types";
-import React, { createContext, Key, ReactElement, useContext } from "react";
+import React, {
+  Context,
+  createContext,
+  Key,
+  ReactElement,
+  ReactNode,
+  useContext,
+} from "react";
 import { Control, newControl } from "@react-typed-forms/core";
 import { fieldDisplayName } from "./index";
 
@@ -88,12 +95,32 @@ export interface FormRendererComponents {
   renderAction: (props: ActionRendererProps) => ReactElement;
 }
 
-export const FormRendererComponentsContext = createContext<
+let _FormRendererComponentsContext: Context<
   FormRendererComponents | undefined
->(undefined);
+> | null = null;
+
+function FormRendererComponentsContext() {
+  if (!_FormRendererComponentsContext) {
+    _FormRendererComponentsContext = createContext<
+      FormRendererComponents | undefined
+    >(undefined);
+  }
+  return _FormRendererComponentsContext;
+}
+
+export function FormRendererProvider({
+  value,
+  children,
+}: {
+  value: FormRendererComponents;
+  children: ReactNode;
+}) {
+  const { Provider } = FormRendererComponentsContext();
+  return <Provider value={value} children={children} />;
+}
 
 export function useFormRendererComponents() {
-  const c = useContext(FormRendererComponentsContext);
+  const c = useContext(FormRendererComponentsContext());
   if (!c) {
     throw "Need to use FormRendererComponentContext.Provider";
   }