@adaptabletools/adaptable 18.0.10-canary.0 → 18.0.10-canary.2

package/src/View/AdaptablePopover/index.js

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { StringExtensions } from '../../Utilities/Extensions/StringExtensions';
-import { UIHelper } from '../UIHelper';
-import { ButtonInfo } from '../Components/Buttons/ButtonInfo';
-import { Icon } from '../../components/icons';
-import OverlayTrigger from '../../components/OverlayTrigger';
+import { StringExtensions } from "../../Utilities/Extensions/StringExtensions.js";
+import { UIHelper } from "../UIHelper.js";
+import { ButtonInfo } from "../Components/Buttons/ButtonInfo.js";
+import { Icon } from "../../components/icons/index.js";
+import OverlayTrigger from "../../components/OverlayTrigger/index.js";
 import { Flex, Box, Text } from 'rebass';
 export class AdaptablePopover extends React.Component {
     render() {

package/src/View/AdaptableView.js

@@ -1,18 +1,18 @@
 import * as React from 'react';
 import { connect } from 'react-redux';
-import { ProgressIndicator } from '../components/ProgressIndicator/ProgressIndicator';
-import { ToastContainer } from '../components/Toastify';
-import * as PopupRedux from '../Redux/ActionsReducers/PopupRedux';
-import { AdaptablePopup } from './Components/Popups/AdaptablePopup';
-import { AdaptablePopupConfirmation } from './Components/Popups/AdaptablePopupConfirmation';
-import { AdaptablePopupPrompt } from './Components/Popups/AdaptablePopupPrompt';
-import { FormPopups } from './Components/Popups/FormPopups/FormPopups';
-import { GridCellPopup } from './Components/Popups/GridCellPopup';
-import { WindowPopups } from './Components/Popups/WindowPopups/WindowPopups';
-import { Dashboard } from './Dashboard/Dashboard';
-import { LicenseWatermark } from './License';
-import { QuickSearchDrawer } from './QuickSearch/FloatingQuickSearch/FloatingQuickSearch';
-import { renderWithAdaptableContext } from './renderWithAdaptableContext';
+import { ProgressIndicator } from "../components/ProgressIndicator/ProgressIndicator.js";
+import { ToastContainer } from "../components/Toastify/index.js";
+import * as PopupRedux from "../Redux/ActionsReducers/PopupRedux.js";
+import { AdaptablePopup } from "./Components/Popups/AdaptablePopup/index.js";
+import { AdaptablePopupConfirmation } from "./Components/Popups/AdaptablePopupConfirmation.js";
+import { AdaptablePopupPrompt } from "./Components/Popups/AdaptablePopupPrompt.js";
+import { FormPopups } from "./Components/Popups/FormPopups/FormPopups.js";
+import { GridCellPopup } from "./Components/Popups/GridCellPopup/index.js";
+import { WindowPopups } from "./Components/Popups/WindowPopups/WindowPopups.js";
+import { Dashboard } from "./Dashboard/Dashboard.js";
+import { LicenseWatermark } from "./License/index.js";
+import { QuickSearchDrawer } from "./QuickSearch/FloatingQuickSearch/FloatingQuickSearch.js";
+import { renderWithAdaptableContext } from "./renderWithAdaptableContext.js";
 class AdaptableView extends React.Component {
     render() {
         var _a, _b, _c, _d;

package/src/View/AdaptableViewFactory.js

@@ -1,37 +1,37 @@
-import { SmartEditPopup } from './SmartEdit/SmartEditPopup';
-import { QuickSearchPopup } from './QuickSearch/QuickSearchPopup';
-import { ThemePopup } from './Theme/ThemePopup';
-import { ToolPanelPopup } from './Components/ToolPanel/ToolPanelPopup';
-import { GridInfoPopup } from './GridInfo/GridInfoPopup/GridInfoPopup';
-import { DashboardPopup } from './Dashboard/DashboardPopup';
-import { StateManagementPopup } from './StateManagement/StateManagementPopup';
-import * as ModuleConstants from '../Utilities/Constants/ModuleConstants';
-import { BulkUpdatePopup } from './BulkUpdate/BulkUpdatePopup';
-import { CellSummaryPopup } from './CellSummary/CellSummaryPopup';
-import { SystemStatusPopup } from './SystemStatus/SystemStatusPopup';
-import { AlertViewPanelControl } from './Alert/AlertViewPanel';
-import { BulkUpdateViewPanelControl } from './BulkUpdate/BulkUpdateViewPanel';
-import { CellSummaryViewPanelControl } from './CellSummary/CellSummaryViewPanel';
-import { FilterViewPanelControl } from './Filter/FilterViewPanel';
-import { DashboardViewPanelControl } from './Dashboard/DashboardViewPanel';
-import { ExportViewPanelControl } from './Export/ExportViewPanel';
-import { LayoutViewPanelControl } from './Layout/LayoutViewPanel';
-import { GridFilterPanelControl } from './GridFilter/GridFilterViewPanel';
-import { QuickSearchViewPanelControl } from './QuickSearch/QuickSearchViewPanel';
-import { SmartEditViewPanelControl } from './SmartEdit/SmartEditViewPanel';
-import { SystemStatusViewPanel } from './SystemStatus/SystemStatusViewPanel';
-import { ThemeViewPanelControl } from './Theme/ThemeViewPanel';
-import { DataSetViewPanelControl } from './DataSet/DataSetViewPanel';
-import { DataChangeHistoryPopup } from './DataChangeHistory/DataChangeHistoryPopup';
-import { DataChangeHistoryViewPanelControl } from './DataChangeHistory/DataChangeHistoryViewPanel';
-import { StateManagementViewPanel } from './StateManagement/StateManagementViewPanel';
-import { StatusBarPopup } from './StatusBar/StatusBarPopup';
-import { ChartingViewPanel } from './Charting/ChartingViewPanel';
-import { GridFilterPopup } from './GridFilter/GridFilterPopup';
-import { ColumnInfoPopup } from './ColumnInfo/ColumnInfoPopup';
-import { NotePopup } from './Note/NotePopup';
-import { CommentsPopup } from './Comments/CommentsPopup';
-import { DataImportPopup } from './DataImport/DataImportPopup';
+import { SmartEditPopup } from "./SmartEdit/SmartEditPopup.js";
+import { QuickSearchPopup } from "./QuickSearch/QuickSearchPopup.js";
+import { ThemePopup } from "./Theme/ThemePopup.js";
+import { ToolPanelPopup } from "./Components/ToolPanel/ToolPanelPopup.js";
+import { GridInfoPopup } from "./GridInfo/GridInfoPopup/GridInfoPopup.js";
+import { DashboardPopup } from "./Dashboard/DashboardPopup.js";
+import { StateManagementPopup } from "./StateManagement/StateManagementPopup.js";
+import * as ModuleConstants from "../Utilities/Constants/ModuleConstants.js";
+import { BulkUpdatePopup } from "./BulkUpdate/BulkUpdatePopup.js";
+import { CellSummaryPopup } from "./CellSummary/CellSummaryPopup.js";
+import { SystemStatusPopup } from "./SystemStatus/SystemStatusPopup.js";
+import { AlertViewPanelControl } from "./Alert/AlertViewPanel.js";
+import { BulkUpdateViewPanelControl } from "./BulkUpdate/BulkUpdateViewPanel.js";
+import { CellSummaryViewPanelControl } from "./CellSummary/CellSummaryViewPanel.js";
+import { FilterViewPanelControl } from "./Filter/FilterViewPanel.js";
+import { DashboardViewPanelControl } from "./Dashboard/DashboardViewPanel.js";
+import { ExportViewPanelControl } from "./Export/ExportViewPanel.js";
+import { LayoutViewPanelControl } from "./Layout/LayoutViewPanel.js";
+import { GridFilterPanelControl } from "./GridFilter/GridFilterViewPanel.js";
+import { QuickSearchViewPanelControl } from "./QuickSearch/QuickSearchViewPanel.js";
+import { SmartEditViewPanelControl } from "./SmartEdit/SmartEditViewPanel.js";
+import { SystemStatusViewPanel } from "./SystemStatus/SystemStatusViewPanel.js";
+import { ThemeViewPanelControl } from "./Theme/ThemeViewPanel.js";
+import { DataSetViewPanelControl } from "./DataSet/DataSetViewPanel.js";
+import { DataChangeHistoryPopup } from "./DataChangeHistory/DataChangeHistoryPopup.js";
+import { DataChangeHistoryViewPanelControl } from "./DataChangeHistory/DataChangeHistoryViewPanel.js";
+import { StateManagementViewPanel } from "./StateManagement/StateManagementViewPanel.js";
+import { StatusBarPopup } from "./StatusBar/StatusBarPopup.js";
+import { ChartingViewPanel } from "./Charting/ChartingViewPanel.js";
+import { GridFilterPopup } from "./GridFilter/GridFilterPopup.js";
+import { ColumnInfoPopup } from "./ColumnInfo/ColumnInfoPopup.js";
+import { NotePopup } from "./Note/NotePopup.js";
+import { CommentsPopup } from "./Comments/CommentsPopup.js";
+import { DataImportPopup } from "./DataImport/DataImportPopup.js";
 export const AdaptableViewFactory = {
     BulkUpdatePopup,
     DashboardPopup,

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/AdaptableOptionsForm.js

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import { Box, Flex } from 'rebass';
-import { CheckBox } from '../../../components/CheckBox';
-import DropdownButton from '../../../components/DropdownButton';
-import HelpBlock from '../../../components/HelpBlock';
-import Input from '../../../components/Input';
-import StringExtensions from '../../../Utilities/Extensions/StringExtensions';
-import { MetamodelService } from '../../../Utilities/Services/MetamodelService';
-import { AdaptablePopover } from '../../AdaptablePopover';
+import { CheckBox } from "../../../components/CheckBox/index.js";
+import DropdownButton from "../../../components/DropdownButton/index.js";
+import HelpBlock from "../../../components/HelpBlock/index.js";
+import Input from "../../../components/Input/index.js";
+import StringExtensions from "../../../Utilities/Extensions/StringExtensions.js";
+import { MetamodelService } from "../../../Utilities/Services/MetamodelService.js";
+import { AdaptablePopover } from "../../AdaptablePopover/index.js";
 const LABEL_WIDTH = 250;
 const SUPPORTED_PRIMITEVE_TYPES = ['s', 'n', 'b'];
 const OptionInput = (props) => {

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/ColumnsList.js

@@ -1,13 +1,13 @@
 import { __rest } from "tslib";
 import * as React from 'react';
-import useSelection from './useSelection';
-import { CheckBox } from '../../../components/CheckBox';
-import Radio from '../../../components/Radio';
-import Dropdown from '../../../components/Dropdown';
-import Input from '../../../components/Input';
+import useSelection from "./useSelection.js";
+import { CheckBox } from "../../../components/CheckBox/index.js";
+import Radio from "../../../components/Radio/index.js";
+import Dropdown from "../../../components/Dropdown/index.js";
+import Input from "../../../components/Input/index.js";
 import { useRef, useState } from 'react';
-import StringExtensions from '../../../Utilities/Extensions/StringExtensions';
-import { DataSource, InfiniteTable } from '../../../components/InfiniteTable';
+import StringExtensions from "../../../Utilities/Extensions/StringExtensions.js";
+import { DataSource, InfiniteTable } from "../../../components/InfiniteTable/index.js";
 import { Box, Flex } from 'rebass';
 import throttle from 'lodash/throttle';
 const dataTypes = [

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/Components/FormBox.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import { Box } from 'rebass';
-import join from '../../../../components/utils/join';
+import join from "../../../../components/utils/join.js";
 export const NocodeWizardFormBox = (props) => (React.createElement(Box, Object.assign({}, props, { padding: 2, mb: 2, className: join('ab-NocodeWizardFormBox', props.className) })));

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/ConfigurationWizard.js

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { useState } from 'react';
-import StringExtensions from '../../../Utilities/Extensions/StringExtensions';
-import { OnePageWizard } from '../../Wizard/OnePageWizards';
-import { ConfigurationWizardColumnsStep } from './ConfigurationWizardColumnsStep';
-import GridOptionsForm from './GridOptionsForm';
-import EntitlementsForm from './EntitlementsForm';
-import { UIElementsForm } from './UIOptions/UiOptionsForm';
-import { AdaptableOptionsForm } from './AdaptableOptionsForm';
-import { applyDefaultAdaptableOptions } from '../../../agGrid/defaultAdaptableOptions';
+import StringExtensions from "../../../Utilities/Extensions/StringExtensions.js";
+import { OnePageWizard } from "../../Wizard/OnePageWizards.js";
+import { ConfigurationWizardColumnsStep } from "./ConfigurationWizardColumnsStep.js";
+import GridOptionsForm from "./GridOptionsForm.js";
+import EntitlementsForm from "./EntitlementsForm.js";
+import { UIElementsForm } from "./UIOptions/UiOptionsForm.js";
+import { AdaptableOptionsForm } from "./AdaptableOptionsForm.js";
+import { applyDefaultAdaptableOptions } from "../../../agGrid/defaultAdaptableOptions.js";
 export const ConfigurationWizard = (props) => {
     const [isPrimaryKeySelected, setIsValid] = React.useState(true);
     const [adaptableConfig, setAdaptableConfig] = useState(() => {

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/ConfigurationWizardColumnsStep.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import ColumnsList from './ColumnsList';
+import ColumnsList from "./ColumnsList.js";
 export const ConfigurationWizardColumnsStep = (props) => {
     var _a, _b;
     let theme = 'light';

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/EntitlementsForm.js

@@ -1,11 +1,11 @@
 import * as React from 'react';
-import HelpBlock from '../../../components/HelpBlock';
-import { ALL_MODULES } from '../../../PredefinedConfig/Common/Types';
+import HelpBlock from "../../../components/HelpBlock/index.js";
+import { ALL_MODULES } from "../../../PredefinedConfig/Common/Types.js";
 import { Box, Flex } from 'rebass';
-import Radio from '../../../components/Radio';
-import FormLayout, { FormRow } from '../../../components/FormLayout';
-import { ADAPTABLE_MODULE_MAP } from '../../../Utilities/Constants/ModuleConstants';
-import { DataSource, InfiniteTable } from '../../../components/InfiniteTable';
+import Radio from "../../../components/Radio/index.js";
+import FormLayout, { FormRow } from "../../../components/FormLayout/index.js";
+import { ADAPTABLE_MODULE_MAP } from "../../../Utilities/Constants/ModuleConstants.js";
+import { DataSource, InfiniteTable } from "../../../components/InfiniteTable/index.js";
 const ALL_ENTITLEMENTS_MODULES = ALL_MODULES;
 const tableDOMProps = {
     style: {

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/GridOptionsForm.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import FormLayout, { FormRow } from '../../../components/FormLayout';
-import { CheckBox } from '../../../components/CheckBox';
-import HelpBlock from '../../../components/HelpBlock';
+import FormLayout, { FormRow } from "../../../components/FormLayout/index.js";
+import { CheckBox } from "../../../components/CheckBox/index.js";
+import HelpBlock from "../../../components/HelpBlock/index.js";
 import { Box } from 'rebass';
 const GridOptionsForm = (props) => {
     var _a;

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/UIOptions/UIOptionsActionColumnsForm.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Box, Flex } from 'rebass';
-import { CheckBox } from '../../../../components/CheckBox';
-import HelpBlock from '../../../../components/HelpBlock';
+import { CheckBox } from "../../../../components/CheckBox/index.js";
+import HelpBlock from "../../../../components/HelpBlock/index.js";
 export const UIOptionsActionColumnsForm = (props) => {
     var _a, _b, _c, _d, _e;
     const options = [

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/UIOptions/UIOptionsSidebarForm.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { Box, Flex } from 'rebass';
-import { CheckBox } from '../../../../components/CheckBox';
-import DropdownButton from '../../../../components/DropdownButton';
-import FormLayout, { FormRow } from '../../../../components/FormLayout';
-import HelpBlock from '../../../../components/HelpBlock';
-import StringExtensions from '../../../../Utilities/Extensions/StringExtensions';
+import { CheckBox } from "../../../../components/CheckBox/index.js";
+import DropdownButton from "../../../../components/DropdownButton/index.js";
+import FormLayout, { FormRow } from "../../../../components/FormLayout/index.js";
+import HelpBlock from "../../../../components/HelpBlock/index.js";
+import StringExtensions from "../../../../Utilities/Extensions/StringExtensions.js";
 const ALL_SIDEBAR_OPTIONS = ['columns', 'filters', 'adaptable'];
 const prepareSidebarDef = (sideBar) => {
     sideBar = sideBar;

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/UIOptions/UIOptionsStatusbarForm.js

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import { Box } from 'rebass';
-import { ModuleManager } from '../../../../components/DragAndDropContext/ModuleManager';
-import HelpBlock from '../../../../components/HelpBlock';
-import FormLayout, { FormRow } from '../../../../components/FormLayout';
-import Input from '../../../../components/Input';
-import SimpleButton from '../../../../components/SimpleButton';
-import DropdownButton from '../../../../components/DropdownButton';
-import { NocodeWizardFormBox } from '../Components/FormBox';
+import { ModuleManager } from "../../../../components/DragAndDropContext/ModuleManager.js";
+import HelpBlock from "../../../../components/HelpBlock/index.js";
+import FormLayout, { FormRow } from "../../../../components/FormLayout/index.js";
+import Input from "../../../../components/Input/index.js";
+import SimpleButton from "../../../../components/SimpleButton/index.js";
+import DropdownButton from "../../../../components/DropdownButton/index.js";
+import { NocodeWizardFormBox } from "../Components/FormBox.js";
 export const UIOptionsStatusbarForm = (props) => {
     var _a, _b, _c, _d;
     const allPanels = (_c = (_b = (_a = props.gridOptions) === null || _a === void 0 ? void 0 : _a.statusBar) === null || _b === void 0 ? void 0 : _b.statusPanels) !== null && _c !== void 0 ? _c : [];

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/UIOptions/UiOptionsForm.js

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { Box } from 'rebass';
-import { Tabs } from '../../../../components/Tabs';
-import { UIOptionsActionColumnsForm } from './UIOptionsActionColumnsForm';
-import { UIOptionsSidebarForm } from './UIOptionsSidebarForm';
-import { UIOptionsStatusbarForm } from './UIOptionsStatusbarForm';
+import { Tabs } from "../../../../components/Tabs/index.js";
+import { UIOptionsActionColumnsForm } from "./UIOptionsActionColumnsForm.js";
+import { UIOptionsSidebarForm } from "./UIOptionsSidebarForm.js";
+import { UIOptionsStatusbarForm } from "./UIOptionsStatusbarForm.js";
 export const UIElementsForm = (props) => {
     return (React.createElement(Box, { p: 2 },
         React.createElement(Tabs, null,

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/index.js

@@ -1,2 +1,2 @@
-import { ConfigurationWizard } from './ConfigurationWizard';
+import { ConfigurationWizard } from "./ConfigurationWizard.js";
 export default ConfigurationWizard;

package/src/View/AdaptableWizardView/Wizard.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { useReducer, useState, useEffect } from 'react';
-import { prepareDataSource, prepareGridOptions } from './helper';
+import { prepareDataSource, prepareGridOptions } from "./helper.js";
 import { Flex } from 'rebass';
-import ConfigurationDialog from './AdaptableConfigurationDialog';
-import FileDroppable from '../../components/FileDroppable';
-import { validDataSource } from './Utils';
+import ConfigurationDialog from "./AdaptableConfigurationDialog/index.js";
+import FileDroppable from "../../components/FileDroppable/index.js";
+import { validDataSource } from "./Utils.js";
 export const initialState = {
     dropped: false,
 };

package/src/View/AdaptableWizardView/index.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ThemeProvider } from 'styled-components';
-import theme from '../../theme';
-import { Wizard } from './Wizard';
+import theme from "../../theme.js";
+import { Wizard } from "./Wizard.js";
 const AdaptableWizardView = (props) => (React.createElement(ThemeProvider, { theme: theme },
     React.createElement(Wizard, Object.assign({}, props))));
 export default AdaptableWizardView;

package/src/View/Alert/ActiveAlertsPanel.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { useAdaptable } from '../AdaptableContext';
-import * as ModuleConstants from '../../Utilities/Constants/ModuleConstants';
-import { AdaptableObjectCompactList } from '../Components/AdaptableObjectList/AdaptableObjectCompactList';
+import { useAdaptable } from "../AdaptableContext.js";
+import * as ModuleConstants from "../../Utilities/Constants/ModuleConstants.js";
+import { AdaptableObjectCompactList } from "../Components/AdaptableObjectList/AdaptableObjectCompactList.js";
 import { useSelector } from 'react-redux';
 export const ActiveAlertsPanel = () => {
     const adaptable = useAdaptable();

package/src/View/Alert/ActiveAlertsPanelItemLabel.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Box, Text } from 'rebass';
-import { allIcons } from '../../components/icons';
-import UIHelper from '../UIHelper';
+import { allIcons } from "../../components/icons/index.js";
+import UIHelper from "../UIHelper.js";
 export const ActiveAlertsPanelItemLabel = (props) => {
     const iconColor = UIHelper.getColorByMessageType(props.data.alertDefinition.MessageType);
     const iconStyle = {

package/src/View/Alert/AlertEmptyView.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { useAdaptable } from '../AdaptableContext';
+import { useAdaptable } from "../AdaptableContext.js";
 export const AlertEmptyView = (props) => {
     const adaptable = useAdaptable();
     const accessLevel = adaptable.api.internalApi

package/src/View/Alert/AlertEntityRow.js

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { EntityListActionButtons } from '../Components/Buttons/EntityListActionButtons';
-import { AdaptableObjectRow } from '../Components/AdaptableObjectRow';
-import { EntityRowItem } from '../Components/EntityRowItem';
-import DropdownButton from '../../components/DropdownButton';
-import { cloneObject } from '../../Utilities/Helpers/Helper';
+import { EntityListActionButtons } from "../Components/Buttons/EntityListActionButtons.js";
+import { AdaptableObjectRow } from "../Components/AdaptableObjectRow/index.js";
+import { EntityRowItem } from "../Components/EntityRowItem.js";
+import DropdownButton from "../../components/DropdownButton/index.js";
+import { cloneObject } from "../../Utilities/Helpers/Helper.js";
 export class AlertEntityRow extends React.Component {
     render() {
         let alertDefinition = this.props.adaptableObject;

package/src/View/Alert/AlertStatusSubPanel.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { useSelector } from 'react-redux';
-import { useAdaptable } from '../AdaptableContext';
-import { getAlertButtonStyle } from './Utilities/getAlertButtonStyle';
-import { StatusBarPanel } from '../StatusBar/StatusBarPanel';
-import * as ModuleConstants from '../../Utilities/Constants/ModuleConstants';
-import { ActiveAlertsPanel } from './ActiveAlertsPanel';
+import { useAdaptable } from "../AdaptableContext.js";
+import { getAlertButtonStyle } from "./Utilities/getAlertButtonStyle.js";
+import { StatusBarPanel } from "../StatusBar/StatusBarPanel.js";
+import * as ModuleConstants from "../../Utilities/Constants/ModuleConstants.js";
+import { ActiveAlertsPanel } from "./ActiveAlertsPanel.js";
 const initialStyle = { color: '', background: '' };
 export const AlertStatusPanel = () => {
     const adaptable = useAdaptable();

package/src/View/Alert/AlertViewPanel.js

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { connect } from 'react-redux';
-import * as SystemRedux from '../../Redux/ActionsReducers/SystemRedux';
-import { AdaptablePopover } from '../AdaptablePopover';
+import * as SystemRedux from "../../Redux/ActionsReducers/SystemRedux.js";
+import { AdaptablePopover } from "../AdaptablePopover/index.js";
 import { Flex } from 'rebass';
-import UIHelper from '../UIHelper';
-import { getAlertButtonStyle } from './Utilities/getAlertButtonStyle';
-import { ActiveAlertsPanel } from './ActiveAlertsPanel';
+import UIHelper from "../UIHelper.js";
+import { getAlertButtonStyle } from "./Utilities/getAlertButtonStyle.js";
+import { ActiveAlertsPanel } from "./ActiveAlertsPanel.js";
 class AlertViewPanelComponent extends React.Component {
     constructor(props) {
         super(props);

package/src/View/Alert/AlertsPanel.js

@@ -1,13 +1,13 @@
 import * as React from 'react';
-import { UIHelper } from '../UIHelper';
-import ButtonPreviewDelete from '../Components/Buttons/ButtonPreviewDelete';
-import { PanelWithButton } from '../Components/Panels/PanelWithButton';
-import { StringExtensions } from '../../Utilities/Extensions/StringExtensions';
+import { UIHelper } from "../UIHelper.js";
+import ButtonPreviewDelete from "../Components/Buttons/ButtonPreviewDelete.js";
+import { PanelWithButton } from "../Components/Panels/PanelWithButton.js";
+import { StringExtensions } from "../../Utilities/Extensions/StringExtensions.js";
 import { Flex, Text } from 'rebass';
-import { allIcons } from '../../components/icons';
-import ListGroupItem from '../../components/List/ListGroupItem';
-import ListGroup from '../../components/List/ListGroup';
-import SimpleButton from '../../components/SimpleButton';
+import { allIcons } from "../../components/icons/index.js";
+import ListGroupItem from "../../components/List/ListGroupItem/index.js";
+import ListGroup from "../../components/List/ListGroup/index.js";
+import SimpleButton from "../../components/SimpleButton/index.js";
 export class AlertsPanel extends React.Component {
     componentWillUnmount() {
         var _a, _b;

package/src/View/Alert/Utilities/getAlertButtonStyle.js

@@ -1,4 +1,4 @@
-import UIHelper from '../../UIHelper';
+import UIHelper from "../../UIHelper.js";
 export const getAlertButtonStyle = (alerts) => {
     const messageType = UIHelper.getMessageTypeFromAdaptableAlerts(alerts);
     const messageTypeColor = UIHelper.getColorByMessageType(messageType);

package/src/View/Alert/Utilities/getDefaultAlertDefinition.js

@@ -1,5 +1,5 @@
-import ObjectFactory from '../../../Utilities/ObjectFactory';
-import { AlertType } from './getAlertType';
+import ObjectFactory from "../../../Utilities/ObjectFactory.js";
+import { AlertType } from "./getAlertType.js";
 /**
  * This logic should be moved into Object factory once we have types on alert definitions
  * @param type AlertType

package/src/View/Alert/Wizard/AlertBehaviourWizardSection.js

@@ -1,16 +1,16 @@
 import * as React from 'react';
-import { Tabs } from '../../../components/Tabs';
-import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
-import { CheckBox } from '../../../components/CheckBox';
-import { CodeBlock } from '../../../components/CodeBlock';
+import { Tabs } from "../../../components/Tabs/index.js";
+import { useOnePageAdaptableWizardContext } from "../../Wizard/OnePageAdaptableWizard.js";
+import { CheckBox } from "../../../components/CheckBox/index.js";
+import { CodeBlock } from "../../../components/CodeBlock/index.js";
 import { Box, Flex, Text } from 'rebass';
-import { ValueOptionsTags } from '../../Components/ValueSelector';
-import { StyleComponent } from '../../Components/StyleComponent';
-import ObjectFactory from '../../../Utilities/ObjectFactory';
-import { useAdaptable } from '../../AdaptableContext';
-import { StylePreview } from '../../../components/StylePreview';
-import Panel from '../../../components/Panel';
-import { Select } from '../../../components/Select';
+import { ValueOptionsTags } from "../../Components/ValueSelector/index.js";
+import { StyleComponent } from "../../Components/StyleComponent.js";
+import ObjectFactory from "../../../Utilities/ObjectFactory.js";
+import { useAdaptable } from "../../AdaptableContext.js";
+import { StylePreview } from "../../../components/StylePreview.js";
+import Panel from "../../../components/Panel/index.js";
+import { Select } from "../../../components/Select/index.js";
 const HighlightStyle = (props) => {
     const adaptable = useAdaptable();
     const options = [

package/src/View/Alert/Wizard/AlertButtonsEditor.js

@@ -1,14 +1,14 @@
 import { Flex, Box, Text } from 'rebass';
 import * as React from 'react';
 import { sentenceCase } from 'sentence-case';
-import SimpleButton from '../../../components/SimpleButton';
-import Input from '../../../components/Input';
-import FormLayout, { FormRow } from '../../../components/FormLayout';
-import { CheckBox } from '../../../components/CheckBox';
-import { cloneObject } from '../../../Utilities/Helpers/Helper';
-import StringExtensions from '../../../Utilities/Extensions/StringExtensions';
-import { AdaptableIconSelector } from '../../Components/AdaptableIconSelector';
-import { Select } from '../../../components/Select';
+import SimpleButton from "../../../components/SimpleButton/index.js";
+import Input from "../../../components/Input/index.js";
+import FormLayout, { FormRow } from "../../../components/FormLayout/index.js";
+import { CheckBox } from "../../../components/CheckBox/index.js";
+import { cloneObject } from "../../../Utilities/Helpers/Helper.js";
+import StringExtensions from "../../../Utilities/Extensions/StringExtensions.js";
+import { AdaptableIconSelector } from "../../Components/AdaptableIconSelector/index.js";
+import { Select } from "../../../components/Select/index.js";
 export const AlertButtonsEditor = (props) => {
     const { api, adaptableAlert } = props;
     const onChange = (newButtons) => {

package/src/View/Alert/Wizard/AlertMessageWizardSection.js

@@ -1,11 +1,11 @@
 import * as React from 'react';
-import { Tabs } from '../../../components/Tabs';
-import Radio, { RadioGroup } from '../../../components/Radio';
-import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
+import { Tabs } from "../../../components/Tabs/index.js";
+import Radio, { RadioGroup } from "../../../components/Radio/index.js";
+import { useOnePageAdaptableWizardContext } from "../../Wizard/OnePageAdaptableWizard.js";
 import { Text } from 'rebass';
-import { CodeBlock } from '../../../components/CodeBlock';
-import AdaptableInput from '../../Components/AdaptableInput';
-import FormLayout, { FormRow } from '../../../components/FormLayout';
+import { CodeBlock } from "../../../components/CodeBlock/index.js";
+import AdaptableInput from "../../Components/AdaptableInput/index.js";
+import FormLayout, { FormRow } from "../../../components/FormLayout/index.js";
 export const renderAlertMessageSummary = () => {
     const { data } = useOnePageAdaptableWizardContext();
     return (React.createElement(Text, { fontSize: 2 },

package/src/View/Alert/Wizard/AlertNotificationWizardSection.js

@@ -1,12 +1,12 @@
 import { __rest } from "tslib";
 import * as React from 'react';
-import { Tabs } from '../../../components/Tabs';
-import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
-import { CheckBox } from '../../../components/CheckBox';
+import { Tabs } from "../../../components/Tabs/index.js";
+import { useOnePageAdaptableWizardContext } from "../../Wizard/OnePageAdaptableWizard.js";
+import { CheckBox } from "../../../components/CheckBox/index.js";
 import { Box, Text } from 'rebass';
-import { AdaptablePopupAlert } from '../../Components/Popups/AdaptablePopupAlert';
-import { AlertButtonsEditor } from './AlertButtonsEditor';
-import join from '../../../components/utils/join';
+import { AdaptablePopupAlert } from "../../Components/Popups/AdaptablePopupAlert.js";
+import { AlertButtonsEditor } from "./AlertButtonsEditor.js";
+import join from "../../../components/utils/join.js";
 export const renderAlertNotificationSummary = () => {
     var _a;
     const { data, api } = useOnePageAdaptableWizardContext();

package/src/View/Alert/Wizard/AlertRulesWizardSection.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { EntityRulesEditor, EntityRulesSummary } from '../../Components/EntityRulesEditor';
-import { Tag } from '../../../components/Tag';
-import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
-import { getAvailablePredicateDefinitions } from '../Utilities/getAvailablePredicates';
-import { Tabs } from '../../../components/Tabs';
-import Radio from '../../../components/Radio';
+import { EntityRulesEditor, EntityRulesSummary } from "../../Components/EntityRulesEditor/index.js";
+import { Tag } from "../../../components/Tag/index.js";
+import { useOnePageAdaptableWizardContext } from "../../Wizard/OnePageAdaptableWizard.js";
+import { getAvailablePredicateDefinitions } from "../Utilities/getAvailablePredicates.js";
+import { Tabs } from "../../../components/Tabs/index.js";
+import Radio from "../../../components/Radio/index.js";
 import { Box } from 'rebass';
 export const getRuleStepDescription = (alertType) => {
     switch (alertType) {

package/src/View/Alert/Wizard/AlertScopeWizardSection.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Flex } from 'rebass';
-import { NewScopeComponent } from '../../Components/NewScopeComponent';
-import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
+import { NewScopeComponent } from "../../Components/NewScopeComponent.js";
+import { useOnePageAdaptableWizardContext } from "../../Wizard/OnePageAdaptableWizard.js";
 export const AlertScopeWizardSection = (props) => {
     const { data, api } = useOnePageAdaptableWizardContext();
     let disableDataTypes = true;