@bigbinary/neetoui 5.0.5 → 5.0.6

package/index.cjs.js

@@ -10802,7 +10802,7 @@ var UniqueArray = /*#__PURE__*/function () {
 var renderFocusOnFocusableElements = function renderFocusOnFocusableElements(ref) {
   var _ref$current, _ref$current2;
   var shouldFocusFirstFocusableElement = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-  var focusableElements = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
+  var focusableElements = '[href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
   var firstFocusableElement = ref === null || ref === void 0 ? void 0 : (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelectorAll(focusableElements)[0];
   var focusableContent = ref === null || ref === void 0 ? void 0 : (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.querySelectorAll(focusableElements);
   var lastFocusableElement = focusableContent[(focusableContent === null || focusableContent === void 0 ? void 0 : focusableContent.length) - 1];
@@ -17577,12 +17577,12 @@ var useOverlay = function useOverlay(_ref) {
   var focusRequiredElementInOverlay = function focusRequiredElementInOverlay() {
     if (hasTransitionCompleted) {
       var _initialFocusRef;
-      if (!((_initialFocusRef = initialFocusRef) !== null && _initialFocusRef !== void 0 && _initialFocusRef.current)) {
-        renderFocusOnFocusableElements(overlayWrapper);
-      } else {
+      if ((_initialFocusRef = initialFocusRef) !== null && _initialFocusRef !== void 0 && _initialFocusRef.current) {
         var _initialFocusRef2, _initialFocusRef2$cur;
         (_initialFocusRef2 = initialFocusRef) === null || _initialFocusRef2 === void 0 ? void 0 : (_initialFocusRef2$cur = _initialFocusRef2.current) === null || _initialFocusRef2$cur === void 0 ? void 0 : _initialFocusRef2$cur.focus();
         renderFocusOnFocusableElements(overlayWrapper, false);
+      } else {
+        renderFocusOnFocusableElements(overlayWrapper);
       }
     }
   };
@@ -27751,13 +27751,13 @@ var Pane = function Pane(_ref) {
     handleOverlayClose = _useOverlay.handleOverlayClose,
     setFocusField = _useOverlay.setFocusField;
   React$5.useEffect(function () {
-    if (isOpen) {
+    if (hasTransitionCompleted) {
       var headerHeight = getHeaderHeight(paneWrapper);
       if (headerHeight > DEFAULT_PANE_HEADER_HEIGHT) {
         paneWrapper.current.style.setProperty("--neeto-ui-pane-header-height", "".concat(headerHeight, "px"));
       }
     }
-  }, [isOpen]);
+  }, [hasTransitionCompleted]);
   return /*#__PURE__*/React__default["default"].createElement(Portal, {
     rootId: "neeto-ui-portal"
   }, /*#__PURE__*/React__default["default"].createElement(CSSTransition, {
@@ -27765,7 +27765,7 @@ var Pane = function Pane(_ref) {
     appear: isOpen,
     classNames: "neeto-ui-pane",
     "in": isOpen,
-    timeout: 300,
+    timeout: 230,
     onEntered: function onEntered() {
       return setHasTransitionCompleted(true);
     },
@@ -27793,9 +27793,9 @@ var Pane = function Pane(_ref) {
     size: "small",
     style: "text",
     onClick: handleOverlayClose
-  }), typeof children === "function" ? children({
+  }), hasTransitionCompleted && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, typeof children === "function" ? children({
     setFocusField: setFocusField
-  }) : children))));
+  }) : children)))));
 };
 Pane.Header = Header;
 Pane.Body = Body;
@@ -32689,9 +32689,16 @@ var Table = function Table(_ref) {
       }
     }
   }, [resizeObserver.current, fixedHeight]);
+  var handleHeaderClasses = function handleHeaderClasses() {
+    var _headerRef$current;
+    Object.values((_headerRef$current = headerRef.current) === null || _headerRef$current === void 0 ? void 0 : _headerRef$current.children).forEach(function (child) {
+      child.setAttribute("data-text-align", child.style["text-align"]);
+    });
+  };
   useTimeout(function () {
     var headerHeight = headerRef.current ? headerRef.current.offsetHeight : TABLE_DEFAULT_HEADER_HEIGHT;
     setHeaderHeight(headerHeight);
+    handleHeaderClasses();
   }, 0);
   var _useReorderColumns = useReorderColumns({
       isEnabled: enableColumnReorder,
@@ -32808,6 +32815,7 @@ var Table = function Table(_ref) {
         x: "max-content",
         y: calculateTableContainerHeight()
       }, scroll),
+      onChange: handleHeaderClasses,
       onHeaderRow: function onHeaderRow() {
         return {
           ref: headerRef,