formanitor 0.1.8 → 0.1.9

package/dist/index.d.cts

@@ -111,6 +111,8 @@ interface RichTextFieldDef extends BaseFieldDef {
     type: "richtext";
     /** Minimum height of the editor body in pixels. Default: 160. */
     minHeight?: number;
+    /** When true, enables table insert/edit controls in the toolbar. Default: false. */
+    tables?: boolean;
 }
 interface NumberFieldDef extends BaseFieldDef {
     type: "number";
@@ -1074,6 +1076,8 @@ declare const FieldRenderer: React.FC<FieldRendererProps>;
 declare const RichTextWidget: React.FC<{
     fieldId: string;
 }>;
+/** Tailwind classes for rendering stored richtext HTML (e.g. read-only views). */
+declare function richTextHtmlClassName(): string;
 
 interface SubmissionData {
     created_at: string;
@@ -1362,4 +1366,4 @@ declare const SmartTextareaWidget: React.FC<{
     fieldId: string;
 }>;
 
-export { type AIDifferentialDiagnosisItem, AddInvestigationField, type AddInvestigationFieldProps, AddMedicationField, type AddMedicationFieldProps, type BaseFieldDef, type BiometryIolWorkupFieldDef, type BiometryIolWorkupValue, type BiometryMethod, type CheckboxFieldDef, type ColumnLayout, type Computation, type Condition, type CreateUploadHandlerOptions, type DataSource, type DiagnosisGradeSelection, type DiagnosisTextareaFieldDef, type DiagnosisTextareaValue, type DiagnosticPackage, type DiagnosticPackageTest, DifferentialDiagnosis, type DifferentialDiagnosisFieldDef, type DifferentialDiagnosisItem, type DifferentialDiagnosisProps, type DoctorFrequentItems, DynamicForm, DynamicFormV2, type DynamicFormV2Props, type DynamicFormV2SectionMode, EMAIL_REGEX, type EditableTableColumnDef, type EditableTableFieldDef, type EventDefinition, type ExtractedKeywordMatch, type FieldDef, type FieldHandler, type FieldHandlersMap, type FieldPrefill, FieldRenderer, FieldRequiredIndicator, type FieldState, type FieldStyleClassNames, type FieldStyleConfig, type FieldType, type FileUploadFieldDef, type FollowupFieldDef, type FollowupValue, FormControls, type FormControlsProps, type FormDef, type FormErrors, FormFileUploadWidget, FormProvider, type FormState, FormStore, type FormValues, type FormulaComputation, type FormulaExpr, type FunctionalImpairmentDimension, type FunctionalImpairmentScoreFieldDef, type FunctionalImpairmentScoreValue, type GeneralSurgeryExaminationFieldDef, type GeneralSurgeryGradingFieldDef, type GeneralSurgerySmartHistoryFieldDef, type ImageUploadFieldDef, ImageUploadWidget, type Investigation, type InvestigationFrequentItem, type InvestigationSearchResult, type InvestigationsFieldDef, type LayoutNode, type LensAssessmentFieldDef, type LensAssessmentValue, type LocsGrades, MAR_MEDICATION_ORDERS_META_KEY, type MatchedCondition, type MediaUploadFieldDef, MediaUploadWidget, type Medication, type MedicationFrequentItem, type MedicationSearchResult, type MedicationsFieldDef, MultiStepForm, type MultiStepFormProps, type MultiStepLayoutNode, type MultiStepNode, type NumberFieldDef, type OBGExaminationFieldDef, type OBGPathwayFieldDef, type OtpInputFieldDef, type OtpVerifiedValue, type PainScaleFlagsFieldDef, type Permission, type PhoneInputFieldDef, type PresignedUploadResponse, type ProcedureFrequentItem, type ProceduresFieldDef, type RadioFieldDef, ReadOnlyForm, ReadOnlyImageUpload, ReadOnlyMediaUpload, ReadOnlySignature, ReadOnlyTable, type ReferralFieldDef, type ReferralItem, type RepeatableFieldDef, type RichTextFieldDef, RichTextWidget, type Rule, type RuleAction, type RuleResult, type ScoreComputation, type ScoreRange, type Section, type SectionChild, type SelectFieldDef, type SelectOption, type SignatureFieldDef, SignatureUploadWidget, type SliderFieldDef, SmartForm, type SmartFormProps, type SmartKeywordsResult, type SmartTextareaFieldDef, type SmartTextareaValue, SmartTextareaWidget, type StaticTextFieldDef, type StoreAuthConfig, type StoreConfig, type SubmissionData, type SuggestionTextareaFieldDef, type SumComputation, type SurgicalRiskFlagsFieldDef, type SurgicalRiskFlagsValue, type TextFieldDef, type ToggleFieldDef, Upload, type UploadProps, type UrologyExaminationFieldDef, type UrologyPathwayFieldDef, type UrologySmartHistoryFieldDef, type ValidationRule, type VitalsFieldDef, type WebhookDef, type Workflow, type WorkflowTransition, createUploadHandler, evaluateRules, fieldControlClass, fieldDescriptionClass, fieldErrorClass, fieldLabelClass, fieldMetaRequestsMarMedicationOrdersButton, fieldWrapperClass, isLabelVisible, useField, useFieldHandlers, useForm, useFormStore, useFrequentItems, usePackages, useSmartKeywords, validateField, validateForm };
+export { type AIDifferentialDiagnosisItem, AddInvestigationField, type AddInvestigationFieldProps, AddMedicationField, type AddMedicationFieldProps, type BaseFieldDef, type BiometryIolWorkupFieldDef, type BiometryIolWorkupValue, type BiometryMethod, type CheckboxFieldDef, type ColumnLayout, type Computation, type Condition, type CreateUploadHandlerOptions, type DataSource, type DiagnosisGradeSelection, type DiagnosisTextareaFieldDef, type DiagnosisTextareaValue, type DiagnosticPackage, type DiagnosticPackageTest, DifferentialDiagnosis, type DifferentialDiagnosisFieldDef, type DifferentialDiagnosisItem, type DifferentialDiagnosisProps, type DoctorFrequentItems, DynamicForm, DynamicFormV2, type DynamicFormV2Props, type DynamicFormV2SectionMode, EMAIL_REGEX, type EditableTableColumnDef, type EditableTableFieldDef, type EventDefinition, type ExtractedKeywordMatch, type FieldDef, type FieldHandler, type FieldHandlersMap, type FieldPrefill, FieldRenderer, FieldRequiredIndicator, type FieldState, type FieldStyleClassNames, type FieldStyleConfig, type FieldType, type FileUploadFieldDef, type FollowupFieldDef, type FollowupValue, FormControls, type FormControlsProps, type FormDef, type FormErrors, FormFileUploadWidget, FormProvider, type FormState, FormStore, type FormValues, type FormulaComputation, type FormulaExpr, type FunctionalImpairmentDimension, type FunctionalImpairmentScoreFieldDef, type FunctionalImpairmentScoreValue, type GeneralSurgeryExaminationFieldDef, type GeneralSurgeryGradingFieldDef, type GeneralSurgerySmartHistoryFieldDef, type ImageUploadFieldDef, ImageUploadWidget, type Investigation, type InvestigationFrequentItem, type InvestigationSearchResult, type InvestigationsFieldDef, type LayoutNode, type LensAssessmentFieldDef, type LensAssessmentValue, type LocsGrades, MAR_MEDICATION_ORDERS_META_KEY, type MatchedCondition, type MediaUploadFieldDef, MediaUploadWidget, type Medication, type MedicationFrequentItem, type MedicationSearchResult, type MedicationsFieldDef, MultiStepForm, type MultiStepFormProps, type MultiStepLayoutNode, type MultiStepNode, type NumberFieldDef, type OBGExaminationFieldDef, type OBGPathwayFieldDef, type OtpInputFieldDef, type OtpVerifiedValue, type PainScaleFlagsFieldDef, type Permission, type PhoneInputFieldDef, type PresignedUploadResponse, type ProcedureFrequentItem, type ProceduresFieldDef, type RadioFieldDef, ReadOnlyForm, ReadOnlyImageUpload, ReadOnlyMediaUpload, ReadOnlySignature, ReadOnlyTable, type ReferralFieldDef, type ReferralItem, type RepeatableFieldDef, type RichTextFieldDef, RichTextWidget, type Rule, type RuleAction, type RuleResult, type ScoreComputation, type ScoreRange, type Section, type SectionChild, type SelectFieldDef, type SelectOption, type SignatureFieldDef, SignatureUploadWidget, type SliderFieldDef, SmartForm, type SmartFormProps, type SmartKeywordsResult, type SmartTextareaFieldDef, type SmartTextareaValue, SmartTextareaWidget, type StaticTextFieldDef, type StoreAuthConfig, type StoreConfig, type SubmissionData, type SuggestionTextareaFieldDef, type SumComputation, type SurgicalRiskFlagsFieldDef, type SurgicalRiskFlagsValue, type TextFieldDef, type ToggleFieldDef, Upload, type UploadProps, type UrologyExaminationFieldDef, type UrologyPathwayFieldDef, type UrologySmartHistoryFieldDef, type ValidationRule, type VitalsFieldDef, type WebhookDef, type Workflow, type WorkflowTransition, createUploadHandler, evaluateRules, fieldControlClass, fieldDescriptionClass, fieldErrorClass, fieldLabelClass, fieldMetaRequestsMarMedicationOrdersButton, fieldWrapperClass, isLabelVisible, richTextHtmlClassName, useField, useFieldHandlers, useForm, useFormStore, useFrequentItems, usePackages, useSmartKeywords, validateField, validateForm };

package/dist/index.d.ts

@@ -111,6 +111,8 @@ interface RichTextFieldDef extends BaseFieldDef {
     type: "richtext";
     /** Minimum height of the editor body in pixels. Default: 160. */
     minHeight?: number;
+    /** When true, enables table insert/edit controls in the toolbar. Default: false. */
+    tables?: boolean;
 }
 interface NumberFieldDef extends BaseFieldDef {
     type: "number";
@@ -1074,6 +1076,8 @@ declare const FieldRenderer: React.FC<FieldRendererProps>;
 declare const RichTextWidget: React.FC<{
     fieldId: string;
 }>;
+/** Tailwind classes for rendering stored richtext HTML (e.g. read-only views). */
+declare function richTextHtmlClassName(): string;
 
 interface SubmissionData {
     created_at: string;
@@ -1362,4 +1366,4 @@ declare const SmartTextareaWidget: React.FC<{
     fieldId: string;
 }>;
 
-export { type AIDifferentialDiagnosisItem, AddInvestigationField, type AddInvestigationFieldProps, AddMedicationField, type AddMedicationFieldProps, type BaseFieldDef, type BiometryIolWorkupFieldDef, type BiometryIolWorkupValue, type BiometryMethod, type CheckboxFieldDef, type ColumnLayout, type Computation, type Condition, type CreateUploadHandlerOptions, type DataSource, type DiagnosisGradeSelection, type DiagnosisTextareaFieldDef, type DiagnosisTextareaValue, type DiagnosticPackage, type DiagnosticPackageTest, DifferentialDiagnosis, type DifferentialDiagnosisFieldDef, type DifferentialDiagnosisItem, type DifferentialDiagnosisProps, type DoctorFrequentItems, DynamicForm, DynamicFormV2, type DynamicFormV2Props, type DynamicFormV2SectionMode, EMAIL_REGEX, type EditableTableColumnDef, type EditableTableFieldDef, type EventDefinition, type ExtractedKeywordMatch, type FieldDef, type FieldHandler, type FieldHandlersMap, type FieldPrefill, FieldRenderer, FieldRequiredIndicator, type FieldState, type FieldStyleClassNames, type FieldStyleConfig, type FieldType, type FileUploadFieldDef, type FollowupFieldDef, type FollowupValue, FormControls, type FormControlsProps, type FormDef, type FormErrors, FormFileUploadWidget, FormProvider, type FormState, FormStore, type FormValues, type FormulaComputation, type FormulaExpr, type FunctionalImpairmentDimension, type FunctionalImpairmentScoreFieldDef, type FunctionalImpairmentScoreValue, type GeneralSurgeryExaminationFieldDef, type GeneralSurgeryGradingFieldDef, type GeneralSurgerySmartHistoryFieldDef, type ImageUploadFieldDef, ImageUploadWidget, type Investigation, type InvestigationFrequentItem, type InvestigationSearchResult, type InvestigationsFieldDef, type LayoutNode, type LensAssessmentFieldDef, type LensAssessmentValue, type LocsGrades, MAR_MEDICATION_ORDERS_META_KEY, type MatchedCondition, type MediaUploadFieldDef, MediaUploadWidget, type Medication, type MedicationFrequentItem, type MedicationSearchResult, type MedicationsFieldDef, MultiStepForm, type MultiStepFormProps, type MultiStepLayoutNode, type MultiStepNode, type NumberFieldDef, type OBGExaminationFieldDef, type OBGPathwayFieldDef, type OtpInputFieldDef, type OtpVerifiedValue, type PainScaleFlagsFieldDef, type Permission, type PhoneInputFieldDef, type PresignedUploadResponse, type ProcedureFrequentItem, type ProceduresFieldDef, type RadioFieldDef, ReadOnlyForm, ReadOnlyImageUpload, ReadOnlyMediaUpload, ReadOnlySignature, ReadOnlyTable, type ReferralFieldDef, type ReferralItem, type RepeatableFieldDef, type RichTextFieldDef, RichTextWidget, type Rule, type RuleAction, type RuleResult, type ScoreComputation, type ScoreRange, type Section, type SectionChild, type SelectFieldDef, type SelectOption, type SignatureFieldDef, SignatureUploadWidget, type SliderFieldDef, SmartForm, type SmartFormProps, type SmartKeywordsResult, type SmartTextareaFieldDef, type SmartTextareaValue, SmartTextareaWidget, type StaticTextFieldDef, type StoreAuthConfig, type StoreConfig, type SubmissionData, type SuggestionTextareaFieldDef, type SumComputation, type SurgicalRiskFlagsFieldDef, type SurgicalRiskFlagsValue, type TextFieldDef, type ToggleFieldDef, Upload, type UploadProps, type UrologyExaminationFieldDef, type UrologyPathwayFieldDef, type UrologySmartHistoryFieldDef, type ValidationRule, type VitalsFieldDef, type WebhookDef, type Workflow, type WorkflowTransition, createUploadHandler, evaluateRules, fieldControlClass, fieldDescriptionClass, fieldErrorClass, fieldLabelClass, fieldMetaRequestsMarMedicationOrdersButton, fieldWrapperClass, isLabelVisible, useField, useFieldHandlers, useForm, useFormStore, useFrequentItems, usePackages, useSmartKeywords, validateField, validateForm };
+export { type AIDifferentialDiagnosisItem, AddInvestigationField, type AddInvestigationFieldProps, AddMedicationField, type AddMedicationFieldProps, type BaseFieldDef, type BiometryIolWorkupFieldDef, type BiometryIolWorkupValue, type BiometryMethod, type CheckboxFieldDef, type ColumnLayout, type Computation, type Condition, type CreateUploadHandlerOptions, type DataSource, type DiagnosisGradeSelection, type DiagnosisTextareaFieldDef, type DiagnosisTextareaValue, type DiagnosticPackage, type DiagnosticPackageTest, DifferentialDiagnosis, type DifferentialDiagnosisFieldDef, type DifferentialDiagnosisItem, type DifferentialDiagnosisProps, type DoctorFrequentItems, DynamicForm, DynamicFormV2, type DynamicFormV2Props, type DynamicFormV2SectionMode, EMAIL_REGEX, type EditableTableColumnDef, type EditableTableFieldDef, type EventDefinition, type ExtractedKeywordMatch, type FieldDef, type FieldHandler, type FieldHandlersMap, type FieldPrefill, FieldRenderer, FieldRequiredIndicator, type FieldState, type FieldStyleClassNames, type FieldStyleConfig, type FieldType, type FileUploadFieldDef, type FollowupFieldDef, type FollowupValue, FormControls, type FormControlsProps, type FormDef, type FormErrors, FormFileUploadWidget, FormProvider, type FormState, FormStore, type FormValues, type FormulaComputation, type FormulaExpr, type FunctionalImpairmentDimension, type FunctionalImpairmentScoreFieldDef, type FunctionalImpairmentScoreValue, type GeneralSurgeryExaminationFieldDef, type GeneralSurgeryGradingFieldDef, type GeneralSurgerySmartHistoryFieldDef, type ImageUploadFieldDef, ImageUploadWidget, type Investigation, type InvestigationFrequentItem, type InvestigationSearchResult, type InvestigationsFieldDef, type LayoutNode, type LensAssessmentFieldDef, type LensAssessmentValue, type LocsGrades, MAR_MEDICATION_ORDERS_META_KEY, type MatchedCondition, type MediaUploadFieldDef, MediaUploadWidget, type Medication, type MedicationFrequentItem, type MedicationSearchResult, type MedicationsFieldDef, MultiStepForm, type MultiStepFormProps, type MultiStepLayoutNode, type MultiStepNode, type NumberFieldDef, type OBGExaminationFieldDef, type OBGPathwayFieldDef, type OtpInputFieldDef, type OtpVerifiedValue, type PainScaleFlagsFieldDef, type Permission, type PhoneInputFieldDef, type PresignedUploadResponse, type ProcedureFrequentItem, type ProceduresFieldDef, type RadioFieldDef, ReadOnlyForm, ReadOnlyImageUpload, ReadOnlyMediaUpload, ReadOnlySignature, ReadOnlyTable, type ReferralFieldDef, type ReferralItem, type RepeatableFieldDef, type RichTextFieldDef, RichTextWidget, type Rule, type RuleAction, type RuleResult, type ScoreComputation, type ScoreRange, type Section, type SectionChild, type SelectFieldDef, type SelectOption, type SignatureFieldDef, SignatureUploadWidget, type SliderFieldDef, SmartForm, type SmartFormProps, type SmartKeywordsResult, type SmartTextareaFieldDef, type SmartTextareaValue, SmartTextareaWidget, type StaticTextFieldDef, type StoreAuthConfig, type StoreConfig, type SubmissionData, type SuggestionTextareaFieldDef, type SumComputation, type SurgicalRiskFlagsFieldDef, type SurgicalRiskFlagsValue, type TextFieldDef, type ToggleFieldDef, Upload, type UploadProps, type UrologyExaminationFieldDef, type UrologyPathwayFieldDef, type UrologySmartHistoryFieldDef, type ValidationRule, type VitalsFieldDef, type WebhookDef, type Workflow, type WorkflowTransition, createUploadHandler, evaluateRules, fieldControlClass, fieldDescriptionClass, fieldErrorClass, fieldLabelClass, fieldMetaRequestsMarMedicationOrdersButton, fieldWrapperClass, isLabelVisible, richTextHtmlClassName, useField, useFieldHandlers, useForm, useFormStore, useFrequentItems, usePackages, useSmartKeywords, validateField, validateForm };

package/dist/index.mjs

@@ -3,13 +3,14 @@ import React15__default, { createContext, useContext, useRef, useEffect, useStat
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { ChevronDown, ChevronUp, Check, Circle, X, Image, Upload, Trash2, Plus, Loader2, PenTool, Mic, Undo, Redo, ChevronRight, Calendar as Calendar$1, ChevronLeft, RefreshCw, Clock, Bold, Italic, Underline as Underline$1, Strikethrough, List, ListOrdered } from 'lucide-react';
+import { ChevronDown, ChevronUp, Check, Circle, X, Image, Upload, Trash2, Plus, Loader2, PenTool, Mic, Undo, Redo, ChevronRight, Calendar as Calendar$1, ChevronLeft, RefreshCw, Clock, Bold, Italic, Underline as Underline$1, Strikethrough, List, ListOrdered, Table as Table$1, Rows2, Columns2, TableRowsSplit, TableColumnsSplit } from 'lucide-react';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { cva } from 'class-variance-authority';
 import { useEditor, EditorContent } from '@tiptap/react';
 import StarterKit from '@tiptap/starter-kit';
 import Placeholder from '@tiptap/extension-placeholder';
 import Underline from '@tiptap/extension-underline';
+import { TableRow, TableHeader, TableCell, Table } from '@tiptap/extension-table';
 import { Slot } from '@radix-ui/react-slot';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as SelectPrimitive from '@radix-ui/react-select';
@@ -2193,9 +2194,47 @@ function isEmptyHtml(html) {
   const t = html.trim();
   return t === "" || t === "<p></p>" || t === "<p><br></p>" || t === '<p><br class="ProseMirror-trailingBreak"></p>';
 }
+function buildRichTextExtensions(placeholder, tables) {
+  const base = [
+    StarterKit.configure({
+      // Disable headings entirely so the UI/content can't introduce H2/H3.
+      heading: false,
+      bulletList: {
+        HTMLAttributes: {
+          class: "list-disc pl-6 my-2"
+        }
+      },
+      orderedList: {
+        HTMLAttributes: {
+          class: "list-decimal pl-6 my-2"
+        }
+      },
+      listItem: {
+        HTMLAttributes: {
+          class: "my-1"
+        }
+      }
+    }),
+    Underline,
+    Placeholder.configure({
+      placeholder
+    })
+  ];
+  if (!tables) return base;
+  return [
+    ...base,
+    Table.configure({
+      resizable: false
+    }),
+    TableRow,
+    TableHeader,
+    TableCell
+  ];
+}
 function RichTextToolbar({
   editor,
-  disabled
+  disabled,
+  tablesEnabled
 }) {
   const [, rerender] = useReducer((n) => n + 1, 0);
   useEffect(() => {
@@ -2226,6 +2265,7 @@ function RichTextToolbar({
       children: icon
     }
   );
+  const inTable = tablesEnabled && editor.isActive("table");
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -2270,6 +2310,46 @@ function RichTextToolbar({
           /* @__PURE__ */ jsx(ListOrdered, { className: "h-4 w-4" }),
           "Numbered list"
         ),
+        tablesEnabled && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "mx-0.5 h-6" }),
+          !inTable ? fmtBtn(
+            false,
+            () => editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run(),
+            /* @__PURE__ */ jsx(Table$1, { className: "h-4 w-4" }),
+            "Insert table"
+          ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            fmtBtn(
+              false,
+              () => editor.chain().focus().addRowAfter().run(),
+              /* @__PURE__ */ jsx(Rows2, { className: "h-4 w-4" }),
+              "Add row below"
+            ),
+            fmtBtn(
+              false,
+              () => editor.chain().focus().addColumnAfter().run(),
+              /* @__PURE__ */ jsx(Columns2, { className: "h-4 w-4" }),
+              "Add column right"
+            ),
+            fmtBtn(
+              false,
+              () => editor.chain().focus().deleteRow().run(),
+              /* @__PURE__ */ jsx(TableRowsSplit, { className: "h-4 w-4" }),
+              "Delete row"
+            ),
+            fmtBtn(
+              false,
+              () => editor.chain().focus().deleteColumn().run(),
+              /* @__PURE__ */ jsx(TableColumnsSplit, { className: "h-4 w-4" }),
+              "Delete column"
+            ),
+            fmtBtn(
+              false,
+              () => editor.chain().focus().deleteTable().run(),
+              /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" }),
+              "Delete table"
+            )
+          ] })
+        ] }),
         /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "mx-0.5 h-6" }),
         /* @__PURE__ */ jsx(
           Button,
@@ -2310,33 +2390,10 @@ var RichTextWidget = ({ fieldId }) => {
   const def = fieldDef;
   const placeholder = def?.placeholder ?? "Start typing\u2026";
   const minHeight = def?.minHeight ?? 160;
+  const tablesEnabled = !!def?.tables;
   const extensions = useMemo(
-    () => [
-      StarterKit.configure({
-        // Disable headings entirely so the UI/content can't introduce H2/H3.
-        heading: false,
-        bulletList: {
-          HTMLAttributes: {
-            class: "list-disc pl-6 my-2"
-          }
-        },
-        orderedList: {
-          HTMLAttributes: {
-            class: "list-decimal pl-6 my-2"
-          }
-        },
-        listItem: {
-          HTMLAttributes: {
-            class: "my-1"
-          }
-        }
-      }),
-      Underline,
-      Placeholder.configure({
-        placeholder
-      })
-    ],
-    [placeholder]
+    () => buildRichTextExtensions(placeholder, tablesEnabled),
+    [placeholder, tablesEnabled]
   );
   const stringValue = typeof value === "string" ? value : "";
   const editor = useEditor(
@@ -2353,7 +2410,7 @@ var RichTextWidget = ({ fieldId }) => {
       editorProps: {
         attributes: {
           id: fieldId,
-          class: "focus:outline-none",
+          class: "tiptap focus:outline-none",
           style: `min-height: ${minHeight}px`
         }
       }
@@ -2419,7 +2476,14 @@ var RichTextWidget = ({ fieldId }) => {
           )
         ),
         children: [
-          /* @__PURE__ */ jsx(RichTextToolbar, { editor, disabled }),
+          /* @__PURE__ */ jsx(
+            RichTextToolbar,
+            {
+              editor,
+              disabled,
+              tablesEnabled
+            }
+          ),
           /* @__PURE__ */ jsx(
             "div",
             {
@@ -2445,6 +2509,9 @@ var RichTextWidget = ({ fieldId }) => {
     showError && /* @__PURE__ */ jsx("p", { className: fieldErrorClass(fieldDef, "text-xs text-red-500"), children: error })
   ] });
 };
+function richTextHtmlClassName() {
+  return cn("richtext-content prose prose-sm max-w-none");
+}
 var Select = SelectPrimitive.Root;
 var SelectValue = SelectPrimitive.Value;
 var SelectTrigger = React15.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
@@ -2728,7 +2795,7 @@ var MultiSelectWidget = ({ fieldId }) => {
     showError && /* @__PURE__ */ jsx("p", { className: fieldErrorClass(fieldDef, "text-xs text-red-500"), children: error })
   ] });
 };
-var Table = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
+var Table2 = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
   "table",
   {
     ref,
@@ -2736,9 +2803,9 @@ var Table = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
     ...props
   }
 ) }));
-Table.displayName = "Table";
-var TableHeader = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
-TableHeader.displayName = "TableHeader";
+Table2.displayName = "Table";
+var TableHeader2 = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+TableHeader2.displayName = "TableHeader";
 var TableBody = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tbody",
   {
@@ -2760,7 +2827,7 @@ var TableFooter = React15.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableRow2 = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tr",
   {
     ref,
@@ -2771,7 +2838,7 @@ var TableRow = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__
     ...props
   }
 ));
-TableRow.displayName = "TableRow";
+TableRow2.displayName = "TableRow";
 var TableHead = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "th",
   {
@@ -2784,7 +2851,7 @@ var TableHead = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCell2 = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "td",
   {
     ref,
@@ -2792,7 +2859,7 @@ var TableCell = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE_
     ...props
   }
 ));
-TableCell.displayName = "TableCell";
+TableCell2.displayName = "TableCell";
 var TableCaption = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "caption",
   {
@@ -2842,15 +2909,15 @@ var RepeatableWidget = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs(Table, { children: [
-      /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+    /* @__PURE__ */ jsx("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs(Table2, { children: [
+      /* @__PURE__ */ jsx(TableHeader2, { children: /* @__PURE__ */ jsxs(TableRow2, { children: [
         def.row.map((subDef) => /* @__PURE__ */ jsx(TableHead, { children: subDef.label }, subDef.id)),
         /* @__PURE__ */ jsx(TableHead, { className: "w-[50px]" })
       ] }) }),
       /* @__PURE__ */ jsxs(TableBody, { children: [
         rows.map(
-          (row, index) => /* @__PURE__ */ jsxs(TableRow, { children: [
-            def.row.map((subDef) => /* @__PURE__ */ jsx(TableCell, { children: subDef.type === "number" ? /* @__PURE__ */ jsx(
+          (row, index) => /* @__PURE__ */ jsxs(TableRow2, { children: [
+            def.row.map((subDef) => /* @__PURE__ */ jsx(TableCell2, { children: subDef.type === "number" ? /* @__PURE__ */ jsx(
               "input",
               {
                 type: "number",
@@ -2868,7 +2935,7 @@ var RepeatableWidget = ({
                 disabled
               }
             ) }, subDef.id)),
-            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(TableCell2, { children: /* @__PURE__ */ jsx(
               Button,
               {
                 type: "button",
@@ -2882,8 +2949,8 @@ var RepeatableWidget = ({
             ) })
           ] }, index)
         ),
-        rows.length === 0 && /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
-          TableCell,
+        rows.length === 0 && /* @__PURE__ */ jsx(TableRow2, { children: /* @__PURE__ */ jsx(
+          TableCell2,
           {
             colSpan: def.row.length + 1,
             className: "h-24 text-center",
@@ -4359,23 +4426,23 @@ var EditableTableWidget = ({
       /* @__PURE__ */ jsx(Label, { children: fieldDef.label }),
       fieldDef.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: fieldDef.description })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs(Table, { children: [
-      /* @__PURE__ */ jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(TableHead, { children: header.isPlaceholder ? null : flexRender(
+    /* @__PURE__ */ jsx("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs(Table2, { children: [
+      /* @__PURE__ */ jsx(TableHeader2, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow2, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(TableHead, { children: header.isPlaceholder ? null : flexRender(
         header.column.columnDef.header,
         header.getContext()
       ) }, header.id)) }, headerGroup.id)) }),
       /* @__PURE__ */ jsx(TableBody, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx(
-        TableRow,
+        TableRow2,
         {
           "data-state": row.getIsSelected() && "selected",
-          children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(TableCell, { className: "p-1", children: flexRender(
+          children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(TableCell2, { className: "p-1", children: flexRender(
             cell.column.columnDef.cell,
             cell.getContext()
           ) }, cell.id))
         },
         row.id
-      )) : /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
-        TableCell,
+      )) : /* @__PURE__ */ jsx(TableRow2, { children: /* @__PURE__ */ jsx(
+        TableCell2,
         {
           colSpan: columns.length,
           className: "h-24 text-center",
@@ -15375,7 +15442,10 @@ var ReadOnlyText = ({ fieldDef, value }) => {
     isRichText ? /* @__PURE__ */ jsx(
       "div",
       {
-        className: "prose prose-sm max-w-none text-gray-900 border border-gray-200 rounded-md p-3 bg-gray-50",
+        className: cn(
+          richTextHtmlClassName(),
+          "text-gray-900 border border-gray-200 rounded-md p-3 bg-gray-50"
+        ),
         dangerouslySetInnerHTML: { __html: displayValue }
       }
     ) : /* @__PURE__ */ jsx("div", { className: "text-gray-900 border border-gray-200 rounded-md p-3 bg-gray-50 min-h-[2.5rem] whitespace-pre-wrap", children: displayValue || /* @__PURE__ */ jsx("span", { className: "text-gray-400 italic", children: "No value" }) })
@@ -15444,10 +15514,10 @@ var ReadOnlyRepeatable = ({ fieldDef, value }) => {
   const rows = Array.isArray(value) ? value : [];
   return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium text-gray-700", children: fieldDef.label }),
-    rows.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-gray-400 italic border border-gray-200 rounded-md p-4 bg-gray-50 text-center", children: "No items" }) : /* @__PURE__ */ jsx("div", { className: "rounded-md border border-gray-200 overflow-hidden", children: /* @__PURE__ */ jsxs(Table, { children: [
-      /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsx(TableRow, { children: fieldDef.row.map((subDef) => /* @__PURE__ */ jsx(TableHead, { className: "bg-gray-50", children: subDef.label }, subDef.id)) }) }),
+    rows.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-gray-400 italic border border-gray-200 rounded-md p-4 bg-gray-50 text-center", children: "No items" }) : /* @__PURE__ */ jsx("div", { className: "rounded-md border border-gray-200 overflow-hidden", children: /* @__PURE__ */ jsxs(Table2, { children: [
+      /* @__PURE__ */ jsx(TableHeader2, { children: /* @__PURE__ */ jsx(TableRow2, { children: fieldDef.row.map((subDef) => /* @__PURE__ */ jsx(TableHead, { className: "bg-gray-50", children: subDef.label }, subDef.id)) }) }),
       /* @__PURE__ */ jsx(TableBody, { children: rows.map(
-        (row, index) => /* @__PURE__ */ jsx(TableRow, { children: fieldDef.row.map((subDef) => /* @__PURE__ */ jsx(TableCell, { className: "text-gray-900", children: row[subDef.id] ?? /* @__PURE__ */ jsx("span", { className: "text-gray-400 italic", children: "\u2014" }) }, subDef.id)) }, index)
+        (row, index) => /* @__PURE__ */ jsx(TableRow2, { children: fieldDef.row.map((subDef) => /* @__PURE__ */ jsx(TableCell2, { className: "text-gray-900", children: row[subDef.id] ?? /* @__PURE__ */ jsx("span", { className: "text-gray-400 italic", children: "\u2014" }) }, subDef.id)) }, index)
       ) })
     ] }) })
   ] });
@@ -15627,16 +15697,16 @@ var ReadOnlyTable = ({
   return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsx(Label, { children: fieldDef.label }),
     fieldDef.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: fieldDef.description }),
-    /* @__PURE__ */ jsx("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs(Table, { children: [
-      /* @__PURE__ */ jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(TableHead, { children: header.isPlaceholder ? null : flexRender(
+    /* @__PURE__ */ jsx("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs(Table2, { children: [
+      /* @__PURE__ */ jsx(TableHeader2, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow2, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(TableHead, { children: header.isPlaceholder ? null : flexRender(
         header.column.columnDef.header,
         header.getContext()
       ) }, header.id)) }, headerGroup.id)) }),
-      /* @__PURE__ */ jsx(TableBody, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx(TableRow, { children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(TableCell, { className: "p-2", children: flexRender(
+      /* @__PURE__ */ jsx(TableBody, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx(TableRow2, { children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(TableCell2, { className: "p-2", children: flexRender(
         cell.column.columnDef.cell,
         cell.getContext()
-      ) }, cell.id)) }, row.id)) : /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
-        TableCell,
+      ) }, cell.id)) }, row.id)) : /* @__PURE__ */ jsx(TableRow2, { children: /* @__PURE__ */ jsx(
+        TableCell2,
         {
           colSpan: columns.length,
           className: "h-16 text-center text-muted-foreground",
@@ -16342,6 +16412,6 @@ function createUploadHandler(options) {
   );
 }
 
-export { AddInvestigationField, AddMedicationField, DifferentialDiagnosis, DynamicForm, DynamicFormV2, EMAIL_REGEX, FieldRenderer, FieldRequiredIndicator, FormControls, FormFileUploadWidget, FormProvider, FormStore, ImageUploadWidget, MAR_MEDICATION_ORDERS_META_KEY, MediaUploadWidget, MultiStepForm, ReadOnlyForm, ReadOnlyImageUpload, ReadOnlyMediaUpload, ReadOnlySignature, ReadOnlyTable, RichTextWidget, SignatureUploadWidget, SmartForm, SmartTextareaWidget, Upload3 as Upload, createUploadHandler, evaluateRules, fieldControlClass, fieldDescriptionClass, fieldErrorClass, fieldLabelClass, fieldMetaRequestsMarMedicationOrdersButton, fieldWrapperClass, isLabelVisible, useField, useFieldHandlers, useForm, useFormStore, useFrequentItems, usePackages, useSmartKeywords, validateField, validateForm };
+export { AddInvestigationField, AddMedicationField, DifferentialDiagnosis, DynamicForm, DynamicFormV2, EMAIL_REGEX, FieldRenderer, FieldRequiredIndicator, FormControls, FormFileUploadWidget, FormProvider, FormStore, ImageUploadWidget, MAR_MEDICATION_ORDERS_META_KEY, MediaUploadWidget, MultiStepForm, ReadOnlyForm, ReadOnlyImageUpload, ReadOnlyMediaUpload, ReadOnlySignature, ReadOnlyTable, RichTextWidget, SignatureUploadWidget, SmartForm, SmartTextareaWidget, Upload3 as Upload, createUploadHandler, evaluateRules, fieldControlClass, fieldDescriptionClass, fieldErrorClass, fieldLabelClass, fieldMetaRequestsMarMedicationOrdersButton, fieldWrapperClass, isLabelVisible, richTextHtmlClassName, useField, useFieldHandlers, useForm, useFormStore, useFrequentItems, usePackages, useSmartKeywords, validateField, validateForm };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map