@synerise/ds-date-range-picker 0.32.11 → 0.32.12

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.32.12](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.32.11...@synerise/ds-date-range-picker@0.32.12) (2025-03-10)
+
+**Note:** Version bump only for package @synerise/ds-date-range-picker
+
+
+
+
+
 ## [0.32.11](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.32.10...@synerise/ds-date-range-picker@0.32.11) (2025-03-04)
 
 **Note:** Version bump only for package @synerise/ds-date-range-picker

package/dist/DateRangePicker.styles.js

@@ -11,7 +11,7 @@ var getHeight = function getHeight(hasFilter, hasRelativePicker) {
 };
 export var PopupWrapper = styled.div.withConfig({
   displayName: "DateRangePickerstyles__PopupWrapper",
-  componentId: "zmtbjf-0"
+  componentId: "sc-zmtbjf-0"
 })(["height:", "px;display:flex;flex-direction:row;align-items:", ";"], function (props) {
   return getHeight(props.hasFilter, props.hasRelativePicker);
 }, function (props) {
@@ -19,7 +19,7 @@ export var PopupWrapper = styled.div.withConfig({
 });
 export var Container = styled.div.withConfig({
   displayName: "DateRangePickerstyles__Container",
-  componentId: "zmtbjf-1"
+  componentId: "sc-zmtbjf-1"
 })(["width:636px;background-color:", ";user-select:none;box-shadow:0 16px 32px 0 ", ";"], function (props) {
   return props.theme.palette.white;
 }, function (props) {
@@ -27,19 +27,19 @@ export var Container = styled.div.withConfig({
 });
 export var Separator = styled.div.withConfig({
   displayName: "DateRangePickerstyles__Separator",
-  componentId: "zmtbjf-2"
+  componentId: "sc-zmtbjf-2"
 })(["margin:0;border-top:1px solid ", ";"], function (props) {
   return props.theme.palette['grey-200'];
 });
 export var Addon = styled.div.withConfig({
   displayName: "DateRangePickerstyles__Addon",
-  componentId: "zmtbjf-3"
+  componentId: "sc-zmtbjf-3"
 })(["", ""], function (props) {
   return !props.last && "border-bottom: 1px solid " + props.theme.palette['grey-200'] + ";";
 });
 export var PickerWrapper = styled.div.withConfig({
   displayName: "DateRangePickerstyles__PickerWrapper",
-  componentId: "zmtbjf-4"
+  componentId: "sc-zmtbjf-4"
 })([".ant-popover.ds-date-range-popover > .ant-popover-content{margin:-5px 0;}.ant-dropdown.ds-date-range-popover > .ant-popover-arrow.ant-popover-arrow.ant-popover-arrow.ant-popover-arrow{display:none !important;}.ant-dropdown.ds-date-range-popover > .ant-popover-content > .ant-popover-inner{background:transparent;}.ant-dropdown.ds-date-range-popover > .ant-popover-content > .ant-popover-inner > .ant-popover-inner-content{padding:0;}.ant-dropdown.ds-date-range-popover .ds-date-range-picker{box-shadow:0 16px 32px 0 rgba(35,41,54,0.1);padding:16px;}.ant-popover.ds-date-range-popover.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}.ant-popover.ds-date-range-popover.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}.ant-popover.ds-date-range-popover.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}.ant-popover.ds-date-range-popover.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}.ant-popover.ds-date-range-popover.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}.ant-popover.ds-date-range-popover.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}.ant-popover.ds-date-range-popover.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}.ant-popover.ds-date-range-popover.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}"], function (props) {
   var _props$theme$palette, _props$arrowColor, _props$arrowColor2;
   return props.arrowColor ? (_props$theme$palette = props.theme.palette[((_props$arrowColor = props.arrowColor) == null ? void 0 : _props$arrowColor.bottomLeft) + "-050"]) != null ? _props$theme$palette : (_props$arrowColor2 = props.arrowColor) == null ? void 0 : _props$arrowColor2.bottomLeft : props.theme.palette.white;
@@ -67,7 +67,7 @@ export var PickerWrapper = styled.div.withConfig({
 });
 export var OverlayContainer = styled.div.withConfig({
   displayName: "DateRangePickerstyles__OverlayContainer",
-  componentId: "zmtbjf-5"
+  componentId: "sc-zmtbjf-5"
 })(["display:", ";"], function (props) {
   return props.visible ? 'flex' : 'none';
 });

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

@@ -13,6 +13,7 @@ import * as S from './MonthlyFilter.styles';
 import TimeWindow from '../../Shared/TimeWindow/TimeWindow';
 import { getDefaultTexts } from '../../../utils';
 var MonthlyFilter = /*#__PURE__*/function (_PureComponent) {
+  _inheritsLoose(MonthlyFilter, _PureComponent);
   function MonthlyFilter() {
     var _visible;
     var _this;
@@ -264,7 +265,6 @@ var MonthlyFilter = /*#__PURE__*/function (_PureComponent) {
     };
     return _this;
   }
-  _inheritsLoose(MonthlyFilter, _PureComponent);
   var _proto = MonthlyFilter.prototype;
   _proto.componentDidMount = function componentDidMount() {
     var value = this.props.value;

package/dist/RangeFilter/RangeFilter.js

@@ -1,4 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 import React from 'react';
@@ -14,13 +15,14 @@ import FilterDropdown from './Shared/FilterDropdown/FilterDropdown';
 import SaveFilterForm from './Shared/SaveFilterForm/SaveFilterForm';
 import { getDefaultTexts } from '../utils';
 var RangeFilter = /*#__PURE__*/function (_React$PureComponent) {
+  _inheritsLoose(RangeFilter, _React$PureComponent);
   function RangeFilter(props) {
     var _props$allowedFilterT, _props$value, _props$value2, _props$value3, _this$state;
     var _this;
     _this = _React$PureComponent.call(this, props) || this;
     _this.componentDidUpdate = function () {
-      var _this2 = _this,
-        state = _this2.state;
+      var _assertThisInitialize = _assertThisInitialized(_this),
+        state = _assertThisInitialize.state;
       var allowedFilterTypes = _this.props.allowedFilterTypes;
       var activeType = state.activeType;
       if (allowedFilterTypes != null && allowedFilterTypes.length && !allowedFilterTypes.includes(activeType)) {
@@ -28,8 +30,8 @@ var RangeFilter = /*#__PURE__*/function (_React$PureComponent) {
       }
     };
     _this.handleApply = function () {
-      var _this3 = _this,
-        state = _this3.state;
+      var _assertThisInitialize2 = _assertThisInitialized(_this),
+        state = _assertThisInitialize2.state;
       var onApply = _this.props.onApply;
       var activeType = state.activeType;
       var filter = state[String(activeType)];
@@ -41,8 +43,8 @@ var RangeFilter = /*#__PURE__*/function (_React$PureComponent) {
     };
     _this.handleTypeChange = function (type) {
       var _this$setState;
-      var _this4 = _this,
-        state = _this4.state;
+      var _assertThisInitialize3 = _assertThisInitialized(_this),
+        state = _assertThisInitialize3.state;
       var previousValue = state[type];
       var previousDefinition = previousValue == null ? void 0 : previousValue.definition;
       _this.setState((_this$setState = {
@@ -59,8 +61,8 @@ var RangeFilter = /*#__PURE__*/function (_React$PureComponent) {
       });
     };
     _this.handleFilterSave = function (filterName) {
-      var _this5 = _this,
-        state = _this5.state;
+      var _assertThisInitialize4 = _assertThisInitialized(_this),
+        state = _assertThisInitialize4.state;
       var activeType = state.activeType;
       var _this$props = _this.props,
         onFilterSave = _this$props.onFilterSave,
@@ -98,10 +100,9 @@ var RangeFilter = /*#__PURE__*/function (_React$PureComponent) {
     }, _this$state[String(valueType)] = _extends({}, denormalizeValue(props.value)), _this$state);
     return _this;
   }
-  _inheritsLoose(RangeFilter, _React$PureComponent);
   var _proto = RangeFilter.prototype;
   _proto.render = function render() {
-    var _this6 = this;
+    var _this2 = this;
     var state = this.state;
     var activeType = state.activeType,
       rangeClipboard = state.rangeClipboard;
@@ -136,7 +137,7 @@ var RangeFilter = /*#__PURE__*/function (_React$PureComponent) {
         key: key,
         type: activeType === key ? 'primary' : undefined,
         onClick: function onClick() {
-          return _this6.handleTypeChange(key);
+          return _this2.handleTypeChange(key);
         }
       }, allTexts[key.toLowerCase()]);
     })), /*#__PURE__*/React.createElement(S.MainComponentWrapper, null, Component && /*#__PURE__*/React.createElement(Component, {
@@ -149,7 +150,7 @@ var RangeFilter = /*#__PURE__*/function (_React$PureComponent) {
         var updatedFilter = (_updatedFilter = {}, _updatedFilter[activeType] = _extends({}, activeValue, {
           definition: def
         }), _updatedFilter);
-        _this6.setState(updatedFilter);
+        _this2.setState(updatedFilter);
       },
       onRangeCopy: this.handleRangeCopy,
       rangeClipboard: rangeClipboard,

package/dist/RangeFilter/Shared/FilterDropdown/FilterDropdown.styles.js

@@ -2,13 +2,13 @@ import styled from 'styled-components';
 import ListItem from '@synerise/ds-list-item';
 export var DropdownMenu = styled.div.withConfig({
   displayName: "FilterDropdownstyles__DropdownMenu",
-  componentId: "lh8m5i-0"
+  componentId: "sc-lh8m5i-0"
 })(["padding:8px;"]);
 export var DropdownMenuItem = styled(ListItem).withConfig({
   displayName: "FilterDropdownstyles__DropdownMenuItem",
-  componentId: "lh8m5i-1"
+  componentId: "sc-lh8m5i-1"
 })(["max-height:32px;min-width:200px;"]);
 export var RemoveIconWrapper = styled.div.withConfig({
   displayName: "FilterDropdownstyles__RemoveIconWrapper",
-  componentId: "lh8m5i-2"
+  componentId: "sc-lh8m5i-2"
 })([""]);

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

@@ -2,9 +2,9 @@ import styled from 'styled-components';
 import Button from '@synerise/ds-button';
 export var Container = styled.div.withConfig({
   displayName: "SaveFilterFormstyles__Container",
-  componentId: "ovhjwh-0"
+  componentId: "sc-ovhjwh-0"
 })(["width:336px;display:flex;"]);
 export var FormButton = styled(Button).withConfig({
   displayName: "SaveFilterFormstyles__FormButton",
-  componentId: "ovhjwh-1"
+  componentId: "sc-ovhjwh-1"
 })(["min-width:32px;margin-left:8px;"]);

package/dist/RangeFilter/Shared/TimeWindow/Header/Header.styles.js

@@ -1,21 +1,21 @@
 import styled from 'styled-components';
 export var Container = styled.div.withConfig({
   displayName: "Headerstyles__Container",
-  componentId: "gcv47j-0"
+  componentId: "sc-gcv47j-0"
 })(["display:flex;"]);
 export var Title = styled.div.withConfig({
   displayName: "Headerstyles__Title",
-  componentId: "gcv47j-1"
+  componentId: "sc-gcv47j-1"
 })(["flex:1;display:flex;align-items:center;"]);
 export var Actions = styled.div.withConfig({
   displayName: "Headerstyles__Actions",
-  componentId: "gcv47j-2"
+  componentId: "sc-gcv47j-2"
 })(["flex:0;white-space:nowrap;"]);
 export var Separator = styled.div.withConfig({
   displayName: "Headerstyles__Separator",
-  componentId: "gcv47j-3"
+  componentId: "sc-gcv47j-3"
 })(["flex:1;"]);
 export var Action = styled.a.withConfig({
   displayName: "Headerstyles__Action",
-  componentId: "gcv47j-4"
+  componentId: "sc-gcv47j-4"
 })(["&:not(:first-child){margin-left:16px;}"]);

package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeFormContainer.styles.js

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
 export var InvertAction = styled.a.withConfig({
   displayName: "RangeFormContainerstyles__InvertAction",
-  componentId: "vxg8mc-0"
+  componentId: "sc-vxg8mc-0"
 })(["align-self:center;margin-right:6px;"]);

package/dist/RangeFilter/Shared/TimeWindow/TimeWindow.js

@@ -20,6 +20,7 @@ import SelectionHint from '../SelectionHint/SelectionHint';
 import { EU_NOTATION_MONTH_DAYS_INDEXES, EU_NOTATION_WEEK_DAYS_INDEXES, US_NOTATION_MONTH_DAYS_INDEXES, US_NOTATION_WEEK_DAYS_INDEXES } from './constants/timeWindow.constants';
 export var DEFAULT_LIMIT_MODE = 'Range';
 var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
+  _inheritsLoose(TimeWindowBase, _PureComponent);
   function TimeWindowBase() {
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -378,7 +379,6 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
     };
     return _this;
   }
-  _inheritsLoose(TimeWindowBase, _PureComponent);
   var _proto = TimeWindowBase.prototype;
   _proto.componentDidMount = function componentDidMount() {
     var wrapper = this.wrapperRef;

package/dist/RangePicker/RangePicker.js

@@ -1,4 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 import React, { PureComponent } from 'react';
@@ -60,6 +61,7 @@ function replaceRange(value, day) {
   };
 }
 var RangePicker = /*#__PURE__*/function (_PureComponent) {
+  _inheritsLoose(RangePicker, _PureComponent);
   function RangePicker(props) {
     var _this;
     _this = _PureComponent.call(this, props) || this;
@@ -134,8 +136,8 @@ var RangePicker = /*#__PURE__*/function (_PureComponent) {
     };
     _this.handleSideMonthChange = function (side, month, mode) {
       var opposite = side === COLUMNS.LEFT ? COLUMNS.RIGHT : COLUMNS.LEFT;
-      var _this2 = _this,
-        state = _this2.state;
+      var _assertThisInitialize = _assertThisInitialized(_this),
+        state = _assertThisInitialize.state;
       var forceAdjacentMonths = _this.props.forceAdjacentMonths;
       if (fnsIsSameMonth(month, state[opposite])) {
         var dir = fnsIsAfter(month, legacyParse(state[side].month)) ? 1 : -1;
@@ -355,7 +357,6 @@ var RangePicker = /*#__PURE__*/function (_PureComponent) {
     }, getSidesState(props.value));
     return _this;
   }
-  _inheritsLoose(RangePicker, _PureComponent);
   var _proto = RangePicker.prototype;
   _proto.getSnapshotBeforeUpdate = function getSnapshotBeforeUpdate(prevProps) {
     var _prevProps$value, _prevProps$value2;

package/dist/RelativeRangePicker/RelativeRangePicker.js

@@ -14,6 +14,7 @@ import { fnsIsAfter } from '../fns';
 import { DEFAULT_RANGE, normalizeRange } from '../utils';
 import { CUSTOM_RANGE_KEY, RANGES_MODE } from '../constants';
 var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
+  _inheritsLoose(RelativeRangePicker, _React$PureComponent);
   function RelativeRangePicker(props) {
     var _this;
     _this = _React$PureComponent.call(this, props) || this;
@@ -154,7 +155,6 @@ var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
     };
     return _this;
   }
-  _inheritsLoose(RelativeRangePicker, _React$PureComponent);
   RelativeRangePicker.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {
     var ranges = nextProps.ranges,
       value = nextProps.value,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-date-range-picker",
-  "version": "0.32.11",
+  "version": "0.32.12",
   "description": "Date-Range-Picker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -21,7 +21,7 @@
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
     "build:watch": "npm run build:js -- --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
-    "pack:ci": "npm pack --pack-destination ../../portal/storybook-static/static",
+    "pack:ci": "npm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "npm run build",
     "test": "jest",
     "test:watch": "npm run test -- --watchAll",
@@ -35,25 +35,25 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@date-fns/upgrade": "^1.0.3",
-    "@synerise/ds-badge": "^0.9.6",
-    "@synerise/ds-button": "^0.23.3",
-    "@synerise/ds-button-group": "^0.8.3",
-    "@synerise/ds-data-format": "^0.7.1",
-    "@synerise/ds-date-picker": "^0.14.8",
-    "@synerise/ds-dropdown": "^0.19.8",
-    "@synerise/ds-icon": "^0.72.0",
-    "@synerise/ds-inline-edit": "^0.10.10",
-    "@synerise/ds-input": "^0.25.8",
-    "@synerise/ds-input-number": "^0.11.9",
-    "@synerise/ds-list-item": "^0.7.6",
-    "@synerise/ds-manageable-list": "^0.30.10",
-    "@synerise/ds-scrollbar": "^0.12.6",
-    "@synerise/ds-select": "^0.17.8",
-    "@synerise/ds-slider": "^0.15.6",
-    "@synerise/ds-tags": "^0.11.8",
-    "@synerise/ds-time-picker": "^0.12.8",
-    "@synerise/ds-tooltip": "^0.16.2",
-    "@synerise/ds-utils": "^0.32.2",
+    "@synerise/ds-badge": "^0.9.7",
+    "@synerise/ds-button": "^0.23.4",
+    "@synerise/ds-button-group": "^0.8.4",
+    "@synerise/ds-data-format": "^0.7.2",
+    "@synerise/ds-date-picker": "^0.14.9",
+    "@synerise/ds-dropdown": "^0.19.9",
+    "@synerise/ds-icon": "^0.72.1",
+    "@synerise/ds-inline-edit": "^0.10.11",
+    "@synerise/ds-input": "^0.25.9",
+    "@synerise/ds-input-number": "^0.11.10",
+    "@synerise/ds-list-item": "^0.7.7",
+    "@synerise/ds-manageable-list": "^0.30.11",
+    "@synerise/ds-scrollbar": "^0.12.7",
+    "@synerise/ds-select": "^0.17.9",
+    "@synerise/ds-slider": "^0.15.7",
+    "@synerise/ds-tags": "^0.11.9",
+    "@synerise/ds-time-picker": "^0.12.9",
+    "@synerise/ds-tooltip": "^0.16.3",
+    "@synerise/ds-utils": "^0.32.3",
     "date-fns": "^2.16.1",
     "date-fns-tz": "1.1.4",
     "dayjs": "^1.8.35",
@@ -69,5 +69,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "c5a647bd7a24a2c9294e781b2b69223e8543859f"
+  "gitHead": "a176b46dab123cd503247ae57022f8e808772d68"
 }