@atlaskit/eslint-plugin-design-system 10.24.1 → 10.26.0

package/dist/es2019/rules/no-deprecated-imports/handlers/icon.js

@@ -0,0 +1,153 @@
+import { isNodeOfType, literal } from 'eslint-codemod-utils';
+import coreIconLabMetadata from '@atlaskit/icon-lab/metadata';
+import { coreIconMetadata, utilityIconMetadata } from '@atlaskit/icon/metadata';
+import { pathWithCustomMessageId } from '../constants';
+/**
+ * __Deprecation icon handler__
+ *
+ * A deprecation icon handler which is responsible for displaying an error for deprecated icons.
+ * It also includes a fixer to replace the deprecated icon with the new icon if a replacement exists.
+ */
+export const getDeprecationIconHandler = context => {
+  const jsxElements = new Map();
+  const identifiers = new Map();
+  const importErrors = {};
+  const exportErrors = {};
+  const getIconComponentName = name => {
+    return name.split(/\W/).map(part => `${part[0].toUpperCase()}${part.slice(1)}`).join('').concat('Icon');
+  };
+  const createImportError = ({
+    node,
+    importSource,
+    config
+  }) => {
+    if (config.message) {
+      const myError = {
+        node,
+        messageId: pathWithCustomMessageId,
+        data: {
+          importSource,
+          customMessage: config.message,
+          unfixable: config.unfixable ? 'true' : 'false'
+        }
+      };
+      importErrors[node.source.value] = myError;
+    }
+  };
+  const createExportError = ({
+    node,
+    importSource,
+    config
+  }) => {
+    if (config.message) {
+      const myError = {
+        node,
+        messageId: pathWithCustomMessageId,
+        data: {
+          importSource,
+          customMessage: config.message
+        }
+      };
+      exportErrors[importSource] = myError;
+    }
+  };
+  const throwErrors = () => {
+    for (const [importSource, error] of Object.entries(importErrors)) {
+      if (importSource.includes('/migration/')) {
+        var _metadata$deprecatedI, _error$data;
+        const [_location, type, _migration, name] = importSource.split('/').slice(1);
+        const metadata = type === 'core' ? coreIconMetadata : utilityIconMetadata;
+        const [deprecatedIconName, legacyIconName] = name.split('--');
+        const replacement = metadata === null || metadata === void 0 ? void 0 : (_metadata$deprecatedI = metadata[deprecatedIconName]) === null || _metadata$deprecatedI === void 0 ? void 0 : _metadata$deprecatedI.replacement;
+        if (replacement && ((_error$data = error.data) === null || _error$data === void 0 ? void 0 : _error$data.unfixable) === 'false') {
+          const newIconName = getIconComponentName(replacement.name);
+          addAutoFix(error, importSource, `${replacement.location}/${replacement.type}/migration/${replacement.name}--${legacyIconName}`, newIconName);
+        }
+      } else {
+        var _metadata, _metadata$name;
+        const [location, type, name] = importSource.split('/').slice(1);
+        let metadata;
+        if (location === 'icon') {
+          metadata = type === 'core' ? coreIconMetadata : utilityIconMetadata;
+        } else if (location === 'icon-lab') {
+          metadata = coreIconLabMetadata;
+        }
+        const replacement = (_metadata = metadata) === null || _metadata === void 0 ? void 0 : (_metadata$name = _metadata[name]) === null || _metadata$name === void 0 ? void 0 : _metadata$name.replacement;
+        if (replacement) {
+          const newIconName = getIconComponentName(replacement.name);
+          addAutoFix(error, importSource, `${replacement.location}/${replacement.type}/${replacement.name}`, newIconName);
+        }
+      }
+      context.report(error);
+    }
+    for (const error of Object.values(exportErrors)) {
+      context.report(error);
+    }
+  };
+  const addAutoFix = (error, importSource, newImportSource, newIconName) => {
+    error.fix = fixer => {
+      const fixes = [];
+
+      //Find and update all usages of this icon in JSX with the replacement icon
+      const jsxUsageNodes = jsxElements.get(importSource);
+      if (jsxUsageNodes) {
+        for (const usageNode of jsxUsageNodes) {
+          fixes.push(fixer.replaceText(usageNode.openingElement.name, newIconName));
+        }
+      }
+
+      //Find and update all usages of this icon in identifiers with the replacement icon
+      const usageNodes = identifiers.get(importSource);
+      if (usageNodes) {
+        for (const usageNode of usageNodes) {
+          fixes.push(fixer.replaceText(usageNode.parent, `{${newIconName}}`));
+        }
+      }
+      fixes.push(fixer.replaceText(error.node, `${literal(`import ${newIconName} from '${newImportSource}'`)};`));
+      return fixes;
+    };
+  };
+  const checkJSXElement = node => {
+    if (!('openingElement' in node) || !isNodeOfType(node.openingElement.name, 'JSXIdentifier')) {
+      return;
+    }
+    for (const [importSource, error] of Object.entries(importErrors)) {
+      let importIconName = error.node.specifiers[0].local.name;
+      const iconName = node.openingElement.name.name;
+      if (iconName === importIconName) {
+        if (jsxElements.has(importSource)) {
+          var _jsxElements$get;
+          (_jsxElements$get = jsxElements.get(importSource)) === null || _jsxElements$get === void 0 ? void 0 : _jsxElements$get.push(node);
+        } else {
+          jsxElements.set(importSource, [node]);
+        }
+        break;
+      }
+    }
+  };
+  const checkIdentifier = node => {
+    if (node.type !== 'Identifier' || node.parent.type !== 'JSXExpressionContainer') {
+      return;
+    }
+    for (const [importSource, error] of Object.entries(importErrors)) {
+      let importIconName = error.node.specifiers[0].local.name;
+      const iconName = node.name;
+      if (iconName === importIconName) {
+        if (identifiers.has(importSource)) {
+          var _identifiers$get;
+          (_identifiers$get = identifiers.get(importSource)) === null || _identifiers$get === void 0 ? void 0 : _identifiers$get.push(node);
+        } else {
+          identifiers.set(importSource, [node]);
+        }
+        break;
+      }
+    }
+  };
+  return {
+    createImportError,
+    createExportError,
+    checkJSXElement,
+    checkIdentifier,
+    throwErrors
+  };
+};

package/dist/es2019/rules/no-deprecated-imports/index.js

@@ -25,22 +25,20 @@
  * THE SOFTWARE.
  */
 
-import { createRule } from '../utils/create-rule';
-import { getConfig } from '../utils/get-deprecated-config';
-import { isDeprecatedImportConfig } from '../utils/types';
+import { createLintRule } from '../utils/create-rule';
+import { errorBoundary } from '../utils/error-boundary';
+import { createChecks } from './checks';
 export const name = 'no-deprecated-imports';
-export const importNameWithCustomMessageId = 'importNameWithCustomMessage';
-export const pathWithCustomMessageId = 'pathWithCustomMessage';
-const rule = createRule({
-  name,
-  defaultOptions: [{
-    deprecatedConfig: getConfig('imports')
-  }],
+const rule = createLintRule({
   meta: {
+    name,
+    fixable: 'code',
+    hasSuggestions: true,
     type: 'suggestion',
     docs: {
       description: 'Disallow importing deprecated modules.',
-      recommended: 'error'
+      recommended: true,
+      severity: 'error'
     },
     messages: {
       pathWithCustomMessage: "'{{importSource}}' import is restricted from being used. {{customMessage}}",
@@ -80,99 +78,21 @@ const rule = createRule({
       }
     }]
   },
-  create(context, [options]) {
-    var _context$options$;
+  create(context) {
     const {
-      deprecatedConfig: defaultDeprecatedConfig
-    } = options;
-    const restrictedPathMessages = ((_context$options$ = context.options[0]) === null || _context$options$ === void 0 ? void 0 : _context$options$.deprecatedConfig) || defaultDeprecatedConfig;
-    if (!isDeprecatedImportConfig(restrictedPathMessages)) {
-      throw new Error('Config is invalid for deprecated imports');
-    }
-
-    /**
-     * Report a restricted path.
-     * @param {string} importSource path of the import
-     * @param {node} node representing the restricted path reference
-     * @param {Map<string,TSESTree.Node>} importNames Map of import names that are being imported
-     * @returns {void}
-     * @private
-     */
-    function checkRestrictedPathAndReport(importSource, node, importNames) {
-      if (!Object.prototype.hasOwnProperty.call(restrictedPathMessages, importSource)) {
-        return;
-      }
-      const config = restrictedPathMessages[importSource];
-
-      // The message will only exist if the import is completely banned,
-      // eg a deprecated package
-      if ('message' in config) {
-        context.report({
-          node,
-          messageId: pathWithCustomMessageId,
-          data: {
-            importSource,
-            customMessage: config.message
-          }
-        });
-      }
-
-      // if there are specific named exports that are banned,
-      // iterate through and check if they're being imported
-      if ('importSpecifiers' in config) {
-        var _config$importSpecifi;
-        (_config$importSpecifi = config.importSpecifiers) === null || _config$importSpecifi === void 0 ? void 0 : _config$importSpecifi.forEach(restrictedImport => {
-          if (importNames.has(restrictedImport.importName)) {
-            context.report({
-              node: importNames.get(restrictedImport.importName),
-              messageId: importNameWithCustomMessageId,
-              data: {
-                importName: restrictedImport.importName,
-                importSource: importSource,
-                customMessage: restrictedImport.message
-              }
-            });
-          }
-        });
-      }
-    }
-
-    /**
-     * Checks a node to see if any problems should be reported.
-     * @param {ASTNode} node The node to check.
-     * @returns {void}
-     * @private
-     */
-    const checkNode = node => {
-      const importSource = node.source.value.trim();
-      const importNames = new Map();
-      if ('specifiers' in node) {
-        for (const specifier of node.specifiers) {
-          let name;
-          if (specifier.type === 'ImportDefaultSpecifier') {
-            name = 'default';
-          } else if (specifier.type === 'ImportNamespaceSpecifier') {
-            name = '*';
-          } else if (specifier.type === 'ImportSpecifier') {
-            name = specifier.imported.name;
-          } else if (specifier.local) {
-            name = specifier.local.name;
-          }
-          if (name) {
-            importNames.set(name, specifier);
-          }
-        }
-      }
-      checkRestrictedPathAndReport(importSource, node, importNames);
-    };
-    return {
-      ImportDeclaration: checkNode,
-      ExportNamedDeclaration(node) {
-        if (node.source) {
-          checkNode(node);
-        }
-      }
-    };
+      checkImportNode,
+      checkExportNode,
+      checkJSXElement,
+      checkIdentifier,
+      throwErrors
+    } = createChecks(context);
+    return errorBoundary({
+      ImportDeclaration: checkImportNode,
+      ExportNamedDeclaration: checkExportNode,
+      JSXElement: checkJSXElement,
+      Identifier: checkIdentifier,
+      'Program:exit': throwErrors
+    });
   }
 });
 export default rule;

package/dist/es2019/rules/use-datetime-picker-calendar-button/index.js

@@ -0,0 +1,173 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+
+import { isNodeOfType } from 'eslint-codemod-utils';
+import { JSXAttribute } from '../../ast-nodes/jsx-attribute';
+import { JSXElementHelper } from '../../ast-nodes/jsx-element';
+import { createLintRule } from '../utils/create-rule';
+const DATE_PICKER = 'DatePicker';
+const DATETIME_PICKER = 'DateTimePicker';
+const PROP_NAME = 'shouldShowCalendarButton';
+
+// Lint rule message
+const message = '`shouldShowCalendarButton` should be set to `true` to make date picker accessible.';
+
+// Fix messages
+export const addCalendarButtonProp = 'Add `shouldShowCalendarButton` prop.';
+export const setCalendarButtonPropToTrue = 'Set `shouldShowCalendarButton` prop to `true`.';
+export const addCalendarButtonProperty = 'Add `shouldShowCalendarButton: true` to `datePickerProps`.';
+export const setCalendarButtonPropertyToTrue = 'Set `shouldShowCalendarButton` property in `datePickerProps` to `true`.';
+const datePickerJSXElement = (node, context) => {
+  const prop = JSXElementHelper.getAttributeByName(node, PROP_NAME);
+
+  // If the prop exists
+  if (prop) {
+    const attrValue = JSXAttribute.getValue(prop);
+    // If the value is a boolean with value `false`
+    if ((attrValue === null || attrValue === void 0 ? void 0 : attrValue.type) === 'ExpressionStatement Literal' && (attrValue === null || attrValue === void 0 ? void 0 : attrValue.value) === false) {
+      return context.report({
+        node: prop,
+        messageId: 'datePickerCalendarButtonShouldBeShown',
+        suggest: [{
+          desc: setCalendarButtonPropToTrue,
+          fix: fixer => [fixer.replaceText(prop, PROP_NAME)]
+        }]
+      });
+    }
+    // If the prop does not exist
+  } else {
+    return context.report({
+      node: node.openingElement,
+      messageId: 'datePickerMissingCalendarButtonProp',
+      suggest: [{
+        desc: addCalendarButtonProp,
+        fix: fixer => [fixer.insertTextAfter(node.openingElement.name, ` ${PROP_NAME}`)]
+      }]
+    });
+  }
+};
+const dateTimePickerJSXElement = (node, context) => {
+  var _datePickerProp$value, _expression$propertie;
+  const datePickerProp = JSXElementHelper.getAttributeByName(node, 'datePickerProps');
+
+  // If the `datePickerProps` prop does not exist or is not an expression
+  // container (the latter being essentially unprecedented, against type
+  // guidelines, and useless)
+  if (!datePickerProp || ((_datePickerProp$value = datePickerProp.value) === null || _datePickerProp$value === void 0 ? void 0 : _datePickerProp$value.type) !== 'JSXExpressionContainer') {
+    return context.report({
+      node: node.openingElement,
+      messageId: 'dateTimePickerMissingCalendarButtonProp',
+      suggest: [{
+        desc: addCalendarButtonProperty,
+        fix: fixer => [fixer.insertTextAfter(node.openingElement.name, ` datePickerProps={{ ${PROP_NAME}: true }}`)]
+      }]
+    });
+  }
+
+  // Had to cast all these things because ESLint can't hang here. The
+  // types are just abjectly wrong from what I can log.
+  const expression = datePickerProp.value.expression;
+  // If it is not an analyzable expression, like a variable or something, skip
+  // it.
+  if (!isNodeOfType(datePickerProp.value.expression, 'ObjectExpression')) {
+    return;
+  }
+  const prop = expression === null || expression === void 0 ? void 0 : (_expression$propertie = expression.properties) === null || _expression$propertie === void 0 ? void 0 : _expression$propertie.find(property => property.type === 'Property' && property.key.name === PROP_NAME);
+
+  // If the `shouldShowCalendarButton` prop does not exist in `datePickerProps`
+  if (!prop) {
+    return context.report({
+      node: datePickerProp,
+      messageId: 'dateTimePickerMissingCalendarButtonProp',
+      suggest: [{
+        desc: addCalendarButtonProperty,
+        fix: fixer => {
+          // If it has existing properties
+          if (expression.properties.length > 0) {
+            // Needs following comma to not disrupt existing properties inside `datePickerProps`
+            return [fixer.insertTextBefore(expression.properties[0], `${PROP_NAME}: true,`)];
+            // Else it's an empty object
+          } else {
+            return [fixer.replaceText(expression, `{ ${PROP_NAME}: true }`)];
+          }
+        }
+      }]
+    });
+    // If the `shouldShowCalendarButton` property exists and it's value is `false`
+  } else if (isNodeOfType(prop.value, 'Literal') && prop.value.value !== true) {
+    return context.report({
+      node: datePickerProp,
+      messageId: 'dateTimePickerCalendarButtonShouldBeShown',
+      suggest: [{
+        desc: setCalendarButtonPropertyToTrue,
+        // Needs following comma to not disrupt existing properties inside `datePickerProps`
+        fix: fixer => [fixer.replaceText(prop, `${PROP_NAME}: true,`)]
+      }]
+    });
+  }
+};
+const rule = createLintRule({
+  meta: {
+    name: 'use-datetime-picker-calendar-button',
+    type: 'suggestion',
+    fixable: 'code',
+    hasSuggestions: true,
+    docs: {
+      description: "Encourages makers to use calendar button in Atlassian Design System's date picker and datetime picker components.",
+      recommended: true,
+      severity: 'warn'
+    },
+    messages: {
+      dateTimePickerMissingCalendarButtonProp: `In \`datePickerProps\`, ${message}`,
+      datePickerMissingCalendarButtonProp: message,
+      dateTimePickerCalendarButtonShouldBeShown: `In \`datePickerProps\`, ${message}`,
+      datePickerCalendarButtonShouldBeShown: message
+    }
+  },
+  create(context) {
+    // List of component's locally imported names that match
+    const contextLocalIdentifier = [];
+    const contextImportedIdentifier = [];
+    return {
+      // Only run rule in files where the package is imported
+      ImportDeclaration(node) {
+        var _node$specifiers;
+        const datetimePickerIdentifier = (_node$specifiers = node.specifiers) === null || _node$specifiers === void 0 ? void 0 : _node$specifiers.filter(spec => {
+          if (node.source.value === '@atlaskit/datetime-picker') {
+            var _spec$imported;
+            return isNodeOfType(spec, 'ImportSpecifier') && [DATE_PICKER, DATETIME_PICKER].includes((_spec$imported = spec.imported) === null || _spec$imported === void 0 ? void 0 : _spec$imported.name);
+          }
+        });
+        datetimePickerIdentifier.forEach(identifier => {
+          const {
+            imported,
+            local
+          } = identifier;
+          contextLocalIdentifier.push(local.name);
+          contextImportedIdentifier.push(imported.name);
+        });
+      },
+      JSXElement(node) {
+        if (!isNodeOfType(node, 'JSXElement')) {
+          return;
+        }
+        if (!isNodeOfType(node.openingElement.name, 'JSXIdentifier')) {
+          return;
+        }
+        const name = node.openingElement.name.name;
+        const localIndex = contextLocalIdentifier.indexOf(name);
+
+        // If this component does not match what we're looking for, quit early
+        if (localIndex === -1) {
+          return;
+        }
+        const importedName = contextImportedIdentifier[localIndex];
+        if (importedName === DATE_PICKER) {
+          return datePickerJSXElement(node, context);
+        } else if (importedName === DATETIME_PICKER) {
+          return dateTimePickerJSXElement(node, context);
+        }
+      }
+    };
+  }
+});
+export default rule;

package/dist/es2019/rules/utils/get-deprecated-config.js

@@ -1,8 +1,19 @@
 import fs from 'fs';
 import path from 'path';
+import { deprecatedCore as deprecatedIconLabCore } from '@atlaskit/icon-lab/deprecated-map';
+import { deprecatedCore as deprecatedIconCore, deprecatedUtility as deprecatedIconUtility } from '@atlaskit/icon/deprecated-map';
 export const getConfig = specifier => {
   const configPath = path.resolve(__dirname, '..', '..', '..', 'configs', 'deprecated.json');
   const source = fs.readFileSync(configPath, 'utf8');
   const parsedConfig = JSON.parse(source);
-  return parsedConfig[specifier];
+  const combinedConfig = {
+    ...parsedConfig,
+    imports: {
+      ...parsedConfig.imports,
+      ...deprecatedIconCore,
+      ...deprecatedIconUtility,
+      ...deprecatedIconLabCore
+    }
+  };
+  return combinedConfig[specifier];
 };

package/dist/esm/ast-nodes/jsx-attribute.js

@@ -46,6 +46,14 @@ var HelperJSXAttribute = {
       };
     }
 
+    // handle `css={true}`
+    if (isNodeOfType(node.value, 'JSXExpressionContainer') && isNodeOfType(node.value.expression, 'Literal')) {
+      return {
+        type: 'ExpressionStatement Literal',
+        value: node.value.expression.value
+      };
+    }
+
     // handle `css='myStyles'`
     if (isNodeOfType(node.value, 'Literal') && node.value.value) {
       var _node$value$value;

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::838ffe48cf42aefaa64f561f5a912a5c>>
+ * @codegen <<SignedSource::72c978e91d268fe1463898bd263385bc>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 export default {
@@ -37,6 +37,7 @@ export default {
     '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': 'error',
     '@atlaskit/design-system/prefer-primitives': 'warn',
     '@atlaskit/design-system/use-button-group-label': 'warn',
+    '@atlaskit/design-system/use-datetime-picker-calendar-button': 'warn',
     '@atlaskit/design-system/use-drawer-label': 'warn',
     '@atlaskit/design-system/use-heading': 'warn',
     '@atlaskit/design-system/use-heading-level-in-spotlight-card': 'warn',

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::d52bbfc25021c62c92de1956f1673f30>>
+ * @codegen <<SignedSource::5bfdac53d9eb0cc8f885ce996861719e>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 export default {
@@ -36,6 +36,7 @@ export default {
     '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': 'error',
     '@atlaskit/design-system/prefer-primitives': 'warn',
     '@atlaskit/design-system/use-button-group-label': 'warn',
+    '@atlaskit/design-system/use-datetime-picker-calendar-button': 'warn',
     '@atlaskit/design-system/use-drawer-label': 'warn',
     '@atlaskit/design-system/use-heading': 'warn',
     '@atlaskit/design-system/use-heading-level-in-spotlight-card': 'warn',

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::a8a9e1542951e74387ce967be430c7f5>>
+ * @codegen <<SignedSource::2c1f5cd2494143a83d590243d7ebf539>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 export default {
@@ -26,6 +26,7 @@ export default {
     '@atlaskit/design-system/no-unsafe-style-overrides': 'warn',
     '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': 'error',
     '@atlaskit/design-system/use-button-group-label': 'warn',
+    '@atlaskit/design-system/use-datetime-picker-calendar-button': 'warn',
     '@atlaskit/design-system/use-drawer-label': 'warn',
     '@atlaskit/design-system/use-heading-level-in-spotlight-card': 'warn',
     '@atlaskit/design-system/use-href-in-link-item': '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::a5d8dbdad2b84370a6e6889312752a98>>
+ * @codegen <<SignedSource::9aeb2fd0b5bde21f6ef61b407d0d32ab>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 export default {
@@ -25,6 +25,7 @@ export default {
     '@atlaskit/design-system/no-unsafe-style-overrides': 'warn',
     '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': 'error',
     '@atlaskit/design-system/use-button-group-label': 'warn',
+    '@atlaskit/design-system/use-datetime-picker-calendar-button': 'warn',
     '@atlaskit/design-system/use-drawer-label': 'warn',
     '@atlaskit/design-system/use-heading-level-in-spotlight-card': 'warn',
     '@atlaskit/design-system/use-href-in-link-item': '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::4a19c51d51547e8f4e27f3785242c226>>
+ * @codegen <<SignedSource::50c700a7a1e85949b0e5136a8c576c72>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 import consistentCssPropUsage from './consistent-css-prop-usage';
@@ -34,6 +34,7 @@ import noUnsafeStyleOverrides from './no-unsafe-style-overrides';
 import noUnsupportedDragAndDropLibraries from './no-unsupported-drag-and-drop-libraries';
 import preferPrimitives from './prefer-primitives';
 import useButtonGroupLabel from './use-button-group-label';
+import useDatetimePickerCalendarButton from './use-datetime-picker-calendar-button';
 import useDrawerLabel from './use-drawer-label';
 import useHeading from './use-heading';
 import useHeadingLevelInSpotlightCard from './use-heading-level-in-spotlight-card';
@@ -81,6 +82,7 @@ export var rules = {
   'no-unsupported-drag-and-drop-libraries': noUnsupportedDragAndDropLibraries,
   'prefer-primitives': preferPrimitives,
   'use-button-group-label': useButtonGroupLabel,
+  'use-datetime-picker-calendar-button': useDatetimePickerCalendarButton,
   'use-drawer-label': useDrawerLabel,
   'use-heading': useHeading,
   'use-heading-level-in-spotlight-card': useHeadingLevelInSpotlightCard,