@openfin/ui-library 0.27.3 → 0.27.4-alpha.1731709158

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

@@ -21,11 +21,11 @@ export interface ContentMenuProps {
     /**
      * Callback to handle a click on a content menu item.
      */
-    handleClickItem: (id: string) => void;
+    handleClickItem: (entry: ContentMenuEntry) => void;
     /**
      * Callback to handle a click on the bookmark icon of a content menu item.
      */
-    handleBookmarkItem: (id: string) => void;
+    handleBookmarkItem: (entry: ContentMenuEntry) => void;
     /**
      * The ID of the target content menu item to search for and be navigated to within the content menu.
      */

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

@@ -4,8 +4,9 @@ export interface ContentMenuColumnProps {
     entries: ContentMenuEntry[];
     depth: number;
     path: string[];
+    targetItemId: string | undefined;
     setCurrentlySelectedPath: Dispatch<SetStateAction<string[]>>;
-    handleClickItem: (id: string) => void;
-    handleBookmarkItem: (id: string) => void;
+    handleClickItem: (entry: ContentMenuEntry) => void;
+    handleBookmarkItem: (entry: ContentMenuEntry) => void;
 }
 export declare const ContentMenuColumn: React.FC<PropsWithChildren<ContentMenuColumnProps>>;

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

@@ -13,10 +13,10 @@ export interface ContentMenuItemProps {
     /**
      * Callback to handle a click on the content menu item.
      */
-    handleClick: (id: string) => void;
+    handleClick: (entry: ContentMenuEntry) => void;
     /**
      * Callback to handle a click on the bookmark icon of the content menu item.
      */
-    handleBookmark?: (id: string) => void;
+    handleBookmark?: (entry: ContentMenuEntry) => void;
 }
 export declare const ContentMenuItem: React.FC<ContentMenuItemProps>;

package/dist/index.js

@@ -245,7 +245,7 @@ var e={8594:(e,t,n)=>{n.d(t,{Z:()=>o});var r=/^((children|dangerouslySetInnerHTM
       opacity: unset;
     }
   }
-`},4925:function(e,t,n){var r=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]}),o=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(4021),t),o(n(9644),t)},9654: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.ContentMenu=t.findPathToItemWithId=void 0;const o=n(5893),i=n(6689),a=n(3137),l=r(n(7518)),c=n(1335);t.findPathToItemWithId=(e,n,r)=>{if(e.id===r)return n.pop(),n;if(e.children)for(let o=0;o<e.children.length;++o){const i=e.children[o];n.push(i.id);const a=(0,t.findPathToItemWithId)(i,n,r);if(a)return a;n.pop()}},t.ContentMenu=({structure:e,handleClickItem:n,handleBookmarkItem:r,targetId:l})=>{const[c,s]=(0,i.useState)([]),[f,d]=(0,i.useState)();return(0,i.useEffect)((()=>{if(l){const n=(0,t.findPathToItemWithId)({id:"",children:e},[],l);n&&(s(n),d(`content-menu-item-${l}`))}}),[l]),(0,i.useEffect)((()=>{var e;f&&(null===(e=document.getElementById(f))||void 0===e||e.scrollIntoView({behavior:"smooth"}))}),[f]),(0,o.jsx)(u,{children:(0,o.jsx)(a.ContentMenuColumn,{entries:e,depth:0,path:c,setCurrentlySelectedPath:s,handleClickItem:n,handleBookmarkItem:r})})};const u=(0,l.default)(c.Box)`
+`},4925:function(e,t,n){var r=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]}),o=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(4021),t),o(n(9644),t)},9654: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.ContentMenu=t.findPathToItemWithId=void 0;const o=n(5893),i=n(6689),a=n(3137),l=r(n(7518)),c=n(1335);t.findPathToItemWithId=(e,n,r)=>{if(e.id===r)return n;if(e.children)for(let o=0;o<e.children.length;++o){const i=e.children[o];n.push(i.id);const a=(0,t.findPathToItemWithId)(i,n,r);if(a)return a;n.pop()}},t.ContentMenu=({structure:e,handleClickItem:n,handleBookmarkItem:r,targetId:l})=>{const[c,s]=(0,i.useState)([]),[f,d]=(0,i.useState)(),p=(0,i.useRef)(null),h=(0,i.useCallback)((()=>{p.current&&p.current.scrollTo({left:p.current.scrollWidth,behavior:"smooth"})}),[]);return(0,i.useEffect)((()=>{if(l){const n=(0,t.findPathToItemWithId)({id:"",children:e},[],l);if(n)return s(n),void d(`content-menu-item-${l}`)}d(void 0)}),[l]),(0,i.useEffect)((()=>{h()}),[c]),(0,o.jsx)(u,Object.assign({ref:p},{children:(0,o.jsx)(a.ContentMenuColumn,{entries:e,depth:0,path:c,targetItemId:f,setCurrentlySelectedPath:s,handleClickItem:n,handleBookmarkItem:r})}))};const u=(0,l.default)(c.Box)`
   height: 100%;
   width: 100%;
 
@@ -254,7 +254,7 @@ var e={8594:(e,t,n)=>{n.d(t,{Z:()=>o});var r=/^((children|dangerouslySetInnerHTM
 
   overflow-x: auto;
   overflow-y: hidden;
-`},3137: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(5893),i=r(n(7518)),a=n(6758),l=n(6689),c=n(2659);t.ContentMenuColumn=({entries:e,depth:n,path:r,setCurrentlySelectedPath:i,handleClickItem:a,handleBookmarkItem:f})=>{const d=(0,l.useRef)(null),p=r[n],h=p?e.find((e=>e.id===p)):void 0;(0,l.useEffect)((()=>{var e;p||null===(e=d.current)||void 0===e||e.scrollIntoView({behavior:"smooth"})}),[]);const C=(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)(u,Object.assign({ref:d},{children:e.length>0?(0,o.jsx)("div",{children:e.map((e=>(0,o.jsx)(c.ContentMenuItem,{entry:e,active:e.id===p,handleClick:t=>{"folder"===e.type?C(t):a(t)},handleBookmark:f},e.id)))}):(0,o.jsx)(s,{children:"No content available."})})),h&&"folder"===h.type&&(0,o.jsx)(t.ContentMenuColumn,{entries:h.children,depth:n+1,path:r,setCurrentlySelectedPath:i,handleClickItem:a,handleBookmarkItem:f})]})};const u=(0,i.default)(a.MenuFrame)`
+`},3137: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(5893),i=r(n(7518)),a=n(6758),l=n(6689),c=n(2659);t.ContentMenuColumn=({entries:e,depth:n,path:r,targetItemId:i,setCurrentlySelectedPath:a,handleClickItem:f,handleBookmarkItem:d})=>{const p=(0,l.useRef)(null),h=r[n],C=h?e.find((e=>e.id===h)):void 0;(0,l.useEffect)((()=>{if(i&&C){const e=document.getElementById(`content-menu-item-${C.id}`);if(e&&p.current){const t=e.getBoundingClientRect().top-p.current.children[0].getBoundingClientRect().top;p.current.scrollTo({top:t,behavior:"smooth"})}}}),[i]);const v=(0,l.useCallback)((e=>{a((t=>e?(t[n]=e,t.slice(0,n+1)):t.slice(0,n)))}),[]);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(u,Object.assign({ref:p},{children:e.length>0?(0,o.jsx)("div",{children:e.map((e=>(0,o.jsx)(c.ContentMenuItem,{entry:e,active:"folder"===e.type&&e.id===h,handleClick:e=>{"folder"===e.type?v(e.id):f(e)},handleBookmark:d},e.id)))}):(0,o.jsx)(s,{children:"No content available."})})),C&&"folder"===C.type&&(0,o.jsx)(t.ContentMenuColumn,{entries:C.children,depth:n+1,path:r,targetItemId:i,setCurrentlySelectedPath:a,handleClickItem:f,handleBookmarkItem:d})]})};const u=(0,i.default)(a.MenuFrame)`
   height: 100%;
   width: 241px;
   padding: ${({theme:e})=>e.px.xsmall};
@@ -272,7 +272,7 @@ var e={8594:(e,t,n)=>{n.d(t,{Z:()=>o});var r=/^((children|dangerouslySetInnerHTM
   align-items: center;
 
   user-select: none;
-`},2659:function(e,t,n){var r=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]}),o=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||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.ContentMenuItem=void 0;const a=n(5893),l=i(n(7518)),c=n(6758),u=n(9634),s=n(1009);t.ContentMenuItem=({entry:e,active:t,handleClick:n,handleBookmark:r})=>{const{label:o,type:i}=e;return(0,a.jsxs)(p,Object.assign({id:`content-menu-item-${e.id}`,onClick:()=>n(e.id),active:t},{children:["item"===i&&(0,a.jsx)(s.IconWithFallback,{iconUrl:e.icon}),(0,a.jsx)(f,Object.assign({size:"base",weight:"normal"},{children:o})),(0,a.jsx)(d,Object.assign({side:"right",bookmarked:e.bookmarked,onClick:t=>{null==t||t.stopPropagation(),r&&r(e.id)},"data-testid":`content-menu-item-${e.id}-bookmark-icon`},{children:e.bookmarked?(0,a.jsx)(u.Icon,{icon:"StarFilledIcon"}):(0,a.jsx)(u.Icon,{icon:"StarIcon"})})),"folder"===i&&(0,a.jsx)(c.MenuItemIconContainer,Object.assign({side:"right","data-testid":`content-menu-item-${e.id}-chevron-icon`},{children:(0,a.jsx)(c.MenuItemRightIcon,{icon:"ChevronRightIcon"})}))]}))};const f=(0,l.default)(c.MenuItemText)`
+`},2659:function(e,t,n){var r=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]}),o=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||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.ContentMenuItem=void 0;const a=n(5893),l=i(n(7518)),c=n(6758),u=n(9634),s=n(1009);t.ContentMenuItem=({entry:e,active:t,handleClick:n,handleBookmark:r})=>{const{label:o,type:i}=e;return(0,a.jsxs)(p,Object.assign({id:`content-menu-item-${e.id}`,onClick:()=>n(e),active:t},{children:["item"===i&&(0,a.jsx)(s.IconWithFallback,{iconUrl:e.icon}),(0,a.jsx)(f,Object.assign({size:"base",weight:"normal"},{children:o})),(0,a.jsx)(d,Object.assign({side:"right",bookmarked:e.bookmarked,onClick:t=>{null==t||t.stopPropagation(),r&&r(e)},"data-testid":`content-menu-item-${e.id}-bookmark-icon`},{children:e.bookmarked?(0,a.jsx)(u.Icon,{icon:"StarFilledIcon"}):(0,a.jsx)(u.Icon,{icon:"StarIcon"})})),"folder"===i&&(0,a.jsx)(c.MenuItemIconContainer,Object.assign({side:"right","data-testid":`content-menu-item-${e.id}-chevron-icon`},{children:(0,a.jsx)(c.MenuItemRightIcon,{icon:"ChevronRightIcon"})}))]}))};const f=(0,l.default)(c.MenuItemText)`
   padding-right: ${({theme:e})=>e.px.large};
 `,d=(0,l.default)(c.MenuItemIconContainer)`
   ${({bookmarked:e})=>e?l.css`

package/package.json

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