@rescui/select 0.23.0 → 0.23.1

package/lib/multiselect.js

@@ -1,6 +1,6 @@
 "use client";
 import { c } from 'react-compiler-runtime';
-import React, { useState, useRef } from 'react';
+import React, { useState } from 'react';
 import cn from 'classnames';
 import { useSelect } from 'downshift';
 import { useThemeWithUndefined } from '@rescui/ui-contexts';
@@ -58,7 +58,7 @@ const stateReducer = (state, actionAndChanges) => {
 };
 // eslint-disable-next-line complexity
 function Multiselect(t0) {
-  const $ = c(139);
+  const $ = c(138);
   let className;
   let error;
   let id;
@@ -202,7 +202,6 @@ function Multiselect(t0) {
   const theme = useThemeWithUndefined(themeFromProps);
   const [triggerEl, setTriggerEl] = useState(null);
   const [menuEl, setMenuEl] = useState(null);
-  const dropdownRef = useRef(null);
   let t16;
   if ($[31] !== onChange || $[32] !== selectedItems) {
     t16 = {
@@ -526,12 +525,11 @@ function Multiselect(t0) {
     t34 = $[104];
   }
   let t35;
-  if ($[105] !== disableFlip || $[106] !== emptyListMessage || $[107] !== isOpen || $[108] !== listBoxItems || $[109] !== listBoxState || $[110] !== maxVisibleItems || $[111] !== mode || $[112] !== placement || $[113] !== renderInTrigger || $[114] !== selectedItems || $[115] !== size || $[116] !== t34 || $[117] !== theme || $[118] !== triggerEl) {
+  if ($[105] !== disableFlip || $[106] !== emptyListMessage || $[107] !== isOpen || $[108] !== listBoxItems || $[109] !== listBoxState || $[110] !== maxVisibleItems || $[111] !== mode || $[112] !== placement || $[113] !== renderInTrigger || $[114] !== size || $[115] !== t34 || $[116] !== theme || $[117] !== triggerEl) {
     t35 = /*#__PURE__*/React.createElement(PopupContent, {
       theme: theme,
       size: size,
       mode: mode,
-      dropdownRef: dropdownRef,
       triggerEl: triggerEl,
       placement: placement,
       renderInTrigger: renderInTrigger,
@@ -541,7 +539,6 @@ function Multiselect(t0) {
       maxVisibleItems: maxVisibleItems,
       emptyListMessage: emptyListMessage,
       listBoxItems: listBoxItems,
-      dropdownUpdateDep: selectedItems,
       trigger: t34
     });
     $[105] = disableFlip;
@@ -553,17 +550,16 @@ function Multiselect(t0) {
     $[111] = mode;
     $[112] = placement;
     $[113] = renderInTrigger;
-    $[114] = selectedItems;
-    $[115] = size;
-    $[116] = t34;
-    $[117] = theme;
-    $[118] = triggerEl;
-    $[119] = t35;
+    $[114] = size;
+    $[115] = t34;
+    $[116] = theme;
+    $[117] = triggerEl;
+    $[118] = t35;
   } else {
-    t35 = $[119];
+    t35 = $[118];
   }
   let t36;
-  if ($[120] !== boldLabel || $[121] !== descriptionProps || $[122] !== error || $[123] !== errorMessageProps || $[124] !== isDisabled || $[125] !== label || $[126] !== note || $[127] !== reserveErrorLine || $[128] !== size || $[129] !== t32 || $[130] !== t33 || $[131] !== t35 || $[132] !== theme) {
+  if ($[119] !== boldLabel || $[120] !== descriptionProps || $[121] !== error || $[122] !== errorMessageProps || $[123] !== isDisabled || $[124] !== label || $[125] !== note || $[126] !== reserveErrorLine || $[127] !== size || $[128] !== t32 || $[129] !== t33 || $[130] !== t35 || $[131] !== theme) {
     t36 = /*#__PURE__*/React.createElement(FormTriggerWrapper, {
       theme: theme,
       size: size,
@@ -577,38 +573,38 @@ function Multiselect(t0) {
       note: note,
       descriptionProps: descriptionProps
     }, t33, t35);
-    $[120] = boldLabel;
-    $[121] = descriptionProps;
-    $[122] = error;
-    $[123] = errorMessageProps;
-    $[124] = isDisabled;
-    $[125] = label;
-    $[126] = note;
-    $[127] = reserveErrorLine;
-    $[128] = size;
-    $[129] = t32;
-    $[130] = t33;
-    $[131] = t35;
-    $[132] = theme;
-    $[133] = t36;
+    $[119] = boldLabel;
+    $[120] = descriptionProps;
+    $[121] = error;
+    $[122] = errorMessageProps;
+    $[123] = isDisabled;
+    $[124] = label;
+    $[125] = note;
+    $[126] = reserveErrorLine;
+    $[127] = size;
+    $[128] = t32;
+    $[129] = t33;
+    $[130] = t35;
+    $[131] = theme;
+    $[132] = t36;
   } else {
-    t36 = $[133];
+    t36 = $[132];
   }
   let t37;
-  if ($[134] !== id || $[135] !== style || $[136] !== t31 || $[137] !== t36) {
+  if ($[133] !== id || $[134] !== style || $[135] !== t31 || $[136] !== t36) {
     t37 = /*#__PURE__*/React.createElement("div", {
       className: t31,
       id: id,
       style: style,
       "data-test": "multiselect"
     }, t36);
-    $[134] = id;
-    $[135] = style;
-    $[136] = t31;
-    $[137] = t36;
-    $[138] = t37;
+    $[133] = id;
+    $[134] = style;
+    $[135] = t31;
+    $[136] = t36;
+    $[137] = t37;
   } else {
-    t37 = $[138];
+    t37 = $[137];
   }
   return t37;
 }

package/lib/parts/popup-content.d.ts

@@ -1,12 +1,11 @@
 import React from 'react';
 import type { Theme } from '@rescui/ui-contexts';
-import type { DropdownProps, DropdownImperativeHandle } from '@rescui/dropdown';
+import type { DropdownProps } from '@rescui/dropdown';
 import type { SelectMode, SelectSize, ListBoxState, ListBoxItem, Placement } from '../types';
 export type PopupContentProps = {
     theme: Theme;
     listBoxState: ListBoxState;
     triggerEl: HTMLElement | null;
-    dropdownRef?: React.RefObject<DropdownImperativeHandle>;
     listBoxItems?: ListBoxItem[];
     placement: Placement;
     size?: SelectSize;
@@ -17,6 +16,5 @@ export type PopupContentProps = {
     renderInTrigger?: boolean;
     disableFlip?: boolean;
     isOpen?: boolean;
-    dropdownUpdateDep?: unknown;
 };
-export declare const PopupContent: ({ theme, listBoxState, triggerEl, dropdownRef, listBoxItems, placement, size: sizeFromProps, mode, emptyListMessage, maxVisibleItems, trigger, renderInTrigger, disableFlip, isOpen, dropdownUpdateDep }: PopupContentProps) => React.JSX.Element;
+export declare const PopupContent: ({ theme, listBoxState, triggerEl, listBoxItems, placement, size: sizeFromProps, mode, emptyListMessage, maxVisibleItems, trigger, renderInTrigger, disableFlip, isOpen }: PopupContentProps) => React.JSX.Element;

package/lib/parts/popup-content.js

@@ -1,20 +1,18 @@
 import { c } from 'react-compiler-runtime';
-import React, { useEffect, useLayoutEffect } from 'react';
+import React 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';
 
-const useIsomorphicLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;
 // eslint-disable-next-line complexity
 const PopupContent = t0 => {
-  const $ = c(35);
+  const $ = c(27);
   const {
     theme,
     listBoxState,
     triggerEl,
-    dropdownRef,
     listBoxItems,
     placement,
     size: sizeFromProps,
@@ -24,8 +22,7 @@ const PopupContent = t0 => {
     trigger,
     renderInTrigger,
     disableFlip,
-    isOpen,
-    dropdownUpdateDep
+    isOpen
   } = t0;
   let t1;
   if ($[0] !== sizeFromProps || $[1] !== triggerEl) {
@@ -59,41 +56,19 @@ const PopupContent = t0 => {
     isPrimaryContrast
   } = usePrimaryContrastCssVarTransfer(t2);
   let t3;
-  if ($[6] !== dropdownRef) {
-    t3 = () => {
-      dropdownRef.current?.scheduleUpdate();
-    };
-    $[6] = dropdownRef;
-    $[7] = t3;
-  } else {
-    t3 = $[7];
-  }
-  let t4;
-  if ($[8] !== dropdownRef || $[9] !== dropdownUpdateDep || $[10] !== listBoxItems || $[11] !== size) {
-    t4 = [dropdownRef, dropdownUpdateDep, listBoxItems, size];
-    $[8] = dropdownRef;
-    $[9] = dropdownUpdateDep;
-    $[10] = listBoxItems;
-    $[11] = size;
-    $[12] = t4;
-  } else {
-    t4 = $[12];
-  }
-  useIsomorphicLayoutEffect(t3, t4);
-  let t5;
-  if ($[13] !== observableRef) {
-    t5 = /*#__PURE__*/React.createElement("div", {
+  if ($[6] !== observableRef) {
+    t3 = /*#__PURE__*/React.createElement("div", {
       ref: observableRef,
       className: styles.observable
     });
-    $[13] = observableRef;
-    $[14] = t5;
+    $[6] = observableRef;
+    $[7] = t3;
   } else {
-    t5 = $[14];
+    t3 = $[7];
   }
-  let t6;
-  if ($[15] !== emptyListMessage || $[16] !== isPrimaryContrast || $[17] !== listBoxItems || $[18] !== listBoxState || $[19] !== maxVisibleItems || $[20] !== mode || $[21] !== size) {
-    t6 = /*#__PURE__*/React.createElement(ListBox, {
+  let t4;
+  if ($[8] !== emptyListMessage || $[9] !== isPrimaryContrast || $[10] !== listBoxItems || $[11] !== listBoxState || $[12] !== maxVisibleItems || $[13] !== mode || $[14] !== size) {
+    t4 = /*#__PURE__*/React.createElement(ListBox, {
       state: listBoxState,
       size: size,
       mode: mode,
@@ -102,22 +77,21 @@ const PopupContent = t0 => {
       items: listBoxItems,
       isPrimaryContrast: isPrimaryContrast
     });
-    $[15] = emptyListMessage;
-    $[16] = isPrimaryContrast;
-    $[17] = listBoxItems;
-    $[18] = listBoxState;
-    $[19] = maxVisibleItems;
-    $[20] = mode;
-    $[21] = size;
-    $[22] = t6;
+    $[8] = emptyListMessage;
+    $[9] = isPrimaryContrast;
+    $[10] = listBoxItems;
+    $[11] = listBoxState;
+    $[12] = maxVisibleItems;
+    $[13] = mode;
+    $[14] = size;
+    $[15] = t4;
   } else {
-    t6 = $[22];
+    t4 = $[15];
   }
-  let t7;
-  if ($[23] !== disableFlip || $[24] !== dropdownRef || $[25] !== isOpen || $[26] !== placement || $[27] !== renderInTrigger || $[28] !== t6 || $[29] !== theme || $[30] !== trigger) {
-    t7 = /*#__PURE__*/React.createElement(Dropdown, {
+  let t5;
+  if ($[16] !== disableFlip || $[17] !== isOpen || $[18] !== placement || $[19] !== renderInTrigger || $[20] !== t4 || $[21] !== theme || $[22] !== trigger) {
+    t5 = /*#__PURE__*/React.createElement(Dropdown, {
       theme: theme,
-      ref: dropdownRef,
       placement: placement,
       maxWidth: "trigger",
       minWidth: "trigger",
@@ -128,29 +102,28 @@ const PopupContent = t0 => {
       renderInTrigger: renderInTrigger,
       disableFlip: disableFlip,
       trigger: trigger
-    }, t6);
-    $[23] = disableFlip;
-    $[24] = dropdownRef;
-    $[25] = isOpen;
-    $[26] = placement;
-    $[27] = renderInTrigger;
-    $[28] = t6;
-    $[29] = theme;
-    $[30] = trigger;
-    $[31] = t7;
+    }, t4);
+    $[16] = disableFlip;
+    $[17] = isOpen;
+    $[18] = placement;
+    $[19] = renderInTrigger;
+    $[20] = t4;
+    $[21] = theme;
+    $[22] = trigger;
+    $[23] = t5;
   } else {
-    t7 = $[31];
+    t5 = $[23];
   }
-  let t8;
-  if ($[32] !== t5 || $[33] !== t7) {
-    t8 = /*#__PURE__*/React.createElement(React.Fragment, null, t5, t7);
-    $[32] = t5;
-    $[33] = t7;
-    $[34] = t8;
+  let t6;
+  if ($[24] !== t3 || $[25] !== t5) {
+    t6 = /*#__PURE__*/React.createElement(React.Fragment, null, t3, t5);
+    $[24] = t3;
+    $[25] = t5;
+    $[26] = t6;
   } else {
-    t8 = $[34];
+    t6 = $[26];
   }
-  return t8;
+  return t6;
 };
 
 export { PopupContent };

package/lib/select-basic.js

@@ -140,7 +140,6 @@ function SelectBasic(t0) {
     theme = $[22];
   }
   const [triggerEl, setTriggerEl] = React.useState(null);
-  const dropdownRef = React.useRef(null);
   const [menuEl, setMenuEl] = React.useState(null);
   const {
     flattenedOptions,
@@ -418,7 +417,6 @@ function SelectBasic(t0) {
       theme: theme,
       size: size,
       mode: mode,
-      dropdownRef: dropdownRef,
       triggerEl: triggerEl,
       placement: placement,
       isOpen: isOpen,

package/lib/select-searchable.js

@@ -141,7 +141,6 @@ function SelectSearchable(t0) {
     theme = $[22];
   }
   const [inputEl, setInputEl] = useState(null);
-  const dropdownRef = useRef(null);
   const [menuEl, setMenuEl] = useState(null);
   const {
     flattenedOptions,
@@ -572,7 +571,6 @@ function SelectSearchable(t0) {
       theme: theme,
       size: size,
       mode: mode,
-      dropdownRef: dropdownRef,
       triggerEl: inputEl,
       placement: placement,
       renderInTrigger: renderInTrigger,

package/lib/styles/common.p.module.css.js

@@ -1,3 +1,3 @@
-var styles = {"themeLight":"_themeLight_1g28wgo_6","themeDark":"_themeDark_1g28wgo_9","sizeS":"_sizeS_1g28wgo_13","sizeM":"_sizeM_1g28wgo_16","sizeL":"_sizeL_1g28wgo_19","classic":"_classic_1g28wgo_23","rock":"_rock_1g28wgo_26","root":"_root_1g28wgo_30","triggerContainer":"_triggerContainer_1g28wgo_36","disabled":"_disabled_1g28wgo_41","trigger":"_trigger_1g28wgo_36","error":"_error_1g28wgo_78","enabled":"_enabled_1g28wgo_83","searchable":"_searchable_1g28wgo_103","canBeMultiline":"_canBeMultiline_1g28wgo_129","triggerText":"_triggerText_1g28wgo_133","searchInput":"_searchInput_1g28wgo_134","labelNotSelected":"_labelNotSelected_1g28wgo_164","multi":"_multi_1g28wgo_216","tagsContainer":"_tagsContainer_1g28wgo_231","tag":"_tag_1g28wgo_231","filledTag":"_filledTag_1g28wgo_253","iconsWrapper":"_iconsWrapper_1g28wgo_261","toggle":"_toggle_1g28wgo_279","icon":"_icon_1g28wgo_261","clearIcon":"_clearIcon_1g28wgo_364","visuallyHidden":"_visuallyHidden_1g28wgo_426","select":"_select_1g28wgo_443","observable":"_observable_1g28wgo_465"};
+var styles = {"themeLight":"_themeLight_1ib2kwn_6","themeDark":"_themeDark_1ib2kwn_9","sizeS":"_sizeS_1ib2kwn_13","sizeM":"_sizeM_1ib2kwn_16","sizeL":"_sizeL_1ib2kwn_19","classic":"_classic_1ib2kwn_23","rock":"_rock_1ib2kwn_26","root":"_root_1ib2kwn_30","triggerContainer":"_triggerContainer_1ib2kwn_36","disabled":"_disabled_1ib2kwn_41","trigger":"_trigger_1ib2kwn_36","error":"_error_1ib2kwn_78","enabled":"_enabled_1ib2kwn_83","searchable":"_searchable_1ib2kwn_103","canBeMultiline":"_canBeMultiline_1ib2kwn_129","triggerText":"_triggerText_1ib2kwn_133","searchInput":"_searchInput_1ib2kwn_134","labelNotSelected":"_labelNotSelected_1ib2kwn_164","multi":"_multi_1ib2kwn_216","tagsContainer":"_tagsContainer_1ib2kwn_231","tag":"_tag_1ib2kwn_231","filledTag":"_filledTag_1ib2kwn_253","iconsWrapper":"_iconsWrapper_1ib2kwn_261","toggle":"_toggle_1ib2kwn_279","icon":"_icon_1ib2kwn_261","clearIcon":"_clearIcon_1ib2kwn_364","visuallyHidden":"_visuallyHidden_1ib2kwn_426","select":"_select_1ib2kwn_443","observable":"_observable_1ib2kwn_465"};
 
 export { styles as default };

package/lib/styles/form-trigger.p.module.css.js

@@ -1,3 +1,3 @@
-var styles = {"themeLight":"_themeLight_ven7at_6","themeDark":"_themeDark_ven7at_9","sizeS":"_sizeS_ven7at_13","sizeM":"_sizeM_ven7at_16","sizeL":"_sizeL_ven7at_19","main":"_main_ven7at_23","label":"_label_ven7at_27","disabled":"_disabled_ven7at_33","footer":"_footer_ven7at_38","errorMessage":"_errorMessage_ven7at_45","error":"_error_ven7at_45","note":"_note_ven7at_54"};
+var styles = {"themeLight":"_themeLight_9ohsm2_6","themeDark":"_themeDark_9ohsm2_9","sizeS":"_sizeS_9ohsm2_13","sizeM":"_sizeM_9ohsm2_16","sizeL":"_sizeL_9ohsm2_19","main":"_main_9ohsm2_23","label":"_label_9ohsm2_27","disabled":"_disabled_9ohsm2_33","footer":"_footer_9ohsm2_38","errorMessage":"_errorMessage_9ohsm2_45","error":"_error_9ohsm2_45","note":"_note_9ohsm2_54"};
 
 export { styles as default };

package/lib/styles/list-box.p.module.css.js

@@ -1,3 +1,3 @@
-var styles = {"sizeS":"_sizeS_1yb9ikn_6","sizeM":"_sizeM_1yb9ikn_9","sizeL":"_sizeL_1yb9ikn_12","classic":"_classic_1yb9ikn_16","rock":"_rock_1yb9ikn_26","listBox":"_listBox_1yb9ikn_37","item":"_item_1yb9ikn_53","selected":"_selected_1yb9ikn_91","disabled":"_disabled_1yb9ikn_105","checkIcon":"_checkIcon_1yb9ikn_112","visible":"_visible_1yb9ikn_119","divider":"_divider_1yb9ikn_126","groupHeader":"_groupHeader_1yb9ikn_140"};
+var styles = {"sizeS":"_sizeS_l6j8nc_6","sizeM":"_sizeM_l6j8nc_9","sizeL":"_sizeL_l6j8nc_12","classic":"_classic_l6j8nc_16","rock":"_rock_l6j8nc_26","listBox":"_listBox_l6j8nc_37","item":"_item_l6j8nc_53","selected":"_selected_l6j8nc_91","disabled":"_disabled_l6j8nc_105","checkIcon":"_checkIcon_l6j8nc_112","visible":"_visible_l6j8nc_119","divider":"_divider_l6j8nc_126","groupHeader":"_groupHeader_l6j8nc_140"};
 
 export { styles as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/select",
-  "version": "0.23.0",
+  "version": "0.23.1",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -16,7 +16,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@rescui/dropdown": "^0.13.4",
+    "@rescui/dropdown": "^0.14.0",
     "@rescui/form-field": "^0.3.3",
     "@rescui/tag": "^0.16.3",
     "@rescui/use-resize-observer": "^0.5.0",
@@ -28,7 +28,8 @@
   "peerDependencies": {
     "@rescui/ui-contexts": "^0.7.0 || ^0.8.0",
     "prop-types": "^15",
-    "react": ">=17.0.0 <20"
+    "react": ">=17.0.0 <20",
+    "react-dom": ">=17.0.0 <20"
   },
   "devDependencies": {
     "@rescui/colors": "^0.3.6",
@@ -42,5 +43,5 @@
     "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
   },
   "nx": {},
-  "gitHead": "de39487aaf7fa1351451b7a4c73b0f6024551e5a"
+  "gitHead": "d6b7459741eae7931b60e9145216fd334fbb0b80"
 }