@synerise/ds-date-range-picker 0.21.24 → 0.22.0

package/CHANGELOG.md

@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.22.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.21.24...@synerise/ds-date-range-picker@0.22.0) (2023-08-20)
+
+
+### Bug Fixes
+
+* **date-range-picker:** added missing deps to package.json ([a8ec6ee](https://github.com/Synerise/synerise-design/commit/a8ec6ee2ce43d6b5ca98ed4767144ccd990de053))
+* **date-range-picker:** fixed default value for monthly filter dropdown ([03b520f](https://github.com/Synerise/synerise-design/commit/03b520f3d203050d8675b048028c9942e1d535ef))
+
+
+### Features
+
+* **modal:** create modal footer, header and refactor modal ([ab3603f](https://github.com/Synerise/synerise-design/commit/ab3603f5d8ac379ad1700b4a9904f340cd50315a))
+
+
+
+
+
 ## [0.21.24](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.21.23...@synerise/ds-date-range-picker@0.21.24) (2023-08-09)
 
 

package/dist/Footer/Footer.js

@@ -71,6 +71,7 @@ var Footer = function Footer(_ref) {
   }, rest), ChosenRange, /*#__PURE__*/React.createElement(S.ActionsPlaceholder, null), /*#__PURE__*/React.createElement(S.Actions, null, /*#__PURE__*/React.createElement(Tooltip, {
     title: message
   }, /*#__PURE__*/React.createElement(Button, {
+    "data-testid": "date-range-picker-apply-button",
     disabled: !canApply,
     type: "primary",
     onClick: function onClick() {

package/dist/RangeFilter/Filters/MonthlyFilter/MonthlyFilter.js

@@ -51,7 +51,7 @@ var MonthlyFilter = /*#__PURE__*/function (_React$PureComponent) {
           countedFromPeriods = _this$props.countedFromPeriods,
           daysOfPeriods = _this$props.daysOfPeriods;
       var defaultPeriod = (daysOfPeriods || DEFAULT_DAYS_OF_PERIODS)[0].value;
-      var defaultPeriodType = (countedFromPeriods || DEFAULT_DAYS_OF_PERIODS)[0].value;
+      var defaultPeriodType = (countedFromPeriods || DEFAULT_COUNTED_FROM)[0].value;
 
       _this.setData([].concat(value, [{
         period: defaultPeriod,

package/dist/RangeFilter/RangeFilter.js

@@ -192,15 +192,19 @@ var RangeFilter = /*#__PURE__*/function (_React$PureComponent) {
       onRangeCopy: this.handleRangeCopy,
       rangeClipboard: rangeClipboard,
       valueSelectionModes: valueSelectionModes
-    }))), !hideFooter && /*#__PURE__*/React.createElement(S.Footer, null, savedFilters && onFilterSave && /*#__PURE__*/React.createElement(SaveFilterForm, {
+    }))), !hideFooter && /*#__PURE__*/React.createElement(S.Footer, {
+      "data-testid": "range-filter-footer"
+    }, savedFilters && onFilterSave && /*#__PURE__*/React.createElement(SaveFilterForm, {
       onFilterSave: this.handleFilterSave
     }), /*#__PURE__*/React.createElement(S.FooterSeparator, null), /*#__PURE__*/React.createElement(Button, {
+      "data-testid": "range-filter-cancel-button",
       type: "ghost",
       onClick: this.handleCancel
     }, intl.formatMessage({
       id: 'DS.DATE-RANGE-PICKER.CANCEL',
       defaultMessage: 'Cancel'
     })), /*#__PURE__*/React.createElement(Button, {
+      "data-testid": "range-filter-apply-button",
       type: "primary",
       disabled: !isValidValue(activeValue),
       onClick: this.handleApply

package/dist/RangeFilter/Shared/SaveFilterForm/SaveFilterForm.js

@@ -19,7 +19,8 @@ var SaveFilterForm = function SaveFilterForm(_ref) {
   var intl = useIntl();
   var input = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(RawInput, {
     placeholder: intl.formatMessage({
-      id: 'DS.DATE-RANGE-PICKER.FILTER-NAME'
+      id: 'DS.DATE-RANGE-PICKER.FILTER-NAME',
+      defaultMessage: 'Filter name'
     }),
     value: name,
     onChange: function onChange(e) {
@@ -45,13 +46,16 @@ var SaveFilterForm = function SaveFilterForm(_ref) {
   }, /*#__PURE__*/React.createElement(Icon, {
     component: /*#__PURE__*/React.createElement(CheckM, null)
   })));
-  return /*#__PURE__*/React.createElement(S.Container, null, active ? input : /*#__PURE__*/React.createElement(Button, {
+  return /*#__PURE__*/React.createElement(S.Container, {
+    "data-testid": "drp-save-filter-form"
+  }, active ? input : /*#__PURE__*/React.createElement(Button, {
     type: "ghost",
     onClick: function onClick() {
       return setActive(!active);
     }
   }, intl.formatMessage({
-    id: 'DS.DATE-RANGE-PICKER.SAVE-FILTER'
+    id: 'DS.DATE-RANGE-PICKER.SAVE-FILTER',
+    defaultMessage: 'Save filter'
   })));
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-date-range-picker",
-  "version": "0.21.24",
+  "version": "0.22.0",
   "description": "Date-Range-Picker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -33,12 +33,23 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@date-fns/upgrade": "^1.0.3",
-    "@synerise/ds-button": "^0.17.20",
-    "@synerise/ds-date-picker": "^0.10.8",
+    "@synerise/ds-badge": "^0.6.32",
+    "@synerise/ds-button": "^0.18.0",
+    "@synerise/ds-button-group": "^0.6.28",
+    "@synerise/ds-data-format": "^0.4.0",
+    "@synerise/ds-date-picker": "^0.10.9",
+    "@synerise/ds-dropdown": "^0.17.72",
     "@synerise/ds-icon": "^0.58.0",
-    "@synerise/ds-manageable-list": "^0.25.14",
-    "@synerise/ds-time-picker": "^0.7.16",
-    "@synerise/ds-tooltip": "^0.14.0",
+    "@synerise/ds-inline-edit": "^0.6.71",
+    "@synerise/ds-input": "^0.18.46",
+    "@synerise/ds-input-number": "^0.8.19",
+    "@synerise/ds-manageable-list": "^0.26.0",
+    "@synerise/ds-menu": "^0.17.15",
+    "@synerise/ds-scrollbar": "^0.6.4",
+    "@synerise/ds-select": "^0.15.11",
+    "@synerise/ds-tags": "^0.8.6",
+    "@synerise/ds-time-picker": "^0.8.0",
+    "@synerise/ds-tooltip": "^0.14.1",
     "@synerise/ds-utils": "^0.19.0",
     "date-fns": "^2.16.1",
     "dayjs": "^1.8.35",
@@ -54,5 +65,5 @@
   "devDependencies": {
     "@types/ramda": "^0.27.14"
   },
-  "gitHead": "1a5a5475cc50107c0da950887a91b003e77a96e4"
+  "gitHead": "0795eb5071d9160e429731ba8f8807c1ae509085"
 }