@progress/kendo-ui/migrations/2026-3-811/css/scheduler-tooltip-to-popover.cjs

This package is part of the [Kendo UI for jQuery](http://www.telerik.com/kendo-ui) suite.

'use strict';

const { applyClassReplacementsCss } = require('../_shared.cjs');

module.exports = function transformer(fileInfo) {
  if (!/\.(css|scss|sass|less)$/i.test(fileInfo.path)) {
    return undefined;
  }

  if (!fileInfo.source.includes('k-scheduler-tooltip') &&
      !fileInfo.source.includes('k-tooltip-event') &&
      !fileInfo.source.includes('k-tooltip-title') &&
      !fileInfo.source.includes('k-tooltip-events')) {
    return undefined;
  }

  const updated = applyClassReplacementsCss(fileInfo.source);
  return updated !== fileInfo.source ? updated : undefined;
};

module.exports.aiInstructions = `The Scheduler month-view "More Events" overflow indicator was changed from a tooltip to a Popover component in Kendo UI 2026 Q3. All related CSS class names were renamed.

## Class Rename Map

| Before (2026 Q2 and earlier)           | After (2026 Q3)                        |
|----------------------------------------|----------------------------------------|
| .k-tooltip.k-scheduler-tooltip         | .k-popover.k-scheduler-popover         |
| .k-scheduler-tooltip                   | .k-scheduler-popover                   |
| .k-tooltip-title                       | .k-popover-header                      |
| .k-tooltip-events-container            | .k-popover-events                      |
| .k-tooltip-events                      | .k-popover-events                      |
| .k-tooltip-event                       | .k-popover-event                       |

## CSS Migration

Before:
  .k-tooltip.k-scheduler-tooltip { max-width: 300px; border-radius: 8px; }
  .k-scheduler-tooltip .k-tooltip-title { font-weight: bold; padding: 8px; }
  .k-scheduler-tooltip .k-tooltip-events { max-height: 200px; overflow-y: auto; }
  .k-scheduler-tooltip .k-tooltip-event { padding: 4px 8px; border-bottom: 1px solid #eee; }
  .k-tooltip-events-container { margin: 0; padding: 0; }

After:
  .k-popover.k-scheduler-popover { max-width: 300px; border-radius: 8px; }
  .k-scheduler-popover .k-popover-header { font-weight: bold; padding: 8px; }
  .k-scheduler-popover .k-popover-events { max-height: 200px; overflow-y: auto; }
  .k-scheduler-popover .k-popover-event { padding: 4px 8px; border-bottom: 1px solid #eee; }
  .k-popover-events { margin: 0; padding: 0; }

## Important Notes

- The compound selector \`.k-tooltip.k-scheduler-tooltip\` becomes \`.k-popover.k-scheduler-popover\` (both classes change).
- Standalone \`.k-tooltip\` selectors that are NOT compounded with \`.k-scheduler-tooltip\` are NOT renamed (they may belong to the general Tooltip component).
- The Popover uses a different structural markup (header, body, callout) compared to the old tooltip, so custom template overrides may need manual review.
- The Popover does not use an overlay, so any \`.k-overlay\` styling associated with the tooltip can be removed.`;