@atlaskit/datetime-picker 17.6.5 → 17.8.0

package/dist/es2019/internal/get-placeholder.js

@@ -0,0 +1,28 @@
+/**
+ * Everything in this file is to smooth out the migration of the new date picker
+ * (https://product-fabric.atlassian.net/browse/DSP-20682). When that ticket is
+ * complete, all of these functions will ilkely be merged back into the date
+ * picker. Please do not pre-optimize and put these back into the date picker
+ * unless you are working on the DTP Refresh and you have a good reason to do
+ * so, thank you!
+ *
+ * All variables within the `di` objects are dependency injections. They should
+ * be read from within the component at the end of the day. But because we are
+ * extracting them, we have to inject them in every place manually. When we
+ * re-introduce them to the components, we can likely remove the `di` variables
+ * and instead use internal variables.
+ *
+ * If component _only_ has injected variables, it is fully internal and was
+ * broken out to be it's own function.
+ */
+
+// oxlint-disable-next-line @atlassian/no-restricted-imports
+
+import { placeholderDatetime } from './placeholder-date-time';
+export const getPlaceholder = di => {
+  const {
+    placeholder,
+    l10n
+  } = di;
+  return placeholder || l10n.formatDate(placeholderDatetime);
+};

package/dist/es2019/internal/get-safe-calendar-value.js

@@ -0,0 +1,11 @@
+// oxlint-disable-next-line @atlassian/no-restricted-imports
+import { getShortISOString } from './get-short-iso-string';
+export function getSafeCalendarValue(calendarValue) {
+  // If `calendarValue` has a year that is greater than 9999, default to
+  // today's date
+  const yearIsOverLimit = calendarValue.match(/^\d{5,}/);
+  if (yearIsOverLimit) {
+    return getShortISOString(new Date());
+  }
+  return calendarValue;
+}

package/dist/es2019/internal/get-short-iso-string.js

@@ -0,0 +1,6 @@
+// oxlint-disable-next-line @atlassian/no-restricted-imports
+import { format } from 'date-fns';
+import { convertTokens } from './parse-tokens';
+export function getShortISOString(date) {
+  return format(date, convertTokens('YYYY-MM-DD'));
+}

package/dist/es2019/internal/is-date-disabled.js

@@ -0,0 +1,25 @@
+/**
+ * Everything in this file is to smooth out the migration of the new date picker
+ * (https://product-fabric.atlassian.net/browse/DSP-20682). When that ticket is
+ * complete, all of these functions will ilkely be merged back into the date
+ * picker. Please do not pre-optimize and put these back into the date picker
+ * unless you are working on the DTP Refresh and you have a good reason to do
+ * so, thank you!
+ *
+ * All variables within the `di` objects are dependency injections. They should
+ * be read from within the component at the end of the day. But because we are
+ * extracting them, we have to inject them in every place manually. When we
+ * re-introduce them to the components, we can likely remove the `di` variables
+ * and instead use internal variables.
+ *
+ * If component _only_ has injected variables, it is fully internal and was
+ * broken out to be it's own function.
+ */
+
+// oxlint-disable-next-line @atlassian/no-restricted-imports
+export const isDateDisabled = (date, di) => {
+  const {
+    disabled
+  } = di;
+  return disabled.indexOf(date) > -1;
+};

package/dist/es2019/internal/is-valid.js

@@ -0,0 +1,33 @@
+export function isValid(timeString) {
+  /**
+   * Regex match for `12:34`, `12:34:56`, `1:23:56 p`, `1:23:56PM`, and a bit more…
+   */
+  const time = timeString.trim().match(/([012]?[\d])(?::([0-5][\d]))?(?::([0-5][\d]))?\s*([ap]m?)?/i);
+
+  /**
+   * Regex match for `1234`, `12:34`, `12.34`, `123456`, `12:34:56`, `12.34.56`
+   */
+  const time24hr = timeString.trim().match(/([012][\d])[:.]?([0-5][\d])([:.]?([0-5][\d]))?/);
+
+  /**
+   * Convert `2:34:56 pm` down to `23456`
+   */
+  const num = timeString.replace(/[^0-9]/g, '');
+  const includesSeconds = time && time[1] !== undefined && time[2] !== undefined && time[3] !== undefined || time24hr && time24hr[1] !== undefined && time24hr[2] !== undefined && time24hr[4] !== undefined;
+  if (!time && !time24hr) {
+    return false;
+  }
+  if (time && !time[1]) {
+    return false;
+  }
+  if (num.length > 6) {
+    return false;
+  }
+  if (num.length > 4 && !includesSeconds) {
+    return false;
+  }
+  if (num.length === 2 && parseInt(num, 10) > 12) {
+    return false;
+  }
+  return true;
+}

package/dist/es2019/internal/pad-two.js

@@ -0,0 +1,3 @@
+export function padToTwo(number) {
+  return number <= 99 ? `0${number}`.slice(-2) : `${number}`;
+}

package/dist/es2019/internal/parse-date.js

@@ -1,22 +1,37 @@
-// oxlint-disable-next-line @atlassian/no-restricted-imports
-import { format } from 'date-fns';
-import { convertTokens } from './parse-tokens';
-
 /**
- * Converts a Date object into an ISO date, formatted `YYYY-MM-DD`.
+ * Everything in this file is to smooth out the migration of the new date picker
+ * (https://product-fabric.atlassian.net/browse/DSP-20682). When that ticket is
+ * complete, all of these functions will ilkely be merged back into the date
+ * picker. Please do not pre-optimize and put these back into the date picker
+ * unless you are working on the DTP Refresh and you have a good reason to do
+ * so, thank you!
+ *
+ * All variables within the `di` objects are dependency injections. They should
+ * be read from within the component at the end of the day. But because we are
+ * extracting them, we have to inject them in every place manually. When we
+ * re-introduce them to the components, we can likely remove the `di` variables
+ * and instead use internal variables.
  *
- * @param date The date to convert.
- * @returns An ISO date (`YYYY-MM-DD`).
+ * If component _only_ has injected variables, it is fully internal and was
+ * broken out to be it's own function.
+ */
+
+import { defaultDateFormat } from './default-date-format';
+
+/**
+ * There are two props that can change how the date is parsed.
+ * The priority of props used is:
+ *   1. `parseInputValue`
+ *   2. `locale`
  */
-export function getShortISOString(date) {
-  return format(date, convertTokens('YYYY-MM-DD'));
-}
-export function getSafeCalendarValue(calendarValue) {
-  // If `calendarValue` has a year that is greater than 9999, default to
-  // today's date
-  const yearIsOverLimit = calendarValue.match(/^\d{5,}/);
-  if (yearIsOverLimit) {
-    return getShortISOString(new Date());
+export const parseDate = (date, di) => {
+  const {
+    parseInputValue,
+    dateFormat,
+    l10n
+  } = di;
+  if (parseInputValue) {
+    return parseInputValue(date, dateFormat || defaultDateFormat);
   }
-  return calendarValue;
-}
+  return l10n.parseDate(date);
+};

package/dist/es2019/internal/parse-time.js

@@ -1,99 +1,6 @@
-const map24 = {
-  '12': '12',
-  '01': '13',
-  '02': '14',
-  '03': '15',
-  '04': '16',
-  '05': '17',
-  '06': '18',
-  '07': '19',
-  '08': '20',
-  '09': '21',
-  '10': '22',
-  '11': '23'
-};
-export function isValid(timeString) {
-  /**
-   * Regex match for `12:34`, `12:34:56`, `1:23:56 p`, `1:23:56PM`, and a bit more…
-   */
-  const time = timeString.trim().match(/([012]?[\d])(?::([0-5][\d]))?(?::([0-5][\d]))?\s*([ap]m?)?/i);
-
-  /**
-   * Regex match for `1234`, `12:34`, `12.34`, `123456`, `12:34:56`, `12.34.56`
-   */
-  const time24hr = timeString.trim().match(/([012][\d])[:.]?([0-5][\d])([:.]?([0-5][\d]))?/);
-
-  /**
-   * Convert `2:34:56 pm` down to `23456`
-   */
-  const num = timeString.replace(/[^0-9]/g, '');
-  const includesSeconds = time && time[1] !== undefined && time[2] !== undefined && time[3] !== undefined || time24hr && time24hr[1] !== undefined && time24hr[2] !== undefined && time24hr[4] !== undefined;
-  if (!time && !time24hr) {
-    return false;
-  }
-  if (time && !time[1]) {
-    return false;
-  }
-  if (num.length > 6) {
-    return false;
-  }
-  if (num.length > 4 && !includesSeconds) {
-    return false;
-  }
-  if (num.length === 2 && parseInt(num, 10) > 12) {
-    return false;
-  }
-  return true;
-}
-export function removeSpacer(time) {
-  return time.replace(/[:.]/g, '');
-}
-function formatSemi24(time) {
-  if (time.length === 1) {
-    return `0${time}00`;
-  }
-  if (time.length === 2) {
-    return `${time}00`;
-  }
-  if (time.length === 3 || time.length === 5) {
-    return `0${time}`;
-  }
-  return time;
-}
-function checkHour(hour, meridiem) {
-  if (hour > '24') {
-    return null;
-  }
-  if (hour === '12' && meridiem === 'a') {
-    return '00';
-  }
-  if (hour < '12' && meridiem === 'p') {
-    return map24[hour];
-  }
-  return hour;
-}
-function checkMinuteSecond(value) {
-  if (value > '59') {
-    return null;
-  }
-  return value;
-}
-export function convertTo24hrTime(time) {
-  const timeArray = time.toLowerCase().split(/(p|a)/i);
-  const meridiem = timeArray[1];
-  const semi24 = formatSemi24(timeArray[0].trim());
-  const hour = checkHour(semi24.substring(0, 2), meridiem);
-  const minute = checkMinuteSecond(semi24.substring(2, 4));
-  const seconds = semi24.length === 6 && checkMinuteSecond(semi24.substring(4, 6));
-  if (!hour || !minute) {
-    return null;
-  }
-  return {
-    hour: parseInt(hour, 10),
-    minute: parseInt(minute, 10),
-    seconds: parseInt(seconds || '0', 10) || 0
-  };
-}
+import { convertTo24hrTime } from './convert-to24hr-time';
+import { isValid } from './is-valid';
+import { removeSpacer } from './remove-spacer';
 function assignToDate(time) {
   const dateTime = new Date();
   dateTime.setHours(time.hour);

package/dist/es2019/internal/placeholder-date-time.js

@@ -0,0 +1,3 @@
+// This date was chosen to clearly show date and time formats (day > 12)
+// e.g. 18/02/1993 vs. 2/18/1993 and 1:00 PM vs 13:00
+export const placeholderDatetime = new Date(1993, 1, 18, 13);

package/dist/es2019/internal/remove-spacer.js

@@ -0,0 +1,3 @@
+export function removeSpacer(time) {
+  return time.replace(/[:.]/g, '');
+}

package/dist/esm/components/date-picker.js

@@ -23,14 +23,19 @@ import CalendarIcon from '@atlaskit/icon/core/calendar';
 import { createLocalizationProvider } from '@atlaskit/locale';
 import { Box } from '@atlaskit/primitives/compiled';
 import Select, { mergeStyles } from '@atlaskit/select';
-import { EmptyComponent } from '../internal';
-import { formatDate, getParsedISO, getPlaceholder, isDateDisabled, parseDate } from '../internal/date-picker-migration';
+import { EmptyComponent } from '../internal/empty-component';
+import { formatDate } from '../internal/format-date';
+import { getParsedISO } from '../internal/get-parsed-iso';
+import { getPlaceholder } from '../internal/get-placeholder';
+import { getSafeCalendarValue } from '../internal/get-safe-calendar-value';
+import { getShortISOString } from '../internal/get-short-iso-string';
 import { IndicatorsContainer as _IndicatorsContainer } from '../internal/indicators-container';
+import { isDateDisabled } from '../internal/is-date-disabled';
 import { Menu } from '../internal/menu';
-import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
+import { parseDate } from '../internal/parse-date';
 import { makeSingleValue } from '../internal/single-value';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "17.6.5";
+var packageVersion = "17.7.0";
 var styles = {
   pickerContainerStyle: "_kqswh2mm",
   dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",

package/dist/esm/components/date-time-picker-class.js

@@ -19,13 +19,13 @@ import { format, isValid, parseISO } from 'date-fns';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
 import SelectClearIcon from '@atlaskit/icon/core/cross-circle';
 import { mergeStyles } from '@atlaskit/select';
-import { formatDateTimeZoneIntoIso } from '../internal';
 import { DateTimePickerContainer } from '../internal/date-time-picker-container';
+import { formatDateTimeZoneIntoIso } from '../internal/format-date-time-zone-into-iso';
 import { convertTokens } from '../internal/parse-tokens';
 import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "17.6.5";
+var packageVersion = "17.7.0";
 var compiledStyles = {
   datePickerContainerStyles: "_i0dl1ssb _16jlkb7n _1o9zidpf",
   timePickerContainerStyles: "_i0dl1ssb _16jlkb7n",
@@ -58,8 +58,6 @@ var dateTimePickerDefaultProps = {
   // Not including a default prop for value as it will
   // Make the component a controlled component
 };
-export var datePickerDefaultAriaLabel = 'Date';
-export var timePickerDefaultAriaLabel = 'Time';
 
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var DateTimePickerComponent = /*#__PURE__*/function (_React$Component) {
@@ -266,13 +264,13 @@ var DateTimePickerComponent = /*#__PURE__*/function (_React$Component) {
       var timeValue = parsedValues === null || parsedValues === void 0 ? void 0 : parsedValues.timeValue;
       var datePickerSelectProps = datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.selectProps;
       var datePickerAriaDescribedBy = datePickerProps['aria-describedby'] || ariaDescribedBy;
-      var datePickerLabel = datePickerProps.label || datePickerDefaultAriaLabel;
+      var datePickerLabel = datePickerProps.label || 'Date';
       var mergedDatePickerSelectProps = _objectSpread(_objectSpread({}, datePickerSelectProps), {}, {
         styles: mergeStyles(styles, datePickerSelectProps === null || datePickerSelectProps === void 0 ? void 0 : datePickerSelectProps.styles)
       });
       var timePickerSelectProps = timePickerProps === null || timePickerProps === void 0 ? void 0 : timePickerProps.selectProps;
       var timePickerAriaDescribedBy = timePickerProps['aria-describedby'] || ariaDescribedBy;
-      var timePickerLabel = timePickerProps.label || timePickerDefaultAriaLabel;
+      var timePickerLabel = timePickerProps.label || 'Time';
       var mergedTimePickerSelectProps = _objectSpread(_objectSpread({}, timePickerSelectProps), {}, {
         styles: mergeStyles(styles, timePickerSelectProps === null || timePickerSelectProps === void 0 ? void 0 : timePickerSelectProps.styles)
       });