@mui/x-codemod 6.0.0-alpha.9 → 6.0.0-beta.1

package/v6.0.0/data-grid/preset-safe/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+var _columnMenuComponentsRename = _interopRequireDefault(require("../column-menu-components-rename"));
+var _rowSelectionPropsRename = _interopRequireDefault(require("../row-selection-props-rename"));
+var _renameRowsPerPageOptionsProp = _interopRequireDefault(require("../rename-rowsPerPageOptions-prop"));
+var _removeDisableExtendRowFullWidthProp = _interopRequireDefault(require("../remove-disableExtendRowFullWidth-prop"));
+var _renameSelectorsAndEvents = _interopRequireDefault(require("../rename-selectors-and-events"));
+function transformer(file, api, options) {
+  file.source = (0, _columnMenuComponentsRename.default)(file, api, options);
+  file.source = (0, _rowSelectionPropsRename.default)(file, api, options);
+  file.source = (0, _renameRowsPerPageOptionsProp.default)(file, api, options);
+  file.source = (0, _removeDisableExtendRowFullWidthProp.default)(file, api, options);
+  file.source = (0, _renameSelectorsAndEvents.default)(file, api, options);
+  return file.source;
+}

package/v6.0.0/data-grid/remove-disableExtendRowFullWidth-prop/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+var _removeProps = _interopRequireDefault(require("../../../util/removeProps"));
+const componentNames = ['DataGrid', 'DataGridPro', 'DataGridPremium'];
+const props = ['disableExtendRowFullWidth'];
+function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  const printOptions = options.printOptions || {
+    quote: 'single',
+    trailingComma: true
+  };
+  return (0, _removeProps.default)({
+    root,
+    j,
+    props,
+    componentNames
+  }).toSource(printOptions);
+}

package/v6.0.0/data-grid/rename-rowsPerPageOptions-prop/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+var _renameProps = _interopRequireDefault(require("../../../util/renameProps"));
+const componentNames = ['DataGrid', 'DataGridPro', 'DataGridPremium'];
+const props = {
+  rowsPerPageOptions: 'pageSizeOptions'
+};
+function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  const printOptions = options.printOptions || {
+    quote: 'single',
+    trailingComma: true
+  };
+  return (0, _renameProps.default)({
+    root,
+    j,
+    props,
+    componentNames
+  }).toSource(printOptions);
+}

package/v6.0.0/data-grid/rename-selectors-and-events/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+const renamedSelectors = {
+  gridSelectionStateSelector: 'gridRowSelectionStateSelector',
+  gridVisibleSortedRowIdsSelector: 'gridExpandedSortedRowIdsSelector',
+  gridVisibleSortedRowEntriesSelector: 'gridExpandedSortedRowEntriesSelector',
+  gridVisibleRowCountSelector: 'gridExpandedRowCountSelector',
+  gridVisibleSortedTopLevelRowEntriesSelector: 'gridFilteredSortedTopLevelRowEntriesSelector',
+  gridVisibleTopLevelRowCountSelector: 'gridFilteredTopLevelRowCountSelector'
+};
+const renamedEvents = {
+  selectionChange: 'rowSelectionChange',
+  rowsScroll: 'scrollPositionChange'
+};
+function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  const printOptions = options.printOptions || {
+    quote: 'single',
+    trailingComma: true
+  };
+
+  // Rename the import and usage of renamed selectors
+  // - import { gridSelectionStateSelector } from '@mui/x-data-grid'
+  // + import { gridRowSelectionStateSelector } from '@mui/x-data-grid'
+  root.find(j.Identifier).filter(path => !!renamedSelectors[path.node.name]).replaceWith(path => j.identifier(renamedSelectors[path.node.name]));
+
+  // Rename the usage of renamed event literals
+  // - useGridApiEventHandler('selectionChange', handleEvent);
+  // - apiRef.current.subscribeEvent('selectionChange', handleEvent);
+  // + useGridApiEventHandler('rowSelectionChange', handleEvent);
+  // + apiRef.current.subscribeEvent('rowSelectionChange', handleEvent);
+  root.find(j.CallExpression).find(j.Literal).filter(path => !!renamedEvents[path.node.value]).replaceWith(path => j.literal(renamedEvents[path.node.value]));
+  return root.toSource(printOptions);
+}

package/v6.0.0/data-grid/row-selection-props-rename/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+var _renameProps = _interopRequireDefault(require("../../../util/renameProps"));
+const props = {
+  selectionModel: 'rowSelectionModel',
+  onSelectionModelChange: 'onRowSelectionModelChange',
+  disableSelectionOnClick: 'disableRowSelectionOnClick',
+  disableMultipleSelection: 'disableMultipleRowSelection',
+  showCellRightBorder: 'showCellVerticalBorder',
+  showColumnRightBorder: 'showColumnVerticalBorder',
+  headerHeight: 'columnHeaderHeight'
+};
+const componentNames = ['DataGrid', 'DataGridPro', 'DataGridPremium'];
+function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  const printOptions = options.printOptions || {
+    quote: 'single',
+    trailingComma: true
+  };
+  return (0, _renameProps.default)({
+    root,
+    componentNames,
+    props,
+    j
+  }).toSource(printOptions);
+}

package/v6.0.0/pickers/adapter-change-import/index.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+const adapters = {
+  'date-fns': 'AdapterDateFns',
+  'date-fns-jalali': 'AdapterDateFnsJalali',
+  dayjs: 'AdapterDayjs',
+  luxon: 'AdapterLuxon',
+  moment: 'AdapterMoment',
+  hijri: 'AdapterMomentHijri',
+  jalaali: 'AdapterMomentJalaali'
+};
+const getDateIoSubPackage = path => (path.node.source.value?.toString() ?? '').match(/@date-io\/(.*)/)?.[1];
+function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  const printOptions = options.printOptions || {
+    quote: 'single',
+    trailingComma: true
+  };
+  const matchingImports = root.find(j.ImportDeclaration).filter(path => {
+    const subPackage = getDateIoSubPackage(path);
+    return !!subPackage && !!adapters[subPackage];
+  });
+  const adapterVariableNames = {};
+
+  // Replace the default import specifier by an import specifiers
+  // - import WhateverDateFns from '@mui/x-date-pickers/MonthPicker'
+  // + import { AdapterDateFns } from '@mui/x-date-pickers/MonthPicker'
+  matchingImports.find(j.ImportDefaultSpecifier).replaceWith(path => {
+    const subPackage = getDateIoSubPackage(path.parentPath.parentPath);
+    const adapterVariableName = path.value.local?.name ?? '';
+    adapterVariableNames[adapterVariableName] = adapters[subPackage];
+    return j.importSpecifier(j.identifier(adapters[subPackage]));
+  });
+
+  // Rename the import declarations
+  // - import {} from '@date-io/date-fns'
+  // + import {} from '@mui/x-date-pickers/AdapterDateFns'
+  matchingImports.replaceWith(path => {
+    const subPackage = getDateIoSubPackage(path);
+    return j.importDeclaration(path.node.specifiers,
+    // copy over the existing import specifiers
+    j.stringLiteral(`@mui/x-date-pickers/${adapters[subPackage]}`) // Replace the source with our new source
+    );
+  });
+
+  // Rename the import usage
+  // - <LocalizationProvider dateAdapter={WhateverDateFns} />
+  // + <LocalizationProvider dateAdapter={AdapterDateFns} />
+  root.find(j.Identifier).filter(path => !!adapterVariableNames[path.node.name]).replaceWith(path => j.identifier(adapterVariableNames[path.node.name]));
+  return root.toSource(printOptions);
+}

package/v6.0.0/{localization-provider-rename-locale → pickers/localization-provider-rename-locale}/index.js

@@ -5,16 +5,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = transformer;
-var _renameProps = _interopRequireDefault(require("../../util/renameProps"));
+var _renameProps = _interopRequireDefault(require("../../../util/renameProps"));
 function transformer(file, api, options) {
   const j = api.jscodeshift;
   const root = j(file.source);
   const printOptions = options.printOptions;
   return (0, _renameProps.default)({
     root,
-    componentName: 'LocalizationProvider',
+    componentNames: ['LocalizationProvider'],
     props: {
       locale: 'adapterLocale'
-    }
+    },
+    j
   }).toSource(printOptions);
 }

package/v6.0.0/pickers/migrate-to-components-componentsProps/index.js

@@ -0,0 +1,101 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+var _addComponentsSlots = require("../../../util/addComponentsSlots");
+var _removeProps = _interopRequireDefault(require("../../../util/removeProps"));
+var _renameComponentsSlots = _interopRequireDefault(require("../../../util/renameComponentsSlots"));
+const propsToSlots = {
+  // components
+  TransitionComponent: {
+    prop: 'components',
+    path: 'DesktopTransition'
+  },
+  // componentsProps
+  PopperProps: {
+    prop: 'componentsProps',
+    path: 'popper'
+  },
+  DialogProps: {
+    prop: 'componentsProps',
+    path: 'dialog'
+  },
+  PaperProps: {
+    prop: 'componentsProps',
+    path: 'desktopPaper'
+  },
+  TrapFocusProps: {
+    prop: 'componentsProps',
+    path: 'desktopTrapFocus'
+  },
+  InputProps: {
+    prop: 'componentsProps',
+    path: 'textField.InputProps'
+  },
+  InputAdornmentProps: {
+    prop: 'componentsProps',
+    path: 'inputAdornment'
+  },
+  OpenPickerButtonProps: {
+    prop: 'componentsProps',
+    path: 'openPickerButton'
+  }
+};
+function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  const printOptions = options.printOptions || {
+    quote: 'single',
+    trailingComma: true
+  };
+  const componentNames = new Set();
+  root.find(j.ImportDeclaration).filter(({
+    node
+  }) => {
+    return node.source.value.startsWith('@mui/x-date-pickers');
+  }).forEach(path => {
+    path.node.specifiers.forEach(node => {
+      // Process only date-pickers components
+      root.findJSXElements(node.local.name).forEach(elementPath => {
+        if (elementPath.node.type !== 'JSXElement') {
+          return;
+        }
+        componentNames.add(node.local.name);
+        const attributesToTransform = j(elementPath).find(j.JSXAttribute).filter(attribute => {
+          const attributeParent = attribute.parentPath.parentPath;
+          if (attribute.parentPath.parentPath.value.type !== 'JSXOpeningElement' || attributeParent.value.name.name !== node.local.name) {
+            return false;
+          }
+          return Object.keys(propsToSlots).includes(attribute.value.name.name);
+        });
+        attributesToTransform.forEach(attribute => {
+          const attributeName = attribute.value.name.name;
+
+          // Get the value in case it's:
+          // - prop={value}
+          // - prop="value"
+          // - prop (which means true)
+          const value = attribute.value.value?.type === 'JSXExpressionContainer' ? attribute.value.value.expression : attribute.value.value || j.booleanLiteral(true);
+          (0, _addComponentsSlots.transformNestedProp)(elementPath, propsToSlots[attributeName].prop, propsToSlots[attributeName].path, value, j);
+        });
+      });
+      (0, _removeProps.default)({
+        root,
+        componentNames: [node.local.name],
+        props: Object.keys(propsToSlots),
+        j
+      });
+    });
+  });
+  return (0, _renameComponentsSlots.default)({
+    root,
+    componentNames: Array.from(componentNames),
+    translation: {
+      input: 'textField'
+    },
+    j
+  }).toSource(printOptions);
+}

package/v6.0.0/pickers/preset-safe/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+var _localizationProviderRenameLocale = _interopRequireDefault(require("../localization-provider-rename-locale"));
+var _textPropsToLocaleText = _interopRequireDefault(require("../text-props-to-localeText"));
+var _viewComponentsRename = _interopRequireDefault(require("../view-components-rename"));
+var _viewComponentsRenameValueProp = _interopRequireDefault(require("../view-components-rename-value-prop"));
+var _adapterChangeImport = _interopRequireDefault(require("../adapter-change-import"));
+var _replaceTabsProps = _interopRequireDefault(require("../replace-tabs-props"));
+var _replaceToolbarPropsBySlot = _interopRequireDefault(require("../replace-toolbar-props-by-slot"));
+var _migrateToComponentsComponentsProps = _interopRequireDefault(require("../migrate-to-components-componentsProps"));
+var _replaceArrowsButtonSlot = _interopRequireDefault(require("../replace-arrows-button-slot"));
+var _renameShouldDisableTime = _interopRequireDefault(require("../rename-should-disable-time"));
+function transformer(file, api, options) {
+  file.source = (0, _localizationProviderRenameLocale.default)(file, api, options);
+
+  // All the codemods impacting the view components should be run before renaming these components
+  file.source = (0, _textPropsToLocaleText.default)(file, api, options);
+  file.source = (0, _viewComponentsRenameValueProp.default)(file, api, options);
+  file.source = (0, _viewComponentsRename.default)(file, api, options);
+  file.source = (0, _adapterChangeImport.default)(file, api, options);
+  file.source = (0, _replaceTabsProps.default)(file, api, options);
+  file.source = (0, _replaceToolbarPropsBySlot.default)(file, api, options);
+  file.source = (0, _migrateToComponentsComponentsProps.default)(file, api, options);
+  file.source = (0, _replaceArrowsButtonSlot.default)(file, api, options);
+  file.source = (0, _renameShouldDisableTime.default)(file, api, options);
+  return file.source;
+}

package/v6.0.0/pickers/rename-components-to-slots/index.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+function transformComponentsProp(attributeNode) {
+  attributeNode.name.name = 'slots';
+  const valueExpression = attributeNode.value.expression;
+  if (valueExpression?.type !== 'ObjectExpression') {
+    return;
+  }
+  valueExpression.properties.forEach(property => {
+    property.key.name = property.key.name[0].toLowerCase() + property.key.name.slice(1);
+    if (property.shorthand) {
+      property.shorthand = false;
+    }
+  });
+}
+function transformComponentsPropsProp(attributeNode) {
+  attributeNode.name.name = 'slotProps';
+}
+
+/**
+ * @param {import('jscodeshift').FileInfo} file
+ * @param {import('jscodeshift').API} api
+ */
+function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  const printOptions = options.printOptions;
+  const root = j(file.source);
+  root.find(j.ImportDeclaration).filter(({
+    node
+  }) => {
+    return node.source.value.startsWith('@mui/x-date-pickers');
+  }).forEach(path => {
+    path.node.specifiers.forEach(node => {
+      // Process only date-pickers components
+      root.findJSXElements(node.local.name).forEach(elementPath => {
+        if (elementPath.node.type !== 'JSXElement') {
+          return;
+        }
+        elementPath.node.openingElement.attributes.forEach(elementNode => {
+          if (elementNode.type !== 'JSXAttribute') {
+            return;
+          }
+          switch (elementNode.name.name) {
+            case 'components':
+              transformComponentsProp(elementNode);
+              break;
+            case 'componentsProps':
+              transformComponentsPropsProp(elementNode);
+              break;
+            default:
+          }
+        });
+      });
+    });
+  });
+  const transformed = root.findJSXElements();
+  return transformed.toSource(printOptions);
+}

package/v6.0.0/pickers/rename-should-disable-time/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+/**
+ * @param {import('jscodeshift').FileInfo} file
+ * @param {import('jscodeshift').API} api
+ */
+function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  const printOptions = options.printOptions;
+  const root = j(file.source);
+  root.find(j.ImportDeclaration).filter(({
+    node
+  }) => {
+    return node.source.value.startsWith('@mui/x-date-pickers');
+  }).forEach(path => {
+    path.node.specifiers.forEach(node => {
+      // Process only date-pickers components
+      root.findJSXElements(node.local.name).forEach(elementPath => {
+        if (elementPath.node.type !== 'JSXElement') {
+          return;
+        }
+        elementPath.node.openingElement.attributes.forEach(elementNode => {
+          if (elementNode.type !== 'JSXAttribute') {
+            return;
+          }
+          if (elementNode.name.name === 'shouldDisableTime') {
+            elementNode.name.name = 'shouldDisableClock';
+          }
+        });
+      });
+    });
+  });
+  const transformed = root.findJSXElements();
+  return transformed.toSource(printOptions);
+}

package/v6.0.0/pickers/replace-arrows-button-slot/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+var _renameComponentsSlots = _interopRequireDefault(require("../../../util/renameComponentsSlots"));
+function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  const printOptions = options.printOptions || {
+    quote: 'single',
+    trailingComma: true
+  };
+  const componentNames = new Set();
+  root.find(j.ImportDeclaration).filter(({
+    node
+  }) => {
+    return node.source.value.startsWith('@mui/x-date-pickers');
+  }).forEach(path => {
+    path.node.specifiers.forEach(node => {
+      // Process only date-pickers components
+      root.findJSXElements(node.local.name).forEach(elementPath => {
+        if (elementPath.node.type !== 'JSXElement') {
+          return;
+        }
+        componentNames.add(node.local.name);
+      });
+    });
+  });
+  return (0, _renameComponentsSlots.default)({
+    root,
+    componentNames: Array.from(componentNames),
+    translation: {
+      LeftArrowButton: 'PreviousIconButton',
+      RightArrowButton: 'NextIconButton'
+    },
+    j
+  }).toSource(printOptions);
+}

package/v6.0.0/pickers/replace-tabs-props/index.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+var _renameComponentsSlots = _interopRequireDefault(require("../../../util/renameComponentsSlots"));
+var _addComponentsSlots = require("../../../util/addComponentsSlots");
+var _removeProps = _interopRequireDefault(require("../../../util/removeProps"));
+const propsToComponentsProps = {
+  hideTabs: 'tabs.hidden',
+  dateRangeIcon: 'tabs.dateIcon',
+  timeIcon: 'tabs.timeIcon'
+};
+const COMPONENTS = ['DateTimePicker', 'MobileDateTimePicker', 'DesktopDateTimePicker', 'StaticDateTimePicker'];
+function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  const printOptions = options.printOptions || {
+    quote: 'single',
+    trailingComma: true
+  };
+  root.find(j.JSXElement).filter(path => {
+    return COMPONENTS.includes(path.value.openingElement.name.name);
+  }).forEach(path => {
+    const attributesToTransform = j(path).find(j.JSXAttribute).filter(attribute => Object.keys(propsToComponentsProps).includes(attribute.value.name.name));
+    attributesToTransform.forEach(attribute => {
+      const attributeName = attribute.value.name.name;
+
+      // Get the value in case it's:
+      // - prop={value}
+      // - prop="value"
+      // - prop (which means true)
+      const value = attribute.value.value?.type === 'JSXExpressionContainer' ? attribute.value.value.expression : attribute.value.value || j.booleanLiteral(true);
+      (0, _addComponentsSlots.transformNestedProp)(path, 'componentsProps', propsToComponentsProps[attributeName], value, j);
+    });
+  });
+  (0, _removeProps.default)({
+    root,
+    componentNames: COMPONENTS,
+    props: Object.keys(propsToComponentsProps),
+    j
+  });
+  return (0, _renameComponentsSlots.default)({
+    root,
+    componentNames: COMPONENTS,
+    translation: {
+      dateRangeIcon: 'dateIcon'
+    },
+    j
+  }).toSource(printOptions);
+}

package/v6.0.0/pickers/replace-toolbar-props-by-slot/index.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+var _addComponentsSlots = require("../../../util/addComponentsSlots");
+var _removeProps = _interopRequireDefault(require("../../../util/removeProps"));
+const propsToSlots = {
+  ToolbarComponent: {
+    prop: 'components',
+    path: 'Toolbar'
+  },
+  toolbarPlaceholder: {
+    prop: 'componentsProps',
+    path: 'toolbar.toolbarPlaceholder'
+  },
+  toolbarFormat: {
+    prop: 'componentsProps',
+    path: 'toolbar.toolbarFormat'
+  },
+  showToolbar: {
+    prop: 'componentsProps',
+    path: 'toolbar.hidden'
+  },
+  toolbarTitle: {
+    prop: 'localeText',
+    path: 'toolbarTitle'
+  }
+};
+const COMPONENTS = ['DateTimePicker', 'MobileDateTimePicker', 'DesktopDateTimePicker', 'StaticDateTimePicker', 'DatePicker', 'MobileDatePicker', 'DesktopDatePicker', 'StaticDatePicker', 'TimePicker', 'MobileTimePicker', 'DesktopTimePicker', 'StaticTimePicker', 'DateRangePicker', 'MobileDateRangePicker', 'DesktopDateRangePicker', 'StaticDateRangePicker'];
+function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  const printOptions = options.printOptions || {
+    quote: 'single',
+    trailingComma: true
+  };
+  root.find(j.JSXElement).filter(path => {
+    return COMPONENTS.includes(path.value.openingElement.name.name);
+  }).forEach(path => {
+    const attributesToTransform = j(path).find(j.JSXAttribute).filter(attribute => Object.keys(propsToSlots).includes(attribute.value.name.name));
+    attributesToTransform.forEach(attribute => {
+      const attributeName = attribute.value.name.name;
+
+      // Get the value in case it's:
+      // - prop={value}
+      // - prop="value"
+      // - prop (which means true)
+      let value = attribute.value.value?.type === 'JSXExpressionContainer' ? attribute.value.value.expression : attribute.value.value || j.booleanLiteral(true);
+      if (attributeName === 'showToolbar') {
+        if (value.type === 'BooleanLiteral' || value.type === 'Literal' && typeof value.value === 'boolean') {
+          value.value = !value.value;
+        } else {
+          value = j.unaryExpression('!', value);
+        }
+      }
+      (0, _addComponentsSlots.transformNestedProp)(path, propsToSlots[attributeName].prop, propsToSlots[attributeName].path, value, j);
+    });
+  });
+  (0, _removeProps.default)({
+    root,
+    componentNames: COMPONENTS,
+    props: Object.keys(propsToSlots),
+    j
+  });
+  return root.toSource(printOptions);
+}