@atlaskit/datetime-picker 12.3.7 → 12.3.8

package/dist/es2019/components/time-picker.js

@@ -1,9 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
-
 /* eslint-disable @repo/internal/react/use-noop */
-import React from 'react'; // eslint-disable-next-line no-restricted-imports
+import React from 'react';
 
+// eslint-disable-next-line no-restricted-imports
 import { format, isValid } from 'date-fns';
 import pick from 'lodash/pick';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -15,18 +15,15 @@ import FixedLayer from '../internal/fixed-layer';
 import parseTime from '../internal/parse-time';
 import { convertTokens } from './utils';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "12.3.7";
+const packageVersion = "12.3.8";
 const menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',
-
   /* Need to add overflow to the element with max-height, otherwise causes overflow issues in IE11 */
   overflowY: 'auto',
-
   /* React-Popper has already offset the menu so we need to reset the margin, otherwise the offset value is doubled */
   margin: 0
 };
-
 const FixedLayerMenu = ({
   selectProps,
   ...rest
@@ -38,7 +35,6 @@ const FixedLayerMenu = ({
   })),
   testId: selectProps.testId
 });
-
 const timePickerDefaultProps = {
   appearance: 'default',
   autoFocus: false,
@@ -58,17 +54,15 @@ const timePickerDefaultProps = {
   spacing: 'default',
   times: defaultTimes,
   timeIsEditable: false,
-  locale: 'en-US' // Not including a default prop for value as it will
+  locale: 'en-US'
+  // Not including a default prop for value as it will
   // Make the component a controlled component
-
 };
 
 class TimePicker extends React.Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "containerRef", null);
-
     _defineProperty(this, "state", {
       isOpen: this.props.defaultIsOpen,
       clearingFromIcon: false,
@@ -76,30 +70,27 @@ class TimePicker extends React.Component {
       isFocused: false,
       l10n: createLocalizationProvider(this.props.locale)
     });
-
     _defineProperty(this, "getSafeState", () => {
-      return { ...this.state,
+      return {
+        ...this.state,
         ...pick(this.props, ['value', 'isOpen'])
       };
     });
-
     _defineProperty(this, "onChange", (newValue, action) => {
       const rawValue = newValue ? newValue.value || newValue : '';
       const value = rawValue.toString();
       let changedState = {
         value
       };
-
       if (action && action.action === 'clear') {
-        changedState = { ...changedState,
+        changedState = {
+          ...changedState,
           clearingFromIcon: true
         };
       }
-
       this.setState(changedState);
       this.props.onChange(value);
     });
-
     _defineProperty(this, "onCreateOption", inputValue => {
       if (this.props.timeIsEditable) {
         const {
@@ -107,7 +98,6 @@ class TimePicker extends React.Component {
           timeFormat
         } = this.props;
         let sanitizedInput;
-
         try {
           sanitizedInput = parseInputValue(inputValue, timeFormat || defaultTimeFormat);
         } catch (e) {
@@ -123,7 +113,6 @@ class TimePicker extends React.Component {
         this.onChange(inputValue);
       }
     });
-
     _defineProperty(this, "onMenuOpen", () => {
       // Don't open menu after the user has clicked clear
       if (this.getSafeState().clearingFromIcon) {
@@ -136,7 +125,6 @@ class TimePicker extends React.Component {
         });
       }
     });
-
     _defineProperty(this, "onMenuClose", () => {
       // Don't close menu after the user has clicked clear
       if (this.getSafeState().clearingFromIcon) {
@@ -149,37 +137,32 @@ class TimePicker extends React.Component {
         });
       }
     });
-
     _defineProperty(this, "setContainerRef", ref => {
       const oldRef = this.containerRef;
-      this.containerRef = ref; // Cause a re-render if we're getting the container ref for the first time
+      this.containerRef = ref;
+      // Cause a re-render if we're getting the container ref for the first time
       // as the layered menu requires it for dimension calculation
-
       if (oldRef == null && ref != null) {
         this.forceUpdate();
       }
     });
-
     _defineProperty(this, "onBlur", event => {
       this.setState({
         isFocused: false
       });
       this.props.onBlur(event);
     });
-
     _defineProperty(this, "onFocus", event => {
       this.setState({
         isFocused: true
       });
       this.props.onFocus(event);
     });
-
     _defineProperty(this, "onSelectKeyDown", event => {
       const {
         key
       } = event;
       const keyPressed = key.toLowerCase();
-
       if (this.getSafeState().clearingFromIcon && (keyPressed === 'backspace' || keyPressed === 'delete')) {
         // If being cleared from keyboard, don't change behaviour
         this.setState({
@@ -187,7 +170,6 @@ class TimePicker extends React.Component {
         });
       }
     });
-
     _defineProperty(this, "formatTime", time => {
       const {
         formatDisplayLabel,
@@ -196,53 +178,44 @@ class TimePicker extends React.Component {
       const {
         l10n
       } = this.getSafeState();
-
       if (formatDisplayLabel) {
         return formatDisplayLabel(time, timeFormat || defaultTimeFormat);
       }
-
       const date = parseTime(time);
-
       if (!(date instanceof Date)) {
         return '';
       }
-
       if (!isValid(date)) {
         return time;
       }
-
       if (timeFormat) {
         return format(date, convertTokens(timeFormat));
       }
-
       return l10n.formatTime(date);
     });
-
     _defineProperty(this, "getPlaceholder", () => {
       const {
         placeholder
       } = this.props;
-
       if (placeholder) {
         return placeholder;
       }
-
       const {
         l10n
       } = this.getSafeState();
       return l10n.formatTime(placeholderDatetime);
     });
   }
-
   UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.props.locale !== nextProps.locale) {
       this.setState({
         l10n: createLocalizationProvider(nextProps.locale)
       });
     }
-  } // All state needs to be accessed via this function so that the state is mapped from props
-  // correctly to allow controlled/uncontrolled usage.
+  }
 
+  // All state needs to be accessed via this function so that the state is mapped from props
+  // correctly to allow controlled/uncontrolled usage.
 
   getOptions() {
     return this.props.times.map(time => {
@@ -252,7 +225,6 @@ class TimePicker extends React.Component {
       };
     });
   }
-
   render() {
     const {
       autoFocus,
@@ -290,15 +262,18 @@ class TimePicker extends React.Component {
     };
     const renderIconContainer = Boolean(!hideIcon && value);
     const mergedStyles = mergeStyles(selectStyles, {
-      control: base => ({ ...base
+      control: base => ({
+        ...base
       }),
-      menu: base => ({ ...base,
+      menu: base => ({
+        ...base,
         ...menuStyles,
         // Fixed positioned elements no longer inherit width from their parent, so we must explicitly set the
         // menu width to the width of our container
         width: this.containerRef ? this.containerRef.getBoundingClientRect().width : 'auto'
       }),
-      indicatorsContainer: base => ({ ...base,
+      indicatorsContainer: base => ({
+        ...base,
         paddingLeft: renderIconContainer ? ICON_PADDING : 0,
         paddingRight: renderIconContainer ? gridSize() - ICON_PADDING : 0
       })
@@ -335,7 +310,8 @@ class TimePicker extends React.Component {
         placeholder: this.getPlaceholder(),
         styles: mergedStyles,
         value: labelAndValue,
-        spacing: spacing // @ts-ignore caused by prop not part of @atlaskit/select
+        spacing: spacing
+        // @ts-ignore caused by prop not part of @atlaskit/select
         ,
         fixedLayerRef: this.containerRef,
         isInvalid: isInvalid,
@@ -343,11 +319,8 @@ class TimePicker extends React.Component {
       }, otherSelectProps)))
     );
   }
-
 }
-
 _defineProperty(TimePicker, "defaultProps", timePickerDefaultProps);
-
 export { TimePicker as TimePickerWithoutAnalytics };
 export default withAnalyticsContext({
   componentName: 'timePicker',

package/dist/es2019/components/utils.js

@@ -1,4 +1,5 @@
 // https://github.com/date-fns/date-fns-upgrade/blob/master/src/v2/convertTokens/index.ts
+
 const tokensMap = {
   // 'D MMMM': '',
   // 'Do MMMM': '',
@@ -52,32 +53,25 @@ const v1tokens = Object.keys(tokensMap).sort().reverse();
 const tokensRegExp = new RegExp('(\\[[^\\[]*\\])|(\\\\)?' + '(' + v1tokens.join('|') + '|.)', 'g');
 export function convertTokens(format) {
   const tokensCaptures = format.match(tokensRegExp);
-
   if (tokensCaptures) {
     return tokensCaptures.reduce((acc, tokenString, index) => {
       const v2token = tokensMap[tokenString];
-
       if (!v2token) {
         const escapedCaptures = tokenString.match(/^\[(.+)\]$/);
-
         if (escapedCaptures) {
           acc.textBuffer.push(escapedCaptures[1]);
         } else {
           acc.textBuffer.push(tokenString);
         }
       }
-
       const endOfString = index === tokensCaptures.length - 1;
-
       if (acc.textBuffer.length && (v2token || endOfString)) {
         acc.formatBuffer.push(`'${acc.textBuffer.join('')}'`);
         acc.textBuffer = [];
       }
-
       if (v2token) {
         acc.formatBuffer.push(v2token);
       }
-
       return acc;
     }, {
       formatBuffer: [],

package/dist/es2019/internal/fixed-layer.js

@@ -5,7 +5,6 @@ import noop from '@atlaskit/ds-lib/noop';
 import { sizes } from '@atlaskit/icon';
 import { Manager, Popper, Reference } from '@atlaskit/popper';
 import { gridSize, layers } from '@atlaskit/theme/constants';
-
 /**
  * This component renders layered content with fixed positioning.
  * Scroll is locked outside the layer to prevent the layered content from detaching from the
@@ -14,31 +13,27 @@ import { gridSize, layers } from '@atlaskit/theme/constants';
 export default class FixedLayer extends React.Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "update", noop);
   }
-
   componentDidUpdate(prevProps) {
     if (prevProps.inputValue !== this.props.inputValue) {
       this.update();
     }
   }
-
   render() {
     const {
       containerRef,
       content,
       testId
-    } = this.props; // Wait for containerRef callback to cause a re-render
+    } = this.props;
 
+    // Wait for containerRef callback to cause a re-render
     if (!containerRef) {
       return /*#__PURE__*/React.createElement("div", null);
     }
-
     const containerRect = containerRef.getBoundingClientRect();
     return (
       /*#__PURE__*/
-
       /* Need to wrap layer in a fixed position div so that it will render its content as fixed
        * We need to set the intial top value to where the container is and zIndex so that it still
        * applies since we're creating a new stacking context. */
@@ -63,7 +58,8 @@ export default class FixedLayer extends React.Component {
         this.update = update;
         return /*#__PURE__*/React.createElement("div", {
           ref: ref,
-          style: { ...style,
+          style: {
+            ...style,
             zIndex: layers.dialog()
           },
           "data-testid": testId && `${testId}--popper--container`
@@ -71,5 +67,4 @@ export default class FixedLayer extends React.Component {
       }))
     );
   }
-
 }

package/dist/es2019/internal/index.js

@@ -1,7 +1,9 @@
 /* eslint-disable @repo/internal/react/require-jsdoc */
-export const EmptyComponent = () => null; // 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 EmptyComponent = () => null;
+
+// 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);
 export const defaultTimes = ['09:00', '09:30', '10:00', '10:30', '11:00', '11:30', '12:00', '12:30', '13:00', '13:30', '14:00', '14:30', '15:00', '15:30', '16:00', '16:30', '17:00', '17:30', '18:00'];
 export const defaultTimeFormat = 'h:mma';

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

@@ -16,23 +16,18 @@ export function isValid(timeString) {
   const time = timeString.trim().match(/(\d+)(?::(\d\d))?\s*(a|p)?/i);
   const time24hr = timeString.trim().match(/(\d\d)[:.]?(\d\d)/);
   const num = timeString.replace(/[^0-9]/g, '');
-
   if (!time && !time24hr) {
     return false;
   }
-
   if (time && !time[1]) {
     return false;
   }
-
   if (num.length > 4) {
     return false;
   }
-
   if (num.length === 2 && parseInt(num, 10) > 12) {
     return false;
   }
-
   return true;
 }
 export function removeSpacer(time) {
@@ -42,37 +37,30 @@ export function formatSemi24(time) {
   if (time.length === 1) {
     return `0${time}00`;
   }
-
   if (time.length === 2) {
     return `${time}00`;
   }
-
   if (time.length === 3) {
     return `0${time}`;
   }
-
   return time;
 }
 export 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;
 }
 export function checkMinute(minute) {
   if (minute > '59') {
     return null;
   }
-
   return minute;
 }
 export function convertTo24hrTime(time) {
@@ -81,11 +69,9 @@ export function convertTo24hrTime(time) {
   const semi24 = formatSemi24(timeArray[0].trim());
   const hour = checkHour(semi24.substring(0, 2), meridiem);
   const minute = checkMinute(semi24.substring(2, 4));
-
   if (!hour || !minute) {
     return null;
   }
-
   return {
     hour: parseInt(hour, 10),
     minute: parseInt(minute, 10)
@@ -100,17 +86,13 @@ export function assignToDate(time) {
 }
 export default function (time) {
   const trimmedTime = time.toString().trim();
-
   if (!isValid(trimmedTime)) {
     throw RangeError('invalid time format');
   }
-
   const time1 = removeSpacer(trimmedTime);
   const time2 = convertTo24hrTime(time1);
-
   if (!time2) {
     throw RangeError('invalid time format');
   }
-
   return assignToDate(time2);
 }

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "12.3.7",
+	"version": "12.3.8",
 	"sideEffects": false
 }