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

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,

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

@@ -0,0 +1,181 @@
+// 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';
+var DATE_PICKER = 'DatePicker';
+var DATETIME_PICKER = 'DateTimePicker';
+var PROP_NAME = 'shouldShowCalendarButton';
+
+// Lint rule message
+var message = '`shouldShowCalendarButton` should be set to `true` to make date picker accessible.';
+
+// Fix messages
+export var addCalendarButtonProp = 'Add `shouldShowCalendarButton` prop.';
+export var setCalendarButtonPropToTrue = 'Set `shouldShowCalendarButton` prop to `true`.';
+export var addCalendarButtonProperty = 'Add `shouldShowCalendarButton: true` to `datePickerProps`.';
+export var setCalendarButtonPropertyToTrue = 'Set `shouldShowCalendarButton` property in `datePickerProps` to `true`.';
+var datePickerJSXElement = function datePickerJSXElement(node, context) {
+  var prop = JSXElementHelper.getAttributeByName(node, PROP_NAME);
+
+  // If the prop exists
+  if (prop) {
+    var 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: function fix(fixer) {
+            return [fixer.replaceText(prop, PROP_NAME)];
+          }
+        }]
+      });
+    }
+    // If the prop does not exist
+  } else {
+    return context.report({
+      node: node.openingElement,
+      messageId: 'datePickerMissingCalendarButtonProp',
+      suggest: [{
+        desc: addCalendarButtonProp,
+        fix: function fix(fixer) {
+          return [fixer.insertTextAfter(node.openingElement.name, " ".concat(PROP_NAME))];
+        }
+      }]
+    });
+  }
+};
+var dateTimePickerJSXElement = function dateTimePickerJSXElement(node, context) {
+  var _datePickerProp$value, _expression$propertie;
+  var 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: function fix(fixer) {
+          return [fixer.insertTextAfter(node.openingElement.name, " datePickerProps={{ ".concat(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.
+  var 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;
+  }
+  var prop = expression === null || expression === void 0 || (_expression$propertie = expression.properties) === null || _expression$propertie === void 0 ? void 0 : _expression$propertie.find(function (property) {
+    return 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: function 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], "".concat(PROP_NAME, ": true,"))];
+            // Else it's an empty object
+          } else {
+            return [fixer.replaceText(expression, "{ ".concat(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: function fix(fixer) {
+          return [fixer.replaceText(prop, "".concat(PROP_NAME, ": true,"))];
+        }
+      }]
+    });
+  }
+};
+var 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`, ".concat(message),
+      datePickerMissingCalendarButtonProp: message,
+      dateTimePickerCalendarButtonShouldBeShown: "In `datePickerProps`, ".concat(message),
+      datePickerCalendarButtonShouldBeShown: message
+    }
+  },
+  create: function create(context) {
+    // List of component's locally imported names that match
+    var contextLocalIdentifier = [];
+    var contextImportedIdentifier = [];
+    return {
+      // Only run rule in files where the package is imported
+      ImportDeclaration: function ImportDeclaration(node) {
+        var _node$specifiers;
+        var datetimePickerIdentifier = (_node$specifiers = node.specifiers) === null || _node$specifiers === void 0 ? void 0 : _node$specifiers.filter(function (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(function (identifier) {
+          var imported = identifier.imported,
+            local = identifier.local;
+          contextLocalIdentifier.push(local.name);
+          contextImportedIdentifier.push(imported.name);
+        });
+      },
+      JSXElement: function JSXElement(node) {
+        if (!isNodeOfType(node, 'JSXElement')) {
+          return;
+        }
+        if (!isNodeOfType(node.openingElement.name, 'JSXIdentifier')) {
+          return;
+        }
+        var name = node.openingElement.name.name;
+        var localIndex = contextLocalIdentifier.indexOf(name);
+
+        // If this component does not match what we're looking for, quit early
+        if (localIndex === -1) {
+          return;
+        }
+        var 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/types/ast-nodes/jsx-attribute.d.ts

@@ -18,6 +18,9 @@ declare const HelperJSXAttribute: {
     getValue(node: JSXAttribute): {
         type: 'ExpressionStatement';
         value: string;
+    } | {
+        type: 'ExpressionStatement Literal';
+        value: string | number | bigint | boolean | RegExp | null | undefined;
     } | {
         type: 'Literal';
         value: string;

package/dist/types/index.codegen.d.ts

@@ -39,6 +39,7 @@ export declare const plugin: {
         'no-unsupported-drag-and-drop-libraries': import("eslint").Rule.RuleModule;
         'prefer-primitives': import("eslint").Rule.RuleModule;
         'use-button-group-label': import("eslint").Rule.RuleModule;
+        'use-datetime-picker-calendar-button': import("eslint").Rule.RuleModule;
         'use-drawer-label': import("eslint").Rule.RuleModule;
         'use-heading': import("eslint").Rule.RuleModule;
         'use-heading-level-in-spotlight-card': import("eslint").Rule.RuleModule;
@@ -89,6 +90,7 @@ export declare const plugin: {
                 readonly '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
                 readonly '@atlaskit/design-system/prefer-primitives': "warn";
                 readonly '@atlaskit/design-system/use-button-group-label': "warn";
+                readonly '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
                 readonly '@atlaskit/design-system/use-drawer-label': "warn";
                 readonly '@atlaskit/design-system/use-heading': "warn";
                 readonly '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";
@@ -141,6 +143,7 @@ export declare const plugin: {
                 readonly '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
                 readonly '@atlaskit/design-system/prefer-primitives': "warn";
                 readonly '@atlaskit/design-system/use-button-group-label': "warn";
+                readonly '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
                 readonly '@atlaskit/design-system/use-drawer-label': "warn";
                 readonly '@atlaskit/design-system/use-heading': "warn";
                 readonly '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";
@@ -180,6 +183,7 @@ export declare const plugin: {
                 readonly '@atlaskit/design-system/no-unsafe-style-overrides': "warn";
                 readonly '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
                 readonly '@atlaskit/design-system/use-button-group-label': "warn";
+                readonly '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
                 readonly '@atlaskit/design-system/use-drawer-label': "warn";
                 readonly '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";
                 readonly '@atlaskit/design-system/use-href-in-link-item': "warn";
@@ -216,6 +220,7 @@ export declare const plugin: {
                 readonly '@atlaskit/design-system/no-unsafe-style-overrides': "warn";
                 readonly '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
                 readonly '@atlaskit/design-system/use-button-group-label': "warn";
+                readonly '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
                 readonly '@atlaskit/design-system/use-drawer-label': "warn";
                 readonly '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";
                 readonly '@atlaskit/design-system/use-href-in-link-item': "warn";
@@ -265,6 +270,7 @@ export declare const configs: {
             readonly '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
             readonly '@atlaskit/design-system/prefer-primitives': "warn";
             readonly '@atlaskit/design-system/use-button-group-label': "warn";
+            readonly '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
             readonly '@atlaskit/design-system/use-drawer-label': "warn";
             readonly '@atlaskit/design-system/use-heading': "warn";
             readonly '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";
@@ -325,6 +331,7 @@ export declare const configs: {
                     'no-unsupported-drag-and-drop-libraries': import("eslint").Rule.RuleModule;
                     'prefer-primitives': import("eslint").Rule.RuleModule;
                     'use-button-group-label': import("eslint").Rule.RuleModule;
+                    'use-datetime-picker-calendar-button': import("eslint").Rule.RuleModule;
                     'use-drawer-label': import("eslint").Rule.RuleModule;
                     'use-heading': import("eslint").Rule.RuleModule;
                     'use-heading-level-in-spotlight-card': import("eslint").Rule.RuleModule;
@@ -375,6 +382,7 @@ export declare const configs: {
             readonly '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
             readonly '@atlaskit/design-system/prefer-primitives': "warn";
             readonly '@atlaskit/design-system/use-button-group-label': "warn";
+            readonly '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
             readonly '@atlaskit/design-system/use-drawer-label': "warn";
             readonly '@atlaskit/design-system/use-heading': "warn";
             readonly '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";
@@ -414,6 +422,7 @@ export declare const configs: {
             readonly '@atlaskit/design-system/no-unsafe-style-overrides': "warn";
             readonly '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
             readonly '@atlaskit/design-system/use-button-group-label': "warn";
+            readonly '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
             readonly '@atlaskit/design-system/use-drawer-label': "warn";
             readonly '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";
             readonly '@atlaskit/design-system/use-href-in-link-item': "warn";
@@ -469,6 +478,7 @@ export declare const configs: {
                     'no-unsupported-drag-and-drop-libraries': import("eslint").Rule.RuleModule;
                     'prefer-primitives': import("eslint").Rule.RuleModule;
                     'use-button-group-label': import("eslint").Rule.RuleModule;
+                    'use-datetime-picker-calendar-button': import("eslint").Rule.RuleModule;
                     'use-drawer-label': import("eslint").Rule.RuleModule;
                     'use-heading': import("eslint").Rule.RuleModule;
                     'use-heading-level-in-spotlight-card': import("eslint").Rule.RuleModule;
@@ -508,6 +518,7 @@ export declare const configs: {
             readonly '@atlaskit/design-system/no-unsafe-style-overrides': "warn";
             readonly '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
             readonly '@atlaskit/design-system/use-button-group-label': "warn";
+            readonly '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
             readonly '@atlaskit/design-system/use-drawer-label': "warn";
             readonly '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";
             readonly '@atlaskit/design-system/use-href-in-link-item': "warn";

package/dist/types/presets/all-flat.codegen.d.ts

@@ -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
  */
 declare const _default: {
@@ -36,6 +36,7 @@ declare const _default: {
         readonly '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
         readonly '@atlaskit/design-system/prefer-primitives': "warn";
         readonly '@atlaskit/design-system/use-button-group-label': "warn";
+        readonly '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
         readonly '@atlaskit/design-system/use-drawer-label': "warn";
         readonly '@atlaskit/design-system/use-heading': "warn";
         readonly '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";

package/dist/types/presets/all.codegen.d.ts

@@ -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
  */
 declare const _default: {
@@ -36,6 +36,7 @@ declare const _default: {
         readonly '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
         readonly '@atlaskit/design-system/prefer-primitives': "warn";
         readonly '@atlaskit/design-system/use-button-group-label': "warn";
+        readonly '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
         readonly '@atlaskit/design-system/use-drawer-label': "warn";
         readonly '@atlaskit/design-system/use-heading': "warn";
         readonly '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";

package/dist/types/presets/recommended-flat.codegen.d.ts

@@ -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
  */
 declare const _default: {
@@ -25,6 +25,7 @@ declare const _default: {
         readonly '@atlaskit/design-system/no-unsafe-style-overrides': "warn";
         readonly '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
         readonly '@atlaskit/design-system/use-button-group-label': "warn";
+        readonly '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
         readonly '@atlaskit/design-system/use-drawer-label': "warn";
         readonly '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";
         readonly '@atlaskit/design-system/use-href-in-link-item': "warn";

package/dist/types/presets/recommended.codegen.d.ts

@@ -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
  */
 declare const _default: {
@@ -25,6 +25,7 @@ declare const _default: {
         readonly '@atlaskit/design-system/no-unsafe-style-overrides': "warn";
         readonly '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
         readonly '@atlaskit/design-system/use-button-group-label': "warn";
+        readonly '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
         readonly '@atlaskit/design-system/use-drawer-label': "warn";
         readonly '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";
         readonly '@atlaskit/design-system/use-href-in-link-item': "warn";

package/dist/types/rules/index.codegen.d.ts

@@ -34,6 +34,7 @@ export declare const rules: {
     'no-unsupported-drag-and-drop-libraries': import("eslint").Rule.RuleModule;
     'prefer-primitives': import("eslint").Rule.RuleModule;
     'use-button-group-label': import("eslint").Rule.RuleModule;
+    'use-datetime-picker-calendar-button': import("eslint").Rule.RuleModule;
     'use-drawer-label': import("eslint").Rule.RuleModule;
     'use-heading': import("eslint").Rule.RuleModule;
     'use-heading-level-in-spotlight-card': import("eslint").Rule.RuleModule;

package/dist/types/rules/use-datetime-picker-calendar-button/index.d.ts

@@ -0,0 +1,7 @@
+import type { Rule } from 'eslint';
+export declare const addCalendarButtonProp = "Add `shouldShowCalendarButton` prop.";
+export declare const setCalendarButtonPropToTrue = "Set `shouldShowCalendarButton` prop to `true`.";
+export declare const addCalendarButtonProperty = "Add `shouldShowCalendarButton: true` to `datePickerProps`.";
+export declare const setCalendarButtonPropertyToTrue = "Set `shouldShowCalendarButton` property in `datePickerProps` to `true`.";
+declare const rule: Rule.RuleModule;
+export default rule;

package/dist/types-ts4.5/ast-nodes/jsx-attribute.d.ts

@@ -18,6 +18,9 @@ declare const HelperJSXAttribute: {
     getValue(node: JSXAttribute): {
         type: 'ExpressionStatement';
         value: string;
+    } | {
+        type: 'ExpressionStatement Literal';
+        value: string | number | bigint | boolean | RegExp | null | undefined;
     } | {
         type: 'Literal';
         value: string;

package/dist/types-ts4.5/index.codegen.d.ts

@@ -43,6 +43,7 @@ export declare const plugin: {
         'no-unsupported-drag-and-drop-libraries': import("eslint").Rule.RuleModule;
         'prefer-primitives': import("eslint").Rule.RuleModule;
         'use-button-group-label': import("eslint").Rule.RuleModule;
+        'use-datetime-picker-calendar-button': import("eslint").Rule.RuleModule;
         'use-drawer-label': import("eslint").Rule.RuleModule;
         'use-heading': import("eslint").Rule.RuleModule;
         'use-heading-level-in-spotlight-card': import("eslint").Rule.RuleModule;
@@ -103,6 +104,7 @@ export declare const plugin: {
                 readonly '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
                 readonly '@atlaskit/design-system/prefer-primitives': "warn";
                 readonly '@atlaskit/design-system/use-button-group-label': "warn";
+                readonly '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
                 readonly '@atlaskit/design-system/use-drawer-label': "warn";
                 readonly '@atlaskit/design-system/use-heading': "warn";
                 readonly '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";
@@ -163,6 +165,7 @@ export declare const plugin: {
                 readonly '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
                 readonly '@atlaskit/design-system/prefer-primitives': "warn";
                 readonly '@atlaskit/design-system/use-button-group-label': "warn";
+                readonly '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
                 readonly '@atlaskit/design-system/use-drawer-label': "warn";
                 readonly '@atlaskit/design-system/use-heading': "warn";
                 readonly '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";
@@ -212,6 +215,7 @@ export declare const plugin: {
                 readonly '@atlaskit/design-system/no-unsafe-style-overrides': "warn";
                 readonly '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
                 readonly '@atlaskit/design-system/use-button-group-label': "warn";
+                readonly '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
                 readonly '@atlaskit/design-system/use-drawer-label': "warn";
                 readonly '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";
                 readonly '@atlaskit/design-system/use-href-in-link-item': "warn";
@@ -256,6 +260,7 @@ export declare const plugin: {
                 readonly '@atlaskit/design-system/no-unsafe-style-overrides': "warn";
                 readonly '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
                 readonly '@atlaskit/design-system/use-button-group-label': "warn";
+                readonly '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
                 readonly '@atlaskit/design-system/use-drawer-label': "warn";
                 readonly '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";
                 readonly '@atlaskit/design-system/use-href-in-link-item': "warn";
@@ -315,6 +320,7 @@ export declare const configs: {
             readonly '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
             readonly '@atlaskit/design-system/prefer-primitives': "warn";
             readonly '@atlaskit/design-system/use-button-group-label': "warn";
+            readonly '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
             readonly '@atlaskit/design-system/use-drawer-label': "warn";
             readonly '@atlaskit/design-system/use-heading': "warn";
             readonly '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";
@@ -379,6 +385,7 @@ export declare const configs: {
                     'no-unsupported-drag-and-drop-libraries': import("eslint").Rule.RuleModule;
                     'prefer-primitives': import("eslint").Rule.RuleModule;
                     'use-button-group-label': import("eslint").Rule.RuleModule;
+                    'use-datetime-picker-calendar-button': import("eslint").Rule.RuleModule;
                     'use-drawer-label': import("eslint").Rule.RuleModule;
                     'use-heading': import("eslint").Rule.RuleModule;
                     'use-heading-level-in-spotlight-card': import("eslint").Rule.RuleModule;
@@ -437,6 +444,7 @@ export declare const configs: {
             readonly '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
             readonly '@atlaskit/design-system/prefer-primitives': "warn";
             readonly '@atlaskit/design-system/use-button-group-label': "warn";
+            readonly '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
             readonly '@atlaskit/design-system/use-drawer-label': "warn";
             readonly '@atlaskit/design-system/use-heading': "warn";
             readonly '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";
@@ -486,6 +494,7 @@ export declare const configs: {
             readonly '@atlaskit/design-system/no-unsafe-style-overrides': "warn";
             readonly '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
             readonly '@atlaskit/design-system/use-button-group-label': "warn";
+            readonly '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
             readonly '@atlaskit/design-system/use-drawer-label': "warn";
             readonly '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";
             readonly '@atlaskit/design-system/use-href-in-link-item': "warn";
@@ -545,6 +554,7 @@ export declare const configs: {
                     'no-unsupported-drag-and-drop-libraries': import("eslint").Rule.RuleModule;
                     'prefer-primitives': import("eslint").Rule.RuleModule;
                     'use-button-group-label': import("eslint").Rule.RuleModule;
+                    'use-datetime-picker-calendar-button': import("eslint").Rule.RuleModule;
                     'use-drawer-label': import("eslint").Rule.RuleModule;
                     'use-heading': import("eslint").Rule.RuleModule;
                     'use-heading-level-in-spotlight-card': import("eslint").Rule.RuleModule;
@@ -592,6 +602,7 @@ export declare const configs: {
             readonly '@atlaskit/design-system/no-unsafe-style-overrides': "warn";
             readonly '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
             readonly '@atlaskit/design-system/use-button-group-label': "warn";
+            readonly '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
             readonly '@atlaskit/design-system/use-drawer-label': "warn";
             readonly '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";
             readonly '@atlaskit/design-system/use-href-in-link-item': "warn";

package/dist/types-ts4.5/presets/all-flat.codegen.d.ts

@@ -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
  */
 declare const _default: {
@@ -44,6 +44,7 @@ declare const _default: {
         readonly '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
         readonly '@atlaskit/design-system/prefer-primitives': "warn";
         readonly '@atlaskit/design-system/use-button-group-label': "warn";
+        readonly '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
         readonly '@atlaskit/design-system/use-drawer-label': "warn";
         readonly '@atlaskit/design-system/use-heading': "warn";
         readonly '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";

package/dist/types-ts4.5/presets/all.codegen.d.ts

@@ -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
  */
 declare const _default: {
@@ -46,6 +46,7 @@ declare const _default: {
         readonly '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
         readonly '@atlaskit/design-system/prefer-primitives': "warn";
         readonly '@atlaskit/design-system/use-button-group-label': "warn";
+        readonly '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
         readonly '@atlaskit/design-system/use-drawer-label': "warn";
         readonly '@atlaskit/design-system/use-heading': "warn";
         readonly '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";

package/dist/types-ts4.5/presets/recommended-flat.codegen.d.ts

@@ -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
  */
 declare const _default: {
@@ -33,6 +33,7 @@ declare const _default: {
         readonly '@atlaskit/design-system/no-unsafe-style-overrides': "warn";
         readonly '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
         readonly '@atlaskit/design-system/use-button-group-label': "warn";
+        readonly '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
         readonly '@atlaskit/design-system/use-drawer-label': "warn";
         readonly '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";
         readonly '@atlaskit/design-system/use-href-in-link-item': "warn";

package/dist/types-ts4.5/presets/recommended.codegen.d.ts

@@ -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
  */
 declare const _default: {
@@ -35,6 +35,7 @@ declare const _default: {
         readonly '@atlaskit/design-system/no-unsafe-style-overrides': "warn";
         readonly '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
         readonly '@atlaskit/design-system/use-button-group-label': "warn";
+        readonly '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
         readonly '@atlaskit/design-system/use-drawer-label': "warn";
         readonly '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";
         readonly '@atlaskit/design-system/use-href-in-link-item': "warn";

package/dist/types-ts4.5/rules/index.codegen.d.ts

@@ -38,6 +38,7 @@ export declare const rules: {
     'no-unsupported-drag-and-drop-libraries': import("eslint").Rule.RuleModule;
     'prefer-primitives': import("eslint").Rule.RuleModule;
     'use-button-group-label': import("eslint").Rule.RuleModule;
+    'use-datetime-picker-calendar-button': import("eslint").Rule.RuleModule;
     'use-drawer-label': import("eslint").Rule.RuleModule;
     'use-heading': import("eslint").Rule.RuleModule;
     'use-heading-level-in-spotlight-card': import("eslint").Rule.RuleModule;

package/dist/types-ts4.5/rules/use-datetime-picker-calendar-button/index.d.ts

@@ -0,0 +1,7 @@
+import type { Rule } from 'eslint';
+export declare const addCalendarButtonProp = "Add `shouldShowCalendarButton` prop.";
+export declare const setCalendarButtonPropToTrue = "Set `shouldShowCalendarButton` prop to `true`.";
+export declare const addCalendarButtonProperty = "Add `shouldShowCalendarButton: true` to `datePickerProps`.";
+export declare const setCalendarButtonPropertyToTrue = "Set `shouldShowCalendarButton` property in `datePickerProps` to `true`.";
+declare const rule: Rule.RuleModule;
+export default rule;