intergalactic 15.51.0 → 15.52.0-prerelease-e6d2b891

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 (81) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/components.json +1 -0
  3. package/date-picker/lib/cjs/components/ButtonTrigger.js +1 -5
  4. package/date-picker/lib/cjs/components/ButtonTrigger.js.map +1 -1
  5. package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js +39 -16
  6. package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js.map +1 -1
  7. package/date-picker/lib/cjs/components/PickerAbstract.js +54 -46
  8. package/date-picker/lib/cjs/components/PickerAbstract.js.map +1 -1
  9. package/date-picker/lib/cjs/components/RangePickerAbstract.js +71 -60
  10. package/date-picker/lib/cjs/components/RangePickerAbstract.js.map +1 -1
  11. package/date-picker/lib/es6/components/ButtonTrigger.js +1 -5
  12. package/date-picker/lib/es6/components/ButtonTrigger.js.map +1 -1
  13. package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js +39 -16
  14. package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js.map +1 -1
  15. package/date-picker/lib/es6/components/PickerAbstract.js +54 -46
  16. package/date-picker/lib/es6/components/PickerAbstract.js.map +1 -1
  17. package/date-picker/lib/es6/components/RangePickerAbstract.js +71 -60
  18. package/date-picker/lib/es6/components/RangePickerAbstract.js.map +1 -1
  19. package/mini-chart/component/score/Donut.d.ts +12 -0
  20. package/mini-chart/component/score/Line.d.ts +15 -0
  21. package/mini-chart/component/score/Score.d.ts +20 -0
  22. package/mini-chart/component/score/index.d.ts +3 -0
  23. package/mini-chart/component/trend/Bar.d.ts +26 -0
  24. package/mini-chart/component/trend/Line.d.ts +29 -0
  25. package/mini-chart/component/trend/Trend.d.ts +36 -0
  26. package/mini-chart/component/trend/index.d.ts +3 -0
  27. package/mini-chart/index.d.ts +12 -0
  28. package/mini-chart/index.js +8 -0
  29. package/mini-chart/index.mjs +2 -0
  30. package/mini-chart/lib/cjs/component/score/Donut.js +123 -0
  31. package/mini-chart/lib/cjs/component/score/Donut.js.map +1 -0
  32. package/mini-chart/lib/cjs/component/score/Line.js +94 -0
  33. package/mini-chart/lib/cjs/component/score/Line.js.map +1 -0
  34. package/mini-chart/lib/cjs/component/score/Score.js +2 -0
  35. package/mini-chart/lib/cjs/component/score/Score.js.map +1 -0
  36. package/mini-chart/lib/cjs/component/score/donut.shadow.css +17 -0
  37. package/mini-chart/lib/cjs/component/score/index.js +26 -0
  38. package/mini-chart/lib/cjs/component/score/index.js.map +1 -0
  39. package/mini-chart/lib/cjs/component/score/line.shadow.css +66 -0
  40. package/mini-chart/lib/cjs/component/skeleton/skeleton.shadow.css +24 -0
  41. package/mini-chart/lib/cjs/component/trend/Bar.js +124 -0
  42. package/mini-chart/lib/cjs/component/trend/Bar.js.map +1 -0
  43. package/mini-chart/lib/cjs/component/trend/Line.js +166 -0
  44. package/mini-chart/lib/cjs/component/trend/Line.js.map +1 -0
  45. package/mini-chart/lib/cjs/component/trend/Trend.js +87 -0
  46. package/mini-chart/lib/cjs/component/trend/Trend.js.map +1 -0
  47. package/mini-chart/lib/cjs/component/trend/index.js +32 -0
  48. package/mini-chart/lib/cjs/component/trend/index.js.map +1 -0
  49. package/mini-chart/lib/cjs/index.js +20 -0
  50. package/mini-chart/lib/cjs/index.js.map +1 -0
  51. package/mini-chart/lib/es6/component/score/Donut.js +116 -0
  52. package/mini-chart/lib/es6/component/score/Donut.js.map +1 -0
  53. package/mini-chart/lib/es6/component/score/Line.js +87 -0
  54. package/mini-chart/lib/es6/component/score/Line.js.map +1 -0
  55. package/mini-chart/lib/es6/component/score/Score.js +2 -0
  56. package/mini-chart/lib/es6/component/score/Score.js.map +1 -0
  57. package/mini-chart/lib/es6/component/score/donut.shadow.css +17 -0
  58. package/mini-chart/lib/es6/component/score/index.js +4 -0
  59. package/mini-chart/lib/es6/component/score/index.js.map +1 -0
  60. package/mini-chart/lib/es6/component/score/line.shadow.css +66 -0
  61. package/mini-chart/lib/es6/component/skeleton/skeleton.shadow.css +24 -0
  62. package/mini-chart/lib/es6/component/trend/Bar.js +116 -0
  63. package/mini-chart/lib/es6/component/trend/Bar.js.map +1 -0
  64. package/mini-chart/lib/es6/component/trend/Line.js +158 -0
  65. package/mini-chart/lib/es6/component/trend/Line.js.map +1 -0
  66. package/mini-chart/lib/es6/component/trend/Trend.js +79 -0
  67. package/mini-chart/lib/es6/component/trend/Trend.js.map +1 -0
  68. package/mini-chart/lib/es6/component/trend/index.js +4 -0
  69. package/mini-chart/lib/es6/component/trend/index.js.map +1 -0
  70. package/mini-chart/lib/es6/index.js +13 -0
  71. package/mini-chart/lib/es6/index.js.map +1 -0
  72. package/mini-chart/lib/types/component/score/Donut.d.ts +12 -0
  73. package/mini-chart/lib/types/component/score/Line.d.ts +15 -0
  74. package/mini-chart/lib/types/component/score/Score.d.ts +20 -0
  75. package/mini-chart/lib/types/component/score/index.d.ts +3 -0
  76. package/mini-chart/lib/types/component/trend/Bar.d.ts +26 -0
  77. package/mini-chart/lib/types/component/trend/Line.d.ts +29 -0
  78. package/mini-chart/lib/types/component/trend/Trend.d.ts +36 -0
  79. package/mini-chart/lib/types/component/trend/index.d.ts +3 -0
  80. package/mini-chart/lib/types/index.d.ts +12 -0
  81. package/package.json +27 -2
@@ -53,6 +53,7 @@ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_star
53
53
  "__SPopper": "___SPopper_1hpbh_gg_"
54
54
  });
55
55
  var INTERACTION_TAGS = ['INPUT'];
56
+ var INTERACTION_KEYS = ['ArrowDown', 'Enter', 'Space'];
56
57
  var defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));
57
58
  function getEndDate(value) {
58
59
  if (!Array.isArray(value)) return null;
@@ -72,13 +73,10 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
72
73
  args[_key] = arguments[_key];
73
74
  }
74
75
  _this = _super.call.apply(_super, [this].concat(args));
76
+ (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "popperRef", /*#__PURE__*/_react["default"].createRef());
75
77
  (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "navigateStep", void 0);
76
78
  (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "keyDiff", void 0);
77
79
  (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "keyStep", void 0);
78
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
79
- // To remove after removing button trigger
80
- defaultInteraction: 'focus'
81
- });
82
80
  (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "navigateView", function (direction) {
83
81
  var displayedPeriod = _this.asProps.displayedPeriod;
84
82
  var action = direction >= 1 ? 'add' : 'subtract';
@@ -90,54 +88,68 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
90
88
  return _this.navigateView(direction);
91
89
  };
92
90
  });
93
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerKeyDown", function (e) {
94
- if (e.target !== e.currentTarget) return;
95
- var _this$asProps = _this.asProps,
96
- displayedPeriod = _this$asProps.displayedPeriod,
97
- highlighted = _this$asProps.highlighted,
98
- preselectedValue = _this$asProps.preselectedValue;
99
- var day = _this.keyDiff[e.code];
100
- var setNextDisplayedPeriod = function setNextDisplayedPeriod(next_highlighted) {
101
- var _next_highlighted = (0, _slicedToArray2["default"])(next_highlighted, 2),
102
- left_period = _next_highlighted[0],
103
- right_period = _next_highlighted[1];
104
- var monthDisplayedPeriod = displayedPeriod === null || displayedPeriod === void 0 ? void 0 : displayedPeriod.getMonth();
105
- var period = right_period || left_period;
106
- if (period) {
107
- if (!monthDisplayedPeriod) {
108
- return period;
91
+ (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerKeyDown", function (place) {
92
+ return function (e) {
93
+ var _this$asProps = _this.asProps,
94
+ displayedPeriod = _this$asProps.displayedPeriod,
95
+ highlighted = _this$asProps.highlighted,
96
+ preselectedValue = _this$asProps.preselectedValue,
97
+ visible = _this$asProps.visible;
98
+ var key = e.code;
99
+ if (place === 'trigger' && INTERACTION_KEYS.includes(key)) {
100
+ e.stopPropagation();
101
+ _this.handlers.visible(!visible);
102
+ setTimeout(function () {
103
+ var popper = _this.popperRef.current;
104
+ if (popper) {
105
+ popper.focus();
106
+ }
107
+ }, 0);
108
+ }
109
+ if (e.target !== e.currentTarget) return;
110
+ var day = _this.keyDiff[key];
111
+ var setNextDisplayedPeriod = function setNextDisplayedPeriod(next_highlighted) {
112
+ var _next_highlighted = (0, _slicedToArray2["default"])(next_highlighted, 2),
113
+ left_period = _next_highlighted[0],
114
+ right_period = _next_highlighted[1];
115
+ var monthDisplayedPeriod = displayedPeriod === null || displayedPeriod === void 0 ? void 0 : displayedPeriod.getMonth();
116
+ var period = right_period || left_period;
117
+ if (period) {
118
+ if (!monthDisplayedPeriod) {
119
+ return period;
120
+ }
121
+ if (period.getMonth() - monthDisplayedPeriod > 1) {
122
+ return RangePickerAbstract.subtract(period, 1, 'month');
123
+ } else if (period.getMonth() - monthDisplayedPeriod < 0) {
124
+ return period;
125
+ }
109
126
  }
110
- if (period.getMonth() - monthDisplayedPeriod > 1) {
111
- return RangePickerAbstract.subtract(period, 1, 'month');
112
- } else if (period.getMonth() - monthDisplayedPeriod < 0) {
113
- return period;
127
+ return displayedPeriod;
128
+ };
129
+ if (place === 'popper' && e.code === 'Space' && highlighted.length) {
130
+ var highlightedDate = highlighted[1] || highlighted[0];
131
+ if (!_this.isDisabled(highlightedDate)) {
132
+ _this.handleChange(highlightedDate);
114
133
  }
134
+ e.preventDefault();
115
135
  }
116
- return displayedPeriod;
117
- };
118
- if (e.code === 'Space' && highlighted.length) {
119
- var highlightedDate = highlighted[1] || highlighted[0];
120
- if (!_this.isDisabled(highlightedDate)) {
121
- _this.handleChange(highlightedDate);
122
- }
123
- e.preventDefault();
124
- }
125
- if (day) {
126
- if (INTERACTION_TAGS.includes(e.target.tagName)) return;
127
- if (highlighted.length) {
128
- var next_highlighted;
129
- if (preselectedValue.length === 1) {
130
- next_highlighted = [preselectedValue[0], (0, _dayjs["default"])(highlighted[1] || highlighted[0]).add(day, _this.keyStep).toDate()];
136
+ if (day) {
137
+ if (INTERACTION_TAGS.includes(e.target.tagName)) return;
138
+ if (highlighted.length) {
139
+ var next_highlighted;
140
+ if (preselectedValue.length === 1) {
141
+ next_highlighted = [preselectedValue[0], (0, _dayjs["default"])(highlighted[1] || highlighted[0]).add(day, _this.keyStep).toDate()];
142
+ } else {
143
+ next_highlighted = [(0, _dayjs["default"])(highlighted[0]).add(day, _this.keyStep).toDate()];
144
+ }
145
+ _this.handlers.highlighted(next_highlighted);
146
+ _this.handlers.displayedPeriod(setNextDisplayedPeriod(next_highlighted));
131
147
  } else {
132
- next_highlighted = [(0, _dayjs["default"])(highlighted[0]).add(day, _this.keyStep).toDate()];
148
+ _this.handlers.highlighted([displayedPeriod ? displayedPeriod : (0, _dayjs["default"])().toDate()]);
133
149
  }
134
- _this.handlers.highlighted(next_highlighted);
135
- _this.handlers.displayedPeriod(setNextDisplayedPeriod(next_highlighted));
136
- } else {
137
- _this.handlers.highlighted([displayedPeriod ? displayedPeriod : (0, _dayjs["default"])().toDate()]);
150
+ e.preventDefault();
138
151
  }
139
- e.preventDefault();
140
- }
152
+ };
141
153
  });
142
154
  (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleApply", function (value) {
143
155
  var _value2 = (0, _slicedToArray2["default"])(value, 2),
@@ -166,12 +178,6 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
166
178
  _this.handlers.preselectedValue(preselectedValue);
167
179
  _this.handlers.highlighted(highlighted);
168
180
  });
169
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setDefaultInteractionToClick", function () {
170
- if (_this.state.defaultInteraction === 'click') return;
171
- _this.setState({
172
- defaultInteraction: 'click'
173
- });
174
- });
175
181
  return _this;
176
182
  }
177
183
  (0, _createClass2["default"])(RangePickerAbstract, [{
@@ -184,13 +190,20 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
184
190
  var _this2$asProps = _this2.asProps,
185
191
  value = _this2$asProps.value,
186
192
  displayedPeriod = _this2$asProps.displayedPeriod;
193
+ var endDate = getEndDate(value !== null && value !== void 0 ? value : undefined);
187
194
  if (!visible) {
188
195
  _this2.handlers.highlighted([]);
189
196
  _this2.handlers.preselectedValue([]);
190
- _this2.handlers.displayedPeriod(getEndDate(value !== null && value !== void 0 ? value : undefined) || _this2.props.defaultDisplayedPeriod);
191
197
  }
192
- if (visible && value && value !== displayedPeriod) {
193
- _this2.handlers.displayedPeriod(getEndDate(value));
198
+ if (visible) {
199
+ if (endDate && endDate !== displayedPeriod) {
200
+ _this2.handlers.displayedPeriod(endDate);
201
+ } else if (!endDate) {
202
+ var _this2$props = _this2.props,
203
+ _displayedPeriod = _this2$props.displayedPeriod,
204
+ _defaultDisplayedPeriod = _this2$props.defaultDisplayedPeriod;
205
+ _this2.handlers.displayedPeriod(_displayedPeriod || _defaultDisplayedPeriod);
206
+ }
194
207
  }
195
208
  }],
196
209
  highlighted: null,
@@ -222,8 +235,7 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
222
235
  return {
223
236
  size: size,
224
237
  empty: !value[0] && !value[1],
225
- onKeyDown: this.handlerKeyDown,
226
- setDefaultInteractionToClick: this.setDefaultInteractionToClick
238
+ onKeyDown: this.handlerKeyDown('trigger')
227
239
  };
228
240
  }
229
241
  }, {
@@ -239,7 +251,8 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
239
251
  }));
240
252
  return {
241
253
  tabIndex: 0,
242
- onKeyDown: this.handlerKeyDown,
254
+ ref: this.popperRef,
255
+ onKeyDown: this.handlerKeyDown('popper'),
243
256
  children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, null, /*#__PURE__*/_react["default"].createElement(_flexBox.Box, {
244
257
  mr: 2
245
258
  }, /*#__PURE__*/_react["default"].createElement(Picker.Header, null, /*#__PURE__*/_react["default"].createElement(Picker.Prev, null), /*#__PURE__*/_react["default"].createElement(Picker.Title, null)), /*#__PURE__*/_react["default"].createElement(Picker.Calendar, null)), /*#__PURE__*/_react["default"].createElement(_flexBox.Box, {
@@ -371,10 +384,8 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
371
384
  Children = _this$asProps8.Children,
372
385
  styles = _this$asProps8.styles,
373
386
  providedAriaLabel = _this$asProps8['aria-label'];
374
- var defaultInteraction = this.state.defaultInteraction;
375
387
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (_ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_dropdown["default"], (0, _core.assignProps)({
376
388
  "use:aria-label": providedAriaLabel,
377
- "interaction": defaultInteraction,
378
389
  "__excludeProps": ['onChange', 'value']
379
390
  }, _ref), /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {})))));
380
391
  }
@@ -1 +1 @@
1
- {"version":3,"file":"RangePickerAbstract.js","names":["_core","require","_react","_interopRequireDefault","_dayjs","_button","_flexBox","_divider","_dropdown","_i18nEnhance","_intergalacticDynamicLocales","_includesDate","style","sstyled","insert","INTERACTION_TAGS","defaultDisplayedPeriod","Date","setHours","getEndDate","value","Array","isArray","_value","_slicedToArray2","startDate","_value$","endDate","RangePickerAbstract","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","defaultInteraction","direction","displayedPeriod","asProps","action","date","dayjs","navigateStep","toDate","handlers","navigateView","e","target","currentTarget","_this$asProps","highlighted","preselectedValue","day","keyDiff","code","setNextDisplayedPeriod","next_highlighted","_next_highlighted","left_period","right_period","monthDisplayedPeriod","getMonth","period","subtract","highlightedDate","isDisabled","handleChange","preventDefault","includes","tagName","add","keyStep","_value2","_value2$","state","setState","_createClass2","key","uncontrolledProps","_this2","visible","_this2$asProps","undefined","props","_value$2","_value$3","disabled","some","includesDate","getDefaultPeriods","getButtonTriggerProps","_this$asProps2","size","empty","onKeyDown","handlerKeyDown","setDefaultInteractionToClick","getPopperProps","Picker","CORE_INSTANCE","_this$asProps3","_this$asProps3$period","periods","unclearable","buttons","createElement","Fragment","Apply","Reset","ml","tabIndex","children","Flex","Box","mr","Header","Prev","Title","Calendar","Next","m","orientation","h","Period","mt","getHeaderProps","getTitleProps","index","_this$asProps4","locale","Intl","DateTimeFormat","month","year","format","startOf","getNextProps","onClick","bindHandlerNavigateClick","getI18nText","getPrevProps","getCalendarProps","_props","_this$asProps5","onHighlightedChange","onVisibleChange","onChange","getPeriodProps","_this$asProps6","_this$asProps6$period","onDisplayedPeriodChange","handleApply","getApplyProps","_this3","_this$asProps7","getResetProps","_this4","render","_ref","_ref4","_this$asProps8","Children","styles","providedAriaLabel","Dropdown","assignProps","cn","defaultProps","_ref5","defaultValue","i18n","localizedMessages","defaultHighlighted","defaultVisible","defaultPreselectedValue","Component","i18nEnhance","amount","unit","_ref2","arguments[0]","Button","_ref3","_default","exports"],"sources":["../../../src/components/RangePickerAbstract.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, CORE_INSTANCE, sstyled } from '@semcore/core';\nimport Button from '@semcore/button';\nimport { Box, Flex } from '@semcore/flex-box';\nimport Divider from '@semcore/divider';\nimport Dropdown from '@semcore/dropdown';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from '../translations/__intergalactic-dynamic-locales';\nimport includesDate from '../utils/includesDate';\n\nimport style from '../style/date-picker.shadow.css';\n\nconst INTERACTION_TAGS = ['INPUT'];\n\nconst defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));\n\nfunction getEndDate(value) {\n if (!Array.isArray(value)) return null;\n const [startDate, endDate = startDate] = value;\n return endDate;\n}\n\nclass RangePickerAbstract extends Component {\n static displayName = 'DatePicker';\n static style = style;\n\n static defaultProps({ value, defaultValue }) {\n return {\n i18n: localizedMessages,\n locale: 'en',\n defaultDisplayedPeriod:\n getEndDate(value) || getEndDate(defaultValue) || defaultDisplayedPeriod,\n defaultValue: [],\n defaultHighlighted: [],\n defaultVisible: false,\n defaultPreselectedValue: [],\n disabled: [],\n size: 'm',\n };\n }\n\n static enhance = [i18nEnhance(localizedMessages)];\n\n static add = (date, amount, unit) => {\n return dayjs(date).add(amount, unit).toDate();\n };\n\n static subtract = (date, amount, unit) => {\n return dayjs(date).subtract(amount, unit).toDate();\n };\n\n navigateStep;\n keyDiff;\n keyStep;\n\n state = {\n // To remove after removing button trigger\n defaultInteraction: 'focus',\n };\n\n uncontrolledProps() {\n return {\n displayedPeriod: null,\n visible: [\n null,\n (visible) => {\n const { value, displayedPeriod } = this.asProps;\n\n if (!visible) {\n this.handlers.highlighted([]);\n this.handlers.preselectedValue([]);\n this.handlers.displayedPeriod(\n getEndDate(value ?? undefined) || this.props.defaultDisplayedPeriod,\n );\n }\n\n if (visible && value && value !== displayedPeriod) {\n this.handlers.displayedPeriod(getEndDate(value));\n }\n },\n ],\n highlighted: null,\n preselectedValue: null,\n value: [\n null,\n (value) => {\n this.handlers.visible(false);\n this.handlers.displayedPeriod(getEndDate([value[0] ?? undefined, value[1] ?? undefined]));\n },\n ],\n };\n }\n navigateView = (direction) => {\n const { displayedPeriod } = this.asProps;\n const action = direction >= 1 ? 'add' : 'subtract';\n const date = dayjs(displayedPeriod)[action](1, this.navigateStep).toDate();\n this.handlers.displayedPeriod(date);\n };\n\n bindHandlerNavigateClick = (direction) => () => this.navigateView(direction);\n\n handlerKeyDown = (e) => {\n if (e.target !== e.currentTarget) return;\n const { displayedPeriod, highlighted, preselectedValue } = this.asProps;\n const day = this.keyDiff[e.code];\n\n const setNextDisplayedPeriod = (next_highlighted) => {\n const [left_period, right_period] = next_highlighted;\n\n const monthDisplayedPeriod = displayedPeriod?.getMonth();\n const period = right_period || left_period;\n\n if (period) {\n if (!monthDisplayedPeriod) {\n return period;\n }\n\n if (period.getMonth() - monthDisplayedPeriod > 1) {\n return RangePickerAbstract.subtract(period, 1, 'month');\n } else if (period.getMonth() - monthDisplayedPeriod < 0) {\n return period;\n }\n }\n return displayedPeriod;\n };\n\n if (e.code === 'Space' && highlighted.length) {\n const highlightedDate = highlighted[1] || highlighted[0];\n\n if (!this.isDisabled(highlightedDate)) {\n this.handleChange(highlightedDate);\n }\n e.preventDefault();\n }\n if (day) {\n if (INTERACTION_TAGS.includes(e.target.tagName)) return;\n if (highlighted.length) {\n let next_highlighted;\n if (preselectedValue.length === 1) {\n next_highlighted = [\n preselectedValue[0],\n dayjs(highlighted[1] || highlighted[0])\n .add(day, this.keyStep)\n .toDate(),\n ];\n } else {\n next_highlighted = [\n dayjs(highlighted[0])\n .add(day, this.keyStep)\n .toDate(),\n ];\n }\n this.handlers.highlighted(next_highlighted);\n this.handlers.displayedPeriod(setNextDisplayedPeriod(next_highlighted));\n } else {\n this.handlers.highlighted([displayedPeriod ? displayedPeriod : dayjs().toDate()]);\n }\n e.preventDefault();\n }\n };\n\n isDisabled(date) {\n const { disabled } = this.asProps;\n\n return disabled.some(includesDate(dayjs(date), 'date'));\n }\n\n handleApply = (value) => {\n const [startDate, endDate = startDate] = value;\n this.handleChange([]);\n this.handlers.value([startDate, endDate]);\n };\n\n handleChange = (date) => {\n let { preselectedValue } = this.asProps;\n let highlighted = [];\n if (Array.isArray(date)) {\n preselectedValue = date;\n } else if (!preselectedValue.length) {\n preselectedValue = [date];\n highlighted = [date];\n } else if (preselectedValue.length >= 2) {\n preselectedValue = [date];\n highlighted = [date];\n } else if (preselectedValue[0] > date) {\n preselectedValue = [date, preselectedValue[0]];\n } else {\n preselectedValue = [preselectedValue[0], date];\n }\n\n this.handlers.preselectedValue(preselectedValue);\n this.handlers.highlighted(highlighted);\n };\n\n getDefaultPeriods() {\n return [];\n }\n\n setDefaultInteractionToClick = () => {\n if (this.state.defaultInteraction === 'click') return;\n this.setState({ defaultInteraction: 'click' });\n };\n\n getButtonTriggerProps() {\n const { value, size } = this.asProps;\n\n return {\n size,\n empty: !value[0] && !value[1],\n onKeyDown: this.handlerKeyDown,\n setDefaultInteractionToClick: this.setDefaultInteractionToClick,\n };\n }\n\n getPopperProps() {\n const Picker = this[CORE_INSTANCE];\n const { periods = this.getDefaultPeriods(), unclearable } = this.asProps;\n\n const buttons = (\n <>\n <Picker.Apply />\n {!unclearable && <Picker.Reset ml={2} />}\n </>\n );\n\n return {\n tabIndex: 0,\n onKeyDown: this.handlerKeyDown,\n children: (\n <>\n <Flex>\n <Box mr={2}>\n <Picker.Header>\n <Picker.Prev />\n <Picker.Title />\n </Picker.Header>\n <Picker.Calendar />\n </Box>\n <Box ml={2}>\n <Picker.Header>\n <Picker.Title />\n <Picker.Next />\n </Picker.Header>\n <Picker.Calendar />\n </Box>\n {periods.length ? (\n <>\n <Divider m='-16px 16px' orientation='vertical' h='auto' />\n <Flex direction='column'>\n <Picker.Period />\n <Flex mt='auto'>{buttons}</Flex>\n </Flex>\n </>\n ) : (\n <Flex mt={4}>{buttons}</Flex>\n )}\n </Flex>\n </>\n ),\n };\n }\n\n getHeaderProps() {\n const Picker = this[CORE_INSTANCE];\n return {\n children: (\n <>\n <Picker.Prev />\n <Picker.Title />\n <Picker.Next />\n </>\n ),\n };\n }\n\n getTitleProps(props, index) {\n const { locale, displayedPeriod } = this.asProps;\n return {\n children: new Intl.DateTimeFormat(locale, { month: 'long', year: 'numeric' }).format(\n dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate(),\n ),\n };\n }\n\n getNextProps() {\n return {\n onClick: this.bindHandlerNavigateClick(1),\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n getPrevProps() {\n return {\n onClick: this.bindHandlerNavigateClick(-1),\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n getCalendarProps(_props, index) {\n const {\n locale,\n displayedPeriod,\n disabled,\n value,\n highlighted,\n onHighlightedChange,\n onVisibleChange,\n preselectedValue,\n } = this.asProps;\n\n return {\n locale,\n displayedPeriod: dayjs(displayedPeriod)\n .add(index, this.navigateStep)\n .startOf(this.navigateStep)\n .toDate(),\n disabled,\n highlighted,\n onHighlightedChange,\n onVisibleChange,\n value: preselectedValue.length ? preselectedValue : value,\n onChange: this.handleChange,\n };\n }\n\n getPeriodProps() {\n const {\n periods = this.getDefaultPeriods(),\n value,\n onHighlightedChange,\n onDisplayedPeriodChange,\n preselectedValue,\n } = this.asProps;\n return {\n periods,\n value: preselectedValue.length ? preselectedValue : value,\n onChange: this.handleApply,\n onHighlightedChange,\n onDisplayedPeriodChange,\n };\n }\n\n getApplyProps() {\n const { value, getI18nText, preselectedValue } = this.asProps;\n return {\n getI18nText,\n onClick: () => this.handleApply(preselectedValue.length ? preselectedValue : value),\n };\n }\n\n getResetProps() {\n const { getI18nText } = this.asProps;\n return {\n getI18nText,\n onClick: () => this.handleApply([]),\n };\n }\n\n render() {\n const { Children, styles, 'aria-label': providedAriaLabel } = this.asProps;\n const { defaultInteraction } = this.state;\n\n return (\n <>\n {sstyled(styles)(\n <Root\n render={Dropdown}\n use:aria-label={providedAriaLabel}\n interaction={defaultInteraction}\n __excludeProps={['onChange', 'value']}\n >\n <Children />\n </Root>,\n )}\n </>\n );\n }\n}\n\nfunction Apply(props) {\n const { getI18nText } = props;\n return <Root render={Button} use='primary' children={getI18nText('apply')} />;\n}\n\nfunction Reset(props) {\n const { getI18nText } = props;\n return <Root render={Button} use='tertiary' theme='muted' children={getI18nText('reset')} />;\n}\n\nexport { Apply, Reset };\n\nexport default RangePickerAbstract;\n"],"mappings":"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"}
1
+ {"version":3,"file":"RangePickerAbstract.js","names":["_core","require","_react","_interopRequireDefault","_dayjs","_button","_flexBox","_divider","_dropdown","_i18nEnhance","_intergalacticDynamicLocales","_includesDate","style","sstyled","insert","INTERACTION_TAGS","INTERACTION_KEYS","defaultDisplayedPeriod","Date","setHours","getEndDate","value","Array","isArray","_value","_slicedToArray2","startDate","_value$","endDate","RangePickerAbstract","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","direction","displayedPeriod","asProps","action","date","dayjs","navigateStep","toDate","handlers","navigateView","place","e","_this$asProps","highlighted","preselectedValue","visible","key","code","includes","stopPropagation","setTimeout","popper","popperRef","current","focus","target","currentTarget","day","keyDiff","setNextDisplayedPeriod","next_highlighted","_next_highlighted","left_period","right_period","monthDisplayedPeriod","getMonth","period","subtract","highlightedDate","isDisabled","handleChange","preventDefault","tagName","add","keyStep","_value2","_value2$","_createClass2","uncontrolledProps","_this2","_this2$asProps","undefined","_this2$props","props","_value$2","_value$3","disabled","some","includesDate","getDefaultPeriods","getButtonTriggerProps","_this$asProps2","size","empty","onKeyDown","handlerKeyDown","getPopperProps","Picker","CORE_INSTANCE","_this$asProps3","_this$asProps3$period","periods","unclearable","buttons","createElement","Fragment","Apply","Reset","ml","tabIndex","ref","children","Flex","Box","mr","Header","Prev","Title","Calendar","Next","m","orientation","h","Period","mt","getHeaderProps","getTitleProps","index","_this$asProps4","locale","Intl","DateTimeFormat","month","year","format","startOf","getNextProps","onClick","bindHandlerNavigateClick","getI18nText","getPrevProps","getCalendarProps","_props","_this$asProps5","onHighlightedChange","onVisibleChange","onChange","getPeriodProps","_this$asProps6","_this$asProps6$period","onDisplayedPeriodChange","handleApply","getApplyProps","_this3","_this$asProps7","getResetProps","_this4","render","_ref","_ref4","_this$asProps8","Children","styles","providedAriaLabel","Dropdown","assignProps","cn","defaultProps","_ref5","defaultValue","i18n","localizedMessages","defaultHighlighted","defaultVisible","defaultPreselectedValue","Component","i18nEnhance","amount","unit","_ref2","arguments[0]","Button","_ref3","_default","exports"],"sources":["../../../src/components/RangePickerAbstract.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, CORE_INSTANCE, sstyled } from '@semcore/core';\nimport Button from '@semcore/button';\nimport { Box, Flex } from '@semcore/flex-box';\nimport Divider from '@semcore/divider';\nimport Dropdown from '@semcore/dropdown';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from '../translations/__intergalactic-dynamic-locales';\nimport includesDate from '../utils/includesDate';\n\nimport style from '../style/date-picker.shadow.css';\n\nconst INTERACTION_TAGS = ['INPUT'];\nconst INTERACTION_KEYS = ['ArrowDown', 'Enter', 'Space'];\n\nconst defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));\n\nfunction getEndDate(value) {\n if (!Array.isArray(value)) return null;\n const [startDate, endDate = startDate] = value;\n return endDate;\n}\n\nclass RangePickerAbstract extends Component {\n static displayName = 'DatePicker';\n static style = style;\n\n static defaultProps({ value, defaultValue }) {\n return {\n i18n: localizedMessages,\n locale: 'en',\n defaultDisplayedPeriod:\n getEndDate(value) || getEndDate(defaultValue) || defaultDisplayedPeriod,\n defaultValue: [],\n defaultHighlighted: [],\n defaultVisible: false,\n defaultPreselectedValue: [],\n disabled: [],\n size: 'm',\n };\n }\n\n static enhance = [i18nEnhance(localizedMessages)];\n\n static add = (date, amount, unit) => {\n return dayjs(date).add(amount, unit).toDate();\n };\n\n static subtract = (date, amount, unit) => {\n return dayjs(date).subtract(amount, unit).toDate();\n };\n\n popperRef = React.createRef();\n\n navigateStep;\n keyDiff;\n keyStep;\n\n uncontrolledProps() {\n return {\n displayedPeriod: null,\n visible: [\n null,\n (visible) => {\n const { value, displayedPeriod } = this.asProps;\n const endDate = getEndDate(value ?? undefined);\n\n if (!visible) {\n this.handlers.highlighted([]);\n this.handlers.preselectedValue([]);\n }\n\n if (visible) {\n if (endDate && endDate !== displayedPeriod) {\n this.handlers.displayedPeriod(endDate);\n } else if (!endDate) {\n const { displayedPeriod, defaultDisplayedPeriod } = this.props;\n this.handlers.displayedPeriod(displayedPeriod || defaultDisplayedPeriod);\n }\n }\n },\n ],\n highlighted: null,\n preselectedValue: null,\n value: [\n null,\n (value) => {\n this.handlers.visible(false);\n this.handlers.displayedPeriod(getEndDate([value[0] ?? undefined, value[1] ?? undefined]));\n },\n ],\n };\n }\n navigateView = (direction) => {\n const { displayedPeriod } = this.asProps;\n const action = direction >= 1 ? 'add' : 'subtract';\n const date = dayjs(displayedPeriod)[action](1, this.navigateStep).toDate();\n this.handlers.displayedPeriod(date);\n };\n\n bindHandlerNavigateClick = (direction) => () => this.navigateView(direction);\n\n handlerKeyDown = (place) => (e) => {\n const { displayedPeriod, highlighted, preselectedValue, visible } = this.asProps;\n const key = e.code;\n\n if (place === 'trigger' && INTERACTION_KEYS.includes(key)) {\n e.stopPropagation();\n this.handlers.visible(!visible);\n\n setTimeout(() => {\n const popper = this.popperRef.current;\n\n if (popper) {\n popper.focus();\n }\n }, 0);\n }\n\n if (e.target !== e.currentTarget) return;\n const day = this.keyDiff[key];\n\n const setNextDisplayedPeriod = (next_highlighted) => {\n const [left_period, right_period] = next_highlighted;\n\n const monthDisplayedPeriod = displayedPeriod?.getMonth();\n const period = right_period || left_period;\n\n if (period) {\n if (!monthDisplayedPeriod) {\n return period;\n }\n\n if (period.getMonth() - monthDisplayedPeriod > 1) {\n return RangePickerAbstract.subtract(period, 1, 'month');\n } else if (period.getMonth() - monthDisplayedPeriod < 0) {\n return period;\n }\n }\n return displayedPeriod;\n };\n\n if (place === 'popper' && e.code === 'Space' && highlighted.length) {\n const highlightedDate = highlighted[1] || highlighted[0];\n\n if (!this.isDisabled(highlightedDate)) {\n this.handleChange(highlightedDate);\n }\n e.preventDefault();\n }\n if (day) {\n if (INTERACTION_TAGS.includes(e.target.tagName)) return;\n if (highlighted.length) {\n let next_highlighted;\n if (preselectedValue.length === 1) {\n next_highlighted = [\n preselectedValue[0],\n dayjs(highlighted[1] || highlighted[0])\n .add(day, this.keyStep)\n .toDate(),\n ];\n } else {\n next_highlighted = [\n dayjs(highlighted[0])\n .add(day, this.keyStep)\n .toDate(),\n ];\n }\n this.handlers.highlighted(next_highlighted);\n this.handlers.displayedPeriod(setNextDisplayedPeriod(next_highlighted));\n } else {\n this.handlers.highlighted([displayedPeriod ? displayedPeriod : dayjs().toDate()]);\n }\n e.preventDefault();\n }\n };\n\n isDisabled(date) {\n const { disabled } = this.asProps;\n\n return disabled.some(includesDate(dayjs(date), 'date'));\n }\n\n handleApply = (value) => {\n const [startDate, endDate = startDate] = value;\n this.handleChange([]);\n this.handlers.value([startDate, endDate]);\n };\n\n handleChange = (date) => {\n let { preselectedValue } = this.asProps;\n let highlighted = [];\n if (Array.isArray(date)) {\n preselectedValue = date;\n } else if (!preselectedValue.length) {\n preselectedValue = [date];\n highlighted = [date];\n } else if (preselectedValue.length >= 2) {\n preselectedValue = [date];\n highlighted = [date];\n } else if (preselectedValue[0] > date) {\n preselectedValue = [date, preselectedValue[0]];\n } else {\n preselectedValue = [preselectedValue[0], date];\n }\n\n this.handlers.preselectedValue(preselectedValue);\n this.handlers.highlighted(highlighted);\n };\n\n getDefaultPeriods() {\n return [];\n }\n\n getButtonTriggerProps() {\n const { value, size } = this.asProps;\n\n return {\n size,\n empty: !value[0] && !value[1],\n onKeyDown: this.handlerKeyDown('trigger'),\n };\n }\n\n getPopperProps() {\n const Picker = this[CORE_INSTANCE];\n const { periods = this.getDefaultPeriods(), unclearable } = this.asProps;\n\n const buttons = (\n <>\n <Picker.Apply />\n {!unclearable && <Picker.Reset ml={2} />}\n </>\n );\n\n return {\n tabIndex: 0,\n ref: this.popperRef,\n onKeyDown: this.handlerKeyDown('popper'),\n children: (\n <>\n <Flex>\n <Box mr={2}>\n <Picker.Header>\n <Picker.Prev />\n <Picker.Title />\n </Picker.Header>\n <Picker.Calendar />\n </Box>\n <Box ml={2}>\n <Picker.Header>\n <Picker.Title />\n <Picker.Next />\n </Picker.Header>\n <Picker.Calendar />\n </Box>\n {periods.length ? (\n <>\n <Divider m='-16px 16px' orientation='vertical' h='auto' />\n <Flex direction='column'>\n <Picker.Period />\n <Flex mt='auto'>{buttons}</Flex>\n </Flex>\n </>\n ) : (\n <Flex mt={4}>{buttons}</Flex>\n )}\n </Flex>\n </>\n ),\n };\n }\n\n getHeaderProps() {\n const Picker = this[CORE_INSTANCE];\n return {\n children: (\n <>\n <Picker.Prev />\n <Picker.Title />\n <Picker.Next />\n </>\n ),\n };\n }\n\n getTitleProps(props, index) {\n const { locale, displayedPeriod } = this.asProps;\n return {\n children: new Intl.DateTimeFormat(locale, { month: 'long', year: 'numeric' }).format(\n dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate(),\n ),\n };\n }\n\n getNextProps() {\n return {\n onClick: this.bindHandlerNavigateClick(1),\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n getPrevProps() {\n return {\n onClick: this.bindHandlerNavigateClick(-1),\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n getCalendarProps(_props, index) {\n const {\n locale,\n displayedPeriod,\n disabled,\n value,\n highlighted,\n onHighlightedChange,\n onVisibleChange,\n preselectedValue,\n } = this.asProps;\n\n return {\n locale,\n displayedPeriod: dayjs(displayedPeriod)\n .add(index, this.navigateStep)\n .startOf(this.navigateStep)\n .toDate(),\n disabled,\n highlighted,\n onHighlightedChange,\n onVisibleChange,\n value: preselectedValue.length ? preselectedValue : value,\n onChange: this.handleChange,\n };\n }\n\n getPeriodProps() {\n const {\n periods = this.getDefaultPeriods(),\n value,\n onHighlightedChange,\n onDisplayedPeriodChange,\n preselectedValue,\n } = this.asProps;\n return {\n periods,\n value: preselectedValue.length ? preselectedValue : value,\n onChange: this.handleApply,\n onHighlightedChange,\n onDisplayedPeriodChange,\n };\n }\n\n getApplyProps() {\n const { value, getI18nText, preselectedValue } = this.asProps;\n return {\n getI18nText,\n onClick: () => this.handleApply(preselectedValue.length ? preselectedValue : value),\n };\n }\n\n getResetProps() {\n const { getI18nText } = this.asProps;\n return {\n getI18nText,\n onClick: () => this.handleApply([]),\n };\n }\n\n render() {\n const { Children, styles, 'aria-label': providedAriaLabel } = this.asProps;\n\n return (\n <>\n {sstyled(styles)(\n <Root\n render={Dropdown}\n use:aria-label={providedAriaLabel}\n __excludeProps={['onChange', 'value']}\n >\n <Children />\n </Root>,\n )}\n </>\n );\n }\n}\n\nfunction Apply(props) {\n const { getI18nText } = props;\n return <Root render={Button} use='primary' children={getI18nText('apply')} />;\n}\n\nfunction Reset(props) {\n const { getI18nText } = props;\n return <Root render={Button} use='tertiary' theme='muted' children={getI18nText('reset')} />;\n}\n\nexport { Apply, Reset };\n\nexport default RangePickerAbstract;\n"],"mappings":"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"}
@@ -6,11 +6,7 @@ import Calendar from 'intergalactic/icon/Calendar/m';
6
6
  import createComponent, { Root } from 'intergalactic/core';
7
7
  var ButtonTriggerRoot = function ButtonTriggerRoot(_ref2) {
8
8
  var _ref = arguments[0];
9
- var Children = _ref2.Children,
10
- setDefaultInteractionToClick = _ref2.setDefaultInteractionToClick;
11
- React.useEffect(function () {
12
- setDefaultInteractionToClick === null || setDefaultInteractionToClick === void 0 ? void 0 : setDefaultInteractionToClick();
13
- }, [setDefaultInteractionToClick]);
9
+ var Children = _ref2.Children;
14
10
  return /*#__PURE__*/React.createElement(BaseTrigger, _assignProps({}, _ref), /*#__PURE__*/React.createElement(ButtonTrigger.Addon, {
15
11
  tag: Calendar
16
12
  }), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, true));
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonTrigger.js","names":["React","BaseTrigger","addonTextChildren","Calendar","createComponent","Root","ButtonTriggerRoot","_ref2","_ref","arguments[0]","Children","setDefaultInteractionToClick","useEffect","createElement","_assignProps","ButtonTrigger","Addon","tag","Text","displayName"],"sources":["../../../src/components/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport BaseTrigger from '@semcore/base-trigger';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport Calendar from '@semcore/icon/Calendar/m';\nimport createComponent, { Root } from '@semcore/core';\n\nconst ButtonTriggerRoot = ({ Children, setDefaultInteractionToClick }) => {\n React.useEffect(() => {\n setDefaultInteractionToClick?.();\n }, [setDefaultInteractionToClick]);\n\n return (\n <Root render={BaseTrigger}>\n <ButtonTrigger.Addon tag={Calendar} />\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, true)}\n </Root>\n );\n};\n\nButtonTriggerRoot.displayName = 'ButtonTrigger';\n\nconst ButtonTrigger = createComponent(ButtonTriggerRoot, {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n});\n\nexport default ButtonTrigger;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,WAAW,MAAM,uBAAuB;AAC/C,OAAOC,iBAAiB,MAAM,sCAAsC;AACpE,OAAOC,QAAQ,MAAM,0BAA0B;AAC/C,OAAOC,eAAe,IAAIC,IAAI,QAAQ,eAAe;AAErD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,KAAA,EAAmD;EAAA,IAAAC,IAAA,GAAAC,YAAA;EAAA,IAA7CC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;IAAEC,4BAA4B,GAAAJ,KAAA,CAA5BI,4BAA4B;EACjEX,KAAK,CAACY,SAAS,CAAC,YAAM;IACpBD,4BAA4B,aAA5BA,4BAA4B,uBAA5BA,4BAA4B,EAAI;EAClC,CAAC,EAAE,CAACA,4BAA4B,CAAC,CAAC;EAElC,oBACEX,KAAA,CAAAa,aAAA,CAAcZ,WAAW,EAAAa,YAAA,KAAAN,IAAA,gBACvBR,KAAA,CAAAa,aAAA,CAACE,aAAa,CAACC,KAAK;IAACC,GAAG,EAAEd;EAAS,EAAG,EACrCD,iBAAiB,CAACQ,QAAQ,EAAEK,aAAa,CAACG,IAAI,EAAEH,aAAa,CAACC,KAAK,EAAE,IAAI,CAAC,CACtE;AAEX,CAAC;AAEDV,iBAAiB,CAACa,WAAW,GAAG,eAAe;AAE/C,IAAMJ,aAAa,GAAGX,eAAe,CAACE,iBAAiB,EAAE;EACvDY,IAAI,EAAEjB,WAAW,CAACiB,IAAI;EACtBF,KAAK,EAAEf,WAAW,CAACe;AACrB,CAAC,CAAC;AAEF,eAAeD,aAAa"}
1
+ {"version":3,"file":"ButtonTrigger.js","names":["React","BaseTrigger","addonTextChildren","Calendar","createComponent","Root","ButtonTriggerRoot","_ref2","_ref","arguments[0]","Children","createElement","_assignProps","ButtonTrigger","Addon","tag","Text","displayName"],"sources":["../../../src/components/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport BaseTrigger from '@semcore/base-trigger';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport Calendar from '@semcore/icon/Calendar/m';\nimport createComponent, { Root } from '@semcore/core';\n\nconst ButtonTriggerRoot = ({ Children }) => {\n return (\n <Root render={BaseTrigger}>\n <ButtonTrigger.Addon tag={Calendar} />\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, true)}\n </Root>\n );\n};\n\nButtonTriggerRoot.displayName = 'ButtonTrigger';\n\nconst ButtonTrigger = createComponent(ButtonTriggerRoot, {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n});\n\nexport default ButtonTrigger;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,WAAW,MAAM,uBAAuB;AAC/C,OAAOC,iBAAiB,MAAM,sCAAsC;AACpE,OAAOC,QAAQ,MAAM,0BAA0B;AAC/C,OAAOC,eAAe,IAAIC,IAAI,QAAQ,eAAe;AAErD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,KAAA,EAAqB;EAAA,IAAAC,IAAA,GAAAC,YAAA;EAAA,IAAfC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;EACnC,oBACEV,KAAA,CAAAW,aAAA,CAAcV,WAAW,EAAAW,YAAA,KAAAJ,IAAA,gBACvBR,KAAA,CAAAW,aAAA,CAACE,aAAa,CAACC,KAAK;IAACC,GAAG,EAAEZ;EAAS,EAAG,EACrCD,iBAAiB,CAACQ,QAAQ,EAAEG,aAAa,CAACG,IAAI,EAAEH,aAAa,CAACC,KAAK,EAAE,IAAI,CAAC,CACtE;AAEX,CAAC;AAEDR,iBAAiB,CAACW,WAAW,GAAG,eAAe;AAE/C,IAAMJ,aAAa,GAAGT,eAAe,CAACE,iBAAiB,EAAE;EACvDU,IAAI,EAAEf,WAAW,CAACe,IAAI;EACtBF,KAAK,EAAEb,WAAW,CAACa;AACrB,CAAC,CAAC;AAEF,eAAeD,aAAa"}
@@ -47,6 +47,7 @@ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/
47
47
  "__SPeriodsList": "___SPeriodsList_1hpbh_gg_",
48
48
  "__SPopper": "___SPopper_1hpbh_gg_"
49
49
  });
50
+ var INTERACTION_KEYS = ['ArrowDown', 'Enter', 'Space'];
50
51
  var defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));
51
52
  var getLatestDate = function getLatestDate() {
52
53
  for (var _len = arguments.length, dateRanges = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -72,6 +73,7 @@ var DateRangeComparatorAbstract = /*#__PURE__*/function (_Component) {
72
73
  args[_key2] = arguments[_key2];
73
74
  }
74
75
  _this = _super.call.apply(_super, [this].concat(args));
76
+ _defineProperty(_assertThisInitialized(_this), "popperRef", /*#__PURE__*/React.createRef());
75
77
  _defineProperty(_assertThisInitialized(_this), "navigateView", function (direction) {
76
78
  var displayedPeriod = _this.asProps.displayedPeriod;
77
79
  var action = direction >= 1 ? 'add' : 'subtract';
@@ -90,6 +92,20 @@ var DateRangeComparatorAbstract = /*#__PURE__*/function (_Component) {
90
92
  });
91
93
  _this.handlers.visible(false);
92
94
  });
95
+ _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (e) {
96
+ var visible = _this.asProps.visible;
97
+ var key = e.code;
98
+ if (INTERACTION_KEYS.includes(key)) {
99
+ e.stopPropagation();
100
+ _this.handlers.visible(!visible);
101
+ setTimeout(function () {
102
+ var popper = _this.popperRef.current;
103
+ if (popper) {
104
+ popper.focus();
105
+ }
106
+ }, 0);
107
+ }
108
+ });
93
109
  _defineProperty(_assertThisInitialized(_this), "handleChange", function (date) {
94
110
  var _value, _value2, _value3;
95
111
  var _this$asProps = _this.asProps,
@@ -182,21 +198,26 @@ var DateRangeComparatorAbstract = /*#__PURE__*/function (_Component) {
182
198
  displayedPeriod: null,
183
199
  visible: [null, function (visible) {
184
200
  if (!visible) {
185
- var _ref10, _this3$asProps$value$, _this3$asProps$value, _this3$asProps$value2;
186
201
  _this3.handlers.highlighted([]);
187
202
  _this3.handlers.compareHighlighted([]);
188
203
  _this3.handlers.preselectedValue(undefined);
189
204
  _this3.handlers.preselectedCompare(undefined);
190
205
  _this3.handlers.compareToggle(undefined);
191
206
  _this3.handlers.focusedRange('value');
192
- _this3.handlers.displayedPeriod(getLatestDate((_ref10 = (_this3$asProps$value$ = (_this3$asProps$value = _this3.asProps.value) === null || _this3$asProps$value === void 0 ? void 0 : _this3$asProps$value.value) !== null && _this3$asProps$value$ !== void 0 ? _this3$asProps$value$ : (_this3$asProps$value2 = _this3.asProps.value) === null || _this3$asProps$value2 === void 0 ? void 0 : _this3$asProps$value2.compare) !== null && _ref10 !== void 0 ? _ref10 : []) || _this3.props.defaultDisplayedPeriod);
193
207
  }
194
208
  var _this3$asProps = _this3.asProps,
195
209
  value = _this3$asProps.value,
196
210
  displayedPeriod = _this3$asProps.displayedPeriod;
197
211
  var newDisplayedPeriod = value ? getLatestDate(value.value, value.compare) : undefined;
198
- if (visible && newDisplayedPeriod && newDisplayedPeriod !== displayedPeriod) {
199
- _this3.handlers.displayedPeriod(newDisplayedPeriod);
212
+ if (visible) {
213
+ if (newDisplayedPeriod && newDisplayedPeriod !== displayedPeriod) {
214
+ _this3.handlers.displayedPeriod(newDisplayedPeriod);
215
+ } else if (!newDisplayedPeriod) {
216
+ var _this3$props = _this3.props,
217
+ _displayedPeriod = _this3$props.displayedPeriod,
218
+ _defaultDisplayedPeriod = _this3$props.defaultDisplayedPeriod;
219
+ _this3.handlers.displayedPeriod(_displayedPeriod || _defaultDisplayedPeriod);
220
+ }
200
221
  }
201
222
  }],
202
223
  highlighted: null,
@@ -276,14 +297,14 @@ var DateRangeComparatorAbstract = /*#__PURE__*/function (_Component) {
276
297
  }
277
298
  }, {
278
299
  key: "getTriggerProps",
279
- value: function getTriggerProps(_ref11) {
300
+ value: function getTriggerProps(_ref10) {
280
301
  var _this$asProps$value3,
281
302
  _this$asProps$value4,
282
303
  _this6 = this;
283
- var _ref11$placeholder = _ref11.placeholder,
284
- placeholder = _ref11$placeholder === void 0 ? 'Select date ranges' : _ref11$placeholder,
285
- _ref11$separator = _ref11.separator,
286
- separator = _ref11$separator === void 0 ? 'vs.' : _ref11$separator;
304
+ var _ref10$placeholder = _ref10.placeholder,
305
+ placeholder = _ref10$placeholder === void 0 ? 'Select date ranges' : _ref10$placeholder,
306
+ _ref10$separator = _ref10.separator,
307
+ separator = _ref10$separator === void 0 ? 'vs.' : _ref10$separator;
287
308
  var _this$asProps5 = this.asProps,
288
309
  locale = _this$asProps5.locale,
289
310
  visible = _this$asProps5.visible;
@@ -307,7 +328,8 @@ var DateRangeComparatorAbstract = /*#__PURE__*/function (_Component) {
307
328
  visible: visible,
308
329
  onClick: function onClick() {
309
330
  return _this6.handlers.visible(!visible);
310
- }
331
+ },
332
+ onKeyDown: this.handleKeyDown
311
333
  };
312
334
  }
313
335
  }, {
@@ -436,7 +458,8 @@ var DateRangeComparatorAbstract = /*#__PURE__*/function (_Component) {
436
458
  key: "getPopperProps",
437
459
  value: function getPopperProps() {
438
460
  return {
439
- p: 0
461
+ p: 0,
462
+ ref: this.popperRef
440
463
  };
441
464
  }
442
465
  }, {
@@ -455,11 +478,11 @@ var DateRangeComparatorAbstract = /*#__PURE__*/function (_Component) {
455
478
  }
456
479
  }], [{
457
480
  key: "defaultProps",
458
- value: function defaultProps(_ref12) {
459
- var primaryRange = _ref12.primaryRange,
460
- defaultPrimaryRange = _ref12.defaultPrimaryRange,
461
- secondaryRange = _ref12.secondaryRange,
462
- defaultSecondaryRange = _ref12.defaultSecondaryRange;
481
+ value: function defaultProps(_ref11) {
482
+ var primaryRange = _ref11.primaryRange,
483
+ defaultPrimaryRange = _ref11.defaultPrimaryRange,
484
+ secondaryRange = _ref11.secondaryRange,
485
+ defaultSecondaryRange = _ref11.defaultSecondaryRange;
463
486
  return {
464
487
  i18n: localizedMessages,
465
488
  locale: 'en',