@synerise/ds-date-range-picker 0.21.3 → 0.21.4

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.21.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.21.3...@synerise/ds-date-range-picker@0.21.4) (2023-04-19)
+
+
+### Bug Fixes
+
+* **date-range-picker:** date range values are rounded to full seconds ([aa6d01b](https://github.com/Synerise/synerise-design/commit/aa6d01bf445abb613acfded51f868b70c116a1e3))
+* **date-range-picker:** makes ms truncation optional via props ([20480d4](https://github.com/Synerise/synerise-design/commit/20480d4636f4d439880cc0785fbe5e8339d91c2c))
+* **date-range-picker:** rounds range from & to to full seconds ([7f13dfe](https://github.com/Synerise/synerise-design/commit/7f13dfebb7f210b6b425e05907660c195d532874))
+
+
+
+
+
 ## [0.21.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.21.2...@synerise/ds-date-range-picker@0.21.3) (2023-04-17)
 
 **Note:** Version bump only for package @synerise/ds-date-range-picker

package/dist/DateRangePicker.types.d.ts

@@ -66,6 +66,7 @@ export interface DateRangePickerProps extends WrappedComponentProps {
     rangePickerInputProps?: RangePickerInputProps;
     allowedFilterTypes?: string[];
     renderPopoverTrigger?: (...args: any) => JSX.Element;
+    isTruncateMs?: boolean;
 }
 /**
  * @deprecated use `DateRangePickerProps`

package/dist/RawDateRangePicker.d.ts

@@ -12,6 +12,7 @@ export declare class RawDateRangePicker extends React.PureComponent<DateRangePic
             valid: boolean;
         };
         valueTransformer: typeof defaultValueTransformer;
+        isTruncateMs: boolean;
     };
     constructor(props: DateRangePickerProps);
     componentDidUpdate(prevProps: Readonly<Props>): void;
@@ -26,7 +27,7 @@ export declare class RawDateRangePicker extends React.PureComponent<DateRangePic
     getAddons: () => AddonType[];
     render(): JSX.Element;
 }
-declare const _default: React.ForwardRefExoticComponent<Pick<DateRangePickerProps, "readOnly" | "texts" | "valueFormatOptions" | "format" | "value" | "onVisibleChange" | "rangeUnits" | "containerClass" | "disableDefaultTexts" | "disabledDate" | "forceAdjacentMonths" | "forceAbsolute" | "footerProps" | "onValueChange" | "onApply" | "onFilterSave" | "popoverProps" | "popoverTrigger" | "ranges" | "relativeFuture" | "relativePast" | "relativeModes" | "savedFilters" | "showRelativePicker" | "showFilter" | "showTime" | "showCustomRange" | "validate" | "valueTransformer" | "arrowColor" | "disableAbsoluteTimepickerInRelative" | "rangePickerInputProps" | "allowedFilterTypes" | "renderPopoverTrigger"> & {
+declare const _default: React.ForwardRefExoticComponent<Pick<DateRangePickerProps, "readOnly" | "texts" | "valueFormatOptions" | "format" | "value" | "onVisibleChange" | "rangeUnits" | "containerClass" | "disableDefaultTexts" | "disabledDate" | "forceAdjacentMonths" | "forceAbsolute" | "footerProps" | "onValueChange" | "onApply" | "onFilterSave" | "popoverProps" | "popoverTrigger" | "ranges" | "relativeFuture" | "relativePast" | "relativeModes" | "savedFilters" | "showRelativePicker" | "showFilter" | "showTime" | "showCustomRange" | "validate" | "valueTransformer" | "arrowColor" | "disableAbsoluteTimepickerInRelative" | "rangePickerInputProps" | "allowedFilterTypes" | "renderPopoverTrigger" | "isTruncateMs"> & {
     forwardedRef?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
 } & React.RefAttributes<any>> & {
     WrappedComponent: React.ComponentType<DateRangePickerProps>;

package/dist/RawDateRangePicker.js

@@ -14,6 +14,8 @@ import * as React from 'react';
 import { omitBy, isUndefined } from 'lodash';
 import { injectIntl } from 'react-intl';
 import fnsIsValid from 'date-fns/isValid';
+import fnsStartOfSecond from 'date-fns/startOfSecond';
+import { legacyParse } from '@date-fns/upgrade/v2';
 import { Container, Separator, Addon } from './DateRangePicker.styles';
 import RangePicker from './RangePicker/RangePicker';
 import { RELATIVE, ABSOLUTE, MODES, RELATIVE_PRESETS, ABSOLUTE_PRESETS } from './constants';
@@ -108,7 +110,8 @@ export var RawDateRangePicker = /*#__PURE__*/function (_React$PureComponent) {
 
       var _this$props = _this.props,
           onValueChange = _this$props.onValueChange,
-          valueTransformer = _this$props.valueTransformer;
+          valueTransformer = _this$props.valueTransformer,
+          isTruncateMs = _this$props.isTruncateMs;
       var _this$state = _this.state,
           value = _this$state.value,
           mode = _this$state.mode;
@@ -116,6 +119,16 @@ export var RawDateRangePicker = /*#__PURE__*/function (_React$PureComponent) {
         filter: value.filter
       }));
 
+      if (isTruncateMs) {
+        if (newValue.from !== undefined) {
+          newValue.from = fnsStartOfSecond(legacyParse(newValue.from));
+        }
+
+        if (newValue.to !== undefined) {
+          newValue.to = fnsStartOfSecond(legacyParse(newValue.to));
+        }
+      }
+
       if ((newValue.type === 'RELATIVE' || newValue.key === CONST.ALL_TIME) && mode === MODES.TIME) {
         _this.setState({
           mode: MODES.DATE
@@ -396,7 +409,8 @@ _defineProperty(RawDateRangePicker, "defaultProps", {
       valid: true
     };
   },
-  valueTransformer: defaultValueTransformer
+  valueTransformer: defaultValueTransformer,
+  isTruncateMs: true
 });
 
 export default injectIntl(RawDateRangePicker);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-date-range-picker",
-  "version": "0.21.3",
+  "version": "0.21.4",
   "description": "Date-Range-Picker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -33,12 +33,12 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@date-fns/upgrade": "^1.0.3",
-    "@synerise/ds-button": "^0.17.12",
-    "@synerise/ds-date-picker": "^0.9.7",
-    "@synerise/ds-icon": "^0.54.0",
-    "@synerise/ds-manageable-list": "^0.25.1",
-    "@synerise/ds-time-picker": "^0.7.5",
-    "@synerise/ds-tooltip": "^0.13.0",
+    "@synerise/ds-button": "^0.17.13",
+    "@synerise/ds-date-picker": "^0.9.8",
+    "@synerise/ds-icon": "^0.55.0",
+    "@synerise/ds-manageable-list": "^0.25.2",
+    "@synerise/ds-time-picker": "^0.7.6",
+    "@synerise/ds-tooltip": "^0.13.1",
     "@synerise/ds-utils": "^0.19.0",
     "date-fns": "^2.16.1",
     "dayjs": "^1.8.35",
@@ -54,5 +54,5 @@
   "devDependencies": {
     "@types/ramda": "^0.27.14"
   },
-  "gitHead": "7e4f888ca6bd6fe09c94cccedd7ff9bd5985dc4d"
+  "gitHead": "3b8c3b1437ecbdda775a790ac3c27d6b1b6cbf26"
 }