@openfin/ui-library 0.8.0-alpha.1669761878 → 0.8.0-alpha.1670018115

package/dist/index.js

@@ -94,7 +94,7 @@ var e={1521:(e,t,n)=>{n.r(t),n.d(t,{ActivityLogIcon:()=>i,AlignBaselineIcon:()=>
       &:focus {
         border-color: ${({theme:e})=>e.palette.inputFocused};
       }
-    `}}},4130: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(4249),t),o(n(6126),t)},9644:(e,t)=>{var n;Object.defineProperty(t,"__esModule",{value:!0}),t.ExpandDirection=void 0,(n=t.ExpandDirection||(t.ExpandDirection={}))[n.Up=0]="Up",n[n.Down=1]="Down"},4021: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.ExpandableButton=void 0;const o=n(5893),i=n(6689),l=n(4130),a=r(n(7518)),c=n(9634),s=n(9141),u=n(3030),d=n(1335),C=n(9644);t.ExpandableButton=e=>{var t,n,r;const[a,g]=(0,i.useState)({show:!1,requestedByCollapse:!1}),m={size:e.size,kind:e.kind},w=Object.assign(Object.assign({},e),{shape:l.ButtonShape.square,"aria-label":null!==(t=e["aria-label"])&&void 0!==t?t:`Primary Button ${e.title}`}),b=null!==(n=e.expandDirection)&&void 0!==n?n:C.ExpandDirection.Down;return(0,i.useEffect)((()=>{if(!a.requestedByCollapse)return;const e=setTimeout((()=>g({requestedByCollapse:!1,show:!1})),200);return()=>clearTimeout(e)}),[a.requestedByCollapse]),(0,o.jsxs)(p,{children:[(0,o.jsxs)(v,{children:[(0,o.jsx)(f,Object.assign({},w)),e.secondaryButtons&&e.secondaryButtons.length>0&&(0,o.jsx)(d.Box,Object.assign({id:"dropdown-container"},{children:(0,o.jsxs)(h,Object.assign({},m,{role:"combobox",onClick:()=>{a.requestedByCollapse||g({requestedByCollapse:!1,show:!a.show})},"aria-label":"Expand Secondary Buttons Panel","aria-expanded":a.show},{children:[b===C.ExpandDirection.Down&&(0,o.jsx)(c.Icon,{icon:"CaretDownIcon"}),b===C.ExpandDirection.Up&&(0,o.jsx)(c.Icon,{icon:"CaretUpIcon"})]}))}))]}),e.secondaryButtons&&e.secondaryButtons.length>0&&(0,o.jsx)(s.AnimatePresence,{children:a.show&&(0,o.jsx)(u.ExpandablePanel,{expandDirection:b,secondaryButtons:null!==(r=e.secondaryButtons)&&void 0!==r?r:[],closePanelOnSecondaryButtonClick:e.closePanelOnSecondaryButtonClick,onCollapseRequest:()=>g({show:!1,requestedByCollapse:!0}),buttonSize:e.size})})]})};const f=(0,a.default)(l.Button)`
+    `}}},4130: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(4249),t),o(n(6126),t)},9644:(e,t)=>{var n;Object.defineProperty(t,"__esModule",{value:!0}),t.ExpandDirection=void 0,(n=t.ExpandDirection||(t.ExpandDirection={}))[n.Up=0]="Up",n[n.Down=1]="Down"},4021: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.ExpandableButton=void 0;const o=n(5893),i=n(6689),l=n(4130),a=r(n(7518)),c=n(9634),s=n(9141),u=n(3030),d=n(1335),C=n(9644);t.ExpandableButton=e=>{var t,n,r;const[a,g]=(0,i.useState)({show:!1,requestedByCollapse:!1}),m={size:e.size,kind:e.kind,disabled:e.disabled},w=Object.assign(Object.assign({},e),{shape:l.ButtonShape.square,"aria-label":null!==(t=e["aria-label"])&&void 0!==t?t:`Primary Button ${e.title}`}),b=null!==(n=e.expandDirection)&&void 0!==n?n:C.ExpandDirection.Down;return(0,i.useEffect)((()=>{if(!a.requestedByCollapse)return;const e=setTimeout((()=>g({requestedByCollapse:!1,show:!1})),200);return()=>clearTimeout(e)}),[a.requestedByCollapse]),(0,o.jsxs)(p,{children:[(0,o.jsxs)(v,{children:[(0,o.jsx)(f,Object.assign({},w)),e.secondaryButtons&&e.secondaryButtons.length>0&&(0,o.jsx)(d.Box,Object.assign({id:"dropdown-container"},{children:(0,o.jsxs)(h,Object.assign({},m,{role:"combobox",onClick:()=>{a.requestedByCollapse||g({requestedByCollapse:!1,show:!a.show})},"aria-label":"Expand Secondary Buttons Panel","aria-expanded":a.show},{children:[b===C.ExpandDirection.Down&&(0,o.jsx)(c.Icon,{icon:"CaretDownIcon"}),b===C.ExpandDirection.Up&&(0,o.jsx)(c.Icon,{icon:"CaretUpIcon"})]}))}))]}),e.secondaryButtons&&e.secondaryButtons.length>0&&(0,o.jsx)(s.AnimatePresence,{children:a.show&&(0,o.jsx)(u.ExpandablePanel,{expandDirection:b,secondaryButtons:null!==(r=e.secondaryButtons)&&void 0!==r?r:[],closePanelOnSecondaryButtonClick:e.closePanelOnSecondaryButtonClick,onCollapseRequest:()=>g({show:!1,requestedByCollapse:!0}),buttonSize:e.size})})]})};const f=(0,a.default)(l.Button)`
   margin-right: ${({theme:e})=>e.px.xsmall};
 `,h=(0,a.default)(l.Button)`
   width: ${e=>e.theme.px.xxlarge};
@@ -109,7 +109,7 @@ var e={1521:(e,t,n)=>{n.r(t),n.d(t,{ActivityLogIcon:()=>i,AlignBaselineIcon:()=>
 `,p=a.default.div`
   position: relative;
   display: inline-block;
-`},2128:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.setupExpandablePanel=void 0;const r=n(9644);t.setupExpandablePanel=(e,t)=>{if(!e||0===e.childNodes.length)return;const n=e.parentElement,o=null==n?void 0:n.getBoundingClientRect(),i=e.getBoundingClientRect();if(!o)return;const l=i.height,a=i.width>o.width?o.width:i.width;e.style.width=`${a}px`,e.style.opacity="1",e.style.left="0px",t===r.ExpandDirection.Down&&(e.style.top=`${o.height}px`),t===r.ExpandDirection.Up&&(e.style.top=-1*l+"px")}},3030: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.ExpandablePanel=void 0;const o=n(5893),i=r(n(7518)),l=n(9141),a=n(4130),c=n(1335),s=n(2128),u=r(n(4483)),d={type:"spring",duration:.2,bounce:.25};t.ExpandablePanel=e=>{const t=`${e.panelId}-expandable-panel`;return(0,o.jsx)(u.default,Object.assign({focusTrapOptions:{fallbackFocus:`#${t}`,clickOutsideDeactivates:!0,onDeactivate:e.onCollapseRequest}},{children:(0,o.jsx)(f,Object.assign({ref:t=>(0,s.setupExpandablePanel)(t,e.expandDirection),tabIndex:0,id:t,initial:"initial",exit:"hidden",animate:"visible",role:"menu",transition:d},{children:e.secondaryButtons.map(((t,n)=>(0,o.jsx)(a.Button,Object.assign({className:"menu-item",tabIndex:n+1,title:t.title,role:"menuitem",size:e.buttonSize,disabled:t.disabled,kind:"textOnly",onClick:n=>((t,n)=>{e.closePanelOnSecondaryButtonClick?(n.onClick(t),e.onCollapseRequest()):n.onClick(t,(()=>e.onCollapseRequest()))})(n,t),"aria-label":t.title},{children:(0,o.jsx)(C,Object.assign({"aria-label":t.title},{children:t.title}))}),n)))}),"expandablePanel")}))};const C=(0,i.default)(c.Box)`
+`},2128:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.setupExpandablePanel=void 0;const r=n(9644);t.setupExpandablePanel=(e,t)=>{if(!e||0===e.childNodes.length)return;const n=e.parentElement,o=null==n?void 0:n.getBoundingClientRect(),i=e.getBoundingClientRect();if(!o)return;const l=i.height,a=i.width>o.width?o.width:i.width;e.style.width=`${a}px`,e.style.opacity="1",e.style.left=a<o.width?o.width-a+"px":"0px",t===r.ExpandDirection.Down&&(e.style.top=`${o.height}px`),t===r.ExpandDirection.Up&&(e.style.top=-1*l+"px")}},3030: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.ExpandablePanel=void 0;const o=n(5893),i=r(n(7518)),l=n(9141),a=n(4130),c=n(1335),s=n(2128),u=r(n(4483)),d={type:"spring",duration:.2,bounce:.25};t.ExpandablePanel=e=>{const t=`${e.panelId}-expandable-panel`;return(0,o.jsx)(u.default,Object.assign({focusTrapOptions:{fallbackFocus:`#${t}`,clickOutsideDeactivates:!0,onDeactivate:e.onCollapseRequest}},{children:(0,o.jsx)(f,Object.assign({ref:t=>(0,s.setupExpandablePanel)(t,e.expandDirection),tabIndex:0,id:t,initial:"initial",exit:"hidden",animate:"visible",role:"menu",transition:d},{children:e.secondaryButtons.map(((t,n)=>(0,o.jsx)(a.Button,Object.assign({className:"menu-item",tabIndex:n+1,title:t.title,role:"menuitem",size:e.buttonSize,disabled:t.disabled,kind:"textOnly",onClick:n=>((t,n)=>{e.closePanelOnSecondaryButtonClick?(n.onClick(t),e.onCollapseRequest()):n.onClick(t,(()=>e.onCollapseRequest()))})(n,t),"aria-label":t.title},{children:(0,o.jsx)(C,Object.assign({"aria-label":t.title},{children:t.title}))}),n)))}),"expandablePanel")}))};const C=(0,i.default)(c.Box)`
   padding: ${({theme:e})=>`0 ${e.px.xsmall}`};
   white-space: nowrap;
   text-overflow: ellipsis;

package/package.json

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