@hero-design/snowflake-guard 1.2.4-alpha.4 → 1.2.4

package/lib/src/reports/mobile/__tests__/reportCustomStyleProperties.spec.js

@@ -1,123 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const reportCustomStyleProperties_1 = __importDefault(require("../reportCustomStyleProperties"));
-const testUtils_1 = require("../testUtils");
-const componentList = {
-    Card: 'Card',
-    Button: 'Button',
-};
-const commentList = {
-    styleCmts: [],
-};
-describe('reportCustomStyleProperties', () => {
-    beforeEach(() => {
-        jest.clearAllMocks();
-    });
-    it('should detect component with inline styles', () => {
-        const source = `const styles = {
-        card: {
-          padding: 10,
-        },
-      };
-
-      const App = () => (
-        <Card style={styles.card}>Content</Card>
-      );
-    `;
-        const ast = (0, testUtils_1.parseTypeScript)(source);
-        const result = (0, reportCustomStyleProperties_1.default)(ast, componentList, commentList);
-        expect(result).toEqual({
-            style: [8],
-            violatingAttributes: [
-                {
-                    attributeName: 'padding',
-                    attributeValue: '10',
-                    componentName: 'Card',
-                    inlineStyleProps: 'style',
-                    loc: 8,
-                },
-            ],
-        });
-    });
-    it('should detect compound component with inline styles', () => {
-        const source = `const App = () => (
-        <Button.Icon style={{ padding: 10 }} />
-      );
-    `;
-        const ast = (0, testUtils_1.parseTypeScript)(source);
-        const result = (0, reportCustomStyleProperties_1.default)(ast, componentList, commentList);
-        expect(result).toEqual({
-            style: [2],
-            violatingAttributes: [
-                {
-                    attributeName: 'padding',
-                    attributeValue: '10',
-                    componentName: 'Button.Icon',
-                    inlineStyleProps: 'style',
-                    loc: 2,
-                },
-            ],
-        });
-    });
-    it('should detect compound component using spread operator with inline styles', () => {
-        const source = `const { Icon } = Button;
-      const App = () => (
-        <Icon style={{ padding: 10 }} />
-      );
-    `;
-        const ast = (0, testUtils_1.parseTypeScript)(source);
-        const result = (0, reportCustomStyleProperties_1.default)(ast, componentList, commentList);
-        expect(result).toEqual({
-            style: [3],
-            violatingAttributes: [
-                {
-                    attributeName: 'padding',
-                    attributeValue: '10',
-                    componentName: 'Button.Icon',
-                    inlineStyleProps: 'style',
-                    loc: 3,
-                },
-            ],
-        });
-    });
-    it('should not detect non-custom style properties', () => {
-        const source = `
-      const App = () => (
-        <Card>Content</Card>
-      );
-    `;
-        const ast = (0, testUtils_1.parseTypeScript)(source);
-        const result = (0, reportCustomStyleProperties_1.default)(ast, componentList, commentList);
-        expect(result).toEqual({ style: [], violatingAttributes: [] });
-    });
-    it('should ignore approved inline styles', () => {
-        const mockedCommentList = {
-            styleCmts: [
-                {
-                    loc: 10,
-                    comment: '@snowflake-guard/approved-inline-style attributes: padding',
-                },
-            ],
-        };
-        const source = `
-      const styles = {
-        button: {
-          padding: 10,
-        },
-      };
-
-      const App = () => (
-      <> 
-        {/* @snowflake-guard/approved-inline-style attributes: padding */}
-        <Button style={styles.button} />
-      </>
-      );
-    `;
-        const ast = (0, testUtils_1.parseTypeScript)(source);
-        const result = (0, reportCustomStyleProperties_1.default)(ast, componentList, mockedCommentList);
-        expect(result).toEqual({ style: [], violatingAttributes: [] });
-    });
-});

package/lib/src/reports/mobile/__tests__/reportInlineStyle.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/src/reports/mobile/__tests__/reportInlineStyle.spec.js

@@ -1,103 +0,0 @@
-"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 (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const recast = __importStar(require("recast"));
-const reportInlineStyle_1 = __importDefault(require("../reportInlineStyle"));
-const constants_1 = require("../constants");
-const tsParser = __importStar(require("../../../parsers/typescript"));
-describe('reportInlineStyle', () => {
-    it('should return line numbers and violating attributes for inline styles that violate the ruleset', () => {
-        const code = `
-    const MyComponent = () => (
-      <Card style={{
-              color: 'red',
-              backgroundColor: 'blue'
-            }}
-/>
-    );
-  `;
-        // Step 1: Parse the code to generate the AST
-        const ast = recast.parse(code, { parser: tsParser });
-        const attributes = [];
-        // Step 2: Traverse the AST to extract relevant JSXAttributes (style)
-        recast.visit(ast, {
-            visitJSXAttribute(path) {
-                const { node } = path;
-                attributes.push(node);
-                this.traverse(path);
-            },
-        });
-        const componentName = 'Card';
-        // Mock the RULESET_MAP for this test
-        constants_1.MOBILE_RULESET_MAP.Card = ['color', 'backgroundColor'];
-        // Step 3: Run the function with the dynamically extracted attributes
-        const result = (0, reportInlineStyle_1.default)(ast, attributes, componentName);
-        expect(result.locs.style).toEqual(3);
-        expect(result.violatingAttributes).toEqual([
-            {
-                attributeName: 'color',
-                attributeValue: "'red'",
-                componentName: 'Card',
-                inlineStyleProps: 'style',
-                loc: 3,
-            },
-            {
-                attributeName: 'backgroundColor',
-                attributeValue: "'blue'",
-                componentName: 'Card',
-                inlineStyleProps: 'style',
-                loc: 3,
-            },
-        ]);
-    });
-    it('should return empty arrays when no violations are found', () => {
-        const code = `
-      const MyComponent = () => (
-        <Card style={{ margin: 10 }} />
-      );
-    `;
-        // Step 1: Parse the code to generate the AST
-        const ast = recast.parse(code, { parser: tsParser });
-        const attributes = [];
-        // Step 2: Traverse the AST to extract relevant JSXAttributes (style)
-        recast.visit(ast, {
-            visitJSXAttribute(path) {
-                const { node } = path;
-                attributes.push(node);
-                this.traverse(path);
-            },
-        });
-        const componentName = 'Card';
-        // Mock the RULESET_MAP and SX_RULESET_MAP for this test
-        constants_1.MOBILE_RULESET_MAP.Card = ['color'];
-        const result = (0, reportInlineStyle_1.default)(ast, attributes, componentName);
-        expect(result.locs.style).toEqual(undefined);
-        expect(result.violatingAttributes).toEqual([]);
-        expect(result.violatingAttributes).toEqual([]);
-    });
-});

package/lib/src/reports/mobile/reportCustomStyleProperties.d.ts

@@ -1,38 +0,0 @@
-import * as recast from 'recast';
-import { InlineStyleProps, ViolatingAttribute } from './reportInlineStyle';
-import type { CompoundMobileComponentName, MobileComponentName } from './types';
-export declare const getNonApprovedInlineLocs: (reportedLocs: {
-    style?: number;
-    barStyle?: number;
-    containerStyle?: number;
-    textStyle?: number;
-}, violatingAttributes: ViolatingAttribute[], approvedCmts: {
-    loc: number;
-    comment: string;
-}[], elementLoc: number) => {
-    reportedLocs: {
-        style?: number | undefined;
-        barStyle?: number | undefined;
-        containerStyle?: number | undefined;
-        textStyle?: number | undefined;
-    };
-    noneApprovedAttributes: ViolatingAttribute[];
-};
-declare const reportCustomProperties: (ast: recast.types.ASTNode, componentList: {
-    [k: string]: "Accordion" | "Alert" | "Attachment" | "Avatar" | "Badge" | "BottomNavigation" | "BottomSheet" | "Box" | "Button" | "Calendar" | "Carousel" | "Card" | "Chip" | "Collapse" | "Checkbox" | "ContentNavigator" | "DatePicker" | "Divider" | "Drawer" | "Empty" | "Error" | "FAB" | "HeroDesignProvider" | "MapPin" | "Icon" | "Image" | "List" | "PinInput" | "Progress" | "Slider" | "Spinner" | "Swipeable" | "Radio" | "SectionHeading" | "Select" | "Skeleton" | "Success" | "Switch" | "Tabs" | "Tag" | "TextInput" | "TimePicker" | "Toast" | "Toolbar" | "Typography" | "Rate" | "RefreshControl" | "RichTextEditor" | "PageControl" | "Portal" | "ScrollViewWithFAB" | "SectionListWithFAB" | "FlatListWithFAB" | "Search" | "FloatingIsland";
-}, commentList: {
-    styleCmts: {
-        loc: number;
-        comment: string;
-    }[];
-}) => {
-    style: number[];
-    violatingAttributes: {
-        attributeName: string;
-        attributeValue: string | null;
-        inlineStyleProps: InlineStyleProps;
-        componentName: CompoundMobileComponentName;
-        loc: number | undefined;
-    }[];
-};
-export default reportCustomProperties;

package/lib/src/reports/mobile/reportCustomStyleProperties.js

@@ -1,155 +0,0 @@
-"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 (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getNonApprovedInlineLocs = void 0;
-const recast = __importStar(require("recast"));
-const reportInlineStyle_1 = __importDefault(require("./reportInlineStyle"));
-const mapViolatingAttributesAndAdditionalProps = (violatingAttributes) => {
-    return violatingAttributes.map((violatingAttribute) => (Object.assign({}, violatingAttribute)));
-};
-const getNonApprovedInlineLocs = (reportedLocs, violatingAttributes, approvedCmts, elementLoc) => {
-    var _a, _b;
-    const approvedCmt = approvedCmts.find((cmt) => cmt.loc === elementLoc - 1);
-    if (approvedCmt) {
-        const approvedCmtAttrNames = (_b = (_a = approvedCmt.comment
-            .toLowerCase()
-            .replace(/\s+/g, '')
-            .split('attributes:')[1]) === null || _a === void 0 ? void 0 : _a.split(',')) !== null && _b !== void 0 ? _b : [];
-        const noneApprovedStyleAttributes = violatingAttributes.filter((attr) => attr.loc === reportedLocs.style &&
-            !approvedCmtAttrNames.includes(attr.attributeName.toLowerCase()));
-        const nonApprovedBarStyleAttributes = violatingAttributes.filter((attr) => attr.loc === reportedLocs.barStyle &&
-            !approvedCmtAttrNames.includes(attr.attributeName.toLowerCase()));
-        const nonApprovedContainerStyleAttributes = violatingAttributes.filter((attr) => attr.loc === reportedLocs.containerStyle &&
-            !approvedCmtAttrNames.includes(attr.attributeName.toLowerCase()));
-        const nonApprovedTextStyleAttributes = violatingAttributes.filter((attr) => attr.loc === reportedLocs.textStyle &&
-            !approvedCmtAttrNames.includes(attr.attributeName.toLowerCase()));
-        if (noneApprovedStyleAttributes.length > 0) {
-            return {
-                reportedLocs,
-                noneApprovedAttributes: [
-                    ...noneApprovedStyleAttributes,
-                    ...nonApprovedBarStyleAttributes,
-                    ...nonApprovedContainerStyleAttributes,
-                    ...nonApprovedTextStyleAttributes,
-                ],
-            };
-        }
-        return { reportedLocs: {}, noneApprovedAttributes: [] };
-    }
-    return { reportedLocs, noneApprovedAttributes: violatingAttributes };
-};
-exports.getNonApprovedInlineLocs = getNonApprovedInlineLocs;
-const reportCustomProperties = (ast, componentList, commentList) => {
-    const report = {
-        style: [],
-        violatingAttributes: [],
-    };
-    const localComponentList = Object.keys(componentList);
-    recast.visit(ast, {
-        visitJSXOpeningElement(path) {
-            this.traverse(path);
-            // Case 1: Custom default component, e.g. <Card />
-            if (path.value.name.type === 'JSXIdentifier' &&
-                localComponentList.includes(path.value.name.name)) {
-                const attributes = path.value
-                    .attributes;
-                const { locs: styleObjectLocs, violatingAttributes } = (0, reportInlineStyle_1.default)(ast, attributes, componentList[path.value.name.name]);
-                const { reportedLocs, noneApprovedAttributes } = (0, exports.getNonApprovedInlineLocs)(styleObjectLocs, violatingAttributes, commentList.styleCmts, path.value.loc.start.line);
-                if (reportedLocs.style) {
-                    report.style.push(reportedLocs.style);
-                }
-                report.violatingAttributes = [
-                    ...report.violatingAttributes,
-                    ...mapViolatingAttributesAndAdditionalProps(noneApprovedAttributes),
-                ];
-            }
-            // Case 2: Custom compound component, e.g. <Card.Header />
-            if (path.value.name.type === 'JSXMemberExpression' &&
-                localComponentList.includes(path.value.name.object.name)) {
-                const compoundComponentName = [
-                    componentList[path.value.name.object.name],
-                    path.value.name.property.name,
-                ].join('.');
-                const attributes = path.value
-                    .attributes;
-                const { locs: styleObjectLocs, violatingAttributes } = (0, reportInlineStyle_1.default)(ast, attributes, compoundComponentName);
-                const { reportedLocs, noneApprovedAttributes } = (0, exports.getNonApprovedInlineLocs)(styleObjectLocs, violatingAttributes, commentList.styleCmts, path.value.loc.start.line);
-                if (reportedLocs.style) {
-                    report.style.push(reportedLocs.style);
-                }
-                report.violatingAttributes = [
-                    ...report.violatingAttributes,
-                    ...mapViolatingAttributesAndAdditionalProps(noneApprovedAttributes),
-                ];
-            }
-        },
-        // Case 3: Custom compound component with spead operator. e.g. const { Header } = Card, then <Header />
-        visitVariableDeclaration(path) {
-            this.traverse(path);
-            const declaration = path.value
-                .declarations[0];
-            if (declaration.init &&
-                declaration.init.type === 'Identifier' &&
-                localComponentList.includes(declaration.init.name)) {
-                const componentName = declaration.init.name;
-                const { id } = declaration;
-                if (id.type === 'ObjectPattern') {
-                    const compoundComponentNames = id.properties
-                        .map((prop) => prop.type === 'ObjectProperty' && prop.key.type === 'Identifier'
-                        ? prop.key.name
-                        : null)
-                        .filter((name) => name !== null);
-                    recast.visit(ast, {
-                        visitJSXOpeningElement(openPath) {
-                            this.traverse(openPath);
-                            if (openPath.value.name.type === 'JSXIdentifier' &&
-                                compoundComponentNames.includes(openPath.value.name.name)) {
-                                const compoundComponentName = [
-                                    componentList[componentName],
-                                    openPath.value.name.name,
-                                ].join('.');
-                                const { attributes } = openPath.value;
-                                const { locs: styleObjectLocs, violatingAttributes } = (0, reportInlineStyle_1.default)(ast, attributes, compoundComponentName);
-                                const { reportedLocs, noneApprovedAttributes } = (0, exports.getNonApprovedInlineLocs)(styleObjectLocs, violatingAttributes, commentList.styleCmts, openPath.value.loc.start.line);
-                                if (reportedLocs.style) {
-                                    report.style.push(reportedLocs.style);
-                                }
-                                report.violatingAttributes = [
-                                    ...report.violatingAttributes,
-                                    ...mapViolatingAttributesAndAdditionalProps(noneApprovedAttributes),
-                                ];
-                            }
-                        },
-                    });
-                }
-            }
-        },
-    });
-    return report;
-};
-exports.default = reportCustomProperties;

package/lib/src/reports/mobile/reportInlineStyle.d.ts

@@ -1,21 +0,0 @@
-import * as recast from 'recast';
-import type { CompoundMobileComponentName } from './types';
-export type InlineStyleProps = 'style' | 'barStyle' | 'containerStyle' | 'textStyle';
-export declare const INLINE_STYLE_PROPERTIES: string[];
-export type ViolatingAttribute = {
-    attributeName: string;
-    attributeValue: string | null;
-    inlineStyleProps: InlineStyleProps;
-    componentName: CompoundMobileComponentName;
-    loc: number | undefined;
-};
-declare const reportInlineStyle: (ast: recast.types.ASTNode, attributes: recast.types.namedTypes.JSXAttribute[], componentName: CompoundMobileComponentName) => {
-    locs: {
-        style?: number | undefined;
-        barStyle?: number | undefined;
-        containerStyle?: number | undefined;
-        textStyle?: number | undefined;
-    };
-    violatingAttributes: ViolatingAttribute[];
-};
-export default reportInlineStyle;

package/lib/src/reports/mobile/reportInlineStyle.js

@@ -1,215 +0,0 @@
-"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 (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.INLINE_STYLE_PROPERTIES = void 0;
-const recast = __importStar(require("recast"));
-const constants_1 = require("./constants");
-const BLACKLIST_PROPERTIES = {
-    style: constants_1.MOBILE_RULESET_MAP,
-    barStyle: constants_1.BAR_STYLE_RULESET_MAP,
-    containerStyle: constants_1.CONTAINER_STYLE_RULESET_MAP,
-    textStyle: constants_1.TEXT_STYLE_RULESET_MAP,
-};
-exports.INLINE_STYLE_PROPERTIES = [
-    'style',
-    'barStyle',
-    'containerStyle',
-    'textStyle',
-];
-const addViolatingAttribute = (prop, styleObjName, componentName, loc, violatingAttributes) => {
-    if (prop.key.type !== 'Identifier') {
-        return;
-    }
-    violatingAttributes.push({
-        attributeName: prop.key.name,
-        attributeValue: recast.print(prop.value).code,
-        inlineStyleProps: styleObjName,
-        componentName,
-        loc,
-    });
-};
-const reportInlineStyle = (ast, attributes, componentName) => {
-    const locs = {};
-    const violatingAttributes = [];
-    let hasCustomStyle = false;
-    let styleObjName;
-    attributes.forEach((attr) => {
-        var _a;
-        if (attr.type !== 'JSXAttribute') {
-            return;
-        }
-        if (typeof attr.name.name !== 'string') {
-            return;
-        }
-        if (((_a = attr.value) === null || _a === void 0 ? void 0 : _a.type) !== 'JSXExpressionContainer') {
-            return;
-        }
-        if (exports.INLINE_STYLE_PROPERTIES.includes(attr.name.name)) {
-            styleObjName = attr.name.name;
-            const PROHIBITED_PROPERTIES = BLACKLIST_PROPERTIES[styleObjName][componentName] || [];
-            console.log(PROHIBITED_PROPERTIES);
-            const { expression } = attr.value;
-            if (expression.type === 'ObjectExpression') {
-                expression.properties.forEach((prop) => {
-                    var _a;
-                    // Case 1: Use direct object, e.g. <Card style={{ color: 'red' }} />
-                    if (prop.type === 'ObjectProperty' &&
-                        prop.key.type === 'Identifier' &&
-                        PROHIBITED_PROPERTIES.includes(prop.key.name)) {
-                        hasCustomStyle = true;
-                        addViolatingAttribute(prop, styleObjName, componentName, (_a = attr.loc) === null || _a === void 0 ? void 0 : _a.start.line, violatingAttributes);
-                    }
-                    // Case 2: Use spread operator, e.g. <Card style={{ ...customStyle }} />
-                    if (prop.type === 'SpreadElement' &&
-                        prop.argument.type === 'Identifier') {
-                        const variableName = prop.argument.name;
-                        recast.visit(ast, {
-                            visitVariableDeclaration(path) {
-                                var _a;
-                                this.traverse(path);
-                                const declaration = path.value
-                                    .declarations[0];
-                                if (declaration.id.type === 'Identifier' &&
-                                    declaration.id.name === variableName &&
-                                    ((_a = declaration.init) === null || _a === void 0 ? void 0 : _a.type) === 'ObjectExpression') {
-                                    declaration.init.properties.forEach((deProp) => {
-                                        var _a;
-                                        if (deProp.type === 'ObjectProperty' &&
-                                            deProp.key.type === 'Identifier' &&
-                                            PROHIBITED_PROPERTIES.includes(deProp.key.name)) {
-                                            hasCustomStyle = true;
-                                            addViolatingAttribute(deProp, styleObjName, componentName, (_a = attr.loc) === null || _a === void 0 ? void 0 : _a.start.line, violatingAttributes);
-                                        }
-                                    });
-                                }
-                            },
-                        });
-                    }
-                    // Case 3: Use spread operator with variable's property, e.g. <Card style={{ ...customStyle.tileCard }} />
-                    if (prop.type === 'SpreadElement' &&
-                        prop.argument.type === 'MemberExpression' &&
-                        prop.argument.object.type === 'Identifier' &&
-                        prop.argument.property.type === 'Identifier') {
-                        const variableName = prop.argument.object.name;
-                        const propName = prop.argument.property.name;
-                        recast.visit(ast, {
-                            visitVariableDeclaration(path) {
-                                var _a;
-                                this.traverse(path);
-                                const declaration = path.value
-                                    .declarations[0];
-                                if (declaration.id.type === 'Identifier' &&
-                                    declaration.id.name === variableName &&
-                                    ((_a = declaration.init) === null || _a === void 0 ? void 0 : _a.type) === 'ObjectExpression') {
-                                    declaration.init.properties.forEach((deProp) => {
-                                        if (deProp.type === 'ObjectProperty' &&
-                                            deProp.key.type === 'Identifier' &&
-                                            deProp.key.name === propName &&
-                                            deProp.value.type === 'ObjectExpression') {
-                                            deProp.value.properties.forEach((p) => {
-                                                var _a;
-                                                if (p.type === 'ObjectProperty' &&
-                                                    p.key.type === 'Identifier' &&
-                                                    PROHIBITED_PROPERTIES.includes(p.key.name)) {
-                                                    hasCustomStyle = true;
-                                                    addViolatingAttribute(p, styleObjName, componentName, (_a = attr.loc) === null || _a === void 0 ? void 0 : _a.start.line, violatingAttributes);
-                                                }
-                                            });
-                                        }
-                                    });
-                                }
-                            },
-                        });
-                    }
-                });
-            }
-            // Case 4: Use variable, e.g. <Card style={customStyle} />
-            if (expression.type === 'Identifier') {
-                const variableName = expression.name;
-                recast.visit(ast, {
-                    visitVariableDeclaration(path) {
-                        var _a;
-                        this.traverse(path);
-                        const declaration = path.value
-                            .declarations[0];
-                        if (declaration.id.type === 'Identifier' &&
-                            declaration.id.name === variableName &&
-                            ((_a = declaration.init) === null || _a === void 0 ? void 0 : _a.type) === 'ObjectExpression') {
-                            declaration.init.properties.forEach((prop) => {
-                                var _a;
-                                if (prop.type === 'ObjectProperty' &&
-                                    prop.key.type === 'Identifier' &&
-                                    PROHIBITED_PROPERTIES.includes(prop.key.name)) {
-                                    hasCustomStyle = true;
-                                    addViolatingAttribute(prop, styleObjName, componentName, (_a = attr.loc) === null || _a === void 0 ? void 0 : _a.start.line, violatingAttributes);
-                                }
-                            });
-                        }
-                    },
-                });
-            }
-            // Case 5: Use variable's property, e.g. <Card style={customStyle.tileCard} />
-            if (expression.type === 'MemberExpression' &&
-                expression.object.type === 'Identifier' &&
-                expression.property.type === 'Identifier') {
-                const objectName = expression.object.name;
-                const propName = expression.property.name;
-                recast.visit(ast, {
-                    visitVariableDeclaration(path) {
-                        var _a;
-                        this.traverse(path);
-                        const declaration = path.value
-                            .declarations[0];
-                        if (declaration.id.type === 'Identifier' &&
-                            declaration.id.name === objectName &&
-                            ((_a = declaration.init) === null || _a === void 0 ? void 0 : _a.type) === 'ObjectExpression') {
-                            declaration.init.properties.forEach((prop) => {
-                                if (prop.type === 'ObjectProperty' &&
-                                    prop.key.type === 'Identifier' &&
-                                    prop.key.name === propName &&
-                                    prop.value.type === 'ObjectExpression') {
-                                    prop.value.properties.forEach((p) => {
-                                        var _a;
-                                        if (p.type === 'ObjectProperty' &&
-                                            p.key.type === 'Identifier' &&
-                                            PROHIBITED_PROPERTIES.includes(p.key.name)) {
-                                            hasCustomStyle = true;
-                                            addViolatingAttribute(p, styleObjName, componentName, (_a = attr.loc) === null || _a === void 0 ? void 0 : _a.start.line, violatingAttributes);
-                                        }
-                                    });
-                                }
-                            });
-                        }
-                    },
-                });
-            }
-            if (hasCustomStyle && attr.loc) {
-                locs[styleObjName] = attr.loc.start.line;
-            }
-        }
-    });
-    return { locs, violatingAttributes };
-};
-exports.default = reportInlineStyle;