@openfin/ui-library 0.30.2 → 0.30.3-alpha.1743695836

package/dist/index.js

@@ -361,11 +361,14 @@ 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
   flex-direction: row;
   gap: ${({theme:e})=>e.px.small};
   /*
-   * Container width is colorbox width * # of rows + # of gaps * gap width
+   * Container width is colorbox width * columnCount + # of gaps * gap width + side padding
   */
-  width: calc(${({theme:e})=>e.px.large} * 5 + 4 * ${({theme:e})=>e.px.small});
+  width: calc(
+    ${({theme:e})=>e.px.large} * 5 + 4 * ${({theme:e})=>e.px.small} + 2 *
+      ${({theme:e})=>e.px.small}
+  );
   flex-wrap: wrap;
-  padding: ${({theme:e})=>e.px.small} 0;
+  padding: ${({theme:e})=>e.px.small} ${({theme:e})=>e.px.small};
 `},9005: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};Object.defineProperty(t,"__esModule",{value:!0}),t.CustomContextMenuItem=void 0;const o=n(4848),a=n(2015),i=n(6554),l=n(2294),s=n(3741),c=n(4953),u={normal:l.NormalCustomContextMenuItem,checkbox:l.NormalCustomContextMenuItem,submenu:l.NormalCustomContextMenuItem,separator:i.SeparatorCustomContextMenuItem,submenuHeader:s.SubmenuHeaderCustomContextMenuItem,widget:c.WidgetCustomContextMenuItem};t.CustomContextMenuItem=e=>{var{type:t="normal",icon:n,label:i,enabled:l=!0,checked:s,hasSubMenu:c,showShouldHomeButton:d,onClick:f,onClose:p,onBack:h,selected:b}=e,g=r(e,["type","icon","label","enabled","checked","hasSubMenu","showShouldHomeButton","onClick","onClose","onBack","selected"]);let m;switch(t){case"normal":case"checkbox":{m=Object.assign(Object.assign({},g),{type:t,label:i,icon:n,enabled:l,checked:s,selected:b,onClick:f});const e=u[t];return(0,a.createElement)(e,Object.assign({},m,{key:i}))}case"submenu":{m=Object.assign(Object.assign({},g),{label:i,enabled:l,checked:s,submenu:c,selected:b,onClick:f});const e=u[t];return(0,a.createElement)(e,Object.assign({},m,{key:i}))}case"submenuHeader":{m={label:i,showShouldHomeButton:d,onClose:p,onBack:h,selected:b,onClick:f};const e=u[t];return(0,a.createElement)(e,Object.assign({},m,{key:i}))}case"separator":{const e=u[t];return(0,o.jsx)(e,{})}case"widget":{const e=Object.assign(Object.assign({},g),{onClick:f,label:i,enabled:l}),n=u[t];return(0,a.createElement)(n,Object.assign({},e,{key:i,onClick:f}))}default:return(0,o.jsx)(o.Fragment,{})}}},2294: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.NormalCustomContextMenuItem=void 0;const o=n(4848),a=r(n(2770)),i=n(5917),l=n(6418);t.NormalCustomContextMenuItem=({type:e,label:t,enabled:n=!0,checked:r,submenu:a,onClick:i,selected:c,data:u})=>(0,o.jsx)(l.MenuItemContainer,{children:(0,o.jsxs)(l.MenuItemInnerContainer,{onClick:n?()=>null==i?void 0:i(u):void 0,enabled:n.toString(),selected:c,children:["checkbox"===e&&(0,o.jsx)(l.MenuItemIconContainer,{side:"left",children:(0,o.jsx)(s,{icon:"CheckIcon",enabled:n.toString(),checked:r})}),(0,o.jsx)(l.MenuItemText,{size:"base",weight:"normal",enabled:n,children:t}),a&&(0,o.jsx)(l.MenuItemIconContainer,{side:"right",children:(0,o.jsx)(l.MenuItemRightIcon,{icon:"ChevronRightIcon",enabled:n})})]})});const s=(0,a.default)(i.Icon)`
   svg path {
     fill: ${({theme:e,enabled:t,checked:n})=>"true"===t?n?e.palette.textDefault:"transparent":e.palette.textInactive};
@@ -441,7 +444,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
   padding: ${({theme:e})=>`${e.px.small} 0 ${e.px.small} 0`};
 `,t.MenuItemContainer=(0,o.default)(a.Box)`
   width: 100%;
-  padding: ${({theme:e})=>`0 ${e.px.large} 0 ${e.px.large}`};
+  padding: ${({theme:e})=>`0 ${e.px.small} 0 ${e.px.small}`};
 `,t.MenuItemInnerContainer=(0,o.default)(a.Box)`
   width: 100%;
   min-height: 28px;
@@ -456,6 +459,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
   }
 `,t.MenuItemIconContainer=(0,o.default)(a.Box)`
   margin-left: ${({side:e})=>"right"===e?"auto":0};
+  padding: ${({theme:e,side:t})=>"right"===t?`0 ${e.px.small} 0 0`:`0 0 0 ${e.px.small}`};
 `,t.MenuItemRightIcon=(0,o.default)(i.Icon)`
   margin-left: auto;
 
@@ -473,6 +477,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;
 
   user-select: none;
+  padding: ${({theme:e})=>`0 ${e.px.xxxlarge} 0 ${e.px.small}`};
 `},8577: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(3803),t)},3803: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.Toggle=void 0;const a=n(4848),i=n(2015),l=o(n(2770)),s=n(2649),c=n(2094),u=n(8820);t.Toggle=e=>{var{id:t,label:n,onChange:o,labelSide:l="right",type:s="checkbox",helperText:c}=e,b=r(e,["id","label","onChange","labelSide","type","helperText"]);const[g,m]=(0,i.useState)(b.checked);return(0,i.useEffect)((()=>{m(b.checked)}),[b.checked]),(0,a.jsxs)(d,{labelSide:l,children:[(n||c)&&(0,a.jsx)(u.Label,{htmlFor:t,text:n,helperText:c}),(0,a.jsxs)(f,{isChecked:g,children:[(0,a.jsx)(h,Object.assign({},b,{id:t,type:s,onChange:e=>{m(e.target.checked),null==o||o(e)}})),(0,a.jsx)(p,{tabIndex:-1,"aria-hidden":"true",isChecked:g})]})]})};const d=l.default.div`
   display: flex;
   gap: ${({theme:e})=>e.px.xlarge};

package/package.json

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