@atlaskit/eslint-plugin-design-system 9.3.1 → 9.4.1

package/dist/es2019/rules/no-direct-use-of-web-platform-drag-and-drop/index.js

@@ -0,0 +1,49 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
+import { createLintRule } from '../utils/create-rule';
+import { isBlockedAddEventListener } from './checks/is-blocked-add-event-listener';
+import { isBlockedBind } from './checks/is-blocked-bind';
+import { isBlockedBindAll } from './checks/is-blocked-bind-all';
+import { isBlockedJSXAttribute } from './checks/is-blocked-jsx-attribute';
+const rule = createLintRule({
+  meta: {
+    name: 'no-direct-use-of-web-platform-drag-and-drop',
+    type: 'problem',
+    docs: {
+      recommended: true,
+      severity: 'error',
+      description: 'Disallow using direct use of native drag and drop (please use Pragmatic drag and drop)'
+    },
+    messages: {
+      usePragmaticDnd: 'Please use Pragmatic drag and drop, which makes web platform drag and drop safe and easy to work with.'
+    }
+  },
+  create(context) {
+    return {
+      JSXAttribute(node) {
+        if (!isNodeOfType(node, 'JSXAttribute')) {
+          return;
+        }
+        if (isBlockedJSXAttribute(context, node)) {
+          context.report({
+            messageId: 'usePragmaticDnd',
+            node
+          });
+          return;
+        }
+      },
+      CallExpression(node) {
+        if (!isNodeOfType(node, 'CallExpression')) {
+          return;
+        }
+        if (isBlockedAddEventListener(node) || isBlockedBind(context, node) || isBlockedBindAll(context, node)) {
+          context.report({
+            messageId: 'usePragmaticDnd',
+            node
+          });
+          return;
+        }
+      }
+    };
+  }
+});
+export default rule;

package/dist/es2019/rules/no-direct-use-of-web-platform-drag-and-drop/shared/blocked.js

@@ -0,0 +1,2 @@
+export const blockedJSXAttributeLookup = new Set(['onDragStart', 'onDragEnter', 'onDragLeave', 'onDragOver', 'onDrag', 'onDrop', 'onDragEnd']);
+export const blockedEventNameLookup = new Set(['dragstart', 'dragenter', 'dragleave', 'dragover', 'drag', 'drop', 'dragend']);

package/dist/es2019/rules/no-direct-use-of-web-platform-drag-and-drop/shared/is-blocked-event-binding.js

@@ -0,0 +1,25 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
+import { blockedEventNameLookup } from './blocked';
+export function isBlockedEventBinding(property) {
+  if (!isNodeOfType(property, 'Property')) {
+    return false;
+  }
+
+  // are we looking at the "type" property?
+
+  const key = property.key;
+  if (!isNodeOfType(key, 'Identifier')) {
+    return false;
+  }
+  if (key.name !== 'type') {
+    return false;
+  }
+
+  // is the "type" property value blocked?
+
+  const value = property.value;
+  if (!isNodeOfType(value, 'Literal')) {
+    return false;
+  }
+  return typeof value.value === 'string' && blockedEventNameLookup.has(value.value);
+}

package/dist/es2019/rules/use-tokens-typography/config/index.js

@@ -5,12 +5,16 @@ export const ruleSchema = {
     properties: {
       failSilently: {
         type: 'boolean'
+      },
+      shouldEnforceFallbacks: {
+        type: 'boolean'
       }
     }
   }
 };
 const defaultConfig = {
-  failSilently: false
+  failSilently: false,
+  shouldEnforceFallbacks: true
 };
 export const getConfig = overrides => {
   // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

package/dist/es2019/rules/use-tokens-typography/index.js

@@ -8,7 +8,8 @@ const create = context => {
     // const styles = css({ fontSize: '14px, ... }), styled.div({ fontSize: 14, ... })
     ObjectExpression: node => errorBoundary(() => {
       return StyleObject.lint(node, {
-        context
+        context,
+        config
       });
     }, {
       config

package/dist/es2019/rules/use-tokens-typography/transformers/style-object.js

@@ -7,7 +7,8 @@ import { isDecendantOfGlobalToken, isDecendantOfStyleBlock, isDecendantOfType }
 import { convertPropertyNodeToStringableNode, defaultFontWeight, findFontFamilyValueForToken, findFontWeightTokenForValue, findTypographyTokenForValues, fontWeightMap, getLiteralProperty, getTokenProperty, insertFallbackImportFull, insertFallbackImportSpecifier, insertTokensImport, isValidPropertyNode, notUndefined } from '../utils';
 export const StyleObject = {
   lint(node, {
-    context
+    context,
+    config
   }) {
     // To force the correct node type
     if (!isNodeOfType(node, 'ObjectExpression')) {
@@ -21,7 +22,8 @@ export const StyleObject = {
       success,
       refs
     } = StyleObject._check(node, {
-      context
+      context,
+      config
     });
     if (!success || !refs) {
       return;
@@ -31,6 +33,7 @@ export const StyleObject = {
       fontSizeRaw,
       tokensImportNode,
       themeImportNode,
+      shouldAddFallback,
       shouldAddFallbackImport
     } = refs;
     const fontSizeValue = normaliseValue('fontSize', fontSizeRaw);
@@ -110,16 +113,17 @@ export const StyleObject = {
       const nodesToReplace = [fontSizeNode, fontWeightNode, lineHeightNode, fontFamilyNode, fontStyleNode, letterSpacingNode].filter(notUndefined);
       const fontFamilyTokenName = fontFamilyToAdd ? `font.family.brand.${fontFamilyToAdd}` : '';
       const fontWeightReplacementToken = shouldAddFontWeight ? findFontWeightTokenForValue(fontWeightValue) : undefined;
-      const fontWeightReplacement = fontWeightReplacementToken && getTokenProperty('fontWeight', fontWeightReplacementToken.tokenName, fontWeightValue);
+      const fontWeightReplacement = fontWeightReplacementToken && getTokenProperty('fontWeight', fontWeightReplacementToken.tokenName, shouldAddFallback ? fontWeightValue : undefined);
       const fontFamilyReplacement = fontFamilyToAdd && (fontFamilyToAdd === 'original' ? convertPropertyNodeToStringableNode(
       // This will always exist if fontFamilyToAdd === 'original', TS can't figure that out.
-      fontFamilyNode) : getTokenProperty('fontFamily', fontFamilyTokenName, findFontFamilyValueForToken(fontFamilyTokenName)));
+      fontFamilyNode) : getTokenProperty('fontFamily', fontFamilyTokenName, shouldAddFallback ? findFontFamilyValueForToken(fontFamilyTokenName) : undefined));
       const fontStyleReplacement = fontStyleToAdd && getLiteralProperty('fontStyle', fontStyleToAdd);
       const fixerRefs = {
         matchingToken,
         nodesToReplace,
         tokensImportNode,
         themeImportNode,
+        shouldAddFallback,
         shouldAddFallbackImport,
         fontWeightReplacement,
         fontFamilyReplacement,
@@ -145,7 +149,8 @@ export const StyleObject = {
     return;
   },
   _check(node, {
-    context
+    context,
+    config
   }) {
     if (!isDecendantOfStyleBlock(node) && !isDecendantOfType(node, 'JSXExpressionContainer')) {
       return {
@@ -176,13 +181,13 @@ export const StyleObject = {
         success: false
       };
     }
-
+    const shouldAddFallback = Boolean(config.shouldEnforceFallbacks);
     // This exists purely because we're not inlining the fallback values
     // and instead referencing a `fontFallback` object that exists in @atlaskit/theme/typography.
     // This is a temporary measure until fallbacks are no longer required
-    let shouldAddFallbackImport = 'full';
+    let shouldAddFallbackImport = shouldAddFallback && 'full';
     const themeImportDeclaration = Root.findImportsByModule(context.getSourceCode().ast.body, '@atlaskit/theme/typography');
-    if (themeImportDeclaration.length) {
+    if (themeImportDeclaration.length && shouldAddFallback) {
       // Import exists, check if specifier exists
       shouldAddFallbackImport = 'specifier';
       const fallbackImport = themeImportDeclaration[0].specifiers.find(specifier => {
@@ -208,6 +213,7 @@ export const StyleObject = {
         fontSizeRaw,
         tokensImportNode: tokensImportDeclaration[0],
         themeImportNode: themeImportDeclaration[0],
+        shouldAddFallback,
         shouldAddFallbackImport
       }
     };
@@ -219,6 +225,7 @@ export const StyleObject = {
         nodesToReplace,
         tokensImportNode,
         themeImportNode,
+        shouldAddFallback,
         shouldAddFallbackImport,
         fontWeightReplacement,
         fontFamilyReplacement,
@@ -236,7 +243,7 @@ export const StyleObject = {
       return (!tokensImportNode ? [insertTokensImport(root, fixer)] : []).concat(fallbackImport ? [fallbackImport] : [], nodesToReplace.map((node, index) => {
         // Replace first node with token, delete remaining nodes. Guaranteed to be fontSize
         if (index === 0) {
-          return fixer.replaceText(node, `${getTokenProperty('font', matchingToken.tokenName, fallbackName, true)}`);
+          return fixer.replaceText(node, `${getTokenProperty('font', matchingToken.tokenName, shouldAddFallback ? fallbackName : undefined, true)}`);
         }
 
         // We don't replace fontWeight/fontFamily/fontStyle here in case it occurs before the font property.

package/dist/es2019/rules/use-tokens-typography/utils.js

@@ -69,20 +69,19 @@ export function isValidPropertyNode(node) {
   }
   return true;
 }
-function getTokenNode(tokenName, tokenValue, isFallbackMember) {
-  let fallback;
-  if (isFallbackMember) {
-    fallback = createMemberExpressionFromArray(tokenValue.split('.'));
-  } else {
-    fallback = literal(tokenValue);
+function getTokenNode(tokenName, fallbackValue, isFallbackMember = false) {
+  const callExpressionArgs = [literal({
+    value: `'${tokenName}'`
+  })];
+  if (fallbackValue) {
+    const fallback = isFallbackMember ? createMemberExpressionFromArray(fallbackValue.split('.')) : literal(fallbackValue);
+    callExpressionArgs.push(fallback);
   }
   return callExpression({
     callee: identifier({
       name: 'token'
     }),
-    arguments: [literal({
-      value: `'${tokenName}'`
-    }), fallback],
+    arguments: callExpressionArgs,
     optional: false
   });
 }

package/dist/esm/presets/all.codegen.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2e2cf6c0ecfe1b01f3eb24caa223f09e>>
+ * @codegen <<SignedSource::1ab11547db880eba1206f334a9b2150f>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 export default {
@@ -15,6 +15,7 @@ export default {
     '@atlaskit/design-system/no-deprecated-apis': 'error',
     '@atlaskit/design-system/no-deprecated-design-token-usage': 'warn',
     '@atlaskit/design-system/no-deprecated-imports': 'error',
+    '@atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop': 'error',
     '@atlaskit/design-system/no-empty-styled-expression': 'warn',
     '@atlaskit/design-system/no-exported-css': 'warn',
     '@atlaskit/design-system/no-exported-keyframes': 'warn',

package/dist/esm/presets/recommended.codegen.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::aebc778f0b10032cbb2941b55189d766>>
+ * @codegen <<SignedSource::05b4fe8f97edc4f7e46ded52b4917037>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 export default {
@@ -13,6 +13,7 @@ export default {
     '@atlaskit/design-system/no-deprecated-apis': 'error',
     '@atlaskit/design-system/no-deprecated-design-token-usage': 'warn',
     '@atlaskit/design-system/no-deprecated-imports': 'error',
+    '@atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop': 'error',
     '@atlaskit/design-system/no-empty-styled-expression': 'warn',
     '@atlaskit/design-system/no-exported-css': 'warn',
     '@atlaskit/design-system/no-exported-keyframes': 'warn',

package/dist/esm/rules/index.codegen.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::eb5c94901f711e67446ba88f0630bf76>>
+ * @codegen <<SignedSource::293575f7bd0150862f792e3fffc286c4>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 import consistentCssPropUsage from './consistent-css-prop-usage';
@@ -12,6 +12,7 @@ import noCssTaggedTemplateExpression from './no-css-tagged-template-expression';
 import noDeprecatedApis from './no-deprecated-apis';
 import noDeprecatedDesignTokenUsage from './no-deprecated-design-token-usage';
 import noDeprecatedImports from './no-deprecated-imports';
+import noDirectUseOfWebPlatformDragAndDrop from './no-direct-use-of-web-platform-drag-and-drop';
 import noEmptyStyledExpression from './no-empty-styled-expression';
 import noExportedCss from './no-exported-css';
 import noExportedKeyframes from './no-exported-keyframes';
@@ -46,6 +47,7 @@ export default {
   'no-deprecated-apis': noDeprecatedApis,
   'no-deprecated-design-token-usage': noDeprecatedDesignTokenUsage,
   'no-deprecated-imports': noDeprecatedImports,
+  'no-direct-use-of-web-platform-drag-and-drop': noDirectUseOfWebPlatformDragAndDrop,
   'no-empty-styled-expression': noEmptyStyledExpression,
   'no-exported-css': noExportedCss,
   'no-exported-keyframes': noExportedKeyframes,

package/dist/esm/rules/no-direct-use-of-web-platform-drag-and-drop/checks/is-blocked-add-event-listener.js

@@ -0,0 +1,25 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
+import { blockedEventNameLookup } from '../shared/blocked';
+export function isBlockedAddEventListener(node) {
+  var callee = node.callee;
+  if (!isNodeOfType(callee, 'MemberExpression')) {
+    return false;
+  }
+  var property = callee.property;
+  if (!isNodeOfType(property, 'Identifier')) {
+    return false;
+  }
+  if (property.name !== 'addEventListener') {
+    return false;
+  }
+
+  // check the first argument
+  var first = node.arguments[0];
+
+  // only checking literals for this eslint rule
+  if (!isNodeOfType(first, 'Literal')) {
+    return false;
+  }
+  var value = first.value;
+  return typeof value === 'string' && blockedEventNameLookup.has(value);
+}

package/dist/esm/rules/no-direct-use-of-web-platform-drag-and-drop/checks/is-blocked-bind-all.js

@@ -0,0 +1,59 @@
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+// eslint-disable-next-line import/no-extraneous-dependencies
+
+import { isNodeOfType } from 'eslint-codemod-utils';
+import { getModuleOfIdentifier } from '../../utils/get-import-node-by-source';
+import { isBlockedEventBinding } from '../shared/is-blocked-event-binding';
+export function isBlockedBindAll(context, node) {
+  var callee = node.callee;
+  if (!isNodeOfType(callee, 'Identifier')) {
+    return false;
+  }
+  if (callee.name !== 'bindAll') {
+    return false;
+  }
+  var module = getModuleOfIdentifier(context.sourceCode, 'bindAll');
+  if ((module === null || module === void 0 ? void 0 : module.moduleName) !== 'bind-event-listener') {
+    return false;
+  }
+  var secondArg = node.arguments[1];
+  if (!isNodeOfType(secondArg, 'ArrayExpression')) {
+    return false;
+  }
+  var _iterator = _createForOfIteratorHelper(secondArg.elements),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var element = _step.value;
+      if (!element) {
+        continue;
+      }
+      if (!isNodeOfType(element, 'ObjectExpression')) {
+        continue;
+      }
+      var _iterator2 = _createForOfIteratorHelper(element.properties),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var property = _step2.value;
+          if (isBlockedEventBinding(property)) {
+            return true;
+          }
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    }
+
+    // no exit conditions hit
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return false;
+}

package/dist/esm/rules/no-direct-use-of-web-platform-drag-and-drop/checks/is-blocked-bind.js

@@ -0,0 +1,44 @@
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+// eslint-disable-next-line import/no-extraneous-dependencies
+
+import { isNodeOfType } from 'eslint-codemod-utils';
+import { getModuleOfIdentifier } from '../../utils/get-import-node-by-source';
+import { isBlockedEventBinding } from '../shared/is-blocked-event-binding';
+export function isBlockedBind(context, node) {
+  var callee = node.callee;
+  if (!isNodeOfType(callee, 'Identifier')) {
+    return false;
+  }
+  if (callee.name !== 'bind') {
+    return false;
+  }
+  var module = getModuleOfIdentifier(context.sourceCode, 'bind');
+  if ((module === null || module === void 0 ? void 0 : module.moduleName) !== 'bind-event-listener') {
+    return false;
+  }
+  var secondArg = node.arguments[1];
+  if (!isNodeOfType(secondArg, 'ObjectExpression')) {
+    return false;
+  }
+
+  // using a for loop for speed 🚀
+  var _iterator = _createForOfIteratorHelper(secondArg.properties),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var property = _step.value;
+      if (isBlockedEventBinding(property)) {
+        return true;
+      }
+    }
+
+    // no exit conditions hit
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return false;
+}

package/dist/esm/rules/no-direct-use-of-web-platform-drag-and-drop/checks/is-blocked-jsx-attribute.js

@@ -0,0 +1,49 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+
+import { isNodeOfType } from 'eslint-codemod-utils';
+import { getModuleOfIdentifier } from '../../utils/get-import-node-by-source';
+import { blockedJSXAttributeLookup } from '../shared/blocked';
+function getJSXElementNameFromAttribute(attribute) {
+  var parent = attribute.parent;
+  if (!parent) {
+    return null;
+  }
+  if (!isNodeOfType(parent, 'JSXOpeningElement')) {
+    return null;
+  }
+  var identifier = parent.name;
+  if (!isNodeOfType(identifier, 'JSXIdentifier')) {
+    return null;
+  }
+  return identifier.name;
+}
+function isOnIntrinsicJSXElement(attribute) {
+  var name = getJSXElementNameFromAttribute(attribute);
+  if (!name) {
+    return false;
+  }
+  var firstLetter = name.at(0);
+  if (!firstLetter) {
+    return false;
+  }
+  return firstLetter === firstLetter.toLocaleLowerCase();
+}
+function isOnBoxPrimitive(context, attribute) {
+  if (getJSXElementNameFromAttribute(attribute) !== 'Box') {
+    return false;
+  }
+  var module = getModuleOfIdentifier(context.sourceCode, 'Box');
+  return (module === null || module === void 0 ? void 0 : module.moduleName) === '@atlaskit/primitives';
+}
+export function isBlockedJSXAttribute(context, node) {
+  var attributeName = node.name;
+  if (!isNodeOfType(attributeName, 'JSXIdentifier')) {
+    return false;
+  }
+
+  // not using a blocked attribute name, can continue on
+  if (!blockedJSXAttributeLookup.has(attributeName.name)) {
+    return false;
+  }
+  return isOnIntrinsicJSXElement(node) || isOnBoxPrimitive(context, node);
+}

package/dist/esm/rules/no-direct-use-of-web-platform-drag-and-drop/index.js

@@ -0,0 +1,49 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
+import { createLintRule } from '../utils/create-rule';
+import { isBlockedAddEventListener } from './checks/is-blocked-add-event-listener';
+import { isBlockedBind } from './checks/is-blocked-bind';
+import { isBlockedBindAll } from './checks/is-blocked-bind-all';
+import { isBlockedJSXAttribute } from './checks/is-blocked-jsx-attribute';
+var rule = createLintRule({
+  meta: {
+    name: 'no-direct-use-of-web-platform-drag-and-drop',
+    type: 'problem',
+    docs: {
+      recommended: true,
+      severity: 'error',
+      description: 'Disallow using direct use of native drag and drop (please use Pragmatic drag and drop)'
+    },
+    messages: {
+      usePragmaticDnd: 'Please use Pragmatic drag and drop, which makes web platform drag and drop safe and easy to work with.'
+    }
+  },
+  create: function create(context) {
+    return {
+      JSXAttribute: function JSXAttribute(node) {
+        if (!isNodeOfType(node, 'JSXAttribute')) {
+          return;
+        }
+        if (isBlockedJSXAttribute(context, node)) {
+          context.report({
+            messageId: 'usePragmaticDnd',
+            node: node
+          });
+          return;
+        }
+      },
+      CallExpression: function CallExpression(node) {
+        if (!isNodeOfType(node, 'CallExpression')) {
+          return;
+        }
+        if (isBlockedAddEventListener(node) || isBlockedBind(context, node) || isBlockedBindAll(context, node)) {
+          context.report({
+            messageId: 'usePragmaticDnd',
+            node: node
+          });
+          return;
+        }
+      }
+    };
+  }
+});
+export default rule;

package/dist/esm/rules/no-direct-use-of-web-platform-drag-and-drop/shared/blocked.js

@@ -0,0 +1,2 @@
+export var blockedJSXAttributeLookup = new Set(['onDragStart', 'onDragEnter', 'onDragLeave', 'onDragOver', 'onDrag', 'onDrop', 'onDragEnd']);
+export var blockedEventNameLookup = new Set(['dragstart', 'dragenter', 'dragleave', 'dragover', 'drag', 'drop', 'dragend']);

package/dist/esm/rules/no-direct-use-of-web-platform-drag-and-drop/shared/is-blocked-event-binding.js

@@ -0,0 +1,25 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
+import { blockedEventNameLookup } from './blocked';
+export function isBlockedEventBinding(property) {
+  if (!isNodeOfType(property, 'Property')) {
+    return false;
+  }
+
+  // are we looking at the "type" property?
+
+  var key = property.key;
+  if (!isNodeOfType(key, 'Identifier')) {
+    return false;
+  }
+  if (key.name !== 'type') {
+    return false;
+  }
+
+  // is the "type" property value blocked?
+
+  var value = property.value;
+  if (!isNodeOfType(value, 'Literal')) {
+    return false;
+  }
+  return typeof value.value === 'string' && blockedEventNameLookup.has(value.value);
+}

package/dist/esm/rules/use-tokens-typography/config/index.js

@@ -5,12 +5,16 @@ export var ruleSchema = {
     properties: {
       failSilently: {
         type: 'boolean'
+      },
+      shouldEnforceFallbacks: {
+        type: 'boolean'
       }
     }
   }
 };
 var defaultConfig = {
-  failSilently: false
+  failSilently: false,
+  shouldEnforceFallbacks: true
 };
 export var getConfig = function getConfig(overrides) {
   // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

package/dist/esm/rules/use-tokens-typography/index.js

@@ -9,7 +9,8 @@ var create = function create(context) {
     ObjectExpression: function ObjectExpression(node) {
       return errorBoundary(function () {
         return StyleObject.lint(node, {
-          context: context
+          context: context,
+          config: config
         });
       }, {
         config: config