bestax-migrate 2.5.0 → 2.7.0

package/dist/sources/bulma-classes/class-map.d.ts

@@ -73,7 +73,27 @@ export interface RootEntry {
         readonly in: string;
         readonly unless: readonly string[];
         readonly whenEmpty?: boolean;
+        /** Only when the element carries this class (`Field` with `is-horizontal`). */
+        readonly when?: string;
     };
+    /**
+     * The target provides context bestax's form controls read to skip wrappers
+     * of their own, so an element around a bestax component already in the file
+     * stays markup: that component would render differently.
+     */
+    readonly providesContext?: boolean;
+    /**
+     * Inside one of these bestax components already in the file, the target
+     * takes a generated `id` when the element has none of its own.
+     */
+    readonly adoptsIdFrom?: readonly string[];
+    /** The target takes no helper props, so every helper class stays a class. */
+    readonly noHelpers?: boolean;
+    /**
+     * The target drops its own class when it is given a `className`, so the
+     * element converts only when it carries no other class.
+     */
+    readonly ownClassOnly?: boolean;
     /**
      * Attributes the target types as numbers. A numeric string (`value="40"`)
      * becomes a number, which renders the same; any other string refuses.

package/dist/sources/bulma-classes/class-map.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"class-map.d.ts","sourceRoot":"","sources":["../../../src/sources/bulma-classes/class-map.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"class-map.d.ts","sourceRoot":"","sources":["../../../src/sources/bulma-classes/class-map.ts"],"names":[],"mappings":"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"}

package/dist/sources/bulma-classes/class-map.js

@@ -547,6 +547,168 @@ export const ROOTS = {
         ],
         passThrough: ['onClick'],
     },
+    // Form markup. `Field` and `Control` tell the bestax form controls inside
+    // them to skip wrappers of their own, and `InputBase` / `TextAreaBase` are
+    // the controls without wrappers (a `Field` with no `label` hands them no id).
+    field: {
+        ...BASE,
+        target: 'Field',
+        tag: 'div',
+        // `has-addons-centered`, `is-grouped-right` and the like stay classes:
+        // the prop values that render them render `has-addons` too.
+        modifiers: flags({
+            'is-horizontal': 'horizontal',
+            'is-grouped': 'grouped',
+            'has-addons': 'hasAddons',
+            'is-narrow': 'narrow',
+        }),
+        wrapsChildren: {
+            in: 'field-body',
+            unless: ['Field.Label', 'Field.Body'],
+            whenEmpty: true,
+            when: 'is-horizontal',
+        },
+        providesContext: true,
+        ownProps: [
+            'horizontal',
+            'grouped',
+            'hasAddons',
+            'narrow',
+            'label',
+            'labelSize',
+            'labelProps',
+            'textColor',
+            'color',
+            'bgColor',
+        ],
+    },
+    // Field.Label, Field.Body and Control spread their raw props onto the
+    // element as well, so a helper prop would reach it as an attribute too.
+    'field-label': {
+        status: 'mapped',
+        target: 'Field.Label',
+        tag: 'div',
+        textColor: null,
+        bgColor: null,
+        noHelpers: true,
+        modifiers: tokens('is-', ['small', 'normal', 'medium', 'large'], 'size'),
+        ownProps: ['size', 'textColor', 'color', 'bgColor'],
+    },
+    'field-body': {
+        status: 'mapped',
+        target: 'Field.Body',
+        tag: 'div',
+        textColor: null,
+        bgColor: null,
+        noHelpers: true,
+        ownProps: ['textColor', 'color', 'bgColor'],
+    },
+    control: {
+        status: 'mapped',
+        target: 'Control',
+        tag: 'div',
+        as: ['div', 'p'],
+        textColor: null,
+        bgColor: null,
+        noHelpers: true,
+        modifiers: {
+            ...flags({
+                'has-icons-left': 'hasIconsLeft',
+                'has-icons-right': 'hasIconsRight',
+                'is-loading': 'isLoading',
+                'is-expanded': 'isExpanded',
+            }),
+            ...tokens('is-', ['small', 'medium', 'large'], 'size'),
+        },
+        providesContext: true,
+        ownProps: [
+            'as',
+            'hasIconsLeft',
+            'hasIconsRight',
+            'isLoading',
+            'isExpanded',
+            'size',
+            'textColor',
+            'color',
+            'bgColor',
+            'iconLeft',
+            'iconRight',
+            'iconLeftName',
+            'iconLeftSize',
+            'iconRightName',
+            'iconRightSize',
+        ],
+        passThrough: ['ref'],
+    },
+    input: {
+        ...BASE,
+        target: 'InputBase',
+        tag: 'input',
+        // No text color prop, and `backgroundColor` is the one the base reads.
+        textColor: null,
+        bgColor: 'backgroundColor',
+        modifiers: {
+            ...tokens('is-', ['small', 'medium', 'large'], 'size'),
+            ...flags({
+                'is-rounded': 'isRounded',
+                'is-static': 'isStatic',
+                'is-hovered': 'isHovered',
+                'is-focused': 'isFocused',
+                'is-loading': 'isLoading',
+            }),
+        },
+        omits: Object.fromEntries(COMPONENT_COLORS.map(color => [
+            `is-${color}`,
+            '`color` renders `has-text-<color>` on the input as well',
+        ])),
+        adoptsIdFrom: ['Field'],
+        ownProps: [
+            'color',
+            'size',
+            'isRounded',
+            'isStatic',
+            'isHovered',
+            'isFocused',
+            'isLoading',
+        ],
+        passThrough: ['disabled', 'readOnly', 'ref'],
+    },
+    textarea: {
+        ...BASE,
+        target: 'TextAreaBase',
+        tag: 'textarea',
+        textColor: null,
+        bgColor: 'backgroundColor',
+        // `isLoading` renders nothing here: Bulma puts `is-loading` on the control.
+        modifiers: {
+            ...tokens('is-', ['small', 'medium', 'large'], 'size'),
+            ...flags({
+                'is-rounded': 'isRounded',
+                'is-static': 'isStatic',
+                'is-hovered': 'isHovered',
+                'is-focused': 'isFocused',
+                'is-active': 'isActive',
+                'has-fixed-size': 'hasFixedSize',
+            }),
+        },
+        omits: Object.fromEntries(COMPONENT_COLORS.map(color => [
+            `is-${color}`,
+            '`color` renders `has-text-<color>` on the textarea as well',
+        ])),
+        adoptsIdFrom: ['Field'],
+        ownProps: [
+            'color',
+            'size',
+            'isRounded',
+            'isStatic',
+            'isHovered',
+            'isFocused',
+            'isLoading',
+            'isActive',
+            'hasFixedSize',
+        ],
+        passThrough: ['disabled', 'readOnly', 'rows', 'ref'],
+    },
     footer: {
         ...BASE,
         target: 'Footer',
@@ -650,6 +812,86 @@ export const ROOTS = {
         tag: 'div',
         ownProps: ['color', 'bgColor', 'textColor'],
     },
+    // `Navbar` writes Bulma's own `role` and `aria-label`, so an element that
+    // already carries them renders the same.
+    navbar: {
+        ...BASE,
+        target: 'Navbar',
+        tag: 'nav',
+        modifiers: {
+            ...tokens('is-', COMPONENT_COLORS, 'color'),
+            ...tokens('is-fixed-', ['top', 'bottom'], 'fixed'),
+            ...flags({ 'is-transparent': 'transparent' }),
+        },
+        defaults: { role: 'navigation', 'aria-label': 'main navigation' },
+        ownProps: ['textColor', 'color', 'bgColor', 'transparent', 'fixed'],
+    },
+    // No background prop on these parts. Menu, Start and End spread `textColor`
+    // onto the element rather than reading it, and type `color` to six colors,
+    // so their text color stays a class.
+    'navbar-brand': {
+        ...BASE,
+        target: 'Navbar.Brand',
+        tag: 'div',
+        bgColor: null,
+        ownProps: ['textColor', 'color'],
+    },
+    'navbar-menu': {
+        ...BASE,
+        target: 'Navbar.Menu',
+        tag: 'div',
+        textColor: null,
+        bgColor: null,
+        modifiers: flags({ 'is-active': 'active' }),
+        ownProps: ['textColor', 'color', 'active'],
+    },
+    'navbar-start': {
+        ...BASE,
+        target: 'Navbar.Start',
+        tag: 'div',
+        textColor: null,
+        bgColor: null,
+        ownProps: ['textColor', 'color'],
+    },
+    'navbar-end': {
+        ...BASE,
+        target: 'Navbar.End',
+        tag: 'div',
+        textColor: null,
+        bgColor: null,
+        ownProps: ['textColor', 'color'],
+    },
+    // A `.has-dropdown` item stays a `Navbar.Item` with the class: a
+    // `Navbar.Dropdown` would hand its `.navbar-link` dropdown semantics.
+    'navbar-item': {
+        ...BASE,
+        target: 'Navbar.Item',
+        tag: 'a',
+        as: 'any',
+        modifiers: flags({ 'is-active': 'active' }),
+        ownProps: ['as', 'active', 'textColor', 'bgColor'],
+    },
+    'navbar-dropdown': {
+        status: 'mapped',
+        target: 'Navbar.DropdownMenu',
+        tag: 'div',
+        textColor: null,
+        bgColor: null,
+        noHelpers: true,
+        modifiers: flags({ 'is-right': 'right', 'is-up': 'up' }),
+        ownProps: ['right', 'up'],
+    },
+    'navbar-divider': {
+        status: 'mapped',
+        target: 'Navbar.Divider',
+        tag: 'hr',
+        textColor: null,
+        bgColor: null,
+        noHelpers: true,
+        // bulma-ui's Navbar.Divider spreads `className` over its own class.
+        ownClassOnly: true,
+        ownProps: [],
+    },
     notification: {
         ...BASE,
         target: 'Notification',
@@ -790,12 +1032,6 @@ export const ROOTS = {
     checkboxes: todo('Checkboxes', 'bestax `Checkboxes` renders its own `.field` and `.control` wrappers'),
     radio: todo('Radio', "bestax `Radio` renders its own styled markup, not Bulma's"),
     radios: todo('Radios', 'bestax `Radios` renders its own `.field` and `.control` wrappers'),
-    field: todo('Field', 'bestax form controls render their own `.field` and `.control` wrappers; see the unmappables reference'),
-    'field-label': part(),
-    'field-body': part(),
-    control: part(),
-    input: todo('Input', 'bestax `Input` renders its own `.field` and `.control` wrappers'),
-    textarea: todo('TextArea', 'bestax `TextArea` renders its own `.field` and `.control` wrappers'),
     select: todo('Select', 'bestax `Select` renders the `.select` wrapper and the `<select>` together'),
     file: todo('File', 'bestax `File` renders the whole `.file-label` tree itself'),
     'file-label': part(),
@@ -827,18 +1063,8 @@ export const ROOTS = {
     'modal-card-body': part(),
     'modal-card-foot': part(),
     'modal-close': part(),
-    navbar: todo('Navbar', 'bestax `Navbar` adds navigation roles, and its burger renders its own spans'),
-    'navbar-brand': part(),
-    'navbar-burger': part(),
-    'navbar-menu': part(),
-    'navbar-start': part(),
-    'navbar-end': part(),
-    'navbar-item': part(),
-    'navbar-link': part(),
-    'navbar-dropdown': part(),
-    'navbar-divider': part(),
-    'navbar-content': part(),
-    'navbar-tabs': part(),
+    'navbar-burger': todo('Navbar.Burger', 'bestax `Navbar.Burger` is a `<button>` that renders its own spans and `aria-expanded`, so rebuild the toggle with it, by hand'),
+    'navbar-link': todo('Navbar.Link', 'inside a `Navbar.Dropdown`, bestax `Navbar.Link` adds `aria-haspopup`, `aria-expanded` and keyboard handling, so convert the `.has-dropdown` item and its link together, by hand'),
     pagination: todo('Pagination', 'bestax `Pagination` renders its own list items and adds navigation roles'),
     'pagination-list': part(),
     'pagination-link': part(),
@@ -862,6 +1088,8 @@ export const ROOTS = {
     loader: plain("bestax `Loading` is an overlay, not Bulma's inline spinner"),
     'hero-buttons': plain('a layout class inside `.hero`; bestax has no part for it'),
     'hero-video': plain('a layout class inside `.hero`; bestax has no part for it'),
+    'navbar-content': plain('a layout class inside `.navbar`; bestax has no part for it'),
+    'navbar-tabs': plain('a layout class inside `.navbar`; bestax has no part for it'),
     'theme-dark': plain('a theme scope; bestax sets themes through `Theme`'),
     'theme-light': plain('a theme scope; bestax sets themes through `Theme`'),
     fa: plain("Font Awesome's own class, styled by Bulma inside `.icon`"),
@@ -909,6 +1137,20 @@ export const PRECEDENCE = [
     'card-content',
     'card-footer',
     'card-footer-item',
+    'navbar',
+    'navbar-brand',
+    'navbar-menu',
+    'navbar-start',
+    'navbar-end',
+    'navbar-item',
+    'navbar-dropdown',
+    'navbar-divider',
+    'field',
+    'field-label',
+    'field-body',
+    'control',
+    'input',
+    'textarea',
     'buttons',
     'tags',
     'button',
@@ -924,7 +1166,15 @@ export const PRECEDENCE = [
     'block',
 ];
 /** Refs reach the element only through these targets. */
-export const FORWARDS_REF = ['Button', 'Link'];
+export const FORWARDS_REF = [
+    'Button',
+    'Link',
+    'Navbar',
+    'Navbar.Item',
+    'Control',
+    'InputBase',
+    'TextAreaBase',
+];
 /**
  * Plain tags bestax wraps, for an element with helper classes and no root
  * (`<p className="has-text-centered">` → `<Paragraph textAlign="centered">`).

package/dist/sources/bulma-classes/plan.d.ts

@@ -28,6 +28,15 @@ export interface ElementFacts {
      * counts: one in an expression may not render.
      */
     childTargets?: readonly string[];
+    /** The bestax components already in the file inside this element. */
+    bestaxInside?: readonly string[];
+    /** The bestax components already in the file around this element. */
+    bestaxAround?: readonly string[];
+    /**
+     * The other components around this element (not bestax, not a fragment),
+     * any of which could render a bestax component around it.
+     */
+    componentsAround?: readonly string[];
     /**
      * The component this element is the only child of, if any (`Link` for
      * `<Link href="/x"><a className="button">`), since that component can

package/dist/sources/bulma-classes/plan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plan.d.ts","sourceRoot":"","sources":["../../../src/sources/bulma-classes/plan.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAiBH,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,2DAA2D;IAC3D,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B;;;OAGG;IACH,UAAU,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;IACtD,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,4EAA4E;IAC5E,WAAW,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACjC;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,IAAI;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,UAAU;IACzB,0CAA0C;IAC1C,MAAM,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,KAAK,EAAE,KAAK,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IACnD,4DAA4D;IAC5D,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,mEAAmE;IACnE,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,8DAA8D;IAC9D,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,IAAI;IACnB,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IAC9B,KAAK,EAAE,IAAI,EAAE,CAAC;CACf;AA+BD,wBAAgB,IAAI,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAiQ9C"}
+{"version":3,"file":"plan.d.ts","sourceRoot":"","sources":["../../../src/sources/bulma-classes/plan.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAiBH,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,2DAA2D;IAC3D,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B;;;OAGG;IACH,UAAU,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;IACtD,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,4EAA4E;IAC5E,WAAW,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACjC,qEAAqE;IACrE,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACjC,qEAAqE;IACrE,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACrC;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,IAAI;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,UAAU;IACzB,0CAA0C;IAC1C,MAAM,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,KAAK,EAAE,KAAK,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IACnD,4DAA4D;IAC5D,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,mEAAmE;IACnE,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,8DAA8D;IAC9D,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,IAAI;IACnB,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IAC9B,KAAK,EAAE,IAAI,EAAE,CAAC;CACf;AA+BD,wBAAgB,IAAI,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CA8R9C"}

package/dist/sources/bulma-classes/plan.js

@@ -128,8 +128,21 @@ export function plan(facts) {
     if (entry.requiresChildren && !facts.hasChildren) {
         return refuse('children', target, `bestax \`${target}\` requires children, and this element has none; keep it as markup`);
     }
+    if (entry.providesContext && facts.bestaxInside?.length) {
+        return refuse('context', target, `bestax \`${target}\` tells the bestax form controls inside it to skip wrappers of their own, and this element already holds \`${facts.bestaxInside[0]}\`, which could render differently inside it; keep this element as markup, or convert it and check that component by hand`);
+    }
+    if (entry.adoptsIdFrom && !facts.attributes.has('id')) {
+        // Context follows the render tree, not the file: a component of the app
+        // around the element can render a labelled `Field` around it just as well.
+        const around = facts.bestaxAround?.find(name => entry.adoptsIdFrom.includes(name)) ??
+            facts.componentsAround?.[0];
+        if (around) {
+            return refuse('context', target, `this element has no \`id\` and sits inside \`<${around}>\`, which is or could render a bestax \`${entry.adoptsIdFrom.join('` or `')}\` with a \`label\`; bestax \`${target}\` would then take that generated \`id\`; give the element an \`id\` of its own, then re-run`);
+        }
+    }
     const wraps = entry.wrapsChildren;
     if (wraps &&
+        (!wraps.when || tokens.includes(wraps.when)) &&
         (facts.hasChildren || wraps.whenEmpty) &&
         !facts.childTargets?.some(child => wraps.unless.includes(child))) {
         const parts = wraps.unless.map(part => `\`${part}\``);
@@ -174,7 +187,7 @@ export function plan(facts) {
             converted.add(token);
             continue;
         }
-        const helper = HELPER_TOKENS.get(token);
+        const helper = entry.noHelpers ? undefined : HELPER_TOKENS.get(token);
         if (!helper)
             continue;
         const prop = helper.group === 'text-color'
@@ -228,6 +241,9 @@ export function plan(facts) {
         props.push(['as', as]);
     props.push(...writes);
     const rest = tokens.filter(token => !converted.has(token));
+    if (entry.ownClassOnly && rest.length > 0) {
+        return refuse('attr', 'className', `bestax \`${target}\` drops its own class when it is given a \`className\`, so this element's other classes would take the place of \`.${root}\`; keep it as markup`);
+    }
     return {
         conversion: {
             target,

package/dist/sources/bulma-classes/rules.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rules.d.ts","sourceRoot":"","sources":["../../../src/sources/bulma-classes/rules.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAUH,eAAO,MAAM,KAAK,EAAE,WAAW,CAAC,MAAM,CAYpC,CAAC;AAqBH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEnD;AAED,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAK1D"}
+{"version":3,"file":"rules.d.ts","sourceRoot":"","sources":["../../../src/sources/bulma-classes/rules.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAUH,eAAO,MAAM,KAAK,EAAE,WAAW,CAAC,MAAM,CAapC,CAAC;AAuBH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEnD;AAED,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAK1D"}

package/dist/sources/bulma-classes/rules.js

@@ -14,6 +14,7 @@ import { HELPER_PROPS, LEGACY_09, ROOTS, WRAPPERS, WRAPPER_OWN_PROPS, } from './
 export const KINDS = new Set([
     'attr',
     'children',
+    'context',
     'defaults',
     'drops',
     'dynamic-class',
@@ -41,6 +42,8 @@ const VOCABULARY = new Set([
     ...HELPER_PROPS,
     // Refused on every target, so no entry lists it.
     'dangerouslySetInnerHTML',
+    // Refused where the target drops its own class for one it is given.
+    'className',
 ]);
 export function inVocabulary(token) {
     return VOCABULARY.has(token);

package/dist/sources/bulma-classes/transform.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../../../src/sources/bulma-classes/transform.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAW,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAmSvD,MAAM,CAAC,OAAO,UAAU,SAAS,CAC/B,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,OAAO,GAAE,gBAAqB,GAC7B,MAAM,GAAG,SAAS,CA2SpB"}
+{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../../../src/sources/bulma-classes/transform.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAW,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAmSvD,MAAM,CAAC,OAAO,UAAU,SAAS,CAC/B,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,OAAO,GAAE,gBAAqB,GAC7B,MAAM,GAAG,SAAS,CA4VpB"}

package/dist/sources/bulma-classes/transform.js

@@ -308,22 +308,64 @@ export default function transform(fileInfo, api, options = {}) {
     // a child that is one of its parts.
     const planned = new Map();
     const programScope = root.find(j.Program).paths()[0]?.scope;
+    /**
+     * The bestax component an element already is, when its name is the bestax
+     * import and not a local that shadows it; `scopePath` is where the name is
+     * looked up.
+     */
+    const bestaxTarget = (element, scopePath) => {
+        const parts = jsxNameParts(element.openingElement.name);
+        const owner = parts && bestaxNames.get(parts[0]);
+        if (!owner || !resolvesToBinding(scopePath, parts[0], programScope)) {
+            return undefined;
+        }
+        return [...owner, ...parts.slice(1)].join('.');
+    };
     const childTargets = (elementPath) => (elementPath.node.children ?? []).flatMap((child) => {
         if (child.type !== 'JSXElement')
             return [];
-        const target = planned.get(child)?.conversion?.target;
-        if (target)
-            return [target];
-        // A part the file already uses counts when its name is the bestax
-        // import, not a local that shadows it. A direct child is looked up in
-        // the element's own scope, which is the child's.
-        const parts = jsxNameParts(child.openingElement.name);
-        const owner = parts && bestaxNames.get(parts[0]);
-        if (!owner || !resolvesToBinding(elementPath, parts[0], programScope)) {
-            return [];
+        const target = planned.get(child)?.conversion?.target ??
+            // A direct child is looked up in the element's own scope, the child's.
+            bestaxTarget(child, elementPath);
+        return target ? [target] : [];
+    });
+    // For each element, the bestax components already in the file inside it:
+    // `Field` and `Control` change how bestax's form controls render.
+    const bestaxInside = new Map();
+    root.find(j.JSXElement).forEach(elementPath => {
+        const target = bestaxTarget(elementPath.node, elementPath);
+        if (!target)
+            return;
+        for (let up = elementPath.parent; up; up = up.parent) {
+            if (up.node?.type !== 'JSXElement')
+                continue;
+            bestaxInside.set(up.node, [...(bestaxInside.get(up.node) ?? []), target]);
         }
-        return [[...owner, ...parts.slice(1)].join('.')];
     });
+    /**
+     * The components around an element: the bestax ones already in the file,
+     * and the rest (not an HTML tag, not a fragment), which could render one.
+     */
+    const around = (elementPath) => {
+        const bestax = [];
+        const other = [];
+        for (let up = elementPath.parent; up; up = up.parent) {
+            if (up.node?.type !== 'JSXElement')
+                continue;
+            const target = bestaxTarget(up.node, up);
+            if (target) {
+                bestax.push(target);
+                continue;
+            }
+            const parts = jsxNameParts(up.node.openingElement.name);
+            const name = parts?.join('.');
+            if (name && !INTRINSIC.test(name) && !name.includes('-')) {
+                if (!PASS_THROUGH_PARENTS.has(name))
+                    other.push(name);
+            }
+        }
+        return { bestax, other };
+    };
     // `converts` is whether the element would become a component with its
     // classes written out, so it holds for a computed className too.
     const elements = [];
@@ -346,6 +388,7 @@ export default function transform(fileInfo, api, options = {}) {
             attributes.set(attributeName(attr), attributeValue(attr));
         }
         const className = staticClassName(classAttr);
+        const surrounding = around(elementPath);
         const facts = {
             tag: name.name,
             tokens: className === null
@@ -356,6 +399,9 @@ export default function transform(fileInfo, api, options = {}) {
             hasRef: attributes.has('ref'),
             hasChildren: (element.children ?? []).some(reachesReact),
             childTargets: childTargets(elementPath),
+            bestaxInside: bestaxInside.get(element) ?? [],
+            bestaxAround: surrounding.bestax,
+            componentsAround: surrounding.other,
             onlyChildOf: onlyChildOf(elementPath, bestaxLocals),
         };
         let result = plan(facts);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bestax-migrate",
-  "version": "2.5.0",
+  "version": "2.7.0",
   "description": "Codemods for migrating existing React apps from other Bulma libraries to @allxsmith/bestax-bulma",
   "type": "module",
   "bin": {