odaptos_design_system 2.0.283 → 2.0.285
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/odaptos_design_system.cjs.development.js +163 -16
- 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 +164 -17
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Molecules/Interviews/Scenario.modules.scss +22 -9
- package/src/Molecules/Interviews/Scenario.tsx +123 -15
- package/src/Molecules/Interviews/Task.modules.scss +52 -34
- package/src/Molecules/Interviews/Task.tsx +62 -11
|
@@ -92700,8 +92700,8 @@ const MarkUpBar = ({
|
|
|
92700
92700
|
}, "\uD83D\uDC4E\uD83C\uDFFC")));
|
|
92701
92701
|
};
|
|
92702
92702
|
|
|
92703
|
-
var css_248z$A = ".Scenario-modules_scenarioContainer__xiI9u{align-items:flex-start;background:var(--Color-Primary-50,#f2f8ff);border:1px solid var(--Color-Primary-200,#99c9ff);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:.75rem;width:100%}.Scenario-modules_fullWidthButton__UUKgv{width:100%}.Scenario-modules_historyScenario__F-Q1-{opacity:.5}.Scenario-modules_title__N5NZY{overflow-wrap:break-word;white-space:pre-line;word-break:break-word}.Scenario-modules_scenarioNumberContainer__cC0Xe{align-items:center;display:flex;gap:.5rem;justify-content:space-between;width:100%}.Scenario-modules_scenarioNumberContainer__cC0Xe p{text-transform:capitalize}.Scenario-modules_goToPageContainer__z2YRu{align-items:center;flex-direction:row;justify-content:space-between;padding:.25rem .25rem .25rem .5rem}.Scenario-modules_goToPageContainer__z2YRu,.Scenario-modules_notesContainer__icKNe{align-self:stretch;background:var(--Color-Primary-100,#e5f1ff);border-radius:.5rem;display:flex
|
|
92704
|
-
var styles$A = {"scenarioContainer":"Scenario-modules_scenarioContainer__xiI9u","fullWidthButton":"Scenario-modules_fullWidthButton__UUKgv","historyScenario":"Scenario-modules_historyScenario__F-Q1-","title":"Scenario-modules_title__N5NZY","scenarioNumberContainer":"Scenario-modules_scenarioNumberContainer__cC0Xe","goToPageContainer":"Scenario-modules_goToPageContainer__z2YRu","notesContainer":"Scenario-modules_notesContainer__icKNe","
|
|
92703
|
+
var css_248z$A = ".Scenario-modules_scenarioContainer__xiI9u{align-items:flex-start;background:var(--Color-Primary-50,#f2f8ff);border:1px solid var(--Color-Primary-200,#99c9ff);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:.75rem;width:100%}.Scenario-modules_fullWidthButton__UUKgv{width:100%}.Scenario-modules_historyScenario__F-Q1-{opacity:.5}.Scenario-modules_title__N5NZY{overflow-wrap:break-word;white-space:pre-line;word-break:break-word}.Scenario-modules_scenarioNumberContainer__cC0Xe{align-items:center;display:flex;gap:.5rem;justify-content:space-between;width:100%}.Scenario-modules_scenarioNumberContainer__cC0Xe p{text-transform:capitalize}.Scenario-modules_goToPageContainer__z2YRu{align-items:center;flex-direction:row;gap:.5rem;justify-content:space-between;padding:.25rem .25rem .25rem .5rem}.Scenario-modules_goToPageContainer__z2YRu,.Scenario-modules_notesContainer__icKNe{align-self:stretch;background:var(--Color-Primary-100,#e5f1ff);border-radius:.5rem;display:flex}.Scenario-modules_notesContainer__icKNe{align-items:flex-start;flex-direction:column;gap:0;padding:.5rem;transition:gap .5s cubic-bezier(.4,0,.2,1)}.Scenario-modules_notesContainer__icKNe .Scenario-modules_notesContainerHeader__0ayos{align-items:center;display:flex;justify-content:space-between;width:100%}.Scenario-modules_notesContainer__icKNe .Scenario-modules_link_text__7EONC{cursor:pointer!important}.Scenario-modules_notesContainer__icKNe .Scenario-modules_notesText__7QI6F{opacity:1;overflow-wrap:break-word;transform:translateY(0);transition:all .5s cubic-bezier(.4,0,.2,1);white-space:pre-line;word-break:break-word}.Scenario-modules_notesContainer__icKNe .Scenario-modules_notesText__7QI6F.Scenario-modules_hidden__UIOCG{opacity:0;transform:translateY(-10px)}.Scenario-modules_actionBtnsContainer__iRyMq{align-items:flex-start;align-self:stretch;display:flex;gap:.5rem;justify-content:flex-end;padding-top:8px}.Scenario-modules_scenarioContainerTooltip__AuzDE{word-wrap:break-word;align-items:flex-start;background:var(--Color-Primary-50,#f2f8ff);border:1px solid var(--Color-Neutral-Dark-Shades-950,#26292e);border-radius:.25rem;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);display:flex;flex-direction:column;gap:.5rem;overflow-wrap:break-word;padding:1rem;width:27.75rem}.Scenario-modules_notesContent__okGOv{overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.Scenario-modules_notesContainer__icKNe.Scenario-modules_open__IC4Nj{gap:.5rem}.Scenario-modules_notesContainer__icKNe.Scenario-modules_closed__nOS-p{gap:0}";
|
|
92704
|
+
var styles$A = {"scenarioContainer":"Scenario-modules_scenarioContainer__xiI9u","fullWidthButton":"Scenario-modules_fullWidthButton__UUKgv","historyScenario":"Scenario-modules_historyScenario__F-Q1-","title":"Scenario-modules_title__N5NZY","scenarioNumberContainer":"Scenario-modules_scenarioNumberContainer__cC0Xe","goToPageContainer":"Scenario-modules_goToPageContainer__z2YRu","notesContainer":"Scenario-modules_notesContainer__icKNe","notesContainerHeader":"Scenario-modules_notesContainerHeader__0ayos","link_text":"Scenario-modules_link_text__7EONC","notesText":"Scenario-modules_notesText__7QI6F","hidden":"Scenario-modules_hidden__UIOCG","actionBtnsContainer":"Scenario-modules_actionBtnsContainer__iRyMq","scenarioContainerTooltip":"Scenario-modules_scenarioContainerTooltip__AuzDE","notesContent":"Scenario-modules_notesContent__okGOv","open":"Scenario-modules_open__IC4Nj","closed":"Scenario-modules_closed__nOS-p"};
|
|
92705
92705
|
styleInject(css_248z$A);
|
|
92706
92706
|
|
|
92707
92707
|
const ScenarioContent = ({
|
|
@@ -92725,6 +92725,80 @@ const ScenarioContent = ({
|
|
|
92725
92725
|
setOpenDescription(false);
|
|
92726
92726
|
}
|
|
92727
92727
|
}, [isThereTaskSent]);
|
|
92728
|
+
// --- Smooth collapse/expand: measure content heights ---
|
|
92729
|
+
// Refs to the collapsible content wrappers
|
|
92730
|
+
const descRef = React.useRef(null);
|
|
92731
|
+
const notesRef = React.useRef(null);
|
|
92732
|
+
// Store measured heights for transitions
|
|
92733
|
+
const [descHeight, setDescHeight] = React.useState(0);
|
|
92734
|
+
const [notesHeight, setNotesHeight] = React.useState(0);
|
|
92735
|
+
// Measure when description/notes text changes
|
|
92736
|
+
React.useLayoutEffect(() => {
|
|
92737
|
+
if (descRef.current) setDescHeight(descRef.current.scrollHeight);
|
|
92738
|
+
}, [scenario.description]);
|
|
92739
|
+
React.useLayoutEffect(() => {
|
|
92740
|
+
if (notesRef.current) setNotesHeight(notesRef.current.scrollHeight);
|
|
92741
|
+
}, [scenario.notes]);
|
|
92742
|
+
// Keep description height in sync on element resizes / mutations
|
|
92743
|
+
React.useEffect(() => {
|
|
92744
|
+
const el = descRef.current;
|
|
92745
|
+
if (!el) return;
|
|
92746
|
+
let cleanup;
|
|
92747
|
+
// Use ResizeObserver if available
|
|
92748
|
+
if (typeof window !== 'undefined' && window.ResizeObserver) {
|
|
92749
|
+
const ro = new window.ResizeObserver(() => {
|
|
92750
|
+
setDescHeight(el.scrollHeight);
|
|
92751
|
+
});
|
|
92752
|
+
ro.observe(el);
|
|
92753
|
+
cleanup = () => ro.disconnect();
|
|
92754
|
+
} else {
|
|
92755
|
+
// Fallback: listen for window resize + DOM mutations
|
|
92756
|
+
const onResize = () => setDescHeight(el.scrollHeight);
|
|
92757
|
+
window.addEventListener('resize', onResize);
|
|
92758
|
+
const mo = new MutationObserver(() => setDescHeight(el.scrollHeight));
|
|
92759
|
+
mo.observe(el, {
|
|
92760
|
+
childList: true,
|
|
92761
|
+
subtree: true,
|
|
92762
|
+
characterData: true
|
|
92763
|
+
});
|
|
92764
|
+
cleanup = () => {
|
|
92765
|
+
window.removeEventListener('resize', onResize);
|
|
92766
|
+
mo.disconnect();
|
|
92767
|
+
};
|
|
92768
|
+
}
|
|
92769
|
+
return () => {
|
|
92770
|
+
if (cleanup) cleanup();
|
|
92771
|
+
};
|
|
92772
|
+
}, []);
|
|
92773
|
+
// Keep notes height in sync on element resizes / mutations
|
|
92774
|
+
React.useEffect(() => {
|
|
92775
|
+
const el = notesRef.current;
|
|
92776
|
+
if (!el) return;
|
|
92777
|
+
let cleanup;
|
|
92778
|
+
if (typeof window !== 'undefined' && window.ResizeObserver) {
|
|
92779
|
+
const ro = new window.ResizeObserver(() => {
|
|
92780
|
+
setNotesHeight(el.scrollHeight);
|
|
92781
|
+
});
|
|
92782
|
+
ro.observe(el);
|
|
92783
|
+
cleanup = () => ro.disconnect();
|
|
92784
|
+
} else {
|
|
92785
|
+
const onResize = () => setNotesHeight(el.scrollHeight);
|
|
92786
|
+
window.addEventListener('resize', onResize);
|
|
92787
|
+
const mo = new MutationObserver(() => setNotesHeight(el.scrollHeight));
|
|
92788
|
+
mo.observe(el, {
|
|
92789
|
+
childList: true,
|
|
92790
|
+
subtree: true,
|
|
92791
|
+
characterData: true
|
|
92792
|
+
});
|
|
92793
|
+
cleanup = () => {
|
|
92794
|
+
window.removeEventListener('resize', onResize);
|
|
92795
|
+
mo.disconnect();
|
|
92796
|
+
};
|
|
92797
|
+
}
|
|
92798
|
+
return () => {
|
|
92799
|
+
if (cleanup) cleanup();
|
|
92800
|
+
};
|
|
92801
|
+
}, []);
|
|
92728
92802
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
92729
92803
|
className: styles$A.scenarioNumberContainer
|
|
92730
92804
|
}, /*#__PURE__*/React__default.createElement(Tag, {
|
|
@@ -92741,7 +92815,7 @@ const ScenarioContent = ({
|
|
|
92741
92815
|
weight: "semi-bold",
|
|
92742
92816
|
className: styles$A.title
|
|
92743
92817
|
}), scenario.description && /*#__PURE__*/React__default.createElement("div", {
|
|
92744
|
-
className: `${styles$A.notesContainer} ${
|
|
92818
|
+
className: `${styles$A.notesContainer} ${openDescription ? styles$A.open : styles$A.closed}`
|
|
92745
92819
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
92746
92820
|
className: styles$A.notesContainerHeader
|
|
92747
92821
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
@@ -92757,13 +92831,23 @@ const ScenarioContent = ({
|
|
|
92757
92831
|
}),
|
|
92758
92832
|
size: "xxs",
|
|
92759
92833
|
variant: "tertiary",
|
|
92760
|
-
onClick: () => setOpenDescription(prev => !prev)
|
|
92761
|
-
|
|
92834
|
+
onClick: () => setOpenDescription(prev => !prev),
|
|
92835
|
+
"aria-expanded": openDescription,
|
|
92836
|
+
"aria-controls": `description-content-${scenario._id}`
|
|
92837
|
+
})), /*#__PURE__*/React__default.createElement("div", {
|
|
92838
|
+
ref: descRef,
|
|
92839
|
+
id: `description-content-${scenario._id}`,
|
|
92840
|
+
className: styles$A.notesContent,
|
|
92841
|
+
style: {
|
|
92842
|
+
maxHeight: openDescription ? descHeight : 0
|
|
92843
|
+
},
|
|
92844
|
+
"aria-hidden": !openDescription
|
|
92845
|
+
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
92762
92846
|
text: scenario.description,
|
|
92763
92847
|
size: "sm",
|
|
92764
92848
|
className: `${styles$A.notesText} ${!openDescription ? styles$A.hidden : ''}`
|
|
92765
|
-
})), scenario.notes && isInterviewer && /*#__PURE__*/React__default.createElement("div", {
|
|
92766
|
-
className: `${styles$A.notesContainer} ${
|
|
92849
|
+
}))), scenario.notes && isInterviewer && /*#__PURE__*/React__default.createElement("div", {
|
|
92850
|
+
className: `${styles$A.notesContainer} ${openNotes ? styles$A.open : styles$A.closed}`
|
|
92767
92851
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
92768
92852
|
className: styles$A.notesContainerHeader
|
|
92769
92853
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
@@ -92779,12 +92863,22 @@ const ScenarioContent = ({
|
|
|
92779
92863
|
}),
|
|
92780
92864
|
size: "xxs",
|
|
92781
92865
|
variant: "tertiary",
|
|
92782
|
-
onClick: () => setOpenNotes(prev => !prev)
|
|
92783
|
-
|
|
92866
|
+
onClick: () => setOpenNotes(prev => !prev),
|
|
92867
|
+
"aria-expanded": openNotes,
|
|
92868
|
+
"aria-controls": `notes-content-${scenario._id}`
|
|
92869
|
+
})), /*#__PURE__*/React__default.createElement("div", {
|
|
92870
|
+
ref: notesRef,
|
|
92871
|
+
id: `notes-content-${scenario._id}`,
|
|
92872
|
+
className: styles$A.notesContent,
|
|
92873
|
+
style: {
|
|
92874
|
+
maxHeight: openNotes ? notesHeight : 0
|
|
92875
|
+
},
|
|
92876
|
+
"aria-hidden": !openNotes
|
|
92877
|
+
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
92784
92878
|
text: scenario.notes,
|
|
92785
92879
|
size: "sm",
|
|
92786
92880
|
className: `${styles$A.notesText} ${!openNotes ? styles$A.hidden : ''}`
|
|
92787
|
-
})), !isObserver && scenario.url && /*#__PURE__*/React__default.createElement("div", {
|
|
92881
|
+
}))), !isObserver && scenario.url && /*#__PURE__*/React__default.createElement("div", {
|
|
92788
92882
|
className: styles$A.goToPageContainer
|
|
92789
92883
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
92790
92884
|
text: contentFunc('startingWebsiteText'),
|
|
@@ -93072,8 +93166,8 @@ const SusExplanation = ({
|
|
|
93072
93166
|
}));
|
|
93073
93167
|
};
|
|
93074
93168
|
|
|
93075
|
-
var css_248z$D = ".Task-modules_scenarioContainer__Sc-3y{align-items:flex-start;background:var(--Color-Neutral-Basics-White,#fff);border:1px solid var(--Color-Neutral-Clear-Shades-200,#e1e1e2);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:.75rem;width:100%}.Task-modules_fullWidthButton__vgFPq{width:100%}.Task-modules_scenarioNumberContainer__f0dGn{align-items:center;display:flex;gap:.5rem;justify-content:flex-start;width:100%}.Task-modules_scenarioNumberContainer__f0dGn p{text-transform:capitalize}.Task-modules_goToPageContainer__6M-mo{align-items:center;flex-direction:row;justify-content:space-between;padding:.25rem .25rem .25rem .5rem}.Task-modules_goToPageContainer__6M-mo,.Task-modules_notesContainer__yBLT7{align-self:stretch;background:var(--Color-Neutral-Background,#f9fafc);border-radius:.5rem;display:flex
|
|
93076
|
-
var styles$D = {"scenarioContainer":"Task-modules_scenarioContainer__Sc-3y","fullWidthButton":"Task-modules_fullWidthButton__vgFPq","scenarioNumberContainer":"Task-modules_scenarioNumberContainer__f0dGn","goToPageContainer":"Task-modules_goToPageContainer__6M-mo","notesContainer":"Task-modules_notesContainer__yBLT7","
|
|
93169
|
+
var css_248z$D = ".Task-modules_scenarioContainer__Sc-3y{align-items:flex-start;background:var(--Color-Neutral-Basics-White,#fff);border:1px solid var(--Color-Neutral-Clear-Shades-200,#e1e1e2);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:.75rem;width:100%}.Task-modules_fullWidthButton__vgFPq{width:100%}.Task-modules_scenarioNumberContainer__f0dGn{align-items:center;display:flex;gap:.5rem;justify-content:flex-start;width:100%}.Task-modules_scenarioNumberContainer__f0dGn p{text-transform:capitalize}.Task-modules_goToPageContainer__6M-mo{align-items:center;flex-direction:row;gap:.5rem;justify-content:space-between;padding:.25rem .25rem .25rem .5rem}.Task-modules_goToPageContainer__6M-mo,.Task-modules_notesContainer__yBLT7{align-self:stretch;background:var(--Color-Neutral-Background,#f9fafc);border-radius:.5rem;display:flex}.Task-modules_notesContainer__yBLT7{align-items:flex-start;flex-direction:column;gap:0;padding:.5rem;transition:gap .5s cubic-bezier(.4,0,.2,1)}.Task-modules_actionBtnsContainer__HysFr{align-items:flex-start;align-self:stretch;display:flex;gap:.5rem;justify-content:flex-end;padding-top:8px}.Task-modules_scenarioContainerTooltip__7djqD{align-items:flex-start;background:var(--Color-Neutral-Basics-White,#fff);border:1px solid var(--Color-Neutral-Dark-Shades-950,#26292e);border-radius:.25rem;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);display:flex;flex-direction:column;gap:.5rem;padding:1rem;width:27.75rem}.Task-modules_done_task__96o0g{align-items:stretch;background:#f7fcf7;border-radius:.5rem;cursor:not-allowed;display:flex;flex-direction:row;justify-content:center;max-width:100%;padding:0}.Task-modules_done_task__96o0g .Task-modules_header_left__dKFvw{align-items:flex-start;align-self:stretch;border:1px solid var(--Color-Extended-Green-300,#9dd6a3);border-radius:.5rem 0 0 .5rem;border-right:none;display:flex;flex-direction:column;gap:.5rem;padding:.3125rem 0 .3125rem .625rem;width:calc(100% - 2.9rem)}.Task-modules_done_task__96o0g .Task-modules_header_left__dKFvw p{max-width:97%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Task-modules_done_task__96o0g .Task-modules_header_right__FDtFs{align-items:center;align-self:stretch;background:var(--Color-Extended-Green-100,#e8f5ea);border:1px solid var(--Color-Extended-Green-300,#9dd6a3);border-radius:0 .5rem .5rem 0;display:flex;gap:.5rem;justify-content:center;padding:0 .75rem}.Task-modules_done_task__96o0g .Task-modules_header_right__FDtFs svg{fill:#5cbb65;height:1rem;width:1rem}.Task-modules_not_started_task__f2C-B{align-items:stretch;background:#fff;border-radius:.5rem;display:flex;flex-direction:row;justify-content:center;max-width:100%;padding:0}.Task-modules_not_started_task__f2C-B .Task-modules_header_left__dKFvw{align-items:flex-start;align-self:stretch;border:1px solid var(--Color-Neutral-Dark-Shades-950,#26292e);border-radius:.5rem 0 0 .5rem;border-right:none;display:flex;flex-direction:column;gap:.5rem;padding:.3125rem 0 .3125rem .625rem;width:calc(100% - 2.9rem)}.Task-modules_not_started_task__f2C-B .Task-modules_header_left__dKFvw p{max-width:97%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Task-modules_not_started_task__f2C-B .Task-modules_header_right__FDtFs{align-items:center;align-self:stretch;background:#fff;border:1px solid var(--Color-Neutral-Dark-Shades-950,#26292e);border-radius:0 .5rem .5rem 0;cursor:pointer;display:flex;gap:.5rem;justify-content:center;padding:0 .75rem}.Task-modules_not_started_task__f2C-B .Task-modules_header_right__FDtFs:hover{background:#f0f0f0}.Task-modules_not_started_task__f2C-B .Task-modules_header_right__FDtFs svg{fill:#000;height:1rem;width:1rem}.Task-modules_disabled__JLrwv{cursor:not-allowed;opacity:.5;pointer-events:none}.Task-modules_disabled__JLrwv:hover{background:#fff}.Task-modules_taskContainerDone__1iJ0D{align-items:flex-start;align-self:stretch;background:var(--Color-Neutral-Basics-White,#fff);border:1px solid var(--Color-Neutral-Clear-Shades-200,#e1e1e2);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-width:8rem;padding:.75rem}.Task-modules_taskContainerDone__1iJ0D .Task-modules_scenarioNumberContainer__f0dGn{align-items:center;display:flex;gap:.5rem;justify-content:flex-start;width:100%}.Task-modules_taskContainerDone__1iJ0D .Task-modules_scenarioNumberContainer__f0dGn .Task-modules_scenarioNumberContainer_left__2ItSZ{align-items:space-between;display:flex;gap:.5rem;justify-content:flex-start;width:100%}.Task-modules_taskContainerDone__1iJ0D .Task-modules_scenarioNumberContainer__f0dGn p{text-transform:capitalize}.Task-modules_notesContent__tRpJc{overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.Task-modules_notesContainerHeader__pW4uS{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:space-between;width:100%}.Task-modules_notesContainerHeader__pW4uS>:first-child{flex:1 1 auto;min-width:0}.Task-modules_notesContainerHeader__pW4uS .Task-modules_IconButton__FQzVF,.Task-modules_notesContainerHeader__pW4uS button{flex:0 0 auto}.Task-modules_notesContainer__yBLT7.Task-modules_open__zZ8qf{gap:.5rem}.Task-modules_notesContainer__yBLT7.Task-modules_closed__HQTfX{gap:0}.Task-modules_notesText__-WIMg{opacity:1;transform:translateY(0);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.Task-modules_notesText__-WIMg.Task-modules_hidden__U8qgs{opacity:0;pointer-events:none;transform:translateY(-4px)}";
|
|
93170
|
+
var styles$D = {"scenarioContainer":"Task-modules_scenarioContainer__Sc-3y","fullWidthButton":"Task-modules_fullWidthButton__vgFPq","scenarioNumberContainer":"Task-modules_scenarioNumberContainer__f0dGn","goToPageContainer":"Task-modules_goToPageContainer__6M-mo","notesContainer":"Task-modules_notesContainer__yBLT7","actionBtnsContainer":"Task-modules_actionBtnsContainer__HysFr","scenarioContainerTooltip":"Task-modules_scenarioContainerTooltip__7djqD","done_task":"Task-modules_done_task__96o0g","header_left":"Task-modules_header_left__dKFvw","header_right":"Task-modules_header_right__FDtFs","not_started_task":"Task-modules_not_started_task__f2C-B","disabled":"Task-modules_disabled__JLrwv","taskContainerDone":"Task-modules_taskContainerDone__1iJ0D","scenarioNumberContainer_left":"Task-modules_scenarioNumberContainer_left__2ItSZ","notesContent":"Task-modules_notesContent__tRpJc","notesContainerHeader":"Task-modules_notesContainerHeader__pW4uS","IconButton":"Task-modules_IconButton__FQzVF","open":"Task-modules_open__zZ8qf","closed":"Task-modules_closed__HQTfX","notesText":"Task-modules_notesText__-WIMg","hidden":"Task-modules_hidden__U8qgs"};
|
|
93077
93171
|
styleInject(css_248z$D);
|
|
93078
93172
|
|
|
93079
93173
|
const replaceURLs = message => {
|
|
@@ -93097,6 +93191,49 @@ const TaskContent = ({
|
|
|
93097
93191
|
sendTask
|
|
93098
93192
|
}) => {
|
|
93099
93193
|
const [openNotes, setOpenNotes] = React.useState(true);
|
|
93194
|
+
// Ref to the notes content element
|
|
93195
|
+
const contentRef = React.useRef(null);
|
|
93196
|
+
// Store the measured height for smooth transition
|
|
93197
|
+
const [contentHeight, setContentHeight] = React.useState(0);
|
|
93198
|
+
// Measure content height whenever notes change
|
|
93199
|
+
React.useLayoutEffect(() => {
|
|
93200
|
+
if (contentRef.current) {
|
|
93201
|
+
setContentHeight(contentRef.current.scrollHeight);
|
|
93202
|
+
}
|
|
93203
|
+
}, [task.notes]);
|
|
93204
|
+
// Keep track of content height on resize or DOM changes
|
|
93205
|
+
React.useEffect(() => {
|
|
93206
|
+
const el = contentRef.current;
|
|
93207
|
+
if (!el) return;
|
|
93208
|
+
let cleanup;
|
|
93209
|
+
// Use ResizeObserver if available
|
|
93210
|
+
if (typeof window !== 'undefined' && window.ResizeObserver) {
|
|
93211
|
+
const ro = new window.ResizeObserver(() => {
|
|
93212
|
+
setContentHeight(el.scrollHeight);
|
|
93213
|
+
});
|
|
93214
|
+
ro.observe(el);
|
|
93215
|
+
cleanup = () => ro.disconnect();
|
|
93216
|
+
} else {
|
|
93217
|
+
// Fallback: listen for window resize + DOM mutations
|
|
93218
|
+
const onResize = () => setContentHeight(el.scrollHeight);
|
|
93219
|
+
window.addEventListener('resize', onResize);
|
|
93220
|
+
const mo = new MutationObserver(() => {
|
|
93221
|
+
setContentHeight(el.scrollHeight);
|
|
93222
|
+
});
|
|
93223
|
+
mo.observe(el, {
|
|
93224
|
+
childList: true,
|
|
93225
|
+
subtree: true,
|
|
93226
|
+
characterData: true
|
|
93227
|
+
});
|
|
93228
|
+
cleanup = () => {
|
|
93229
|
+
window.removeEventListener('resize', onResize);
|
|
93230
|
+
mo.disconnect();
|
|
93231
|
+
};
|
|
93232
|
+
}
|
|
93233
|
+
return () => {
|
|
93234
|
+
if (cleanup) cleanup();
|
|
93235
|
+
};
|
|
93236
|
+
}, []);
|
|
93100
93237
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
93101
93238
|
className: styles$D.scenarioNumberContainer
|
|
93102
93239
|
}, /*#__PURE__*/React__default.createElement(Tag, {
|
|
@@ -93117,7 +93254,7 @@ const TaskContent = ({
|
|
|
93117
93254
|
weight: "semi-bold",
|
|
93118
93255
|
className: styles$D.title
|
|
93119
93256
|
}), task.notes && isInterviewer && !isNonModerated && /*#__PURE__*/React__default.createElement("div", {
|
|
93120
|
-
className: `${styles$D.notesContainer} ${
|
|
93257
|
+
className: `${styles$D.notesContainer} ${openNotes ? styles$D.open : styles$D.closed}`
|
|
93121
93258
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
93122
93259
|
className: styles$D.notesContainerHeader
|
|
93123
93260
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
@@ -93133,12 +93270,22 @@ const TaskContent = ({
|
|
|
93133
93270
|
}),
|
|
93134
93271
|
size: "xxs",
|
|
93135
93272
|
variant: "tertiary",
|
|
93136
|
-
onClick: () => setOpenNotes(prev => !prev)
|
|
93137
|
-
|
|
93273
|
+
onClick: () => setOpenNotes(prev => !prev),
|
|
93274
|
+
"aria-expanded": openNotes,
|
|
93275
|
+
"aria-controls": `notes-content-${task._id}`
|
|
93276
|
+
})), /*#__PURE__*/React__default.createElement("div", {
|
|
93277
|
+
ref: contentRef,
|
|
93278
|
+
id: `notes-content-${task._id}`,
|
|
93279
|
+
className: styles$D.notesContent,
|
|
93280
|
+
style: {
|
|
93281
|
+
maxHeight: openNotes ? contentHeight : 0
|
|
93282
|
+
},
|
|
93283
|
+
"aria-hidden": !openNotes
|
|
93284
|
+
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
93138
93285
|
text: task.notes,
|
|
93139
93286
|
size: "sm",
|
|
93140
93287
|
className: `${styles$D.notesText} ${!openNotes ? styles$D.hidden : ''}`
|
|
93141
|
-
})), !isObserver && task.url && /*#__PURE__*/React__default.createElement("div", {
|
|
93288
|
+
}))), !isObserver && task.url && /*#__PURE__*/React__default.createElement("div", {
|
|
93142
93289
|
className: styles$D.goToPageContainer
|
|
93143
93290
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
93144
93291
|
text: contentFunc('startingWebsiteText'),
|