odaptos_design_system 2.0.4 → 2.0.6

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);
@@ -4275,6 +4246,101 @@ function MetaAnalyse2({
   })));
 }
 
+function Non_Moderated({
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({
+    strokeWidth: 0.1,
+    stroke: 'currentColor'
+  }, rest), /*#__PURE__*/React.createElement("svg", {
+    width: "144",
+    height: "104",
+    viewBox: "0 0 144 104",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: "57",
+    y: "42",
+    width: "30",
+    height: "30",
+    rx: "3.15789",
+    fill: "#0077FF"
+  }), /*#__PURE__*/React.createElement("g", {
+    filter: "url(#filter0_d_4270_33535)"
+  }, /*#__PURE__*/React.createElement("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M80.7257 51.1779C80.7257 49.8928 81.7675 48.851 83.0526 48.851V55.8358L83.0522 55.8359C83.0522 58.7291 80.7082 61.0745 77.8167 61.0745C74.9253 61.0745 72.5813 58.7291 72.5813 55.8359C72.5813 52.9426 74.9253 50.5972 77.8167 50.5972C78.8932 50.5972 79.8937 50.9223 80.7257 51.4797V51.1779ZM66.1827 50.5972C69.0742 50.5972 71.4182 52.9426 71.4182 55.8359C71.4182 58.7291 69.0742 61.0745 66.1827 61.0745C63.2913 61.0745 60.9473 58.7291 60.9473 55.8359C60.9473 52.9426 63.2913 50.5972 66.1827 50.5972ZM66.1827 52.9255C64.5764 52.9255 63.2742 54.2285 63.2742 55.8359C63.2742 57.4432 64.5764 58.7462 66.1827 58.7462C67.7891 58.7462 69.0913 57.4432 69.0913 55.8359C69.0913 54.2285 67.7891 52.9255 66.1827 52.9255ZM77.8166 52.9255C76.2103 52.9255 74.908 54.2285 74.908 55.8359C74.908 57.4432 76.2103 58.7462 77.8166 58.7462C79.423 58.7462 80.7252 57.4432 80.7252 55.8359C80.7252 54.2285 79.423 52.9255 77.8166 52.9255ZM69.558 62.278L68.688 62.4859L67.9188 62.6573C67.9188 62.6573 67.6937 62.6985 67.6115 62.8029C67.5292 62.9073 67.7354 63.1393 67.7354 63.1393C67.7354 63.1393 69.1519 65.149 71.9271 65.149C74.8635 65.149 75.9693 63.3879 76.1589 63.086C76.1704 63.0678 76.1785 63.0549 76.1834 63.048C76.271 62.9265 76.2716 62.8698 76.2432 62.8029C76.2148 62.7359 76.0958 62.6908 76.0958 62.6908L74.7149 62.3782C74.7149 62.3782 74.2584 62.278 74.1709 62.2609C74.1055 62.2481 74.043 62.3103 73.9778 62.3753C73.9559 62.3971 73.9337 62.4193 73.911 62.439C73.9053 62.444 73.8973 62.4513 73.887 62.4608C73.7353 62.6013 73.0865 63.2021 71.9271 63.1696C70.7779 63.1373 70.3551 62.7969 70.1285 62.6145C70.1111 62.6005 70.0949 62.5874 70.0795 62.5755C69.9727 62.4923 69.9059 62.4241 69.8565 62.3736C69.8065 62.3225 69.7743 62.2897 69.7365 62.278C69.6615 62.2546 69.558 62.278 69.558 62.278Z",
+    fill: "white"
+  })), /*#__PURE__*/React.createElement("path", {
+    d: "M1 6C1 3.23858 3.23858 1 6 1H138C140.761 1 143 3.23858 143 6V15H1V6Z",
+    fill: "#EEEEEE"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "0.5",
+    y: "0.5",
+    width: "143",
+    height: "103",
+    rx: "5.5",
+    stroke: "#26292E"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M0.5 15H144",
+    stroke: "#26292E"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "9.5",
+    cy: "7.5",
+    r: "3",
+    fill: "white",
+    stroke: "#26292E"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "18.5",
+    cy: "7.5",
+    r: "3",
+    fill: "white",
+    stroke: "#26292E"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "27.5",
+    cy: "7.5",
+    r: "3",
+    fill: "white",
+    stroke: "#26292E"
+  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("filter", {
+    id: "filter0_d_4270_33535",
+    x: "59.9604",
+    y: "48.6536",
+    width: "24.0792",
+    height: "18.2717",
+    filterUnits: "userSpaceOnUse",
+    "color-interpolation-filters": "sRGB"
+  }, /*#__PURE__*/React.createElement("feFlood", {
+    "flood-opacity": "0",
+    result: "BackgroundImageFix"
+  }), /*#__PURE__*/React.createElement("feColorMatrix", {
+    in: "SourceAlpha",
+    type: "matrix",
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+    result: "hardAlpha"
+  }), /*#__PURE__*/React.createElement("feOffset", {
+    dy: "0.789474"
+  }), /*#__PURE__*/React.createElement("feGaussianBlur", {
+    stdDeviation: "0.493421"
+  }), /*#__PURE__*/React.createElement("feComposite", {
+    in2: "hardAlpha",
+    operator: "out"
+  }), /*#__PURE__*/React.createElement("feColorMatrix", {
+    type: "matrix",
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"
+  }), /*#__PURE__*/React.createElement("feBlend", {
+    mode: "normal",
+    in2: "BackgroundImageFix",
+    result: "effect1_dropShadow_4270_33535"
+  }), /*#__PURE__*/React.createElement("feBlend", {
+    mode: "normal",
+    in: "SourceGraphic",
+    in2: "effect1_dropShadow_4270_33535",
+    result: "shape"
+  })))));
+}
+
 function OdaAccountPro({
   ...rest
 }) {
@@ -14780,7 +14846,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',
@@ -14794,7 +14861,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}`,
@@ -14816,6 +14884,7 @@ const TabsUnderline = ({
         placement: item.tooltipPlacement,
         arrow: true
       }, /*#__PURE__*/React.createElement("div", {
+        id: item.id,
         style: {
           width: 'fit-content',
           display: 'flex',
@@ -16336,5 +16405,34 @@ const UserIndicator = ({
   }));
 };
 
-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, 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 };
+/** 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