@hero-design/snowflake-guard 1.2.4 → 1.3.0-alpha.0

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

@@ -0,0 +1,123 @@
+"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

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

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

@@ -0,0 +1,103 @@
+"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/constants.d.ts

@@ -82,4 +82,17 @@ declare const MOBILE_RULESET_MAP: {
     'Typography.Caption': string[];
     'Typography.Label': string[];
 };
-export { HD_MOBILE_COMPONENTS, MOBILE_RULESET_MAP };
+declare const BAR_STYLE_RULESET_MAP: {
+    Tabs: string[];
+    'Tabs.Scroll': string[];
+};
+declare const CONTAINER_STYLE_RULESET_MAP: {
+    Tabs: string[];
+    'Tabs.Scroll': string[];
+};
+declare const TEXT_STYLE_RULESET_MAP: {
+    'Toolbar.Message': string[];
+    TextInput: string[];
+    'Search.OneLine': string[];
+};
+export { HD_MOBILE_COMPONENTS, MOBILE_RULESET_MAP, BAR_STYLE_RULESET_MAP, CONTAINER_STYLE_RULESET_MAP, TEXT_STYLE_RULESET_MAP, };

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MOBILE_RULESET_MAP = exports.HD_MOBILE_COMPONENTS = void 0;
+exports.TEXT_STYLE_RULESET_MAP = exports.CONTAINER_STYLE_RULESET_MAP = exports.BAR_STYLE_RULESET_MAP = exports.MOBILE_RULESET_MAP = exports.HD_MOBILE_COMPONENTS = void 0;
 const PADDING_ATTRS = [
     'padding',
     'paddingBottom',
@@ -347,42 +347,99 @@ const MOBILE_RULESET_MAP = {
         ...HEIGHT_ATTRS,
     ],
     'Toast.Container': [
-        ...PADDING_ATTRS,
-        ...BORDER_ATTRS,
-        ...SHADOW_ATTRS,
-        ...TEXT_ATTRS,
+        ...COMMON_PROHIBITED_ATTRS,
+        ...WIDTH_ATTRS,
         ...HEIGHT_ATTRS,
+        ...MARGIN_ATTRS,
     ],
     'Toast.Provider': [
+        ...COMMON_PROHIBITED_ATTRS,
+        ...WIDTH_ATTRS,
+        ...HEIGHT_ATTRS,
+        ...MARGIN_ATTRS,
+    ],
+    'Toolbar.Group': [
+        ...COMMON_PROHIBITED_ATTRS,
+        ...WIDTH_ATTRS,
+        ...HEIGHT_ATTRS,
+        ...MARGIN_ATTRS,
+    ],
+    'Toolbar.Item': [
+        ...COMMON_PROHIBITED_ATTRS,
+        ...WIDTH_ATTRS,
+        ...HEIGHT_ATTRS,
+        ...MARGIN_ATTRS,
+    ],
+    'Toolbar.Message': [
+        ...COMMON_PROHIBITED_ATTRS,
+        ...WIDTH_ATTRS,
+        ...HEIGHT_ATTRS,
+        ...MARGIN_ATTRS,
+    ],
+    'Typography.Body': [...COMMON_PROHIBITED_ATTRS, ...HEIGHT_ATTRS],
+    'Typography.Caption': [...COMMON_PROHIBITED_ATTRS, ...HEIGHT_ATTRS],
+    'Typography.Label': [...COMMON_PROHIBITED_ATTRS, ...HEIGHT_ATTRS],
+};
+exports.MOBILE_RULESET_MAP = MOBILE_RULESET_MAP;
+const BAR_STYLE_RULESET_MAP = {
+    Tabs: [
         ...PADDING_ATTRS,
         ...BORDER_ATTRS,
-        ...SHADOW_ATTRS,
         ...TEXT_ATTRS,
+        ...SHADOW_ATTRS,
+        ...WIDTH_ATTRS,
         ...HEIGHT_ATTRS,
+        ...MARGIN_ATTRS,
     ],
-    'Toolbar.Group': [
+    'Tabs.Scroll': [
         ...PADDING_ATTRS,
         ...BORDER_ATTRS,
-        ...SHADOW_ATTRS,
         ...TEXT_ATTRS,
+        ...SHADOW_ATTRS,
+        ...WIDTH_ATTRS,
         ...HEIGHT_ATTRS,
+        ...MARGIN_ATTRS,
     ],
-    'Toolbar.Item': [
-        ...PADDING_ATTRS,
+};
+exports.BAR_STYLE_RULESET_MAP = BAR_STYLE_RULESET_MAP;
+const CONTAINER_STYLE_RULESET_MAP = {
+    Tabs: [
         ...BORDER_ATTRS,
+        ...TEXT_ATTRS,
         ...SHADOW_ATTRS,
+        ...WIDTH_ATTRS,
+        ...HEIGHT_ATTRS,
+        ...MARGIN_ATTRS,
+    ],
+    'Tabs.Scroll': [
+        ...BORDER_ATTRS,
         ...TEXT_ATTRS,
+        ...SHADOW_ATTRS,
+        ...WIDTH_ATTRS,
         ...HEIGHT_ATTRS,
+        ...MARGIN_ATTRS,
     ],
+};
+exports.CONTAINER_STYLE_RULESET_MAP = CONTAINER_STYLE_RULESET_MAP;
+const TEXT_STYLE_RULESET_MAP = {
     'Toolbar.Message': [
+        ...COMMON_PROHIBITED_ATTRS,
+        ...WIDTH_ATTRS,
+        ...HEIGHT_ATTRS,
+        ...MARGIN_ATTRS,
+    ],
+    TextInput: [
         ...PADDING_ATTRS,
         ...BORDER_ATTRS,
         ...SHADOW_ATTRS,
         ...TEXT_ATTRS,
         ...HEIGHT_ATTRS,
     ],
-    'Typography.Body': [...COMMON_PROHIBITED_ATTRS, ...HEIGHT_ATTRS],
-    'Typography.Caption': [...COMMON_PROHIBITED_ATTRS, ...HEIGHT_ATTRS],
-    'Typography.Label': [...COMMON_PROHIBITED_ATTRS, ...HEIGHT_ATTRS],
+    'Search.OneLine': [
+        ...COMMON_PROHIBITED_ATTRS,
+        ...WIDTH_ATTRS,
+        ...HEIGHT_ATTRS,
+        ...MARGIN_ATTRS,
+    ],
 };
-exports.MOBILE_RULESET_MAP = MOBILE_RULESET_MAP;
+exports.TEXT_STYLE_RULESET_MAP = TEXT_STYLE_RULESET_MAP;

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

@@ -0,0 +1,41 @@
+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;
+        barStyle?: number;
+        containerStyle?: number;
+        textStyle?: number;
+    };
+    noneApprovedAttributes: ViolatingAttribute[];
+};
+declare const reportCustomProperties: (ast: recast.types.ASTNode, componentList: {
+    [k: string]: MobileComponentName;
+}, commentList: {
+    styleCmts: {
+        loc: number;
+        comment: string;
+    }[];
+}) => {
+    style: number[];
+    barStyle: number[];
+    containerStyle: number[];
+    textStyle: number[];
+    violatingAttributes: {
+        attributeName: string;
+        attributeValue: string | null;
+        inlineStyleProps: InlineStyleProps;
+        componentName: CompoundMobileComponentName;
+        loc: number | undefined;
+    }[];
+};
+export default reportCustomProperties;

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

@@ -0,0 +1,185 @@
+"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: [],
+        barStyle: [],
+        containerStyle: [],
+        textStyle: [],
+        violatingAttributes: [],
+    };
+    const localComponentList = Object.keys(componentList);
+    recast.visit(ast, {
+        visitJSXOpeningElement(path) {
+            this.traverse(path);
+            // Case 1: Custom default component, e.g. <Button />
+            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);
+                }
+                if (reportedLocs.barStyle) {
+                    report.style.push(reportedLocs.barStyle);
+                }
+                if (reportedLocs.containerStyle) {
+                    report.style.push(reportedLocs.containerStyle);
+                }
+                if (reportedLocs.textStyle) {
+                    report.style.push(reportedLocs.textStyle);
+                }
+                report.violatingAttributes = [
+                    ...report.violatingAttributes,
+                    ...mapViolatingAttributesAndAdditionalProps(noneApprovedAttributes),
+                ];
+            }
+            // Case 2: Custom compound component, e.g. <Button.Icon />
+            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);
+                }
+                if (reportedLocs.barStyle) {
+                    report.style.push(reportedLocs.barStyle);
+                }
+                if (reportedLocs.containerStyle) {
+                    report.style.push(reportedLocs.containerStyle);
+                }
+                if (reportedLocs.textStyle) {
+                    report.style.push(reportedLocs.textStyle);
+                }
+                report.violatingAttributes = [
+                    ...report.violatingAttributes,
+                    ...mapViolatingAttributesAndAdditionalProps(noneApprovedAttributes),
+                ];
+            }
+        },
+        // Case 3: Custom compound component with spead operator. e.g. const { Icon } = Button, then <Button />
+        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);
+                                }
+                                if (reportedLocs.barStyle) {
+                                    report.style.push(reportedLocs.barStyle);
+                                }
+                                if (reportedLocs.containerStyle) {
+                                    report.style.push(reportedLocs.containerStyle);
+                                }
+                                if (reportedLocs.textStyle) {
+                                    report.style.push(reportedLocs.textStyle);
+                                }
+                                report.violatingAttributes = [
+                                    ...report.violatingAttributes,
+                                    ...mapViolatingAttributesAndAdditionalProps(noneApprovedAttributes),
+                                ];
+                            }
+                        },
+                    });
+                }
+            }
+        },
+    });
+    return report;
+};
+exports.default = reportCustomProperties;

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

@@ -0,0 +1,21 @@
+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;
+        barStyle?: number;
+        containerStyle?: number;
+        textStyle?: number;
+    };
+    violatingAttributes: ViolatingAttribute[];
+};
+export default reportInlineStyle;