@synerise/ds-date-range-picker 0.26.13 → 0.27.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.27.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.26.13...@synerise/ds-date-range-picker@0.27.0) (2024-03-05)
+
+
+### Features
+
+* **input:** support autoresize to stretch to parent ([329c866](https://github.com/Synerise/synerise-design/commit/329c866cb54921ad1260ae217cb8c471e43b986e))
+
+
+
+
+
 ## [0.26.13](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.26.12...@synerise/ds-date-range-picker@0.26.13) (2024-03-04)
 
 

package/dist/Footer/Footer.d.ts

@@ -1,8 +1,35 @@
-import * as React from 'react';
-import { Props } from './Footer.types';
-declare const _default: React.ForwardRefExoticComponent<import("react-intl").Omit<Props, "intl"> & {
+import React from 'react';
+declare const _default: React.ForwardRefExoticComponent<import("react-intl").Omit<{
+    mode: string;
+    dateOnly?: boolean | undefined;
+    value?: import("../date.types").DateRange | undefined;
+    canApply?: boolean | undefined;
+    canSwitchMode?: boolean | undefined;
+    onApply?: ((date?: Date | import("../date.types").DateRange | undefined) => void) | undefined;
+    onSwitchMode?: (() => void) | undefined;
+    message?: React.ReactNode;
+    texts: import("../DateRangePicker.types").Texts;
+    format?: string | undefined;
+    valueFormatOptions?: import("@synerise/ds-data-format").DateToFormatOptions | undefined;
+    showTime?: boolean | undefined;
+    displayDateContainerClass?: string | undefined;
+} & import("react-intl").WrappedComponentProps<"intl">, "intl"> & {
     forwardedRef?: React.Ref<any> | undefined;
 } & React.RefAttributes<any>> & {
-    WrappedComponent: React.ComponentType<Props>;
+    WrappedComponent: React.ComponentType<{
+        mode: string;
+        dateOnly?: boolean | undefined;
+        value?: import("../date.types").DateRange | undefined;
+        canApply?: boolean | undefined;
+        canSwitchMode?: boolean | undefined;
+        onApply?: ((date?: Date | import("../date.types").DateRange | undefined) => void) | undefined;
+        onSwitchMode?: (() => void) | undefined;
+        message?: React.ReactNode;
+        texts: import("../DateRangePicker.types").Texts;
+        format?: string | undefined;
+        valueFormatOptions?: import("@synerise/ds-data-format").DateToFormatOptions | undefined;
+        showTime?: boolean | undefined;
+        displayDateContainerClass?: string | undefined;
+    } & import("react-intl").WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/Footer/Footer.js

@@ -10,7 +10,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-import * as React from 'react';
+import React, { useMemo, useCallback } from 'react';
 import { injectIntl } from 'react-intl';
 import Button from '@synerise/ds-button';
 import Tooltip from '@synerise/ds-tooltip';
@@ -21,7 +21,7 @@ import fnsFormat from '../dateUtils/format';
 import getDateFromString from '../dateUtils/getDateFromString';
 import * as CONST from '../constants';
 import { isLifetime } from '../RelativeRangePicker/Elements/RangeDropdown/RangeDropdown';
-import { toIsoStringWithoutZone } from "../utils";
+import { toIsoStringWithoutZone } from '../utils';
 
 var Footer = function Footer(_ref) {
   var canApply = _ref.canApply,
@@ -45,7 +45,7 @@ var Footer = function Footer(_ref) {
       formatValue = _useDataFormat.formatValue;
 
   var footerFormat = format || (showTime ? 'MMM D, YYYY, HH:mm' : 'MMM D, YYYY');
-  var footerDateToString = React.useCallback(function (date) {
+  var footerDateToString = useCallback(function (date) {
     if (format || typeof date === 'string') {
       return fnsFormat(getDateFromString(date), footerFormat, intl.locale);
     }
@@ -53,7 +53,7 @@ var Footer = function Footer(_ref) {
     var parseDate = new Date(toIsoStringWithoutZone(date));
     return formatValue(parseDate, _objectSpread({}, getDefaultDataTimeOptions(showTime), {}, valueFormatOptions));
   }, [footerFormat, format, formatValue, intl.locale, valueFormatOptions, showTime]);
-  var ChosenRange = React.useMemo(function () {
+  var ChosenRange = useMemo(function () {
     if ((value == null ? void 0 : value.key) === CONST.ALL_TIME || value && isLifetime(value)) {
       var _texts$value$translat;
 

package/dist/RangePickerInput/RangePickerInput.styles.js

@@ -8,7 +8,7 @@ export var Container = styled.div.withConfig({
 export var ClearIconWrapper = styled.div.withConfig({
   displayName: "RangePickerInputstyles__ClearIconWrapper",
   componentId: "sc-1b9h1ef-1"
-})([".ds-icon > svg{fill:", ";}&:hover{.ds-icon > svg{fill:", ";}}"], function (props) {
+})(["margin-left:3px;.ds-icon > svg{fill:", ";}&:hover{.ds-icon > svg{fill:", ";}}"], function (props) {
   return props.theme.palette['red-600'];
 }, function (props) {
   return props.theme.palette['red-600'];
@@ -16,7 +16,7 @@ export var ClearIconWrapper = styled.div.withConfig({
 export var DefaultIconWrapper = styled.div.withConfig({
   displayName: "RangePickerInputstyles__DefaultIconWrapper",
   componentId: "sc-1b9h1ef-2"
-})(["&&:hover{.ds-icon > svg{fill:", ";}}"], function (props) {
+})(["margin-left:3px;&&:hover{.ds-icon > svg{fill:", ";}}"], function (props) {
   return props.theme.palette['grey-600'];
 });
 

package/dist/RelativeRangePicker/RelativeRangePicker.styles.js

@@ -10,6 +10,7 @@ import Button from '@synerise/ds-button';
 import * as React from 'react';
 import Menu from '@synerise/ds-menu';
 import { InputGroup } from '@synerise/ds-input';
+import { InputGroupItem } from '@synerise/ds-input/dist/InputGroup.styles';
 // import 'antd/lib/input/style/index.css' // this style might be in imported scopes as we use input; not needed here, but worth to mention this
 export var Container = styled.div.withConfig({
   displayName: "RelativeRangePickerstyles__Container",
@@ -40,7 +41,7 @@ export var CustomForm = styled.div.withConfig({
 export var InputSelectGroup = styled(InputGroup).withConfig({
   displayName: "RelativeRangePickerstyles__InputSelectGroup",
   componentId: "sc-17ul7sp-6"
-})(["&&,.ant-input-group.ant-input-group-compact&&{display:flex;align-items:center;.ant-input-number{display:flex;flex:1;}.ds-select-wrapper{width:122px;}height:32px;}"]);
+})(["&&,.ant-input-group.ant-input-group-compact&&{display:flex;align-items:center;.ant-input-number{display:flex;flex:1;}.ds-select-wrapper{width:122px;}height:32px;", "{min-width:unset;}}"], InputGroupItem);
 export var ModeDropdownTrigger = styled(function (_ref) {
   var children = _ref.children,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-date-range-picker",
-  "version": "0.26.13",
+  "version": "0.27.0",
   "description": "Date-Range-Picker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,25 +34,25 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@date-fns/upgrade": "^1.0.3",
-    "@synerise/ds-badge": "^0.6.51",
-    "@synerise/ds-button": "^0.19.2",
-    "@synerise/ds-button-group": "^0.6.42",
+    "@synerise/ds-badge": "^0.6.52",
+    "@synerise/ds-button": "^0.19.3",
+    "@synerise/ds-button-group": "^0.6.43",
     "@synerise/ds-data-format": "^0.4.8",
-    "@synerise/ds-date-picker": "^0.10.37",
-    "@synerise/ds-dropdown": "^0.17.98",
-    "@synerise/ds-icon": "^0.60.2",
-    "@synerise/ds-inline-edit": "^0.6.98",
-    "@synerise/ds-input": "^0.19.19",
-    "@synerise/ds-input-number": "^0.9.6",
-    "@synerise/ds-manageable-list": "^0.26.29",
-    "@synerise/ds-menu": "^0.18.14",
-    "@synerise/ds-scrollbar": "^0.8.2",
-    "@synerise/ds-select": "^0.15.37",
-    "@synerise/ds-slider": "^0.13.16",
-    "@synerise/ds-tags": "^0.8.32",
-    "@synerise/ds-time-picker": "^0.9.16",
-    "@synerise/ds-tooltip": "^0.14.19",
-    "@synerise/ds-utils": "^0.24.26",
+    "@synerise/ds-date-picker": "^0.10.38",
+    "@synerise/ds-dropdown": "^0.17.99",
+    "@synerise/ds-icon": "^0.60.3",
+    "@synerise/ds-inline-edit": "^0.6.99",
+    "@synerise/ds-input": "^0.20.0",
+    "@synerise/ds-input-number": "^0.9.7",
+    "@synerise/ds-manageable-list": "^0.26.30",
+    "@synerise/ds-menu": "^0.18.15",
+    "@synerise/ds-scrollbar": "^0.8.3",
+    "@synerise/ds-select": "^0.15.38",
+    "@synerise/ds-slider": "^0.13.17",
+    "@synerise/ds-tags": "^0.8.33",
+    "@synerise/ds-time-picker": "^0.9.17",
+    "@synerise/ds-tooltip": "^0.14.20",
+    "@synerise/ds-utils": "^0.25.0",
     "date-fns": "^2.16.1",
     "date-fns-tz": "1.1.4",
     "dayjs": "^1.8.35",
@@ -74,5 +74,5 @@
     "@testing-library/user-event": "^10.3.1",
     "@types/ramda": "^0.28.23"
   },
-  "gitHead": "d249737414ed45f95fa21a77e30f47f0eb14d534"
+  "gitHead": "6b8da853a2bb4e993d89e9b0b3041216f0c9c976"
 }