@equinor/amplify-component-lib 9.5.1 → 9.5.2

package/dist/organisms/SideBar/MenuItem.js

@@ -1 +1 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import{forwardRef as t,useMemo as r,useCallback as a}from"react";import{Icon as n}from"@equinor/eds-core-react";import{Feature as o}from"@equinor/subsurface-app-management";import{Link as d,IconContainer as l,ItemText as c}from"./MenuItem.styles.js";import{isCurrentUrl as s}from"./MenuItem.utils.js";import{OptionalTooltip as m}from"../../molecules/OptionalTooltip/OptionalTooltip.js";import{useSideBar as p}from"../../providers/SideBarProvider.js";const u=t((({currentUrl:t,icon:u,name:f,link:b,onClick:h,disabled:v=!1,replace:$=!1,featureUuid:g,...j},k)=>{const I=s({currentUrl:t,link:b}),x=r((()=>{const e=t?.split("?")[0];return e===b}),[t,b]),{isOpen:U}=p(),C=r((()=>!v&&(!I||I&&!x&&$)),[v,I,x,$]),M=a((e=>{C?h&&h():e.preventDefault()}),[C,h]),O=r((()=>e(m,U?{title:f,placement:"right",children:e("span",{children:i(d,{to:b,$active:I,"aria-disabled":v,$disabled:v,onClick:M,tabIndex:0,$open:!0,ref:k,"data-testid":"sidebar-menu-item",replace:$,...j,children:[e(l,{"data-testid":"icon-container",children:e(n,{data:u,size:24})}),e(c,{$active:I,$disabled:v,variant:"button",group:"navigation",children:f})]})})}:{title:f,placement:"right",children:e("span",{children:e(d,{to:b,$active:I,"aria-disabled":v,$disabled:v,onClick:M,$open:U,tabIndex:0,ref:k,...j,"data-testid":"sidebar-menu-item",children:e(l,{"data-testid":"icon-container",children:e(n,{data:u,size:24})})})})})),[v,M,u,I,U,b,f,j,k,$]);return g?e(o,{featureUuid:g,children:O}):O}));u.displayName="MenuItem";export{u as MenuItem};
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{forwardRef as t,useMemo as r,useCallback as a}from"react";import{Icon as n}from"@equinor/eds-core-react";import{Feature as o}from"@equinor/subsurface-app-management";import{MenuItemWrapper as d,Link as l,IconContainer as c,ItemText as s}from"./MenuItem.styles.js";import{isCurrentUrl as m}from"./MenuItem.utils.js";import{OptionalTooltip as p}from"../../molecules/OptionalTooltip/OptionalTooltip.js";import{useSideBar as u}from"../../providers/SideBarProvider.js";const f=t((({currentUrl:t,icon:f,name:b,link:h,onClick:v,disabled:$=!1,replace:g=!1,featureUuid:j,...k},I)=>{const x=m({currentUrl:t,link:h}),U=r((()=>{const e=t?.split("?")[0];return e===h}),[t,h]),{isOpen:C}=u(),M=r((()=>!$&&(!x||x&&!U&&g)),[$,x,U,g]),O=a((e=>{M?v&&v():e.preventDefault()}),[M,v]),q=r((()=>e(p,C?{title:b,placement:"right",children:e(d,{children:i(l,{to:h,$active:x,"aria-disabled":$,$disabled:$,onClick:O,tabIndex:0,$open:!0,ref:I,"data-testid":"sidebar-menu-item",replace:g,...k,children:[e(c,{"data-testid":"icon-container",children:e(n,{data:f,size:24})}),e(s,{$active:x,$disabled:$,variant:"button",group:"navigation",children:b})]})})}:{title:b,placement:"right",children:e(d,{children:e(l,{to:h,$active:x,"aria-disabled":$,$disabled:$,onClick:O,$open:C,tabIndex:0,ref:I,...k,"data-testid":"sidebar-menu-item",children:e(c,{"data-testid":"icon-container",children:e(n,{data:f,size:24})})})})})),[$,O,f,x,C,h,b,k,I,g]);return j?e(o,{featureUuid:j,children:q}):q}));f.displayName="MenuItem";export{f as MenuItem};

package/dist/organisms/SideBar/MenuItem.styles.d.ts

@@ -1,3 +1,4 @@
+export declare const MenuItemWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 interface LinkProps {
     $active?: boolean;
     $open?: boolean;

package/dist/organisms/SideBar/MenuItem.styles.js

@@ -1,4 +1,6 @@
-import{Link as e}from"react-router-dom";import{tokens as t}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../../atoms/style/colors.js";import{spacings as o}from"../../atoms/style/spacings.js";import"react/jsx-runtime";import"../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../molecules/Badge/Badge.styles.js";import{Typography as i}from"@equinor/eds-core-react";import"../../molecules/Banner/Banner.styles.js";import"@equinor/eds-icons";import"../../molecules/Chip/Chip.js";import"react";import"../../molecules/ContentMenu/ContentMenu.styles.js";import"../../molecules/DatePicker/DatePicker.js";import"../../molecules/Dialog/Dialog.js";import"../../molecules/EquinorLogo/EquinorLogo.js";import"../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../atoms/utils/auth_environment.js";import"html2canvas";import"proj4";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../molecules/FileUploadArea/FileUploadArea.js";import"../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../molecules/InfoElement/InfoElement.js";import"../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../molecules/ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tanstack/react-query";import"../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../molecules/Search/Search.js";import"../../molecules/Sieve/Sieve.styles.js";import"../../_virtual/lodash.js";import"../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../molecules/Skeleton/Skeleton.styles.js";import"../../molecules/Stepper/Stepper.js";import"../../molecules/OptionDrawer/OptionDrawer.js";import"../../molecules/Select/Select.styles.js";import"../../molecules/ListItem/ListItem.js";import"../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../molecules/SelectionControls/Radio/Radio.js";import"../../molecules/SelectionControls/Switch/Switch.js";import r from"styled-components";const{colors:s}=t,l=r(e)`
+import{Link as e}from"react-router-dom";import{tokens as t}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../../atoms/style/colors.js";import{spacings as o}from"../../atoms/style/spacings.js";import"react/jsx-runtime";import"../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../molecules/Badge/Badge.styles.js";import{Typography as i}from"@equinor/eds-core-react";import"../../molecules/Banner/Banner.styles.js";import"@equinor/eds-icons";import"../../molecules/Chip/Chip.js";import"react";import"../../molecules/ContentMenu/ContentMenu.styles.js";import"../../molecules/DatePicker/DatePicker.js";import"../../molecules/Dialog/Dialog.js";import"../../molecules/EquinorLogo/EquinorLogo.js";import"../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../atoms/utils/auth_environment.js";import"html2canvas";import"proj4";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../molecules/FileUploadArea/FileUploadArea.js";import"../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../molecules/InfoElement/InfoElement.js";import"../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../molecules/ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tanstack/react-query";import"../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../molecules/Search/Search.js";import"../../molecules/Sieve/Sieve.styles.js";import"../../_virtual/lodash.js";import"../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../molecules/Skeleton/Skeleton.styles.js";import"../../molecules/Stepper/Stepper.js";import"../../molecules/OptionDrawer/OptionDrawer.js";import"../../molecules/Select/Select.styles.js";import"../../molecules/ListItem/ListItem.js";import"../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../molecules/SelectionControls/Radio/Radio.js";import"../../molecules/SelectionControls/Switch/Switch.js";import s from"styled-components";const{colors:r}=t,l=s.span`
+  width: 100%;
+`,m=s(e)`
   display: flex;
   align-self: stretch;
   align-items: center;
@@ -8,28 +10,28 @@ import{Link as e}from"react-router-dom";import{tokens as t}from"../../node_modul
   padding: ${o.medium};
   gap: ${o.medium};
   box-sizing: border-box;
-  border-bottom: 1px solid ${s.ui.background__medium.rgba};
-  background: ${({$active:e})=>e&&s.interactive.primary__selected_highlight.rgba};
+  border-bottom: 1px solid ${r.ui.background__medium.rgba};
+  background: ${({$active:e})=>e&&r.interactive.primary__selected_highlight.rgba};
   text-decoration: none;
   transition: background 0.1s ease-out;
   > div > svg {
-    fill: ${({$disabled:e})=>e?s.interactive.disabled__text.rgba:s.interactive.primary__resting.rgba};
+    fill: ${({$disabled:e})=>e?r.interactive.disabled__text.rgba:r.interactive.primary__resting.rgba};
   }
   &:hover {
     cursor: ${({$disabled:e})=>!e&&"pointer"};
     text-decoration: none;
-    background: ${({$active:e,$disabled:t})=>!t&&(e?s.interactive.primary__selected_hover.rgba:s.interactive.primary__hover_alt.rgba)};
+    background: ${({$active:e,$disabled:t})=>!t&&(e?r.interactive.primary__selected_hover.rgba:r.interactive.primary__hover_alt.rgba)};
     > div > svg {
-      fill: ${({$disabled:e,$active:t})=>!e&&!t&&s.text.static_icons__default.rgba};
+      fill: ${({$disabled:e,$active:t})=>!e&&!t&&r.text.static_icons__default.rgba};
     }
   }
-`,m=r.div`
+`,a=s.div`
   display: flex;
   padding: ${o.x_small};
   align-items: center;
   justify-content: center;
   width: 32px;
   height: 32px;
-`,a=r(i)`
-  color: ${({$disabled:e})=>e?s.interactive.disabled__text.rgba:s.text.static_icons__default.rgba};
-`;export{m as IconContainer,a as ItemText,l as Link};
+`,n=s(i)`
+  color: ${({$disabled:e})=>e?r.interactive.disabled__text.rgba:r.text.static_icons__default.rgba};
+`;export{a as IconContainer,n as ItemText,m as Link,l as MenuItemWrapper};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/amplify-component-lib",
-  "version": "9.5.1",
+  "version": "9.5.2",
   "description": "Frontend Typescript components for the Amplify team",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",