@openfin/ui-library 0.30.0 → 0.30.1

package/dist/components/controls/Menus/ContentMenu/ContentMenu.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { MouseEvent } from 'react';
 export type ContentMenuEntry = {
     bookmarked?: boolean;
 } & ({
@@ -21,7 +21,7 @@ export interface ContentMenuProps {
     /**
      * Callback to handle a click on a content menu item.
      */
-    handleClickItem: (entry: ContentMenuEntry) => void;
+    handleClickItem: (entry: ContentMenuEntry, mouseEvent: MouseEvent) => void;
     /**
      * Callback to handle a click on the bookmark icon of a content menu item.
      */

package/dist/components/controls/Menus/ContentMenu/ContentMenuColumn/ContentMenuColumn.d.ts

@@ -1,4 +1,4 @@
-import React, { Dispatch, PropsWithChildren, SetStateAction } from 'react';
+import React, { Dispatch, PropsWithChildren, SetStateAction, MouseEvent } from 'react';
 import { ContentMenuEntry } from '../ContentMenu';
 export interface ContentMenuColumnProps {
     entries: ContentMenuEntry[];
@@ -6,7 +6,7 @@ export interface ContentMenuColumnProps {
     path: string[];
     targetItemId: string | undefined;
     setCurrentlySelectedPath: Dispatch<SetStateAction<string[]>>;
-    handleClickItem: (entry: ContentMenuEntry) => void;
+    handleClickItem: (entry: ContentMenuEntry, mouseEvent: MouseEvent) => void;
     handleBookmarkItem: (entry: ContentMenuEntry) => void;
 }
 export declare const ContentMenuColumn: React.FC<PropsWithChildren<ContentMenuColumnProps>>;

package/dist/components/controls/Menus/ContentMenu/ContentMenuItem/ContentMenuItem.d.ts

@@ -1,5 +1,5 @@
 import { ContentMenuEntry } from '../ContentMenu';
-import React from 'react';
+import React, { MouseEvent } from 'react';
 export interface ContentMenuItemProps {
     /**
      * Object representing the content menu item entry.
@@ -13,7 +13,7 @@ export interface ContentMenuItemProps {
     /**
      * Callback to handle a click on the content menu item.
      */
-    handleClick: (entry: ContentMenuEntry) => void;
+    handleClick: (entry: ContentMenuEntry, mouseEvent: MouseEvent) => void;
     /**
      * Callback to handle a click on the bookmark icon of the content menu item.
      */

package/dist/index.js

@@ -254,7 +254,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
 
   overflow-x: auto;
   overflow-y: hidden;
-`},1255: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.ContentMenuColumn=void 0;const o=n(4848),a=r(n(2770)),i=n(6418),l=n(2015),s=n(8307);t.ContentMenuColumn=({entries:e,depth:n,path:r,targetItemId:a,setCurrentlySelectedPath:i,handleClickItem:d,handleBookmarkItem:f})=>{const p=(0,l.useRef)(null),h=r[n],b=h?e.find((e=>e.id===h)):void 0;(0,l.useEffect)((()=>{if(a&&b){const e=document.getElementById(`content-menu-item-${b.id}`);if(e&&p.current){const t=e.getBoundingClientRect().top-p.current.children[0].getBoundingClientRect().top;p.current.scrollTo({top:t,behavior:"smooth"})}}}),[a]);const g=(0,l.useCallback)((e=>{i((t=>e?(t[n]=e,t.slice(0,n+1)):t.slice(0,n)))}),[]);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(c,{ref:p,children:e.length>0?(0,o.jsx)("div",{children:e.map((e=>(0,o.jsx)(s.ContentMenuItem,{entry:e,active:"folder"===e.type&&e.id===h,handleClick:e=>{"folder"===e.type?g(e.id):d(e)},handleBookmark:f},e.id)))}):(0,o.jsx)(u,{children:"No content available."})}),b&&"folder"===b.type&&(0,o.jsx)(t.ContentMenuColumn,{entries:b.children,depth:n+1,path:r,targetItemId:a,setCurrentlySelectedPath:i,handleClickItem:d,handleBookmarkItem:f})]})};const c=(0,a.default)(i.MenuFrame).attrs({className:"content-menu-column-frame"})`
+`},1255: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.ContentMenuColumn=void 0;const o=n(4848),a=r(n(2770)),i=n(6418),l=n(2015),s=n(8307);t.ContentMenuColumn=({entries:e,depth:n,path:r,targetItemId:a,setCurrentlySelectedPath:i,handleClickItem:d,handleBookmarkItem:f})=>{const p=(0,l.useRef)(null),h=r[n],b=h?e.find((e=>e.id===h)):void 0;(0,l.useEffect)((()=>{if(a&&b){const e=document.getElementById(`content-menu-item-${b.id}`);if(e&&p.current){const t=e.getBoundingClientRect().top-p.current.children[0].getBoundingClientRect().top;p.current.scrollTo({top:t,behavior:"smooth"})}}}),[a]);const g=(0,l.useCallback)((e=>{i((t=>e?(t[n]=e,t.slice(0,n+1)):t.slice(0,n)))}),[]);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(c,{ref:p,children:e.length>0?(0,o.jsx)("div",{children:e.map((e=>(0,o.jsx)(s.ContentMenuItem,{entry:e,active:"folder"===e.type&&e.id===h,handleClick:(e,t)=>{"folder"===e.type?g(e.id):d(e,t)},handleBookmark:f},e.id)))}):(0,o.jsx)(u,{children:"No content available."})}),b&&"folder"===b.type&&(0,o.jsx)(t.ContentMenuColumn,{entries:b.children,depth:n+1,path:r,targetItemId:a,setCurrentlySelectedPath:i,handleClickItem:d,handleBookmarkItem:f})]})};const c=(0,a.default)(i.MenuFrame).attrs({className:"content-menu-column-frame"})`
   height: 100%;
   width: 241px;
   padding: ${({theme:e})=>e.px.xsmall};
@@ -272,7 +272,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
   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:()=>r(e),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);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)`
   padding-right: ${({theme:e})=>e.px.large};
 `,p=(0,s.default)(c.MenuItemIconContainer)`
   ${({bookmarked:e})=>e?s.css`

package/package.json

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