@synerise/ds-date-range-picker 0.12.11 → 0.12.14

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 (6) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/README.md +19 -17
  3. package/dist/DateRangePicker.js +2 -0
  4. package/dist/DateRangePicker.types.d.ts +1 -0
  5. package/dist/RawDateRangePicker.d.ts +1 -1
  6. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -3,6 +3,33 @@
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.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)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **date-range-picker:** onVisibleChange prop, example custom trigger ([e6aab36](https://github.com/Synerise/synerise-design/commit/e6aab3666df0bac8b999faa0a9046c244ea2a35f))
12
+
13
+
14
+
15
+
16
+
17
+ ## [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)
18
+
19
+ **Note:** Version bump only for package @synerise/ds-date-range-picker
20
+
21
+
22
+
23
+
24
+
25
+ ## [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)
26
+
27
+ **Note:** Version bump only for package @synerise/ds-date-range-picker
28
+
29
+
30
+
31
+
32
+
6
33
  ## [0.12.11](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.12.10...@synerise/ds-date-range-picker@0.12.11) (2022-04-05)
7
34
 
8
35
  **Note:** Version bump only for package @synerise/ds-date-range-picker
package/README.md CHANGED
@@ -41,24 +41,26 @@ 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
66
  | Property | Description | Type | Default |
package/dist/DateRangePicker.js CHANGED
@@ -25,6 +25,7 @@ var DateRangePicker = function DateRangePicker(props) {
25
25
  popoverTrigger = props.popoverTrigger,
26
26
  forceAdjacentMonths = props.forceAdjacentMonths,
27
27
  disableDefaultTexts = props.disableDefaultTexts,
28
+ _onVisibleChange = props.onVisibleChange,
28
29
  _props$popoverProps = props.popoverProps,
29
30
  popoverProps = _props$popoverProps === void 0 ? {} : _props$popoverProps;
30
31
  var intl = useIntl();
@@ -90,6 +91,7 @@ var DateRangePicker = function DateRangePicker(props) {
90
91
  overlayClassName: "ds-date-range-popover",
91
92
  onVisibleChange: function onVisibleChange(visibility) {
92
93
  setInputActive(visibility);
94
+ _onVisibleChange && _onVisibleChange(visibility);
93
95
  }
94
96
  }, popoverProps, conditionalVisibilityProps), popoverTrigger || /*#__PURE__*/React.createElement(RangePickerInput, {
95
97
  onClick: function onClick() {
package/dist/DateRangePicker.types.d.ts CHANGED
@@ -12,6 +12,7 @@ export interface Props extends WrappedComponentProps {
12
12
  forceAbsolute?: boolean;
13
13
  onValueChange?: (value: Partial<DateFilter> | undefined) => void;
14
14
  onApply: (value: Partial<DateFilter> | undefined) => void;
15
+ onVisibleChange?: (visible: boolean) => void;
15
16
  onFilterSave?: (filters: SavedFilter[]) => void;
16
17
  popoverProps?: Partial<PopoverProps>;
17
18
  popoverTrigger?: React.ReactNode;
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, "format" | "value" | "texts" | "onVisibleChange" | "rangeUnits" | "disableDefaultTexts" | "disabledDate" | "forceAdjacentMonths" | "forceAbsolute" | "onValueChange" | "onApply" | "onFilterSave" | "popoverProps" | "popoverTrigger" | "ranges" | "relativeFuture" | "relativePast" | "relativeModes" | "savedFilters" | "showRelativePicker" | "showFilter" | "showTime" | "showCustomRange" | "validate"> & {
4
4
  forwardedRef?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
5
5
  } & React.RefAttributes<any>> & {
6
6
  WrappedComponent: React.ComponentType<Props>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-date-range-picker",
3
- "version": "0.12.11",
3
+ "version": "0.12.14",
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.18",
38
38
  "@synerise/ds-icon": "^0.49.0",
39
- "@synerise/ds-manageable-list": "^0.23.11",
40
- "@synerise/ds-time-picker": "^0.6.16",
39
+ "@synerise/ds-manageable-list": "^0.23.13",
40
+ "@synerise/ds-time-picker": "^0.6.17",
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": "5793ce09feb88b36cc8ca1923ddfcb272b889cb0"
57
+ "gitHead": "25e5737ebe9d4319de963b369bc281651872887c"
58
58
  }