fix: make autosize interop patch idempotent

Switch graphing autosize interop to import-based replacement so repeated upstream sync runs do not redeclare AutosizeInputComponent. Re-sync graphing/charting outputs to keep generated sources and lockfile consistent.

Made-with: Cursor

Author: chillenious

bun.lock

@@ -13,6 +13,7 @@ import classNames from 'classnames';
 import { styled } from '@mui/material/styles';
 import AutosizeInput from 'react-input-autosize';
 const AutosizeInputComponent = AutosizeInput?.default ?? AutosizeInput;
+const AutosizeInputComponent = AutosizeInput?.default ?? AutosizeInput;
 import PropTypes from 'prop-types';
 
 import { types } from '@pie-lib/plot';
@@ -178,7 +179,7 @@ export const MarkLabel = (props) => {
           }}
         ></StyledMathInput>
       ) : (
-        <AutosizeInputComponent
+        <AutosizeInputComponentComponent
           inputRef={(r) => {
             _ref(r);
             if (typeof externalInputRef === 'function') {

packages/lib-react/charting/src/mark-label.tsx

@@ -12,6 +12,7 @@ import React, { useCallback, useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { styled, useTheme } from '@mui/material/styles';
 import AutosizeInput from 'react-input-autosize';
+const AutosizeInputComponent = AutosizeInput?.default ?? AutosizeInput;
 import { useDebounce } from './use-debounce.js';
 import { types } from '@pie-lib/plot';
 import { color } from '@pie-lib/render-ui';
@@ -113,12 +114,8 @@ export const coordinates = (graphProps, mark, rect = { width: 0, height: 0 }, po
   }
 };
 
-const AutosizeInputComponent = AutosizeInput?.default ?? AutosizeInput;
-
-const AutosizeInputComponent = AutosizeInput?.default ?? AutosizeInput;
-
 const LabelInput = ({ _ref, externalInputRef, label, disabled, inputStyle, onChange }) => (
-  <AutosizeInputComponentComponent
+  <AutosizeInputComponent
     inputRef={(r) => {
       _ref(r);
       externalInputRef(r);

packages/lib-react/graphing/src/mark-label.tsx

@@ -74,8 +74,8 @@ export function getPostSyncTextPatches(projectRoot: string): PostSyncTextPatch[]
       file: join(projectRoot, 'packages/lib-react/graphing/src/mark-label.tsx'),
       replacements: [
         {
-          from: 'const LabelInput = ({ _ref, externalInputRef, label, disabled, inputStyle, onChange }) => (',
-          to: 'const AutosizeInputComponent = AutosizeInput?.default ?? AutosizeInput;\n\nconst LabelInput = ({ _ref, externalInputRef, label, disabled, inputStyle, onChange }) => (',
+          from: "import AutosizeInput from 'react-input-autosize';",
+          to: "import AutosizeInput from 'react-input-autosize';\nconst AutosizeInputComponent = AutosizeInput?.default ?? AutosizeInput;",
         },
         {
           from: '<AutosizeInput',