@equinor/amplify-component-lib 10.2.0 → 10.3.0

package/dist/organisms/TopBar/TopBar.js

@@ -1 +1 @@
-import{EnvironmentType as e}from"../../atoms/enums/Environment.js";import{ApplicationIcon as t}from"../../molecules/ApplicationIcon/ApplicationIcon.js";import{AppAndFieldContainer as n,AppIdentifier as r,AppName as i,Bar as a,CircularProgress as o,EnvironmentTag as s}from"./TopBar.styles.js";import{FieldMenu as c}from"./FieldMenu/FieldMenu.js";import l,{forwardRef as u}from"react";import{Typography as d}from"@equinor/eds-core-react";import{jsx as f,jsxs as p}from"react/jsx-runtime";const m=u(({id:l,children:u,headerLink:m,applicationIcon:h,applicationName:g,environment:_,isFetching:v=!1,capitalize:y=!1,availableFields:b,onSelectField:x,currentField:S,showAccessITLink:C,itemNameSingular:w},T)=>p(a,{ref:T,children:[p(n,{id:l,children:[p(r,{tabIndex:0,to:m||`/`,children:[f(t,{name:h,size:32,withHover:!0}),f(i,{group:`navigation`,variant:`menu_title`,$capitalize:y,children:y?g.toLowerCase():g})]}),b&&x&&f(c,{availableFields:b,onSelect:x,currentField:S,showAccessITLink:C,itemNameSingular:w}),v&&f(o,{size:16})]}),(_===e.DEVELOP||_===e.STAGING||_===e.LOCALHOST)&&f(s,{$environmentType:_,children:f(d,{group:`heading`,variant:`h5`,children:_})}),u]}));m.displayName=`TopBar`;export{m as TopBar};
+import{EnvironmentType as e}from"../../atoms/enums/Environment.js";import{ApplicationIcon as t}from"../../molecules/ApplicationIcon/ApplicationIcon.js";import{AppAndFieldContainer as n,AppIdentifier as r,AppName as i,Bar as a,CircularProgress as o,EnvironmentTag as s}from"./TopBar.styles.js";import{TopBarInternalContextProvider as c}from"./TopBarInternalContextProvider.js";import{FieldMenu as l}from"./FieldMenu/FieldMenu.js";import u,{forwardRef as d}from"react";import{Typography as f}from"@equinor/eds-core-react";import{jsx as p,jsxs as m}from"react/jsx-runtime";const h=d(({id:u,children:d,headerLink:h,applicationIcon:g,applicationName:_,environment:v,isFetching:y=!1,capitalize:b=!1,availableFields:x,onSelectField:S,currentField:C,showAccessITLink:w,itemNameSingular:T},E)=>p(c,{selectedField:C,children:m(a,{ref:E,children:[m(n,{id:u,children:[m(r,{tabIndex:0,to:h||`/`,children:[p(t,{name:g,size:32,withHover:!0}),p(i,{group:`navigation`,variant:`menu_title`,$capitalize:b,children:b?_.toLowerCase():_})]}),x&&S&&p(l,{availableFields:x,onSelect:S,showAccessITLink:w,itemNameSingular:T}),y&&p(o,{size:16})]}),(v===e.DEVELOP||v===e.STAGING||v===e.LOCALHOST)&&p(s,{$environmentType:v,children:p(f,{group:`heading`,variant:`h5`,children:v})}),d]})}));h.displayName=`TopBar`;export{h as TopBar};

package/dist/organisms/TopBar/TopBarInternalContextProvider.js

@@ -0,0 +1 @@
+import{createContext as e,useContext as t}from"react";import{jsx as n}from"react/jsx-runtime";const r=e(void 0);function i(){let e=t(r);if(!e)throw Error(`useTopBarInternalContext must be used within TopBarInternalContextProvider`);return e}const a=({selectedField:e,children:t})=>n(r.Provider,{value:{selectedField:e},children:t});export{a as TopBarInternalContextProvider,i as useTopBarInternalContext};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/amplify-component-lib",
-  "version": "10.2.0",
+  "version": "10.3.0",
   "description": "Frontend Typescript components for the Amplify team",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -53,7 +53,7 @@
   },
   "devDependencies": {
     "@equinor/eds-icons": "^0.22.0",
-    "@equinor/subsurface-app-management": "5.0.0",
+    "@equinor/subsurface-app-management": "5.1.0",
     "@eslint/js": "^9.22.0",
     "@faker-js/faker": "^9.6.0",
     "@storybook/addon-coverage": "^2.0.0",
@@ -112,7 +112,7 @@
   },
   "peerDependencies": {
     "@equinor/eds-icons": "*",
-    "@equinor/subsurface-app-management": "^5.0.0",
+    "@equinor/subsurface-app-management": "^5.1.0",
     "@tanstack/react-query": "*",
     "@tanstack/react-router": "*",
     "react": "^19.0.0",

package/dist/organisms/Faq/Category/Question.js

@@ -1,22 +0,0 @@
-import{animation as e}from"../../../atoms/style/animation.js";import{colors as t}from"../../../atoms/style/colors.js";import{spacings as n}from"../../../atoms/style/spacings.js";import{shape as r}from"../../../atoms/style/index.js";import{formatDate as i}from"../../../atoms/utils/date.js";import{Button as a}from"../../../molecules/Button/Button.js";import{RichTextDisplay as o}from"../../../molecules/RichTextDisplay/RichTextDisplay.js";import{useState as s}from"react";import{Icon as c,Typography as l}from"@equinor/eds-core-react";import u from"styled-components";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{chevron_down as p,chevron_up as m}from"@equinor/eds-icons";import{AnimatePresence as h,motion as g}from"framer-motion";import{FaqService as _}from"@equinor/subsurface-app-management";const v=u.div`
-  background: ${t.ui.background__default.rgba};
-  width: 100%;
-  display: grid;
-  grid-template-columns: 1fr auto auto;
-  align-items: center;
-  padding: ${n.medium};
-  border: 1px solid ${t.ui.background__heavy.rgba};
-  border-radius: ${r.corners.borderRadius};
-  cursor: pointer;
-  transition: border-color ${e.transitionMS};
-  > button {
-    margin-left: ${n.medium};
-    transition: background ${e.transitionMS};
-  }
-  &:hover {
-    border-color: ${t.interactive.primary__resting.rgba};
-    > button {
-      background: ${t.interactive.primary__hover_alt.rgba};
-    }
-  }
-`,y=({question:e,answer:t,createdDate:n})=>{let[r,u]=s(!1);return f(v,{onClick:()=>u(e=>!e),children:[d(l,{variant:`h4`,children:e}),d(l,{variant:`caption`,children:i(n)}),d(a,{variant:`ghost_icon`,children:d(c,{data:r?m:p})}),d(h,{children:r&&d(g.div,{style:{overflow:`hidden`},initial:{height:0},animate:{height:`auto`},exit:{height:0},children:d(o,{value:t,onImageRead:_.getFaqImage})})})]})};export{y as Question};

package/dist/organisms/Faq/CategorySkeleton.js

@@ -1,29 +0,0 @@
-import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{shape as n}from"../../atoms/style/index.js";import{Button as r}from"../../molecules/Button/Button.js";import{SkeletonBase as i}from"../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import{Icon as a}from"@equinor/eds-core-react";import o from"styled-components";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{chevron_down as l}from"@equinor/eds-icons";const u=o.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${t.medium};
-`,d=o(i)`
-  height: 32px;
-  width: 12rem;
-  border-radius: ${n.corners.borderRadius};
-`,f=o.div`
-  background: ${e.ui.background__default.rgba};
-  width: 100%;
-  display: grid;
-  grid-template-columns: 1fr auto auto;
-  align-items: center;
-  padding: ${t.medium};
-  border: 1px solid ${e.ui.background__heavy.rgba};
-  border-radius: ${n.corners.borderRadius};
-  > button {
-    margin-left: ${t.medium};
-  }
-`,p=o(i)`
-  height: 32px;
-  width: 50%;
-  border-radius: ${n.corners.borderRadius};
-`,m=o(i)`
-  height: 16px;
-  width: 5rem;
-  border-radius: ${n.corners.borderRadius};
-`,h=()=>c(u,{children:[s(d,{}),[,,,].fill(0).map((e,t)=>c(f,{children:[s(p,{$offset:t*100}),s(m,{$offset:t*100}),s(r,{variant:`ghost_icon`,children:s(a,{data:l})})]},`card-${t}`))]});export{h as CategorySkeleton};

package/dist/organisms/Faq/Faq.styles.js

@@ -1,8 +0,0 @@
-import{spacings as e}from"../../atoms/style/spacings.js";import t from"styled-components";const n=t.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${e.x_large};
-  margin: ${e.large} 0;
-  height: fit-content;
-  width: 100%;
-`;export{n as Container};

package/dist/organisms/Faq/Header.js

@@ -1,14 +0,0 @@
-import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{useFaqsInApplication as n}from"../../atoms/hooks/useFaqsInApplication.js";import{Tabs as r}from"../../molecules/Tabs/Tabs.js";import{useMemo as i}from"react";import{Search as a}from"@equinor/eds-core-react";import o from"styled-components";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{useNavigate as l,useSearch as u}from"@tanstack/react-router";const d=o.div`
-  position: sticky;
-  top: 0;
-  display: flex;
-  flex-direction: column;
-  gap: ${t.medium};
-  background: ${e.ui.background__light.rgba};
-  padding: ${t.x_large} 0;
-  margin: calc(${t.x_large} * -1) 0;
-  z-index: 400;
-  > div[role='search'] > div {
-    background: ${e.ui.background__default.rgba};
-  }
-`,f=({setSelectedTab:e,selectedTab:t})=>{let{data:o}=n(),f=l(),{search:p}=u({strict:!1}),m=i(()=>o?[{value:`all`,label:`All categories`},...o.map(e=>({value:e.id.toString(),label:e.categoryName}))]:[{value:`all`,label:`All categories`}],[o]);return c(d,{children:[s(r,{style:{maxWidth:`100%`,width:`fit-content`},selected:t??`all`,onChange:t=>{e(t===`all`?void 0:t)},options:m}),s(a,{value:p,onChange:e=>{e.target.value?f({to:`.`,search:{search:e.target.value}}):f({to:`.`,search:null})},placeholder:`Search for answer by keyword`})]})};export{f as Header};