@ostack.tech/ui-kform 0.4.1 → 0.5.0

package/dist/types/components/Annexes/Annex.d.ts

@@ -36,6 +36,8 @@ export interface AnnexProps extends AnnexObject, Omit<ComponentPropsWithoutRef<t
      * ```
      */
     issueMessages?: Record<string, IssueMessagesByCode>;
+    /** Properties to pass to the container element. */
+    containerProps?: ComponentPropsWithRef<"div">;
     /** Properties to pass to the `ErrorBoundary` component. */
     errorBoundaryProps?: ComponentPropsWithRef<typeof ErrorBoundary>;
     children?: ReactNode;

package/dist/types/components/Annexes/Annexes.d.ts

@@ -2,7 +2,7 @@ import { AbsolutePath, Path } from '@ostack.tech/kform';
 import { Tabs } from '@ostack.tech/ui';
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
 /** Properties of the annexes component. */
-export interface AnnexesProps extends Omit<ComponentPropsWithoutRef<typeof Tabs>, "defaultValue" | "value" | "onValueChange"> {
+export interface AnnexesProps extends Omit<ComponentPropsWithoutRef<typeof Tabs>, "defaultValue" | "value" | "onValueChange" | "showAllTabsWhilePrinting"> {
     /** Base path for all declared annexes. */
     path?: string | Path;
     /**

package/dist/types/components/FormApp/FormApp.d.ts

@@ -11,9 +11,11 @@ export type IssuesDisplayMode = "inline" | "panel";
 export type FormAppProps<T = any> = Pick<ComponentPropsWithoutRef<typeof Root>, "enableErrorReporting" | "reportError" | "errorReportingUrl" | "errorReportingMethod" | "encodeErrorReport" | "encodedErrorReportMimeType" | "errorReportingOptions" | "baseDocumentTitle" | "documentTitleBaseSeparator" | "documentTitleBreadcrumbsSeparator" | "portalsContainer" | "tooltipsDelayDuration" | "tooltipsSkipDelayDuration" | "disableTooltipsHoverableContent" | "toastsLabel" | "toastsDuration" | "toastsSwipeDirection" | "toastsSwipeThreshold" | "toastViewportHotkey" | "toastViewportLabel" | "toastViewportProps" | "errorBoundaryProps"> & FormOptions<T> & Omit<ComponentPropsWithoutRef<"form">, "onSubmit" | "onReset"> & {
     /** Schema of the form. */
     schema: Schema<T> | SchemaKt;
+    /** Title of the form. */
+    formTitle?: string;
     /**
      * Label to use in the issues panel when displaying issues associated with
-     * the form app.
+     * the form app. Defaults to the `formTitle`.
      */
     issuesPanelLabel?: ReactNode;
     /** Whether to disable the whole form. */
@@ -146,9 +148,11 @@ export type FormAppApi<T = unknown> = Controller<T> & {
 export declare const FormApp: import('react').ForwardRefExoticComponent<Pick<Omit<import('@ostack.tech/ui').RootProps & import('react').RefAttributes<HTMLDivElement>, "ref">, "reportError" | "errorReportingUrl" | "errorReportingMethod" | "encodeErrorReport" | "encodedErrorReportMimeType" | "errorReportingOptions" | "baseDocumentTitle" | "enableErrorReporting" | "documentTitleBaseSeparator" | "documentTitleBreadcrumbsSeparator" | "portalsContainer" | "tooltipsDelayDuration" | "tooltipsSkipDelayDuration" | "disableTooltipsHoverableContent" | "toastsLabel" | "toastsDuration" | "toastsSwipeDirection" | "toastsSwipeThreshold" | "toastViewportHotkey" | "toastViewportLabel" | "toastViewportProps" | "errorBoundaryProps"> & Omit<import('@ostack.tech/kform-react').ControllerOptions<any, import('@ostack.tech/kform-react').FormControllerState<any>>, "formManager"> & import('@ostack.tech/kform-react').FormOwnOptions<any, unknown> & Omit<Omit<import('react').DetailedHTMLProps<import('react').FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref">, "onReset" | "onSubmit"> & {
     /** Schema of the form. */
     schema: SchemaKt | Schema<any>;
+    /** Title of the form. */
+    formTitle?: string;
     /**
      * Label to use in the issues panel when displaying issues associated with
-     * the form app.
+     * the form app. Defaults to the `formTitle`.
      */
     issuesPanelLabel?: ReactNode;
     /** Whether to disable the whole form. */

package/dist/types/components/FormApp/FormAppContext.d.ts

@@ -5,6 +5,7 @@ import { IssueMessagesByCode, IssueMessageValue } from '../IssueMessages';
 import { IssuesDisplayMode } from './FormApp.tsx';
 /** Value of the form app context. */
 export interface FormAppContextValue<T = unknown> {
+    formTitle?: string;
     disabled: boolean;
     readOnly: boolean;
     issuesDisplayMode: IssuesDisplayMode;
@@ -71,7 +72,8 @@ export interface UseCreateFormAppContextOptions<T> extends Omit<FormAppContextVa
     onPathFocus?: (path: AbsolutePath) => void;
 }
 /** Hook which creates the form app context. */
-export declare function useCreateFormAppContext<T>({ controller, disabled, readOnly, issuesDisplayMode, displayIssueCodes, formAppElement, onPathFocus, }: UseCreateFormAppContextOptions<T>): {
+export declare function useCreateFormAppContext<T>({ formTitle, controller, disabled, readOnly, issuesDisplayMode, displayIssueCodes, formAppElement, onPathFocus, }: UseCreateFormAppContextOptions<T>): {
+    formTitle: string | undefined;
     disabled: boolean;
     readOnly: boolean;
     issuesDisplayMode: IssuesDisplayMode;
@@ -89,6 +91,8 @@ export declare function useCreateFormAppContext<T>({ controller, disabled, readO
 };
 /** Returns the context of the form app. */
 export declare function useFormAppContext<T = unknown>(): FormAppContextValue<T>;
+/** Returns the title of the form, if provided to the `FormApp` component. */
+export declare function useFormTitle(): string | undefined;
 /** Returns a boolean representing whether the form is disabled. */
 export declare function useFormIsDisabled(): boolean;
 /** Returns a boolean representing whether the form is read-only. */

package/dist/types/components/FormApp/index.d.ts

@@ -1,4 +1,4 @@
 export * from './FormApp.tsx';
-export { useActiveIssuesPanelBreadcrumb, useDisplayIssueCodesInIssueMessages, useFocus, useFormAppElement, useFormIsDisabled, useFormIsReadOnly, useIsRegistered, useIssuesDisplayMode, useOnPathFocus, useRegisterController, useRegisteredIssueMessage, useRegisterIssueMessages, useRegisterLabel, useSetBottomPanelHeight, useSetLeftSidebarWidth, useSetTopBarHeight, useStartIssuesNavigation, } from './FormAppContext.ts';
+export { useActiveIssuesPanelBreadcrumb, useDisplayIssueCodesInIssueMessages, useFocus, useFormAppElement, useFormIsDisabled, useFormIsReadOnly, useFormTitle, useIsRegistered, useIssuesDisplayMode, useOnPathFocus, useRegisterController, useRegisteredIssueMessage, useRegisterIssueMessages, useRegisterLabel, useSetBottomPanelHeight, useSetLeftSidebarWidth, useSetTopBarHeight, useStartIssuesNavigation, } from './FormAppContext.ts';
 export * from './FormAppIssueMessages.tsx';
 export * from './FormAppStatus.tsx';

package/dist/types/components/LoadAction/LoadAction.d.ts

@@ -19,4 +19,4 @@ export interface LoadActionProps<T = unknown> extends Omit<ButtonProps, "childre
     keybinds?: string | string[] | null;
 }
 /** Action used to load a form from a file. */
-export declare function LoadAction<T = unknown>({ label, keybinds, loading, disabled, onClick, decode, path, extensions, mimeTypes, description, startIn, id, setPristineOnLoad, validateOnLoad, successMessage, errorMessage, ...otherProps }: LoadActionProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function LoadAction<T = unknown>({ label, keybinds, loading, enabledWhenLoading, disabled, onClick, decode, path, extensions, mimeTypes, description, startIn, id, setPristineOnLoad, validateOnLoad, successMessage, errorMessage, ...otherProps }: LoadActionProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/PrintAction/PrintAction.d.ts

@@ -0,0 +1,40 @@
+import { ButtonProps } from '@ostack.tech/ui';
+import { ReactNode } from 'react';
+/** Properties of the print action. */
+export interface PrintActionProps extends Omit<ButtonProps, "children"> {
+    /** Action's label. */
+    label?: ReactNode;
+    /**
+     * Keybinds for triggering the action. Set to `null` to disable the keyboard
+     * shortcut.
+     *
+     * Keyboard handling is built on top of the
+     * [`tinykeys`](https://jamiebuilds.github.io/tinykeys) library. For
+     * information on keybinding syntax, read the [`tinykeys`
+     * documentation](https://github.com/jamiebuilds/tinykeys).
+     *
+     * Defaults to the keybinds defined by the current locale.
+     */
+    keybinds?: string | string[] | null;
+}
+/**
+ * Action used to print the form application. Requires the `<FormApp>` component
+ * to be wrapped in a `<Printer>` component, and for the `<PrinterContent>` to
+ * wrap all annexes/pages/form controls.
+ *
+ * This typically looks something like:
+ *
+ * ```tsx
+ * <Printer>
+ *   <FormApp>
+ *     <TopBar>
+ *       …
+ *       <PrintAction />…
+ *     </TopBar>
+ *
+ *     <PrinterContent>…</PrinterContent>
+ *   </FormApp>
+ * </Printer>;
+ * ```
+ */
+export declare function PrintAction({ label, keybinds, disabled, loading, enabledWhenLoading, onClick, ...otherProps }: PrintActionProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/PrintAction/index.d.ts

@@ -0,0 +1 @@
+export * from './PrintAction.tsx';

package/dist/types/components/SaveAction/SaveAction.d.ts

@@ -48,4 +48,4 @@ export interface SaveActionProps<T = unknown> extends Omit<ButtonProps, "childre
     dropdownMenuProps?: ComponentPropsWithRef<typeof DropdownMenuContent>;
 }
 /** Action used to save the form to a file. */
-export declare function SaveAction<T = unknown>({ label, keybinds, disableOverwrite, saveOptionsLabel, saveAsLabel, saveAsKeybinds, loading, disabled, onClick, variant, color, path, encode, fileName, extensions, description, mimeTypes, startIn, excludeAcceptAllOption, id, successMessage, errorMessage, saveOptionsProps, dropdownMenuProps, ...otherProps }: SaveActionProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function SaveAction<T = unknown>({ label, keybinds, disableOverwrite, saveOptionsLabel, saveAsLabel, saveAsKeybinds, loading, enabledWhenLoading, disabled, onClick, variant, color, path, encode, fileName, extensions, description, mimeTypes, startIn, excludeAcceptAllOption, id, successMessage, errorMessage, saveOptionsProps, dropdownMenuProps, ...otherProps }: SaveActionProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/SubmitAction/SubmitAction.d.ts

@@ -93,4 +93,4 @@ export interface SubmitActionProps<T = unknown, TSubmitResult = unknown> extends
     confirmWarningsCheckboxProps?: Omit<ComponentPropsWithRef<typeof Checkbox>, "checked" | "onCheckedChange" | "children">;
 }
 /** Action used to submit the form. */
-export declare function SubmitAction<T = unknown, TSubmitResult = unknown>({ onSubmit, onInvalidSubmit, onSuccessfulSubmit, onFailedSubmit, setTouchedOnSubmit, validateOnSubmit, setPristineOnSuccessfulSubmit, convertExternalIssuesTableRowIndicesToIds, label, keybinds, confirmWarnings, loading, disabled, onClick, dialogTitle, dialogDescription, dialogBody, confirmWarningsCheckboxLabel, dialogOkText, dialogCancelText, successMessage, errorMessage, dialogContentProps, dialogHeaderProps, dialogTitleProps, dialogBodyProps, dialogDescriptionProps, dialogFooterProps, dialogOkButtonProps, dialogCancelButtonProps, confirmWarningsAlertProps, confirmWarningsCheckboxProps, ...otherProps }: SubmitActionProps<T, TSubmitResult>): import("react/jsx-runtime").JSX.Element;
+export declare function SubmitAction<T = unknown, TSubmitResult = unknown>({ onSubmit, onInvalidSubmit, onSuccessfulSubmit, onFailedSubmit, setTouchedOnSubmit, validateOnSubmit, setPristineOnSuccessfulSubmit, convertExternalIssuesTableRowIndicesToIds, label, keybinds, confirmWarnings, loading, enabledWhenLoading, disabled, onClick, dialogTitle, dialogDescription, dialogBody, confirmWarningsCheckboxLabel, dialogOkText, dialogCancelText, successMessage, errorMessage, dialogContentProps, dialogHeaderProps, dialogTitleProps, dialogBodyProps, dialogDescriptionProps, dialogFooterProps, dialogOkButtonProps, dialogCancelButtonProps, confirmWarningsAlertProps, confirmWarningsCheckboxProps, ...otherProps }: SubmitActionProps<T, TSubmitResult>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/TableControl/TableControl.d.ts

@@ -6,7 +6,7 @@ import { IssueMessages, IssueMessagesByCode } from '../IssueMessages';
 import { TableControlApi } from './TableControlApi.ts';
 import { TableControlColumn, TableControlColumns } from './TableControlColumn.tsx';
 /** Properties of the table control component. */
-export interface TableControlProps<T = unknown, TTable extends Table<T> | null = Table<T> | null> extends Omit<ComponentPropsWithoutRef<typeof DataTable>, "columns" | "rows" | "getRows" | "rowKey" | "loading" | "defaultFilter" | "filter" | "onFilterChange" | "defaultSortBy" | "sortBy" | "defaultSortDirection" | "sortDirection" | "onSort" | "showSelectionColumn" | "defaultSelectedRows" | "selectedRows" | "onSelectedRowsChange" | "apiRef">, Omit<ControllerOptions<TTable>, "enabled"> {
+export interface TableControlProps<T = unknown, TTable extends Table<T> | null = Table<T> | null> extends Omit<ComponentPropsWithoutRef<typeof DataTable>, "columns" | "rows" | "getRows" | "rowKey" | "loading" | "defaultFilter" | "filter" | "onFilterChange" | "defaultSortBy" | "sortBy" | "defaultSortDirection" | "sortDirection" | "onSort" | "showSelectionColumn" | "defaultSelectedRows" | "selectedRows" | "onSelectedRowsChange" | "showAllRowsWhilePrinting" | "apiRef">, Omit<ControllerOptions<TTable>, "enabled"> {
     /** Control's path. */
     path?: string | Path;
     /**

package/dist/types/components/TableControl/TableControlAddRowTrigger.d.ts

@@ -15,6 +15,12 @@ export interface TableControlAddRowTriggerProps extends ComponentPropsWithoutRef
      * @default false
      */
     showWhenReadOnly?: boolean;
+    /**
+     * Whether to show the trigger when it is being printed.
+     *
+     * @default false
+     */
+    showWhilePrinting?: boolean;
 }
 /**
  * Trigger used to add a new row to a table control.

package/dist/types/components/TableControl/TableControlColumn.d.ts

@@ -10,6 +10,8 @@ export interface TableControlStatus {
     disabled: boolean;
     /** Whether the table control is read-only. */
     readOnly: boolean;
+    /** Whether the table is being printed. */
+    printing: boolean;
 }
 /** Controller of a table row. */
 export type TableControlRowController<T = unknown> = Controller<T> & {
@@ -38,7 +40,7 @@ export declare function tableControlIndexColumn<T = unknown, TValue = any>(overr
  * Its configuration can be overriden to show other actions, for example, an
  * edit button:
  *
- * ```typescript
+ * ```tsx
  * tableControlActionsColumn({
  *   width: 100,
  *   render: () => (

package/dist/types/components/ValidateAction/ValidateAction.d.ts

@@ -18,4 +18,4 @@ export interface ValidateActionProps extends Omit<ButtonProps, "children"> {
     keybinds?: string | string[] | null;
 }
 /** Action used to validate the form. */
-export declare function ValidateAction({ label, keybinds, loading, disabled, onClick, ...otherProps }: ValidateActionProps): import("react/jsx-runtime").JSX.Element;
+export declare function ValidateAction({ label, keybinds, loading, enabledWhenLoading, disabled, onClick, ...otherProps }: ValidateActionProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/index.d.ts

@@ -16,6 +16,7 @@ export * from './components/IssuesPopover';
 export * from './components/LoadAction';
 export * from './components/NumericControl';
 export * from './components/PathLink';
+export * from './components/PrintAction';
 export * from './components/RadioGroupControl';
 export * from './components/SaveAction';
 export * from './components/SelectControl';

package/dist/types/providers/LocalizationProvider/LocalizationObject.d.ts

@@ -8,6 +8,7 @@ import { IssueMessagesProps } from '../../components/IssueMessages';
 import { IssuesPanelProps } from '../../components/IssuesPanel';
 import { IssuesPopoverProps } from '../../components/IssuesPopover';
 import { LoadActionProps } from '../../components/LoadAction';
+import { PrintActionProps } from '../../components/PrintAction';
 import { SaveActionProps } from '../../components/SaveAction';
 import { SubmitActionProps } from '../../components/SubmitAction';
 import { TableControlAddRowTriggerProps, TableControlRemoveRowTriggerProps } from '../../components/TableControl';
@@ -18,7 +19,7 @@ export interface LocalizationObject {
     AnnexesManager: Pick<AnnexesManagerProps, "aria-label" | "menuButtonText" | "addAnnexText" | "removeAnnexButtonLabel" | "removeAnnexKeyboardHint" | "removeAnnexConfirmDialogTitle" | "removeAnnexConfirmDialogMessage" | "removeAnnexConfirmDialogOkText" | "removeAnnexConfirmDialogCancelText">;
     DateRangeControl: Pick<DateRangeControlProps, "issuesPanelStartLabelSuffix" | "issuesPanelEndLabelSuffix">;
     FileControl: Pick<FileControlProps, "viewFileButtonLabel" | "downloadFileButtonLabel" | "fallbackText">;
-    FormApp: Pick<FormAppProps, "issuesPanelLabel" | "issueMessages" | "confirmUnloadMessage">;
+    FormApp: Pick<FormAppProps, "formTitle" | "issuesPanelLabel" | "issueMessages" | "confirmUnloadMessage">;
     FormPage: Pick<FormPageProps, "helperButtonLabel">;
     FormPagesNavigation: Pick<FormPagesNavigationProps, "aria-label">;
     IssueMessages: Pick<IssueMessagesProps, "unknownErrorMessage" | "unknownWarningMessage">;
@@ -26,6 +27,7 @@ export interface LocalizationObject {
     IssuesPopover: Pick<IssuesPopoverProps, "label">;
     LoadAction: Pick<LoadActionProps, "label" | "keybinds" | "successMessage" | "errorMessage">;
     SaveAction: Pick<SaveActionProps, "label" | "keybinds" | "saveOptionsLabel" | "saveAsLabel" | "saveAsKeybinds" | "successMessage" | "errorMessage">;
+    PrintAction: Pick<PrintActionProps, "label" | "keybinds">;
     SubmitAction: Pick<SubmitActionProps, "label" | "keybinds" | "dialogTitle" | "dialogDescription" | "dialogBody" | "dialogOkText" | "dialogCancelText" | "confirmWarningsCheckboxLabel" | "successMessage" | "errorMessage">;
     TableControlAddRowTrigger: Pick<TableControlAddRowTriggerProps, "defaultButtonText">;
     TableControlRemoveRowTrigger: Pick<TableControlRemoveRowTriggerProps, "defaultButtonLabel" | "confirmDialogTitle" | "confirmDialogMessage" | "confirmDialogOkText" | "confirmDialogCancelText">;

package/dist/types/utils/useFormSaver.d.ts

@@ -39,11 +39,27 @@ export interface FormSaverOptions<T = unknown> {
      * before invoking the save.
      */
     fileName?: string | ((formValue: T) => string | PromiseLike<string>);
-    /** Acceptable file extensions. */
+    /**
+     * Acceptable file extensions. Extensions should include the leading dot.
+     *
+     * _E.g._ `[".json", ".txt"]`
+     *
+     * @default [""]
+     */
     extensions?: string[];
-    /** Acceptable MIME types. */
+    /**
+     * Acceptable MIME types.
+     *
+     * _E.g._ `["application/json", "text/plain"]`
+     *
+     * @default [ ]
+     */
     mimeTypes?: string[];
-    /** Suggested file description. */
+    /**
+     * Suggested file description.
+     *
+     * @default ""
+     */
     description?: string;
     /** Directory to present when starting to save. */
     startIn?: WellKnownDirectory | FileSystemHandle;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ostack.tech/ui-kform",
   "description": "Integration of ostack/UI with ostack/KForm.",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "homepage": "https://ui.ostack.tech/",
   "author": {
     "name": "Opensoft",
@@ -52,12 +52,13 @@
     "@fortawesome/free-solid-svg-icons": "^6.2.0 || ^7.0.0",
     "@ostack.tech/kform": "~0.31.0",
     "@ostack.tech/kform-react": "~0.31.0",
-    "@ostack.tech/ui": "~0.4.1",
+    "@ostack.tech/ui": "~0.5.0",
     "@types/react": "^18.0.0 || ^19.0.0",
     "@types/react-dom": "^18.0.0 || ^19.0.0",
     "date-fns": "^4.1.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
+    "react-to-print": "^3.0.0",
     "zustand": "^5.0.0"
   },
   "peerDependenciesMeta": {

package/scss/components/Annexes/_Annexes.scss

@@ -224,6 +224,10 @@
       );
   }
 
+  &__annex-container {
+    break-before: page;
+  }
+
   &__annex {
     min-height: calc(
       var(--#{$prefix}form-app-min-height) - var(
@@ -231,4 +235,20 @@
         ) - var(--#{$prefix}bottom-panel-height)
     );
   }
+
+  &__annex-label {
+    display: flex;
+    align-items: baseline;
+
+    .#{$prefix}annexes__tab-title {
+      font-size: var(--#{ostack-ui.$prefix}font-size-md);
+    }
+    .#{$prefix}annexes__tab-subtitle {
+      &:not(:first-child)::before {
+        content: "\00a0—\00a0";
+      }
+
+      font-size: var(--#{ostack-ui.$prefix}font-size-sm);
+    }
+  }
 }

package/scss/components/FormPages/_FormPages.scss

@@ -10,6 +10,10 @@
   justify-content: stretch;
   height: 100%;
 
+  @media print {
+    flex-direction: column;
+  }
+
   // Sidebar layout
   &__navigation[data-navigation-mode="sidebar"] {
     flex-shrink: 0;
@@ -167,6 +171,10 @@
         )
     );
     background-color: var(--#{ostack-ui.$prefix}background-color);
+
+    @media print {
+      min-height: 0;
+    }
   }
 
   &__page-header {
@@ -241,6 +249,7 @@
     font-size: ostack-ui.$font-size-md;
     line-height: ostack-ui.$line-height-md;
     font-weight: ostack-ui.$font-weight-bold;
+    break-after: avoid;
 
     &:not(:last-child) {
       margin-right: ostack-ui.spacing(4);
@@ -280,7 +289,7 @@
 
     @include ostack-ui.media-breakpoint-up(sm) {
       padding-bottom: calc(
-        var(--#{$prefix}bottom-panel-height) + ostack-ui.spacing(4)
+        var(--#{$prefix}bottom-panel-height, 0px) + ostack-ui.spacing(4)
       );
       margin-bottom: calc(var(--#{$prefix}bottom-panel-height) * -1);
     }

package/dist/chunks/en-DlhP9NuN.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"en-DlhP9NuN.js","sources":["../../src/locales/en.tsx"],"sourcesContent":["import type { LocalizationObject } from \"../providers/LocalizationProvider\";\n\n/** `en` locale (partial). */\nexport const en: Omit<LocalizationObject, \"languageTag\" | \"baseLocale\"> = {\n  AnnexesManager: {\n    \"aria-label\": \"Form annexes\",\n    menuButtonText: \"Annexes\",\n    addAnnexText: \"Add annex\",\n    removeAnnexButtonLabel: \"Remove annex\",\n    removeAnnexKeyboardHint: \"Press the “Delete” key to remove the annex\",\n    removeAnnexConfirmDialogTitle: \"Remove annex\",\n    removeAnnexConfirmDialogMessage: (annexName) => (\n      <>Are you sure you want to remove annex {annexName}?</>\n    ),\n    removeAnnexConfirmDialogOkText: \"Remove\",\n  },\n  DateRangeControl: {\n    issuesPanelStartLabelSuffix: \" (start date)\",\n    issuesPanelEndLabelSuffix: \" (end date)\",\n  },\n  FileControl: {\n    viewFileButtonLabel: \"View file\",\n    downloadFileButtonLabel: \"Download file\",\n    fallbackText: (\n      <>\n        The selected file cannot be viewed in this browser.\n        <br />\n        Please use the button above to download the file. You can then open it\n        using an external application.\n      </>\n    ),\n  },\n  FormApp: {\n    issuesPanelLabel: \"Form\",\n    issueMessages: {\n      \"/**\": {\n        valueMissing: \"Field is required.\",\n        valueDisallowed: \"Indicated value is not allowed.\",\n        rangeUnderflow: \"Value is under the minimum allowed.\",\n        rangeOverflow: \"Value exceeds the maximum allowed.\",\n        lengthMismatch: (_data, { typeInfo: { name, restrictions } }) =>\n          name === \"String\" &&\n          typeof restrictions.minLength === \"number\" &&\n          restrictions.minLength === restrictions.maxLength\n            ? `Value must have ${restrictions.minLength} character${\n                restrictions.minLength === 1 ? \"\" : \"s\"\n              }.`\n            : \"Value has an invalid length.\",\n        tooShort: (_data, { typeInfo: { name, restrictions } }) =>\n          name === \"String\" && typeof restrictions.minLength === \"number\"\n            ? `Value must not have under ${restrictions.minLength} character${\n                restrictions.minLength === 1 ? \"\" : \"s\"\n              }.`\n            : \"Value is too short.\",\n        tooLong: (_data, { typeInfo: { name, restrictions } }) =>\n          name === \"String\" && typeof restrictions.maxLength === \"number\"\n            ? `Value must not have over ${restrictions.maxLength} character${\n                restrictions.maxLength === 1 ? \"\" : \"s\"\n              }.`\n            : \"Value is too long.\",\n        sizeMismatch: (_data, { typeInfo: { restrictions } }) =>\n          typeof restrictions.minSize === \"number\" &&\n          restrictions.minSize === restrictions.maxSize\n            ? `Field must have ${restrictions.minSize} item${\n                restrictions.minSize === 1 ? \"\" : \"s\"\n              }.`\n            : \"Field has an invalid number of items.\",\n        tooSmall: (_data, { typeInfo: { restrictions } }) =>\n          typeof restrictions.minLength === \"number\"\n            ? `Field must not have under ${restrictions.minLength} item${\n                restrictions.minLength === 1 ? \"\" : \"s\"\n              }.`\n            : \"Field does not have enough items.\",\n        tooLarge: (_data, { typeInfo: { restrictions } }) =>\n          typeof restrictions.maxLength === \"number\"\n            ? `Field must not have over ${restrictions.maxLength} item${\n                restrictions.maxLength === 1 ? \"\" : \"s\"\n              }.`\n            : \"Number of items of field exceeds allowed limit.\",\n        scaleMismatch: (_data, { typeInfo: { restrictions } }) =>\n          typeof restrictions.scale === \"number\"\n            ? `Value must have ${restrictions.scale} decimal place${\n                restrictions.scale === 1 ? \"\" : \"s\"\n              }.`\n            : \"Value has invalid number of decimal places.\",\n        patternMismatch: \"Value does not follow required pattern.\",\n        emailPatternMismatch: \"Invalid email address.\",\n        fileTypeMismatch: (_data, { typeInfo: { restrictions } }) =>\n          Array.isArray(restrictions.acceptedFileTypes)\n            ? `Only the following file types are allowed: ${restrictions.acceptedFileTypes.join(\", \")}.`\n            : \"Indicated file’s type is not allowed.\",\n        itemsRepeated: ({ firstIndex, secondIndex }) =>\n          firstIndex != null && secondIndex != null\n            ? `Items ${+firstIndex + 1} and ${+secondIndex + 1} are repeated.`\n            : \"Field contains repeated items.\",\n        computedValueMismatch: \"Value differs from the computed value.\",\n        validationFailed: (data) =>\n          process.env.NODE_ENV !== \"production\"\n            ? data.exception\n            : \"Something went wrong validating this field. \" +\n              \"Please try again later.\",\n      },\n    },\n    confirmUnloadMessage:\n      \"Are you sure you want to leave the page? \" +\n      \"Changes you made to the form may not have been saved.\",\n  },\n  FormPagesNavigation: {\n    \"aria-label\": \"Form pages\",\n  },\n  FormPage: {\n    helperButtonLabel: \"Show help\",\n  },\n  IssueMessages: {\n    unknownErrorMessage: \"Field with unknown error.\",\n    unknownWarningMessage: \"Field with unknown warning.\",\n  },\n  IssuesPanel: {\n    errorsLabel: (errors) =>\n      errors === undefined ? (\n        \"Errors\"\n      ) : (\n        <>\n          {errors}&nbsp;{errors === 1 ? \"Error\" : \"Errors\"}\n        </>\n      ),\n    warningsLabel: (warnings) =>\n      warnings === undefined ? (\n        \"Warnings\"\n      ) : (\n        <>\n          {warnings}&nbsp;{warnings === 1 ? \"Warning\" : \"Warnings\"}\n        </>\n      ),\n    focusButtonLabel: \"Focus field\",\n    previousIssueButtonLabel: \"Previous field with issues\",\n    nextIssueButtonLabel: \"Next field with issues\",\n    firstIssueButtonLabel: \"First field with issues\",\n    lastIssueButtonLabel: \"Last field with issues\",\n    paginationLabel: (currentPage, totalPages) =>\n      `Field with issues ${currentPage} of ${totalPages}.`,\n    noIssuesMessage: \"No issues to report.\",\n    resolvedTitle: \"Resolved\",\n    resolvedMessage:\n      \"Issues have been resolved. \" +\n      \"Please advance to the next field with issues.\",\n  },\n  IssuesPopover: {\n    label: \"Show issues\",\n  },\n  LoadAction: {\n    label: \"Load\",\n    keybinds: \"$mod+O\",\n    successMessage: (file) => `File “${file.name}” loaded successfully.`,\n    errorMessage: (file) =>\n      file\n        ? `Unable to load file “${file.name}”. ` +\n          \"Please confirm that the indicated file is a valid file of the form.\"\n        : \"Unable to load the indicated file. Please confirm that you have \" +\n          \"the appropriate permissions to perform the operation.\",\n  },\n  SaveAction: {\n    label: \"Save\",\n    keybinds: \"$mod+S\",\n    saveOptionsLabel: \"Save options\",\n    saveAsLabel: \"Save as…\",\n    saveAsKeybinds: \"$mod+Shift+S\",\n    successMessage: (fileHandle) =>\n      `File “${fileHandle.name}” saved successfully.`,\n    errorMessage: (fileHandle) =>\n      fileHandle\n        ? `Unable to save file “${fileHandle.name}”. ` +\n          \"Please confirm that you have the appropriate permissions to \" +\n          \"perform the operation.\"\n        : \"Unable to save the indicated file. Please confirm that you have \" +\n          \"the appropriate permissions to perform the operation.\",\n  },\n  SubmitAction: {\n    label: \"Submit\",\n    keybinds: \"$mod+Enter\",\n    dialogTitle: \"Submit form\",\n    dialogDescription:\n      \"Please confirm that you wish to proceed with the form submission.\",\n    dialogCancelText: \"Cancel\",\n    confirmWarningsCheckboxLabel:\n      \"I declare that I have been informed of the warnings generated by the \" +\n      \"data in this form and that I wish to proceed without changing said \" +\n      \"data.\",\n    successMessage: \"Form submitted successfully.\",\n    errorMessage:\n      \"Something went wrong while submitting the form. Please try again later.\",\n  },\n  TableControlAddRowTrigger: {\n    defaultButtonText: \"Add row\",\n  },\n  TableControlRemoveRowTrigger: {\n    defaultButtonLabel: \"Remove row\",\n    confirmDialogTitle: \"Remove row\",\n    confirmDialogMessage: (index) => (\n      <>Are you sure you want to remove line #{index + 1}?</>\n    ),\n    confirmDialogOkText: \"Remove\",\n  },\n  ValidateAction: {\n    label: \"Validate\",\n    keybinds: \"F7\",\n  },\n};\n"],"names":[],"mappings":"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"}