fix: Builder generator includes width on Columns components

[liamdebeasi]

Description

The Builder generator does not include the width values when going from Mitosis --> Builder. This results in column objects with in the Columns component having the wrong size. See results from the test pushed to this branch:

Input

{
  data: {
    blocks: [
      {
        '@type': '@builder.io/sdk:Element',
        component: {
          name: 'Columns',
          options: {
            columns: [{ blocks: [], width: 50 }, { blocks: [] }],
          },
        },
      },
    ],
  },
}

Results

 FAIL  src/__tests__/builder.test.ts > Builder > map Column widths
Error: Snapshot `Builder > map Column widths 1` mismatched

- Expected
+ Received

  {
    "data": {
      "blocks": [
        {
          "@type": "@builder.io/sdk:Element",
          "actions": {},
          "bindings": {},
          "children": [],
          "code": {
            "actions": {},
            "bindings": {},
          },
          "component": {
            "name": "Columns",
            "options": {
              "columns": [
                {
                  "blocks": [],
-                 "width": 50,
                },
                {
                  "blocks": [],
                },
              ],
            },
          },
        },
      ],
      "jsCode": "",
      "tsCode": "",
    },
  }

This PR fixes the issue by ensuring that the width is preserved when generating column objects in Columns Builder elements.

Make sure to follow the PR preparation steps in CONTRIBUTING.md before submitting your PR:

• format the codebase: from the root, run yarn fmt:prettier.
• update all snapshots (in core & CLI): from the root, run yarn test:update
• add Changeset entry: from the root, run yarn g:changeset and follow the CLI instructions. Alternatively, use the Changeset Github Bot to create the file.

[changeset-bot]

🦋 Changeset detected

Latest commit: 16f7cb9

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
@builder.io/mitosis	Patch
@builder.io/mitosis-cli	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[nx-cloud]

View your CI Pipeline Execution ↗ for commit 16f7cb9.

Command	Status	Duration	Result
nx e2e @builder.io/e2e-app	✅ Succeeded	1m 3s	View ↗
nx run-many --target test	✅ Succeeded	4m 39s	View ↗
nx run-many --target build --exclude @builder.i...	✅ Succeeded	3m 48s	View ↗
nx build @builder.io/mitosis-site	✅ Succeeded	2m 26s	View ↗

---

☁️ Nx Cloud last updated this comment at 2025-02-13 19:10:53 UTC