@kaizen/components 1.70.23 → 1.71.0

package/dist/cjs/Calendar/CalendarPopover/CalendarPopover.cjs

@@ -26,36 +26,49 @@ var CalendarPopover = function (_a) {
   var _b = React.useState(null),
     floatingElement = _b[0],
     setFloatingElement = _b[1];
-  var floatingStyles = reactDom.useFloating(tslib.__assign({
-    placement: 'bottom-start',
-    elements: {
-      reference: referenceElement,
-      floating: floatingElement
-    },
-    strategy: 'fixed',
-    middleware: [reactDom.size({
-      apply: function (_a) {
-        var availableHeight = _a.availableHeight,
-          availableWidth = _a.availableWidth,
-          elements = _a.elements;
-        Object.assign(elements.floating.style, {
-          // 155 is enough of a minimum to cut off half of the second row of dates.
-          // This indicates to users that there is more content that is scrollable
-          maxHeight: "".concat(Math.max(availableHeight - 25, 155), "px"),
-          maxWidth: "".concat(availableWidth, "px")
-        });
-      }
-    }), reactDom.offset(15), reactDom.autoPlacement({
-      allowedPlacements: ['bottom-start', 'bottom', 'top-start', 'top']
-    })],
-    whileElementsMounted: reactDom.autoUpdate
-  }, floatingOptions)).floatingStyles;
+  var _c = reactDom.useFloating(tslib.__assign({
+      placement: 'bottom-start',
+      elements: {
+        reference: referenceElement,
+        floating: floatingElement
+      },
+      strategy: 'fixed',
+      middleware: [reactDom.size({
+        apply: function (_a) {
+          var availableHeight = _a.availableHeight,
+            availableWidth = _a.availableWidth,
+            elements = _a.elements;
+          Object.assign(elements.floating.style, {
+            // 155 is enough of a minimum to cut off half of the second row of dates.
+            // This indicates to users that there is more content that is scrollable
+            maxHeight: "".concat(Math.max(availableHeight - 25, 155), "px"),
+            maxWidth: "".concat(availableWidth, "px")
+          });
+        }
+      }), reactDom.offset(15), reactDom.autoPlacement({
+        allowedPlacements: ['bottom-start', 'bottom', 'top-start', 'top']
+      })],
+      whileElementsMounted: reactDom.autoUpdate
+    }, floatingOptions)),
+    floatingStyles = _c.floatingStyles,
+    update = _c.update;
+  React.useEffect(function () {
+    var _a;
+    if (floatingElement && referenceElement) {
+      // @ts-expect-error this can be removed when we update to react 19
+      referenceElement.popoverTargetElement = floatingElement;
+      (_a = floatingElement.showPopover) === null || _a === undefined ? undefined : _a.call(floatingElement);
+      update();
+    }
+  }, [referenceElement, floatingElement, update]);
   return React__default.default.createElement("div", tslib.__assign({
     ref: setFloatingElement,
     style: floatingStyles,
     className: classnames__default.default(CalendarPopover_module.calendarPopover, classNameOverride),
     role: "dialog",
-    "aria-modal": "true"
+    "aria-modal": "true",
+    // @ts-expect-error this can be removed when we update to react 19
+    popover: "manual"
   }, restProps), children);
 };
 CalendarPopover.displayName = 'CalendarPopover';

package/dist/cjs/RichTextEditor/RichTextEditor/utils/controlmap.cjs

@@ -3,7 +3,6 @@
 var tslib = require('tslib');
 var React = require('react');
 var Icon = require('../../../__rc__/Icon/Icon.cjs');
-require('vitest');
 var listIsActive = require('../../utils/commands/listIsActive.cjs');
 var markIsActive = require('../../utils/commands/markIsActive.cjs');
 require('prosemirror-transform');

package/dist/cjs/RichTextEditor/utils/plugins/LinkManager/LinkManager.cjs

@@ -2,7 +2,6 @@
 
 var debounce = require('lodash.debounce');
 var ProseMirrorState = require('prosemirror-state');
-require('vitest');
 var getMarkAttrs = require('../../commands/getMarkAttrs.cjs');
 var getMarkRange = require('../../commands/getMarkRange.cjs');
 require('prosemirror-utils');

package/dist/cjs/index.cjs

@@ -355,7 +355,6 @@ var RichTextEditor = require('./RichTextEditor/RichTextEditor/RichTextEditor.cjs
 var ToggleIconButton = require('./RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.cjs');
 var Toolbar = require('./RichTextEditor/RichTextEditor/subcomponents/Toolbar/Toolbar.cjs');
 var ToolbarSection = require('./RichTextEditor/RichTextEditor/subcomponents/ToolbarSection/ToolbarSection.cjs');
-var mockRangeForBoundingRect = require('./RichTextEditor/utils/commands/fixtures/mockRangeForBoundingRect.cjs');
 var addMark = require('./RichTextEditor/utils/commands/addMark.cjs');
 var getMarkAttrs = require('./RichTextEditor/utils/commands/getMarkAttrs.cjs');
 var getMarkRange = require('./RichTextEditor/utils/commands/getMarkRange.cjs');
@@ -982,7 +981,6 @@ exports.RichTextEditor = RichTextEditor.RichTextEditor;
 exports.ToggleIconButton = ToggleIconButton.ToggleIconButton;
 exports.Toolbar = Toolbar.Toolbar;
 exports.ToolbarSection = ToolbarSection.ToolbarSection;
-exports.mockRangeForBoundingRect = mockRangeForBoundingRect.mockRangeForBoundingRect;
 exports.addMark = addMark.addMark;
 exports.getMarkAttrs = getMarkAttrs.getMarkAttrs;
 exports.getMarkRange = getMarkRange.getMarkRange;

package/dist/esm/Calendar/CalendarPopover/CalendarPopover.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import { useFloating, size, offset, autoPlacement, autoUpdate } from '@floating-ui/react-dom';
 import classnames from 'classnames';
 import styles from './CalendarPopover.module.scss.mjs';
@@ -18,36 +18,49 @@ const CalendarPopover = /*#__PURE__*/function () {
     var _b = useState(null),
       floatingElement = _b[0],
       setFloatingElement = _b[1];
-    var floatingStyles = useFloating(__assign({
-      placement: 'bottom-start',
-      elements: {
-        reference: referenceElement,
-        floating: floatingElement
-      },
-      strategy: 'fixed',
-      middleware: [size({
-        apply: function (_a) {
-          var availableHeight = _a.availableHeight,
-            availableWidth = _a.availableWidth,
-            elements = _a.elements;
-          Object.assign(elements.floating.style, {
-            // 155 is enough of a minimum to cut off half of the second row of dates.
-            // This indicates to users that there is more content that is scrollable
-            maxHeight: "".concat(Math.max(availableHeight - 25, 155), "px"),
-            maxWidth: "".concat(availableWidth, "px")
-          });
-        }
-      }), offset(15), autoPlacement({
-        allowedPlacements: ['bottom-start', 'bottom', 'top-start', 'top']
-      })],
-      whileElementsMounted: autoUpdate
-    }, floatingOptions)).floatingStyles;
+    var _c = useFloating(__assign({
+        placement: 'bottom-start',
+        elements: {
+          reference: referenceElement,
+          floating: floatingElement
+        },
+        strategy: 'fixed',
+        middleware: [size({
+          apply: function (_a) {
+            var availableHeight = _a.availableHeight,
+              availableWidth = _a.availableWidth,
+              elements = _a.elements;
+            Object.assign(elements.floating.style, {
+              // 155 is enough of a minimum to cut off half of the second row of dates.
+              // This indicates to users that there is more content that is scrollable
+              maxHeight: "".concat(Math.max(availableHeight - 25, 155), "px"),
+              maxWidth: "".concat(availableWidth, "px")
+            });
+          }
+        }), offset(15), autoPlacement({
+          allowedPlacements: ['bottom-start', 'bottom', 'top-start', 'top']
+        })],
+        whileElementsMounted: autoUpdate
+      }, floatingOptions)),
+      floatingStyles = _c.floatingStyles,
+      update = _c.update;
+    useEffect(function () {
+      var _a;
+      if (floatingElement && referenceElement) {
+        // @ts-expect-error this can be removed when we update to react 19
+        referenceElement.popoverTargetElement = floatingElement;
+        (_a = floatingElement.showPopover) === null || _a === undefined ? undefined : _a.call(floatingElement);
+        update();
+      }
+    }, [referenceElement, floatingElement, update]);
     return /*#__PURE__*/React.createElement("div", __assign({
       ref: setFloatingElement,
       style: floatingStyles,
       className: classnames(styles.calendarPopover, classNameOverride),
       role: "dialog",
-      "aria-modal": "true"
+      "aria-modal": "true",
+      // @ts-expect-error this can be removed when we update to react 19
+      popover: "manual"
     }, restProps), children);
   };
   CalendarPopover.displayName = 'CalendarPopover';

package/dist/esm/RichTextEditor/RichTextEditor/utils/controlmap.mjs

@@ -1,7 +1,6 @@
 import { __assign } from 'tslib';
 import React from 'react';
 import { Icon } from '../../../__rc__/Icon/Icon.mjs';
-import 'vitest';
 import { listIsActive } from '../../utils/commands/listIsActive.mjs';
 import { markIsActive } from '../../utils/commands/markIsActive.mjs';
 import 'prosemirror-transform';

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/LinkManager.mjs

@@ -1,6 +1,5 @@
 import debounce from 'lodash.debounce';
 import { Plugin } from 'prosemirror-state';
-import 'vitest';
 import { getMarkAttrs } from '../../commands/getMarkAttrs.mjs';
 import { getMarkRange } from '../../commands/getMarkRange.mjs';
 import 'prosemirror-utils';

package/dist/esm/index.mjs

@@ -353,7 +353,6 @@ export { RichTextEditor } from './RichTextEditor/RichTextEditor/RichTextEditor.m
 export { ToggleIconButton } from './RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.mjs';
 export { Toolbar } from './RichTextEditor/RichTextEditor/subcomponents/Toolbar/Toolbar.mjs';
 export { ToolbarSection } from './RichTextEditor/RichTextEditor/subcomponents/ToolbarSection/ToolbarSection.mjs';
-export { mockRangeForBoundingRect } from './RichTextEditor/utils/commands/fixtures/mockRangeForBoundingRect.mjs';
 export { addMark } from './RichTextEditor/utils/commands/addMark.mjs';
 export { getMarkAttrs } from './RichTextEditor/utils/commands/getMarkAttrs.mjs';
 export { getMarkRange } from './RichTextEditor/utils/commands/getMarkRange.mjs';