@youngonesworks/ui 0.1.43 → 0.1.46

package/dist/index.js

@@ -103270,7 +103270,7 @@ const AvatarIndicator = ({ indicatorCount, className }) => /* @__PURE__ */ jsx("
 
 //#endregion
 //#region src/components/badge/index.tsx
-const Badge = ({ styleVariant = COLOR.ACCENT_BLUE, className, favorite, mobile = false, badgeBorder = false, fullWidth = false,...props }) => /* @__PURE__ */ jsxs("span", {
+const Badge = ({ styleVariant = COLOR.ACCENT_BLUE, className, favorite, mobile = false, badgeBorder = false, fullWidth = false, leftSection, rightSection, children,...props }) => /* @__PURE__ */ jsxs("span", {
 	"data-testid": "badge",
 	"data-component": "Badge",
 	className: clsx_default("inline-flex h-[1.375rem] max-w-full place-content-center items-center p-[10px] align-middle text-xs leading-[20px] font-medium tracking-wide text-wrap whitespace-normal normal-case", mobile ? "rounded-s" : "rounded-[2rem]", fullWidth && "w-full", badgeBorder && {
@@ -103297,18 +103297,18 @@ const Badge = ({ styleVariant = COLOR.ACCENT_BLUE, className, favorite, mobile =
 	}, className),
 	...props,
 	children: [
-		props.leftSection && /* @__PURE__ */ jsx("div", {
+		leftSection && /* @__PURE__ */ jsx("div", {
 			"data-testid": "left-section",
-			children: props.leftSection
+			children: leftSection
 		}),
 		/* @__PURE__ */ jsx("span", {
 			"data-testid": "badge-content",
 			className: cn("block h-5 overflow-hidden text-ellipsis whitespace-nowrap", { "flex items-center": favorite }),
-			children: props.children
+			children
 		}),
-		props.rightSection && /* @__PURE__ */ jsx("div", {
+		rightSection && /* @__PURE__ */ jsx("div", {
 			"data-testid": "right-section",
-			children: props.rightSection
+			children: rightSection
 		})
 	]
 });
@@ -109917,8 +109917,10 @@ const Rating = ({ rating, ratings, size: size$3 = "normal", setReview, className
 				}, index$4))
 			}),
 			setReview && /* @__PURE__ */ jsx("div", {
-				className: "mt-4 inline-flex flex-col items-start",
+				"data-testid": "small-stars-container",
+				className: "mt-4 flex flex-col gap-2",
 				children: ratings.map(({ value, label }) => /* @__PURE__ */ jsxs("span", {
+					"data-testid": `small-star-item-${value}`,
 					className: "flex w-auto cursor-pointer items-center gap-1",
 					onMouseEnter: () => setHoveredSmallStars(value),
 					onMouseLeave: () => setHoveredSmallStars(0),
@@ -115693,6 +115695,7 @@ const Select = forwardRef(({ options: options$1, placeholder, defaultValue, labe
 	const DropdownIndicator$1 = (props$1) => /* @__PURE__ */ jsx(components.DropdownIndicator, {
 		...props$1,
 		children: props$1.hasValue && isClearable ? /* @__PURE__ */ jsx(IconX, {
+			"data-testid": "icon-x",
 			className: "cursor-pointer",
 			size: 16,
 			color: "black",
@@ -116029,9 +116032,9 @@ const TabsBadge = ({ children }) => {
 	const isCircular = typeof children === "number" && children <= 9 || typeof children === "string" && children.length === 1 || false;
 	return /* @__PURE__ */ jsx("div", {
 		"data-testid": "tabs-badge",
-		className: clsx_default("bg-pink h-5 text-xs leading-5 font-medium text-white", {
-			"rounded-full w-5 text-center": isCircular,
-			"rounded px-2": !isCircular
+		className: clsx_default("bg-pink h-5 rounded-full text-xs leading-5 font-medium text-white", {
+			"w-5 text-center": isCircular,
+			"px-2": !isCircular
 		}),
 		children
 	});
@@ -116281,7 +116284,8 @@ const Tooltip = ({ content, children, passedOpen = false, size: size$3 = "md", v
 				height: 17,
 				tipRadius: 1,
 				fill: "white",
-				className: "drop-shadow-xl"
+				className: "drop-shadow-xl",
+				"data-testid": "tooltip-arrow"
 			}) : /* @__PURE__ */ jsx(FloatingArrow, {
 				ref: arrowRef,
 				context,
@@ -116289,7 +116293,8 @@ const Tooltip = ({ content, children, passedOpen = false, size: size$3 = "md", v
 				height: 6,
 				tipRadius: 1,
 				fill: "white",
-				className: "drop-shadow-xl"
+				className: "drop-shadow-xl",
+				"data-testid": "tooltip-arrow"
 			})]
 		})
 	})] });
@@ -137628,8 +137633,8 @@ function useEditorState(options$1) {
 	return selectedState;
 }
 const isDev = "development" !== "production";
-const isSSR = typeof window === "undefined";
-const isNext = isSSR || Boolean(typeof window !== "undefined" && window.next);
+const isSSR$1 = typeof window === "undefined";
+const isNext = isSSR$1 || Boolean(typeof window !== "undefined" && window.next);
 /**
 * This class handles the creation, destruction, and re-creation of the editor instance.
 */
@@ -137675,7 +137680,7 @@ var EditorInstanceManager = class EditorInstanceManager {
 	}
 	getInitialEditor() {
 		if (this.options.current.immediatelyRender === undefined) {
-			if (isSSR || isNext) {
+			if (isSSR$1 || isNext) {
 				if (isDev) {
 					/**
 					* Throw an error in development, to make sure the developer is aware that tiptap cannot be SSR'd
@@ -137687,7 +137692,7 @@ var EditorInstanceManager = class EditorInstanceManager {
 			}
 			return this.createEditor();
 		}
-		if (this.options.current.immediatelyRender && isSSR && isDev) {
+		if (this.options.current.immediatelyRender && isSSR$1 && isDev) {
 			throw new Error("Tiptap Error: SSR has been detected, and `immediatelyRender` has been set to `true` this is an unsupported configuration that may result in errors, explicitly set `immediatelyRender` to `false` to avoid hydration mismatches.");
 		}
 		if (this.options.current.immediatelyRender) {
@@ -140415,6 +140420,10 @@ const StarterKit = Extension.create({
 	}
 });
 
+//#endregion
+//#region src/utils/ssr.ts
+const isSSR = () => typeof window === "undefined" || typeof document === "undefined";
+
 //#endregion
 //#region src/components/wysiwygEditor/index.tsx
 const BoldIcon = () => /* @__PURE__ */ jsx(IconBold, {
@@ -140467,7 +140476,7 @@ const WysiwygEditor = forwardRef(({ id, content, className, placeholder, onChang
 	useImperativeHandle(ref, () => ({ resetContent(newContent) {
 		editor?.commands?.setContent(newContent);
 	} }), [editor]);
-	if (typeof window === "undefined" || typeof document === "undefined") return null;
+	if (isSSR()) return null;
 	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
 		"data-testid": `${id}-container`,
 		className: cn("rounded-md border border-gray-200", className, error$1 && "border-red-600"),