@synerise/ds-date-range-picker 0.14.6 → 0.15.0

package/CHANGELOG.md

@@ -3,6 +3,56 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.15.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.14.10...@synerise/ds-date-range-picker@0.15.0) (2022-09-05)
+
+
+### Features
+
+* **core:** change i18n in storybook localStorage.setItem('lang', 'pt') ([622c644](https://github.com/Synerise/synerise-design/commit/622c6444c229e3909911b1b2f05a797026fd7d51))
+
+
+
+
+
+## [0.14.10](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.14.9...@synerise/ds-date-range-picker@0.14.10) (2022-08-31)
+
+**Note:** Version bump only for package @synerise/ds-date-range-picker
+
+
+
+
+
+## [0.14.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.14.8...@synerise/ds-date-range-picker@0.14.9) (2022-08-29)
+
+
+### Bug Fixes
+
+* **date-range-picker:** fix apply button active, validation ([eddbdd3](https://github.com/Synerise/synerise-design/commit/eddbdd3349cc1bc2bcd20da69947c9d572e85923))
+
+
+
+
+
+## [0.14.8](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.14.7...@synerise/ds-date-range-picker@0.14.8) (2022-08-29)
+
+**Note:** Version bump only for package @synerise/ds-date-range-picker
+
+
+
+
+
+## [0.14.7](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.14.6...@synerise/ds-date-range-picker@0.14.7) (2022-08-29)
+
+
+### Bug Fixes
+
+* **date-range-picker:** increase specificity input-group drp-addon ([2d1cb77](https://github.com/Synerise/synerise-design/commit/2d1cb7715c56ac2c2add8a3f7658bf17ab29b5a0))
+* **ds-date-range-picker:** lifetime ([48e1032](https://github.com/Synerise/synerise-design/commit/48e1032fd102e5050908bf7ebb1293e16d5724cb))
+
+
+
+
+
 ## [0.14.6](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.14.5...@synerise/ds-date-range-picker@0.14.6) (2022-08-25)
 
 **Note:** Version bump only for package @synerise/ds-date-range-picker

package/dist/RawDateRangePicker.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Props, State, AddonType } from './DateRangePicker.types';
-import { DateRange } from './date.types';
+import { DateRange, RelativeDateRange } from './date.types';
 import { FilterDefinition, FilterValue } from './RangeFilter/RangeFilter.types';
 export declare class RawDateRangePicker extends React.PureComponent<Props, State> {
     static defaultProps: {
@@ -15,7 +15,7 @@ export declare class RawDateRangePicker extends React.PureComponent<Props, State
     componentDidUpdate(prevProps: Readonly<Props>): void;
     handleFilterCancel: () => void;
     handleFilterApply: (filter?: FilterValue<FilterDefinition> | undefined) => void;
-    handleRangeChange: (range?: import("./date.types").AbsoluteDateRange | import("./date.types").RelativeDateRange | undefined) => void;
+    handleRangeChange: (range?: import("./date.types").AbsoluteDateRange | RelativeDateRange | undefined) => void;
     handleApply: () => void;
     handleModalOpenClick: () => void;
     handleRemoveFilterClick: () => void;

package/dist/RawDateRangePicker.js

@@ -74,9 +74,13 @@ export var RawDateRangePicker = /*#__PURE__*/function (_React$PureComponent) {
         });
       }
 
+      if (range != null && range.key) {
+        // for validation, see `isValidAbsolute`, this key shouldn't be present
+        newValue.key = range == null ? void 0 : range.key;
+      }
+
       _this.setState({
         value: _objectSpread({}, newValue, {
-          key: range == null ? void 0 : range.key,
           translationKey: range == null ? void 0 : range.translationKey
         })
       });
@@ -257,7 +261,17 @@ export var RawDateRangePicker = /*#__PURE__*/function (_React$PureComponent) {
     var validator = validate ? validate(value) : {
       valid: true
     };
-    var isValid = key !== CONST.ALL_TIME && !!(from && to) && validator.valid;
+    var isValidAbsolute = !Object.keys(value).includes('key') && Boolean(from && to);
+
+    function isRelative(dateRange) {
+      var isLegacyCustom = Object.keys(value).includes('key') && key === undefined;
+      return CONST.RELATIVE_PRESETS.map(function (e) {
+        return e.key;
+      }).includes(dateRange.key) || isLegacyCustom;
+    }
+
+    var isValidRelative = isRelative(value) && Boolean(value.offset && value.duration);
+    var isValid = (isValidAbsolute || isValidRelative || key === CONST.ALL_TIME) && validator.valid;
     return /*#__PURE__*/React.createElement(Container, {
       className: containerClass
     }, /*#__PURE__*/React.createElement(RangePicker, {

package/dist/RelativeRangePicker/RelativeRangePicker.styles.js

@@ -10,6 +10,7 @@ import Button from '@synerise/ds-button';
 import * as React from 'react';
 import Menu from '@synerise/ds-menu';
 import { InputGroup } from '@synerise/ds-input';
+// import 'antd/lib/input/style/index.css' // this style might be in imported scopes as we use input; not needed here, but worth to mention this
 export var Container = styled.div.withConfig({
   displayName: "RelativeRangePickerstyles__Container",
   componentId: "sc-17ul7sp-0"
@@ -39,7 +40,7 @@ export var CustomForm = styled.div.withConfig({
 export var InputSelectGroup = styled(InputGroup).withConfig({
   displayName: "RelativeRangePickerstyles__InputSelectGroup",
   componentId: "sc-17ul7sp-6"
-})(["&&{display:flex;align-items:center;.ant-input-number{display:flex;flex:1;}.ds-select-wrapper{width:122px;}height:32px;}"]);
+})(["&&,.ant-input-group.ant-input-group-compact&&{display:flex;align-items:center;.ant-input-number{display:flex;flex:1;}.ds-select-wrapper{width:122px;}height:32px;}"]);
 export var ModeDropdownTrigger = styled(function (_ref) {
   var children = _ref.children,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);

package/dist/index.d.ts

@@ -2,5 +2,6 @@ export { default as DailyDateFilter } from './RangeFilter/Filters/new/Daily/Dail
 export { default as WeeklyDateFilter } from './RangeFilter/Filters/new/Weekly/Weekly';
 export { default as MonthlyDateFilter } from './RangeFilter/Filters/MonthlyFilter/MonthlyFilter';
 export { RawDateRangePicker } from './RawDateRangePicker';
+export * as utils from './utils';
 export * as CONST from './constants';
 export { default } from './DateRangePicker';

package/dist/index.js

@@ -2,6 +2,8 @@ export { default as DailyDateFilter } from './RangeFilter/Filters/new/Daily/Dail
 export { default as WeeklyDateFilter } from './RangeFilter/Filters/new/Weekly/Weekly';
 export { default as MonthlyDateFilter } from './RangeFilter/Filters/MonthlyFilter/MonthlyFilter';
 export { RawDateRangePicker } from './RawDateRangePicker';
+import * as _utils from './utils';
+export { _utils as utils };
 import * as _CONST from './constants';
 export { _CONST as CONST };
 export { default } from './DateRangePicker';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-date-range-picker",
-  "version": "0.14.6",
+  "version": "0.15.0",
   "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.8",
-    "@synerise/ds-date-picker": "^0.6.30",
-    "@synerise/ds-icon": "^0.50.0",
-    "@synerise/ds-manageable-list": "^0.23.25",
-    "@synerise/ds-time-picker": "^0.6.29",
-    "@synerise/ds-tooltip": "^0.11.16",
+    "@synerise/ds-button": "^0.17.9",
+    "@synerise/ds-date-picker": "^0.6.33",
+    "@synerise/ds-icon": "^0.51.0",
+    "@synerise/ds-manageable-list": "^0.23.28",
+    "@synerise/ds-time-picker": "^0.6.32",
+    "@synerise/ds-tooltip": "^0.11.17",
     "@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": "c9530f0548fa244796b0c6b1ea5fa3d6330e84ea"
+  "gitHead": "428157b5217485a8d335e54a54e95bec93a768a7"
 }