@dtkt/protoform 0.0.0-stage → 0.1.0

package/dist/components/scalar.d.ts

@@ -0,0 +1,34 @@
+import { ScalarType } from '@bufbuild/protobuf';
+import { ScalarValue } from '@bufbuild/protobuf/reflect';
+import { ScalarField } from '../scalar';
+import { FormStore } from '../store';
+import { FieldElementProps } from './field';
+export type ScalarInputProps = {
+    scalar: ScalarType;
+    value: ScalarValue;
+    /** Called with each valid value; may return an error message to display. */
+    onValue: (value: ScalarValue) => string | void;
+    /** Where unparsable input is recorded so it blocks submission. */
+    store: FormStore;
+    errorPath: string;
+    id?: string;
+    name?: string;
+    describedBy?: string;
+    invalid?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    multiline?: boolean;
+    placeholder?: string;
+    /** Called when Enter is pressed in a single-line input (suppresses the form's implicit submit). */
+    onEnter?: () => void;
+    "aria-label"?: string;
+};
+/** An editor for a single scalar value; usable standalone (e.g. list items). */
+export declare function ScalarInput({ scalar, value, onValue, store, errorPath, multiline, ...control }: ScalarInputProps): import('react').JSX.Element;
+type ScalarElementProps = FieldElementProps & {
+    field: ScalarField;
+    /** Render strings and bytes in a multi-line text area. */
+    multiline?: boolean;
+};
+export declare function ScalarElement({ field, mode, id, describedBy, invalid, multiline }: ScalarElementProps): import('react').JSX.Element;
+export {};

package/dist/components/select.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/submit.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+import { ButtonProps } from '../kit/types';
+export type SubmitButtonProps = PropsWithChildren<Pick<ButtonProps, "variant" | "size" | "disabled" | "aria-label">>;
+/**
+ * A submit button drawn by the active kit. Put it in `<Protoform>`'s children
+ * (or anywhere under a `UIProvider`) so it matches the rest of the form.
+ */
+export declare function SubmitButton({ variant, children, ...props }: SubmitButtonProps): import('react').JSX.Element;

package/dist/components/wkt.d.ts

@@ -0,0 +1,20 @@
+import { Message } from '../message';
+import { FieldDisplayMode } from './field';
+export type WellKnownEditorProps = {
+    message: Message;
+    mode?: FieldDisplayMode;
+    id?: string;
+    describedBy?: string;
+    invalid?: boolean;
+    /** Names the control when there's no surrounding label (e.g. rows in a list). */
+    "aria-label"?: string;
+};
+/** Editors for the well-known types where a nested form would be awkward. */
+export declare function WellKnownEditor(props: WellKnownEditorProps): import('react').JSX.Element;
+export type AnyEditorProps = {
+    message: Message;
+    mode?: FieldDisplayMode;
+    depth?: number;
+};
+/** `google.protobuf.Any`: pick a message type from the registry, then edit it. */
+export declare function AnyEditor({ message, mode, depth }: AnyEditorProps): import('react').JSX.Element;