primereact 8.7.0 → 8.7.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 (47) hide show
  1. package/accordion/accordion.d.ts +1 -1
  2. package/calendar/calendar.cjs.js +11 -2
  3. package/calendar/calendar.cjs.min.js +1 -1
  4. package/calendar/calendar.esm.js +11 -2
  5. package/calendar/calendar.esm.min.js +1 -1
  6. package/calendar/calendar.js +11 -2
  7. package/calendar/calendar.min.js +1 -1
  8. package/core/core.js +19 -7
  9. package/core/core.min.js +1 -1
  10. package/datatable/datatable.cjs.js +2 -0
  11. package/datatable/datatable.cjs.min.js +1 -1
  12. package/datatable/datatable.esm.js +2 -0
  13. package/datatable/datatable.esm.min.js +1 -1
  14. package/datatable/datatable.js +2 -0
  15. package/datatable/datatable.min.js +1 -1
  16. package/image/image.cjs.js +4 -2
  17. package/image/image.cjs.min.js +1 -1
  18. package/image/image.d.ts +2 -2
  19. package/image/image.esm.js +4 -2
  20. package/image/image.esm.min.js +1 -1
  21. package/image/image.js +4 -2
  22. package/image/image.min.js +1 -1
  23. package/package.json +1 -2
  24. package/primereact.all.cjs.js +38 -13
  25. package/primereact.all.cjs.min.js +1 -1
  26. package/primereact.all.esm.js +38 -13
  27. package/primereact.all.esm.min.js +1 -1
  28. package/primereact.all.js +38 -13
  29. package/primereact.all.min.js +1 -1
  30. package/resources/primereact.css +91 -86
  31. package/resources/primereact.min.css +1 -1
  32. package/ripple/ripple.cjs.js +19 -7
  33. package/ripple/ripple.cjs.min.js +1 -1
  34. package/ripple/ripple.esm.js +19 -7
  35. package/ripple/ripple.esm.min.js +1 -1
  36. package/ripple/ripple.js +19 -7
  37. package/ripple/ripple.min.js +1 -1
  38. package/splitter/splitter.cjs.js +2 -6
  39. package/splitter/splitter.cjs.min.js +1 -1
  40. package/splitter/splitter.esm.js +2 -6
  41. package/splitter/splitter.esm.min.js +1 -1
  42. package/splitter/splitter.js +2 -6
  43. package/splitter/splitter.min.js +1 -1
  44. package/timeline/timeline.d.ts +1 -1
  45. package/toast/toast.min.css +1 -1
  46. package/web-types.json +1 -1
  47. package/index.d.ts +0 -105
@@ -3648,11 +3648,26 @@ var Ripple = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function ()
3648
3648
  };
3649
3649
 
3650
3650
  var onTouchStart = function onTouchStart(event) {
3651
- onMouseDown(event);
3652
- event.preventDefault();
3651
+ isTouching.current = true;
3652
+ var offset = DomHandler.getOffset(targetRef.current);
3653
+ var offsetX = event.targetTouches[0].pageX - offset.left + document.body.scrollTop - DomHandler.getWidth(inkRef.current) / 2;
3654
+ var offsetY = event.targetTouches[0].pageY - offset.top + document.body.scrollLeft - DomHandler.getHeight(inkRef.current) / 2;
3655
+ activateRipple(offsetX, offsetY);
3653
3656
  };
3654
3657
 
3655
3658
  var onMouseDown = function onMouseDown(event) {
3659
+ if (DomHandler.isTouchDevice()) {
3660
+ // already started ripple with onTouchStart
3661
+ return;
3662
+ }
3663
+
3664
+ var offset = DomHandler.getOffset(targetRef.current);
3665
+ var offsetX = event.pageX - offset.left + document.body.scrollTop - DomHandler.getWidth(inkRef.current) / 2;
3666
+ var offsetY = event.pageY - offset.top + document.body.scrollLeft - DomHandler.getHeight(inkRef.current) / 2;
3667
+ activateRipple(offsetX, offsetY);
3668
+ };
3669
+
3670
+ var activateRipple = function activateRipple(offsetX, offsetY) {
3656
3671
  if (!inkRef.current || getComputedStyle(inkRef.current, null).display === 'none') {
3657
3672
  return;
3658
3673
  }
@@ -3665,11 +3680,8 @@ var Ripple = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function ()
3665
3680
  inkRef.current.style.width = d + 'px';
3666
3681
  }
3667
3682
 
3668
- var offset = DomHandler.getOffset(targetRef.current);
3669
- var x = event.pageX - offset.left + document.body.scrollTop - DomHandler.getWidth(inkRef.current) / 2;
3670
- var y = event.pageY - offset.top + document.body.scrollLeft - DomHandler.getHeight(inkRef.current) / 2;
3671
- inkRef.current.style.top = y + 'px';
3672
- inkRef.current.style.left = x + 'px';
3683
+ inkRef.current.style.top = offsetY + 'px';
3684
+ inkRef.current.style.left = offsetX + 'px';
3673
3685
  DomHandler.addClass(inkRef.current, 'p-ink-active');
3674
3686
  };
3675
3687
 
@@ -9191,8 +9203,17 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
9191
9203
  }
9192
9204
  }, [props.onViewDateChange, props.value]);
9193
9205
  useUpdateEffect(function () {
9194
- if (previousValue !== props.value && (!viewStateChanged.current || visible)) {
9195
- updateInputfield(props.value);
9206
+ var newDate = props.value;
9207
+
9208
+ if (previousValue !== newDate) {
9209
+ updateInputfield(newDate); // #3516 view date not updated when value set programatically
9210
+
9211
+ if (!visible && newDate) {
9212
+ validateDate(newDate);
9213
+ setViewDateState(newDate);
9214
+ setCurrentMonth(newDate.getMonth());
9215
+ setCurrentYear(newDate.getFullYear());
9216
+ }
9196
9217
  }
9197
9218
  }, [props.value, visible]);
9198
9219
  useUpdateEffect(function () {
@@ -18525,6 +18546,8 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
18525
18546
  content = value;
18526
18547
  }
18527
18548
 
18549
+ content = typeof content == 'boolean' ? content.toString() : content;
18550
+
18528
18551
  if (!isRowEditor && editor) {
18529
18552
  /* eslint-disable */
18530
18553
  editorKeyHelper = /*#__PURE__*/React.createElement("a", {
@@ -26816,11 +26839,13 @@ Image.defaultProps = {
26816
26839
  imageClassName: null,
26817
26840
  imageStyle: null,
26818
26841
  onError: null,
26842
+ onHide: null,
26843
+ onShow: null,
26819
26844
  preview: false,
26820
- zoomSrc: null,
26821
26845
  src: null,
26822
26846
  template: null,
26823
- width: null
26847
+ width: null,
26848
+ zoomSrc: null
26824
26849
  };
26825
26850
 
26826
26851
  var InplaceDisplay = function InplaceDisplay(props) {
@@ -37071,7 +37096,7 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
37071
37096
  var childrenLength = props.children && props.children.length;
37072
37097
 
37073
37098
  var panelSize = function panelSize(sizes, index) {
37074
- return index in sizes ? sizes[index] : (props.children[index].props.size || 100) / childrenLength;
37099
+ return index in sizes ? sizes[index] : props.children[index].props.size || 100 / childrenLength;
37075
37100
  };
37076
37101
 
37077
37102
  var _useEventListener = useEventListener({
@@ -37193,7 +37218,7 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
37193
37218
  setPanelSizes(function (prev) {
37194
37219
  var sizes = [];
37195
37220
 
37196
- for (var index = 0; index < props.children.length; _readOnlyError("index")) {
37221
+ for (var index = 0; index < props.children.length; index++) {
37197
37222
  sizes[index] = panelSize(prev, index);
37198
37223
  }
37199
37224