@youngonesworks/ui 0.1.43 → 0.1.46

package/dist/components/badge/index.d.ts

@@ -21,7 +21,7 @@ interface IBadgeProps {
     badgeBorder?: boolean;
 }
 export declare const Badge: {
-    ({ styleVariant, className, favorite, mobile, badgeBorder, fullWidth, ...props }: IBadgeProps): import("react/jsx-runtime").JSX.Element;
+    ({ styleVariant, className, favorite, mobile, badgeBorder, fullWidth, leftSection, rightSection, children, ...props }: IBadgeProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/index.cjs

@@ -103268,7 +103268,7 @@ const AvatarIndicator = ({ indicatorCount, className }) => /* @__PURE__ */ (0, r
 
 //#endregion
 //#region src/components/badge/index.tsx
-const Badge = ({ styleVariant = COLOR.ACCENT_BLUE, className, favorite, mobile = false, badgeBorder = false, fullWidth = false,...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+const Badge = ({ styleVariant = COLOR.ACCENT_BLUE, className, favorite, mobile = false, badgeBorder = false, fullWidth = false, leftSection, rightSection, children,...props }) => /* @__PURE__ */ (0, react_jsx_runtime.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 && {
@@ -103295,18 +103295,18 @@ const Badge = ({ styleVariant = COLOR.ACCENT_BLUE, className, favorite, mobile =
 	}, className),
 	...props,
 	children: [
-		props.leftSection && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		leftSection && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			"data-testid": "left-section",
-			children: props.leftSection
+			children: leftSection
 		}),
 		/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
+		rightSection && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			"data-testid": "right-section",
-			children: props.rightSection
+			children: rightSection
 		})
 	]
 });
@@ -109915,8 +109915,10 @@ const Rating = ({ rating, ratings, size: size$3 = "normal", setReview, className
 				}, index$4))
 			}),
 			setReview && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("span", {
+					"data-testid": `small-star-item-${value}`,
 					className: "flex w-auto cursor-pointer items-center gap-1",
 					onMouseEnter: () => setHoveredSmallStars(value),
 					onMouseLeave: () => setHoveredSmallStars(0),
@@ -115691,6 +115693,7 @@ const Select = (0, react.forwardRef)(({ options: options$1, placeholder, default
 	const DropdownIndicator$1 = (props$1) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(components.DropdownIndicator, {
 		...props$1,
 		children: props$1.hasValue && isClearable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconX, {
+			"data-testid": "icon-x",
 			className: "cursor-pointer",
 			size: 16,
 			color: "black",
@@ -116027,9 +116030,9 @@ const TabsBadge = ({ children }) => {
 	const isCircular = typeof children === "number" && children <= 9 || typeof children === "string" && children.length === 1 || false;
 	return /* @__PURE__ */ (0, react_jsx_runtime.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
 	});
@@ -116279,7 +116282,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__ */ (0, react_jsx_runtime.jsx)(FloatingArrow, {
 				ref: arrowRef,
 				context,
@@ -116287,7 +116291,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"
 			})]
 		})
 	})] });
@@ -137626,8 +137631,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.
 */
@@ -137673,7 +137678,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
@@ -137685,7 +137690,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) {
@@ -140413,6 +140418,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__ */ (0, react_jsx_runtime.jsx)(IconBold, {
@@ -140465,7 +140474,7 @@ const WysiwygEditor = (0, react.forwardRef)(({ id, content, className, placehold
 	(0, react.useImperativeHandle)(ref, () => ({ resetContent(newContent) {
 		editor?.commands?.setContent(newContent);
 	} }), [editor]);
-	if (typeof window === "undefined" || typeof document === "undefined") return null;
+	if (isSSR()) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		"data-testid": `${id}-container`,
 		className: cn("rounded-md border border-gray-200", className, error$1 && "border-red-600"),