@atlaskit/datetime-picker 17.5.0 → 17.5.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/datetime-picker
 
+## 17.5.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 17.5.0
 
 ### Minor Changes

package/codemods/14.0.0-remove-duplicate-and-unused-props.tsx

@@ -409,7 +409,7 @@ function moveDateTimePickerProps(
 	});
 }
 
-export default function transformer(fileInfo: FileInfo, { jscodeshift: j }: API, options: Options) {
+export default function transformer(fileInfo: FileInfo, { jscodeshift: j }: API, options: Options): string {
 	const { source } = fileInfo;
 	const collection = j(source);
 

package/codemods/utils/helpers.tsx

@@ -19,7 +19,7 @@ export function hasImportDeclaration(
 	j: JSCodeshift,
 	collection: Collection<any>,
 	importPath: string,
-) {
+): boolean {
 	return getImportDeclarationCollection(j, collection, importPath).length > 0;
 }
 
@@ -27,13 +27,13 @@ export function getImportDeclarationCollection(
 	j: JSCodeshift,
 	collection: Collection<any>,
 	importPath: string,
-) {
+): Collection<ImportDeclaration> {
 	return collection
 		.find(j.ImportDeclaration)
 		.filter((importDeclarationPath) => importDeclarationPath.node.source.value === importPath);
 }
 
-export function hasDynamicImport(j: JSCodeshift, collection: Collection<any>, importPath: string) {
+export function hasDynamicImport(j: JSCodeshift, collection: Collection<any>, importPath: string): boolean {
 	return getDynamicImportCollection(j, collection, importPath).length > 0;
 }
 
@@ -41,7 +41,7 @@ export function getDynamicImportCollection(
 	j: JSCodeshift,
 	collection: Collection<any>,
 	importPath: string,
-) {
+): Collection<CallExpression> {
 	return collection.find(j.CallExpression).filter((callExpressionPath) => {
 		const { callee, arguments: callExpressionArguments } = callExpressionPath.node;
 
@@ -76,13 +76,13 @@ export function getImportSpecifierCollection(
 	j: JSCodeshift,
 	importDeclarationCollection: Collection<ImportDeclaration>,
 	importName: string,
-) {
+): Collection<ImportSpecifier> {
 	return importDeclarationCollection
 		.find(j.ImportSpecifier)
 		.filter((importSpecifierPath) => importSpecifierPath.node.imported.name === importName);
 }
 
-export function getImportSpecifierName(importSpecifierCollection: Collection<ImportSpecifier>) {
+export function getImportSpecifierName(importSpecifierCollection: Collection<ImportSpecifier>): string | null {
 	if (importSpecifierCollection.length === 0) {
 		return null;
 	}
@@ -94,7 +94,7 @@ export function isVariableDeclaratorIdentifierPresent(
 	j: JSCodeshift,
 	collection: Collection<any>,
 	variableName: string,
-) {
+): boolean {
 	return collection
 		.find(j.VariableDeclaration)
 		.find(j.VariableDeclarator)
@@ -109,7 +109,7 @@ export function isFunctionDeclarationIdentifierPresent(
 	j: JSCodeshift,
 	collection: Collection<any>,
 	variableName: string,
-) {
+): boolean {
 	return collection.find(j.FunctionDeclaration).some((functionDeclarationPath) => {
 		const { id } = functionDeclarationPath.node;
 
@@ -121,7 +121,7 @@ export function isClassDeclarationIdentifierPresent(
 	j: JSCodeshift,
 	collection: Collection<any>,
 	variableName: string,
-) {
+): boolean {
 	return collection.find(j.ClassDeclaration).some((classDeclarationPath) => {
 		const { id } = classDeclarationPath.node;
 
@@ -133,7 +133,7 @@ export function isImportDeclarationIdentifierPresent(
 	j: JSCodeshift,
 	collection: Collection<any>,
 	variableName: string,
-) {
+): boolean {
 	return collection
 		.find(j.ImportDeclaration)
 		.find(j.Identifier)
@@ -194,7 +194,7 @@ export function getJSXSpreadObjectExpressionAttributesByName(
 	j: JSCodeshift,
 	jsxElementPath: ASTPath<JSXElement>,
 	attributeName: string,
-) {
+): Collection<ObjectProperty> {
 	return j(jsxElementPath)
 		.find(j.JSXOpeningElement)
 		.find(j.JSXSpreadAttribute)
@@ -207,7 +207,7 @@ export function getJSXSpreadObjectExpressionAttributesByName(
 		);
 }
 
-export const createRemoveFuncFor =
+export const createRemoveFuncFor: (component: string, importName: string, prop: string, comment?: string) => (j: core.JSCodeshift, source: Collection<Node>) => void =
 	(component: string, importName: string, prop: string, comment?: string) =>
 	(j: core.JSCodeshift, source: Collection<Node>) => {
 		const specifier = getNamedSpecifier(j, source, component, importName);
@@ -226,7 +226,7 @@ export const createRemoveFuncFor =
 		});
 	};
 
-export const getJSXAttributeByName = (
+export const getJSXAttributeByName: (j: JSCodeshift, jsxElementPath: ASTPath<JSXElement>, attributeName: string) => JSXAttribute | undefined = (
 	j: JSCodeshift,
 	jsxElementPath: ASTPath<JSXElement>,
 	attributeName: string,
@@ -236,7 +236,7 @@ export const getJSXAttributeByName = (
 	return attributes?.find((attr) => attr.name && attr.name.name === attributeName);
 };
 
-export const addJSXAttributeToJSXElement = (
+export const addJSXAttributeToJSXElement: (j: JSCodeshift, jsxElementPath: ASTPath<JSXElement>, jsxAttribute: JSXAttribute) => void = (
 	j: JSCodeshift,
 	jsxElementPath: ASTPath<JSXElement>,
 	jsxAttribute: JSXAttribute,
@@ -248,7 +248,7 @@ export const addJSXAttributeToJSXElement = (
 		});
 };
 
-export const removeJSXAttributeByName = (
+export const removeJSXAttributeByName: (j: JSCodeshift, jsxElementPath: ASTPath<JSXElement>, attrName: string) => void = (
 	j: JSCodeshift,
 	jsxElementPath: ASTPath<JSXElement>,
 	attrName: string,
@@ -260,10 +260,10 @@ export const removeJSXAttributeByName = (
 	}
 };
 
-export const getJSXAttributes = (jsxElementPath: ASTPath<JSXElement>) =>
+export const getJSXAttributes: (jsxElementPath: ASTPath<JSXElement>) => JSXAttribute[] = (jsxElementPath: ASTPath<JSXElement>) =>
 	jsxElementPath.node.openingElement.attributes as JSXAttribute[];
 
-export const removeJSXAttributeObjectPropertyByName = (
+export const removeJSXAttributeObjectPropertyByName: (j: JSCodeshift, jsxElementPath: ASTPath<JSXElement>, attrName: string, propertyToRemove: string) => void = (
 	j: JSCodeshift,
 	jsxElementPath: ASTPath<JSXElement>,
 	attrName: string,

package/dist/esm/internal/fixed-layer-menu.js

@@ -10,7 +10,7 @@ import FixedLayer from '../internal/fixed-layer';
 /**
  * This is the fixed layer menu used in the time picker.
  */
-export var FixedLayerMenu = function FixedLayerMenu(_ref) {
+var FixedLayerMenu = function FixedLayerMenu(_ref) {
   var className = _ref.className,
     clearValue = _ref.clearValue,
     cx = _ref.cx,
@@ -67,4 +67,5 @@ export var FixedLayerMenu = function FixedLayerMenu(_ref) {
     ,
     testId: selectProps.testId
   });
-};
+};
+export { FixedLayerMenu };

package/dist/esm/internal/indicators-container.js

@@ -11,10 +11,11 @@ var styles = {
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
-export var IndicatorsContainer = function IndicatorsContainer(_ref) {
+var IndicatorsContainer = function IndicatorsContainer(_ref) {
   var showClearIndicator = _ref.showClearIndicator,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("div", {
     className: ax([showClearIndicator ? styles.calendarButtonInclusionStyles : styles.calendarButtonOnlyInclusionStyles])
   }, /*#__PURE__*/React.createElement(components.IndicatorsContainer, rest));
-};
+};
+export { IndicatorsContainer };

package/dist/types/components/date-time-picker-class.d.ts

@@ -52,24 +52,24 @@ export { DateTimePickerComponent as DateTimePickerWithoutAnalytics };
  * - [Usage](https://atlassian.design/components/datetime-picker/usage)
  */
 declare const DateTimePicker: React.ForwardRefExoticComponent<Omit<Omit<Pick<Omit<DateTimePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
-    id?: string | undefined;
-    name?: string | undefined;
-    value?: string | undefined;
+    appearance?: import("..").Appearance | undefined;
+    isDisabled?: boolean | undefined;
+    innerProps?: React.AllHTMLAttributes<HTMLElement> | undefined;
     defaultValue?: string | undefined;
     autoFocus?: boolean | undefined;
+    id?: string | undefined;
     'aria-describedby'?: string | undefined;
     onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onChange?: ((value: string) => void) | undefined;
-    appearance?: import("..").Appearance | undefined;
-    isDisabled?: boolean | undefined;
-    spacing?: import("..").Spacing | undefined;
+    value?: string | undefined;
+    name?: string | undefined;
     testId?: string | undefined;
     locale?: string | undefined;
-    innerProps?: React.AllHTMLAttributes<HTMLElement> | undefined;
-    isInvalid?: boolean | undefined;
     clearControlLabel?: string | undefined;
+    isInvalid?: boolean | undefined;
     isRequired?: boolean | undefined;
+    spacing?: import("..").Spacing | undefined;
     datePickerProps?: import("..").DatePickerProps | undefined;
     timePickerProps?: import("..").TimePickerProps | undefined;
     parseValue?: ((dateTimeValue: string, date: string, time: string, timezone: string) => {

package/dist/types/components/date-time-picker.d.ts

@@ -1,22 +1,22 @@
 declare const DateTimePicker: import("react").FC<Omit<Omit<import("..").DateTimePickerProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & Omit<Omit<Omit<Pick<Omit<import("..").DateTimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
-    id?: string | undefined;
-    name?: string | undefined;
-    value?: string | undefined;
+    appearance?: import("..").Appearance | undefined;
+    isDisabled?: boolean | undefined;
+    innerProps?: React.AllHTMLAttributes<HTMLElement> | undefined;
     defaultValue?: string | undefined;
     autoFocus?: boolean | undefined;
+    id?: string | undefined;
     'aria-describedby'?: string | undefined;
     onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onChange?: ((value: string) => void) | undefined;
-    appearance?: import("..").Appearance | undefined;
-    isDisabled?: boolean | undefined;
-    spacing?: import("..").Spacing | undefined;
+    value?: string | undefined;
+    name?: string | undefined;
     testId?: string | undefined;
     locale?: string | undefined;
-    innerProps?: React.AllHTMLAttributes<HTMLElement> | undefined;
-    isInvalid?: boolean | undefined;
     clearControlLabel?: string | undefined;
+    isInvalid?: boolean | undefined;
     isRequired?: boolean | undefined;
+    spacing?: import("..").Spacing | undefined;
     datePickerProps?: import("..").DatePickerProps | undefined;
     timePickerProps?: import("..").TimePickerProps | undefined;
     parseValue?: ((dateTimeValue: string, date: string, time: string, timezone: string) => {

package/dist/types-ts4.5/components/date-time-picker-class.d.ts

@@ -52,24 +52,24 @@ export { DateTimePickerComponent as DateTimePickerWithoutAnalytics };
  * - [Usage](https://atlassian.design/components/datetime-picker/usage)
  */
 declare const DateTimePicker: React.ForwardRefExoticComponent<Omit<Omit<Pick<Omit<DateTimePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
-    id?: string | undefined;
-    name?: string | undefined;
-    value?: string | undefined;
+    appearance?: import("..").Appearance | undefined;
+    isDisabled?: boolean | undefined;
+    innerProps?: React.AllHTMLAttributes<HTMLElement> | undefined;
     defaultValue?: string | undefined;
     autoFocus?: boolean | undefined;
+    id?: string | undefined;
     'aria-describedby'?: string | undefined;
     onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onChange?: ((value: string) => void) | undefined;
-    appearance?: import("..").Appearance | undefined;
-    isDisabled?: boolean | undefined;
-    spacing?: import("..").Spacing | undefined;
+    value?: string | undefined;
+    name?: string | undefined;
     testId?: string | undefined;
     locale?: string | undefined;
-    innerProps?: React.AllHTMLAttributes<HTMLElement> | undefined;
-    isInvalid?: boolean | undefined;
     clearControlLabel?: string | undefined;
+    isInvalid?: boolean | undefined;
     isRequired?: boolean | undefined;
+    spacing?: import("..").Spacing | undefined;
     datePickerProps?: import("..").DatePickerProps | undefined;
     timePickerProps?: import("..").TimePickerProps | undefined;
     parseValue?: ((dateTimeValue: string, date: string, time: string, timezone: string) => {

package/dist/types-ts4.5/components/date-time-picker.d.ts

@@ -1,22 +1,22 @@
 declare const DateTimePicker: import("react").FC<Omit<Omit<import("..").DateTimePickerProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & Omit<Omit<Omit<Pick<Omit<import("..").DateTimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
-    id?: string | undefined;
-    name?: string | undefined;
-    value?: string | undefined;
+    appearance?: import("..").Appearance | undefined;
+    isDisabled?: boolean | undefined;
+    innerProps?: React.AllHTMLAttributes<HTMLElement> | undefined;
     defaultValue?: string | undefined;
     autoFocus?: boolean | undefined;
+    id?: string | undefined;
     'aria-describedby'?: string | undefined;
     onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onChange?: ((value: string) => void) | undefined;
-    appearance?: import("..").Appearance | undefined;
-    isDisabled?: boolean | undefined;
-    spacing?: import("..").Spacing | undefined;
+    value?: string | undefined;
+    name?: string | undefined;
     testId?: string | undefined;
     locale?: string | undefined;
-    innerProps?: React.AllHTMLAttributes<HTMLElement> | undefined;
-    isInvalid?: boolean | undefined;
     clearControlLabel?: string | undefined;
+    isInvalid?: boolean | undefined;
     isRequired?: boolean | undefined;
+    spacing?: import("..").Spacing | undefined;
     datePickerProps?: import("..").DatePickerProps | undefined;
     timePickerProps?: import("..").TimePickerProps | undefined;
     parseValue?: ((dateTimeValue: string, date: string, time: string, timezone: string) => {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "17.5.0",
+	"version": "17.5.1",
 	"description": "A date time picker allows the user to select an associated date and time.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
 		"@atlaskit/calendar": "^17.2.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/ds-lib": "^5.3.0",
-		"@atlaskit/icon": "^30.0.0",
+		"@atlaskit/icon": "^31.0.0",
 		"@atlaskit/layering": "^3.6.0",
 		"@atlaskit/locale": "^3.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
@@ -60,7 +60,7 @@
 		"@atlaskit/codemod-utils": "^4.2.0",
 		"@atlaskit/docs": "^11.3.0",
 		"@atlaskit/form": "^15.3.0",
-		"@atlaskit/heading": "^5.2.0",
+		"@atlaskit/heading": "^5.3.0",
 		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/modal-dialog": "^14.10.0",
 		"@atlaskit/popup": "^4.13.0",