@trackunit/react-components 1.24.7 → 1.25.0

package/migrations/v2-0-0/notice-tooltiplabel-to-wrapper.js

@@ -0,0 +1,114 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.noticeTooltipLabelToWrapper = void 0;
+const tslib_1 = require("tslib");
+const ts = tslib_1.__importStar(require("typescript"));
+const jsx_utils_1 = require("../utils/jsx-utils");
+const PACKAGE_NAME = "@trackunit/react-components";
+const COMPONENT_NAME = "Notice";
+const ensureTooltipImport = (content) => {
+    const sourceFile = (0, jsx_utils_1.parseTsx)(content, "source.tsx");
+    const aliases = (0, jsx_utils_1.getImportedAliases)(sourceFile, PACKAGE_NAME);
+    if (aliases !== null && Object.values(aliases).includes("Tooltip"))
+        return content;
+    for (const stmt of sourceFile.statements) {
+        if (!ts.isImportDeclaration(stmt))
+            continue;
+        const moduleSpecifier = stmt.moduleSpecifier;
+        if (!ts.isStringLiteral(moduleSpecifier) || moduleSpecifier.text !== PACKAGE_NAME)
+            continue;
+        const namedBindings = stmt.importClause?.namedBindings;
+        if (namedBindings === undefined || !ts.isNamedImports(namedBindings))
+            continue;
+        const elementsText = namedBindings.elements.map(el => el.getText()).join(", ");
+        const merged = `${elementsText}, Tooltip`;
+        const before = content.slice(0, namedBindings.getStart());
+        const after = content.slice(namedBindings.getEnd());
+        return `${before}{ ${merged} }${after}`;
+    }
+    return `import { Tooltip } from "${PACKAGE_NAME}";\n${content}`;
+};
+const transformNoticeUsage = (filePath, content) => {
+    const sourceFile = (0, jsx_utils_1.parseTsx)(content, filePath);
+    const aliases = (0, jsx_utils_1.getImportedAliases)(sourceFile, PACKAGE_NAME);
+    if (aliases === null)
+        return null;
+    const localAlias = Object.entries(aliases).find(([, name]) => name === COMPONENT_NAME)?.[0];
+    if (localAlias === undefined)
+        return null;
+    const matches = (0, jsx_utils_1.findJsxElements)(sourceFile, [localAlias]);
+    if (matches.length === 0)
+        return null;
+    const edits = [];
+    for (const { openingElement, element } of matches) {
+        const tooltipLabelAttr = (0, jsx_utils_1.findJsxAttribute)(openingElement, "tooltipLabel");
+        const withTooltipAttr = (0, jsx_utils_1.findJsxAttribute)(openingElement, "withTooltip");
+        if (tooltipLabelAttr === null && withTooltipAttr === null)
+            continue;
+        let label = null;
+        if (tooltipLabelAttr !== null) {
+            const initializer = tooltipLabelAttr.initializer;
+            if (initializer !== undefined) {
+                if (ts.isStringLiteral(initializer)) {
+                    label = `"${initializer.text}"`;
+                }
+                else if (ts.isJsxExpression(initializer) && initializer.expression !== undefined) {
+                    label = `{${initializer.expression.getText()}}`;
+                }
+            }
+        }
+        const attrEdits = [];
+        for (const attr of [tooltipLabelAttr, withTooltipAttr]) {
+            if (attr === null)
+                continue;
+            attrEdits.push({ start: attr.getFullStart(), end: attr.getEnd() });
+        }
+        edits.push({
+            elementStart: element.getStart(),
+            elementEnd: element.getEnd(),
+            elementText: content.slice(element.getStart(), element.getEnd()),
+            label,
+            attrEdits,
+        });
+    }
+    if (edits.length === 0)
+        return null;
+    edits.sort((a, b) => b.elementStart - a.elementStart);
+    let updated = content;
+    let needsTooltipImport = false;
+    for (const edit of edits) {
+        // Remove the tooltipLabel/withTooltip attributes from the element first.
+        let elementWithoutAttrs = edit.elementText;
+        const sortedAttrEdits = [...edit.attrEdits].sort((a, b) => b.start - a.start);
+        for (const { start, end } of sortedAttrEdits) {
+            elementWithoutAttrs =
+                elementWithoutAttrs.slice(0, start - edit.elementStart) + elementWithoutAttrs.slice(end - edit.elementStart);
+        }
+        if (edit.label !== null) {
+            const wrapped = `<Tooltip label=${edit.label} placement="bottom">${elementWithoutAttrs}</Tooltip>`;
+            updated = updated.slice(0, edit.elementStart) + wrapped + updated.slice(edit.elementEnd);
+            needsTooltipImport = true;
+        }
+        else {
+            // No label to forward (e.g. only `withTooltip`); just strip the props.
+            updated = updated.slice(0, edit.elementStart) + elementWithoutAttrs + updated.slice(edit.elementEnd);
+        }
+    }
+    if (needsTooltipImport) {
+        updated = ensureTooltipImport(updated);
+    }
+    return updated;
+};
+/**
+ * Removes the deprecated `withTooltip`/`tooltipLabel` props from `<Notice>`
+ * usages. When a label is present the element is wrapped in `<Tooltip>` to
+ * preserve hover behaviour; when only `withTooltip` was set the props are
+ * dropped because they had no remaining effect.
+ */
+const noticeTooltipLabelToWrapper = (tree) => {
+    const touched = (0, jsx_utils_1.visitTsxFiles)(tree, "Notice", transformNoticeUsage);
+    (0, jsx_utils_1.logSummary)("notice-tooltiplabel-to-wrapper", touched);
+};
+exports.noticeTooltipLabelToWrapper = noticeTooltipLabelToWrapper;
+exports.default = exports.noticeTooltipLabelToWrapper;
+//# sourceMappingURL=notice-tooltiplabel-to-wrapper.js.map

package/migrations/v2-0-0/notice-tooltiplabel-to-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notice-tooltiplabel-to-wrapper.js","sourceRoot":"","sources":["../../../../../../libs/react/components/migrations/v2-0-0/notice-tooltiplabel-to-wrapper.ts"],"names":[],"mappings":";;;;AACA,uDAAiC;AACjC,kDAO4B;AAE5B,MAAM,YAAY,GAAG,6BAA6B,CAAC;AACnD,MAAM,cAAc,GAAG,QAAQ,CAAC;AAEhC,MAAM,mBAAmB,GAAG,CAAC,OAAe,EAAU,EAAE;IACtD,MAAM,UAAU,GAAG,IAAA,oBAAQ,EAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IACnD,MAAM,OAAO,GAAG,IAAA,8BAAkB,EAAC,UAAU,EAAE,YAAY,CAAC,CAAC;IAC7D,IAAI,OAAO,KAAK,IAAI,IAAI,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC;QAAE,OAAO,OAAO,CAAC;IAEnF,KAAK,MAAM,IAAI,IAAI,UAAU,CAAC,UAAU,EAAE,CAAC;QACzC,IAAI,CAAC,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC;YAAE,SAAS;QAC5C,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC;QAC7C,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,eAAe,CAAC,IAAI,eAAe,CAAC,IAAI,KAAK,YAAY;YAAE,SAAS;QAE5F,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,EAAE,aAAa,CAAC;QACvD,IAAI,aAAa,KAAK,SAAS,IAAI,CAAC,EAAE,CAAC,cAAc,CAAC,aAAa,CAAC;YAAE,SAAS;QAE/E,MAAM,YAAY,GAAG,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/E,MAAM,MAAM,GAAG,GAAG,YAAY,WAAW,CAAC;QAC1C,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC1D,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC,CAAC;QACpD,OAAO,GAAG,MAAM,KAAK,MAAM,KAAK,KAAK,EAAE,CAAC;IAC1C,CAAC;IAED,OAAO,4BAA4B,YAAY,OAAO,OAAO,EAAE,CAAC;AAClE,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,QAAgB,EAAE,OAAe,EAAiB,EAAE;IAChF,MAAM,UAAU,GAAG,IAAA,oBAAQ,EAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IAE/C,MAAM,OAAO,GAAG,IAAA,8BAAkB,EAAC,UAAU,EAAE,YAAY,CAAC,CAAC;IAC7D,IAAI,OAAO,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAElC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,IAAI,KAAK,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAC5F,IAAI,UAAU,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC;IAE1C,MAAM,OAAO,GAAG,IAAA,2BAAe,EAAC,UAAU,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAC1D,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAStC,MAAM,KAAK,GAAgB,EAAE,CAAC;IAE9B,KAAK,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,OAAO,EAAE,CAAC;QAClD,MAAM,gBAAgB,GAAG,IAAA,4BAAgB,EAAC,cAAc,EAAE,cAAc,CAAC,CAAC;QAC1E,MAAM,eAAe,GAAG,IAAA,4BAAgB,EAAC,cAAc,EAAE,aAAa,CAAC,CAAC;QACxE,IAAI,gBAAgB,KAAK,IAAI,IAAI,eAAe,KAAK,IAAI;YAAE,SAAS;QAEpE,IAAI,KAAK,GAAkB,IAAI,CAAC;QAChC,IAAI,gBAAgB,KAAK,IAAI,EAAE,CAAC;YAC9B,MAAM,WAAW,GAAG,gBAAgB,CAAC,WAAW,CAAC;YACjD,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;gBAC9B,IAAI,EAAE,CAAC,eAAe,CAAC,WAAW,CAAC,EAAE,CAAC;oBACpC,KAAK,GAAG,IAAI,WAAW,CAAC,IAAI,GAAG,CAAC;gBAClC,CAAC;qBAAM,IAAI,EAAE,CAAC,eAAe,CAAC,WAAW,CAAC,IAAI,WAAW,CAAC,UAAU,KAAK,SAAS,EAAE,CAAC;oBACnF,KAAK,GAAG,IAAI,WAAW,CAAC,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC;gBAClD,CAAC;YACH,CAAC;QACH,CAAC;QAED,MAAM,SAAS,GAA0C,EAAE,CAAC;QAC5D,KAAK,MAAM,IAAI,IAAI,CAAC,gBAAgB,EAAE,eAAe,CAAC,EAAE,CAAC;YACvD,IAAI,IAAI,KAAK,IAAI;gBAAE,SAAS;YAC5B,SAAS,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;QACrE,CAAC;QAED,KAAK,CAAC,IAAI,CAAC;YACT,YAAY,EAAE,OAAO,CAAC,QAAQ,EAAE;YAChC,UAAU,EAAE,OAAO,CAAC,MAAM,EAAE;YAC5B,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,OAAO,CAAC,MAAM,EAAE,CAAC;YAChE,KAAK;YACL,SAAS;SACV,CAAC,CAAC;IACL,CAAC;IAED,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEpC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,YAAY,CAAC,CAAC;IAEtD,IAAI,OAAO,GAAG,OAAO,CAAC;IACtB,IAAI,kBAAkB,GAAG,KAAK,CAAC;IAE/B,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,yEAAyE;QACzE,IAAI,mBAAmB,GAAG,IAAI,CAAC,WAAW,CAAC;QAC3C,MAAM,eAAe,GAAG,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;QAC9E,KAAK,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,eAAe,EAAE,CAAC;YAC7C,mBAAmB;gBACjB,mBAAmB,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,mBAAmB,CAAC,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC;QACjH,CAAC;QAED,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE,CAAC;YACxB,MAAM,OAAO,GAAG,kBAAkB,IAAI,CAAC,KAAK,uBAAuB,mBAAmB,YAAY,CAAC;YACnG,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,GAAG,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YACzF,kBAAkB,GAAG,IAAI,CAAC;QAC5B,CAAC;aAAM,CAAC;YACN,uEAAuE;YACvE,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,GAAG,mBAAmB,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACvG,CAAC;IACH,CAAC;IAED,IAAI,kBAAkB,EAAE,CAAC;QACvB,OAAO,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAC;IACzC,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF;;;;;GAKG;AACI,MAAM,2BAA2B,GAAG,CAAC,IAAU,EAAQ,EAAE;IAC9D,MAAM,OAAO,GAAG,IAAA,yBAAa,EAAC,IAAI,EAAE,QAAQ,EAAE,oBAAoB,CAAC,CAAC;IACpE,IAAA,sBAAU,EAAC,gCAAgC,EAAE,OAAO,CAAC,CAAC;AACxD,CAAC,CAAC;AAHW,QAAA,2BAA2B,+BAGtC;AAEF,kBAAe,mCAA2B,CAAC","sourcesContent":["import { type Tree } from \"@nx/devkit\";\nimport * as ts from \"typescript\";\nimport {\n  findJsxAttribute,\n  findJsxElements,\n  getImportedAliases,\n  logSummary,\n  parseTsx,\n  visitTsxFiles,\n} from \"../utils/jsx-utils\";\n\nconst PACKAGE_NAME = \"@trackunit/react-components\";\nconst COMPONENT_NAME = \"Notice\";\n\nconst ensureTooltipImport = (content: string): string => {\n  const sourceFile = parseTsx(content, \"source.tsx\");\n  const aliases = getImportedAliases(sourceFile, PACKAGE_NAME);\n  if (aliases !== null && Object.values(aliases).includes(\"Tooltip\")) return content;\n\n  for (const stmt of sourceFile.statements) {\n    if (!ts.isImportDeclaration(stmt)) continue;\n    const moduleSpecifier = stmt.moduleSpecifier;\n    if (!ts.isStringLiteral(moduleSpecifier) || moduleSpecifier.text !== PACKAGE_NAME) continue;\n\n    const namedBindings = stmt.importClause?.namedBindings;\n    if (namedBindings === undefined || !ts.isNamedImports(namedBindings)) continue;\n\n    const elementsText = namedBindings.elements.map(el => el.getText()).join(\", \");\n    const merged = `${elementsText}, Tooltip`;\n    const before = content.slice(0, namedBindings.getStart());\n    const after = content.slice(namedBindings.getEnd());\n    return `${before}{ ${merged} }${after}`;\n  }\n\n  return `import { Tooltip } from \"${PACKAGE_NAME}\";\\n${content}`;\n};\n\nconst transformNoticeUsage = (filePath: string, content: string): string | null => {\n  const sourceFile = parseTsx(content, filePath);\n\n  const aliases = getImportedAliases(sourceFile, PACKAGE_NAME);\n  if (aliases === null) return null;\n\n  const localAlias = Object.entries(aliases).find(([, name]) => name === COMPONENT_NAME)?.[0];\n  if (localAlias === undefined) return null;\n\n  const matches = findJsxElements(sourceFile, [localAlias]);\n  if (matches.length === 0) return null;\n\n  type Edit = {\n    elementStart: number;\n    elementEnd: number;\n    elementText: string;\n    label: string | null;\n    attrEdits: Array<{ start: number; end: number }>;\n  };\n  const edits: Array<Edit> = [];\n\n  for (const { openingElement, element } of matches) {\n    const tooltipLabelAttr = findJsxAttribute(openingElement, \"tooltipLabel\");\n    const withTooltipAttr = findJsxAttribute(openingElement, \"withTooltip\");\n    if (tooltipLabelAttr === null && withTooltipAttr === null) continue;\n\n    let label: string | null = null;\n    if (tooltipLabelAttr !== null) {\n      const initializer = tooltipLabelAttr.initializer;\n      if (initializer !== undefined) {\n        if (ts.isStringLiteral(initializer)) {\n          label = `\"${initializer.text}\"`;\n        } else if (ts.isJsxExpression(initializer) && initializer.expression !== undefined) {\n          label = `{${initializer.expression.getText()}}`;\n        }\n      }\n    }\n\n    const attrEdits: Array<{ start: number; end: number }> = [];\n    for (const attr of [tooltipLabelAttr, withTooltipAttr]) {\n      if (attr === null) continue;\n      attrEdits.push({ start: attr.getFullStart(), end: attr.getEnd() });\n    }\n\n    edits.push({\n      elementStart: element.getStart(),\n      elementEnd: element.getEnd(),\n      elementText: content.slice(element.getStart(), element.getEnd()),\n      label,\n      attrEdits,\n    });\n  }\n\n  if (edits.length === 0) return null;\n\n  edits.sort((a, b) => b.elementStart - a.elementStart);\n\n  let updated = content;\n  let needsTooltipImport = false;\n\n  for (const edit of edits) {\n    // Remove the tooltipLabel/withTooltip attributes from the element first.\n    let elementWithoutAttrs = edit.elementText;\n    const sortedAttrEdits = [...edit.attrEdits].sort((a, b) => b.start - a.start);\n    for (const { start, end } of sortedAttrEdits) {\n      elementWithoutAttrs =\n        elementWithoutAttrs.slice(0, start - edit.elementStart) + elementWithoutAttrs.slice(end - edit.elementStart);\n    }\n\n    if (edit.label !== null) {\n      const wrapped = `<Tooltip label=${edit.label} placement=\"bottom\">${elementWithoutAttrs}</Tooltip>`;\n      updated = updated.slice(0, edit.elementStart) + wrapped + updated.slice(edit.elementEnd);\n      needsTooltipImport = true;\n    } else {\n      // No label to forward (e.g. only `withTooltip`); just strip the props.\n      updated = updated.slice(0, edit.elementStart) + elementWithoutAttrs + updated.slice(edit.elementEnd);\n    }\n  }\n\n  if (needsTooltipImport) {\n    updated = ensureTooltipImport(updated);\n  }\n\n  return updated;\n};\n\n/**\n * Removes the deprecated `withTooltip`/`tooltipLabel` props from `<Notice>`\n * usages. When a label is present the element is wrapped in `<Tooltip>` to\n * preserve hover behaviour; when only `withTooltip` was set the props are\n * dropped because they had no remaining effect.\n */\nexport const noticeTooltipLabelToWrapper = (tree: Tree): void => {\n  const touched = visitTsxFiles(tree, \"Notice\", transformNoticeUsage);\n  logSummary(\"notice-tooltiplabel-to-wrapper\", touched);\n};\n\nexport default noticeTooltipLabelToWrapper;\n"]}

package/migrations/v2-0-0/pagination-add-required-titles.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.paginationAddRequiredTitles = void 0;
+const devkit_1 = require("@nx/devkit");
+const jsx_utils_1 = require("../utils/jsx-utils");
+const PACKAGE_NAME = "@trackunit/react-components";
+const COMPONENT_NAME = "Pagination";
+const PLACEHOLDERS = {
+    previousPageTitle: "Previous page",
+    nextPageTitle: "Next page",
+};
+const transformPaginationUsage = (filePath, content) => {
+    const sourceFile = (0, jsx_utils_1.parseTsx)(content, filePath);
+    const aliases = (0, jsx_utils_1.getImportedAliases)(sourceFile, PACKAGE_NAME);
+    if (aliases === null)
+        return null;
+    const localAlias = Object.entries(aliases).find(([, name]) => name === COMPONENT_NAME)?.[0];
+    if (localAlias === undefined)
+        return null;
+    const matches = (0, jsx_utils_1.findJsxElements)(sourceFile, [localAlias]);
+    if (matches.length === 0)
+        return null;
+    const edits = [];
+    for (const { openingElement } of matches) {
+        if ((0, jsx_utils_1.hasSpreadAttribute)(openingElement))
+            continue;
+        for (const [propName, placeholder] of Object.entries(PLACEHOLDERS)) {
+            if ((0, jsx_utils_1.findJsxAttribute)(openingElement, propName) !== null)
+                continue;
+            edits.push({
+                offset: openingElement.tagName.getEnd(),
+                text: ` ${propName}="${placeholder}"`,
+            });
+        }
+    }
+    if (edits.length === 0)
+        return null;
+    // Apply in reverse so earlier offsets stay valid; keep order at the same
+    // offset so attributes appear in declaration order in the source.
+    edits.sort((a, b) => (a.offset === b.offset ? 0 : b.offset - a.offset));
+    let updated = content;
+    for (const { offset, text } of edits) {
+        updated = updated.slice(0, offset) + text + updated.slice(offset);
+    }
+    return updated;
+};
+/**
+ * Adds the now-required `previousPageTitle` and `nextPageTitle` props to
+ * `<Pagination>` usages that don't already provide them. The values default
+ * to the English strings "Previous page"/"Next page"; consumers should
+ * replace them with their own localized strings.
+ *
+ * Usages with a spread attribute (e.g. `<Pagination {...props} />`) are
+ * skipped because we cannot tell whether the props are already provided.
+ */
+const paginationAddRequiredTitles = (tree) => {
+    const touched = (0, jsx_utils_1.visitTsxFiles)(tree, "Pagination", transformPaginationUsage);
+    (0, jsx_utils_1.logSummary)("pagination-add-required-titles", touched);
+    if (touched > 0) {
+        devkit_1.logger.info(`  Replace the placeholder "Previous page"/"Next page" strings with your own localized values.`);
+    }
+};
+exports.paginationAddRequiredTitles = paginationAddRequiredTitles;
+exports.default = exports.paginationAddRequiredTitles;
+//# sourceMappingURL=pagination-add-required-titles.js.map

package/migrations/v2-0-0/pagination-add-required-titles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-add-required-titles.js","sourceRoot":"","sources":["../../../../../../libs/react/components/migrations/v2-0-0/pagination-add-required-titles.ts"],"names":[],"mappings":"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","sourcesContent":["import { type Tree, logger } from \"@nx/devkit\";\nimport {\n  findJsxAttribute,\n  findJsxElements,\n  getImportedAliases,\n  hasSpreadAttribute,\n  logSummary,\n  parseTsx,\n  visitTsxFiles,\n} from \"../utils/jsx-utils\";\n\nconst PACKAGE_NAME = \"@trackunit/react-components\";\nconst COMPONENT_NAME = \"Pagination\";\n\nconst PLACEHOLDERS: Record<string, string> = {\n  previousPageTitle: \"Previous page\",\n  nextPageTitle: \"Next page\",\n};\n\nconst transformPaginationUsage = (filePath: string, content: string): string | null => {\n  const sourceFile = parseTsx(content, filePath);\n\n  const aliases = getImportedAliases(sourceFile, PACKAGE_NAME);\n  if (aliases === null) return null;\n\n  const localAlias = Object.entries(aliases).find(([, name]) => name === COMPONENT_NAME)?.[0];\n  if (localAlias === undefined) return null;\n\n  const matches = findJsxElements(sourceFile, [localAlias]);\n  if (matches.length === 0) return null;\n\n  type Edit = { offset: number; text: string };\n  const edits: Array<Edit> = [];\n\n  for (const { openingElement } of matches) {\n    if (hasSpreadAttribute(openingElement)) continue;\n\n    for (const [propName, placeholder] of Object.entries(PLACEHOLDERS)) {\n      if (findJsxAttribute(openingElement, propName) !== null) continue;\n      edits.push({\n        offset: openingElement.tagName.getEnd(),\n        text: ` ${propName}=\"${placeholder}\"`,\n      });\n    }\n  }\n\n  if (edits.length === 0) return null;\n\n  // Apply in reverse so earlier offsets stay valid; keep order at the same\n  // offset so attributes appear in declaration order in the source.\n  edits.sort((a, b) => (a.offset === b.offset ? 0 : b.offset - a.offset));\n\n  let updated = content;\n  for (const { offset, text } of edits) {\n    updated = updated.slice(0, offset) + text + updated.slice(offset);\n  }\n  return updated;\n};\n\n/**\n * Adds the now-required `previousPageTitle` and `nextPageTitle` props to\n * `<Pagination>` usages that don't already provide them. The values default\n * to the English strings \"Previous page\"/\"Next page\"; consumers should\n * replace them with their own localized strings.\n *\n * Usages with a spread attribute (e.g. `<Pagination {...props} />`) are\n * skipped because we cannot tell whether the props are already provided.\n */\nexport const paginationAddRequiredTitles = (tree: Tree): void => {\n  const touched = visitTsxFiles(tree, \"Pagination\", transformPaginationUsage);\n  logSummary(\"pagination-add-required-titles\", touched);\n  if (touched > 0) {\n    logger.info(`  Replace the placeholder \"Previous page\"/\"Next page\" strings with your own localized values.`);\n  }\n};\n\nexport default paginationAddRequiredTitles;\n"]}

package/migrations/v2-0-0/tag-add-removetaglabel.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tagAddRemoveTagLabel = void 0;
+const devkit_1 = require("@nx/devkit");
+const jsx_utils_1 = require("../utils/jsx-utils");
+const PACKAGE_NAME = "@trackunit/react-components";
+const COMPONENT_NAME = "Tag";
+const REMOVE_TAG_LABEL_PLACEHOLDER = "Remove tag";
+const transformTagUsage = (filePath, content) => {
+    const sourceFile = (0, jsx_utils_1.parseTsx)(content, filePath);
+    const aliases = (0, jsx_utils_1.getImportedAliases)(sourceFile, PACKAGE_NAME);
+    if (aliases === null)
+        return null;
+    const localAlias = Object.entries(aliases).find(([, name]) => name === COMPONENT_NAME)?.[0];
+    if (localAlias === undefined)
+        return null;
+    const matches = (0, jsx_utils_1.findJsxElements)(sourceFile, [localAlias]);
+    if (matches.length === 0)
+        return null;
+    const edits = [];
+    for (const { openingElement } of matches) {
+        if ((0, jsx_utils_1.hasSpreadAttribute)(openingElement))
+            continue;
+        // Only act when the tag is dismissible (has onClickClose) and missing the
+        // newly required label.
+        if ((0, jsx_utils_1.findJsxAttribute)(openingElement, "onClickClose") === null)
+            continue;
+        if ((0, jsx_utils_1.findJsxAttribute)(openingElement, "removeTagLabel") !== null)
+            continue;
+        edits.push({
+            offset: openingElement.tagName.getEnd(),
+            text: ` removeTagLabel="${REMOVE_TAG_LABEL_PLACEHOLDER}"`,
+        });
+    }
+    if (edits.length === 0)
+        return null;
+    edits.sort((a, b) => (a.offset === b.offset ? 0 : b.offset - a.offset));
+    let updated = content;
+    for (const { offset, text } of edits) {
+        updated = updated.slice(0, offset) + text + updated.slice(offset);
+    }
+    return updated;
+};
+/**
+ * Adds the now-required `removeTagLabel` prop to dismissible `<Tag>` usages
+ * (those with `onClickClose`) when it is missing. Default value is the English
+ * string "Remove tag"; consumers should replace it with their own localized
+ * label.
+ */
+const tagAddRemoveTagLabel = (tree) => {
+    const touched = (0, jsx_utils_1.visitTsxFiles)(tree, "Tag", transformTagUsage);
+    (0, jsx_utils_1.logSummary)("tag-add-removetaglabel", touched);
+    if (touched > 0) {
+        devkit_1.logger.info(`  Replace the placeholder "Remove tag" string with your own localized value.`);
+    }
+};
+exports.tagAddRemoveTagLabel = tagAddRemoveTagLabel;
+exports.default = exports.tagAddRemoveTagLabel;
+//# sourceMappingURL=tag-add-removetaglabel.js.map

package/migrations/v2-0-0/tag-add-removetaglabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-add-removetaglabel.js","sourceRoot":"","sources":["../../../../../../libs/react/components/migrations/v2-0-0/tag-add-removetaglabel.ts"],"names":[],"mappings":";;;AAAA,uCAA+C;AAC/C,kDAQ4B;AAE5B,MAAM,YAAY,GAAG,6BAA6B,CAAC;AACnD,MAAM,cAAc,GAAG,KAAK,CAAC;AAE7B,MAAM,4BAA4B,GAAG,YAAY,CAAC;AAElD,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAAE,OAAe,EAAiB,EAAE;IAC7E,MAAM,UAAU,GAAG,IAAA,oBAAQ,EAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IAE/C,MAAM,OAAO,GAAG,IAAA,8BAAkB,EAAC,UAAU,EAAE,YAAY,CAAC,CAAC;IAC7D,IAAI,OAAO,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAElC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,IAAI,KAAK,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAC5F,IAAI,UAAU,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC;IAE1C,MAAM,OAAO,GAAG,IAAA,2BAAe,EAAC,UAAU,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAC1D,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAGtC,MAAM,KAAK,GAAgB,EAAE,CAAC;IAE9B,KAAK,MAAM,EAAE,cAAc,EAAE,IAAI,OAAO,EAAE,CAAC;QACzC,IAAI,IAAA,8BAAkB,EAAC,cAAc,CAAC;YAAE,SAAS;QAEjD,0EAA0E;QAC1E,wBAAwB;QACxB,IAAI,IAAA,4BAAgB,EAAC,cAAc,EAAE,cAAc,CAAC,KAAK,IAAI;YAAE,SAAS;QACxE,IAAI,IAAA,4BAAgB,EAAC,cAAc,EAAE,gBAAgB,CAAC,KAAK,IAAI;YAAE,SAAS;QAE1E,KAAK,CAAC,IAAI,CAAC;YACT,MAAM,EAAE,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE;YACvC,IAAI,EAAE,oBAAoB,4BAA4B,GAAG;SAC1D,CAAC,CAAC;IACL,CAAC;IAED,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEpC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;IAExE,IAAI,OAAO,GAAG,OAAO,CAAC;IACtB,KAAK,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,KAAK,EAAE,CAAC;QACrC,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACpE,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF;;;;;GAKG;AACI,MAAM,oBAAoB,GAAG,CAAC,IAAU,EAAQ,EAAE;IACvD,MAAM,OAAO,GAAG,IAAA,yBAAa,EAAC,IAAI,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC;IAC9D,IAAA,sBAAU,EAAC,wBAAwB,EAAE,OAAO,CAAC,CAAC;IAC9C,IAAI,OAAO,GAAG,CAAC,EAAE,CAAC;QAChB,eAAM,CAAC,IAAI,CAAC,8EAA8E,CAAC,CAAC;IAC9F,CAAC;AACH,CAAC,CAAC;AANW,QAAA,oBAAoB,wBAM/B;AAEF,kBAAe,4BAAoB,CAAC","sourcesContent":["import { type Tree, logger } from \"@nx/devkit\";\nimport {\n  findJsxAttribute,\n  findJsxElements,\n  getImportedAliases,\n  hasSpreadAttribute,\n  logSummary,\n  parseTsx,\n  visitTsxFiles,\n} from \"../utils/jsx-utils\";\n\nconst PACKAGE_NAME = \"@trackunit/react-components\";\nconst COMPONENT_NAME = \"Tag\";\n\nconst REMOVE_TAG_LABEL_PLACEHOLDER = \"Remove tag\";\n\nconst transformTagUsage = (filePath: string, content: string): string | null => {\n  const sourceFile = parseTsx(content, filePath);\n\n  const aliases = getImportedAliases(sourceFile, PACKAGE_NAME);\n  if (aliases === null) return null;\n\n  const localAlias = Object.entries(aliases).find(([, name]) => name === COMPONENT_NAME)?.[0];\n  if (localAlias === undefined) return null;\n\n  const matches = findJsxElements(sourceFile, [localAlias]);\n  if (matches.length === 0) return null;\n\n  type Edit = { offset: number; text: string };\n  const edits: Array<Edit> = [];\n\n  for (const { openingElement } of matches) {\n    if (hasSpreadAttribute(openingElement)) continue;\n\n    // Only act when the tag is dismissible (has onClickClose) and missing the\n    // newly required label.\n    if (findJsxAttribute(openingElement, \"onClickClose\") === null) continue;\n    if (findJsxAttribute(openingElement, \"removeTagLabel\") !== null) continue;\n\n    edits.push({\n      offset: openingElement.tagName.getEnd(),\n      text: ` removeTagLabel=\"${REMOVE_TAG_LABEL_PLACEHOLDER}\"`,\n    });\n  }\n\n  if (edits.length === 0) return null;\n\n  edits.sort((a, b) => (a.offset === b.offset ? 0 : b.offset - a.offset));\n\n  let updated = content;\n  for (const { offset, text } of edits) {\n    updated = updated.slice(0, offset) + text + updated.slice(offset);\n  }\n  return updated;\n};\n\n/**\n * Adds the now-required `removeTagLabel` prop to dismissible `<Tag>` usages\n * (those with `onClickClose`) when it is missing. Default value is the English\n * string \"Remove tag\"; consumers should replace it with their own localized\n * label.\n */\nexport const tagAddRemoveTagLabel = (tree: Tree): void => {\n  const touched = visitTsxFiles(tree, \"Tag\", transformTagUsage);\n  logSummary(\"tag-add-removetaglabel\", touched);\n  if (touched > 0) {\n    logger.info(`  Replace the placeholder \"Remove tag\" string with your own localized value.`);\n  }\n};\n\nexport default tagAddRemoveTagLabel;\n"]}

package/migrations/v2-0-0/togglegroup-remove-item-style.js

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toggleGroupRemoveItemStyle = void 0;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const ts = tslib_1.__importStar(require("typescript"));
+const jsx_utils_1 = require("../utils/jsx-utils");
+const PACKAGE_NAME = "@trackunit/react-components";
+const COMPONENT_NAME = "ToggleGroup";
+const collectStyleRemovalsFromArray = (arrayLiteral) => {
+    const removals = [];
+    for (const element of arrayLiteral.elements) {
+        if (!ts.isObjectLiteralExpression(element))
+            continue;
+        for (const prop of element.properties) {
+            if ((ts.isPropertyAssignment(prop) || ts.isShorthandPropertyAssignment(prop)) &&
+                ts.isIdentifier(prop.name) &&
+                prop.name.text === "style") {
+                removals.push({ start: prop.getFullStart(), end: prop.getEnd() });
+            }
+        }
+    }
+    return removals;
+};
+const transformToggleGroupUsage = (filePath, content) => {
+    const sourceFile = (0, jsx_utils_1.parseTsx)(content, filePath);
+    const aliases = (0, jsx_utils_1.getImportedAliases)(sourceFile, PACKAGE_NAME);
+    if (aliases === null)
+        return { content: null, skippedNonInline: 0 };
+    const localAlias = Object.entries(aliases).find(([, name]) => name === COMPONENT_NAME)?.[0];
+    if (localAlias === undefined)
+        return { content: null, skippedNonInline: 0 };
+    const matches = (0, jsx_utils_1.findJsxElements)(sourceFile, [localAlias]);
+    if (matches.length === 0)
+        return { content: null, skippedNonInline: 0 };
+    const removals = [];
+    let skippedNonInline = 0;
+    for (const { openingElement } of matches) {
+        const listAttr = (0, jsx_utils_1.findJsxAttribute)(openingElement, "list");
+        if (listAttr === null)
+            continue;
+        const initializer = listAttr.initializer;
+        if (initializer === undefined || !ts.isJsxExpression(initializer))
+            continue;
+        const expr = initializer.expression;
+        if (expr === undefined)
+            continue;
+        if (!ts.isArrayLiteralExpression(expr)) {
+            // The list is referenced through a variable / function call; we can't
+            // safely strip `style` without potentially editing unrelated objects.
+            skippedNonInline += 1;
+            continue;
+        }
+        removals.push(...collectStyleRemovalsFromArray(expr));
+    }
+    if (removals.length === 0)
+        return { content: null, skippedNonInline };
+    // Remove the property and its trailing comma if present so we don't leave
+    // dangling `, ,` sequences.
+    const sorted = [...removals].sort((a, b) => b.start - a.start);
+    let updated = content;
+    for (let { start, end } of sorted) {
+        while (start > 0 && (updated[start - 1] === " " || updated[start - 1] === "\t")) {
+            start -= 1;
+        }
+        if (updated[end] === ",") {
+            end += 1;
+        }
+        updated = updated.slice(0, start) + updated.slice(end);
+    }
+    return { content: updated, skippedNonInline };
+};
+/**
+ * Removes the `style` property from items in `<ToggleGroup list={[...]}>`
+ * because `BasicToggleGroupListProps` no longer extends `Styleable`.
+ *
+ * Only inline array literals are processed; lists pulled in via a variable or
+ * function call are left untouched and reported in the migration summary so
+ * the developer can review them.
+ */
+const toggleGroupRemoveItemStyle = (tree) => {
+    let touched = 0;
+    let totalSkipped = 0;
+    (0, jsx_utils_1.visitTsxFiles)(tree, COMPONENT_NAME, (filePath, content) => {
+        const { content: updated, skippedNonInline } = transformToggleGroupUsage(filePath, content);
+        totalSkipped += skippedNonInline;
+        if (updated !== null && updated !== content) {
+            touched += 1;
+            return updated;
+        }
+        return null;
+    });
+    (0, jsx_utils_1.logSummary)("togglegroup-remove-item-style", touched, totalSkipped);
+    if (totalSkipped > 0) {
+        devkit_1.logger.info(`  ${totalSkipped} ToggleGroup usage(s) referenced their list through a variable/function. Remove any 'style' properties from those item objects manually.`);
+    }
+};
+exports.toggleGroupRemoveItemStyle = toggleGroupRemoveItemStyle;
+exports.default = exports.toggleGroupRemoveItemStyle;
+//# sourceMappingURL=togglegroup-remove-item-style.js.map

package/migrations/v2-0-0/togglegroup-remove-item-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"togglegroup-remove-item-style.js","sourceRoot":"","sources":["../../../../../../libs/react/components/migrations/v2-0-0/togglegroup-remove-item-style.ts"],"names":[],"mappings":"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","sourcesContent":["import { type Tree, logger } from \"@nx/devkit\";\nimport * as ts from \"typescript\";\nimport {\n  findJsxAttribute,\n  findJsxElements,\n  getImportedAliases,\n  logSummary,\n  parseTsx,\n  visitTsxFiles,\n} from \"../utils/jsx-utils\";\n\nconst PACKAGE_NAME = \"@trackunit/react-components\";\nconst COMPONENT_NAME = \"ToggleGroup\";\n\ntype Removal = { start: number; end: number };\n\nconst collectStyleRemovalsFromArray = (arrayLiteral: ts.ArrayLiteralExpression): ReadonlyArray<Removal> => {\n  const removals: Array<Removal> = [];\n  for (const element of arrayLiteral.elements) {\n    if (!ts.isObjectLiteralExpression(element)) continue;\n    for (const prop of element.properties) {\n      if (\n        (ts.isPropertyAssignment(prop) || ts.isShorthandPropertyAssignment(prop)) &&\n        ts.isIdentifier(prop.name) &&\n        prop.name.text === \"style\"\n      ) {\n        removals.push({ start: prop.getFullStart(), end: prop.getEnd() });\n      }\n    }\n  }\n  return removals;\n};\n\nconst transformToggleGroupUsage = (\n  filePath: string,\n  content: string\n): { content: string | null; skippedNonInline: number } => {\n  const sourceFile = parseTsx(content, filePath);\n\n  const aliases = getImportedAliases(sourceFile, PACKAGE_NAME);\n  if (aliases === null) return { content: null, skippedNonInline: 0 };\n\n  const localAlias = Object.entries(aliases).find(([, name]) => name === COMPONENT_NAME)?.[0];\n  if (localAlias === undefined) return { content: null, skippedNonInline: 0 };\n\n  const matches = findJsxElements(sourceFile, [localAlias]);\n  if (matches.length === 0) return { content: null, skippedNonInline: 0 };\n\n  const removals: Array<Removal> = [];\n  let skippedNonInline = 0;\n\n  for (const { openingElement } of matches) {\n    const listAttr = findJsxAttribute(openingElement, \"list\");\n    if (listAttr === null) continue;\n\n    const initializer = listAttr.initializer;\n    if (initializer === undefined || !ts.isJsxExpression(initializer)) continue;\n    const expr = initializer.expression;\n    if (expr === undefined) continue;\n\n    if (!ts.isArrayLiteralExpression(expr)) {\n      // The list is referenced through a variable / function call; we can't\n      // safely strip `style` without potentially editing unrelated objects.\n      skippedNonInline += 1;\n      continue;\n    }\n\n    removals.push(...collectStyleRemovalsFromArray(expr));\n  }\n\n  if (removals.length === 0) return { content: null, skippedNonInline };\n\n  // Remove the property and its trailing comma if present so we don't leave\n  // dangling `, ,` sequences.\n  const sorted = [...removals].sort((a, b) => b.start - a.start);\n  let updated = content;\n  for (let { start, end } of sorted) {\n    while (start > 0 && (updated[start - 1] === \" \" || updated[start - 1] === \"\\t\")) {\n      start -= 1;\n    }\n    if (updated[end] === \",\") {\n      end += 1;\n    }\n    updated = updated.slice(0, start) + updated.slice(end);\n  }\n\n  return { content: updated, skippedNonInline };\n};\n\n/**\n * Removes the `style` property from items in `<ToggleGroup list={[...]}>`\n * because `BasicToggleGroupListProps` no longer extends `Styleable`.\n *\n * Only inline array literals are processed; lists pulled in via a variable or\n * function call are left untouched and reported in the migration summary so\n * the developer can review them.\n */\nexport const toggleGroupRemoveItemStyle = (tree: Tree): void => {\n  let touched = 0;\n  let totalSkipped = 0;\n  visitTsxFiles(tree, COMPONENT_NAME, (filePath, content) => {\n    const { content: updated, skippedNonInline } = transformToggleGroupUsage(filePath, content);\n    totalSkipped += skippedNonInline;\n    if (updated !== null && updated !== content) {\n      touched += 1;\n      return updated;\n    }\n    return null;\n  });\n  logSummary(\"togglegroup-remove-item-style\", touched, totalSkipped);\n  if (totalSkipped > 0) {\n    logger.info(\n      `  ${totalSkipped} ToggleGroup usage(s) referenced their list through a variable/function. Remove any 'style' properties from those item objects manually.`\n    );\n  }\n};\n\nexport default toggleGroupRemoveItemStyle;\n"]}

package/migrations.json

@@ -0,0 +1,44 @@
+{
+  "generators": {
+    "v2-0-0-iconbutton-add-required-name": {
+      "version": "2.0.0",
+      "description": "Add a placeholder title prop to IconButton usages that don't already provide title or ariaLabel (now required for accessibility).",
+      "implementation": "./migrations/v2-0-0/iconbutton-add-required-name"
+    },
+    "v2-0-0-breadcrumb-remove-deprecated-props": {
+      "version": "2.0.0",
+      "description": "Remove the deprecated backButtonTitle and expandCollapsedItemsTitle props from Breadcrumb, BreadcrumbContainer, and BreadcrumbForMediumScreen.",
+      "implementation": "./migrations/v2-0-0/breadcrumb-remove-deprecated-props"
+    },
+    "v2-0-0-cardheader-onclickclose-to-actions": {
+      "version": "2.0.0",
+      "description": "Replace the removed CardHeader.onClickClose prop with an actions slot containing an IconButton + XMark Icon.",
+      "implementation": "./migrations/v2-0-0/cardheader-onclickclose-to-actions"
+    },
+    "v2-0-0-pagination-add-required-titles": {
+      "version": "2.0.0",
+      "description": "Add the now-required previousPageTitle and nextPageTitle props to Pagination usages.",
+      "implementation": "./migrations/v2-0-0/pagination-add-required-titles"
+    },
+    "v2-0-0-tag-add-removetaglabel": {
+      "version": "2.0.0",
+      "description": "Add the now-required removeTagLabel prop to dismissible Tag usages (those with onClickClose).",
+      "implementation": "./migrations/v2-0-0/tag-add-removetaglabel"
+    },
+    "v2-0-0-kpi-tooltiplabel-to-wrapper": {
+      "version": "2.0.0",
+      "description": "Replace the removed KPI.tooltipLabel prop with a Tooltip wrapper around the KPI.",
+      "implementation": "./migrations/v2-0-0/kpi-tooltiplabel-to-wrapper"
+    },
+    "v2-0-0-notice-tooltiplabel-to-wrapper": {
+      "version": "2.0.0",
+      "description": "Replace the removed Notice.withTooltip / Notice.tooltipLabel props with a Tooltip wrapper.",
+      "implementation": "./migrations/v2-0-0/notice-tooltiplabel-to-wrapper"
+    },
+    "v2-0-0-togglegroup-remove-item-style": {
+      "version": "2.0.0",
+      "description": "Remove the no-longer-supported style property from inline ToggleGroup list items.",
+      "implementation": "./migrations/v2-0-0/togglegroup-remove-item-style"
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "1.24.7",
+  "version": "1.25.0",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "migrations": "./migrations.json",
@@ -14,16 +14,17 @@
     "@floating-ui/react": "^0.26.25",
     "string-ts": "^2.0.0",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/ui-design-tokens": "1.13.4",
-    "@trackunit/css-class-variance-utilities": "1.13.4",
-    "@trackunit/shared-utils": "1.15.4",
-    "@trackunit/ui-icons": "1.13.4",
+    "@trackunit/ui-design-tokens": "1.13.5",
+    "@trackunit/css-class-variance-utilities": "1.13.5",
+    "@trackunit/shared-utils": "1.15.5",
+    "@trackunit/ui-icons": "1.13.5",
     "es-toolkit": "^1.39.10",
     "@tanstack/react-virtual": "3.13.12",
     "dequal": "^2.0.3",
     "fflate": "^0.8.2",
     "superjson": "^2.2.6",
-    "zod": "^3.25.76"
+    "zod": "^3.25.76",
+    "@trackunit/i18n-library-translation": "1.22.0"
   },
   "peerDependencies": {
     "react": "^19.0.0",

package/src/components/Breadcrumb/BreadcrumbForMediumScreen.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from "react";
-import { BreadcrumbContainerProps } from "./utils/types";
+import { BreadcrumbForMediumScreenProps } from "./utils/types";
 /**
  * BreadcrumbForMediumScreen is a helper component that renders the breadcrumb items for medium screens.
  */
-export declare const BreadcrumbForMediumScreen: ({ "data-testid": dataTestId, breadcrumbItems, className, style, }: BreadcrumbContainerProps) => ReactElement;
+export declare const BreadcrumbForMediumScreen: ({ "data-testid": dataTestId, breadcrumbItems, className, style, }: BreadcrumbForMediumScreenProps) => ReactElement;

package/src/components/Breadcrumb/utils/types.d.ts

@@ -22,6 +22,7 @@ export interface BreadcrumbProps extends CommonProps, Styleable, Refable<HTMLDiv
 export interface BreadcrumbContainerProps extends CommonProps, Styleable, Refable<HTMLDivElement> {
     breadcrumbItems: Array<ReactElement<BreadcrumbItemProps>>;
 }
+export type BreadcrumbForMediumScreenProps = BreadcrumbContainerProps;
 export interface BreadcrumbItemRenderProps extends CommonProps, Styleable {
     item: ReactElement<BreadcrumbItemProps>;
 }

package/src/components/Card/Card.variants.d.ts

@@ -4,17 +4,17 @@ export declare const cvaCard: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const cvaCardFooterContainerRoot: (props?: ({
     border?: "default" | "borderless" | null | undefined;
-    padding?: "none" | "default" | null | undefined;
+    padding?: "default" | "none" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const cvaCardFooterContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const cvaCardHeader: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const cvaCardHeaderHeadingContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const cvaCardHeaderContainer: (props?: ({
     border?: "default" | "borderless" | null | undefined;
-    padding?: "none" | "default" | null | undefined;
+    padding?: "default" | "none" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const cvaCardBodyContainer: (props?: ({
     direction?: "column" | "column-reverse" | "row" | "row-reverse" | null | undefined;
-    padding?: "none" | "default" | null | undefined;
-    gap?: "none" | "default" | null | undefined;
+    padding?: "default" | "none" | null | undefined;
+    gap?: "default" | "none" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/src/components/Card/CardHeader.d.ts

@@ -1,7 +1,7 @@
-import { MouseEventHandler, ReactElement, ReactNode } from "react";
+import { ReactElement, ReactNode } from "react";
 import { CommonProps } from "../../common/CommonProps";
-import type { Styleable } from "../../common/Styleable";
 import { Refable } from "../../common/Refable";
+import type { Styleable } from "../../common/Styleable";
 import { HeadingVariant } from "../Heading/Heading";
 export interface CardHeaderProps extends CommonProps, Styleable, Refable<HTMLDivElement> {
     /**
@@ -25,11 +25,6 @@ export interface CardHeaderProps extends CommonProps, Styleable, Refable<HTMLDiv
      * Whether a separator line should be rendered
      */
     hideSeparator?: boolean;
-    /**
-     * @deprecated Use `actions` to render a custom close button and handle its `onClick` instead.
-     * Function to call when the close button is clicked.
-     */
-    onClickClose?: MouseEventHandler<HTMLButtonElement>;
     /**
      * Children to render in the header.
      */
@@ -90,4 +85,4 @@ export interface CardHeaderProps extends CommonProps, Styleable, Refable<HTMLDiv
  * @param {CardHeaderProps} props - The props for the CardHeader component
  * @returns {ReactElement} CardHeader component
  */
-export declare const CardHeader: ({ heading, headingVariant, subHeading, onClickClose, "data-testid": dataTestId, className, children, accessories, actions, padding, hideSeparator, style, ref, }: CardHeaderProps) => ReactElement;
+export declare const CardHeader: ({ heading, headingVariant, subHeading, "data-testid": dataTestId, className, children, accessories, actions, padding, hideSeparator, style, ref, }: CardHeaderProps) => ReactElement;

package/src/components/Icon/Icon.variants.d.ts

@@ -1,5 +1,5 @@
 export declare const cvaIcon: (props?: ({
-    color?: "black" | "white" | "default" | "active" | "primary" | "neutral" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "idle" | "moving" | "excessive_usage" | "stopped" | "unknown" | "unused" | "utilized" | "heavily_utilized" | "unknown_utilization" | "site_area" | "site_classic_poi" | "site_classic_zone" | "site_depot" | "site_work_place" | "site_construction_site" | "site_unknown" | "on_rent" | "returned" | "available" | "pickup_ready" | "transfer" | "in_repair" | "other_rental_status" | null | undefined;
+    color?: "default" | "black" | "white" | "active" | "primary" | "neutral" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "idle" | "moving" | "excessive_usage" | "stopped" | "unknown" | "unused" | "utilized" | "heavily_utilized" | "unknown_utilization" | "site_area" | "site_classic_poi" | "site_classic_zone" | "site_depot" | "site_work_place" | "site_construction_site" | "site_unknown" | "on_rent" | "returned" | "available" | "pickup_ready" | "transfer" | "in_repair" | "other_rental_status" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
     fontSize?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/src/components/InteractableItem/InteractableItem.variants.d.ts

@@ -13,7 +13,7 @@
  * @returns tailwind class names on the basis on the provided props.
  */
 export declare const cvaInteractableItem: (props?: ({
-    cursor?: "auto" | "default" | "help" | "not-allowed" | "pointer" | "zoom-in" | "zoom-out" | null | undefined;
+    cursor?: "default" | "auto" | "help" | "not-allowed" | "pointer" | "zoom-in" | "zoom-out" | null | undefined;
     selection?: "auto" | "selected" | "unselected" | null | undefined;
     disabled?: boolean | null | undefined;
     focus?: "auto" | "focused" | "unfocused" | null | undefined;

package/src/components/KPI/KPI.d.ts

@@ -15,10 +15,6 @@ export interface KPIProps extends CommonProps, Styleable, Refable<HTMLDivElement
      * The unit of the KPI
      */
     unit: string;
-    /**
-     * Label for the tooltip
-     */
-    tooltipLabel?: string;
     /**
      * The size of the KPI
      */
@@ -65,4 +61,4 @@ export interface KPIProps extends CommonProps, Styleable, Refable<HTMLDivElement
  * @param {KPIProps} props - The props for the KPI component
  * @returns {ReactElement} KPI component
  */
-export declare const KPI: ({ title, value, unit, className, "data-testid": dataTestId, tooltipLabel, variant, style, ref, ...rest }: KPIProps) => ReactElement;
+export declare const KPI: ({ title, value, unit, className, "data-testid": dataTestId, variant, style, ref, ...rest }: KPIProps) => ReactElement;

package/src/components/KPI/KPI.variants.d.ts

@@ -1,5 +1,5 @@
 export declare const cvaKPI: (props?: ({
-    variant?: "small" | "default" | "condensed" | null | undefined;
+    variant?: "default" | "small" | "condensed" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const cvaKPITrendPercentage: (props?: ({
     color?: "neutral" | "info" | "success" | "warning" | "danger" | null | undefined;

package/src/components/KPICard/KPICard.d.ts

@@ -40,6 +40,10 @@ export interface KPICardProps extends MappedOmit<KPIProps, "variant">, Refable<H
      * Value bar to display in the KPI
      */
     valueBar?: Omit<ValueBarProps, "className" | "dataTestId" | "size" | "valueColor">;
+    /**
+     * Label for the tooltip
+     */
+    tooltipLabel?: string;
 }
 /**
  * The KPICard component displays a key performance indicator in an interactive card format.
@@ -93,4 +97,4 @@ export interface KPICardProps extends MappedOmit<KPIProps, "variant">, Refable<H
  * @param {KPICardProps} props - The props for the KPICard component
  * @returns {ReactElement} KPICard component
  */
-export declare const KPICard: ({ isActive, onClick, className, "data-testid": dataTestId, children, iconName, iconColor, notice, valueBar, trends, unit, ref, ...rest }: KPICardProps) => ReactElement;
+export declare const KPICard: ({ isActive, onClick, className, "data-testid": dataTestId, children, iconName, iconColor, notice, valueBar, trends, unit, ref, tooltipLabel, ...rest }: KPICardProps) => ReactElement;