@rescui/select 0.15.1 → 0.15.2-RUI-291-Update-next-js-to-the-latest-version-8f54dec0a.66

package/lib/parts/popup-content.js

@@ -0,0 +1,68 @@
+import React, { useEffect } from 'react';
+import { Dropdown } from '@rescui/dropdown';
+import { useActualSizeFromCss } from '../hooks/use-actual-size-from-css.js';
+import { usePrimaryContrastCssVarTransfer } from '../hooks/use-primary-contrast-css-var-transfer.js';
+import styles from '../styles/common.p.module.css.js';
+import { ListBox } from './list-box.js'; // eslint-disable-next-line complexity
+
+const PopupContent = _ref => {
+  let {
+    theme,
+    listBoxState,
+    triggerRef,
+    dropdownRef,
+    listBoxItems,
+    placement,
+    size: sizeFromProps,
+    mode,
+    emptyListMessage,
+    maxVisibleItems,
+    trigger,
+    isOpen,
+    dropdownUpdateDeps = []
+  } = _ref;
+  const {
+    size,
+    observableRef
+  } = useActualSizeFromCss({
+    sizeFromProps,
+    triggerRef
+  });
+  const {
+    isPrimaryContrast
+  } = usePrimaryContrastCssVarTransfer({
+    isOpen,
+    triggerRef
+  });
+  useEffect(() => {
+    if (dropdownRef.current) {
+      dropdownRef.current.scheduleUpdate();
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [listBoxItems, size, ...dropdownUpdateDeps]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    ref: observableRef,
+    className: styles.observable
+  }), /*#__PURE__*/React.createElement(Dropdown, {
+    theme: theme,
+    ref: dropdownRef,
+    placement: placement,
+    maxWidth: "trigger",
+    minWidth: "trigger",
+    leastMaxHeight: 999999,
+    isOpen: isOpen,
+    cancelCloseAnimation: true,
+    disableFocusLock: true,
+    trigger: trigger
+  }, /*#__PURE__*/React.createElement(ListBox, {
+    state: listBoxState,
+    size: size,
+    mode: mode,
+    maxVisibleItems: maxVisibleItems,
+    emptyListMessage: emptyListMessage,
+    items: listBoxItems,
+    isPrimaryContrast: isPrimaryContrast
+  })));
+};
+
+export { PopupContent };