@openfin/ui-library 0.30.5 → 0.30.6-alpha.1747060127

package/dist/index.js

@@ -272,21 +272,25 @@ var e={1193:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var r=n(1601),o=n.n(r),a=n(6
   align-items: center;
 
   user-select: none;
-`},8307:function(e,t,n){var r,o=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||(r=function(e){return r=Object.getOwnPropertyNames||function(e){var t=[];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[t.length]=n);return t},r(e)},function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n=r(e),i=0;i<n.length;i++)"default"!==n[i]&&o(t,e,n[i]);return a(t,e),t});Object.defineProperty(t,"__esModule",{value:!0}),t.ContentMenuItemContainer=t.ContentMenuItem=void 0;const l=n(4848),s=i(n(2770)),c=n(6418),u=n(5917),d=n(5699);t.ContentMenuItem=({entry:e,active:n,handleClick:r,handleBookmark:o})=>{const{label:a,type:i}=e;return(0,l.jsxs)(t.ContentMenuItemContainer,{id:`content-menu-item-${e.id}`,onClick:t=>r(e,t),active:n,children:["item"===i&&(0,l.jsx)(d.IconWithFallback,{iconUrl:e.icon}),(0,l.jsx)(f,{size:"base",weight:"normal",children:a}),(0,l.jsx)(p,{side:"right",bookmarked:e.bookmarked,onClick:t=>{null==t||t.stopPropagation(),o&&o(e)},"data-testid":`content-menu-item-${e.id}-bookmark-icon`,children:e.bookmarked?(0,l.jsx)(u.Icon,{icon:"StarFilledIcon"}):(0,l.jsx)(u.Icon,{icon:"StarIcon"})}),"folder"===i&&(0,l.jsx)(c.MenuItemIconContainer,{side:"right","data-testid":`content-menu-item-${e.id}-chevron-icon`,children:(0,l.jsx)(c.MenuItemRightIcon,{icon:"ChevronRightIcon"})})]})};const f=(0,s.default)(c.MenuItemText)`
+`},8307:function(e,t,n){var r,o=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||(r=function(e){return r=Object.getOwnPropertyNames||function(e){var t=[];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[t.length]=n);return t},r(e)},function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n=r(e),i=0;i<n.length;i++)"default"!==n[i]&&o(t,e,n[i]);return a(t,e),t});Object.defineProperty(t,"__esModule",{value:!0}),t.ContentMenuItemContainer=t.ContentMenuItem=void 0;const l=n(4848),s=i(n(2770)),c=n(6418),u=n(5917),d=n(5699),f=n(2094);t.ContentMenuItem=({entry:e,active:n,handleClick:r,handleBookmark:o})=>{var a;const{label:i,type:s}=e;return(0,l.jsxs)(t.ContentMenuItemContainer,{id:`content-menu-item-${e.id}`,onClick:t=>r(e,t),active:n,children:["item"===s&&(0,l.jsx)(d.IconWithFallback,{iconUrl:e.icon}),(0,l.jsx)(p,{size:"base",weight:"normal",children:i}),(0,l.jsx)(h,{side:"right",bookmarked:e.bookmarked,onClick:t=>{null==t||t.stopPropagation(),o&&o(e)},"data-testid":`content-menu-item-${e.id}-bookmark-icon`,children:(0,l.jsxs)(b,{children:[e.bookmarked?(0,l.jsx)(u.Icon,{icon:"BookmarkFilled"}):(0,l.jsx)(u.Icon,{icon:"BookmarkOutlined"}),"item"===e.type&&"desktop"===(null===(a=e.itemData)||void 0===a?void 0:a.appType)&&(0,l.jsx)(u.Icon,{icon:"ArrowTopRightIcon"})]})}),"folder"===s&&(0,l.jsx)(c.MenuItemIconContainer,{side:"right","data-testid":`content-menu-item-${e.id}-chevron-icon`,children:(0,l.jsx)(c.MenuItemRightIcon,{icon:"ChevronRightIcon"})})]})};const p=(0,s.default)(c.MenuItemText)`
   padding-right: ${({theme:e})=>e.px.large};
-`,p=(0,s.default)(c.MenuItemIconContainer)`
+`,h=(0,s.default)(c.MenuItemIconContainer)`
   ${({bookmarked:e})=>e?s.css`
-        & + ${c.MenuItemIconContainer} {
-          margin-left: unset;
-        }
-      `:s.css`
-        display: none;
-      `};
+          & + ${c.MenuItemIconContainer} {
+            margin-left: unset;
+          }
+        `:s.css`
+          display: none;
+        `};
 
   svg {
     height: ${({theme:e})=>e.px.large};
     width: ${({theme:e})=>e.px.large};
   }
+`,b=(0,s.default)(f.Box)`
+  display: flex;
+  flex-direction: row;
+  gap: ${({theme:e})=>e.px.small};
 `;t.ContentMenuItemContainer=(0,s.default)(c.MenuItemInnerContainer).attrs((({active:e})=>({className:["content-menu-item-container",e?"content-menu-item-container-active":""].filter(Boolean).join(" ")})))`
   ${({theme:e,active:t})=>t&&s.css`
       background-color: ${e.palette.background3};
@@ -294,11 +298,11 @@ var e={1193:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var r=n(1601),o=n.n(r),a=n(6
   &:hover {
     background-color: ${({theme:e})=>e.palette.background2};
 
-    ${p} {
+    ${h} {
       display: block;
     }
 
-    ${p} + ${c.MenuItemIconContainer} {
+    ${h} + ${c.MenuItemIconContainer} {
       margin-left: unset;
     }
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openfin/ui-library",
   "description": "OpenFin UI Component Library",
-  "version": "0.30.5",
+  "version": "0.30.6-alpha.1747060127",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "repository": "github:openfin/ui-library",