@synerise/ds-date-range-picker 0.29.17 → 0.30.1

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.30.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.30.0...@synerise/ds-date-range-picker@0.30.1) (2024-10-21)
+
+**Note:** Version bump only for package @synerise/ds-date-range-picker
+
+
+
+
+
+# [0.30.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.29.17...@synerise/ds-date-range-picker@0.30.0) (2024-10-15)
+
+
+### Features
+
+* **factors:** allowClear prop in dp, drp and factors ([68e13d8](https://github.com/Synerise/synerise-design/commit/68e13d8e947c2c394ca2aab9f8cafe06e63f78b2))
+
+
+
+
+
 ## [0.29.17](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.29.16...@synerise/ds-date-range-picker@0.29.17) (2024-10-14)
 
 **Note:** Version bump only for package @synerise/ds-date-range-picker

package/dist/RangePickerInput/RangePickerInput.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { RangePickerInputProps } from './RangePickerInput.types';
-declare const RangePickerInput: React.FC<RangePickerInputProps>;
+declare const RangePickerInput: ({ value, valueFormatOptions, showTime, onChange, onClick, highlight, texts, active, label, description, tooltip, disabled, readOnly, onFocus, allowClear, onBlur, error, errorText, preferRelativeDesc, }: RangePickerInputProps) => React.JSX.Element;
 export default RangePickerInput;

package/dist/RangePickerInput/RangePickerInput.js

@@ -4,7 +4,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-import React from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
 import Icon, { ArrowRightS, CalendarM, Close3S } from '@synerise/ds-icon';
 import { theme } from '@synerise/ds-core';
 import Tooltip from '@synerise/ds-tooltip';
@@ -28,6 +28,8 @@ var RangePickerInput = function RangePickerInput(_ref) {
       disabled = _ref.disabled,
       readOnly = _ref.readOnly,
       onFocus = _ref.onFocus,
+      _ref$allowClear = _ref.allowClear,
+      allowClear = _ref$allowClear === void 0 ? true : _ref$allowClear,
       onBlur = _ref.onBlur,
       error = _ref.error,
       errorText = _ref.errorText,
@@ -39,37 +41,37 @@ var RangePickerInput = function RangePickerInput(_ref) {
 
   var dateRangeValue = value ? normalizeRange(value) : value;
 
-  var _React$useState = React.useState(false),
-      hovered = _React$useState[0],
-      setHovered = _React$useState[1];
+  var _useState = useState(false),
+      hovered = _useState[0],
+      setHovered = _useState[1];
 
   var showError = error || !!errorText;
   var hasValue = (dateRangeValue == null ? void 0 : dateRangeValue.from) && (dateRangeValue == null ? void 0 : dateRangeValue.to);
-  var handleIconMouseEnter = React.useCallback(function () {
+  var handleIconMouseEnter = useCallback(function () {
     return setHovered(true);
   }, []);
-  var handleIconMouseLeave = React.useCallback(function () {
+  var handleIconMouseLeave = useCallback(function () {
     return setHovered(false);
   }, []);
-  var handleClear = React.useCallback(function (e) {
-    e.stopPropagation();
+  var handleClear = useCallback(function (event) {
+    event.stopPropagation();
     onChange && onChange(undefined);
   }, [onChange]);
-  var handleInputClick = React.useCallback(function (e) {
-    onClick && onClick(e);
+  var handleInputClick = useCallback(function (event) {
+    onClick && onClick(event);
   }, [onClick]);
-  var getText = React.useCallback(function (dateToDisplay) {
+  var getText = useCallback(function (dateToDisplay) {
     var dateValue = new Date(dateToDisplay);
     return formatValue(dateValue, _objectSpread({}, getDefaultDataTimeOptions(showTime), {}, valueFormatOptions));
   }, [showTime, formatValue, valueFormatOptions]);
-  var renderFromDate = React.useCallback(function () {
+  var renderFromDate = useCallback(function () {
     var isFromDateDefined = dateRangeValue && dateRangeValue.from;
     var text = dateRangeValue && isFromDateDefined ? /*#__PURE__*/React.createElement(S.DateValue, null, getText(dateRangeValue.from)) : texts == null ? void 0 : texts.startDatePlaceholder;
     return /*#__PURE__*/React.createElement(S.DateWrapper, {
       highlight: active && !disabled && !isFromDateDefined && highlight
     }, text);
   }, [dateRangeValue, getText, active, disabled, texts, highlight]);
-  var renderEndDate = React.useCallback(function () {
+  var renderEndDate = useCallback(function () {
     var isEndDateDefined = dateRangeValue && dateRangeValue.to;
     var isFromDateDefined = dateRangeValue && dateRangeValue.from;
     var text = isEndDateDefined && dateRangeValue ? /*#__PURE__*/React.createElement(S.DateValue, null, getText(dateRangeValue.to)) : texts == null ? void 0 : texts.endDatePlaceholder;
@@ -77,7 +79,7 @@ var RangePickerInput = function RangePickerInput(_ref) {
       highlight: active && !!isFromDateDefined && !isEndDateDefined && highlight
     }, text);
   }, [dateRangeValue, getText, active, texts, highlight]);
-  var placeholder = React.useMemo(function () {
+  var placeholder = useMemo(function () {
     if (isLifetime(value)) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, (texts == null ? void 0 : texts.allTime) || 'Lifetime');
     }
@@ -103,7 +105,7 @@ var RangePickerInput = function RangePickerInput(_ref) {
     active: !!highlight && !disabled,
     tabIndex: disabled ? -1 : 0,
     focus: active && !disabled
-  }, placeholder, /*#__PURE__*/React.createElement(S.IconSeparator, null), !readOnly && hovered && hasValue ? /*#__PURE__*/React.createElement(Tooltip, {
+  }, placeholder, /*#__PURE__*/React.createElement(S.IconSeparator, null), !readOnly && hovered && hasValue && allowClear ? /*#__PURE__*/React.createElement(Tooltip, {
     title: texts == null ? void 0 : texts.clear
   }, /*#__PURE__*/React.createElement(S.ClearIconWrapper, null, /*#__PURE__*/React.createElement(Icon, {
     component: /*#__PURE__*/React.createElement(Close3S, null),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-date-range-picker",
-  "version": "0.29.17",
+  "version": "0.30.1",
   "description": "Date-Range-Picker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -39,14 +39,14 @@
     "@synerise/ds-button": "^0.21.13",
     "@synerise/ds-button-group": "^0.7.17",
     "@synerise/ds-data-format": "^0.5.4",
-    "@synerise/ds-date-picker": "^0.11.20",
+    "@synerise/ds-date-picker": "^0.12.0",
     "@synerise/ds-dropdown": "^0.18.18",
     "@synerise/ds-icon": "^0.65.8",
     "@synerise/ds-inline-edit": "^0.8.14",
     "@synerise/ds-input": "^0.24.8",
     "@synerise/ds-input-number": "^0.10.9",
     "@synerise/ds-list-item": "^0.4.13",
-    "@synerise/ds-manageable-list": "^0.28.1",
+    "@synerise/ds-manageable-list": "^0.28.2",
     "@synerise/ds-scrollbar": "^0.11.13",
     "@synerise/ds-select": "^0.16.20",
     "@synerise/ds-slider": "^0.13.42",
@@ -69,5 +69,5 @@
     "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "gitHead": "39c906a3f4d8ec9442e5780c6e6a387584eabce1"
+  "gitHead": "e8e5f3ad6ef7c84de801b5097c715e0320c12350"
 }