@adaptabletools/adaptable-plugin-ipushpull-cjs 21.2.2-canary.0 → 22.0.0-canary.0

package/package.json

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

package/src/View/IPushPullAddPagePopup.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { ConnectedComponent } from 'react-redux';
 import * as IPushPullRedux from '../Redux/ActionReducers/IPushPullRedux';
 import { IPushPullDomain } from "@adaptabletools/adaptable-cjs/src/AdaptableState/IPushPullState";
 interface IPushPullAddPagePopupProps {
@@ -6,8 +7,6 @@ interface IPushPullAddPagePopupProps {
     onAddPage: (folder: string, page: string) => IPushPullRedux.IPushPullAddPageAction;
     onCancel: () => any;
 }
-export declare let IPushPullAddPagePopup: import("react-redux").ConnectedComponent<(props: IPushPullAddPagePopupProps) => React.JSX.Element, {
-    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").UnknownAction>>;
-    store?: import("redux").Store<any, import("redux").UnknownAction, unknown>;
-}>;
+declare const IPushPullAddPageComponent: (props: IPushPullAddPagePopupProps) => React.JSX.Element;
+export declare let IPushPullAddPagePopup: ConnectedComponent<typeof IPushPullAddPageComponent, Omit<IPushPullAddPagePopupProps, "IPushPullDomainsPages" | "onAddPage" | "onCancel">>;
 export {};

package/src/View/IPushPullAddPagePopup.js

@@ -69,7 +69,7 @@ const IPushPullAddPageComponent = (props) => {
                 e.preventDefault();
                 onSubmit();
             }, footerProps: {
-                fontSize: 'var(--ab-font-size-4)',
+                className: 'twa:text-4',
             }, footer: React.createElement(React.Fragment, null,
                 React.createElement(SimpleButton_1.default, { tone: "neutral", variant: "text", tooltip: "Close", onClick: (e) => {
                         e.stopPropagation();
@@ -78,13 +78,13 @@ const IPushPullAddPageComponent = (props) => {
                 React.createElement("div", { style: { flex: 1 } }),
                 React.createElement(SimpleButton_1.default, { tone: "accent", variant: "raised", type: "submit", disabled: StringExtensions_1.StringExtensions.IsNullOrEmpty(state.Folder) ||
                         StringExtensions_1.StringExtensions.IsNullOrEmpty(state.Page), icon: 'check' }, "Add Page")) },
-            React.createElement(Flex_1.Flex, { flexDirection: "column", padding: 2, margin: 2 },
-                React.createElement(HelpBlock_1.default, { marginBottom: 1 }, "Select a folder and then choose the name of the new ipushpull page it should contain."),
-                React.createElement(FormLayout_1.default, { margin: 3 },
+            React.createElement(Flex_1.Flex, { flexDirection: "column", className: "twa:p-2 twa:m-2" },
+                React.createElement(HelpBlock_1.default, { className: "twa:mb-1" }, "Select a folder and then choose the name of the new ipushpull page it should contain."),
+                React.createElement(FormLayout_1.default, { className: "twa:m-3" },
                     React.createElement(FormLayout_1.FormRow, { label: "Folder:" },
-                        React.createElement(Dropdown_1.default, { disabled: availableFolders.length == 0, style: { minWidth: '50%' }, options: availableFolders, className: "ab-Popup__IPushPull__select", onChange: (folder) => onFolderChanged(folder), value: state.Folder ? state.Folder : null, placeholder: "Select Folder", marginRight: 2 })),
+                        React.createElement(Dropdown_1.default, { disabled: availableFolders.length == 0, options: availableFolders, className: "ab-Popup__IPushPull__select twa:min-w-[50%] twa:mr-2", onChange: (folder) => onFolderChanged(folder), value: state.Folder ? state.Folder : null, placeholder: "Select Folder" })),
                     React.createElement(FormLayout_1.FormRow, { label: "Page" },
-                        React.createElement(Input_1.default, { width: "50%", type: "text", placeholder: "Page Name", value: state.Page, onChange: onPageNameChange })),
+                        React.createElement(Input_1.default, { className: "twa:w-1/2", type: "text", placeholder: "Page Name", value: state.Page, onChange: onPageNameChange })),
                     state.ErrorMessage ? (React.createElement(FormLayout_1.FormRow, { label: "" },
                         React.createElement(ErrorBox_1.default, null, state.ErrorMessage))) : null)))));
 };

package/src/View/IPushPullLoginPopup.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { ConnectedComponent } from 'react-redux';
 import * as IPushPullRedux from '../Redux/ActionReducers/IPushPullRedux';
 interface IPushPullLoginPopupProps {
     pushpullLogin: string | undefined;
@@ -7,8 +8,6 @@ interface IPushPullLoginPopupProps {
     onLogin: (login: string, password: string) => IPushPullRedux.IPushPullLoginAction;
     onCancel: () => any;
 }
-export declare let IPushPullLoginPopup: import("react-redux").ConnectedComponent<(props: IPushPullLoginPopupProps) => React.JSX.Element, {
-    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").UnknownAction>>;
-    store?: import("redux").Store<any, import("redux").UnknownAction, unknown>;
-}>;
+declare const IPushPullLoginComponent: (props: IPushPullLoginPopupProps) => React.JSX.Element;
+export declare let IPushPullLoginPopup: ConnectedComponent<typeof IPushPullLoginComponent, Omit<IPushPullLoginPopupProps, "pushpullLoginErrorMessage" | "onLogin" | "onCancel">>;
 export {};

package/src/View/IPushPullLoginPopup.js

@@ -41,7 +41,7 @@ const IPushPullLoginComponent = (props) => {
                 e.preventDefault();
                 onSubmit();
             }, footerProps: {
-                fontSize: 'var(--ab-font-size-4)',
+                className: 'twa:text-4',
             }, footer: React.createElement(React.Fragment, null,
                 React.createElement(SimpleButton_1.default, { tone: "neutral", variant: "text", tooltip: "Close", onClick: (e) => {
                         e.stopPropagation();
@@ -49,13 +49,13 @@ const IPushPullLoginComponent = (props) => {
                     } }, "CLOSE"),
                 React.createElement("div", { style: { flex: 1 } }),
                 React.createElement(SimpleButton_1.default, { tone: "accent", variant: "raised", type: "submit", disabled: StringExtensions_1.StringExtensions.IsNullOrEmpty(state.Password), icon: 'check' }, "Login")) },
-            React.createElement(Flex_1.Flex, { flexDirection: "column", padding: 2, margin: 2 },
-                React.createElement(HelpBlock_1.default, { marginBottom: 1 }, "Login to ipushpull using your login (email address) and password."),
-                React.createElement(FormLayout_1.default, { margin: 3 },
+            React.createElement(Flex_1.Flex, { flexDirection: "column", className: "twa:p-2 twa:m-2" },
+                React.createElement(HelpBlock_1.default, { className: "twa:mb-1" }, "Login to ipushpull using your login (email address) and password."),
+                React.createElement(FormLayout_1.default, { className: "twa:m-3" },
                     React.createElement(FormLayout_1.FormRow, { label: "ipushpull login:" },
-                        React.createElement(Input_1.default, { width: "100%", type: "email", placeholder: "Email address", value: state.Login, onChange: onLoginChange })),
+                        React.createElement(Input_1.default, { className: "twa:w-full", type: "email", placeholder: "Email address", value: state.Login, onChange: onLoginChange })),
                     React.createElement(FormLayout_1.FormRow, { label: "ipushpull password:" },
-                        React.createElement(Input_1.default, { width: "100%", type: "password", placeholder: "Password", value: state.Password, onChange: onPasswordChange })),
+                        React.createElement(Input_1.default, { className: "twa:w-full", type: "password", placeholder: "Password", value: state.Password, onChange: onPasswordChange })),
                     props.pushpullLoginErrorMessage ? (React.createElement(FormLayout_1.FormRow, { label: "" },
                         React.createElement(ErrorBox_1.default, null, props.pushpullLoginErrorMessage))) : null)))));
 };

package/src/View/IPushPullPopup.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import * as Redux from 'redux';
+import { ConnectedComponent } from 'react-redux';
 import * as IPushPullRedux from '../Redux/ActionReducers/IPushPullRedux';
 import { ModuleViewPopupProps } from "@adaptabletools/adaptable-cjs/src/View/Components/SharedProps/ModuleViewPopupProps";
 import * as TeamSharingRedux from "@adaptabletools/adaptable-cjs/src/Redux/ActionsReducers/TeamSharingRedux";
@@ -19,8 +19,5 @@ declare class IPushPullPopupComponent extends React.Component<IPushPullPopupProp
     render(): React.JSX.Element;
     onApplyExport(iPushPullReport: IPushPullReport): void;
 }
-export declare let IPushPullPopup: import("react-redux").ConnectedComponent<typeof IPushPullPopupComponent, {
-    context?: React.Context<import("react-redux").ReactReduxContextValue<any, Redux.UnknownAction>>;
-    store?: Redux.Store<any, Redux.UnknownAction, unknown>;
-}>;
+export declare let IPushPullPopup: ConnectedComponent<typeof IPushPullPopupComponent, IPushPullPopupProps>;
 export {};

package/src/View/IPushPullPopup.js

@@ -22,7 +22,7 @@ class IPushPullPopupComponent extends React.Component {
         }
     }
     render() {
-        return (React.createElement(PanelWithButton_1.PanelWithButton, { headerText: this.props.moduleInfo.FriendlyName, bodyProps: { padding: 0 }, glyphicon: this.props.moduleInfo.Glyph, infoLink: this.props.moduleInfo.HelpPage, infoLinkDisabled: !this.props.api.internalApi.isDocumentationLinksDisplayed() }));
+        return (React.createElement(PanelWithButton_1.PanelWithButton, { headerText: this.props.moduleInfo.FriendlyName, bodyProps: { className: 'twa:p-0' }, glyphicon: this.props.moduleInfo.Glyph, infoLink: this.props.moduleInfo.HelpPage, infoLinkDisabled: !this.props.api.internalApi.isDocumentationLinksDisplayed() }));
     }
     onApplyExport(iPushPullReport) {
         this.props.onIPushPullSendSnapshot(iPushPullReport);

package/src/View/IPushPullViewPanel.d.ts

@@ -5,6 +5,7 @@ import * as PopupRedux from "@adaptabletools/adaptable-cjs/src/Redux/ActionsRedu
 import { AdaptableColumn } from "@adaptabletools/adaptable-cjs/src/AdaptableState/Common/AdaptableColumn";
 import { Report } from "@adaptabletools/adaptable-cjs/src/AdaptableState/ExportState";
 import * as React from 'react';
+import { ConnectedComponent } from 'react-redux';
 export interface IPushPullViewPanelComponentProps extends ViewPanelProps {
     onIPushPullSendSnapshot: (iPushPulleport: IPushPullReport) => IPushPullRedux.IPushPullSendSnapshotAction;
     onIPushPullStartLiveData: (iPushPulleport: IPushPullReport) => IPushPullRedux.IPushPullStartLiveDataAction;
@@ -25,7 +26,6 @@ export interface IPushPullViewPanelComponentProps extends ViewPanelProps {
     onCurrentIPushPullFolderChange: (folder: string) => IPushPullRedux.IPushPullSetCurrentFolderAction;
     onCurrentIPushPullPageChange: (page: string) => IPushPullRedux.IPushPullSetCurrentPageAction;
 }
-export declare const IPushPullViewPanelControl: import("react-redux").ConnectedComponent<(props: IPushPullViewPanelComponentProps) => React.JSX.Element, {
-    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").UnknownAction>>;
-    store?: import("redux").Store<any, import("redux").UnknownAction, unknown>;
-}>;
+declare const IPushPullViewPanelComponent: (props: IPushPullViewPanelComponentProps) => React.JSX.Element;
+export declare const IPushPullViewPanelControl: ConnectedComponent<typeof IPushPullViewPanelComponent, IPushPullViewPanelComponentProps>;
+export {};

package/src/View/IPushPullViewPanel.js

@@ -100,24 +100,24 @@ const IPushPullViewPanelComponent = (props) => {
     const elementType = props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
     return props.IsIPushPullRunning ? (React.createElement(Flex_1.Flex, { flexDirection: "row", className: `ab-${elementType}__IPushPull__wrap`, flexWrap: props.viewType === 'ToolPanel' ? 'wrap' : 'nowrap' },
         React.createElement(Flex_1.Flex, null,
-            React.createElement(DropdownButton_1.default, { disabled: allReports.length == 0 || isLiveIPushPullReport, style: { minWidth: 140, fontSize: 'small' }, items: availableReports, columns: ['label'], className: `ab-${elementType}__IPushPull__select`, onClear: () => onSelectedReportChanged(''), showClearButton: StringExtensions_1.StringExtensions.IsNotNullOrEmpty(props.CurrentIPushPullReportName), variant: "outlined", marginRight: 2 }, StringExtensions_1.StringExtensions.IsNotNullOrEmpty(props.CurrentIPushPullReportName)
+            React.createElement(DropdownButton_1.default, { disabled: allReports.length == 0 || isLiveIPushPullReport, items: availableReports, columns: ['label'], className: `ab-${elementType}__IPushPull__select twa:min-w-[140px] twa:text-0 twa:mr-2`, onClear: () => onSelectedReportChanged(''), showClearButton: StringExtensions_1.StringExtensions.IsNotNullOrEmpty(props.CurrentIPushPullReportName), variant: "outlined" }, StringExtensions_1.StringExtensions.IsNotNullOrEmpty(props.CurrentIPushPullReportName)
                 ? props.CurrentIPushPullReportName
                 : 'Select Report')),
         React.createElement(Flex_1.Flex, null,
-            React.createElement(DropdownButton_1.default, { disabled: allReports.length == 0 || isLiveIPushPullReport, style: { minWidth: 140, fontSize: 'small' }, items: availableFolders, columns: ['label'], className: `ab-${elementType}__IPushPull__select`, onClear: () => onFolderChanged(''), showClearButton: StringExtensions_1.StringExtensions.IsNotNullOrEmpty(props.CurrentIPushPullFolder), variant: "outlined", marginRight: 2 }, StringExtensions_1.StringExtensions.IsNotNullOrEmpty(props.CurrentIPushPullFolder)
+            React.createElement(DropdownButton_1.default, { disabled: allReports.length == 0 || isLiveIPushPullReport, items: availableFolders, columns: ['label'], className: `ab-${elementType}__IPushPull__select twa:min-w-[140px] twa:text-0 twa:mr-2`, onClear: () => onFolderChanged(''), showClearButton: StringExtensions_1.StringExtensions.IsNotNullOrEmpty(props.CurrentIPushPullFolder), variant: "outlined" }, StringExtensions_1.StringExtensions.IsNotNullOrEmpty(props.CurrentIPushPullFolder)
                 ? props.CurrentIPushPullFolder
                 : 'Select Folder')),
         React.createElement(Flex_1.Flex, null,
-            React.createElement(DropdownButton_1.default, { disabled: allReports.length == 0 || isLiveIPushPullReport, style: { minWidth: 140, fontSize: 'small' }, items: availablePages, columns: ['label'], className: `ab-${elementType}__IPushPull__select`, onClear: () => onPageChanged(''), showClearButton: StringExtensions_1.StringExtensions.IsNotNullOrEmpty(props.CurrentIPushPullPage), variant: "outlined", marginRight: 2 }, StringExtensions_1.StringExtensions.IsNotNullOrEmpty(props.CurrentIPushPullPage)
+            React.createElement(DropdownButton_1.default, { disabled: allReports.length == 0 || isLiveIPushPullReport, items: availablePages, columns: ['label'], className: `ab-${elementType}__IPushPull__select twa:min-w-[140px] twa:text-0 twa:mr-2`, onClear: () => onPageChanged(''), showClearButton: StringExtensions_1.StringExtensions.IsNotNullOrEmpty(props.CurrentIPushPullPage), variant: "outlined" }, StringExtensions_1.StringExtensions.IsNotNullOrEmpty(props.CurrentIPushPullPage)
                 ? props.CurrentIPushPullPage
                 : 'Select Page')),
-        React.createElement(Flex_1.Flex, { style: { minWidth: '148px' } },
-            React.createElement(ButtonExport_1.ButtonExport, { marginLeft: 1, className: `ab-${elementType}__IPushPull__export`, onClick: () => onIPushPullSendSnapshot(), tooltip: "Send Snapshot to ipushpull", disabled: isLiveIPushPullReport || !isCompletedReport, accessLevel: props.accessLevel }),
-            true ? (React.createElement(ButtonPause_1.ButtonPause, { fillColor: 'red', marginLeft: 1, className: `ab-${elementType}__IPushPull__pause`, onClick: () => props.onIPushPullStopLiveData(), tooltip: "Stop sync with ipushpull", disabled: !isLiveIPushPullReport, accessLevel: props.accessLevel })) : (React.createElement(ButtonPlay_1.ButtonPlay, { marginLeft: 1, className: `ab-${elementType}__IPushPull__play`, onClick: () => onIPushPullStartLiveData(), tooltip: "Start sync with ipushpull", disabled: isLiveIPushPullReport || !isCompletedReport, accessLevel: props.accessLevel })),
-            isCompletedReport && (React.createElement(Flex_1.Flex, { className: (0, join_1.default)(props.accessLevel == 'ReadOnly' ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__IPushPull__controls`), alignItems: "stretch" }, props.api.entitlementApi.isModuleFullEntitlement('Schedule') && (React.createElement(ButtonSchedule_1.ButtonSchedule, { marginLeft: 1, className: `ab-${elementType}__IPushPull__schedule`, onClick: () => onNewIPushPullSchedule(), tooltip: "Schedule", disabled: isLiveIPushPullReport || !isCompletedReport, accessLevel: props.accessLevel })))),
+        React.createElement(Flex_1.Flex, { className: "twa:min-w-[148px]" },
+            React.createElement(ButtonExport_1.ButtonExport, { className: `ab-${elementType}__IPushPull__export twa:ml-1`, onClick: () => onIPushPullSendSnapshot(), tooltip: "Send Snapshot to ipushpull", disabled: isLiveIPushPullReport || !isCompletedReport, accessLevel: props.accessLevel }),
+            true ? (React.createElement(ButtonPause_1.ButtonPause, { className: `ab-${elementType}__IPushPull__pause twa:ml-1 twa:fill-red-500`, onClick: () => props.onIPushPullStopLiveData(), tooltip: "Stop sync with ipushpull", disabled: !isLiveIPushPullReport, accessLevel: props.accessLevel })) : (React.createElement(ButtonPlay_1.ButtonPlay, { className: `ab-${elementType}__IPushPull__play twa:ml-1`, onClick: () => onIPushPullStartLiveData(), tooltip: "Start sync with ipushpull", disabled: isLiveIPushPullReport || !isCompletedReport, accessLevel: props.accessLevel })),
+            isCompletedReport && (React.createElement(Flex_1.Flex, { className: (0, join_1.default)(props.accessLevel == 'ReadOnly' ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__IPushPull__controls`), alignItems: "stretch" }, props.api.entitlementApi.isModuleFullEntitlement('Schedule') && (React.createElement(ButtonSchedule_1.ButtonSchedule, { className: `ab-${elementType}__IPushPull__schedule twa:ml-1`, onClick: () => onNewIPushPullSchedule(), tooltip: "Schedule", disabled: isLiveIPushPullReport || !isCompletedReport, accessLevel: props.accessLevel })))),
             ' ',
-            React.createElement(ButtonNewPage_1.ButtonNewPage, { marginLeft: 1, className: `ab-${elementType}__IPushPull__newpage`, onClick: () => props.onShowAddIPushPullPage(), tooltip: "New Page", disabled: isLiveIPushPullReport, accessLevel: props.accessLevel }),
-            React.createElement(ButtonLogout_1.ButtonLogout, { marginLeft: 1, className: `ab-${elementType}__IPushPull__logout`, onClick: () => getIPPApi().logoutFromIPushPull(), tooltip: "Logout", disabled: isLiveIPushPullReport, accessLevel: props.accessLevel })))) : (React.createElement(ButtonLogin_1.ButtonLogin, { marginLeft: 1, className: `ab-${elementType}__IPushPull__login`, onClick: () => props.onShowIPushPullLogin(), tooltip: "Login to ipushpull", accessLevel: props.accessLevel },
+            React.createElement(ButtonNewPage_1.ButtonNewPage, { className: `ab-${elementType}__IPushPull__newpage twa:ml-1`, onClick: () => props.onShowAddIPushPullPage(), tooltip: "New Page", disabled: isLiveIPushPullReport, accessLevel: props.accessLevel }),
+            React.createElement(ButtonLogout_1.ButtonLogout, { className: `ab-${elementType}__IPushPull__logout twa:ml-1`, onClick: () => getIPPApi().logoutFromIPushPull(), tooltip: "Logout", disabled: isLiveIPushPullReport, accessLevel: props.accessLevel })))) : (React.createElement(ButtonLogin_1.ButtonLogin, { className: `ab-${elementType}__IPushPull__login twa:ml-1`, onClick: () => props.onShowIPushPullLogin(), tooltip: "Login to ipushpull", accessLevel: props.accessLevel },
         ' ',
         "Login"));
 };

package/src/index.d.ts

@@ -1,5 +1,5 @@
 import { AdaptablePlugin } from "@adaptabletools/adaptable-cjs/types";
-import type { Action, Middleware } from 'redux';
+import type { Middleware } from 'redux';
 import * as Redux from 'redux';
 import { IPushPullState } from "@adaptabletools/adaptable-cjs/src/AdaptableState/IPushPullState";
 import { IPushPullApi } from "@adaptabletools/adaptable-cjs/src/Api/IPushPullApi";