@rescui/checkbox 0.11.3-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.14 → 0.11.3-RUI-297-Add-react-compiler-to-the-packages-build-8aaaed4be.43

package/lib/parts/checkbox-control-inner.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 PropTypes from 'prop-types';
 import cn from 'classnames';
@@ -19,43 +21,173 @@ const MODE_STYLES = {
 };
 const DEFAULT_SIZE = 'm';
 const DEFAULT_MODE = 'classic';
-const CheckboxControlInner = /*#__PURE__*/React.forwardRef(function CheckboxControlInner(_ref, ref) {
-  let {
-    className,
-    // @ts-expect-error: omit children from restProps
-    children,
-    theme: themeFromProps,
-    isError,
-    errorId,
-    disabled,
-    size = DEFAULT_SIZE,
-    mode = DEFAULT_MODE,
-    indeterminate,
-    notUseLabelTag = false,
-    ...restProps
-  } = _ref;
+const CheckboxControlInner = /*#__PURE__*/React.forwardRef(function CheckboxControlInner(t0, ref) {
+  const $ = c(35);
+  let className;
+  let disabled;
+  let errorId;
+  let indeterminate;
+  let isError;
+  let restProps;
+  let t1;
+  let t2;
+  let t3;
+  let themeFromProps;
+
+  if ($[0] !== t0) {
+    const {
+      className: t4,
+      children,
+      theme: t5,
+      isError: t6,
+      errorId: t7,
+      disabled: t8,
+      size: t9,
+      mode: t10,
+      indeterminate: t11,
+      notUseLabelTag: t12,
+      ...t13
+    } = t0;
+    className = t4;
+    themeFromProps = t5;
+    isError = t6;
+    errorId = t7;
+    disabled = t8;
+    t1 = t9;
+    t2 = t10;
+    indeterminate = t11;
+    t3 = t12;
+    restProps = t13;
+    $[0] = t0;
+    $[1] = className;
+    $[2] = disabled;
+    $[3] = errorId;
+    $[4] = indeterminate;
+    $[5] = isError;
+    $[6] = restProps;
+    $[7] = t1;
+    $[8] = t2;
+    $[9] = t3;
+    $[10] = themeFromProps;
+  } else {
+    className = $[1];
+    disabled = $[2];
+    errorId = $[3];
+    indeterminate = $[4];
+    isError = $[5];
+    restProps = $[6];
+    t1 = $[7];
+    t2 = $[8];
+    t3 = $[9];
+    themeFromProps = $[10];
+  }
+
+  const size = t1 === undefined ? DEFAULT_SIZE : t1;
+  const mode = t2 === undefined ? DEFAULT_MODE : t2;
+  const notUseLabelTag = t3 === undefined ? false : t3;
   const theme = useThemeWithUndefined(themeFromProps);
-  const RootTag = notUseLabelTag ? 'span' : 'label';
-  return /*#__PURE__*/React.createElement(RootTag, {
-    className: cn(styles.checkbox, THEME_STYLES[theme], SIZE_STYLES[size] || SIZE_STYLES[DEFAULT_SIZE], MODE_STYLES[mode] || MODE_STYLES[DEFAULT_MODE], disabled ? styles.disabled : styles.enabled, indeterminate && styles.indeterminate, isError && styles.error, className),
-    "data-test": "checkbox",
-    "data-rs-internal": "checkbox__control"
-  }, /*#__PURE__*/React.createElement("input", {
-    "data-test": "checkbox-input",
-    ...restProps,
-    ref: ref,
-    className: styles.input,
-    type: "checkbox",
-    disabled: disabled,
-    "aria-errormessage": isError ? errorId : undefined,
-    "aria-invalid": Boolean(isError)
-  }), /*#__PURE__*/React.createElement("span", {
-    className: cn(styles.icon, isError && styles.iconError),
-    "data-test": 'checkbox-icon'
-  }, /*#__PURE__*/React.createElement(Mark, {
-    className: styles.checkmark,
-    "data-test": "checkmark"
-  })));
+  const RootTag = notUseLabelTag ? "span" : "label";
+  const t4 = THEME_STYLES[theme];
+  const t5 = SIZE_STYLES[size] || SIZE_STYLES[DEFAULT_SIZE];
+  const t6 = MODE_STYLES[mode] || MODE_STYLES[DEFAULT_MODE];
+  const t7 = disabled ? styles.disabled : styles.enabled;
+  const t8 = indeterminate && styles.indeterminate;
+  const t9 = isError && styles.error;
+  let t10;
+
+  if ($[11] !== className || $[12] !== t4 || $[13] !== t5 || $[14] !== t6 || $[15] !== t7 || $[16] !== t8 || $[17] !== t9) {
+    t10 = cn(styles.checkbox, t4, t5, t6, t7, t8, t9, className);
+    $[11] = className;
+    $[12] = t4;
+    $[13] = t5;
+    $[14] = t6;
+    $[15] = t7;
+    $[16] = t8;
+    $[17] = t9;
+    $[18] = t10;
+  } else {
+    t10 = $[18];
+  }
+
+  const t11 = isError ? errorId : undefined;
+  const t12 = Boolean(isError);
+  let t13;
+
+  if ($[19] !== disabled || $[20] !== ref || $[21] !== restProps || $[22] !== t11 || $[23] !== t12) {
+    t13 = /*#__PURE__*/React.createElement("input", _extends({
+      "data-test": "checkbox-input"
+    }, restProps, {
+      ref: ref,
+      className: styles.input,
+      type: "checkbox",
+      disabled: disabled,
+      "aria-errormessage": t11,
+      "aria-invalid": t12
+    }));
+    $[19] = disabled;
+    $[20] = ref;
+    $[21] = restProps;
+    $[22] = t11;
+    $[23] = t12;
+    $[24] = t13;
+  } else {
+    t13 = $[24];
+  }
+
+  const t14 = isError && styles.iconError;
+  let t15;
+
+  if ($[25] !== t14) {
+    t15 = cn(styles.icon, t14);
+    $[25] = t14;
+    $[26] = t15;
+  } else {
+    t15 = $[26];
+  }
+
+  let t16;
+
+  if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+    t16 = /*#__PURE__*/React.createElement(Mark, {
+      className: styles.checkmark,
+      "data-test": "checkmark"
+    });
+    $[27] = t16;
+  } else {
+    t16 = $[27];
+  }
+
+  let t17;
+
+  if ($[28] !== t15) {
+    t17 = /*#__PURE__*/React.createElement("span", {
+      className: t15,
+      "data-test": "checkbox-icon"
+    }, t16);
+    $[28] = t15;
+    $[29] = t17;
+  } else {
+    t17 = $[29];
+  }
+
+  let t18;
+
+  if ($[30] !== RootTag || $[31] !== t10 || $[32] !== t13 || $[33] !== t17) {
+    t18 = /*#__PURE__*/React.createElement(RootTag, {
+      className: t10,
+      "data-test": "checkbox",
+      "data-rs-internal": "checkbox__control"
+    }, t13, t17);
+    $[30] = RootTag;
+    $[31] = t10;
+    $[32] = t13;
+    $[33] = t17;
+    $[34] = t18;
+  } else {
+    t18 = $[34];
+  }
+
+  return t18;
 });
 CheckboxControlInner.propTypes = {
   checked: PropTypes.bool,

package/lib/parts/checkbox-control.js

@@ -1,56 +1,68 @@
 "use client";
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
+import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
+import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
+import { c } from 'react-compiler-runtime';
 import React from 'react';
 import { GroupContext } from './group-context.js';
 import CheckboxControlInner from './checkbox-control-inner.js';
 const CheckboxControl = /*#__PURE__*/React.forwardRef(function CheckboxControl(props, ref) {
-  return /*#__PURE__*/React.createElement(GroupContext.Consumer, null, _ref => {
-    let {
-      inGroup,
-      handleCheckboxChange,
-      value: groupValue,
-      isError,
-      errorId,
-      theme,
-      size,
-      mode,
-      disabled
-    } = _ref;
+  const $ = c(3);
+  let t0;
 
-    if (!inGroup) {
-      return /*#__PURE__*/React.createElement(CheckboxControlInner, {
-        ref: ref,
-        ...props
-      });
-    }
+  if ($[0] !== props || $[1] !== ref) {
+    t0 = /*#__PURE__*/React.createElement(GroupContext.Consumer, null, t1 => {
+      const {
+        inGroup,
+        handleCheckboxChange,
+        value: groupValue,
+        isError,
+        errorId,
+        theme,
+        size,
+        mode,
+        disabled
+      } = t1;
 
-    const {
-      value,
-      defaultChecked,
-      onChange,
-      checked,
-      isError: propsIsError,
-      errorId: propsErrorId,
-      disabled: propsDisabled,
-      theme: propsTheme,
-      size: propsSize,
-      mode: propsMode,
-      ...restProps
-    } = props;
-    return /*#__PURE__*/React.createElement(CheckboxControlInner, {
-      isError: isError || propsIsError,
-      errorId: errorId || propsErrorId,
-      value: value,
-      onChange: handleCheckboxChange,
-      checked: _includesInstanceProperty(groupValue).call(groupValue, value),
-      disabled: disabled || propsDisabled,
-      theme: theme || propsTheme,
-      size: size || propsSize,
-      mode: mode || propsMode,
-      ref: ref,
-      ...restProps
+      if (!inGroup) {
+        return /*#__PURE__*/React.createElement(CheckboxControlInner, _extends({
+          ref: ref
+        }, props));
+      }
+
+      const {
+        value,
+        defaultChecked,
+        onChange,
+        checked,
+        isError: propsIsError,
+        errorId: propsErrorId,
+        disabled: propsDisabled,
+        theme: propsTheme,
+        size: propsSize,
+        mode: propsMode,
+        ...restProps
+      } = props;
+      return /*#__PURE__*/React.createElement(CheckboxControlInner, _extends({
+        isError: isError || propsIsError,
+        errorId: errorId || propsErrorId,
+        value: value,
+        onChange: handleCheckboxChange,
+        checked: _includesInstanceProperty(groupValue).call(groupValue, value),
+        disabled: disabled || propsDisabled,
+        theme: theme || propsTheme,
+        size: size || propsSize,
+        mode: mode || propsMode,
+        ref: ref
+      }, restProps));
     });
-  });
+    $[0] = props;
+    $[1] = ref;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+
+  return t0;
 });
 CheckboxControl.propTypes = CheckboxControlInner.propTypes;
 export { CheckboxControl as default };

package/lib/parts/checkbox-list.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 { Menu } from '@rescui/menu';
@@ -7,7 +9,7 @@ import { useThemeWithUndefined } from '@rescui/ui-contexts';
 import { ErrorMessage, shouldRenderErrorMessage } from '@rescui/form-field';
 import styles from './checkbox-list.p.module.css.js';
 import CheckboxManager from './checkbox-manager.js';
-import { useBackwardCompatibleId } from './use-backward-compatible-id.js';
+import { useSafeId } from './use-safe-id.js';
 const THEME_STYLES = {
   light: styles.themeLight,
   dark: styles.themeDark
@@ -18,74 +20,237 @@ const SIZE_STYLES = {
   l: styles.sizeL
 }; // eslint-disable-next-line complexity
 
-const CheckboxList = _ref => {
-  let {
-    mode,
-    size = 'm',
-    theme: themeFromProps,
-    disabled,
-    children,
-    onChange,
-    value,
-    defaultValue,
-    label,
-    note,
-    error,
-    reserveErrorLine = false,
-    className,
-    id,
-    style,
-    boldLabel = true,
-    ...restProps
-  } = _ref;
+const CheckboxList = t0 => {
+  const $ = c(61);
+  let children;
+  let className;
+  let defaultValue;
+  let disabled;
+  let error;
+  let id;
+  let label;
+  let mode;
+  let note;
+  let onChange;
+  let restProps;
+  let style;
+  let t1;
+  let t2;
+  let t3;
+  let themeFromProps;
+  let value;
+
+  if ($[0] !== t0) {
+    ({
+      mode,
+      size: t1,
+      theme: themeFromProps,
+      disabled,
+      children,
+      onChange,
+      value,
+      defaultValue,
+      label,
+      note,
+      error,
+      reserveErrorLine: t2,
+      className,
+      id,
+      style,
+      boldLabel: t3,
+      ...restProps
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = defaultValue;
+    $[4] = disabled;
+    $[5] = error;
+    $[6] = id;
+    $[7] = label;
+    $[8] = mode;
+    $[9] = note;
+    $[10] = onChange;
+    $[11] = restProps;
+    $[12] = style;
+    $[13] = t1;
+    $[14] = t2;
+    $[15] = t3;
+    $[16] = themeFromProps;
+    $[17] = value;
+  } else {
+    children = $[1];
+    className = $[2];
+    defaultValue = $[3];
+    disabled = $[4];
+    error = $[5];
+    id = $[6];
+    label = $[7];
+    mode = $[8];
+    note = $[9];
+    onChange = $[10];
+    restProps = $[11];
+    style = $[12];
+    t1 = $[13];
+    t2 = $[14];
+    t3 = $[15];
+    themeFromProps = $[16];
+    value = $[17];
+  }
+
+  const size = t1 === undefined ? "m" : t1;
+  const reserveErrorLine = t2 === undefined ? false : t2;
+  const boldLabel = t3 === undefined ? true : t3;
   const theme = useThemeWithUndefined(themeFromProps);
-  const uniqueId = `checkbox-list-${useBackwardCompatibleId()}`;
+  const uniqueId = `checkbox-list-${useSafeId()}`;
   const errorId = `${id ? id : uniqueId}-error`;
-  const hasFooter = Boolean(note) || shouldRenderErrorMessage(error, reserveErrorLine);
-  return /*#__PURE__*/React.createElement(CheckboxManager, {
-    theme: theme,
-    defaultValue: defaultValue,
-    isError: false,
-
-    /* error={Boolean(error)}  Don't show error on every checkbox */
-    onChange: onChange,
-    value: value,
-    disabled: disabled,
-    size: size,
-    mode: mode
-  }, /*#__PURE__*/React.createElement("fieldset", {
-    className: cn(className, styles.container, THEME_STYLES[theme], SIZE_STYLES[size] || styles.sizeM, Boolean(error) && styles.error, disabled && styles.disabled),
-    id: id,
-    style: style,
-    "aria-errormessage": error ? errorId : undefined,
-    "aria-invalid": Boolean(error),
-    "data-test": "checkbox-list"
-  }, label && /*#__PURE__*/React.createElement("legend", {
-    className: styles.label,
-    "data-test": 'checkbox-list__label',
-    "data-rs-internal": boldLabel ? 'checkbox-list__bold-label' : 'checkbox-list__label'
-  }, label), /*#__PURE__*/React.createElement(Menu, {
-    tag: 'div',
-    itemTag: null,
-    size: size,
-    mode: 'clear',
-    disabled: disabled,
-    "data-rs-internal": 'checkbox__menu',
-    theme: theme,
-    className: styles.inner,
-    ...restProps
-  }, children), hasFooter && /*#__PURE__*/React.createElement("div", {
-    className: styles.footer
-  }, /*#__PURE__*/React.createElement(ErrorMessage, {
-    id: errorId,
-    className: styles.errorMessage,
-    "data-test": 'checkbox-list__error',
-    reserveLine: reserveErrorLine
-  }, error), note && /*#__PURE__*/React.createElement("div", {
-    className: styles.note,
-    "data-test": 'checkbox-list__note',
-    "data-rs-internal": "checkbox-list__note"
-  }, note))));
+  let t4;
+
+  if ($[18] !== error || $[19] !== note || $[20] !== reserveErrorLine) {
+    t4 = Boolean(note) || shouldRenderErrorMessage(error, reserveErrorLine);
+    $[18] = error;
+    $[19] = note;
+    $[20] = reserveErrorLine;
+    $[21] = t4;
+  } else {
+    t4 = $[21];
+  }
+
+  const hasFooter = t4;
+  const t5 = THEME_STYLES[theme];
+  const t6 = SIZE_STYLES[size] || styles.sizeM;
+  const t7 = Boolean(error) && styles.error;
+  const t8 = disabled && styles.disabled;
+  let t9;
+
+  if ($[22] !== className || $[23] !== t5 || $[24] !== t6 || $[25] !== t7 || $[26] !== t8) {
+    t9 = cn(className, styles.container, t5, t6, t7, t8);
+    $[22] = className;
+    $[23] = t5;
+    $[24] = t6;
+    $[25] = t7;
+    $[26] = t8;
+    $[27] = t9;
+  } else {
+    t9 = $[27];
+  }
+
+  const t10 = error ? errorId : undefined;
+  const t11 = Boolean(error);
+  let t12;
+
+  if ($[28] !== boldLabel || $[29] !== label) {
+    t12 = label && /*#__PURE__*/React.createElement("legend", {
+      className: styles.label,
+      "data-test": "checkbox-list__label",
+      "data-rs-internal": boldLabel ? "checkbox-list__bold-label" : "checkbox-list__label"
+    }, label);
+    $[28] = boldLabel;
+    $[29] = label;
+    $[30] = t12;
+  } else {
+    t12 = $[30];
+  }
+
+  let t13;
+
+  if ($[31] !== children || $[32] !== disabled || $[33] !== restProps || $[34] !== size || $[35] !== theme) {
+    t13 = /*#__PURE__*/React.createElement(Menu, _extends({
+      tag: "div",
+      itemTag: null,
+      size: size,
+      mode: "clear",
+      disabled: disabled,
+      "data-rs-internal": "checkbox__menu",
+      theme: theme,
+      className: styles.inner
+    }, restProps), children);
+    $[31] = children;
+    $[32] = disabled;
+    $[33] = restProps;
+    $[34] = size;
+    $[35] = theme;
+    $[36] = t13;
+  } else {
+    t13 = $[36];
+  }
+
+  let t14;
+
+  if ($[37] !== error || $[38] !== errorId || $[39] !== hasFooter || $[40] !== note || $[41] !== reserveErrorLine) {
+    t14 = hasFooter && /*#__PURE__*/React.createElement("div", {
+      className: styles.footer
+    }, /*#__PURE__*/React.createElement(ErrorMessage, {
+      id: errorId,
+      className: styles.errorMessage,
+      "data-test": "checkbox-list__error",
+      reserveLine: reserveErrorLine
+    }, error), note && /*#__PURE__*/React.createElement("div", {
+      className: styles.note,
+      "data-test": "checkbox-list__note",
+      "data-rs-internal": "checkbox-list__note"
+    }, note));
+    $[37] = error;
+    $[38] = errorId;
+    $[39] = hasFooter;
+    $[40] = note;
+    $[41] = reserveErrorLine;
+    $[42] = t14;
+  } else {
+    t14 = $[42];
+  }
+
+  let t15;
+
+  if ($[43] !== id || $[44] !== style || $[45] !== t10 || $[46] !== t11 || $[47] !== t12 || $[48] !== t13 || $[49] !== t14 || $[50] !== t9) {
+    t15 = /*#__PURE__*/React.createElement("fieldset", {
+      className: t9,
+      id: id,
+      style: style,
+      "aria-errormessage": t10,
+      "aria-invalid": t11,
+      "data-test": "checkbox-list"
+    }, t12, t13, t14);
+    $[43] = id;
+    $[44] = style;
+    $[45] = t10;
+    $[46] = t11;
+    $[47] = t12;
+    $[48] = t13;
+    $[49] = t14;
+    $[50] = t9;
+    $[51] = t15;
+  } else {
+    t15 = $[51];
+  }
+
+  let t16;
+
+  if ($[52] !== defaultValue || $[53] !== disabled || $[54] !== mode || $[55] !== onChange || $[56] !== size || $[57] !== t15 || $[58] !== theme || $[59] !== value) {
+    t16 = /*#__PURE__*/React.createElement(CheckboxManager, {
+      theme: theme,
+      defaultValue: defaultValue,
+      isError: false,
+      onChange: onChange,
+      value: value,
+      disabled: disabled,
+      size: size,
+      mode: mode
+    }, t15);
+    $[52] = defaultValue;
+    $[53] = disabled;
+    $[54] = mode;
+    $[55] = onChange;
+    $[56] = size;
+    $[57] = t15;
+    $[58] = theme;
+    $[59] = value;
+    $[60] = t16;
+  } else {
+    t16 = $[60];
+  }
+
+  return t16;
 };
 
 CheckboxList.propTypes = {

package/lib/parts/checkbox-list.p.module.css.js

@@ -1,16 +1,16 @@
 var styles = {
-  "themeLight": "_themeLight_14fq9ri_6",
-  "themeDark": "_themeDark_14fq9ri_9",
-  "container": "_container_14fq9ri_13",
-  "sizeS": "_sizeS_14fq9ri_18",
-  "sizeM": "_sizeM_14fq9ri_21",
-  "sizeL": "_sizeL_14fq9ri_24",
-  "inner": "_inner_14fq9ri_28",
-  "label": "_label_14fq9ri_32",
-  "disabled": "_disabled_14fq9ri_39",
-  "footer": "_footer_14fq9ri_44",
-  "errorMessage": "_errorMessage_14fq9ri_49",
-  "error": "_error_14fq9ri_49",
-  "note": "_note_14fq9ri_58"
+  "themeLight": "_themeLight_1nd8rkm_6",
+  "themeDark": "_themeDark_1nd8rkm_9",
+  "container": "_container_1nd8rkm_13",
+  "sizeS": "_sizeS_1nd8rkm_18",
+  "sizeM": "_sizeM_1nd8rkm_21",
+  "sizeL": "_sizeL_1nd8rkm_24",
+  "inner": "_inner_1nd8rkm_28",
+  "label": "_label_1nd8rkm_32",
+  "disabled": "_disabled_1nd8rkm_39",
+  "footer": "_footer_1nd8rkm_44",
+  "errorMessage": "_errorMessage_1nd8rkm_49",
+  "error": "_error_1nd8rkm_49",
+  "note": "_note_1nd8rkm_58"
 };
 export { styles as default };