@ostack.tech/ui-kform 0.8.2 → 0.9.1

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

@@ -51,7 +51,7 @@ export interface AnnexesActions {
     updateActiveAnnex: (oldActiveAnnexIndex: number) => void;
     registerAnnexState: (path: AbsolutePath, state: AnnexState) => void;
     registerRepetitiveAnnexState: (path: AbsolutePath, state: RepetitiveAnnexState) => void;
-    addAnnex: (path: AbsolutePath, toAdd: unknown) => Promise<void>;
+    addAnnex: (path: AbsolutePath, toAdd: unknown) => Promise<AbsolutePath>;
     removeAnnex: (path: AbsolutePath, isRepetitive: boolean) => Promise<void>;
 }
 /** Annexes' store. */

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

@@ -4,8 +4,12 @@ import { ComponentPropsWithoutRef, ComponentPropsWithRef, ReactNode } from 'reac
 export interface AnnexesManagerProps extends ComponentPropsWithoutRef<"nav"> {
     /** Text of the menu button. */
     menuButtonText?: ReactNode;
+    /** Accessible label of the menu button. */
+    menuButtonLabel?: string;
     /** Text of the "add annex" item. */
     addAnnexText?: ReactNode;
+    /** Message read to assistive technologies when an annex is successfully added. */
+    addAnnexSuccessMessage?: (annexName: ReactNode) => ReactNode;
     /** Label of the remove annex button, announced by assistive technologies. */
     removeAnnexButtonLabel?: string;
     /**

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

@@ -2,9 +2,9 @@ import { Button, DropdownMenu, DropdownMenuContent } from '@ostack.tech/ui';
 import { ComponentPropsWithoutRef, ComponentPropsWithRef } from 'react';
 import { AnnexesManager } from './AnnexesManager.tsx';
 /** Properties of the annexes' menu. */
-export interface AnnexesMenuProps extends Pick<ComponentPropsWithoutRef<typeof AnnexesManager>, "menuButtonText" | "addAnnexText" | "removeAnnexButtonLabel" | "removeAnnexKeyboardHint" | "removeAnnexConfirmDialogTitle" | "removeAnnexConfirmDialogMessage" | "removeAnnexConfirmDialogOkText" | "removeAnnexConfirmDialogCancelText">, ComponentPropsWithoutRef<typeof DropdownMenu> {
+export interface AnnexesMenuProps extends Pick<ComponentPropsWithoutRef<typeof AnnexesManager>, "menuButtonText" | "menuButtonLabel" | "addAnnexText" | "removeAnnexButtonLabel" | "removeAnnexKeyboardHint" | "removeAnnexConfirmDialogTitle" | "removeAnnexConfirmDialogMessage" | "removeAnnexConfirmDialogOkText" | "removeAnnexConfirmDialogCancelText">, ComponentPropsWithoutRef<typeof DropdownMenu> {
     menuTriggerProps?: Omit<ComponentPropsWithRef<typeof Button<"button">>, "icon">;
     menuContentProps?: ComponentPropsWithRef<typeof DropdownMenuContent>;
 }
 /** Component that allows to navigate between, add, and remove annexes. */
-export declare function AnnexesMenu({ menuButtonText, addAnnexText, removeAnnexButtonLabel, removeAnnexKeyboardHint, removeAnnexConfirmDialogTitle, removeAnnexConfirmDialogMessage, removeAnnexConfirmDialogOkText, removeAnnexConfirmDialogCancelText, defaultOpen, open: controlledOpen, onOpenChange, menuTriggerProps, menuContentProps, ...otherProps }: AnnexesMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function AnnexesMenu({ menuButtonText, menuButtonLabel, addAnnexText, removeAnnexButtonLabel, removeAnnexKeyboardHint, removeAnnexConfirmDialogTitle, removeAnnexConfirmDialogMessage, removeAnnexConfirmDialogOkText, removeAnnexConfirmDialogCancelText, defaultOpen, open: controlledOpen, onOpenChange, menuTriggerProps, menuContentProps, ...otherProps }: AnnexesMenuProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/FormPages/FormPage.d.ts

@@ -4,7 +4,7 @@ import { IssueMessages, IssueMessagesByCode } from '../IssueMessages';
 import { IssuesPopover } from '../IssuesPopover';
 import { FormPageObject } from './FormPages.tsx';
 /** Properties of the form page component. */
-export interface FormPageProps extends FormPageObject, Omit<ComponentPropsWithoutRef<"div">, "title" | "children"> {
+export interface FormPageProps extends FormPageObject, Omit<ComponentPropsWithoutRef<"section">, "title" | "children"> {
     /** Sets the form page as disabled. */
     disabled?: boolean;
     /** Sets the form page as read-only. */
@@ -50,6 +50,11 @@ export interface FormPageProps extends FormPageObject, Omit<ComponentPropsWithou
     headerProps?: ComponentPropsWithRef<"div">;
     /** Label of the helper button announced to assistive technologies. */
     helperButtonLabel?: string;
+    /**
+     * Visually hidden prefix added to the form page code announced to assistive
+     * technologies.
+     */
+    visuallyHiddenCodePrefix?: ReactNode;
     /** Properties to pass to the code element. */
     codeProps?: ComponentPropsWithRef<"div">;
     /** Properties to pass to the title element. */
@@ -78,4 +83,4 @@ export interface FormPageProps extends FormPageObject, Omit<ComponentPropsWithou
     children?: ReactNode;
 }
 /** Form page component. */
-export declare const FormPage: import('react').ForwardRefExoticComponent<FormPageProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const FormPage: import('react').ForwardRefExoticComponent<FormPageProps & import('react').RefAttributes<HTMLElement>>;

package/dist/types/components/FormPages/FormPagesContext.d.ts

@@ -16,6 +16,7 @@ export interface FormPageState {
     title?: ReactNode;
     documentTitle?: string | null;
     code?: ReactNode;
+    visuallyHiddenCodePrefix?: ReactNode;
 }
 /** State of the form pages. */
 export interface FormPagesState {

package/dist/types/components/FormPages/FormPagesSidebar.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef } from 'react';
 /** Properties of the form pages sidebar component. */
-export interface FormPagesSidebarProps extends ComponentPropsWithoutRef<"aside"> {
+export interface FormPagesSidebarProps extends ComponentPropsWithoutRef<"div"> {
 }
 /** Sidebar component allowing the navigation between form pages. */
-export declare const FormPagesSidebar: import('react').ForwardRefExoticComponent<FormPagesSidebarProps & import('react').RefAttributes<HTMLElement>>;
+export declare const FormPagesSidebar: import('react').ForwardRefExoticComponent<FormPagesSidebarProps & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -3,6 +3,8 @@ import { ComponentPropsWithRef, ReactNode } from 'react';
 /** Properties of the issue message component. */
 export interface IssueMessageProps {
     displayIssueCode?: boolean;
+    visuallyHiddenErrorCodePrefix?: ReactNode;
+    visuallyHiddenWarningCodePrefix?: ReactNode;
     unknownErrorMessage?: ReactNode;
     unknownWarningMessage?: ReactNode;
     path: AbsolutePath;
@@ -11,4 +13,4 @@ export interface IssueMessageProps {
     issueCodeProps?: ComponentPropsWithRef<"span">;
 }
 /** Single issue message within the issue messages or issues panel components. */
-export declare function IssueMessage({ path, issue, schema, displayIssueCode, unknownErrorMessage, unknownWarningMessage, issueCodeProps, }: IssueMessageProps): import("react/jsx-runtime").JSX.Element;
+export declare function IssueMessage({ path, issue, schema, displayIssueCode, visuallyHiddenErrorCodePrefix, visuallyHiddenWarningCodePrefix, unknownErrorMessage, unknownWarningMessage, issueCodeProps, }: IssueMessageProps): import("react/jsx-runtime").JSX.Element;

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

@@ -23,6 +23,10 @@ export interface IssueMessagesProps extends ComponentPropsWithoutRef<typeof Feed
      * of the `FormApp`.
      */
     displayIssueCodes?: boolean;
+    /** Accessible prefix for error codes when `displayIssueCodes` is set. */
+    visuallyHiddenErrorCodePrefix?: ReactNode;
+    /** Accessible prefix for warning codes when `displayIssueCodes` is set. */
+    visuallyHiddenWarningCodePrefix?: ReactNode;
     /**
      * Message to show for an error that does not have an associated message.
      *

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

@@ -1,6 +1,16 @@
 import { IssuesTrackerOptions } from '@ostack.tech/kform-react';
 import { Card, CardBody, CardHeader, CardTitle, CloseButton, Icon, IconButton, Spinner } from '@ostack.tech/ui';
 import { ComponentPropsWithoutRef, ComponentPropsWithRef, ReactNode } from 'react';
+/** Default “focus” keybinds. */
+export declare const DEFAULT_FOCUS_KEYBINDS = "Alt+Shift+F";
+/** Default “previous issue” keybinds. */
+export declare const DEFAULT_PREVIOUS_ISSUE_KEYBINDS = "Alt+Shift+ArrowLeft";
+/** Default “next issue” keybinds. */
+export declare const DEFAULT_NEXT_ISSUE_KEYBINDS = "Alt+Shift+ArrowRight";
+/** Default “first issue” keybinds. */
+export declare const DEFAULT_FIRST_ISSUE_KEYBINDS = "Alt+Shift+Home";
+/** Default “last issue” keybinds. */
+export declare const DEFAULT_LAST_ISSUE_KEYBINDS = "Alt+Shift+End";
 /** Properties of the issues navigation component. */
 export interface IssuesPanelProps extends Pick<IssuesTrackerOptions, "issuesOrderCompareFn">, Omit<ComponentPropsWithoutRef<typeof Card>, "children" | "variant" | "color"> {
     /** Default open state of the issues navigation panel. */
@@ -51,14 +61,24 @@ export interface IssuesPanelProps extends Pick<IssuesTrackerOptions, "issuesOrde
     warningsLabel?: (warnings?: number) => ReactNode;
     /** Label of the focus button. */
     focusButtonLabel?: string;
+    /** Keybinds to trigger the "focus" button. */
+    focusKeybinds?: string | string[] | null;
     /** Label of the "previous issue" button. */
     previousIssueButtonLabel?: string;
+    /** Keybinds to trigger the "previous issue" button. */
+    previousIssueKeybinds?: string | string[] | null;
     /** Label of the "next issue" button. */
     nextIssueButtonLabel?: string;
+    /** Keybinds to trigger the "next issue" button. */
+    nextIssueKeybinds?: string | string[] | null;
     /** Label of the "first issue" button. */
     firstIssueButtonLabel?: string;
+    /** Keybinds to trigger the "first issue" button. */
+    firstIssueKeybinds?: string | string[] | null;
     /** Label of the "last issue" button. */
     lastIssueButtonLabel?: string;
+    /** Keybinds to trigger the "last issue" button. */
+    lastIssueKeybinds?: string | string[] | null;
     /**
      * Text announced to assistive technologies with the current page out of the
      * total number of pages.

package/dist/types/components/IssuesPanel/IssuesPanelControls.d.ts

@@ -3,7 +3,7 @@ import { Controller } from '@ostack.tech/kform-react';
 import { IconButtonColor } from '@ostack.tech/ui';
 import { IssuesPanelProps } from './IssuesPanel.tsx';
 /** Properties of the issues panel controls component. */
-export interface IssuesPanelControlsProps extends Pick<IssuesPanelProps, "focusButtonLabel" | "previousIssueButtonLabel" | "nextIssueButtonLabel" | "firstIssueButtonLabel" | "lastIssueButtonLabel" | "paginationLabel" | "validatingSpinnerProps" | "paginationProps" | "focusButtonProps" | "previousIssueButtonProps" | "nextIssueButtonProps" | "firstIssueButtonProps" | "lastIssueButtonProps" | "closeButtonProps"> {
+export interface IssuesPanelControlsProps extends Pick<IssuesPanelProps, "focusButtonLabel" | "focusKeybinds" | "previousIssueButtonLabel" | "previousIssueKeybinds" | "nextIssueButtonLabel" | "nextIssueKeybinds" | "firstIssueButtonLabel" | "firstIssueKeybinds" | "lastIssueButtonLabel" | "lastIssueKeybinds" | "paginationLabel" | "validatingSpinnerProps" | "paginationProps" | "focusButtonProps" | "previousIssueButtonProps" | "nextIssueButtonProps" | "firstIssueButtonProps" | "lastIssueButtonProps" | "closeButtonProps"> {
     currentPagePath: AbsolutePath | null;
     currentPageIndex: number;
     currentPageController: Controller;
@@ -16,4 +16,4 @@ export interface IssuesPanelControlsProps extends Pick<IssuesPanelProps, "focusB
     closePanel: () => void;
 }
 /** Controls of the issues panel. */
-export declare function IssuesPanelControls({ currentPagePath, nPages, currentPageIndex, currentPageController, goToPreviousPage, goToNextPage, goToFirstPage, goToLastPage, buttonsColor, closePanel, focusButtonLabel, previousIssueButtonLabel, nextIssueButtonLabel, firstIssueButtonLabel, lastIssueButtonLabel, paginationLabel, validatingSpinnerProps, paginationProps, focusButtonProps, previousIssueButtonProps, nextIssueButtonProps, firstIssueButtonProps, lastIssueButtonProps, closeButtonProps, }: IssuesPanelControlsProps): import("react/jsx-runtime").JSX.Element;
+export declare function IssuesPanelControls({ currentPagePath, nPages, currentPageIndex, currentPageController, goToPreviousPage, goToNextPage, goToFirstPage, goToLastPage, buttonsColor, closePanel, focusButtonLabel, focusKeybinds, previousIssueButtonLabel, previousIssueKeybinds, nextIssueButtonLabel, nextIssueKeybinds, firstIssueButtonLabel, firstIssueKeybinds, lastIssueButtonLabel, lastIssueKeybinds, paginationLabel, validatingSpinnerProps, paginationProps, focusButtonProps, previousIssueButtonProps, nextIssueButtonProps, firstIssueButtonProps, lastIssueButtonProps, closeButtonProps, }: IssuesPanelControlsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,8 @@
 import { ButtonProps } from '@ostack.tech/ui';
 import { ReactNode } from 'react';
 import { FormLoaderOptions } from '../../utils/useFormLoader.tsx';
+/** Default “load” keybinds. */
+export declare const DEFAULT_LOAD_KEYBINDS = "$mod+O";
 /** Properties of the load action. */
 export interface LoadActionProps<T = unknown> extends Omit<ButtonProps, "children">, FormLoaderOptions<T> {
     /** Action's label. */
@@ -14,7 +16,8 @@ export interface LoadActionProps<T = unknown> extends Omit<ButtonProps, "childre
      * information on keybinding syntax, read the [`tinykeys`
      * documentation](https://github.com/jamiebuilds/tinykeys).
      *
-     * Defaults to the keybinds defined by the current locale.
+     * Defaults to the keybinds defined by the current locale or to
+     * `DEFAULT_LOAD_KEYBINDS`.
      */
     keybinds?: string | string[] | null;
 }

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

@@ -1,5 +1,7 @@
 import { ButtonProps } from '@ostack.tech/ui';
 import { ReactNode } from 'react';
+/** Default “print” keybinds. */
+export declare const DEFAULT_PRINT_KEYBINDS = "$mod+P";
 /** Properties of the print action. */
 export interface PrintActionProps extends Omit<ButtonProps, "children"> {
     /** Action's label. */
@@ -13,7 +15,8 @@ export interface PrintActionProps extends Omit<ButtonProps, "children"> {
      * information on keybinding syntax, read the [`tinykeys`
      * documentation](https://github.com/jamiebuilds/tinykeys).
      *
-     * Defaults to the keybinds defined by the current locale.
+     * Defaults to the keybinds defined by the current locale or to
+     * `DEFAULT_PRINT_KEYBINDS`.
      */
     keybinds?: string | string[] | null;
 }

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

@@ -1,6 +1,10 @@
 import { ButtonProps, DropdownMenuContent, IconButton } from '@ostack.tech/ui';
 import { ComponentPropsWithRef, ReactNode } from 'react';
 import { FormSaverOptions } from '../../utils/useFormSaver.tsx';
+/** Default “save” keybinds. */
+export declare const DEFAULT_SAVE_KEYBINDS = "$mod+S";
+/** Default “save as” keybinds. */
+export declare const DEFAULT_SAVE_AS_KEYBINDS = "$mod+Shift+S";
 /** Properties of the save action. */
 export interface SaveActionProps<T = unknown> extends Omit<ButtonProps, "children">, Omit<FormSaverOptions<T>, "overwrite"> {
     /** Action's label. */
@@ -14,7 +18,8 @@ export interface SaveActionProps<T = unknown> extends Omit<ButtonProps, "childre
      * information on keybinding syntax, read the [`tinykeys`
      * documentation](https://github.com/jamiebuilds/tinykeys).
      *
-     * Defaults to the keybinds defined by the current locale.
+     * Defaults to the keybinds defined by the current locale or to
+     * `DEFAULT_SAVE_KEYBINDS`.
      */
     keybinds?: string | string[] | null;
     /**
@@ -39,7 +44,8 @@ export interface SaveActionProps<T = unknown> extends Omit<ButtonProps, "childre
      * information on keybinding syntax, read the [`tinykeys`
      * documentation](https://github.com/jamiebuilds/tinykeys).
      *
-     * Defaults to the keybinds defined by the current locale.
+     * Defaults to the keybinds defined by the current locale or to
+     * `DEFAULT_SAVE_AS_KEYBINDS`.
      */
     saveAsKeybinds?: string | string[] | null;
     /** Properties to pass to the save options button component. */

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

@@ -2,6 +2,8 @@ import { LocatedValidationWarning } from '@ostack.tech/kform';
 import { SubmitOptions } from '@ostack.tech/kform-react';
 import { Alert, AlertDialogBody, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, Button, ButtonProps, Checkbox } from '@ostack.tech/ui';
 import { ComponentPropsWithRef, ReactNode } from 'react';
+/** Default “submit” keybinds. */
+export declare const DEFAULT_SUBMIT_KEYBINDS = "$mod+Enter";
 /** Properties of the submit action. */
 export interface SubmitActionProps<T = unknown, TSubmitResult = unknown> extends Omit<ButtonProps, "children" | "onSubmit">, Pick<Required<SubmitOptions<T, TSubmitResult>>, "onSubmit">, Omit<SubmitOptions<T, TSubmitResult>, "onSubmit"> {
     /** Action's label. */
@@ -15,7 +17,8 @@ export interface SubmitActionProps<T = unknown, TSubmitResult = unknown> extends
      * information on keybinding syntax, read the [`tinykeys`
      * documentation](https://github.com/jamiebuilds/tinykeys).
      *
-     * Defaults to the keybinds defined by the current locale.
+     * Defaults to the keybinds defined by the current locale or to
+     * `DEFAULT_SUBMIT_KEYBINDS`.
      */
     keybinds?: string | string[] | null;
     /**

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

@@ -1,5 +1,7 @@
 import { ButtonProps } from '@ostack.tech/ui';
 import { ReactNode } from 'react';
+/** Default “validate” keybinds. */
+export declare const DEFAULT_VALIDATE_KEYBINDS = "Alt+Shift+V";
 /** Properties of the validate action. */
 export interface ValidateActionProps extends Omit<ButtonProps, "children"> {
     /** Action's label. */
@@ -13,7 +15,8 @@ export interface ValidateActionProps extends Omit<ButtonProps, "children"> {
      * information on keybinding syntax, read the [`tinykeys`
      * documentation](https://github.com/jamiebuilds/tinykeys).
      *
-     * Defaults to the keybinds defined by the current locale.
+     * Defaults to the keybinds defined by the current locale or to
+     * `DEFAULT_VALIDATE_KEYBINDS`.
      */
     keybinds?: string | string[] | null;
 }

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

@@ -16,14 +16,14 @@ import { ValidateActionProps } from '../../components/ValidateAction';
 /** Localization object representation. */
 export interface LocalizationObject {
     baseLocale: UiLocalizationObject;
-    AnnexesManager: Pick<AnnexesManagerProps, "aria-label" | "menuButtonText" | "addAnnexText" | "removeAnnexButtonLabel" | "removeAnnexKeyboardHint" | "removeAnnexConfirmDialogTitle" | "removeAnnexConfirmDialogMessage" | "removeAnnexConfirmDialogOkText" | "removeAnnexConfirmDialogCancelText">;
+    AnnexesManager: Pick<AnnexesManagerProps, "aria-label" | "menuButtonText" | "menuButtonLabel" | "addAnnexText" | "addAnnexSuccessMessage" | "removeAnnexButtonLabel" | "removeAnnexKeyboardHint" | "removeAnnexConfirmDialogTitle" | "removeAnnexConfirmDialogMessage" | "removeAnnexConfirmDialogOkText" | "removeAnnexConfirmDialogCancelText">;
     DateRangeControl: Pick<DateRangeControlProps, "issuesPanelStartLabelSuffix" | "issuesPanelEndLabelSuffix">;
     FileControl: Pick<FileControlProps, "viewFileButtonLabel" | "downloadFileButtonLabel" | "fallbackText">;
     FormApp: Pick<FormAppProps, "formTitle" | "issuesPanelLabel" | "issueMessages" | "confirmUnloadMessage">;
-    FormPage: Pick<FormPageProps, "helperButtonLabel">;
+    FormPage: Pick<FormPageProps, "helperButtonLabel" | "visuallyHiddenCodePrefix">;
     FormPagesNavigation: Pick<FormPagesNavigationProps, "aria-label">;
-    IssueMessages: Pick<IssueMessagesProps, "unknownErrorMessage" | "unknownWarningMessage">;
-    IssuesPanel: Pick<IssuesPanelProps, "errorsLabel" | "warningsLabel" | "focusButtonLabel" | "previousIssueButtonLabel" | "nextIssueButtonLabel" | "firstIssueButtonLabel" | "lastIssueButtonLabel" | "paginationLabel" | "noIssuesMessage" | "resolvedTitle" | "resolvedMessage">;
+    IssueMessages: Pick<IssueMessagesProps, "visuallyHiddenErrorCodePrefix" | "visuallyHiddenWarningCodePrefix" | "unknownErrorMessage" | "unknownWarningMessage">;
+    IssuesPanel: Pick<IssuesPanelProps, "errorsLabel" | "warningsLabel" | "focusButtonLabel" | "focusKeybinds" | "previousIssueButtonLabel" | "previousIssueKeybinds" | "nextIssueButtonLabel" | "nextIssueKeybinds" | "firstIssueButtonLabel" | "firstIssueKeybinds" | "lastIssueButtonLabel" | "lastIssueKeybinds" | "paginationLabel" | "noIssuesMessage" | "resolvedTitle" | "resolvedMessage">;
     IssuesPopover: Pick<IssuesPopoverProps, "label">;
     LoadAction: Pick<LoadActionProps, "label" | "keybinds" | "successMessage" | "errorMessage">;
     SaveAction: Pick<SaveActionProps, "label" | "keybinds" | "saveOptionsLabel" | "saveAsLabel" | "saveAsKeybinds" | "successMessage" | "errorMessage">;

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

@@ -24,4 +24,7 @@ export interface UseControlIssuesOptions {
  *   the issues are to appear within a popover. This will be `null` if the
  *   issues should not appear in a popover.
  */
-export declare function useControlIssues({ issuesToDisplay, issueMessages, displayIssues, issueMessagesProps, }: UseControlIssuesOptions): [ReactNode, ReactNode];
+export declare function useControlIssues({ issuesToDisplay, issueMessages, displayIssues, issueMessagesProps, }: UseControlIssuesOptions): [
+    inlineIssues: ReactNode,
+    popoverIssues: ReactNode
+];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ostack.tech/ui-kform",
   "description": "Integration of ostack/UI with ostack/KForm.",
-  "version": "0.8.2",
+  "version": "0.9.1",
   "homepage": "https://ui.ostack.tech/",
   "author": {
     "name": "Opensoft",
@@ -52,7 +52,7 @@
     "@fortawesome/free-solid-svg-icons": "^6.2.0 || ^7.0.0",
     "@ostack.tech/kform": "~0.32.0",
     "@ostack.tech/kform-react": "~0.32.0",
-    "@ostack.tech/ui": "~0.8.2",
+    "@ostack.tech/ui": "~0.9.1",
     "@types/react": "^18.0.0 || ^19.0.0",
     "@types/react-dom": "^18.0.0 || ^19.0.0",
     "date-fns": "^4.1.0",

package/scss/components/FormPages/_FormPages.scss

@@ -202,7 +202,6 @@
           border: 0;
         }
 
-        & > #{$form-pages}__page-code,
         & > #{$form-pages}__page-title {
           display: none;
         }
@@ -219,7 +218,7 @@
 
   &__page-code {
     $code-size: 24px;
-    display: flex;
+    display: inline-flex;
     align-items: center;
     justify-content: center;
     min-height: $code-size;

package/scss/components/IssueMessages/_IssueMessages.scss

@@ -5,9 +5,5 @@
   &__issue-code {
     font-style: italic;
     opacity: 0.9;
-
-    &::before {
-      content: " ";
-    }
   }
 }

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

@@ -1 +0,0 @@
-{"version":3,"file":"en-DdEhXMHn.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    formTitle: \"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  PrintAction: {\n    label: \"Print\",\n    keybinds: \"$mod+P\",\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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"}