@rescui/select 0.18.1-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.10 → 0.18.1-RUI-297-Add-react-compiler-to-the-packages-build-8aaaed4be.39

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_139fhsh_6",
-  "themeDark": "_themeDark_139fhsh_9",
-  "sizeS": "_sizeS_139fhsh_13",
-  "sizeM": "_sizeM_139fhsh_16",
-  "sizeL": "_sizeL_139fhsh_19",
-  "classic": "_classic_139fhsh_23",
-  "rock": "_rock_139fhsh_26",
-  "root": "_root_139fhsh_30",
-  "triggerContainer": "_triggerContainer_139fhsh_36",
-  "disabled": "_disabled_139fhsh_41",
-  "trigger": "_trigger_139fhsh_36",
-  "error": "_error_139fhsh_78",
-  "enabled": "_enabled_139fhsh_83",
-  "searchable": "_searchable_139fhsh_98",
-  "canBeMultiline": "_canBeMultiline_139fhsh_125",
-  "triggerText": "_triggerText_139fhsh_129",
-  "searchInput": "_searchInput_139fhsh_130",
-  "labelNotSelected": "_labelNotSelected_139fhsh_161",
-  "multi": "_multi_139fhsh_217",
-  "tagsContainer": "_tagsContainer_139fhsh_234",
-  "tag": "_tag_139fhsh_234",
-  "filledTag": "_filledTag_139fhsh_256",
-  "iconsWrapper": "_iconsWrapper_139fhsh_264",
-  "toggle": "_toggle_139fhsh_282",
-  "icon": "_icon_139fhsh_264",
-  "clearIcon": "_clearIcon_139fhsh_356",
-  "visuallyHidden": "_visuallyHidden_139fhsh_416",
-  "select": "_select_139fhsh_433",
-  "observable": "_observable_139fhsh_455"
+  "themeLight": "_themeLight_1p7dxd5_6",
+  "themeDark": "_themeDark_1p7dxd5_9",
+  "sizeS": "_sizeS_1p7dxd5_13",
+  "sizeM": "_sizeM_1p7dxd5_16",
+  "sizeL": "_sizeL_1p7dxd5_19",
+  "classic": "_classic_1p7dxd5_23",
+  "rock": "_rock_1p7dxd5_26",
+  "root": "_root_1p7dxd5_30",
+  "triggerContainer": "_triggerContainer_1p7dxd5_36",
+  "disabled": "_disabled_1p7dxd5_41",
+  "trigger": "_trigger_1p7dxd5_36",
+  "error": "_error_1p7dxd5_78",
+  "enabled": "_enabled_1p7dxd5_83",
+  "searchable": "_searchable_1p7dxd5_98",
+  "canBeMultiline": "_canBeMultiline_1p7dxd5_125",
+  "triggerText": "_triggerText_1p7dxd5_129",
+  "searchInput": "_searchInput_1p7dxd5_130",
+  "labelNotSelected": "_labelNotSelected_1p7dxd5_161",
+  "multi": "_multi_1p7dxd5_217",
+  "tagsContainer": "_tagsContainer_1p7dxd5_234",
+  "tag": "_tag_1p7dxd5_234",
+  "filledTag": "_filledTag_1p7dxd5_256",
+  "iconsWrapper": "_iconsWrapper_1p7dxd5_264",
+  "toggle": "_toggle_1p7dxd5_282",
+  "icon": "_icon_1p7dxd5_264",
+  "clearIcon": "_clearIcon_1p7dxd5_356",
+  "visuallyHidden": "_visuallyHidden_1p7dxd5_416",
+  "select": "_select_1p7dxd5_433",
+  "observable": "_observable_1p7dxd5_455"
 };
 export { styles as default };

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

@@ -1,15 +1,15 @@
 var styles = {
-  "themeLight": "_themeLight_la55w1_6",
-  "themeDark": "_themeDark_la55w1_9",
-  "sizeS": "_sizeS_la55w1_13",
-  "sizeM": "_sizeM_la55w1_16",
-  "sizeL": "_sizeL_la55w1_19",
-  "main": "_main_la55w1_23",
-  "label": "_label_la55w1_27",
-  "disabled": "_disabled_la55w1_33",
-  "footer": "_footer_la55w1_38",
-  "errorMessage": "_errorMessage_la55w1_45",
-  "error": "_error_la55w1_45",
-  "note": "_note_la55w1_54"
+  "themeLight": "_themeLight_bk3jah_6",
+  "themeDark": "_themeDark_bk3jah_9",
+  "sizeS": "_sizeS_bk3jah_13",
+  "sizeM": "_sizeM_bk3jah_16",
+  "sizeL": "_sizeL_bk3jah_19",
+  "main": "_main_bk3jah_23",
+  "label": "_label_bk3jah_27",
+  "disabled": "_disabled_bk3jah_33",
+  "footer": "_footer_bk3jah_38",
+  "errorMessage": "_errorMessage_bk3jah_45",
+  "error": "_error_bk3jah_45",
+  "note": "_note_bk3jah_54"
 };
 export { styles as default };

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

@@ -1,16 +1,16 @@
 var styles = {
-  "sizeS": "_sizeS_1d7auo3_6",
-  "sizeM": "_sizeM_1d7auo3_9",
-  "sizeL": "_sizeL_1d7auo3_12",
-  "classic": "_classic_1d7auo3_16",
-  "rock": "_rock_1d7auo3_19",
-  "listBox": "_listBox_1d7auo3_23",
-  "item": "_item_1d7auo3_39",
-  "selected": "_selected_1d7auo3_77",
-  "disabled": "_disabled_1d7auo3_91",
-  "checkIcon": "_checkIcon_1d7auo3_98",
-  "visible": "_visible_1d7auo3_105",
-  "divider": "_divider_1d7auo3_112",
-  "groupHeader": "_groupHeader_1d7auo3_126"
+  "sizeS": "_sizeS_1dc2u57_6",
+  "sizeM": "_sizeM_1dc2u57_9",
+  "sizeL": "_sizeL_1dc2u57_12",
+  "classic": "_classic_1dc2u57_16",
+  "rock": "_rock_1dc2u57_26",
+  "listBox": "_listBox_1dc2u57_37",
+  "item": "_item_1dc2u57_53",
+  "selected": "_selected_1dc2u57_91",
+  "disabled": "_disabled_1dc2u57_105",
+  "checkIcon": "_checkIcon_1dc2u57_112",
+  "visible": "_visible_1dc2u57_119",
+  "divider": "_divider_1dc2u57_126",
+  "groupHeader": "_groupHeader_1dc2u57_140"
 };
 export { styles as default };

package/lib/types.d.ts

@@ -57,6 +57,7 @@ export type NoOptionsMessage = string | NoOptionsMessageConfig;
 export type SelectProps = {
     /**
      * Value of the select
+     * @rawDefaultValue
      */
     value?: SelectOption | null;
     /**
@@ -71,6 +72,7 @@ export type SelectProps = {
     id?: string;
     /**
      * Array of options or option groups
+     * @rawDefaultValue
      */
     options?: (SelectOption | SelectOptionsGroup)[] | null;
     /**
@@ -157,6 +159,7 @@ export type SelectProps = {
 export type MultiselectProps = {
     /**
      * Value of the multiselect (array of selected options)
+     * @rawDefaultValue
      */
     value?: SelectOption[] | null;
     /**
@@ -176,12 +179,14 @@ export type TriggerFuncProps = {
     focused: boolean;
 };
 export type NativeSelectProps = {
+    /** @rawDefaultValue */
     options?: (NativeSelectOption | NativeSelectOptionsGroup)[];
     size?: SelectSize;
     theme?: Theme;
     className?: string;
     id?: string;
     style?: React.CSSProperties;
+    /** @rawDefaultValue */
     value?: NativeSelectOption | null;
     onChange?: (newValue: NativeSelectOption | null) => void;
     placeholder?: string;

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.1-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.10+dbbefd7b8",
+  "version": "0.18.1-RUI-297-Add-react-compiler-to-the-packages-build-8aaaed4be.39+8aaaed4be",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -17,12 +17,13 @@
   },
   "dependencies": {
     "@babel/runtime-corejs3": "^7.26.0",
-    "@rescui/dropdown": "0.11.1-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.10+dbbefd7b8",
-    "@rescui/form-field": "0.1.6-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.14+dbbefd7b8",
-    "@rescui/tag": "0.13.12-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.14+dbbefd7b8",
-    "@rescui/use-resize-observer": "0.3.4-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.10+dbbefd7b8",
+    "@rescui/dropdown": "0.11.1-RUI-297-Add-react-compiler-to-the-packages-build-8aaaed4be.39+8aaaed4be",
+    "@rescui/form-field": "0.1.6-RUI-297-Add-react-compiler-to-the-packages-build-8aaaed4be.43+8aaaed4be",
+    "@rescui/tag": "0.13.12-RUI-297-Add-react-compiler-to-the-packages-build-8aaaed4be.43+8aaaed4be",
+    "@rescui/use-resize-observer": "0.3.4-RUI-297-Add-react-compiler-to-the-packages-build-8aaaed4be.39+8aaaed4be",
     "classnames": "^2.2.6",
     "downshift": "^9.3.2",
+    "react-compiler-runtime": "^1.0.0",
     "scroll-into-view-if-needed": "3.1.0"
   },
   "peerDependencies": {
@@ -31,9 +32,9 @@
     "react": ">=17.0.0 <20"
   },
   "devDependencies": {
-    "@rescui/colors": "0.3.3-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.14+dbbefd7b8",
+    "@rescui/colors": "0.3.3-RUI-297-Add-react-compiler-to-the-packages-build-8aaaed4be.43+8aaaed4be",
     "@rescui/scripts": "0.5.2",
-    "@rescui/typography": "0.27.3-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.14+dbbefd7b8",
+    "@rescui/typography": "0.27.3-RUI-297-Add-react-compiler-to-the-packages-build-8aaaed4be.43+8aaaed4be",
     "@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": "dbbefd7b8e24da18262edf3baffa35039ae01af3"
+  "gitHead": "8aaaed4bee650c002b7f195438380b70c31cc5a4"
 }