nudge-ui 0.2.4 → 0.2.6

package/dist/inspector/styleEditors/PositionInsets.d.ts

@@ -1,15 +0,0 @@
-import type { ReactElement } from "react";
-import type { TokenEntry } from "../../css/model/index.js";
-import type { ResolvedProperty } from "../../css/model/index.js";
-import type { EditTarget } from "../selection/editTarget.js";
-import type { StyleSelection } from "../selection/styleSelection.js";
-export interface PositionInsetsProps {
-    domElement: HTMLElement;
-    editTarget?: EditTarget;
-    selection?: StyleSelection | null;
-    entries?: TokenEntry[];
-    tokenRows?: ResolvedProperty[];
-    revision?: number;
-    onAfterEdit?: () => void;
-}
-export declare function PositionInsets({ domElement: el, editTarget, selection, entries, tokenRows, onAfterEdit, }: PositionInsetsProps): ReactElement;

package/dist/inspector/styleEditors/PositionInsets.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getNudgeUiTokenEntries } from "../runtime/runtimeConfig.js";
-import { projectInspectorValues, projectInspectorValuesForSelection } from "../spacing/projection.js";
-import { SpacingField } from "./SpacingBox.js";
-const OFFSET_PRESETS = ["auto", "0", "50%", "100%"];
-export function PositionInsets({ domElement: el, editTarget, selection, entries, tokenRows = [], onAfterEdit, }) {
-    const allEntries = entries ?? getNudgeUiTokenEntries();
-    const projection = selection
-        ? projectInspectorValuesForSelection(selection)
-        : projectInspectorValues(el, tokenRows);
-    return (_jsxs("div", { className: "layout__group", "data-test": "layout-position", children: [_jsx("div", { className: "editor__title", children: "Position" }), _jsx(SpacingField, { property: "inset", projection: projection.spacing.inset, domElement: el, editTarget: editTarget, selection: selection, entries: allEntries, tokenRows: tokenRows, onAfterEdit: onAfterEdit, showLabel: false, showEmptyState: false, suggestions: OFFSET_PRESETS })] }));
-}

package/dist/inspector/tokens/TokenDropdown.d.ts

@@ -1,13 +0,0 @@
-import type { ReactElement } from "react";
-import type { TokenEntry } from "../../css/model/index.js";
-import type { ResolvedProperty } from "../../css/model/index.js";
-import type { CssValueGrammar, TokenSemanticSlot } from "../../css/value-semantics/index.js";
-export interface TokenDropdownProps {
-    row: ResolvedProperty;
-    domElement: HTMLElement;
-    entries: TokenEntry[];
-    slot?: TokenSemanticSlot;
-    grammar?: CssValueGrammar;
-    onAfterEdit?: () => void;
-}
-export declare function TokenDropdown(props: TokenDropdownProps): ReactElement;

package/dist/inspector/tokens/TokenDropdown.js

@@ -1,59 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { swapToken, promoteToToken } from "./editActions.js";
-import { Select } from "../ui/Select.js";
-import { selectTokens, TOKEN_GROUP_LABELS, TOKEN_GROUP_ORDER, } from "../../css/value-semantics/index.js";
-function groupTokens(entries) {
-    const map = new Map();
-    for (const entry of entries) {
-        const group = entry.group;
-        let list = map.get(group);
-        if (!list) {
-            list = [];
-            map.set(group, list);
-        }
-        list.push(entry);
-    }
-    return map;
-}
-export function TokenDropdown(props) {
-    const { row, domElement, entries, slot, grammar, onAfterEdit } = props;
-    const candidates = useMemo(() => selectTokens({
-        element: domElement,
-        property: row.property,
-        slot,
-        entries,
-        currentToken: row.tokenName,
-        grammar,
-    }).candidates, [domElement, entries, grammar, row.property, row.tokenName, slot]);
-    const grouped = useMemo(() => groupTokens(candidates), [candidates]);
-    function handleSelect(value) {
-        const chosen = candidates.find(({ entry }) => entry.name === value)?.entry;
-        if (!chosen)
-            return;
-        const oldToken = row.tokenName
-            ? entries.find((entry) => entry.name === row.tokenName || entry.cssName === row.tokenName) ?? null
-            : null;
-        swapToken(domElement, row.property, chosen, oldToken);
-        onAfterEdit?.();
-    }
-    function handlePromote(value) {
-        const chosen = entries.find((entry) => entry.name === value);
-        if (!chosen)
-            return;
-        promoteToToken(domElement, row.property, chosen);
-        onAfterEdit?.();
-    }
-    const hasToken = row.tokenName !== null;
-    const selectValue = row.tokenName ?? "";
-    const selectGroups = TOKEN_GROUP_ORDER.flatMap((group) => {
-        const list = grouped.get(group);
-        if (!list || list.length === 0)
-            return [];
-        return [{
-                label: TOKEN_GROUP_LABELS[group],
-                options: list.map(({ entry }) => ({ value: entry.name, label: entry.name })),
-            }];
-    });
-    return (_jsx("span", { className: "token-dropdown", "data-test": "token-dropdown", children: hasToken ? (_jsx(Select, { "data-test": "token-select", value: selectValue, groups: selectGroups, searchable: true, searchPlaceholder: "Search", searchAriaLabel: "Search tokens", onValueChange: handleSelect })) : (_jsx("span", { className: "token-promote", "data-test": "token-promote", children: _jsx(Select, { "data-test": "token-promote-select", value: "", placeholder: "Replace with token\u2026", groups: selectGroups, searchable: true, searchPlaceholder: "Search", searchAriaLabel: "Search tokens", onValueChange: handlePromote }) })) }));
-}