@openfin/ui-library 0.30.14 → 0.30.15-alpha.1751549046

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 (2) hide show
  1. package/dist/index.js +21 -7
  2. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -273,7 +273,7 @@ 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
273
273
  align-items: center;
274
274
 
275
275
  user-select: none;
276
- `},467:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ContentMenuContext=void 0;const o=r(n(2015));t.ContentMenuContext=o.default.createContext({focusedContentItemId:null,setFocusedContentItemId:()=>{}})},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}),l=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n};Object.defineProperty(t,"__esModule",{value:!0}),t.ContentMenuItemContainer=t.ContentMenuItem=void 0;const s=n(4848),c=i(n(2770)),u=n(6418),d=n(5917),f=n(2015),p=n(5699),h=n(467),b=n(2094);t.ContentMenuItem=e=>{var n,{entry:r,active:o,handleClick:a,handleBookmark:i,toggleTooltip:c,disableBookmarking:b}=e,x=l(e,["entry","active","handleClick","handleBookmark","toggleTooltip","disableBookmarking"]);const{label:y,type:C}=r,_=(0,f.useRef)(null),{focusedContentItemId:O}=(0,f.useContext)(h.ContentMenuContext);(0,f.useEffect)((()=>{var e;r.id===O&&(null===(e=_.current)||void 0===e||e.focus())}),[O]);const w=(0,f.useCallback)((()=>{"item"===r.type&&"desktop"===r.itemData.appType&&_.current&&c("Launch Desktop App",_.current)}),[r]);return(0,s.jsxs)(t.ContentMenuItemContainer,Object.assign({id:`content-menu-item-${r.id}`,onClick:e=>a(r,e),onMouseEnter:w,onMouseLeave:()=>c(),active:o,tabIndex:O===r.id?0:-1,ref:_},x,{children:["item"===C&&(0,s.jsx)(p.IconWithFallback,{iconUrl:r.icon}),(0,s.jsx)(g,{size:"base",weight:"normal",children:y}),(0,s.jsxs)(m,{children:[!b&&(0,s.jsx)(v,{bookmarked:r.bookmarked,role:"button",onClick:e=>{var t;null==e||e.stopPropagation(),i&&i(r),null===(t=_.current)||void 0===t||t.focus()},"data-testid":`content-menu-item-${r.id}-bookmark-icon`,tabIndex:O===r.id?0:-1,children:r.bookmarked?(0,s.jsx)(d.Icon,{icon:"StarFilledIcon"}):(0,s.jsx)(d.Icon,{icon:"StarIcon"})}),"item"===r.type&&"desktop"===(null===(n=r.itemData)||void 0===n?void 0:n.appType)&&(0,s.jsx)(u.MenuItemRightIcon,{icon:"ArrowTopRightIcon"}),"folder"===C&&(0,s.jsx)(u.MenuItemRightIcon,{icon:"ChevronRightIcon","data-testid":`content-menu-item-${r.id}-chevron-icon`})]})]}))};const g=(0,c.default)(u.MenuItemText)`
276
+ `},467:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ContentMenuContext=void 0;const o=r(n(2015));t.ContentMenuContext=o.default.createContext({focusedContentItemId:null,setFocusedContentItemId:()=>{}})},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}),l=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n};Object.defineProperty(t,"__esModule",{value:!0}),t.ContentMenuItemContainer=t.ContentMenuItem=void 0;const s=n(4848),c=i(n(2770)),u=n(6418),d=n(5917),f=n(2015),p=n(5699),h=n(467),b=n(2094);t.ContentMenuItem=e=>{var n,{entry:r,active:o,handleClick:a,handleBookmark:i,toggleTooltip:c,disableBookmarking:b}=e,x=l(e,["entry","active","handleClick","handleBookmark","toggleTooltip","disableBookmarking"]);const{label:y,type:C}=r,_=(0,f.useRef)(null),{focusedContentItemId:O}=(0,f.useContext)(h.ContentMenuContext),w=(0,f.useCallback)((()=>{"item"===r.type&&"desktop"===r.itemData.appType&&_.current&&c("Launch Desktop App",_.current)}),[r]);return(0,f.useEffect)((()=>{var e;r.id===O&&(null===(e=_.current)||void 0===e||e.focus())}),[O]),(0,s.jsxs)(t.ContentMenuItemContainer,Object.assign({id:`content-menu-item-${r.id}`,onClick:e=>a(r,e),onMouseEnter:w,onMouseLeave:()=>c(),active:o,tabIndex:O===r.id?0:-1,ref:_,"aria-label":r.label},x,{children:["item"===C&&(0,s.jsx)(p.IconWithFallback,{iconUrl:r.icon}),(0,s.jsx)(g,{size:"base",weight:"normal",children:y}),(0,s.jsxs)(m,{children:[!b&&(0,s.jsx)(v,{bookmarked:r.bookmarked,role:"button",onKeyDown:e=>{"Enter"!==e.key&&"Space"!==e.key||(null==e||e.stopPropagation(),i&&i(r))},onClick:e=>{var t;null==e||e.stopPropagation(),i&&i(r),null===(t=_.current)||void 0===t||t.focus()},"data-testid":`content-menu-item-${r.id}-bookmark-icon`,tabIndex:O===r.id?0:-1,"aria-label":r.bookmarked?`Remove ${r.label} from favorites`:`Add ${r.label} to favorites`,children:r.bookmarked?(0,s.jsx)(d.Icon,{icon:"StarFilledIcon"}):(0,s.jsx)(d.Icon,{icon:"StarIcon"})}),"item"===r.type&&"desktop"===(null===(n=r.itemData)||void 0===n?void 0:n.appType)&&(0,s.jsx)(u.MenuItemRightIcon,{icon:"ArrowTopRightIcon"}),"folder"===C&&(0,s.jsx)(u.MenuItemRightIcon,{icon:"ChevronRightIcon","data-testid":`content-menu-item-${r.id}-chevron-icon`})]})]}))};const g=(0,c.default)(u.MenuItemText)`
277
277
  padding-right: ${({theme:e})=>e.px.large};
278
278
  `,m=(0,c.default)(b.Box)`
279
279
  margin-left: auto;
@@ -287,12 +287,22 @@ 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
287
287
  }
288
288
  `,v=(0,c.default)(b.Box)`
289
289
  ${({bookmarked:e})=>e?c.css`
290
- & + ${u.MenuItemIconContainer} {
291
- margin-left: unset;
292
- }
293
- `:c.css`
294
- display: none;
295
- `};
290
+ & + ${u.MenuItemIconContainer} {
291
+ margin-left: unset;
292
+ }
293
+ `:c.css`
294
+ opacity: 0;
295
+ `};
296
+
297
+ &:focus {
298
+ outline: none;
299
+ }
300
+
301
+ &:focus-visible {
302
+ opacity: 1;
303
+ outline: solid 1px ${({theme:e})=>e.palette.statusActive};
304
+ border-radius: ${({theme:e})=>e.radius.small};
305
+ }
296
306
  `;t.ContentMenuItemContainer=(0,c.default)(u.MenuItemInnerContainer).attrs((({active:e})=>({className:["content-menu-item-container",e?"content-menu-item-container-active":""].filter(Boolean).join(" ")})))`
297
307
  &:focus {
298
308
  outline: none;
@@ -301,6 +311,10 @@ 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
301
311
  &:focus-visible {
302
312
  outline: solid 1px ${({theme:e})=>e.palette.statusActive};
303
313
  border-radius: ${({theme:e})=>e.radius.small};
314
+
315
+ ${v} {
316
+ opacity: 1;
317
+ }
304
318
  }
305
319
 
306
320
  ${({theme:e,active:t})=>t&&c.css`
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@openfin/ui-library",
3
3
  "description": "OpenFin UI Component Library",
4
- "version": "0.30.14",
4
+ "version": "0.30.15-alpha.1751549046",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "repository": {