@synerise/ds-date-range-picker 0.12.12 → 0.12.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/CHANGELOG.md +39 -0
  2. package/README.md +28 -24
  3. package/dist/DateRangePicker.js +6 -2
  4. package/dist/DateRangePicker.styles.d.ts +6 -1
  5. package/dist/DateRangePicker.styles.js +41 -4
  6. package/dist/DateRangePicker.types.d.ts +13 -0
  7. package/dist/Footer/Footer.d.ts +1 -1
  8. package/dist/RangeFilter/Filters/DailyFilter/DailyFilter.d.ts +1 -1
  9. package/dist/RangeFilter/Filters/MonthlyFilter/MonthlyFilter.d.ts +1 -1
  10. package/dist/RangeFilter/RangeFilter.d.ts +1 -1
  11. package/dist/RangeFilter/Shared/TimeWindow/TimeWindow.d.ts +1 -1
  12. package/dist/RangeFilter/constants.d.ts +2 -2
  13. package/dist/RawDateRangePicker.d.ts +1 -1
  14. package/dist/RelativeRangePicker/RelativeRangePicker.d.ts +1 -1
  15. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -3,6 +3,45 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [0.12.15](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.12.14...@synerise/ds-date-range-picker@0.12.15) (2022-06-15)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **date-range-picker:** add more options to set color arrow ([3890cd1](https://github.com/Synerise/synerise-design/commit/3890cd1dbd39b54fff07bb55ce962170affda984))
12
+ * **date-range-picker:** add prop of arrow to set color when is footer ([19558d6](https://github.com/Synerise/synerise-design/commit/19558d678867db79aa26c71a92acf7cf8b1fc69f))
13
+ * **date-range-picker:** fix arrow ([e56a188](https://github.com/Synerise/synerise-design/commit/e56a188357c897fcb444543f5f6212e1b270b8bc))
14
+ * **date-range-picker:** fix color and add option to show difference ([41ba36d](https://github.com/Synerise/synerise-design/commit/41ba36dd64dc9927ea3e28bfab6e7ff0e56563fa))
15
+ * **date-range-picker:** fix colors of arrow and test ([2aa2d73](https://github.com/Synerise/synerise-design/commit/2aa2d73c1975c1e5bc37347f02f3915be3d2f927))
16
+ * **date-range-picker:** fix colors picking ([b5846eb](https://github.com/Synerise/synerise-design/commit/b5846eb1c7ceaaec9bd2a650a73da248a6cdf56f))
17
+ * **date-range-picker:** fix documentation ([a0ef5e6](https://github.com/Synerise/synerise-design/commit/a0ef5e61d82af5082d36a4cabcb711a33dd55512))
18
+ * **date-range-picker:** fix test ([fb64181](https://github.com/Synerise/synerise-design/commit/fb641811ef4af38f873f369b02c5b7b54f0d8697))
19
+ * **date-range-picker:** fix test ([09ece1f](https://github.com/Synerise/synerise-design/commit/09ece1fc8194adf290c26026a6cda64e535fbdb5))
20
+ * **date-range-picker:** update tests ([3024429](https://github.com/Synerise/synerise-design/commit/3024429050a48b17f1e96d25c8e1d99b37436923))
21
+
22
+
23
+
24
+
25
+
26
+ ## [0.12.14](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.12.13...@synerise/ds-date-range-picker@0.12.14) (2022-05-13)
27
+
28
+
29
+ ### Bug Fixes
30
+
31
+ * **date-range-picker:** onVisibleChange prop, example custom trigger ([e6aab36](https://github.com/Synerise/synerise-design/commit/e6aab3666df0bac8b999faa0a9046c244ea2a35f))
32
+
33
+
34
+
35
+
36
+
37
+ ## [0.12.13](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.12.12...@synerise/ds-date-range-picker@0.12.13) (2022-04-29)
38
+
39
+ **Note:** Version bump only for package @synerise/ds-date-range-picker
40
+
41
+
42
+
43
+
44
+
6
45
  ## [0.12.12](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.12.11...@synerise/ds-date-range-picker@0.12.12) (2022-04-08)
7
46
 
8
47
  **Note:** Version bump only for package @synerise/ds-date-range-picker
package/README.md CHANGED
@@ -41,32 +41,36 @@ const value = {
41
41
 
42
42
  ## API
43
43
 
44
- | Property | Description | Type | Default |
45
- | -------------------- | ------------------------------------------------------------------- | -------------------- | ------------------------------------------------------------- |
46
- | disabledDate | Function to specify if particular dates are disabled or not | (date:Date)=>boolean | - |
47
- | disabledDefaultTexts | Disables the default texts translations provided by `react-intl` | boolean | `false` |
48
- | forceAbsolute | Force the outcome to be converted to an absolute date | boolean | `false` |
49
- | format | Format of the value displayed in the footer | string | "MMM D, YYYY" |
50
- | onApply | Callback executed after applying changes | (date:Date)=>void | - |
51
- | ranges | An array containing custom ranges which may be used as a short-hand | DateRange[] | [] |
52
- | popoverProps | Object representing props applied to the Antd Popover component | AntdPopoverProps | {} |
53
- | rangeUnits | Units available in relative range picker | RelativeUnits[] | ['SECONDS','MINUTES','HOURS','DAYS','WEEKS','MONTHS','YEARS'] |
54
- | relativePast | Enable relative filter for past ranges | boolean | `false` |
55
- | relativeFuture | Enable relative filter for future ranges | boolean | `false` |
56
- | showTime | Enable user to choose particular hour | boolean | `false` |
57
- | showFilter | Enable range filtering | boolean | `false` |
58
- | showCustomRange | Enable custom range form in relative range picker | boolean | `true` |
59
- | validate | Function to specify if particular date ranges are correct | (date:Date)=>boolean | - |
60
- | value | Value of the picker | DateRange | new Date() |
44
+ | Property | Description | Type | Default |
45
+ | -------------------- | ------------------------------------------------------------------- | -------------------- | ------------------------------------------------------------- |
46
+ | disabledDate | Function to specify if particular dates are disabled or not | (date:Date)=>boolean | - |
47
+ | disabledDefaultTexts | Disables the default texts translations provided by `react-intl` | boolean | `false` |
48
+ | forceAbsolute | Force the outcome to be converted to an absolute date | boolean | `false` |
49
+ | format | Format of the value displayed in the footer | string | "MMM D, YYYY" |
50
+ | onApply | Callback executed after applying changes | (date:Date)=>void | - |
51
+ | ranges | An array containing custom ranges which may be used as a short-hand | DateRange[] | [] |
52
+ | popoverProps | Object representing props applied to the Antd Popover component | AntdPopoverProps | {} |
53
+ | rangeUnits | Units available in relative range picker | RelativeUnits[] | ['SECONDS','MINUTES','HOURS','DAYS','WEEKS','MONTHS','YEARS'] |
54
+ | relativePast | Enable relative filter for past ranges | boolean | `false` |
55
+ | relativeFuture | Enable relative filter for future ranges | boolean | `false` |
56
+ | showTime | Enable user to choose particular hour | boolean | `false` |
57
+ | showFilter | Enable range filtering | boolean | `false` |
58
+ | showCustomRange | Enable custom range form in relative range picker | boolean | `true` |
59
+ | validate | Function to specify if particular date ranges are correct | (date:Date)=>boolean | - |
60
+ | value | Value of the picker | DateRange | new Date() |
61
+ | onVisibleChange | Callback executed when popover with dateRangePicker changes its visibility | (visible: boolean) => void | - |
61
62
 
63
+
62
64
  ### DateRange
63
65
 
64
- | Property | Description | Type | Default |
65
- | -------- | ---------------------------------------------- | ------------------------------------- | ------- |
66
- | from | Start date | Date / string | - |
67
- | to | End date | Date / string | - |
68
- | type | String key for identifying the range type | 'ABSOLUTE' / 'RELATIVE' / 'SINCE' | - |
69
- | duration | Duration of the relative range | {type: RelativeUnit, duration:number} | - |
70
- | offset | Offset of the relative range from today's date | {type: RelativeUnit, duration:number} | - |
66
+ | Property | Description | Type | Default |
67
+ | -----------| ---------------------------------------------- | -------------------------------------------------------------------------------------------------------------- | ------- |
68
+ | from | Start date | Date / string | - |
69
+ | to | End date | Date / string | - |
70
+ | type | String key for identifying the range type | 'ABSOLUTE' / 'RELATIVE' / 'SINCE' | - |
71
+ | duration | Duration of the relative range | {type: RelativeUnit, duration:number} | - |
72
+ | offset | Offset of the relative range from today's date | {type: RelativeUnit, duration:number} | - |
73
+ | arrowColor | Custom color arrow of popover when is footer | {['bottomLeft' | 'topLeft' | 'anyOtherPlacement']: 'white' | 'grey' | anyPaletteColorToken} | - |
74
+
71
75
 
72
76
  `RelativeUnit = 'SECONDS' | 'MINUTES' | 'HOURS' | 'DAYS' | 'WEEKS' | 'MONTHS' | 'YEARS'`
package/dist/DateRangePicker.js CHANGED
@@ -8,7 +8,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
8
8
 
9
9
  import * as React from 'react';
10
10
  import { isEqual } from 'lodash';
11
- import { Popover } from 'antd';
12
11
  import "./style/index.css";
13
12
  import { useIntl } from 'react-intl';
14
13
  import RawDateRangePicker from './RawDateRangePicker';
@@ -25,6 +24,8 @@ var DateRangePicker = function DateRangePicker(props) {
25
24
  popoverTrigger = props.popoverTrigger,
26
25
  forceAdjacentMonths = props.forceAdjacentMonths,
27
26
  disableDefaultTexts = props.disableDefaultTexts,
27
+ arrowColor = props.arrowColor,
28
+ _onVisibleChange = props.onVisibleChange,
28
29
  _props$popoverProps = props.popoverProps,
29
30
  popoverProps = _props$popoverProps === void 0 ? {} : _props$popoverProps;
30
31
  var intl = useIntl();
@@ -70,7 +71,9 @@ var DateRangePicker = function DateRangePicker(props) {
70
71
  visible: false
71
72
  });
72
73
 
73
- return /*#__PURE__*/React.createElement(S.PickerWrapper, null, /*#__PURE__*/React.createElement(Popover, _extends({
74
+ return /*#__PURE__*/React.createElement(S.PickerWrapper, {
75
+ arrowColor: arrowColor
76
+ }, /*#__PURE__*/React.createElement(S.PopoverWrapper, _extends({
74
77
  content: /*#__PURE__*/React.createElement(RawDateRangePicker, _extends({}, props, {
75
78
  showTime: showTime,
76
79
  onApply: onApplyCallback,
@@ -90,6 +93,7 @@ var DateRangePicker = function DateRangePicker(props) {
90
93
  overlayClassName: "ds-date-range-popover",
91
94
  onVisibleChange: function onVisibleChange(visibility) {
92
95
  setInputActive(visibility);
96
+ _onVisibleChange && _onVisibleChange(visibility);
93
97
  }
94
98
  }, popoverProps, conditionalVisibilityProps), popoverTrigger || /*#__PURE__*/React.createElement(RangePickerInput, {
95
99
  onClick: function onClick() {
package/dist/DateRangePicker.styles.d.ts CHANGED
@@ -1,9 +1,14 @@
1
+ /// <reference types="react" />
2
+ import { AdditionalMapper } from './DateRangePicker.types';
1
3
  export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
2
4
  export declare const Separator: import("styled-components").StyledComponent<"div", any, {}, never>;
5
+ export declare const PopoverWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/lib/popover").PopoverProps & import("react").RefAttributes<unknown>>, any, {}, never>;
3
6
  export declare const Addon: import("styled-components").StyledComponent<"div", any, {
4
7
  last?: boolean | undefined;
5
8
  }, never>;
6
- export declare const PickerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
9
+ export declare const PickerWrapper: import("styled-components").StyledComponent<"div", any, {
10
+ arrowColor?: AdditionalMapper | undefined;
11
+ }, never>;
7
12
  export declare const OverlayContainer: import("styled-components").StyledComponent<"div", any, {
8
13
  visible?: boolean | undefined;
9
14
  }, never>;
package/dist/DateRangePicker.styles.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import styled from 'styled-components';
2
+ import { Popover } from 'antd';
2
3
  export var Container = styled.div.withConfig({
3
4
  displayName: "DateRangePickerstyles__Container",
4
5
  componentId: "zmtbjf-0"
@@ -11,19 +12,55 @@ export var Separator = styled.div.withConfig({
11
12
  })(["margin:0;border-top:1px solid ", ";"], function (props) {
12
13
  return props.theme.palette['grey-200'];
13
14
  });
15
+ export var PopoverWrapper = styled(Popover).withConfig({
16
+ displayName: "DateRangePickerstyles__PopoverWrapper",
17
+ componentId: "zmtbjf-2"
18
+ })([""]);
14
19
  export var Addon = styled.div.withConfig({
15
20
  displayName: "DateRangePickerstyles__Addon",
16
- componentId: "zmtbjf-2"
21
+ componentId: "zmtbjf-3"
17
22
  })(["", ""], function (props) {
18
23
  return !props.last && "border-bottom: 1px solid " + props.theme.palette['grey-200'] + ";";
19
24
  });
20
25
  export var PickerWrapper = styled.div.withConfig({
21
26
  displayName: "DateRangePickerstyles__PickerWrapper",
22
- componentId: "zmtbjf-3"
23
- })(["position:relative;"]);
27
+ componentId: "zmtbjf-4"
28
+ })(["position:relative;.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) {
29
+ var _props$theme$palette$, _props$arrowColor, _props$arrowColor2;
30
+
31
+ 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;
32
+ }, function (props) {
33
+ var _props$theme$palette$2, _props$arrowColor3, _props$arrowColor4;
34
+
35
+ return props.arrowColor ? (_props$theme$palette$2 = props.theme.palette[((_props$arrowColor3 = props.arrowColor) == null ? void 0 : _props$arrowColor3.bottomRight) + "-050"]) != null ? _props$theme$palette$2 : (_props$arrowColor4 = props.arrowColor) == null ? void 0 : _props$arrowColor4.bottomRight : props.theme.palette.white;
36
+ }, function (props) {
37
+ var _props$theme$palette$3, _props$arrowColor5, _props$arrowColor6;
38
+
39
+ return props.arrowColor ? (_props$theme$palette$3 = props.theme.palette[((_props$arrowColor5 = props.arrowColor) == null ? void 0 : _props$arrowColor5.rightTop) + "-050"]) != null ? _props$theme$palette$3 : (_props$arrowColor6 = props.arrowColor) == null ? void 0 : _props$arrowColor6.rightTop : props.theme.palette.white;
40
+ }, function (props) {
41
+ var _props$theme$palette$4, _props$arrowColor7, _props$arrowColor8;
42
+
43
+ return props.arrowColor ? (_props$theme$palette$4 = props.theme.palette[((_props$arrowColor7 = props.arrowColor) == null ? void 0 : _props$arrowColor7.rightBottom) + "-050"]) != null ? _props$theme$palette$4 : (_props$arrowColor8 = props.arrowColor) == null ? void 0 : _props$arrowColor8.rightBottom : props.theme.palette.white;
44
+ }, function (props) {
45
+ var _props$theme$palette$5, _props$arrowColor9, _props$arrowColor10;
46
+
47
+ return props.arrowColor ? (_props$theme$palette$5 = props.theme.palette[((_props$arrowColor9 = props.arrowColor) == null ? void 0 : _props$arrowColor9.leftBottom) + "-050"]) != null ? _props$theme$palette$5 : (_props$arrowColor10 = props.arrowColor) == null ? void 0 : _props$arrowColor10.leftBottom : props.theme.palette.white;
48
+ }, function (props) {
49
+ var _props$theme$palette$6, _props$arrowColor11, _props$arrowColor12;
50
+
51
+ return props.arrowColor ? (_props$theme$palette$6 = props.theme.palette[((_props$arrowColor11 = props.arrowColor) == null ? void 0 : _props$arrowColor11.leftTop) + "-050"]) != null ? _props$theme$palette$6 : (_props$arrowColor12 = props.arrowColor) == null ? void 0 : _props$arrowColor12.leftTop : props.theme.palette.white;
52
+ }, function (props) {
53
+ var _props$theme$palette$7, _props$arrowColor13, _props$arrowColor14;
54
+
55
+ return props.arrowColor ? (_props$theme$palette$7 = props.theme.palette[((_props$arrowColor13 = props.arrowColor) == null ? void 0 : _props$arrowColor13.topRight) + "-050"]) != null ? _props$theme$palette$7 : (_props$arrowColor14 = props.arrowColor) == null ? void 0 : _props$arrowColor14.topRight : props.theme.palette['grey-050'];
56
+ }, function (props) {
57
+ var _props$theme$palette$8, _props$arrowColor15, _props$arrowColor16;
58
+
59
+ return props.arrowColor ? (_props$theme$palette$8 = props.theme.palette[((_props$arrowColor15 = props.arrowColor) == null ? void 0 : _props$arrowColor15.topLeft) + "-050"]) != null ? _props$theme$palette$8 : (_props$arrowColor16 = props.arrowColor) == null ? void 0 : _props$arrowColor16.topLeft : props.theme.palette['grey-050'];
60
+ });
24
61
  export var OverlayContainer = styled.div.withConfig({
25
62
  displayName: "DateRangePickerstyles__OverlayContainer",
26
- componentId: "zmtbjf-4"
63
+ componentId: "zmtbjf-5"
27
64
  })(["display:", ";"], function (props) {
28
65
  return props.visible ? 'flex' : 'none';
29
66
  });
package/dist/DateRangePicker.types.d.ts CHANGED
@@ -4,6 +4,17 @@ import { PopoverProps } from 'antd/lib/popover';
4
4
  import { DateFilter, DateRange, RelativeUnits } from './date.types';
5
5
  import { FilterDefinition } from './RangeFilter/RangeFilter.types';
6
6
  import { SavedFilter } from './RangeFilter/Shared/FilterDropdown/FilterDropdown.types';
7
+ export declare type CustomColorArrow = 'blue' | 'grey' | 'red' | 'green' | 'yellow' | 'pink' | 'mars' | 'orange' | 'fern' | 'cyan' | 'purple' | 'violet';
8
+ export declare type AdditionalMapper = {
9
+ topLeft: CustomColorArrow;
10
+ topRight: CustomColorArrow;
11
+ bottomLeft: CustomColorArrow;
12
+ bottomRight: CustomColorArrow;
13
+ leftTop: CustomColorArrow;
14
+ leftBottom: CustomColorArrow;
15
+ rightTop: CustomColorArrow;
16
+ rightBottom: CustomColorArrow;
17
+ };
7
18
  export interface Props extends WrappedComponentProps {
8
19
  disableDefaultTexts?: boolean;
9
20
  disabledDate?: (date?: Date) => boolean;
@@ -12,6 +23,7 @@ export interface Props extends WrappedComponentProps {
12
23
  forceAbsolute?: boolean;
13
24
  onValueChange?: (value: Partial<DateFilter> | undefined) => void;
14
25
  onApply: (value: Partial<DateFilter> | undefined) => void;
26
+ onVisibleChange?: (visible: boolean) => void;
15
27
  onFilterSave?: (filters: SavedFilter[]) => void;
16
28
  popoverProps?: Partial<PopoverProps>;
17
29
  popoverTrigger?: React.ReactNode;
@@ -31,6 +43,7 @@ export interface Props extends WrappedComponentProps {
31
43
  message?: string;
32
44
  };
33
45
  value: DateRange;
46
+ arrowColor?: AdditionalMapper;
34
47
  }
35
48
  export declare type RelativeMode = 'PAST' | 'FUTURE' | 'SINCE';
36
49
  export interface State {
package/dist/Footer/Footer.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { Props } from './Footer.types';
3
- declare const _default: React.ForwardRefExoticComponent<Pick<Props, "format" | "mode" | "value" | "texts" | "message" | "onApply" | "showTime" | "dateOnly" | "canSwitchMode" | "onSwitchMode" | "canApply"> & {
3
+ declare const _default: React.ForwardRefExoticComponent<Pick<Props, "texts" | "format" | "mode" | "value" | "message" | "onApply" | "showTime" | "dateOnly" | "canSwitchMode" | "onSwitchMode" | "canApply"> & {
4
4
  forwardedRef?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
5
5
  } & React.RefAttributes<any>> & {
6
6
  WrappedComponent: React.ComponentType<Props>;
package/dist/RangeFilter/Filters/DailyFilter/DailyFilter.d.ts CHANGED
@@ -9,7 +9,7 @@ export interface Props extends WrappedComponentProps, Partial<RangeActionsMethod
9
9
  onChange: (v: Days) => {};
10
10
  valueSelectionModes: ValueSelectionModes;
11
11
  }
12
- declare const _default: React.ForwardRefExoticComponent<Pick<Props, "onChange" | "disabled" | "value" | "onRangeCopy" | "onRangePaste" | "onRangeClear" | "valueSelectionModes" | "texts"> & {
12
+ declare const _default: React.ForwardRefExoticComponent<Pick<Props, "onChange" | "onRangeCopy" | "onRangePaste" | "onRangeClear" | "valueSelectionModes" | "texts" | "disabled" | "value"> & {
13
13
  forwardedRef?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
14
14
  } & React.RefAttributes<any>> & {
15
15
  WrappedComponent: React.ComponentType<Props>;
package/dist/RangeFilter/Filters/MonthlyFilter/MonthlyFilter.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { MonthlyFilterProps } from './MonthlyFilter.types';
3
- declare const _default: React.ForwardRefExoticComponent<Pick<MonthlyFilterProps, "onChange" | "disabled" | "value" | "onRangeCopy" | "onRangePaste" | "onRangeClear" | "rangeClipboard" | "valueSelectionModes" | "texts" | "renderRangeFormSuffix" | "timePickerProps" | "maxEntries" | "daysOfPeriods" | "countedFromPeriods"> & {
3
+ declare const _default: React.ForwardRefExoticComponent<Pick<MonthlyFilterProps, "onChange" | "onRangeCopy" | "onRangePaste" | "onRangeClear" | "rangeClipboard" | "valueSelectionModes" | "texts" | "renderRangeFormSuffix" | "timePickerProps" | "disabled" | "value" | "maxEntries" | "daysOfPeriods" | "countedFromPeriods"> & {
4
4
  forwardedRef?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
5
5
  } & React.RefAttributes<any>> & {
6
6
  WrappedComponent: React.ComponentType<MonthlyFilterProps>;
package/dist/RangeFilter/RangeFilter.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { RangeFilterProps } from './RangeFilter.types';
3
- declare const _default: React.ForwardRefExoticComponent<Pick<RangeFilterProps, "onChange" | "value" | "valueSelectionModes" | "texts" | "rangeUnits" | "onApply" | "onFilterSave" | "savedFilters" | "hideFooter" | "onCancel"> & {
3
+ declare const _default: React.ForwardRefExoticComponent<Pick<RangeFilterProps, "onChange" | "valueSelectionModes" | "texts" | "value" | "rangeUnits" | "onApply" | "onFilterSave" | "savedFilters" | "hideFooter" | "onCancel"> & {
4
4
  forwardedRef?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
5
5
  } & React.RefAttributes<any>> & {
6
6
  WrappedComponent: React.ComponentType<RangeFilterProps>;
package/dist/RangeFilter/Shared/TimeWindow/TimeWindow.d.ts CHANGED
@@ -2,7 +2,7 @@ import * as React from 'react';
2
2
  import { TimeWindowProps } from './TimeWindow.types';
3
3
  import { DateLimitMode } from './RangeFormContainer/RangeForm/RangeForm.types';
4
4
  export declare const DEFAULT_LIMIT_MODE: DateLimitMode;
5
- declare const _default: React.ForwardRefExoticComponent<Pick<TimeWindowProps, "title" | "onChange" | "disabled" | "readOnly" | "monthlyFilter" | "monthlyFilterPeriod" | "hideHeader" | "days" | "onRangeCopy" | "onRangePaste" | "onRangeClear" | "customDays" | "showSelectAll" | "numberOfDays" | "numberOfDaysPerRow" | "rowLabelFormatter" | "dayTemplate" | "dayFormatter" | "onCheckDay" | "onSelectAll" | "onUnselectAll" | "inverted" | "labelInverted" | "reverseGroup" | "daily" | "rangeClipboard" | "valueSelectionModes" | "texts" | "renderRangeFormSuffix" | "timePickerProps"> & {
5
+ declare const _default: React.ForwardRefExoticComponent<Pick<TimeWindowProps, "monthlyFilter" | "monthlyFilterPeriod" | "hideHeader" | "onChange" | "days" | "onRangeCopy" | "onRangePaste" | "onRangeClear" | "customDays" | "showSelectAll" | "title" | "numberOfDays" | "numberOfDaysPerRow" | "rowLabelFormatter" | "dayTemplate" | "dayFormatter" | "onCheckDay" | "onSelectAll" | "onUnselectAll" | "readOnly" | "inverted" | "labelInverted" | "reverseGroup" | "daily" | "rangeClipboard" | "valueSelectionModes" | "texts" | "renderRangeFormSuffix" | "timePickerProps" | "disabled"> & {
6
6
  forwardedRef?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
7
7
  } & React.RefAttributes<any>> & {
8
8
  WrappedComponent: React.ComponentType<TimeWindowProps>;
package/dist/RangeFilter/constants.d.ts CHANGED
@@ -23,7 +23,7 @@ export declare const defaultId: string;
23
23
  export declare const TYPES_DATA: {
24
24
  MONTHLY: {
25
25
  labelTranslationKey: string;
26
- component: import("react").ForwardRefExoticComponent<Pick<import("./Filters/MonthlyFilter/MonthlyFilter.types").MonthlyFilterProps, "onChange" | "disabled" | "value" | "onRangeCopy" | "onRangePaste" | "onRangeClear" | "rangeClipboard" | "valueSelectionModes" | "texts" | "renderRangeFormSuffix" | "timePickerProps" | "maxEntries" | "daysOfPeriods" | "countedFromPeriods"> & {
26
+ component: import("react").ForwardRefExoticComponent<Pick<import("./Filters/MonthlyFilter/MonthlyFilter.types").MonthlyFilterProps, "onChange" | "onRangeCopy" | "onRangePaste" | "onRangeClear" | "rangeClipboard" | "valueSelectionModes" | "texts" | "renderRangeFormSuffix" | "timePickerProps" | "disabled" | "value" | "maxEntries" | "daysOfPeriods" | "countedFromPeriods"> & {
27
27
  forwardedRef?: ((instance: any) => void) | import("react").RefObject<any> | null | undefined;
28
28
  } & import("react").RefAttributes<any>> & {
29
29
  WrappedComponent: import("react").ComponentType<import("./Filters/MonthlyFilter/MonthlyFilter.types").MonthlyFilterProps>;
@@ -42,7 +42,7 @@ export declare const TYPES_DATA: {
42
42
  };
43
43
  DAILY: {
44
44
  labelTranslationKey: string;
45
- component: import("react").ForwardRefExoticComponent<Pick<import("./Filters/DailyFilter/DailyFilter").Props, "onChange" | "disabled" | "value" | "onRangeCopy" | "onRangePaste" | "onRangeClear" | "valueSelectionModes" | "texts"> & {
45
+ component: import("react").ForwardRefExoticComponent<Pick<import("./Filters/DailyFilter/DailyFilter").Props, "onChange" | "onRangeCopy" | "onRangePaste" | "onRangeClear" | "valueSelectionModes" | "texts" | "disabled" | "value"> & {
46
46
  forwardedRef?: ((instance: any) => void) | import("react").RefObject<any> | null | undefined;
47
47
  } & import("react").RefAttributes<any>> & {
48
48
  WrappedComponent: import("react").ComponentType<import("./Filters/DailyFilter/DailyFilter").Props>;
package/dist/RawDateRangePicker.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { Props } from './DateRangePicker.types';
3
- declare const _default: React.ForwardRefExoticComponent<Pick<Props, "format" | "value" | "texts" | "rangeUnits" | "disableDefaultTexts" | "disabledDate" | "forceAdjacentMonths" | "forceAbsolute" | "onValueChange" | "onApply" | "onFilterSave" | "popoverProps" | "popoverTrigger" | "ranges" | "relativeFuture" | "relativePast" | "relativeModes" | "savedFilters" | "showRelativePicker" | "showFilter" | "showTime" | "showCustomRange" | "validate"> & {
3
+ declare const _default: React.ForwardRefExoticComponent<Pick<Props, "texts" | "format" | "value" | "onVisibleChange" | "rangeUnits" | "disableDefaultTexts" | "disabledDate" | "forceAdjacentMonths" | "forceAbsolute" | "onValueChange" | "onApply" | "onFilterSave" | "popoverProps" | "popoverTrigger" | "ranges" | "relativeFuture" | "relativePast" | "relativeModes" | "savedFilters" | "showRelativePicker" | "showFilter" | "showTime" | "showCustomRange" | "validate" | "arrowColor"> & {
4
4
  forwardedRef?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
5
5
  } & React.RefAttributes<any>> & {
6
6
  WrappedComponent: React.ComponentType<Props>;
package/dist/RelativeRangePicker/RelativeRangePicker.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { WrappedComponentProps } from 'react-intl';
3
3
  import { Props } from './RelativeRangePicker.types';
4
- declare const _default: React.ForwardRefExoticComponent<Pick<Props & WrappedComponentProps<"intl">, "onChange" | "value" | "texts" | "since" | "rangeUnits" | "ranges" | "relativeModes" | "showCustomRange" | "future" | "past"> & {
4
+ declare const _default: React.ForwardRefExoticComponent<Pick<Props & WrappedComponentProps<"intl">, "onChange" | "texts" | "value" | "since" | "rangeUnits" | "ranges" | "relativeModes" | "showCustomRange" | "future" | "past"> & {
5
5
  forwardedRef?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
6
6
  } & React.RefAttributes<any>> & {
7
7
  WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-date-range-picker",
3
- "version": "0.12.12",
3
+ "version": "0.12.15",
4
4
  "description": "Date-Range-Picker UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -34,10 +34,10 @@
34
34
  "dependencies": {
35
35
  "@date-fns/upgrade": "^1.0.3",
36
36
  "@synerise/ds-button": "^0.17.2",
37
- "@synerise/ds-date-picker": "^0.6.16",
37
+ "@synerise/ds-date-picker": "^0.6.19",
38
38
  "@synerise/ds-icon": "^0.49.0",
39
- "@synerise/ds-manageable-list": "^0.23.12",
40
- "@synerise/ds-time-picker": "^0.6.16",
39
+ "@synerise/ds-manageable-list": "^0.23.14",
40
+ "@synerise/ds-time-picker": "^0.6.18",
41
41
  "@synerise/ds-tooltip": "^0.11.9",
42
42
  "@synerise/ds-utils": "^0.19.0",
43
43
  "date-fns": "^2.16.1",
@@ -54,5 +54,5 @@
54
54
  "devDependencies": {
55
55
  "@types/ramda": "^0.27.14"
56
56
  },
57
- "gitHead": "78a3de75d8ec9c917d96c1b54c70d24f50dc8c7a"
57
+ "gitHead": "d787395998e479858cb58f6d56555e4c51fe45d5"
58
58
  }