@synerise/ds-date-range-picker 1.3.36 → 1.4.1

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 (12) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/Footer/Footer.styles.d.ts +28 -2
  3. package/dist/RangeFilter/Shared/FilterDropdown/FilterDropdown.js +6 -5
  4. package/dist/RangeFilter/Shared/FilterDropdown/FilterDropdown.styles.d.ts +7 -9
  5. package/dist/RangeFilter/Shared/FilterDropdown/FilterDropdown.styles.js +2 -6
  6. package/dist/RangeFilter/Shared/RangeFilterStatus/RangeFilterStatus.styles.d.ts +57 -4
  7. package/dist/RangeFilter/Shared/SaveFilterForm/SaveFilterForm.styles.d.ts +28 -2
  8. package/dist/RangeFilter/Shared/TimeWindow/RangeActions/RangeActions.js +4 -0
  9. package/dist/RangeFilter/Shared/TimeWindow/RangeActions/RangeActions.styles.d.ts +7 -8
  10. package/dist/RangePicker/RangePicker.styles.d.ts +28 -2
  11. package/dist/RelativeRangePicker/RelativeRangePicker.styles.d.ts +6 -7
  12. package/package.json +20 -20
package/CHANGELOG.md CHANGED
@@ -3,6 +3,25 @@
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
+ ## [1.4.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@1.4.0...@synerise/ds-date-range-picker@1.4.1) (2025-11-13)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-date-range-picker
9
+
10
+
11
+
12
+
13
+
14
+ # [1.4.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@1.3.36...@synerise/ds-date-range-picker@1.4.0) (2025-11-06)
15
+
16
+
17
+ ### Features
18
+
19
+ * **dropdown:** dropdownMenu component ([f0ec827](https://github.com/Synerise/synerise-design/commit/f0ec82792cdcb021fa9a454912f6e7a892e53895))
20
+
21
+
22
+
23
+
24
+
6
25
  ## [1.3.36](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@1.3.35...@synerise/ds-date-range-picker@1.3.36) (2025-10-31)
7
26
 
8
27
  **Note:** Version bump only for package @synerise/ds-date-range-picker
package/dist/Footer/Footer.styles.d.ts CHANGED
@@ -1,7 +1,33 @@
1
- import Button from '@synerise/ds-button';
2
1
  export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
3
2
  export declare const Actions: import("styled-components").StyledComponent<"div", any, {}, never>;
4
- export declare const Range: import("styled-components").StyledComponent<typeof Button, any, {}, never>;
3
+ export declare const Range: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Partial<{
4
+ href: string;
5
+ target?: string;
6
+ onClick?: React.MouseEventHandler<HTMLElement>;
7
+ } & import("antd/lib/button/button").BaseButtonProps & Omit<import("react").AnchorHTMLAttributes<any>, "type" | "onClick"> & {
8
+ htmlType?: import("antd/lib/button/button").ButtonHTMLType;
9
+ onClick?: React.MouseEventHandler<HTMLElement>;
10
+ } & Omit<import("react").ButtonHTMLAttributes<any>, "type" | "onClick">>, "type" | "ghost"> & {
11
+ type?: import("@synerise/ds-utils").LiteralStringUnion<import("@synerise/ds-button/dist/Button.types").ButtonType>;
12
+ mode?: import("@synerise/ds-utils").LiteralStringUnion<"single-icon" | "split" | "two-icons" | "label-icon" | "icon-label">;
13
+ color?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
14
+ groupVariant?: import("@synerise/ds-utils").LiteralStringUnion<"left-rounded" | "squared" | "right-rounded">;
15
+ justifyContent?: string;
16
+ loading?: boolean | {
17
+ delay?: number;
18
+ };
19
+ onClick?: (event: import("react").MouseEvent<HTMLElement>) => void;
20
+ iconColor?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
21
+ error?: boolean;
22
+ readOnly?: boolean;
23
+ tagProps?: import("@synerise/ds-tag").TagProps;
24
+ tooltipProps?: import("@synerise/ds-tooltip").TooltipProps;
25
+ } & import("react").RefAttributes<HTMLButtonElement>> & {
26
+ Creator: import("react").ForwardRefExoticComponent<Omit<import("@synerise/ds-button").CreatorProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
27
+ Expander: ({ size, expanded, disabled, onClick, className, }: import("@synerise/ds-button").ExpanderProps) => import("react").JSX.Element;
28
+ Star: (props: import("@synerise/ds-button").StarButtonProps) => React.ReactElement;
29
+ Checkbox: (props: import("@synerise/ds-button").CheckboxButtonProps) => React.ReactElement;
30
+ }, any, {}, never>;
5
31
  export declare const ActionsPlaceholder: import("styled-components").StyledComponent<"div", any, {}, never>;
6
32
  export declare const ChosenRange: import("styled-components").StyledComponent<"div", any, {}, never>;
7
33
  /**
package/dist/RangeFilter/Shared/FilterDropdown/FilterDropdown.js CHANGED
@@ -12,7 +12,7 @@ var FilterDropdown = function FilterDropdown(_ref) {
12
12
  onFilterSelect = _ref.onFilterSelect,
13
13
  onFilterRemove = _ref.onFilterRemove;
14
14
  var overlay = React.useMemo(function () {
15
- return /*#__PURE__*/React.createElement(S.DropdownMenu, null, filters.map(function (filter) {
15
+ return /*#__PURE__*/React.createElement(Dropdown.MenuWrapper, null, filters.map(function (filter) {
16
16
  return /*#__PURE__*/React.createElement(S.DropdownMenuItem, {
17
17
  key: filter == null ? void 0 : filter.name,
18
18
  text: filter == null ? void 0 : filter.name,
@@ -38,12 +38,13 @@ var FilterDropdown = function FilterDropdown(_ref) {
38
38
  align: {
39
39
  points: ['tr', 'br']
40
40
  },
41
- overlayStyle: {
42
- boxShadow: '0 4px 12px 0 rgba(35, 41, 54, 0.07)'
43
- },
44
41
  getPopupContainer: function getPopupContainer(node) {
45
42
  return node.parentElement !== null ? node.parentElement : document.body;
46
- }
43
+ },
44
+ popoverProps: {
45
+ testId: 'date-range-picker-saved-filters'
46
+ },
47
+ asChild: true
47
48
  }, /*#__PURE__*/React.createElement(Button, {
48
49
  mode: "label-icon",
49
50
  type: "ghost"
package/dist/RangeFilter/Shared/FilterDropdown/FilterDropdown.styles.d.ts CHANGED
@@ -1,13 +1,14 @@
1
- export declare const DropdownMenu: import("styled-components").StyledComponent<"div", any, {}, never>;
2
1
  export declare const DropdownMenuItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@synerise/ds-list-item/dist/ListItem.types").ListItemDividerProps & {
3
2
  checked?: boolean;
4
3
  selected?: boolean;
5
4
  children?: React.ReactNode;
6
5
  className?: string;
7
- copyable?: boolean;
8
- copyHint?: React.ReactNode;
6
+ copyable?: boolean | import("@synerise/ds-list-item/dist/ListItem.types").Copyable;
9
7
  copyValue?: string;
8
+ copyHint?: React.ReactNode;
10
9
  copyTooltip?: React.ReactNode;
10
+ timeToHideTooltip?: number;
11
+ tooltipProps?: import("@synerise/ds-tooltip").TooltipProps;
11
12
  description?: React.ReactNode;
12
13
  direction?: "ltr" | "rtl";
13
14
  disabled?: boolean;
@@ -18,9 +19,8 @@ export declare const DropdownMenuItem: import("styled-components").StyledCompone
18
19
  key?: React.Key;
19
20
  itemKey?: React.Key;
20
21
  noHover?: boolean;
21
- onItemHover?: import("@synerise/ds-list-item").ListItemEventHandler<React.MouseEvent<HTMLDivElement>>;
22
- onItemSelect?: import("@synerise/ds-list-item").ListItemEventHandler<React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>>;
23
- onClick?: import("@synerise/ds-list-item").ListItemEventHandler<React.MouseEvent<HTMLDivElement>>;
22
+ onItemHover?: import("@synerise/ds-list-item").ListItemEventHandler<import("react").MouseEvent<HTMLDivElement>>;
23
+ onClick?: import("@synerise/ds-list-item").ListItemEventHandler<import("react").MouseEvent<HTMLDivElement> | import("react").KeyboardEvent<HTMLDivElement>>;
24
24
  ordered?: boolean;
25
25
  parent?: boolean;
26
26
  prefixel?: React.ReactNode | import("@synerise/ds-list-item/dist/ListItem.types").AddonRenderer;
@@ -30,10 +30,8 @@ export declare const DropdownMenuItem: import("styled-components").StyledCompone
30
30
  suffixel?: React.ReactNode | import("@synerise/ds-list-item/dist/ListItem.types").AddonRenderer;
31
31
  suffixVisibilityTrigger?: "hover" | "default";
32
32
  text?: React.ReactNode;
33
- timeToHideTooltip?: number;
34
- tooltipProps?: import("@synerise/ds-tooltip").TooltipProps;
35
33
  type?: import("@synerise/ds-list-item").ItemType;
36
34
  subMenu?: import("@synerise/ds-list-item").ListItemProps[];
37
35
  indentLevel?: number;
38
- } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "type" | "selected" | "disabled" | "onClick" | "className" | "children" | "text" | "size" | "tooltipProps" | "key" | "prefixel" | "suffixel" | "direction" | "checked" | keyof import("@synerise/ds-list-item/dist/ListItem.types").ListItemDividerProps | "copyable" | "copyHint" | "copyValue" | "copyTooltip" | "description" | "highlight" | "hoverTooltipProps" | "itemKey" | "noHover" | "onItemHover" | "onItemSelect" | "ordered" | "parent" | "prefixVisibilityTrigger" | "renderHoverTooltip" | "suffixVisibilityTrigger" | "timeToHideTooltip" | "subMenu" | "indentLevel"> & import("@synerise/ds-utils").DataAttributes & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
36
+ } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "type" | "selected" | "disabled" | "onClick" | "className" | "children" | "text" | "size" | "tooltipProps" | "prefixel" | "suffixel" | "direction" | "key" | "checked" | keyof import("@synerise/ds-list-item/dist/ListItem.types").ListItemDividerProps | "copyable" | "copyValue" | "copyHint" | "copyTooltip" | "timeToHideTooltip" | "description" | "highlight" | "hoverTooltipProps" | "itemKey" | "noHover" | "onItemHover" | "ordered" | "parent" | "prefixVisibilityTrigger" | "renderHoverTooltip" | "suffixVisibilityTrigger" | "subMenu" | "indentLevel"> & import("@synerise/ds-utils").DataAttributes & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
39
37
  export declare const RemoveIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
package/dist/RangeFilter/Shared/FilterDropdown/FilterDropdown.styles.js CHANGED
@@ -1,14 +1,10 @@
1
1
  import styled from 'styled-components';
2
2
  import ListItem from '@synerise/ds-list-item';
3
- export var DropdownMenu = styled.div.withConfig({
4
- displayName: "FilterDropdownstyles__DropdownMenu",
5
- componentId: "sc-lh8m5i-0"
6
- })(["padding:8px;"]);
7
3
  export var DropdownMenuItem = styled(ListItem).withConfig({
8
4
  displayName: "FilterDropdownstyles__DropdownMenuItem",
9
- componentId: "sc-lh8m5i-1"
5
+ componentId: "sc-lh8m5i-0"
10
6
  })(["max-height:32px;min-width:200px;"]);
11
7
  export var RemoveIconWrapper = styled.div.withConfig({
12
8
  displayName: "FilterDropdownstyles__RemoveIconWrapper",
13
- componentId: "sc-lh8m5i-2"
9
+ componentId: "sc-lh8m5i-1"
14
10
  })([""]);
package/dist/RangeFilter/Shared/RangeFilterStatus/RangeFilterStatus.styles.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- import Button from '@synerise/ds-button';
2
1
  export declare const ContentItem: import("styled-components").StyledComponent<(({ onRemove, onUpdate, onDuplicate, draggable, dashed, item, greyBackground, changeOrderDisabled, texts, hideExpander, expanded, onExpand, selected, onSelect, headerSuffix, headerPrefix, contentWithoutPadding, onMoveTop, onMoveBottom, isFirst, isLast, size, dragHandleProps, isDragPlaceholder, isDragOverlay, ...rest }: import("@synerise/ds-manageable-list/dist/Item/ContentItem/ContentItem.types").ContentItemProps) => React.JSX.Element) & {
3
2
  AdditionalSuffix: import("styled-components").StyledComponent<"div", any, {}, never>;
4
3
  ContentWrapper: import("styled-components").StyledComponent<"div", any, {
@@ -7,9 +6,63 @@ export declare const ContentItem: import("styled-components").StyledComponent<((
7
6
  DraggerWrapper: import("styled-components").StyledComponent<"div", any, {
8
7
  disabled: boolean;
9
8
  }, never>;
10
- DropdownTrigger: import("styled-components").StyledComponent<typeof import("@synerise/ds-button").default, any, {}, never>;
9
+ DropdownTrigger: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<Partial<{
10
+ href: string;
11
+ target?: string;
12
+ onClick?: React.MouseEventHandler<HTMLElement>;
13
+ } & import("antd/lib/button/button").BaseButtonProps & Omit<React.AnchorHTMLAttributes<any>, "type" | "onClick"> & {
14
+ htmlType?: import("antd/lib/button/button").ButtonHTMLType;
15
+ onClick?: React.MouseEventHandler<HTMLElement>;
16
+ } & Omit<React.ButtonHTMLAttributes<any>, "type" | "onClick">>, "type" | "ghost"> & {
17
+ type?: import("@synerise/ds-utils").LiteralStringUnion<import("@synerise/ds-button/dist/Button.types").ButtonType>;
18
+ mode?: import("@synerise/ds-utils").LiteralStringUnion<"single-icon" | "split" | "two-icons" | "label-icon" | "icon-label">;
19
+ color?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
20
+ groupVariant?: import("@synerise/ds-utils").LiteralStringUnion<"left-rounded" | "squared" | "right-rounded">;
21
+ justifyContent?: string;
22
+ loading?: boolean | {
23
+ delay?: number;
24
+ };
25
+ onClick?: (event: import("react").MouseEvent<HTMLElement>) => void;
26
+ iconColor?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
27
+ error?: boolean;
28
+ readOnly?: boolean;
29
+ tagProps?: import("@synerise/ds-tag").TagProps;
30
+ tooltipProps?: import("@synerise/ds-tooltip").TooltipProps;
31
+ } & React.RefAttributes<HTMLButtonElement>> & {
32
+ Creator: import("react").ForwardRefExoticComponent<Omit<import("@synerise/ds-button").CreatorProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
33
+ Expander: ({ size, expanded, disabled, onClick, className, }: import("@synerise/ds-button").ExpanderProps) => import("react").JSX.Element;
34
+ Star: (props: import("@synerise/ds-button").StarButtonProps) => React.ReactElement;
35
+ Checkbox: (props: import("@synerise/ds-button").CheckboxButtonProps) => React.ReactElement;
36
+ }, any, {}, never>;
11
37
  DropdownWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
12
- FilterDropdownTrigger: import("styled-components").StyledComponent<typeof import("@synerise/ds-button").default, any, {}, never>;
38
+ FilterDropdownTrigger: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<Partial<{
39
+ href: string;
40
+ target?: string;
41
+ onClick?: React.MouseEventHandler<HTMLElement>;
42
+ } & import("antd/lib/button/button").BaseButtonProps & Omit<React.AnchorHTMLAttributes<any>, "type" | "onClick"> & {
43
+ htmlType?: import("antd/lib/button/button").ButtonHTMLType;
44
+ onClick?: React.MouseEventHandler<HTMLElement>;
45
+ } & Omit<React.ButtonHTMLAttributes<any>, "type" | "onClick">>, "type" | "ghost"> & {
46
+ type?: import("@synerise/ds-utils").LiteralStringUnion<import("@synerise/ds-button/dist/Button.types").ButtonType>;
47
+ mode?: import("@synerise/ds-utils").LiteralStringUnion<"single-icon" | "split" | "two-icons" | "label-icon" | "icon-label">;
48
+ color?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
49
+ groupVariant?: import("@synerise/ds-utils").LiteralStringUnion<"left-rounded" | "squared" | "right-rounded">;
50
+ justifyContent?: string;
51
+ loading?: boolean | {
52
+ delay?: number;
53
+ };
54
+ onClick?: (event: import("react").MouseEvent<HTMLElement>) => void;
55
+ iconColor?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
56
+ error?: boolean;
57
+ readOnly?: boolean;
58
+ tagProps?: import("@synerise/ds-tag").TagProps;
59
+ tooltipProps?: import("@synerise/ds-tooltip").TooltipProps;
60
+ } & React.RefAttributes<HTMLButtonElement>> & {
61
+ Creator: import("react").ForwardRefExoticComponent<Omit<import("@synerise/ds-button").CreatorProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
62
+ Expander: ({ size, expanded, disabled, onClick, className, }: import("@synerise/ds-button").ExpanderProps) => import("react").JSX.Element;
63
+ Star: (props: import("@synerise/ds-button").StarButtonProps) => React.ReactElement;
64
+ Checkbox: (props: import("@synerise/ds-button").CheckboxButtonProps) => React.ReactElement;
65
+ }, any, {}, never>;
13
66
  IconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
14
67
  ItemContainer: import("styled-components").StyledComponent<"div", any, {
15
68
  opened: boolean;
@@ -34,5 +87,5 @@ export declare const ContentItem: import("styled-components").StyledComponent<((
34
87
  export declare const BadgeWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
35
88
  export declare const Title: import("styled-components").StyledComponent<"h3", any, {}, never>;
36
89
  export declare const SuffixText: import("styled-components").StyledComponent<"span", any, {}, never>;
37
- export declare const CreatorButton: import("styled-components").StyledComponent<({ onClick, disabled, label, block, status, className, labelAlign, ...htmlAttributes }: import("@synerise/ds-button").CreatorProps) => React.JSX.Element, any, {}, never>;
90
+ export declare const CreatorButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("@synerise/ds-button").CreatorProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
38
91
  export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
package/dist/RangeFilter/Shared/SaveFilterForm/SaveFilterForm.styles.d.ts CHANGED
@@ -1,3 +1,29 @@
1
- import Button from '@synerise/ds-button';
2
1
  export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
3
- export declare const FormButton: import("styled-components").StyledComponent<typeof Button, any, import("@synerise/ds-button/dist/Button.types").ButtonProps, never>;
2
+ export declare const FormButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Partial<{
3
+ href: string;
4
+ target?: string;
5
+ onClick?: React.MouseEventHandler<HTMLElement>;
6
+ } & import("antd/lib/button/button").BaseButtonProps & Omit<import("react").AnchorHTMLAttributes<any>, "type" | "onClick"> & {
7
+ htmlType?: import("antd/lib/button/button").ButtonHTMLType;
8
+ onClick?: React.MouseEventHandler<HTMLElement>;
9
+ } & Omit<import("react").ButtonHTMLAttributes<any>, "type" | "onClick">>, "type" | "ghost"> & {
10
+ type?: import("@synerise/ds-utils").LiteralStringUnion<import("@synerise/ds-button/dist/Button.types").ButtonType>;
11
+ mode?: import("@synerise/ds-utils").LiteralStringUnion<"single-icon" | "split" | "two-icons" | "label-icon" | "icon-label">;
12
+ color?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
13
+ groupVariant?: import("@synerise/ds-utils").LiteralStringUnion<"left-rounded" | "squared" | "right-rounded">;
14
+ justifyContent?: string;
15
+ loading?: boolean | {
16
+ delay?: number;
17
+ };
18
+ onClick?: (event: import("react").MouseEvent<HTMLElement>) => void;
19
+ iconColor?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
20
+ error?: boolean;
21
+ readOnly?: boolean;
22
+ tagProps?: import("@synerise/ds-tag").TagProps;
23
+ tooltipProps?: import("@synerise/ds-tooltip").TooltipProps;
24
+ } & import("react").RefAttributes<HTMLButtonElement>> & {
25
+ Creator: import("react").ForwardRefExoticComponent<Omit<import("@synerise/ds-button").CreatorProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
26
+ Expander: ({ size, expanded, disabled, onClick, className, }: import("@synerise/ds-button").ExpanderProps) => import("react").JSX.Element;
27
+ Star: (props: import("@synerise/ds-button").StarButtonProps) => React.ReactElement;
28
+ Checkbox: (props: import("@synerise/ds-button").CheckboxButtonProps) => React.ReactElement;
29
+ }, any, import("@synerise/ds-button/dist/Button.types").ButtonProps, never>;
package/dist/RangeFilter/Shared/TimeWindow/RangeActions/RangeActions.js CHANGED
@@ -51,6 +51,10 @@ var RangeActions = function RangeActions(_ref) {
51
51
  },
52
52
  getPopupContainer: function getPopupContainer(node) {
53
53
  return node.parentElement !== null ? node.parentElement : document.body;
54
+ },
55
+ asChild: true,
56
+ popoverProps: {
57
+ testId: 'date-range-picker-filter-actions'
54
58
  }
55
59
  }, trigger);
56
60
  };
package/dist/RangeFilter/Shared/TimeWindow/RangeActions/RangeActions.styles.d.ts CHANGED
@@ -4,10 +4,12 @@ export declare const ActionItem: import("styled-components").StyledComponent<imp
4
4
  selected?: boolean;
5
5
  children?: React.ReactNode;
6
6
  className?: string;
7
- copyable?: boolean;
8
- copyHint?: React.ReactNode;
7
+ copyable?: boolean | import("@synerise/ds-list-item/dist/ListItem.types").Copyable;
9
8
  copyValue?: string;
9
+ copyHint?: React.ReactNode;
10
10
  copyTooltip?: React.ReactNode;
11
+ timeToHideTooltip?: number;
12
+ tooltipProps?: import("@synerise/ds-tooltip").TooltipProps;
11
13
  description?: React.ReactNode;
12
14
  direction?: "ltr" | "rtl";
13
15
  disabled?: boolean;
@@ -18,9 +20,8 @@ export declare const ActionItem: import("styled-components").StyledComponent<imp
18
20
  key?: React.Key;
19
21
  itemKey?: React.Key;
20
22
  noHover?: boolean;
21
- onItemHover?: import("@synerise/ds-list-item").ListItemEventHandler<React.MouseEvent<HTMLDivElement>>;
22
- onItemSelect?: import("@synerise/ds-list-item").ListItemEventHandler<React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>>;
23
- onClick?: import("@synerise/ds-list-item").ListItemEventHandler<React.MouseEvent<HTMLDivElement>>;
23
+ onItemHover?: import("@synerise/ds-list-item").ListItemEventHandler<import("react").MouseEvent<HTMLDivElement>>;
24
+ onClick?: import("@synerise/ds-list-item").ListItemEventHandler<import("react").MouseEvent<HTMLDivElement> | import("react").KeyboardEvent<HTMLDivElement>>;
24
25
  ordered?: boolean;
25
26
  parent?: boolean;
26
27
  prefixel?: React.ReactNode | import("@synerise/ds-list-item/dist/ListItem.types").AddonRenderer;
@@ -30,9 +31,7 @@ export declare const ActionItem: import("styled-components").StyledComponent<imp
30
31
  suffixel?: React.ReactNode | import("@synerise/ds-list-item/dist/ListItem.types").AddonRenderer;
31
32
  suffixVisibilityTrigger?: "hover" | "default";
32
33
  text?: React.ReactNode;
33
- timeToHideTooltip?: number;
34
- tooltipProps?: import("@synerise/ds-tooltip").TooltipProps;
35
34
  type?: import("@synerise/ds-list-item").ItemType;
36
35
  subMenu?: import("@synerise/ds-list-item").ListItemProps[];
37
36
  indentLevel?: number;
38
- } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "type" | "selected" | "disabled" | "onClick" | "className" | "children" | "text" | "size" | "tooltipProps" | "key" | "prefixel" | "suffixel" | "direction" | "checked" | keyof import("@synerise/ds-list-item/dist/ListItem.types").ListItemDividerProps | "copyable" | "copyHint" | "copyValue" | "copyTooltip" | "description" | "highlight" | "hoverTooltipProps" | "itemKey" | "noHover" | "onItemHover" | "onItemSelect" | "ordered" | "parent" | "prefixVisibilityTrigger" | "renderHoverTooltip" | "suffixVisibilityTrigger" | "timeToHideTooltip" | "subMenu" | "indentLevel"> & import("@synerise/ds-utils").DataAttributes & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
37
+ } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "type" | "selected" | "disabled" | "onClick" | "className" | "children" | "text" | "size" | "tooltipProps" | "prefixel" | "suffixel" | "direction" | "key" | "checked" | keyof import("@synerise/ds-list-item/dist/ListItem.types").ListItemDividerProps | "copyable" | "copyValue" | "copyHint" | "copyTooltip" | "timeToHideTooltip" | "description" | "highlight" | "hoverTooltipProps" | "itemKey" | "noHover" | "onItemHover" | "ordered" | "parent" | "prefixVisibilityTrigger" | "renderHoverTooltip" | "suffixVisibilityTrigger" | "subMenu" | "indentLevel"> & import("@synerise/ds-utils").DataAttributes & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
package/dist/RangePicker/RangePicker.styles.d.ts CHANGED
@@ -1,8 +1,34 @@
1
- import Button from '@synerise/ds-button';
2
1
  export declare const Sides: import("styled-components").StyledComponent<"div", any, {}, never>;
3
2
  export declare const Side: import("styled-components").StyledComponent<"div", any, {
4
3
  mode: string;
5
4
  }, never>;
6
5
  export declare const PickerFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
7
6
  export declare const FooterSeparator: import("styled-components").StyledComponent<"div", any, {}, never>;
8
- export declare const DateTimeModeSwitch: import("styled-components").StyledComponent<typeof Button, any, import("@synerise/ds-button/dist/Button.types").ButtonProps, never>;
7
+ export declare const DateTimeModeSwitch: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Partial<{
8
+ href: string;
9
+ target?: string;
10
+ onClick?: React.MouseEventHandler<HTMLElement>;
11
+ } & import("antd/lib/button/button").BaseButtonProps & Omit<import("react").AnchorHTMLAttributes<any>, "type" | "onClick"> & {
12
+ htmlType?: import("antd/lib/button/button").ButtonHTMLType;
13
+ onClick?: React.MouseEventHandler<HTMLElement>;
14
+ } & Omit<import("react").ButtonHTMLAttributes<any>, "type" | "onClick">>, "type" | "ghost"> & {
15
+ type?: import("@synerise/ds-utils").LiteralStringUnion<import("@synerise/ds-button/dist/Button.types").ButtonType>;
16
+ mode?: import("@synerise/ds-utils").LiteralStringUnion<"single-icon" | "split" | "two-icons" | "label-icon" | "icon-label">;
17
+ color?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
18
+ groupVariant?: import("@synerise/ds-utils").LiteralStringUnion<"left-rounded" | "squared" | "right-rounded">;
19
+ justifyContent?: string;
20
+ loading?: boolean | {
21
+ delay?: number;
22
+ };
23
+ onClick?: (event: import("react").MouseEvent<HTMLElement>) => void;
24
+ iconColor?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
25
+ error?: boolean;
26
+ readOnly?: boolean;
27
+ tagProps?: import("@synerise/ds-tag").TagProps;
28
+ tooltipProps?: import("@synerise/ds-tooltip").TooltipProps;
29
+ } & import("react").RefAttributes<HTMLButtonElement>> & {
30
+ Creator: import("react").ForwardRefExoticComponent<Omit<import("@synerise/ds-button").CreatorProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
31
+ Expander: ({ size, expanded, disabled, onClick, className, }: import("@synerise/ds-button").ExpanderProps) => import("react").JSX.Element;
32
+ Star: (props: import("@synerise/ds-button").StarButtonProps) => React.ReactElement;
33
+ Checkbox: (props: import("@synerise/ds-button").CheckboxButtonProps) => React.ReactElement;
34
+ }, any, import("@synerise/ds-button/dist/Button.types").ButtonProps, never>;
package/dist/RelativeRangePicker/RelativeRangePicker.styles.d.ts CHANGED
@@ -19,10 +19,12 @@ export declare const DropMenuItem: import("styled-components").StyledComponent<R
19
19
  selected?: boolean;
20
20
  children?: React.ReactNode;
21
21
  className?: string;
22
- copyable?: boolean;
23
- copyHint?: React.ReactNode;
22
+ copyable?: boolean | import("@synerise/ds-list-item/dist/ListItem.types").Copyable;
24
23
  copyValue?: string;
24
+ copyHint?: React.ReactNode;
25
25
  copyTooltip?: React.ReactNode;
26
+ timeToHideTooltip?: number;
27
+ tooltipProps?: import("@synerise/ds-tooltip").TooltipProps;
26
28
  description?: React.ReactNode;
27
29
  direction?: "ltr" | "rtl";
28
30
  disabled?: boolean;
@@ -34,8 +36,7 @@ export declare const DropMenuItem: import("styled-components").StyledComponent<R
34
36
  itemKey?: React.Key;
35
37
  noHover?: boolean;
36
38
  onItemHover?: import("@synerise/ds-list-item").ListItemEventHandler<React.MouseEvent<HTMLDivElement>>;
37
- onItemSelect?: import("@synerise/ds-list-item").ListItemEventHandler<React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>>;
38
- onClick?: import("@synerise/ds-list-item").ListItemEventHandler<React.MouseEvent<HTMLDivElement>>;
39
+ onClick?: import("@synerise/ds-list-item").ListItemEventHandler<React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>>;
39
40
  ordered?: boolean;
40
41
  parent?: boolean;
41
42
  prefixel?: React.ReactNode | import("@synerise/ds-list-item/dist/ListItem.types").AddonRenderer;
@@ -45,12 +46,10 @@ export declare const DropMenuItem: import("styled-components").StyledComponent<R
45
46
  suffixel?: React.ReactNode | import("@synerise/ds-list-item/dist/ListItem.types").AddonRenderer;
46
47
  suffixVisibilityTrigger?: "hover" | "default";
47
48
  text?: React.ReactNode;
48
- timeToHideTooltip?: number;
49
- tooltipProps?: import("@synerise/ds-tooltip").TooltipProps;
50
49
  type?: import("@synerise/ds-list-item").ItemType;
51
50
  subMenu?: import("@synerise/ds-list-item").ListItemProps[];
52
51
  indentLevel?: number;
53
- } & Omit<React.HTMLAttributes<HTMLDivElement>, "type" | "selected" | "disabled" | "onClick" | "className" | "children" | "text" | "size" | "tooltipProps" | "key" | "prefixel" | "suffixel" | "direction" | "checked" | keyof import("@synerise/ds-list-item/dist/ListItem.types").ListItemDividerProps | "copyable" | "copyHint" | "copyValue" | "copyTooltip" | "description" | "highlight" | "hoverTooltipProps" | "itemKey" | "noHover" | "onItemHover" | "onItemSelect" | "ordered" | "parent" | "prefixVisibilityTrigger" | "renderHoverTooltip" | "suffixVisibilityTrigger" | "timeToHideTooltip" | "subMenu" | "indentLevel"> & import("@synerise/ds-utils").DataAttributes & React.RefAttributes<HTMLDivElement>>, any, {}, never>;
52
+ } & Omit<React.HTMLAttributes<HTMLDivElement>, "type" | "selected" | "disabled" | "onClick" | "className" | "children" | "text" | "size" | "tooltipProps" | "prefixel" | "suffixel" | "direction" | "key" | "checked" | keyof import("@synerise/ds-list-item/dist/ListItem.types").ListItemDividerProps | "copyable" | "copyValue" | "copyHint" | "copyTooltip" | "timeToHideTooltip" | "description" | "highlight" | "hoverTooltipProps" | "itemKey" | "noHover" | "onItemHover" | "ordered" | "parent" | "prefixVisibilityTrigger" | "renderHoverTooltip" | "suffixVisibilityTrigger" | "subMenu" | "indentLevel"> & import("@synerise/ds-utils").DataAttributes & React.RefAttributes<HTMLDivElement>>, any, {}, never>;
54
53
  export declare const OverlayWrapper: import("styled-components").StyledComponent<"div", any, {
55
54
  visible?: boolean;
56
55
  width?: number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-date-range-picker",
3
- "version": "1.3.36",
3
+ "version": "1.4.1",
4
4
  "description": "Date-Range-Picker UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -36,24 +36,24 @@
36
36
  "types": "dist/index.d.ts",
37
37
  "dependencies": {
38
38
  "@date-fns/upgrade": "^1.0.3",
39
- "@synerise/ds-badge": "^1.0.24",
40
- "@synerise/ds-button": "^1.4.16",
41
- "@synerise/ds-button-group": "^1.1.23",
42
- "@synerise/ds-date-picker": "^1.2.18",
43
- "@synerise/ds-dropdown": "^1.0.34",
44
- "@synerise/ds-form-field": "^1.1.18",
45
- "@synerise/ds-icon": "^1.7.3",
46
- "@synerise/ds-inline-edit": "^1.0.38",
47
- "@synerise/ds-input": "^1.4.2",
48
- "@synerise/ds-input-number": "^1.2.14",
49
- "@synerise/ds-list-item": "^1.1.0",
50
- "@synerise/ds-manageable-list": "^1.5.3",
51
- "@synerise/ds-scrollbar": "^1.1.9",
52
- "@synerise/ds-select": "^1.2.2",
53
- "@synerise/ds-slider": "^1.0.25",
54
- "@synerise/ds-tag": "^1.3.3",
55
- "@synerise/ds-time-picker": "^1.1.29",
56
- "@synerise/ds-tooltip": "^1.2.1",
39
+ "@synerise/ds-badge": "^1.0.25",
40
+ "@synerise/ds-button": "^1.5.0",
41
+ "@synerise/ds-button-group": "^1.1.24",
42
+ "@synerise/ds-date-picker": "^1.3.1",
43
+ "@synerise/ds-dropdown": "^1.1.1",
44
+ "@synerise/ds-form-field": "^1.1.19",
45
+ "@synerise/ds-icon": "^1.8.0",
46
+ "@synerise/ds-inline-edit": "^1.1.1",
47
+ "@synerise/ds-input": "^1.5.0",
48
+ "@synerise/ds-input-number": "^1.2.15",
49
+ "@synerise/ds-list-item": "^1.2.0",
50
+ "@synerise/ds-manageable-list": "^1.6.1",
51
+ "@synerise/ds-scrollbar": "^1.2.0",
52
+ "@synerise/ds-select": "^1.3.0",
53
+ "@synerise/ds-slider": "^1.0.26",
54
+ "@synerise/ds-tag": "^1.4.0",
55
+ "@synerise/ds-time-picker": "^1.2.1",
56
+ "@synerise/ds-tooltip": "^1.3.0",
57
57
  "@synerise/ds-utils": "^1.5.0",
58
58
  "date-fns": "^2.16.1",
59
59
  "date-fns-tz": "1.1.4",
@@ -70,5 +70,5 @@
70
70
  "react-intl": ">=3.12.0 <= 6.8",
71
71
  "styled-components": "^5.3.3"
72
72
  },
73
- "gitHead": "73989f3707121812fcd54f3e89e80f6228298689"
73
+ "gitHead": "085189e79075b23a8fb86ce9b7d930f6ac7b3d23"
74
74
  }