@commercetools-uikit/date-range-input 15.0.0 → 15.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/commercetools-uikit-date-range-input.cjs.dev.js +5 -12
  2. package/dist/commercetools-uikit-date-range-input.cjs.prod.js +5 -12
  3. package/dist/commercetools-uikit-date-range-input.esm.js +6 -13
  4. package/package.json +2 -1
  5. package/dist/declarations/src/messages.d.ts +0 -8
package/dist/commercetools-uikit-date-range-input.cjs.dev.js CHANGED
@@ -30,6 +30,7 @@ var reactIntl = require('react-intl');
30
30
  var Constraints = require('@commercetools-uikit/constraints');
31
31
  var utils = require('@commercetools-uikit/utils');
32
32
  var calendarUtils = require('@commercetools-uikit/calendar-utils');
33
+ var calendarTimeUtils = require('@commercetools-uikit/calendar-time-utils');
33
34
  var jsxRuntime = require('@emotion/react/jsx-runtime');
34
35
 
35
36
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -52,17 +53,9 @@ var _fillInstanceProperty__default = /*#__PURE__*/_interopDefault(_fillInstanceP
52
53
  var Downshift__default = /*#__PURE__*/_interopDefault(Downshift);
53
54
  var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
54
55
 
55
- var messages = reactIntl.defineMessages({
56
- placeholder: {
57
- id: 'UIKit.DateRangeInput.placeholder',
58
- description: 'Placeholder for date range input',
59
- defaultMessage: 'MM/DD/YYYY - MM/DD/YYYY'
60
- }
61
- });
62
-
63
56
  function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
64
57
 
65
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context6, _context7; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys(Object(source), !0)).call(_context6, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys(Object(source))).call(_context7, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
58
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context7, _context8; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context7 = ownKeys(Object(source), !0)).call(_context7, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context8 = ownKeys(Object(source))).call(_context8, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
66
59
 
67
60
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
68
61
 
@@ -326,7 +319,7 @@ var DateRangeInput = /*#__PURE__*/function (_Component) {
326
319
  },
327
320
  isOpen: this.state.isOpen,
328
321
  children: function children(_ref2) {
329
- var _context4, _context5;
322
+ var _context4, _context5, _context6;
330
323
 
331
324
  var getInputProps = _ref2.getInputProps,
332
325
  getMenuProps = _ref2.getMenuProps,
@@ -361,7 +354,7 @@ var DateRangeInput = /*#__PURE__*/function (_Component) {
361
354
  // between the <label for> and the <input id>.
362
355
  'aria-labelledby': undefined,
363
356
  name: _this2.props.name,
364
- placeholder: typeof _this2.props.placeholder === 'string' ? _this2.props.placeholder : _this2.props.intl.formatMessage(messages.placeholder),
357
+ placeholder: typeof _this2.props.placeholder === 'string' ? _this2.props.placeholder : _concatInstanceProperty__default["default"](_context6 = "".concat(calendarTimeUtils.getLocalizedDateTimeFormatPattern(_this2.props.intl.locale), " - ")).call(_context6, calendarTimeUtils.getLocalizedDateTimeFormatPattern(_this2.props.intl.locale)),
365
358
  onMouseEnter: function onMouseEnter() {
366
359
  // we remove the highlight so that the user can use the
367
360
  // arrow keys to move the cursor when hovering
@@ -545,7 +538,7 @@ DateRangeInput.propTypes = process.env.NODE_ENV !== "production" ? {
545
538
  var dateRangeInput = reactIntl.injectIntl(DateRangeInput);
546
539
 
547
540
  // NOTE: This string will be replaced on build time with the package version.
548
- var version = "15.0.0";
541
+ var version = "15.0.2";
549
542
 
550
543
  exports["default"] = dateRangeInput;
551
544
  exports.version = version;
package/dist/commercetools-uikit-date-range-input.cjs.prod.js CHANGED
@@ -30,6 +30,7 @@ var reactIntl = require('react-intl');
30
30
  var Constraints = require('@commercetools-uikit/constraints');
31
31
  var utils = require('@commercetools-uikit/utils');
32
32
  var calendarUtils = require('@commercetools-uikit/calendar-utils');
33
+ var calendarTimeUtils = require('@commercetools-uikit/calendar-time-utils');
33
34
  var jsxRuntime = require('@emotion/react/jsx-runtime');
34
35
 
35
36
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -51,17 +52,9 @@ var _fillInstanceProperty__default = /*#__PURE__*/_interopDefault(_fillInstanceP
51
52
  var Downshift__default = /*#__PURE__*/_interopDefault(Downshift);
52
53
  var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
53
54
 
54
- var messages = reactIntl.defineMessages({
55
- placeholder: {
56
- id: 'UIKit.DateRangeInput.placeholder',
57
- description: 'Placeholder for date range input',
58
- defaultMessage: 'MM/DD/YYYY - MM/DD/YYYY'
59
- }
60
- });
61
-
62
55
  function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
63
56
 
64
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context6, _context7; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys(Object(source), !0)).call(_context6, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys(Object(source))).call(_context7, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
57
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context7, _context8; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context7 = ownKeys(Object(source), !0)).call(_context7, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context8 = ownKeys(Object(source))).call(_context8, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
65
58
 
66
59
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
67
60
 
@@ -325,7 +318,7 @@ var DateRangeInput = /*#__PURE__*/function (_Component) {
325
318
  },
326
319
  isOpen: this.state.isOpen,
327
320
  children: function children(_ref2) {
328
- var _context4, _context5;
321
+ var _context4, _context5, _context6;
329
322
 
330
323
  var getInputProps = _ref2.getInputProps,
331
324
  getMenuProps = _ref2.getMenuProps,
@@ -360,7 +353,7 @@ var DateRangeInput = /*#__PURE__*/function (_Component) {
360
353
  // between the <label for> and the <input id>.
361
354
  'aria-labelledby': undefined,
362
355
  name: _this2.props.name,
363
- placeholder: typeof _this2.props.placeholder === 'string' ? _this2.props.placeholder : _this2.props.intl.formatMessage(messages.placeholder),
356
+ placeholder: typeof _this2.props.placeholder === 'string' ? _this2.props.placeholder : _concatInstanceProperty__default["default"](_context6 = "".concat(calendarTimeUtils.getLocalizedDateTimeFormatPattern(_this2.props.intl.locale), " - ")).call(_context6, calendarTimeUtils.getLocalizedDateTimeFormatPattern(_this2.props.intl.locale)),
364
357
  onMouseEnter: function onMouseEnter() {
365
358
  // we remove the highlight so that the user can use the
366
359
  // arrow keys to move the cursor when hovering
@@ -528,7 +521,7 @@ DateRangeInput.propTypes = {};
528
521
  var dateRangeInput = reactIntl.injectIntl(DateRangeInput);
529
522
 
530
523
  // NOTE: This string will be replaced on build time with the package version.
531
- var version = "15.0.0";
524
+ var version = "15.0.2";
532
525
 
533
526
  exports["default"] = dateRangeInput;
534
527
  exports.version = version;
package/dist/commercetools-uikit-date-range-input.esm.js CHANGED
@@ -22,23 +22,16 @@ import _sortInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instanc
22
22
  import _fillInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/fill';
23
23
  import { createRef, Component } from 'react';
24
24
  import Downshift from 'downshift';
25
- import { defineMessages, injectIntl } from 'react-intl';
25
+ import { injectIntl } from 'react-intl';
26
26
  import Constraints from '@commercetools-uikit/constraints';
27
27
  import { filterDataAttributes } from '@commercetools-uikit/utils';
28
28
  import { getToday, formatRange, changeMonth, getDateInMonth, createItemRangeToString, createCalendarItems, getPaddingDayCount, getWeekdayNames, CalendarBody, getPreviousDay, getDaysInMonth, CalendarMenu, CalendarHeader, getMonthCalendarLabel, getYearCalendarLabel, CalendarContent, CalendarDay, isSameDay, getCalendarDayLabel, parseInputToDate, isBetween } from '@commercetools-uikit/calendar-utils';
29
+ import { getLocalizedDateTimeFormatPattern } from '@commercetools-uikit/calendar-time-utils';
29
30
  import { jsx, jsxs } from '@emotion/react/jsx-runtime';
30
31
 
31
- var messages = defineMessages({
32
- placeholder: {
33
- id: 'UIKit.DateRangeInput.placeholder',
34
- description: 'Placeholder for date range input',
35
- defaultMessage: 'MM/DD/YYYY - MM/DD/YYYY'
36
- }
37
- });
38
-
39
32
  function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
40
33
 
41
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context6, _context7; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context6 = ownKeys(Object(source), !0)).call(_context6, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context7 = ownKeys(Object(source))).call(_context7, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
34
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context7, _context8; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context7 = ownKeys(Object(source), !0)).call(_context7, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context8 = ownKeys(Object(source))).call(_context8, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
42
35
 
43
36
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
44
37
 
@@ -302,7 +295,7 @@ var DateRangeInput = /*#__PURE__*/function (_Component) {
302
295
  },
303
296
  isOpen: this.state.isOpen,
304
297
  children: function children(_ref2) {
305
- var _context4, _context5;
298
+ var _context4, _context5, _context6;
306
299
 
307
300
  var getInputProps = _ref2.getInputProps,
308
301
  getMenuProps = _ref2.getMenuProps,
@@ -337,7 +330,7 @@ var DateRangeInput = /*#__PURE__*/function (_Component) {
337
330
  // between the <label for> and the <input id>.
338
331
  'aria-labelledby': undefined,
339
332
  name: _this2.props.name,
340
- placeholder: typeof _this2.props.placeholder === 'string' ? _this2.props.placeholder : _this2.props.intl.formatMessage(messages.placeholder),
333
+ placeholder: typeof _this2.props.placeholder === 'string' ? _this2.props.placeholder : _concatInstanceProperty(_context6 = "".concat(getLocalizedDateTimeFormatPattern(_this2.props.intl.locale), " - ")).call(_context6, getLocalizedDateTimeFormatPattern(_this2.props.intl.locale)),
341
334
  onMouseEnter: function onMouseEnter() {
342
335
  // we remove the highlight so that the user can use the
343
336
  // arrow keys to move the cursor when hovering
@@ -521,6 +514,6 @@ DateRangeInput.propTypes = process.env.NODE_ENV !== "production" ? {
521
514
  var dateRangeInput = injectIntl(DateRangeInput);
522
515
 
523
516
  // NOTE: This string will be replaced on build time with the package version.
524
- var version = "15.0.0";
517
+ var version = "15.0.2";
525
518
 
526
519
  export { dateRangeInput as default, version };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/date-range-input",
3
3
  "description": "The `DateRangeInput` component allows the user to select a date range.",
4
- "version": "15.0.0",
4
+ "version": "15.0.2",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -22,6 +22,7 @@
22
22
  "@babel/runtime": "^7.17.2",
23
23
  "@babel/runtime-corejs3": "^7.17.2",
24
24
  "@commercetools-uikit/accessible-button": "15.0.0",
25
+ "@commercetools-uikit/calendar-time-utils": "15.0.2",
25
26
  "@commercetools-uikit/calendar-utils": "15.0.0",
26
27
  "@commercetools-uikit/constraints": "15.0.0",
27
28
  "@commercetools-uikit/design-system": "15.0.0",
package/dist/declarations/src/messages.d.ts DELETED
@@ -1,8 +0,0 @@
1
- declare const _default: {
2
- placeholder: {
3
- id: string;
4
- description: string;
5
- defaultMessage: string;
6
- };
7
- };
8
- export default _default;