@equinor/amplify-component-lib 13.2.7 → 14.1.0

package/dist/providers/SurveyProvider/SurveyDialog/SurveyQuestion/SurveyFreeTextQuestion.js

@@ -1,5 +1,5 @@
-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`
+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`
   display: flex;
   flex-direction: column;
   gap: ${e.medium};
-`,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};
+`,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};

package/dist/providers/SurveyProvider/SurveyDialog/SurveyQuestion/SurveyLinearScaleQuestion.js

@@ -1,4 +1,4 @@
-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`
+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`
   display: grid;
   grid-template-columns: ${({$rangeAmount:e})=>`auto repeat(${e}, auto) auto`};
   align-items: center;
@@ -7,4 +7,4 @@ import{Radio as e}from"../../../../molecules/SelectionControls/Radio/Radio.js";i
   display: flex;
   flex-direction: column;
   align-items: center;
-`,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};
+`,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};

package/dist/providers/SurveyProvider/SurveyDialog/SurveyQuestion/SurveyMultipleChoiceQuestion.js

@@ -1,5 +1,5 @@
-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`
+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`
   display: flex;
   flex-direction: column;
   gap: ${e.medium};
-`,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};
+`,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};

package/dist/providers/SurveyProvider/SurveyDialog/UmuxDialog.js

@@ -1,5 +1,5 @@
-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`
+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`
   display: flex;
   flex-direction: column;
   gap: ${e.medium_small};
-`,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};
+`,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

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/amplify-component-lib",
-  "version": "13.2.7",
+  "version": "14.1.0",
   "description": "Frontend Typescript components for the Amplify team",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -139,6 +139,8 @@
     "@tiptap/extension-text-align": "^3.1.0",
     "@tiptap/extension-text-style": "^3.1.0",
     "@tiptap/extension-typography": "^3.1.0",
+    "@tiptap/extension-mention": "^3.1.0",
+    "@tiptap/suggestion": "^3.1.0",
     "@tiptap/extensions": "^3.1.0",
     "@tiptap/pm": "^3.1.0",
     "@tiptap/react": "^3.1.0",

package/dist/molecules/OptionalTooltip/OptionalTooltip.d.ts

@@ -1,19 +0,0 @@
-import * as react18 from "react";
-import { TooltipProps } from "@equinor/eds-core-react";
-import * as _floating_ui_utils0 from "@floating-ui/utils";
-
-//#region src/molecules/OptionalTooltip/OptionalTooltip.d.ts
-type OptionalTooltipProps = {
-  textTransform?: string;
-} & TooltipProps;
-declare const OptionalTooltip: react18.ForwardRefExoticComponent<{
-  textTransform?: string;
-} & {
-  placement?: _floating_ui_utils0.Placement;
-  title?: react18.ReactNode;
-  children: React.ReactElement & React.RefAttributes<HTMLElement>;
-  enterDelay?: number;
-  portalContainer?: HTMLElement;
-} & Omit<react18.HTMLAttributes<HTMLDivElement>, "title"> & react18.RefAttributes<HTMLDivElement>>;
-//#endregion
-export { OptionalTooltip, OptionalTooltipProps };

package/dist/molecules/OptionalTooltip/OptionalTooltip.js

@@ -1,4 +0,0 @@
-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)`
-  color: white;
-  text-transform: ${e=>e.textTransform};
-`,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};