@focus-reactive/payload-plugin-translator 0.9.2 → 0.10.0

package/dist/client/shared/ui/MultiSelect/MultiSelect.js

@@ -0,0 +1,129 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
+import { forwardRef, useState } from "react";
+import { Checkbox } from "../Checkbox";
+import Popup from "../Popup";
+import { filterOptions, isAllSelected, selectAllValue, summarizeSelection, toggleValue } from "./multiSelectModel";
+import styles from "./styles.module.scss";
+// Same size ramp as the single Select, driven through CSS custom properties so both controls collapse
+// to an identical footprint.
+const sizes = {
+    sm: {
+        height: "24px",
+        paddingInline: "0.5rem",
+        fontSize: "0.875rem"
+    },
+    md: {
+        height: "32px",
+        paddingInline: "0.5rem",
+        fontSize: "1rem"
+    },
+    lg: {
+        height: "40px",
+        paddingInline: "0.75rem",
+        fontSize: "1rem"
+    }
+};
+/**
+ * A controlled multi-select whose collapsed trigger is a `<button>` styled identically to the single
+ * `Select` (same border, chevron, focus ring, error + disabled states, size ramp). The multiplicity
+ * lives in a checkbox popover with a "select all" row and a progressive filter — the trigger shows a
+ * compact summary (`de, fr +2` / `All (N)`) and never grows with the selection. All decision logic
+ * lives in `./multiSelectModel`; the popover width tracks the trigger and grows to its content.
+ */ const MultiSelect = /*#__PURE__*/ forwardRef(function MultiSelect({ value, onChange, onBlur, options, placeholder = "-", hasError = false, $size = "lg", $fullWidth = true, selectAllLabel = "Select all", filterThreshold = 8, className = "", disabled, style, "aria-invalid": ariaInvalid, ...rest }, ref) {
+    const [open, setOpen] = useState(false);
+    const [query, setQuery] = useState("");
+    // No options to choose → nothing the popover can do; present as disabled (mirrors an empty select).
+    const isDisabled = Boolean(disabled) || options.length === 0;
+    const selected = new Set(value);
+    const allSelected = isAllSelected(value, options);
+    const showFilter = options.length > filterThreshold;
+    const visibleOptions = showFilter ? filterOptions(options, query) : options;
+    const _style = {
+        "--height": sizes[$size].height,
+        "--padding-inline": sizes[$size].paddingInline,
+        "--font-size": sizes[$size].fontSize,
+        ...style
+    };
+    const triggerClassName = classNames(styles.trigger, styles[`size-${$size}`], {
+        [styles.triggerError]: hasError,
+        [styles.auto]: !$fullWidth
+    }, className);
+    const trigger = /*#__PURE__*/ _jsx("button", {
+        ref: ref,
+        type: "button",
+        className: triggerClassName,
+        style: _style,
+        disabled: isDisabled,
+        "aria-invalid": ariaInvalid ?? hasError,
+        ...rest,
+        children: /*#__PURE__*/ _jsx("span", {
+            className: styles.summary,
+            children: summarizeSelection(value, options, placeholder)
+        })
+    });
+    const handleOpenChange = (next)=>{
+        setOpen(next);
+        // Popover closed → the user is done with the field; only now mark it touched.
+        if (!next) onBlur?.();
+    };
+    return /*#__PURE__*/ _jsx(Popup, {
+        open: open && !isDisabled,
+        onOpenChange: handleOpenChange,
+        $trigger: trigger,
+        $align: "start",
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: styles.menu,
+            role: "group",
+            "aria-label": selectAllLabel,
+            children: [
+                showFilter && /*#__PURE__*/ _jsx("input", {
+                    className: styles.filter,
+                    type: "text",
+                    value: query,
+                    placeholder: "Filter…",
+                    onChange: (event)=>setQuery(event.target.value),
+                    "aria-label": "Filter options"
+                }),
+                /*#__PURE__*/ _jsxs("label", {
+                    className: styles.option,
+                    children: [
+                        /*#__PURE__*/ _jsx(Checkbox, {
+                            checked: allSelected,
+                            onChange: ()=>onChange(selectAllValue(value, options)),
+                            "aria-label": selectAllLabel
+                        }),
+                        /*#__PURE__*/ _jsx("span", {
+                            className: styles.optionLabel,
+                            children: selectAllLabel
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx("div", {
+                    className: styles.divider,
+                    role: "separator"
+                }),
+                visibleOptions.map((option)=>/*#__PURE__*/ _jsxs("label", {
+                        className: styles.option,
+                        children: [
+                            /*#__PURE__*/ _jsx(Checkbox, {
+                                checked: selected.has(option.value),
+                                onChange: ()=>onChange(toggleValue(value, option.value))
+                            }),
+                            /*#__PURE__*/ _jsx("span", {
+                                className: styles.optionCode,
+                                children: option.value
+                            }),
+                            option.label !== option.value && /*#__PURE__*/ _jsx("span", {
+                                className: styles.optionLabel,
+                                children: option.label
+                            })
+                        ]
+                    }, option.value))
+            ]
+        })
+    });
+});
+export default MultiSelect;
+
+//# sourceMappingURL=MultiSelect.js.map

package/dist/client/shared/ui/MultiSelect/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./MultiSelect";
+export type { MultiSelectOption } from "./multiSelectModel";

package/dist/client/shared/ui/MultiSelect/index.js

@@ -0,0 +1,3 @@
+export { default } from "./MultiSelect";
+
+//# sourceMappingURL=index.js.map

package/dist/client/shared/ui/MultiSelect/multiSelectModel.d.ts

@@ -0,0 +1,25 @@
+/** An option in a {@link MultiSelect} — same shape as the single `Select`'s option list. */
+export type MultiSelectOption = {
+    value: string;
+    label: string;
+};
+/**
+ * The selected values in option order, restricted to values that still exist in `options`. Using this
+ * everywhere (display + counts) keeps the control stable when the selection holds a stale value that is
+ * no longer a configured option — it is simply ignored rather than skewing the summary.
+ */
+export declare function orderedSelection(value: string[], options: MultiSelectOption[]): string[];
+/** True when every option is selected (and there is at least one option). */
+export declare function isAllSelected(value: string[], options: MultiSelectOption[]): boolean;
+/** Toggle one value in/out of the selection, preserving the existing order (append on add). */
+export declare function toggleValue(value: string[], option: string): string[];
+/** The next value for a "select all" toggle: clear when all are already selected, else select all. */
+export declare function selectAllValue(value: string[], options: MultiSelectOption[]): string[];
+/**
+ * Compact single-line trigger summary — `placeholder` when nothing is selected, `All (N)` when every
+ * option is, otherwise up to two locale codes followed by a `+N` overflow (e.g. `de, fr +2`). Ordered
+ * by option order so it never depends on the click order.
+ */
+export declare function summarizeSelection(value: string[], options: MultiSelectOption[], placeholder: string): string;
+/** Case-insensitive filter over option value + label; a blank/whitespace query returns all options. */
+export declare function filterOptions(options: MultiSelectOption[], query: string): MultiSelectOption[];

package/dist/client/shared/ui/MultiSelect/multiSelectModel.js

@@ -0,0 +1,41 @@
+/** An option in a {@link MultiSelect} — same shape as the single `Select`'s option list. */ /**
+ * The selected values in option order, restricted to values that still exist in `options`. Using this
+ * everywhere (display + counts) keeps the control stable when the selection holds a stale value that is
+ * no longer a configured option — it is simply ignored rather than skewing the summary.
+ */ export function orderedSelection(value, options) {
+    const selected = new Set(value);
+    return options.filter((option)=>selected.has(option.value)).map((option)=>option.value);
+}
+/** True when every option is selected (and there is at least one option). */ export function isAllSelected(value, options) {
+    if (options.length === 0) return false;
+    const selected = new Set(value);
+    return options.every((option)=>selected.has(option.value));
+}
+/** Toggle one value in/out of the selection, preserving the existing order (append on add). */ export function toggleValue(value, option) {
+    return value.includes(option) ? value.filter((v)=>v !== option) : [
+        ...value,
+        option
+    ];
+}
+/** The next value for a "select all" toggle: clear when all are already selected, else select all. */ export function selectAllValue(value, options) {
+    return isAllSelected(value, options) ? [] : options.map((option)=>option.value);
+}
+/**
+ * Compact single-line trigger summary — `placeholder` when nothing is selected, `All (N)` when every
+ * option is, otherwise up to two locale codes followed by a `+N` overflow (e.g. `de, fr +2`). Ordered
+ * by option order so it never depends on the click order.
+ */ export function summarizeSelection(value, options, placeholder) {
+    const selected = orderedSelection(value, options);
+    if (selected.length === 0) return placeholder;
+    if (isAllSelected(value, options)) return `All (${options.length})`;
+    const shown = selected.slice(0, 2).join(", ");
+    const extra = selected.length - 2;
+    return extra > 0 ? `${shown} +${extra}` : shown;
+}
+/** Case-insensitive filter over option value + label; a blank/whitespace query returns all options. */ export function filterOptions(options, query) {
+    const q = query.trim().toLowerCase();
+    if (q.length === 0) return options;
+    return options.filter((option)=>option.value.toLowerCase().includes(q) || option.label.toLowerCase().includes(q));
+}
+
+//# sourceMappingURL=multiSelectModel.js.map

package/dist/client/shared/ui/MultiSelect/styles.module.scss

@@ -0,0 +1,126 @@
+// The collapsed trigger is a <button> made to look identical to the single Select's <select>:
+// same box, same inline-SVG chevron, same focus ring / error / disabled states and size ramp.
+.trigger {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: var(--height, 40px);
+  padding-top: calc((var(--height, 40px) - var(--font-size, 1rem) * 1.2) / 2);
+  padding-bottom: calc((var(--height, 40px) - var(--font-size, 1rem) * 1.2) / 2);
+  padding-left: var(--padding-inline, 0.75rem);
+  padding-right: calc(var(--padding-inline, 0.75rem) + 24px); // room for the chevron
+  border: 1px solid var(--theme-elevation-150);
+  border-radius: var(--style-radius-s);
+  background-color: var(--theme-input-bg);
+  color: var(--theme-elevation-800);
+  font-size: var(--font-size, 1rem);
+  text-align: left;
+  cursor: pointer;
+  flex-shrink: 0;
+
+  // Same chevron as Select (inline SVG in the background), right-aligned.
+  appearance: none;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 20 20' %3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
+  background-position: right var(--padding-inline, 0.75rem) center;
+  background-repeat: no-repeat;
+  background-size: 16px 16px;
+
+  &:focus {
+    outline: 2px solid var(--theme-success-200);
+    outline-offset: -1px;
+    border-color: var(--theme-success-500);
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+}
+
+// Opt out of full width (`$fullWidth={false}`) — size to content, e.g. inline in a row.
+.auto {
+  width: auto;
+}
+
+.size-sm {
+  background-size: 12px 12px;
+}
+
+.size-md {
+  background-size: 14px 14px;
+}
+
+.size-lg {
+  background-size: 16px 16px;
+}
+
+.triggerError {
+  border-color: var(--theme-error-600);
+  background-color: var(--theme-error-100);
+
+  &:focus {
+    outline: 2px solid var(--theme-error-200);
+    outline-offset: -1px;
+  }
+}
+
+.summary {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.menu {
+  display: flex;
+  flex-direction: column;
+  gap: 0.125rem;
+  // Never narrower than the trigger, but grow to fit the option content (Radix exposes the width).
+  min-width: var(--radix-popover-trigger-width);
+  width: max-content;
+  max-width: 320px;
+  max-height: 280px;
+  overflow-y: auto;
+}
+
+.filter {
+  margin-bottom: 0.25rem;
+  padding: 0.25rem 0.5rem;
+  border: 1px solid var(--theme-elevation-150);
+  border-radius: var(--style-radius-s);
+  background: var(--theme-input-bg);
+  color: var(--theme-text);
+  font-size: 0.875rem;
+}
+
+.option {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.25rem 0.375rem;
+  border-radius: var(--style-radius-s);
+  cursor: pointer;
+  font-size: 0.875rem;
+  white-space: nowrap;
+
+  &:hover {
+    background: var(--theme-elevation-100);
+  }
+}
+
+.optionCode {
+  font-variant-numeric: tabular-nums;
+  text-transform: uppercase;
+  font-size: 0.8125rem;
+}
+
+.optionLabel {
+  color: var(--theme-elevation-600);
+}
+
+.divider {
+  height: 1px;
+  margin: 0.125rem 0;
+  background: var(--theme-elevation-150);
+}

package/dist/client/shared/ui/form/FormCheckboxPublish/FormCheckboxPublish.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { FormCheckbox } from "../FormCheckbox";
-import Tooltip from "../../Tooltip";
-import { QuestionCircleIcon } from "../../../lib/assets/icons/QuestionCircleIcon";
+import InfoPopover from "../../InfoPopover";
 import styles from "./styles.module.scss";
 const PUBLISH_LABEL = "Publish after translation";
 const PUBLISH_TOOLTIP = /*#__PURE__*/ _jsxs(_Fragment, {
@@ -15,13 +14,11 @@ const PublishLabel = /*#__PURE__*/ _jsxs("span", {
     className: styles.label,
     children: [
         PUBLISH_LABEL,
-        /*#__PURE__*/ _jsx(Tooltip, {
+        /*#__PURE__*/ _jsx(InfoPopover, {
+            label: "What does publish after translation do?",
             content: PUBLISH_TOOLTIP,
             side: "bottom",
-            children: /*#__PURE__*/ _jsx("span", {
-                className: styles.label__icon,
-                children: /*#__PURE__*/ _jsx(QuestionCircleIcon, {})
-            })
+            className: styles.label__icon
         })
     ]
 });

package/dist/client/shared/ui/form/FormMultiSelect/FormMultiSelect.d.ts

@@ -0,0 +1,22 @@
+import type { ReactElement } from "react";
+import type { MultiSelectOption } from "../../MultiSelect";
+type FormMultiSelectProps = {
+    name: string;
+    required?: boolean;
+    options: MultiSelectOption[];
+    label?: string | ReactElement;
+    description?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    size?: "sm" | "md" | "lg";
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    className?: string;
+};
+/**
+ * Binds a react-hook-form field (a `string[]` value) to the {@link MultiSelect} primitive, with the
+ * same label / description / error affordances as {@link FormSelect}. The single-select analogue is
+ * `FormSelect`; this is its multi counterpart. A non-array field value is coerced to `[]`.
+ */
+export default function FormMultiSelect({ name, required, options, label, description, placeholder, disabled, size, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, className, }: FormMultiSelectProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/client/shared/ui/form/FormMultiSelect/FormMultiSelect.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useId } from "react";
+import { useController } from "react-hook-form";
+import Description from "../../Description";
+import Label from "../../Label";
+import MultiSelect from "../../MultiSelect";
+/**
+ * Binds a react-hook-form field (a `string[]` value) to the {@link MultiSelect} primitive, with the
+ * same label / description / error affordances as {@link FormSelect}. The single-select analogue is
+ * `FormSelect`; this is its multi counterpart. A non-array field value is coerced to `[]`.
+ */ export default function FormMultiSelect({ name, required, options, label, description, placeholder, disabled, size, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, className }) {
+    const { field, fieldState, formState } = useController({
+        name,
+        rules: {
+            required
+        }
+    });
+    const errorId = useId();
+    const descriptionId = useId();
+    const value = Array.isArray(field.value) ? field.value : [];
+    const isDisabled = field.disabled || formState.disabled || formState.isSubmitting || disabled;
+    const control = /*#__PURE__*/ _jsx(MultiSelect, {
+        ref: field.ref,
+        value: value,
+        onChange: field.onChange,
+        onBlur: field.onBlur,
+        options: options,
+        name: field.name,
+        placeholder: placeholder,
+        disabled: isDisabled,
+        hasError: fieldState.invalid,
+        $size: size,
+        "aria-describedby": `${errorId} ${descriptionId}`,
+        "aria-label": label ? undefined : ariaLabel ?? "Select options",
+        "aria-labelledby": label ? undefined : ariaLabelledby
+    });
+    const errorAndDescription = /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            fieldState.error && /*#__PURE__*/ _jsx(Description, {
+                variant: "error",
+                id: errorId,
+                children: fieldState.error.message
+            }),
+            description && /*#__PURE__*/ _jsx(Description, {
+                id: descriptionId,
+                children: description
+            })
+        ]
+    });
+    if (!label) {
+        return /*#__PURE__*/ _jsxs("div", {
+            className: className,
+            children: [
+                control,
+                errorAndDescription
+            ]
+        });
+    }
+    return /*#__PURE__*/ _jsxs(Label, {
+        className: className,
+        label: label,
+        $size: size,
+        children: [
+            control,
+            errorAndDescription
+        ]
+    });
+}
+
+//# sourceMappingURL=FormMultiSelect.js.map

package/dist/client/shared/ui/form/FormMultiSelect/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./FormMultiSelect";

package/dist/client/shared/ui/form/FormMultiSelect/index.js

@@ -0,0 +1,3 @@
+export { default } from "./FormMultiSelect";
+
+//# sourceMappingURL=index.js.map

package/dist/client/shared/ui/form/FormSelectStrategy/FormSelectStrategy.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import FormSelect from "../FormSelect";
-import Tooltip from "../../Tooltip";
-import { QuestionCircleIcon } from "../../../lib/assets/icons/QuestionCircleIcon";
+import InfoPopover from "../../InfoPopover";
 import styles from "./styles.module.scss";
 const STRATEGY_OPTIONS = [
     {
@@ -31,13 +30,11 @@ const StrategyLabel = /*#__PURE__*/ _jsxs("span", {
     className: styles.label,
     children: [
         STRATEGY_LABEL,
-        /*#__PURE__*/ _jsx(Tooltip, {
+        /*#__PURE__*/ _jsx(InfoPopover, {
+            label: "What is update mode?",
             content: STRATEGY_TOOLTIP,
             side: "bottom",
-            children: /*#__PURE__*/ _jsx("span", {
-                className: styles.label__icon,
-                children: /*#__PURE__*/ _jsx(QuestionCircleIcon, {})
-            })
+            className: styles.label__icon
         })
     ]
 });

package/dist/client/widgets/bulk-translation-dashboard/ui/BulkTranslationDashboard.d.ts

@@ -1,7 +1,9 @@
 import type { AutoTranslateSummary } from "../../../entities/translation/model/autoTranslateSummary";
+import type { TargetSelectionMode } from "../../../../types/TargetSelection";
 type BulkTranslationDashboardProps = {
     hasDrafts: boolean;
     autoTranslate: AutoTranslateSummary | null;
+    targetSelection: TargetSelectionMode;
 };
-export default function BulkTranslationDashboard({ hasDrafts, autoTranslate, }: BulkTranslationDashboardProps): import("react/jsx-runtime").JSX.Element;
+export default function BulkTranslationDashboard({ hasDrafts, autoTranslate, targetSelection, }: BulkTranslationDashboardProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/client/widgets/bulk-translation-dashboard/ui/BulkTranslationDashboard.export.d.ts

@@ -1,8 +1,10 @@
 import type { AccessGuard } from "../../../../types/AccessGuard";
 import type { RawPayloadComponentExport } from "../../../../types/PayloadComponentExport";
+import type { TargetSelectionMode } from "../../../../types/TargetSelection";
 export declare class BulkDocumentTranslationDashboard implements RawPayloadComponentExport {
     readonly access: AccessGuard;
+    readonly targetSelection: TargetSelectionMode;
     serverProps?: object | Record<string, any> | undefined;
-    constructor(access?: AccessGuard);
+    constructor(access?: AccessGuard, targetSelection?: TargetSelectionMode);
     path: string;
 }

package/dist/client/widgets/bulk-translation-dashboard/ui/BulkTranslationDashboard.export.js

@@ -2,12 +2,15 @@ import { AnyAccessGuard } from "../../../../server/shared";
 import { clientComponentPath } from "../../../shared/utils/componentPath";
 export class BulkDocumentTranslationDashboard {
     access;
+    targetSelection;
     serverProps;
-    constructor(access = new AnyAccessGuard()){
+    constructor(access = new AnyAccessGuard(), targetSelection = "single"){
         this.access = access;
+        this.targetSelection = targetSelection;
         this.path = clientComponentPath("widgets/bulk-translation-dashboard/ui/BulkTranslationDashboard.server");
         this.serverProps = {
-            access
+            access,
+            targetSelection
         };
     }
     path;

package/dist/client/widgets/bulk-translation-dashboard/ui/BulkTranslationDashboard.js

@@ -11,7 +11,7 @@ import { CollectionTranslationProgress } from "../../../features/collection-tran
 import { handleFormError } from "../../../shared/lib/forms/handle-form-error";
 import { useCollectionDashboardUrlParams } from "../../../shared/lib/payload/hooks/useCollectionDashboardUrlParams";
 import styles from "./styles.module.scss";
-export default function BulkTranslationDashboard({ hasDrafts, autoTranslate }) {
+export default function BulkTranslationDashboard({ hasDrafts, autoTranslate, targetSelection }) {
     const locale = useLocale();
     const { collection } = useCollectionDashboardUrlParams();
     const documentsSelection = useSelection();
@@ -28,10 +28,14 @@ export default function BulkTranslationDashboard({ hasDrafts, autoTranslate }) {
     ]);
     const initialValues = useMemo(()=>({
             [FORM_FIELDS.SOURCE_LNG]: locale.code,
+            // Multi mode binds an array; single mode a string. Seed the matching empty value so the field
+            // starts with the right shape (and invalid until a target is chosen).
+            [FORM_FIELDS.TARGET_LNG]: targetSelection === "multi" ? [] : "",
             [FORM_FIELDS.HIDDEN_COLLECTION_SLUG]: collection
         }), [
         locale.code,
-        collection
+        collection,
+        targetSelection
     ]);
     const { form } = CollectionTranslationFormModel.useForm({
         initialValues,
@@ -82,7 +86,8 @@ export default function BulkTranslationDashboard({ hasDrafts, autoTranslate }) {
                         form: form,
                         onSubmit: handleSubmit,
                         selectedCount: selectedCount,
-                        hasDrafts: hasDrafts
+                        hasDrafts: hasDrafts,
+                        targetSelection: targetSelection
                     })
                 ]
             }),

package/dist/client/widgets/bulk-translation-dashboard/ui/BulkTranslationDashboard.server.d.ts

@@ -1,7 +1,9 @@
 import type { BeforeListTableServerProps } from "payload";
 import type { AccessGuard } from "../../../../types/AccessGuard";
+import type { TargetSelectionMode } from "../../../../types/TargetSelection";
 type BulkTranslationDashboardServerProps = BeforeListTableServerProps & {
     access: AccessGuard;
+    targetSelection: TargetSelectionMode;
 };
 declare const BulkTranslationDashboardServer: (props: BulkTranslationDashboardServerProps) => Promise<import("react/jsx-runtime").JSX.Element | null>;
 export default BulkTranslationDashboardServer;

package/dist/client/widgets/bulk-translation-dashboard/ui/BulkTranslationDashboard.server.js

@@ -19,7 +19,8 @@ const BulkTranslationDashboardServer = async (props)=>{
     const autoTranslate = resolveAutoTranslateSummary(collection, props.payload.config.localization ? props.payload.config.localization.defaultLocale : undefined);
     return /*#__PURE__*/ _jsx(BulkTranslationDashboard, {
         hasDrafts: hasDrafts,
-        autoTranslate: autoTranslate
+        autoTranslate: autoTranslate,
+        targetSelection: props.targetSelection
     });
 };
 export default BulkTranslationDashboardServer;

package/dist/client/widgets/translate-document/ui/TranslateDocument.d.ts

@@ -1,7 +1,9 @@
 import type { AutoTranslateSummary } from "../../../entities/translation/model/autoTranslateSummary";
+import type { TargetSelectionMode } from "../../../../types/TargetSelection";
 type TranslateDocumentProps = {
     hasDrafts: boolean;
     autoTranslate: AutoTranslateSummary | null;
+    targetSelection: TargetSelectionMode;
 };
-declare const TranslateDocument: ({ hasDrafts, autoTranslate }: TranslateDocumentProps) => import("react/jsx-runtime").JSX.Element;
+declare const TranslateDocument: ({ hasDrafts, autoTranslate, targetSelection, }: TranslateDocumentProps) => import("react/jsx-runtime").JSX.Element;
 export default TranslateDocument;

package/dist/client/widgets/translate-document/ui/TranslateDocument.export.d.ts

@@ -1,10 +1,12 @@
 import type { CollectionConfig } from "payload";
 import type { AccessGuard } from "../../../../types/AccessGuard";
 import type { RawPayloadComponentExport } from "../../../../types/PayloadComponentExport";
+import type { TargetSelectionMode } from "../../../../types/TargetSelection";
 export declare class TranslateDocumentExport implements RawPayloadComponentExport {
     readonly collection: CollectionConfig;
     readonly access: AccessGuard;
+    readonly targetSelection: TargetSelectionMode;
     serverProps?: object | Record<string, any> | undefined;
-    constructor(collection: CollectionConfig, access?: AccessGuard);
+    constructor(collection: CollectionConfig, access?: AccessGuard, targetSelection?: TargetSelectionMode);
     path: string;
 }

package/dist/client/widgets/translate-document/ui/TranslateDocument.export.js

@@ -3,14 +3,17 @@ import { clientComponentPath } from "../../../shared/utils/componentPath";
 export class TranslateDocumentExport {
     collection;
     access;
+    targetSelection;
     serverProps;
-    constructor(collection, access = new AnyAccessGuard()){
+    constructor(collection, access = new AnyAccessGuard(), targetSelection = "single"){
         this.collection = collection;
         this.access = access;
+        this.targetSelection = targetSelection;
         this.path = clientComponentPath("widgets/translate-document/ui/TranslateDocument.server");
         this.serverProps = {
             collection,
-            access
+            access,
+            targetSelection
         };
     }
     path;