@rescui/tag 0.13.14-RUI-308-Fix-select-issues-405b9fa40.12 → 0.14.0

package/lib/parts/removable-tag.js

@@ -1,4 +1,6 @@
 "use client";
+import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
+import { c } from 'react-compiler-runtime';
 import React, { cloneElement } from 'react';
 import cn from 'classnames';
 import PropTypes from 'prop-types';
@@ -15,48 +17,169 @@ const THEME_STYLES = {
   light: styles.themeLight,
   dark: styles.themeDark
 };
-const RemovableTag = /*#__PURE__*/React.forwardRef(function Tag(_ref, ref) {
-  let {
-    className,
-    disabled,
-    size = 'xs',
-    theme: themeFromProps,
-    children,
-    icon,
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    onRemoveClick = () => {},
-    wrap = false,
-    ...restProps
-  } = _ref;
+const RemovableTag = /*#__PURE__*/React.forwardRef(function Tag(t0, ref) {
+  const $ = c(33);
+  let children;
+  let className;
+  let disabled;
+  let icon;
+  let restProps;
+  let t1;
+  let t2;
+  let t3;
+  let themeFromProps;
+
+  if ($[0] !== t0) {
+    ({
+      className,
+      disabled,
+      size: t1,
+      theme: themeFromProps,
+      children,
+      icon,
+      onRemoveClick: t2,
+      wrap: t3,
+      ...restProps
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = disabled;
+    $[4] = icon;
+    $[5] = restProps;
+    $[6] = t1;
+    $[7] = t2;
+    $[8] = t3;
+    $[9] = themeFromProps;
+  } else {
+    children = $[1];
+    className = $[2];
+    disabled = $[3];
+    icon = $[4];
+    restProps = $[5];
+    t1 = $[6];
+    t2 = $[7];
+    t3 = $[8];
+    themeFromProps = $[9];
+  }
+
+  const size = t1 === undefined ? "xs" : t1;
+  const onRemoveClick = t2 === undefined ? _temp : t2;
+  const wrap = t3 === undefined ? false : t3;
   const theme = useThemeWithUndefined(themeFromProps);
-  return /*#__PURE__*/React.createElement("span", {
-    className: cn(styles.wrapper, SIZE_STYLES[size], THEME_STYLES[theme], disabled && styles.disabled, wrap && styles.wrap, className),
-    "data-test": 'removable-tag-wrapper',
-    ...restProps,
-    ref: ref
-  }, /*#__PURE__*/React.isValidElement(icon) && /*#__PURE__*/cloneElement(icon, {
-    className: cn(icon.props.className, styles.icon),
-    'data-render-all-sizes': true
-  }), /*#__PURE__*/React.createElement("span", {
-    className: styles.main,
-    "data-test": "removable-tag"
-  }, children), /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    "data-test": "removable-tag-remove-icon",
-    className: styles.close,
-    "aria-label": `Remove`,
-    tabIndex: disabled ? -1 : 0,
-    onClick: e => {
+  const t4 = SIZE_STYLES[size];
+  const t5 = THEME_STYLES[theme];
+  const t6 = disabled && styles.disabled;
+  const t7 = wrap && styles.wrap;
+  let t8;
+
+  if ($[10] !== className || $[11] !== t4 || $[12] !== t5 || $[13] !== t6 || $[14] !== t7) {
+    t8 = cn(styles.wrapper, t4, t5, t6, t7, className);
+    $[10] = className;
+    $[11] = t4;
+    $[12] = t5;
+    $[13] = t6;
+    $[14] = t7;
+    $[15] = t8;
+  } else {
+    t8 = $[15];
+  }
+
+  let t9;
+
+  if ($[16] !== icon) {
+    t9 = /*#__PURE__*/ /*#__PURE__*/React.isValidElement(icon) && /*#__PURE__*/cloneElement(icon, {
+      className: cn(icon.props.className, styles.icon),
+      "data-render-all-sizes": true
+    });
+    $[16] = icon;
+    $[17] = t9;
+  } else {
+    t9 = $[17];
+  }
+
+  let t10;
+
+  if ($[18] !== children) {
+    t10 = /*#__PURE__*/React.createElement("span", {
+      className: styles.main,
+      "data-test": "removable-tag"
+    }, children);
+    $[18] = children;
+    $[19] = t10;
+  } else {
+    t10 = $[19];
+  }
+
+  const t11 = disabled ? -1 : 0;
+  let t12;
+
+  if ($[20] !== onRemoveClick) {
+    t12 = e => {
       e.stopPropagation();
       onRemoveClick();
-    },
-    onPointerDown: e => e.stopPropagation(),
-    onMouseDown: e => e.stopPropagation(),
-    onKeyDown: e => e.stopPropagation()
-  }, /*#__PURE__*/React.createElement(CloseOutlineIcon, {
-    "data-rs-internal": "removable-tag__close-icon",
-    "data-render-all-sizes": true
-  })));
+    };
+
+    $[20] = onRemoveClick;
+    $[21] = t12;
+  } else {
+    t12 = $[21];
+  }
+
+  let t13;
+
+  if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
+    t13 = /*#__PURE__*/React.createElement(CloseOutlineIcon, {
+      "data-rs-internal": "removable-tag__close-icon",
+      "data-render-all-sizes": true
+    });
+    $[22] = t13;
+  } else {
+    t13 = $[22];
+  }
+
+  let t14;
+
+  if ($[23] !== t11 || $[24] !== t12) {
+    t14 = /*#__PURE__*/React.createElement("button", {
+      type: "button",
+      "data-test": "removable-tag-remove-icon",
+      className: styles.close,
+      "aria-label": "Remove",
+      tabIndex: t11,
+      onClick: t12,
+      onPointerDown: _temp2,
+      onMouseDown: _temp3,
+      onKeyDown: _temp4
+    }, t13);
+    $[23] = t11;
+    $[24] = t12;
+    $[25] = t14;
+  } else {
+    t14 = $[25];
+  }
+
+  let t15;
+
+  if ($[26] !== ref || $[27] !== restProps || $[28] !== t10 || $[29] !== t14 || $[30] !== t8 || $[31] !== t9) {
+    t15 = /*#__PURE__*/React.createElement("span", _extends({
+      className: t8,
+      "data-test": "removable-tag-wrapper"
+    }, restProps, {
+      ref: ref
+    }), t9, t10, t14);
+    $[26] = ref;
+    $[27] = restProps;
+    $[28] = t10;
+    $[29] = t14;
+    $[30] = t8;
+    $[31] = t9;
+    $[32] = t15;
+  } else {
+    t15 = $[32];
+  }
+
+  return t15;
 });
 RemovableTag.propTypes = {
   disabled: PropTypes.bool,
@@ -65,4 +188,19 @@ RemovableTag.propTypes = {
   icon: PropTypes.node,
   onRemoveClick: PropTypes.func.isRequired
 };
+
+function _temp() {}
+
+function _temp2(e_0) {
+  return e_0.stopPropagation();
+}
+
+function _temp3(e_1) {
+  return e_1.stopPropagation();
+}
+
+function _temp4(e_2) {
+  return e_2.stopPropagation();
+}
+
 export { RemovableTag };

package/lib/parts/removable-tag.p.module.css.js

@@ -1,15 +1,15 @@
 var styles = {
-  "themeLight": "_themeLight_xeu6t3_7",
-  "themeDark": "_themeDark_xeu6t3_10",
-  "sizeXs": "_sizeXs_xeu6t3_14",
-  "sizeS": "_sizeS_xeu6t3_17",
-  "sizeM": "_sizeM_xeu6t3_20",
-  "sizeL": "_sizeL_xeu6t3_23",
-  "wrapper": "_wrapper_xeu6t3_27",
-  "icon": "_icon_xeu6t3_49",
-  "disabled": "_disabled_xeu6t3_62",
-  "main": "_main_xeu6t3_67",
-  "wrap": "_wrap_xeu6t3_27",
-  "close": "_close_xeu6t3_86"
+  "themeLight": "_themeLight_aqrpp1_7",
+  "themeDark": "_themeDark_aqrpp1_10",
+  "sizeXs": "_sizeXs_aqrpp1_14",
+  "sizeS": "_sizeS_aqrpp1_17",
+  "sizeM": "_sizeM_aqrpp1_20",
+  "sizeL": "_sizeL_aqrpp1_23",
+  "wrapper": "_wrapper_aqrpp1_27",
+  "icon": "_icon_aqrpp1_49",
+  "disabled": "_disabled_aqrpp1_62",
+  "main": "_main_aqrpp1_67",
+  "wrap": "_wrap_aqrpp1_27",
+  "close": "_close_aqrpp1_86"
 };
 export { styles as default };

package/lib/parts/sticky-tag.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 PropTypes from 'prop-types';
@@ -19,29 +21,118 @@ const OFFSET_STYLES = {
   24: styles.offset24,
   32: styles.offset32
 };
-const StickyTag = /*#__PURE__*/React.forwardRef(function StickyTag(_ref, ref) {
-  let {
-    className,
-    wrapperClassName,
-    content,
-    children,
-    size = 'xs',
-    placement = 'top-end',
-    align = 'top',
-    offset = DEFAULT_OFFSET,
-    ...restProps
-  } = _ref;
+const StickyTag = /*#__PURE__*/React.forwardRef(function StickyTag(t0, ref) {
+  const $ = c(27);
+  let children;
+  let className;
+  let content;
+  let restProps;
+  let t1;
+  let t2;
+  let t3;
+  let t4;
+  let wrapperClassName;
+
+  if ($[0] !== t0) {
+    ({
+      className,
+      wrapperClassName,
+      content,
+      children,
+      size: t1,
+      placement: t2,
+      align: t3,
+      offset: t4,
+      ...restProps
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = content;
+    $[4] = restProps;
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t3;
+    $[8] = t4;
+    $[9] = wrapperClassName;
+  } else {
+    children = $[1];
+    className = $[2];
+    content = $[3];
+    restProps = $[4];
+    t1 = $[5];
+    t2 = $[6];
+    t3 = $[7];
+    t4 = $[8];
+    wrapperClassName = $[9];
+  }
+
+  const size = t1 === undefined ? "xs" : t1;
+  const placement = t2 === undefined ? "top-end" : t2;
+  const align = t3 === undefined ? "top" : t3;
+  const offset = t4 === undefined ? DEFAULT_OFFSET : t4;
   const offsetCn = offset in OFFSET_STYLES ? OFFSET_STYLES[offset] : OFFSET_STYLES[DEFAULT_OFFSET];
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn(styles.wrapper, wrapperClassName),
-    "data-test": 'sticky-tag-wrapper'
-  }, children, /*#__PURE__*/React.createElement(BaseTag, {
-    size: size,
-    className: cn(styles.tag, className, PLACEMENT_STYLES[placement], ALIGN_STYLES[align], offsetCn),
-    "data-test": 'sticky-tag',
-    ...restProps,
-    ref: ref
-  }, content));
+  let t5;
+
+  if ($[10] !== wrapperClassName) {
+    t5 = cn(styles.wrapper, wrapperClassName);
+    $[10] = wrapperClassName;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+
+  const t6 = PLACEMENT_STYLES[placement];
+  const t7 = ALIGN_STYLES[align];
+  let t8;
+
+  if ($[12] !== className || $[13] !== offsetCn || $[14] !== t6 || $[15] !== t7) {
+    t8 = cn(styles.tag, className, t6, t7, offsetCn);
+    $[12] = className;
+    $[13] = offsetCn;
+    $[14] = t6;
+    $[15] = t7;
+    $[16] = t8;
+  } else {
+    t8 = $[16];
+  }
+
+  let t9;
+
+  if ($[17] !== content || $[18] !== ref || $[19] !== restProps || $[20] !== size || $[21] !== t8) {
+    t9 = /*#__PURE__*/React.createElement(BaseTag, _extends({
+      size: size,
+      className: t8,
+      "data-test": "sticky-tag"
+    }, restProps, {
+      ref: ref
+    }), content);
+    $[17] = content;
+    $[18] = ref;
+    $[19] = restProps;
+    $[20] = size;
+    $[21] = t8;
+    $[22] = t9;
+  } else {
+    t9 = $[22];
+  }
+
+  let t10;
+
+  if ($[23] !== children || $[24] !== t5 || $[25] !== t9) {
+    t10 = /*#__PURE__*/React.createElement("div", {
+      className: t5,
+      "data-test": "sticky-tag-wrapper"
+    }, children, t9);
+    $[23] = children;
+    $[24] = t5;
+    $[25] = t9;
+    $[26] = t10;
+  } else {
+    t10 = $[26];
+  }
+
+  return t10;
 });
 StickyTag.propTypes = {
   className: PropTypes.string,

package/lib/parts/sticky-tag.p.module.css.js

@@ -1,14 +1,14 @@
 var styles = {
-  "wrapper": "_wrapper_5bwiyy_3",
-  "offset16": "_offset16_5bwiyy_7",
-  "offset24": "_offset24_5bwiyy_10",
-  "offset32": "_offset32_5bwiyy_13",
-  "alignTop": "_alignTop_5bwiyy_17",
-  "alignMiddle": "_alignMiddle_5bwiyy_20",
-  "topStart": "_topStart_5bwiyy_24",
-  "topEnd": "_topEnd_5bwiyy_27",
-  "leftStart": "_leftStart_5bwiyy_30",
-  "leftEnd": "_leftEnd_5bwiyy_33",
-  "tag": "_tag_5bwiyy_37"
+  "wrapper": "_wrapper_1lwdnc8_3",
+  "offset16": "_offset16_1lwdnc8_7",
+  "offset24": "_offset24_1lwdnc8_10",
+  "offset32": "_offset32_1lwdnc8_13",
+  "alignTop": "_alignTop_1lwdnc8_17",
+  "alignMiddle": "_alignMiddle_1lwdnc8_20",
+  "topStart": "_topStart_1lwdnc8_24",
+  "topEnd": "_topEnd_1lwdnc8_27",
+  "leftStart": "_leftStart_1lwdnc8_30",
+  "leftEnd": "_leftEnd_1lwdnc8_33",
+  "tag": "_tag_1lwdnc8_37"
 };
 export { styles as default };

package/lib/parts/tag.p.module.css.js

@@ -1,4 +1,4 @@
 var styles = {
-  "main": "_main_1s6s1c8_1"
+  "main": "_main_1liolpm_1"
 };
 export { styles as default };

package/lib/tag.js

@@ -1,23 +1,69 @@
+import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
+import { c } from 'react-compiler-runtime';
 import React from 'react';
 import cn from 'classnames';
 import PropTypes from 'prop-types';
 import { BaseTag } from './parts/base-tag.js';
 import styles from './parts/tag.p.module.css.js';
 const Tag = /*#__PURE__*/React.forwardRef( // eslint-disable-next-line complexity
-(_ref, ref) => {
-  let {
-    className,
-    children,
-    size = 'xs',
-    ...restProps
-  } = _ref;
-  return /*#__PURE__*/React.createElement(BaseTag, {
-    "data-test": 'tag',
-    ...restProps,
-    size: size,
-    ref: ref,
-    className: cn(styles.main, className)
-  }, children);
+(t0, ref) => {
+  const $ = c(13);
+  let children;
+  let className;
+  let restProps;
+  let t1;
+
+  if ($[0] !== t0) {
+    ({
+      className,
+      children,
+      size: t1,
+      ...restProps
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = restProps;
+    $[4] = t1;
+  } else {
+    children = $[1];
+    className = $[2];
+    restProps = $[3];
+    t1 = $[4];
+  }
+
+  const size = t1 === undefined ? "xs" : t1;
+  let t2;
+
+  if ($[5] !== className) {
+    t2 = cn(styles.main, className);
+    $[5] = className;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+
+  let t3;
+
+  if ($[7] !== children || $[8] !== ref || $[9] !== restProps || $[10] !== size || $[11] !== t2) {
+    t3 = /*#__PURE__*/React.createElement(BaseTag, _extends({
+      "data-test": "tag"
+    }, restProps, {
+      size: size,
+      ref: ref,
+      className: t2
+    }), children);
+    $[7] = children;
+    $[8] = ref;
+    $[9] = restProps;
+    $[10] = size;
+    $[11] = t2;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+
+  return t3;
 });
 Tag.displayName = 'Tag';
 Tag.propTypes = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/tag",
-  "version": "0.13.14-RUI-308-Fix-select-issues-405b9fa40.12+405b9fa40",
+  "version": "0.14.0",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -17,23 +17,24 @@
   },
   "dependencies": {
     "@babel/runtime-corejs3": "^7.26.0",
-    "@rescui/colors": "0.3.4-RUI-308-Fix-select-issues-405b9fa40.12+405b9fa40",
-    "classnames": "^2.3.1"
+    "@rescui/colors": "^0.3.4",
+    "classnames": "^2.3.1",
+    "react-compiler-runtime": "^1.0.0"
   },
   "peerDependencies": {
     "@rescui/ui-contexts": "^0.6.0",
     "prop-types": "^15",
-    "react": ">=16.8.0 <20"
+    "react": ">=17.0.0 <20"
   },
   "devDependencies": {
-    "@rescui/icons": "1.8.5-RUI-308-Fix-select-issues-405b9fa40.12+405b9fa40",
-    "@rescui/scripts": "0.5.2",
-    "@rescui/typography": "0.27.5-RUI-308-Fix-select-issues-405b9fa40.12+405b9fa40"
+    "@rescui/icons": "^1.9.0",
+    "@rescui/scripts": "^0.5.3",
+    "@rescui/typography": "^0.28.0"
   },
   "scripts": {
     "build": "rescui-scripts build && yarn run build-pcss-api",
     "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
   },
   "nx": {},
-  "gitHead": "405b9fa40886b0ab6709c9185e8214599d2d792e"
+  "gitHead": "8ffbbe20b8bcbb9ea15204113ab603675d4c03cd"
 }