@atlaskit/eslint-plugin-design-system 9.7.0 → 10.0.1

package/dist/cjs/rules/no-html-button-element/index.js

@@ -1,107 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _eslintCodemodUtils = require("eslint-codemod-utils");
-var _createRule = require("../utils/create-rule");
-var _utils = require("./utils");
-// eslint-disable-next-line import/no-extraneous-dependencies
-
-var buttonDocsUrl = 'https://atlassian.design/components/button';
-var pressableDocsUrl = 'https://atlassian.design/components/primitives/pressable/';
-var rule = (0, _createRule.createLintRule)({
-  meta: {
-    name: 'no-html-button-element',
-    type: 'suggestion',
-    hasSuggestions: false,
-    docs: {
-      description: 'Prevent direct usage of HTML button elements and enforce usage of Button and Pressable.',
-      recommended: false,
-      severity: 'warn'
-    },
-    messages: {
-      noHtmlButtonElement: "This \"{{element}}\" should be replaced with a Button component. If beyond the capabilities of the Button component, use the Pressable primitive. See ".concat(buttonDocsUrl, " and ").concat(pressableDocsUrl, " for guidance.")
-    }
-  },
-  create: function create(context) {
-    return {
-      // Look for <button> HTML elements
-      // Look for styled calls/templates - styled.button(...)
-      JSXOpeningElement: function JSXOpeningElement(node) {
-        if (!(0, _eslintCodemodUtils.isNodeOfType)(node, 'JSXOpeningElement')) {
-          return;
-        }
-        if (!(0, _eslintCodemodUtils.isNodeOfType)(node.name, 'JSXIdentifier')) {
-          return;
-        }
-        var suggest = (0, _utils.shouldSuggest)(node === null || node === void 0 ? void 0 : node.parent);
-        if (suggest) {
-          context.report({
-            node: node,
-            messageId: 'noHtmlButtonElement',
-            data: {
-              element: node.name.name
-            }
-          });
-        }
-      },
-      // styled.button`` | styled2.button`` | styled.button()
-      'MemberExpression[object.name="styled"],MemberExpression[object.name="styled2"]': function MemberExpressionObjectNameStyledMemberExpressionObjectNameStyled2(node) {
-        if (!(0, _eslintCodemodUtils.isNodeOfType)(node, 'MemberExpression')) {
-          return;
-        }
-
-        // styled.button``
-        if ((0, _eslintCodemodUtils.isNodeOfType)(node.property, 'Identifier')) {
-          if (node.property.name === 'button') {
-            var styledIdentifier = node.object.name;
-            var elementName = node.property.name;
-
-            // Including the `styled.` portion in the message to help makers understand it's not just the `button` element that should be replaced
-            var reportName = "".concat(styledIdentifier, ".").concat(elementName); // styled.button
-
-            context.report({
-              node: node,
-              messageId: 'noHtmlButtonElement',
-              data: {
-                element: reportName
-              }
-            });
-          }
-        }
-      },
-      // styled(X)``
-      'CallExpression[callee.name="styled"]': function CallExpressionCalleeNameStyled(node) {
-        if (!(0, _eslintCodemodUtils.isNodeOfType)(node, 'CallExpression')) {
-          return;
-        }
-
-        // styled('button')`` - We only care about 'button', ignore extending other components
-        if ((0, _eslintCodemodUtils.isNodeOfType)(node.arguments[0], 'Literal')) {
-          var argValue = node.arguments[0].raw;
-          if (typeof argValue === 'string') {
-            var suggest = argValue.replaceAll("'", '') === 'button';
-            if (suggest) {
-              var styledIdentifier = node.callee.name;
-              var elementName = argValue;
-
-              // Including the `styled()` portion in the message to help makers understand it's not just the `button` element that should be replaced
-              var reportName = "".concat(styledIdentifier, "(").concat(elementName, ")"); // styled('button')
-
-              context.report({
-                node: node,
-                messageId: 'noHtmlButtonElement',
-                data: {
-                  element: reportName
-                }
-              });
-            }
-          }
-        }
-      }
-    };
-  }
-});
-var _default = exports.default = rule;

package/dist/cjs/rules/no-html-button-element/utils.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.shouldSuggest = void 0;
-var isButtonHtmlElement = function isButtonHtmlElement(node) {
-  return node.openingElement.name.name === 'button';
-};
-var shouldSuggest = exports.shouldSuggest = function shouldSuggest(node) {
-  if (!node) {
-    return false;
-  }
-  if (!isButtonHtmlElement(node)) {
-    return false;
-  }
-  return true;
-};

package/dist/es2019/rules/no-html-button-element/index.js

@@ -1,101 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
-import { isNodeOfType } from 'eslint-codemod-utils';
-import { createLintRule } from '../utils/create-rule';
-import { shouldSuggest } from './utils';
-const buttonDocsUrl = 'https://atlassian.design/components/button';
-const pressableDocsUrl = 'https://atlassian.design/components/primitives/pressable/';
-const rule = createLintRule({
-  meta: {
-    name: 'no-html-button-element',
-    type: 'suggestion',
-    hasSuggestions: false,
-    docs: {
-      description: 'Prevent direct usage of HTML button elements and enforce usage of Button and Pressable.',
-      recommended: false,
-      severity: 'warn'
-    },
-    messages: {
-      noHtmlButtonElement: `This "{{element}}" should be replaced with a Button component. If beyond the capabilities of the Button component, use the Pressable primitive. See ${buttonDocsUrl} and ${pressableDocsUrl} for guidance.`
-    }
-  },
-  create(context) {
-    return {
-      // Look for <button> HTML elements
-      // Look for styled calls/templates - styled.button(...)
-      JSXOpeningElement(node) {
-        if (!isNodeOfType(node, 'JSXOpeningElement')) {
-          return;
-        }
-        if (!isNodeOfType(node.name, 'JSXIdentifier')) {
-          return;
-        }
-        const suggest = shouldSuggest(node === null || node === void 0 ? void 0 : node.parent);
-        if (suggest) {
-          context.report({
-            node: node,
-            messageId: 'noHtmlButtonElement',
-            data: {
-              element: node.name.name
-            }
-          });
-        }
-      },
-      // styled.button`` | styled2.button`` | styled.button()
-      'MemberExpression[object.name="styled"],MemberExpression[object.name="styled2"]': node => {
-        if (!isNodeOfType(node, 'MemberExpression')) {
-          return;
-        }
-
-        // styled.button``
-        if (isNodeOfType(node.property, 'Identifier')) {
-          if (node.property.name === 'button') {
-            const styledIdentifier = node.object.name;
-            const elementName = node.property.name;
-
-            // Including the `styled.` portion in the message to help makers understand it's not just the `button` element that should be replaced
-            const reportName = `${styledIdentifier}.${elementName}`; // styled.button
-
-            context.report({
-              node: node,
-              messageId: 'noHtmlButtonElement',
-              data: {
-                element: reportName
-              }
-            });
-          }
-        }
-      },
-      // styled(X)``
-      'CallExpression[callee.name="styled"]': node => {
-        if (!isNodeOfType(node, 'CallExpression')) {
-          return;
-        }
-
-        // styled('button')`` - We only care about 'button', ignore extending other components
-        if (isNodeOfType(node.arguments[0], 'Literal')) {
-          const argValue = node.arguments[0].raw;
-          if (typeof argValue === 'string') {
-            const suggest = argValue.replaceAll(`'`, '') === 'button';
-            if (suggest) {
-              const styledIdentifier = node.callee.name;
-              const elementName = argValue;
-
-              // Including the `styled()` portion in the message to help makers understand it's not just the `button` element that should be replaced
-              const reportName = `${styledIdentifier}(${elementName})`; // styled('button')
-
-              context.report({
-                node: node,
-                messageId: 'noHtmlButtonElement',
-                data: {
-                  element: reportName
-                }
-              });
-            }
-          }
-        }
-      }
-    };
-  }
-});
-export default rule;

package/dist/es2019/rules/no-html-button-element/utils.js

@@ -1,12 +0,0 @@
-const isButtonHtmlElement = node => {
-  return node.openingElement.name.name === 'button';
-};
-export const shouldSuggest = node => {
-  if (!node) {
-    return false;
-  }
-  if (!isButtonHtmlElement(node)) {
-    return false;
-  }
-  return true;
-};

package/dist/esm/rules/no-html-button-element/index.js

@@ -1,101 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
-import { isNodeOfType } from 'eslint-codemod-utils';
-import { createLintRule } from '../utils/create-rule';
-import { shouldSuggest } from './utils';
-var buttonDocsUrl = 'https://atlassian.design/components/button';
-var pressableDocsUrl = 'https://atlassian.design/components/primitives/pressable/';
-var rule = createLintRule({
-  meta: {
-    name: 'no-html-button-element',
-    type: 'suggestion',
-    hasSuggestions: false,
-    docs: {
-      description: 'Prevent direct usage of HTML button elements and enforce usage of Button and Pressable.',
-      recommended: false,
-      severity: 'warn'
-    },
-    messages: {
-      noHtmlButtonElement: "This \"{{element}}\" should be replaced with a Button component. If beyond the capabilities of the Button component, use the Pressable primitive. See ".concat(buttonDocsUrl, " and ").concat(pressableDocsUrl, " for guidance.")
-    }
-  },
-  create: function create(context) {
-    return {
-      // Look for <button> HTML elements
-      // Look for styled calls/templates - styled.button(...)
-      JSXOpeningElement: function JSXOpeningElement(node) {
-        if (!isNodeOfType(node, 'JSXOpeningElement')) {
-          return;
-        }
-        if (!isNodeOfType(node.name, 'JSXIdentifier')) {
-          return;
-        }
-        var suggest = shouldSuggest(node === null || node === void 0 ? void 0 : node.parent);
-        if (suggest) {
-          context.report({
-            node: node,
-            messageId: 'noHtmlButtonElement',
-            data: {
-              element: node.name.name
-            }
-          });
-        }
-      },
-      // styled.button`` | styled2.button`` | styled.button()
-      'MemberExpression[object.name="styled"],MemberExpression[object.name="styled2"]': function MemberExpressionObjectNameStyledMemberExpressionObjectNameStyled2(node) {
-        if (!isNodeOfType(node, 'MemberExpression')) {
-          return;
-        }
-
-        // styled.button``
-        if (isNodeOfType(node.property, 'Identifier')) {
-          if (node.property.name === 'button') {
-            var styledIdentifier = node.object.name;
-            var elementName = node.property.name;
-
-            // Including the `styled.` portion in the message to help makers understand it's not just the `button` element that should be replaced
-            var reportName = "".concat(styledIdentifier, ".").concat(elementName); // styled.button
-
-            context.report({
-              node: node,
-              messageId: 'noHtmlButtonElement',
-              data: {
-                element: reportName
-              }
-            });
-          }
-        }
-      },
-      // styled(X)``
-      'CallExpression[callee.name="styled"]': function CallExpressionCalleeNameStyled(node) {
-        if (!isNodeOfType(node, 'CallExpression')) {
-          return;
-        }
-
-        // styled('button')`` - We only care about 'button', ignore extending other components
-        if (isNodeOfType(node.arguments[0], 'Literal')) {
-          var argValue = node.arguments[0].raw;
-          if (typeof argValue === 'string') {
-            var suggest = argValue.replaceAll("'", '') === 'button';
-            if (suggest) {
-              var styledIdentifier = node.callee.name;
-              var elementName = argValue;
-
-              // Including the `styled()` portion in the message to help makers understand it's not just the `button` element that should be replaced
-              var reportName = "".concat(styledIdentifier, "(").concat(elementName, ")"); // styled('button')
-
-              context.report({
-                node: node,
-                messageId: 'noHtmlButtonElement',
-                data: {
-                  element: reportName
-                }
-              });
-            }
-          }
-        }
-      }
-    };
-  }
-});
-export default rule;

package/dist/esm/rules/no-html-button-element/utils.js

@@ -1,12 +0,0 @@
-var isButtonHtmlElement = function isButtonHtmlElement(node) {
-  return node.openingElement.name.name === 'button';
-};
-export var shouldSuggest = function shouldSuggest(node) {
-  if (!node) {
-    return false;
-  }
-  if (!isButtonHtmlElement(node)) {
-    return false;
-  }
-  return true;
-};

package/dist/types/rules/no-html-button-element/utils.d.ts

@@ -1,2 +0,0 @@
-import { type JSXElement } from 'eslint-codemod-utils';
-export declare const shouldSuggest: (node: JSXElement) => boolean;

package/dist/types-ts4.5/rules/no-html-button-element/utils.d.ts

@@ -1,2 +0,0 @@
-import { type JSXElement } from 'eslint-codemod-utils';
-export declare const shouldSuggest: (node: JSXElement) => boolean;