@appquality/unguess-design-system 3.1.91 → 3.1.92

package/CHANGELOG.md

@@ -1,3 +1,21 @@
+# v3.1.92 (Fri May 17 2024)
+
+#### 🐛 Bug Fix
+
+- Update auto version to 11.x.x [#356](https://github.com/AppQuality/unguess-design-system/pull/356) ([@marcbon](https://github.com/marcbon))
+- ⬆️ chore(package.json): update auto dependency to version 11.1.1 [#355](https://github.com/AppQuality/unguess-design-system/pull/355) ([@marcbon](https://github.com/marcbon))
+- Update auto version [#354](https://github.com/AppQuality/unguess-design-system/pull/354) ([@marcbon](https://github.com/marcbon))
+- ⬆️ chore(package.json): update auto package to version 10.29.2 [#353](https://github.com/AppQuality/unguess-design-system/pull/353) ([@marcbon](https://github.com/marcbon))
+- bookmark-tooltip-fix [#352](https://github.com/AppQuality/unguess-design-system/pull/352) ([@iDome89](https://github.com/iDome89) [@marcbon](https://github.com/marcbon))
+- Bookmark tooltip changes [#351](https://github.com/AppQuality/unguess-design-system/pull/351) ([@iDome89](https://github.com/iDome89))
+
+#### Authors: 2
+
+- [@iDome89](https://github.com/iDome89)
+- Marco Bonomo ([@marcbon](https://github.com/marcbon))
+
+---
+
 # v3.1.91 (Fri May 17 2024)
 
 #### 🐛 Bug Fix

package/build/index.js

@@ -4057,6 +4057,11 @@ const Rect = styled.styled.div `
 
   transition: width 0.1s ease;
 `;
+const StyledTooltip$1 = styled.styled(Tooltip) `
+  margin-bottom: ${({ theme }) => theme.space.sm};
+  color: ${({ tooltipColor }) => tooltipColor};
+
+`;
 const Grabber = (props) => {
     const { observation } = props;
     const { setIsGrabbing, setactiveBookmark, setFromEnd } = useProgressContext();
@@ -4071,7 +4076,7 @@ const Grabber = (props) => {
 };
 const Bookmark = (props) => {
     var _a, _b;
-    const { start, end, hue, label } = props;
+    const { start, end, hue, tooltipContent } = props;
     const { context } = Video.useVideoContext();
     const videoStart = context.part.start || 0;
     const videoEnd = context.part.end || ((_a = context.player) === null || _a === void 0 ? void 0 : _a.totalTime) || 0;
@@ -4082,7 +4087,7 @@ const Bookmark = (props) => {
     }
     if (start > videoEnd || start < videoStart)
         return null;
-    return (jsxRuntime.jsx(Tooltip, Object.assign({ content: label, type: "light", size: "large" }, { children: jsxRuntime.jsxs(Rect, Object.assign({ isActive: activeBookmark && activeBookmark.id === props.id, hue: hue, style: {
+    return (jsxRuntime.jsx(StyledTooltip$1, Object.assign({ content: tooltipContent, type: "light", size: "large", isTransparent: true }, { children: jsxRuntime.jsxs(Rect, Object.assign({ isActive: activeBookmark && activeBookmark.id === props.id, hue: hue, style: {
                 left: `${((start - videoStart) / duration) * 100}%`,
                 width: `${((end - start) / duration) * 100}%`,
             }, onClick: props.onClick }, { children: [jsxRuntime.jsx(Grabber, { observation: props }), jsxRuntime.jsx(Grabber, { isEnd: true, observation: props })] })) })));
@@ -4434,9 +4439,10 @@ const Content$1 = styled__default["default"].div `
   padding: 2px 4px;
   display: inline-flex;
   color: white;
+  font-size: ${({ theme }) => theme.fontSizes.sm};
   align-items: center;
   justify-content: center;
-  min-height: 16px;
+  min-height: 14px;
 `;
 const PlayerTooltip = (_a) => {
     var { children } = _a, props = __rest(_a, ["children"]);
@@ -5574,7 +5580,6 @@ const StyledWord = styled__default["default"](reactTypography.Span) `
     var _a, _b;
     return observation &&
         ` user-select: none;
-      padding: 0;
       background-color: ${(_a = observation.hue) !== null && _a !== void 0 ? _a : getColor(theme.palette.azure, 700, undefined, 0.5)};
       color: ${(_b = observation.color) !== null && _b !== void 0 ? _b : "white"};
       box-sizing: border-box;

package/build/stories/player/_types.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from "react";
+import { HTMLAttributes, ReactNode } from "react";
 export interface PlayerArgs extends HTMLAttributes<HTMLVideoElement> {
     url: string;
     start?: number;
@@ -20,6 +20,7 @@ export interface IBookmark {
     end: number;
     hue?: string;
     label?: string;
+    tooltipContent?: ReactNode;
     onClick?: () => void;
 }
 export interface WrapperProps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "3.1.91",
+  "version": "3.1.92",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -98,6 +98,7 @@
     "@zendeskgarden/react-forms": "^8.49.0",
     "@zendeskgarden/react-theming": "^8.48.2",
     "@zendeskgarden/svg-icons": "^6.31.1",
+    "auto": "^11.1.1",
     "formik": "^2.2.9",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",