bestax-migrate 2.27.0 → 2.28.0

package/dist/sources/rbx/mapping.js

@@ -18,7 +18,7 @@ const DOCS = 'https://bestax.io/docs';
 const numeric = { numberToString: true };
 /**
  * `as` is universal in rbx — `forwardRefAs` puts it on every component — but
- * bestax declares it on only ~16 components, several of them constrained to a
+ * bestax declares it on only some components, several of them constrained to a
  * narrow literal union (`Footer` is `'footer' | 'div'`). So the default is a
  * TODO, and the components that really do accept `as` opt in with `AS_OK` in
  * their own prop map, which runs first and wins.
@@ -36,7 +36,7 @@ const AS_TODO = {
  * `'footer' | 'div'`, `Control` is `'div'`), so an `as={SomeComponent}` still
  * surfaces — as a type error the user can see, rather than a silent rewrite.
  */
-const AS_OK = {};
+export const AS_OK = {};
 /**
  * Helper props rbx mixes into every component via `HelpersProps`. Applied
  * after each component's own prop map, to whatever attributes are left.
@@ -182,6 +182,7 @@ export const MAPPING = {
         status: 'mapped',
         target: 'Container',
         props: {
+            as: AS_OK,
             fluid: {},
             // bestax's ContainerBreakpoint is 'tablet' | 'desktop' | 'widescreen';
             // rbx accepts all six, so the other three are type errors if passed on.
@@ -729,10 +730,14 @@ export const MAPPING = {
     Panel: {
         status: 'mapped',
         target: 'Panel',
-        props: { color: {} },
+        props: { as: AS_OK, color: {} },
         subs: {
             Heading: { status: 'mapped', target: 'Panel.Heading' },
-            Block: { status: 'mapped', target: 'Panel.Block', props: { active: {} } },
+            Block: {
+                status: 'mapped',
+                target: 'Panel.Block',
+                props: { active: {}, as: AS_OK },
+            },
             Icon: { status: 'partial', target: 'Panel.Icon', special: 'icon' },
             Tab: {
                 status: 'mapped',
@@ -815,6 +820,7 @@ export const MAPPING = {
         status: 'mapped',
         target: 'Hero',
         props: {
+            as: AS_OK,
             color: {},
             // rbx's five sizes are bestax's five, `fullheight-with-navbar`
             // included, and both render the one `is-<size>` class.
@@ -825,8 +831,8 @@ export const MAPPING = {
         },
         subs: {
             Body: { status: 'mapped', target: 'Hero.Body' },
-            Foot: { status: 'mapped', target: 'Hero.Foot' },
-            Head: { status: 'mapped', target: 'Hero.Head' },
+            Foot: { status: 'mapped', target: 'Hero.Foot', props: { as: AS_OK } },
+            Head: { status: 'mapped', target: 'Hero.Head', props: { as: AS_OK } },
         },
     },
     Section: { status: 'mapped', target: 'Section', props: { size: {} } },

package/dist/sources/react-bulma-components/mapping.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mapping.d.ts","sourceRoot":"","sources":["../../../src/sources/react-bulma-components/mapping.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAQnE;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAgFtD,CAAC;AAEF,gEAAgE;AAChE,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAUhE,CAAC;AAIF,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAmqBpD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAsEhD,CAAC;AAEF,6EAA6E;AAC7E,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,gBAAgB,GAAG,SAAS,CAM3E"}
+{"version":3,"file":"mapping.d.ts","sourceRoot":"","sources":["../../../src/sources/react-bulma-components/mapping.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAQnE;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAgFtD,CAAC;AAEF,gEAAgE;AAChE,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAUhE,CAAC;AAIF,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAirBpD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAsEhD,CAAC;AAEF,6EAA6E;AAC7E,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,gBAAgB,GAAG,SAAS,CAM3E"}

package/dist/sources/react-bulma-components/mapping.js

@@ -252,6 +252,7 @@ export const MAPPING = {
         status: 'mapped',
         target: 'Container',
         props: {
+            renderAs: { rename: 'as' },
             max: { booleanToProp: { name: 'isMax' } },
             breakpoint: {
                 // 'tablet' / 'desktop' stay as breakpoint="..." (same prop in bestax)
@@ -430,6 +431,7 @@ export const MAPPING = {
         status: 'mapped',
         target: 'Hero',
         props: {
+            renderAs: { rename: 'as' },
             color: {},
             size: {
                 valueTodo: {
@@ -442,9 +444,17 @@ export const MAPPING = {
             hasNavbar: { booleanToProp: { name: 'fullheightWithNavbar' } },
         },
         subs: {
-            Header: { status: 'mapped', target: 'Hero.Head' },
+            Header: {
+                status: 'mapped',
+                target: 'Hero.Head',
+                props: { renderAs: { rename: 'as' } },
+            },
             Body: { status: 'mapped', target: 'Hero.Body' },
-            Footer: { status: 'mapped', target: 'Hero.Foot' },
+            Footer: {
+                status: 'mapped',
+                target: 'Hero.Foot',
+                props: { renderAs: { rename: 'as' } },
+            },
         },
     },
     Icon: {
@@ -688,7 +698,7 @@ export const MAPPING = {
     Panel: {
         status: 'mapped',
         target: 'Panel',
-        props: { color: {} },
+        props: { renderAs: { rename: 'as' }, color: {} },
         subs: {
             Header: { status: 'mapped', target: 'Panel.Heading' },
             Tabs: {
@@ -699,7 +709,11 @@ export const MAPPING = {
                     Tab: { status: 'mapped', special: 'panel-tab' },
                 },
             },
-            Block: { status: 'mapped', target: 'Panel.Block', props: activeKept },
+            Block: {
+                status: 'mapped',
+                target: 'Panel.Block',
+                props: { ...activeKept, renderAs: { rename: 'as' } },
+            },
             Icon: { status: 'partial', target: 'Panel.Icon', special: 'icon' },
         },
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bestax-migrate",
-  "version": "2.27.0",
+  "version": "2.28.0",
   "description": "Codemods for migrating existing React apps from other Bulma libraries to @allxsmith/bestax-bulma",
   "type": "module",
   "bin": {
@@ -40,7 +40,7 @@
     "jscodeshift": "^17.3.0",
     "parse5": "^7.3.0",
     "property-information": "^7.2.0",
-    "@allxsmith/bestax-bulma": "^5.37.0"
+    "@allxsmith/bestax-bulma": "^5.38.0"
   },
   "devDependencies": {
     "@jest/globals": "^30.0.0",