@synerise/ds-date-range-picker 0.18.3 → 0.19.0

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.19.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.18.4...@synerise/ds-date-range-picker@0.19.0) (2022-12-13)
+
+
+### Features
+
+* **filter:** readOnly state for conditions ([dfa4db3](https://github.com/Synerise/synerise-design/commit/dfa4db35826c0800859b7217dd1ea2f1497ac3c9))
+
+
+
+
+
+## [0.18.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.18.3...@synerise/ds-date-range-picker@0.18.4) (2022-12-07)
+
+**Note:** Version bump only for package @synerise/ds-date-range-picker
+
+
+
+
+
 ## [0.18.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.18.2...@synerise/ds-date-range-picker@0.18.3) (2022-11-30)
 
 **Note:** Version bump only for package @synerise/ds-date-range-picker

package/dist/DateRangePicker.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import './style/index.less';
 import RawDateRangePicker from './RawDateRangePicker';
-import { Props } from './DateRangePicker.types';
-declare const DateRangePicker: React.FC<Props>;
+import { DateRangePickerProps } from './DateRangePicker.types';
+declare const DateRangePicker: React.FC<DateRangePickerProps>;
 export default DateRangePicker;
 export { RawDateRangePicker };

package/dist/DateRangePicker.js

@@ -32,7 +32,9 @@ var DateRangePicker = function DateRangePicker(props) {
       _props$renderPopoverT = props.renderPopoverTrigger,
       renderPopoverTrigger = _props$renderPopoverT === void 0 ? function () {
     return undefined;
-  } : _props$renderPopoverT;
+  } : _props$renderPopoverT,
+      _props$readOnly = props.readOnly,
+      readOnly = _props$readOnly === void 0 ? false : _props$readOnly;
   var intl = useIntl();
 
   var _React$useState = React.useState(false),
@@ -72,6 +74,22 @@ var DateRangePicker = function DateRangePicker(props) {
     visible: false
   });
 
+  var handleRangePickerInputClick = readOnly ? undefined : function () {
+    return setPopupVisible(undefined);
+  };
+  var triggerElement = popoverTrigger || renderPopoverTrigger({
+    setPopupVisible: setPopupVisible
+  }) || /*#__PURE__*/React.createElement(RangePickerInput, _extends({
+    onClick: handleRangePickerInputClick,
+    value: selectedDate,
+    showTime: showTime,
+    texts: allTexts,
+    onChange: onApplyCallback,
+    active: !!inputActive
+  }, rangePickerInputProps, {
+    readOnly: readOnly
+  }));
+  if (readOnly) return /*#__PURE__*/React.createElement(React.Fragment, null, triggerElement);
   return /*#__PURE__*/React.createElement(S.PickerWrapper, {
     arrowColor: arrowColor
   }, /*#__PURE__*/React.createElement(S.PopoverWrapper, _extends({
@@ -95,18 +113,7 @@ var DateRangePicker = function DateRangePicker(props) {
       setInputActive(visibility);
       _onVisibleChange && _onVisibleChange(visibility);
     }
-  }, popoverProps, conditionalVisibilityProps), popoverTrigger || renderPopoverTrigger({
-    setPopupVisible: setPopupVisible
-  }) || /*#__PURE__*/React.createElement(RangePickerInput, _extends({
-    onClick: function onClick() {
-      return setPopupVisible(undefined);
-    },
-    value: selectedDate,
-    showTime: showTime,
-    texts: allTexts,
-    onChange: onApplyCallback,
-    active: !!inputActive
-  }, rangePickerInputProps))));
+  }, popoverProps, conditionalVisibilityProps), triggerElement));
 };
 
 export default DateRangePicker;

package/dist/DateRangePicker.types.d.ts

@@ -23,6 +23,7 @@ export interface DateRangePickerProps extends WrappedComponentProps {
      * overwrite default container's class. Default value is `ds-date-range-picker`.
      */
     containerClass?: string;
+    readOnly?: boolean;
     disableDefaultTexts?: boolean;
     disabledDate?: (date?: Date) => boolean;
     format?: string;

package/dist/RangePickerInput/RangePickerInput.js

@@ -22,6 +22,7 @@ var RangePickerInput = function RangePickerInput(_ref) {
       description = _ref.description,
       tooltip = _ref.tooltip,
       disabled = _ref.disabled,
+      readOnly = _ref.readOnly,
       onFocus = _ref.onFocus,
       onBlur = _ref.onBlur,
       error = _ref.error,
@@ -95,7 +96,7 @@ var RangePickerInput = function RangePickerInput(_ref) {
     active: !!highlight && !disabled,
     tabIndex: disabled ? -1 : 0,
     focus: active && !disabled
-  }, placeholder, /*#__PURE__*/React.createElement(S.IconSeparator, null), hovered && !!value && !!value.to && !!value.from ? /*#__PURE__*/React.createElement(Tooltip, {
+  }, placeholder, /*#__PURE__*/React.createElement(S.IconSeparator, null), !readOnly && hovered && !!value && !!value.to && !!value.from ? /*#__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/dist/RangePickerInput/RangePickerInput.types.d.ts

@@ -11,6 +11,7 @@ export declare type RangePickerInputProps = {
     style?: React.CSSProperties;
     placeholder?: string;
     disabled?: boolean;
+    readOnly?: boolean;
     onClick?: (e?: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     onClear?: () => void;
     onFocus?: React.FocusEventHandler;

package/dist/RawDateRangePicker.d.ts

@@ -26,7 +26,7 @@ export declare class RawDateRangePicker extends React.PureComponent<DateRangePic
     getAddons: () => AddonType[];
     render(): JSX.Element;
 }
-declare const _default: React.ForwardRefExoticComponent<Pick<DateRangePickerProps, "texts" | "format" | "value" | "onVisibleChange" | "rangeUnits" | "containerClass" | "disableDefaultTexts" | "disabledDate" | "forceAdjacentMonths" | "forceAbsolute" | "footerProps" | "onValueChange" | "onApply" | "onFilterSave" | "popoverProps" | "popoverTrigger" | "ranges" | "relativeFuture" | "relativePast" | "relativeModes" | "savedFilters" | "showRelativePicker" | "showFilter" | "showTime" | "showCustomRange" | "validate" | "valueTransformer" | "arrowColor" | "disableAbsoluteTimepickerInRelative" | "rangePickerInputProps" | "renderPopoverTrigger"> & {
+declare const _default: React.ForwardRefExoticComponent<Pick<DateRangePickerProps, "readOnly" | "texts" | "format" | "value" | "onVisibleChange" | "rangeUnits" | "containerClass" | "disableDefaultTexts" | "disabledDate" | "forceAdjacentMonths" | "forceAbsolute" | "footerProps" | "onValueChange" | "onApply" | "onFilterSave" | "popoverProps" | "popoverTrigger" | "ranges" | "relativeFuture" | "relativePast" | "relativeModes" | "savedFilters" | "showRelativePicker" | "showFilter" | "showTime" | "showCustomRange" | "validate" | "valueTransformer" | "arrowColor" | "disableAbsoluteTimepickerInRelative" | "rangePickerInputProps" | "renderPopoverTrigger"> & {
     forwardedRef?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
 } & React.RefAttributes<any>> & {
     WrappedComponent: React.ComponentType<DateRangePickerProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-date-range-picker",
-  "version": "0.18.3",
+  "version": "0.19.0",
   "description": "Date-Range-Picker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -33,12 +33,12 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@date-fns/upgrade": "^1.0.3",
-    "@synerise/ds-button": "^0.17.9",
-    "@synerise/ds-date-picker": "^0.7.2",
-    "@synerise/ds-icon": "^0.51.0",
-    "@synerise/ds-manageable-list": "^0.23.43",
-    "@synerise/ds-time-picker": "^0.6.45",
-    "@synerise/ds-tooltip": "^0.11.17",
+    "@synerise/ds-button": "^0.17.10",
+    "@synerise/ds-date-picker": "^0.8.0",
+    "@synerise/ds-icon": "^0.52.0",
+    "@synerise/ds-manageable-list": "^0.23.44",
+    "@synerise/ds-time-picker": "^0.6.46",
+    "@synerise/ds-tooltip": "^0.11.18",
     "@synerise/ds-utils": "^0.19.0",
     "date-fns": "^2.16.1",
     "dayjs": "^1.8.35",
@@ -54,5 +54,5 @@
   "devDependencies": {
     "@types/ramda": "^0.27.14"
   },
-  "gitHead": "515b60d89b64d98fbf5d750802314640715c5f99"
+  "gitHead": "1ab09990244dd615bdfe696f365ae8075bd31762"
 }