@react-typed-forms/schemas 1.0.0-dev.10 → 1.0.0-dev.12

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

@@ -1,12 +1,12 @@
 {
   "files": {
-    "packages/schemas/.rush/temp/shrinkwrap-deps.json": "fcda66f5b02125cdb1f0d7e28e4758e5995db661",
-    "packages/schemas/package.json": "af5d025a34e1d0886d163590e75d5cf7281230af",
-    "packages/schemas/src/controlRender.tsx": "3a1df1f3ade46594dbc15bca1228dc0d57e55da0",
+    "packages/schemas/.rush/temp/shrinkwrap-deps.json": "5ce6417fae765db5c61e400f851ecafe0ce756f0",
+    "packages/schemas/package.json": "e35f732d1357557b78889bff6ff7efe3ae39c99c",
+    "packages/schemas/src/controlRender.tsx": "7edc71570ea821a36f0260d9263dc41d577168ce",
     "packages/schemas/src/hooks.ts": "4eb4946f7b1c685e0b51cd011b4d39a1fdd6aa2e",
     "packages/schemas/src/index.ts": "67f656f1d7f717bce7e933b9f4d7dc5dc50274dc",
     "packages/schemas/src/schemaBuilder.ts": "1af97440b88f064ad67aa804cbaa0f96622f0a6a",
-    "packages/schemas/src/types.ts": "da289d22c2a4b6184afc0c56bb6238bdf3dca9ea",
+    "packages/schemas/src/types.ts": "c013bf09120147d7a19e48ce4c8772ee34a2061c",
     "packages/schemas/tsconfig.json": "52e4f044fa580f4e0ad5830f3cfca574e2788372"
   },
   "arguments": "rimraf ./lib/ && tsc "

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/lib/types.d.ts

@@ -229,3 +229,6 @@ export interface ControlVisitor<A> {
     action(d: ActionControlDefinition): A;
 }
 export declare function visitControlDefinition<A>(x: ControlDefinition, visitor: ControlVisitor<A>, defaultValue: (c: ControlDefinition) => A): A;
+export declare function dataControl(field: string, options?: Partial<DataControlDefinition>): DataControlDefinition;
+export declare function fieldValueExpr(field: string, value: any): FieldValueExpression;
+export declare function visibility(expr: EntityExpression): DynamicProperty;

package/lib/types.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.visitControlDefinition = exports.isActionControlsDefinition = exports.isDisplayControlsDefinition = exports.isGroupControlsDefinition = exports.isDataControlDefinition = exports.DisplayDataType = exports.GroupRenderType = exports.SyncTextType = exports.DataRenderType = exports.ControlAdornmentType = exports.ExpressionType = exports.DynamicPropertyType = exports.ControlDefinitionType = exports.FieldType = void 0;
+exports.visibility = exports.fieldValueExpr = exports.dataControl = exports.visitControlDefinition = exports.isActionControlsDefinition = exports.isDisplayControlsDefinition = exports.isGroupControlsDefinition = exports.isDataControlDefinition = exports.DisplayDataType = exports.GroupRenderType = exports.SyncTextType = exports.DataRenderType = exports.ControlAdornmentType = exports.ExpressionType = exports.DynamicPropertyType = exports.ControlDefinitionType = exports.FieldType = void 0;
 var FieldType;
 (function (FieldType) {
     FieldType["String"] = "String";
@@ -98,3 +98,15 @@ function visitControlDefinition(x, visitor, defaultValue) {
     }
 }
 exports.visitControlDefinition = visitControlDefinition;
+function dataControl(field, options) {
+    return Object.assign({ type: ControlDefinitionType.Data, field }, options);
+}
+exports.dataControl = dataControl;
+function fieldValueExpr(field, value) {
+    return { type: ExpressionType.FieldValue, field, value };
+}
+exports.fieldValueExpr = fieldValueExpr;
+function visibility(expr) {
+    return { type: DynamicPropertyType.Visible, expr };
+}
+exports.visibility = visibility;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-typed-forms/schemas",
-  "version": "1.0.0-dev.10",
+  "version": "1.0.0-dev.12",
   "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";
   }

package/src/types.ts

@@ -319,3 +319,21 @@ export function visitControlDefinition<A>(
       return defaultValue(x);
   }
 }
+
+export function dataControl(
+  field: string,
+  options?: Partial<DataControlDefinition>
+): DataControlDefinition {
+  return { type: ControlDefinitionType.Data, field, ...options };
+}
+
+export function fieldValueExpr(
+  field: string,
+  value: any
+): FieldValueExpression {
+  return { type: ExpressionType.FieldValue, field, value };
+}
+
+export function visibility(expr: EntityExpression): DynamicProperty {
+  return { type: DynamicPropertyType.Visible, expr };
+}