@rescui/chip-list 0.14.4 → 0.15.0

package/lib/parts/chip.js

@@ -1,24 +1,63 @@
 "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, { forwardRef, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 import cn from 'classnames';
 import styles from './chip-list.p.module.css.js';
 import { useChipListContext } from './chip-list-context.js';
 const ChipTag = /*#__PURE__*/forwardRef( // eslint-disable-next-line complexity
-(_ref, ref) => {
-  let {
-    selected,
-    onValueChange,
-    itemId,
-    tabIndex,
-    children,
-    value: chipValue,
-    onClick,
-    onKeyDown,
-    href,
-    ...restProps
-  } = _ref;
+(t0, ref) => {
+  const $ = c(59);
+  let children;
+  let chipValue;
+  let href;
+  let itemId;
+  let onClick;
+  let onKeyDown;
+  let onValueChange;
+  let restProps;
+  let selected;
+  let tabIndex;
+
+  if ($[0] !== t0) {
+    ({
+      selected,
+      onValueChange,
+      itemId,
+      tabIndex,
+      children,
+      value: chipValue,
+      onClick,
+      onKeyDown,
+      href,
+      ...restProps
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = chipValue;
+    $[3] = href;
+    $[4] = itemId;
+    $[5] = onClick;
+    $[6] = onKeyDown;
+    $[7] = onValueChange;
+    $[8] = restProps;
+    $[9] = selected;
+    $[10] = tabIndex;
+  } else {
+    children = $[1];
+    chipValue = $[2];
+    href = $[3];
+    itemId = $[4];
+    onClick = $[5];
+    onKeyDown = $[6];
+    onValueChange = $[7];
+    restProps = $[8];
+    selected = $[9];
+    tabIndex = $[10];
+  }
+
   const {
     disabled,
     pattern,
@@ -27,122 +66,351 @@ const ChipTag = /*#__PURE__*/forwardRef( // eslint-disable-next-line complexity
   } = useChipListContext();
   let resolvedTabIndex = disabled ? -1 : tabIndex;
 
-  if (pattern === 'radiogroup' || pattern === 'group') {
-    const labelProps = { ...restProps
-    };
-    return /*#__PURE__*/React.createElement("label", {
-      ref: ref,
-      ...labelProps
-    }, /*#__PURE__*/React.createElement("input", {
-      type: pattern === 'group' ? 'checkbox' : 'radio',
-      value: String(chipValue),
-      onChange: onValueChange,
-      onClick: onClick,
-      onKeyDown: onKeyDown,
-      className: styles.hiddenInput,
-      checked: selected,
-      disabled: disabled,
-      name: hiddenInputName,
-      tabIndex: resolvedTabIndex
-    }), children);
-  }
+  if (pattern === "radiogroup" || pattern === "group") {
+    let t1;
 
-  const handleNavigationClick = e => {
-    onClick?.(e);
-    onValueChange();
-  };
+    if ($[11] !== restProps) {
+      t1 = { ...restProps
+      };
+      $[11] = restProps;
+      $[12] = t1;
+    } else {
+      t1 = $[12];
+    }
 
-  const handleNavigationKeyDown = e => {
-    onKeyDown?.(e);
+    const labelProps = t1;
+    const t2 = pattern === "group" ? "checkbox" : "radio";
+    const t3 = String(chipValue);
+    let t4;
 
-    if (pattern === 'tablist' && typeof itemId !== 'undefined') {
-      rovingTabIndex?.onTabKeyDown(e, itemId);
+    if ($[13] !== disabled || $[14] !== hiddenInputName || $[15] !== onClick || $[16] !== onKeyDown || $[17] !== onValueChange || $[18] !== resolvedTabIndex || $[19] !== selected || $[20] !== t2 || $[21] !== t3) {
+      t4 = /*#__PURE__*/React.createElement("input", {
+        type: t2,
+        value: t3,
+        onChange: onValueChange,
+        onClick: onClick,
+        onKeyDown: onKeyDown,
+        className: styles.hiddenInput,
+        checked: selected,
+        disabled: disabled,
+        name: hiddenInputName,
+        tabIndex: resolvedTabIndex
+      });
+      $[13] = disabled;
+      $[14] = hiddenInputName;
+      $[15] = onClick;
+      $[16] = onKeyDown;
+      $[17] = onValueChange;
+      $[18] = resolvedTabIndex;
+      $[19] = selected;
+      $[20] = t2;
+      $[21] = t3;
+      $[22] = t4;
+    } else {
+      t4 = $[22];
     }
 
-    if (e.key === ' ') {
-      e.target.click();
-      e.preventDefault();
+    let t5;
+
+    if ($[23] !== children || $[24] !== labelProps || $[25] !== ref || $[26] !== t4) {
+      t5 = /*#__PURE__*/React.createElement("label", _extends({
+        ref: ref
+      }, labelProps), t4, children);
+      $[23] = children;
+      $[24] = labelProps;
+      $[25] = ref;
+      $[26] = t4;
+      $[27] = t5;
+    } else {
+      t5 = $[27];
     }
-  };
 
-  const isTablist = pattern === 'tablist';
-  const autoRole = isTablist ? 'tab' : undefined;
-  const autoAriaCurrent = selected && !isTablist ? 'page' : undefined;
+    return t5;
+  }
+
+  let t1;
+
+  if ($[28] !== onClick || $[29] !== onValueChange) {
+    t1 = e => {
+      onClick?.(e);
+      onValueChange();
+    };
+
+    $[28] = onClick;
+    $[29] = onValueChange;
+    $[30] = t1;
+  } else {
+    t1 = $[30];
+  }
+
+  const handleNavigationClick = t1;
+  const rovingOnTabKeyDown = rovingTabIndex?.onTabKeyDown;
+  let t2;
+
+  if ($[31] !== itemId || $[32] !== onKeyDown || $[33] !== pattern || $[34] !== rovingOnTabKeyDown) {
+    t2 = e_0 => {
+      onKeyDown?.(e_0);
+
+      if (pattern === "tablist" && typeof itemId !== "undefined") {
+        rovingOnTabKeyDown?.(e_0, itemId);
+      }
+
+      if (e_0.key === " ") {
+        e_0.target.click();
+        e_0.preventDefault();
+      }
+    };
+
+    $[31] = itemId;
+    $[32] = onKeyDown;
+    $[33] = pattern;
+    $[34] = rovingOnTabKeyDown;
+    $[35] = t2;
+  } else {
+    t2 = $[35];
+  }
+
+  const handleNavigationKeyDown = t2;
+  const isTablist = pattern === "tablist";
+  const autoRole = isTablist ? "tab" : undefined;
+  const autoAriaCurrent = selected && !isTablist ? "page" : undefined;
   const autoAriaSelected = isTablist ? selected : undefined;
 
   if (isTablist && !disabled) {
     resolvedTabIndex = itemId === rovingTabIndex?.currentTabStopId ? 0 : -1;
   }
 
-  if (typeof href !== 'undefined') {
-    return /*#__PURE__*/React.createElement("a", {
-      ref: ref,
-      ...restProps,
-      href: href,
-      role: restProps.role ?? autoRole,
-      "aria-current": restProps['aria-current'] ?? autoAriaCurrent,
-      "aria-selected": restProps['aria-selected'] ?? autoAriaSelected,
-      "aria-disabled": disabled || undefined,
+  if (typeof href !== "undefined") {
+    const t3 = restProps.role ?? autoRole;
+    const t4 = restProps["aria-current"] ?? autoAriaCurrent;
+    const t5 = restProps["aria-selected"] ?? autoAriaSelected;
+    const t6 = disabled || undefined;
+    let t7;
+
+    if ($[36] !== children || $[37] !== handleNavigationClick || $[38] !== handleNavigationKeyDown || $[39] !== href || $[40] !== ref || $[41] !== resolvedTabIndex || $[42] !== restProps || $[43] !== t3 || $[44] !== t4 || $[45] !== t5 || $[46] !== t6) {
+      t7 = /*#__PURE__*/React.createElement("a", _extends({
+        ref: ref
+      }, restProps, {
+        href: href,
+        role: t3,
+        "aria-current": t4,
+        "aria-selected": t5,
+        "aria-disabled": t6,
+        onClick: handleNavigationClick,
+        onKeyDown: handleNavigationKeyDown,
+        tabIndex: resolvedTabIndex
+      }), children);
+      $[36] = children;
+      $[37] = handleNavigationClick;
+      $[38] = handleNavigationKeyDown;
+      $[39] = href;
+      $[40] = ref;
+      $[41] = resolvedTabIndex;
+      $[42] = restProps;
+      $[43] = t3;
+      $[44] = t4;
+      $[45] = t5;
+      $[46] = t6;
+      $[47] = t7;
+    } else {
+      t7 = $[47];
+    }
+
+    return t7;
+  }
+
+  const t3 = restProps.role ?? autoRole;
+  const t4 = restProps["aria-current"] ?? autoAriaCurrent;
+  const t5 = restProps["aria-selected"] ?? autoAriaSelected;
+  let t6;
+
+  if ($[48] !== children || $[49] !== disabled || $[50] !== handleNavigationClick || $[51] !== handleNavigationKeyDown || $[52] !== ref || $[53] !== resolvedTabIndex || $[54] !== restProps || $[55] !== t3 || $[56] !== t4 || $[57] !== t5) {
+    t6 = /*#__PURE__*/React.createElement("button", _extends({
+      ref: ref
+    }, restProps, {
+      role: t3,
+      "aria-current": t4,
+      "aria-selected": t5,
+      disabled: disabled,
       onClick: handleNavigationClick,
       onKeyDown: handleNavigationKeyDown,
-      tabIndex: resolvedTabIndex
-    }, children);
+      tabIndex: resolvedTabIndex,
+      type: "button"
+    }), children);
+    $[48] = children;
+    $[49] = disabled;
+    $[50] = handleNavigationClick;
+    $[51] = handleNavigationKeyDown;
+    $[52] = ref;
+    $[53] = resolvedTabIndex;
+    $[54] = restProps;
+    $[55] = t3;
+    $[56] = t4;
+    $[57] = t5;
+    $[58] = t6;
+  } else {
+    t6 = $[58];
   }
 
-  return /*#__PURE__*/React.createElement("button", {
-    ref: ref,
-    ...restProps,
-    role: restProps.role ?? autoRole,
-    "aria-current": restProps['aria-current'] ?? autoAriaCurrent,
-    "aria-selected": restProps['aria-selected'] ?? autoAriaSelected,
-    disabled: disabled,
-    onClick: handleNavigationClick,
-    onKeyDown: handleNavigationKeyDown,
-    tabIndex: resolvedTabIndex,
-    type: "button"
-  }, children);
+  return t6;
 });
 ChipTag.displayName = 'ChipTag'; // check for ignored jsx values and empty string, more info https://reactjs.org/docs/jsx-in-depth.html#booleans-null-and-undefined-are-ignored
 
 const isWithoutChildren = children => children === null || typeof children === 'undefined' || children === false || children === true || children === '';
 
-const Chip = /*#__PURE__*/forwardRef((_ref2, ref) => {
-  let {
-    value,
-    className,
-    children,
-    icon,
-    iconPosition = 'left',
-    itemId,
-    ['data-e2e']: e2eId,
-    ...restProps
-  } = _ref2;
+const Chip = /*#__PURE__*/forwardRef((t0, ref) => {
+  const $ = c(42);
+  let children;
+  let className;
+  let e2eId;
+  let icon;
+  let itemId;
+  let restProps;
+  let t1;
+  let value;
+
+  if ($[0] !== t0) {
+    ({
+      value,
+      className,
+      children,
+      icon,
+      iconPosition: t1,
+      itemId,
+      "data-e2e": e2eId,
+      ...restProps
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = e2eId;
+    $[4] = icon;
+    $[5] = itemId;
+    $[6] = restProps;
+    $[7] = t1;
+    $[8] = value;
+  } else {
+    children = $[1];
+    className = $[2];
+    e2eId = $[3];
+    icon = $[4];
+    itemId = $[5];
+    restProps = $[6];
+    t1 = $[7];
+    value = $[8];
+  }
+
+  const iconPosition = t1 === undefined ? "left" : t1;
   const {
     onChange,
     selectedIds
   } = useChipListContext();
+  let T0;
+  let isWithoutText;
+  let selected;
+  let t2;
+  let t3;
 
-  const selected = _includesInstanceProperty(selectedIds).call(selectedIds, itemId);
-
-  const isWithoutText = isWithoutChildren(children);
-  return /*#__PURE__*/React.createElement(ChipTag, { ...restProps,
-    className: cn(styles.chip, {
+  if ($[9] !== children || $[10] !== className || $[11] !== iconPosition || $[12] !== itemId || $[13] !== restProps || $[14] !== selectedIds) {
+    selected = _includesInstanceProperty(selectedIds).call(selectedIds, itemId);
+    isWithoutText = isWithoutChildren(children);
+    T0 = ChipTag;
+    t2 = restProps;
+    t3 = cn(styles.chip, {
       [styles.selected]: selected,
       [styles.withoutText]: isWithoutText
-    }, iconPosition === 'right' ? styles.alignIconRight : styles.alignIconLeft, className),
-    onValueChange: () => onChange(value),
-    itemId: itemId,
-    selected: selected,
-    value: value,
-    tabIndex: restProps.tabIndex ?? 0,
-    ref: ref,
-    "data-e2e": e2eId,
-    "data-test": `chip${selected ? ' chip-selected' : ''}`,
-    "data-rs-internal": 'chip-list__chip'
-  }, icon && /*#__PURE__*/cloneElement(icon, {
-    className: cn(icon.props.className, styles.icon),
-    'data-render-all-sizes': true
-  }), !isWithoutText && /*#__PURE__*/React.createElement("span", null, children));
+    }, iconPosition === "right" ? styles.alignIconRight : styles.alignIconLeft, className);
+    $[9] = children;
+    $[10] = className;
+    $[11] = iconPosition;
+    $[12] = itemId;
+    $[13] = restProps;
+    $[14] = selectedIds;
+    $[15] = T0;
+    $[16] = isWithoutText;
+    $[17] = selected;
+    $[18] = t2;
+    $[19] = t3;
+  } else {
+    T0 = $[15];
+    isWithoutText = $[16];
+    selected = $[17];
+    t2 = $[18];
+    t3 = $[19];
+  }
+
+  let t4;
+
+  if ($[20] !== onChange || $[21] !== value) {
+    t4 = () => onChange(value);
+
+    $[20] = onChange;
+    $[21] = value;
+    $[22] = t4;
+  } else {
+    t4 = $[22];
+  }
+
+  const t5 = restProps.tabIndex ?? 0;
+  const t6 = `chip${selected ? " chip-selected" : ""}`;
+  let t7;
+
+  if ($[23] !== icon) {
+    t7 = icon && /*#__PURE__*/cloneElement(icon, {
+      className: cn(icon.props.className, styles.icon),
+      "data-render-all-sizes": true
+    });
+    $[23] = icon;
+    $[24] = t7;
+  } else {
+    t7 = $[24];
+  }
+
+  let t8;
+
+  if ($[25] !== children || $[26] !== isWithoutText) {
+    t8 = !isWithoutText && /*#__PURE__*/React.createElement("span", null, children);
+    $[25] = children;
+    $[26] = isWithoutText;
+    $[27] = t8;
+  } else {
+    t8 = $[27];
+  }
+
+  let t9;
+
+  if ($[28] !== T0 || $[29] !== e2eId || $[30] !== itemId || $[31] !== ref || $[32] !== selected || $[33] !== t2 || $[34] !== t3 || $[35] !== t4 || $[36] !== t5 || $[37] !== t6 || $[38] !== t7 || $[39] !== t8 || $[40] !== value) {
+    t9 = /*#__PURE__*/React.createElement(T0, _extends({}, t2, {
+      className: t3,
+      onValueChange: t4,
+      itemId: itemId,
+      selected: selected,
+      value: value,
+      tabIndex: t5,
+      ref: ref,
+      "data-e2e": e2eId,
+      "data-test": t6,
+      "data-rs-internal": "chip-list__chip"
+    }), t7, t8);
+    $[28] = T0;
+    $[29] = e2eId;
+    $[30] = itemId;
+    $[31] = ref;
+    $[32] = selected;
+    $[33] = t2;
+    $[34] = t3;
+    $[35] = t4;
+    $[36] = t5;
+    $[37] = t6;
+    $[38] = t7;
+    $[39] = t8;
+    $[40] = value;
+    $[41] = t9;
+  } else {
+    t9 = $[41];
+  }
+
+  return t9;
 });
 Chip.displayName = 'Chip';
 Chip.propTypes = {