intergalactic 15.38.0-prerelease-46329ccd

package/date-picker/lib/es6/components/RangePickerAbstract.js

@@ -0,0 +1,408 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { sstyled as _sstyled } from 'intergalactic/core';
+import { assignProps as _assignProps3 } from 'intergalactic/core';
+import { assignProps as _assignProps2 } from 'intergalactic/core';
+import { assignProps as _assignProps } from 'intergalactic/core';
+import React from 'react';
+import dayjs from 'dayjs';
+import { Component, Root, CORE_INSTANCE, sstyled } from 'intergalactic/core';
+import Button from 'intergalactic/button';
+import { Box, Flex } from 'intergalactic/flex-box';
+import Divider from 'intergalactic/divider';
+import Dropdown from 'intergalactic/dropdown';
+import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import { localizedMessages } from '../translations/__intergalactic-dynamic-locales';
+/*__reshadow-styles__:"../style/date-picker.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPopper_1wfbp_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1wfbp_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1wfbp_gg_:active,.___SPopper_1wfbp_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1wfbp_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_1wfbp_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_1wfbp_gg_,.___STitle_1wfbp_gg_{display:flex;align-items:center}.___STitle_1wfbp_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_1wfbp_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1wfbp_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1wfbp_gg_ .___SInner_1wfbp_gg_{justify-content:flex-start}.___SInputMask_1wfbp_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal}.___SIndicator_1wfbp_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_1wfbp_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1wfbp_gg_._range_value_1wfbp_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_1wfbp_gg_._range_compare_1wfbp_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SHumanizedDate_1wfbp_gg_{position:absolute;pointer-events:none}.___SDateRange_1wfbp_gg_ .___SMask_1wfbp_gg_,.___SDateRange_1wfbp_gg_ .___SValue_1wfbp_gg_,.___SSingleDateInput_1wfbp_gg_ .___SMask_1wfbp_gg_,.___SSingleDateInput_1wfbp_gg_ .___SValue_1wfbp_gg_{opacity:0}.___SSingleDateInput_1wfbp_gg_:focus-within .___SHumanizedDate_1wfbp_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1wfbp_gg_:focus-within .___SMask_1wfbp_gg_,.___SSingleDateInput_1wfbp_gg_:focus-within .___SValue_1wfbp_gg_{opacity:1}.___SDateRange_1wfbp_gg_:focus-within .___SHumanizedDate_1wfbp_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1wfbp_gg_:focus-within .___SMask_1wfbp_gg_,.___SDateRange_1wfbp_gg_:focus-within .___SValue_1wfbp_gg_{opacity:1}.___SInputMask_1wfbp_gg_.__noHumanizedDate_1wfbp_gg_ .___SMask_1wfbp_gg_,.___SInputMask_1wfbp_gg_.__noHumanizedDate_1wfbp_gg_ .___SValue_1wfbp_gg_{opacity:1}.___SDateRange_1wfbp_gg_ .___SInputMask_1wfbp_gg_:focus-within .___SMask_1wfbp_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_1wfbp_gg_:focus-within .___SRangeSep_1wfbp_gg_,.___SRangeSep_1wfbp_gg_.__fulfilled_1wfbp_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_1wfbp_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_1wfbp_gg_,.___SRangeComparatorHeader_1wfbp_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1wfbp_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_1wfbp_gg_,.___SPeriodsList_1wfbp_gg_{padding:var(--intergalactic-spacing-4x, 16px)}" /*__inner_css_end__*/, "1wfbp_gg_") /*__reshadow_css_end__*/, {
+  "__SHeader": "___SHeader_1wfbp_gg_",
+  "__STitle": "___STitle_1wfbp_gg_",
+  "__SToday": "___SToday_1wfbp_gg_",
+  "__SPeriod": "___SPeriod_1wfbp_gg_",
+  "__SButton": "___SButton_1wfbp_gg_",
+  "__SInner": "___SInner_1wfbp_gg_",
+  "__SInputMask": "___SInputMask_1wfbp_gg_",
+  "__SIndicator": "___SIndicator_1wfbp_gg_",
+  "__SRangeIndicator": "___SRangeIndicator_1wfbp_gg_",
+  "_range_value": "_range_value_1wfbp_gg_",
+  "_range_compare": "_range_compare_1wfbp_gg_",
+  "__SHumanizedDate": "___SHumanizedDate_1wfbp_gg_",
+  "__SSingleDateInput": "___SSingleDateInput_1wfbp_gg_",
+  "__SValue": "___SValue_1wfbp_gg_",
+  "__SDateRange": "___SDateRange_1wfbp_gg_",
+  "__SMask": "___SMask_1wfbp_gg_",
+  "_noHumanizedDate": "__noHumanizedDate_1wfbp_gg_",
+  "__SRangeSep": "___SRangeSep_1wfbp_gg_",
+  "_fulfilled": "__fulfilled_1wfbp_gg_",
+  "__SRangeComparatorHeader": "___SRangeComparatorHeader_1wfbp_gg_",
+  "__SRangeCalendar": "___SRangeCalendar_1wfbp_gg_",
+  "__SFooter": "___SFooter_1wfbp_gg_",
+  "__SPeriodsList": "___SPeriodsList_1wfbp_gg_",
+  "__SPopper": "___SPopper_1wfbp_gg_"
+});
+var INTERACTION_TAGS = ['INPUT'];
+var defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));
+function getEndDate(value) {
+  if (!Array.isArray(value)) return null;
+  var _value = _slicedToArray(value, 2),
+    startDate = _value[0],
+    _value$ = _value[1],
+    endDate = _value$ === void 0 ? startDate : _value$;
+  return endDate;
+}
+var RangePickerAbstract = /*#__PURE__*/function (_Component) {
+  _inherits(RangePickerAbstract, _Component);
+  var _super = _createSuper(RangePickerAbstract);
+  function RangePickerAbstract() {
+    var _this;
+    _classCallCheck(this, RangePickerAbstract);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "navigateStep", void 0);
+    _defineProperty(_assertThisInitialized(_this), "keyDiff", void 0);
+    _defineProperty(_assertThisInitialized(_this), "keyStep", void 0);
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      dirtyValue: [],
+      // To remove after removing button trigger
+      defaultInteraction: 'focus'
+    });
+    _defineProperty(_assertThisInitialized(_this), "navigateView", function (direction) {
+      var displayedPeriod = _this.asProps.displayedPeriod;
+      var action = direction >= 1 ? 'add' : 'subtract';
+      var date = dayjs(displayedPeriod)[action](1, _this.navigateStep).toDate();
+      _this.handlers.displayedPeriod(date);
+    });
+    _defineProperty(_assertThisInitialized(_this), "bindHandlerNavigateClick", function (direction) {
+      return function () {
+        return _this.navigateView(direction);
+      };
+    });
+    _defineProperty(_assertThisInitialized(_this), "handlerKeyDown", function (e) {
+      if (e.target !== e.currentTarget) return;
+      var _this$asProps = _this.asProps,
+        displayedPeriod = _this$asProps.displayedPeriod,
+        highlighted = _this$asProps.highlighted;
+      var dirtyValue = _this.state.dirtyValue;
+      var day = _this.keyDiff[e.keyCode];
+      var setNextDisplayedPeriod = function setNextDisplayedPeriod(next_highlighted) {
+        var _next_highlighted = _slicedToArray(next_highlighted, 2),
+          right_period = _next_highlighted[1];
+        if (right_period) {
+          var month_right_period = right_period.getMonth();
+          var month_displayed_Period = displayedPeriod.getMonth();
+          if (month_right_period - month_displayed_Period > 1) {
+            return RangePickerAbstract.subtract(right_period, 1, 'month');
+          } else if (month_right_period - month_displayed_Period < 0) {
+            return right_period;
+          }
+        }
+        return displayedPeriod;
+      };
+      if (e.keyCode === 32 && highlighted.length) {
+        _this.handleChange(highlighted[1] || highlighted[0]);
+        e.preventDefault();
+      }
+      if (day) {
+        if (INTERACTION_TAGS.includes(e.target.tagName)) return;
+        if (highlighted.length) {
+          var next_highlighted;
+          if (dirtyValue.length === 1) {
+            next_highlighted = [dirtyValue[0], dayjs(highlighted[1] || highlighted[0]).add(day, _this.keyStep).toDate()];
+          } else {
+            next_highlighted = [dayjs(highlighted[0]).add(day, _this.keyStep).toDate()];
+          }
+          _this.handlers.highlighted(next_highlighted);
+          _this.handlers.displayedPeriod(setNextDisplayedPeriod(next_highlighted));
+        } else {
+          _this.handlers.highlighted([displayedPeriod]);
+        }
+        e.preventDefault();
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleApply", function (value) {
+      var _value2 = _slicedToArray(value, 2),
+        startDate = _value2[0],
+        _value2$ = _value2[1],
+        endDate = _value2$ === void 0 ? startDate : _value2$;
+      _this.handleChange([]);
+      _this.handlers.value([startDate, endDate]);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleChange", function (date) {
+      var dirtyValue = _this.state.dirtyValue;
+      var highlighted = [];
+      if (Array.isArray(date)) {
+        dirtyValue = date;
+      } else if (!dirtyValue.length) {
+        dirtyValue = [date];
+        highlighted = [date];
+      } else if (dirtyValue.length >= 2) {
+        dirtyValue = [date];
+        highlighted = [date];
+      } else if (dirtyValue[0] > date) {
+        dirtyValue = [date, dirtyValue[0]];
+      } else {
+        dirtyValue = [dirtyValue[0], date];
+      }
+      _this.setState({
+        dirtyValue: dirtyValue
+      }, function () {
+        _this.handlers.highlighted(highlighted);
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "setDefaultInteractionToClick", function () {
+      if (_this.state.defaultInteraction === 'click') return;
+      _this.setState({
+        defaultInteraction: 'click'
+      });
+    });
+    return _this;
+  }
+  _createClass(RangePickerAbstract, [{
+    key: "uncontrolledProps",
+    value: function uncontrolledProps() {
+      var _this2 = this;
+      return {
+        displayedPeriod: null,
+        visible: [null, function (visible) {
+          if (!visible) {
+            var _this2$asProps$value;
+            _this2.handlers.highlighted([]);
+            _this2.setState({
+              dirtyValue: []
+            });
+            _this2.handlers.displayedPeriod(getEndDate((_this2$asProps$value = _this2.asProps.value) !== null && _this2$asProps$value !== void 0 ? _this2$asProps$value : undefined) || _this2.props.defaultDisplayedPeriod);
+          }
+        }],
+        highlighted: null,
+        value: [null, function (value) {
+          var _value$2, _value$3;
+          _this2.handlers.visible(false);
+          _this2.handlers.displayedPeriod(getEndDate([(_value$2 = value[0]) !== null && _value$2 !== void 0 ? _value$2 : undefined, (_value$3 = value[1]) !== null && _value$3 !== void 0 ? _value$3 : undefined]));
+        }]
+      };
+    }
+  }, {
+    key: "getDefaultPeriods",
+    value: function getDefaultPeriods() {
+      return [];
+    }
+  }, {
+    key: "getButtonTriggerProps",
+    value: function getButtonTriggerProps() {
+      var _this$asProps2 = this.asProps,
+        value = _this$asProps2.value,
+        size = _this$asProps2.size;
+      return {
+        size: size,
+        empty: !value[0] && !value[1],
+        onKeyDown: this.handlerKeyDown,
+        setDefaultInteractionToClick: this.setDefaultInteractionToClick
+      };
+    }
+  }, {
+    key: "getPopperProps",
+    value: function getPopperProps() {
+      var Picker = this[CORE_INSTANCE];
+      var _this$asProps3 = this.asProps,
+        _this$asProps3$period = _this$asProps3.periods,
+        periods = _this$asProps3$period === void 0 ? this.getDefaultPeriods() : _this$asProps3$period,
+        unclearable = _this$asProps3.unclearable;
+      var buttons = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Picker.Apply, null), !unclearable && /*#__PURE__*/React.createElement(Picker.Reset, {
+        ml: 2
+      }));
+      return {
+        tabIndex: 0,
+        onKeyDown: this.handlerKeyDown,
+        children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Flex, null, /*#__PURE__*/React.createElement(Box, {
+          mr: 2
+        }, /*#__PURE__*/React.createElement(Picker.Header, null, /*#__PURE__*/React.createElement(Picker.Prev, null), /*#__PURE__*/React.createElement(Picker.Title, null)), /*#__PURE__*/React.createElement(Picker.Calendar, null)), /*#__PURE__*/React.createElement(Box, {
+          ml: 2
+        }, /*#__PURE__*/React.createElement(Picker.Header, null, /*#__PURE__*/React.createElement(Picker.Title, null), /*#__PURE__*/React.createElement(Picker.Next, null)), /*#__PURE__*/React.createElement(Picker.Calendar, null)), periods.length ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, {
+          m: "-16px 16px",
+          orientation: "vertical",
+          h: "auto"
+        }), /*#__PURE__*/React.createElement(Flex, {
+          direction: "column"
+        }, /*#__PURE__*/React.createElement(Picker.Period, null), /*#__PURE__*/React.createElement(Flex, {
+          mt: "auto"
+        }, buttons))) : /*#__PURE__*/React.createElement(Flex, {
+          mt: 4
+        }, buttons)))
+      };
+    }
+  }, {
+    key: "getHeaderProps",
+    value: function getHeaderProps() {
+      var Picker = this[CORE_INSTANCE];
+      return {
+        children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Picker.Prev, null), /*#__PURE__*/React.createElement(Picker.Title, null), /*#__PURE__*/React.createElement(Picker.Next, null))
+      };
+    }
+  }, {
+    key: "getTitleProps",
+    value: function getTitleProps(props, index) {
+      var _this$asProps4 = this.asProps,
+        locale = _this$asProps4.locale,
+        displayedPeriod = _this$asProps4.displayedPeriod;
+      return {
+        children: new Intl.DateTimeFormat(locale, {
+          month: 'long',
+          year: 'numeric'
+        }).format(dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate())
+      };
+    }
+  }, {
+    key: "getNextProps",
+    value: function getNextProps() {
+      return {
+        onClick: this.bindHandlerNavigateClick(1),
+        getI18nText: this.asProps.getI18nText
+      };
+    }
+  }, {
+    key: "getPrevProps",
+    value: function getPrevProps() {
+      return {
+        onClick: this.bindHandlerNavigateClick(-1),
+        getI18nText: this.asProps.getI18nText
+      };
+    }
+  }, {
+    key: "getCalendarProps",
+    value: function getCalendarProps(_props, index) {
+      var _this$asProps5 = this.asProps,
+        locale = _this$asProps5.locale,
+        displayedPeriod = _this$asProps5.displayedPeriod,
+        disabled = _this$asProps5.disabled,
+        value = _this$asProps5.value,
+        highlighted = _this$asProps5.highlighted,
+        onHighlightedChange = _this$asProps5.onHighlightedChange,
+        onVisibleChange = _this$asProps5.onVisibleChange;
+      var dirtyValue = this.state.dirtyValue;
+      return {
+        locale: locale,
+        displayedPeriod: dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate(),
+        disabled: disabled,
+        highlighted: highlighted,
+        onHighlightedChange: onHighlightedChange,
+        onVisibleChange: onVisibleChange,
+        value: dirtyValue.length ? dirtyValue : value,
+        onChange: this.handleChange
+      };
+    }
+  }, {
+    key: "getPeriodProps",
+    value: function getPeriodProps() {
+      var _this$asProps6 = this.asProps,
+        _this$asProps6$period = _this$asProps6.periods,
+        periods = _this$asProps6$period === void 0 ? this.getDefaultPeriods() : _this$asProps6$period,
+        value = _this$asProps6.value,
+        onHighlightedChange = _this$asProps6.onHighlightedChange,
+        onDisplayedPeriodChange = _this$asProps6.onDisplayedPeriodChange;
+      var dirtyValue = this.state.dirtyValue;
+      return {
+        periods: periods,
+        value: dirtyValue.length ? dirtyValue : value,
+        onChange: this.handleApply,
+        onHighlightedChange: onHighlightedChange,
+        onDisplayedPeriodChange: onDisplayedPeriodChange
+      };
+    }
+  }, {
+    key: "getApplyProps",
+    value: function getApplyProps() {
+      var _this3 = this;
+      var _this$asProps7 = this.asProps,
+        value = _this$asProps7.value,
+        getI18nText = _this$asProps7.getI18nText;
+      var dirtyValue = this.state.dirtyValue;
+      return {
+        getI18nText: getI18nText,
+        onClick: function onClick() {
+          return _this3.handleApply(dirtyValue.length ? dirtyValue : value);
+        }
+      };
+    }
+  }, {
+    key: "getResetProps",
+    value: function getResetProps() {
+      var _this4 = this;
+      var getI18nText = this.asProps.getI18nText;
+      return {
+        getI18nText: getI18nText,
+        onClick: function onClick() {
+          return _this4.handleApply([]);
+        }
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref4;
+      var _this$asProps8 = this.asProps,
+        Children = _this$asProps8.Children,
+        styles = _this$asProps8.styles,
+        providedAriaLabel = _this$asProps8['aria-label'];
+      var defaultInteraction = this.state.defaultInteraction;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, (_ref4 = sstyled(styles), /*#__PURE__*/React.createElement(Dropdown, _assignProps({
+        "use:aria-label": providedAriaLabel,
+        "interaction": defaultInteraction,
+        "__excludeProps": ['onChange', 'value']
+      }, _ref), /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {})))));
+    }
+  }], [{
+    key: "defaultProps",
+    value: function defaultProps(_ref5) {
+      var value = _ref5.value,
+        defaultValue = _ref5.defaultValue;
+      return {
+        i18n: localizedMessages,
+        locale: 'en',
+        defaultDisplayedPeriod: getEndDate(value) || getEndDate(defaultValue) || defaultDisplayedPeriod,
+        defaultValue: [],
+        defaultHighlighted: [],
+        defaultVisible: false,
+        disabled: [],
+        size: 'm'
+      };
+    }
+  }]);
+  return RangePickerAbstract;
+}(Component);
+_defineProperty(RangePickerAbstract, "displayName", 'DatePicker');
+_defineProperty(RangePickerAbstract, "style", style);
+_defineProperty(RangePickerAbstract, "enhance", [i18nEnhance(localizedMessages)]);
+_defineProperty(RangePickerAbstract, "add", function (date, amount, unit) {
+  return dayjs(date).add(amount, unit).toDate();
+});
+_defineProperty(RangePickerAbstract, "subtract", function (date, amount, unit) {
+  return dayjs(date).subtract(amount, unit).toDate();
+});
+function Apply(props) {
+  var _ref2 = arguments[0];
+  var getI18nText = props.getI18nText;
+  return /*#__PURE__*/React.createElement(Button, _assignProps2({
+    "use": 'primary',
+    "children": getI18nText('apply')
+  }, _ref2));
+}
+function Reset(props) {
+  var _ref3 = arguments[0];
+  var getI18nText = props.getI18nText;
+  return /*#__PURE__*/React.createElement(Button, _assignProps3({
+    "use": 'tertiary',
+    "theme": 'muted',
+    "children": getI18nText('reset')
+  }, _ref3));
+}
+export { Apply, Reset };
+export default RangePickerAbstract;
+//# sourceMappingURL=RangePickerAbstract.js.map

package/date-picker/lib/es6/components/RangePickerAbstract.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangePickerAbstract.js","names":["React","dayjs","Component","Root","CORE_INSTANCE","sstyled","Button","Box","Flex","Divider","Dropdown","i18nEnhance","localizedMessages","style","_sstyled","insert","INTERACTION_TAGS","defaultDisplayedPeriod","Date","setHours","getEndDate","value","Array","isArray","_value","_slicedToArray","startDate","_value$","endDate","RangePickerAbstract","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","_key","call","apply","concat","_defineProperty","_assertThisInitialized","dirtyValue","defaultInteraction","direction","displayedPeriod","asProps","action","date","navigateStep","toDate","handlers","navigateView","e","target","currentTarget","_this$asProps","highlighted","state","day","keyDiff","keyCode","setNextDisplayedPeriod","next_highlighted","_next_highlighted","right_period","month_right_period","getMonth","month_displayed_Period","subtract","handleChange","preventDefault","includes","tagName","add","keyStep","_value2","_value2$","setState","_createClass","key","uncontrolledProps","_this2","visible","_this2$asProps$value","undefined","props","_value$2","_value$3","getDefaultPeriods","getButtonTriggerProps","_this$asProps2","size","empty","onKeyDown","handlerKeyDown","setDefaultInteractionToClick","getPopperProps","Picker","_this$asProps3","_this$asProps3$period","periods","unclearable","buttons","createElement","Fragment","Apply","Reset","ml","tabIndex","children","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","disabled","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","_assignProps","cn","defaultProps","_ref5","defaultValue","i18n","defaultHighlighted","defaultVisible","amount","unit","_ref2","arguments[0]","_assignProps2","_ref3","_assignProps3"],"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';\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      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    dirtyValue: [],\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          if (!visible) {\n            this.handlers.highlighted([]);\n            this.setState({ dirtyValue: [] });\n            this.handlers.displayedPeriod(\n              getEndDate(this.asProps.value ?? undefined) || this.props.defaultDisplayedPeriod,\n            );\n          }\n        },\n      ],\n      highlighted: 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\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 } = this.asProps;\n    const { dirtyValue } = this.state;\n    const day = this.keyDiff[e.keyCode];\n\n    const setNextDisplayedPeriod = (next_highlighted) => {\n      const [, right_period] = next_highlighted;\n\n      if (right_period) {\n        const month_right_period = right_period.getMonth();\n        const month_displayed_Period = displayedPeriod.getMonth();\n        if (month_right_period - month_displayed_Period > 1) {\n          return RangePickerAbstract.subtract(right_period, 1, 'month');\n        } else if (month_right_period - month_displayed_Period < 0) {\n          return right_period;\n        }\n      }\n      return displayedPeriod;\n    };\n\n    if (e.keyCode === 32 && highlighted.length) {\n      this.handleChange(highlighted[1] || highlighted[0]);\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 (dirtyValue.length === 1) {\n          next_highlighted = [\n            dirtyValue[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]);\n      }\n      e.preventDefault();\n    }\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 { dirtyValue } = this.state;\n    let highlighted = [];\n    if (Array.isArray(date)) {\n      dirtyValue = date;\n    } else if (!dirtyValue.length) {\n      dirtyValue = [date];\n      highlighted = [date];\n    } else if (dirtyValue.length >= 2) {\n      dirtyValue = [date];\n      highlighted = [date];\n    } else if (dirtyValue[0] > date) {\n      dirtyValue = [date, dirtyValue[0]];\n    } else {\n      dirtyValue = [dirtyValue[0], date];\n    }\n\n    this.setState({ dirtyValue }, () => {\n      this.handlers.highlighted(highlighted);\n    });\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    } = this.asProps;\n    const { dirtyValue } = this.state;\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: dirtyValue.length ? dirtyValue : value,\n      onChange: this.handleChange,\n    };\n  }\n\n  getPeriodProps() {\n    const {\n      periods = this.getDefaultPeriods(),\n      value,\n      onHighlightedChange,\n      onDisplayedPeriodChange,\n    } = this.asProps;\n    const { dirtyValue } = this.state;\n    return {\n      periods,\n      value: dirtyValue.length ? dirtyValue : value,\n      onChange: this.handleApply,\n      onHighlightedChange,\n      onDisplayedPeriodChange,\n    };\n  }\n\n  getApplyProps() {\n    const { value, getI18nText } = this.asProps;\n    const { dirtyValue } = this.state;\n    return {\n      getI18nText,\n      onClick: () => this.handleApply(dirtyValue.length ? dirtyValue : 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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"}

package/date-picker/lib/es6/components/index.js

@@ -0,0 +1,168 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import { assignProps as _assignProps8 } from 'intergalactic/core';
+import { assignProps as _assignProps7 } from 'intergalactic/core';
+import { assignProps as _assignProps6 } from 'intergalactic/core';
+import { assignProps as _assignProps5 } from 'intergalactic/core';
+import { assignProps as _assignProps4 } from 'intergalactic/core';
+import { assignProps as _assignProps3 } from 'intergalactic/core';
+import { assignProps as _assignProps2 } from 'intergalactic/core';
+import { assignProps as _assignProps } from 'intergalactic/core';
+var _excluded = ["value", "onClick", "onMouseEnter", "onMouseLeave"];
+import React from 'react';
+import dayjs from 'dayjs';
+import { Component, Root, sstyled } from 'intergalactic/core';
+import Dropdown from 'intergalactic/dropdown';
+import { Box } from 'intergalactic/flex-box';
+import Button from 'intergalactic/button';
+import ChevronLeft from 'intergalactic/icon/ChevronLeft/m';
+import ChevronRight from 'intergalactic/icon/ChevronRight/m';
+import { callAllEventHandlers } from 'intergalactic/utils/lib/assignProps';
+import ButtonTrigger from './ButtonTrigger';
+import InputTriggerBase from './InputTrigger';
+
+/** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */
+export function Trigger() {
+  var _ref = arguments[0];
+  return /*#__PURE__*/React.createElement(Dropdown.Trigger, _assignProps({
+    "tag": ButtonTrigger
+  }, _ref));
+}
+export function InputTrigger() {
+  var _ref2 = arguments[0];
+  return /*#__PURE__*/React.createElement(Dropdown.Trigger, _assignProps2({
+    "tag": InputTriggerBase,
+    "__excludeProps": ['role', 'aria-haspopup', 'onChange', 'value']
+  }, _ref2));
+}
+InputTrigger.Indicator = InputTriggerBase.Indicator;
+InputTrigger.MaskedInput = InputTriggerBase.MaskedInput;
+InputTrigger.Addon = InputTriggerBase.Addon;
+InputTrigger.SingleDateInput = InputTriggerBase.SingleDateInput;
+InputTrigger.DateRange = InputTriggerBase.DateRange;
+InputTrigger.DateRangeFromInput = InputTriggerBase.DateRangeFromInput;
+InputTrigger.DateRangeToInput = InputTriggerBase.DateRangeToInput;
+export function Popper(props) {
+  var _ref3 = arguments[0],
+    _ref9;
+  var SPopper = Dropdown.Popper;
+  return _ref9 = sstyled(props.styles), /*#__PURE__*/React.createElement(SPopper, _ref9.cn("SPopper", _objectSpread({}, _assignProps3({
+    "role": 'region'
+  }, _ref3))));
+}
+export function Header(props) {
+  var _ref4 = arguments[0],
+    _ref10;
+  var SHeader = Box;
+  return _ref10 = sstyled(props.styles), /*#__PURE__*/React.createElement(SHeader, _ref10.cn("SHeader", _objectSpread({}, _assignProps4({}, _ref4))));
+}
+export var Title = function Title(_ref13) {
+  var _ref5 = arguments[0],
+    _ref11;
+  var Children = _ref13.Children,
+    styles = _ref13.styles;
+  var STitle = Box;
+  return _ref11 = sstyled(styles), /*#__PURE__*/React.createElement(STitle, _ref11.cn("STitle", _objectSpread({}, _assignProps5({}, _ref5))), /*#__PURE__*/React.createElement(Children, _ref11.cn("Children", {})));
+};
+export function Prev(_ref14) {
+  var _ref6 = arguments[0];
+  var getI18nText = _ref14.getI18nText,
+    children = _ref14.children,
+    Children = _ref14.Children;
+  return /*#__PURE__*/React.createElement(Button, _assignProps6({
+    "use": 'tertiary',
+    "theme": 'muted',
+    "size": 'l',
+    "tabIndex": -1,
+    "aria-label": getI18nText('prev')
+  }, _ref6), children ? /*#__PURE__*/React.createElement(Children, null) : /*#__PURE__*/React.createElement(Button.Addon, null, /*#__PURE__*/React.createElement(ChevronLeft, null)));
+}
+export function Next(_ref15) {
+  var _ref7 = arguments[0];
+  var getI18nText = _ref15.getI18nText,
+    children = _ref15.children,
+    Children = _ref15.Children;
+  return /*#__PURE__*/React.createElement(Button, _assignProps7({
+    "use": 'tertiary',
+    "theme": 'muted',
+    "size": 'l',
+    "tabIndex": -1,
+    "aria-label": getI18nText('next')
+  }, _ref7), children ? /*#__PURE__*/React.createElement(Children, null) : /*#__PURE__*/React.createElement(Button.Addon, null, /*#__PURE__*/React.createElement(ChevronRight, null)));
+}
+export var Period = /*#__PURE__*/function (_Component) {
+  _inherits(Period, _Component);
+  var _super = _createSuper(Period);
+  function Period() {
+    var _this;
+    _classCallCheck(this, Period);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "getActiveControl", function () {
+      var period = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
+      function compareMonth(monthOne, monthTwo) {
+        return dayjs(monthOne).isSame(dayjs(monthTwo), 'date');
+      }
+      if (!period || !value) return false;
+      if (Array.isArray(value) && period.length !== value.length) return false;
+      if (Array.isArray(value)) {
+        return compareMonth(period[0], value[0]) && compareMonth(period[1], value[1]);
+      }
+      return compareMonth(period[0], value);
+    });
+    return _this;
+  }
+  _createClass(Period, [{
+    key: "render",
+    value: function render() {
+      var _ref8 = this.asProps,
+        _ref12,
+        _this2 = this;
+      var SPeriod = Box;
+      var _this$asProps = this.asProps,
+        styles = _this$asProps.styles,
+        value = _this$asProps.value,
+        onChange = _this$asProps.onChange,
+        periods = _this$asProps.periods,
+        onHighlightedChange = _this$asProps.onHighlightedChange,
+        onDisplayedPeriodChange = _this$asProps.onDisplayedPeriodChange;
+      return _ref12 = sstyled(styles), /*#__PURE__*/React.createElement(SPeriod, _ref12.cn("SPeriod", _objectSpread({}, _assignProps8({}, _ref8))), periods.map(function (_ref16, i) {
+        var period = _ref16.value,
+          onClick = _ref16.onClick,
+          onMouseEnter = _ref16.onMouseEnter,
+          onMouseLeave = _ref16.onMouseLeave,
+          other = _objectWithoutProperties(_ref16, _excluded);
+        return /*#__PURE__*/React.createElement(Button, _extends({
+          use: "tertiary",
+          theme: "muted",
+          styles: styles,
+          key: i,
+          active: _this2.getActiveControl(period, value),
+          onClick: callAllEventHandlers(onClick, function () {
+            return onChange(period);
+          }),
+          onMouseEnter: callAllEventHandlers(onMouseEnter, function () {
+            onHighlightedChange(period);
+            onDisplayedPeriodChange(dayjs(period[0]).toDate());
+          }),
+          onMouseLeave: callAllEventHandlers(onMouseLeave, function () {
+            onHighlightedChange([]);
+            onDisplayedPeriodChange(value[0] ? dayjs(value[0]).toDate() : new Date());
+          })
+        }, other));
+      }));
+    }
+  }]);
+  return Period;
+}(Component);
+//# sourceMappingURL=index.js.map