@cube-dev/ui-kit 0.181.0 → 0.183.0

package/dist/components/content/Tag/Tag.js

@@ -1,7 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -27,20 +28,48 @@ const TagElement = tasty(_Item, {
 	}
 });
 function Tag(allProps, ref) {
+	const $ = c(23);
 	const { t } = useI18n();
-	let { theme = "default", isClosable, onClose, closeButtonStyles, children, size = "inline", mods, ...props } = allProps;
+	let children;
+	let closeButtonStyles;
+	let isClosable;
+	let mods;
+	let onClose;
+	let props;
+	let t0;
+	let t1;
+	if ($[0] !== allProps) {
+		({theme: t0, isClosable, onClose, closeButtonStyles, children, size: t1, mods, ...props} = allProps);
+		$[0] = allProps;
+		$[1] = children;
+		$[2] = closeButtonStyles;
+		$[3] = isClosable;
+		$[4] = mods;
+		$[5] = onClose;
+		$[6] = props;
+		$[7] = t0;
+		$[8] = t1;
+	} else {
+		children = $[1];
+		closeButtonStyles = $[2];
+		isClosable = $[3];
+		mods = $[4];
+		onClose = $[5];
+		props = $[6];
+		t0 = $[7];
+		t1 = $[8];
+	}
+	let theme = t0 === void 0 ? "default" : t0;
+	const size = t1 === void 0 ? "inline" : t1;
 	let type = "card";
 	if (theme === "special") {
 		theme = "default";
 		type = "primary";
 	}
-	return /* @__PURE__ */ jsx(TagElement, {
-		ref,
-		size,
-		"data-type": type,
-		variant: `${theme}.${type}`,
-		mods,
-		actions: isClosable ? /* @__PURE__ */ jsx(_Item.Action, {
+	const t2 = `${theme}.${type}`;
+	let t3;
+	if ($[9] !== closeButtonStyles || $[10] !== isClosable || $[11] !== onClose || $[12] !== t) {
+		t3 = isClosable ? /* @__PURE__ */ jsx(_Item.Action, {
 			"aria-label": t("tag.close", "Close"),
 			styles: {
 				color: "#current",
@@ -48,10 +77,36 @@ function Tag(allProps, ref) {
 			},
 			icon: /* @__PURE__ */ jsx(CloseIcon, {}),
 			onPress: onClose
-		}) : void 0,
-		...props,
-		children
-	});
+		}) : void 0;
+		$[9] = closeButtonStyles;
+		$[10] = isClosable;
+		$[11] = onClose;
+		$[12] = t;
+		$[13] = t3;
+	} else t3 = $[13];
+	let t4;
+	if ($[14] !== children || $[15] !== mods || $[16] !== props || $[17] !== ref || $[18] !== size || $[19] !== t2 || $[20] !== t3 || $[21] !== type) {
+		t4 = /* @__PURE__ */ jsx(TagElement, {
+			ref,
+			size,
+			"data-type": type,
+			variant: t2,
+			mods,
+			actions: t3,
+			...props,
+			children
+		});
+		$[14] = children;
+		$[15] = mods;
+		$[16] = props;
+		$[17] = ref;
+		$[18] = size;
+		$[19] = t2;
+		$[20] = t3;
+		$[21] = type;
+		$[22] = t4;
+	} else t4 = $[22];
+	return t4;
 }
 const _Tag = forwardRef(Tag);
 _Tag.displayName = "Tag";

package/dist/components/content/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","names":["Item"],"sources":["../../../../src/components/content/Tag/Tag.tsx"],"sourcesContent":["import { Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\nimport { ItemVariant } from 'src/data/item-themes';\n\nimport { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { CubeItemProps, Item } from '../Item';\n\nconst TagElement = tasty(Item, {\n  qa: 'Tag',\n  role: 'status',\n  styles: {\n    padding: 0,\n    preset: {\n      '': 'tag',\n      'size=xsmall': 't4',\n      'size=small | size=medium': 't3',\n      'size=large | size=xlarge': 't2',\n    },\n    border: {\n      // extend\n      'type=primary': '#clear',\n    },\n\n    '$min-inline-padding': '.5x',\n\n    Label: {\n      textAlign: 'center',\n      placeSelf: 'center',\n    },\n  },\n});\n\nexport interface CubeTagProps extends CubeItemProps {\n  theme?: 'default' | 'danger' | 'success' | 'warning' | 'note' | 'special';\n  isClosable?: boolean;\n  onClose?: () => void;\n  closeButtonStyles?: Styles;\n}\n\nfunction Tag(allProps: CubeTagProps, ref) {\n  const { t } = useI18n();\n\n  let {\n    theme = 'default',\n    isClosable,\n    onClose,\n    closeButtonStyles,\n    children,\n    size = 'inline',\n    mods,\n    ...props\n  } = allProps;\n\n  let type = 'card';\n\n  if (theme === 'special') {\n    theme = 'default';\n    type = 'primary';\n  }\n\n  return (\n    <TagElement\n      ref={ref}\n      size={size}\n      data-type={type}\n      variant={`${theme}.${type}` as ItemVariant}\n      mods={mods}\n      actions={\n        isClosable ? (\n          <Item.Action\n            aria-label={t('tag.close', 'Close')}\n            styles={{ color: '#current', ...closeButtonStyles }}\n            icon={<CloseIcon />}\n            onPress={onClose}\n          />\n        ) : undefined\n      }\n      {...props}\n    >\n      {children}\n    </TagElement>\n  );\n}\n\nconst _Tag = forwardRef(Tag);\n\n_Tag.displayName = 'Tag';\n\nexport { _Tag as Tag };\n"],"mappings":";;;;;;;;;AAQA,MAAM,aAAa,MAAMA,OAAM;CAC7B,IAAI;CACJ,MAAM;CACN,QAAQ;EACN,SAAS;EACT,QAAQ;GACN,IAAI;GACJ,eAAe;GACf,4BAA4B;GAC5B,4BAA4B;GAC7B;EACD,QAAQ,EAEN,gBAAgB,UACjB;EAED,uBAAuB;EAEvB,OAAO;GACL,WAAW;GACX,WAAW;GACZ;EACF;CACF,CAAC;AASF,SAAS,IAAI,UAAwB,KAAK;CACxC,MAAM,EAAE,MAAM,SAAS;CAEvB,IAAI,EACF,QAAQ,WACR,YACA,SACA,mBACA,UACA,OAAO,UACP,MACA,GAAG,UACD;CAEJ,IAAI,OAAO;AAEX,KAAI,UAAU,WAAW;AACvB,UAAQ;AACR,SAAO;;AAGT,QACE,oBAAC;EACM;EACC;EACN,aAAW;EACX,SAAS,GAAG,MAAM,GAAG;EACf;EACN,SACE,aACE,oBAACA,MAAK;GACJ,cAAY,EAAE,aAAa,QAAQ;GACnC,QAAQ;IAAE,OAAO;IAAY,GAAG;IAAmB;GACnD,MAAM,oBAAC,cAAY;GACnB,SAAS;IACT,GACA;EAEN,GAAI;EAEH;GACU;;AAIjB,MAAM,OAAO,WAAW,IAAI;AAE5B,KAAK,cAAc"}
+{"version":3,"file":"Tag.js","names":["Styles","tasty","forwardRef","ItemVariant","useI18n","CloseIcon","CubeItemProps","Item","TagElement","qa","role","styles","padding","preset","border","Label","textAlign","placeSelf","CubeTagProps","theme","isClosable","onClose","closeButtonStyles","Tag","allProps","ref","$","_c","t","children","mods","props","t0","t1","size","undefined","type","t2","t3","color","t4","_Tag","displayName"],"sources":["../../../../src/components/content/Tag/Tag.tsx"],"sourcesContent":["import { Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\nimport { ItemVariant } from 'src/data/item-themes';\n\nimport { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { CubeItemProps, Item } from '../Item';\n\nconst TagElement = tasty(Item, {\n  qa: 'Tag',\n  role: 'status',\n  styles: {\n    padding: 0,\n    preset: {\n      '': 'tag',\n      'size=xsmall': 't4',\n      'size=small | size=medium': 't3',\n      'size=large | size=xlarge': 't2',\n    },\n    border: {\n      // extend\n      'type=primary': '#clear',\n    },\n\n    '$min-inline-padding': '.5x',\n\n    Label: {\n      textAlign: 'center',\n      placeSelf: 'center',\n    },\n  },\n});\n\nexport interface CubeTagProps extends CubeItemProps {\n  theme?: 'default' | 'danger' | 'success' | 'warning' | 'note' | 'special';\n  isClosable?: boolean;\n  onClose?: () => void;\n  closeButtonStyles?: Styles;\n}\n\nfunction Tag(allProps: CubeTagProps, ref) {\n  const { t } = useI18n();\n\n  let {\n    theme = 'default',\n    isClosable,\n    onClose,\n    closeButtonStyles,\n    children,\n    size = 'inline',\n    mods,\n    ...props\n  } = allProps;\n\n  let type = 'card';\n\n  if (theme === 'special') {\n    theme = 'default';\n    type = 'primary';\n  }\n\n  return (\n    <TagElement\n      ref={ref}\n      size={size}\n      data-type={type}\n      variant={`${theme}.${type}` as ItemVariant}\n      mods={mods}\n      actions={\n        isClosable ? (\n          <Item.Action\n            aria-label={t('tag.close', 'Close')}\n            styles={{ color: '#current', ...closeButtonStyles }}\n            icon={<CloseIcon />}\n            onPress={onClose}\n          />\n        ) : undefined\n      }\n      {...props}\n    >\n      {children}\n    </TagElement>\n  );\n}\n\nconst _Tag = forwardRef(Tag);\n\n_Tag.displayName = 'Tag';\n\nexport { _Tag as Tag };\n"],"mappings":";;;;;;;;;;AAQA,MAAMQ,aAAaP,MAAMM,OAAM;CAC7BE,IAAI;CACJC,MAAM;CACNC,QAAQ;EACNC,SAAS;EACTC,QAAQ;GACN,IAAI;GACJ,eAAe;GACf,4BAA4B;GAC5B,4BAA4B;GAC7B;EACDC,QAAQ,EAEN,gBAAgB,UACjB;EAED,uBAAuB;EAEvBC,OAAO;GACLC,WAAW;GACXC,WAAW;GACb;EACF;CACD,CAAC;AASF,SAAAM,IAAAC,UAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACE,MAAA,EAAAC,MAAcxB,SAAS;CAAC,IAAAyB;CAAA,IAAAP;CAAA,IAAAF;CAAA,IAAAU;CAAA,IAAAT;CAAA,IAAAU;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAP,EAAA,OAAAF,UAAA;AAExB,GAAA,CAAAL,OAAAa,IAAAZ,YAAAC,SAAAC,mBAAAO,UAAAK,MAAAD,IAAAH,SAAAC,SASIP;AAASE,IAAA,KAAAF;AAAAE,IAAA,KAAAG;AAAAH,IAAA,KAAAJ;AAAAI,IAAA,KAAAN;AAAAM,IAAA,KAAAI;AAAAJ,IAAA,KAAAL;AAAAK,IAAA,KAAAK;AAAAL,IAAA,KAAAM;AAAAN,IAAA,KAAAO;QAAA;AAAAJ,aAAAH,EAAA;AAAAJ,sBAAAI,EAAA;AAAAN,eAAAM,EAAA;AAAAI,SAAAJ,EAAA;AAAAL,YAAAK,EAAA;AAAAK,UAAAL,EAAA;AAAAM,OAAAN,EAAA;AAAAO,OAAAP,EAAA;;CARX,IAAAP,QAAAa,OAAAG,SAAA,YAAAH;CAKA,MAAAE,OAAAD,OAAAE,SAAA,WAAAF;CAKF,IAAAG,OAAW;AAEX,KAAIjB,UAAU,WAAS;AACrBA,UAAQA;AACRiB,SAAOA;;CAQI,MAAAC,KAAA,GAAGlB,MAAK,GAAIiB;CAAqB,IAAAE;AAAA,KAAAZ,EAAA,OAAAJ,qBAAAI,EAAA,QAAAN,cAAAM,EAAA,QAAAL,WAAAK,EAAA,QAAAE,GAAA;AAGxCU,OAAAlB,aACE,oBAAA,MAAA;GACc,cAAAQ,EAAE,aAAa,QAAO;GAC1B,QAAA;IAAAW,OAAS;IAAU,GAAKjB;IAAkB;GAC5C,MAAA,oBAAC,cAAW;GACTD,SAAAA;IAEA,GAPbc;AAOaT,IAAA,KAAAJ;AAAAI,IAAA,MAAAN;AAAAM,IAAA,MAAAL;AAAAK,IAAA,MAAAE;AAAAF,IAAA,MAAAY;OAAAA,MAAAZ,EAAA;CAAA,IAAAc;AAAA,KAAAd,EAAA,QAAAG,YAAAH,EAAA,QAAAI,QAAAJ,EAAA,QAAAK,SAAAL,EAAA,QAAAD,OAAAC,EAAA,QAAAQ,QAAAR,EAAA,QAAAW,MAAAX,EAAA,QAAAY,MAAAZ,EAAA,QAAAU,MAAA;AAdjBI,OAAA,oBAAC;GACMf;GACCS;GACKE,aAAAA;GACF,SAAAC;GACHP;GAEJ,SAAAQ;GAOa,GAEXP;GAEHF;IACU;AAAAH,IAAA,MAAAG;AAAAH,IAAA,MAAAI;AAAAJ,IAAA,MAAAK;AAAAL,IAAA,MAAAD;AAAAC,IAAA,MAAAQ;AAAAR,IAAA,MAAAW;AAAAX,IAAA,MAAAY;AAAAZ,IAAA,MAAAU;AAAAV,IAAA,MAAAc;OAAAA,MAAAd,EAAA;AAAA,QAnBbc;;AAuBJ,MAAMC,OAAOvC,WAAWqB,IAAI;AAE5BkB,KAAKC,cAAc"}