@react-spectrum/codemods 0.5.1 → 0.6.0

package/dist/s1-to-s2/src/codemods/components/DialogTrigger/transform.js

@@ -0,0 +1,111 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateDialogChild = updateDialogChild;
+exports.default = transformDialogTrigger;
+const utils_1 = require("../../shared/utils");
+const transforms_1 = require("../../shared/transforms");
+const getComponents_1 = require("../../../getComponents");
+const t = __importStar(require("@babel/types"));
+let availableComponents = (0, getComponents_1.getComponents)();
+/**
+ * Updates DialogTrigger and DialogContainer to the new API.
+ *
+ * Example:
+ * - When `type="popover"`, replaces Dialog with `<Popover>`.
+ * - When `type="fullscreen"`, replaces Dialog with `<FullscreenDialog>`.
+ * - When `type="fullscreenTakeover"`, replaces Dialog with `<FullscreenDialog variant="fullscreenTakeover">`.
+ */
+function updateDialogChild(path) {
+    let typePath = path.get('openingElement').get('attributes').find((attr) => t.isJSXAttribute(attr.node) && attr.node.name.name === 'type');
+    let type = typePath?.node.value?.type === 'StringLiteral' ? typePath.node.value?.value : 'modal';
+    let newComponentName = 'Dialog';
+    let props = [];
+    if (type === 'popover') {
+        newComponentName = 'Popover';
+    }
+    else if (type === 'fullscreen' || type === 'fullscreenTakeover') {
+        newComponentName = 'FullscreenDialog';
+        if (type === 'fullscreenTakeover') {
+            props.push(t.jsxAttribute(t.jsxIdentifier('variant'), t.stringLiteral(type)));
+        }
+    }
+    for (let prop of ['isDismissible', 'mobileType', 'hideArrow', 'placement', 'shouldFlip', 'isKeyboardDismissDisabled', 'containerPadding', 'offset', 'crossOffset']) {
+        let attr = path.get('openingElement').get('attributes').find(attr => attr.isJSXAttribute() && attr.node.name.name === prop);
+        if (attr) {
+            props.push(attr.node);
+            attr.remove();
+        }
+    }
+    typePath?.remove();
+    let localName = newComponentName;
+    if (newComponentName !== 'Dialog' && availableComponents.has(newComponentName)) {
+        let program = path.findParent((p) => t.isProgram(p.node));
+        localName = (0, utils_1.addComponentImport)(program, newComponentName);
+    }
+    path.traverse({
+        JSXElement(dialog) {
+            if (!t.isJSXIdentifier(dialog.node.openingElement.name) || (0, utils_1.getName)(dialog, dialog.node.openingElement.name) !== 'Dialog') {
+                return;
+            }
+            dialog.node.openingElement.name = t.jsxIdentifier(localName);
+            if (dialog.node.closingElement) {
+                dialog.node.closingElement.name = t.jsxIdentifier(localName);
+            }
+            dialog.node.openingElement.attributes.push(...props);
+        }
+    });
+}
+/**
+ * Transforms DialogTrigger:
+ * - Comment out type="tray" (it has not been implemented yet).
+ * - Comment out mobileType (it has not been implemented yet).
+ * - Remove targetRef (it is no longer supported).
+ * - Move render props to the child component (updated API).
+ */
+function transformDialogTrigger(path) {
+    // Comment out type="tray"
+    (0, transforms_1.commentOutProp)(path, { propName: 'type', propValue: 'tray' });
+    // Comment out mobileType
+    (0, transforms_1.commentOutProp)(path, { propName: 'mobileType' });
+    // Remove targetRef
+    (0, transforms_1.removeProp)(path, { propName: 'targetRef' });
+    // Move render props to the child component
+    (0, transforms_1.moveRenderPropsToChild)(path, { newChildComponentName: 'Dialog' });
+    // Update isDismissable to isDismissible
+    (0, transforms_1.updatePropName)(path, { oldPropName: 'isDismissable', newPropName: 'isDismissible' });
+    // Update DialogTrigger to the new API
+    updateDialogChild(path);
+}

package/dist/s1-to-s2/src/codemods/components/Divider/transform.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformDivider;
+const transforms_1 = require("../../shared/transforms");
+/**
+ * Transforms Divider:
+ * - Remove Divider component if within a Dialog (Updated design for Dialog in Spectrum 2).
+ */
+function transformDivider(path) {
+    // Remove Divider component if within a Dialog
+    (0, transforms_1.removeComponentIfWithinParent)(path, { parentComponentName: 'Dialog' });
+}

package/dist/s1-to-s2/src/codemods/components/Form/transform.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformForm;
+const transforms_1 = require("../../shared/transforms");
+/**
+ * Transforms Form:
+ * - Remove isQuiet (it is no longer supported in Spectrum 2).
+ * - Remove isReadOnly (it is no longer supported in Spectrum 2).
+ * - Remove validationState (it is no longer supported in Spectrum 2).
+ * - Remove validationBehavior (it is no longer supported in Spectrum 2).
+ */
+function transformForm(path) {
+    // Remove isQuiet
+    (0, transforms_1.removeProp)(path, { propName: 'isQuiet' });
+    // Remove isReadOnly
+    (0, transforms_1.removeProp)(path, { propName: 'isReadOnly' });
+    // Remove validationState
+    (0, transforms_1.removeProp)(path, { propName: 'validationState' });
+    // Remove validationBehavior
+    (0, transforms_1.removeProp)(path, { propName: 'validationBehavior' });
+}

package/dist/s1-to-s2/src/codemods/components/InlineAlert/transform.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformInlineAlert;
+const transforms_1 = require("../../shared/transforms");
+/**
+ * Transforms InlineAlert:
+ * - Change variant="info" to variant="informative".
+ */
+function transformInlineAlert(path) {
+    // Change variant="info" to variant="informative"
+    (0, transforms_1.updatePropNameAndValue)(path, {
+        oldPropName: 'variant',
+        oldPropValue: 'info',
+        newPropName: 'variant',
+        newPropValue: 'informative'
+    });
+}

package/dist/s1-to-s2/src/codemods/components/Item/transform.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformItem;
+const transforms_1 = require("../../shared/transforms");
+/**
+ * Transforms Item:
+ * - If within Menu: Update Item to be a MenuItem.
+ * - If within ActionMenu: Update Item to be a MenuItem.
+ * - If within TagGroup: Update Item to be a Tag.
+ * - If within Breadcrumbs: Update Item to be a Breadcrumb.
+ * - If within Picker: Update Item to be a PickerItem.
+ * - If within ComboBox: Update Item to be a ComboBoxItem.
+ * - Update key to id (and keep key if rendered inside array.map).
+ */
+function transformItem(path) {
+    // Update Items based on parent collection component
+    (0, transforms_1.updateComponentWithinCollection)(path, { parentComponentName: 'Menu', newComponentName: 'MenuItem' });
+    (0, transforms_1.updateComponentWithinCollection)(path, { parentComponentName: 'ActionMenu', newComponentName: 'MenuItem' });
+    (0, transforms_1.updateComponentWithinCollection)(path, { parentComponentName: 'TagGroup', newComponentName: 'Tag' });
+    (0, transforms_1.updateComponentWithinCollection)(path, { parentComponentName: 'Breadcrumbs', newComponentName: 'Breadcrumb' });
+    (0, transforms_1.updateComponentWithinCollection)(path, { parentComponentName: 'Picker', newComponentName: 'PickerItem' });
+    (0, transforms_1.updateComponentWithinCollection)(path, { parentComponentName: 'ComboBox', newComponentName: 'ComboBoxItem' });
+    // Comment if parent collection not detected
+    (0, transforms_1.commentIfParentCollectionNotDetected)(path);
+}

package/dist/s1-to-s2/src/codemods/components/Link/transform.js

@@ -0,0 +1,76 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformLink;
+const utils_1 = require("../../shared/utils");
+const t = __importStar(require("@babel/types"));
+const transforms_1 = require("../../shared/transforms");
+/**
+ * If <a> was used inside Link (legacy API), remove the <a> and apply props directly to Link.
+ */
+function updateLegacyLink(path) {
+    let missingOuterHref = t.isJSXElement(path.node) && !path.node.openingElement.attributes.some((attr) => t.isJSXAttribute(attr) && attr.name.name === 'href');
+    if (missingOuterHref) {
+        let innerLink = path.node.children.find((child) => t.isJSXElement(child) && t.isJSXIdentifier(child.openingElement.name));
+        if (innerLink && t.isJSXElement(innerLink)) {
+            let innerAttributes = innerLink.openingElement.attributes;
+            let outerAttributes = path.node.openingElement.attributes;
+            innerAttributes.forEach((attr) => {
+                outerAttributes.push(attr);
+            });
+            if (t.isJSXIdentifier(innerLink.openingElement.name) &&
+                innerLink.openingElement.name.name !== 'a') {
+                (0, utils_1.addComment)(path.node, ' TODO(S2-upgrade): You may have been using a custom link component here. You\'ll need to update this manually.');
+            }
+            path.node.children = innerLink.children;
+        }
+    }
+}
+/**
+ * Transforms Link:
+ * - Change variant="overBackground" to staticColor="white".
+ * - If <a> was used inside Link (legacy API), remove the <a> and apply props directly to Link.
+ */
+function transformLink(path) {
+    // Change variant="overBackground" to staticColor="white"
+    (0, transforms_1.updatePropNameAndValue)(path, {
+        oldPropName: 'variant',
+        oldPropValue: 'overBackground',
+        newPropName: 'staticColor',
+        newPropValue: 'white'
+    });
+    // Update legacy Link
+    updateLegacyLink(path);
+}

package/dist/s1-to-s2/src/codemods/components/NumberField/transform.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformNumberField;
+const transforms_1 = require("../../shared/transforms");
+/**
+ * Transforms NumberField:
+ * - Remove isQuiet (it is no longer supported in Spectrum 2).
+ * - Change validationState="invalid" to isInvalid.
+ * - Remove validationState="valid" (it is no longer supported in Spectrum 2).
+ */
+function transformNumberField(path) {
+    // Remove isQuiet
+    (0, transforms_1.removeProp)(path, { propName: 'isQuiet' });
+    // Change validationState="invalid" to isInvalid
+    (0, transforms_1.updatePropNameAndValue)(path, {
+        oldPropName: 'validationState',
+        oldPropValue: 'invalid',
+        newPropName: 'isInvalid',
+        newPropValue: true
+    });
+    // Remove validationState="valid"
+    (0, transforms_1.removeProp)(path, { propName: 'validationState', propValue: 'valid' });
+}

package/dist/s1-to-s2/src/codemods/components/Picker/transform.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformPicker;
+const transforms_1 = require("../../shared/transforms");
+/**
+ * Transforms Picker:
+ * - Change menuWidth value from a DimensionValue to a pixel value.
+ * - Remove isQuiet (it is no longer supported in Spectrum 2).
+ * - Change validationState="invalid" to isInvalid.
+ * - Remove validationState="valid" (it is no longer supported in Spectrum 2).
+ * - Replace isLoading with loadingState.
+ */
+function transformPicker(path) {
+    // Change menuWidth value from a DimensionValue to a pixel value
+    (0, transforms_1.convertDimensionValueToPx)(path, { propName: 'menuWidth' });
+    // Remove isQuiet
+    (0, transforms_1.removeProp)(path, { propName: 'isQuiet' });
+    // Change validationState="invalid" to isInvalid
+    (0, transforms_1.updatePropNameAndValue)(path, {
+        oldPropName: 'validationState',
+        oldPropValue: 'invalid',
+        newPropName: 'isInvalid',
+        newPropValue: true
+    });
+    // Remove validationState="valid"
+    (0, transforms_1.removeProp)(path, { propName: 'validationState', propValue: 'valid' });
+    // Replace isLoading with loadingState
+    (0, transforms_1.updatePropName)(path, {
+        oldPropName: 'isLoading',
+        newPropName: 'loadingState',
+        comment: 'Replace boolean passed to isLoading with appropriate loadingState.'
+    });
+}

package/dist/s1-to-s2/src/codemods/components/ProgressBar/transform.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformProgressBar;
+const transforms_1 = require("../../shared/transforms");
+/**
+ * Transforms ProgressBar:
+ * - Change variant="overBackground" to staticColor="white".
+ * - Comment out labelPosition (it has not been implemented yet).
+ * - Comment out showValueLabel (it has not been implemented yet).
+ */
+function transformProgressBar(path) {
+    // Change variant="overBackground" to staticColor="white"
+    (0, transforms_1.updatePropNameAndValue)(path, {
+        oldPropName: 'variant',
+        oldPropValue: 'overBackground',
+        newPropName: 'staticColor',
+        newPropValue: 'white'
+    });
+    // Comment out labelPosition
+    (0, transforms_1.commentOutProp)(path, { propName: 'labelPosition' });
+    // Comment out showValueLabel
+    (0, transforms_1.removeProp)(path, { propName: 'showValueLabel' });
+}

package/dist/s1-to-s2/src/codemods/components/ProgressCircle/transform.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformProgressCircle;
+const transforms_1 = require("../../shared/transforms");
+/**
+ * Transforms ProgressCircle:
+ * - Change variant="overBackground" to staticColor="white".
+ */
+function transformProgressCircle(path) {
+    // Change variant="overBackground" to staticColor="white"
+    (0, transforms_1.updatePropNameAndValue)(path, {
+        oldPropName: 'variant',
+        oldPropValue: 'overBackground',
+        newPropName: 'staticColor',
+        newPropValue: 'white'
+    });
+}

package/dist/s1-to-s2/src/codemods/components/RadioGroup/transform.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformRadioGroup;
+const transforms_1 = require("../../shared/transforms");
+/**
+ * Transforms RadioGroup:
+ * - Change validationState="invalid" to isInvalid.
+ * - Remove validationState="valid" (it is no longer supported in Spectrum 2).
+ * - Remove showErrorIcon (it has been removed due to accessibility issues).
+ */
+function transformRadioGroup(path) {
+    // Change validationState="invalid" to isInvalid
+    (0, transforms_1.updatePropNameAndValue)(path, {
+        oldPropName: 'validationState',
+        oldPropValue: 'invalid',
+        newPropName: 'isInvalid',
+        newPropValue: true
+    });
+    // Remove validationState="valid"
+    (0, transforms_1.removeProp)(path, { propName: 'validationState', propValue: 'valid' });
+    // Remove showErrorIcon
+    (0, transforms_1.removeProp)(path, { propName: 'showErrorIcon' });
+}

package/dist/s1-to-s2/src/codemods/components/RangeSlider/transform.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformRangeSlider;
+const transforms_1 = require("../../shared/transforms");
+/**
+ * Transforms RangeSlider:
+ * - Remove showValueLabel (it has been removed due to accessibility issues).
+ * - Comment out getValueLabel (it has not been implemented yet).
+ * - Comment out orientation (it has not been implemented yet).
+ */
+function transformRangeSlider(path) {
+    // Remove showValueLabel
+    (0, transforms_1.removeProp)(path, { propName: 'showValueLabel' });
+    // Comment out getValueLabel
+    (0, transforms_1.commentOutProp)(path, { propName: 'getValueLabel' });
+    // Comment out orientation
+    (0, transforms_1.commentOutProp)(path, { propName: 'orientation' });
+}

package/dist/s1-to-s2/src/codemods/components/Row/transform.js

@@ -0,0 +1,111 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformRow;
+const utils_1 = require("../../shared/utils");
+const t = __importStar(require("@babel/types"));
+const transforms_1 = require("../../shared/transforms");
+/**
+ * Updates the function signature of the Row component.
+ */
+function updateRowFunctionArg(path) {
+    // Find the export function passed as a child
+    let functionChild = path.get('children').find(childPath => childPath.isJSXExpressionContainer() &&
+        childPath.get('expression').isArrowFunctionExpression());
+    let tablePath = path.findParent((p) => t.isJSXElement(p.node) &&
+        t.isJSXIdentifier(p.node.openingElement.name) &&
+        (0, utils_1.getName)(path, p.node.openingElement.name) === 'TableView');
+    let tableHeaderPath = tablePath?.get('children').find((child) => t.isJSXElement(child.node) &&
+        t.isJSXIdentifier(child.node.openingElement.name) &&
+        (0, utils_1.getName)(child, child.node.openingElement.name) === 'TableHeader');
+    function findColumnKeyProp(path) {
+        let columnKeyProp = 'id';
+        path.traverse({
+            JSXElement(columnPath) {
+                if (t.isArrowFunctionExpression(columnPath.parentPath.node) &&
+                    t.isJSXElement(columnPath.node) &&
+                    t.isJSXIdentifier(columnPath.node.openingElement.name) &&
+                    (0, utils_1.getName)(columnPath, columnPath.node.openingElement.name) === 'Column') {
+                    let openingElement = columnPath.get('openingElement');
+                    let keyPropPath = openingElement.get('attributes').find(attr => t.isJSXAttribute(attr.node) &&
+                        (attr.node.name.name === 'key' || attr.node.name.name === 'id'));
+                    keyPropPath?.traverse({
+                        Identifier(innerPath) {
+                            if (innerPath.node.name === 'column' &&
+                                innerPath.parentPath.node.type === 'MemberExpression' &&
+                                t.isIdentifier(innerPath.parentPath.node.property)) {
+                                columnKeyProp = innerPath.parentPath.node.property.name;
+                            }
+                        }
+                    });
+                }
+            }
+        });
+        return columnKeyProp || 'id';
+    }
+    let columnKey = findColumnKeyProp(tableHeaderPath);
+    if (functionChild && functionChild.isJSXExpressionContainer()) {
+        let arrowFuncPath = functionChild.get('expression');
+        if (arrowFuncPath.isArrowFunctionExpression()) {
+            let params = arrowFuncPath.node.params;
+            if (params.length === 1 && t.isIdentifier(params[0])) {
+                let paramName = params[0].name;
+                // Rename parameter to 'column'
+                params[0].name = 'column';
+                // Replace references to the old parameter name inside the export function body
+                arrowFuncPath.get('body').traverse({
+                    Identifier(innerPath) {
+                        if (innerPath.node.name === paramName &&
+                            // Ensure we're not replacing the parameter declaration
+                            innerPath.node !== params[0]) {
+                            // Replace with column key
+                            innerPath.replaceWith(t.memberExpression(t.identifier('column'), t.identifier(columnKey ?? 'id')));
+                        }
+                    }
+                });
+            }
+        }
+    }
+}
+/**
+ * Transforms Row:
+ * - Update key to id.
+ * - Update function signature.
+ */
+function transformRow(path) {
+    // Update key to id
+    (0, transforms_1.updateKeyToId)(path);
+    updateRowFunctionArg(path);
+}

package/dist/s1-to-s2/src/codemods/components/SearchField/transform.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformSearchField;
+const transforms_1 = require("../../shared/transforms");
+/**
+ * Transforms SearchField:
+ * - Remove placeholder (it has been removed due to accessibility issues).
+ * - Comment out icon (it has not been implemented yet).
+ * - Remove isQuiet (it is no longer supported in Spectrum 2).
+ * - Change validationState="invalid" to isInvalid.
+ * - Remove validationState="valid" (it is no longer supported in Spectrum 2).
+ */
+function transformSearchField(path) {
+    // Remove placeholder
+    (0, transforms_1.removeProp)(path, { propName: 'placeholder' });
+    // Comment out icon
+    (0, transforms_1.commentOutProp)(path, { propName: 'icon' });
+    // Remove isQuiet
+    (0, transforms_1.removeProp)(path, { propName: 'isQuiet' });
+    // Change validationState="invalid" to isInvalid
+    (0, transforms_1.updatePropNameAndValue)(path, {
+        oldPropName: 'validationState',
+        oldPropValue: 'invalid',
+        newPropName: 'isInvalid',
+        newPropValue: true
+    });
+    // Remove validationState="valid"
+    (0, transforms_1.removeProp)(path, { propName: 'validationState', propValue: 'valid' });
+}

package/dist/s1-to-s2/src/codemods/components/Section/transform.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformSection;
+const transforms_1 = require("../../shared/transforms");
+/**
+ * Transforms Section:
+ * - If within Menu: Update Section to be a MenuSection.
+ * - If within Picker: Update Section to be a PickerSection.
+ * - If within ComboBox: Update Section to be a ComboBoxSection.
+ */
+function transformSection(path) {
+    // Update Sections based on parent collection component
+    (0, transforms_1.updateComponentWithinCollection)(path, { parentComponentName: 'Menu', newComponentName: 'MenuSection' });
+    (0, transforms_1.updateComponentWithinCollection)(path, { parentComponentName: 'Picker', newComponentName: 'PickerSection' });
+    (0, transforms_1.updateComponentWithinCollection)(path, { parentComponentName: 'ComboBox', newComponentName: 'ComboBoxSection' });
+    // Move title prop to Header component
+    (0, transforms_1.movePropToNewChildComponentName)(path, {
+        parentComponentName: 'Menu',
+        childComponentName: 'MenuSection',
+        propName: 'title',
+        newChildComponentName: 'Header'
+    });
+    (0, transforms_1.movePropToNewChildComponentName)(path, {
+        parentComponentName: 'Picker',
+        childComponentName: 'PickerSection',
+        propName: 'title',
+        newChildComponentName: 'Header'
+    });
+    (0, transforms_1.movePropToNewChildComponentName)(path, {
+        parentComponentName: 'ComboBox',
+        childComponentName: 'ComboBoxSection',
+        propName: 'title',
+        newChildComponentName: 'Header'
+    });
+    // Comment if parent collection not detected
+    (0, transforms_1.commentIfParentCollectionNotDetected)(path);
+}

package/dist/s1-to-s2/src/codemods/components/Slider/transform.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformSlider;
+const transforms_1 = require("../../shared/transforms");
+/**
+ * Transforms Slider:
+ * - Remove isFilled (Slider is always filled in Spectrum 2).
+ * - Remove trackGradient (Not supported in S2 design).
+ * - Remove showValueLabel (it has been removed due to accessibility issues).
+ * - Comment out getValueLabel (it has not been implemented yet).
+ * - Comment out orientation (it has not been implemented yet).
+ */
+function transformSlider(path) {
+    // Remove isFilled
+    (0, transforms_1.removeProp)(path, { propName: 'isFilled' });
+    // Remove trackGradient
+    (0, transforms_1.removeProp)(path, { propName: 'trackGradient' });
+    // Remove showValueLabel
+    (0, transforms_1.removeProp)(path, { propName: 'showValueLabel' });
+    // Comment out getValueLabel
+    (0, transforms_1.commentOutProp)(path, { propName: 'getValueLabel' });
+    // Comment out orientation
+    (0, transforms_1.commentOutProp)(path, { propName: 'orientation' });
+}

package/dist/s1-to-s2/src/codemods/components/StatusLight/transform.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformStatusLight;
+const transforms_1 = require("../../shared/transforms");
+/**
+ * Transforms StatusLight:
+ * - Remove isDisabled (it is no longer supported in Spectrum 2).
+ * - Change variant="info" to variant="informative".
+ */
+function transformStatusLight(path) {
+    // Remove isDisabled
+    (0, transforms_1.removeProp)(path, { propName: 'isDisabled' });
+    // Change variant="info" to variant="informative"
+    (0, transforms_1.updatePropNameAndValue)(path, {
+        oldPropName: 'variant',
+        oldPropValue: 'info',
+        newPropName: 'variant',
+        newPropValue: 'informative'
+    });
+}