@activecollab/components 1.0.317 → 1.0.319

package/dist/index.js

@@ -474,7 +474,7 @@
     return React.useContext(MenuContext);
   };
 
-  var _excluded$1f = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy"];
+  var _excluded$1f = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy", "afterWrite"];
   var Popper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       anchorEl = _ref.anchorEl,
@@ -487,6 +487,7 @@
       initialPlacement = _ref$placement === void 0 ? "bottom" : _ref$placement,
       _ref$strategy = _ref.strategy,
       strategy = _ref$strategy === void 0 ? "absolute" : _ref$strategy,
+      afterWrite = _ref.afterWrite,
       rest = _objectWithoutProperties(_ref, _excluded$1f);
     var _useState = React.useState(true),
       _useState2 = _slicedToArray(_useState, 2),
@@ -509,12 +510,22 @@
       if (popperRef.current) {
         popperRef.current.destroy();
       }
+      var modifiers = [];
+      if (typeof afterWrite === "function") {
+        modifiers.push({
+          phase: "afterWrite",
+          enabled: true,
+          name: "popper-after-write",
+          fn: afterWrite
+        });
+      }
       popperRef.current = core.createPopper(anchorEl, ownRef.current, {
         placement: placement,
         onFirstUpdate: handlePopperUpdate,
-        strategy: strategy
+        strategy: strategy,
+        modifiers: modifiers
       });
-    }, [anchorEl, open, placement, strategy]);
+    }, [afterWrite, anchorEl, open, placement, strategy]);
     var handleClose = function handleClose() {
       if (!popperRef.current) {
         return;
@@ -779,7 +790,8 @@
       popperClassName = _ref.popperClassName,
       backgroundElementClass = _ref.backgroundElementClass,
       _ref$windowAbsolutely = _ref.windowAbsolutelyPositioned,
-      windowAbsolutelyPositioned = _ref$windowAbsolutely === void 0 ? false : _ref$windowAbsolutely;
+      windowAbsolutelyPositioned = _ref$windowAbsolutely === void 0 ? false : _ref$windowAbsolutely,
+      onPopperOpen = _ref.onPopperOpen;
     var _useState = React.useState(defaultOpen),
       _useState2 = _slicedToArray(_useState, 2),
       open = _useState2[0],
@@ -844,7 +856,8 @@
       open: childNode ? open : false,
       placement: position,
       className: popperClassName,
-      tabIndex: -1
+      tabIndex: -1,
+      afterWrite: onPopperOpen
     }, /*#__PURE__*/React__default["default"].createElement(StyledMenu$2, {
       className: classNames__default["default"]("c-simple-menu__paper", "c-simple-menu__".concat(mode), menuClassName, className),
       $mode: mode,
@@ -11220,7 +11233,11 @@
           target: target,
           mode: mode,
           open: open,
-          position: position
+          position: position,
+          onPopperOpen: function onPopperOpen() {
+            var _elementRef$current;
+            return elementRef === null || elementRef === void 0 ? void 0 : (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : _elementRef$current.focus();
+          }
         };
       }
       return {
@@ -11281,7 +11298,6 @@
       ref: formRef
     }, /*#__PURE__*/React__default["default"].createElement(StyledSelectInput, {
       ref: handleRef,
-      autoFocus: true,
       placeholder: placeholder
     }), actionIcon && actionLabel && /*#__PURE__*/React__default["default"].createElement(Tooltip, {
       popperTooltipStyle: {