@rescui/select 0.18.4 → 0.19.0

package/lib/parts/form-trigger-wrapper.js

@@ -1,3 +1,5 @@
+import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
+import { c } from 'react-compiler-runtime';
 import React from 'react';
 import cn from 'classnames';
 import { useThemeWithUndefined } from '@rescui/ui-contexts';
@@ -13,46 +15,164 @@ const THEME_STYLES = {
   dark: styles.themeDark
 };
 const FormTriggerWrapper = /*#__PURE__*/React.forwardRef( // eslint-disable-next-line complexity
-(_ref, ref) => {
-  let {
-    size,
-    theme: themeFromProps,
-    className,
-    disabled,
-    error,
-    reserveErrorLine = false,
-    errorMessageProps,
-    label,
-    labelProps,
-    note,
-    descriptionProps,
-    children,
-    boldLabel,
-    ...restProps
-  } = _ref;
+(t0, ref) => {
+  const $ = c(43);
+  let boldLabel;
+  let children;
+  let className;
+  let descriptionProps;
+  let disabled;
+  let error;
+  let errorMessageProps;
+  let label;
+  let labelProps;
+  let note;
+  let restProps;
+  let size;
+  let t1;
+  let themeFromProps;
+
+  if ($[0] !== t0) {
+    ({
+      size,
+      theme: themeFromProps,
+      className,
+      disabled,
+      error,
+      reserveErrorLine: t1,
+      errorMessageProps,
+      label,
+      labelProps,
+      note,
+      descriptionProps,
+      children,
+      boldLabel,
+      ...restProps
+    } = t0);
+    $[0] = t0;
+    $[1] = boldLabel;
+    $[2] = children;
+    $[3] = className;
+    $[4] = descriptionProps;
+    $[5] = disabled;
+    $[6] = error;
+    $[7] = errorMessageProps;
+    $[8] = label;
+    $[9] = labelProps;
+    $[10] = note;
+    $[11] = restProps;
+    $[12] = size;
+    $[13] = t1;
+    $[14] = themeFromProps;
+  } else {
+    boldLabel = $[1];
+    children = $[2];
+    className = $[3];
+    descriptionProps = $[4];
+    disabled = $[5];
+    error = $[6];
+    errorMessageProps = $[7];
+    label = $[8];
+    labelProps = $[9];
+    note = $[10];
+    restProps = $[11];
+    size = $[12];
+    t1 = $[13];
+    themeFromProps = $[14];
+  }
+
+  const reserveErrorLine = t1 === undefined ? false : t1;
   const theme = useThemeWithUndefined(themeFromProps);
-  const hasFooter = Boolean(note) || shouldRenderErrorMessage(error, reserveErrorLine);
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn(className, styles.main, SIZE_STYLES[size], THEME_STYLES[theme], Boolean(error) && styles.error, disabled && styles.disabled),
-    ref: ref,
-    "data-test": "select-wrapper",
-    "data-rs-internal": 'select-form-trigger-wrapper',
-    ...restProps
-  }, label && /*#__PURE__*/React.createElement("div", {
-    className: styles.label,
-    "data-rs-internal": boldLabel ? 'select-form-trigger-wrapper__bold-label' : 'select-form-trigger-wrapper__label',
-    ...labelProps
-  }, label), children, hasFooter && /*#__PURE__*/React.createElement("div", {
-    className: styles.footer
-  }, /*#__PURE__*/React.createElement(ErrorMessage, {
-    className: styles.errorMessage,
-    reserveLine: reserveErrorLine,
-    ...errorMessageProps
-  }, error), note && /*#__PURE__*/React.createElement("div", {
-    className: styles.note,
-    "data-rs-internal": 'select-form-trigger-wrapper__note',
-    ...descriptionProps
-  }, note)));
+  let t2;
+
+  if ($[15] !== error || $[16] !== note || $[17] !== reserveErrorLine) {
+    t2 = Boolean(note) || shouldRenderErrorMessage(error, reserveErrorLine);
+    $[15] = error;
+    $[16] = note;
+    $[17] = reserveErrorLine;
+    $[18] = t2;
+  } else {
+    t2 = $[18];
+  }
+
+  const hasFooter = t2;
+  const t3 = SIZE_STYLES[size];
+  const t4 = THEME_STYLES[theme];
+  const t5 = Boolean(error) && styles.error;
+  const t6 = disabled && styles.disabled;
+  let t7;
+
+  if ($[19] !== className || $[20] !== t3 || $[21] !== t4 || $[22] !== t5 || $[23] !== t6) {
+    t7 = cn(className, styles.main, t3, t4, t5, t6);
+    $[19] = className;
+    $[20] = t3;
+    $[21] = t4;
+    $[22] = t5;
+    $[23] = t6;
+    $[24] = t7;
+  } else {
+    t7 = $[24];
+  }
+
+  let t8;
+
+  if ($[25] !== boldLabel || $[26] !== label || $[27] !== labelProps) {
+    t8 = label && /*#__PURE__*/React.createElement("div", _extends({
+      className: styles.label,
+      "data-rs-internal": boldLabel ? "select-form-trigger-wrapper__bold-label" : "select-form-trigger-wrapper__label"
+    }, labelProps), label);
+    $[25] = boldLabel;
+    $[26] = label;
+    $[27] = labelProps;
+    $[28] = t8;
+  } else {
+    t8 = $[28];
+  }
+
+  let t9;
+
+  if ($[29] !== descriptionProps || $[30] !== error || $[31] !== errorMessageProps || $[32] !== hasFooter || $[33] !== note || $[34] !== reserveErrorLine) {
+    t9 = hasFooter && /*#__PURE__*/React.createElement("div", {
+      className: styles.footer
+    }, /*#__PURE__*/React.createElement(ErrorMessage, _extends({
+      className: styles.errorMessage,
+      reserveLine: reserveErrorLine
+    }, errorMessageProps), error), note && /*#__PURE__*/React.createElement("div", _extends({
+      className: styles.note,
+      "data-rs-internal": "select-form-trigger-wrapper__note"
+    }, descriptionProps), note));
+    $[29] = descriptionProps;
+    $[30] = error;
+    $[31] = errorMessageProps;
+    $[32] = hasFooter;
+    $[33] = note;
+    $[34] = reserveErrorLine;
+    $[35] = t9;
+  } else {
+    t9 = $[35];
+  }
+
+  let t10;
+
+  if ($[36] !== children || $[37] !== ref || $[38] !== restProps || $[39] !== t7 || $[40] !== t8 || $[41] !== t9) {
+    t10 = /*#__PURE__*/React.createElement("div", _extends({
+      className: t7,
+      ref: ref,
+      "data-test": "select-wrapper",
+      "data-rs-internal": "select-form-trigger-wrapper"
+    }, restProps), t8, children, t9);
+    $[36] = children;
+    $[37] = ref;
+    $[38] = restProps;
+    $[39] = t7;
+    $[40] = t8;
+    $[41] = t9;
+    $[42] = t10;
+  } else {
+    t10 = $[42];
+  }
+
+  return t10;
 });
 FormTriggerWrapper.displayName = 'FormTriggerWrapper';
 export { FormTriggerWrapper, FormTriggerWrapper as default };

package/lib/parts/hidden-select.js

@@ -1,47 +1,123 @@
+import { c } from 'react-compiler-runtime';
 import React from 'react';
 import styles from '../styles/common.p.module.css.js';
 
 const shouldRenderOption = option => 'value' in option && String(option.value);
 
-const HiddenSelect = _ref => {
-  let {
+const HiddenSelect = t0 => {
+  const $ = c(16);
+  const {
     name,
     options,
     value,
     isMultiple
-  } = _ref;
-  const selectProps = {
-    name,
-    'aria-hidden': true,
-    readOnly: true,
-    tabIndex: -1
-  };
+  } = t0;
+  let selectProps;
+
+  if ($[0] !== isMultiple || $[1] !== name || $[2] !== value) {
+    selectProps = {
+      name,
+      "aria-hidden": true,
+      readOnly: true,
+      tabIndex: -1
+    };
+
+    if (isMultiple) {
+      selectProps.multiple = true;
 
-  if (isMultiple) {
-    selectProps.multiple = true;
+      if (value && value.length !== 0) {
+        let t1;
 
-    if (value && value.length !== 0) {
-      selectProps.value = value.map(v => String(v.value));
+        if ($[4] !== value) {
+          t1 = value.map(_temp);
+          $[4] = value;
+          $[5] = t1;
+        } else {
+          t1 = $[5];
+        }
+
+        selectProps.value = t1;
+      }
+    } else {
+      if (value) {
+        const singleValue = value;
+        selectProps.value = singleValue.value;
+      }
     }
-  } else if (value) {
-    const singleValue = value;
-    selectProps.value = singleValue.value;
+
+    $[0] = isMultiple;
+    $[1] = name;
+    $[2] = value;
+    $[3] = selectProps;
+  } else {
+    selectProps = $[3];
+  }
+
+  let t1;
+
+  if ($[6] !== isMultiple || $[7] !== options || $[8] !== value) {
+    const arrayValue = isMultiple ? value : [value];
+    t1 = Array.from(new Map((!value ? options : [...options, ...arrayValue]).map(_temp2)).values()).filter(shouldRenderOption);
+    $[6] = isMultiple;
+    $[7] = options;
+    $[8] = value;
+    $[9] = t1;
+  } else {
+    t1 = $[9];
+  }
+
+  const allItems = t1;
+  let t2;
+
+  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /*#__PURE__*/React.createElement("option", {
+      value: "",
+      label: "\xA0"
+    }, "\xA0");
+    $[10] = t2;
+  } else {
+    t2 = $[10];
   }
 
-  const arrayValue = isMultiple ? value : [value]; // merge options with value in case the provided value is not included in options
-
-  const allItems = Array.from( // map will deduplicate options by values
-  new Map((!value ? options : [...options, ...arrayValue]).map(item => [item.value, item])).values()).filter(shouldRenderOption);
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.visuallyHidden
-  }, /*#__PURE__*/React.createElement("select", { ...selectProps
-  }, /*#__PURE__*/React.createElement("option", {
-    value: "",
-    label: '\u00A0'
-  }, '\u00A0'), allItems.map(option => /*#__PURE__*/React.createElement("option", {
+  let t3;
+
+  if ($[11] !== allItems) {
+    t3 = allItems.map(_temp3);
+    $[11] = allItems;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+
+  let t4;
+
+  if ($[13] !== selectProps || $[14] !== t3) {
+    t4 = /*#__PURE__*/React.createElement("div", {
+      className: styles.visuallyHidden
+    }, /*#__PURE__*/React.createElement("select", selectProps, t2, t3));
+    $[13] = selectProps;
+    $[14] = t3;
+    $[15] = t4;
+  } else {
+    t4 = $[15];
+  }
+
+  return t4;
+};
+
+function _temp(v) {
+  return String(v.value);
+}
+
+function _temp2(item) {
+  return [item.value, item];
+}
+
+function _temp3(option) {
+  return /*#__PURE__*/React.createElement("option", {
     key: option.value,
     value: option.value
-  }, option.label))));
-};
+  }, option.label);
+}
 
 export { HiddenSelect };

package/lib/parts/icons.js

@@ -1,3 +1,5 @@
+import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
+import { c } from 'react-compiler-runtime';
 import React from 'react';
 import cn from 'classnames';
 import CloseOutlineIcon from '../_virtual/close-outline.js';
@@ -5,67 +7,207 @@ import LoadingOutlineIcon from '../_virtual/loading-outline.js';
 import DownOutlineIcon from '../_virtual/down-outline.js';
 import styles from '../styles/common.p.module.css.js';
 
-const ClearOrLoading = _ref => {
-  let {
+const ClearOrLoading = t0 => {
+  const $ = c(14);
+  const {
     isLoading,
     canHaveClearIcon,
     onClearClick,
     triggerId,
     className
-  } = _ref;
+  } = t0;
 
   if (isLoading) {
-    return /*#__PURE__*/React.createElement(LoadingOutlineIcon, {
-      style: {
-        pointerEvents: 'none'
-      },
-      className: cn(className, styles.icon),
-      "data-test": "loading-icon",
-      "data-render-all-sizes": true
+    let t1;
+
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      t1 = {
+        pointerEvents: "none"
+      };
+      $[0] = t1;
+    } else {
+      t1 = $[0];
+    }
+
+    let t2;
+
+    if ($[1] !== className) {
+      t2 = cn(className, styles.icon);
+      $[1] = className;
+      $[2] = t2;
+    } else {
+      t2 = $[2];
+    }
+
+    let t3;
+
+    if ($[3] !== t2) {
+      t3 = /*#__PURE__*/React.createElement(LoadingOutlineIcon, {
+        style: t1,
+        className: t2,
+        "data-test": "loading-icon",
+        "data-render-all-sizes": true
+      });
+      $[3] = t2;
+      $[4] = t3;
+    } else {
+      t3 = $[4];
+    }
+
+    return t3;
+  } else {
+    if (canHaveClearIcon) {
+      let t1;
+
+      if ($[5] !== className) {
+        t1 = cn(className, styles.icon, styles.clearIcon);
+        $[5] = className;
+        $[6] = t1;
+      } else {
+        t1 = $[6];
+      }
+
+      let t2;
+
+      if ($[7] !== onClearClick) {
+        t2 = e => {
+          e.stopPropagation();
+          onClearClick();
+        };
+
+        $[7] = onClearClick;
+        $[8] = t2;
+      } else {
+        t2 = $[8];
+      }
+
+      let t3;
+
+      if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = /*#__PURE__*/React.createElement(CloseOutlineIcon, {
+          "data-render-all-sizes": true
+        });
+        $[9] = t3;
+      } else {
+        t3 = $[9];
+      }
+
+      let t4;
+
+      if ($[10] !== t1 || $[11] !== t2 || $[12] !== triggerId) {
+        t4 = /*#__PURE__*/React.createElement("button", {
+          type: "button",
+          className: t1,
+          "data-test": "clear-icon",
+          onClick: t2,
+          onPointerDown: _temp,
+          onMouseDown: _temp2,
+          onKeyDown: _temp3,
+          "aria-label": "Clear",
+          "aria-controls": triggerId
+        }, t3);
+        $[10] = t1;
+        $[11] = t2;
+        $[12] = triggerId;
+        $[13] = t4;
+      } else {
+        t4 = $[13];
+      }
+
+      return t4;
+    } else {
+      return null;
+    }
+  }
+};
+
+const Icons = t0 => {
+  const $ = c(15);
+  let canHaveClearIcon;
+  let isLoading;
+  let onClear;
+  let restProps;
+  let triggerId;
+
+  if ($[0] !== t0) {
+    ({
+      isLoading,
+      canHaveClearIcon,
+      onClear,
+      triggerId,
+      ...restProps
+    } = t0);
+    $[0] = t0;
+    $[1] = canHaveClearIcon;
+    $[2] = isLoading;
+    $[3] = onClear;
+    $[4] = restProps;
+    $[5] = triggerId;
+  } else {
+    canHaveClearIcon = $[1];
+    isLoading = $[2];
+    onClear = $[3];
+    restProps = $[4];
+    triggerId = $[5];
+  }
+
+  let t1;
+
+  if ($[6] !== canHaveClearIcon || $[7] !== isLoading || $[8] !== onClear || $[9] !== triggerId) {
+    t1 = /*#__PURE__*/React.createElement(ClearOrLoading, {
+      isLoading: isLoading,
+      canHaveClearIcon: canHaveClearIcon,
+      onClearClick: onClear,
+      triggerId: triggerId
     });
-  } else if (canHaveClearIcon) {
-    return /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      className: cn(className, styles.icon, styles.clearIcon),
-      "data-test": "clear-icon",
-      onClick: e => {
-        e.stopPropagation();
-        onClearClick();
-      },
-      onPointerDown: e => e.stopPropagation(),
-      onMouseDown: e => e.stopPropagation(),
-      onKeyDown: e => e.stopPropagation(),
-      "aria-label": "Clear",
-      "aria-controls": triggerId
-    }, /*#__PURE__*/React.createElement(CloseOutlineIcon, {
+    $[6] = canHaveClearIcon;
+    $[7] = isLoading;
+    $[8] = onClear;
+    $[9] = triggerId;
+    $[10] = t1;
+  } else {
+    t1 = $[10];
+  }
+
+  let t2;
+
+  if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /*#__PURE__*/React.createElement(DownOutlineIcon, {
+      className: styles.toggle,
+      "data-test": "toggle-icon",
       "data-render-all-sizes": true
-    }));
+    });
+    $[11] = t2;
   } else {
-    return null;
+    t2 = $[11];
   }
-};
 
-const Icons = _ref2 => {
-  let {
-    isLoading,
-    canHaveClearIcon,
-    onClear,
-    triggerId,
-    ...restProps
-  } = _ref2;
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.iconsWrapper,
-    ...restProps
-  }, /*#__PURE__*/React.createElement(ClearOrLoading, {
-    isLoading: isLoading,
-    canHaveClearIcon: canHaveClearIcon,
-    onClearClick: onClear,
-    triggerId: triggerId
-  }), /*#__PURE__*/React.createElement(DownOutlineIcon, {
-    className: styles.toggle,
-    "data-test": "toggle-icon",
-    "data-render-all-sizes": true
-  }));
+  let t3;
+
+  if ($[12] !== restProps || $[13] !== t1) {
+    t3 = /*#__PURE__*/React.createElement("div", _extends({
+      className: styles.iconsWrapper
+    }, restProps), t1, t2);
+    $[12] = restProps;
+    $[13] = t1;
+    $[14] = t3;
+  } else {
+    t3 = $[14];
+  }
+
+  return t3;
 };
 
+function _temp(e_0) {
+  return e_0.stopPropagation();
+}
+
+function _temp2(e_1) {
+  return e_1.stopPropagation();
+}
+
+function _temp3(e_2) {
+  return e_2.stopPropagation();
+}
+
 export { ClearOrLoading, Icons };