@bigbinary/neetoui 5.0.4 → 5.0.6

package/index.d.ts

@@ -324,6 +324,7 @@ export type SelectProps = {
   id?: string;
   loadOptions?: boolean;
   labelProps?: LabelProps;
+  optionRemapping?: { label?: string, value?: string }
   [key: string]: any;
 };
 

package/index.js

@@ -10773,7 +10773,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];
@@ -17548,12 +17548,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);
       }
     }
   };
@@ -27722,13 +27722,13 @@ var Pane = function Pane(_ref) {
     handleOverlayClose = _useOverlay.handleOverlayClose,
     setFocusField = _useOverlay.setFocusField;
   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.createElement(Portal, {
     rootId: "neeto-ui-portal"
   }, /*#__PURE__*/React__default.createElement(CSSTransition, {
@@ -27736,7 +27736,7 @@ var Pane = function Pane(_ref) {
     appear: isOpen,
     classNames: "neeto-ui-pane",
     "in": isOpen,
-    timeout: 300,
+    timeout: 230,
     onEntered: function onEntered() {
       return setHasTransitionCompleted(true);
     },
@@ -27764,9 +27764,9 @@ var Pane = function Pane(_ref) {
     size: "small",
     style: "text",
     onClick: handleOverlayClose
-  }), typeof children === "function" ? children({
+  }), hasTransitionCompleted && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, typeof children === "function" ? children({
     setFocusField: setFocusField
-  }) : children))));
+  }) : children)))));
 };
 Pane.Header = Header;
 Pane.Body = Body;
@@ -28024,7 +28024,7 @@ var AsyncCreatableSelect = /*#__PURE__*/forwardRef$1(function (props, ref) {
   }, selectProps));
 });
 
-var _excluded$b = ["size", "label", "required", "error", "helpText", "className", "innerRef", "isCreateable", "strategy", "id", "labelProps", "value", "defaultValue", "components"];
+var _excluded$b = ["size", "label", "required", "error", "helpText", "className", "innerRef", "isCreateable", "strategy", "id", "labelProps", "value", "defaultValue", "components", "optionRemapping"];
 function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SIZES$3 = {
@@ -28067,6 +28067,8 @@ var Select = function Select(_ref) {
     value = _ref.value,
     defaultValue = _ref.defaultValue,
     componentOverrides = _ref.components,
+    _ref$optionRemapping = _ref.optionRemapping,
+    optionRemapping = _ref$optionRemapping === void 0 ? {} : _ref$optionRemapping,
     otherProps = _objectWithoutProperties$1(_ref, _excluded$b);
   var inputId = useId(id);
   var Parent = StateManagedSelect;
@@ -28076,6 +28078,12 @@ var Select = function Select(_ref) {
   if (otherProps.loadOptions) {
     Parent = isCreateable ? AsyncCreatableSelect : AsyncSelect;
   }
+  if (optionRemapping.value) {
+    otherProps.getOptionValue = prop(optionRemapping.value);
+  }
+  if (optionRemapping.label) {
+    otherProps.getOptionLabel = prop(optionRemapping.label);
+  }
   var portalProps = strategy === STRATEGIES.fixed && {
     menuPortalTarget: document.body,
     styles: {
@@ -32652,9 +32660,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,
@@ -32771,6 +32786,7 @@ var Table = function Table(_ref) {
         x: "max-content",
         y: calculateTableContainerHeight()
       }, scroll),
+      onChange: handleHeaderClasses,
       onHeaderRow: function onHeaderRow() {
         return {
           ref: headerRef,