@appquality/unguess-design-system 3.1.93 → 3.1.94

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+# v3.1.94 (Tue May 21 2024)
+
+#### 🐛 Bug Fix
+
+- Fix player types [#365](https://github.com/AppQuality/unguess-design-system/pull/365) ([@marcbon](https://github.com/marcbon))
+- 🔨 refactor(player): make tags property optional in IBookmark interface [#364](https://github.com/AppQuality/unguess-design-system/pull/364) ([@marcbon](https://github.com/marcbon))
+- Update observation severity colors [#363](https://github.com/AppQuality/unguess-design-system/pull/363) ([@marcbon](https://github.com/marcbon) [@cannarocks](https://github.com/cannarocks))
+- Player-colors [#362](https://github.com/AppQuality/unguess-design-system/pull/362) ([@marcbon](https://github.com/marcbon))
+
+#### Authors: 2
+
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+- Marco Bonomo ([@marcbon](https://github.com/marcbon))
+
+---
+
 # v3.1.93 (Tue May 21 2024)
 
 #### 🐛 Bug Fix

package/build/index.js

@@ -4422,7 +4422,7 @@ const Progress = React.forwardRef((props, ref) => (jsxRuntime.jsx(UgProgress, Ob
 const StyledProgress = styled.styled(Progress) `
   width: 100%;
   border-radius: 0;
-  color: ${({ theme }) => theme.palette.grey[700]};
+  color: ${({ theme }) => theme.palette.grey[400]};
   cursor: pointer;
   > div {
     border-radius: 0;
@@ -5585,9 +5585,10 @@ const useHighlightContext = () => {
 };
 
 const StyledSearchWord = styled__default["default"].span `
-background-color: ${({ theme }) => theme.palette.product.talk};
-color: ${({ theme }) => theme.palette.grey[700]};`;
-const Searchable = ({ start, text, }) => {
+  background-color: ${({ theme }) => theme.palette.product.talk};
+  color: ${({ theme }) => theme.palette.grey[700]};
+`;
+const Searchable = ({ text, }) => {
     const { searchTerm } = useHighlightContext();
     if (searchTerm) {
         const parts = text.split(new RegExp(`(${searchTerm})`, "gi"));
@@ -5618,7 +5619,7 @@ const StyledWord = styled__default["default"](reactTypography.Span) `
 }}
 `;
 const ActiveWord = styled__default["default"].span `
-  background-color: ${({ theme }) => getColor(theme.palette.fuschia, 700, undefined, 0.5)};
+  background-color: ${({ theme }) => getColor(theme.palette.fuschia, 400, undefined, 0.4)};
   padding: 0 2px;
 `;
 const WordsContainer = styled__default["default"].div `
@@ -5673,9 +5674,9 @@ const Word = (props) => {
     // Is there an observation that contains this word?
     const observation = (_a = props.observations) === null || _a === void 0 ? void 0 : _a.find((obs) => props.start >= obs.start && props.end <= obs.end);
     if (props.tooltipContent !== undefined && !!observation) {
-        return (jsxRuntime.jsx(Tooltip, Object.assign({ content: props.tooltipContent(observation), isTransparent: true }, { children: jsxRuntime.jsxs(StyledWord, Object.assign({}, props, { observation: observation, "data-start": props.start, "data-end": props.end, className: !!observation ? "highlighted" : "" }, (!!observation ? { tag: "observation" } : {}), { children: [isActive ? (jsxRuntime.jsx(ActiveWord, { children: jsxRuntime.jsx(Searchable, { start: props.start, text: props.text }) })) : (jsxRuntime.jsx(Searchable, { start: props.start, text: props.text })), " "] })) })));
+        return (jsxRuntime.jsx(Tooltip, Object.assign({ content: props.tooltipContent(observation), isTransparent: true }, { children: jsxRuntime.jsxs(StyledWord, Object.assign({}, props, { observation: observation, "data-start": props.start, "data-end": props.end, className: !!observation ? "highlighted" : "" }, (!!observation ? { tag: "observation" } : {}), { children: [isActive ? (jsxRuntime.jsx(ActiveWord, { children: jsxRuntime.jsx(Searchable, { text: props.text }) })) : (jsxRuntime.jsx(Searchable, { text: props.text })), " "] })) })));
     }
-    return (jsxRuntime.jsxs(StyledWord, Object.assign({}, props, { observation: observation, "data-start": props.start, "data-end": props.end, className: !!observation ? "highlighted" : "" }, (!!observation ? { tag: "observation" } : {}), { children: [isActive ? (jsxRuntime.jsx(ActiveWord, { children: jsxRuntime.jsx(Searchable, { start: props.start, text: props.text }) })) : (jsxRuntime.jsx(Searchable, { start: props.start, text: props.text })), " "] })));
+    return (jsxRuntime.jsxs(StyledWord, Object.assign({}, props, { observation: observation, "data-start": props.start, "data-end": props.end, className: !!observation ? "highlighted" : "" }, (!!observation ? { tag: "observation" } : {}), { children: [isActive ? (jsxRuntime.jsx(ActiveWord, { children: jsxRuntime.jsx(Searchable, { text: props.text }) })) : (jsxRuntime.jsx(Searchable, { text: props.text })), " "] })));
 };
 Highlight.Word = Word;
 

package/build/stories/highlight/searchable.d.ts

@@ -1,4 +1,3 @@
-export declare const Searchable: ({ start, text, }: {
-    start: number;
+export declare const Searchable: ({ text, }: {
     text: string;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -22,8 +22,22 @@ export interface IBookmark {
     label?: string;
     tooltipContent?: ReactNode;
     onClick?: () => void;
+    tags?: VideoTag[];
 }
 export interface WrapperProps {
     isPlaying?: boolean;
     isLoaded?: boolean;
 }
+type VideoTag = {
+    group: {
+        id: number;
+        name: string;
+    };
+    tag: {
+        id: number;
+        name: string;
+        style: string;
+        usageNumber: number;
+    };
+};
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "3.1.93",
+  "version": "3.1.94",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",