@react-typed-forms/schemas-html 4.2.0 → 5.0.1

package/lib/rendererOptions.d.ts

@@ -0,0 +1,218 @@
+import { ReactNode, ReactElement } from "react";
+import { Control } from "@react-typed-forms/core";
+import { CheckRendererOptions, FieldOption, DataRendererRegistration, ArrayActionOptions, RendererRegistration, FormRenderer, IconReference, AdornmentPlacement, IconPlacement, RenderOptions, SchemaNode, ActionRendererProps, ControlDataContext, OptionalAdornment } from "@react-typed-forms/schemas";
+export interface CustomNavigationProps {
+    className?: string;
+    page: number;
+    totalPages: number;
+    next: ActionRendererProps;
+    prev: ActionRendererProps;
+    formRenderer: FormRenderer;
+    validatePage: () => Promise<boolean>;
+}
+export interface SelectRendererOptions {
+    className?: string;
+    emptyText?: string;
+    requiredText?: string;
+}
+export interface AutocompleteRendererOptions {
+    className?: string;
+    listContainerClass?: string;
+    listEntryClass?: string;
+    chipContainerClass?: string;
+    chipCloseButtonClass?: string;
+}
+export interface ArrayElementRendererOptions {
+    className?: string;
+    actionsClass?: string;
+}
+export interface DefaultScrollListOptions {
+    loadingIcon?: IconReference;
+    iconClass?: string;
+    spinnerClass?: string;
+    className?: string;
+}
+export interface DefaultDisplayRendererOptions {
+    textClassName?: string;
+    textTextClass?: string;
+    htmlClassName?: string;
+}
+export interface DefaultGridRenderOptions {
+    className?: string;
+    defaultColumns?: number;
+    rowClass?: string;
+    cellClass?: string;
+}
+export interface DefaultDialogRenderOptions {
+    classes?: {
+        className?: string;
+        titleClass?: string;
+        containerClass?: string;
+    };
+}
+export interface DefaultTabsRenderOptions {
+    className?: string;
+    tabListClass?: string;
+    tabClass?: string;
+    labelClass?: string;
+    activeClass?: string;
+    inactiveClass?: string;
+    contentClass?: string;
+}
+export interface DefaultWizardRenderOptions {
+    classes?: {
+        className?: string;
+        navContainerClass?: string;
+        contentClass?: string;
+    };
+    actions?: {
+        nextText?: string;
+        nextIcon?: IconReference;
+        nextValidate?: boolean;
+        prevText?: string;
+        prevIcon?: IconReference;
+        prevValidate?: boolean;
+    };
+    renderNavigation?: (props: CustomNavigationProps) => ReactNode;
+}
+export interface ValueForFieldRenderOptions extends RenderOptions {
+    type: "ValueForField";
+    fieldRef?: string | null;
+    noOptions?: boolean;
+    refIsDirect?: boolean;
+}
+export interface ValueForFieldOptions {
+    schema: SchemaNode;
+}
+export interface DefaultArrayRendererOptions extends ArrayActionOptions {
+    className?: string;
+    removableClass?: string;
+    childClass?: string;
+    removableChildClass?: string;
+    removeActionClass?: string;
+    addActionClass?: string;
+}
+export interface DefaultLayoutRendererOptions {
+    className?: string;
+    errorClass?: string;
+    renderError?: (errorText: string | null | undefined, errorId?: string) => ReactNode;
+}
+export interface DefaultActionRendererOptions {
+    buttonClass?: string;
+    textClass?: string;
+    primaryClass?: string;
+    primaryTextClass?: string;
+    secondaryClass?: string;
+    secondaryTextClass?: string;
+    linkClass?: string;
+    linkTextClass?: string;
+    iconBeforeClass?: string;
+    iconAfterClass?: string;
+    groupClass?: string;
+    renderContent?: (actionText: string, actionId: string, actionData: any, busy?: boolean) => ReactNode;
+    icon?: IconReference;
+    iconPlacement?: IconPlacement;
+    busyIcon?: IconReference;
+    busyIconPlacement?: IconPlacement;
+    notWrapInText?: boolean;
+    androidRippleColor?: string;
+}
+export interface OptionalRenderProps {
+    allValues: Control<unknown[]>;
+    editing: Control<boolean | undefined>;
+    children: ReactNode;
+    adornment: OptionalAdornment;
+    nullToggler: Control<boolean>;
+    dataContext: ControlDataContext;
+    options: DefaultOptionalAdornmentOptions;
+    dataControl: Control<any>;
+}
+export interface DefaultOptionalAdornmentOptions {
+    className?: string;
+    checkClass?: string;
+    childWrapperClass?: string;
+    multiValuesClass?: string;
+    multiValuesText?: string;
+    nullWrapperClass?: string;
+    setNullText?: string;
+    defaultPlacement?: AdornmentPlacement;
+    hideEdit?: boolean;
+    customRender?: (props: OptionalRenderProps) => ReactNode;
+}
+export interface DefaultAccordionRendererOptions {
+    className?: string;
+    titleTextClass?: string;
+    togglerClass?: string;
+    iconOpen?: IconReference;
+    iconClosed?: IconReference;
+    renderTitle?: (title: ReactNode, current: Control<boolean>) => ReactNode;
+    renderToggler?: (current: Control<boolean>, title: ReactNode) => ReactNode;
+    useCss?: boolean;
+}
+export interface DefaultHelpTextRendererOptions {
+    triggerContainerClass?: string;
+    triggerLabelClass?: string;
+    contentContainerClass?: string;
+    contentTextClass?: string;
+    iconName?: string;
+    iconClass?: string;
+}
+export interface DefaultAdornmentRendererOptions {
+    accordion?: DefaultAccordionRendererOptions;
+    helpText?: DefaultHelpTextRendererOptions;
+    optional?: DefaultOptionalAdornmentOptions;
+}
+export interface DefaultLabelRendererOptions {
+    className?: string;
+    textClass?: string;
+    groupLabelClass?: string;
+    groupLabelTextClass?: string;
+    controlLabelClass?: string;
+    controlLabelTextClass?: string;
+    requiredElement?: (h: FormRenderer["html"]) => ReactNode;
+    labelContainer?: (children: ReactElement) => ReactElement;
+}
+export interface DefaultGroupRendererOptions {
+    className?: string;
+    standardClassName?: string;
+    grid?: DefaultGridRenderOptions;
+    flexClassName?: string;
+    defaultFlexGap?: string;
+    inlineClass?: string;
+    tabs?: DefaultTabsRenderOptions;
+    wizard?: DefaultWizardRenderOptions;
+    dialog?: DefaultDialogRenderOptions;
+    accordion?: DefaultAccordionRendererOptions;
+}
+export interface DefaultDataRendererOptions {
+    inputClass?: string;
+    inputTextClass?: string;
+    displayOnlyClass?: string;
+    selectOptions?: SelectRendererOptions;
+    checkboxOptions?: CheckRendererOptions;
+    checkOptions?: CheckRendererOptions;
+    radioOptions?: CheckRendererOptions;
+    checkListOptions?: CheckRendererOptions;
+    autocompleteOptions?: AutocompleteRendererOptions;
+    arrayElementOptions?: ArrayElementRendererOptions;
+    booleanOptions?: FieldOption[];
+    optionRenderer?: DataRendererRegistration;
+    multilineClass?: string;
+    jsonataClass?: string;
+    arrayOptions?: ArrayActionOptions;
+    defaultEmptyText?: string;
+    scrollListOptions?: DefaultScrollListOptions;
+}
+export interface DefaultRendererOptions {
+    data?: DefaultDataRendererOptions;
+    display?: DefaultDisplayRendererOptions;
+    action?: DefaultActionRendererOptions;
+    array?: DefaultArrayRendererOptions;
+    group?: DefaultGroupRendererOptions;
+    label?: DefaultLabelRendererOptions;
+    adornment?: DefaultAdornmentRendererOptions;
+    layout?: DefaultLayoutRendererOptions;
+    extraRenderers?: (options: DefaultRendererOptions) => RendererRegistration[];
+    html?: FormRenderer["html"];
+}
+export declare const DefaultBoolOptions: FieldOption[];

package/lib/tailwind.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 export declare const defaultTailwindTheme: {
     label: {
         groupLabelClass: string;
-        requiredElement: ({ Span }: import("@react-typed-forms/schemas").HtmlComponents) => JSX.Element;
+        requiredElement: ({ Span }: import("@react-typed-forms/schemas").HtmlComponents) => React.JSX.Element;
     };
     array: {
         removableClass: string;
@@ -14,6 +15,7 @@ export declare const defaultTailwindTheme: {
         grid: {
             className: string;
             rowClass: string;
+            cellClass: string;
         };
         flexClassName: string;
         inlineClass: string;
@@ -33,6 +35,10 @@ export declare const defaultTailwindTheme: {
         secondaryClass: string;
         iconBeforeClass: string;
         iconAfterClass: string;
+        busyIcon: {
+            library: import("@react-typed-forms/schemas").IconLibrary;
+            name: string;
+        };
     };
     layout: {
         className: string;
@@ -59,11 +65,17 @@ export declare const defaultTailwindTheme: {
             chipContainerClass: string;
             chipCloseButtonClass: string;
         };
+        scrollListOptions: {
+            loadingIcon: {
+                library: import("@react-typed-forms/schemas").IconLibrary;
+                name: string;
+            };
+        };
     };
     adornment: {
         accordion: {
             className: string;
-            titleClass: string;
+            titleTextClass: string;
             iconOpen: {
                 library: import("@react-typed-forms/schemas").IconLibrary;
                 name: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-typed-forms/schemas-html",
-  "version": "4.2.0",
+  "version": "5.0.1",
   "description": "",
   "type": "module",
   "main": "lib/index.cjs",
@@ -39,18 +39,18 @@
   },
   "peerDependencies": {
     "@react-typed-forms/core": "^4.4.0",
-    "@react-typed-forms/schemas": "^16.1.0",
+    "@react-typed-forms/schemas": "^17.1.0",
     "react": "^18.2.0 || ^19"
   },
   "devDependencies": {
     "@react-typed-forms/core": "^4.4.3",
-    "@react-typed-forms/schemas": "^16.2.2",
+    "@react-typed-forms/schemas": "^17.0.0",
     "@astroapps/controls": "^1.3.3",
     "react": "^18.2.0 || ^19",
     "react-dom": "^18.2.0 || ^19",
     "@react-typed-forms/transform": "^0.2.0",
     "@types/uuid": "^10.0.0",
-    "@types/react": "^18.2.28",
+    "@types/react": "^18.2.28 || ^ 19",
     "markdown-magic": "^2.6.1",
     "microbundle": "^0.15.1",
     "nswag": "^13.18.2",
@@ -60,8 +60,8 @@
   },
   "gitHead": "698e16cd3ab31b7dd0528fc76536f4d3205ce8c6",
   "scripts": {
-    "build": "rimraf ./lib/ node_modules/.cache && microbundle -f modern,cjs --no-compress --jsxImportSource=react",
-    "watch": "microbundle -w -f modern,cjs --no-compress --jsxImportSource=react",
+    "build": "rimraf ./lib/ node_modules/.cache && microbundle -f modern,cjs --no-compress --jsx React --jsxImportSource=react",
+    "watch": "microbundle -f modern,cjs --no-compress --jsx React --jsxImportSource=react",
     "update-readme": "md-magic --path README.md"
   }
 }

package/lib/components/VisibleChildrenRenderer.d.ts

@@ -1,14 +0,0 @@
-import { ControlDataContext, FormNode, ParentRendererProps } from "@react-typed-forms/schemas";
-import { ReactNode } from "react";
-interface VisibleChildrenRendererProps<A> {
-    parent: ParentRendererProps;
-    parentFormNode: FormNode;
-    dataContext: ControlDataContext;
-    props: A;
-    render: (props: A, isChildVisible: (childIndex: number) => boolean) => ReactNode;
-}
-/**
- * @trackControls
- */
-export declare function VisibleChildrenRenderer<A>(props: VisibleChildrenRendererProps<A>): ReactNode;
-export {};