@atlaskit/datetime-picker 17.6.5 → 17.8.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/datetime-picker
 
+## 17.8.0
+
+### Minor Changes
+
+- [`aef119573f01b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/aef119573f01b) -
+  Autofix: add explicit package exports (barrel removal)
+
+## 17.7.0
+
+### Minor Changes
+
+- [`eba257fabc979`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/eba257fabc979) -
+  Clean up flag to improve value calculation in datetime picker.
+
 ## 17.6.5
 
 ### Patch Changes

package/date-picker/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/datetime-picker/date-picker",
+  "main": "../dist/cjs/entry-points/date-picker.js",
+  "module": "../dist/esm/entry-points/date-picker.js",
+  "module:es2019": "../dist/es2019/entry-points/date-picker.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/date-picker.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/entry-points/date-picker.d.ts"
+      ]
+    }
+  }
+}

package/date-time-picker/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/datetime-picker/date-time-picker",
+  "main": "../dist/cjs/entry-points/date-time-picker.js",
+  "module": "../dist/esm/entry-points/date-time-picker.js",
+  "module:es2019": "../dist/es2019/entry-points/date-time-picker.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/date-time-picker.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/entry-points/date-time-picker.d.ts"
+      ]
+    }
+  }
+}

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

@@ -24,9 +24,14 @@ var _calendar = _interopRequireDefault(require("@atlaskit/icon/core/calendar"));
 var _locale = require("@atlaskit/locale");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _select = _interopRequireWildcard(require("@atlaskit/select"));
-var _internal = require("../internal");
-var _datePickerMigration = require("../internal/date-picker-migration");
+var _emptyComponent = require("../internal/empty-component");
+var _formatDate = require("../internal/format-date");
+var _getParsedIso = require("../internal/get-parsed-iso");
+var _getPlaceholder = require("../internal/get-placeholder");
+var _getSafeCalendarValue = require("../internal/get-safe-calendar-value");
+var _getShortIsoString = require("../internal/get-short-iso-string");
 var _indicatorsContainer = require("../internal/indicators-container");
+var _isDateDisabled = require("../internal/is-date-disabled");
 var _menu = require("../internal/menu");
 var _parseDate = require("../internal/parse-date");
 var _singleValue = require("../internal/single-value");
@@ -37,7 +42,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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",
@@ -148,7 +153,7 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, _forwarded
     _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
     value = _useState0[0],
     setValue = _useState0[1];
-  var _useState1 = (0, _react.useState)(propValue || defaultValue || (0, _parseDate.getShortISOString)(new Date())),
+  var _useState1 = (0, _react.useState)(propValue || defaultValue || (0, _getShortIsoString.getShortISOString)(new Date())),
     _useState10 = (0, _slicedToArray2.default)(_useState1, 2),
     calendarValue = _useState10[0],
     setCalendarValue = _useState10[1];
@@ -208,7 +213,7 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, _forwarded
   };
   var onCalendarChange = function onCalendarChange(_ref) {
     var iso = _ref.iso;
-    setCalendarValue((0, _datePickerMigration.getParsedISO)({
+    setCalendarValue((0, _getParsedIso.getParsedISO)({
       iso: iso
     }));
   };
@@ -287,7 +292,7 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, _forwarded
   var onTextInput = function onTextInput(event) {
     var inputValue = event.target.value;
     if (inputValue) {
-      var parsed = (0, _datePickerMigration.parseDate)(inputValue, {
+      var parsed = (0, _parseDate.parseDate)(inputValue, {
         parseInputValue: rest === null || rest === void 0 ? void 0 : rest.parseInputValue,
         dateFormat: rest === null || rest === void 0 ? void 0 : rest.dateFormat,
         l10n: l10n
@@ -296,7 +301,7 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, _forwarded
       if (parsed && (0, _dateFns.isValid)(parsed)) {
         // We format the parsed date to YYYY-MM-DD here because
         // this is the format expected by the @atlaskit/calendar component
-        setCalendarValue((0, _parseDate.getShortISOString)(parsed));
+        setCalendarValue((0, _getShortIsoString.getShortISOString)(parsed));
       }
     }
     setIsOpen(true);
@@ -350,12 +355,12 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, _forwarded
         // using enter. See https://product-fabric.atlassian.net/browse/DSP-2501
         // for more details.
         event.preventDefault();
-        if (!(0, _datePickerMigration.isDateDisabled)(calendarValue, {
+        if (!(0, _isDateDisabled.isDateDisabled)(calendarValue, {
           disabled: disabled
         })) {
           // Get a safe `calendarValue` in case the value exceeds the maximum
           // allowed by ISO 8601
-          var safeCalendarValue = (0, _parseDate.getSafeCalendarValue)(calendarValue);
+          var safeCalendarValue = (0, _getSafeCalendarValue.getSafeCalendarValue)(calendarValue);
           var valueChanged = safeCalendarValue !== value;
           setSelectInputValue('');
           setIsOpen(false);
@@ -412,7 +417,7 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, _forwarded
   };
   var onClear = function onClear() {
     setValue('');
-    setCalendarValue(defaultValue || (0, _parseDate.getShortISOString)(new Date()));
+    setCalendarValue(defaultValue || (0, _getShortIsoString.getShortISOString)(new Date()));
     if (!hideIcon) {
       setClearingFromIcon(true);
     }
@@ -460,7 +465,7 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, _forwarded
     lang: propLocale
   });
   var selectComponents = _objectSpread(_objectSpread(_objectSpread({}, selectProps.components), {}, {
-    DropdownIndicator: shouldShowCalendarButton ? _internal.EmptyComponent : dropDownIcon
+    DropdownIndicator: shouldShowCalendarButton ? _emptyComponent.EmptyComponent : dropDownIcon
   }, shouldShowCalendarButton ? {
     IndicatorsContainer: function IndicatorsContainer(props) {
       return /*#__PURE__*/React.createElement(_indicatorsContainer.IndicatorsContainer, (0, _extends2.default)({}, props, {
@@ -471,7 +476,7 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, _forwarded
     Menu: _menu.Menu,
     SingleValue: SingleValue
   }, !showClearIndicator && {
-    ClearIndicator: _internal.EmptyComponent
+    ClearIndicator: _emptyComponent.EmptyComponent
   });
   var _selectProps$styles = selectProps.styles,
     selectStyles = _selectProps$styles === void 0 ? {} : _selectProps$styles;
@@ -486,7 +491,7 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, _forwarded
     calendarMaxDate: maxDate,
     calendarMinDate: minDate,
     calendarRef: calendarRef,
-    calendarValue: getterValue && (0, _parseDate.getShortISOString)((0, _dateFns.parseISO)(getterValue)),
+    calendarValue: getterValue && (0, _getShortIsoString.getShortISOString)((0, _dateFns.parseISO)(getterValue)),
     calendarView: calendarValue,
     onCalendarChange: onCalendarChange,
     onCalendarSelect: onCalendarSelect,
@@ -514,7 +519,7 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, _forwarded
     }
   });
   var initialValue = getterValue ? {
-    label: (0, _datePickerMigration.formatDate)(getterValue, {
+    label: (0, _formatDate.formatDate)(getterValue, {
       formatDisplayLabel: formatDisplayLabel,
       dateFormat: rest === null || rest === void 0 ? void 0 : rest.dateFormat,
       l10n: l10n
@@ -559,7 +564,7 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, _forwarded
     onChange: onSelectChange,
     onFocus: onSelectFocus,
     onInputChange: handleSelectInputChange,
-    placeholder: (0, _datePickerMigration.getPlaceholder)({
+    placeholder: (0, _getPlaceholder.getPlaceholder)({
       placeholder: placeholder,
       l10n: l10n
     })

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.timePickerDefaultAriaLabel = exports.default = exports.datePickerDefaultAriaLabel = exports.DateTimePickerWithoutAnalytics = void 0;
+exports.default = exports.DateTimePickerWithoutAnalytics = void 0;
 require("./date-time-picker-class.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -19,8 +19,8 @@ var _dateFns = require("date-fns");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-circle"));
 var _select = require("@atlaskit/select");
-var _internal = require("../internal");
 var _dateTimePickerContainer = require("../internal/date-time-picker-container");
+var _formatDateTimeZoneIntoIso = require("../internal/format-date-time-zone-into-iso");
 var _parseTokens = require("../internal/parse-tokens");
 var _datePicker = _interopRequireDefault(require("./date-picker"));
 var _timePicker = _interopRequireDefault(require("./time-picker"));
@@ -30,7 +30,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /// <reference types="node" />
 // oxlint-disable-next-line @atlassian/no-restricted-imports
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "17.6.5";
+var packageVersion = "17.7.0";
 var compiledStyles = {
   datePickerContainerStyles: "_i0dl1ssb _16jlkb7n _1o9zidpf",
   timePickerContainerStyles: "_i0dl1ssb _16jlkb7n",
@@ -63,8 +63,6 @@ var dateTimePickerDefaultProps = {
   // Not including a default prop for value as it will
   // Make the component a controlled component
 };
-var datePickerDefaultAriaLabel = exports.datePickerDefaultAriaLabel = 'Date';
-var timePickerDefaultAriaLabel = exports.timePickerDefaultAriaLabel = 'Time';
 
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var DateTimePickerComponent = exports.DateTimePickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
@@ -215,10 +213,10 @@ var DateTimePickerComponent = exports.DateTimePickerWithoutAnalytics = /*#__PURE
       });
       if (dateValue && timeValue) {
         var _this$props$onChange, _this$props5;
-        var value = (0, _internal.formatDateTimeZoneIntoIso)(dateValue, timeValue, zoneValue);
+        var value = (0, _formatDateTimeZoneIntoIso.formatDateTimeZoneIntoIso)(dateValue, timeValue, zoneValue);
         var _this$parseValue = this.parseValue(value, dateValue, timeValue, zoneValue),
           parsedZone = _this$parseValue.zoneValue;
-        var valueWithValidZone = (0, _internal.formatDateTimeZoneIntoIso)(dateValue, timeValue, parsedZone);
+        var valueWithValidZone = (0, _formatDateTimeZoneIntoIso.formatDateTimeZoneIntoIso)(dateValue, timeValue, parsedZone);
         this.setState({
           value: valueWithValidZone
         });
@@ -271,13 +269,13 @@ var DateTimePickerComponent = exports.DateTimePickerWithoutAnalytics = /*#__PURE
       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: (0, _select.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: (0, _select.mergeStyles)(styles, timePickerSelectProps === null || timePickerSelectProps === void 0 ? void 0 : timePickerSelectProps.styles)
       });