@cube-dev/ui-kit 0.182.0 → 0.183.0

package/dist/components/layout/Suffix.js

@@ -1,6 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, parseStyle, tasty } from "@tenphi/tasty";
 import { forwardRef, useEffect } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -23,23 +24,65 @@ const SuffixElement = tasty({
 	}
 });
 const Suffix = forwardRef(function Suffix(allProps, outerRef) {
-	let { onWidthChange, outerGap = "1bw", children, ...props } = allProps;
+	const $ = c(18);
+	const { onWidthChange, outerGap: t0, children, ...props } = allProps;
+	const outerGap = t0 === void 0 ? "1bw" : t0;
 	const styles = extractStyles(props, CONTAINER_STYLES);
 	const ref = useCombinedRefs(outerRef);
-	useEffect(() => {
-		if (ref && ref.current && onWidthChange) onWidthChange(ref.current.offsetWidth);
-	}, [
-		children,
-		ref,
-		onWidthChange
-	]);
-	return /* @__PURE__ */ jsx(SuffixElement, {
-		...filterBaseProps(props, { eventProps: true }),
-		ref,
-		styles,
-		style: { "--suffix-gap": parseStyle(outerGap).output },
-		children
-	});
+	let t1;
+	if ($[0] !== onWidthChange || $[1] !== ref) {
+		t1 = () => {
+			if (ref && ref.current && onWidthChange) onWidthChange(ref.current.offsetWidth);
+		};
+		$[0] = onWidthChange;
+		$[1] = ref;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== children || $[4] !== onWidthChange || $[5] !== ref) {
+		t2 = [
+			children,
+			ref,
+			onWidthChange
+		];
+		$[3] = children;
+		$[4] = onWidthChange;
+		$[5] = ref;
+		$[6] = t2;
+	} else t2 = $[6];
+	useEffect(t1, t2);
+	const T0 = SuffixElement;
+	const t3 = filterBaseProps(props, { eventProps: true });
+	let t4;
+	if ($[7] !== outerGap) {
+		t4 = parseStyle(outerGap);
+		$[7] = outerGap;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] !== t4.output) {
+		t5 = { "--suffix-gap": t4.output };
+		$[9] = t4.output;
+		$[10] = t5;
+	} else t5 = $[10];
+	let t6;
+	if ($[11] !== T0 || $[12] !== children || $[13] !== ref || $[14] !== styles || $[15] !== t3 || $[16] !== t5) {
+		t6 = /* @__PURE__ */ jsx(T0, {
+			...t3,
+			ref,
+			styles,
+			style: t5,
+			children
+		});
+		$[11] = T0;
+		$[12] = children;
+		$[13] = ref;
+		$[14] = styles;
+		$[15] = t3;
+		$[16] = t5;
+		$[17] = t6;
+	} else t6 = $[17];
+	return t6;
 });
 
 //#endregion

package/dist/components/layout/Suffix.js.map

@@ -1 +1 @@
-{"version":3,"file":"Suffix.js","names":[],"sources":["../../../src/components/layout/Suffix.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  parseStyle,\n  tasty,\n} from '@tenphi/tasty';\nimport { CSSProperties, forwardRef, useEffect } from 'react';\n\nimport { useCombinedRefs } from '../../utils/react';\nimport { extractStyles } from '../../utils/styles';\n\nconst SuffixElement = tasty({\n  element: 'Suffix',\n  styles: {\n    position: 'absolute',\n    display: 'grid',\n    placeContent: 'stretch',\n    placeItems: 'center',\n    flow: 'column',\n    gap: 0,\n    right: '$suffix-gap',\n    top: '$suffix-gap',\n    bottom: '$suffix-gap',\n    color: '#dark-02',\n    height: '(100% - (2 * $suffix-gap))',\n  },\n});\n\nexport interface CubeSuffixProps extends BaseProps, ContainerStyleProps {\n  onWidthChange?: Function;\n  outerGap?: CSSProperties['gap'];\n}\n\nexport const Suffix = forwardRef<HTMLDivElement, CubeSuffixProps>(\n  function Suffix(allProps, outerRef) {\n    let { onWidthChange, outerGap = '1bw', children, ...props } = allProps;\n    const styles = extractStyles(props, CONTAINER_STYLES);\n    const ref = useCombinedRefs(outerRef);\n\n    useEffect(() => {\n      if (ref && ref.current && onWidthChange) {\n        onWidthChange(ref.current.offsetWidth);\n      }\n    }, [children, ref, onWidthChange]);\n\n    return (\n      <SuffixElement\n        {...filterBaseProps(props, { eventProps: true })}\n        ref={ref}\n        styles={styles}\n        style={{\n          '--suffix-gap': parseStyle(outerGap).output,\n        }}\n      >\n        {children}\n      </SuffixElement>\n    );\n  },\n);\n"],"mappings":";;;;;;;;AAaA,MAAM,gBAAgB,MAAM;CAC1B,SAAS;CACT,QAAQ;EACN,UAAU;EACV,SAAS;EACT,cAAc;EACd,YAAY;EACZ,MAAM;EACN,KAAK;EACL,OAAO;EACP,KAAK;EACL,QAAQ;EACR,OAAO;EACP,QAAQ;EACT;CACF,CAAC;AAOF,MAAa,SAAS,WACpB,SAAS,OAAO,UAAU,UAAU;CAClC,IAAI,EAAE,eAAe,WAAW,OAAO,UAAU,GAAG,UAAU;CAC9D,MAAM,SAAS,cAAc,OAAO,iBAAiB;CACrD,MAAM,MAAM,gBAAgB,SAAS;AAErC,iBAAgB;AACd,MAAI,OAAO,IAAI,WAAW,cACxB,eAAc,IAAI,QAAQ,YAAY;IAEvC;EAAC;EAAU;EAAK;EAAc,CAAC;AAElC,QACE,oBAAC;EACC,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;EAC3C;EACG;EACR,OAAO,EACL,gBAAgB,WAAW,SAAS,CAAC,QACtC;EAEA;GACa;EAGrB"}
+{"version":3,"file":"Suffix.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","parseStyle","tasty","CSSProperties","forwardRef","useEffect","useCombinedRefs","extractStyles","SuffixElement","element","styles","position","display","placeContent","placeItems","flow","gap","right","top","bottom","color","height","CubeSuffixProps","onWidthChange","Function","outerGap","Suffix","HTMLDivElement","allProps","outerRef","$","_c","t0","children","props","undefined","ref","t1","current","offsetWidth","t2","T0","t3","eventProps","t4","t5","output","t6"],"sources":["../../../src/components/layout/Suffix.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  parseStyle,\n  tasty,\n} from '@tenphi/tasty';\nimport { CSSProperties, forwardRef, useEffect } from 'react';\n\nimport { useCombinedRefs } from '../../utils/react';\nimport { extractStyles } from '../../utils/styles';\n\nconst SuffixElement = tasty({\n  element: 'Suffix',\n  styles: {\n    position: 'absolute',\n    display: 'grid',\n    placeContent: 'stretch',\n    placeItems: 'center',\n    flow: 'column',\n    gap: 0,\n    right: '$suffix-gap',\n    top: '$suffix-gap',\n    bottom: '$suffix-gap',\n    color: '#dark-02',\n    height: '(100% - (2 * $suffix-gap))',\n  },\n});\n\nexport interface CubeSuffixProps extends BaseProps, ContainerStyleProps {\n  onWidthChange?: Function;\n  outerGap?: CSSProperties['gap'];\n}\n\nexport const Suffix = forwardRef<HTMLDivElement, CubeSuffixProps>(\n  function Suffix(allProps, outerRef) {\n    let { onWidthChange, outerGap = '1bw', children, ...props } = allProps;\n    const styles = extractStyles(props, CONTAINER_STYLES);\n    const ref = useCombinedRefs(outerRef);\n\n    useEffect(() => {\n      if (ref && ref.current && onWidthChange) {\n        onWidthChange(ref.current.offsetWidth);\n      }\n    }, [children, ref, onWidthChange]);\n\n    return (\n      <SuffixElement\n        {...filterBaseProps(props, { eventProps: true })}\n        ref={ref}\n        styles={styles}\n        style={{\n          '--suffix-gap': parseStyle(outerGap).output,\n        }}\n      >\n        {children}\n      </SuffixElement>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;AAaA,MAAMW,gBAAgBN,MAAM;CAC1BO,SAAS;CACTC,QAAQ;EACNC,UAAU;EACVC,SAAS;EACTC,cAAc;EACdC,YAAY;EACZC,MAAM;EACNC,KAAK;EACLC,OAAO;EACPC,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACV;CACD,CAAC;AAOF,MAAaK,SAAStB,WACpB,SAAAsB,OAAAE,UAAAC,UAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACE,MAAA,EAAAR,eAAAE,UAAAO,IAAAC,UAAA,GAAAC,UAA8DN;CAAzC,MAAAH,WAAAO,OAAAG,SAAA,QAAAH;CACrB,MAAAtB,SAAeH,cAAc2B,OAAOpC,iBAAiB;CACrD,MAAAsC,MAAY9B,gBAAgBuB,SAAS;CAAC,IAAAQ;AAAA,KAAAP,EAAA,OAAAP,iBAAAO,EAAA,OAAAM,KAAA;AAE5BC,aAAA;AACR,OAAID,OAAOA,IAAGE,WAAVf,cACFA,eAAca,IAAGE,QAAQC,YAAa;;AAEzCT,IAAA,KAAAP;AAAAO,IAAA,KAAAM;AAAAN,IAAA,KAAAO;OAAAA,MAAAP,EAAA;CAAA,IAAAU;AAAA,KAAAV,EAAA,OAAAG,YAAAH,EAAA,OAAAP,iBAAAO,EAAA,OAAAM,KAAA;AAAEI,OAAA;GAACP;GAAUG;GAAKb;GAAc;AAAAO,IAAA,KAAAG;AAAAH,IAAA,KAAAP;AAAAO,IAAA,KAAAM;AAAAN,IAAA,KAAAU;OAAAA,MAAAV,EAAA;AAJjCzB,WAAUgC,IAIPG,GAA+B;CAG/B,MAAAC,KAAAjC;CACK,MAAAkC,KAAA1C,gBAAgBkC,OAAO,EAAAS,YAAc,MAAM,CAAC;CAAA,IAAAC;AAAA,KAAAd,EAAA,OAAAL,UAAA;AAI9BmB,OAAA3C,WAAWwB,SAAS;AAAAK,IAAA,KAAAL;AAAAK,IAAA,KAAAc;OAAAA,MAAAd,EAAA;CAAA,IAAAe;AAAA,KAAAf,EAAA,OAAAc,GAAAE,QAAA;AAD/BD,OAAA,EAAA,gBACWD,GAAoBE,QACrC;AAAAhB,IAAA,KAAAc,GAAAE;AAAAhB,IAAA,MAAAe;OAAAA,MAAAf,EAAA;CAAA,IAAAiB;AAAA,KAAAjB,EAAA,QAAAW,MAAAX,EAAA,QAAAG,YAAAH,EAAA,QAAAM,OAAAN,EAAA,QAAApB,UAAAoB,EAAA,QAAAY,MAAAZ,EAAA,QAAAe,IAAA;AANHE,OAAA,oBAAC;GAAa,GACRL;GACCN;GACG1B;GACD,OAAAmC;GAINZ;IACa;AAAAH,IAAA,MAAAW;AAAAX,IAAA,MAAAG;AAAAH,IAAA,MAAAM;AAAAN,IAAA,MAAApB;AAAAoB,IAAA,MAAAY;AAAAZ,IAAA,MAAAe;AAAAf,IAAA,MAAAiB;OAAAA,MAAAjB,EAAA;AAAA,QAThBiB;EAYL"}