@synerise/ds-date-picker 0.11.20 → 0.12.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.12.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-picker@0.11.20...@synerise/ds-date-picker@0.12.0) (2024-10-15)
+
+
+### Features
+
+* **factors:** allowClear prop in dp, drp and factors ([68e13d8](https://github.com/Synerise/synerise-design/commit/68e13d8e947c2c394ca2aab9f8cafe06e63f78b2))
+
+
+
+
+
 ## [0.11.20](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-picker@0.11.19...@synerise/ds-date-picker@0.11.20) (2024-10-14)
 
 **Note:** Version bump only for package @synerise/ds-date-picker

package/dist/DatePicker.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { DatePickerProps } from './DatePicker.types';
-declare const DatePicker: ({ autoFocus, disabled, texts, format, valueFormatOptions, value, onApply, showTime, onValueChange, onClear, errorText, popoverPlacement, prefixel, error, onDropdownVisibleChange, dropdownProps, suffixel, hideNow, readOnly, renderTrigger, inputProps, ...rest }: DatePickerProps) => React.JSX.Element;
+declare const DatePicker: ({ autoFocus, disabled, texts, format, valueFormatOptions, value, onApply, showTime, onValueChange, onClear, errorText, popoverPlacement, prefixel, error, onDropdownVisibleChange, dropdownProps, suffixel, hideNow, readOnly, renderTrigger, inputProps, allowClear, ...rest }: DatePickerProps) => React.JSX.Element;
 export default DatePicker;

package/dist/DatePicker.js

@@ -1,4 +1,4 @@
-var _excluded = ["autoFocus", "disabled", "texts", "format", "valueFormatOptions", "value", "onApply", "showTime", "onValueChange", "onClear", "errorText", "popoverPlacement", "prefixel", "error", "onDropdownVisibleChange", "dropdownProps", "suffixel", "hideNow", "readOnly", "renderTrigger", "inputProps"];
+var _excluded = ["autoFocus", "disabled", "texts", "format", "valueFormatOptions", "value", "onApply", "showTime", "onValueChange", "onClear", "errorText", "popoverPlacement", "prefixel", "error", "onDropdownVisibleChange", "dropdownProps", "suffixel", "hideNow", "readOnly", "renderTrigger", "inputProps", "allowClear"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -35,6 +35,8 @@ var DatePicker = function DatePicker(_ref) {
       readOnly = _ref.readOnly,
       renderTrigger = _ref.renderTrigger,
       inputProps = _ref.inputProps,
+      _ref$allowClear = _ref.allowClear,
+      allowClear = _ref$allowClear === void 0 ? true : _ref$allowClear,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var _useState = useState(autoFocus || false),
@@ -69,6 +71,7 @@ var DatePicker = function DatePicker(_ref) {
   }, [onClear]);
   var trigger = (renderTrigger == null ? void 0 : renderTrigger()) || /*#__PURE__*/React.createElement(PickerInput, _extends({}, inputProps, {
     disabled: disabled,
+    allowClear: allowClear,
     autoFocus: !disabled && autoFocus,
     value: selectedDate,
     showTime: showTime,

package/dist/DatePicker.types.d.ts

@@ -24,6 +24,7 @@ export type DatePickerProps = {
     onClear?: () => void;
     onDropdownVisibleChange?: (visible: boolean) => void;
     onValueChange?: (date?: Date) => void;
+    allowClear?: boolean;
     error?: boolean;
     errorText?: ReactNode;
     popoverPlacement?: 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';

package/dist/Elements/PickerInput/PickerInput.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { PickerInputProps } from './PickerInput.types';
-declare const PickerInput: ({ autoFocus, size, disabled, readOnly, value, format: dateFormat, valueFormatOptions, onChange, showTime, placeholder, onClear, onClick, clearTooltip, highlight, error, errorText, prefixel, suffixel, ...rest }: PickerInputProps) => React.JSX.Element;
+declare const PickerInput: ({ autoFocus, size, disabled, readOnly, value, format: dateFormat, valueFormatOptions, onChange, showTime, placeholder, onClear, onClick, clearTooltip, highlight, error, errorText, prefixel, suffixel, allowClear, ...rest }: PickerInputProps) => React.JSX.Element;
 export default PickerInput;

package/dist/Elements/PickerInput/PickerInput.js

@@ -1,4 +1,4 @@
-var _excluded = ["autoFocus", "size", "disabled", "readOnly", "value", "format", "valueFormatOptions", "onChange", "showTime", "placeholder", "onClear", "onClick", "clearTooltip", "highlight", "error", "errorText", "prefixel", "suffixel"];
+var _excluded = ["autoFocus", "size", "disabled", "readOnly", "value", "format", "valueFormatOptions", "onChange", "showTime", "placeholder", "onClear", "onClick", "clearTooltip", "highlight", "error", "errorText", "prefixel", "suffixel", "allowClear"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -37,6 +37,7 @@ var PickerInput = function PickerInput(_ref) {
       errorText = _ref.errorText,
       prefixel = _ref.prefixel,
       suffixel = _ref.suffixel,
+      allowClear = _ref.allowClear,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var _useDataFormat = useDataFormat(),
@@ -73,7 +74,7 @@ var PickerInput = function PickerInput(_ref) {
     onClick && onClick();
   }, [onClick]);
   var iconInput = useMemo(function () {
-    return (hovered || highlight) && !readOnly && !!value ? /*#__PURE__*/React.createElement(S.ClearIconWrapper, null, /*#__PURE__*/React.createElement(Tooltip, {
+    return (hovered || highlight) && allowClear && !readOnly && !!value ? /*#__PURE__*/React.createElement(S.ClearIconWrapper, null, /*#__PURE__*/React.createElement(Tooltip, {
       title: clearTooltip
     }, /*#__PURE__*/React.createElement(Icon, {
       component: /*#__PURE__*/React.createElement(Close3S, null),
@@ -81,7 +82,7 @@ var PickerInput = function PickerInput(_ref) {
     }))) : /*#__PURE__*/React.createElement(S.DefaultIconWrapper, null, /*#__PURE__*/React.createElement(Icon, {
       component: /*#__PURE__*/React.createElement(CalendarM, null)
     }));
-  }, [hovered, value, readOnly, clearTooltip, handleIconClick, highlight]);
+  }, [hovered, highlight, allowClear, readOnly, value, clearTooltip, handleIconClick]);
   return /*#__PURE__*/React.createElement(S.PickerInputWrapper, {
     prefixel: !!prefixel,
     suffixel: !!suffixel,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-date-picker",
-  "version": "0.11.20",
+  "version": "0.12.0",
   "description": "DatePicker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -56,5 +56,5 @@
     "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "gitHead": "39c906a3f4d8ec9442e5780c6e6a387584eabce1"
+  "gitHead": "88659351b21092e720c1300df7f84bd0ea020f2b"
 }