@eifi1/ui-kit 0.54.0 → 0.55.0

package/src/hooks/use-windowed-rows.ts

@@ -1,225 +0,0 @@
-import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
-import type { RefObject } from "react";
-import { useTextSize } from "../theme/text-size";
-
-/** Rows kept mounted beyond each edge, so a flick-scroll has something to show
- *  before the next render lands. */
-const OVERSCAN = 6;
-
-/** The attribute a measured row carries so {@link WindowedRows.measureRef} knows which
- *  row it is looking at: `data-row-index={index}`. */
-export const WINDOWED_ROW_INDEX = "data-row-index";
-
-/** What {@link useWindowedRows} answers: render rows `first` up to (not including)
- *  `last`, inside a scroll body `totalHeight` pixels tall. */
-export interface WindowedRows {
-  first: number;
-  last: number;
-  totalHeight: number;
-  /**
-   * The top of row `index`, in px from the top of the list: the rows above it at their
-   * MEASURED heights where they have been rendered, at {@link estimate} where not.
-   * Position each row at this (`style={{ top: offsetOf(index) }}`) rather than at
-   * `index × rowHeight`, which is right only while every row is the estimate.
-   */
-  offsetOf: (index: number) => number;
-  /** The height of row `index`: measured, else {@link estimate}. */
-  heightOf: (index: number) => number;
-  /**
-   * The height assumed for a row not measured yet: `rowHeight × scale`, the text
-   * size's factor (`useTextSize`). Give a row this as its `minHeight`, not its
-   * `height`: a row that wraps must be allowed to grow, and is then measured.
-   */
-  estimate: number;
-  /**
-   * Put on every rendered row, with `data-row-index={index}` beside it: the row is
-   * observed while it is mounted, and its height replaces the estimate. Stable for the
-   * life of the list. A row without it keeps the estimate, which is the pre-0.32
-   * fixed-height list exactly.
-   */
-  measureRef: (element: HTMLElement | null) => (() => void) | undefined;
-}
-
-type Heights = ReadonlyMap<number, number>;
-const NO_HEIGHTS: Heights = new Map();
-
-/** The box height of an observed row: the border box where the browser reports one,
- *  else its laid-out rectangle. `0` means "not laid out" (hidden, jsdom) and is ignored. */
-function rowHeightOf(entry: ResizeObserverEntry): number {
-  const box = entry.borderBoxSize?.[0];
-  if (box && box.blockSize > 0) return box.blockSize;
-  return entry.target.getBoundingClientRect().height;
-}
-
-/** The row index an element was given with {@link WINDOWED_ROW_INDEX}, or `null`. */
-function indexOf(element: Element): number | null {
-  const raw = element.getAttribute(WINDOWED_ROW_INDEX);
-  if (raw === null) return null;
-  const index = Number(raw);
-  return Number.isInteger(index) && index >= 0 ? index : null;
-}
-
-/** The last index `i` with `offsets[i] <= y` (0 when none): the row whose box holds `y`. */
-function rowAt(offsets: Float64Array, count: number, y: number): number {
-  let lo = 0;
-  let hi = count;
-  while (lo < hi) {
-    const mid = (lo + hi + 1) >> 1;
-    if (offsets[mid] <= y) lo = mid;
-    else hi = mid - 1;
-  }
-  return Math.min(lo, Math.max(0, count - 1));
-}
-
-/**
- * Which rows of a long list are worth rendering — and, since 0.32, where each one goes.
- *
- * Hand-rolled rather than pulled from a virtualization library: the obvious one
- * (`@tanstack/react-virtual`) returns functions that cannot be memoized safely, so the
- * React Compiler skips optimising any component that calls it — a list that exists to
- * stay fast would opt out of the consumer's main source of speed.
- *
- * **Measured rows (docs/text-size-harmonization.md §10.9).** Until 0.32 every row was
- * `rowHeight` px and the window was two divisions. "Nothing truncates" at Large and
- * Extra large needs rows that grow with their text — Kurvenschmiede's segment list
- * wraps a long name at 150 %, and a fixed 68 px row cut it off. So the rows are
- * measured: put {@link WindowedRows.measureRef} and `data-row-index` on each rendered
- * row, and one `ResizeObserver` watches every row while it is mounted (one observer for
- * all of them, which the browser batches into one callback per frame). A measured
- * height replaces the estimate; a row never rendered keeps `rowHeight × scale`, the
- * text size's factor, so the scroll body is about right before anything is measured
- * and exactly right for everything that has been. Offsets are a prefix sum over both,
- * rebuilt only when a height changes — scrolling is a binary search.
- *
- * Measurements are dropped when the text size changes (every row is a different height
- * then, and the rendered ones measure again at once) and ignored past `count` (a row
- * removed at the end). Removing a row in the MIDDLE shifts the indices below it; they
- * keep the old row's height until they are rendered again, which costs a few pixels of
- * scrollbar, never a row out of place on screen.
- *
- * Without a `ResizeObserver` (jsdom, an old webview) the estimate holds for every row,
- * which is the fixed-height list of before.
- *
- * `scrollRef` is the element that scrolls. The rows are assumed to start at its top;
- * a sticky header above them costs a row or two of the overscan, not correctness.
- *
- * Moved from Lenkbank, where `MeasuredGrid` and a segment list window the same way over
- * rows of different heights — two copies of this would be two places to fix the day
- * the overscan turns out to be wrong.
- */
-export function useWindowedRows(
-  count: number,
-  rowHeight: number,
-  scrollRef: RefObject<HTMLElement | null>,
-): WindowedRows {
-  const { scale } = useTextSize();
-  const estimate = rowHeight * scale;
-  const [scrollTop, setScrollTop] = useState(0);
-  const [viewport, setViewport] = useState(0);
-  // The heights are keyed to the scale they were measured at: a text size switch makes
-  // every one of them stale at once, and the derivation below drops them on read.
-  const [measured, setMeasured] = useState<{ scale: number; heights: Heights }>({ scale, heights: NO_HEIGHTS });
-  const heights = measured.scale === scale ? measured.heights : NO_HEIGHTS;
-  // The observer's callback runs outside render and needs the scale in force then. A
-  // LAYOUT effect: the rows' new heights after a size switch are reported before the
-  // browser paints, which can be before a passive effect has run.
-  const scaleRef = useRef(scale);
-  useLayoutEffect(() => {
-    scaleRef.current = scale;
-  }, [scale]);
-
-  useEffect(() => {
-    const element = scrollRef.current;
-    if (!element) return;
-    const measure = () => {
-      setScrollTop(element.scrollTop);
-      setViewport(element.clientHeight);
-    };
-    measure();
-    element.addEventListener("scroll", measure, { passive: true });
-    // The pane usually sits in a responsive layout, so its height changes without the
-    // window's — a resize listener alone would miss every one of those. Guarded:
-    // jsdom and older embedded webviews have no ResizeObserver, and the list still
-    // has to render there.
-    const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(measure);
-    observer?.observe(element);
-    return () => {
-      element.removeEventListener("scroll", measure);
-      observer?.disconnect();
-    };
-  }, [scrollRef]);
-
-  // ONE observer for every row, made on the first row that asks for it.
-  const rowObserver = useRef<ResizeObserver | null>(null);
-  useEffect(
-    () => () => {
-      rowObserver.current?.disconnect();
-      rowObserver.current = null;
-    },
-    [],
-  );
-
-  const measureRef = useCallback((element: HTMLElement | null) => {
-    if (!element || typeof ResizeObserver === "undefined") return undefined;
-    if (!rowObserver.current) {
-      rowObserver.current = new ResizeObserver((entries) => {
-        const updates: [number, number][] = [];
-        for (const entry of entries) {
-          const index = indexOf(entry.target);
-          const height = rowHeightOf(entry);
-          if (index !== null && height > 0) updates.push([index, height]);
-        }
-        if (!updates.length) return;
-        const at = scaleRef.current;
-        setMeasured((previous) => {
-          const base = previous.scale === at ? previous.heights : NO_HEIGHTS;
-          // Unchanged heights are the common case (a row re-observed after a re-render):
-          // the same map back means no render.
-          if (updates.every(([index, height]) => base.get(index) === height)) {
-            return previous.scale === at ? previous : { scale: at, heights: base };
-          }
-          const next = new Map(base);
-          for (const [index, height] of updates) next.set(index, height);
-          return { scale: at, heights: next };
-        });
-      });
-    }
-    const observer = rowObserver.current;
-    observer.observe(element);
-    // React 19 calls this when the row unmounts (or the ref moves to another element).
-    return () => observer.unobserve(element);
-  }, []);
-
-  // The prefix sum: offsets[i] is the top of row i, offsets[count] the whole height.
-  // Skipped while nothing is measured, when the arithmetic is exact without it.
-  const offsets = useMemo(() => {
-    if (heights.size === 0) return null;
-    const table = new Float64Array(count + 1);
-    for (let index = 0; index < count; index += 1) {
-      table[index + 1] = table[index] + (heights.get(index) ?? estimate);
-    }
-    return table;
-  }, [count, estimate, heights]);
-
-  const offsetOf = useCallback(
-    (index: number) => (offsets ? offsets[Math.max(0, Math.min(index, count))] : index * estimate),
-    [offsets, count, estimate],
-  );
-  const heightOf = useCallback((index: number) => heights.get(index) ?? estimate, [heights, estimate]);
-
-  // A viewport of 0 is the first render, before the pane has been laid out (and every
-  // render under jsdom). Rendering nothing then would leave the list blank until
-  // something scrolled it, so fall back to a screenful.
-  const room = viewport || 600;
-  let first: number;
-  let last: number;
-  if (offsets) {
-    first = Math.max(0, rowAt(offsets, count, scrollTop) - OVERSCAN);
-    last = Math.min(count, rowAt(offsets, count, scrollTop + room) + 1 + OVERSCAN);
-  } else {
-    first = Math.max(0, Math.floor(scrollTop / estimate) - OVERSCAN);
-    last = Math.min(count, first + Math.ceil(room / estimate) + OVERSCAN * 2);
-  }
-  const totalHeight = offsets ? offsets[count] : count * estimate;
-  return { first, last, totalHeight, offsetOf, heightOf, estimate, measureRef };
-}

package/src/i18n/defaults.ts

@@ -1,267 +0,0 @@
-import { DEFAULT_DATA_TABLE_LABELS } from "../components/data-table-labels";
-import { DEFAULT_MINI_CALENDAR_LABELS } from "../components/mini-calendar-labels";
-import { DEFAULT_CALENDAR_HEATMAP_LABELS } from "../components/calendar-heatmap-labels";
-import { DEFAULT_MONTH_PICKER_LABELS } from "../components/month-picker-labels";
-import { DEFAULT_PAGE_CONTENTS_LABELS } from "../components/page-contents-labels";
-import { DEFAULT_POPOVER_LABELS } from "../components/popover-labels";
-import { DEFAULT_CHIP_INPUT_LABELS } from "../components/chip-labels";
-import { DEFAULT_CHARACTER_COUNT_LABELS, DEFAULT_PASSWORD_REVEAL_LABELS } from "../components/field-base-labels";
-import { DEFAULT_TABS_LABELS } from "../components/tabs-labels";
-import { DEFAULT_WIZARD_LABELS } from "../wizard/wizard-labels";
-import { DEFAULT_TOUR_LABELS } from "../tour/tour-labels";
-import { DEFAULT_TOUR_CATALOGUE_LABELS } from "../tour/tour-catalogue-labels";
-import { DEFAULT_TOUR_GUIDE_LABELS } from "../tour/tour-guide-labels";
-import { DEFAULT_COMMAND_PALETTE_LABELS } from "../search/command-palette-labels";
-import { DEFAULT_GLOBAL_SEARCH_LABELS } from "../search/global-search-labels";
-import { DEFAULT_SERIES_CHART_LABELS } from "../components/series-chart-labels";
-import { DEFAULT_PIE_CHART_LABELS } from "../components/pie-chart-labels";
-import { DEFAULT_TREEMAP_LABELS } from "../components/treemap-labels";
-import { DEFAULT_SPARKLINE_LABELS } from "../components/sparkline-labels";
-import { DEFAULT_STAT_TILE_LABELS } from "../components/stat-tile-labels";
-import { DEFAULT_SIGNATURE_PAD_LABELS } from "../components/signature-pad-labels";
-import { DEFAULT_PASSWORD_STRENGTH_LABELS } from "../components/password-strength-labels";
-import { DEFAULT_DANGER_CONFIRM_LABELS } from "../components/danger-confirm-labels";
-import { DEFAULT_SWATCH_PICKER_LABELS } from "../components/swatch-picker-labels";
-import { DEFAULT_ICON_PICKER_LABELS } from "../components/icon-picker-labels";
-import { DEFAULT_DIALOG_FRAME_LABELS } from "../components/dialog-frame-labels";
-import { DEFAULT_FILE_PICKER_LABELS } from "../hooks/use-file-picker-labels";
-import { DEFAULT_MEASURED_GRID_LABELS } from "../components/measured-grid-labels";
-import { DEFAULT_CONFIRM_DIALOG_LABELS } from "../components/confirm-dialog-labels";
-import { DEFAULT_FLOATING_PANEL_LABELS } from "../components/floating-panel-labels";
-import { DEFAULT_FEEDBACK_ATTACHMENT_LABELS } from "../feedback/feedback-attachment-labels";
-import { DEFAULT_FEEDBACK_DIALOG_LABELS } from "../feedback/feedback-dialog-labels";
-import { DEFAULT_FEEDBACK_COMPOSER_LABELS, DEFAULT_FEEDBACK_THREAD_LABELS } from "../feedback/feedback-thread-labels";
-import {
-  DEFAULT_FEEDBACK_CATEGORY_LABELS,
-  DEFAULT_FEEDBACK_STATUS_LABELS,
-  DEFAULT_FEEDBACK_TOAST_LABELS,
-} from "../feedback/feedback-labels";
-import { DEFAULT_FEEDBACK_MENU_LABELS } from "../feedback/feedback-menu-labels";
-import { DEFAULT_FEEDBACK_PUBLIC_LABELS } from "../feedback/feedback-public-labels";
-import { DEFAULT_FEEDBACK_NOTIFICATION_TYPES_LABELS } from "../notifications/feedback-notification-types-labels";
-import { DEFAULT_FEEDBACK_CONTEXT_LABELS } from "../feedback/feedback-context-labels";
-import { DEFAULT_FEEDBACK_PAGE_LABELS } from "../feedback/feedback-table-labels";
-import { DEFAULT_FEEDBACK_DETAIL_LABELS } from "../feedback/feedback-row-detail-labels";
-import {
-  DEFAULT_FEEDBACK_COMMENTS_LABELS,
-  DEFAULT_FEEDBACK_REPLIES_LABELS,
-  DEFAULT_FEEDBACK_VOTE_LABELS,
-} from "../feedback/feedback-thread-parts-labels";
-import { DEFAULT_ACCOUNT_SETTINGS_LABELS } from "../account/account-settings-labels";
-import { DEFAULT_COPY_BUTTON_LABELS } from "../components/copy-button-labels";
-import { DEFAULT_BULK_ACTION_BAR_LABELS } from "../components/bulk-action-bar-labels";
-import { DEFAULT_LIST_LABELS } from "../components/list-labels";
-import { DEFAULT_BREADCRUMBS_LABELS } from "../components/breadcrumbs-labels";
-import { DEFAULT_TOAST_LABELS } from "../components/toast-labels";
-import { DEFAULT_FORM_ACTIONS_LABELS } from "../components/form-actions-labels";
-import { DEFAULT_DESCRIPTION_LIST_LABELS } from "../components/description-list-labels";
-import { DEFAULT_LINE_ITEMS_LABELS } from "../components/line-items-labels";
-import { DEFAULT_PROGRESS_BAR_LABELS } from "../components/progress-bar-labels";
-import { DEFAULT_SIGNED_AMOUNT_LABELS } from "../components/signed-amount-labels";
-import { DEFAULT_ERROR_BOUNDARY_LABELS } from "../components/error-boundary-labels";
-import { DEFAULT_AUTHED_IMAGE_LABELS } from "../components/authed-image-labels";
-import { DEFAULT_IMAGE_GRID_LABELS } from "../components/image-grid-labels";
-import { DEFAULT_LIGHTBOX_LABELS } from "../components/lightbox-labels";
-import { DEFAULT_WRITE_LOCK_LABELS } from "../components/write-lock-labels";
-import { DEFAULT_LEGAL_LABELS } from "../components/legal-labels";
-import { DEFAULT_SIGN_IN_LABELS } from "../auth/sign-in-form-labels";
-import { DEFAULT_REGISTER_LABELS } from "../auth/register-form-labels";
-import { DEFAULT_COMPLETE_NAME_LABELS } from "../auth/complete-name-dialog-labels";
-import { DEFAULT_FORGOT_PASSWORD_LABELS } from "../auth/forgot-password-form-labels";
-import { DEFAULT_RESET_PASSWORD_LABELS } from "../auth/reset-password-form-labels";
-import { DEFAULT_VERIFY_EMAIL_LABELS } from "../auth/verify-email-labels";
-import { DEFAULT_NOT_FOUND_LABELS } from "../auth/not-found-page-labels";
-import { DEFAULT_ACCEPT_INVITATION_LABELS } from "../auth/accept-invitation-labels";
-import { DEFAULT_COMPANY_SWITCHER_LABELS } from "../shell/company-switcher-labels";
-import { DEFAULT_EMAIL_CHANGE_LABELS } from "../account/email-change-setting-labels";
-import { DEFAULT_SESSIONS_LABELS } from "../account/sessions-setting-labels";
-import { DEFAULT_DELETE_ACCOUNT_LABELS } from "../account/delete-account-setting-labels";
-import { DEFAULT_DATA_EXPORT_LABELS } from "../account/data-export-setting-labels";
-import { DEFAULT_USER_ROSTER_LABELS } from "../admin/user-roster-labels";
-import { DEFAULT_ROLE_SELECT_LABELS } from "../admin/role-select-labels";
-import { DEFAULT_REVIEWER_SCOPE_LABELS } from "../admin/reviewer-scope-editor-labels";
-import { DEFAULT_ADMIN_ACTION_LABELS } from "../admin/admin-action-confirm-labels";
-import { DEFAULT_ADMIN_ACTION_LOG_LABELS } from "../admin/admin-action-log-labels";
-import { DEFAULT_TRANSFER_OWNERSHIP_LABELS } from "../admin/transfer-ownership-dialog-labels";
-import { DEFAULT_INVITATIONS_LABELS } from "../admin/invitations-panel-labels";
-import { DEFAULT_SETTINGS_LABELS } from "../settings/settings-labels";
-import { DEFAULT_LANDING_LABELS } from "../landing/landing-labels";
-import { DEFAULT_DEMO_LABELS } from "../demo/demo-labels";
-import { DEFAULT_BILLING_LABELS } from "../billing/billing-labels";
-import { DEFAULT_PLAN_CHANGE_LABELS } from "../admin/plan-change-labels";
-import { DEFAULT_APPEARANCE_LABELS } from "../components/appearance-labels";
-import { DEFAULT_DEVICE_RESET_LABELS } from "../settings/device-reset-setting-labels";
-import { DEFAULT_ROW_ACTIONS_LABELS } from "../components/row-actions-labels";
-import { DEFAULT_APP_SHELL_MORE_LABELS } from "../shell/app-shell-labels";
-import { DEFAULT_ACCOUNT_STATE_LABELS } from "../components/account-chips-labels";
-import { DEFAULT_ADMIN_AREA_LABELS } from "../admin/admin-area-labels";
-import { DEFAULT_MAIL_TEST_CARD_LABELS } from "../admin/mail-test-card-labels";
-import { DEFAULT_SIGN_OUT_PENDING_DIALOG_LABELS } from "../offline/sign-out-pending-dialog-labels";
-import { DEFAULT_PWA_UPDATE_PROMPT_LABELS } from "../offline/pwa-update-prompt-labels";
-import { DEFAULT_SHARED_COMPUTER_LABELS } from "../offline/shared-computer-labels";
-import { DEFAULT_TOP_BAR_PARTS_LABELS } from "../shell/top-bar-parts-labels";
-import { DEFAULT_SHARE_CARD_LABELS } from "../components/share-card-labels";
-import { DEFAULT_REAUTH_DIALOG_LABELS } from "../components/reauth-dialog-labels";
-import { DEFAULT_SERVER_WAKE_LABELS } from "../components/server-wake-labels";
-import { DEFAULT_TRANSLATION_REVIEW_LABELS } from "../components/translation-review-labels";
-import { DEFAULT_COUNTRY_SELECT_LABELS } from "../components/country-select-labels";
-import { DEFAULT_INLINE_EDIT_LABELS } from "../components/inline-edit-field-labels";
-import { DEFAULT_IBAN_INPUT_LABELS } from "../components/iban-input-labels";
-import { DEFAULT_PHONE_INPUT_LABELS } from "../components/phone-input-labels";
-import { DEFAULT_COLUMN_MAPPER_LABELS } from "../components/column-mapper-labels";
-import { DEFAULT_NOTIFICATIONS_LABELS } from "../notifications/notifications-labels";
-import {
-  DEFAULT_APP_SHELL_LABELS,
-  DEFAULT_CALCULATOR_LABELS,
-  DEFAULT_COMBOBOX_LABELS,
-  DEFAULT_COMMON_LABELS,
-  DEFAULT_CURRENCY_LABELS,
-  DEFAULT_DATE_PICKER_LABELS,
-  DEFAULT_FILE_LABELS,
-  DEFAULT_MULTI_SELECT_LABELS,
-  DEFAULT_PICKER_SHEET_LABELS,
-  DEFAULT_SWIPEABLE_ROW_LABELS,
-  DEFAULT_TOP_BAR_LABELS,
-} from "./shared-labels";
-import type { UiKitLabels } from "./kit-labels";
-
-/**
- * The whole English tree in one object: what a translation is written against, and
- * the `reference` for {@link missingKitLabels}.
- *
- * A separate module from the provider on purpose. Components import the provider's
- * hooks; this file imports the components' defaults. Kept together they would be an
- * import cycle through every component in the kit.
- *
- * Every import here is a module of WORDS — a `*-labels.ts` beside its component, which
- * the component re-exports (`shared-labels` for the namespaces the provider types
- * itself, which `kit-labels` re-exports) — never a component. The
- * English catalogue (`locales/en.ts`) is built on this object, so a component imported
- * here rides along with English: in 0.33 that was 79 of them, and an app fetching `en`
- * lazily fetched ~40 chunks of component code with it, where every other language is one
- * (0.34, KS U8). `__tests__/english-catalogue-graph.test.ts` holds the line, and the
- * build makes `dist/i18n/locales/en.js` one file (scripts/flatten-en.mjs).
- */
-export const DEFAULT_UI_KIT_LABELS: UiKitLabels = {
-  common: DEFAULT_COMMON_LABELS,
-  dataTable: DEFAULT_DATA_TABLE_LABELS,
-  miniCalendar: DEFAULT_MINI_CALENDAR_LABELS,
-  calendarHeatmap: DEFAULT_CALENDAR_HEATMAP_LABELS,
-  datePicker: DEFAULT_DATE_PICKER_LABELS,
-  monthPicker: DEFAULT_MONTH_PICKER_LABELS,
-  popover: DEFAULT_POPOVER_LABELS,
-  combobox: DEFAULT_COMBOBOX_LABELS,
-  multiSelect: DEFAULT_MULTI_SELECT_LABELS,
-  calculator: DEFAULT_CALCULATOR_LABELS,
-  currency: DEFAULT_CURRENCY_LABELS,
-  chipInput: DEFAULT_CHIP_INPUT_LABELS,
-  passwordReveal: DEFAULT_PASSWORD_REVEAL_LABELS,
-  tabs: DEFAULT_TABS_LABELS,
-  appShell: DEFAULT_APP_SHELL_LABELS,
-  pageContents: DEFAULT_PAGE_CONTENTS_LABELS,
-  topBar: DEFAULT_TOP_BAR_LABELS,
-  pickerSheet: DEFAULT_PICKER_SHEET_LABELS,
-  swipeableRow: DEFAULT_SWIPEABLE_ROW_LABELS,
-  file: DEFAULT_FILE_LABELS,
-  wizard: DEFAULT_WIZARD_LABELS,
-  tour: DEFAULT_TOUR_LABELS,
-  tourCatalogue: DEFAULT_TOUR_CATALOGUE_LABELS,
-  tourGuide: DEFAULT_TOUR_GUIDE_LABELS,
-  commandPalette: DEFAULT_COMMAND_PALETTE_LABELS,
-  globalSearch: DEFAULT_GLOBAL_SEARCH_LABELS,
-  seriesChart: DEFAULT_SERIES_CHART_LABELS,
-  pieChart: DEFAULT_PIE_CHART_LABELS,
-  treemap: DEFAULT_TREEMAP_LABELS,
-  sparkline: DEFAULT_SPARKLINE_LABELS,
-  statTile: DEFAULT_STAT_TILE_LABELS,
-  signaturePad: DEFAULT_SIGNATURE_PAD_LABELS,
-  passwordStrength: DEFAULT_PASSWORD_STRENGTH_LABELS,
-  dangerConfirm: DEFAULT_DANGER_CONFIRM_LABELS,
-  swatchPicker: DEFAULT_SWATCH_PICKER_LABELS,
-  iconPicker: DEFAULT_ICON_PICKER_LABELS,
-  dialogFrame: DEFAULT_DIALOG_FRAME_LABELS,
-  filePicker: DEFAULT_FILE_PICKER_LABELS,
-  measuredGrid: DEFAULT_MEASURED_GRID_LABELS,
-  feedbackAttachment: DEFAULT_FEEDBACK_ATTACHMENT_LABELS,
-  feedbackDialog: DEFAULT_FEEDBACK_DIALOG_LABELS,
-  feedbackThread: DEFAULT_FEEDBACK_THREAD_LABELS,
-  feedbackComposer: DEFAULT_FEEDBACK_COMPOSER_LABELS,
-  feedbackStatus: DEFAULT_FEEDBACK_STATUS_LABELS,
-  feedbackCategory: DEFAULT_FEEDBACK_CATEGORY_LABELS,
-  feedbackToast: DEFAULT_FEEDBACK_TOAST_LABELS,
-  feedbackMenu: DEFAULT_FEEDBACK_MENU_LABELS,
-  feedbackPublic: DEFAULT_FEEDBACK_PUBLIC_LABELS,
-  feedbackNotificationTypes: DEFAULT_FEEDBACK_NOTIFICATION_TYPES_LABELS,
-  feedbackContext: DEFAULT_FEEDBACK_CONTEXT_LABELS,
-  feedbackPage: DEFAULT_FEEDBACK_PAGE_LABELS,
-  feedbackDetail: DEFAULT_FEEDBACK_DETAIL_LABELS,
-  feedbackVote: DEFAULT_FEEDBACK_VOTE_LABELS,
-  feedbackComments: DEFAULT_FEEDBACK_COMMENTS_LABELS,
-  feedbackReplies: DEFAULT_FEEDBACK_REPLIES_LABELS,
-  accountSettings: DEFAULT_ACCOUNT_SETTINGS_LABELS,
-  confirmDialog: DEFAULT_CONFIRM_DIALOG_LABELS,
-  floatingPanel: DEFAULT_FLOATING_PANEL_LABELS,
-  copyButton: DEFAULT_COPY_BUTTON_LABELS,
-  bulkActionBar: DEFAULT_BULK_ACTION_BAR_LABELS,
-  list: DEFAULT_LIST_LABELS,
-  breadcrumbs: DEFAULT_BREADCRUMBS_LABELS,
-  toast: DEFAULT_TOAST_LABELS,
-  form: DEFAULT_FORM_ACTIONS_LABELS,
-  descriptionList: DEFAULT_DESCRIPTION_LIST_LABELS,
-  lineItems: DEFAULT_LINE_ITEMS_LABELS,
-  progressBar: DEFAULT_PROGRESS_BAR_LABELS,
-  signedAmount: DEFAULT_SIGNED_AMOUNT_LABELS,
-  errorBoundary: DEFAULT_ERROR_BOUNDARY_LABELS,
-  authedImage: DEFAULT_AUTHED_IMAGE_LABELS,
-  imageGrid: DEFAULT_IMAGE_GRID_LABELS,
-  lightbox: DEFAULT_LIGHTBOX_LABELS,
-  writeLock: DEFAULT_WRITE_LOCK_LABELS,
-  accountState: DEFAULT_ACCOUNT_STATE_LABELS,
-  shareCard: DEFAULT_SHARE_CARD_LABELS,
-  reauthDialog: DEFAULT_REAUTH_DIALOG_LABELS,
-  serverWake: DEFAULT_SERVER_WAKE_LABELS,
-  translationReview: DEFAULT_TRANSLATION_REVIEW_LABELS,
-  legal: DEFAULT_LEGAL_LABELS,
-  signIn: DEFAULT_SIGN_IN_LABELS,
-  register: DEFAULT_REGISTER_LABELS,
-  completeName: DEFAULT_COMPLETE_NAME_LABELS,
-  forgotPassword: DEFAULT_FORGOT_PASSWORD_LABELS,
-  resetPassword: DEFAULT_RESET_PASSWORD_LABELS,
-  verifyEmail: DEFAULT_VERIFY_EMAIL_LABELS,
-  notFound: DEFAULT_NOT_FOUND_LABELS,
-  acceptInvitation: DEFAULT_ACCEPT_INVITATION_LABELS,
-  companySwitcher: DEFAULT_COMPANY_SWITCHER_LABELS,
-  emailChange: DEFAULT_EMAIL_CHANGE_LABELS,
-  sessions: DEFAULT_SESSIONS_LABELS,
-  deleteAccount: DEFAULT_DELETE_ACCOUNT_LABELS,
-  dataExport: DEFAULT_DATA_EXPORT_LABELS,
-  userRoster: DEFAULT_USER_ROSTER_LABELS,
-  roleSelect: DEFAULT_ROLE_SELECT_LABELS,
-  reviewerScope: DEFAULT_REVIEWER_SCOPE_LABELS,
-  adminAction: DEFAULT_ADMIN_ACTION_LABELS,
-  adminActionLog: DEFAULT_ADMIN_ACTION_LOG_LABELS,
-  transferOwnership: DEFAULT_TRANSFER_OWNERSHIP_LABELS,
-  invitations: DEFAULT_INVITATIONS_LABELS,
-  settings: DEFAULT_SETTINGS_LABELS,
-  landing: DEFAULT_LANDING_LABELS,
-  demo: DEFAULT_DEMO_LABELS,
-  billing: DEFAULT_BILLING_LABELS,
-  planChange: DEFAULT_PLAN_CHANGE_LABELS,
-  appearance: DEFAULT_APPEARANCE_LABELS,
-  deviceReset: DEFAULT_DEVICE_RESET_LABELS,
-  rowActions: DEFAULT_ROW_ACTIONS_LABELS,
-  appShellMore: DEFAULT_APP_SHELL_MORE_LABELS,
-  characterCount: DEFAULT_CHARACTER_COUNT_LABELS,
-  countrySelect: DEFAULT_COUNTRY_SELECT_LABELS,
-  inlineEdit: DEFAULT_INLINE_EDIT_LABELS,
-  ibanInput: DEFAULT_IBAN_INPUT_LABELS,
-  phoneInput: DEFAULT_PHONE_INPUT_LABELS,
-  columnMapper: DEFAULT_COLUMN_MAPPER_LABELS,
-  notifications: DEFAULT_NOTIFICATIONS_LABELS,
-  adminArea: DEFAULT_ADMIN_AREA_LABELS,
-  topBarParts: DEFAULT_TOP_BAR_PARTS_LABELS,
-  mailTestCard: DEFAULT_MAIL_TEST_CARD_LABELS,
-  signOutPending: DEFAULT_SIGN_OUT_PENDING_DIALOG_LABELS,
-  pwaUpdate: DEFAULT_PWA_UPDATE_PROMPT_LABELS,
-  sharedComputer: DEFAULT_SHARED_COMPUTER_LABELS,
-};