@synerise/ds-date-picker 0.11.5 → 0.11.7

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.11.7](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-picker@0.11.6...@synerise/ds-date-picker@0.11.7) (2024-07-15)
+
+**Note:** Version bump only for package @synerise/ds-date-picker
+
+
+
+
+
+## [0.11.6](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-picker@0.11.5...@synerise/ds-date-picker@0.11.6) (2024-07-05)
+
+
+### Bug Fixes
+
+* **date-picker:** fixes of types ([1b09748](https://github.com/Synerise/synerise-design/commit/1b097484782a5dc37e71711d7308511eb8103a45))
+
+
+
+
+
 ## [0.11.5](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-picker@0.11.4...@synerise/ds-date-picker@0.11.5) (2024-07-02)
 
 

package/dist/DatePicker.js

@@ -5,11 +5,13 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { useIntl } from 'react-intl';
 import Dropdown from '@synerise/ds-dropdown';
 import { useOnClickOutside } from '@synerise/ds-utils';
 import RawDatePicker from './RawDatePicker/RawDatePicker';
 import PickerInput from './Elements/PickerInput/PickerInput';
 import * as S from './DatePicker.styles';
+import { getDefaultTexts } from './utils/getDefaultTexts';
 
 var DatePicker = function DatePicker(_ref) {
   var autoFocus = _ref.autoFocus,
@@ -44,6 +46,8 @@ var DatePicker = function DatePicker(_ref) {
       setSelectedDate = _useState2[1];
 
   var ref = useRef(null);
+  var intl = useIntl();
+  var allTexts = getDefaultTexts(intl, texts);
   useOnClickOutside(ref, function () {
     !!dropVisible && setDropVisible(false);
   });
@@ -74,10 +78,10 @@ var DatePicker = function DatePicker(_ref) {
     format: format,
     valueFormatOptions: valueFormatOptions,
     onClear: handleClear,
-    placeholder: texts.inputPlaceholder,
+    placeholder: allTexts.inputPlaceholder,
     prefixel: prefixel,
     suffixel: suffixel,
-    clearTooltip: texts.clearTooltip,
+    clearTooltip: allTexts.clearTooltip,
     highlight: !!dropVisible && !disabled,
     error: error,
     errorText: errorText,
@@ -88,7 +92,7 @@ var DatePicker = function DatePicker(_ref) {
       ref: ref
     }, /*#__PURE__*/React.createElement(RawDatePicker, _extends({}, rest, {
       showTime: showTime,
-      texts: texts,
+      texts: allTexts,
       onApply: onApplyCallback,
       onValueChange: onValueChangeCallback,
       value: selectedDate,

package/dist/DatePicker.types.d.ts

@@ -7,17 +7,17 @@ export type DatePickerProps = {
     autoFocus?: boolean;
     disabled?: boolean;
     disabledDates?: (date?: Date) => boolean;
-    disabledHours: number[];
-    disabledMinutes: number[];
-    disabledSeconds: number[];
+    disabledHours?: number[];
+    disabledMinutes?: number[];
+    disabledSeconds?: number[];
     dropdownProps?: Partial<DropdownProps>;
     /**
      * @deprecated use `valueFormatOptions` instead
      */
     format?: string;
     valueFormatOptions?: DateToFormatOptions;
-    intl?: IntlShape;
-    onApply?: (date?: Date) => void;
+    intl: IntlShape;
+    onApply: (date?: Date) => void;
     onClear?: () => void;
     onDropdownVisibleChange?: (visible: boolean) => void;
     onValueChange?: (date?: Date) => void;
@@ -27,7 +27,7 @@ export type DatePickerProps = {
     prefixel?: ReactNode;
     suffixel?: ReactNode;
     showTime?: boolean;
-    texts: Texts;
+    texts?: Partial<Texts>;
     renderTrigger?: () => ReactElement;
     value?: Date;
     useStartOfDay?: boolean;
@@ -57,6 +57,6 @@ export type Modifier = {
 export type Texts = {
     apply: ReactNode;
     now: ReactNode;
-    inputPlaceholder?: string;
-    clearTooltip?: ReactNode;
+    inputPlaceholder: string;
+    clearTooltip: ReactNode;
 };

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

@@ -2,9 +2,9 @@ export type TimePickerProps = {
     format?: string;
     value?: Date;
     onChange: (date?: Date | undefined) => void;
-    disabledHours: number[];
-    disabledMinutes: number[];
-    disabledSeconds: number[];
+    disabledHours?: number[];
+    disabledMinutes?: number[];
+    disabledSeconds?: number[];
     inactivePrev?: boolean;
     inactiveNext?: boolean;
     onShortNext?: () => void;

package/dist/RawDatePicker/RawDatePicker.d.ts

@@ -1,30 +1,7 @@
-import * as React from 'react';
-import { DayModifiers } from 'react-day-picker';
-import { Props, State, Texts } from '../DatePicker.types';
-import { RawDatePickerProps } from './RawDatePicker.types';
-declare class RawDatePicker extends React.Component<RawDatePickerProps, State> {
-    static defaultProps: {
-        showTime: boolean;
-        disabledHours: never[];
-        disabledMinutes: never[];
-        disabledSeconds: never[];
-    };
-    constructor(props: Props);
-    getTexts(): Texts;
-    getSnapshotBeforeUpdate(prevProps: Readonly<Props>): null;
-    handleChange: (value: Date | undefined) => void;
-    handleDayMouseEnter: (day: Date) => void;
-    handleDayMouseLeave: () => void;
-    handleDayClick: (day: Date, modifiers: DayModifiers) => void;
-    handleModeSwitch: (mode: string) => void;
-    handleApply: (date: Date | undefined) => void;
-    handleMonthChange: (month: Date, mode: string) => void;
-    renderDay: (day: Date) => React.ReactNode;
-    renderYearPicker: () => React.ReactNode;
-    renderMonthPicker: () => React.ReactNode;
-    renderDayPicker: () => React.ReactNode;
-    handleDaySwitch: (day: Date) => void;
-    renderTimePicker: () => React.ReactNode;
-    render(): React.ReactNode;
-}
-export default RawDatePicker;
+import React from 'react';
+declare const _default: React.ForwardRefExoticComponent<import("react-intl").Omit<import("../DatePicker.types").DatePickerProps, "intl"> & {
+    forwardedRef?: React.Ref<any> | undefined;
+} & React.RefAttributes<any>> & {
+    WrappedComponent: React.ComponentType<import("../DatePicker.types").DatePickerProps>;
+};
+export default _default;

package/dist/RawDatePicker/RawDatePicker.js

@@ -2,8 +2,8 @@ function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.crea
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-import * as React from 'react';
-import { FormattedMessage } from 'react-intl';
+import React from 'react';
+import { injectIntl } from 'react-intl';
 import { legacyParse } from '@date-fns/upgrade/v2';
 import Footer from '../Elements/Footer/Footer';
 import * as S from '../DatePicker.styles';
@@ -15,6 +15,7 @@ import TimePicker from '../Elements/TimePicker/TimePicker';
 import { DayBackground, DayText, DayForeground } from '../Elements/DayPicker/DayPicker.styles';
 import { fnsStartOfMonth, fnsSetYear, fnsSetMonth, fnsSetDate, fnsStartOfDay, fnsEndOfDay, fnsAddDays } from '../fns';
 import { changeDayWithHoursPreserved } from '../utils';
+import { getDefaultTexts } from '../utils/getDefaultTexts';
 
 var RawDatePicker = /*#__PURE__*/function (_React$Component) {
   function RawDatePicker(props) {
@@ -236,18 +237,7 @@ var RawDatePicker = /*#__PURE__*/function (_React$Component) {
     var _this$props3 = this.props,
         texts = _this$props3.texts,
         intl = _this$props3.intl;
-    var updatedTexts = {
-      apply: (texts == null ? void 0 : texts.apply) || /*#__PURE__*/React.createElement(FormattedMessage, {
-        id: "DS.DATE-PICKER.APPLY"
-      }),
-      now: (texts == null ? void 0 : texts.now) || /*#__PURE__*/React.createElement(FormattedMessage, {
-        id: "DS.DATE-PICKER.NOW"
-      }),
-      inputPlaceholder: (texts == null ? void 0 : texts.inputPlaceholder) || (intl == null ? void 0 : intl.formatMessage({
-        id: 'DS.DATE-PICKER.SELECT-DATE'
-      })) || ''
-    };
-    return updatedTexts;
+    return getDefaultTexts(intl, texts);
   };
 
   _proto.getSnapshotBeforeUpdate = function getSnapshotBeforeUpdate(prevProps) {
@@ -326,4 +316,4 @@ _defineProperty(RawDatePicker, "defaultProps", {
   disabledSeconds: []
 });
 
-export default RawDatePicker;
+export default injectIntl(RawDatePicker);

package/dist/utils/getDefaultTexts.d.ts

@@ -0,0 +1,3 @@
+import { IntlShape } from 'react-intl';
+import { Texts } from '../DatePicker.types';
+export declare const getDefaultTexts: (intl: IntlShape, texts?: Partial<Texts>) => Texts;

package/dist/utils/getDefaultTexts.js

@@ -0,0 +1,28 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+export var getDefaultTexts = function getDefaultTexts(intl, texts) {
+  var defaultTexts = {
+    apply: /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "DS.DATE-PICKER.APPLY",
+      defaultMessage: "Apply"
+    }),
+    now: /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "DS.DATE-PICKER.NOW",
+      defaultMessage: "Now"
+    }),
+    inputPlaceholder: intl.formatMessage({
+      id: 'DS.DATE-PICKER.SELECT-DATE'
+    }),
+    clearTooltip: /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "DS.DATE-PICKER.CLEAR-TOOLTIP",
+      defaultMessage: "Clear"
+    })
+  };
+  return texts ? _objectSpread({}, defaultTexts, {}, texts) : defaultTexts;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-date-picker",
-  "version": "0.11.5",
+  "version": "0.11.7",
   "description": "DatePicker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,14 +34,14 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@date-fns/upgrade": "^1.0.3",
-    "@synerise/ds-button": "^0.21.1",
-    "@synerise/ds-data-format": "^0.5.0",
-    "@synerise/ds-dropdown": "^0.18.3",
-    "@synerise/ds-icon": "^0.63.0",
-    "@synerise/ds-input": "^0.23.0",
-    "@synerise/ds-time-picker": "^0.10.13",
-    "@synerise/ds-tooltip": "^0.14.31",
-    "@synerise/ds-utils": "^0.27.0",
+    "@synerise/ds-button": "^0.21.3",
+    "@synerise/ds-data-format": "^0.5.1",
+    "@synerise/ds-dropdown": "^0.18.5",
+    "@synerise/ds-icon": "^0.64.1",
+    "@synerise/ds-input": "^0.23.2",
+    "@synerise/ds-time-picker": "^0.10.15",
+    "@synerise/ds-tooltip": "^0.14.33",
+    "@synerise/ds-utils": "^0.28.0",
     "classnames": "2.3.2",
     "date-fns": "2.16.1",
     "lodash": "^4.17.20",
@@ -52,8 +52,8 @@
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "antd": "4.7.0",
-    "react": ">=16.9.0 < 17.0.0",
+    "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "gitHead": "0692552b018dc9c8042f18c773f88890c9ad3270"
+  "gitHead": "6f4996380356c1e5cb9a9d8b553069ad9cea7c27"
 }