odaptos_design_system 2.0.168 → 2.0.170
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Molecules/Interviews/ControlsBar.d.ts +2 -1
- package/dist/index.d.ts +0 -1
- package/dist/odaptos_design_system.cjs.development.js +16 -24
- package/dist/odaptos_design_system.cjs.development.js.map +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js.map +1 -1
- package/dist/odaptos_design_system.esm.js +17 -24
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Molecules/Interviews/ControlsBar.tsx +24 -2
- package/src/Molecules/Interviews/InterviewButton.modules.scss +3 -3
- package/src/index.ts +0 -1
- package/dist/Organisms/JsonInput/JsonInput.d.ts +0 -9
- package/src/Organisms/JsonInput/JsonInput.tsx +0 -30
|
@@ -37,5 +37,6 @@ export interface ControlsBarProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
37
37
|
exitInterview?: () => void;
|
|
38
38
|
exitInterviewText?: string;
|
|
39
39
|
disabledExitInterview?: boolean;
|
|
40
|
+
disabledEndInterviewText?: string;
|
|
40
41
|
}
|
|
41
|
-
export declare const ControlsBar: ({ className, identity, endInterview, enableScreenSharing, enableMicrophone, muteMicrophone, enableCamera, muteCamera, displayChat, displayTasks, startRecording, isChatOpen, areTasksOpen, isNewTask, isNewMessage, isMicrophoneActive, isCameraActive, isRecording, screenShareText, disabledRecording, disabledEndInterview, myTasksText, protocolText, isModerated, endInterviewText, stopRecPopoverTitle, stopRecPopoverDescription, stopRecPopoverBtnOneText, stopRecPopoverBtnTwoText, isRecordingBtnDisplay, stopRecPopoverBtnOneOnClick, stopRecPopoverBtnTwoOnClick, stopRecText, startRecText, exitInterview, exitInterviewText, disabledExitInterview, ...props }: ControlsBarProps) => React.JSX.Element;
|
|
42
|
+
export declare const ControlsBar: ({ className, identity, endInterview, enableScreenSharing, enableMicrophone, muteMicrophone, enableCamera, muteCamera, displayChat, displayTasks, startRecording, isChatOpen, areTasksOpen, isNewTask, isNewMessage, isMicrophoneActive, isCameraActive, isRecording, screenShareText, disabledRecording, disabledEndInterview, myTasksText, protocolText, isModerated, endInterviewText, stopRecPopoverTitle, stopRecPopoverDescription, stopRecPopoverBtnOneText, stopRecPopoverBtnTwoText, isRecordingBtnDisplay, stopRecPopoverBtnOneOnClick, stopRecPopoverBtnTwoOnClick, stopRecText, startRecText, exitInterview, exitInterviewText, disabledExitInterview, disabledEndInterviewText, ...props }: ControlsBarProps) => React.JSX.Element;
|
package/dist/index.d.ts
CHANGED
|
@@ -55,7 +55,6 @@ export * from './Molecules/Tabs/TabsUnderLine';
|
|
|
55
55
|
export * from './Molecules/Thematic/Thematic';
|
|
56
56
|
export * from './Molecules/ToggleTab/ToggleTab';
|
|
57
57
|
export * from './Molecules/UserIndicator/UserIndicator';
|
|
58
|
-
export * from './Organisms/JsonInput/JsonInput';
|
|
59
58
|
export * from './Organisms/DatePicker/DatePicker';
|
|
60
59
|
export * from './Organisms/FormQuestions/FormQuestions';
|
|
61
60
|
export * from './Organisms/Modal/Modal';
|
|
@@ -19,9 +19,6 @@ var Grid = _interopDefault(require('@mui/material/Grid'));
|
|
|
19
19
|
var Marquee = _interopDefault(require('react-fast-marquee'));
|
|
20
20
|
var Tab = _interopDefault(require('@mui/material/Tab'));
|
|
21
21
|
var Tabs$1 = _interopDefault(require('@mui/material/Tabs'));
|
|
22
|
-
var CodeMirror = _interopDefault(require('@uiw/react-codemirror'));
|
|
23
|
-
var langJson = require('@codemirror/lang-json');
|
|
24
|
-
var codemirror = require('codemirror');
|
|
25
22
|
var AdapterDateFnsV3 = require('@mui/x-date-pickers/AdapterDateFnsV3');
|
|
26
23
|
var enUS = require('date-fns/locale/en-US');
|
|
27
24
|
var fr = require('date-fns/locale/fr');
|
|
@@ -13130,6 +13127,7 @@ const ControlsBar = ({
|
|
|
13130
13127
|
exitInterview,
|
|
13131
13128
|
exitInterviewText,
|
|
13132
13129
|
disabledExitInterview,
|
|
13130
|
+
disabledEndInterviewText,
|
|
13133
13131
|
...props
|
|
13134
13132
|
}) => {
|
|
13135
13133
|
const [isStopRecPopoverOpen, setIsStopRecPopoverOpen] = React.useState(false);
|
|
@@ -13179,13 +13177,25 @@ const ControlsBar = ({
|
|
|
13179
13177
|
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
13180
13178
|
weight: "semi-bold",
|
|
13181
13179
|
text: isRecording ? stopRecText : startRecText
|
|
13182
|
-
})), identity === 'interviewer' && endInterview && /*#__PURE__*/React__default.createElement(InterviewButton, {
|
|
13180
|
+
})), identity === 'interviewer' && endInterview && !disabledEndInterview ? /*#__PURE__*/React__default.createElement(InterviewButton, {
|
|
13183
13181
|
text: endInterviewText,
|
|
13184
13182
|
variant: "end-interview",
|
|
13185
13183
|
disabled: disabledEndInterview,
|
|
13186
13184
|
onClick: () => endInterview(),
|
|
13187
13185
|
icon: /*#__PURE__*/React__default.createElement(HangUpIcon, null)
|
|
13188
|
-
})
|
|
13186
|
+
}) : identity === 'interviewer' && endInterview && disabledEndInterview && disabledEndInterviewText ? /*#__PURE__*/React__default.createElement(Tooltip, {
|
|
13187
|
+
tooltipDescription: disabledEndInterviewText,
|
|
13188
|
+
placement: "top",
|
|
13189
|
+
arrow: true
|
|
13190
|
+
}, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(InterviewButton, {
|
|
13191
|
+
text: endInterviewText,
|
|
13192
|
+
variant: "end-interview",
|
|
13193
|
+
disabled: disabledEndInterview,
|
|
13194
|
+
onClick: () => endInterview(),
|
|
13195
|
+
icon: /*#__PURE__*/React__default.createElement(HangUpIcon, {
|
|
13196
|
+
fill: "white"
|
|
13197
|
+
})
|
|
13198
|
+
}))) : null, (identity === 'interviewee' || !isModerated) && screenShareText && enableScreenSharing && /*#__PURE__*/React__default.createElement(InterviewButton, {
|
|
13189
13199
|
id: "odaptos_screen_share",
|
|
13190
13200
|
text: screenShareText,
|
|
13191
13201
|
variant: "screenshare",
|
|
@@ -13306,7 +13316,7 @@ const EndRecording = ({
|
|
|
13306
13316
|
}));
|
|
13307
13317
|
};
|
|
13308
13318
|
|
|
13309
|
-
var css_248z$z = ".InterviewButton-modules_interview_button__nQuJi{align-items:center;border:none;border-radius:1.5rem;box-shadow:0 4px 8px 3px rgba(0,0,0,.08),0 1px 3px 0 rgba(0,0,0,.15);cursor:pointer;display:inline-flex;gap:.5rem;padding:.375rem .75rem;position:relative}.InterviewButton-modules_interview_button__nQuJi svg{height:1.5rem;width:1.5rem}.InterviewButton-modules_interview_button_screenshare__kTb7u{background:var(--color-primary-500,#07f)}.InterviewButton-modules_interview_button_screenshare__kTb7u:hover{background:var(--color-primary-400,#3392ff)}.InterviewButton-modules_interview_button_screenshare__kTb7u:active{background:var(--color-primary-600,#005fcc)}.InterviewButton-modules_interview_button_screenshare__kTb7u p{color:#fff!important}.InterviewButton-modules_interview_button_screenshare__kTb7u svg{stroke:#fff!important;fill:#fff!important}.InterviewButton-modules_interview_button_protocol__NuNs8{background:var(--color-neutral-dark-shades-700,#64666a)}.InterviewButton-modules_interview_button_protocol__NuNs8 p{color:#fff!important}.InterviewButton-modules_interview_button_protocol__NuNs8 svg{stroke:#fff!important;fill:#fff!important}.InterviewButton-modules_interview_button_protocol__NuNs8:hover{background:var(--color-neutral-dark-shades-550,#8a8b8e)}.InterviewButton-modules_interview_button_protocol__NuNs8:hover p{color:#fff!important}.InterviewButton-modules_interview_button_protocol__NuNs8:hover svg{stroke:#fff!important;fill:#fff!important}.InterviewButton-modules_interview_button_protocol__NuNs8:active{background:var(--color-neutral-dark-shades-700,#64666a)}.InterviewButton-modules_interview_button_protocol__NuNs8:active p{color:var(--color-neutral-basics-black,#00040a)!important}.InterviewButton-modules_interview_button_protocol__NuNs8:active svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.InterviewButton-modules_active__pmGNN{background:var(--color-primary-300,#66adff)}.InterviewButton-modules_active__pmGNN p{color:#00040a!important}.InterviewButton-modules_active__pmGNN svg{stroke:#00040a!important;fill:#00040a!important;height:1.5rem;width:1.5rem}.InterviewButton-modules_disabled__bzmGz{cursor:not-allowed;opacity:.2}.InterviewButton-modules_interview_button_end_interview__J5C2I{background:var(--color-extended-red-500,#f54c4c)}.InterviewButton-modules_interview_button_end_interview__J5C2I:hover{background:var(--color-extended-red-400,#f77070)}.InterviewButton-modules_interview_button_end_interview__J5C2I:active{background:var(--color-extended-red-600,#c73f3d)}.InterviewButton-modules_interview_button_end_interview__J5C2I p{color:var(--
|
|
13319
|
+
var css_248z$z = ".InterviewButton-modules_interview_button__nQuJi{align-items:center;border:none;border-radius:1.5rem;box-shadow:0 4px 8px 3px rgba(0,0,0,.08),0 1px 3px 0 rgba(0,0,0,.15);cursor:pointer;display:inline-flex;gap:.5rem;padding:.375rem .75rem;position:relative}.InterviewButton-modules_interview_button__nQuJi svg{height:1.5rem;width:1.5rem}.InterviewButton-modules_interview_button_screenshare__kTb7u{background:var(--color-primary-500,#07f)}.InterviewButton-modules_interview_button_screenshare__kTb7u:hover{background:var(--color-primary-400,#3392ff)}.InterviewButton-modules_interview_button_screenshare__kTb7u:active{background:var(--color-primary-600,#005fcc)}.InterviewButton-modules_interview_button_screenshare__kTb7u p{color:#fff!important}.InterviewButton-modules_interview_button_screenshare__kTb7u svg{stroke:#fff!important;fill:#fff!important}.InterviewButton-modules_interview_button_protocol__NuNs8{background:var(--color-neutral-dark-shades-700,#64666a)}.InterviewButton-modules_interview_button_protocol__NuNs8 p{color:#fff!important}.InterviewButton-modules_interview_button_protocol__NuNs8 svg{stroke:#fff!important;fill:#fff!important}.InterviewButton-modules_interview_button_protocol__NuNs8:hover{background:var(--color-neutral-dark-shades-550,#8a8b8e)}.InterviewButton-modules_interview_button_protocol__NuNs8:hover p{color:#fff!important}.InterviewButton-modules_interview_button_protocol__NuNs8:hover svg{stroke:#fff!important;fill:#fff!important}.InterviewButton-modules_interview_button_protocol__NuNs8:active{background:var(--color-neutral-dark-shades-700,#64666a)}.InterviewButton-modules_interview_button_protocol__NuNs8:active p{color:var(--color-neutral-basics-black,#00040a)!important}.InterviewButton-modules_interview_button_protocol__NuNs8:active svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.InterviewButton-modules_active__pmGNN{background:var(--color-primary-300,#66adff)}.InterviewButton-modules_active__pmGNN p{color:#00040a!important}.InterviewButton-modules_active__pmGNN svg{stroke:#00040a!important;fill:#00040a!important;height:1.5rem;width:1.5rem}.InterviewButton-modules_disabled__bzmGz{cursor:not-allowed;opacity:.2}.InterviewButton-modules_interview_button_end_interview__J5C2I{background:var(--color-extended-red-500,#f54c4c)}.InterviewButton-modules_interview_button_end_interview__J5C2I:hover{background:var(--color-extended-red-400,#f77070)}.InterviewButton-modules_interview_button_end_interview__J5C2I:active{background:var(--color-extended-red-600,#c73f3d)}.InterviewButton-modules_interview_button_end_interview__J5C2I p{color:var(--Color-Neutral-Basics-White,#fff)!important}.InterviewButton-modules_interview_button_end_interview__J5C2I svg{stroke:var(--Color-Neutral-Basics-White,#fff)!important;fill:var(--Color-Neutral-Basics-White,#fff)!important}.InterviewButton-modules_notif_icon__sDbuB{height:.75rem!important;position:absolute;right:0;top:0;width:.75rem!important}";
|
|
13310
13320
|
var styles$z = {"interview_button":"InterviewButton-modules_interview_button__nQuJi","interview_button_screenshare":"InterviewButton-modules_interview_button_screenshare__kTb7u","interview_button_protocol":"InterviewButton-modules_interview_button_protocol__NuNs8","active":"InterviewButton-modules_active__pmGNN","disabled":"InterviewButton-modules_disabled__bzmGz","interview_button_end_interview":"InterviewButton-modules_interview_button_end_interview__J5C2I","notif_icon":"InterviewButton-modules_notif_icon__sDbuB"};
|
|
13311
13321
|
styleInject(css_248z$z);
|
|
13312
13322
|
|
|
@@ -15036,23 +15046,6 @@ const UserIndicator = ({
|
|
|
15036
15046
|
}));
|
|
15037
15047
|
};
|
|
15038
15048
|
|
|
15039
|
-
const JsonInput = ({
|
|
15040
|
-
value,
|
|
15041
|
-
onChange,
|
|
15042
|
-
className,
|
|
15043
|
-
id
|
|
15044
|
-
}) => {
|
|
15045
|
-
return /*#__PURE__*/React__default.createElement(CodeMirror, {
|
|
15046
|
-
value: value,
|
|
15047
|
-
height: "auto",
|
|
15048
|
-
theme: "dark",
|
|
15049
|
-
extensions: [codemirror.basicSetup, langJson.json()],
|
|
15050
|
-
onChange: onChange,
|
|
15051
|
-
className: className,
|
|
15052
|
-
id: id
|
|
15053
|
-
});
|
|
15054
|
-
};
|
|
15055
|
-
|
|
15056
15049
|
var css_248z$Q = ".DatePicker-modules_date_picker__ltMIy{min-width:13rem;width:100%}.DatePicker-modules_date_picker__ltMIy label,.DatePicker-modules_date_picker__ltMIy span{font-family:Open Sans;font-size:1rem;font-style:normal;font-weight:400;letter-spacing:.03em;line-height:1.3;margin:unset;text-align:left}.DatePicker-modules_date_picker__ltMIy .DatePicker-modules_MuiAutocomplete-endAdornment__a1ZeH{display:flex;gap:.5rem;margin-top:-.35rem!important}.DatePicker-modules_date_picker__ltMIy input{font-family:var(--sdFontFamily \"Open Sans\");font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;padding:8.5px 14px;text-align:left}.DatePicker-modules_date_picker__ltMIy svg{height:1rem;width:1rem}.DatePicker-modules_input_top_label__n3jgg{margin-bottom:.625rem}.DatePicker-modules_MuiOutlinedInput-root__wFT0C.DatePicker-modules_MuiInputBase-root__8VJD9.DatePicker-modules_MuiInputBase-formControl__R-soq{align-items:center;display:flex;flex-direction:row}.DatePicker-modules_text_below__kaG7V{margin:.25rem .5rem .25rem .75rem}.DatePicker-modules_icon__6Kwu0{height:1rem!important;margin-left:.25rem;width:1rem!important}";
|
|
15057
15050
|
var styles$Q = {"date_picker":"DatePicker-modules_date_picker__ltMIy","MuiAutocomplete-endAdornment":"DatePicker-modules_MuiAutocomplete-endAdornment__a1ZeH","input_top_label":"DatePicker-modules_input_top_label__n3jgg","MuiOutlinedInput-root":"DatePicker-modules_MuiOutlinedInput-root__wFT0C","MuiInputBase-root":"DatePicker-modules_MuiInputBase-root__8VJD9","MuiInputBase-formControl":"DatePicker-modules_MuiInputBase-formControl__R-soq","text_below":"DatePicker-modules_text_below__kaG7V","icon":"DatePicker-modules_icon__6Kwu0"};
|
|
15058
15051
|
styleInject(css_248z$Q);
|
|
@@ -17911,7 +17904,6 @@ exports.InterviewButton = InterviewButton;
|
|
|
17911
17904
|
exports.InterviewTranscript = InterviewTranscript;
|
|
17912
17905
|
exports.InterviewTranscriptGreen = InterviewTranscriptGreen;
|
|
17913
17906
|
exports.IosIcon = IosIcon;
|
|
17914
|
-
exports.JsonInput = JsonInput;
|
|
17915
17907
|
exports.LanguageIcon = LanguageIcon;
|
|
17916
17908
|
exports.LaptopIcon = LaptopIcon;
|
|
17917
17909
|
exports.LayoutIcon = LayoutIcon;
|