@react-typed-forms/schemas-html 1.0.0

package/README.md

@@ -0,0 +1,292 @@
+
+# React typed forms schemas
+
+A simple abstraction on top of `@react-typed-forms/core` for defining JSON compatible schemas and 
+rendering UIs for users to enter that data. 
+
+## Install
+
+```npm
+npm install @react-typed-forms/schemas
+```
+
+## Example
+
+<!-- AUTO-GENERATED-CONTENT:START (CODE:src=../examples/src/docs/schemas-example.tsx) -->
+<!-- The below code snippet is automatically added from ../examples/src/docs/schemas-example.tsx -->
+```tsx
+import { useControl } from "@react-typed-forms/core";
+import React from "react";
+import {
+  buildSchema,
+  createDefaultRenderers,
+  createFormRenderer,
+  defaultFormEditHooks,
+  defaultTailwindTheme,
+  defaultValueForFields,
+  FormRenderer,
+  intField,
+  renderControl,
+  stringField,
+  useControlDefinitionForSchema,
+} from "@react-typed-forms/schemas";
+
+/** Define your form */
+interface SimpleForm {
+  firstName: string;
+  lastName: string;
+  yearOfBirth: number;
+}
+
+/* Build your schema fields. Importantly giving them Display Names for showing in a UI */
+const simpleSchema = buildSchema<SimpleForm>({
+  firstName: stringField("First Name"),
+  lastName: stringField("Last Name", { required: true }),
+  yearOfBirth: intField("Year of birth", { defaultValue: 1980 }),
+});
+
+/* Create a form renderer based on a simple tailwind css based theme */
+const renderer: FormRenderer = createFormRenderer(
+  [],
+  createDefaultRenderers(defaultTailwindTheme),
+);
+
+export default function SimpleSchemasExample() {
+  /* Create a `Control` for collecting the data, the schema fields can be used to get a default value */
+  const data = useControl<SimpleForm>(() =>
+    defaultValueForFields(simpleSchema),
+  );
+
+  /* Generate a ControlDefinition automatically from the schema */
+  const controlDefinition = useControlDefinitionForSchema(simpleSchema);
+
+  return (
+    <div className="container my-4 max-w-2xl">
+      {/* Render the ControlDefinition using `data` for the form state */}
+      {renderControl(controlDefinition, data, {
+        fields: simpleSchema,
+        renderer,
+        hooks: defaultFormEditHooks,
+      })}
+      <pre>{JSON.stringify(data.value, null, 2)}</pre>
+    </div>
+  );
+}
+```
+<!-- AUTO-GENERATED-CONTENT:END -->
+
+This will produce this UI:
+
+<img src="../../images/schemas.png">
+
+## Schema Fields and Control Definitions
+
+### `SchemaField`
+
+A `SchemaField` is a JSON object which describes the definition of a field inside the context of a JSON object. Each `SchemaField` must have a field name and a `FieldType` which will map to JSON. The following built in types are defined with these JSON mappings:
+
+* `String` - A JSON string
+* `Bool` - A JSON boolean
+* `Int` - A JSON number
+* `Double` - A JSON number
+* `Date` - A date stored as 'yyyy-MM-dd' in a JSON string
+* `DateTime` - A date and time stored in ISO8601 format in a JSON string
+* `Compound` - A JSON object with a list of `SchemaField` children
+
+Each `SchemaField` can also be marked as a `collection` which means that it will be mapped to a JSON array of the defined `FieldType`.
+
+### Defining fields
+
+While you can define a `SchemaField` as plain JSON, e.g. 
+```json
+[
+  {
+    "type": "String",
+    "field": "firstName",
+    "displayName": "First Name"
+  },
+  {
+    "type": "String",
+    "field": "lastName",
+    "displayName": "Last Name",
+    "required": true
+  },
+  {
+    "type": "Int",
+    "field": "yearOfBirth",
+    "displayName": "Year of birth",
+    "defaultValue": 1980
+  }
+]
+```
+
+However if you have existing types which you would like to define `SchemaField`s for the library contains a function called `buildSchema` a type safe way of generating fields for a type:
+
+```tsx
+interface SimpleForm {
+  firstName: string;
+  lastName: string;
+  yearOfBirth: number;
+}
+
+const simpleSchema = buildSchema<SimpleForm>({
+  firstName: stringField("First Name"),
+  lastName: stringField("Last Name", { required: true }),
+  yearOfBirth: intField("Year of birth", { defaultValue: 1980 }),
+});
+```
+
+### Field options
+
+Often a field only has a set of allowed values, e.g. a enum. `SchemaField` allows this to be modeled by 
+providing an array of `FieldOption`: 
+
+<!-- AUTO-GENERATED-CONTENT:START (CODE:src=./src/types.ts&lines=37-41) -->
+<!-- The below code snippet is automatically added from ./src/types.ts -->
+```ts
+export interface FieldOption {
+  name: string;
+  value: any;
+}
+```
+<!-- AUTO-GENERATED-CONTENT:END -->
+
+For example you could only allow certain last names:
+
+```ts
+stringField('Last Name', { 
+    required: true,
+    options:[ 
+        { name: "Smith", value: "smith" }, 
+        { name: "Jones", value: "jones" }
+    ]
+});
+```
+
+<img src="../../images/schemas-option.png">
+
+### `ControlDefinition`
+
+A `ControlDefinition` is a JSON object which describes what should be rendered in a UI. Each `ControlDefinition` can be one of 4 distinct types:
+
+* `DataControlDefinition` - Points to a `SchemaField` in order to render a control for editing of data.
+* `GroupedControlsDefinition` - Contains an optional title and a list of `ControlDefinition` children which should be rendered as a group. Optionally can refer to a `SchemaField` with type `Compound` in order to capture nested data.
+* `DisplayControlDefinition` - Render readonly content, current text and HTML variants are defined.
+* `ActionControlDefinition` - Renders an action button, useful for hooking forms up with outside functionality.
+
+If you don't care about the layout of the form that much you can generate the definition automatically by using `useControlDefinitionForSchema()`.
+
+TODO renderOptions, DataRenderType for choosing render style.
+
+## Form Renderer
+
+The actual rendering of the UI is abstracted into an object which contains functions for rendering the various `ControlDefinition`s and various parts of the UI:
+
+<!-- AUTO-GENERATED-CONTENT:START (CODE:src=./src/controlRender.tsx&lines=128-138) -->
+<!-- The below code snippet is automatically added from ./src/controlRender.tsx -->
+```tsx
+export interface FormRenderer {
+  renderData: (props: DataRendererProps) => ReactElement;
+  renderGroup: (props: GroupRendererProps) => ReactElement;
+  renderDisplay: (props: DisplayRendererProps) => ReactElement;
+  renderAction: (props: ActionRendererProps) => ReactElement;
+  renderArray: (props: ArrayRendererProps) => ReactElement;
+  renderLabel: (props: LabelRendererProps, elem: ReactElement) => ReactElement;
+  renderVisibility: (visible: Visibility, elem: ReactElement) => ReactElement;
+  renderAdornment: (props: AdornmentProps) => AdornmentRenderer;
+}
+```
+<!-- AUTO-GENERATED-CONTENT:END -->
+
+The `createFormRenderer` function takes an array of `RendererRegistration` which allows for customising the rendering.
+
+<!-- AUTO-GENERATED-CONTENT:START (CODE:src=./src/renderers.tsx&lines=109-118) -->
+<!-- The below code snippet is automatically added from ./src/renderers.tsx -->
+```tsx
+export type RendererRegistration =
+  | DataRendererRegistration
+  | GroupRendererRegistration
+  | DisplayRendererRegistration
+  | ActionRendererRegistration
+  | LabelRendererRegistration
+  | ArrayRendererRegistration
+  | AdornmentRendererRegistration
+  | VisibilityRendererRegistration;
+```
+<!-- AUTO-GENERATED-CONTENT:END -->
+
+Probably the most common customisation would be to add a `DataRendererRegistration` which will change the way a `DataControlDefinition` is rendered for a particular FieldType:
+
+<!-- AUTO-GENERATED-CONTENT:START (CODE:src=./src/renderers.tsx&lines=48-61) -->
+<!-- The below code snippet is automatically added from ./src/renderers.tsx -->
+```tsx
+export interface DataRendererRegistration {
+  type: "data";
+  schemaType?: string | string[];
+  renderType?: string | string[];
+  options?: boolean;
+  collection?: boolean;
+  match?: (props: DataRendererProps) => boolean;
+  render: (
+    props: DataRendererProps,
+    defaultLabel: (label?: Partial<LabelRendererProps>) => LabelRendererProps,
+    renderers: FormRenderer,
+  ) => ReactElement;
+}
+```
+<!-- AUTO-GENERATED-CONTENT:END -->
+* The `schemaType` field specifies which `FieldType`(s) should use this `DataRendererRegistration`, unspecified means allow any.
+* The `renderType` field specifies which `DataRenderType` this registration applies to.
+* The `match` function can be used if the matching logic is more complicated than provided by the other.
+* The `render` function does the actual rendering if the ControlDefinition/SchemaField matches the registration.
+
+A good example of a custom DataRendererRegistration is the `muiTextField` which renders `String` fields using the `FTextField` wrapper of the `@react-typed-forms/mui` library:
+
+<!-- AUTO-GENERATED-CONTENT:START (CODE:src=../schemas-mui/src/index.tsx&lines=12-35) -->
+<!-- The below code snippet is automatically added from ../schemas-mui/src/index.tsx -->
+```tsx
+export function muiTextfieldRenderer(
+  variant?: "standard" | "outlined" | "filled",
+): DataRendererRegistration {
+  return {
+    type: "data",
+    schemaType: FieldType.String,
+    renderType: DataRenderType.Standard,
+    render: (r, makeLabel, { renderVisibility }) => {
+      const { title, required } = makeLabel();
+      return renderVisibility(
+        r.visible,
+        <FTextField
+          variant={variant}
+          required={required}
+          fullWidth
+          size="small"
+          state={r.control}
+          label={title}
+        />,
+      );
+    },
+  };
+}
+```
+<!-- AUTO-GENERATED-CONTENT:END -->
+
+Changing the simple example above to use the following:
+
+```tsx
+const renderer: FormRenderer = createFormRenderer(
+    [muiTextFieldRenderer()], 
+    createDefaultRenderer (defaultTailwindTheme));
+```
+
+This will produce this UI:
+
+<img src="../../images/schemas-muifield.png">
+
+## TODO
+
+* Label rendering
+* Visibility
+* Arrays
+* Display controls
+

package/lib/components/CheckRenderer.d.ts

@@ -0,0 +1,28 @@
+import { Control } from "@react-typed-forms/core";
+import React, { ReactNode } from "react";
+import { FieldOption } from "@react-typed-forms/schemas";
+export interface CheckRendererOptions {
+    className?: string;
+    entryClass?: string;
+    checkClass?: string;
+    labelClass?: string;
+}
+export declare function createRadioRenderer(options?: CheckRendererOptions): import("@react-typed-forms/schemas").DataRendererRegistration;
+export declare function createCheckListRenderer(options?: CheckRendererOptions): import("@react-typed-forms/schemas").DataRendererRegistration;
+export interface CheckButtonsProps {
+    id?: string;
+    className?: string;
+    options?: FieldOption[] | null;
+    control: Control<any>;
+    entryClass?: string;
+    checkClass?: string;
+    labelClass?: string;
+    readonly?: boolean;
+    type: "checkbox" | "radio";
+    isChecked: (c: Control<any>, o: FieldOption) => boolean;
+    setChecked: (c: Control<any>, o: FieldOption, checked: boolean) => void;
+    entryAdornment?: (c: FieldOption, i: number, selected: boolean) => ReactNode;
+}
+export declare function CheckButtons({ control, options, labelClass, checkClass, readonly, entryClass, className, id, type, isChecked, setChecked, entryAdornment, }: CheckButtonsProps): React.JSX.Element;
+export declare function setIncluded<A>(array: A[], elem: A, included: boolean): A[];
+export declare function createCheckboxRenderer(options?: CheckRendererOptions): import("@react-typed-forms/schemas").DataRendererRegistration;

package/lib/components/ControlInput.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { Control } from "@react-typed-forms/core";
+export declare function ControlInput({ control, convert, ...props }: React.InputHTMLAttributes<HTMLInputElement> & {
+    control: Control<any>;
+    convert: InputConversion;
+}): React.JSX.Element;
+type InputConversion = [
+    string,
+    (s: string) => any,
+    (a: any) => string | number
+];
+export declare function createInputConversion(ft: string): InputConversion;
+export {};

package/lib/components/DefaultAccordion.d.ts

@@ -0,0 +1,11 @@
+import React, { CSSProperties, ReactElement } from "react";
+import { DefaultAccordionRendererOptions } from "../createDefaultRenderers";
+import { AccordionAdornment, FormRenderer } from "@react-typed-forms/schemas";
+export declare function DefaultAccordion({ children, accordion, contentStyle, contentClassName, designMode, iconOpenClass, iconClosedClass, className, renderTitle, renderToggler, renderers, titleClass, }: {
+    children: ReactElement;
+    accordion: Partial<AccordionAdornment>;
+    contentStyle?: CSSProperties;
+    contentClassName?: string;
+    designMode?: boolean;
+    renderers: FormRenderer;
+} & DefaultAccordionRendererOptions): React.JSX.Element;

package/lib/components/DefaultArrayRenderer.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from "react";
+import { ActionRendererProps, ArrayActionOptions, ArrayRendererProps, ArrayRendererRegistration, DataRendererRegistration } from "@react-typed-forms/schemas";
+export declare function createDefaultArrayDataRenderer(defaultActions?: ArrayActionOptions): DataRendererRegistration;
+export interface DefaultArrayRendererOptions extends ArrayActionOptions {
+    className?: string;
+    removableClass?: string;
+    childClass?: string;
+    removableChildClass?: string;
+    removeActionClass?: string;
+    addActionClass?: string;
+}
+export declare function createDefaultArrayRenderer(options?: DefaultArrayRendererOptions): ArrayRendererRegistration;
+export interface DefaultArrayRendererProps extends DefaultArrayRendererOptions, ArrayRendererProps {
+    renderAction: (props: ActionRendererProps) => ReactNode;
+}
+export declare function DefaultArrayRenderer(props: DefaultArrayRendererProps): React.JSX.Element;

package/lib/components/DefaultDisplay.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { DisplayRendererProps, DisplayRendererRegistration } from "@react-typed-forms/schemas";
+export interface DefaultDisplayRendererOptions {
+    textClassName?: string;
+    htmlClassName?: string;
+}
+export declare function createDefaultDisplayRenderer(options?: DefaultDisplayRendererOptions): DisplayRendererRegistration;
+export declare function DefaultDisplay({ data, display, className, style, ...options }: DefaultDisplayRendererOptions & DisplayRendererProps): React.JSX.Element;

package/lib/components/DefaultDisplayOnly.d.ts

@@ -0,0 +1,11 @@
+import { Control } from "@react-typed-forms/core";
+import React from "react";
+import { SchemaField, SchemaInterface } from "@react-typed-forms/schemas";
+export declare function DefaultDisplayOnly({ control, className, emptyText, schemaInterface, field, style, }: {
+    control: Control<any>;
+    field: SchemaField;
+    schemaInterface: SchemaInterface;
+    className?: string | null;
+    style?: React.CSSProperties;
+    emptyText?: string | null;
+}): React.JSX.Element;

package/lib/components/DefaultLayout.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactNode } from "react";
+import { RenderedLayout } from "@react-typed-forms/schemas";
+export interface DefaultLayoutRendererOptions {
+    className?: string;
+    errorClass?: string;
+    renderError?: (errorText: string | null | undefined) => ReactNode;
+}
+export declare function DefaultLayout({ errorClass, renderError, layout: { controlEnd, controlStart, label, children, errorControl }, }: DefaultLayoutRendererOptions & {
+    layout: RenderedLayout;
+}): React.JSX.Element;

package/lib/components/DefaultVisibility.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { VisibilityRendererProps } from "@react-typed-forms/schemas";
+export declare function createDefaultVisibilityRenderer(): import("@react-typed-forms/schemas").VisibilityRendererRegistration;
+export declare function DefaultVisibility({ visibility, children, className, style, divRef, }: VisibilityRendererProps): React.JSX.Element;

package/lib/components/JsonataRenderer.d.ts

@@ -0,0 +1,11 @@
+import { Control } from "@react-typed-forms/core";
+import React from "react";
+import { ControlDataContext, JsonataRenderOptions } from "@react-typed-forms/schemas";
+export declare function createJsonataRenderer(className?: string): import("@react-typed-forms/schemas").DataRendererRegistration;
+export declare function JsonataRenderer({ control, renderOptions: { expression }, readonly, className, dataContext, }: {
+    control: Control<any>;
+    renderOptions: JsonataRenderOptions;
+    className?: string;
+    dataContext: ControlDataContext;
+    readonly: boolean;
+}): React.JSX.Element;

package/lib/components/MultilineTextfield.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { DataRendererProps } from "@react-typed-forms/schemas";
+export declare function createMultilineFieldRenderer(className?: string): import("@react-typed-forms/schemas").DataRendererRegistration;
+export declare function MultilineTextfield({ control, className }: DataRendererProps): React.JSX.Element;

package/lib/components/NullToggle.d.ts

@@ -0,0 +1 @@
+export declare function createNullToggleRenderer(): import("@react-typed-forms/schemas").DataRendererRegistration;

package/lib/components/SelectDataRenderer.d.ts

@@ -0,0 +1,24 @@
+import { Control } from "@react-typed-forms/core";
+import React from "react";
+import { FieldOption } from "@react-typed-forms/schemas";
+export interface SelectRendererOptions {
+    className?: string;
+    emptyText?: string;
+    requiredText?: string;
+}
+export declare function createSelectRenderer(options?: SelectRendererOptions): import("@react-typed-forms/schemas").DataRendererRegistration;
+type SelectConversion = (a: any) => string | number;
+export interface SelectDataRendererProps {
+    id?: string;
+    className?: string;
+    options: FieldOption[];
+    emptyText?: string;
+    requiredText?: string;
+    readonly: boolean;
+    required: boolean;
+    state: Control<any>;
+    convert: SelectConversion;
+}
+export declare function SelectDataRenderer({ state, options, className, convert, required, emptyText, requiredText, readonly, ...props }: SelectDataRendererProps): React.JSX.Element;
+export declare function createSelectConversion(ft: string): SelectConversion;
+export {};

package/lib/createDefaultRenderers.d.ts

@@ -0,0 +1,77 @@
+import { DefaultDisplayRendererOptions } from "./components/DefaultDisplay";
+import { DefaultLayoutRendererOptions } from "./components/DefaultLayout";
+import { CSSProperties, ReactElement, ReactNode } from "react";
+import { SelectRendererOptions } from "./components/SelectDataRenderer";
+import { Control } from "@react-typed-forms/core";
+import { DefaultArrayRendererOptions } from "./components/DefaultArrayRenderer";
+import { CheckRendererOptions } from "./components/CheckRenderer";
+import { ActionRendererRegistration, AdornmentRendererRegistration, ArrayActionOptions, DataRendererRegistration, DefaultRenderers, FieldOption, GridRenderer, GroupRendererRegistration, LabelRendererRegistration } from "@react-typed-forms/schemas";
+export interface DefaultRendererOptions {
+    data?: DefaultDataRendererOptions;
+    display?: DefaultDisplayRendererOptions;
+    action?: DefaultActionRendererOptions;
+    array?: DefaultArrayRendererOptions;
+    group?: DefaultGroupRendererOptions;
+    label?: DefaultLabelRendererOptions;
+    adornment?: DefaultAdornmentRendererOptions;
+    layout?: DefaultLayoutRendererOptions;
+}
+interface StyleProps {
+    className?: string;
+    style?: CSSProperties;
+}
+export interface DefaultActionRendererOptions {
+    className?: string;
+    renderContent?: (actionText: string, actionId: string, actionData: any) => ReactNode;
+}
+export declare function createButtonActionRenderer(actionId: string | string[] | undefined, options?: DefaultActionRendererOptions): ActionRendererRegistration;
+export interface DefaultGroupRendererOptions {
+    className?: string;
+    standardClassName?: string;
+    gridStyles?: (columns: GridRenderer) => StyleProps;
+    gridClassName?: string;
+    defaultGridColumns?: number;
+    flexClassName?: string;
+    defaultFlexGap?: string;
+}
+export declare function createDefaultGroupRenderer(options?: DefaultGroupRendererOptions): GroupRendererRegistration;
+export declare const DefaultBoolOptions: FieldOption[];
+export interface DefaultDataRendererOptions {
+    inputClass?: string;
+    displayOnlyClass?: string;
+    selectOptions?: SelectRendererOptions;
+    checkboxOptions?: CheckRendererOptions;
+    checkOptions?: CheckRendererOptions;
+    radioOptions?: CheckRendererOptions;
+    checkListOptions?: CheckRendererOptions;
+    booleanOptions?: FieldOption[];
+    optionRenderer?: DataRendererRegistration;
+    multilineClass?: string;
+    jsonataClass?: string;
+    arrayOptions?: ArrayActionOptions;
+}
+export declare function createDefaultDataRenderer(options?: DefaultDataRendererOptions): DataRendererRegistration;
+export interface DefaultAccordionRendererOptions {
+    className?: string;
+    titleClass?: string;
+    togglerClass?: string;
+    iconOpenClass?: string;
+    iconClosedClass?: string;
+    renderTitle?: (title: string | undefined, current: Control<boolean>) => ReactNode;
+    renderToggler?: (current: Control<boolean>, title: ReactNode) => ReactNode;
+}
+export interface DefaultAdornmentRendererOptions {
+    accordion?: DefaultAccordionRendererOptions;
+}
+export declare function createDefaultAdornmentRenderer(options?: DefaultAdornmentRendererOptions): AdornmentRendererRegistration;
+interface DefaultLabelRendererOptions {
+    className?: string;
+    groupLabelClass?: string;
+    controlLabelClass?: string;
+    requiredElement?: ReactNode;
+    labelContainer?: (children: ReactElement) => ReactElement;
+}
+export declare function createDefaultLabelRenderer(options?: DefaultLabelRendererOptions): LabelRendererRegistration;
+export declare function createDefaultRenderers(options?: DefaultRendererOptions): DefaultRenderers;
+export declare function createClassStyledRenderers(): DefaultRenderers;
+export {};

package/lib/index.cjs

@@ -0,0 +1,2 @@
+var e=require("react"),t=require("clsx"),r=require("@react-typed-forms/schemas"),n=require("@react-typed-forms/core");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=/*#__PURE__*/a(e),o=/*#__PURE__*/a(t);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},u.apply(null,arguments)}function s(e,t){if(null==e)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.includes(n))continue;r[n]=e[n]}return r}var i=["data","display","className","style"];function c(e){return void 0===e&&(e={}),{render:function(t){/*#__PURE__*/return l.default.createElement(d,u({},e,t))},type:"display"}}function d(e){var t=n.useComponentTracking();try{var a=e.data,u=e.display,c=e.className,d=e.style,f=s(e,i);switch(a.type){case r.DisplayDataType.Icon:/*#__PURE__*/return l.default.createElement("i",{style:d,className:o.default(r.getOverrideClass(c),u?u.value:a.iconClass)});case r.DisplayDataType.Text:/*#__PURE__*/return l.default.createElement("div",{style:d,className:r.rendererClass(c,f.textClassName)},u?r.coerceToString(u.value):a.text);case r.DisplayDataType.Html:/*#__PURE__*/return l.default.createElement("div",{style:d,className:r.rendererClass(c,f.htmlClassName),dangerouslySetInnerHTML:{__html:u?r.coerceToString(u.value):a.html}});case r.DisplayDataType.Custom:/*#__PURE__*/return l.default.createElement("div",null,"Custom display placeholder: ",a.customId);default:/*#__PURE__*/return l.default.createElement("h1",null,"Unknown display type: ",a.type)}}finally{t()}}var f=["control","convert"],m=["errorText","value","onChange"];function p(e){var t=n.useComponentTracking();try{var r=function(e){return null==e?"":o[2](e)},a=e.control,o=e.convert,i=s(e,f),c=n.formControlProps(a),d=c.value,p=s(c,m),y=n.useControl(function(){return r(d)});return n.useControlEffect(function(){return a.value},function(e){return y.value=r(e)}),/*#__PURE__*/l.default.createElement("input",u({},p,{type:o[0],value:y.value,onChange:function(e){y.value=e.target.value;var t=o[1](e.target.value);void 0!==t&&(a.value=t)}},i))}finally{t()}}function y(e){switch(e){case r.FieldType.String:return["text",function(e){return e},function(e){return e}];case r.FieldType.Bool:return["text",function(e){return"true"===e||"false"!==e&&void 0},function(e){var t;return null!=(t=null==e?void 0:e.toString())?t:""}];case r.FieldType.Int:return["number",function(e){return""!==e?parseInt(e):null},function(e){return null==e?"":e}];case r.FieldType.DateTime:return["datetime-local",function(e){return e||null},function(e){return e}];case r.FieldType.Date:return["date",function(e){return e||null},function(e){return e}];case r.FieldType.Time:return["time",function(e){var t=e.length;return 5===t?e+":00":8===t?e:void 0},function(e){return e?e.substring(0,5):""}];case r.FieldType.Double:return["number",function(e){return""!==e?parseFloat(e):null},function(e){return null==e?"":e}];default:return["text",function(e){return e},function(e){return e}]}}var v=["state","options","className","convert","required","emptyText","requiredText","readonly"];function C(e){return void 0===e&&(e={}),r.createDataRenderer(function(t,n){var a;/*#__PURE__*/return l.default.createElement(x,{className:r.rendererClass(t.className,e.className),state:t.control,id:t.id,readonly:t.readonly,options:null!=(a=t.options)?a:[],required:t.required,emptyText:e.emptyText,requiredText:e.requiredText,convert:N(t.field.type)})},{options:!0})}function x(t){var r=n.useComponentTracking();try{var a=function(e,t){/*#__PURE__*/return l.default.createElement("option",{key:t,value:d(e.value),disabled:!!e.disabled},e.name)},o=t.state,i=t.options,c=t.className,d=t.convert,f=t.required,m=t.emptyText,p=void 0===m?"N/A":m,y=t.requiredText,C=void 0===y?"<please select>":y,x=t.readonly,N=s(t,v),g=o.value,T=o.disabled,h=e.useState(!f||null==g)[0],E=e.useMemo(function(){return Object.fromEntries(i.map(function(e){return[d(e.value),e.value]}))},[i]),b=e.useMemo(function(){return new Set(i.filter(function(e){return e.group}).map(function(e){return e.group}))},[i]);/*#__PURE__*/return l.default.createElement("select",u({},N,{className:c,onChange:function(e){return o.value=E[e.target.value]},value:d(g),disabled:T||x}),h&&/*#__PURE__*/l.default.createElement("option",{value:""},f?C:p),[].concat(b.keys()).map(function(e){/*#__PURE__*/return l.default.createElement("optgroup",{key:e,label:e},i.filter(function(t){return t.group===e}).map(a))}),i.filter(function(e){return!e.group}).map(a))}finally{r()}}function N(e){switch(e){case r.FieldType.String:case r.FieldType.Int:case r.FieldType.Double:return function(e){return e};default:return function(e){var t;return null!=(t=null==e?void 0:e.toString())?t:""}}}function g(e){return void 0===e&&(e={}),r.createDataRenderer(function(t){/*#__PURE__*/return l.default.createElement(h,u({},e,t,{className:r.rendererClass(t.className,e.className),isChecked:function(e,t){return e.value==t.value},setChecked:function(e,t){return e.value=t.value},control:t.control,type:"radio",entryAdornment:r.fieldOptionAdornment(t)}))},{renderType:r.DataRenderType.Radio})}function T(e){return void 0===e&&(e={}),r.createDataRenderer(function(t){/*#__PURE__*/return l.default.createElement(h,u({},e,t,{className:r.rendererClass(t.className,e.className),isChecked:function(e,t){var r=e.value;return!!Array.isArray(r)&&r.includes(t.value)},setChecked:function(e,t,r){e.setValue(function(e){return E(null!=e?e:[],t.value,r)})},control:t.control,type:"checkbox",entryAdornment:r.fieldOptionAdornment(t)}))},{collection:!0,renderType:r.DataRenderType.CheckList})}function h(e){var t=n.useComponentTracking();try{var r=e.control,a=e.options,o=e.labelClass,u=e.checkClass,s=e.readonly,i=e.entryClass,c=e.type,d=e.isChecked,f=e.setChecked,m=e.entryAdornment,p=r.disabled,y="r"+r.uniqueId;/*#__PURE__*/return l.default.createElement("div",{className:e.className,id:e.id},/*#__PURE__*/l.default.createElement(n.RenderArrayElements,{array:null==a?void 0:a.filter(function(e){return null!=e.value})},function(e,t){var a=n.useComputed(function(){return d(r,e)}).value;/*#__PURE__*/return l.default.createElement(l.default.Fragment,null,/*#__PURE__*/l.default.createElement("div",{key:t,className:i},/*#__PURE__*/l.default.createElement("input",{id:y+"_"+t,className:u,type:c,name:y,readOnly:s,disabled:p,checked:a,onChange:function(t){!s&&f(r,e,t.target.checked)}}),/*#__PURE__*/l.default.createElement("label",{className:o,htmlFor:y+"_"+t},e.name)),null==m?void 0:m(e,t,a))}))}finally{t()}}function E(e,t,r){return r===e.includes(t)?e:r?[].concat(e,[t]):e.filter(function(e){return e!==t})}function b(e){return void 0===e&&(e={}),r.createDataRenderer(function(t,a){return function(o){return u({},o,{label:void 0,children:/*#__PURE__*/l.default.createElement("div",{className:r.rendererClass(t.className,e.entryClass)},/*#__PURE__*/l.default.createElement(n.Fcheckbox,{id:t.id,control:t.control,style:t.style,className:e.checkClass}),o.label&&a.renderLabel(o.label,void 0,void 0))})}},{renderType:r.DataRenderType.Checkbox})}function D(e){var t=n.useComponentTracking();try{var r=e.errorClass,a=e.renderError,o=e.layout,u=o.controlEnd,s=o.errorControl;/*#__PURE__*/return l.default.createElement(l.default.Fragment,null,o.label,o.controlStart,o.children,(void 0===a?function(e){return e&&/*#__PURE__*/l.default.createElement("div",{className:r},e)}:a)(s&&s.touched?s.error:void 0),u)}finally{t()}}function R(e){var t=n.useComponentTracking();try{var a,o=e.className,u=e.emptyText,s=e.schemaInterface,i=e.field,c=e.style,d=e.control.value,f=null!=(a=s.isEmptyValue(i,d)?u:s.textValue(i,d))?a:"";/*#__PURE__*/return l.default.createElement("div",{style:c,className:r.rendererClass(o)},f)}finally{t()}}function k(){return r.createVisibilityRenderer(function(e){/*#__PURE__*/return l.default.createElement(O,e)})}function O(t){var r=n.useComponentTracking();try{var a=t.visibility,u=t.children,s=t.className,i=t.style,c=t.divRef,d=a.value;return e.useEffect(function(){d&&a.setValue(function(e){return{visible:d.visible,showing:d.visible}})},[null==d?void 0:d.visible]),null!=d&&d.visible?/*#__PURE__*/l.default.createElement("div",{className:o.default(s),style:i,ref:c},u):/*#__PURE__*/l.default.createElement(l.default.Fragment,null)}finally{r()}}function A(e){return r.createDataRenderer(function(t){/*#__PURE__*/return l.default.createElement(F,{renderOptions:t.renderOptions,className:r.rendererClass(t.className,e),dataContext:t.dataContext,control:t.control,readonly:t.readonly})},{renderType:r.DataRenderType.Jsonata})}function F(e){var t=n.useComponentTracking();try{var a=e.control,o=e.renderOptions.expression,u=e.readonly,s=e.className,i=e.dataContext,c=i.parentNode,d=n.useComputed(function(){return{value:a.value,readonly:u,disabled:a.disabled,formData:i.formData}}),f=r.useJsonataExpression(o,r.getRootDataNode(c).control,r.getJsonPath(c),d,r.coerceToString);/*#__PURE__*/return l.default.createElement("div",{className:s,dangerouslySetInnerHTML:{__html:f.value}})}finally{t()}}var L=["control","field","renderOptions"];function S(){return r.createDataRenderer(function(e,t){var a,o,i=e.control,c=e.field,d=s(e,L),f=null!=(o=(a=i.meta).nullControl)?o:a.nullControl=n.newControl(null!=i.current.value);return function(e){var n=t.renderData(u({},d,{control:f,field:u({},c,{type:r.FieldType.Bool}),renderOptions:{type:r.DataRenderType.Checkbox}}))(e);return u({},n,{children:/*#__PURE__*/l.default.createElement(I,{control:i,nullControl:f,children:n.children,readonly:d.readonly,defaultValue:d.definition.defaultValue})})}})}function I(e){var t=e.children,r=e.nullControl,a=e.control,l=e.defaultValue,o=e.readonly;return n.useControlEffect(function(){return o},function(e){return r.disabled=e},!0),n.useControlEffect(function(){return r.value},function(e){var t;e?a.value=null!=(t=r.meta.nonNullValue)?t:l:(r.meta.nonNullValue=a.value,a.value=null)}),t}function q(e){return r.createDataRenderer(function(t,n){var a=t.definition,l=t.control,o=t.required,s=t.field,i=t.renderChild,c=t.className,d=t.style,f=t.renderOptions,m=t.readonly,p=t.designMode,y=r.mergeObjects(r.isArrayRenderer(f)?f:{},e),v=y.addText,C=y.noAdd,x=y.noRemove,N=y.removeText,g=r.isArrayRenderer(f)?f.childOptions:void 0,T=u({},r.createArrayActions(l,s,{addText:v,removeText:N,noAdd:C,noRemove:x,readonly:m,disabled:l.disabled,designMode:p}),{required:o,renderElement:function(e){var t,n;return i(null!=(t=null==(n=l.elements)?void 0:n[e].uniqueId)?t:e,{type:r.ControlDefinitionType.Data,field:a.field,children:a.children,renderOptions:null!=g?g:{type:r.DataRenderType.Standard},hideTitle:!0},{elementIndex:e})},className:c||void 0,style:d},r.getLengthRestrictions(a));return n.renderArray(T)},{renderType:r.DataRenderType.Array,collection:!0})}function w(e){return{render:function(t,r){/*#__PURE__*/return l.default.createElement(V,u({},t,e,{renderAction:r.renderAction}))},type:"array"}}function V(e){var t=n.useComponentTracking();try{var a=e.renderElement,u=e.className,s=e.removableClass,i=e.childClass,c=e.removableChildClass,d=e.removeActionClass,f=e.addActionClass,m=e.arrayControl,p=e.renderAction,y=e.style,v=r.applyArrayLengthRestrictions(e),C=v.addAction,x=v.removeAction;/*#__PURE__*/return l.default.createElement("div",{style:y},/*#__PURE__*/l.default.createElement("div",{className:o.default(u,x&&s)},/*#__PURE__*/l.default.createElement(n.RenderElements,{control:m},function(e,t){return x?/*#__PURE__*/l.default.createElement(l.default.Fragment,null,/*#__PURE__*/l.default.createElement("div",{className:o.default(i,c)},a(t)),/*#__PURE__*/l.default.createElement("div",{className:d},p(x(t)))):/*#__PURE__*/l.default.createElement("div",{className:i},a(t))})),C&&/*#__PURE__*/l.default.createElement("div",{className:f},p(C)))}finally{t()}}function M(e){var t=n.useComponentTracking();try{var r=e.children,a=e.accordion,s=e.contentStyle,i=e.contentClassName,c=e.designMode,d=e.iconOpenClass,f=e.iconClosedClass,m=e.className,p=e.renderTitle,y=void 0===p?function(e){return e}:p,v=e.renderToggler,C=e.renderers,x=e.titleClass,N=n.useControl(!!a.defaultExpanded),g=N.value,T=g||c?s:u({},s,{display:"none"}),h=C.renderLabelText(y(a.title,N)),E=v?v(N,h):/*#__PURE__*/l.default.createElement("button",{className:m,onClick:function(){return N.setValue(function(e){return!e})}},/*#__PURE__*/l.default.createElement("label",{className:x},h),/*#__PURE__*/l.default.createElement("i",{className:o.default(g?d:f)}));/*#__PURE__*/return l.default.createElement(l.default.Fragment,null,E,/*#__PURE__*/l.default.createElement("div",{style:T,className:i},r))}finally{t()}}function G(t){var r=n.useComponentTracking();try{var a=t.control,o=t.className,u=e.useRef(null);return n.useControlEffect(function(){return a.value},function(e){var t=u.current;t&&t.textContent!==e&&(t.textContent=e)},!0),/*#__PURE__*/l.default.createElement("code",{contentEditable:!a.disabled,className:o,onInput:function(e){return a.value=e.currentTarget.textContent},ref:u})}finally{r()}}function _(e,t){return void 0===t&&(t={}),r.createActionRenderer(e,function(e){var n,a=e.onClick,o=e.actionText,u=e.style,s=e.actionId,i=e.actionData;/*#__PURE__*/return l.default.createElement("button",{className:r.rendererClass(e.className,t.className),style:u,onClick:a},null!=(n=null==t.renderContent?void 0:t.renderContent(o,s,i))?n:o)})}function j(e){var t=null!=e?e:{},n=t.className,a=t.gridStyles,s=void 0===a?function(e){var t=e.columns;return{className:d,style:{display:"grid",gridTemplateColumns:"repeat("+(void 0===t?c:t)+", 1fr)"}}}:a,i=t.defaultGridColumns,c=void 0===i?2:i,d=t.gridClassName,f=t.standardClassName,m=t.flexClassName,p=t.defaultFlexGap;return{type:"group",render:function(e){var t=e.renderChild,a=e.renderOptions,i=e.childDefinitions,c=r.isGridRenderer(a)?s(a):r.isFlexRenderer(a)?function(e){return{className:m,style:{display:"flex",gap:e.gap?e.gap:p,flexDirection:e.direction?e.direction:void 0}}}(a):{className:f},d=c.style,y=c.className;return function(a){return u({},a,{children:/*#__PURE__*/l.default.createElement("div",{className:r.rendererClass(e.className,o.default(n,y)),style:d},null==i?void 0:i.map(function(e,r){return t(r,e)}))})}}}}var B=[{name:"Yes",value:!0},{name:"No",value:!1}];function J(e){var t,n,a;void 0===e&&(e={});var o,s=A(e.jsonataClass),i=S(),c=(o=e.multilineClass,r.createDataRenderer(function(e){/*#__PURE__*/return l.default.createElement(G,u({},e,{className:r.rendererClass(e.className,o)}))})),d=b(null!=(t=e.checkOptions)?t:e.checkboxOptions),f=C(e.selectOptions),m=g(null!=(n=e.radioOptions)?n:e.checkOptions),v=T(null!=(a=e.checkListOptions)?a:e.checkOptions),x=u({optionRenderer:f,booleanOptions:B},e),N=x.inputClass,h=x.booleanOptions,E=x.optionRenderer,D=x.displayOnlyClass,k=q(e.arrayOptions);return r.createDataRenderer(function(e,t){var n=e.field,a=n.type,o=e.renderOptions,C=o.type;if(n.collection&&null==e.elementIndex&&(C==r.DataRenderType.Standard||C==r.DataRenderType.Array))return k.render(e,t);if(a===r.FieldType.Compound){var x,g=null!=(x=r.isDataGroupRenderer(o)?o.groupOptions:void 0)?x:{type:"Standard",hideTitle:!0};return t.renderGroup(u({},e,{renderOptions:g}))}if(a==r.FieldType.Any)/*#__PURE__*/return l.default.createElement(l.default.Fragment,null,"No control for Any");if(r.isDisplayOnlyRenderer(o))return function(t){return u({},t,{className:D,children:/*#__PURE__*/l.default.createElement(R,{field:e.field,schemaInterface:e.dataContext.schemaInterface,control:e.control,className:e.className,style:e.style,emptyText:o.emptyText})})};if(null!=h&&a===r.FieldType.Bool&&null==e.options)return t.renderData(u({},e,{options:h}));if(C===r.DataRenderType.Standard&&r.hasOptions(e))return E.render(e,t);switch(C){case r.DataRenderType.NullToggle:return i.render(e,t);case r.DataRenderType.CheckList:return v.render(e,t);case r.DataRenderType.Dropdown:return f.render(e,t);case r.DataRenderType.Radio:return m.render(e,t);case r.DataRenderType.Checkbox:return d.render(e,t);case r.DataRenderType.Jsonata:return s.render(e,t)}if(r.isTextfieldRenderer(o)&&o.multiline)return c.render(e,t);var T=r.isTextfieldRenderer(o)?o.placeholder:void 0;/*#__PURE__*/return l.default.createElement(p,{className:r.rendererClass(e.className,N),style:e.style,id:e.id,readOnly:e.readonly,control:e.control,placeholder:null!=T?T:void 0,convert:y(e.field.type)})})}function P(t){return void 0===t&&(t={}),{type:"adornment",render:function(a,o){var s=a.adornment,i=a.designMode,c=a.dataContext,d=a.useExpr;return{apply:function(a){if(r.isSetFieldAdornment(s)&&d){var f=d(s.expression,function(e){return e}),m=r.useDynamicHooks({value:f}),p=e.useCallback(function(e){var t=e.children,a=e.adornment,l=e.parentContext,o=m(l).value,u=r.schemaDataForFieldRef(a.field,l.parentNode).control,s=!a.defaultOnly;return n.useControlEffect(function(){return[null==o?void 0:o.value,null==(null==u?void 0:u.value)]},function(e){var t=e[0];null==u||u.setValue(function(e){return s||null==e?t:e})},!0),t},[m]);return r.wrapLayout(function(e){/*#__PURE__*/return l.default.createElement(p,{children:e,parentContext:c,adornment:s})})(a)}var y;return r.isIconAdornment(s)?r.appendMarkupAt(null!=(y=s.placement)?y:r.AdornmentPlacement.ControlStart,/*#__PURE__*/l.default.createElement("i",{className:s.iconClass}))(a):r.isAccordionAdornment(s)?r.wrapLayout(function(e){/*#__PURE__*/return l.default.createElement(M,u({renderers:o,children:e,accordion:s,contentStyle:a.style,contentClassName:a.className,designMode:i},t.accordion))})(a):void 0},priority:0,adornment:s}}}}function H(e){return void 0===e&&(e={}),r.createLayoutRenderer(function(t,n){var a=r.renderLayoutParts(u({},t,{className:r.rendererClass(t.className,e.className)}),n);return{children:a.wrapLayout(/*#__PURE__*/l.default.createElement(D,u({layout:a},e))),className:a.className,style:a.style,divRef:function(e){return e&&t.errorControl?t.errorControl.meta.scrollElement=e:void 0}}})}function U(e){var t=u({requiredElement:/*#__PURE__*/l.default.createElement("span",null," *"),labelContainer:function(e){return e}},e),n=t.className,a=t.groupLabelClass,s=t.controlLabelClass,i=t.requiredElement,c=t.labelContainer;return{render:function(e,t,u,d){return e.type==r.LabelType.Text?e.label:c(/*#__PURE__*/l.default.createElement(l.default.Fragment,null,/*#__PURE__*/l.default.createElement("label",{htmlFor:e.forId,className:r.rendererClass(e.className,o.default(n,e.type===r.LabelType.Group&&a,e.type===r.LabelType.Control&&s))},t,d.renderLabelText(e.label),e.required&&i),u))},type:"label"}}function Y(e){return void 0===e&&(e={}),{data:J(e.data),display:c(e.display),action:_(void 0,e.action),array:w(e.array),group:j(e.group),label:U(e.label),adornment:P(e.adornment),renderLayout:H(e.layout),visibility:k()}}var z={label:{groupLabelClass:"font-bold",requiredElement:/*#__PURE__*/l.default.createElement("span",{className:"text-red-500"}," *")},array:{removableClass:"grid grid-cols-[1fr_auto] items-center gap-x-2",childClass:"grow my-2",addActionClass:"my-2"},group:{standardClassName:"flex flex-col gap-4",gridClassName:"gap-x-2 gap-y-4",flexClassName:"gap-2"},action:{className:"bg-primary-500 rounded-lg p-3 text-white"},layout:{className:"flex flex-col",errorClass:"text-sm text-danger-500"},data:{displayOnlyClass:"flex flex-row items-center gap-2",checkOptions:{className:"flex items-center gap-4",entryClass:"flex gap-1 items-center"},selectOptions:{emptyText:"<select>"},multilineClass:"border p-2 outline-0 whitespace-pre"},adornment:{accordion:{className:"flex items-center gap-2 my-2",titleClass:"cursor-pointer",iconOpenClass:"fa fa-chevron-up",iconClosedClass:"fa fa-chevron-down"}}};exports.CheckButtons=h,exports.ControlInput=p,exports.DefaultArrayRenderer=V,exports.DefaultBoolOptions=B,exports.DefaultDisplay=d,exports.DefaultDisplayOnly=R,exports.DefaultLayout=D,exports.DefaultVisibility=O,exports.JsonataRenderer=F,exports.SelectDataRenderer=x,exports.createButtonActionRenderer=_,exports.createCheckListRenderer=T,exports.createCheckboxRenderer=b,exports.createClassStyledRenderers=function(){return Y({layout:{className:"control"},group:{className:"group"},array:{className:"control-array"},action:{className:"action"},data:{inputClass:"data"},display:{htmlClassName:"html",textClassName:"text"}})},exports.createDefaultAdornmentRenderer=P,exports.createDefaultArrayDataRenderer=q,exports.createDefaultArrayRenderer=w,exports.createDefaultDataRenderer=J,exports.createDefaultDisplayRenderer=c,exports.createDefaultGroupRenderer=j,exports.createDefaultLabelRenderer=U,exports.createDefaultRenderers=Y,exports.createDefaultVisibilityRenderer=k,exports.createInputConversion=y,exports.createJsonataRenderer=A,exports.createNullToggleRenderer=S,exports.createRadioRenderer=g,exports.createSelectConversion=N,exports.createSelectRenderer=C,exports.defaultTailwindTheme=z,exports.setIncluded=E;
+//# sourceMappingURL=index.cjs.map

package/lib/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/components/DefaultDisplay.tsx","../src/components/ControlInput.tsx","../src/components/SelectDataRenderer.tsx","../src/components/CheckRenderer.tsx","../src/components/DefaultLayout.tsx","../src/components/DefaultDisplayOnly.tsx","../src/components/DefaultVisibility.tsx","../src/components/JsonataRenderer.tsx","../src/components/NullToggle.tsx","../src/components/DefaultArrayRenderer.tsx","../src/components/DefaultAccordion.tsx","../src/components/MultilineTextfield.tsx","../src/createDefaultRenderers.tsx","../src/tailwind.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport {\n  coerceToString,\n  CustomDisplay,\n  DisplayDataType,\n  DisplayRendererProps,\n  DisplayRendererRegistration,\n  getOverrideClass,\n  HtmlDisplay,\n  IconDisplay,\n  rendererClass,\n  TextDisplay,\n} from \"@react-typed-forms/schemas\";\n\nexport interface DefaultDisplayRendererOptions {\n  textClassName?: string;\n  htmlClassName?: string;\n}\n\nexport function createDefaultDisplayRenderer(\n  options: DefaultDisplayRendererOptions = {},\n): DisplayRendererRegistration {\n  return {\n    render: (props) => <DefaultDisplay {...options} {...props} />,\n    type: \"display\",\n  };\n}\n\nexport function DefaultDisplay({\n  data,\n  display,\n  className,\n  style,\n  ...options\n}: DefaultDisplayRendererOptions & DisplayRendererProps) {\n  switch (data.type) {\n    case DisplayDataType.Icon:\n      return (\n        <i\n          style={style}\n          className={clsx(\n            getOverrideClass(className),\n            display ? display.value : (data as IconDisplay).iconClass,\n          )}\n        />\n      );\n    case DisplayDataType.Text:\n      return (\n        <div\n          style={style}\n          className={rendererClass(className, options.textClassName)}\n        >\n          {display ? coerceToString(display.value) : (data as TextDisplay).text}\n        </div>\n      );\n    case DisplayDataType.Html:\n      return (\n        <div\n          style={style}\n          className={rendererClass(className, options.htmlClassName)}\n          dangerouslySetInnerHTML={{\n            __html: display\n              ? coerceToString(display.value)\n              : (data as HtmlDisplay).html,\n          }}\n        />\n      );\n    case DisplayDataType.Custom:\n      return (\n        <div>\n          Custom display placeholder: {(data as CustomDisplay).customId}\n        </div>\n      );\n    default:\n      return <h1>Unknown display type: {data.type}</h1>;\n  }\n}\n","import React from \"react\";\nimport {\n  Control,\n  formControlProps,\n  useControl,\n  useControlEffect,\n} from \"@react-typed-forms/core\";\nimport {FieldType} from \"@react-typed-forms/schemas\";\n\nexport function ControlInput({\n  control,\n  convert,\n  ...props\n}: React.InputHTMLAttributes<HTMLInputElement> & {\n  control: Control<any>;\n  convert: InputConversion;\n}) {\n  const { errorText, value, onChange, ...inputProps } =\n    formControlProps(control);\n  const textValue = useControl(() => toText(value));\n  useControlEffect(\n    () => control.value,\n    (v) => (textValue.value = toText(v)),\n  );\n  return (\n    <input\n      {...inputProps}\n      type={convert[0]}\n      value={textValue.value}\n      onChange={(e) => {\n        textValue.value = e.target.value;\n        const converted = convert[1](e.target.value);\n        if (converted !== undefined) control.value = converted;\n      }}\n      {...props}\n    />\n  );\n\n  function toText(value: any) {\n    return value == null ? \"\" : convert[2](value);\n  }\n}\n\ntype InputConversion = [\n  string,\n  (s: string) => any,\n  (a: any) => string | number,\n];\n\nexport function createInputConversion(ft: string): InputConversion {\n  switch (ft) {\n    case FieldType.String:\n      return [\"text\", (a) => a, (a) => a];\n    case FieldType.Bool:\n      return [\n        \"text\",\n        (a) => (a === \"true\" ? true : a === \"false\" ? false : undefined),\n        (a) => a?.toString() ?? \"\",\n      ];\n    case FieldType.Int:\n      return [\n        \"number\",\n        (a) => (a !== \"\" ? parseInt(a) : null),\n        (a) => (a == null ? \"\" : a),\n      ];\n    case FieldType.DateTime:\n      return [\"datetime-local\", (a) => (!a ? null : a), (a) => a];\n    case FieldType.Date:\n      return [\"date\", (a) => (!a ? null : a), (a) => a];\n    case FieldType.Time:\n      return [\n        \"time\",\n        (a) => {\n          const l = a.length;\n          if (l === 5) return a + \":00\";\n          if (l === 8) return a;\n          return undefined;\n        },\n        (a) => (a ? a.substring(0, 5) : \"\"),\n      ];\n    case FieldType.Double:\n      return [\n        \"number\",\n        (a) => (a !== \"\" ? parseFloat(a) : null),\n        (a) => (a == null ? \"\" : a),\n      ];\n    default:\n      return [\"text\", (a) => a, (a) => a];\n  }\n}\n","import { Control } from \"@react-typed-forms/core\";\nimport React, { useMemo, useState } from \"react\";\nimport {\n  createDataRenderer,\n  FieldOption,\n  FieldType,\n  rendererClass,\n} from \"@react-typed-forms/schemas\";\n\nexport interface SelectRendererOptions {\n  className?: string;\n  emptyText?: string;\n  requiredText?: string;\n}\n\nexport function createSelectRenderer(options: SelectRendererOptions = {}) {\n  return createDataRenderer(\n    (props, asArray) => (\n      <SelectDataRenderer\n        className={rendererClass(props.className, options.className)}\n        state={props.control}\n        id={props.id}\n        readonly={props.readonly}\n        options={props.options ?? []}\n        required={props.required}\n        emptyText={options.emptyText}\n        requiredText={options.requiredText}\n        convert={createSelectConversion(props.field.type)}\n      />\n    ),\n    {\n      options: true,\n    },\n  );\n}\n\ntype SelectConversion = (a: any) => string | number;\n\nexport interface SelectDataRendererProps {\n  id?: string;\n  className?: string;\n  options: FieldOption[];\n  emptyText?: string;\n  requiredText?: string;\n  readonly: boolean;\n  required: boolean;\n  state: Control<any>;\n  convert: SelectConversion;\n}\n\nexport function SelectDataRenderer({\n  state,\n  options,\n  className,\n  convert,\n  required,\n  emptyText = \"N/A\",\n  requiredText = \"<please select>\",\n  readonly,\n  ...props\n}: SelectDataRendererProps) {\n  const { value, disabled } = state;\n  const [showEmpty] = useState(!required || value == null);\n  const optionStringMap = useMemo(\n    () => Object.fromEntries(options.map((x) => [convert(x.value), x.value])),\n    [options],\n  );\n  const optionGroups = useMemo(\n    () => new Set(options.filter((x) => x.group).map((x) => x.group!)),\n    [options],\n  );\n  return (\n    <select\n      {...props}\n      className={className}\n      onChange={(v) => (state.value = optionStringMap[v.target.value])}\n      value={convert(value)}\n      disabled={disabled || readonly}\n    >\n      {showEmpty && (\n        <option value=\"\">{required ? requiredText : emptyText}</option>\n      )}\n      {[...optionGroups.keys()].map((x) => (\n        <optgroup key={x} label={x}>\n          {options.filter((o) => o.group === x).map(renderOption)}\n        </optgroup>\n      ))}\n      {options.filter((x) => !x.group).map(renderOption)}\n    </select>\n  );\n\n  function renderOption(x: FieldOption, i: number) {\n    return (\n      <option key={i} value={convert(x.value)} disabled={!!x.disabled}>\n        {x.name}\n      </option>\n    );\n  }\n}\n\nexport function createSelectConversion(ft: string): SelectConversion {\n  switch (ft) {\n    case FieldType.String:\n    case FieldType.Int:\n    case FieldType.Double:\n      return (a) => a;\n    default:\n      return (a) => a?.toString() ?? \"\";\n  }\n}\n","import {\n  Control,\n  Fcheckbox,\n  RenderArrayElements,\n  useComputed,\n} from \"@react-typed-forms/core\";\nimport React, { ReactNode } from \"react\";\nimport {\n  createDataRenderer,\n  DataRenderType,\n  FieldOption,\n  fieldOptionAdornment,\n  rendererClass\n} from \"@react-typed-forms/schemas\";\n\nexport interface CheckRendererOptions {\n  className?: string;\n  entryClass?: string;\n  checkClass?: string;\n  labelClass?: string;\n}\nexport function createRadioRenderer(options: CheckRendererOptions = {}) {\n  return createDataRenderer(\n    (p) => (\n      <CheckButtons\n        {...options}\n        {...p}\n        className={rendererClass(p.className, options.className)}\n        isChecked={(control, o) => control.value == o.value}\n        setChecked={(c, o) => (c.value = o.value)}\n        control={p.control}\n        type=\"radio\"\n        entryAdornment={fieldOptionAdornment(p)}\n      />\n    ),\n    {\n      renderType: DataRenderType.Radio,\n    },\n  );\n}\n\nexport function createCheckListRenderer(options: CheckRendererOptions = {}) {\n  return createDataRenderer(\n    (p) => (\n      <CheckButtons\n        {...options}\n        {...p}\n        className={rendererClass(p.className, options.className)}\n        isChecked={(control, o) => {\n          const v = control.value;\n          return Array.isArray(v) ? v.includes(o.value) : false;\n        }}\n        setChecked={(c, o, checked) => {\n          c.setValue((x) => setIncluded(x ?? [], o.value, checked));\n        }}\n        control={p.control}\n        type=\"checkbox\"\n        entryAdornment={fieldOptionAdornment(p)}\n      />\n    ),\n    {\n      collection: true,\n      renderType: DataRenderType.CheckList,\n    },\n  );\n}\n\nexport interface CheckButtonsProps {\n  id?: string;\n  className?: string;\n  options?: FieldOption[] | null;\n  control: Control<any>;\n  entryClass?: string;\n  checkClass?: string;\n  labelClass?: string;\n  readonly?: boolean;\n  type: \"checkbox\" | \"radio\";\n  isChecked: (c: Control<any>, o: FieldOption) => boolean;\n  setChecked: (c: Control<any>, o: FieldOption, checked: boolean) => void;\n  entryAdornment?: (c: FieldOption, i: number, selected: boolean) => ReactNode;\n}\n\nexport function CheckButtons({\n  control,\n  options,\n  labelClass,\n  checkClass,\n  readonly,\n  entryClass,\n  className,\n  id,\n  type,\n  isChecked,\n  setChecked,\n  entryAdornment,\n}: CheckButtonsProps) {\n  const { disabled } = control;\n  const name = \"r\" + control.uniqueId;\n  return (\n    <div className={className} id={id}>\n      <RenderArrayElements array={options?.filter((x) => x.value != null)}>\n        {(o, i) => {\n          const checked = useComputed(() => isChecked(control, o)).value;\n          return (\n            <>\n              <div key={i} className={entryClass}>\n                <input\n                  id={name + \"_\" + i}\n                  className={checkClass}\n                  type={type}\n                  name={name}\n                  readOnly={readonly}\n                  disabled={disabled}\n                  checked={checked}\n                  onChange={(x) => {\n                    !readonly && setChecked(control, o, x.target.checked);\n                  }}\n                />\n                <label className={labelClass} htmlFor={name + \"_\" + i}>\n                  {o.name}\n                </label>\n              </div>\n              {entryAdornment?.(o, i, checked)}\n            </>\n          );\n        }}\n      </RenderArrayElements>\n    </div>\n  );\n}\n\nexport function setIncluded<A>(array: A[], elem: A, included: boolean): A[] {\n  const already = array.includes(elem);\n  if (included === already) {\n    return array;\n  }\n  if (included) {\n    return [...array, elem];\n  }\n  return array.filter((e) => e !== elem);\n}\n\nexport function createCheckboxRenderer(options: CheckRendererOptions = {}) {\n  return createDataRenderer(\n    (props, renderer) => (p) => ({\n      ...p,\n      label: undefined,\n      children: (\n        <div className={rendererClass(props.className, options.entryClass)}>\n          <Fcheckbox\n            id={props.id}\n            control={props.control}\n            style={props.style}\n            className={options.checkClass}\n          />\n          {p.label && renderer.renderLabel(p.label, undefined, undefined)}\n        </div>\n      ),\n    }),\n    { renderType: DataRenderType.Checkbox },\n  );\n}\n","import React, { ReactNode } from \"react\";\nimport {RenderedLayout} from \"@react-typed-forms/schemas\";\n\nexport interface DefaultLayoutRendererOptions {\n  className?: string;\n  errorClass?: string;\n  renderError?: (errorText: string | null | undefined) => ReactNode;\n}\n\nexport function DefaultLayout({\n  errorClass,\n  renderError = (e) => e && <div className={errorClass}>{e}</div>,\n  layout: { controlEnd, controlStart, label, children, errorControl },\n}: DefaultLayoutRendererOptions & {\n  layout: RenderedLayout;\n}) {\n  const ec = errorControl;\n  const errorText = ec && ec.touched ? ec.error : undefined;\n  return (\n    <>\n      {label}\n      {controlStart}\n      {children}\n      {renderError(errorText)}\n      {controlEnd}\n    </>\n  );\n}\n","import { Control } from \"@react-typed-forms/core\";\nimport React from \"react\";\nimport {\n  rendererClass,\n  SchemaField,\n  SchemaInterface,\n} from \"@react-typed-forms/schemas\";\n\nexport function DefaultDisplayOnly({\n  control,\n  className,\n  emptyText,\n  schemaInterface,\n  field,\n  style,\n}: {\n  control: Control<any>;\n  field: SchemaField;\n  schemaInterface: SchemaInterface;\n  className?: string | null;\n  style?: React.CSSProperties;\n  emptyText?: string | null;\n}) {\n  const v = control.value;\n  const text =\n    (schemaInterface.isEmptyValue(field, v)\n      ? emptyText\n      : schemaInterface.textValue(field, v)) ?? \"\";\n  return (\n    <div style={style} className={rendererClass(className)}>\n      {text}\n    </div>\n  );\n}\n","import React, { useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport {\n  createVisibilityRenderer,\n  VisibilityRendererProps,\n} from \"@react-typed-forms/schemas\";\n\nexport function createDefaultVisibilityRenderer() {\n  return createVisibilityRenderer((props) => <DefaultVisibility {...props} />);\n}\n\nexport function DefaultVisibility({\n  visibility,\n  children,\n  className,\n  style,\n  divRef,\n}: VisibilityRendererProps) {\n  const v = visibility.value;\n  useEffect(() => {\n    if (v) {\n      visibility.setValue((ex) => ({ visible: v.visible, showing: v.visible }));\n    }\n  }, [v?.visible]);\n  return v?.visible ? (\n    <div className={clsx(className)} style={style} ref={divRef}>\n      {children}\n    </div>\n  ) : (\n    <></>\n  );\n}\n","import { Control, useComputed } from \"@react-typed-forms/core\";\nimport React from \"react\";\nimport {\n  coerceToString,\n  ControlDataContext,\n  createDataRenderer,\n  DataRenderType,\n  getJsonPath,\n  getRootDataNode,\n  JsonataRenderOptions,\n  rendererClass,\n  useJsonataExpression,\n} from \"@react-typed-forms/schemas\";\n\nexport function createJsonataRenderer(className?: string) {\n  return createDataRenderer(\n    (p) => (\n      <JsonataRenderer\n        renderOptions={p.renderOptions as JsonataRenderOptions}\n        className={rendererClass(p.className, className)}\n        dataContext={p.dataContext}\n        control={p.control}\n        readonly={p.readonly}\n      />\n    ),\n    { renderType: DataRenderType.Jsonata },\n  );\n}\n\nexport function JsonataRenderer({\n  control,\n  renderOptions: { expression },\n  readonly,\n  className,\n  dataContext,\n}: {\n  control: Control<any>;\n  renderOptions: JsonataRenderOptions;\n  className?: string;\n  dataContext: ControlDataContext;\n  readonly: boolean;\n}) {\n  const sdn = dataContext.parentNode;\n  const bindings = useComputed(() => ({\n    value: control.value,\n    readonly,\n    disabled: control.disabled,\n    formData: dataContext.formData,\n  }));\n  const rendered = useJsonataExpression(\n    expression,\n    getRootDataNode(sdn).control!,\n    getJsonPath(sdn),\n    bindings,\n    coerceToString,\n  );\n  return (\n    <div\n      className={className}\n      dangerouslySetInnerHTML={{ __html: rendered.value }}\n    />\n  );\n}\n","import { Control, newControl, useControlEffect } from \"@react-typed-forms/core\";\nimport React, { ReactNode } from \"react\";\nimport {\n  createDataRenderer,\n  DataRenderType,\n  FieldType,\n} from \"@react-typed-forms/schemas\";\n\nexport function createNullToggleRenderer() {\n  return createDataRenderer(\n    ({ control, field, renderOptions, ...props }, renderers) => {\n      const nullControl = (control.meta[\"nullControl\"] ??= newControl(\n        control.current.value != null,\n      ));\n      return (layout) => {\n        const newLayout = renderers.renderData({\n          ...props,\n          control: nullControl,\n          field: { ...field, type: FieldType.Bool },\n          renderOptions: { type: DataRenderType.Checkbox },\n        })(layout);\n        return {\n          ...newLayout,\n          children: (\n            <NullWrapper\n              control={control}\n              nullControl={nullControl}\n              children={newLayout.children}\n              readonly={props.readonly}\n              defaultValue={props.definition.defaultValue}\n            />\n          ),\n        };\n      };\n    },\n  );\n}\n\nfunction NullWrapper({\n  children,\n  nullControl,\n  control,\n  defaultValue,\n  readonly,\n}: {\n  control: Control<any>;\n  nullControl: Control<boolean>;\n  children: ReactNode;\n  readonly: boolean;\n  defaultValue: any;\n}) {\n  useControlEffect(\n    () => readonly,\n    (r) => (nullControl.disabled = r),\n    true,\n  );\n  useControlEffect(\n    () => nullControl.value,\n    (e) => {\n      if (e) {\n        control.value = nullControl.meta[\"nonNullValue\"] ?? defaultValue;\n      } else {\n        nullControl.meta[\"nonNullValue\"] = control.value;\n        control.value = null;\n      }\n    },\n  );\n  return children;\n}\n","import clsx from \"clsx\";\nimport React, { Fragment, ReactNode } from \"react\";\nimport { RenderElements } from \"@react-typed-forms/core\";\nimport {\n  ActionRendererProps,\n  applyArrayLengthRestrictions,\n  ArrayActionOptions,\n  ArrayRendererProps,\n  ArrayRendererRegistration,\n  ArrayRenderOptions,\n  ControlDefinitionType,\n  createArrayActions,\n  createDataRenderer,\n  DataControlDefinition,\n  DataRendererRegistration,\n  DataRenderType,\n  getLengthRestrictions,\n  isArrayRenderer,\n  mergeObjects,\n} from \"@react-typed-forms/schemas\";\n\nexport function createDefaultArrayDataRenderer(\n  defaultActions?: ArrayActionOptions,\n): DataRendererRegistration {\n  return createDataRenderer(\n    (\n      {\n        definition,\n        control,\n        required,\n        field,\n        renderChild,\n        className,\n        style,\n        renderOptions,\n        readonly,\n        designMode,\n      },\n      renderers,\n    ) => {\n      const { addText, noAdd, noRemove, noReorder, removeText } = mergeObjects(\n        isArrayRenderer(renderOptions)\n          ? renderOptions\n          : ({} as ArrayRenderOptions),\n        defaultActions as ArrayRenderOptions,\n      );\n      const childOptions = isArrayRenderer(renderOptions)\n        ? renderOptions.childOptions\n        : undefined;\n\n      const arrayProps = {\n        ...createArrayActions(control, field, {\n          addText,\n          removeText,\n          noAdd,\n          noRemove,\n          readonly,\n          disabled: control.disabled,\n          designMode,\n        }),\n        required,\n        renderElement: (i) =>\n          renderChild(\n            control.elements?.[i].uniqueId ?? i,\n            {\n              type: ControlDefinitionType.Data,\n              field: definition.field,\n              children: definition.children,\n              renderOptions: childOptions ?? { type: DataRenderType.Standard },\n              hideTitle: true,\n            } as DataControlDefinition,\n            { elementIndex: i },\n          ),\n        className: className ? className : undefined,\n        style,\n        ...getLengthRestrictions(definition),\n      } satisfies ArrayRendererProps;\n      return renderers.renderArray(arrayProps);\n    },\n    { renderType: DataRenderType.Array, collection: true },\n  );\n}\n\nexport interface DefaultArrayRendererOptions extends ArrayActionOptions {\n  className?: string;\n  removableClass?: string;\n  childClass?: string;\n  removableChildClass?: string;\n  removeActionClass?: string;\n  addActionClass?: string;\n}\n\nexport function createDefaultArrayRenderer(\n  options?: DefaultArrayRendererOptions,\n): ArrayRendererRegistration {\n  return {\n    render: (props, { renderAction }) => (\n      <DefaultArrayRenderer\n        {...props}\n        {...options}\n        renderAction={renderAction}\n      />\n    ),\n    type: \"array\",\n  };\n}\n\nexport interface DefaultArrayRendererProps\n  extends DefaultArrayRendererOptions,\n    ArrayRendererProps {\n  renderAction: (props: ActionRendererProps) => ReactNode;\n}\n\nexport function DefaultArrayRenderer(props: DefaultArrayRendererProps) {\n  const {\n    renderElement,\n    className,\n    removableClass,\n    childClass,\n    removableChildClass,\n    removeActionClass,\n    addActionClass,\n    arrayControl,\n    renderAction,\n    style,\n  } = props;\n  const { addAction, removeAction } = applyArrayLengthRestrictions(props);\n  return (\n    <div style={style}>\n      <div className={clsx(className, removeAction && removableClass)}>\n        <RenderElements control={arrayControl}>\n          {(_, x) =>\n            removeAction ? (\n              <>\n                <div className={clsx(childClass, removableChildClass)}>\n                  {renderElement(x)}\n                </div>\n                <div className={removeActionClass}>\n                  {renderAction(removeAction(x))}\n                </div>\n              </>\n            ) : (\n              <div className={childClass}>{renderElement(x)}</div>\n            )\n          }\n        </RenderElements>\n      </div>\n      {addAction && (\n        <div className={addActionClass}>{renderAction(addAction)}</div>\n      )}\n    </div>\n  );\n}\n","import React, { CSSProperties, Fragment, ReactElement } from \"react\";\nimport { useControl } from \"@react-typed-forms/core\";\nimport clsx from \"clsx\";\nimport { DefaultAccordionRendererOptions } from \"../createDefaultRenderers\";\nimport { AccordionAdornment, FormRenderer } from \"@react-typed-forms/schemas\";\n\nexport function DefaultAccordion({\n  children,\n  accordion,\n  contentStyle,\n  contentClassName,\n  designMode,\n  iconOpenClass,\n  iconClosedClass,\n  className,\n  renderTitle = (t) => t,\n  renderToggler,\n  renderers,\n  titleClass,\n}: {\n  children: ReactElement;\n  accordion: Partial<AccordionAdornment>;\n  contentStyle?: CSSProperties;\n  contentClassName?: string;\n  designMode?: boolean;\n  renderers: FormRenderer;\n} & DefaultAccordionRendererOptions) {\n  const open = useControl(!!accordion.defaultExpanded);\n  const isOpen = open.value;\n  const fullContentStyle =\n    isOpen || designMode ? contentStyle : { ...contentStyle, display: \"none\" };\n  const title = renderers.renderLabelText(renderTitle(accordion.title, open));\n  const toggler = renderToggler ? (\n    renderToggler(open, title)\n  ) : (\n    <button className={className} onClick={() => open.setValue((x) => !x)}>\n      <label className={titleClass}>{title}</label>\n      <i className={clsx(isOpen ? iconOpenClass : iconClosedClass)} />\n    </button>\n  );\n\n  return (\n    <>\n      {toggler}\n      <div style={fullContentStyle} className={contentClassName}>\n        {children}\n      </div>\n    </>\n  );\n}\n","import React, { useRef } from \"react\";\nimport { useControlEffect } from \"@react-typed-forms/core\";\nimport {\n  createDataRenderer,\n  DataRendererProps,\n  rendererClass,\n} from \"@react-typed-forms/schemas\";\n\nexport function createMultilineFieldRenderer(className?: string) {\n  return createDataRenderer((p) => (\n    <MultilineTextfield\n      {...p}\n      className={rendererClass(p.className, className)}\n    />\n  ));\n}\n\nexport function MultilineTextfield({ control, className }: DataRendererProps) {\n  const codeRef = useRef<HTMLElement | null>(null);\n  useControlEffect(\n    () => control.value,\n    (v) => {\n      const c = codeRef.current;\n      if (c && c.textContent !== v) {\n        c.textContent = v;\n      }\n    },\n    true,\n  );\n  return (\n    <code\n      contentEditable={!control.disabled}\n      className={className}\n      onInput={(t) => (control.value = t.currentTarget.textContent)}\n      ref={codeRef}\n    />\n  );\n}\n","import {\n  createDefaultDisplayRenderer,\n  DefaultDisplayRendererOptions,\n} from \"./components/DefaultDisplay\";\nimport {\n  DefaultLayout,\n  DefaultLayoutRendererOptions,\n} from \"./components/DefaultLayout\";\nimport { createDefaultVisibilityRenderer } from \"./components/DefaultVisibility\";\nimport React, {\n  CSSProperties,\n  Fragment,\n  ReactElement,\n  ReactNode,\n  useCallback,\n} from \"react\";\nimport clsx from \"clsx\";\nimport {\n  createSelectRenderer,\n  SelectRendererOptions,\n} from \"./components/SelectDataRenderer\";\nimport { DefaultDisplayOnly } from \"./components/DefaultDisplayOnly\";\nimport { Control, useControlEffect } from \"@react-typed-forms/core\";\nimport { ControlInput, createInputConversion } from \"./components/ControlInput\";\nimport {\n  createDefaultArrayDataRenderer,\n  createDefaultArrayRenderer,\n  DefaultArrayRendererOptions,\n} from \"./components/DefaultArrayRenderer\";\nimport {\n  CheckRendererOptions,\n  createCheckboxRenderer,\n  createCheckListRenderer,\n  createRadioRenderer,\n} from \"./components/CheckRenderer\";\nimport { DefaultAccordion } from \"./components/DefaultAccordion\";\nimport { createNullToggleRenderer } from \"./components/NullToggle\";\nimport { createMultilineFieldRenderer } from \"./components/MultilineTextfield\";\nimport { createJsonataRenderer } from \"./components/JsonataRenderer\";\nimport {\n  ActionRendererProps,\n  ActionRendererRegistration,\n  AdornmentPlacement,\n  AdornmentRendererRegistration,\n  appendMarkupAt,\n  ArrayActionOptions,\n  ControlDataContext,\n  ControlLayoutProps,\n  createActionRenderer,\n  createDataRenderer,\n  createLayoutRenderer,\n  DataRendererRegistration,\n  DataRenderType,\n  DefaultRenderers,\n  FieldOption,\n  FieldType,\n  FlexRenderer,\n  GridRenderer,\n  GroupRendererProps,\n  GroupRendererRegistration,\n  hasOptions,\n  isAccordionAdornment,\n  isDataGroupRenderer,\n  isDisplayOnlyRenderer,\n  isFlexRenderer,\n  isGridRenderer,\n  isIconAdornment,\n  isSetFieldAdornment,\n  isTextfieldRenderer,\n  LabelRendererRegistration,\n  LabelType,\n  rendererClass,\n  renderLayoutParts,\n  schemaDataForFieldRef,\n  SetFieldAdornment,\n  useDynamicHooks,\n  wrapLayout,\n} from \"@react-typed-forms/schemas\";\n\nexport interface DefaultRendererOptions {\n  data?: DefaultDataRendererOptions;\n  display?: DefaultDisplayRendererOptions;\n  action?: DefaultActionRendererOptions;\n  array?: DefaultArrayRendererOptions;\n  group?: DefaultGroupRendererOptions;\n  label?: DefaultLabelRendererOptions;\n  adornment?: DefaultAdornmentRendererOptions;\n  layout?: DefaultLayoutRendererOptions;\n}\n\ninterface StyleProps {\n  className?: string;\n  style?: CSSProperties;\n}\n\nexport interface DefaultActionRendererOptions {\n  className?: string;\n  renderContent?: (\n    actionText: string,\n    actionId: string,\n    actionData: any,\n  ) => ReactNode;\n}\n\nexport function createButtonActionRenderer(\n  actionId: string | string[] | undefined,\n  options: DefaultActionRendererOptions = {},\n): ActionRendererRegistration {\n  return createActionRenderer(\n    actionId,\n    ({\n      onClick,\n      actionText,\n      className,\n      style,\n      actionId,\n      actionData,\n    }: ActionRendererProps) => {\n      return (\n        <button\n          className={rendererClass(className, options.className)}\n          style={style}\n          onClick={onClick}\n        >\n          {options.renderContent?.(actionText, actionId, actionData) ??\n            actionText}\n        </button>\n      );\n    },\n  );\n}\n\nexport interface DefaultGroupRendererOptions {\n  className?: string;\n  standardClassName?: string;\n  gridStyles?: (columns: GridRenderer) => StyleProps;\n  gridClassName?: string;\n  defaultGridColumns?: number;\n  flexClassName?: string;\n  defaultFlexGap?: string;\n}\n\nexport function createDefaultGroupRenderer(\n  options?: DefaultGroupRendererOptions,\n): GroupRendererRegistration {\n  const {\n    className,\n    gridStyles = defaultGridStyles,\n    defaultGridColumns = 2,\n    gridClassName,\n    standardClassName,\n    flexClassName,\n    defaultFlexGap,\n  } = options ?? {};\n\n  function defaultGridStyles({\n    columns = defaultGridColumns,\n  }: GridRenderer): StyleProps {\n    return {\n      className: gridClassName,\n      style: {\n        display: \"grid\",\n        gridTemplateColumns: `repeat(${columns}, 1fr)`,\n      },\n    };\n  }\n\n  function flexStyles(options: FlexRenderer): StyleProps {\n    return {\n      className: flexClassName,\n      style: {\n        display: \"flex\",\n        gap: options.gap ? options.gap : defaultFlexGap,\n        flexDirection: options.direction\n          ? (options.direction as any)\n          : undefined,\n      },\n    };\n  }\n\n  function render(props: GroupRendererProps) {\n    const { renderChild, renderOptions, childDefinitions } = props;\n\n    const { style, className: gcn } = isGridRenderer(renderOptions)\n      ? gridStyles(renderOptions)\n      : isFlexRenderer(renderOptions)\n        ? flexStyles(renderOptions)\n        : ({ className: standardClassName } as StyleProps);\n\n    return (cp: ControlLayoutProps) => {\n      return {\n        ...cp,\n        children: (\n          <div\n            className={rendererClass(props.className, clsx(className, gcn))}\n            style={style}\n          >\n            {childDefinitions?.map((c, i) => renderChild(i, c))}\n          </div>\n        ),\n      };\n    };\n  }\n\n  return { type: \"group\", render };\n}\n\nexport const DefaultBoolOptions: FieldOption[] = [\n  { name: \"Yes\", value: true },\n  { name: \"No\", value: false },\n];\n\nexport interface DefaultDataRendererOptions {\n  inputClass?: string;\n  displayOnlyClass?: string;\n  selectOptions?: SelectRendererOptions;\n  checkboxOptions?: CheckRendererOptions;\n  checkOptions?: CheckRendererOptions;\n  radioOptions?: CheckRendererOptions;\n  checkListOptions?: CheckRendererOptions;\n  booleanOptions?: FieldOption[];\n  optionRenderer?: DataRendererRegistration;\n  multilineClass?: string;\n  jsonataClass?: string;\n  arrayOptions?: ArrayActionOptions;\n}\n\nexport function createDefaultDataRenderer(\n  options: DefaultDataRendererOptions = {},\n): DataRendererRegistration {\n  const jsonataRenderer = createJsonataRenderer(options.jsonataClass);\n  const nullToggler = createNullToggleRenderer();\n  const multilineRenderer = createMultilineFieldRenderer(\n    options.multilineClass,\n  );\n  const checkboxRenderer = createCheckboxRenderer(\n    options.checkOptions ?? options.checkboxOptions,\n  );\n  const selectRenderer = createSelectRenderer(options.selectOptions);\n  const radioRenderer = createRadioRenderer(\n    options.radioOptions ?? options.checkOptions,\n  );\n  const checkListRenderer = createCheckListRenderer(\n    options.checkListOptions ?? options.checkOptions,\n  );\n  const { inputClass, booleanOptions, optionRenderer, displayOnlyClass } = {\n    optionRenderer: selectRenderer,\n    booleanOptions: DefaultBoolOptions,\n    ...options,\n  };\n  const arrayRenderer = createDefaultArrayDataRenderer(options.arrayOptions);\n\n  return createDataRenderer((props, renderers) => {\n    const { field } = props;\n    const fieldType = field.type;\n    const renderOptions = props.renderOptions;\n    let renderType = renderOptions.type;\n    if (\n      field.collection &&\n      props.elementIndex == null &&\n      (renderType == DataRenderType.Standard ||\n        renderType == DataRenderType.Array)\n    ) {\n      return arrayRenderer.render(props, renderers);\n    }\n    if (fieldType === FieldType.Compound) {\n      const groupOptions = (isDataGroupRenderer(renderOptions)\n        ? renderOptions.groupOptions\n        : undefined) ?? { type: \"Standard\", hideTitle: true };\n      return renderers.renderGroup({ ...props, renderOptions: groupOptions });\n    }\n    if (fieldType == FieldType.Any) return <>No control for Any</>;\n    if (isDisplayOnlyRenderer(renderOptions))\n      return (p) => ({\n        ...p,\n        className: displayOnlyClass,\n        children: (\n          <DefaultDisplayOnly\n            field={props.field}\n            schemaInterface={props.dataContext.schemaInterface}\n            control={props.control}\n            className={props.className}\n            style={props.style}\n            emptyText={renderOptions.emptyText}\n          />\n        ),\n      });\n    const isBool = fieldType === FieldType.Bool;\n    if (booleanOptions != null && isBool && props.options == null) {\n      return renderers.renderData({ ...props, options: booleanOptions });\n    }\n    if (renderType === DataRenderType.Standard && hasOptions(props)) {\n      return optionRenderer.render(props, renderers);\n    }\n    switch (renderType) {\n      case DataRenderType.NullToggle:\n        return nullToggler.render(props, renderers);\n      case DataRenderType.CheckList:\n        return checkListRenderer.render(props, renderers);\n      case DataRenderType.Dropdown:\n        return selectRenderer.render(props, renderers);\n      case DataRenderType.Radio:\n        return radioRenderer.render(props, renderers);\n      case DataRenderType.Checkbox:\n        return checkboxRenderer.render(props, renderers);\n      case DataRenderType.Jsonata:\n        return jsonataRenderer.render(props, renderers);\n    }\n    if (isTextfieldRenderer(renderOptions) && renderOptions.multiline)\n      return multilineRenderer.render(props, renderers);\n    const placeholder = isTextfieldRenderer(renderOptions)\n      ? renderOptions.placeholder\n      : undefined;\n    return (\n      <ControlInput\n        className={rendererClass(props.className, inputClass)}\n        style={props.style}\n        id={props.id}\n        readOnly={props.readonly}\n        control={props.control}\n        placeholder={placeholder ?? undefined}\n        convert={createInputConversion(props.field.type)}\n      />\n    );\n  });\n}\n\nexport interface DefaultAccordionRendererOptions {\n  className?: string;\n  titleClass?: string;\n  togglerClass?: string;\n  iconOpenClass?: string;\n  iconClosedClass?: string;\n  renderTitle?: (\n    title: string | undefined,\n    current: Control<boolean>,\n  ) => ReactNode;\n  renderToggler?: (current: Control<boolean>, title: ReactNode) => ReactNode;\n}\n\nexport interface DefaultAdornmentRendererOptions {\n  accordion?: DefaultAccordionRendererOptions;\n}\n\nexport function createDefaultAdornmentRenderer(\n  options: DefaultAdornmentRendererOptions = {},\n): AdornmentRendererRegistration {\n  return {\n    type: \"adornment\",\n    render: ({ adornment, designMode, dataContext, useExpr }, renderers) => ({\n      apply: (rl) => {\n        if (isSetFieldAdornment(adornment) && useExpr) {\n          const hook = useExpr(adornment.expression, (x) => x);\n          const dynamicHooks = useDynamicHooks({ value: hook });\n          const SetFieldWrapper = useCallback(setFieldWrapper, [dynamicHooks]);\n          return wrapLayout((x) => (\n            <SetFieldWrapper\n              children={x}\n              parentContext={dataContext}\n              adornment={adornment}\n            />\n          ))(rl);\n\n          function setFieldWrapper({\n            children,\n            adornment,\n            parentContext,\n          }: {\n            children: ReactNode;\n            adornment: SetFieldAdornment;\n            parentContext: ControlDataContext;\n          }) {\n            const { value } = dynamicHooks(parentContext);\n            const fieldNode = schemaDataForFieldRef(\n              adornment.field,\n              parentContext.parentNode,\n            );\n            const otherField = fieldNode.control;\n            const always = !adornment.defaultOnly;\n            useControlEffect(\n              () => [value?.value, otherField?.value == null],\n              ([v]) => {\n                otherField?.setValue((x) => (always || x == null ? v : x));\n              },\n              true,\n            );\n            return children;\n          }\n        }\n        if (isIconAdornment(adornment)) {\n          return appendMarkupAt(\n            adornment.placement ?? AdornmentPlacement.ControlStart,\n            <i className={adornment.iconClass} />,\n          )(rl);\n        }\n        if (isAccordionAdornment(adornment)) {\n          return wrapLayout((x) => (\n            <DefaultAccordion\n              renderers={renderers}\n              children={x}\n              accordion={adornment}\n              contentStyle={rl.style}\n              contentClassName={rl.className}\n              designMode={designMode}\n              {...options.accordion}\n            />\n          ))(rl);\n        }\n      },\n      priority: 0,\n      adornment,\n    }),\n  };\n}\n\nfunction createDefaultLayoutRenderer(\n  options: DefaultLayoutRendererOptions = {},\n) {\n  return createLayoutRenderer((props, renderers) => {\n    const layout = renderLayoutParts(\n      {\n        ...props,\n        className: rendererClass(props.className, options.className),\n      },\n      renderers,\n    );\n    return {\n      children: layout.wrapLayout(\n        <DefaultLayout layout={layout} {...options} />,\n      ),\n      className: layout.className,\n      style: layout.style,\n      divRef: (e) =>\n        e && props.errorControl\n          ? (props.errorControl.meta.scrollElement = e)\n          : undefined,\n    };\n  });\n}\n\ninterface DefaultLabelRendererOptions {\n  className?: string;\n  groupLabelClass?: string;\n  controlLabelClass?: string;\n  requiredElement?: ReactNode;\n  labelContainer?: (children: ReactElement) => ReactElement;\n}\n\nexport function createDefaultLabelRenderer(\n  options?: DefaultLabelRendererOptions,\n): LabelRendererRegistration {\n  const {\n    className,\n    groupLabelClass,\n    controlLabelClass,\n    requiredElement,\n    labelContainer,\n  } = {\n    requiredElement: <span> *</span>,\n    labelContainer: (c: ReactElement) => c,\n    ...options,\n  };\n  return {\n    render: (props, labelStart, labelEnd, renderers) => {\n      if (props.type == LabelType.Text) return props.label;\n      return labelContainer(\n        <>\n          <label\n            htmlFor={props.forId}\n            className={rendererClass(\n              props.className,\n              clsx(\n                className,\n                props.type === LabelType.Group && groupLabelClass,\n                props.type === LabelType.Control && controlLabelClass,\n              ),\n            )}\n          >\n            {labelStart}\n            {renderers.renderLabelText(props.label)}\n            {props.required && requiredElement}\n          </label>\n          {labelEnd}\n        </>,\n      );\n    },\n    type: \"label\",\n  };\n}\n\nexport function createDefaultRenderers(\n  options: DefaultRendererOptions = {},\n): DefaultRenderers {\n  return {\n    data: createDefaultDataRenderer(options.data),\n    display: createDefaultDisplayRenderer(options.display),\n    action: createButtonActionRenderer(undefined, options.action),\n    array: createDefaultArrayRenderer(options.array),\n    group: createDefaultGroupRenderer(options.group),\n    label: createDefaultLabelRenderer(options.label),\n    adornment: createDefaultAdornmentRenderer(options.adornment),\n    renderLayout: createDefaultLayoutRenderer(options.layout),\n    visibility: createDefaultVisibilityRenderer(),\n  };\n}\n\nexport function createClassStyledRenderers() {\n  return createDefaultRenderers({\n    layout: { className: \"control\" },\n    group: { className: \"group\" },\n    array: { className: \"control-array\" },\n    action: { className: \"action\" },\n    data: { inputClass: \"data\" },\n    display: { htmlClassName: \"html\", textClassName: \"text\" },\n  });\n}\n","import React from \"react\";\n\nimport { DefaultRendererOptions } from \"./createDefaultRenderers\";\n\nexport const defaultTailwindTheme = {\n  label: {\n    groupLabelClass: \"font-bold\",\n    requiredElement: <span className=\"text-red-500\"> *</span>,\n  },\n  array: {\n    removableClass: \"grid grid-cols-[1fr_auto] items-center gap-x-2\",\n    childClass: \"grow my-2\",\n    addActionClass: \"my-2\",\n  },\n  group: {\n    standardClassName: \"flex flex-col gap-4\",\n    gridClassName: \"gap-x-2 gap-y-4\",\n    flexClassName: \"gap-2\",\n  },\n  action: {\n    className: \"bg-primary-500 rounded-lg p-3 text-white\",\n  },\n  layout: {\n    className: \"flex flex-col\",\n    errorClass: \"text-sm text-danger-500\",\n  },\n  data: {\n    displayOnlyClass: \"flex flex-row items-center gap-2\",\n    checkOptions: {\n      className: \"flex items-center gap-4\",\n      entryClass: \"flex gap-1 items-center\",\n    },\n    selectOptions: { emptyText: \"<select>\" },\n    multilineClass: \"border p-2 outline-0 whitespace-pre\",\n  },\n  adornment: {\n    accordion: {\n      className: \"flex items-center gap-2 my-2\",\n      titleClass: \"cursor-pointer\",\n      iconOpenClass: \"fa fa-chevron-up\",\n      iconClosedClass: \"fa fa-chevron-down\",\n    },\n  },\n} satisfies DefaultRendererOptions;\n"],"names":["_excluded","createDefaultDisplayRenderer","options","render","props","React","createElement","DefaultDisplay","_extends","type","_ref","_effect","_useComponentTracking","useComponentTracking","data","display","className","style","_objectWithoutPropertiesLoose","DisplayDataType","Icon","clsx","getOverrideClass","value","iconClass","Text","rendererClass","textClassName","coerceToString","text","Html","htmlClassName","dangerouslySetInnerHTML","__html","html","Custom","customId","_excluded2","ControlInput","toText","convert","control","_formControlProps","formControlProps","inputProps","textValue","useControl","useControlEffect","v","onChange","e","target","converted","undefined","createInputConversion","ft","FieldType","String","a","Bool","_a$toString","toString","Int","parseInt","DateTime","Date","Time","l","length","substring","Double","parseFloat","createSelectRenderer","createDataRenderer","asArray","_props$options","SelectDataRenderer","state","id","readonly","required","emptyText","requiredText","createSelectConversion","field","renderOption","x","i","key","disabled","name","_ref$emptyText","_ref$requiredText","showEmpty","useState","optionStringMap","useMemo","Object","fromEntries","map","optionGroups","Set","filter","group","concat","keys","label","o","createRadioRenderer","p","CheckButtons","isChecked","setChecked","c","entryAdornment","fieldOptionAdornment","renderType","DataRenderType","Radio","createCheckListRenderer","Array","isArray","includes","checked","setValue","setIncluded","collection","CheckList","labelClass","checkClass","entryClass","uniqueId","RenderArrayElements","array","useComputed","Fragment","readOnly","htmlFor","elem","included","createCheckboxRenderer","renderer","children","Fcheckbox","renderLabel","Checkbox","DefaultLayout","errorClass","_ref$renderError","renderError","_ref$layout","layout","controlEnd","errorControl","controlStart","touched","error","DefaultDisplayOnly","_ref2","schemaInterface","isEmptyValue","createDefaultVisibilityRenderer","createVisibilityRenderer","DefaultVisibility","visibility","divRef","useEffect","ex","visible","showing","ref","createJsonataRenderer","JsonataRenderer","renderOptions","dataContext","Jsonata","expression","sdn","parentNode","bindings","formData","rendered","useJsonataExpression","getRootDataNode","getJsonPath","createNullToggleRenderer","renderers","_control$meta","_control$meta$_nullCo","nullControl","meta","newControl","current","newLayout","renderData","NullWrapper","defaultValue","definition","r","_nullControl$meta$non","createDefaultArrayDataRenderer","defaultActions","renderChild","designMode","_mergeObjects","mergeObjects","isArrayRenderer","addText","noAdd","noRemove","removeText","childOptions","arrayProps","createArrayActions","renderElement","_control$elements$i$u","_control$elements","elements","ControlDefinitionType","Data","Standard","hideTitle","elementIndex","getLengthRestrictions","renderArray","createDefaultArrayRenderer","DefaultArrayRenderer","renderAction","removableClass","childClass","removableChildClass","removeActionClass","addActionClass","arrayControl","_applyArrayLengthRest","applyArrayLengthRestrictions","addAction","removeAction","RenderElements","_","DefaultAccordion","accordion","contentStyle","contentClassName","iconOpenClass","iconClosedClass","_ref$renderTitle","renderTitle","t","renderToggler","titleClass","open","defaultExpanded","isOpen","fullContentStyle","title","renderLabelText","toggler","onClick","MultilineTextfield","codeRef","useRef","textContent","contentEditable","onInput","currentTarget","createButtonActionRenderer","actionId","createActionRenderer","_options$renderConten","actionText","actionData","renderContent","createDefaultGroupRenderer","_ref2$gridStyles","gridStyles","defaultGridStyles","_ref3","_ref3$columns","columns","gridClassName","gridTemplateColumns","defaultGridColumns","_ref2$defaultGridColu","standardClassName","flexClassName","defaultFlexGap","childDefinitions","_ref4","isGridRenderer","isFlexRenderer","gap","flexDirection","direction","flexStyles","gcn","cp","DefaultBoolOptions","createDefaultDataRenderer","_options$checkOptions","_options$radioOptions","_options$checkListOpt","jsonataRenderer","jsonataClass","nullToggler","multilineRenderer","multilineClass","checkboxRenderer","checkOptions","checkboxOptions","selectRenderer","selectOptions","radioRenderer","radioOptions","checkListRenderer","checkListOptions","_optionRenderer$boole","optionRenderer","booleanOptions","inputClass","displayOnlyClass","arrayRenderer","arrayOptions","fieldType","Compound","_ref5","groupOptions","isDataGroupRenderer","renderGroup","Any","isDisplayOnlyRenderer","hasOptions","NullToggle","Dropdown","isTextfieldRenderer","multiline","placeholder","createDefaultAdornmentRenderer","_ref6","adornment","useExpr","apply","rl","isSetFieldAdornment","hook","dynamicHooks","useDynamicHooks","SetFieldWrapper","useCallback","_ref7","parentContext","otherField","schemaDataForFieldRef","always","defaultOnly","_ref8","wrapLayout","_adornment$placement","isIconAdornment","appendMarkupAt","placement","AdornmentPlacement","ControlStart","isAccordionAdornment","priority","createDefaultLayoutRenderer","createLayoutRenderer","renderLayoutParts","scrollElement","createDefaultLabelRenderer","_requiredElement$labe","requiredElement","labelContainer","groupLabelClass","controlLabelClass","labelStart","labelEnd","LabelType","forId","Group","Control","createDefaultRenderers","action","renderLayout","defaultTailwindTheme"],"mappings":"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"}

package/lib/index.d.ts

@@ -0,0 +1,12 @@
+export * from "./components/DefaultDisplay";
+export * from "./components/ControlInput";
+export * from "./components/SelectDataRenderer";
+export * from "./components/CheckRenderer";
+export * from "./components/DefaultLayout";
+export * from "./components/DefaultDisplayOnly";
+export * from "./components/DefaultVisibility";
+export * from "./components/JsonataRenderer";
+export * from "./components/NullToggle";
+export * from "./components/DefaultArrayRenderer";
+export * from "./createDefaultRenderers";
+export * from "./tailwind";

package/lib/index.js

@@ -0,0 +1,2 @@
+import e,{useState as t,useMemo as n,useEffect as l,useRef as r,useCallback as a}from"react";import s from"clsx";import{DisplayDataType as o,rendererClass as c,coerceToString as i,getOverrideClass as d,FieldType as u,createDataRenderer as m,fieldOptionAdornment as y,DataRenderType as p,createVisibilityRenderer as v,useJsonataExpression as f,getRootDataNode as N,getJsonPath as C,mergeObjects as h,isArrayRenderer as g,createArrayActions as x,ControlDefinitionType as E,getLengthRestrictions as b,applyArrayLengthRestrictions as T,createActionRenderer as O,isDataGroupRenderer as k,isDisplayOnlyRenderer as A,hasOptions as I,isTextfieldRenderer as q,isSetFieldAdornment as w,useDynamicHooks as S,wrapLayout as D,schemaDataForFieldRef as L,isIconAdornment as F,appendMarkupAt as V,AdornmentPlacement as R,isAccordionAdornment as M,LabelType as _,isGridRenderer as j,isFlexRenderer as G,createLayoutRenderer as B,renderLayoutParts as H}from"@react-typed-forms/schemas";import{useComponentTracking as J,formControlProps as P,useControl as U,useControlEffect as Y,RenderArrayElements as $,useComputed as z,Fcheckbox as K,newControl as Q,RenderElements as W}from"@react-typed-forms/core";function X(){return X=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},X.apply(null,arguments)}function Z(e,t){if(null==e)return{};var n={};for(var l in e)if({}.hasOwnProperty.call(e,l)){if(t.includes(l))continue;n[l]=e[l]}return n}const ee=["data","display","className","style"];function te(t={}){return{render:n=>/*#__PURE__*/e.createElement(ne,X({},t,n)),type:"display"}}function ne(t){var n=J();try{let{data:n,display:l,className:r,style:a}=t,u=Z(t,ee);switch(n.type){case o.Icon:/*#__PURE__*/return e.createElement("i",{style:a,className:s(d(r),l?l.value:n.iconClass)});case o.Text:/*#__PURE__*/return e.createElement("div",{style:a,className:c(r,u.textClassName)},l?i(l.value):n.text);case o.Html:/*#__PURE__*/return e.createElement("div",{style:a,className:c(r,u.htmlClassName),dangerouslySetInnerHTML:{__html:l?i(l.value):n.html}});case o.Custom:/*#__PURE__*/return e.createElement("div",null,"Custom display placeholder: ",n.customId);default:/*#__PURE__*/return e.createElement("h1",null,"Unknown display type: ",n.type)}}finally{n()}}const le=["control","convert"],re=["errorText","value","onChange"];function ae(t){var n=J();try{let{control:l,convert:r}=t,a=Z(t,le);const s=P(l),{value:o}=s,c=Z(s,re),i=U(()=>d(o));return Y(()=>l.value,e=>i.value=d(e)),/*#__PURE__*/e.createElement("input",X({},c,{type:r[0],value:i.value,onChange:e=>{i.value=e.target.value;const t=r[1](e.target.value);void 0!==t&&(l.value=t)}},a));function d(e){return null==e?"":r[2](e)}}finally{n()}}function se(e){switch(e){case u.String:return["text",e=>e,e=>e];case u.Bool:return["text",e=>"true"===e||"false"!==e&&void 0,e=>{var t;return null!=(t=null==e?void 0:e.toString())?t:""}];case u.Int:return["number",e=>""!==e?parseInt(e):null,e=>null==e?"":e];case u.DateTime:return["datetime-local",e=>e||null,e=>e];case u.Date:return["date",e=>e||null,e=>e];case u.Time:return["time",e=>{const t=e.length;return 5===t?e+":00":8===t?e:void 0},e=>e?e.substring(0,5):""];case u.Double:return["number",e=>""!==e?parseFloat(e):null,e=>null==e?"":e];default:return["text",e=>e,e=>e]}}const oe=["state","options","className","convert","required","emptyText","requiredText","readonly"];function ce(t={}){return m((n,l)=>{var r;/*#__PURE__*/return e.createElement(ie,{className:c(n.className,t.className),state:n.control,id:n.id,readonly:n.readonly,options:null!=(r=n.options)?r:[],required:n.required,emptyText:t.emptyText,requiredText:t.requiredText,convert:de(n.field.type)})},{options:!0})}function ie(l){var r=J();try{let{state:a,options:s,className:o,convert:c,required:i,emptyText:d="N/A",requiredText:u="<please select>",readonly:m}=l,y=Z(l,oe);const{value:p,disabled:v}=a,[f]=t(!i||null==p),N=n(()=>Object.fromEntries(s.map(e=>[c(e.value),e.value])),[s]),C=n(()=>new Set(s.filter(e=>e.group).map(e=>e.group)),[s]);/*#__PURE__*/return e.createElement("select",X({},y,{className:o,onChange:e=>a.value=N[e.target.value],value:c(p),disabled:v||m}),f&&/*#__PURE__*/e.createElement("option",{value:""},i?u:d),[...C.keys()].map(t=>/*#__PURE__*/e.createElement("optgroup",{key:t,label:t},s.filter(e=>e.group===t).map(h))),s.filter(e=>!e.group).map(h));function h(t,n){/*#__PURE__*/return e.createElement("option",{key:n,value:c(t.value),disabled:!!t.disabled},t.name)}}finally{r()}}function de(e){switch(e){case u.String:case u.Int:case u.Double:return e=>e;default:return e=>{var t;return null!=(t=null==e?void 0:e.toString())?t:""}}}function ue(t={}){return m(n=>/*#__PURE__*/e.createElement(ye,X({},t,n,{className:c(n.className,t.className),isChecked:(e,t)=>e.value==t.value,setChecked:(e,t)=>e.value=t.value,control:n.control,type:"radio",entryAdornment:y(n)})),{renderType:p.Radio})}function me(t={}){return m(n=>/*#__PURE__*/e.createElement(ye,X({},t,n,{className:c(n.className,t.className),isChecked:(e,t)=>{const n=e.value;return!!Array.isArray(n)&&n.includes(t.value)},setChecked:(e,t,n)=>{e.setValue(e=>pe(null!=e?e:[],t.value,n))},control:n.control,type:"checkbox",entryAdornment:y(n)})),{collection:!0,renderType:p.CheckList})}function ye({control:t,options:n,labelClass:l,checkClass:r,readonly:a,entryClass:s,className:o,id:c,type:i,isChecked:d,setChecked:u,entryAdornment:m}){var y=J();try{const{disabled:y}=t,p="r"+t.uniqueId;/*#__PURE__*/return e.createElement("div",{className:o,id:c},/*#__PURE__*/e.createElement($,{array:null==n?void 0:n.filter(e=>null!=e.value)},(n,o)=>{const c=z(()=>d(t,n)).value;/*#__PURE__*/return e.createElement(e.Fragment,null,/*#__PURE__*/e.createElement("div",{key:o,className:s},/*#__PURE__*/e.createElement("input",{id:p+"_"+o,className:r,type:i,name:p,readOnly:a,disabled:y,checked:c,onChange:e=>{!a&&u(t,n,e.target.checked)}}),/*#__PURE__*/e.createElement("label",{className:l,htmlFor:p+"_"+o},n.name)),null==m?void 0:m(n,o,c))}))}finally{y()}}function pe(e,t,n){return n===e.includes(t)?e:n?[...e,t]:e.filter(e=>e!==t)}function ve(t={}){return m((n,l)=>r=>X({},r,{label:void 0,children:/*#__PURE__*/e.createElement("div",{className:c(n.className,t.entryClass)},/*#__PURE__*/e.createElement(K,{id:n.id,control:n.control,style:n.style,className:t.checkClass}),r.label&&l.renderLabel(r.label,void 0,void 0))}),{renderType:p.Checkbox})}function fe({errorClass:t,renderError:n=n=>n&&/*#__PURE__*/e.createElement("div",{className:t},n),layout:{controlEnd:l,controlStart:r,label:a,children:s,errorControl:o}}){var c=J();try{/*#__PURE__*/return e.createElement(e.Fragment,null,a,r,s,n(o&&o.touched?o.error:void 0),l)}finally{c()}}function Ne({control:t,className:n,emptyText:l,schemaInterface:r,field:a,style:s}){var o=J();try{var i;const o=t.value,d=null!=(i=r.isEmptyValue(a,o)?l:r.textValue(a,o))?i:"";/*#__PURE__*/return e.createElement("div",{style:s,className:c(n)},d)}finally{o()}}function Ce(){return v(t=>/*#__PURE__*/e.createElement(he,t))}function he({visibility:t,children:n,className:r,style:a,divRef:o}){var c=J();try{const c=t.value;return l(()=>{c&&t.setValue(e=>({visible:c.visible,showing:c.visible}))},[null==c?void 0:c.visible]),null!=c&&c.visible?/*#__PURE__*/e.createElement("div",{className:s(r),style:a,ref:o},n):/*#__PURE__*/e.createElement(e.Fragment,null)}finally{c()}}function ge(t){return m(n=>/*#__PURE__*/e.createElement(xe,{renderOptions:n.renderOptions,className:c(n.className,t),dataContext:n.dataContext,control:n.control,readonly:n.readonly}),{renderType:p.Jsonata})}function xe({control:t,renderOptions:{expression:n},readonly:l,className:r,dataContext:a}){var s=J();try{const s=a.parentNode,o=z(()=>({value:t.value,readonly:l,disabled:t.disabled,formData:a.formData})),c=f(n,N(s).control,C(s),o,i);/*#__PURE__*/return e.createElement("div",{className:r,dangerouslySetInnerHTML:{__html:c.value}})}finally{s()}}const Ee=["control","field","renderOptions"];function be(){return m((t,n)=>{var l,r;let{control:a,field:s}=t,o=Z(t,Ee);const c=null!=(r=(l=a.meta).nullControl)?r:l.nullControl=Q(null!=a.current.value);return t=>{const l=n.renderData(X({},o,{control:c,field:X({},s,{type:u.Bool}),renderOptions:{type:p.Checkbox}}))(t);return X({},l,{children:/*#__PURE__*/e.createElement(Te,{control:a,nullControl:c,children:l.children,readonly:o.readonly,defaultValue:o.definition.defaultValue})})}})}function Te({children:e,nullControl:t,control:n,defaultValue:l,readonly:r}){return Y(()=>r,e=>t.disabled=e,!0),Y(()=>t.value,e=>{var r;e?n.value=null!=(r=t.meta.nonNullValue)?r:l:(t.meta.nonNullValue=n.value,n.value=null)}),e}function Oe(e){return m(({definition:t,control:n,required:l,field:r,renderChild:a,className:s,style:o,renderOptions:c,readonly:i,designMode:d},u)=>{const{addText:m,noAdd:y,noRemove:v,removeText:f}=h(g(c)?c:{},e),N=g(c)?c.childOptions:void 0,C=X({},x(n,r,{addText:m,removeText:f,noAdd:y,noRemove:v,readonly:i,disabled:n.disabled,designMode:d}),{required:l,renderElement:e=>{var l,r;return a(null!=(l=null==(r=n.elements)?void 0:r[e].uniqueId)?l:e,{type:E.Data,field:t.field,children:t.children,renderOptions:null!=N?N:{type:p.Standard},hideTitle:!0},{elementIndex:e})},className:s||void 0,style:o},b(t));return u.renderArray(C)},{renderType:p.Array,collection:!0})}function ke(t){return{render:(n,{renderAction:l})=>/*#__PURE__*/e.createElement(Ae,X({},n,t,{renderAction:l})),type:"array"}}function Ae(t){var n=J();try{const{renderElement:n,className:l,removableClass:r,childClass:a,removableChildClass:o,removeActionClass:c,addActionClass:i,arrayControl:d,renderAction:u,style:m}=t,{addAction:y,removeAction:p}=T(t);/*#__PURE__*/return e.createElement("div",{style:m},/*#__PURE__*/e.createElement("div",{className:s(l,p&&r)},/*#__PURE__*/e.createElement(W,{control:d},(t,l)=>p?/*#__PURE__*/e.createElement(e.Fragment,null,/*#__PURE__*/e.createElement("div",{className:s(a,o)},n(l)),/*#__PURE__*/e.createElement("div",{className:c},u(p(l)))):/*#__PURE__*/e.createElement("div",{className:a},n(l)))),y&&/*#__PURE__*/e.createElement("div",{className:i},u(y)))}finally{n()}}function Ie({children:t,accordion:n,contentStyle:l,contentClassName:r,designMode:a,iconOpenClass:o,iconClosedClass:c,className:i,renderTitle:d=e=>e,renderToggler:u,renderers:m,titleClass:y}){var p=J();try{const p=U(!!n.defaultExpanded),v=p.value,f=v||a?l:X({},l,{display:"none"}),N=m.renderLabelText(d(n.title,p)),C=u?u(p,N):/*#__PURE__*/e.createElement("button",{className:i,onClick:()=>p.setValue(e=>!e)},/*#__PURE__*/e.createElement("label",{className:y},N),/*#__PURE__*/e.createElement("i",{className:s(v?o:c)}));/*#__PURE__*/return e.createElement(e.Fragment,null,C,/*#__PURE__*/e.createElement("div",{style:f,className:r},t))}finally{p()}}function qe({control:t,className:n}){var l=J();try{const l=r(null);return Y(()=>t.value,e=>{const t=l.current;t&&t.textContent!==e&&(t.textContent=e)},!0),/*#__PURE__*/e.createElement("code",{contentEditable:!t.disabled,className:n,onInput:e=>t.value=e.currentTarget.textContent,ref:l})}finally{l()}}function we(t,n={}){return O(t,({onClick:t,actionText:l,className:r,style:a,actionId:s,actionData:o})=>{var i;/*#__PURE__*/return e.createElement("button",{className:c(r,n.className),style:a,onClick:t},null!=(i=null==n.renderContent?void 0:n.renderContent(l,s,o))?i:l)})}function Se(t){const{className:n,gridStyles:l=u,defaultGridColumns:r=2,gridClassName:a,standardClassName:o,flexClassName:i,defaultFlexGap:d}=null!=t?t:{};function u({columns:e=r}){return{className:a,style:{display:"grid",gridTemplateColumns:`repeat(${e}, 1fr)`}}}return{type:"group",render:function(t){const{renderChild:r,renderOptions:a,childDefinitions:u}=t,{style:m,className:y}=j(a)?l(a):G(a)?function(e){return{className:i,style:{display:"flex",gap:e.gap?e.gap:d,flexDirection:e.direction?e.direction:void 0}}}(a):{className:o};return l=>X({},l,{children:/*#__PURE__*/e.createElement("div",{className:c(t.className,s(n,y)),style:m},null==u?void 0:u.map((e,t)=>r(t,e)))})}}}const De=[{name:"Yes",value:!0},{name:"No",value:!1}];function Le(t={}){var n,l,r;const a=ge(t.jsonataClass),s=be(),o=(i=t.multilineClass,m(t=>/*#__PURE__*/e.createElement(qe,X({},t,{className:c(t.className,i)}))));var i;const d=ve(null!=(n=t.checkOptions)?n:t.checkboxOptions),y=ce(t.selectOptions),v=ue(null!=(l=t.radioOptions)?l:t.checkOptions),f=me(null!=(r=t.checkListOptions)?r:t.checkOptions),{inputClass:N,booleanOptions:C,optionRenderer:h,displayOnlyClass:g}=X({optionRenderer:y,booleanOptions:De},t),x=Oe(t.arrayOptions);return m((t,n)=>{const{field:l}=t,r=l.type,i=t.renderOptions;let m=i.type;if(l.collection&&null==t.elementIndex&&(m==p.Standard||m==p.Array))return x.render(t,n);if(r===u.Compound){var E;const e=null!=(E=k(i)?i.groupOptions:void 0)?E:{type:"Standard",hideTitle:!0};return n.renderGroup(X({},t,{renderOptions:e}))}if(r==u.Any)/*#__PURE__*/return e.createElement(e.Fragment,null,"No control for Any");if(A(i))return n=>X({},n,{className:g,children:/*#__PURE__*/e.createElement(Ne,{field:t.field,schemaInterface:t.dataContext.schemaInterface,control:t.control,className:t.className,style:t.style,emptyText:i.emptyText})});if(null!=C&&r===u.Bool&&null==t.options)return n.renderData(X({},t,{options:C}));if(m===p.Standard&&I(t))return h.render(t,n);switch(m){case p.NullToggle:return s.render(t,n);case p.CheckList:return f.render(t,n);case p.Dropdown:return y.render(t,n);case p.Radio:return v.render(t,n);case p.Checkbox:return d.render(t,n);case p.Jsonata:return a.render(t,n)}if(q(i)&&i.multiline)return o.render(t,n);const b=q(i)?i.placeholder:void 0;/*#__PURE__*/return e.createElement(ae,{className:c(t.className,N),style:t.style,id:t.id,readOnly:t.readonly,control:t.control,placeholder:null!=b?b:void 0,convert:se(t.field.type)})})}function Fe(t={}){return{type:"adornment",render:({adornment:n,designMode:l,dataContext:r,useExpr:s},o)=>({apply:c=>{if(w(n)&&s){const d=s(n.expression,e=>e),u=S({value:d}),m=a(y,[u]);return D(t=>/*#__PURE__*/e.createElement(m,{children:t,parentContext:r,adornment:n}))(c);function y({children:e,adornment:t,parentContext:n}){const{value:l}=u(n),r=L(t.field,n.parentNode).control,a=!t.defaultOnly;return Y(()=>[null==l?void 0:l.value,null==(null==r?void 0:r.value)],([e])=>{null==r||r.setValue(t=>a||null==t?e:t)},!0),e}}var i;return F(n)?V(null!=(i=n.placement)?i:R.ControlStart,/*#__PURE__*/e.createElement("i",{className:n.iconClass}))(c):M(n)?D(r=>/*#__PURE__*/e.createElement(Ie,X({renderers:o,children:r,accordion:n,contentStyle:c.style,contentClassName:c.className,designMode:l},t.accordion)))(c):void 0},priority:0,adornment:n})}}function Ve(t={}){return B((n,l)=>{const r=H(X({},n,{className:c(n.className,t.className)}),l);return{children:r.wrapLayout(/*#__PURE__*/e.createElement(fe,X({layout:r},t))),className:r.className,style:r.style,divRef:e=>e&&n.errorControl?n.errorControl.meta.scrollElement=e:void 0}})}function Re(t){const{className:n,groupLabelClass:l,controlLabelClass:r,requiredElement:a,labelContainer:o}=X({requiredElement:/*#__PURE__*/e.createElement("span",null," *"),labelContainer:e=>e},t);return{render:(t,i,d,u)=>t.type==_.Text?t.label:o(/*#__PURE__*/e.createElement(e.Fragment,null,/*#__PURE__*/e.createElement("label",{htmlFor:t.forId,className:c(t.className,s(n,t.type===_.Group&&l,t.type===_.Control&&r))},i,u.renderLabelText(t.label),t.required&&a),d)),type:"label"}}function Me(e={}){return{data:Le(e.data),display:te(e.display),action:we(void 0,e.action),array:ke(e.array),group:Se(e.group),label:Re(e.label),adornment:Fe(e.adornment),renderLayout:Ve(e.layout),visibility:Ce()}}function _e(){return Me({layout:{className:"control"},group:{className:"group"},array:{className:"control-array"},action:{className:"action"},data:{inputClass:"data"},display:{htmlClassName:"html",textClassName:"text"}})}const je={label:{groupLabelClass:"font-bold",requiredElement:/*#__PURE__*/e.createElement("span",{className:"text-red-500"}," *")},array:{removableClass:"grid grid-cols-[1fr_auto] items-center gap-x-2",childClass:"grow my-2",addActionClass:"my-2"},group:{standardClassName:"flex flex-col gap-4",gridClassName:"gap-x-2 gap-y-4",flexClassName:"gap-2"},action:{className:"bg-primary-500 rounded-lg p-3 text-white"},layout:{className:"flex flex-col",errorClass:"text-sm text-danger-500"},data:{displayOnlyClass:"flex flex-row items-center gap-2",checkOptions:{className:"flex items-center gap-4",entryClass:"flex gap-1 items-center"},selectOptions:{emptyText:"<select>"},multilineClass:"border p-2 outline-0 whitespace-pre"},adornment:{accordion:{className:"flex items-center gap-2 my-2",titleClass:"cursor-pointer",iconOpenClass:"fa fa-chevron-up",iconClosedClass:"fa fa-chevron-down"}}};export{ye as CheckButtons,ae as ControlInput,Ae as DefaultArrayRenderer,De as DefaultBoolOptions,ne as DefaultDisplay,Ne as DefaultDisplayOnly,fe as DefaultLayout,he as DefaultVisibility,xe as JsonataRenderer,ie as SelectDataRenderer,we as createButtonActionRenderer,me as createCheckListRenderer,ve as createCheckboxRenderer,_e as createClassStyledRenderers,Fe as createDefaultAdornmentRenderer,Oe as createDefaultArrayDataRenderer,ke as createDefaultArrayRenderer,Le as createDefaultDataRenderer,te as createDefaultDisplayRenderer,Se as createDefaultGroupRenderer,Re as createDefaultLabelRenderer,Me as createDefaultRenderers,Ce as createDefaultVisibilityRenderer,se as createInputConversion,ge as createJsonataRenderer,be as createNullToggleRenderer,ue as createRadioRenderer,de as createSelectConversion,ce as createSelectRenderer,je as defaultTailwindTheme,pe as setIncluded};
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/components/DefaultDisplay.tsx","../src/components/ControlInput.tsx","../src/components/SelectDataRenderer.tsx","../src/components/CheckRenderer.tsx","../src/components/DefaultLayout.tsx","../src/components/DefaultDisplayOnly.tsx","../src/components/DefaultVisibility.tsx","../src/components/JsonataRenderer.tsx","../src/components/NullToggle.tsx","../src/components/DefaultArrayRenderer.tsx","../src/components/DefaultAccordion.tsx","../src/components/MultilineTextfield.tsx","../src/createDefaultRenderers.tsx","../src/tailwind.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport {\n  coerceToString,\n  CustomDisplay,\n  DisplayDataType,\n  DisplayRendererProps,\n  DisplayRendererRegistration,\n  getOverrideClass,\n  HtmlDisplay,\n  IconDisplay,\n  rendererClass,\n  TextDisplay,\n} from \"@react-typed-forms/schemas\";\n\nexport interface DefaultDisplayRendererOptions {\n  textClassName?: string;\n  htmlClassName?: string;\n}\n\nexport function createDefaultDisplayRenderer(\n  options: DefaultDisplayRendererOptions = {},\n): DisplayRendererRegistration {\n  return {\n    render: (props) => <DefaultDisplay {...options} {...props} />,\n    type: \"display\",\n  };\n}\n\nexport function DefaultDisplay({\n  data,\n  display,\n  className,\n  style,\n  ...options\n}: DefaultDisplayRendererOptions & DisplayRendererProps) {\n  switch (data.type) {\n    case DisplayDataType.Icon:\n      return (\n        <i\n          style={style}\n          className={clsx(\n            getOverrideClass(className),\n            display ? display.value : (data as IconDisplay).iconClass,\n          )}\n        />\n      );\n    case DisplayDataType.Text:\n      return (\n        <div\n          style={style}\n          className={rendererClass(className, options.textClassName)}\n        >\n          {display ? coerceToString(display.value) : (data as TextDisplay).text}\n        </div>\n      );\n    case DisplayDataType.Html:\n      return (\n        <div\n          style={style}\n          className={rendererClass(className, options.htmlClassName)}\n          dangerouslySetInnerHTML={{\n            __html: display\n              ? coerceToString(display.value)\n              : (data as HtmlDisplay).html,\n          }}\n        />\n      );\n    case DisplayDataType.Custom:\n      return (\n        <div>\n          Custom display placeholder: {(data as CustomDisplay).customId}\n        </div>\n      );\n    default:\n      return <h1>Unknown display type: {data.type}</h1>;\n  }\n}\n","import React from \"react\";\nimport {\n  Control,\n  formControlProps,\n  useControl,\n  useControlEffect,\n} from \"@react-typed-forms/core\";\nimport {FieldType} from \"@react-typed-forms/schemas\";\n\nexport function ControlInput({\n  control,\n  convert,\n  ...props\n}: React.InputHTMLAttributes<HTMLInputElement> & {\n  control: Control<any>;\n  convert: InputConversion;\n}) {\n  const { errorText, value, onChange, ...inputProps } =\n    formControlProps(control);\n  const textValue = useControl(() => toText(value));\n  useControlEffect(\n    () => control.value,\n    (v) => (textValue.value = toText(v)),\n  );\n  return (\n    <input\n      {...inputProps}\n      type={convert[0]}\n      value={textValue.value}\n      onChange={(e) => {\n        textValue.value = e.target.value;\n        const converted = convert[1](e.target.value);\n        if (converted !== undefined) control.value = converted;\n      }}\n      {...props}\n    />\n  );\n\n  function toText(value: any) {\n    return value == null ? \"\" : convert[2](value);\n  }\n}\n\ntype InputConversion = [\n  string,\n  (s: string) => any,\n  (a: any) => string | number,\n];\n\nexport function createInputConversion(ft: string): InputConversion {\n  switch (ft) {\n    case FieldType.String:\n      return [\"text\", (a) => a, (a) => a];\n    case FieldType.Bool:\n      return [\n        \"text\",\n        (a) => (a === \"true\" ? true : a === \"false\" ? false : undefined),\n        (a) => a?.toString() ?? \"\",\n      ];\n    case FieldType.Int:\n      return [\n        \"number\",\n        (a) => (a !== \"\" ? parseInt(a) : null),\n        (a) => (a == null ? \"\" : a),\n      ];\n    case FieldType.DateTime:\n      return [\"datetime-local\", (a) => (!a ? null : a), (a) => a];\n    case FieldType.Date:\n      return [\"date\", (a) => (!a ? null : a), (a) => a];\n    case FieldType.Time:\n      return [\n        \"time\",\n        (a) => {\n          const l = a.length;\n          if (l === 5) return a + \":00\";\n          if (l === 8) return a;\n          return undefined;\n        },\n        (a) => (a ? a.substring(0, 5) : \"\"),\n      ];\n    case FieldType.Double:\n      return [\n        \"number\",\n        (a) => (a !== \"\" ? parseFloat(a) : null),\n        (a) => (a == null ? \"\" : a),\n      ];\n    default:\n      return [\"text\", (a) => a, (a) => a];\n  }\n}\n","import { Control } from \"@react-typed-forms/core\";\nimport React, { useMemo, useState } from \"react\";\nimport {\n  createDataRenderer,\n  FieldOption,\n  FieldType,\n  rendererClass,\n} from \"@react-typed-forms/schemas\";\n\nexport interface SelectRendererOptions {\n  className?: string;\n  emptyText?: string;\n  requiredText?: string;\n}\n\nexport function createSelectRenderer(options: SelectRendererOptions = {}) {\n  return createDataRenderer(\n    (props, asArray) => (\n      <SelectDataRenderer\n        className={rendererClass(props.className, options.className)}\n        state={props.control}\n        id={props.id}\n        readonly={props.readonly}\n        options={props.options ?? []}\n        required={props.required}\n        emptyText={options.emptyText}\n        requiredText={options.requiredText}\n        convert={createSelectConversion(props.field.type)}\n      />\n    ),\n    {\n      options: true,\n    },\n  );\n}\n\ntype SelectConversion = (a: any) => string | number;\n\nexport interface SelectDataRendererProps {\n  id?: string;\n  className?: string;\n  options: FieldOption[];\n  emptyText?: string;\n  requiredText?: string;\n  readonly: boolean;\n  required: boolean;\n  state: Control<any>;\n  convert: SelectConversion;\n}\n\nexport function SelectDataRenderer({\n  state,\n  options,\n  className,\n  convert,\n  required,\n  emptyText = \"N/A\",\n  requiredText = \"<please select>\",\n  readonly,\n  ...props\n}: SelectDataRendererProps) {\n  const { value, disabled } = state;\n  const [showEmpty] = useState(!required || value == null);\n  const optionStringMap = useMemo(\n    () => Object.fromEntries(options.map((x) => [convert(x.value), x.value])),\n    [options],\n  );\n  const optionGroups = useMemo(\n    () => new Set(options.filter((x) => x.group).map((x) => x.group!)),\n    [options],\n  );\n  return (\n    <select\n      {...props}\n      className={className}\n      onChange={(v) => (state.value = optionStringMap[v.target.value])}\n      value={convert(value)}\n      disabled={disabled || readonly}\n    >\n      {showEmpty && (\n        <option value=\"\">{required ? requiredText : emptyText}</option>\n      )}\n      {[...optionGroups.keys()].map((x) => (\n        <optgroup key={x} label={x}>\n          {options.filter((o) => o.group === x).map(renderOption)}\n        </optgroup>\n      ))}\n      {options.filter((x) => !x.group).map(renderOption)}\n    </select>\n  );\n\n  function renderOption(x: FieldOption, i: number) {\n    return (\n      <option key={i} value={convert(x.value)} disabled={!!x.disabled}>\n        {x.name}\n      </option>\n    );\n  }\n}\n\nexport function createSelectConversion(ft: string): SelectConversion {\n  switch (ft) {\n    case FieldType.String:\n    case FieldType.Int:\n    case FieldType.Double:\n      return (a) => a;\n    default:\n      return (a) => a?.toString() ?? \"\";\n  }\n}\n","import {\n  Control,\n  Fcheckbox,\n  RenderArrayElements,\n  useComputed,\n} from \"@react-typed-forms/core\";\nimport React, { ReactNode } from \"react\";\nimport {\n  createDataRenderer,\n  DataRenderType,\n  FieldOption,\n  fieldOptionAdornment,\n  rendererClass\n} from \"@react-typed-forms/schemas\";\n\nexport interface CheckRendererOptions {\n  className?: string;\n  entryClass?: string;\n  checkClass?: string;\n  labelClass?: string;\n}\nexport function createRadioRenderer(options: CheckRendererOptions = {}) {\n  return createDataRenderer(\n    (p) => (\n      <CheckButtons\n        {...options}\n        {...p}\n        className={rendererClass(p.className, options.className)}\n        isChecked={(control, o) => control.value == o.value}\n        setChecked={(c, o) => (c.value = o.value)}\n        control={p.control}\n        type=\"radio\"\n        entryAdornment={fieldOptionAdornment(p)}\n      />\n    ),\n    {\n      renderType: DataRenderType.Radio,\n    },\n  );\n}\n\nexport function createCheckListRenderer(options: CheckRendererOptions = {}) {\n  return createDataRenderer(\n    (p) => (\n      <CheckButtons\n        {...options}\n        {...p}\n        className={rendererClass(p.className, options.className)}\n        isChecked={(control, o) => {\n          const v = control.value;\n          return Array.isArray(v) ? v.includes(o.value) : false;\n        }}\n        setChecked={(c, o, checked) => {\n          c.setValue((x) => setIncluded(x ?? [], o.value, checked));\n        }}\n        control={p.control}\n        type=\"checkbox\"\n        entryAdornment={fieldOptionAdornment(p)}\n      />\n    ),\n    {\n      collection: true,\n      renderType: DataRenderType.CheckList,\n    },\n  );\n}\n\nexport interface CheckButtonsProps {\n  id?: string;\n  className?: string;\n  options?: FieldOption[] | null;\n  control: Control<any>;\n  entryClass?: string;\n  checkClass?: string;\n  labelClass?: string;\n  readonly?: boolean;\n  type: \"checkbox\" | \"radio\";\n  isChecked: (c: Control<any>, o: FieldOption) => boolean;\n  setChecked: (c: Control<any>, o: FieldOption, checked: boolean) => void;\n  entryAdornment?: (c: FieldOption, i: number, selected: boolean) => ReactNode;\n}\n\nexport function CheckButtons({\n  control,\n  options,\n  labelClass,\n  checkClass,\n  readonly,\n  entryClass,\n  className,\n  id,\n  type,\n  isChecked,\n  setChecked,\n  entryAdornment,\n}: CheckButtonsProps) {\n  const { disabled } = control;\n  const name = \"r\" + control.uniqueId;\n  return (\n    <div className={className} id={id}>\n      <RenderArrayElements array={options?.filter((x) => x.value != null)}>\n        {(o, i) => {\n          const checked = useComputed(() => isChecked(control, o)).value;\n          return (\n            <>\n              <div key={i} className={entryClass}>\n                <input\n                  id={name + \"_\" + i}\n                  className={checkClass}\n                  type={type}\n                  name={name}\n                  readOnly={readonly}\n                  disabled={disabled}\n                  checked={checked}\n                  onChange={(x) => {\n                    !readonly && setChecked(control, o, x.target.checked);\n                  }}\n                />\n                <label className={labelClass} htmlFor={name + \"_\" + i}>\n                  {o.name}\n                </label>\n              </div>\n              {entryAdornment?.(o, i, checked)}\n            </>\n          );\n        }}\n      </RenderArrayElements>\n    </div>\n  );\n}\n\nexport function setIncluded<A>(array: A[], elem: A, included: boolean): A[] {\n  const already = array.includes(elem);\n  if (included === already) {\n    return array;\n  }\n  if (included) {\n    return [...array, elem];\n  }\n  return array.filter((e) => e !== elem);\n}\n\nexport function createCheckboxRenderer(options: CheckRendererOptions = {}) {\n  return createDataRenderer(\n    (props, renderer) => (p) => ({\n      ...p,\n      label: undefined,\n      children: (\n        <div className={rendererClass(props.className, options.entryClass)}>\n          <Fcheckbox\n            id={props.id}\n            control={props.control}\n            style={props.style}\n            className={options.checkClass}\n          />\n          {p.label && renderer.renderLabel(p.label, undefined, undefined)}\n        </div>\n      ),\n    }),\n    { renderType: DataRenderType.Checkbox },\n  );\n}\n","import React, { ReactNode } from \"react\";\nimport {RenderedLayout} from \"@react-typed-forms/schemas\";\n\nexport interface DefaultLayoutRendererOptions {\n  className?: string;\n  errorClass?: string;\n  renderError?: (errorText: string | null | undefined) => ReactNode;\n}\n\nexport function DefaultLayout({\n  errorClass,\n  renderError = (e) => e && <div className={errorClass}>{e}</div>,\n  layout: { controlEnd, controlStart, label, children, errorControl },\n}: DefaultLayoutRendererOptions & {\n  layout: RenderedLayout;\n}) {\n  const ec = errorControl;\n  const errorText = ec && ec.touched ? ec.error : undefined;\n  return (\n    <>\n      {label}\n      {controlStart}\n      {children}\n      {renderError(errorText)}\n      {controlEnd}\n    </>\n  );\n}\n","import { Control } from \"@react-typed-forms/core\";\nimport React from \"react\";\nimport {\n  rendererClass,\n  SchemaField,\n  SchemaInterface,\n} from \"@react-typed-forms/schemas\";\n\nexport function DefaultDisplayOnly({\n  control,\n  className,\n  emptyText,\n  schemaInterface,\n  field,\n  style,\n}: {\n  control: Control<any>;\n  field: SchemaField;\n  schemaInterface: SchemaInterface;\n  className?: string | null;\n  style?: React.CSSProperties;\n  emptyText?: string | null;\n}) {\n  const v = control.value;\n  const text =\n    (schemaInterface.isEmptyValue(field, v)\n      ? emptyText\n      : schemaInterface.textValue(field, v)) ?? \"\";\n  return (\n    <div style={style} className={rendererClass(className)}>\n      {text}\n    </div>\n  );\n}\n","import React, { useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport {\n  createVisibilityRenderer,\n  VisibilityRendererProps,\n} from \"@react-typed-forms/schemas\";\n\nexport function createDefaultVisibilityRenderer() {\n  return createVisibilityRenderer((props) => <DefaultVisibility {...props} />);\n}\n\nexport function DefaultVisibility({\n  visibility,\n  children,\n  className,\n  style,\n  divRef,\n}: VisibilityRendererProps) {\n  const v = visibility.value;\n  useEffect(() => {\n    if (v) {\n      visibility.setValue((ex) => ({ visible: v.visible, showing: v.visible }));\n    }\n  }, [v?.visible]);\n  return v?.visible ? (\n    <div className={clsx(className)} style={style} ref={divRef}>\n      {children}\n    </div>\n  ) : (\n    <></>\n  );\n}\n","import { Control, useComputed } from \"@react-typed-forms/core\";\nimport React from \"react\";\nimport {\n  coerceToString,\n  ControlDataContext,\n  createDataRenderer,\n  DataRenderType,\n  getJsonPath,\n  getRootDataNode,\n  JsonataRenderOptions,\n  rendererClass,\n  useJsonataExpression,\n} from \"@react-typed-forms/schemas\";\n\nexport function createJsonataRenderer(className?: string) {\n  return createDataRenderer(\n    (p) => (\n      <JsonataRenderer\n        renderOptions={p.renderOptions as JsonataRenderOptions}\n        className={rendererClass(p.className, className)}\n        dataContext={p.dataContext}\n        control={p.control}\n        readonly={p.readonly}\n      />\n    ),\n    { renderType: DataRenderType.Jsonata },\n  );\n}\n\nexport function JsonataRenderer({\n  control,\n  renderOptions: { expression },\n  readonly,\n  className,\n  dataContext,\n}: {\n  control: Control<any>;\n  renderOptions: JsonataRenderOptions;\n  className?: string;\n  dataContext: ControlDataContext;\n  readonly: boolean;\n}) {\n  const sdn = dataContext.parentNode;\n  const bindings = useComputed(() => ({\n    value: control.value,\n    readonly,\n    disabled: control.disabled,\n    formData: dataContext.formData,\n  }));\n  const rendered = useJsonataExpression(\n    expression,\n    getRootDataNode(sdn).control!,\n    getJsonPath(sdn),\n    bindings,\n    coerceToString,\n  );\n  return (\n    <div\n      className={className}\n      dangerouslySetInnerHTML={{ __html: rendered.value }}\n    />\n  );\n}\n","import { Control, newControl, useControlEffect } from \"@react-typed-forms/core\";\nimport React, { ReactNode } from \"react\";\nimport {\n  createDataRenderer,\n  DataRenderType,\n  FieldType,\n} from \"@react-typed-forms/schemas\";\n\nexport function createNullToggleRenderer() {\n  return createDataRenderer(\n    ({ control, field, renderOptions, ...props }, renderers) => {\n      const nullControl = (control.meta[\"nullControl\"] ??= newControl(\n        control.current.value != null,\n      ));\n      return (layout) => {\n        const newLayout = renderers.renderData({\n          ...props,\n          control: nullControl,\n          field: { ...field, type: FieldType.Bool },\n          renderOptions: { type: DataRenderType.Checkbox },\n        })(layout);\n        return {\n          ...newLayout,\n          children: (\n            <NullWrapper\n              control={control}\n              nullControl={nullControl}\n              children={newLayout.children}\n              readonly={props.readonly}\n              defaultValue={props.definition.defaultValue}\n            />\n          ),\n        };\n      };\n    },\n  );\n}\n\nfunction NullWrapper({\n  children,\n  nullControl,\n  control,\n  defaultValue,\n  readonly,\n}: {\n  control: Control<any>;\n  nullControl: Control<boolean>;\n  children: ReactNode;\n  readonly: boolean;\n  defaultValue: any;\n}) {\n  useControlEffect(\n    () => readonly,\n    (r) => (nullControl.disabled = r),\n    true,\n  );\n  useControlEffect(\n    () => nullControl.value,\n    (e) => {\n      if (e) {\n        control.value = nullControl.meta[\"nonNullValue\"] ?? defaultValue;\n      } else {\n        nullControl.meta[\"nonNullValue\"] = control.value;\n        control.value = null;\n      }\n    },\n  );\n  return children;\n}\n","import clsx from \"clsx\";\nimport React, { Fragment, ReactNode } from \"react\";\nimport { RenderElements } from \"@react-typed-forms/core\";\nimport {\n  ActionRendererProps,\n  applyArrayLengthRestrictions,\n  ArrayActionOptions,\n  ArrayRendererProps,\n  ArrayRendererRegistration,\n  ArrayRenderOptions,\n  ControlDefinitionType,\n  createArrayActions,\n  createDataRenderer,\n  DataControlDefinition,\n  DataRendererRegistration,\n  DataRenderType,\n  getLengthRestrictions,\n  isArrayRenderer,\n  mergeObjects,\n} from \"@react-typed-forms/schemas\";\n\nexport function createDefaultArrayDataRenderer(\n  defaultActions?: ArrayActionOptions,\n): DataRendererRegistration {\n  return createDataRenderer(\n    (\n      {\n        definition,\n        control,\n        required,\n        field,\n        renderChild,\n        className,\n        style,\n        renderOptions,\n        readonly,\n        designMode,\n      },\n      renderers,\n    ) => {\n      const { addText, noAdd, noRemove, noReorder, removeText } = mergeObjects(\n        isArrayRenderer(renderOptions)\n          ? renderOptions\n          : ({} as ArrayRenderOptions),\n        defaultActions as ArrayRenderOptions,\n      );\n      const childOptions = isArrayRenderer(renderOptions)\n        ? renderOptions.childOptions\n        : undefined;\n\n      const arrayProps = {\n        ...createArrayActions(control, field, {\n          addText,\n          removeText,\n          noAdd,\n          noRemove,\n          readonly,\n          disabled: control.disabled,\n          designMode,\n        }),\n        required,\n        renderElement: (i) =>\n          renderChild(\n            control.elements?.[i].uniqueId ?? i,\n            {\n              type: ControlDefinitionType.Data,\n              field: definition.field,\n              children: definition.children,\n              renderOptions: childOptions ?? { type: DataRenderType.Standard },\n              hideTitle: true,\n            } as DataControlDefinition,\n            { elementIndex: i },\n          ),\n        className: className ? className : undefined,\n        style,\n        ...getLengthRestrictions(definition),\n      } satisfies ArrayRendererProps;\n      return renderers.renderArray(arrayProps);\n    },\n    { renderType: DataRenderType.Array, collection: true },\n  );\n}\n\nexport interface DefaultArrayRendererOptions extends ArrayActionOptions {\n  className?: string;\n  removableClass?: string;\n  childClass?: string;\n  removableChildClass?: string;\n  removeActionClass?: string;\n  addActionClass?: string;\n}\n\nexport function createDefaultArrayRenderer(\n  options?: DefaultArrayRendererOptions,\n): ArrayRendererRegistration {\n  return {\n    render: (props, { renderAction }) => (\n      <DefaultArrayRenderer\n        {...props}\n        {...options}\n        renderAction={renderAction}\n      />\n    ),\n    type: \"array\",\n  };\n}\n\nexport interface DefaultArrayRendererProps\n  extends DefaultArrayRendererOptions,\n    ArrayRendererProps {\n  renderAction: (props: ActionRendererProps) => ReactNode;\n}\n\nexport function DefaultArrayRenderer(props: DefaultArrayRendererProps) {\n  const {\n    renderElement,\n    className,\n    removableClass,\n    childClass,\n    removableChildClass,\n    removeActionClass,\n    addActionClass,\n    arrayControl,\n    renderAction,\n    style,\n  } = props;\n  const { addAction, removeAction } = applyArrayLengthRestrictions(props);\n  return (\n    <div style={style}>\n      <div className={clsx(className, removeAction && removableClass)}>\n        <RenderElements control={arrayControl}>\n          {(_, x) =>\n            removeAction ? (\n              <>\n                <div className={clsx(childClass, removableChildClass)}>\n                  {renderElement(x)}\n                </div>\n                <div className={removeActionClass}>\n                  {renderAction(removeAction(x))}\n                </div>\n              </>\n            ) : (\n              <div className={childClass}>{renderElement(x)}</div>\n            )\n          }\n        </RenderElements>\n      </div>\n      {addAction && (\n        <div className={addActionClass}>{renderAction(addAction)}</div>\n      )}\n    </div>\n  );\n}\n","import React, { CSSProperties, Fragment, ReactElement } from \"react\";\nimport { useControl } from \"@react-typed-forms/core\";\nimport clsx from \"clsx\";\nimport { DefaultAccordionRendererOptions } from \"../createDefaultRenderers\";\nimport { AccordionAdornment, FormRenderer } from \"@react-typed-forms/schemas\";\n\nexport function DefaultAccordion({\n  children,\n  accordion,\n  contentStyle,\n  contentClassName,\n  designMode,\n  iconOpenClass,\n  iconClosedClass,\n  className,\n  renderTitle = (t) => t,\n  renderToggler,\n  renderers,\n  titleClass,\n}: {\n  children: ReactElement;\n  accordion: Partial<AccordionAdornment>;\n  contentStyle?: CSSProperties;\n  contentClassName?: string;\n  designMode?: boolean;\n  renderers: FormRenderer;\n} & DefaultAccordionRendererOptions) {\n  const open = useControl(!!accordion.defaultExpanded);\n  const isOpen = open.value;\n  const fullContentStyle =\n    isOpen || designMode ? contentStyle : { ...contentStyle, display: \"none\" };\n  const title = renderers.renderLabelText(renderTitle(accordion.title, open));\n  const toggler = renderToggler ? (\n    renderToggler(open, title)\n  ) : (\n    <button className={className} onClick={() => open.setValue((x) => !x)}>\n      <label className={titleClass}>{title}</label>\n      <i className={clsx(isOpen ? iconOpenClass : iconClosedClass)} />\n    </button>\n  );\n\n  return (\n    <>\n      {toggler}\n      <div style={fullContentStyle} className={contentClassName}>\n        {children}\n      </div>\n    </>\n  );\n}\n","import React, { useRef } from \"react\";\nimport { useControlEffect } from \"@react-typed-forms/core\";\nimport {\n  createDataRenderer,\n  DataRendererProps,\n  rendererClass,\n} from \"@react-typed-forms/schemas\";\n\nexport function createMultilineFieldRenderer(className?: string) {\n  return createDataRenderer((p) => (\n    <MultilineTextfield\n      {...p}\n      className={rendererClass(p.className, className)}\n    />\n  ));\n}\n\nexport function MultilineTextfield({ control, className }: DataRendererProps) {\n  const codeRef = useRef<HTMLElement | null>(null);\n  useControlEffect(\n    () => control.value,\n    (v) => {\n      const c = codeRef.current;\n      if (c && c.textContent !== v) {\n        c.textContent = v;\n      }\n    },\n    true,\n  );\n  return (\n    <code\n      contentEditable={!control.disabled}\n      className={className}\n      onInput={(t) => (control.value = t.currentTarget.textContent)}\n      ref={codeRef}\n    />\n  );\n}\n","import {\n  createDefaultDisplayRenderer,\n  DefaultDisplayRendererOptions,\n} from \"./components/DefaultDisplay\";\nimport {\n  DefaultLayout,\n  DefaultLayoutRendererOptions,\n} from \"./components/DefaultLayout\";\nimport { createDefaultVisibilityRenderer } from \"./components/DefaultVisibility\";\nimport React, {\n  CSSProperties,\n  Fragment,\n  ReactElement,\n  ReactNode,\n  useCallback,\n} from \"react\";\nimport clsx from \"clsx\";\nimport {\n  createSelectRenderer,\n  SelectRendererOptions,\n} from \"./components/SelectDataRenderer\";\nimport { DefaultDisplayOnly } from \"./components/DefaultDisplayOnly\";\nimport { Control, useControlEffect } from \"@react-typed-forms/core\";\nimport { ControlInput, createInputConversion } from \"./components/ControlInput\";\nimport {\n  createDefaultArrayDataRenderer,\n  createDefaultArrayRenderer,\n  DefaultArrayRendererOptions,\n} from \"./components/DefaultArrayRenderer\";\nimport {\n  CheckRendererOptions,\n  createCheckboxRenderer,\n  createCheckListRenderer,\n  createRadioRenderer,\n} from \"./components/CheckRenderer\";\nimport { DefaultAccordion } from \"./components/DefaultAccordion\";\nimport { createNullToggleRenderer } from \"./components/NullToggle\";\nimport { createMultilineFieldRenderer } from \"./components/MultilineTextfield\";\nimport { createJsonataRenderer } from \"./components/JsonataRenderer\";\nimport {\n  ActionRendererProps,\n  ActionRendererRegistration,\n  AdornmentPlacement,\n  AdornmentRendererRegistration,\n  appendMarkupAt,\n  ArrayActionOptions,\n  ControlDataContext,\n  ControlLayoutProps,\n  createActionRenderer,\n  createDataRenderer,\n  createLayoutRenderer,\n  DataRendererRegistration,\n  DataRenderType,\n  DefaultRenderers,\n  FieldOption,\n  FieldType,\n  FlexRenderer,\n  GridRenderer,\n  GroupRendererProps,\n  GroupRendererRegistration,\n  hasOptions,\n  isAccordionAdornment,\n  isDataGroupRenderer,\n  isDisplayOnlyRenderer,\n  isFlexRenderer,\n  isGridRenderer,\n  isIconAdornment,\n  isSetFieldAdornment,\n  isTextfieldRenderer,\n  LabelRendererRegistration,\n  LabelType,\n  rendererClass,\n  renderLayoutParts,\n  schemaDataForFieldRef,\n  SetFieldAdornment,\n  useDynamicHooks,\n  wrapLayout,\n} from \"@react-typed-forms/schemas\";\n\nexport interface DefaultRendererOptions {\n  data?: DefaultDataRendererOptions;\n  display?: DefaultDisplayRendererOptions;\n  action?: DefaultActionRendererOptions;\n  array?: DefaultArrayRendererOptions;\n  group?: DefaultGroupRendererOptions;\n  label?: DefaultLabelRendererOptions;\n  adornment?: DefaultAdornmentRendererOptions;\n  layout?: DefaultLayoutRendererOptions;\n}\n\ninterface StyleProps {\n  className?: string;\n  style?: CSSProperties;\n}\n\nexport interface DefaultActionRendererOptions {\n  className?: string;\n  renderContent?: (\n    actionText: string,\n    actionId: string,\n    actionData: any,\n  ) => ReactNode;\n}\n\nexport function createButtonActionRenderer(\n  actionId: string | string[] | undefined,\n  options: DefaultActionRendererOptions = {},\n): ActionRendererRegistration {\n  return createActionRenderer(\n    actionId,\n    ({\n      onClick,\n      actionText,\n      className,\n      style,\n      actionId,\n      actionData,\n    }: ActionRendererProps) => {\n      return (\n        <button\n          className={rendererClass(className, options.className)}\n          style={style}\n          onClick={onClick}\n        >\n          {options.renderContent?.(actionText, actionId, actionData) ??\n            actionText}\n        </button>\n      );\n    },\n  );\n}\n\nexport interface DefaultGroupRendererOptions {\n  className?: string;\n  standardClassName?: string;\n  gridStyles?: (columns: GridRenderer) => StyleProps;\n  gridClassName?: string;\n  defaultGridColumns?: number;\n  flexClassName?: string;\n  defaultFlexGap?: string;\n}\n\nexport function createDefaultGroupRenderer(\n  options?: DefaultGroupRendererOptions,\n): GroupRendererRegistration {\n  const {\n    className,\n    gridStyles = defaultGridStyles,\n    defaultGridColumns = 2,\n    gridClassName,\n    standardClassName,\n    flexClassName,\n    defaultFlexGap,\n  } = options ?? {};\n\n  function defaultGridStyles({\n    columns = defaultGridColumns,\n  }: GridRenderer): StyleProps {\n    return {\n      className: gridClassName,\n      style: {\n        display: \"grid\",\n        gridTemplateColumns: `repeat(${columns}, 1fr)`,\n      },\n    };\n  }\n\n  function flexStyles(options: FlexRenderer): StyleProps {\n    return {\n      className: flexClassName,\n      style: {\n        display: \"flex\",\n        gap: options.gap ? options.gap : defaultFlexGap,\n        flexDirection: options.direction\n          ? (options.direction as any)\n          : undefined,\n      },\n    };\n  }\n\n  function render(props: GroupRendererProps) {\n    const { renderChild, renderOptions, childDefinitions } = props;\n\n    const { style, className: gcn } = isGridRenderer(renderOptions)\n      ? gridStyles(renderOptions)\n      : isFlexRenderer(renderOptions)\n        ? flexStyles(renderOptions)\n        : ({ className: standardClassName } as StyleProps);\n\n    return (cp: ControlLayoutProps) => {\n      return {\n        ...cp,\n        children: (\n          <div\n            className={rendererClass(props.className, clsx(className, gcn))}\n            style={style}\n          >\n            {childDefinitions?.map((c, i) => renderChild(i, c))}\n          </div>\n        ),\n      };\n    };\n  }\n\n  return { type: \"group\", render };\n}\n\nexport const DefaultBoolOptions: FieldOption[] = [\n  { name: \"Yes\", value: true },\n  { name: \"No\", value: false },\n];\n\nexport interface DefaultDataRendererOptions {\n  inputClass?: string;\n  displayOnlyClass?: string;\n  selectOptions?: SelectRendererOptions;\n  checkboxOptions?: CheckRendererOptions;\n  checkOptions?: CheckRendererOptions;\n  radioOptions?: CheckRendererOptions;\n  checkListOptions?: CheckRendererOptions;\n  booleanOptions?: FieldOption[];\n  optionRenderer?: DataRendererRegistration;\n  multilineClass?: string;\n  jsonataClass?: string;\n  arrayOptions?: ArrayActionOptions;\n}\n\nexport function createDefaultDataRenderer(\n  options: DefaultDataRendererOptions = {},\n): DataRendererRegistration {\n  const jsonataRenderer = createJsonataRenderer(options.jsonataClass);\n  const nullToggler = createNullToggleRenderer();\n  const multilineRenderer = createMultilineFieldRenderer(\n    options.multilineClass,\n  );\n  const checkboxRenderer = createCheckboxRenderer(\n    options.checkOptions ?? options.checkboxOptions,\n  );\n  const selectRenderer = createSelectRenderer(options.selectOptions);\n  const radioRenderer = createRadioRenderer(\n    options.radioOptions ?? options.checkOptions,\n  );\n  const checkListRenderer = createCheckListRenderer(\n    options.checkListOptions ?? options.checkOptions,\n  );\n  const { inputClass, booleanOptions, optionRenderer, displayOnlyClass } = {\n    optionRenderer: selectRenderer,\n    booleanOptions: DefaultBoolOptions,\n    ...options,\n  };\n  const arrayRenderer = createDefaultArrayDataRenderer(options.arrayOptions);\n\n  return createDataRenderer((props, renderers) => {\n    const { field } = props;\n    const fieldType = field.type;\n    const renderOptions = props.renderOptions;\n    let renderType = renderOptions.type;\n    if (\n      field.collection &&\n      props.elementIndex == null &&\n      (renderType == DataRenderType.Standard ||\n        renderType == DataRenderType.Array)\n    ) {\n      return arrayRenderer.render(props, renderers);\n    }\n    if (fieldType === FieldType.Compound) {\n      const groupOptions = (isDataGroupRenderer(renderOptions)\n        ? renderOptions.groupOptions\n        : undefined) ?? { type: \"Standard\", hideTitle: true };\n      return renderers.renderGroup({ ...props, renderOptions: groupOptions });\n    }\n    if (fieldType == FieldType.Any) return <>No control for Any</>;\n    if (isDisplayOnlyRenderer(renderOptions))\n      return (p) => ({\n        ...p,\n        className: displayOnlyClass,\n        children: (\n          <DefaultDisplayOnly\n            field={props.field}\n            schemaInterface={props.dataContext.schemaInterface}\n            control={props.control}\n            className={props.className}\n            style={props.style}\n            emptyText={renderOptions.emptyText}\n          />\n        ),\n      });\n    const isBool = fieldType === FieldType.Bool;\n    if (booleanOptions != null && isBool && props.options == null) {\n      return renderers.renderData({ ...props, options: booleanOptions });\n    }\n    if (renderType === DataRenderType.Standard && hasOptions(props)) {\n      return optionRenderer.render(props, renderers);\n    }\n    switch (renderType) {\n      case DataRenderType.NullToggle:\n        return nullToggler.render(props, renderers);\n      case DataRenderType.CheckList:\n        return checkListRenderer.render(props, renderers);\n      case DataRenderType.Dropdown:\n        return selectRenderer.render(props, renderers);\n      case DataRenderType.Radio:\n        return radioRenderer.render(props, renderers);\n      case DataRenderType.Checkbox:\n        return checkboxRenderer.render(props, renderers);\n      case DataRenderType.Jsonata:\n        return jsonataRenderer.render(props, renderers);\n    }\n    if (isTextfieldRenderer(renderOptions) && renderOptions.multiline)\n      return multilineRenderer.render(props, renderers);\n    const placeholder = isTextfieldRenderer(renderOptions)\n      ? renderOptions.placeholder\n      : undefined;\n    return (\n      <ControlInput\n        className={rendererClass(props.className, inputClass)}\n        style={props.style}\n        id={props.id}\n        readOnly={props.readonly}\n        control={props.control}\n        placeholder={placeholder ?? undefined}\n        convert={createInputConversion(props.field.type)}\n      />\n    );\n  });\n}\n\nexport interface DefaultAccordionRendererOptions {\n  className?: string;\n  titleClass?: string;\n  togglerClass?: string;\n  iconOpenClass?: string;\n  iconClosedClass?: string;\n  renderTitle?: (\n    title: string | undefined,\n    current: Control<boolean>,\n  ) => ReactNode;\n  renderToggler?: (current: Control<boolean>, title: ReactNode) => ReactNode;\n}\n\nexport interface DefaultAdornmentRendererOptions {\n  accordion?: DefaultAccordionRendererOptions;\n}\n\nexport function createDefaultAdornmentRenderer(\n  options: DefaultAdornmentRendererOptions = {},\n): AdornmentRendererRegistration {\n  return {\n    type: \"adornment\",\n    render: ({ adornment, designMode, dataContext, useExpr }, renderers) => ({\n      apply: (rl) => {\n        if (isSetFieldAdornment(adornment) && useExpr) {\n          const hook = useExpr(adornment.expression, (x) => x);\n          const dynamicHooks = useDynamicHooks({ value: hook });\n          const SetFieldWrapper = useCallback(setFieldWrapper, [dynamicHooks]);\n          return wrapLayout((x) => (\n            <SetFieldWrapper\n              children={x}\n              parentContext={dataContext}\n              adornment={adornment}\n            />\n          ))(rl);\n\n          function setFieldWrapper({\n            children,\n            adornment,\n            parentContext,\n          }: {\n            children: ReactNode;\n            adornment: SetFieldAdornment;\n            parentContext: ControlDataContext;\n          }) {\n            const { value } = dynamicHooks(parentContext);\n            const fieldNode = schemaDataForFieldRef(\n              adornment.field,\n              parentContext.parentNode,\n            );\n            const otherField = fieldNode.control;\n            const always = !adornment.defaultOnly;\n            useControlEffect(\n              () => [value?.value, otherField?.value == null],\n              ([v]) => {\n                otherField?.setValue((x) => (always || x == null ? v : x));\n              },\n              true,\n            );\n            return children;\n          }\n        }\n        if (isIconAdornment(adornment)) {\n          return appendMarkupAt(\n            adornment.placement ?? AdornmentPlacement.ControlStart,\n            <i className={adornment.iconClass} />,\n          )(rl);\n        }\n        if (isAccordionAdornment(adornment)) {\n          return wrapLayout((x) => (\n            <DefaultAccordion\n              renderers={renderers}\n              children={x}\n              accordion={adornment}\n              contentStyle={rl.style}\n              contentClassName={rl.className}\n              designMode={designMode}\n              {...options.accordion}\n            />\n          ))(rl);\n        }\n      },\n      priority: 0,\n      adornment,\n    }),\n  };\n}\n\nfunction createDefaultLayoutRenderer(\n  options: DefaultLayoutRendererOptions = {},\n) {\n  return createLayoutRenderer((props, renderers) => {\n    const layout = renderLayoutParts(\n      {\n        ...props,\n        className: rendererClass(props.className, options.className),\n      },\n      renderers,\n    );\n    return {\n      children: layout.wrapLayout(\n        <DefaultLayout layout={layout} {...options} />,\n      ),\n      className: layout.className,\n      style: layout.style,\n      divRef: (e) =>\n        e && props.errorControl\n          ? (props.errorControl.meta.scrollElement = e)\n          : undefined,\n    };\n  });\n}\n\ninterface DefaultLabelRendererOptions {\n  className?: string;\n  groupLabelClass?: string;\n  controlLabelClass?: string;\n  requiredElement?: ReactNode;\n  labelContainer?: (children: ReactElement) => ReactElement;\n}\n\nexport function createDefaultLabelRenderer(\n  options?: DefaultLabelRendererOptions,\n): LabelRendererRegistration {\n  const {\n    className,\n    groupLabelClass,\n    controlLabelClass,\n    requiredElement,\n    labelContainer,\n  } = {\n    requiredElement: <span> *</span>,\n    labelContainer: (c: ReactElement) => c,\n    ...options,\n  };\n  return {\n    render: (props, labelStart, labelEnd, renderers) => {\n      if (props.type == LabelType.Text) return props.label;\n      return labelContainer(\n        <>\n          <label\n            htmlFor={props.forId}\n            className={rendererClass(\n              props.className,\n              clsx(\n                className,\n                props.type === LabelType.Group && groupLabelClass,\n                props.type === LabelType.Control && controlLabelClass,\n              ),\n            )}\n          >\n            {labelStart}\n            {renderers.renderLabelText(props.label)}\n            {props.required && requiredElement}\n          </label>\n          {labelEnd}\n        </>,\n      );\n    },\n    type: \"label\",\n  };\n}\n\nexport function createDefaultRenderers(\n  options: DefaultRendererOptions = {},\n): DefaultRenderers {\n  return {\n    data: createDefaultDataRenderer(options.data),\n    display: createDefaultDisplayRenderer(options.display),\n    action: createButtonActionRenderer(undefined, options.action),\n    array: createDefaultArrayRenderer(options.array),\n    group: createDefaultGroupRenderer(options.group),\n    label: createDefaultLabelRenderer(options.label),\n    adornment: createDefaultAdornmentRenderer(options.adornment),\n    renderLayout: createDefaultLayoutRenderer(options.layout),\n    visibility: createDefaultVisibilityRenderer(),\n  };\n}\n\nexport function createClassStyledRenderers() {\n  return createDefaultRenderers({\n    layout: { className: \"control\" },\n    group: { className: \"group\" },\n    array: { className: \"control-array\" },\n    action: { className: \"action\" },\n    data: { inputClass: \"data\" },\n    display: { htmlClassName: \"html\", textClassName: \"text\" },\n  });\n}\n","import React from \"react\";\n\nimport { DefaultRendererOptions } from \"./createDefaultRenderers\";\n\nexport const defaultTailwindTheme = {\n  label: {\n    groupLabelClass: \"font-bold\",\n    requiredElement: <span className=\"text-red-500\"> *</span>,\n  },\n  array: {\n    removableClass: \"grid grid-cols-[1fr_auto] items-center gap-x-2\",\n    childClass: \"grow my-2\",\n    addActionClass: \"my-2\",\n  },\n  group: {\n    standardClassName: \"flex flex-col gap-4\",\n    gridClassName: \"gap-x-2 gap-y-4\",\n    flexClassName: \"gap-2\",\n  },\n  action: {\n    className: \"bg-primary-500 rounded-lg p-3 text-white\",\n  },\n  layout: {\n    className: \"flex flex-col\",\n    errorClass: \"text-sm text-danger-500\",\n  },\n  data: {\n    displayOnlyClass: \"flex flex-row items-center gap-2\",\n    checkOptions: {\n      className: \"flex items-center gap-4\",\n      entryClass: \"flex gap-1 items-center\",\n    },\n    selectOptions: { emptyText: \"<select>\" },\n    multilineClass: \"border p-2 outline-0 whitespace-pre\",\n  },\n  adornment: {\n    accordion: {\n      className: \"flex items-center gap-2 my-2\",\n      titleClass: \"cursor-pointer\",\n      iconOpenClass: \"fa fa-chevron-up\",\n      iconClosedClass: \"fa fa-chevron-down\",\n    },\n  },\n} satisfies DefaultRendererOptions;\n"],"names":["_excluded","createDefaultDisplayRenderer","options","render","props","React","createElement","DefaultDisplay","_extends","type","_ref","_effect","_useComponentTracking","data","display","className","style","_objectWithoutPropertiesLoose","DisplayDataType","Icon","clsx","getOverrideClass","value","iconClass","Text","rendererClass","textClassName","coerceToString","text","Html","htmlClassName","dangerouslySetInnerHTML","__html","html","Custom","customId","ControlInput","control","convert","_formControlProps","formControlProps","inputProps","_excluded2","textValue","useControl","toText","useControlEffect","v","onChange","e","target","converted","undefined","createInputConversion","ft","FieldType","String","a","Bool","_a$toString","toString","Int","parseInt","DateTime","Date","Time","l","length","substring","Double","parseFloat","createSelectRenderer","createDataRenderer","asArray","_props$options","SelectDataRenderer","state","id","readonly","required","emptyText","requiredText","createSelectConversion","field","disabled","showEmpty","useState","optionStringMap","useMemo","Object","fromEntries","map","x","optionGroups","Set","filter","group","keys","key","label","o","renderOption","i","name","createRadioRenderer","p","CheckButtons","isChecked","setChecked","c","entryAdornment","fieldOptionAdornment","renderType","DataRenderType","Radio","createCheckListRenderer","Array","isArray","includes","checked","setValue","setIncluded","collection","CheckList","labelClass","checkClass","entryClass","uniqueId","RenderArrayElements","array","useComputed","Fragment","readOnly","htmlFor","elem","included","createCheckboxRenderer","renderer","children","Fcheckbox","renderLabel","Checkbox","DefaultLayout","errorClass","renderError","layout","controlEnd","controlStart","errorControl","touched","error","DefaultDisplayOnly","schemaInterface","isEmptyValue","createDefaultVisibilityRenderer","createVisibilityRenderer","DefaultVisibility","visibility","divRef","useEffect","ex","visible","showing","ref","createJsonataRenderer","JsonataRenderer","renderOptions","dataContext","Jsonata","expression","sdn","parentNode","bindings","formData","rendered","useJsonataExpression","getRootDataNode","getJsonPath","createNullToggleRenderer","renderers","_control$meta","_control$meta$_nullCo","nullControl","meta","newControl","current","newLayout","renderData","NullWrapper","defaultValue","definition","r","_nullControl$meta$non","createDefaultArrayDataRenderer","defaultActions","renderChild","designMode","addText","noAdd","noRemove","removeText","mergeObjects","isArrayRenderer","childOptions","arrayProps","createArrayActions","renderElement","_control$elements$i$u","_control$elements","elements","ControlDefinitionType","Data","Standard","hideTitle","elementIndex","getLengthRestrictions","renderArray","createDefaultArrayRenderer","renderAction","DefaultArrayRenderer","removableClass","childClass","removableChildClass","removeActionClass","addActionClass","arrayControl","addAction","removeAction","applyArrayLengthRestrictions","RenderElements","_","DefaultAccordion","accordion","contentStyle","contentClassName","iconOpenClass","iconClosedClass","renderTitle","t","renderToggler","titleClass","open","defaultExpanded","isOpen","fullContentStyle","title","renderLabelText","toggler","onClick","MultilineTextfield","codeRef","useRef","textContent","contentEditable","onInput","currentTarget","createButtonActionRenderer","actionId","createActionRenderer","actionText","actionData","_options$renderConten","renderContent","createDefaultGroupRenderer","gridStyles","defaultGridStyles","defaultGridColumns","gridClassName","standardClassName","flexClassName","defaultFlexGap","columns","gridTemplateColumns","childDefinitions","gcn","isGridRenderer","isFlexRenderer","gap","flexDirection","direction","flexStyles","cp","DefaultBoolOptions","createDefaultDataRenderer","_options$checkOptions","_options$radioOptions","_options$checkListOpt","jsonataRenderer","jsonataClass","nullToggler","multilineRenderer","multilineClass","checkboxRenderer","checkOptions","checkboxOptions","selectRenderer","selectOptions","radioRenderer","radioOptions","checkListRenderer","checkListOptions","inputClass","booleanOptions","optionRenderer","displayOnlyClass","arrayRenderer","arrayOptions","fieldType","Compound","groupOptions","isDataGroupRenderer","renderGroup","Any","isDisplayOnlyRenderer","hasOptions","NullToggle","Dropdown","isTextfieldRenderer","multiline","placeholder","createDefaultAdornmentRenderer","adornment","useExpr","apply","rl","isSetFieldAdornment","hook","dynamicHooks","useDynamicHooks","SetFieldWrapper","useCallback","setFieldWrapper","wrapLayout","parentContext","otherField","schemaDataForFieldRef","always","defaultOnly","_adornment$placement","isIconAdornment","appendMarkupAt","placement","AdornmentPlacement","ControlStart","isAccordionAdornment","priority","createDefaultLayoutRenderer","createLayoutRenderer","renderLayoutParts","scrollElement","createDefaultLabelRenderer","groupLabelClass","controlLabelClass","requiredElement","labelContainer","labelStart","labelEnd","LabelType","forId","Group","Control","createDefaultRenderers","action","renderLayout","createClassStyledRenderers","defaultTailwindTheme"],"mappings":"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"}

package/lib/tailwind.d.ts

@@ -0,0 +1,43 @@
+import React from "react";
+export declare const defaultTailwindTheme: {
+    label: {
+        groupLabelClass: string;
+        requiredElement: React.JSX.Element;
+    };
+    array: {
+        removableClass: string;
+        childClass: string;
+        addActionClass: string;
+    };
+    group: {
+        standardClassName: string;
+        gridClassName: string;
+        flexClassName: string;
+    };
+    action: {
+        className: string;
+    };
+    layout: {
+        className: string;
+        errorClass: string;
+    };
+    data: {
+        displayOnlyClass: string;
+        checkOptions: {
+            className: string;
+            entryClass: string;
+        };
+        selectOptions: {
+            emptyText: string;
+        };
+        multilineClass: string;
+    };
+    adornment: {
+        accordion: {
+            className: string;
+            titleClass: string;
+            iconOpenClass: string;
+            iconClosedClass: string;
+        };
+    };
+};

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@react-typed-forms/schemas-html",
+  "version": "1.0.0",
+  "description": "",
+  "type": "module",
+  "main": "lib/index.cjs",
+  "module": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "exports": {
+    "types": "./lib/index.d.ts",
+    "require": "./lib/index.cjs",
+    "default": "./lib/index.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/doolse/react-typed-forms.git"
+  },
+  "author": "Jolse Maginnis",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/doolse/react-typed-forms/issues"
+  },
+  "homepage": "https://github.com/doolse/react-typed-forms#readme",
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "react",
+    "typescript",
+    "forms",
+    "material-ui"
+  ],
+  "dependencies": {
+    "@react-typed-forms/core": "^3.6.0",
+    "clsx": "^1 || ^2",
+    "jsonata": "^2.0.4",
+    "react": "^18.2.0",
+    "@react-typed-forms/schemas": "13.0.0"
+  },
+  "devDependencies": {
+    "@react-typed-forms/transform": "^0.2.0",
+    "@types/uuid": "^10.0.0",
+    "@types/react": "^18.2.28",
+    "markdown-magic": "^2.6.1",
+    "microbundle": "^0.15.1",
+    "nswag": "^13.18.2",
+    "prettier": "^3.0.3",
+    "rimraf": "^3.0.2",
+    "typescript": "^5.6.2"
+  },
+  "gitHead": "698e16cd3ab31b7dd0528fc76536f4d3205ce8c6",
+  "scripts": {
+    "build": "rimraf ./lib/ && microbundle -f modern,cjs --jsx React.createElement --jsxFragment React.Fragment",
+    "watch": "microbundle -w -f modern,cjs --no-compress --jsx React.createElement --jsxFragment React.Fragment",
+    "update-readme": "md-magic --path README.md"
+  }
+}

package/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "forceConsistentCasingInFileNames": true,
+    "esModuleInterop": true,
+    "declaration": true,
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "outDir": "lib"
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx"],
+  "exclude": ["node_modules", "lib"]
+}