@synerise/ds-date-picker 1.4.0 → 1.4.2

package/dist/RawDatePicker/RawDatePicker.js

@@ -1,294 +1,274 @@
-function _inheritsLoose(t, o) { t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
-import React from 'react';
-import { injectIntl } from 'react-intl';
-import { legacyParse } from '@date-fns/upgrade/v2';
-import * as S from '../DatePicker.styles';
-import DayPicker from '../Elements/DayPicker/DayPicker';
-import { DayBackground, DayForeground, DayText } from '../Elements/DayPicker/DayPicker.styles';
-import Footer from '../Elements/Footer/Footer';
-import MonthPicker from '../Elements/MonthPicker/MonthPicker';
-import { QuickPicks } from '../Elements/QuickPicks/QuickPicks';
-import TimePicker from '../Elements/TimePicker/TimePicker';
-import YearPicker from '../Elements/YearPicker/YearPicker';
-import { fnsAddDays, fnsEndOfDay, fnsSetDate, fnsSetMonth, fnsSetYear, fnsStartOfDay, fnsStartOfMonth } from '../fns';
-import fnsFormat from '../format';
-import { changeDayWithHoursPreserved } from '../utils';
-import { getDefaultTexts } from '../utils/getDefaultTexts';
-var RawDatePicker = /*#__PURE__*/function (_React$Component) {
-  function RawDatePicker(props) {
-    var _this;
-    _this = _React$Component.call(this, props) || this;
-
-    // eslint-disable-next-line react/state-in-constructor
-    _this.handleChange = function (value) {
-      var onValueChange = _this.props.onValueChange;
-      var _this$state = _this.state,
-        mode = _this$state.mode,
-        valueFromState = _this$state.value;
-      if (mode === 'date' && !!valueFromState && !!value) {
-        var dateToBeUpdated = changeDayWithHoursPreserved(valueFromState, value);
-        _this.setState({
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import React from "react";
+import { injectIntl } from "react-intl";
+import { legacyParse } from "@date-fns/upgrade/v2";
+import { Container, ContentWrapper, PickerWrapper } from "../DatePicker.styles.js";
+import DayPicker from "../Elements/DayPicker/DayPicker.js";
+import { DayBackground, DayText, DayForeground } from "../Elements/DayPicker/DayPicker.styles.js";
+import Footer from "../Elements/Footer/Footer.js";
+import MonthPicker from "../Elements/MonthPicker/MonthPicker.js";
+import { QuickPicks } from "../Elements/QuickPicks/QuickPicks.js";
+import TimePicker from "../Elements/TimePicker/TimePicker.js";
+import YearPicker from "../Elements/YearPicker/YearPicker.js";
+import fnsAddDays from "date-fns/addDays";
+import "date-fns/addMonths";
+import "date-fns/addSeconds";
+import "date-fns/addYears";
+import "date-fns/differenceInSeconds";
+import "date-fns/differenceInYears";
+import fnsEndOfDay from "date-fns/endOfDay";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/getSeconds";
+import "date-fns/getYear";
+import "date-fns/isAfter";
+import "date-fns/isBefore";
+import "date-fns/isEqual";
+import "date-fns/isSameDay";
+import "date-fns/isSameMonth";
+import "date-fns/isSameYear";
+import fnsSetDate from "date-fns/setDate";
+import fnsSetMonth from "date-fns/setMonth";
+import fnsSetYear from "date-fns/setYear";
+import fnsStartOfDay from "date-fns/startOfDay";
+import fnsStartOfMonth from "date-fns/startOfMonth";
+import fnsFormat from "../format.js";
+import { changeDayWithHoursPreserved } from "../utils.js";
+import { getDefaultTexts } from "../utils/getDefaultTexts.js";
+const _RawDatePicker = class _RawDatePicker extends React.Component {
+  constructor(props) {
+    super(props);
+    this.handleChange = (value) => {
+      const {
+        onValueChange
+      } = this.props;
+      const {
+        mode,
+        value: valueFromState
+      } = this.state;
+      if (mode === "date" && !!valueFromState && !!value) {
+        const dateToBeUpdated = changeDayWithHoursPreserved(valueFromState, value);
+        this.setState({
           value: dateToBeUpdated,
           changed: true
         });
         onValueChange && onValueChange(dateToBeUpdated);
       } else {
-        _this.setState({
-          value: value,
+        this.setState({
+          value,
           changed: true
         });
         onValueChange && onValueChange(value);
       }
     };
-    _this.handleDayMouseEnter = function (day) {
-      return _this.setState({
-        enteredTo: day
-      });
-    };
-    _this.handleDayMouseLeave = function () {
-      return _this.setState({
-        enteredTo: undefined
-      });
-    };
-    _this.handleDayClick = function (day, modifiers) {
-      var _this$state2 = _this.state,
-        isChanged = _this$state2.changed,
-        value = _this$state2.value;
-      var _this$props = _this.props,
-        useStartOfDay = _this$props.useStartOfDay,
-        useEndOfDay = _this$props.useEndOfDay,
-        showTime = _this$props.showTime;
+    this.handleDayMouseEnter = (day) => this.setState({
+      enteredTo: day
+    });
+    this.handleDayMouseLeave = () => this.setState({
+      enteredTo: void 0
+    });
+    this.handleDayClick = (day, modifiers) => {
+      const {
+        changed: isChanged,
+        value
+      } = this.state;
+      const {
+        useStartOfDay,
+        useEndOfDay,
+        showTime
+      } = this.props;
       if (modifiers.disabled) {
         return;
       }
-      var nextDateWithCurrentTime = isChanged && value ? value : new Date();
+      let nextDateWithCurrentTime = isChanged && value ? value : /* @__PURE__ */ new Date();
       nextDateWithCurrentTime = fnsSetYear(nextDateWithCurrentTime, day.getFullYear());
       nextDateWithCurrentTime = fnsSetMonth(nextDateWithCurrentTime, day.getMonth());
       nextDateWithCurrentTime = fnsSetDate(nextDateWithCurrentTime, day.getDate());
       if (useStartOfDay) {
-        _this.handleChange(fnsStartOfDay(nextDateWithCurrentTime));
+        this.handleChange(fnsStartOfDay(nextDateWithCurrentTime));
       } else if (useEndOfDay) {
-        _this.handleChange(fnsEndOfDay(nextDateWithCurrentTime));
+        this.handleChange(fnsEndOfDay(nextDateWithCurrentTime));
       } else {
-        _this.handleChange(nextDateWithCurrentTime);
+        this.handleChange(nextDateWithCurrentTime);
       }
-      !!showTime && _this.handleModeSwitch('time');
+      !!showTime && this.handleModeSwitch("time");
     };
-    _this.handleModeSwitch = function (mode) {
-      return _this.setState({
-        mode: mode
-      });
-    };
-    _this.handleApply = function (date) {
-      var onApply = _this.props.onApply;
+    this.handleModeSwitch = (mode) => this.setState({
+      mode
+    });
+    this.handleApply = (date) => {
+      const {
+        onApply
+      } = this.props;
       if (!onApply) {
         return;
       }
-      var value = _this.state.value;
+      const {
+        value
+      } = this.state;
       if (date instanceof Date) {
         onApply(date);
-        _this.setState({
+        this.setState({
           value: date
         });
       } else {
         onApply(value);
       }
-      _this.handleModeSwitch('date');
+      this.handleModeSwitch("date");
     };
-    _this.handleMonthChange = function (month, mode) {
-      return _this.setState({
-        month: month,
-        mode: mode
-      });
+    this.handleMonthChange = (month, mode) => this.setState({
+      month,
+      mode
+    });
+    this.renderDay = (day) => {
+      const text = day.getDate();
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(DayBackground, {}),
+        /* @__PURE__ */ jsx(DayText, { "data-attr": text, children: text }),
+        /* @__PURE__ */ jsx(DayForeground, {})
+      ] });
     };
-    _this.renderDay = function (day) {
-      var text = day.getDate();
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DayBackground, null), /*#__PURE__*/React.createElement(DayText, {
-        "data-attr": text
-      }, text), /*#__PURE__*/React.createElement(DayForeground, null));
+    this.renderYearPicker = () => {
+      const {
+        month
+      } = this.state;
+      return /* @__PURE__ */ jsx(YearPicker, { value: month, onChange: (changedMonth) => changedMonth && this.handleMonthChange(changedMonth, "date") });
     };
-    _this.renderYearPicker = function () {
-      var month = _this.state.month;
-      return /*#__PURE__*/React.createElement(YearPicker, {
-        value: month,
-        onChange: function onChange(changedMonth) {
-          return changedMonth && _this.handleMonthChange(changedMonth, 'date');
-        }
-      });
+    this.renderMonthPicker = () => {
+      const {
+        month
+      } = this.state;
+      return /* @__PURE__ */ jsx(MonthPicker, { value: month, onChange: (changedMonth) => changedMonth && this.handleMonthChange(changedMonth, "date") });
     };
-    _this.renderMonthPicker = function () {
-      var month = _this.state.month;
-      return /*#__PURE__*/React.createElement(MonthPicker, {
-        value: month,
-        onChange: function onChange(changedMonth) {
-          return changedMonth && _this.handleMonthChange(changedMonth, 'date');
-        }
-      });
-    };
-    _this.renderDayPicker = function () {
-      var _this$state3 = _this.state,
-        value = _this$state3.value,
-        enteredTo = _this$state3.enteredTo;
-      var disabledDates = _this.props.disabledDates;
-      var modifiers = {
+    this.renderDayPicker = () => {
+      const {
+        value,
+        enteredTo
+      } = this.state;
+      const {
+        disabledDates
+      } = this.props;
+      const modifiers = {
         start: value,
         end: value,
         entered: enteredTo,
-        'entered-start': enteredTo,
-        'entered-end': enteredTo
+        "entered-start": enteredTo,
+        "entered-end": enteredTo
       };
-      var selectedDays = value ? [value] : [];
-      var month = _this.state.month;
-      return /*#__PURE__*/React.createElement(DayPicker, {
-        fixedWeeks: true,
-        showOutsideDays: true,
-        canChangeMonth: false,
-        disabledDays: disabledDates,
-        selectedDays: selectedDays,
-        month: month,
-        title: fnsFormat(month, 'MMM yyyy'),
-        renderDay: _this.renderDay,
-        onDayClick: _this.handleDayClick,
-        onDayMouseEnter: _this.handleDayMouseEnter,
-        onDayMouseLeave: _this.handleDayMouseLeave,
-        onMonthNameClick: function onMonthNameClick() {
-          return _this.handleModeSwitch('month');
-        },
-        onYearNameClick: function onYearNameClick() {
-          return _this.handleModeSwitch('year');
-        },
-        onMonthChange: function onMonthChange(selectedMonth) {
-          return _this.handleMonthChange(selectedMonth, 'date');
-        },
-        modifiers: modifiers
-      });
+      const selectedDays = value ? [value] : [];
+      const {
+        month
+      } = this.state;
+      return /* @__PURE__ */ jsx(DayPicker, { fixedWeeks: true, showOutsideDays: true, canChangeMonth: false, disabledDays: disabledDates, selectedDays, month, title: fnsFormat(month, "MMM yyyy"), renderDay: this.renderDay, onDayClick: this.handleDayClick, onDayMouseEnter: this.handleDayMouseEnter, onDayMouseLeave: this.handleDayMouseLeave, onMonthNameClick: () => this.handleModeSwitch("month"), onYearNameClick: () => this.handleModeSwitch("year"), onMonthChange: (selectedMonth) => this.handleMonthChange(selectedMonth, "date"), modifiers });
     };
-    _this.handleDaySwitch = function (day) {
-      var disabledDates = _this.props.disabledDates;
-
-      // @ts-ignore
-      _this.handleDayClick(day, {
+    this.handleDaySwitch = (day) => {
+      const {
+        disabledDates
+      } = this.props;
+      this.handleDayClick(day, {
         disabled: disabledDates ? disabledDates(day) : false
       });
     };
-    _this.renderTimePicker = function () {
-      var value = _this.state.value;
-      var _this$props2 = _this.props,
-        disabledHours = _this$props2.disabledHours,
-        disabledMinutes = _this$props2.disabledMinutes,
-        disabledSeconds = _this$props2.disabledSeconds,
-        disabledDates = _this$props2.disabledDates;
-      var prevDay = fnsAddDays(legacyParse(value), -1);
-      var nextDay = fnsAddDays(legacyParse(value), 1);
-      var inactivePrev = disabledDates ? disabledDates(prevDay) : false;
-      var inactiveNext = disabledDates ? disabledDates(nextDay) : false;
-      return /*#__PURE__*/React.createElement(TimePicker, {
-        value: value,
-        onChange: _this.handleChange,
-        disabledHours: disabledHours,
-        disabledMinutes: disabledMinutes,
-        disabledSeconds: disabledSeconds,
-        inactiveNext: inactiveNext,
-        inactivePrev: inactivePrev,
-        onShortNext: function onShortNext() {
-          return _this.handleDaySwitch(nextDay);
-        },
-        onShortPrev: function onShortPrev() {
-          return _this.handleDaySwitch(prevDay);
-        }
-      });
+    this.renderTimePicker = () => {
+      const {
+        value
+      } = this.state;
+      const {
+        disabledHours,
+        disabledMinutes,
+        disabledSeconds,
+        disabledDates
+      } = this.props;
+      const prevDay = fnsAddDays(legacyParse(value), -1);
+      const nextDay = fnsAddDays(legacyParse(value), 1);
+      const inactivePrev = disabledDates ? disabledDates(prevDay) : false;
+      const inactiveNext = disabledDates ? disabledDates(nextDay) : false;
+      return /* @__PURE__ */ jsx(TimePicker, { value, onChange: this.handleChange, disabledHours, disabledMinutes, disabledSeconds, inactiveNext, inactivePrev, onShortNext: () => this.handleDaySwitch(nextDay), onShortPrev: () => this.handleDaySwitch(prevDay) });
     };
-    _this.state = {
-      mode: 'date',
-      month: fnsStartOfMonth(props.value || new Date()),
+    this.state = {
+      mode: "date",
+      month: fnsStartOfMonth(props.value || /* @__PURE__ */ new Date()),
       value: props.value,
       changed: false,
-      enteredTo: undefined,
-      texts: _this.getTexts()
+      enteredTo: void 0,
+      texts: this.getTexts()
     };
-    return _this;
   }
-  _inheritsLoose(RawDatePicker, _React$Component);
-  var _proto = RawDatePicker.prototype;
-  _proto.getTexts = function getTexts() {
-    var _this$props3 = this.props,
-      texts = _this$props3.texts,
-      intl = _this$props3.intl;
+  getTexts() {
+    const {
+      texts,
+      intl
+    } = this.props;
     return getDefaultTexts(intl, texts);
-  };
-  _proto.getSnapshotBeforeUpdate = function getSnapshotBeforeUpdate(prevProps) {
-    var value = this.props.value;
-    var mode = this.state.mode;
-    if ((prevProps == null ? void 0 : prevProps.value) !== value) {
+  }
+  getSnapshotBeforeUpdate(prevProps) {
+    const {
+      value
+    } = this.props;
+    const {
+      mode
+    } = this.state;
+    if (prevProps?.value !== value) {
       this.setState({
-        value: value,
-        month: fnsStartOfMonth(value || new Date()),
+        value,
+        month: fnsStartOfMonth(value || /* @__PURE__ */ new Date()),
         changed: true,
-        mode: value === undefined ? 'date' : mode
+        mode: value === void 0 ? "date" : mode
       });
     }
     return null;
-  };
-  _proto.render = function render() {
-    var _this2 = this;
-    var _this$state4 = this.state,
-      mode = _this$state4.mode,
-      changed = _this$state4.changed,
-      value = _this$state4.value,
-      texts = _this$state4.texts;
-    var _this$props4 = this.props,
-      showTime = _this$props4.showTime,
-      hideNow = _this$props4.hideNow,
-      quickPicks = _this$props4.quickPicks;
-    var isValid = !!value;
-    var picker;
+  }
+  render() {
+    const {
+      mode,
+      changed,
+      value,
+      texts
+    } = this.state;
+    const {
+      showTime,
+      hideNow,
+      quickPicks
+    } = this.props;
+    const isValid = !!value;
+    let picker;
     switch (mode) {
-      case 'time':
+      case "time":
         picker = this.renderTimePicker();
         break;
-      case 'date':
+      case "date":
         picker = this.renderDayPicker();
         break;
-      case 'month':
+      case "month":
         picker = this.renderMonthPicker();
         break;
-      case 'year':
+      case "year":
         picker = this.renderYearPicker();
         break;
       default:
         picker = null;
         break;
     }
-    return /*#__PURE__*/React.createElement(S.Container, null, /*#__PURE__*/React.createElement(S.ContentWrapper, {
-      withQuickPicks: !!(quickPicks != null && quickPicks.length)
-    }, (quickPicks == null ? void 0 : quickPicks.length) && /*#__PURE__*/React.createElement(QuickPicks, {
-      value: value,
-      onChange: function onChange(item) {
-        _this2.handleMonthChange(item.value, 'date');
-        _this2.handleChange(item.value);
-      },
-      items: quickPicks,
-      texts: texts
-    }), /*#__PURE__*/React.createElement(S.PickerWrapper, null, picker)), /*#__PURE__*/React.createElement(Footer, {
-      canApply: isValid && changed,
-      onApply: this.handleApply,
-      dateOnly: !showTime,
-      mode: mode,
-      canSwitchMode: isValid,
-      onSwitchMode: function onSwitchMode() {
-        return _this2.handleModeSwitch(mode === 'time' ? 'date' : 'time');
-      },
-      texts: texts,
-      hideNow: hideNow
-    }));
-  };
-  return RawDatePicker;
-}(React.Component);
-RawDatePicker.defaultProps = {
+    return /* @__PURE__ */ jsxs(Container, { children: [
+      /* @__PURE__ */ jsxs(ContentWrapper, { withQuickPicks: !!quickPicks?.length, children: [
+        quickPicks?.length && /* @__PURE__ */ jsx(QuickPicks, { value, onChange: (item) => {
+          this.handleMonthChange(item.value, "date");
+          this.handleChange(item.value);
+        }, items: quickPicks, texts }),
+        /* @__PURE__ */ jsx(PickerWrapper, { children: picker })
+      ] }),
+      /* @__PURE__ */ jsx(Footer, { canApply: isValid && changed, onApply: this.handleApply, dateOnly: !showTime, mode, canSwitchMode: isValid, onSwitchMode: () => this.handleModeSwitch(mode === "time" ? "date" : "time"), texts, hideNow })
+    ] });
+  }
+};
+_RawDatePicker.defaultProps = {
   showTime: false,
   disabledHours: [],
   disabledMinutes: [],
   disabledSeconds: []
 };
-export default injectIntl(RawDatePicker);
+let RawDatePicker = _RawDatePicker;
+const RawDatePicker$1 = injectIntl(RawDatePicker);
+export {
+  RawDatePicker$1 as default
+};

package/dist/RawDatePicker/RawDatePicker.types.d.ts

@@ -1,2 +1,2 @@
-import { type DatePickerProps } from '../DatePicker.types';
+import { DatePickerProps } from '../DatePicker.types';
 export type RawDatePickerProps = Omit<DatePickerProps, 'dropdownProps'>;

package/dist/RawDatePicker/RawDatePicker.types.js

@@ -1 +1 @@
-export {};
+

package/dist/fns.d.ts

@@ -1,25 +1,25 @@
-import fnsAddDays from 'date-fns/addDays';
-import fnsAddMonths from 'date-fns/addMonths';
-import fnsAddSeconds from 'date-fns/addSeconds';
-import fnsAddYears from 'date-fns/addYears';
-import fnsDifferenceInSeconds from 'date-fns/differenceInSeconds';
-import fnsDifferenceInYears from 'date-fns/differenceInYears';
-import fnsEndOfDay from 'date-fns/endOfDay';
-import fnsEndOfMonth from 'date-fns/endOfMonth';
-import fnsFormat from 'date-fns/format';
-import fnsGetSeconds from 'date-fns/getSeconds';
-import fnsGetYear from 'date-fns/getYear';
-import fnsIsAfter from 'date-fns/isAfter';
-import fnsIsBefore from 'date-fns/isBefore';
-import fnsIsEqual from 'date-fns/isEqual';
-import fnsIsSameDay from 'date-fns/isSameDay';
-import fnsIsSameMonth from 'date-fns/isSameMonth';
-import fnsIsSameYear from 'date-fns/isSameYear';
-import fnsSetDate from 'date-fns/setDate';
-import fnsSetMonth from 'date-fns/setMonth';
-import fnsSetYear from 'date-fns/setYear';
-import fnsStartOfDay from 'date-fns/startOfDay';
-import fnsStartOfMonth from 'date-fns/startOfMonth';
+import { default as fnsAddDays } from 'date-fns/addDays';
+import { default as fnsAddMonths } from 'date-fns/addMonths';
+import { default as fnsAddSeconds } from 'date-fns/addSeconds';
+import { default as fnsAddYears } from 'date-fns/addYears';
+import { default as fnsDifferenceInSeconds } from 'date-fns/differenceInSeconds';
+import { default as fnsDifferenceInYears } from 'date-fns/differenceInYears';
+import { default as fnsEndOfDay } from 'date-fns/endOfDay';
+import { default as fnsEndOfMonth } from 'date-fns/endOfMonth';
+import { default as fnsFormat } from 'date-fns/format';
+import { default as fnsGetSeconds } from 'date-fns/getSeconds';
+import { default as fnsGetYear } from 'date-fns/getYear';
+import { default as fnsIsAfter } from 'date-fns/isAfter';
+import { default as fnsIsBefore } from 'date-fns/isBefore';
+import { default as fnsIsEqual } from 'date-fns/isEqual';
+import { default as fnsIsSameDay } from 'date-fns/isSameDay';
+import { default as fnsIsSameMonth } from 'date-fns/isSameMonth';
+import { default as fnsIsSameYear } from 'date-fns/isSameYear';
+import { default as fnsSetDate } from 'date-fns/setDate';
+import { default as fnsSetMonth } from 'date-fns/setMonth';
+import { default as fnsSetYear } from 'date-fns/setYear';
+import { default as fnsStartOfDay } from 'date-fns/startOfDay';
+import { default as fnsStartOfMonth } from 'date-fns/startOfMonth';
 export { fnsGetSeconds };
 export { fnsDifferenceInSeconds };
 export { fnsStartOfMonth };