@sevenfold/setto-client 0.15.0 → 0.16.0

package/dist/chrome.d.ts

@@ -42,7 +42,7 @@ export interface SettoChromeHandshake {
      * keeps a chrome bundle that fails to load, or throws while rendering, from
      * taking the editor down with it.
      */
-    mountSlot: (name: string, Component: React.ComponentType) => void;
+    mountSlot: (name: string, Component: React.ComponentType<any>) => void;
     /**
      * The host's own `useSetto`, callable from the chrome.
      *
@@ -89,7 +89,7 @@ declare global {
  * offered nothing — including after it offered something that threw. Callers
  * render their own version when this is null; every one of them must have one.
  */
-export declare function useSettoChromeSlot(name: string): React.ComponentType | null;
+export declare function useSettoChromeSlot<P extends object = Record<string, never>>(name: string): React.ComponentType<P> | null;
 /** @deprecated Use `useSettoChromeSlot('admin')`. */
-export declare function useSettoAdminChrome(): React.ComponentType | null;
+export declare function useSettoAdminChrome(): React.ComponentType<Record<string, never>> | null;
 export declare function SettoChrome(): import("react/jsx-runtime").JSX.Element | null;

package/dist/index.d.ts

@@ -1,6 +1,5 @@
 export { SettoProvider, useSetto } from './provider';
 export { GuestEditProvider, useGuestEdit } from './guest-edit';
-export { SettoPreviewBar, isPreviewHost, previewBarState } from './preview-bar';
 export { SettoChrome, useSettoChromeSlot } from './chrome';
 export type { SettoChromeHandshake } from './chrome';
 export { T } from './T';
@@ -12,7 +11,7 @@ export { SettoImage } from './SettoImage';
 export type { SettoImageProps } from './SettoImage';
 export { SettoRepeater } from './SettoRepeater';
 export type { SettoRepeaterProps } from './SettoRepeater';
-export { SettoForm, FORM_FIELD_TYPES, FORM_FIELD_TYPE_LABELS, formFieldsPrefix, isFormFieldType, readLocaleFields, settoSubmissionUrl, } from './modules/forms';
+export { SettoForm, FORM_FIELD_TYPES, FORM_FIELD_TYPE_LABELS, fieldTypeHasOptions, fieldTypeHasPlaceholder, formFieldsPrefix, isFormFieldType, readLocaleFields, settoSubmissionUrl, } from './modules/forms';
 export type { SettoFormProps, SettoFormClassNames, FormFieldProp, FormSettings, FormSubmissionRow, FormValue, FormValues, ResolvedFormField, SubmissionEnvelope, } from './modules/forms';
 export { SETTO_MODULES } from './modules';
 export type { SettoModule } from './modules';
@@ -36,9 +35,10 @@ export { BLOCK_REGISTRY, BLOCK_TYPES, nodeChildren } from './block-tree/registry
 export type { BlockTypeMeta } from './block-tree/registry';
 export { SETTO_BASE, siteHomeUrl, isAdminRoute, isAdminDeploymentView, adminViewUrl, currentAdminView, isAdminPanelView, adminRedirectUrl, CHECKOUT_INTENT, checkoutIntentUrl, wantsCheckout, withoutCheckoutIntent, } from './lib/urls';
 export { SettoMark } from './edit-mode/setto-mark';
+export { FloatingPopover } from './edit-mode/floating-popover';
+export type { FieldPatch, FormFieldToolsProps, FormFieldToolsComponent, } from './modules/forms/field-tools';
 export { isLinkContext } from './lib/link-context';
 export { useCoarsePointer } from './lib/use-coarse-pointer';
 export { FAB_SIZE, FAB_INSET } from './edit-mode/constants';
 export { EMPTY_I18N_STORE_SNAPSHOT } from './lib/i18n-store';
 export type { I18nStoreSnapshot } from './lib/i18n-store';
-export { IN_PROGRESS_STATUSES, isDeploymentInProgress, isDeploymentStale, STALE_PENDING_MS, STALE_BUILDING_MS, fetchInProgressDeploymentId, waitForDeploymentByCommit, useDeploymentStatus, PublishProgressBar, PublishProgressSteps, } from './edit-mode/deployment-status';

package/dist/modules/forms/field-tools.d.ts

@@ -0,0 +1,35 @@
+import type { ComponentType } from 'react';
+import type { FormFieldType, ResolvedFormField } from './fields';
+/**
+ * The contract between a form on the customer's page and the editing tools
+ * Setto serves for it.
+ *
+ * The tools themselves — the popover, the type picker, the reordering — live
+ * in setto-server and arrive at runtime, so changing them is a deploy. What
+ * has to stay here is the shape of the conversation between the two, because
+ * `SettoForm` applies the patch and it is compiled into the customer's bundle.
+ *
+ * That makes this the pinned part, and it is deliberately data: adding a field
+ * kind means widening `FormFieldType`, but rearranging the panel that sets one
+ * costs nothing on this side.
+ */
+export interface FieldPatch {
+    name?: string;
+    type?: FormFieldType;
+    required?: boolean;
+    label?: string;
+    placeholder?: string;
+    options?: string;
+}
+export interface FormFieldToolsProps {
+    field: ResolvedFormField;
+    index: number;
+    count: number;
+    /** Open the settings popover as soon as the tools mount (a field just added). */
+    autoOpen?: boolean;
+    onMove: (direction: -1 | 1) => void;
+    onRemove: () => void;
+    onChange: (patch: FieldPatch) => void;
+}
+/** What the chrome registers under `mountSlot('form-field-tools', …)`. */
+export type FormFieldToolsComponent = ComponentType<FormFieldToolsProps>;

package/dist/modules/forms/index.d.ts

@@ -8,5 +8,5 @@ export declare const formsModule: SettoModule;
 export { SettoForm } from './SettoForm';
 export type { SettoFormProps, SettoFormClassNames } from './SettoForm';
 export type { FormSettings, FormSubmissionRow, FormsApi } from './api';
-export { FORM_FIELD_TYPES, FORM_FIELD_TYPE_LABELS, formFieldsPrefix, isFormFieldType, readLocaleFields, settoSubmissionUrl, } from './fields';
+export { FORM_FIELD_TYPES, FORM_FIELD_TYPE_LABELS, fieldTypeHasOptions, fieldTypeHasPlaceholder, formFieldsPrefix, isFormFieldType, readLocaleFields, settoSubmissionUrl, } from './fields';
 export type { FormFieldProp, FormFieldType, FormValue, FormValues, ResolvedFormField, SubmissionEnvelope, } from './fields';