@nxgt/material 3.34.0 → 3.35.1

package/dist/lib/components/ui/fields/attributes/attribute-dialog.d.ts

@@ -6,5 +6,7 @@ export type AttributeDialogProps = {
     onSave: (attribute: Attribute) => void;
     onDelete?: () => void;
     disabled?: boolean;
+    /** The other attributes' names; the form refuses to save one of them. */
+    otherNames?: string[];
 };
-export declare function AttributeDialog({ open, onOpenChange, attribute, onSave, onDelete, disabled, }: AttributeDialogProps): import("react").JSX.Element;
+export declare function AttributeDialog({ open, onOpenChange, attribute, onSave, onDelete, disabled, otherNames, }: AttributeDialogProps): import("react").JSX.Element;

package/dist/lib/components/ui/fields/attributes/attribute-form/attribute-form.d.ts

@@ -5,6 +5,8 @@ type AttributeFormProps = {
     defaultValues?: TFormValues | null;
     hideActions?: boolean;
     formId?: string;
+    /** The other attributes' names: saving one of them is an inline error on the name. */
+    otherNames?: string[];
 } & Omit<ComponentProps<'div'>, 'onSubmit' | 'id'>;
-export declare function AttributeForm({ onSubmit, defaultValues, className, hideActions, formId, ...props }: AttributeFormProps): import("react").JSX.Element;
+export declare function AttributeForm({ onSubmit, defaultValues, className, hideActions, formId, otherNames, ...props }: AttributeFormProps): import("react").JSX.Element;
 export {};

package/dist/lib/components/ui/fields/attributes/attribute-form/attribute-text-form-fields.d.ts

@@ -0,0 +1,6 @@
+import { Control } from 'react-hook-form';
+import { TFormValues } from './types.js';
+/** The name, label, unit, priority and description fields of the attribute form. */
+export declare function AttributeTextFields({ control, }: {
+    control: Control<TFormValues>;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/fields/attributes/attribute-form/consts.d.ts

@@ -1,7 +1,7 @@
 import { default as z } from 'zod';
 import { MaterialLocaleKey } from '../../../../../i18n/types.js';
 import { TFormValues } from './types.js';
-export declare const ATTRIBUTE_TYPES: readonly ["COLOR", "DATE", "DATETIME", "MULTI_SELECT", "NUMBER", "RICH_TEXT", "SELECT", "STRING", "TEXT", "TIME"];
+export declare const ATTRIBUTE_TYPES: readonly ["BOOLEAN", "COLOR", "DATE", "DATETIME", "MULTI_SELECT", "NUMBER", "RICH_TEXT", "SELECT", "STRING", "TEXT", "TIME"];
 /**
  * The attribute form's schema, built on the first call (inside `AttributeForm`'s
  * render), never when the module loads: see `openingHoursSchema`.
@@ -14,16 +14,17 @@ export declare const attributeFormSchema: () => z.ZodObject<{
     name: z.ZodString;
     options: z.ZodOptional<z.ZodNullable<z.ZodArray<z.ZodString>>>;
     type: z.ZodEnum<{
-        STRING: "STRING";
-        TEXT: "TEXT";
+        BOOLEAN: "BOOLEAN";
         COLOR: "COLOR";
-        NUMBER: "NUMBER";
         DATE: "DATE";
         DATETIME: "DATETIME";
-        TIME: "TIME";
-        SELECT: "SELECT";
         MULTI_SELECT: "MULTI_SELECT";
+        NUMBER: "NUMBER";
         RICH_TEXT: "RICH_TEXT";
+        SELECT: "SELECT";
+        STRING: "STRING";
+        TEXT: "TEXT";
+        TIME: "TIME";
     }>;
     unit: z.ZodOptional<z.ZodNullable<z.ZodString>>;
 }, z.core.$strip>;

package/dist/lib/components/ui/fields/attributes/attribute-form/use-attribute-form.d.ts

@@ -0,0 +1,44 @@
+import { TFormValues } from './types.js';
+type Options = {
+    defaultValues?: TFormValues | null;
+    otherNames?: string[];
+    onSubmit: (values: TFormValues) => void;
+};
+/**
+ * The attribute form's state: the form with its schema, the reset of the
+ * default value and the options when the type changes, a multi-select default
+ * kept to the options, and a submit that refuses a name another attribute has.
+ */
+export declare function useAttributeForm({ defaultValues, otherNames, onSubmit, }: Options): {
+    control: import('react-hook-form').Control<{
+        label: string;
+        name: string;
+        type: "BOOLEAN" | "COLOR" | "DATE" | "DATETIME" | "MULTI_SELECT" | "NUMBER" | "RICH_TEXT" | "SELECT" | "STRING" | "TEXT" | "TIME";
+        defaultValue?: any;
+        description?: string | null | undefined;
+        priority?: number | null | undefined;
+        options?: string[] | null | undefined;
+        unit?: string | null | undefined;
+    }, any, {
+        label: string;
+        name: string;
+        type: "BOOLEAN" | "COLOR" | "DATE" | "DATETIME" | "MULTI_SELECT" | "NUMBER" | "RICH_TEXT" | "SELECT" | "STRING" | "TEXT" | "TIME";
+        defaultValue?: any;
+        description?: string | null | undefined;
+        priority?: number | null | undefined;
+        options?: string[] | null | undefined;
+        unit?: string | null | undefined;
+    }>;
+    values: {
+        label?: string | undefined;
+        name?: string | undefined;
+        type?: "BOOLEAN" | "COLOR" | "DATE" | "DATETIME" | "MULTI_SELECT" | "NUMBER" | "RICH_TEXT" | "SELECT" | "STRING" | "TEXT" | "TIME" | undefined;
+        defaultValue?: any;
+        description?: string | null | undefined;
+        priority?: number | null | undefined;
+        options?: string[] | null | undefined;
+        unit?: string | null | undefined;
+    };
+    submit: (e?: React.BaseSyntheticEvent) => Promise<void | undefined>;
+};
+export {};

package/dist/lib/components/ui/fields/attributes/attributes-editor.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { HeadingLevel } from '../inline-editor/editor-header.js';
+import { Attribute } from './models/attribute.js';
+export type AttributesEditorProps = {
+    value?: Attribute[];
+    onValueChange?: (value: Attribute[]) => void;
+    /** The heading; "Attributes" by default. */
+    label?: ReactNode;
+    /** The heading's level; `3` by default. */
+    headingLevel?: HeadingLevel;
+    disabled?: boolean;
+    className?: string;
+};
+/**
+ * Attributes edited in place: one row each, with its type's icon, its name,
+ * type, unit and default value; a row opens to its fields (below 640px, to a
+ * bottom sheet with the same fields). Rows are reordered by dragging the grip,
+ * or by Space, the arrows and Space again, which sets every `priority`. A
+ * name another attribute has is a `role="alert"` under it. It holds the value
+ * model of `AttributesField`; nothing is toasted.
+ */
+export declare function AttributesEditor({ value, onValueChange, label, headingLevel, disabled, className, }: AttributesEditorProps): import("react").JSX.Element;

package/dist/lib/components/ui/fields/attributes/attributes-field/attributes-dialog-field.d.ts

@@ -0,0 +1,14 @@
+import { ComponentProps, ReactNode } from 'react';
+import { Attribute } from '../models/attribute.js';
+export type AttributesDialogFieldProps = {
+    attributes?: Attribute[];
+    onChange?: (values: Attribute[]) => void;
+    readonly?: boolean;
+    disabled?: boolean;
+    label: ReactNode;
+    /** Shows `helperText` as an error. */
+    error?: boolean;
+    helperText?: ReactNode;
+} & ComponentProps<'div'>;
+/** The attributes as a list, and one dialog that edits one of them at a time. */
+export declare function AttributesDialogField({ attributes, onChange, readonly, disabled, label, error, helperText, className, ...props }: AttributesDialogFieldProps): import("react").JSX.Element;

package/dist/lib/components/ui/fields/attributes/attributes-field/attributes-field.d.ts

@@ -1,12 +1,14 @@
-import { ComponentProps, ReactNode } from 'react';
-import { Attribute } from '../models/attribute.js';
-export type AttributesFieldProps = {
-    attributes?: Attribute[];
-    onChange?: (values: Attribute[]) => void;
-    readonly?: boolean;
-    label: ReactNode;
-    /** Shows `helperText` as an error. */
-    error?: boolean;
-    helperText?: ReactNode;
-} & ComponentProps<'div'>;
-export declare function AttributesField({ attributes, onChange, readonly, label, error, helperText, className, ...props }: AttributesFieldProps): import("react").JSX.Element;
+import { AttributesDialogFieldProps } from './attributes-dialog-field.js';
+export type AttributesFieldProps = AttributesDialogFieldProps & {
+    /**
+     * `'inline'` (the default) edits the attributes in place
+     * (`AttributesEditor`); `'dialog'` keeps the list and the dialog that
+     * edits one attribute at a time. `readonly` is always the list.
+     */
+    editing?: 'inline' | 'dialog';
+};
+/**
+ * A field for typed custom attributes (`Attribute[]`). Inline by default;
+ * `editing="dialog"` is the earlier list and dialog.
+ */
+export declare function AttributesField({ editing, ...props }: AttributesFieldProps): import("react").JSX.Element;

package/dist/lib/components/ui/fields/attributes/attributes-field/attributes-inline-field.d.ts

@@ -0,0 +1,8 @@
+import { AttributesDialogFieldProps } from './attributes-dialog-field.js';
+/**
+ * The attributes edited in place (`AttributesEditor`), as a field: it keeps
+ * its list, calls `onChange` with each edit and follows `attributes` when it
+ * changes from outside (a form `reset`), without echoing it back. A new array
+ * with the same content is not a change.
+ */
+export declare function AttributesInlineField({ attributes, onChange, disabled, label, error, helperText, className, readonly: _readonly, ...props }: AttributesDialogFieldProps): import("react").JSX.Element;

package/dist/lib/components/ui/fields/attributes/attributes-field/use-dialog-field.d.ts

@@ -0,0 +1,15 @@
+import { Attribute } from '../models/attribute.js';
+/** The reducer behind `AttributesDialogField`, synced with `attributes` and `onChange`. */
+export declare function useDialogFieldState(attributes: Attribute[] | undefined, onChange: ((values: Attribute[]) => void) | undefined): {
+    state: {
+        attributes: Attribute[];
+        editing: boolean;
+        selected?: Attribute | null;
+        result?: {
+            message: import('../../../../../i18n/index.js').MaterialLocaleKey;
+            fallback: string;
+            context?: import('../../../../../i18n/index.js').TranslationContext;
+        };
+    };
+    dispatch: import('react').ActionDispatch<[action: import('redux').UnknownAction]>;
+};

package/dist/lib/components/ui/fields/attributes/attributes-form-field/attributes-form-field.d.ts

@@ -4,10 +4,16 @@ import { Attribute } from '../models/attribute.js';
 export type AttributesFormFieldProps<T extends Record<string, any>> = {
     value?: Attribute[];
     readonly?: boolean;
+    disabled?: boolean;
+    /**
+     * `'inline'` (the default) edits the attributes in place; `'dialog'` keeps
+     * the list and the dialog that edits one attribute at a time.
+     */
+    editing?: 'inline' | 'dialog';
     name: Path<T>;
     control: Control<T>;
     label: ReactNode;
     /** Shown when the field has no error. */
     helperText?: ReactNode;
 } & ComponentProps<'div'>;
-export declare function AttributesFormField<T extends Record<string, any>>({ name, readonly, value, control, label, helperText, ...props }: AttributesFormFieldProps<T>): import("react").JSX.Element;
+export declare function AttributesFormField<T extends Record<string, any>>({ name, readonly, value, control, label, helperText, disabled, ...props }: AttributesFormFieldProps<T>): import("react").JSX.Element;

package/dist/lib/components/ui/fields/attributes/attributes-summary.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { Attribute } from './models/attribute.js';
+export type AttributesSummaryProps = {
+    /** The attributes, in the value model of `AttributesField`. */
+    data?: Attribute[] | null;
+    /** Names the region; "Attributes" by default. */
+    label?: string;
+    className?: string;
+    /**
+     * What shows when there is nothing to list. A quiet "No attributes" by default; your
+     * node replaces it, and `null` renders nothing.
+     */
+    empty?: ReactNode;
+};
+/**
+ * The read-only counterpart of `AttributesEditor`: a description list of the
+ * attributes by `priority`, each with its type icon, its label and its
+ * default value (a Yes or No, a colour swatch, a number with its unit).
+ * With nothing to list it shows a quiet "No attributes" (see `empty`;
+ * `empty={null}` renders nothing).
+ */
+export declare function AttributesSummary({ data, label, className, empty, }: AttributesSummaryProps): import("react").JSX.Element;

package/dist/lib/components/ui/fields/attributes/index.d.ts

@@ -2,8 +2,11 @@ export * from './attribute-dialog.js';
 export * from './attribute-form/index.js';
 export * from './attribute-values-form/index.js';
 export * from './attribute-values-form-field-set/index.js';
+export * from './attributes-editor.js';
 export * from './attributes-field/index.js';
 export * from './attributes-form-field/index.js';
 export * from './attributes-list/index.js';
+export * from './attributes-summary.js';
 export * from './models/index.js';
+export * from './schema.js';
 export * from './utils.js';

package/dist/lib/components/ui/fields/attributes/logic/names.d.ts

@@ -0,0 +1,13 @@
+import { Attribute } from '../models/attribute.js';
+export type NameIssue = 'empty' | 'duplicate';
+/** The other attributes' names: what a name may not repeat. */
+export declare function otherNames(items: readonly Attribute[], index: number): string[];
+/** The first problem with the name of `items[index]`, or `null`. */
+export declare function nameIssue(items: readonly Attribute[], index: number): NameIssue | null;
+/**
+ * How many name problems there are to fix: each empty name, and each name
+ * several attributes share counts once (one fix settles it).
+ */
+export declare function nameIssues(items: readonly Attribute[]): number;
+/** `base`, or `base_2`, `base_3`… the first one no attribute uses. */
+export declare function uniqueName(items: readonly Attribute[], base: string): string;

package/dist/lib/components/ui/fields/attributes/logic/order.d.ts

@@ -0,0 +1,15 @@
+import { Attribute } from '../models/attribute.js';
+/**
+ * The attributes' indices in display order: by `priority`, lowest first, an
+ * attribute without one after the others, ties kept in list order.
+ */
+export declare function orderedIndices(items: readonly Attribute[]): number[];
+/** `order` with the entry at `from` moved to `to` (a copy). */
+export declare function moveEntry(order: readonly number[], from: number, to: number): number[];
+/**
+ * The list laid out in `order`, each attribute given the `priority` of its
+ * place (1 first): what a drag or a keyboard move writes.
+ */
+export declare function applyOrder(items: readonly Attribute[], order: readonly number[]): Attribute[];
+/** The priority a new attribute gets so it comes last, ranked or not. */
+export declare function nextPriority(items: readonly Attribute[]): number;

package/dist/lib/components/ui/fields/attributes/logic/reorder-keys.d.ts

@@ -0,0 +1,9 @@
+export type ReorderCommand = 'lift' | 'up' | 'down' | 'drop' | 'cancel';
+/**
+ * What a key does on a row's handle. At rest, Space or Enter lifts the row.
+ * Lifted, the arrows move it, Space or Enter drops it, Escape puts it back
+ * and Tab drops it as the focus leaves. Anything else is not the handle's.
+ */
+export declare function reorderCommand(key: string, lifted: boolean): ReorderCommand | null;
+/** The place after one step, kept inside the list; the same place at an edge. */
+export declare function stepPlace(place: number, command: 'up' | 'down', count: number): number;

package/dist/lib/components/ui/fields/attributes/logic/value.d.ts

@@ -0,0 +1,42 @@
+import { Attribute, AttributeType } from '../models/attribute.js';
+/**
+ * A stored date as a `Date`: a `Date`, an ISO string, or a bare `yyyy-MM-dd`
+ * (read as that local day, never shifted by the time zone) or an `HH:mm`.
+ */
+export declare function toDateValue(value: unknown): Date | undefined;
+/** What the inline editor stores for a picked date: `yyyy-MM-dd`, or an ISO instant. */
+export declare function fromDateValue(type: AttributeType, date?: Date): string | null;
+/** `true`, `false`, or `null` while unset (also reads `'true'` and `'false'`). */
+export declare function toBooleanValue(value: unknown): boolean | null;
+/** A stored time as `HH:mm`, or `''` (a `Date` or an ISO string is read too). */
+export declare function toClockValue(value: unknown): string;
+/** The default value a type starts with when the type changes. */
+export declare function emptyDefault(type: AttributeType): never[] | null;
+/** True for the types whose value is one of the attribute's `options`. */
+export declare function hasOptions(type: AttributeType): type is "MULTI_SELECT" | "SELECT";
+/** How a stored instant is shown: in the viewer's zone and locale, or the same everywhere. */
+export type TextView = {
+    /** `false` (the default) is the server's view: an instant in UTC, as ISO text. */
+    local?: boolean;
+    /** The locale of an instant once it is shown `local`. */
+    locale?: string;
+};
+/**
+ * The default value as the plain text a row shows, or `null` when there is
+ * none. A bare day or clock reads the same everywhere; an instant is shown
+ * per `view` (see {@link TextView}).
+ */
+export declare function defaultText(attribute: Attribute, view?: TextView): string | null;
+/**
+ * The default value once the options are `options`: a choice no longer
+ * offered is dropped (`null`, or left out of a list).
+ */
+export declare function pruneDefault(type: AttributeType, value: unknown, options: string[]): unknown;
+export type DefaultIssue = 'option' | 'boolean' | 'number' | 'date';
+/**
+ * Whether the default value fits the attribute's type, or why not: a choice
+ * the options no longer offer (`pruneDefault` would drop it), a boolean that
+ * is neither `true` nor `false`, a number that is not one, a date that does
+ * not read. An unset default (`null`, `''`, an empty list) always fits.
+ */
+export declare function defaultIssue(attribute: Attribute): DefaultIssue | null;

package/dist/lib/components/ui/fields/attributes/models/attribute.d.ts

@@ -2,7 +2,7 @@
  * Enumeration of possible data types for an attribute.
  * Defines the kind of data an attribute can hold.
  */
-export type AttributeType = 'STRING' | 'TEXT' | 'COLOR' | 'NUMBER' | 'DATE' | 'DATETIME' | 'TIME' | 'SELECT' | 'MULTI_SELECT' | 'RICH_TEXT';
+export type AttributeType = 'STRING' | 'TEXT' | 'COLOR' | 'NUMBER' | 'DATE' | 'DATETIME' | 'TIME' | 'SELECT' | 'MULTI_SELECT' | 'RICH_TEXT' | 'BOOLEAN';
 /**
  * Represents an attribute within the system.
  * Attributes define customizable properties of a resource,
@@ -23,5 +23,9 @@ export interface Attribute {
     options?: string[] | null;
     /** The default value of the attribute. */
     defaultValue?: any | null;
+    /**
+     * The attribute's place in the list, 1 first. The inline editor shows the
+     * attributes by `priority` and sets it for every one when a row is moved.
+     */
     priority?: number | null;
 }

package/dist/lib/components/ui/fields/attributes/partials/attribute-row.d.ts

@@ -0,0 +1,18 @@
+import { Attribute } from '../models/attribute.js';
+import { AttributeText } from '../use-attribute-text.js';
+import { AttributesEditorState } from '../use-attributes-editor.js';
+export type AttributeRowProps = {
+    text: AttributeText;
+    editor: AttributesEditorState;
+    items: Attribute[];
+    index: number;
+    /** The id of the hint that says which keys move a row. */
+    hintId: string;
+    /** On a phone the row opens the sheet instead of growing. */
+    phone: boolean;
+    /** More than one row: the grip shows. */
+    reorderable: boolean;
+    disabled?: boolean;
+};
+/** One attribute: its grip, its summary, and (open, off a phone) its fields. */
+export declare function AttributeRow({ text, editor, items, index, hintId, phone, reorderable, disabled, }: AttributeRowProps): import("react").JSX.Element;

package/dist/lib/components/ui/fields/attributes/partials/default-choices.d.ts

@@ -0,0 +1,5 @@
+import { DefaultInputProps } from './default-inputs.js';
+/** A choice among the options: a native select, with "—" for none. */
+export declare function SelectDefault({ label, attribute, onChange, disabled, className, }: DefaultInputProps): import("react").JSX.Element;
+/** Several of the options: a toggle chip each, kept in the options' order. */
+export declare function MultiDefault({ label, attribute, onChange, disabled, className, }: DefaultInputProps): import("react").JSX.Element;

package/dist/lib/components/ui/fields/attributes/partials/default-field.d.ts

@@ -0,0 +1,12 @@
+import { Attribute } from '../models/attribute.js';
+import { AttributeText } from '../use-attribute-text.js';
+type DefaultFieldProps = {
+    text: AttributeText;
+    attribute: Attribute;
+    disabled?: boolean;
+    className?: string;
+    onChange: (value: unknown) => void;
+};
+/** The default value, edited the way its type is: a switch, a date, a colour, a choice… */
+export declare function DefaultField({ text, attribute, ...rest }: DefaultFieldProps): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/fields/attributes/partials/default-inputs.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { Attribute } from '../models/attribute.js';
+export type DefaultInputProps = {
+    label: ReactNode;
+    attribute: Attribute;
+    disabled?: boolean;
+    className?: string;
+    onChange: (value: unknown) => void;
+};
+export declare function BooleanDefault({ label, attribute, ...rest }: DefaultInputProps): import("react").JSX.Element;
+export declare function NumberDefault({ label, attribute, onChange, ...rest }: DefaultInputProps): import("react").JSX.Element;
+export declare function ColorDefault({ label, attribute, onChange, ...rest }: DefaultInputProps): import("react").JSX.Element;
+export declare function DateDefault({ label, attribute, onChange, ...rest }: DefaultInputProps): import("react").JSX.Element;
+export declare function TimeDefault({ label, attribute, onChange, ...rest }: DefaultInputProps): import("react").JSX.Element;
+export declare function RichDefault({ label, attribute, onChange, disabled, className, }: DefaultInputProps): import("react").JSX.Element;
+export declare function TextDefault({ label, attribute, onChange, disabled, className, }: DefaultInputProps): import("react").JSX.Element;

package/dist/lib/components/ui/fields/attributes/partials/editor-notes.d.ts

@@ -0,0 +1,11 @@
+import { AttributeText } from '../use-attribute-text.js';
+type NoteProps = {
+    text: AttributeText;
+};
+/** The reorder hint, shown when the rows can be moved. */
+export declare function ReorderHint({ text, id }: NoteProps & {
+    id: string;
+}): import("react").JSX.Element;
+/** What shows when there is no attribute. */
+export declare function NoAttributes({ text }: NoteProps): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/fields/attributes/partials/labeled.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+type LabeledProps = {
+    label: ReactNode;
+    className?: string;
+    /** The control, given the id its label points at. */
+    children: (id: string) => ReactNode;
+};
+/** A small field: its visible label and the control it names. */
+export declare function Labeled({ label, className, children }: LabeledProps): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/fields/attributes/partials/name-field.d.ts

@@ -0,0 +1,15 @@
+import { Attribute } from '../models/attribute.js';
+import { AttributeText } from '../use-attribute-text.js';
+type NameFieldProps = {
+    text: AttributeText;
+    items: readonly Attribute[];
+    index: number;
+    disabled?: boolean;
+    onChange: (name: string) => void;
+};
+/**
+ * The attribute's name. Another attribute with the same name is an inline
+ * `role="alert"` at once; an empty name is one once the field was left.
+ */
+export declare function NameField({ text, items, index, disabled, onChange, }: NameFieldProps): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/fields/attributes/partials/options-field.d.ts

@@ -0,0 +1,11 @@
+import { AttributeText } from '../use-attribute-text.js';
+type OptionsFieldProps = {
+    text: AttributeText;
+    options: string[];
+    disabled?: boolean;
+    className?: string;
+    onChange: (options: string[]) => void;
+};
+/** The allowed choices: a chip each, and a field that adds one on Enter, a comma or leaving it. */
+export declare function OptionsField({ text, options, disabled, className, onChange, }: OptionsFieldProps): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/fields/attributes/partials/phone-sheet.d.ts

@@ -0,0 +1,12 @@
+import { Attribute } from '../models/attribute.js';
+import { AttributeText } from '../use-attribute-text.js';
+import { AttributesEditorState } from '../use-attributes-editor.js';
+type PhoneSheetProps = {
+    text: AttributeText;
+    editor: AttributesEditorState;
+    items: Attribute[];
+    disabled?: boolean;
+};
+/** A phone's editor for one attribute: the same fields, in a bottom sheet. */
+export declare function PhoneSheet({ text, editor, items, disabled }: PhoneSheetProps): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/fields/attributes/partials/reorder-handle.d.ts

@@ -0,0 +1,19 @@
+import { AttributeText } from '../use-attribute-text.js';
+import { AttributesEditorState } from '../use-attributes-editor.js';
+type ReorderHandleProps = {
+    text: AttributeText;
+    editor: AttributesEditorState;
+    id: string;
+    name: string;
+    /** The id of the hint that says which keys move a row. */
+    hintId: string;
+    disabled?: boolean;
+};
+/**
+ * A row's grip. The pointer drags it; Space or Enter lifts the row, the
+ * arrows move it, Space or Enter drops it, Escape puts it back. Lifted, it is
+ * the one tinted control. It has no tooltip: the hint above the list says how,
+ * and a tooltip would flash over the rows while one is dragged.
+ */
+export declare function ReorderHandle({ text, editor, id, name, hintId, disabled, }: ReorderHandleProps): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/fields/attributes/partials/row-fields.d.ts

@@ -0,0 +1,16 @@
+import { Attribute } from '../models/attribute.js';
+import { AttributeText } from '../use-attribute-text.js';
+type RowFieldsProps = {
+    text: AttributeText;
+    /** The focus key of the label: the control that takes focus when the row is added. */
+    labelFocusKey: string;
+    items: readonly Attribute[];
+    index: number;
+    disabled?: boolean;
+    /** One column: the sheet's layout. */
+    stacked?: boolean;
+    onChange: (patch: Partial<Attribute>) => void;
+};
+/** The fields of one attribute: label, name, type, unit, options, default value and description. */
+export declare function RowFields({ text, labelFocusKey, items, index, disabled, stacked, onChange, }: RowFieldsProps): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/fields/attributes/partials/row-footer.d.ts

@@ -0,0 +1,12 @@
+import { AttributeText } from '../use-attribute-text.js';
+type RowFooterProps = {
+    text: AttributeText;
+    /** Names the attribute in the remove button: "Remove Weight". */
+    name: string;
+    disabled?: boolean;
+    onRemove: () => void;
+    onDone: () => void;
+};
+/** Under an open row: Remove, in the quiet tone, and Done. */
+export declare function RowFooter({ text: { t }, name, disabled, onRemove, onDone, }: RowFooterProps): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/fields/attributes/partials/row-head.d.ts

@@ -0,0 +1,12 @@
+import { Attribute } from '../models/attribute.js';
+import { AttributeText } from '../use-attribute-text.js';
+type RowHeadProps = {
+    attribute: Attribute;
+    text: AttributeText;
+    open: boolean;
+    /** The name is wrong: a mark shows even where the default is hidden. */
+    problem: boolean;
+};
+/** What a row shows closed: its icon, its title, its unit and default, and the chevron. */
+export declare function RowHead({ attribute, text, open, problem }: RowHeadProps): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/fields/attributes/partials/row-panel.d.ts

@@ -0,0 +1,15 @@
+import { Attribute } from '../models/attribute.js';
+import { AttributeText } from '../use-attribute-text.js';
+import { AttributesEditorState } from '../use-attributes-editor.js';
+type RowPanelProps = {
+    text: AttributeText;
+    editor: AttributesEditorState;
+    items: Attribute[];
+    index: number;
+    id: string;
+    title: string;
+    disabled?: boolean;
+};
+/** The fields of an open row, below it. */
+export declare function RowPanel({ text, editor, items, index, id, title, disabled, }: RowPanelProps): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/fields/attributes/partials/rows-dnd.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+type RowsDndProps = {
+    /** The rows' ids, in the order shown. */
+    ids: string[];
+    disabled?: boolean;
+    onMove: (from: string, to: string) => void;
+    children: ReactNode;
+};
+/** The pointer drag over the rows: vertical only, announced by the editor's own live region. */
+export declare function RowsDnd({ ids, disabled, onMove, children }: RowsDndProps): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/fields/attributes/partials/simple-fields.d.ts

@@ -0,0 +1,20 @@
+import { Attribute } from '../models/attribute.js';
+import { AttributeText } from '../use-attribute-text.js';
+type SimpleFieldProps = {
+    text: AttributeText;
+    attribute: Attribute;
+    disabled?: boolean;
+    className?: string;
+    onChange: (patch: Partial<Attribute>) => void;
+};
+/** The label: what people read; the row's focus target when it is added. */
+export declare function LabelField({ text, attribute, disabled, focusKey, onChange, }: SimpleFieldProps & {
+    focusKey: string;
+}): import("react").JSX.Element;
+/** The type, a native select; changing it resets what no longer fits. */
+export declare function TypeField({ text, attribute, disabled, onChange, }: SimpleFieldProps): import("react").JSX.Element;
+/** The unit of a number (kept for another type that already has one). */
+export declare function UnitField({ text, attribute, disabled, onChange, }: SimpleFieldProps): import("react").JSX.Element | null;
+/** The description, one line. */
+export declare function DescriptionField({ text, attribute, disabled, className, onChange, }: SimpleFieldProps): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/fields/attributes/partials/summary-item.d.ts

@@ -0,0 +1,9 @@
+import { Attribute } from '../models/attribute.js';
+import { AttributeText } from '../use-attribute-text.js';
+type SummaryItemProps = {
+    text: AttributeText;
+    attribute: Attribute;
+};
+/** One attribute in the read-only summary: type icon, label, and its default value. */
+export declare function SummaryItem({ text, attribute }: SummaryItemProps): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/fields/attributes/partials/type-icon.d.ts

@@ -0,0 +1,13 @@
+import { IconName } from '@fortawesome/fontawesome-common-types';
+import { AttributeType } from '../models/attribute.js';
+/** The icon of a type. */
+export declare const typeIconName: (type: AttributeType) => IconName;
+type TypeIconProps = {
+    type: AttributeType;
+    /** `tile` (default) is a tinted square; `bare` is the glyph alone. */
+    look?: 'tile' | 'bare';
+    className?: string;
+};
+/** A type's icon; decoration, the row names the type in words. */
+export declare function TypeIcon({ type, look, className }: TypeIconProps): import("react").JSX.Element;
+export {};