feat(Calendar): rename onClose prop to onDoneButtonClick

packages/codemods/src/transforms/v7/__testfixtures__/calendar/basic.input.tsx

@@ -0,0 +1,25 @@
+import { Calendar } from '@vkontakte/vkui';
+import React from 'react';
+
+const App = () => {
+  const callback = () => {}
+  return (
+    <React.Fragment>
+      <Calendar
+        onChange={() => {}}
+        enableTime={true}
+        disablePast={true}
+        disableFuture={true}
+        onClose={() => {}}
+      />
+
+      <Calendar
+        onChange={() => {}}
+        enableTime={true}
+        disablePast={true}
+        disableFuture={true}
+        onClose={callback}
+      />
+    </React.Fragment>
+  );
+};

packages/codemods/src/transforms/v7/__tests__/__snapshots__/calendar.ts.snap

@@ -0,0 +1,28 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`calendar transforms correctly 1`] = `
+"import { Calendar } from '@vkontakte/vkui';
+import React from 'react';
+
+const App = () => {
+  const callback = () => {}
+  return (
+    (<React.Fragment>
+      <Calendar
+        onChange={() => {}}
+        enableTime={true}
+        disablePast={true}
+        disableFuture={true}
+        onDoneButtonClick={() => {}}
+      />
+      <Calendar
+        onChange={() => {}}
+        enableTime={true}
+        disablePast={true}
+        disableFuture={true}
+        onDoneButtonClick={callback}
+      />
+    </React.Fragment>)
+  );
+};"
+`;

packages/codemods/src/transforms/v7/__tests__/calendar.ts

@@ -0,0 +1,12 @@
+jest.autoMockOff();
+
+import { defineSnapshotTestFromFixture } from '../../../testHelpers/testHelper';
+
+const name = 'calendar';
+const fixtures = ['basic'] as const;
+
+describe(name, () => {
+  fixtures.forEach((test) =>
+    defineSnapshotTestFromFixture(__dirname, name, global.TRANSFORM_OPTIONS, `${name}/${test}`),
+  );
+});

packages/codemods/src/transforms/v7/calendar.ts

@@ -0,0 +1,20 @@
+import { API, FileInfo } from 'jscodeshift';
+import { getImportInfo, renameProp } from '../../codemod-helpers';
+import { JSCodeShiftOptions } from '../../types';
+
+export const parser = 'tsx';
+
+export default function transformer(file: FileInfo, api: API, options: JSCodeShiftOptions) {
+  const { alias } = options;
+  const j = api.jscodeshift;
+  const source = j(file.source);
+  const { localName } = getImportInfo(j, file, 'Calendar', alias);
+
+  if (!localName) {
+    return source.toSource();
+  }
+
+  renameProp(j, source, localName, { onClose: 'onDoneButtonClick' });
+
+  return source.toSource();
+}

packages/vkui/src/components/Calendar/Calendar.tsx

@@ -54,7 +54,7 @@ export interface CalendarProps
    * Позволяет запретить выбор даты.
    */
   shouldDisableDate?: (value: Date) => boolean;
-  onClose?: () => void;
+  onDoneButtonClick?: () => void;
   /**
    * Дата отображаемого месяца.
    * При использовании обновление даты должно происходить вне компонента.
@@ -87,7 +87,7 @@ export const Calendar = ({
   disablePast,
   disableFuture,
   shouldDisableDate,
-  onClose,
+  onDoneButtonClick,
   enableTime = false,
   doneButtonText,
   weekStartsOn = 1,
@@ -231,7 +231,7 @@ export const Calendar = ({
           <CalendarTime
             value={value}
             onChange={onChange}
-            onClose={onClose}
+            onDoneButtonClick={onDoneButtonClick}
             doneButtonText={doneButtonText}
             changeHoursLabel={changeHoursLabel}
             changeMinutesLabel={changeMinutesLabel}

packages/vkui/src/components/CalendarTime/CalendarTime.tsx

@@ -13,7 +13,7 @@ export interface CalendarTimeProps {
   changeHoursLabel?: string;
   changeMinutesLabel?: string;
   onChange?: (value: Date) => void;
-  onClose?: () => void;
+  onDoneButtonClick?: () => void;
   isDayDisabled?: (day: Date, withTime?: boolean) => boolean;
 }
 
@@ -37,7 +37,7 @@ export const CalendarTime = ({
   value,
   doneButtonText = 'Готово',
   onChange,
-  onClose,
+  onDoneButtonClick,
   changeHoursLabel,
   changeMinutesLabel,
   isDayDisabled,
@@ -90,7 +90,7 @@ export const CalendarTime = ({
       </div>
       <div className={styles.button}>
         <AdaptivityProvider sizeY="compact">
-          <Button mode="secondary" onClick={onClose} size="l">
+          <Button mode="secondary" onClick={onDoneButtonClick} size="l">
             {doneButtonText}
           </Button>
         </AdaptivityProvider>

packages/vkui/src/components/DateInput/DateInput.tsx

@@ -320,7 +320,7 @@ export const DateInput = ({
             disablePast={disablePast}
             disableFuture={disableFuture}
             shouldDisableDate={shouldDisableDate}
-            onClose={removeFocusFromField}
+            onDoneButtonClick={removeFocusFromField}
             getRootRef={calendarRef}
             doneButtonText={doneButtonText}
             disablePickers={disablePickers}