@gooddata/sdk-ui-kit 11.42.0 → 11.43.0-alpha.1

package/esm/@ui/UiLabelsPicker/UiLabelsPicker.d.ts

@@ -1,64 +0,0 @@
-import { type ReactElement } from "react";
-import { type LabelRowKind } from "../UiLabelRow/UiLabelRow.js";
-/**
- * One label entry in the picker.
- *
- * @internal
- */
-export interface IUiLabelsPickerItem {
-    /** Stable identifier — used as the React key and in selection state. */
-    id: string;
-    /** Label text. */
-    label: string;
-    /** Drives the icon + suffix. Omit for a regular label. */
-    kind?: LabelRowKind;
-    /**
-     * When true the item is rendered locked (checked + disabled). Used for
-     * the primary-key row, which is always included.
-     */
-    locked?: boolean;
-}
-/**
- * Predicate the picker uses to decide whether an item is effectively selected:
- * locked items always count as selected, otherwise membership in the staged
- * `selected` set. Exported so consumers (e.g. the grantee row counter) can
- * apply the same rule without re-encoding it.
- *
- * @internal
- */
-export declare const isLabelsPickerItemChecked: (item: IUiLabelsPickerItem, selectedIds: readonly string[]) => boolean;
-/**
- * @internal
- */
-export interface IUiLabelsPickerProps {
-    /** Element that opens the picker on click. */
-    anchor: ReactElement<any>;
-    /** All available label items, in source order. */
-    items: ReadonlyArray<IUiLabelsPickerItem>;
-    /**
-     * Initial set of selected item ids. Locked items are always treated as
-     * selected regardless of what's passed here. Consumers that need to
-     * reset the staged state when switching contexts (e.g. picking labels
-     * for a different grantee) should pass `key={contextId}` so React
-     * remounts the picker body.
-     */
-    defaultSelectedIds: ReadonlyArray<string>;
-    /**
-     * Fires when the user clicks Apply with the (locked-augmented) set of
-     * selected ids. The picker keeps its own staged state — the caller is
-     * notified only on commit.
-     */
-    onApply: (selectedIds: string[]) => void;
-    /** Test id forwarded to the picker body. */
-    dataTestId?: string;
-}
-/**
- * Per-label picker popover. Anchored on a click target; stages selection
- * internally and commits via `onApply`. Locked items are always included
- * — at render time via {@link isLabelsPickerItemChecked} and again at
- * commit via the locked-aware filter.
- *
- * @internal
- */
-export declare function UiLabelsPicker({ anchor, items, defaultSelectedIds, onApply, dataTestId }: IUiLabelsPickerProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=UiLabelsPicker.d.ts.map

package/esm/@ui/UiLabelsPicker/UiLabelsPicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UiLabelsPicker.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiLabelsPicker/UiLabelsPicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,YAAY,EAAyC,MAAM,OAAO,CAAC;AAQrG,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAKhE;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAChC,0EAAwE;IACxE,EAAE,EAAE,MAAM,CAAC;IACX,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,yBAAyB,wEAG6B,CAAC;AAEpE;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACjC,8CAA8C;IAC9C,MAAM,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;IAC1B,kDAAkD;IAClD,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAC1C;;;;;;OAMG;IACH,kBAAkB,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC1C;;;;OAIG;IACH,OAAO,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,EAC3B,MAAM,EACN,KAAK,EACL,kBAAkB,EAClB,OAAO,EACP,UAAU,EACb,EAAE,oBAAoB,2CAqBtB"}

package/esm/@ui/UiLabelsPicker/UiLabelsPicker.js

@@ -1,89 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// (C) 2026 GoodData Corporation
-import { useCallback, useId, useMemo, useState } from "react";
-import { useIntl } from "react-intl";
-import { commonDialogMessages, olpLabelMessages } from "../../locales.js";
-import { bem } from "../@utils/bem.js";
-import { UiButton } from "../UiButton/UiButton.js";
-import { UiLabelChecklistRow } from "../UiLabelChecklistRow/UiLabelChecklistRow.js";
-import { UiPopover } from "../UiPopover/UiPopover.js";
-const { b, e } = bem("gd-ui-kit-labels-picker");
-/**
- * Predicate the picker uses to decide whether an item is effectively selected:
- * locked items always count as selected, otherwise membership in the staged
- * `selected` set. Exported so consumers (e.g. the grantee row counter) can
- * apply the same rule without re-encoding it.
- *
- * @internal
- */
-export const isLabelsPickerItemChecked = (item, selectedIds) => item.locked === true || selectedIds.includes(item.id);
-/**
- * Per-label picker popover. Anchored on a click target; stages selection
- * internally and commits via `onApply`. Locked items are always included
- * — at render time via {@link isLabelsPickerItemChecked} and again at
- * commit via the locked-aware filter.
- *
- * @internal
- */
-export function UiLabelsPicker({ anchor, items, defaultSelectedIds, onApply, dataTestId, }) {
-    const intl = useIntl();
-    const groupId = useId();
-    return (_jsx(UiPopover, { anchor: anchor, anchorAccessibilityConfig: { ariaHaspopup: "dialog", ariaControls: groupId }, title: intl.formatMessage(olpLabelMessages.popoverTitle), width: 245, content: ({ onClose }) => (_jsx(PickerBody, { items: items, defaultSelectedIds: defaultSelectedIds, onApply: onApply, onClose: onClose, dataTestId: dataTestId, groupId: groupId })) }));
-}
-function PickerBody({ items, defaultSelectedIds, onApply, onClose, dataTestId, groupId }) {
-    const intl = useIntl();
-    // The user's staged toggles. We never merge locked ids into here — the
-    // locked-aware predicate handles that at render and at commit. The body
-    // only mounts when the popover opens, so this captures the initial
-    // selection once; parent rerenders don't disturb staged edits.
-    const [selected, setSelected] = useState(() => [...defaultSelectedIds]);
-    const toggle = useCallback((id, next) => {
-        setSelected((prev) => next ? (prev.includes(id) ? prev : [...prev, id]) : prev.filter((x) => x !== id));
-    }, []);
-    const handleApply = useCallback(() => {
-        onApply(items.filter((item) => isLabelsPickerItemChecked(item, selected)).map((item) => item.id));
-        onClose();
-    }, [items, selected, onApply, onClose]);
-    const isDirty = useMemo(() => {
-        // Compare against the locked-aware initial set so re-Apply on an
-        // unchanged selection stays disabled even when defaultSelectedIds
-        // omits a locked id (the picker silently includes it).
-        const initial = new Set();
-        for (const id of defaultSelectedIds)
-            initial.add(id);
-        for (const item of items)
-            if (item.locked)
-                initial.add(item.id);
-        const current = new Set();
-        for (const item of items) {
-            if (isLabelsPickerItemChecked(item, selected))
-                current.add(item.id);
-        }
-        if (initial.size !== current.size)
-            return true;
-        for (const id of initial) {
-            if (!current.has(id))
-                return true;
-        }
-        return false;
-    }, [items, defaultSelectedIds, selected]);
-    const handleKeyDown = (event) => {
-        // Enter commits when something has changed — scoped to the items
-        // group only so Enter on the footer Cancel/Apply buttons keeps its
-        // native semantics.
-        if (event.key === "Enter" && isDirty) {
-            event.preventDefault();
-            handleApply();
-        }
-    };
-    const suffixFor = (kind) => {
-        if (!kind)
-            return undefined;
-        return intl.formatMessage(kind === "primary" ? olpLabelMessages.suffixPrimary : olpLabelMessages.suffixDefault);
-    };
-    return (_jsxs("div", { className: b(), "data-testid": dataTestId, children: [
-            _jsx("div", { id: groupId, className: e("items"), role: "group", "aria-label": intl.formatMessage(olpLabelMessages.popoverTitle), onKeyDown: handleKeyDown, children: items.map((item) => (_jsx(UiLabelChecklistRow, { label: item.label, kind: item.kind, suffix: suffixFor(item.kind), checked: isLabelsPickerItemChecked(item, selected), disabled: item.locked, onChange: (next) => toggle(item.id, next) }, item.id))) }), _jsxs("div", { className: e("actions"), children: [
-                    _jsx(UiButton, { variant: "secondary", size: "small", label: intl.formatMessage(commonDialogMessages.cancel), onClick: onClose }), _jsx(UiButton, { variant: "primary", size: "small", label: intl.formatMessage(commonDialogMessages.apply), onClick: handleApply, isDisabled: !isDirty })
-                ] })
-        ] }));
-}