@olenbetong/synergi-react 2.5.1 → 2.5.3

package/es/components/AppMenu/index.d.ts

@@ -9,4 +9,4 @@ export type AppMenuArticle = {
 export type AppMenuProps = {
     dataObject: DataObject<AppMenuArticle>;
 };
-export declare function AppMenu({ dataObject }: AppMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function AppMenu({ dataObject }: AppMenuProps): import("react").JSX.Element;

package/es/components/AppMenu/index.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "./AppMenu.css";
 import { useData, useLoading } from "@olenbetong/appframe-react";
 import { useEffect, useMemo, useRef, useState } from "react";

package/es/components/AppShell/index.d.ts

@@ -2,4 +2,4 @@ import { type ReactNode } from "react";
 export type AppShellProps = {
     children: ReactNode;
 };
-export declare function AppShell({ children }: AppShellProps): import("react/jsx-runtime").JSX.Element;
+export declare function AppShell({ children }: AppShellProps): import("react").JSX.Element;

package/es/components/Checkbox/index.js

@@ -10,7 +10,7 @@ export const Checkbox = forwardRef(function Checkbox({ className, disabled = fal
     inputId = id ?? inputId;
     let inputIdRef = `#${inputId}`;
     let input = useRef(null);
-    // biome-ignore lint/correctness/useExhaustiveDependencies: Ref object
+    // oxlint-disable-next-line react-hooks/exhaustive-deps -- Ref object
     useEffect(() => {
         if (typeof ref === "function") {
             ref(input.current);

package/es/components/ColorCard/index.d.ts

@@ -3,14 +3,14 @@ export type ColorCardProps = Pick<React.HTMLAttributes<HTMLDivElement>, "id" | "
     as?: "a" | "div" | "button" | "span" | "section" | "article";
     href?: string;
 };
-export declare function ColorCard({ as: Component, children, className, href, ...other }: ColorCardProps): import("react/jsx-runtime").JSX.Element;
-export declare function CardStepList({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-export declare function CardStep({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export declare function ColorCard({ as: Component, children, className, href, ...other }: ColorCardProps): import("react").JSX.Element;
+export declare function CardStepList({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare function CardStep({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
 export declare function CardColumn({ children, className, minor, ...other }: React.HTMLAttributes<HTMLDivElement> & {
     minor?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function CardDetail({ children, className, label, primary, ...other }: React.HTMLAttributes<HTMLDivElement> & {
     label?: React.ReactNode;
     primary?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function CardLabel({ children, className, ...other }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
+export declare function CardLabel({ children, className, ...other }: React.HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;

package/es/components/DateNavigator/index.d.ts

@@ -7,4 +7,4 @@ export type DateNavigatorProps = {
     minDate?: Date | string | number;
     maxDate?: Date | string | number;
 };
-export declare function DateNavigator({ date: dateProp, defaultDate, disableTodayButton, onChange, minDate: minDateProp, maxDate: maxDateProp, }: DateNavigatorProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateNavigator({ date: dateProp, defaultDate, disableTodayButton, onChange, minDate: minDateProp, maxDate: maxDateProp, }: DateNavigatorProps): import("react").JSX.Element;

package/es/components/FilePond.d.ts

@@ -41,4 +41,4 @@ type FileStoreDataObjectRecord = {
     Damage: boolean;
     DamageID: number | null;
 };
-export declare function FilePond<T extends FileStoreDataObjectRecord>({ dataObject, fields, onUploadStart, onFileUploaded, onFinishedUploads, onFileRemoved, onError, fieldName, filePondOptions, primKey, attachmentPrimKeys, whereClause, inputRef: inputRefProp, ...props }: FilePondProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function FilePond<T extends FileStoreDataObjectRecord>({ dataObject, fields, onUploadStart, onFileUploaded, onFinishedUploads, onFileRemoved, onError, fieldName, filePondOptions, primKey, attachmentPrimKeys, whereClause, inputRef: inputRefProp, ...props }: FilePondProps<T>): import("react").JSX.Element;

package/es/components/ImageEditor/DragHandle.d.ts

@@ -10,5 +10,5 @@ interface Props {
  * Absolutely-positioned draggable corner handle.
  * Position is in CSS pixels relative to the nearest `position: relative` ancestor.
  */
-export declare function DragHandle({ x, y, onChange, containerWidth, containerHeight }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function DragHandle({ x, y, onChange, containerWidth, containerHeight }: Props): import("react").JSX.Element;
 export {};

package/es/components/ImageEditor/EdgeHandle.d.ts

@@ -12,5 +12,5 @@ interface Props {
  * Tracks the pointer delta so both corners on this edge move by the same amount,
  * preserving the edge angle.
  */
-export declare function EdgeHandle({ x, y, axis, onChange }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function EdgeHandle({ x, y, axis, onChange }: Props): import("react").JSX.Element;
 export {};

package/es/components/ImageEditor/ImageEditor.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import ArrowBackIcon from "@mui/icons-material/ArrowBack";
 import CheckIcon from "@mui/icons-material/Check";
 import RedoIcon from "@mui/icons-material/Redo";

package/es/components/ImageEditor/ResponsiveButton.d.ts

@@ -7,5 +7,5 @@ interface Props {
     isSmall: boolean;
 }
 /** Renders a labelled Button on large screens and a Tooltip-wrapped IconButton on small ones. */
-export declare function ResponsiveButton({ icon, label, onClick, disabled, isSmall }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function ResponsiveButton({ icon, label, onClick, disabled, isSmall }: Props): import("react").JSX.Element;
 export {};

package/es/components/ImageEditor/defaultPlugins.d.ts

@@ -1,4 +1,4 @@
 /** Default set of image editing plugins in display order. */
-export declare const defaultPlugins: (import("./types.js").ToolPlugin | import("./types.js").ActionPlugin)[];
+export declare const defaultPlugins: (import("./types.js").ActionPlugin | import("./types.js").ToolPlugin)[];
 /** Default view plugin providing zoom and pan. */
 export declare const defaultViewPlugin: import("./types.js").ViewPlugin;

package/es/components/ImageEditor/plugins/cropPlugin/CropContext.d.ts

@@ -5,6 +5,6 @@ interface CropContextValue extends CropToolState {
     onApply: (blob: Blob, actions: EditAction[]) => void;
     onCancel: () => void;
 }
-export declare function CropProvider({ imageUrl, onApply, onCancel, children }: ToolProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function CropProvider({ imageUrl, onApply, onCancel, children }: ToolProviderProps): import("react").JSX.Element;
 export declare function useCropContext(): CropContextValue;
 export {};

package/es/components/ImageEditor/plugins/cropPlugin/CropOverlay.d.ts

@@ -1,2 +1,2 @@
 /** Canvas-area overlay for the crop tool. Reads all state from CropContext. */
-export declare function CropOverlay(): import("react/jsx-runtime").JSX.Element;
+export declare function CropOverlay(): import("react").JSX.Element;

package/es/components/ImageEditor/plugins/cropPlugin/CropOverlay.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Alert, CircularProgress, Typography } from "@mui/material";
 import { getLocalizedString } from "@olenbetong/appframe-core";
 import { CropCanvas } from "../../CropCanvas.js";

package/es/components/ImageEditor/plugins/cropPlugin/CropToolbar.d.ts

@@ -1,2 +1,2 @@
 /** Toolbar shown while the crop tool is active. Reads state from CropContext. */
-export declare function CropToolbar(): import("react/jsx-runtime").JSX.Element;
+export declare function CropToolbar(): import("react").JSX.Element;

package/es/components/ImageEditor/plugins/cropPlugin/CropToolbar.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import CheckIcon from "@mui/icons-material/Check";
 import CloseIcon from "@mui/icons-material/Close";
 import { Button, CircularProgress } from "@mui/material";

package/es/components/ImageEditor/plugins/cropPlugin/useCropTool.js

@@ -86,7 +86,7 @@ export function useCropTool(imageUrl, enabled) {
     };
 }
 /** Loads the image at native resolution, maps relative corners, and warps. */
-// biome-ignore lint/suspicious/noExplicitAny: OpenCV.js types
+// oxlint-disable-next-line typescript/no-explicit-any -- OpenCV.js types
 function cropImageAtFullResolution(cv, imageUrl, relCorners) {
     return new Promise((resolve, reject) => {
         let img = new Image();
@@ -106,7 +106,7 @@ function cropImageAtFullResolution(cv, imageUrl, relCorners) {
     });
 }
 /** Performs a perspective warp using OpenCV.js. */
-// biome-ignore lint/suspicious/noExplicitAny: OpenCV.js types
+// oxlint-disable-next-line typescript/no-explicit-any -- OpenCV.js types
 function perspectiveCrop(cv, srcCanvas, corners) {
     let [tl, tr, br, bl] = corners;
     let outW = Math.round(Math.max(Math.hypot(tr.x - tl.x, tr.y - tl.y), Math.hypot(br.x - bl.x, br.y - bl.y)));

package/es/components/ImageEditor/plugins/redactPlugin/RedactContext.d.ts

@@ -5,6 +5,6 @@ interface RedactContextValue extends RedactToolState {
     onApply: (blob: Blob, actions: EditAction[]) => void;
     onCancel: () => void;
 }
-export declare function RedactProvider({ imageUrl, onApply, onCancel, children }: ToolProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function RedactProvider({ imageUrl, onApply, onCancel, children }: ToolProviderProps): import("react").JSX.Element;
 export declare function useRedactContext(): RedactContextValue;
 export {};

package/es/components/ImageEditor/plugins/redactPlugin/RedactOverlay.d.ts

@@ -3,4 +3,4 @@
  * Uses an SVG layer over the image for drawing; blur preview uses SVG feGaussianBlur
  * so the live preview matches the final applied output.
  */
-export declare function RedactOverlay(): import("react/jsx-runtime").JSX.Element;
+export declare function RedactOverlay(): import("react").JSX.Element;

package/es/components/ImageEditor/plugins/redactPlugin/RedactOverlay.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useZoom } from "../zoomPlugin/ZoomContext.js";
 import { useRedactContext } from "./RedactContext.js";
 import { normRect } from "./useRedactTool.js";

package/es/components/ImageEditor/plugins/redactPlugin/RedactToolbar.d.ts

@@ -1,2 +1,2 @@
 /** Toolbar shown while the redact tool is active. Reads state from RedactContext. */
-export declare function RedactToolbar(): import("react/jsx-runtime").JSX.Element;
+export declare function RedactToolbar(): import("react").JSX.Element;

package/es/components/ImageEditor/plugins/redactPlugin/RedactToolbar.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import CheckIcon from "@mui/icons-material/Check";
 import CloseIcon from "@mui/icons-material/Close";
 import DeleteSweepIcon from "@mui/icons-material/DeleteSweep";

package/es/components/ImageEditor/plugins/zoomPlugin/ZoomCanvas.d.ts

@@ -16,5 +16,5 @@ interface Props {
  * • 2-finger pinch + translate: simultaneous zoom + pan anchored at midpoint
  * • 1-finger drag (when panEnabled): pan
  */
-export declare function ZoomCanvas({ children, panEnabled }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function ZoomCanvas({ children, panEnabled }: Props): import("react").JSX.Element;
 export {};

package/es/components/ImageEditor/plugins/zoomPlugin/ZoomContext.d.ts

@@ -3,4 +3,4 @@ import { type ZoomPanResult } from "./useZoomPan.js";
 export declare function useZoom(): ZoomPanResult;
 export declare function ZoomProvider({ children }: {
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/es/components/ImageEditor/plugins/zoomPlugin/ZoomControls.d.ts

@@ -2,5 +2,5 @@ interface Props {
     disabled?: boolean;
     isSmall?: boolean;
 }
-export declare function ZoomControls({ disabled, isSmall }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function ZoomControls({ disabled, isSmall }: Props): import("react").JSX.Element;
 export {};

package/es/components/ImageEditor/plugins/zoomPlugin/ZoomControls.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import ZoomInIcon from "@mui/icons-material/ZoomIn";
 import ZoomInMapIcon from "@mui/icons-material/ZoomInMap";
 import ZoomOutIcon from "@mui/icons-material/ZoomOut";

package/es/components/LinkedCardList/index.d.ts

@@ -1,8 +1,8 @@
 import "./index.css";
-export declare function LinkedList({ children, className, ...other }: React.HTMLProps<HTMLUListElement>): import("react/jsx-runtime").JSX.Element;
+export declare function LinkedList({ children, className, ...other }: React.HTMLProps<HTMLUListElement>): import("react").JSX.Element;
 export declare function LinkedListItem({ children, className, label, ...other }: React.HTMLProps<HTMLLIElement> & {
     label: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function Card({ as, children, className, ...other }: React.HTMLProps<HTMLDivElement> & {
     as?: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/es/components/MergeProgressDialog/index.d.ts

@@ -5,4 +5,4 @@ export type MergeProgressDialogProps = {
     getMergerId: () => Promise<string | number>;
     mergeType?: "pdf" | "zip";
 };
-export declare function MergeProgressDialog({ open, onClose, getMergerId, mergeType }: MergeProgressDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function MergeProgressDialog({ open, onClose, getMergerId, mergeType }: MergeProgressDialogProps): import("react").JSX.Element;

package/es/components/MergeProgressDialog/index.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Button, DialogActions, LinearProgress, Link, Typography } from "@mui/material";
 import { getLocalizedString } from "@olenbetong/appframe-core";
 import { ResponsiveDialog } from "@olenbetong/appframe-mui";
@@ -23,7 +23,7 @@ export function MergeProgressDialog({ open, onClose, getMergerId, mergeType = "p
         return () => clearInterval(timer);
     }, [phase.kind]);
     // Start the merge job each time the dialog opens
-    // biome-ignore lint/correctness/useExhaustiveDependencies: intentionally only re-runs on open change
+    // oxlint-disable-next-line react-hooks/exhaustive-deps -- intentionally only re-runs on open change
     useEffect(() => {
         if (!open)
             return;

package/es/components/PageBanner/index.d.ts

@@ -3,20 +3,20 @@ import React from "react";
 export type PageBannerProps = React.HTMLProps<HTMLDivElement> & {
     as?: "header" | "section" | "div";
 };
-export declare function PageBanner({ as, className, children, ...other }: PageBannerProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageBanner({ as, className, children, ...other }: PageBannerProps): React.JSX.Element;
 export type BannerImageProps = React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
 export declare const BannerImage: React.ForwardRefExoticComponent<Omit<BannerImageProps, "ref"> & React.RefAttributes<HTMLImageElement>>;
 export type TabListProps = Pick<React.HTMLProps<HTMLDivElement>, "id" | "className" | "children"> & {
     as?: "ul" | "ol" | "nav" | "div" | "span";
     sticky?: boolean;
 };
-export declare function TabList({ as, className, children, sticky, ...other }: TabListProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabList({ as, className, children, sticky, ...other }: TabListProps): React.JSX.Element;
 export type TabProps = Pick<React.HTMLProps<HTMLDivElement>, "id" | "className" | "children"> & {
     active?: boolean;
     as?: "a" | "li" | "div" | "span";
 };
-export declare function Tab({ active, as, className, children, ...other }: TabProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tab({ active, as, className, children, ...other }: TabProps): React.JSX.Element;
 export type TitleProps = Pick<React.HTMLProps<HTMLDivElement>, "id" | "className" | "children"> & {
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div" | "span" | "p";
 };
-export declare function Title({ as, className, children, ...other }: TitleProps): import("react/jsx-runtime").JSX.Element;
+export declare function Title({ as, className, children, ...other }: TitleProps): React.JSX.Element;

package/es/components/PdfViewer/PdfViewer.d.ts

@@ -3,5 +3,5 @@ type PdfViewerProps = {
     url?: string;
     file?: string | Blob | ArrayBuffer;
 };
-export declare function PdfViewer({ url, file }: PdfViewerProps): import("react/jsx-runtime").JSX.Element;
+export declare function PdfViewer({ url, file }: PdfViewerProps): import("react").JSX.Element;
 export {};

package/es/components/Portal/index.d.ts

@@ -3,4 +3,4 @@ export type PortalProps = {
     root?: string;
     type?: string;
 };
-export declare function Portal({ children, root, type }: PortalProps): import("react/jsx-runtime").JSX.Element;
+export declare function Portal({ children, root, type }: PortalProps): import("react").JSX.Element;

package/es/components/Portal/index.js

@@ -9,7 +9,7 @@ export function Portal({ children, root, type = "div" }) {
     const forceUpdate = useForceUpdate();
     const mountNode = useRef(null);
     const portalNode = useRef(null);
-    // biome-ignore lint/correctness/useExhaustiveDependencies: because reasons
+    // oxlint-disable-next-line react-hooks/exhaustive-deps -- because reasons
     useEffect(() => {
         const ownerDocument = mountNode.current?.ownerDocument;
         if (ownerDocument && !portalNode.current) {

package/es/components/Sidebar/index.d.ts

@@ -6,4 +6,4 @@ export type SidebarProps = React.HTMLAttributes<HTMLDivElement> & {
     pullRight?: boolean;
     shadow?: boolean;
 };
-export declare function Sidebar(props: SidebarProps): import("react/jsx-runtime").JSX.Element;
+export declare function Sidebar(props: SidebarProps): import("react").JSX.Element;

package/es/components/Sidebar/index.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "./index.css";
 import clsx from "clsx";
 import { useEffect, useRef, useState } from "react";
@@ -23,7 +23,7 @@ export function Sidebar(props) {
         element?.addEventListener("transitionend", toggleHiddenContent);
         return () => element?.removeEventListener("transitionend", toggleHiddenContent);
     }, [open]);
-    // biome-ignore lint/correctness/useExhaustiveDependencies: TODO
+    // oxlint-disable-next-line react-hooks/exhaustive-deps -- TODO
     useEffect(() => {
         function handleCloseSidebar(evt) {
             if (evt.key === "Escape") {

package/es/components/Spinner/index.d.ts

@@ -7,4 +7,4 @@ export declare function Spinner({ className, fullPage, ...rest }: {
     [x: string]: any;
     className?: string | undefined;
     fullPage?: boolean | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

package/es/components/SplitContainer/index.d.ts

@@ -19,4 +19,4 @@ export type SplitContainerProps = {
      */
     id?: string;
 };
-export declare function SplitContainer({ className, children, direction, fixedPanel, panelClassName, defaultFixedSize, layoutVersion, min, max, id, }: SplitContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare function SplitContainer({ className, children, direction, fixedPanel, panelClassName, defaultFixedSize, layoutVersion, min, max, id, }: SplitContainerProps): React.JSX.Element;

package/es/components/Toolbar/index.d.ts

@@ -12,4 +12,4 @@ export type BreadcrumbItem = {
 export type ToolbarBreadcrumbsProps = {
     items: BreadcrumbItem[];
 };
-export declare function ToolbarBreadcrumbs({ items }: ToolbarBreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToolbarBreadcrumbs({ items }: ToolbarBreadcrumbsProps): import("react").JSX.Element;

package/es/elements/ElementDamage/DamageFormButtons.d.ts

@@ -5,5 +5,5 @@ type DamageFormButtonsProps = {
     handleDelete: () => void;
     handleCancel: () => void;
 };
-export declare function DamageFormButtonsProps({ isEdit, loading, uploadingFile, handleDelete, handleCancel, }: DamageFormButtonsProps): import("react/jsx-runtime").JSX.Element;
+export declare function DamageFormButtonsProps({ isEdit, loading, uploadingFile, handleDelete, handleCancel, }: DamageFormButtonsProps): import("react").JSX.Element;
 export {};

package/es/elements/ElementDamage/DamageFormButtons.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Add from "@mui/icons-material/Add";
 import { Button } from "@mui/material";
 import { getLocalizedString } from "@olenbetong/appframe-core";

package/es/elements/ElementDamage/DescriptionInput.d.ts

@@ -12,5 +12,5 @@ type DescriptionInputProps = {
     onCopyPrevDamage?: (value: DescriptionInputType) => void;
     onChange?: (value: DescriptionInputType) => void;
 };
-export declare function DescriptionInput({ value, defaultValue, descriptionOptions, storageNamespace, onCopyPrevDamage, onChange, }: DescriptionInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function DescriptionInput({ value, defaultValue, descriptionOptions, storageNamespace, onCopyPrevDamage, onChange, }: DescriptionInputProps): import("react").JSX.Element;
 export {};

package/es/elements/ElementDamage/DescriptionInput.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Autocomplete, Button, TextField } from "@mui/material";
 import { getLocalizedString } from "@olenbetong/appframe-core";
 import { useEffect, useRef, useState } from "react";

package/es/elements/ElementDamage/DuplicateDamage/DesktopView.d.ts

@@ -3,6 +3,6 @@ type ElementDamagesItemProps = {
     record: DamagesRecord;
     linkToDamage: boolean;
 };
-export declare function ElementDamagesItem({ record, linkToDamage }: ElementDamagesItemProps): import("react/jsx-runtime").JSX.Element;
-export declare function ElementDamagesHeader(): import("react/jsx-runtime").JSX.Element;
+export declare function ElementDamagesItem({ record, linkToDamage }: ElementDamagesItemProps): import("react").JSX.Element;
+export declare function ElementDamagesHeader(): import("react").JSX.Element;
 export {};

package/es/elements/ElementDamage/DuplicateDamage/DesktopView.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Grid, Typography } from "@mui/material";
 import { getLocalizedString } from "@olenbetong/appframe-core";
 import { Link } from "@olenbetong/appframe-mui";

package/es/elements/ElementDamage/DuplicateDamage/DublicateElementDamageDialog.d.ts

@@ -7,5 +7,5 @@ type DuplicateElementDamageDialogProps = {
     loading: boolean;
     linkToDamage: boolean;
 };
-export declare function DuplicateElementDamageDialog({ open, onClose, record, onRegisterAnyway, loading, linkToDamage, }: DuplicateElementDamageDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function DuplicateElementDamageDialog({ open, onClose, record, onRegisterAnyway, loading, linkToDamage, }: DuplicateElementDamageDialogProps): import("react").JSX.Element;
 export {};

package/es/elements/ElementDamage/DuplicateDamage/DublicateElementDamageDialog.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Add from "@mui/icons-material/Add";
 import { Button, Dialog, DialogActions, DialogContent, DialogTitle, Grid, useMediaQuery } from "@mui/material";
 import { getLocalizedString } from "@olenbetong/appframe-core";

package/es/elements/ElementDamage/DuplicateDamage/PhoneView.d.ts

@@ -3,5 +3,5 @@ type DuplicatePhoneViewItemProps = {
     record: DamagesRecord;
     linkToDamage: boolean;
 };
-export declare function DuplicatePhoneViewItem({ record, linkToDamage }: DuplicatePhoneViewItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function DuplicatePhoneViewItem({ record, linkToDamage }: DuplicatePhoneViewItemProps): import("react").JSX.Element;
 export {};

package/es/elements/ElementDamage/ElementNumberTextField.d.ts

@@ -6,5 +6,5 @@ type ElementNumberTextFieldProps = {
     disabled?: boolean;
     sx?: SxProps<Theme>;
 };
-export declare function ElementNumberTextField({ value, defaultValue, onChange, disabled, sx }: ElementNumberTextFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function ElementNumberTextField({ value, defaultValue, onChange, disabled, sx }: ElementNumberTextFieldProps): import("react").JSX.Element;
 export {};

package/es/elements/ElementDamage/HiddenDamageFields.d.ts

@@ -2,5 +2,5 @@ type HiddenDamageFieldsProps = {
     primKey: string;
     ID: number;
 };
-export declare function HiddenDamageFields({ primKey, ID }: HiddenDamageFieldsProps): import("react/jsx-runtime").JSX.Element;
+export declare function HiddenDamageFields({ primKey, ID }: HiddenDamageFieldsProps): import("react").JSX.Element;
 export {};

package/es/elements/ElementDamage/HiddenDamageFields.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function HiddenDamageFields({ primKey, ID }) {
     return (_jsxs(_Fragment, { children: [_jsx("input", { type: "hidden", name: "PrimKey", value: primKey }), _jsx("input", { type: "hidden", name: "ID", value: ID })] }));
 }

package/es/elements/ElementDamage/RegisterFix.d.ts

@@ -10,5 +10,5 @@ type RegisterFixProps = {
     onFix?: (ID: number) => void;
     edit?: boolean;
 };
-export declare function RegisterFix({ value, defaultValue, onFix, edit }: RegisterFixProps): import("react/jsx-runtime").JSX.Element;
+export declare function RegisterFix({ value, defaultValue, onFix, edit }: RegisterFixProps): import("react").JSX.Element;
 export {};

package/es/elements/ElementDamage/RegisterFix.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import CheckIcon from "@mui/icons-material/Check";
 import { Button, Checkbox, FormControlLabel, Typography } from "@mui/material";
 import { getLocalizedString, localize } from "@olenbetong/appframe-core";

package/es/elements/ElementDamage/SubmitButtons.d.ts

@@ -16,5 +16,5 @@ type SubmitButtonsProps = {
     onCancel?: () => void;
     onSubmit?: () => void;
 };
-export declare function SubmitButtons({ edit, loading, onDelete, onCancel, onSubmit, sx }: SubmitButtonsProps): import("react/jsx-runtime").JSX.Element;
+export declare function SubmitButtons({ edit, loading, onDelete, onCancel, onSubmit, sx }: SubmitButtonsProps): import("react").JSX.Element;
 export {};

package/es/elements/ElementDamage/TransportElementSelect.d.ts

@@ -3,5 +3,5 @@ type TransportElementSelectProps = {
     elements: TransportElementsRecord[];
     onSelect: (element: TransportElementsRecord) => void;
 };
-export declare function TransportElementSelect({ elements, onSelect }: TransportElementSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function TransportElementSelect({ elements, onSelect }: TransportElementSelectProps): import("react").JSX.Element;
 export {};

package/es/elements/ElementDamage/TransportElementSelect.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import DropDownArrowIcon from "@mui/icons-material/KeyboardArrowDown";
 import { Button, ListItemText, Menu, MenuItem } from "@mui/material";
 import { getLocalizedString } from "@olenbetong/appframe-core";

package/es/elements/ElementLookup.d.ts

@@ -19,4 +19,4 @@ export type ElementLookupProps = {
     onChange?: (value: Element | null) => void;
     onDialogChange?: (open: boolean) => void;
 };
-export declare function ElementLookup({ value, defaultValue, ref, elementIDRequired, openLookupDialogIcon, onChange, onDialogChange, }: ElementLookupProps): import("react/jsx-runtime").JSX.Element;
+export declare function ElementLookup({ value, defaultValue, ref, elementIDRequired, openLookupDialogIcon, onChange, onDialogChange, }: ElementLookupProps): import("react").JSX.Element;

package/es/elements/ElementLookup.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import SearchIcon from "@mui/icons-material/Search";
 import { IconButton, TextField } from "@mui/material";
 import { getLocalizedString } from "@olenbetong/appframe-core";

package/es/elements/ElementLookupDialog/BarcodeScanner/DeadIcon.d.ts

@@ -1,2 +1,2 @@
 import { type SvgIconProps } from "@mui/material";
-export declare function Dead(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function Dead(props: SvgIconProps): import("react").JSX.Element;

package/es/elements/ElementLookupDialog/BarcodeScanner/Error.d.ts

@@ -1,4 +1,4 @@
 export declare function ErrorIcon({ icon, message }: {
     icon?: string;
     message: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/es/elements/ElementLookupDialog/BarcodeScanner/index.d.ts

@@ -7,4 +7,4 @@ declare global {
 export type BarcodeScannerProps = {
     onRead: (barcode: string) => void;
 };
-export declare function BarcodeScanner({ onRead }: BarcodeScannerProps): import("react/jsx-runtime").JSX.Element;
+export declare function BarcodeScanner({ onRead }: BarcodeScannerProps): import("react").JSX.Element;

package/es/elements/ElementLookupDialog/HIDScanner/index.d.ts

@@ -1,4 +1,4 @@
 import "./index.css";
 export declare function AddElementHIDScanner({ onScan }: {
     onScan: (id: string) => void;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/es/elements/ElementLookupDialog/HIDScanner/index.js

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "./index.css";
 import { Box, Button } from "@mui/material";
 import { getLocalizedString } from "@olenbetong/appframe-core";

package/es/elements/ElementLookupDialog/Manual/ManualForm.d.ts

@@ -10,4 +10,4 @@ export type AddElementManualFormProps = {
     defaultProject?: ProjectRecordBase;
     allowEmptyElement?: boolean;
 };
-export declare function AddElementManualForm({ onAdd, mode, defaultProject, allowEmptyElement, }: AddElementManualFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function AddElementManualForm({ onAdd, mode, defaultProject, allowEmptyElement, }: AddElementManualFormProps): import("react").JSX.Element;

package/es/elements/ElementLookupDialog/index.d.ts

@@ -21,5 +21,5 @@ export type ElementLookupDialogMultiModeProps = ElementLookupDialogSharedProps &
     onAdd: (element: AddElement[]) => Promise<void>;
 };
 export type ElementLookupDialogProps = ElementLookupDialogSingleModeProps | ElementLookupDialogMultiModeProps;
-export declare function ElementLookupDialog(props: ElementLookupDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function ElementLookupDialog(props: ElementLookupDialogProps): import("react").JSX.Element;
 export {};

package/es/elements/ProjectSelect.d.ts

@@ -19,5 +19,5 @@ type ProjectSelectProps = {
     sx?: SxProps<Theme> | undefined;
     report?: boolean;
 };
-export declare function ProjectSelect({ className, disabled, id, names, onChange, readOnly, required, defaultValue, value, label, sx, report, }: ProjectSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProjectSelect({ className, disabled, id, names, onChange, readOnly, required, defaultValue, value, label, sx, report, }: ProjectSelectProps): import("react").JSX.Element;
 export {};

package/es/elements/ProjectSelect.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Autocomplete, ListItem, ListItemText, TextField } from "@mui/material";
 import { getLocalizedString } from "@olenbetong/appframe-core";
 import { useDataWithFilter, useDebounce } from "@olenbetong/appframe-react";

package/es/useTranslation/index.js

@@ -27,7 +27,7 @@ export function useTranslation(text, targetLanguage, apiKey) {
     let [from, setSourceLang] = useState(null);
     let [isTranslating, setIsTranslating] = useState(false);
     let textRef = useRef(text);
-    // biome-ignore lint/correctness/useExhaustiveDependencies: this is a way of resetting the state so we don't show outdated translations when the text changes
+    // oxlint-disable-next-line react-hooks/exhaustive-deps -- this is a way of resetting the state so we don't show outdated translations when the text changes
     useEffect(() => {
         textRef.current = text;
         return () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@olenbetong/synergi-react",
-  "version": "2.5.1",
+  "version": "2.5.3",
   "description": "Standalone React component for SynergiWeb and Partner Portal",
   "type": "module",
   "exports": {
@@ -23,8 +23,8 @@
   "license": "MIT",
   "peerDependencies": {
     "@mui/material": ">=9.0.0",
-    "react": ">=18.2.0",
-    "react-dom": ">=18.2.0"
+    "react": ">=19.2.7",
+    "react-dom": ">=19.2.7"
   },
   "sideEffects": false,
   "dependencies": {
@@ -36,7 +36,7 @@
     "filepond-plugin-image-exif-orientation": "^1.0.11",
     "filepond-plugin-image-preview": "^4.6.12",
     "filepond-plugin-image-resize": "^2.0.10",
-    "filepond-plugin-image-transform": "^3.8.7",
+    "filepond-plugin-image-transform": "^3.8.8",
     "localforage": "^1.10.0",
     "mitt": "^3.0.1",
     "pdf-lib": "^1.17.1",
@@ -44,8 +44,8 @@
     "react-pdf": "^10.4.1",
     "@olenbetong/appframe-core": "2.11.10",
     "@olenbetong/appframe-data": "1.5.0",
-    "@olenbetong/appframe-react": "1.21.25",
-    "@olenbetong/appframe-mui": "6.2.0"
+    "@olenbetong/appframe-react": "1.23.0",
+    "@olenbetong/appframe-mui": "6.4.0"
   },
   "repository": {
     "type": "git",
@@ -59,8 +59,8 @@
     ]
   },
   "devDependencies": {
-    "react": "19.2.6",
-    "react-dom": "19.2.6",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
     "replace-in-files": "^3.0.0"
   },
   "optionalDependencies": {},

package/src/components/AppMenu/index.tsx

@@ -124,7 +124,7 @@ export function AppMenu({ dataObject }: AppMenuProps) {
 				</svg>
 			</button>
 
-			{/* biome-ignore lint/a11y/useKeyWithClickEvents: backdrop click handled via mouse coords */}
+			{/* oxlint-disable-next-line jsx-a11y/click-events-have-key-events -- backdrop click handled via mouse coords */}
 			<dialog
 				ref={dialogRef}
 				className="app-menu-dialog"

package/src/components/Checkbox/index.tsx

@@ -39,7 +39,7 @@ export const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(function Che
 	let inputIdRef = `#${inputId}`;
 	let input = useRef<HTMLInputElement>(null);
 
-	// biome-ignore lint/correctness/useExhaustiveDependencies: Ref object
+	// oxlint-disable-next-line react-hooks/exhaustive-deps -- Ref object
 	useEffect(() => {
 		if (typeof ref === "function") {
 			ref(input.current);

package/src/components/DateNavigator/index.tsx

@@ -168,9 +168,9 @@ export function DateNavigator({
 	}
 
 	return (
-		// biome-ignore lint/a11y/noNoninteractiveTabindex: I hate this component
-		// biome-ignore lint/a11y/noStaticElementInteractions: legacy component
-		// biome-ignore lint/a11y/useAriaPropsSupportedByRole: legacy component
+		// oxlint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- I hate this component
+		// oxlint-disable-next-line jsx-a11y/no-static-element-interactions -- legacy component
+		// oxlint-disable-next-line jsx-a11y/role-supports-aria-props -- legacy component
 		<div className="ObDateNavigator-root" onKeyDown={handleKeyDown} tabIndex={0} aria-label="Date navigator">
 			<Arrow direction="left" onClick={() => updateDate(new Date(dateUtc - oneDay))} disabled={disablePrev} />
 			<div className="ObDateNavigator-date">{text}</div>

package/src/components/ImageEditor/plugins/cropPlugin/useCropTool.ts

@@ -120,7 +120,7 @@ export function useCropTool(imageUrl: string, enabled: boolean): CropToolState {
 }
 
 /** Loads the image at native resolution, maps relative corners, and warps. */
-// biome-ignore lint/suspicious/noExplicitAny: OpenCV.js types
+// oxlint-disable-next-line typescript/no-explicit-any -- OpenCV.js types
 function cropImageAtFullResolution(cv: any, imageUrl: string, relCorners: Quad): Promise<Blob> {
 	return new Promise((resolve, reject) => {
 		let img = new Image();
@@ -141,7 +141,7 @@ function cropImageAtFullResolution(cv: any, imageUrl: string, relCorners: Quad):
 }
 
 /** Performs a perspective warp using OpenCV.js. */
-// biome-ignore lint/suspicious/noExplicitAny: OpenCV.js types
+// oxlint-disable-next-line typescript/no-explicit-any -- OpenCV.js types
 function perspectiveCrop(cv: any, srcCanvas: HTMLCanvasElement, corners: Quad): Promise<Blob> {
 	let [tl, tr, br, bl] = corners;
 	let outW = Math.round(Math.max(Math.hypot(tr.x - tl.x, tr.y - tl.y), Math.hypot(br.x - bl.x, br.y - bl.y)));

package/src/components/MergeProgressDialog/index.tsx

@@ -38,7 +38,7 @@ export function MergeProgressDialog({ open, onClose, getMergerId, mergeType = "p
 	}, [phase.kind]);
 
 	// Start the merge job each time the dialog opens
-	// biome-ignore lint/correctness/useExhaustiveDependencies: intentionally only re-runs on open change
+	// oxlint-disable-next-line react-hooks/exhaustive-deps -- intentionally only re-runs on open change
 	useEffect(() => {
 		if (!open) return;
 

package/src/components/Portal/index.tsx

@@ -18,7 +18,7 @@ export function Portal({ children, root, type = "div" }: PortalProps) {
 	const mountNode = useRef<HTMLDivElement>(null);
 	const portalNode = useRef<HTMLElement | null>(null);
 
-	// biome-ignore lint/correctness/useExhaustiveDependencies: because reasons
+	// oxlint-disable-next-line react-hooks/exhaustive-deps -- because reasons
 	useEffect(() => {
 		const ownerDocument = mountNode.current?.ownerDocument;
 		if (ownerDocument && !portalNode.current) {

package/src/components/Sidebar/index.tsx

@@ -49,7 +49,7 @@ export function Sidebar(props: SidebarProps) {
 		return () => element?.removeEventListener("transitionend", toggleHiddenContent);
 	}, [open]);
 
-	// biome-ignore lint/correctness/useExhaustiveDependencies: TODO
+	// oxlint-disable-next-line react-hooks/exhaustive-deps -- TODO
 	useEffect(() => {
 		function handleCloseSidebar(evt: KeyboardEvent) {
 			if (evt.key === "Escape") {
@@ -106,7 +106,7 @@ export function Sidebar(props: SidebarProps) {
 			>
 				{(open || !hidden) && children}
 			</div>
-			{/** biome-ignore lint/a11y/noStaticElementInteractions: legacy component */}
+			{/** oxlint-disable-next-line jsx-a11y/no-static-element-interactions -- legacy component */}
 			<div
 				role="presentation"
 				tabIndex={-1}

package/src/components/SplitContainer/index.tsx

@@ -67,7 +67,7 @@ type DividerProps = {
 
 const Divider = forwardRef<HTMLDivElement, DividerProps>(function Divider(props: DividerProps, ref) {
 	return (
-		// biome-ignore lint/a11y/useSemanticElements: NO!
+		// oxlint-disable-next-line jsx-a11y/prefer-tag-over-role -- NO!
 		<div
 			className={clsx("ObSplitContainer-divider", props.className)}
 			tabIndex={0}

package/src/components/Toolbar/index.tsx

@@ -94,7 +94,7 @@ function BreadcrumbsInner({ items }: ToolbarBreadcrumbsProps) {
 						{overflowOpen && (
 							<ul className="ob-breadcrumbs__overflow-menu" role="menu">
 								{hiddenItems.map((item, index) => (
-									// biome-ignore lint/suspicious/noArrayIndexKey: stable list with no reordering
+									// oxlint-disable-next-line react/no-array-index-key -- stable list with no reordering
 									<li key={index} role="menuitem">
 										{item.href ? <a href={item.href}>{item.label}</a> : <span>{item.label}</span>}
 									</li>

package/src/components/ValueToggleGroup/index.tsx

@@ -30,7 +30,7 @@ export const ValueToggleGroup = forwardRef<HTMLFieldSetElement, ValueToggleGroup
 	let isControlled = value !== undefined;
 
 	return (
-		// biome-ignore lint/a11y/noNoninteractiveElementToInteractiveRole: legacy component
+		// oxlint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role -- legacy component
 		<fieldset className={clsx("ObValueToggleGroup", orientation, className)} role="radiogroup" ref={ref} style={style}>
 			{options.map((opt) => {
 				return (

package/src/useTranslation/index.ts

@@ -35,7 +35,7 @@ export function useTranslation(text: string, targetLanguage: string, apiKey: str
 	let [isTranslating, setIsTranslating] = useState(false);
 	let textRef = useRef(text);
 
-	// biome-ignore lint/correctness/useExhaustiveDependencies: this is a way of resetting the state so we don't show outdated translations when the text changes
+	// oxlint-disable-next-line react-hooks/exhaustive-deps -- this is a way of resetting the state so we don't show outdated translations when the text changes
 	useEffect(() => {
 		textRef.current = text;
 		return () => {