devstojko

import type * as LabelPrimitive from "@radix-ui/react-label";
import { ValidatedForm, useField } from "remix-validated-form";
import React from "react";
import { Label } from "./label";
import { Slot } from "@radix-ui/react-slot";
import { cn } from "~/lib/utils";

const AppValidatedFormContext = React.createContext<{ id: string }>(
  {} as { id: string }
);

devstojko

{
  name: "test",
  type: 'text',
  label: "Test",
  admin: {
      readOnly: true,
      components: {
          Field: ObserveField
      }
  }

devstojko

import React, { useCallback } from "react";
import { useField, withCondition } from "payload/components/forms";

import { TextField } from "payload/dist/fields/config/types";
import ColorInput from "../PayloadInput";

import { text } from "payload/dist/fields/validations";

export type Props = Omit<TextField, "type"> & {
  path?: string;

devstojko

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

devstojko

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

devstojko

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

devstojko

// Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions
  // - XState (all XState exports)

devstojko

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

devstojko

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

devstojko

// Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions
  // - XState (all XState exports)