@adaptabletools/adaptable-plugin-openfin 21.2.1 → 22.0.0-canary.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable-plugin-openfin",
-  "version": "21.2.1",
+  "version": "22.0.0-canary.0",
   "description": "",
   "homepage": "http://www.adaptabletools.com/",
   "author": {

package/src/Utilities/Services/OpenFinService.d.ts

@@ -32,5 +32,5 @@ export declare class OpenFinService implements IOpenFinService {
     waitForExcel: () => Promise<unknown>;
     constructor(adaptable: IAdaptable, options: OpenFinPluginOptions);
     on: (eventName: string, callback: EmitterCallback) => (() => void);
-    emit: (eventName: 'sheetchanged', data: any) => Promise<any>;
+    emit: (eventName: "sheetchanged", data: any) => Promise<any>;
 }

package/src/View/OpenFinPopup.d.ts

@@ -10,5 +10,6 @@ interface OpenFinPopupProps extends ModuleViewPopupProps<any> {
     onOpenFinSendSnapshot: (OpenFineport: OpenFinReport) => OpenFinRedux.OpenFinSendSnapshotAction;
     onShare: (entity: AdaptableObject, config: AdaptableSharedEntityConfig) => TeamSharingRedux.TeamSharingShareAction;
 }
-export declare const OpenFinPopup: ConnectedComponent<React.FC<OpenFinPopupProps>, Pick<OpenFinPopupProps, never>>;
+declare const OpenFinPopupComponent: React.FC<OpenFinPopupProps>;
+export declare const OpenFinPopup: ConnectedComponent<typeof OpenFinPopupComponent, Pick<OpenFinPopupProps, never>>;
 export {};

package/src/View/OpenFinPopup.js

@@ -14,7 +14,7 @@ const OpenFinPopupComponent = (props) => {
     // const onApplyExport = (OpenFinReport: OpenFinReport) => {
     //   props.onOpenFinSendSnapshot(OpenFinReport);
     // };
-    return (React.createElement(PanelWithButton, { headerText: props.moduleInfo.FriendlyName, bodyProps: { padding: 0 }, glyphicon: props.moduleInfo.Glyph, infoLink: props.moduleInfo.HelpPage, infoLinkDisabled: !props.api.internalApi.isDocumentationLinksDisplayed() }));
+    return (React.createElement(PanelWithButton, { headerText: props.moduleInfo.FriendlyName, bodyProps: { className: 'twa:p-0' }, glyphicon: props.moduleInfo.Glyph, infoLink: props.moduleInfo.HelpPage, infoLinkDisabled: !props.api.internalApi.isDocumentationLinksDisplayed() }));
 };
 function mapStateToProps(state) {
     return {};

package/src/View/OpenFinViewPanel.js

@@ -57,11 +57,11 @@ class OpenFinViewPanelComponent extends React.Component {
         const elementType = this.props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
         return (React.createElement(Flex, { flexDirection: "row", className: `ab-${elementType}__OpenFin__wrap`, flexWrap: this.props.viewType === 'ToolPanel' ? 'wrap' : 'nowrap' },
             React.createElement(Flex, null,
-                React.createElement(Dropdown, { disabled: !IS_OPENFIN || allReports.length == 0 || isLiveOpenFinReport, style: { minWidth: 160 }, options: availableReports, className: `ab-${elementType}__OpenFin__select`, placeholder: !IS_OPENFIN ? 'Not available' : 'Select Report', onChange: (reportName) => this.onSelectedReportChanged(reportName), value: this.props.currentReportName, showClearButton: true, marginRight: 2 })),
+                React.createElement(Dropdown, { disabled: !IS_OPENFIN || allReports.length == 0 || isLiveOpenFinReport, options: availableReports, className: `ab-${elementType}__OpenFin__select twa:mr-2 twa:min-w-[160px]`, placeholder: !IS_OPENFIN ? 'Not available' : 'Select Report', onChange: (reportName) => this.onSelectedReportChanged(reportName), value: this.props.currentReportName, showClearButton: true })),
             React.createElement(Flex, null,
-                isLiveOpenFinReport ? (React.createElement(ButtonPause, { fillColor: 'red', marginLeft: 1, className: `ab-${elementType}__OpenFin__pause`, onClick: () => this.getOpenFinApi().stopLiveData(), tooltip: "Stop sync with OpenFin", disabled: !isLiveOpenFinReport, accessLevel: this.props.accessLevel })) : (React.createElement(ButtonPlay, { marginLeft: 1, className: `ab-${elementType}__OpenFin__play`, onClick: () => this.onOpenFinStartLiveData(), tooltip: "Start sync with OpenFin", disabled: isLiveOpenFinReport || !isCompletedReport, accessLevel: this.props.accessLevel })),
+                isLiveOpenFinReport ? (React.createElement(ButtonPause, { fillColor: 'red', className: `ab-${elementType}__OpenFin__pause twa:ml-1`, onClick: () => this.getOpenFinApi().stopLiveData(), tooltip: "Stop sync with OpenFin", disabled: !isLiveOpenFinReport, accessLevel: this.props.accessLevel })) : (React.createElement(ButtonPlay, { className: `ab-${elementType}__OpenFin__play twa:ml-1`, onClick: () => this.onOpenFinStartLiveData(), tooltip: "Start sync with OpenFin", disabled: isLiveOpenFinReport || !isCompletedReport, accessLevel: this.props.accessLevel })),
                 React.createElement(Flex, { className: join(this.props.accessLevel == 'ReadOnly' ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__OpenFin__controls`), alignItems: "stretch" },
-                    React.createElement(ButtonSchedule, { marginLeft: 1, className: `ab-${elementType}__OpenFin__schedule`, onClick: () => this.onNewOpenFinSchedule(), tooltip: "Schedule", disabled: !IS_OPENFIN, accessLevel: this.props.accessLevel })))));
+                    React.createElement(ButtonSchedule, { className: `ab-${elementType}__OpenFin__schedule twa:ml-1`, onClick: () => this.onNewOpenFinSchedule(), tooltip: "Schedule", disabled: !IS_OPENFIN, accessLevel: this.props.accessLevel })))));
     }
     onSelectedReportChanged(reportName) {
         if (reportName == undefined) {