@rescui/select 0.18.4 → 0.19.0

package/lib/select.js

@@ -1,4 +1,6 @@
 "use client";
+import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
+import { c } from 'react-compiler-runtime';
 import React from 'react';
 import PropTypes from 'prop-types';
 import { ErrorMessage } from '@rescui/form-field';
@@ -22,64 +24,234 @@ const MODE_STYLES = {
   rock: styles.rock
 };
 
-const Select = _ref => {
-  let {
-    options = [],
-    size = 'm',
-    mode = 'classic',
-    theme: themeFromProps,
-    className,
-    style,
-    value,
-    onChange,
-    placeholder,
-    isClearable = false,
-    isLoading = false,
-    isDisabled = false,
-    isSearchable = false,
-    noOptionsMessage,
-    error,
-    placement = 'bottom',
-    renderInTrigger = false,
-    disableFlip = false,
-    boldLabel = true,
-    reserveErrorLine = false,
-    note,
-    maxVisibleItems = 5,
-    id,
-    ...restProps
-  } = _ref;
+const Select = t0 => {
+  const $ = c(65);
+  let className;
+  let error;
+  let id;
+  let noOptionsMessage;
+  let note;
+  let onChange;
+  let placeholder;
+  let restProps;
+  let style;
+  let t1;
+  let t10;
+  let t11;
+  let t12;
+  let t13;
+  let t2;
+  let t3;
+  let t4;
+  let t5;
+  let t6;
+  let t7;
+  let t8;
+  let t9;
+  let themeFromProps;
+  let value;
+
+  if ($[0] !== t0) {
+    ({
+      options: t1,
+      size: t2,
+      mode: t3,
+      theme: themeFromProps,
+      className,
+      style,
+      value,
+      onChange,
+      placeholder,
+      isClearable: t4,
+      isLoading: t5,
+      isDisabled: t6,
+      isSearchable: t7,
+      noOptionsMessage,
+      error,
+      placement: t8,
+      renderInTrigger: t9,
+      disableFlip: t10,
+      boldLabel: t11,
+      reserveErrorLine: t12,
+      note,
+      maxVisibleItems: t13,
+      id,
+      ...restProps
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = error;
+    $[3] = id;
+    $[4] = noOptionsMessage;
+    $[5] = note;
+    $[6] = onChange;
+    $[7] = placeholder;
+    $[8] = restProps;
+    $[9] = style;
+    $[10] = t1;
+    $[11] = t10;
+    $[12] = t11;
+    $[13] = t12;
+    $[14] = t13;
+    $[15] = t2;
+    $[16] = t3;
+    $[17] = t4;
+    $[18] = t5;
+    $[19] = t6;
+    $[20] = t7;
+    $[21] = t8;
+    $[22] = t9;
+    $[23] = themeFromProps;
+    $[24] = value;
+  } else {
+    className = $[1];
+    error = $[2];
+    id = $[3];
+    noOptionsMessage = $[4];
+    note = $[5];
+    onChange = $[6];
+    placeholder = $[7];
+    restProps = $[8];
+    style = $[9];
+    t1 = $[10];
+    t10 = $[11];
+    t11 = $[12];
+    t12 = $[13];
+    t13 = $[14];
+    t2 = $[15];
+    t3 = $[16];
+    t4 = $[17];
+    t5 = $[18];
+    t6 = $[19];
+    t7 = $[20];
+    t8 = $[21];
+    t9 = $[22];
+    themeFromProps = $[23];
+    value = $[24];
+  }
+
+  let t14;
+
+  if ($[25] !== t1) {
+    t14 = t1 === undefined ? [] : t1;
+    $[25] = t1;
+    $[26] = t14;
+  } else {
+    t14 = $[26];
+  }
+
+  const options = t14;
+  const size = t2 === undefined ? "m" : t2;
+  const mode = t3 === undefined ? "classic" : t3;
+  const isClearable = t4 === undefined ? false : t4;
+  const isLoading = t5 === undefined ? false : t5;
+  const isDisabled = t6 === undefined ? false : t6;
+  const isSearchable = t7 === undefined ? false : t7;
+  const placement = t8 === undefined ? "bottom" : t8;
+  const renderInTrigger = t9 === undefined ? false : t9;
+  const disableFlip = t10 === undefined ? false : t10;
+  const boldLabel = t11 === undefined ? true : t11;
+  const reserveErrorLine = t12 === undefined ? false : t12;
+  const maxVisibleItems = t13 === undefined ? 5 : t13;
   const theme = useThemeWithUndefined(themeFromProps);
   const InnerSingleComponent = isSearchable ? SelectSearchable : SelectBasic;
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn(className, styles.root, THEME_STYLES[theme], SIZE_STYLES[size], MODE_STYLES[mode], isDisabled ? styles.disabled : styles.enabled, Boolean(error) && styles.error, isSearchable && styles.searchable),
-    id: id,
-    style: style,
-    "data-test": "select"
-  }, /*#__PURE__*/React.createElement(InnerSingleComponent, { ...restProps,
-    options: options,
-    size: size,
-    mode: mode,
-    theme: theme,
-    className: className,
-    id: id,
-    style: style,
-    value: value,
-    onChange: onChange,
-    placeholder: placeholder,
-    isClearable: isClearable,
-    isLoading: isLoading,
-    isDisabled: isDisabled,
-    noOptionsMessage: noOptionsMessage,
-    error: error,
-    placement: placement,
-    renderInTrigger: renderInTrigger,
-    disableFlip: disableFlip,
-    boldLabel: boldLabel,
-    reserveErrorLine: reserveErrorLine,
-    note: note,
-    maxVisibleItems: maxVisibleItems
-  }));
+  const t15 = THEME_STYLES[theme];
+  const t16 = SIZE_STYLES[size];
+  const t17 = MODE_STYLES[mode];
+  const t18 = isDisabled ? styles.disabled : styles.enabled;
+  const t19 = Boolean(error) && styles.error;
+  const t20 = isSearchable && styles.searchable;
+  let t21;
+
+  if ($[27] !== className || $[28] !== t15 || $[29] !== t16 || $[30] !== t17 || $[31] !== t18 || $[32] !== t19 || $[33] !== t20) {
+    t21 = cn(className, styles.root, t15, t16, t17, t18, t19, t20);
+    $[27] = className;
+    $[28] = t15;
+    $[29] = t16;
+    $[30] = t17;
+    $[31] = t18;
+    $[32] = t19;
+    $[33] = t20;
+    $[34] = t21;
+  } else {
+    t21 = $[34];
+  }
+
+  let t22;
+
+  if ($[35] !== InnerSingleComponent || $[36] !== boldLabel || $[37] !== className || $[38] !== disableFlip || $[39] !== error || $[40] !== id || $[41] !== isClearable || $[42] !== isDisabled || $[43] !== isLoading || $[44] !== maxVisibleItems || $[45] !== mode || $[46] !== noOptionsMessage || $[47] !== note || $[48] !== onChange || $[49] !== options || $[50] !== placeholder || $[51] !== placement || $[52] !== renderInTrigger || $[53] !== reserveErrorLine || $[54] !== restProps || $[55] !== size || $[56] !== style || $[57] !== theme || $[58] !== value) {
+    t22 = /*#__PURE__*/React.createElement(InnerSingleComponent, _extends({}, restProps, {
+      options: options,
+      size: size,
+      mode: mode,
+      theme: theme,
+      className: className,
+      id: id,
+      style: style,
+      value: value,
+      onChange: onChange,
+      placeholder: placeholder,
+      isClearable: isClearable,
+      isLoading: isLoading,
+      isDisabled: isDisabled,
+      noOptionsMessage: noOptionsMessage,
+      error: error,
+      placement: placement,
+      renderInTrigger: renderInTrigger,
+      disableFlip: disableFlip,
+      boldLabel: boldLabel,
+      reserveErrorLine: reserveErrorLine,
+      note: note,
+      maxVisibleItems: maxVisibleItems
+    }));
+    $[35] = InnerSingleComponent;
+    $[36] = boldLabel;
+    $[37] = className;
+    $[38] = disableFlip;
+    $[39] = error;
+    $[40] = id;
+    $[41] = isClearable;
+    $[42] = isDisabled;
+    $[43] = isLoading;
+    $[44] = maxVisibleItems;
+    $[45] = mode;
+    $[46] = noOptionsMessage;
+    $[47] = note;
+    $[48] = onChange;
+    $[49] = options;
+    $[50] = placeholder;
+    $[51] = placement;
+    $[52] = renderInTrigger;
+    $[53] = reserveErrorLine;
+    $[54] = restProps;
+    $[55] = size;
+    $[56] = style;
+    $[57] = theme;
+    $[58] = value;
+    $[59] = t22;
+  } else {
+    t22 = $[59];
+  }
+
+  let t23;
+
+  if ($[60] !== id || $[61] !== style || $[62] !== t21 || $[63] !== t22) {
+    t23 = /*#__PURE__*/React.createElement("div", {
+      className: t21,
+      id: id,
+      style: style,
+      "data-test": "select"
+    }, t22);
+    $[60] = id;
+    $[61] = style;
+    $[62] = t21;
+    $[63] = t22;
+    $[64] = t23;
+  } else {
+    t23 = $[64];
+  }
+
+  return t23;
 };
 
 Select.propTypes = {

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

@@ -1,32 +1,32 @@
 var styles = {
-  "themeLight": "_themeLight_1scc37q_6",
-  "themeDark": "_themeDark_1scc37q_9",
-  "sizeS": "_sizeS_1scc37q_13",
-  "sizeM": "_sizeM_1scc37q_16",
-  "sizeL": "_sizeL_1scc37q_19",
-  "classic": "_classic_1scc37q_23",
-  "rock": "_rock_1scc37q_26",
-  "root": "_root_1scc37q_30",
-  "triggerContainer": "_triggerContainer_1scc37q_36",
-  "disabled": "_disabled_1scc37q_41",
-  "trigger": "_trigger_1scc37q_36",
-  "error": "_error_1scc37q_78",
-  "enabled": "_enabled_1scc37q_83",
-  "searchable": "_searchable_1scc37q_98",
-  "canBeMultiline": "_canBeMultiline_1scc37q_124",
-  "triggerText": "_triggerText_1scc37q_128",
-  "searchInput": "_searchInput_1scc37q_129",
-  "labelNotSelected": "_labelNotSelected_1scc37q_159",
-  "multi": "_multi_1scc37q_211",
-  "tagsContainer": "_tagsContainer_1scc37q_226",
-  "tag": "_tag_1scc37q_226",
-  "filledTag": "_filledTag_1scc37q_248",
-  "iconsWrapper": "_iconsWrapper_1scc37q_256",
-  "toggle": "_toggle_1scc37q_274",
-  "icon": "_icon_1scc37q_256",
-  "clearIcon": "_clearIcon_1scc37q_359",
-  "visuallyHidden": "_visuallyHidden_1scc37q_421",
-  "select": "_select_1scc37q_438",
-  "observable": "_observable_1scc37q_460"
+  "themeLight": "_themeLight_gxpge3_6",
+  "themeDark": "_themeDark_gxpge3_9",
+  "sizeS": "_sizeS_gxpge3_13",
+  "sizeM": "_sizeM_gxpge3_16",
+  "sizeL": "_sizeL_gxpge3_19",
+  "classic": "_classic_gxpge3_23",
+  "rock": "_rock_gxpge3_26",
+  "root": "_root_gxpge3_30",
+  "triggerContainer": "_triggerContainer_gxpge3_36",
+  "disabled": "_disabled_gxpge3_41",
+  "trigger": "_trigger_gxpge3_36",
+  "error": "_error_gxpge3_78",
+  "enabled": "_enabled_gxpge3_83",
+  "searchable": "_searchable_gxpge3_98",
+  "canBeMultiline": "_canBeMultiline_gxpge3_124",
+  "triggerText": "_triggerText_gxpge3_128",
+  "searchInput": "_searchInput_gxpge3_129",
+  "labelNotSelected": "_labelNotSelected_gxpge3_159",
+  "multi": "_multi_gxpge3_211",
+  "tagsContainer": "_tagsContainer_gxpge3_226",
+  "tag": "_tag_gxpge3_226",
+  "filledTag": "_filledTag_gxpge3_248",
+  "iconsWrapper": "_iconsWrapper_gxpge3_256",
+  "toggle": "_toggle_gxpge3_274",
+  "icon": "_icon_gxpge3_256",
+  "clearIcon": "_clearIcon_gxpge3_359",
+  "visuallyHidden": "_visuallyHidden_gxpge3_421",
+  "select": "_select_gxpge3_438",
+  "observable": "_observable_gxpge3_460"
 };
 export { styles as default };

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

@@ -1,15 +1,15 @@
 var styles = {
-  "themeLight": "_themeLight_1e63s3b_6",
-  "themeDark": "_themeDark_1e63s3b_9",
-  "sizeS": "_sizeS_1e63s3b_13",
-  "sizeM": "_sizeM_1e63s3b_16",
-  "sizeL": "_sizeL_1e63s3b_19",
-  "main": "_main_1e63s3b_23",
-  "label": "_label_1e63s3b_27",
-  "disabled": "_disabled_1e63s3b_33",
-  "footer": "_footer_1e63s3b_38",
-  "errorMessage": "_errorMessage_1e63s3b_45",
-  "error": "_error_1e63s3b_45",
-  "note": "_note_1e63s3b_54"
+  "themeLight": "_themeLight_m4sgve_6",
+  "themeDark": "_themeDark_m4sgve_9",
+  "sizeS": "_sizeS_m4sgve_13",
+  "sizeM": "_sizeM_m4sgve_16",
+  "sizeL": "_sizeL_m4sgve_19",
+  "main": "_main_m4sgve_23",
+  "label": "_label_m4sgve_27",
+  "disabled": "_disabled_m4sgve_33",
+  "footer": "_footer_m4sgve_38",
+  "errorMessage": "_errorMessage_m4sgve_45",
+  "error": "_error_m4sgve_45",
+  "note": "_note_m4sgve_54"
 };
 export { styles as default };

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

@@ -1,16 +1,16 @@
 var styles = {
-  "sizeS": "_sizeS_1ud47ut_6",
-  "sizeM": "_sizeM_1ud47ut_9",
-  "sizeL": "_sizeL_1ud47ut_12",
-  "classic": "_classic_1ud47ut_16",
-  "rock": "_rock_1ud47ut_26",
-  "listBox": "_listBox_1ud47ut_37",
-  "item": "_item_1ud47ut_53",
-  "selected": "_selected_1ud47ut_91",
-  "disabled": "_disabled_1ud47ut_105",
-  "checkIcon": "_checkIcon_1ud47ut_112",
-  "visible": "_visible_1ud47ut_119",
-  "divider": "_divider_1ud47ut_126",
-  "groupHeader": "_groupHeader_1ud47ut_140"
+  "sizeS": "_sizeS_u0l3i0_6",
+  "sizeM": "_sizeM_u0l3i0_9",
+  "sizeL": "_sizeL_u0l3i0_12",
+  "classic": "_classic_u0l3i0_16",
+  "rock": "_rock_u0l3i0_26",
+  "listBox": "_listBox_u0l3i0_37",
+  "item": "_item_u0l3i0_53",
+  "selected": "_selected_u0l3i0_91",
+  "disabled": "_disabled_u0l3i0_105",
+  "checkIcon": "_checkIcon_u0l3i0_112",
+  "visible": "_visible_u0l3i0_119",
+  "divider": "_divider_u0l3i0_126",
+  "groupHeader": "_groupHeader_u0l3i0_140"
 };
 export { styles as default };

package/lib/utils/get-text-from-nodes.js

@@ -16,7 +16,7 @@ const getTextFromNodes = function (node) {
     return node.map(n => getTextFromNodes(n, depth + 1)).join('');
   }
 
-  if ( /*#__PURE__*/React.isValidElement(node) && node?.type?.toString()?.toLowerCase() !== 'svg') {
+  if ( /*#__PURE__*/ /*#__PURE__*/React.isValidElement(node) && node?.type?.toString()?.toLowerCase() !== 'svg') {
     return getTextFromNodes(node.props.children, depth + 1);
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/select",
-  "version": "0.18.4",
+  "version": "0.19.0",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -17,23 +17,24 @@
   },
   "dependencies": {
     "@babel/runtime-corejs3": "^7.26.0",
-    "@rescui/dropdown": "^0.11.2",
-    "@rescui/form-field": "^0.1.7",
-    "@rescui/tag": "^0.13.13",
-    "@rescui/use-resize-observer": "^0.3.4",
+    "@rescui/dropdown": "^0.12.0",
+    "@rescui/form-field": "^0.2.0",
+    "@rescui/tag": "^0.14.0",
+    "@rescui/use-resize-observer": "^0.4.0",
     "classnames": "^2.2.6",
-    "downshift": "^9.3.2",
+    "downshift": "^9.4.0",
+    "react-compiler-runtime": "^1.0.0",
     "scroll-into-view-if-needed": "3.1.0"
   },
   "peerDependencies": {
     "@rescui/ui-contexts": "^0.6.0",
     "prop-types": "^15",
-    "react": ">=16.8.0 <20"
+    "react": ">=17.0.0 <20"
   },
   "devDependencies": {
-    "@rescui/colors": "^0.3.3",
-    "@rescui/scripts": "^0.5.2",
-    "@rescui/typography": "^0.27.4",
+    "@rescui/colors": "^0.3.4",
+    "@rescui/scripts": "^0.5.3",
+    "@rescui/typography": "^0.28.0",
     "@rescui/visual-regression": "^0.1.4",
     "sniffr": "^1.2.0"
   },
@@ -42,5 +43,5 @@
     "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
   },
   "nx": {},
-  "gitHead": "088ae53b3deca2dbdcd11c8519ab6a0e70deeb23"
+  "gitHead": "8ffbbe20b8bcbb9ea15204113ab603675d4c03cd"
 }