@synerise/ds-date-picker 1.4.1 → 1.4.2

package/dist/Elements/DecadePicker/DecadePicker.js

@@ -1,106 +1,120 @@
-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 range from 'lodash.range';
-import React from 'react';
-import { legacyParse } from '@date-fns/upgrade/v2';
-import { fnsAddYears, fnsGetYear, fnsSetYear } from '../../fns';
-import { getCenturyRange, getDecadeRange } from '../../utils';
-import GridPicker from '../GridPicker/GridPicker';
-import Navbar from '../Navbar/Navbar';
+import { jsx } from "react/jsx-runtime";
+import range from "lodash.range";
+import React from "react";
+import { legacyParse } from "@date-fns/upgrade/v2";
+import "date-fns/addDays";
+import "date-fns/addMonths";
+import "date-fns/addSeconds";
+import fnsAddYears from "date-fns/addYears";
+import "date-fns/differenceInSeconds";
+import "date-fns/differenceInYears";
+import "date-fns/endOfDay";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/getSeconds";
+import fnsGetYear from "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 "date-fns/setDate";
+import "date-fns/setMonth";
+import fnsSetYear from "date-fns/setYear";
+import "date-fns/startOfDay";
+import "date-fns/startOfMonth";
+import { getCenturyRange, getDecadeRange } from "../../utils.js";
+import GridPicker from "../GridPicker/GridPicker.js";
+import Navbar from "../Navbar/Navbar.js";
 function getInitialState(props) {
   return {
-    cursor: props.value || new Date()
+    cursor: props.value || /* @__PURE__ */ new Date()
   };
 }
 function getCells(cursor) {
-  var startYear = getCenturyRange(cursor)[0];
-  return range(0, 10).map(function (index) {
-    var date = fnsAddYears(fnsSetYear(cursor, startYear), index * 10);
+  const startYear = getCenturyRange(cursor)[0];
+  return range(0, 10).map((index) => {
+    const date = fnsAddYears(fnsSetYear(cursor, startYear), index * 10);
     return {
       key: date.toISOString(),
-      text: getDecadeRange(date).join('-')
+      text: getDecadeRange(date).join("-")
     };
   });
 }
-var DecadePicker = /*#__PURE__*/function (_React$PureComponent) {
-  function DecadePicker() {
-    var _this;
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
-    _this.state = getInitialState(_this.props);
-    _this.handleLongPrev = function () {
-      var cursor = _this.state.cursor;
-      _this.setState({
+class DecadePicker extends React.PureComponent {
+  constructor() {
+    super(...arguments);
+    this.state = getInitialState(this.props);
+    this.handleLongPrev = () => {
+      const {
+        cursor
+      } = this.state;
+      this.setState({
         cursor: fnsAddYears(cursor, -100)
       });
     };
-    _this.handleLongNext = function () {
-      var cursor = _this.state.cursor;
-      _this.setState({
+    this.handleLongNext = () => {
+      const {
+        cursor
+      } = this.state;
+      this.setState({
         cursor: fnsAddYears(cursor, 100)
       });
     };
-    _this.handleCellClick = function (isoDate) {
-      var onChange = _this.props.onChange;
+    this.handleCellClick = (isoDate) => {
+      const {
+        onChange
+      } = this.props;
       if (isoDate === -1) {
-        _this.handleLongPrev();
+        this.handleLongPrev();
         return;
       }
       if (isoDate === 1) {
-        _this.handleLongNext();
+        this.handleLongNext();
         return;
       }
       onChange && onChange(new Date(isoDate));
     };
-    return _this;
   }
-  _inheritsLoose(DecadePicker, _React$PureComponent);
-  var _proto = DecadePicker.prototype;
-  _proto.getSnapshotBeforeUpdate = function getSnapshotBeforeUpdate(prevProps) {
-    var value = this.props.value;
-    if ((prevProps == null ? void 0 : prevProps.value) !== value) {
+  getSnapshotBeforeUpdate(prevProps) {
+    const {
+      value
+    } = this.props;
+    if (prevProps?.value !== value) {
       this.setState(getInitialState(this.props));
     }
     return null;
-  };
-  _proto.render = function render() {
-    var cursor = this.state.cursor;
-    var _this$props = this.props,
-      value = _this$props.value,
-      onTitleClick = _this$props.onTitleClick;
-    var centuryRange = getCenturyRange(cursor);
-    var cells = getCells(cursor);
-    var valueCell = value ? cells.find(function (cell) {
-      var valueYear = fnsGetYear(value);
-      var minYear = fnsGetYear(legacyParse(cell.key));
-      var maxYear = minYear + 10;
+  }
+  render() {
+    const {
+      cursor
+    } = this.state;
+    const {
+      value,
+      onTitleClick
+    } = this.props;
+    const centuryRange = getCenturyRange(cursor);
+    let cells = getCells(cursor);
+    const valueCell = value ? cells.find((cell) => {
+      const valueYear = fnsGetYear(value);
+      const minYear = fnsGetYear(legacyParse(cell.key));
+      const maxYear = minYear + 10;
       return valueYear >= minYear && valueYear < maxYear;
     }) : null;
-    var selectedKey = valueCell ? valueCell.key : null;
+    const selectedKey = valueCell ? valueCell.key : null;
     cells = [{
       key: -1,
-      text: centuryRange[0] - 10 + "-" + (centuryRange[0] - 1),
+      text: `${centuryRange[0] - 10}-${centuryRange[0] - 1}`,
       outside: true
-    }].concat(cells, [{
+    }, ...cells, {
       key: 1,
-      text: centuryRange[1] + 1 + "-" + (centuryRange[1] + 10),
+      text: `${centuryRange[1] + 1}-${centuryRange[1] + 10}`,
       outside: true
-    }]);
-    return [/*#__PURE__*/React.createElement(Navbar, {
-      title: centuryRange.join('-'),
-      onTitleClick: onTitleClick,
-      onLongPrev: this.handleLongPrev,
-      onLongNext: this.handleLongNext,
-      key: "head"
-    }), /*#__PURE__*/React.createElement(GridPicker, {
-      selectedKey: selectedKey,
-      cells: cells,
-      onCellClick: this.handleCellClick,
-      key: "body"
-    })];
-  };
-  return DecadePicker;
-}(React.PureComponent);
-export { DecadePicker as default };
+    }];
+    return [/* @__PURE__ */ jsx(Navbar, { title: centuryRange.join("-"), onTitleClick, onLongPrev: this.handleLongPrev, onLongNext: this.handleLongNext }, "head"), /* @__PURE__ */ jsx(GridPicker, { selectedKey, cells, onCellClick: this.handleCellClick }, "body")];
+  }
+}
+export {
+  DecadePicker as default
+};

package/dist/Elements/DecadePicker/DecadePicker.types.js

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

package/dist/Elements/Footer/Footer.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { type Props } from './Footer.types';
-declare const _default: React.FC<import("react-intl").WithIntlProps<Props>> & {
+import { default as React } from 'react';
+import { Props } from './Footer.types';
+declare const _default: React.FC<import('react-intl').WithIntlProps<Props>> & {
     WrappedComponent: React.ComponentType<Props>;
 };
 export default _default;

package/dist/Elements/Footer/Footer.js

@@ -1,56 +1,40 @@
-var _excluded = ["text", "canApply", "onApply", "intl", "canSwitchMode", "onSwitchMode", "mode", "dateOnly", "message", "texts", "hideNow"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import { injectIntl } from 'react-intl';
-import { v4 as uuid } from 'uuid';
-import Button from '@synerise/ds-button';
-import Icon, { CalendarM, ClockM } from '@synerise/ds-icon';
-import Tooltip from '@synerise/ds-tooltip';
-import * as S from './Footer.styles';
-var Footer = function Footer(_ref) {
-  var text = _ref.text,
-    canApply = _ref.canApply,
-    onApply = _ref.onApply,
-    intl = _ref.intl,
-    canSwitchMode = _ref.canSwitchMode,
-    onSwitchMode = _ref.onSwitchMode,
-    mode = _ref.mode,
-    dateOnly = _ref.dateOnly,
-    message = _ref.message,
-    texts = _ref.texts,
-    hideNow = _ref.hideNow,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var SwitchModeButton = React.useMemo(function () {
-    return /*#__PURE__*/React.createElement(Button, {
-      type: "ghost",
-      mode: "single-icon",
-      disabled: !canSwitchMode,
-      onClick: onSwitchMode,
-      key: uuid(),
-      className: "ds-date-time-switch"
-    }, /*#__PURE__*/React.createElement(Icon, {
-      component: mode === 'time' ? /*#__PURE__*/React.createElement(CalendarM, null) : /*#__PURE__*/React.createElement(ClockM, null)
-    }));
-  }, [mode, onSwitchMode, canSwitchMode]);
-  return /*#__PURE__*/React.createElement(S.Container, _extends({
-    className: "ds-date-picker-footer",
-    key: "date-picker-footer"
-  }, rest), !hideNow && /*#__PURE__*/React.createElement(S.Range, {
-    "data-testid": "range-now",
-    type: "tertiary",
-    onClick: function onClick() {
-      onApply && onApply(new Date());
-    }
-  }, texts.now), /*#__PURE__*/React.createElement(S.ActionsPlaceholder, null), /*#__PURE__*/React.createElement(S.Actions, null, !dateOnly && SwitchModeButton, /*#__PURE__*/React.createElement(Tooltip, {
-    title: message
-  }, /*#__PURE__*/React.createElement(Button, {
-    "data-testid": "date-picker-apply",
-    disabled: !canApply,
-    type: "primary",
-    onClick: function onClick() {
-      onApply && onApply();
-    }
-  }, texts.apply))));
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { injectIntl } from "react-intl";
+import { v4 } from "uuid";
+import Button from "@synerise/ds-button";
+import Icon, { CalendarM, ClockM } from "@synerise/ds-icon";
+import Tooltip from "@synerise/ds-tooltip";
+import { Container, Range, ActionsPlaceholder, Actions } from "./Footer.styles.js";
+const Footer = ({
+  text,
+  canApply,
+  onApply,
+  intl,
+  canSwitchMode,
+  onSwitchMode,
+  mode,
+  dateOnly,
+  message,
+  texts,
+  hideNow,
+  ...rest
+}) => {
+  const SwitchModeButton = React.useMemo(() => /* @__PURE__ */ jsx(Button, { type: "ghost", mode: "single-icon", disabled: !canSwitchMode, onClick: onSwitchMode, className: "ds-date-time-switch", children: /* @__PURE__ */ jsx(Icon, { component: mode === "time" ? /* @__PURE__ */ jsx(CalendarM, {}) : /* @__PURE__ */ jsx(ClockM, {}) }) }, v4()), [mode, onSwitchMode, canSwitchMode]);
+  return /* @__PURE__ */ jsxs(Container, { className: "ds-date-picker-footer", ...rest, children: [
+    !hideNow && /* @__PURE__ */ jsx(Range, { "data-testid": "range-now", type: "tertiary", onClick: () => {
+      onApply && onApply(/* @__PURE__ */ new Date());
+    }, children: texts.now }),
+    /* @__PURE__ */ jsx(ActionsPlaceholder, {}),
+    /* @__PURE__ */ jsxs(Actions, { children: [
+      !dateOnly && SwitchModeButton,
+      /* @__PURE__ */ jsx(Tooltip, { title: message, children: /* @__PURE__ */ jsx(Button, { "data-testid": "date-picker-apply", disabled: !canApply, type: "primary", onClick: () => {
+        onApply && onApply();
+      }, children: texts.apply }) })
+    ] })
+  ] }, "date-picker-footer");
+};
+const Footer$1 = injectIntl(Footer);
+export {
+  Footer$1 as default
 };
-export default injectIntl(Footer);

package/dist/Elements/Footer/Footer.styles.d.ts

@@ -1,5 +1,5 @@
-import { type StyledButton } from '@synerise/ds-button';
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Actions: import("styled-components").StyledComponent<"div", any, {}, never>;
+import { StyledButton } from '@synerise/ds-button';
+export declare const Container: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Actions: import('styled-components').StyledComponent<"div", any, {}, never>;
 export declare const Range: StyledButton;
-export declare const ActionsPlaceholder: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ActionsPlaceholder: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/Elements/Footer/Footer.styles.js

@@ -1,18 +1,24 @@
-import styled from 'styled-components';
-import Button from '@synerise/ds-button';
-export var Container = styled.div.withConfig({
+import styled from "styled-components";
+import Button from "@synerise/ds-button";
+const Container = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Footerstyles__Container",
   componentId: "sc-4iuhtr-0"
 })(["display:flex;align-items:center;padding:12px 24px;"]);
-export var Actions = styled.div.withConfig({
+const Actions = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Footerstyles__Actions",
   componentId: "sc-4iuhtr-1"
 })(["flex:0;display:flex;align-items:center;white-space:nowrap;> *:not(:last-child){margin-right:8px;}"]);
-export var Range = styled(Button).withConfig({
+const Range = /* @__PURE__ */ styled(Button).withConfig({
   displayName: "Footerstyles__Range",
   componentId: "sc-4iuhtr-2"
 })(["&&{margin:4px 0;&:not(:last-child){margin-right:8px;}}"]);
-export var ActionsPlaceholder = styled.div.withConfig({
+const ActionsPlaceholder = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Footerstyles__ActionsPlaceholder",
   componentId: "sc-4iuhtr-3"
-})(["display:flex;flex:1;"]);
+})(["display:flex;flex:1;"]);
+export {
+  Actions,
+  ActionsPlaceholder,
+  Container,
+  Range
+};

package/dist/Elements/Footer/Footer.types.d.ts

@@ -1,5 +1,5 @@
-import { type WrappedComponentProps } from 'react-intl';
-import { type Texts } from '../../DatePicker.types';
+import { WrappedComponentProps } from 'react-intl';
+import { Texts } from '../../DatePicker.types';
 export type Props = {
     text?: string;
     mode: string;

package/dist/Elements/Footer/Footer.types.js

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

package/dist/Elements/GridPicker/GridPicker.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { type Cell, type GridPickerProps } from './GridPicker.types';
+import { default as React } from 'react';
+import { Cell, GridPickerProps } from './GridPicker.types';
 export default class GridPicker extends React.PureComponent<GridPickerProps> {
     handleCellClick: (cell: Cell) => void;
     renderCell: (cell: Cell) => React.ReactNode;

package/dist/Elements/GridPicker/GridPicker.js

@@ -1,51 +1,43 @@
-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 classNames from 'classnames';
-import React from 'react';
-import * as S from './GridPicker.styles';
-var GridPicker = /*#__PURE__*/function (_React$PureComponent) {
-  function GridPicker() {
-    var _this;
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
-    _this.handleCellClick = function (cell) {
+import { jsx, Fragment } from "react/jsx-runtime";
+import classNames from "classnames";
+import React from "react";
+import { CellContainer, GridContainer } from "./GridPicker.styles.js";
+class GridPicker extends React.PureComponent {
+  constructor() {
+    super(...arguments);
+    this.handleCellClick = (cell) => {
       if (cell.disabled) {
         return;
       }
-      var onCellClick = _this.props.onCellClick;
+      const {
+        onCellClick
+      } = this.props;
       onCellClick && onCellClick(cell.key);
     };
-    _this.renderCell = function (cell) {
-      var selectedKey = _this.props.selectedKey;
-      var key = cell.key,
-        text = cell.text,
-        disabled = cell.disabled,
-        outside = cell.outside;
-      return /*#__PURE__*/React.createElement(S.CellContainer, {
-        className: classNames('cell', {
-          'cell--selected': selectedKey === key,
-          'cell--disabled': disabled,
-          'cell--outside': outside
-        }),
-        onClick: function onClick() {
-          return _this.handleCellClick(cell);
-        },
-        "data-attr": key,
-        key: key
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "cell-content"
-      }, text));
+    this.renderCell = (cell) => {
+      const {
+        selectedKey
+      } = this.props;
+      const {
+        key,
+        text,
+        disabled,
+        outside
+      } = cell;
+      return /* @__PURE__ */ jsx(CellContainer, { className: classNames("cell", {
+        "cell--selected": selectedKey === key,
+        "cell--disabled": disabled,
+        "cell--outside": outside
+      }), onClick: () => this.handleCellClick(cell), "data-attr": key, children: /* @__PURE__ */ jsx("div", { className: "cell-content", children: text }) }, key);
     };
-    return _this;
   }
-  _inheritsLoose(GridPicker, _React$PureComponent);
-  var _proto = GridPicker.prototype;
-  _proto.render = function render() {
-    var cells = this.props.cells;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.GridContainer, null, cells.map(this.renderCell)));
-  };
-  return GridPicker;
-}(React.PureComponent);
-export { GridPicker as default };
+  render() {
+    const {
+      cells
+    } = this.props;
+    return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(GridContainer, { children: cells.map(this.renderCell) }) });
+  }
+}
+export {
+  GridPicker as default
+};

package/dist/Elements/GridPicker/GridPicker.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const GridContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CellContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const GridContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const CellContainer: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/Elements/GridPicker/GridPicker.styles.js

@@ -1,23 +1,13 @@
-import styled from 'styled-components';
-export var GridContainer = styled.div.withConfig({
+import styled from "styled-components";
+const GridContainer = /* @__PURE__ */ styled.div.withConfig({
   displayName: "GridPickerstyles__GridContainer",
   componentId: "sc-i8w1ym-0"
-})(["display:grid;grid-template-columns:1fr 1fr 1fr;font-size:12px;padding:0 8px;.cell{height:32px;margin:auto 8px;cursor:pointer;position:relative;vertical-align:middle;text-align:center;> div{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:16px;&:hover{background-color:", ";color:", ";}}&--selected{font-weight:500;}&--outside{color:", ";}&--disabled{cursor:default;color:", ";}}.cell--selected:not(.cell--disabled):not(.cell--outside){> div{background-color:", ";color:", ";&:hover{background-color:", ";}}}"], function (props) {
-  return props.theme.palette['grey-050'];
-}, function (props) {
-  return props.theme.palette['blue-600'];
-}, function (props) {
-  return props.theme.palette['grey-400'];
-}, function (props) {
-  return props.theme.palette['grey-400'];
-}, function (props) {
-  return props.theme.palette['blue-600'];
-}, function (props) {
-  return props.theme.palette.white;
-}, function (props) {
-  return props.theme.palette['blue-600'];
-});
-export var CellContainer = styled.div.withConfig({
+})(["display:grid;grid-template-columns:1fr 1fr 1fr;font-size:12px;padding:0 8px;.cell{height:32px;margin:auto 8px;cursor:pointer;position:relative;vertical-align:middle;text-align:center;> div{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:16px;&:hover{background-color:", ";color:", ";}}&--selected{font-weight:500;}&--outside{color:", ";}&--disabled{cursor:default;color:", ";}}.cell--selected:not(.cell--disabled):not(.cell--outside){> div{background-color:", ";color:", ";&:hover{background-color:", ";}}}"], (props) => props.theme.palette["grey-050"], (props) => props.theme.palette["blue-600"], (props) => props.theme.palette["grey-400"], (props) => props.theme.palette["grey-400"], (props) => props.theme.palette["blue-600"], (props) => props.theme.palette.white, (props) => props.theme.palette["blue-600"]);
+const CellContainer = /* @__PURE__ */ styled.div.withConfig({
   displayName: "GridPickerstyles__CellContainer",
   componentId: "sc-i8w1ym-1"
-})([""]);
+})([""]);
+export {
+  CellContainer,
+  GridContainer
+};

package/dist/Elements/GridPicker/GridPicker.types.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import { default as React } from 'react';
 export type Cell = {
     disabled?: boolean;
     key: React.ReactText;

package/dist/Elements/GridPicker/GridPicker.types.js

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

package/dist/Elements/MonthPicker/MonthPicker.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { type MonthPickerProps } from './MonthPicker.types';
-declare const _default: React.FC<import("react-intl").WithIntlProps<MonthPickerProps>> & {
+import { default as React } from 'react';
+import { MonthPickerProps } from './MonthPicker.types';
+declare const _default: React.FC<import('react-intl').WithIntlProps<MonthPickerProps>> & {
     WrappedComponent: React.ComponentType<MonthPickerProps>;
 };
 export default _default;