@abyss-project/commons-front-core 9.1.0 → 9.2.0

package/catalog/pages/TeamAvatar.tsx

@@ -0,0 +1,40 @@
+import { useTheme } from '@mui/material/styles';
+
+import { TeamAvatar } from '../../src/components/meaning/TeamAvatar/TeamAvatar';
+import { Example, Row, Showcase } from '../frame';
+
+export const TeamAvatarPage = () => {
+  // Stored team colors are user data; the catalog borrows token values so as not to hard-code any.
+  const { tokens } = useTheme().design;
+  return (
+    <Showcase
+      family="Sens"
+      name="TeamAvatar"
+      description="Équipe : l'initiale de son nom sur sa couleur, dans un carré arrondi, à l'encre claire ou sombre qui contraste le mieux. Sans couleur, ou avec une couleur que le navigateur ne sait pas lire, la teinte neutre des avatars."
+    >
+      <Example title="Couleurs d'équipe, foncées et claires" framed>
+        <Row>
+          <TeamAvatar name="Design" color={tokens['status.info']} />
+          <TeamAvatar name="Ops" color={tokens['status.success']} />
+          <TeamAvatar name="Support" color={tokens['status.warning']} />
+          <TeamAvatar name="Finance" color={tokens['status.highlight']} />
+          <TeamAvatar name="Sécurité" color={tokens['status.danger']} />
+        </Row>
+      </Example>
+      <Example title="Sans couleur, couleur illisible, sans nom" framed>
+        <Row>
+          <TeamAvatar name="Marketing" color={null} />
+          <TeamAvatar name="Ventes" color="pas-une-couleur" />
+          <TeamAvatar name="" color={tokens['status.info']} />
+        </Row>
+      </Example>
+      <Example title="Tailles : 22, 32 (défaut), 64" framed>
+        <Row>
+          <TeamAvatar name="Ops" color={tokens['status.info']} size={22} />
+          <TeamAvatar name="Ops" color={tokens['status.info']} />
+          <TeamAvatar name="Ops" color={tokens['status.info']} size={64} />
+        </Row>
+      </Example>
+    </Showcase>
+  );
+};

package/catalog/pages/UserPicker.tsx

@@ -0,0 +1,124 @@
+import { useEffect, useState } from 'react';
+import { UserPicker } from '../../src/components/inputs/UserPicker/UserPicker';
+import type { UserPickerOption } from '../../src/components/inputs/UserPicker/UserPicker';
+import { LogoAbyssSmall } from '../../src/assets';
+import { Example, LastEvent, Showcase, useEventLog } from '../frame';
+
+const MEMBERS: UserPickerOption[] = [
+  {
+    id: 'u1',
+    name: 'Mehdi Benali',
+    email: 'mehdi@abyss.fr',
+    pictureUrl: LogoAbyssSmall,
+  },
+  {
+    id: 'u2',
+    name: 'Alice Martin',
+    email: 'alice.martin@karbon-studio.fr',
+    pictureUrl: null,
+  },
+  { id: 'u3', name: 'Bruno Petit', email: 'bruno@abyss.fr', pictureUrl: null },
+  { id: 'u4', name: 'Clara Durand', email: null, pictureUrl: null },
+  {
+    id: 'u5',
+    name: 'Maximilien-Alexandre de La Tour d’Auvergne',
+    email: 'maximilien-alexandre.delatourdauvergne@exemple-tres-long.fr',
+    pictureUrl: null,
+  },
+];
+
+/** Delay of the simulated server search, in ms. */
+const SEARCH_DELAY = 600;
+
+/** A server search answered from memory, after a delay: the catalog has no network. */
+const useSimulatedSearch = () => {
+  const [query, setQuery] = useState('');
+  const [results, setResults] = useState<UserPickerOption[]>(MEMBERS);
+  const [loading, setLoading] = useState(false);
+  useEffect(() => {
+    setLoading(true);
+    const timer = setTimeout(() => {
+      const text = query.trim().toLowerCase();
+      setResults(
+        MEMBERS.filter((member) =>
+          [member.name, member.email ?? ''].some((field) =>
+            field.toLowerCase().includes(text),
+          ),
+        ),
+      );
+      setLoading(false);
+    }, SEARCH_DELAY);
+    return () => clearTimeout(timer);
+  }, [query]);
+  return { results, loading, search: setQuery };
+};
+
+export const UserPickerPage = () => {
+  const { log } = useEventLog();
+  const [owner, setOwner] = useState<string | null>('u2');
+  const [recipients, setRecipients] = useState<string[]>(['u1', 'u3']);
+  const [target, setTarget] = useState<string | null>(null);
+  const remote = useSimulatedSearch();
+  return (
+    <Showcase
+      family="Saisie"
+      name="UserPicker"
+      description="Choix d'un utilisateur ou de plusieurs : avatar, nom et e-mail dans chaque option, recherche sur le nom et l'e-mail (locale, ou confiée au serveur par onSearch). En multiple, les choisis sont des puces que le clavier retire."
+    >
+      <Example title="Choix simple" maxWidth={480}>
+        <UserPicker
+          options={MEMBERS}
+          value={owner}
+          onChange={(next) => {
+            setOwner(next);
+            log(`responsable ${next ?? 'aucun'}`);
+          }}
+          label="Responsable de l’équipe"
+          placeholder="Choisir un membre"
+          noOptionsText="Aucun membre ne correspond"
+        />
+      </Example>
+      <Example title="Choix multiple" maxWidth={480}>
+        <UserPicker
+          multiple
+          options={MEMBERS}
+          value={recipients}
+          onChange={(next) => {
+            setRecipients(next);
+            log(`destinataires ${next.join(', ')}`);
+          }}
+          label="Destinataires du rapport"
+          placeholder="Ajouter un membre"
+          noOptionsText="Aucun membre ne correspond"
+        />
+      </Example>
+      <Example title="Recherche serveur, propriétaire exclu" maxWidth={480}>
+        <UserPicker
+          options={remote.results}
+          onSearch={remote.search}
+          loading={remote.loading}
+          value={target}
+          onChange={(next) => {
+            setTarget(next);
+            log(`nouveau propriétaire ${next ?? 'aucun'}`);
+          }}
+          disabledIds={['u1']}
+          label="Nouveau propriétaire"
+          placeholder="Rechercher un membre"
+          noOptionsText="Aucun membre ne correspond"
+        />
+      </Example>
+      <Example title="Inactif" maxWidth={480}>
+        <UserPicker
+          options={MEMBERS}
+          value="u1"
+          onChange={() => undefined}
+          label="Responsable de l’équipe"
+          noOptionsText="Aucun membre ne correspond"
+          disabled
+        />
+      </Example>
+      <LastEvent />
+    </Showcase>
+  );
+};

package/catalog/pages/index.ts

@@ -12,6 +12,13 @@ import { CommandPalettePage } from './CommandPalette';
 import { ConfirmDialogPage } from './ConfirmDialog';
 import { ContextSelectorPage } from './ContextSelector';
 import { CopyFieldPage } from './CopyField';
+import { LineChartPage } from './LineChart';
+import { PaginationPage } from './Pagination';
+import { AvatarGroupPage } from './AvatarGroup';
+import { TeamAvatarPage } from './TeamAvatar';
+import { UserPickerPage } from './UserPicker';
+import { CompanySearchFieldPage } from './CompanySearchField';
+import { EntityImageFieldPage } from './EntityImageField';
 import { DataTablePage } from './DataTable';
 import { DateFieldPage } from './DateField';
 import { DateRangeFieldPage } from './DateRangeField';
@@ -69,6 +76,13 @@ export const CATALOG_PAGES: Record<string, ComponentType> = {
   ConfirmDialog: ConfirmDialogPage,
   ContextSelector: ContextSelectorPage,
   CopyField: CopyFieldPage,
+  LineChart: LineChartPage,
+  Pagination: PaginationPage,
+  AvatarGroup: AvatarGroupPage,
+  TeamAvatar: TeamAvatarPage,
+  UserPicker: UserPickerPage,
+  CompanySearchField: CompanySearchFieldPage,
+  EntityImageField: EntityImageFieldPage,
   DataTable: DataTablePage,
   DateField: DateFieldPage,
   DateRangeField: DateRangeFieldPage,

package/dist/{AbyssCookieConsentProvider-B7-F6osY.js → AbyssCookieConsentProvider-DUYUEZaO.js}

@@ -1709,7 +1709,25 @@ const fm = {
         reveal: "Afficher la valeur",
         hide: "Masquer la valeur",
         copied: "Copié dans le presse-papiers",
-        "copy-failed": "La copie a échoué. Réessayez ou copiez la valeur à la main."
+        "copy-failed": "La copie a échoué. Réessayez ou copiez la valeur à la main.",
+        "load-failed": "La valeur n’a pas pu être chargée. Réessayez."
+      },
+      "entity-image-field": {
+        uploading: "Envoi de l’image…"
+      },
+      "user-picker": {
+        loading: "Recherche…",
+        clear: "Effacer",
+        open: "Ouvrir la liste",
+        close: "Fermer la liste"
+      },
+      "company-search-field": {
+        label: "Nom de l’entreprise",
+        placeholder: "Rechercher une entreprise",
+        loading: "Recherche…",
+        error: "La recherche d’entreprise est momentanément indisponible. Réessayez dans un instant.",
+        created: "Créée le {date}",
+        clear: "Effacer"
       },
       "context-selector": {
         personal: "Mon espace",
@@ -1825,6 +1843,17 @@ const fm = {
       }
     },
     data: {
+      pagination: {
+        previous: "Précédent",
+        next: "Suivant",
+        page: "Page {page, number}",
+        position: "Page {page, number} sur {count, number}"
+      },
+      "line-chart": {
+        x: "Abscisse",
+        "no-value": "Aucune valeur",
+        empty: "Aucune donnée à afficher"
+      },
       "data-table": {
         "select-all": "Sélectionner toutes les lignes",
         "select-row": "Sélectionner la ligne",
@@ -3475,7 +3504,25 @@ const fm = {
         reveal: "Show the value",
         hide: "Hide the value",
         copied: "Copied to the clipboard",
-        "copy-failed": "Copy failed. Try again or copy the value by hand."
+        "copy-failed": "Copy failed. Try again or copy the value by hand.",
+        "load-failed": "The value could not be loaded. Try again."
+      },
+      "entity-image-field": {
+        uploading: "Uploading the image…"
+      },
+      "user-picker": {
+        loading: "Searching…",
+        clear: "Clear",
+        open: "Open the list",
+        close: "Close the list"
+      },
+      "company-search-field": {
+        label: "Company name",
+        placeholder: "Search for a company",
+        loading: "Searching…",
+        error: "Company search is temporarily unavailable. Try again in a moment.",
+        created: "Founded on {date}",
+        clear: "Clear"
       },
       "context-selector": {
         personal: "My space",
@@ -3591,6 +3638,17 @@ const fm = {
       }
     },
     data: {
+      pagination: {
+        previous: "Previous",
+        next: "Next",
+        page: "Page {page, number}",
+        position: "Page {page, number} of {count, number}"
+      },
+      "line-chart": {
+        x: "X value",
+        "no-value": "No value",
+        empty: "No data to show"
+      },
       "data-table": {
         "select-all": "Select all rows",
         "select-row": "Select row",
@@ -8311,36 +8369,36 @@ const Ym = tl * 24 * 60 * 60 * 1e3, Hm = (p) => ({
   ] });
 };
 export {
-  Rm as $,
+  Ki as $,
   fv as A,
-  Dt as B,
+  uv as B,
   Km as C,
   Fm as D,
-  xm as E,
-  Pm as F,
-  uv as G,
-  cv as H,
-  av as I,
-  Fe as J,
-  Sm as K,
-  Tr as L,
-  Xi as M,
-  Em as N,
-  bm as O,
-  Tm as P,
-  Cm as Q,
+  cv as E,
+  av as F,
+  Fe as G,
+  Sm as H,
+  Tr as I,
+  Xi as J,
+  Em as K,
+  bm as L,
+  Tm as M,
+  Cm as N,
+  Im as O,
+  Zs as P,
+  sv as Q,
   Zi as R,
-  Im as S,
-  Zs as T,
-  sv as U,
+  Qs as S,
+  el as T,
+  lv as U,
   tl as V,
-  Qs as W,
-  el as X,
-  lv as Y,
-  Om as Z,
-  Nm as _,
+  Om as W,
+  Nm as X,
+  Rm as Y,
+  wm as Z,
+  Er as _,
   pv as a,
-  wm as a0,
+  iv as a0,
   Wm as b,
   Cr as c,
   Um as d,
@@ -8352,18 +8410,18 @@ export {
   mm as j,
   gm as k,
   zm as l,
-  rv as m,
-  Er as n,
-  Ki as o,
-  iv as p,
-  Mt as q,
+  Mt as m,
+  rv as n,
+  he as o,
+  oe as p,
+  Ze as q,
   Mm as r,
-  he as s,
+  Nn as s,
   $s as t,
   dv as u,
-  oe as v,
+  Lt as v,
   Fs as w,
-  Ze as x,
-  Nn as y,
-  Lt as z
+  Dt as x,
+  xm as y,
+  Pm as z
 };

package/dist/{CookieConsentSettings.component-DxQL4ULz.js → CookieConsentSettings.component-aVDMZLIs.js}

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
 import { useState as m, useEffect as C } from "react";
 import { Card as v, CardContent as b, Stack as u, Typography as o, FormControlLabel as l, Box as r, Checkbox as d, Button as M } from "@mui/material";
-import { g as R, u as x } from "./AbyssCookieConsentProvider-B7-F6osY.js";
+import { g as R, u as x } from "./AbyssCookieConsentProvider-DUYUEZaO.js";
 const B = () => {
   const t = R(), { consent: i, save: y } = x(), [h, g] = m((i == null ? void 0 : i.analytics) ?? !1), [k, f] = m((i == null ? void 0 : i.marketing) ?? !1), c = i == null ? void 0 : i.analytics, n = i == null ? void 0 : i.marketing;
   return C(() => {

package/dist/components/data/LineChart/LineChart.d.ts

@@ -0,0 +1,32 @@
+export type LineChartX = Date | number;
+export interface LineChartPoint {
+    x: LineChartX;
+    y: number;
+}
+export interface LineChartSeries {
+    id: string;
+    /** Name of the series, in the legend, the tooltip and the table of values. */
+    label: string;
+    points: LineChartPoint[];
+}
+export interface LineChartProps {
+    series: LineChartSeries[];
+    /** Height of the plot, in px. */
+    height: number;
+    /** Fills the area under each line at the `.soft` opacity, from a zero baseline. */
+    area?: boolean;
+    /** Text of an x value: axis ticks, tooltip, table of values. */
+    formatX(x: LineChartX): string;
+    /** Text of a y value: axis ticks, tooltip, table of values. */
+    formatY(y: number): string;
+    /** Accessible name of the figure and caption of its table: what the chart shows. */
+    label: string;
+}
+/**
+ * A line chart drawn by nivo under `abyssNivoTheme`: one line per series, colored in the order of
+ * the data series palette (`data.series.1`, `2`…, the seventh series starting over), never by the
+ * host. Dates give a time scale, numbers a linear one. Beyond one series, a legend names the
+ * colors. For screen readers the figure is named by `label` and its drawing is replaced by a table
+ * of every value; a chart without any point says so instead of drawing empty axes.
+ */
+export declare function LineChart({ series, height, area, formatX, formatY, label, }: LineChartProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/data/LineChart/LineChart.spec.d.ts

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

package/dist/components/data/LineChart/line-chart-ticks.d.ts

@@ -0,0 +1,31 @@
+/** Width in px of a tick label of the x axis: mono, at the `caption` size of `abyssNivoTheme`. */
+export declare const tickLabelWidth: (text: string) => number;
+/**
+ * Least empty space between two tick labels of the x axis, in px: wide enough that the axis reads
+ * as a few landmarks, not as a ruler.
+ */
+export declare const TICK_LABEL_GAP: 40;
+export declare enum XScaleKind {
+    /** Values are timestamps in ms, ticked on the local clock. */
+    Time = "time",
+    /** Values are plain numbers, ticked on 1, 2 and 5 times a power of ten. */
+    Linear = "linear"
+}
+export interface XTickLayout {
+    /** Width of the plot between its margins, in px. */
+    plotWidth: number;
+    /** Room a label may take beyond each end of the plot (the chart margins), in px. */
+    overflow: {
+        left: number;
+        right: number;
+    };
+}
+/**
+ * The tick values of the x axis of a chart whose x values are `values` (distinct, ascending, at
+ * least one) and whose plot is `layout.plotWidth` px wide: the finest nice step (on the local clock
+ * for time), never finer than the closest two values, whose labels (`labelOf`), as wide as
+ * `tickLabelWidth` says, keep `TICK_LABEL_GAP` between neighbors. A label that would spill past the
+ * margins is dropped. Without room for two labels, a single one is kept; a plot without width gets
+ * none.
+ */
+export declare function xTickValues(values: number[], kind: XScaleKind, labelOf: (value: number) => string, layout: XTickLayout): number[];

package/dist/components/data/LineChart/line-chart-ticks.spec.d.ts

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

package/dist/components/data/Pagination/Pagination.d.ts

@@ -0,0 +1,16 @@
+export interface PaginationProps {
+    /** The current page, from 1. A value outside `1…pageCount` shows the nearest bound. */
+    page: number;
+    /** Number of pages; nothing is rendered below 2. */
+    pageCount: number;
+    /** Called with the page the user asks for; never with the current page. */
+    onChange(page: number): void;
+    /** Accessible name of the navigation: what is paged ("Pages des permissions"). */
+    label: string;
+}
+/**
+ * Page navigation for a paged list: previous, the numbered pages with gaps, next. Below 768 px it
+ * shrinks to previous, "Page x of y" and next, every control a 44 px target. Previous and next are
+ * disabled at the bounds. A single page needs no navigation: nothing is rendered.
+ */
+export declare function Pagination({ page, pageCount, onChange, label, }: PaginationProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/data/Pagination/Pagination.spec.d.ts

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

package/dist/components/data/index.d.ts

@@ -4,3 +4,5 @@ export * from './StatTile/StatTile';
 export * from './Sparkline/Sparkline';
 export * from './chart-theme';
 export * from './UsageMeter/UsageMeter';
+export * from './Pagination/Pagination';
+export * from './LineChart/LineChart';

package/dist/components/inputs/CompanySearchField/CompanySearchField.d.ts

@@ -0,0 +1,24 @@
+import { PappersCompany } from './pappers-company';
+export type { PappersCompany };
+/** Quiet time after the last keystroke before the request leaves, in ms. */
+export declare const COMPANY_SEARCH_DEBOUNCE_MS = 300;
+export interface CompanySearchFieldProps {
+    /** Text of the field, owned by the host. */
+    value: string;
+    /** Called at each keystroke, before the debounce. */
+    onInputChange(value: string): void;
+    /** Called when the user picks a suggestion; typing alone never calls it. */
+    onSelect(company: PappersCompany): void;
+    disabled?: boolean;
+    /** Label above the field; « Nom de l’entreprise » without it. */
+    label?: string;
+    /** « Rechercher une entreprise » without it. */
+    placeholder?: string;
+}
+/**
+ * A company name field that suggests French companies from Pappers as the user types: name,
+ * legal form, SIREN, creation date, head office and activity. The host owns the text; picking a
+ * suggestion hands the whole company to `onSelect`. A failed request (network, non-2xx answer)
+ * puts the field in error, apart from an answer without result.
+ */
+export declare function CompanySearchField({ value, onInputChange, onSelect, disabled, label, placeholder, }: CompanySearchFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/CompanySearchField/CompanySearchField.spec.d.ts

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

package/dist/components/inputs/CompanySearchField/pappers-company.d.ts

@@ -0,0 +1,18 @@
+/**
+ * A company as the Pappers suggestions API returns it. The field names mirror the response verbatim
+ * (French, snake_case): hosts read them as they come, no mapping layer in between.
+ */
+export type PappersCompany = {
+    siren: string;
+    nom_entreprise: string;
+    date_creation: string;
+    forme_juridique?: string;
+    domaine_activite?: string;
+    siege?: {
+        adresse?: string;
+        code_postal?: string;
+        ville?: string;
+        departement?: string;
+        pays?: string;
+    };
+};

package/dist/components/inputs/CopyField/CopyField.d.ts

@@ -1,5 +1,4 @@
-export interface CopyFieldProps {
-    value: string;
+interface CopyFieldBaseProps {
     /** Hides the value behind dots until the user reveals it; the copy button still copies it. */
     masked?: boolean;
     /** Called each time the user reveals a masked value. */
@@ -7,13 +6,30 @@ export interface CopyFieldProps {
     /** Label of the copy button, named after what it copies ("Copier la clé"). */
     copyLabel: string;
 }
+/** The value is known up front. */
+interface CopyFieldValueProps extends CopyFieldBaseProps {
+    value: string;
+    loadValue?: never;
+}
+/**
+ * The value is asked for on the first « Afficher » or « Copier » only, then kept until the field
+ * unmounts: no request is made without a gesture.
+ */
+interface CopyFieldLoadedProps extends CopyFieldBaseProps {
+    value?: never;
+    loadValue(): Promise<string>;
+}
+export type CopyFieldProps = CopyFieldValueProps | CopyFieldLoadedProps;
 /** How long the copy button shows its check mark after a copy, in ms. */
 export declare const COPY_FEEDBACK_MS = 2000;
 /**
  * A value to copy (API key, connection identifier): shown in mono in a read-only box, with a
  * button that copies it to the clipboard. Masked, the value is replaced by dots and a toggle
- * reveals it (calling `onReveal`). The outcome of a copy is announced in a polite live region; a
- * success turns the copy icon into a check mark for a moment, a failure is also written under the
- * field.
+ * reveals it (calling `onReveal`). With `loadValue` instead of `value`, the value stays masked and
+ * is asked for on the first reveal or copy, the button of that gesture showing the loading; a
+ * failed load is announced and the next gesture asks again. The outcome of a copy is announced in
+ * a polite live region; a success turns the copy icon into a check mark for a moment, a failure is
+ * also written under the field.
  */
-export declare function CopyField({ value, masked, onReveal, copyLabel, }: CopyFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function CopyField({ value: givenValue, loadValue, masked, onReveal, copyLabel, }: CopyFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/inputs/EntityImageField/EntityImageField.d.ts

@@ -0,0 +1,47 @@
+import { ReactNode } from 'react';
+import { CloudImportWiring } from '../../../hooks/cloud-picker.types';
+export declare enum EntityImageVariant {
+    /** A logo, a profile picture or a project image: the picture itself is the button. */
+    Avatar = "avatar",
+    /** A banner: the picture spans the width, a button lies over it. */
+    Banner = "banner"
+}
+export declare enum EntityImageShape {
+    /** A person: a disc. */
+    Round = "round",
+    /** An organization or a project: a rounded square. */
+    Square = "square"
+}
+interface EntityImageFieldBaseProps {
+    /** The avatar or the image shown now, rendered by the host at its size. */
+    picture: ReactNode;
+    /** What the gesture does (« Changer le logo »): the name of the button. */
+    label: string;
+    /** Accepted types, as the HTML `accept` attribute lists them. */
+    accept?: string[];
+    /** Receives the file chosen on the device. The host uploads it and reports the outcome. */
+    onFile(file: File): void;
+    /** An upload is running: the button shows it and opens nothing. */
+    uploading: boolean;
+    /** AbyssCloud picker plus the import action: with it, the button opens a menu of sources. */
+    cloudImport?: CloudImportWiring;
+}
+export interface EntityImageAvatarProps extends EntityImageFieldBaseProps {
+    variant: EntityImageVariant.Avatar;
+    /** Defaults to `EntityImageShape.Round`. */
+    shape?: EntityImageShape;
+}
+interface EntityImageBannerProps extends EntityImageFieldBaseProps {
+    variant: EntityImageVariant.Banner;
+    shape?: never;
+}
+export type EntityImageFieldProps = EntityImageAvatarProps | EntityImageBannerProps;
+/**
+ * An entity's image that the user changes in place: an avatar that is itself the button (with a
+ * camera badge), or a banner spanning the width with a button over it. The button opens the
+ * device's file chooser, or, with `cloudImport`, the menu of `ImportButton` (device, AbyssCloud).
+ * While `uploading`, the button shows a progress indicator, opens nothing, and the upload is
+ * announced in a polite live region.
+ */
+export declare function EntityImageField(props: EntityImageFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/inputs/EntityImageField/EntityImageField.spec.d.ts

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