odaptos_design_system 2.0.5 → 2.0.7

package/dist/odaptos_design_system.esm.js

@@ -1,4 +1,4 @@
-import React, { useState, forwardRef, useRef, useEffect } from 'react';
+import React, { forwardRef, useRef, useEffect, useState } from 'react';
 import { extend, colord } from 'colord';
 import mixPlugin from 'colord/plugins/mix';
 import a11yPlugin from 'colord/plugins/a11y';
@@ -59,35 +59,6 @@ var css_248z = ".Accordion-modules_accordion__dz3L5{align-items:flex-start;backg
 var styles = {"accordion":"Accordion-modules_accordion__dz3L5","accordion_header":"Accordion-modules_accordion_header__lU2yY"};
 styleInject(css_248z);
 
-/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2760-23794&mode=dev  */
-const Accordion = ({
-  title,
-  children,
-  className,
-  icon,
-  ...props
-}) => {
-  const [isAccordionOpen, setIsAccordionOpen] = useState(false);
-  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-    className: `${styles.accordion} ${className ?? ''}`
-  }), /*#__PURE__*/React.createElement("div", {
-    className: styles.accordion_header,
-    onClick: () => setIsAccordionOpen(prev => !prev)
-  }, /*#__PURE__*/React.createElement(Text, {
-    size: "base",
-    text: title,
-    weight: "bold"
-  }), /*#__PURE__*/React.createElement(IconButton, {
-    variant: "tertiary",
-    icon: icon ? icon : /*#__PURE__*/React.createElement(ArrowLineDowIcon, {
-      style: {
-        transform: isAccordionOpen ? 'rotate(180deg)' : 'rotate(0deg)',
-        transition: 'all 0.2s linear'
-      }
-    })
-  })), isAccordionOpen && /*#__PURE__*/React.createElement("div", null, children));
-};
-
 var css_248z$1 = ".Avatar-module_initialAvatar__RogI7{background:#e5f1ff}.Avatar-module_imgAvatar__9BC7p,.Avatar-module_initialAvatar__RogI7{align-items:center;border-radius:2.5rem;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.Avatar-module_imgAvatar__9BC7p{background:transparent}.Avatar-module_imgAvatar__9BC7p img{border-radius:100%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.Avatar-module_avatar_xs__6KODe{border-radius:1.5rem;height:1.5rem;max-height:1.5rem;max-width:1.5rem;min-height:1.5rem;min-width:1.5rem;width:1.5rem}.Avatar-module_avatar_sm__rGyel{border-radius:2rem;height:2rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;width:2rem}.Avatar-module_avatar_base__CetnR{border-radius:2.5rem;height:2.5rem;max-height:2.5rem;min-height:2.5rem;min-width:2.5rem;width:2.5rem}.Avatar-module_avatar_lg__WXo1U{border-radius:3rem;height:3rem;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;width:3rem}.Avatar-module_avatar_xl__i-QST{border-radius:3.5rem;height:3.5rem;max-height:3.5rem;max-width:3.5rem;min-height:3.5rem;min-width:3.5rem;width:3.5rem}";
 var styles$1 = {"initialAvatar":"Avatar-module_initialAvatar__RogI7","imgAvatar":"Avatar-module_imgAvatar__9BC7p","avatar_xs":"Avatar-module_avatar_xs__6KODe","avatar_sm":"Avatar-module_avatar_sm__rGyel","avatar_base":"Avatar-module_avatar_base__CetnR","avatar_lg":"Avatar-module_avatar_lg__WXo1U","avatar_xl":"Avatar-module_avatar_xl__i-QST"};
 styleInject(css_248z$1);
@@ -11905,6 +11876,7 @@ const ControlsBar = ({
     onClick: () => endInterview(),
     icon: /*#__PURE__*/React.createElement(HangUpIcon, null)
   }), !isInterviewer && screenShareText && enableScreenSharing && /*#__PURE__*/React.createElement(InterviewButton, {
+    id: "odaptos_screen_share",
     text: screenShareText,
     variant: "screenshare",
     icon: /*#__PURE__*/React.createElement(TvFlatScreenIcon, null),
@@ -14875,7 +14847,8 @@ const TabsUnderline = ({
         textTransform: 'none'
       },
       label: /*#__PURE__*/React.createElement("div", {
-        className: styles$M.tab_label_content
+        className: styles$M.tab_label_content,
+        id: item.id
       }, /*#__PURE__*/React.createElement(Title, {
         text: item.label,
         weight: value === index ? 'semi-bold' : 'regular',
@@ -14889,7 +14862,8 @@ const TabsUnderline = ({
     });
     if (item.disabled) {
       renderTab = /*#__PURE__*/React.createElement("div", {
-        className: styles$M.tab_label_content
+        className: styles$M.tab_label_content,
+        id: item.id
       }, /*#__PURE__*/React.createElement(Title, {
         key: `tab#${index}`,
         className: `${!isArrowIconDisplay ? styles$M.tab_label_replacement : styles$M.tab_label_replacement_icon} ${styles$M.disabled}`,
@@ -14911,6 +14885,7 @@ const TabsUnderline = ({
         placement: item.tooltipPlacement,
         arrow: true
       }, /*#__PURE__*/React.createElement("div", {
+        id: item.id,
         style: {
           width: 'fit-content',
           display: 'flex',
@@ -16431,5 +16406,34 @@ const UserIndicator = ({
   }));
 };
 
+/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2760-23794&mode=dev  */
+const Accordion = ({
+  title,
+  children,
+  className,
+  icon,
+  ...props
+}) => {
+  const [isAccordionOpen, setIsAccordionOpen] = useState(false);
+  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
+    className: `${styles.accordion} ${className ?? ''}`
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.accordion_header,
+    onClick: () => setIsAccordionOpen(prev => !prev)
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "base",
+    text: title,
+    weight: "bold"
+  }), /*#__PURE__*/React.createElement(IconButton, {
+    variant: "tertiary",
+    icon: icon ? icon : /*#__PURE__*/React.createElement(ArrowLineDowIcon, {
+      style: {
+        transform: isAccordionOpen ? 'rotate(180deg)' : 'rotate(0deg)',
+        transition: 'all 0.2s linear'
+      }
+    })
+  })), isAccordionOpen && /*#__PURE__*/React.createElement("div", null, children));
+};
+
 export { AI_UserTest, Accordion, AccountIcon, AddCircledIcon, AddIcon, AddSeatIcon, AddTagIcon, AddUsersIcon, AgendaIcon, AlamBellIdleIcon, AlarmBellStatusIcon, AlertCircledIcon, AngryIntervieweeFemale, AnonymizeIcon, AppWindowPieIcon, ArchiveIcon, ArrowDoubleLineDownIcon, ArrowDoubleLineLeftIcon, ArrowDoubleLineRightIcon, ArrowDoubleLineUpIcon, ArrowFilledDownIcon, ArrowFilledLeftIcon, ArrowFilledRightIcon, ArrowFilledUpIcon, ArrowLineDowIcon as ArrowLineDownIcon, ArrowLineLeftIcon, ArrowLineRightIcon, ArrowLineUpIcon, ArrowPointerDown, ArrowPointerDownLeft, ArrowPointerDownRight, ArrowPointerLeft, ArrowPointerRight, ArrowPointerUp, ArrowPointerUpLeft, ArrowPointerUpRight, Avatar, Badge, Banner, BillPdfIcon, BillingIcon, BinIcon, BinocularIcon, Blog, BookFlipPageIcon, Box, BrainIcon, BulbIcon, Button, CalendarIcon, CameraIcon, Caption, Card, CardButton, Chat, ChatBubbleIcon, ChatIcon, ChatInput, ChatMessage, Checkbox, CheckedCircled, CheckedIcon, CheckoutIcon, CircledIconButton, ClipIcon, ClockIcon, CloseIcon, CogIcon, ColorPicker, ContentPenWriteIcon, ControlsBar, ConversationIdleIcon, ConversationStatusIcon, CopyPasteIcon, CreditCardIcon, CutClipIcon, DashedArrow, DataProtectionDisclaimer, DatePicker, DownloadIcon, DragDropIcon, EarthIcon, EditIcon, EditTextIcon, EmotionsHeatMap, EndRecording, FaceCenterIcon, FaceRecognitionIcon, Faq, FeaturesTable, FileUploadIcon, FilesIcon, FillRecordIcon, FilledTaskIcon, FilterIcon, FlashIcon, FolderIcon, FormQuestions, GoogleIcon, GoogleIcon$1 as GroupIcon, HangUpIcon, HappyMen, HardDriveIcon, HelpIcon, HelpIconAlt, IconButton, InfoCircledIcon, IntegratedUsabilityScore, InterviewButton, InterviewTranscript, InterviewTranscriptGreen, LanguageIcon, LaptopIcon, LayoutIcon, LayoutLeftIcon, LayoutRightIcon, Link, LinkIcon, ListToDoIcon, LockIcon, LogoBeta, LogoNormal, LogoSlider, LogoSmall, LogoSquare, LogoText, LogoWhite, LogoutIcon, MarkUpBar, MeetingIcon, MenShowingSomething, MenuHorizontalIcon, MenuVerticalIcon, MessagesBubbleSquareQuestionIcon, MetaAnalyse, MetaAnalyse2, MetaAnalyseIcon, MicrophoneIcon, MicrophonePodcastIcon, MinusCircledIcon, MinusIcon, MobileIcon, Modal, ModeratedIcon, MoveBackIcon, MoveInIcon, MultiSelect, MultiSelectWithCategories, MultipleUsersIcon, MuteIcon, NavigationCircledIcon, NbOfUsersIcon, NeutralBackgroudIcon, NoCameraIcon, NoMicrophoneIcon, Non_Moderated, NotifAlertIcon, NotificationIcon, NumberField, NumbersCode, OdaAccountPro, OdaWaiting, OfficeDrawerIcon, OneColumnIcon, Partner1 as Partner1SVG, Partner2 as Partner2SVG, Partner3 as Partner3SVG, Partner4 as Partner4SVG, Partner5 as Partner5SVG, Partner6 as Partner6SVG, Partner7 as Partner7SVG, Partner8 as Partner8SVG, Partner9 as Partner9SVG, PasswordField, PauseIcon, PencilWriteIcon, PlayIcon, PopoverBeta, PreviousIcon, PricingCard, ProjectSvg as ProjectHoverSvg, ProjectSvg$1 as ProjectSvg, QuestionButton, QuestionCircledIcon, Radio, RatingScale, RecordIcon, RecordingIcon, RefreshIcon, RemoveCircledIcon, ReportIcon, Scenario, ScheduleTasks, Search, SearchCircledIcon, SearchIcon, SearchRemoveIcon, SeatIcon, SendEmailIcon, SendIcon, Sentiment, SettingsCircledIcon, SettingsSliderIcon, ShareIcon, SingleSelect, SmartBrainIcon, SortingIcon, SquareText, StarIcon, StarRating, StopRecordingIcon as StopRecordIcon, Success, SusExplanation, Switch, Table, TableCell, TableFooter, TableHeader$1 as TableHeader, TableRows, Tabs, TabsUnderline, Tag, TagAddIcon, TagEditIcon, TagIcon, TagRemoveIcon, Task, TaskIcon, TeamIcon, TestDetailsIcon, TestIcon, Text, TextForButton, TextForDropDownItem, TextInput, TextWithLink, Textarea, Thematic, ThreeColumnIcon, TimeInterval, TimePicker, Title, Toast, ToggleTab, Tooltip, TvFlatScreenIcon, TvIcon, TwoColumnIcon, UnLockIcon, UndoIcon, UnlockedIcon, UnmoderatedIcon, UsabilityBrowser, UserFlows, UserIndicator, UserPanel, UxGuide, VideoFlag, VideoFlag2, VideoFlagGreen, ViewIcon, ViewOffIcon, VoiceIcon, VolumeIcon, WaitingMen, WelcomeMessage, changeColorLuminance, colors, getColor, getIconSize, getReadableTextColor };
 //# sourceMappingURL=odaptos_design_system.esm.js.map