@openfin/ui-library 0.30.21-alpha.1757098372 → 0.30.21-alpha.1757356012

package/dist/index.js

@@ -115,7 +115,6 @@ 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
   color: ${({theme:e})=>e.palette.textDefault};
   ${f.Mixins.textOverflow};
   text-decoration: none;
-  display: block;
   overflow: hidden;
 `,b=(0,i.default)(c.Box)`
   position: ${({fixedHeader:e})=>e?"sticky":"relative"};
@@ -792,9 +791,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
     outline: 0;
     border-color: ${({theme:e,status:t})=>(0,d.getStatusColor)(e,t,"inputFocused")};
   }
-`},926: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.DropdownMenu=void 0;const o=n(4848),a=n(2015),i=n(2094),l=r(n(2770)),s=n(2821),c=n(2501),u=n(6110),d=n(2587);t.DropdownMenu=(0,a.forwardRef)((({label:e,options:t=[[]],placeholder:n="Select an option",selected:r,onOptionHover:l,onChange:h,renderLabel:b,fitContent:g},m)=>{if(r&&!((e,t)=>e.some((e=>e.some((e=>e.value===t.value)))))(t,r))throw new Error(`The selected option ${r.value} is not present in the options array`);const[v,x]=(0,a.useState)(!1);(0,a.useEffect)((()=>{1===t[0].length&&y(!1)}),[t]);const y=e=>{x(null!=e?e:!v)},{focusedOption:C,handleKeyDown:_}=(0,u.useDropdownKeyboardNavigation)(t,r,v,y,h);return(0,o.jsx)(f,{ref:m,flexDirection:"column",onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||x(!1)},onKeyDown:_,children:(0,o.jsxs)(i.Box,{gap:"small",flexDirection:"column",style:{width:"100%"},children:[e&&(0,o.jsx)("label",{htmlFor:"dropdown-button",children:(0,o.jsx)(s.OptionTitle,{children:e})}),(0,o.jsxs)(p,{children:[b?(0,o.jsx)(a.Fragment,{children:b(r||{title:n,value:null},v,y,C)},`render-label-${r}`):(0,o.jsx)(d.DropdownButton,{tabIndex:0,activeDescendant:`menu-option-${null==C?void 0:C.value}`,expanded:v&&t[0].length>1,handleClick:()=>y(),selected:r,placeholder:n}),t.length&&t[0].length>1&&v&&(0,o.jsx)(c.Menu,{menuId:"dropdown-listbox",options:t,selected:r,handleExpandMenu:y,onOptionHover:l,onChange:h,fitContent:g,focusedOption:C,absolutePosition:!0})]})]})})})),t.DropdownMenu.displayName="DropdownMenu";const f=(0,l.default)(i.Box)`
+`},926: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.DropdownMenu=void 0;const o=n(4848),a=n(2015),i=n(2094),l=r(n(2770)),s=n(2821),c=n(2501),u=n(6110),d=n(2587);t.DropdownMenu=(0,a.forwardRef)((({label:e,options:t=[[]],placeholder:n="Select an option",selected:r,onOptionHover:i,onChange:l,renderLabel:h,fitContent:b},g)=>{if(r&&!((e,t)=>e.some((e=>e.some((e=>e.value===t.value)))))(t,r))throw new Error(`The selected option ${r.value} is not present in the options array`);const[m,v]=(0,a.useState)(!1);(0,a.useEffect)((()=>{1===t[0].length&&x(!1)}),[t]);const x=e=>{v(null!=e?e:!m)},{focusedOption:y,handleKeyDown:C}=(0,u.useDropdownKeyboardNavigation)(t,r,m,x,l);return(0,o.jsxs)(f,{ref:g,flexDirection:"column",onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||v(!1)},onKeyDown:C,gap:"small",children:[e&&(0,o.jsx)("label",{htmlFor:"dropdown-button",children:(0,o.jsx)(s.OptionTitle,{children:e})}),(0,o.jsxs)(p,{children:[h?(0,o.jsx)(a.Fragment,{children:h(r||{title:n,value:null},m,x,y)},`render-label-${r}`):(0,o.jsx)(d.DropdownButton,{tabIndex:0,activeDescendant:`menu-option-${null==y?void 0:y.value}`,expanded:m&&t[0].length>1,handleClick:()=>x(),selected:r,placeholder:n}),t.length&&t[0].length>1&&m&&(0,o.jsx)(c.Menu,{menuId:"dropdown-listbox",options:t,selected:r,handleExpandMenu:x,onOptionHover:i,onChange:l,fitContent:b,focusedOption:y,absolutePosition:!0})]})]})})),t.DropdownMenu.displayName="DropdownMenu";const f=(0,l.default)(i.Box)`
   user-select: none;
   position: relative;
+  width: 100%;
 `,p=(0,l.default)(i.Box)``},5918: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(926),t),o(n(2501),t),o(n(2587),t)},2501: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.ButtonImage=t.Menu=void 0;const o=n(4848),a=r(n(2015)),i=r(n(2770)),l=n(5917),s=n(2094),c=n(2821);t.Menu=({options:e,selected:n,menuId:r,handleExpandMenu:i,onOptionHover:l,onChange:s,width:b,height:g,header:m,focusedOption:v,absolutePosition:x,fitContent:y})=>{const C=e=>{null==l||l(e)};return(0,o.jsxs)(u,{role:"listbox",flexDirection:"column",onMouseLeave:()=>{C(null)},"data-testid":"menu",id:r,width:b,height:g,absolutePosition:x,fitContent:y,children:[m&&(0,o.jsxs)(a.default.Fragment,{children:[(0,o.jsx)(f,{children:(0,o.jsx)(c.OptionTitle,{children:m})}),(0,o.jsx)(h,{})]}),e.map(((e,r)=>(0,o.jsxs)(a.default.Fragment,{children:[0!==r&&(0,o.jsx)(h,{}),e.map(((e,r)=>(0,o.jsxs)(d,{role:"option",isFocused:(null==v?void 0:v.value)===e.value,"aria-selected":(null==n?void 0:n.value)===e.value,alignItems:"center",as:"button","data-testid":`menu-option-${r}`,id:`menu-option-${e.value}`,title:e.title,onClick:()=>{e.overrideOnClick?e.overrideOnClick(e):s(e),null==i||i()},onMouseOver:()=>C(e.value),children:[(null==e?void 0:e.iconUrl)&&(0,o.jsx)(t.ButtonImage,{src:e.iconUrl,style:{marginRight:"8px"}}),(0,o.jsx)(c.OptionTitle,{children:e.title}),(null==n?void 0:n.value)===e.value?(0,o.jsx)(p,{icon:"CheckIcon"}):(0,o.jsx)(p,{children:(0,o.jsx)(o.Fragment,{})})]},r)))]},r)))]})};const u=(0,i.default)(s.Box)`
   width: ${({width:e,fitContent:t})=>e||(t?"fit-content":"100%")};
   max-height: ${({height:e})=>null!=e?e:"fit-content"};
@@ -836,9 +836,8 @@ 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
   height: ${({theme:e})=>e.iconSize.xlarge};
   width: ${({theme:e})=>e.iconSize.xlarge};
   border-radius: ${({theme:e})=>e.radius.small};
-`},2821:function(e,t,n){var r=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},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.useTooltip=t.OptionTitle=void 0,t.isElementOverflown=d;const a=n(4848),i=n(2015),l=n(5963),s=n(532),c=o(n(2770));t.OptionTitle=e=>{var{children:n}=e,o=r(e,["children"]);return(0,a.jsx)(u,Object.assign({ref:(0,t.useTooltip)(n)},o,{children:(0,a.jsx)("div",{children:n})}))};const u=(0,c.default)(l.Text)`
+`},2821:function(e,t,n){var r=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},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.useTooltip=t.OptionTitle=void 0,t.isElementOverflown=d;const a=n(4848),i=n(2015),l=n(5963),s=n(532),c=o(n(2770));t.OptionTitle=e=>{var{children:n}=e,o=r(e,["children"]);return(0,a.jsx)(u,Object.assign({ref:(0,t.useTooltip)(n)},o,{children:n}))};const u=(0,c.default)(l.Text)`
   ${s.Mixins.textOverflow};
-  margin-left: ${({theme:e})=>e.px.xsmall};
 `;function d(e){return e.scrollHeight>e.clientHeight||e.scrollWidth>e.clientWidth}t.useTooltip=e=>(0,i.useCallback)((t=>{t&&e&&d(t)&&(t.title=e)}),[])},3136:function(e,t,n){var r=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},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Icon=void 0;const a=n(4848),i=n(2015),l=o(n(2770)),s=n(2094),c=n(532),u=n(9438),d=(0,i.forwardRef)(((e,t)=>{var{tabIndex:n,icon:o,children:i,size:l="base",containerSize:s,"data-testid":c}=e,u=r(e,["tabIndex","icon","children","size","containerSize","data-testid"]);return(0,a.jsx)(p,Object.assign({},u,{iconSize:l,containerSize:s||l,justifyContent:"center",alignItems:"center","data-testid":c,tabIndex:n,ref:t,children:o?(0,a.jsx)(f,Object.assign({ariaLabel:u["aria-label"],icon:o},u)):i}))}));d.displayName="Icon",t.Icon=(0,l.default)(d)``;const f=(0,l.default)((e=>{var{icon:t,ariaLabel:n}=e,o=r(e,["icon","ariaLabel"]);const i=c.IconSet[t];return(0,a.jsx)(i,Object.assign({role:"img","aria-label":n},o))}))``,p=(0,l.default)(s.Box)`
   /**
    * 1. Initialize local variables with reasonable defaults
@@ -1435,6 +1434,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
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  display: block;
 `,l=o.css`
   &::-webkit-scrollbar {
     width: var(--scrollbarSize, ${r.UnitPx.xsmall});

package/package.json

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