@equinor/amplify-component-lib 13.2.7 → 14.0.0

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.
Files changed (94) hide show
  1. package/dist/atoms/hooks/useLocalStorage.d.ts +2 -2
  2. package/dist/atoms/hooks/useSelect.d.ts +3 -3
  3. package/dist/atoms/index.js +1 -1
  4. package/dist/deprecated/ExpandingIconButton/ExpandingIconButton.d.ts +2 -2
  5. package/dist/deprecated/IconToggleButton.d.ts +6 -5
  6. package/dist/deprecated/IconToggleButton.js +1 -1
  7. package/dist/index.d.ts +2 -2
  8. package/dist/index.js +1 -1
  9. package/dist/molecules/Chip/Chip.d.ts +3 -3
  10. package/dist/molecules/Chip/Chip.styles.js +3 -3
  11. package/dist/molecules/DatePicker/DatePicker.d.ts +3 -3
  12. package/dist/molecules/DateRangePicker/DateRangePicker.d.ts +3 -3
  13. package/dist/molecules/Dialog/DialogAction.js +1 -1
  14. package/dist/molecules/EquinorLogo/EquinorLogo.d.ts +2 -2
  15. package/dist/molecules/FileProgress/CompactFileProgress.js +1 -1
  16. package/dist/molecules/FileUploadArea/FileUploadArea.js +1 -1
  17. package/dist/molecules/IconCell/IconCell.styles.js +1 -1
  18. package/dist/molecules/ListItem/ListItem.d.ts +2 -2
  19. package/dist/molecules/OptionDrawer/OptionDrawer.d.ts +2 -2
  20. package/dist/molecules/ProfileAvatar/ProfileAvatar.d.ts +2 -2
  21. package/dist/molecules/RichTextEditor/MenuBar/MenuBar.d.ts +7 -7
  22. package/dist/molecules/RichTextEditor/MenuBar/MenuButton.js +1 -1
  23. package/dist/molecules/RichTextEditor/MenuBar/Table/TableColumn.js +1 -1
  24. package/dist/molecules/RichTextEditor/MenuBar/Table/TableMerge.js +1 -1
  25. package/dist/molecules/RichTextEditor/MenuBar/Table/TableRow.js +1 -1
  26. package/dist/molecules/RichTextEditor/MenuBar/Table/ToggleTable.js +1 -1
  27. package/dist/molecules/RichTextEditor/MenuBar/TextColor.js +2 -2
  28. package/dist/molecules/RichTextEditor/index.d.ts +7 -7
  29. package/dist/molecules/Search/Search.d.ts +2 -2
  30. package/dist/molecules/Select/ComboBox/ComboBox.d.ts +2 -2
  31. package/dist/molecules/Select/GroupedSelectPersistent.js +1 -1
  32. package/dist/molecules/Select/ListSelectPersistent.js +1 -1
  33. package/dist/molecules/Select/PersistentComboBox/PersistentComboBox.d.ts +2 -2
  34. package/dist/molecules/Select/Select.styles.d.ts +5 -5
  35. package/dist/molecules/Select/Select.styles.js +35 -28
  36. package/dist/molecules/Select/SingleSelect/SingleSelect.d.ts +2 -2
  37. package/dist/molecules/SelectionControls/Checkbox/Checkbox.d.ts +2 -2
  38. package/dist/molecules/SelectionControls/Radio/Radio.d.ts +2 -2
  39. package/dist/molecules/SelectionControls/Switch/Switch.d.ts +2 -2
  40. package/dist/molecules/Skeleton/SkeletonBase/SkeletonBase.d.ts +2 -2
  41. package/dist/molecules/Tabs/Tabs.d.ts +2 -2
  42. package/dist/molecules/TextField/TextField.js +3 -3
  43. package/dist/molecules/Toast/Toast.d.ts +2 -2
  44. package/dist/molecules/Toast/Toast.js +1 -1
  45. package/dist/molecules/Toast/Toast.styles.js +55 -87
  46. package/dist/molecules/Toast/Toast.utils.js +1 -1
  47. package/dist/molecules/Tooltip/Tooltip.d.ts +14 -0
  48. package/dist/molecules/Tooltip/Tooltip.js +1 -0
  49. package/dist/molecules/Tooltip/Tooltip.styles.js +91 -0
  50. package/dist/molecules/Tooltip/utils.js +1 -0
  51. package/dist/molecules/index.d.ts +1 -1
  52. package/dist/molecules/index.js +1 -1
  53. package/dist/organisms/DataGrid/DataGrid.d.ts +2 -2
  54. package/dist/organisms/Filter/Filter.d.ts +2 -2
  55. package/dist/organisms/Filter/QuickFilter.d.ts +2 -2
  56. package/dist/organisms/Filter/SortMenu.d.ts +2 -2
  57. package/dist/organisms/ReleaseNote/ReleaseNote.d.ts +3 -3
  58. package/dist/organisms/SideBar/CreateItem.js +1 -1
  59. package/dist/organisms/SideBar/MenuItem/BasicMenuItem.js +1 -1
  60. package/dist/organisms/SideBar/MenuItem/CollapsableMenuItem.js +4 -4
  61. package/dist/organisms/SideBar/SideBar.d.ts +2 -2
  62. package/dist/organisms/SideBar/ToggleOpen.js +1 -1
  63. package/dist/organisms/Status/Action.d.ts +2 -2
  64. package/dist/organisms/Status/Description.d.ts +2 -2
  65. package/dist/organisms/Status/MissingAccesses.d.ts +2 -2
  66. package/dist/organisms/Status/Title.d.ts +2 -2
  67. package/dist/organisms/Status/collections/BadRequest.d.ts +2 -2
  68. package/dist/organisms/Status/collections/GenericError.d.ts +2 -2
  69. package/dist/organisms/Status/collections/MissingAccessToApp.js +1 -1
  70. package/dist/organisms/Status/collections/MissingPermissions.d.ts +2 -2
  71. package/dist/organisms/Status/collections/PageNotFound.d.ts +2 -2
  72. package/dist/organisms/Status/collections/ServerError.d.ts +2 -2
  73. package/dist/organisms/Template/Template.d.ts +5 -5
  74. package/dist/organisms/ToggleGroup/ToggleGroup.d.ts +2 -2
  75. package/dist/organisms/ToggleGroup/ToggleGroupOption.d.ts +2 -2
  76. package/dist/organisms/ToggleGroup/ToggleGroupOption.js +2 -2
  77. package/dist/organisms/TopBar/Account/ImpersonateMenu/ImpersonateMenu.js +1 -1
  78. package/dist/organisms/TopBar/Account/ImpersonateMenu/UserImpersonation.js +2 -2
  79. package/dist/organisms/TopBar/Actions.d.ts +2 -2
  80. package/dist/organisms/TopBar/FieldMenu/FieldMenu.d.ts +2 -2
  81. package/dist/organisms/TopBar/Guidelines/Colorbox.d.ts +4 -4
  82. package/dist/organisms/TopBar/Notifications/NotificationProvider.d.ts +2 -2
  83. package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/RequestChangeOrca.js +4 -4
  84. package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/RequestReviewOrca.js +4 -4
  85. package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationTemplate.js +1 -1
  86. package/dist/organisms/TopBar/Resources/Feedback/FeedbackForm/LockedInputTooltip.js +3 -3
  87. package/dist/providers/SurveyProvider/SurveyDialog/SurveyDialog.js +1 -1
  88. package/dist/providers/SurveyProvider/SurveyDialog/SurveyQuestion/SurveyFreeTextQuestion.js +2 -2
  89. package/dist/providers/SurveyProvider/SurveyDialog/SurveyQuestion/SurveyLinearScaleQuestion.js +2 -2
  90. package/dist/providers/SurveyProvider/SurveyDialog/SurveyQuestion/SurveyMultipleChoiceQuestion.js +2 -2
  91. package/dist/providers/SurveyProvider/SurveyDialog/UmuxDialog.js +2 -2
  92. package/package.json +1 -1
  93. package/dist/molecules/OptionalTooltip/OptionalTooltip.d.ts +0 -19
  94. package/dist/molecules/OptionalTooltip/OptionalTooltip.js +0 -4
@@ -1 +1 @@
1
- import{tokens as e}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{formatRelativeDateTime as t}from"../../../../atoms/utils/date.js";import{ApplicationIcon as n}from"../../../../molecules/ApplicationIcon/ApplicationIcon.js";import{OptionalTooltip as r}from"../../../../molecules/OptionalTooltip/OptionalTooltip.js";import{ProfileAvatar as i}from"../../../../molecules/ProfileAvatar/ProfileAvatar.js";import{DefaultNotification as a}from"./NotificationElements/DefaultNotification.js";import{ExperienceDue3Weeks as o}from"./NotificationElements/ExperienceDue3Weeks.js";import{MergedBranchOrca as s}from"./NotificationElements/MergedBranchOrca.js";import{ReadyToBePublished as c}from"./NotificationElements/ReadyToBePublished.js";import{ReadyToReportNotification as l}from"./NotificationElements/ReadyToReportNotification.js";import{RequestChangeOrca as u}from"./NotificationElements/RequestChangeOrca.js";import{RequestReviewOrca as d}from"./NotificationElements/RequestReviewOrca.js";import{ReviewQANotification as f}from"./NotificationElements/ReviewQANotification.js";import{Content as p,DeleteButton as m,Divider as h,Dot as g,FooterContainer as _,GridContainer as v,TopContainer as y,UserInformation as b,Wrapper as x}from"./NotificationTemplate.style.js";import{useMemo as S}from"react";import{Icon as C,Typography as w}from"@equinor/eds-core-react";import{Fragment as T,jsx as E,jsxs as D}from"react/jsx-runtime";import{delete_to_trash as O}from"@equinor/eds-icons";const{colors:k}=e,A=e=>{let{user:A,notificationType:j,applicationName:M,Read:N,field:P,time:F,footer:I=!0,onDelete:L}=e,R=S(()=>{switch(j){case`readytoreport`:return E(l,{...e});case`default`:return E(a,{...e});case`requestReview`:return E(d,{...e});case`requestedChanges`:return E(u,{...e});case`mergeBranch`:return E(s,{...e});case` TaskInReview`:return E(f,{...e});case`WellReadyForPublishing `:return E(c,{...e});case`WellDueForReport`:return E(o,{...e})}},[e,j]);return D(T,{children:[E(x,{children:D(v,{children:[D(y,{children:[A?D(b,{children:[!N&&E(g,{}),E(i,{url:A?.image,name:A?.shortName,size:`large`}),D(`div`,{children:[E(w,{color:k.text.static_icons__default.rgba,group:`heading`,variant:`h6`,children:A?.displayName}),E(w,{group:`paragraph`,variant:`caption`,color:k.text.static_icons__secondary.rgba,children:A?.shortName})]})]}):D(b,{$systemUser:!0,children:[!N&&E(g,{"data-testid":`unread-dot-system`}),E(n,{name:M}),E(w,{group:`heading`,variant:`h6`,children:M})]}),E(w,{group:`navigation`,variant:`label`,color:N?k.text.static_icons__secondary.rgba:k.infographic.substitute__blue_overcast.rgba,"data-testid":`notification-date`,children:t(F)})]}),E(p,{children:R}),I&&D(_,{children:[D(`div`,{style:{display:`flex`,gap:`5px`},children:[E(w,{group:`navigation`,variant:`label`,color:k.text.static_icons__tertiary.rgba,children:M}),E(w,{group:`navigation`,variant:`label`,color:k.text.static_icons__tertiary.rgba,children:P})]}),E(r,{title:`Delete notification`,children:E(m,{onClick:L,variant:`ghost_icon`,children:E(C,{data:O})})})]})]})}),E(h,{})]})};export{A as NotificationTemplate};
1
+ import{tokens as e}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{formatRelativeDateTime as t}from"../../../../atoms/utils/date.js";import{ApplicationIcon as n}from"../../../../molecules/ApplicationIcon/ApplicationIcon.js";import{ProfileAvatar as r}from"../../../../molecules/ProfileAvatar/ProfileAvatar.js";import{DefaultNotification as i}from"./NotificationElements/DefaultNotification.js";import{ExperienceDue3Weeks as a}from"./NotificationElements/ExperienceDue3Weeks.js";import{MergedBranchOrca as o}from"./NotificationElements/MergedBranchOrca.js";import{ReadyToBePublished as s}from"./NotificationElements/ReadyToBePublished.js";import{ReadyToReportNotification as c}from"./NotificationElements/ReadyToReportNotification.js";import{RequestChangeOrca as l}from"./NotificationElements/RequestChangeOrca.js";import{RequestReviewOrca as u}from"./NotificationElements/RequestReviewOrca.js";import{ReviewQANotification as d}from"./NotificationElements/ReviewQANotification.js";import{Content as f,DeleteButton as p,Divider as m,Dot as h,FooterContainer as g,GridContainer as _,TopContainer as v,UserInformation as y,Wrapper as b}from"./NotificationTemplate.style.js";import{useMemo as x}from"react";import{Icon as S,Tooltip as C,Typography as w}from"@equinor/eds-core-react";import{Fragment as T,jsx as E,jsxs as D}from"react/jsx-runtime";import{delete_to_trash as O}from"@equinor/eds-icons";const{colors:k}=e,A=e=>{let{user:A,notificationType:j,applicationName:M,Read:N,field:P,time:F,footer:I=!0,onDelete:L}=e,R=x(()=>{switch(j){case`readytoreport`:return E(c,{...e});case`default`:return E(i,{...e});case`requestReview`:return E(u,{...e});case`requestedChanges`:return E(l,{...e});case`mergeBranch`:return E(o,{...e});case` TaskInReview`:return E(d,{...e});case`WellReadyForPublishing `:return E(s,{...e});case`WellDueForReport`:return E(a,{...e})}},[e,j]);return D(T,{children:[E(b,{children:D(_,{children:[D(v,{children:[A?D(y,{children:[!N&&E(h,{}),E(r,{url:A?.image,name:A?.shortName,size:`large`}),D(`div`,{children:[E(w,{color:k.text.static_icons__default.rgba,group:`heading`,variant:`h6`,children:A?.displayName}),E(w,{group:`paragraph`,variant:`caption`,color:k.text.static_icons__secondary.rgba,children:A?.shortName})]})]}):D(y,{$systemUser:!0,children:[!N&&E(h,{"data-testid":`unread-dot-system`}),E(n,{name:M}),E(w,{group:`heading`,variant:`h6`,children:M})]}),E(w,{group:`navigation`,variant:`label`,color:N?k.text.static_icons__secondary.rgba:k.infographic.substitute__blue_overcast.rgba,"data-testid":`notification-date`,children:t(F)})]}),E(f,{children:R}),I&&D(g,{children:[D(`div`,{style:{display:`flex`,gap:`5px`},children:[E(w,{group:`navigation`,variant:`label`,color:k.text.static_icons__tertiary.rgba,children:M}),E(w,{group:`navigation`,variant:`label`,color:k.text.static_icons__tertiary.rgba,children:P})]}),E(C,{title:`Delete notification`,children:E(p,{onClick:L,variant:`ghost_icon`,children:E(S,{data:O})})})]})]})}),E(m,{})]})};export{A as NotificationTemplate};
@@ -1,7 +1,7 @@
1
- import{OptionalTooltip as e}from"../../../../../molecules/OptionalTooltip/OptionalTooltip.js";import{forwardRef as t,useMemo as n}from"react";import r from"styled-components";import{jsx as i}from"react/jsx-runtime";const a=r(e)`
1
+ import{forwardRef as e,useMemo as t}from"react";import{Tooltip as n}from"@equinor/eds-core-react";import r from"styled-components";import{jsx as i}from"react/jsx-runtime";const a=r(n)`
2
2
  white-space: break-spaces;
3
3
  text-align: center;
4
4
  width: 400px;
5
- `,o=t(({show:e,children:t},r)=>i(a,{title:n(()=>e?`The report was successfully submitted to ServiceNow.
5
+ `,o=e(({show:e,children:n},r)=>i(a,{title:t(()=>e?`The report was successfully submitted to ServiceNow.
6
6
  This field is locked so you can retry sending it to the development team.
7
- To reset the form, use the button in the bottom left corner.`:``,[e]),children:i(`div`,{ref:r,children:t})}));o.displayName=`LockedInputTooltip`;export{o as LockedInputTooltip};
7
+ To reset the form, use the button in the bottom left corner.`:``,[e]),children:i(`div`,{ref:r,children:n})}));o.displayName=`LockedInputTooltip`;export{o as LockedInputTooltip};
@@ -1 +1 @@
1
- import{Dialog as e}from"../../../molecules/Dialog/Dialog.js";import{useSurvey as t}from"../hooks/useSurvey.js";import{SurveyQuestion as n}from"./SurveyQuestion/SurveyQuestion.js";import{Content as r}from"./SurveyDialog.styles.js";import{SurveyProgress as i}from"./SurveyProgress.js";import{UmuxDialog as a}from"./UmuxDialog.js";import{useState as o}from"react";import{Typography as s}from"@equinor/eds-core-react";import{jsx as c,jsxs as l}from"react/jsx-runtime";import{QuestionType as u,SurveyType as d}from"@equinor/subsurface-app-management";const f=()=>{let{activeSurvey:f,activeQuestionIndex:p,setActiveQuestionIndex:m,cancelSurvey:h,hideSurvey:g,answerQuestion:_,currentAnswer:v,setCurrentAnswer:y,isCancelled:b}=t(),[x,S]=o(!1);if(!f||p===void 0||b)return null;let C=[{text:p===0?`Maybe later`:`Back`,variant:`ghost`,onClick:()=>{if(p===0){h();return}let e=f.questions[p-1].answer;e&&(m(p-1),y({id:f.questions[p-1].questionId,...e}))}},{text:p===0?`Get started`:p===f.questions.length-1?`Complete`:`Next`,disabled:(()=>{if(!v)return!0;let e=f?.questions[p??0];switch(e.type){case u.CHOICE:return!v.selectedOptionIds||v.selectedOptionIds.length===0||v.selectedOptionIds.length>(e.multipleChoiceVm?.maxSelectableOptions??0);case u.LINEAR_SCALE:return v.numericAnswer===void 0;case u.TEXT:return!v.textAnswer||v.textAnswer.trim()===``}})(),onClick:async()=>{if(v){S(!0);try{await _({...v,selectedOptionIds:v?.selectedOptionIds??[]})}finally{S(!1)}}},isLoading:x}];return f.surveyType===d.UMUX?c(a,{}):c(e,{open:!0,width:650,title:f.title,onClose:h,actions:p===0?[{text:`Do not show me this again`,variant:`ghost`,onClick:g,position:`left`},...C]:C,children:l(r,{children:[c(i,{}),c(s,{variant:`body_short_bold`,children:f.questions[p].questionText}),c(n,{})]})})};export{f as SurveyDialog};
1
+ import{useSurvey as e}from"../hooks/useSurvey.js";import{SurveyQuestion as t}from"./SurveyQuestion/SurveyQuestion.js";import{Content as n}from"./SurveyDialog.styles.js";import{SurveyProgress as r}from"./SurveyProgress.js";import{Dialog as i}from"../../../molecules/Dialog/Dialog.js";import{UmuxDialog as a}from"./UmuxDialog.js";import{useState as o}from"react";import{Typography as s}from"@equinor/eds-core-react";import{jsx as c,jsxs as l}from"react/jsx-runtime";import{QuestionType as u,SurveyType as d}from"@equinor/subsurface-app-management";const f=()=>{let{activeSurvey:f,activeQuestionIndex:p,setActiveQuestionIndex:m,cancelSurvey:h,hideSurvey:g,answerQuestion:_,currentAnswer:v,setCurrentAnswer:y,isCancelled:b}=e(),[x,S]=o(!1);if(!f||p===void 0||b)return null;let C=[{text:p===0?`Maybe later`:`Back`,variant:`ghost`,onClick:()=>{if(p===0){h();return}let e=f.questions[p-1].answer;e&&(m(p-1),y({id:f.questions[p-1].questionId,...e}))}},{text:p===0?`Get started`:p===f.questions.length-1?`Complete`:`Next`,disabled:(()=>{if(!v)return!0;let e=f?.questions[p??0];switch(e.type){case u.CHOICE:return!v.selectedOptionIds||v.selectedOptionIds.length===0||v.selectedOptionIds.length>(e.multipleChoiceVm?.maxSelectableOptions??0);case u.LINEAR_SCALE:return v.numericAnswer===void 0;case u.TEXT:return!v.textAnswer||v.textAnswer.trim()===``}})(),onClick:async()=>{if(v){S(!0);try{await _({...v,selectedOptionIds:v?.selectedOptionIds??[]})}finally{S(!1)}}},isLoading:x}];return f.surveyType===d.UMUX?c(a,{}):c(i,{open:!0,width:650,title:f.title,onClose:h,actions:p===0?[{text:`Do not show me this again`,variant:`ghost`,onClick:g,position:`left`},...C]:C,children:l(n,{children:[c(r,{}),c(s,{variant:`body_short_bold`,children:f.questions[p].questionText}),c(t,{})]})})};export{f as SurveyDialog};
@@ -1,5 +1,5 @@
1
- import{spacings as e}from"../../../../atoms/style/spacings.js";import{TextField as t}from"../../../../molecules/TextField/TextField.js";import{useSurvey as n}from"../../hooks/useSurvey.js";import r from"styled-components";import{jsx as i}from"react/jsx-runtime";const a=r.div`
1
+ import{spacings as e}from"../../../../atoms/style/spacings.js";import{useSurvey as t}from"../../hooks/useSurvey.js";import{TextField as n}from"../../../../molecules/TextField/TextField.js";import r from"styled-components";import{jsx as i}from"react/jsx-runtime";const a=r.div`
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  gap: ${e.medium};
5
- `,o=({questionId:e})=>{let{currentAnswer:r,setCurrentAnswer:o}=n();return i(a,{children:i(t,{id:`free-text-${e.value}`,autoComplete:`off`,placeholder:`Write answer here...`,value:r?.textAnswer??``,onChange:t=>{o({id:e,textAnswer:t.target.value})}})})};export{o as SurveyFreeTextQuestion};
5
+ `,o=({questionId:e})=>{let{currentAnswer:r,setCurrentAnswer:o}=t();return i(a,{children:i(n,{id:`free-text-${e.value}`,autoComplete:`off`,placeholder:`Write answer here...`,value:r?.textAnswer??``,onChange:t=>{o({id:e,textAnswer:t.target.value})}})})};export{o as SurveyFreeTextQuestion};
@@ -1,4 +1,4 @@
1
- import{Radio as e}from"../../../../molecules/SelectionControls/Radio/Radio.js";import{useSurvey as t}from"../../hooks/useSurvey.js";import{Typography as n}from"@equinor/eds-core-react";import r from"styled-components";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=r.div`
1
+ import{useSurvey as e}from"../../hooks/useSurvey.js";import{Radio as t}from"../../../../molecules/SelectionControls/Radio/Radio.js";import{Typography as n}from"@equinor/eds-core-react";import r from"styled-components";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=r.div`
2
2
  display: grid;
3
3
  grid-template-columns: ${({$rangeAmount:e})=>`auto repeat(${e}, auto) auto`};
4
4
  align-items: center;
@@ -7,4 +7,4 @@ import{Radio as e}from"../../../../molecules/SelectionControls/Radio/Radio.js";i
7
7
  display: flex;
8
8
  flex-direction: column;
9
9
  align-items: center;
10
- `,c=({questionId:r,linearScaleVm:c,...l})=>{let{currentAnswer:u,setCurrentAnswer:d}=t(),f=c.maxValue-c.minValue+1,p=(`setAnswer`in l?l.answer:u)?.numericAnswer,m=e=>{`answer`in l&&`setAnswer`in l?l.setAnswer({...l.answer,numericAnswer:e}):d({id:r,numericAnswer:e})};return a(o,{$rangeAmount:f,children:[i(n,{children:c.minLabel}),Array.from({length:f}).map((t,o)=>a(s,{children:[i(n,{variant:`body_short`,children:c.minValue+o}),i(e,{"data-testid":`range-radio-${r.value}`,name:`range-${r.value}`,label:``,value:c.minValue+o,checked:p===c.minValue+o,onChange:()=>{m(c.minValue+o)}})]},`range-radio-${o}`)),i(n,{children:c.maxLabel})]})};export{c as SurveyLinearScaleQuestion};
10
+ `,c=({questionId:r,linearScaleVm:c,...l})=>{let{currentAnswer:u,setCurrentAnswer:d}=e(),f=c.maxValue-c.minValue+1,p=(`setAnswer`in l?l.answer:u)?.numericAnswer,m=e=>{`answer`in l&&`setAnswer`in l?l.setAnswer({...l.answer,numericAnswer:e}):d({id:r,numericAnswer:e})};return a(o,{$rangeAmount:f,children:[i(n,{children:c.minLabel}),Array.from({length:f}).map((e,o)=>a(s,{children:[i(n,{variant:`body_short`,children:c.minValue+o}),i(t,{"data-testid":`range-radio-${r.value}`,name:`range-${r.value}`,label:``,value:c.minValue+o,checked:p===c.minValue+o,onChange:()=>{m(c.minValue+o)}})]},`range-radio-${o}`)),i(n,{children:c.maxLabel})]})};export{c as SurveyLinearScaleQuestion};
@@ -1,5 +1,5 @@
1
- import{spacings as e}from"../../../../atoms/style/spacings.js";import{Checkbox as t}from"../../../../molecules/SelectionControls/Checkbox/Checkbox.js";import{useSurvey as n}from"../../hooks/useSurvey.js";import r from"styled-components";import{jsx as i}from"react/jsx-runtime";const a=r.div`
1
+ import{spacings as e}from"../../../../atoms/style/spacings.js";import{useSurvey as t}from"../../hooks/useSurvey.js";import{Checkbox as n}from"../../../../molecules/SelectionControls/Checkbox/Checkbox.js";import r from"styled-components";import{jsx as i}from"react/jsx-runtime";const a=r.div`
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  gap: ${e.medium};
5
- `,o=({questionId:e,multipleChoiceVm:r})=>{let{currentAnswer:o,setCurrentAnswer:s}=n();return i(a,{children:r.options.map(n=>{let a=o?.selectedOptionIds?.some(e=>e.value===n.id.value);return i(t,{label:n.optionText,checked:a,disabled:!a&&r.maxSelectableOptions===(o?.selectedOptionIds?.length??0),onChange:t=>{s(r=>{let i=(r&&r.selectedOptionIds)??[];if(t.target.checked)i.push(n.id);else{let e=i.findIndex(e=>e.value===n.id.value);i.splice(e,1)}return{...r,id:e,selectedOptionIds:i}})}},n.id.value)})})};export{o as SurveyMultipleChoiceQuestion};
5
+ `,o=({questionId:e,multipleChoiceVm:r})=>{let{currentAnswer:o,setCurrentAnswer:s}=t();return i(a,{children:r.options.map(t=>{let a=o?.selectedOptionIds?.some(e=>e.value===t.id.value);return i(n,{label:t.optionText,checked:a,disabled:!a&&r.maxSelectableOptions===(o?.selectedOptionIds?.length??0),onChange:n=>{s(r=>{let i=(r&&r.selectedOptionIds)??[];if(n.target.checked)i.push(t.id);else{let e=i.findIndex(e=>e.value===t.id.value);i.splice(e,1)}return{...r,id:e,selectedOptionIds:i}})}},t.id.value)})})};export{o as SurveyMultipleChoiceQuestion};
@@ -1,5 +1,5 @@
1
- import{spacings as e}from"../../../atoms/style/spacings.js";import{Dialog as t}from"../../../molecules/Dialog/Dialog.js";import{InformationalNotice as n}from"../../../molecules/InformationalNotice/InformationalNotice.js";import{useSurvey as r}from"../hooks/useSurvey.js";import{SurveyLinearScaleQuestion as i}from"./SurveyQuestion/SurveyLinearScaleQuestion.js";import{Content as a}from"./SurveyDialog.styles.js";import{useState as o}from"react";import{Typography as s}from"@equinor/eds-core-react";import c from"styled-components";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{QuestionType as d,useAnswerQuestionActiveSurvey as f,useRespondActiveSurvey as p}from"@equinor/subsurface-app-management";const m=c.div`
1
+ import{spacings as e}from"../../../atoms/style/spacings.js";import{useSurvey as t}from"../hooks/useSurvey.js";import{SurveyLinearScaleQuestion as n}from"./SurveyQuestion/SurveyLinearScaleQuestion.js";import{Content as r}from"./SurveyDialog.styles.js";import{Dialog as i}from"../../../molecules/Dialog/Dialog.js";import{InformationalNotice as a}from"../../../molecules/InformationalNotice/InformationalNotice.js";import{useState as o}from"react";import{Typography as s}from"@equinor/eds-core-react";import c from"styled-components";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{QuestionType as d,useAnswerQuestionActiveSurvey as f,useRespondActiveSurvey as p}from"@equinor/subsurface-app-management";const m=c.div`
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  gap: ${e.medium_small};
5
- `,h=()=>{let{activeSurvey:e,hideSurvey:c,cancelSurvey:h,setActiveQuestionIndex:g,completeSurvey:_}=r(),{mutateAsync:v}=p(),{mutateAsync:y}=f(),[b,x]=o([]),[S,C]=o(!1);if(!e)return null;let w=b.length!==e.questions.length||b.some(e=>e.numericAnswer===void 0||e.numericAnswer===null);return l(t,{open:!0,width:650,title:e.title,onClose:h,actions:[{text:`Do not show me this again`,variant:`ghost`,onClick:c,position:`left`},{text:`Maybe later`,variant:`ghost`,onClick:h},{text:`Complete`,onClick:async()=>{C(!0);let t=await v({surveyId:e.surveyId,optOut:!1});await Promise.all(b.map(e=>y({surveyResponseId:t.value,body:e}))),C(!1),g(void 0),_()},isLoading:S,disabled:w}],children:u(a,{children:[l(n,{children:`Your insights help us create a better experience. Please take a moment to answer two short questions, it is completely anonymous.`}),e.questions.map((e,t)=>u(m,{children:[l(s,{variant:`body_short_bold`,children:e.questionText}),e.linearScaleVm&&l(i,{type:d.LINEAR_SCALE,questionText:e.questionText,questionId:e.questionId,linearScaleVm:e.linearScaleVm,answer:b[t],setAnswer:n=>{x(r=>{let i=[...r];return i[t]={...n,id:e.questionId},i})}})]},e.questionId.value))]})})};export{h as UmuxDialog};
5
+ `,h=()=>{let{activeSurvey:e,hideSurvey:c,cancelSurvey:h,setActiveQuestionIndex:g,completeSurvey:_}=t(),{mutateAsync:v}=p(),{mutateAsync:y}=f(),[b,x]=o([]),[S,C]=o(!1);if(!e)return null;let w=b.length!==e.questions.length||b.some(e=>e.numericAnswer===void 0||e.numericAnswer===null);return l(i,{open:!0,width:650,title:e.title,onClose:h,actions:[{text:`Do not show me this again`,variant:`ghost`,onClick:c,position:`left`},{text:`Maybe later`,variant:`ghost`,onClick:h},{text:`Complete`,onClick:async()=>{C(!0);let t=await v({surveyId:e.surveyId,optOut:!1});await Promise.all(b.map(e=>y({surveyResponseId:t.value,body:e}))),C(!1),g(void 0),_()},isLoading:S,disabled:w}],children:u(r,{children:[l(a,{children:`Your insights help us create a better experience. Please take a moment to answer two short questions, it is completely anonymous.`}),e.questions.map((e,t)=>u(m,{children:[l(s,{variant:`body_short_bold`,children:e.questionText}),e.linearScaleVm&&l(n,{type:d.LINEAR_SCALE,questionText:e.questionText,questionId:e.questionId,linearScaleVm:e.linearScaleVm,answer:b[t],setAnswer:n=>{x(r=>{let i=[...r];return i[t]={...n,id:e.questionId},i})}})]},e.questionId.value))]})})};export{h as UmuxDialog};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@equinor/amplify-component-lib",
3
- "version": "13.2.7",
3
+ "version": "14.0.0",
4
4
  "description": "Frontend Typescript components for the Amplify team",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -1,19 +0,0 @@
1
- import * as react18 from "react";
2
- import { TooltipProps } from "@equinor/eds-core-react";
3
- import * as _floating_ui_utils0 from "@floating-ui/utils";
4
-
5
- //#region src/molecules/OptionalTooltip/OptionalTooltip.d.ts
6
- type OptionalTooltipProps = {
7
- textTransform?: string;
8
- } & TooltipProps;
9
- declare const OptionalTooltip: react18.ForwardRefExoticComponent<{
10
- textTransform?: string;
11
- } & {
12
- placement?: _floating_ui_utils0.Placement;
13
- title?: react18.ReactNode;
14
- children: React.ReactElement & React.RefAttributes<HTMLElement>;
15
- enterDelay?: number;
16
- portalContainer?: HTMLElement;
17
- } & Omit<react18.HTMLAttributes<HTMLDivElement>, "title"> & react18.RefAttributes<HTMLDivElement>>;
18
- //#endregion
19
- export { OptionalTooltip, OptionalTooltipProps };
@@ -1,4 +0,0 @@
1
- import{forwardRef as e}from"react";import{Tooltip as t}from"@equinor/eds-core-react";import n from"styled-components";import{Fragment as r,jsx as i}from"react/jsx-runtime";const a=n(t)`
2
- color: white;
3
- text-transform: ${e=>e.textTransform};
4
- `,o=e(({title:e,children:t,...n},o)=>e===void 0?i(r,{children:t}):i(a,{ref:o,title:e,...n,children:t}));o.displayName=`OptionalTooltip`;export{o as OptionalTooltip};