@appquality/unguess-design-system 3.1.97 → 3.1.98-test-error-management

package/CHANGELOG.md

@@ -1,100 +1,3 @@
-# v3.1.97 (Tue May 28 2024)
-
-#### 🐛 Bug Fix
-
-- Add highlight support to unselectable [#377](https://github.com/AppQuality/unguess-design-system/pull/377) ([@cannarocks](https://github.com/cannarocks))
-- "Improve styling and functionality for transcript diarization in highlight component" [#376](https://github.com/AppQuality/unguess-design-system/pull/376) ([@cannarocks](https://github.com/cannarocks))
-- Fix obs player [#375](https://github.com/AppQuality/unguess-design-system/pull/375) ([@marcbon](https://github.com/marcbon))
-- 🎨 style(bookmark.tsx): improve styling for active bookmarks in player parts [#374](https://github.com/AppQuality/unguess-design-system/pull/374) ([@marcbon](https://github.com/marcbon))
-
-#### Authors: 2
-
-- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
-- Marco Bonomo ([@marcbon](https://github.com/marcbon))
-
----
-
-# v3.1.96 (Mon May 27 2024)
-
-#### 🐛 Bug Fix
-
-- Tagging tool improvements [#373](https://github.com/AppQuality/unguess-design-system/pull/373) ([@marcbon](https://github.com/marcbon) [@sinatragianpaolo](https://github.com/sinatragianpaolo))
-- 🎨 style(bookmark.tsx): add z-index property to hovered bookmark for better layering [#369](https://github.com/AppQuality/unguess-design-system/pull/369) ([@marcbon](https://github.com/marcbon) [@sinatragianpaolo](https://github.com/sinatragianpaolo))
-- ✨ feat(highlight): add font-weight style to StyledWord in highlight component [#370](https://github.com/AppQuality/unguess-design-system/pull/370) ([@marcbon](https://github.com/marcbon))
-- feat: add random hue to new observation label in index.stories.tsx [#372](https://github.com/AppQuality/unguess-design-system/pull/372) ([@sinatragianpaolo](https://github.com/sinatragianpaolo))
-- 🔨 refactor(highlight/index.tsx): improve logic to find closest observation to word [#368](https://github.com/AppQuality/unguess-design-system/pull/368) ([@marcbon](https://github.com/marcbon) [@sinatragianpaolo](https://github.com/sinatragianpaolo))
-- 🔧 fix(player): update end time for second bookmark in index.stories.tsx [#371](https://github.com/AppQuality/unguess-design-system/pull/371) ([@marcbon](https://github.com/marcbon))
-
-#### Authors: 2
-
-- Gianpaolo Sinatra ([@sinatragianpaolo](https://github.com/sinatragianpaolo))
-- Marco Bonomo ([@marcbon](https://github.com/marcbon))
-
----
-
-# v3.1.95 (Fri May 24 2024)
-
-#### 🐛 Bug Fix
-
-- Fix highlight [#367](https://github.com/AppQuality/unguess-design-system/pull/367) ([@marcbon](https://github.com/marcbon))
-- 🔧 refactor(highlight/index.tsx): remove unnecessary spread operator in Word component [#366](https://github.com/AppQuality/unguess-design-system/pull/366) ([@marcbon](https://github.com/marcbon))
-
-#### Authors: 1
-
-- Marco Bonomo ([@marcbon](https://github.com/marcbon))
-
----
-
-# 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
-
-- Improve video cutting and add debounce to bookmark update [#361](https://github.com/AppQuality/unguess-design-system/pull/361) ([@cannarocks](https://github.com/cannarocks) [@marcbon](https://github.com/marcbon))
-- Add useDebounce hook for bookmark updates in player controls [#360](https://github.com/AppQuality/unguess-design-system/pull/360) ([@cannarocks](https://github.com/cannarocks))
-- 🚀 feat(player): add PlusIcon component for starting observation in CutterButton [#359](https://github.com/AppQuality/unguess-design-system/pull/359) ([@marcbon](https://github.com/marcbon))
-- Add sentiment data to DemoTranscript [#358](https://github.com/AppQuality/unguess-design-system/pull/358) ([@cannarocks](https://github.com/cannarocks))
-
-#### Authors: 2
-
-- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
-- Marco Bonomo ([@marcbon](https://github.com/marcbon))
-
----
-
-# 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

@@ -2337,40 +2337,26 @@ const ChatContextProvider = ({ onSave, onFileUpload, onDeleteThumbnail, setMenti
         setEditor,
         thumbnails,
         setThumbnails,
-        afterUploadCallback: (failed) => {
-            setThumbnails(thumbnails.map((file) => {
-                if (failed.includes(file.id)) {
-                    file.isLoadingMedia = false;
-                    //file.isError = true;
-                }
-                else {
-                    file.isLoadingMedia = false;
-                    //file.isError = false
-                }
-                return file;
-            }));
-        },
-        addThumbnails: ({ files }) => {
+        afterUploadCallback: (failed) => { },
+        addThumbnails: ({ files }) => __awaiter(void 0, void 0, void 0, function* () {
             setThumbnails((prev) => [...prev, ...files]);
-            if (onFileUpload) {
-                onFileUpload(files).then((data) => {
-                    var _a;
-                    const failed = (_a = data.failed) === null || _a === void 0 ? void 0 : _a.map((f) => f.name);
-                    setThumbnails((prev) => {
-                        return prev.map((file) => {
-                            file.isLoadingMedia = false;
-                            if ((failed === null || failed === void 0 ? void 0 : failed.length) && failed.includes(file.id)) {
-                                file.isError = true;
-                            }
-                            else {
-                                file.isError = false;
-                            }
-                            return file;
-                        });
+            if (!onFileUpload)
+                return;
+            try {
+                const data = yield onFileUpload(files);
+                setThumbnails((prev) => {
+                    return prev.map(file => {
+                        var _a, _b;
+                        file.isLoadingMedia = false;
+                        file.error = (_b = (_a = data.failed) === null || _a === void 0 ? void 0 : _a.find(f => f.name === file.name)) === null || _b === void 0 ? void 0 : _b.errorCode;
+                        return file;
                     });
                 });
             }
-        },
+            catch (e) {
+                console.log("Error uploading files", e);
+            }
+        }),
         clearInput: () => {
             if (editor && !editor.isEmpty) {
                 editor.commands.clearContent();
@@ -3398,6 +3384,7 @@ const StyledDeleteThumbnailX = styled__default["default"].div `
   opacity: 0;
   transition: opacity 0.2s;
   z-index: 2;
+  color: ${({ theme }) => theme.palette.grey[800]};
 `;
 const DeleteThumbnailX = ({ deleteThumbnail }) => {
     return (jsxRuntime.jsx(StyledDeleteThumbnailX, Object.assign({ className: "deleteThumbnail" }, { children: jsxRuntime.jsx(SvgRemoveMediaIcon, { onClick: (e) => deleteThumbnail(e) }) })));
@@ -3425,19 +3412,19 @@ const ImageCard = styled__default["default"](SpecialCard) `
   padding: 0;
   position: relative;
   overflow: hidden;
-  min-width: 90px;
+  width: 90px;
 
   &:before {
     content: "";
+    font-size: ${({ theme }) => theme.fontSizes.xs};
     position: absolute;
+    padding: ${({ theme }) => theme.space.xs};
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
-    background-color: ${({ theme }) => theme.palette.grey[800]};
-    opacity: 0;
+    background-color: ${({ theme }) => theme.palette.grey[800]}00; // 0% opacity
     transition: opacity 0.2s;
-    z-index: 1;
   }
 
   &:hover {
@@ -3445,12 +3432,26 @@ const ImageCard = styled__default["default"](SpecialCard) `
       opacity: 1;
     }
     &:before {
-      opacity: 0.3;
+      background-color: ${({ theme }) => theme.palette.grey[800]}4d; // 30% opacity
     }
   }
-
+  ${(p) => p.error &&
+    `
+    &:before{
+      content: "Error: ${p.error}";
+      color: ${p.theme.palette.white};
+      background-color: ${p.theme.palette.grey[800]}b3; // 0.7 opacity
+    }
+  `}
+  ${(p) => p.isLoading &&
+    `
+    &:before{
+      background-color: ${p.theme.palette.grey[800]}b3; // 0.7 opacity
+    }
+  `}
   &.video {
     svg {
+      color: ${({ theme }) => theme.palette.grey[800]};
       position: absolute;
       top: 50%;
       left: 50%;
@@ -3467,8 +3468,9 @@ const Preview = styled__default["default"].div `
   align-items: center;
   height: 100px;
   width: 100%;
-
-  ${(p) => p.url &&
+  color: ${({ theme }) => theme.palette.white};
+  
+  ${p => p.url &&
     `
     background-image: url(${p.url});
     background-color: ${p.theme.palette.grey[100]};
@@ -3482,19 +3484,19 @@ const Preview = styled__default["default"].div `
     height: 100%;
   }
 `;
-const Thumbnail = ({ src, type, removeThumbnail, clickThumbnail, showX, isLoadingMedia = true, isError = false, }) => {
+const Thumbnail = ({ src, type, removeThumbnail, clickThumbnail, showX, isLoadingMedia, error = "", }) => {
     const handleCancel = (e) => {
         e.stopPropagation();
         if (removeThumbnail)
             removeThumbnail();
     };
-    return (jsxRuntime.jsxs(ImageCard, Object.assign({ onClick: clickThumbnail, className: type.includes("video") ? "video" : "image" }, { children: [isError && (
-            // todo: add error icon
-            jsxRuntime.jsx("span", { children: "error uploading media" })), isLoadingMedia ? (jsxRuntime.jsx(Preview, { children: jsxRuntime.jsx(reactLoaders.Spinner, { style: {
-                        display: "flex",
-                        alignItems: "center",
-                        justifyContent: "center",
-                    }, size: "large" }) })) : (jsxRuntime.jsxs(Preview, Object.assign({ url: src }, { children: [showX && (jsxRuntime.jsx(DeleteThumbnailX, { deleteThumbnail: (e) => handleCancel(e) })), type.includes("video") && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("video", Object.assign({ src: src }, { children: jsxRuntime.jsx("track", { kind: "captions" }) })), jsxRuntime.jsx(SvgVideoPlayIcon, {})] }))] })))] })));
+    return (jsxRuntime.jsx(ImageCard, Object.assign({ onClick: clickThumbnail, className: type.includes("video") ? "video" : "image", error: error, isLoading: isLoadingMedia }, { children: isLoadingMedia ? (jsxRuntime.jsx(Preview, Object.assign({ url: src }, { children: jsxRuntime.jsx(reactLoaders.Spinner, { style: {
+                    display: "flex",
+                    position: "absolute",
+                    color: "white",
+                    alignItems: "center",
+                    justifyContent: "center",
+                }, size: "large" }) }))) : (jsxRuntime.jsxs(Preview, Object.assign({ url: src }, { children: [showX && (jsxRuntime.jsx(DeleteThumbnailX, { deleteThumbnail: (e) => handleCancel(e) })), type.includes("video") && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("video", Object.assign({ src: src }, { children: jsxRuntime.jsx("track", { kind: "captions" }) })), jsxRuntime.jsx(SvgVideoPlayIcon, { opacity: error ? "0.3" : "1" })] }))] }))) })));
 };
 
 const FlexContainer = styled.styled.div `
@@ -3511,12 +3513,13 @@ const ThumbnailContainer = ({ openLightbox }) => {
             previewUrl: file.url,
             id: file.id,
             isLoadingMedia: file.isLoadingMedia,
+            error: file.error,
         }));
     }, [thumbnails]);
     if (!mediaFiles || mediaFiles.length === 0) {
         return null;
     }
-    return (jsxRuntime.jsx(FlexContainer, { children: mediaFiles.map((file, index) => (jsxRuntime.jsx(Thumbnail, { src: file.previewUrl, showX: true, type: file.fileType, isLoadingMedia: file.isLoadingMedia, removeThumbnail: () => {
+    return (jsxRuntime.jsx(FlexContainer, { children: mediaFiles.map((file, index) => (jsxRuntime.jsx(Thumbnail, { src: file.previewUrl, showX: true, type: file.fileType, isLoadingMedia: file.isLoadingMedia, error: file.error, removeThumbnail: () => {
                 removeThumbnail(index);
                 onDeleteThumbnail(file.id);
             }, clickThumbnail: () => {
@@ -5610,32 +5613,28 @@ const Searchable = ({ text, }) => {
     return jsxRuntime.jsx(jsxRuntime.Fragment, { children: text });
 };
 
-const StyledWord = styled__default["default"](reactTypography.Span) `
+const StyledWord = styled__default["default"].div `
+  display: inline;
   font-size: ${({ theme, size }) => theme.fontSizes[size !== null && size !== void 0 ? size : "md"]};
   padding: ${({ theme }) => theme.space.xxs} 0;
+  position: relative;
 
-  ${({ observation, theme }) => {
-    var _a, _b;
-    return observation &&
+  ${({ observations, theme }) => {
+    var _a;
+    return observations && observations.length > 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"};
+      color: ${(_a = observations[observations.length - 1].color) !== null && _a !== void 0 ? _a : theme.palette.grey[600]};
       box-sizing: border-box;
       font-weight: ${theme.fontWeights.semibold};
 
       &:focus {
         outline: none;
       }
-
-      + span:not([observation]) {
-        margin-left: 2px;
-      }
     `;
 }}
 `;
 const ActiveWord = styled__default["default"].span `
   background-color: ${({ theme }) => getColor(theme.palette.fuschia, 400, undefined, 0.4)};
-  padding: 0 2px;
 `;
 const WordsContainer = styled__default["default"].div `
   box-sizing: border-box;
@@ -5645,12 +5644,23 @@ const WordsContainer = styled__default["default"].div `
     }
   }
 `;
+const Layer = styled__default["default"].div `
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 0;
+  background-color: ${({ color }) => getColor(color, undefined, undefined, 0.2)};
+`;
 /**
  *  Use Highlight to use highlight interation on any text element
  */
 const Highlight = (props) => {
     const ref = React.useRef(null);
     const extractText = (selection) => {
+        if (selection.anchorNode === null || selection.focusNode === null)
+            return "";
         var range = selection.getRangeAt(0);
         var tempDiv = document.createElement("div");
         tempDiv.appendChild(range.cloneContents());
@@ -5698,24 +5708,22 @@ const Highlight = (props) => {
     return (jsxRuntime.jsx(HighlightContextProvider, Object.assign({ term: props.search }, { children: jsxRuntime.jsx(WordsContainer, Object.assign({ ref: ref }, { children: props.children })) })));
 };
 const Word = (props) => {
-    var _a;
     const isActive = props.currentTime &&
         props.currentTime >= props.start &&
         props.currentTime < props.end;
     // Are there any observations containing this word?
-    const foundObservations = (_a = props.observations) === null || _a === void 0 ? void 0 : _a.map((obs) => props.start >= obs.start && props.end <= obs.end ? obs : null);
-    // Get the closer observation to the word
-    const observation = foundObservations === null || foundObservations === void 0 ? void 0 : foundObservations.reduce((prev, current) => {
-        if (!prev)
-            return current;
-        if (!current)
-            return prev;
-        return current.end - current.start < prev.end - prev.start ? current : prev;
-    }, null);
-    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, { text: props.text }) })) : (jsxRuntime.jsx(Searchable, { text: props.text })), " "] })) })));
+    const foundObservations = React.useMemo(() => {
+        var _a, _b;
+        return (_b = (_a = props.observations) === null || _a === void 0 ? void 0 : _a.filter((obs) => props.start >= obs.start && props.end <= obs.end)) !== null && _b !== void 0 ? _b : [];
+    }, [props.observations, props.start, props.end]);
+    const ObsWord = React.useMemo(() => (jsxRuntime.jsxs(StyledWord, Object.assign({}, props, { "data-start": props.start, "data-end": props.end, className: foundObservations.length > 0 ? "highlighted" : "" }, (foundObservations && { observations: foundObservations }), { children: [foundObservations.length > 0 && foundObservations.map((obs) => {
+                var _a;
+                return (jsxRuntime.jsx(Layer, { color: (_a = obs.hue) !== null && _a !== void 0 ? _a : theme.palette.grey[600] }, obs.id));
+            }), isActive ? (jsxRuntime.jsx(ActiveWord, { children: jsxRuntime.jsx(Searchable, { text: props.text }) })) : (jsxRuntime.jsx(Searchable, { text: props.text })), " "] }))), [props, foundObservations, isActive]);
+    if (props.tooltipContent !== undefined && foundObservations.length > 0) {
+        return (jsxRuntime.jsx(Tooltip, Object.assign({ content: props.tooltipContent(foundObservations), isTransparent: true }, { children: ObsWord })));
     }
-    return (jsxRuntime.jsxs(StyledWord, Object.assign({}, props, { "data-start": props.start, "data-end": props.end, className: !!observation ? "highlighted" : "" }, (observation && { observation }), (!!observation ? { tag: "observation" } : {}), { children: [isActive ? (jsxRuntime.jsx(ActiveWord, { children: jsxRuntime.jsx(Searchable, { text: props.text }) })) : (jsxRuntime.jsx(Searchable, { text: props.text })), " "] })));
+    return jsxRuntime.jsx(jsxRuntime.Fragment, { children: ObsWord });
 };
 Highlight.Word = Word;
 

package/build/stories/buttons/button/index.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ButtonArgs } from "./_types";
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonArgs>;
 export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonArgs>;

package/build/stories/buttons/utils.d.ts

@@ -8,18 +8,18 @@ export declare const variants: readonly [{}, {
     readonly disabled: true;
 }];
 export declare const Row: import("styled-components").IStyledComponent<"web", {
-    alignItems?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
-    alignItemsXs?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
-    alignItemsSm?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
-    alignItemsMd?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
-    alignItemsLg?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
-    alignItemsXl?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
-    justifyContent?: "start" | "center" | "end" | "between" | "around" | undefined;
-    justifyContentXs?: "start" | "center" | "end" | "between" | "around" | undefined;
-    justifyContentSm?: "start" | "center" | "end" | "between" | "around" | undefined;
-    justifyContentMd?: "start" | "center" | "end" | "between" | "around" | undefined;
-    justifyContentLg?: "start" | "center" | "end" | "between" | "around" | undefined;
-    justifyContentXl?: "start" | "center" | "end" | "between" | "around" | undefined;
+    alignItems?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
+    alignItemsXs?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
+    alignItemsSm?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
+    alignItemsMd?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
+    alignItemsLg?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
+    alignItemsXl?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
+    justifyContent?: "center" | "start" | "end" | "between" | "around" | undefined;
+    justifyContentXs?: "center" | "start" | "end" | "between" | "around" | undefined;
+    justifyContentSm?: "center" | "start" | "end" | "between" | "around" | undefined;
+    justifyContentMd?: "center" | "start" | "end" | "between" | "around" | undefined;
+    justifyContentLg?: "center" | "start" | "end" | "between" | "around" | undefined;
+    justifyContentXl?: "center" | "start" | "end" | "between" | "around" | undefined;
     wrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
     wrapXs?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
     wrapSm?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -73,7 +73,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
+    inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
@@ -299,18 +299,18 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
     md?: string | number | boolean | undefined;
     lg?: string | number | boolean | undefined;
     xl?: string | number | boolean | undefined;
-    alignSelf?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfXs?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfSm?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfMd?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfLg?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfXl?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    textAlign?: "start" | "center" | "end" | "justify" | undefined;
-    textAlignXs?: "start" | "center" | "end" | "justify" | undefined;
-    textAlignSm?: "start" | "center" | "end" | "justify" | undefined;
-    textAlignMd?: "start" | "center" | "end" | "justify" | undefined;
-    textAlignLg?: "start" | "center" | "end" | "justify" | undefined;
-    textAlignXl?: "start" | "center" | "end" | "justify" | undefined;
+    alignSelf?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfXs?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfSm?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfMd?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfLg?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfXl?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
+    textAlign?: "center" | "start" | "end" | "justify" | undefined;
+    textAlignXs?: "center" | "start" | "end" | "justify" | undefined;
+    textAlignSm?: "center" | "start" | "end" | "justify" | undefined;
+    textAlignMd?: "center" | "start" | "end" | "justify" | undefined;
+    textAlignLg?: "center" | "start" | "end" | "justify" | undefined;
+    textAlignXl?: "center" | "start" | "end" | "justify" | undefined;
     offset?: string | number | undefined;
     offsetXs?: string | number | undefined;
     offsetSm?: string | number | undefined;
@@ -370,7 +370,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
+    inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
@@ -640,7 +640,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
+    inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;

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

@@ -42,7 +42,7 @@ export interface CommentMedia {
     type: string;
     name?: string;
     isLoadingMedia?: boolean;
-    isError?: boolean;
+    error?: string;
     url?: string;
 }
 export interface FloatingMenuArgs extends Partial<BubbleMenuProps> {

package/build/stories/chat/index.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PlaceholderOptions } from "@tiptap/extension-placeholder";
 import { Editor as TipTapEditor } from "@tiptap/react";
 import { ChatEditorArgs, CommentMedia, SuggestedUser } from "./_types";

package/build/stories/chat/parts/ThumbnailContainer/Thumbnail.d.ts

@@ -5,7 +5,7 @@ interface Props {
     isLoadingMedia?: boolean;
     removeThumbnail?: () => void;
     showX?: boolean;
-    isError?: boolean;
+    error?: string;
 }
-declare const Thumbnail: ({ src, type, removeThumbnail, clickThumbnail, showX, isLoadingMedia, isError, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Thumbnail: ({ src, type, removeThumbnail, clickThumbnail, showX, isLoadingMedia, error, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Thumbnail;

package/build/stories/chat/parts/ThumbnailContainer/index.d.ts

@@ -1,11 +1,3 @@
-export interface FileElement {
-    fileName: string;
-    fileType: string;
-    errorCode?: "FILE_TOO_BIG" | "INVALID_FILE_EXTENSION" | "GENERIC_ERROR";
-    previewUrl: string;
-    internal_id: string;
-    isLoadingMedia: boolean;
-}
 interface Props {
     openLightbox: (index: number) => void;
 }

package/build/stories/dropdowns/select/index.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DropdownArgs, SelectArgs } from "./_types";
 import { MenuArgs } from "../menu/_types";
 interface IItem {

package/build/stories/editor/index.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { EditorArgs } from "./_types";
 interface EditorStoryArgs extends EditorArgs {
     children?: any;

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

@@ -31,7 +31,6 @@ export interface WordProps extends ISpanProps {
     currentTime?: number;
     observations?: Observation[];
     text: string;
-    /** Adjusts the font size. By default font size is medium */
     size?: "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl";
-    tooltipContent?: (observation: Observation) => ReactNode;
+    tooltipContent?: (observations: Observation[]) => ReactNode;
 }

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { HighlightArgs, WordProps } from "./_types";
 export interface StoryArgs extends HighlightArgs {
     words: Array<WordProps & {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PlayerArgs } from "./_types";
 interface PlayerStoryArgs extends PlayerArgs {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "3.1.97",
+  "version": "3.1.98-test-error-management",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",