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

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

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { AdaptablePopover } from '../../AdaptablePopover';
-import WizardPanel from '../../../components/WizardPanel';
-import HelpBlock from '../../../components/HelpBlock';
-import { CheckBox } from '../../../components/CheckBox';
+import { AdaptablePopover } from "../../AdaptablePopover/index.js";
+import WizardPanel from "../../../components/WizardPanel/index.js";
+import HelpBlock from "../../../components/HelpBlock/index.js";
+import { CheckBox } from "../../../components/CheckBox/index.js";
 import { Flex } from 'rebass';
-import StringExtensions from '../../../Utilities/Extensions/StringExtensions';
+import StringExtensions from "../../../Utilities/Extensions/StringExtensions.js";
 export class AlertSelectQueryWizard extends React.Component {
     constructor(props) {
         super(props);

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

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { Tabs } from '../../../components/Tabs';
-import { AlertType, getAlertTypeText } from '../Utilities/getAlertType';
+import { Tabs } from "../../../components/Tabs/index.js";
+import { AlertType, getAlertTypeText } from "../Utilities/getAlertType.js";
 import { Box, Flex } from 'rebass';
-import { TypeRadio } from '../../Wizard/TypeRadio';
-import { Tag } from '../../../components/Tag';
+import { TypeRadio } from "../../Wizard/TypeRadio.js";
+import { Tag } from "../../../components/Tag/index.js";
 export const renderAlertTypeSummary = (alertType) => {
     const text = getAlertTypeText(alertType);
     return (React.createElement(Box, null,

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

@@ -1,26 +1,26 @@
 import * as React from 'react';
 import { useState } from 'react';
 import { Box } from 'rebass';
-import { OnePageAdaptableWizard, OnePageWizardSummary } from '../../Wizard/OnePageAdaptableWizard';
-import { cloneObject } from '../../../Utilities/Helpers/Helper';
-import { AlertScopeWizardSection } from './AlertScopeWizardSection';
-import { AlertRulesWizardSection, getRuleStepDescription, renderAlertRulesSummary, } from './AlertRulesWizardSection';
-import { isValidAlertRules } from './isValidAlertRules';
-import { AlertBehaviourWizardSection, renderAlertBehaviourWizardSummary, } from './AlertBehaviourWizardSection';
-import { ALERT_DEFAULT_MESSAGE_TYPE } from '../../../Utilities/Constants/GeneralConstants';
-import { AlertMessageWizardSection, renderAlertMessageSummary } from './AlertMessageWizardSection';
-import { renderScopeSummary } from './BaseAlertScopeWizardSection';
-import { isScopeValid } from '../../Components/NewScopeComponent';
-import ObjectFactory from '../../../Utilities/ObjectFactory';
+import { OnePageAdaptableWizard, OnePageWizardSummary } from "../../Wizard/OnePageAdaptableWizard.js";
+import { cloneObject } from "../../../Utilities/Helpers/Helper.js";
+import { AlertScopeWizardSection } from "./AlertScopeWizardSection.js";
+import { AlertRulesWizardSection, getRuleStepDescription, renderAlertRulesSummary, } from "./AlertRulesWizardSection.js";
+import { isValidAlertRules } from "./isValidAlertRules.js";
+import { AlertBehaviourWizardSection, renderAlertBehaviourWizardSummary, } from "./AlertBehaviourWizardSection.js";
+import { ALERT_DEFAULT_MESSAGE_TYPE } from "../../../Utilities/Constants/GeneralConstants.js";
+import { AlertMessageWizardSection, renderAlertMessageSummary } from "./AlertMessageWizardSection.js";
+import { renderScopeSummary } from "./BaseAlertScopeWizardSection.js";
+import { isScopeValid } from "../../Components/NewScopeComponent.js";
+import ObjectFactory from "../../../Utilities/ObjectFactory.js";
 import { useDispatch } from 'react-redux';
-import * as AlertRedux from '../../../Redux/ActionsReducers/AlertRedux';
-import { useAdaptable } from '../../AdaptableContext';
-import { ObjectTagsWizardSection, renderObjectTagsSummary, } from '../../Wizard/ObjectTagsWizardSection';
-import { AlertTypeWizardSection, renderAlertTypeSummary } from './AlertTypeWizardSection';
-import { AlertType, getAlertType } from '../Utilities/getAlertType';
-import { mapAlertDefinition } from '../Utilities/mapAlertDefinition';
-import { getDefaultAlertDefinition } from '../Utilities/getDefaultAlertDefinition';
-import { AlertNotificationWizardSection, renderAlertNotificationSummary, } from './AlertNotificationWizardSection';
+import * as AlertRedux from "../../../Redux/ActionsReducers/AlertRedux.js";
+import { useAdaptable } from "../../AdaptableContext.js";
+import { ObjectTagsWizardSection, renderObjectTagsSummary, } from "../../Wizard/ObjectTagsWizardSection.js";
+import { AlertTypeWizardSection, renderAlertTypeSummary } from "./AlertTypeWizardSection.js";
+import { AlertType, getAlertType } from "../Utilities/getAlertType.js";
+import { mapAlertDefinition } from "../Utilities/mapAlertDefinition.js";
+import { getDefaultAlertDefinition } from "../Utilities/getDefaultAlertDefinition.js";
+import { AlertNotificationWizardSection, renderAlertNotificationSummary, } from "./AlertNotificationWizardSection.js";
 export const AlertWizard = (props) => {
     const { api } = useAdaptable();
     const dispatch = useDispatch();

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Box, Text } from 'rebass';
-import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
-import { ValueOptionsTags } from '../../Components/ValueSelector';
+import { useOnePageAdaptableWizardContext } from "../../Wizard/OnePageAdaptableWizard.js";
+import { ValueOptionsTags } from "../../Components/ValueSelector/index.js";
 export const renderScopeSummary = (data) => {
     const { api: { columnScopeApi: scopeApi }, } = useOnePageAdaptableWizardContext();
     const columnsInScope = scopeApi.getColumnsForScope(data.Scope);

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

@@ -1,4 +1,4 @@
-import { isAdaptableRuleValid } from '../../Components/EntityRulesEditor/Utilities';
+import { isAdaptableRuleValid } from "../../Components/EntityRulesEditor/Utilities.js";
 export const isValidAlertRules = (alert, api, context) => {
     var _a;
     if (!((_a = alert.Rule.Predicates) === null || _a === void 0 ? void 0 : _a.length) &&

package/src/View/BulkUpdate/BulkUpdatePopup.js

@@ -1,16 +1,16 @@
 import * as React from 'react';
 import { connect } from 'react-redux';
-import * as BulkUpdateRedux from '../../Redux/ActionsReducers/BulkUpdateRedux';
-import * as SystemRedux from '../../Redux/ActionsReducers/SystemRedux';
-import { PanelWithImage } from '../Components/Panels/PanelWithImage';
-import { AdaptablePopover } from '../AdaptablePopover';
-import { StringExtensions } from '../../Utilities/Extensions/StringExtensions';
-import { PreviewResultsPanel } from '../Components/PreviewResultsPanel';
-import { PreviewHelper } from '../../Utilities/Helpers/PreviewHelper';
-import { ColumnValueSelector } from '../Components/Selectors/ColumnValueSelector';
+import * as BulkUpdateRedux from "../../Redux/ActionsReducers/BulkUpdateRedux.js";
+import * as SystemRedux from "../../Redux/ActionsReducers/SystemRedux.js";
+import { PanelWithImage } from "../Components/Panels/PanelWithImage.js";
+import { AdaptablePopover } from "../AdaptablePopover/index.js";
+import { StringExtensions } from "../../Utilities/Extensions/StringExtensions.js";
+import { PreviewResultsPanel } from "../Components/PreviewResultsPanel.js";
+import { PreviewHelper } from "../../Utilities/Helpers/PreviewHelper.js";
+import { ColumnValueSelector } from "../Components/Selectors/ColumnValueSelector.js";
 import { Flex } from 'rebass';
-import SimpleButton from '../../components/SimpleButton';
-import HelpBlock from '../../components/HelpBlock';
+import SimpleButton from "../../components/SimpleButton/index.js";
+import HelpBlock from "../../components/HelpBlock/index.js";
 class BulkUpdatePopupComponent extends React.Component {
     constructor(props) {
         super(props);

package/src/View/BulkUpdate/BulkUpdateViewPanel.js

@@ -1,16 +1,16 @@
 import * as React from 'react';
-import { StatusColour } from '../../PredefinedConfig/Common/Enums';
-import { PreviewResultsPanel } from '../Components/PreviewResultsPanel';
+import { StatusColour } from "../../PredefinedConfig/Common/Enums.js";
+import { PreviewResultsPanel } from "../Components/PreviewResultsPanel.js";
 import { Flex } from 'rebass';
-import join from '../../components/utils/join';
-import * as GeneralConstants from '../../Utilities/Constants/GeneralConstants';
-import { ColumnValueSelector } from '../Components/Selectors/ColumnValueSelector';
-import { StringExtensions } from '../../Utilities/Extensions/StringExtensions';
-import { ButtonApply } from '../Components/Buttons/ButtonApply';
-import { AdaptablePopover } from '../AdaptablePopover';
-import { UIHelper } from '../UIHelper';
-import * as SystemRedux from '../../Redux/ActionsReducers/SystemRedux';
-import * as BulkUpdateRedux from '../../Redux/ActionsReducers/BulkUpdateRedux';
+import join from "../../components/utils/join.js";
+import * as GeneralConstants from "../../Utilities/Constants/GeneralConstants.js";
+import { ColumnValueSelector } from "../Components/Selectors/ColumnValueSelector.js";
+import { StringExtensions } from "../../Utilities/Extensions/StringExtensions.js";
+import { ButtonApply } from "../Components/Buttons/ButtonApply.js";
+import { AdaptablePopover } from "../AdaptablePopover/index.js";
+import { UIHelper } from "../UIHelper.js";
+import * as SystemRedux from "../../Redux/ActionsReducers/SystemRedux.js";
+import * as BulkUpdateRedux from "../../Redux/ActionsReducers/BulkUpdateRedux.js";
 import { connect } from 'react-redux';
 class BulkUpdateViewPanelComponent extends React.Component {
     constructor(props) {

package/src/View/CalculatedColumn/CalculatedColumnSummary.js

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { connect } from 'react-redux';
-import { Helper } from '../../Utilities/Helpers/Helper';
-import * as CalculatedColumnRedux from '../../Redux/ActionsReducers/CalculatedColumnRedux';
-import { WizardStatus, } from '../Components/SharedProps/EditableConfigEntityState';
-import { UIHelper } from '../UIHelper';
-import { ModuleDetail } from '../Components/ModuleSummary/ModuleDetail';
-import { CalculatedColumnWizard } from './Wizard/CalculatedColumnWizard';
+import { Helper } from "../../Utilities/Helpers/Helper.js";
+import * as CalculatedColumnRedux from "../../Redux/ActionsReducers/CalculatedColumnRedux.js";
+import { WizardStatus, } from "../Components/SharedProps/EditableConfigEntityState.js";
+import { UIHelper } from "../UIHelper.js";
+import { ModuleDetail } from "../Components/ModuleSummary/ModuleDetail.js";
+import { CalculatedColumnWizard } from "./Wizard/CalculatedColumnWizard.js";
 export class CalculatedColumnSummaryComponent extends React.Component {
     constructor(props) {
         super(props);

package/src/View/CalculatedColumn/Wizard/CalculatedColumnDefinitionWizardSection.js

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { useState } from 'react';
 import { Box, Flex } from 'rebass';
-import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
-import FormLayout, { FormRow } from '../../../components/FormLayout';
-import Input from '../../../components/Input';
-import { CheckBox } from '../../../components/CheckBox';
-import ErrorBox from '../../../components/ErrorBox';
-import { Tabs } from '../../../components/Tabs';
-import { Tag } from '../../../components/Tag';
+import { useOnePageAdaptableWizardContext } from "../../Wizard/OnePageAdaptableWizard.js";
+import FormLayout, { FormRow } from "../../../components/FormLayout/index.js";
+import Input from "../../../components/Input/index.js";
+import { CheckBox } from "../../../components/CheckBox/index.js";
+import ErrorBox from "../../../components/ErrorBox/index.js";
+import { Tabs } from "../../../components/Tabs/index.js";
+import { Tag } from "../../../components/Tag/index.js";
 export const renderCalculatedColumnDefinitionSummary = (data) => {
     var _a;
     return (React.createElement(Box, { fontSize: 2 },

package/src/View/CalculatedColumn/Wizard/CalculatedColumnExpressionWizardSection.js

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { useMemo } from 'react';
 import { Box } from 'rebass';
-import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
-import { ExpressionEditor } from '../../../components/ExpressionEditor';
-import { Tabs } from '../../../components/Tabs';
-import { CodeBlock } from '../../../components/CodeBlock';
-import { Humanize } from '../../../Utilities/Extensions/StringExtensions';
+import { useOnePageAdaptableWizardContext } from "../../Wizard/OnePageAdaptableWizard.js";
+import { ExpressionEditor } from "../../../components/ExpressionEditor/index.js";
+import { Tabs } from "../../../components/Tabs/index.js";
+import { CodeBlock } from "../../../components/CodeBlock/index.js";
+import { Humanize } from "../../../Utilities/Extensions/StringExtensions.js";
 export const renderCalculatedColumnExpressionSummary = (data) => {
     const { api } = useOnePageAdaptableWizardContext();
     return (React.createElement(Box, { fontSize: 2 },

package/src/View/CalculatedColumn/Wizard/CalculatedColumnSettingsWizardSection.js

@@ -1,15 +1,15 @@
 import * as React from 'react';
 import { useMemo } from 'react';
 import { Box, Flex } from 'rebass';
-import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
-import FormLayout, { FormRow } from '../../../components/FormLayout';
-import Input from '../../../components/Input';
-import ErrorBox from '../../../components/ErrorBox';
-import { Tabs } from '../../../components/Tabs';
-import { ValueOptionsTags } from '../../Components/ValueSelector';
-import { SpecialColumnSettingsWizardStep } from '../../SpecialColumnSettingsWizardStep';
-import { getCalculatedColumnSettingsTags } from '../Utilities/getCalculatedColumnSettingsTags';
-import { Select } from '../../../components/Select';
+import { useOnePageAdaptableWizardContext } from "../../Wizard/OnePageAdaptableWizard.js";
+import FormLayout, { FormRow } from "../../../components/FormLayout/index.js";
+import Input from "../../../components/Input/index.js";
+import ErrorBox from "../../../components/ErrorBox/index.js";
+import { Tabs } from "../../../components/Tabs/index.js";
+import { ValueOptionsTags } from "../../Components/ValueSelector/index.js";
+import { SpecialColumnSettingsWizardStep } from "../../SpecialColumnSettingsWizardStep.js";
+import { getCalculatedColumnSettingsTags } from "../Utilities/getCalculatedColumnSettingsTags.js";
+import { Select } from "../../../components/Select/index.js";
 export const renderCalculatedColumnSettingsSummary = (data) => {
     const options = getCalculatedColumnSettingsTags(data.CalculatedColumnSettings);
     return (React.createElement(Box, { fontSize: 2 },

package/src/View/CalculatedColumn/Wizard/CalculatedColumnTypeSection.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Flex } from 'rebass';
-import { Tabs } from '../../../components/Tabs';
-import { TypeRadio } from '../../Wizard/TypeRadio';
+import { Tabs } from "../../../components/Tabs/index.js";
+import { TypeRadio } from "../../Wizard/TypeRadio.js";
 export const CalculatedColumnTypeWizardSection = (props) => {
     return (React.createElement(Tabs, null,
         React.createElement(Tabs.Tab, null, "Calculated Column Type"),

package/src/View/CalculatedColumn/Wizard/CalculatedColumnWizard.js

@@ -1,20 +1,20 @@
 import * as React from 'react';
 import { useState } from 'react';
 import { Box } from 'rebass';
-import { cloneObject } from '../../../Utilities/Helpers/Helper';
-import { OnePageAdaptableWizard, OnePageWizardSummary } from '../../Wizard/OnePageAdaptableWizard';
-import { CalculatedColumnExpressionWizardSection, isValidCalculatedColumnExpression, renderCalculatedColumnExpressionSummary, } from './CalculatedColumnExpressionWizardSection';
-import { CalculatedColumnDefinitionWizardSection, isValidCalculatedColumnDefinition, renderCalculatedColumnDefinitionSummary, } from './CalculatedColumnDefinitionWizardSection';
-import { useAdaptable } from '../../AdaptableContext';
-import ObjectFactory from '../../../Utilities/ObjectFactory';
+import { cloneObject } from "../../../Utilities/Helpers/Helper.js";
+import { OnePageAdaptableWizard, OnePageWizardSummary } from "../../Wizard/OnePageAdaptableWizard.js";
+import { CalculatedColumnExpressionWizardSection, isValidCalculatedColumnExpression, renderCalculatedColumnExpressionSummary, } from "./CalculatedColumnExpressionWizardSection.js";
+import { CalculatedColumnDefinitionWizardSection, isValidCalculatedColumnDefinition, renderCalculatedColumnDefinitionSummary, } from "./CalculatedColumnDefinitionWizardSection.js";
+import { useAdaptable } from "../../AdaptableContext.js";
+import ObjectFactory from "../../../Utilities/ObjectFactory.js";
 import { useDispatch, useSelector } from 'react-redux';
-import * as CalculatedColumnRedux from '../../../Redux/ActionsReducers/CalculatedColumnRedux';
-import { ObjectTagsWizardSection, renderObjectTagsSummary, } from '../../Wizard/ObjectTagsWizardSection';
-import { CalculatedColumnSettingsWizardSection, isValidCalculatedColumnSettings, renderCalculatedColumnSettingsSummary, } from './CalculatedColumnSettingsWizardSection';
-import { getExpressionType } from '../utils';
-import { Humanize } from '../../../Utilities/Extensions/StringExtensions';
-import { Tag } from '../../../components/Tag';
-import { CalculatedColumnTypeWizardSection } from './CalculatedColumnTypeSection';
+import * as CalculatedColumnRedux from "../../../Redux/ActionsReducers/CalculatedColumnRedux.js";
+import { ObjectTagsWizardSection, renderObjectTagsSummary, } from "../../Wizard/ObjectTagsWizardSection.js";
+import { CalculatedColumnSettingsWizardSection, isValidCalculatedColumnSettings, renderCalculatedColumnSettingsSummary, } from "./CalculatedColumnSettingsWizardSection.js";
+import { getExpressionType } from "../utils.js";
+import { Humanize } from "../../../Utilities/Extensions/StringExtensions.js";
+import { Tag } from "../../../components/Tag/index.js";
+import { CalculatedColumnTypeWizardSection } from "./CalculatedColumnTypeSection.js";
 export const calculatedColumnTypes = [
     'ScalarExpression',
     'AggregatedScalarExpression',

package/src/View/CellSummary/CellSummaryDetails.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import EmptyContent from '../../components/EmptyContent';
-import { DataSource, InfiniteTable } from '../../components/InfiniteTable';
+import EmptyContent from "../../components/EmptyContent/index.js";
+import { DataSource, InfiniteTable } from "../../components/InfiniteTable/index.js";
 const columnsMap = new Map([
     ['Operation', { field: 'Operation', defaultFlex: 1 }],
     ['Value', { field: 'Value', defaultFlex: 1 }],

package/src/View/CellSummary/CellSummaryPopover.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { CellSummaryDetails } from './CellSummaryDetails';
+import { CellSummaryDetails } from "./CellSummaryDetails.js";
 export const CellSummaryPopover = (props) => {
     return React.createElement(CellSummaryDetails, { CellSummary: props.CellSummary });
 };

package/src/View/CellSummary/CellSummaryPopup.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { connect } from 'react-redux';
-import * as GridRedux from '../../Redux/ActionsReducers/GridRedux';
-import { CellSummaryDetails } from './CellSummaryDetails';
-import { PanelWithButton } from '../Components/Panels/PanelWithButton';
+import * as GridRedux from "../../Redux/ActionsReducers/GridRedux.js";
+import { CellSummaryDetails } from "./CellSummaryDetails.js";
+import { PanelWithButton } from "../Components/Panels/PanelWithButton.js";
 class CellSummaryPopupComponent extends React.Component {
     componentDidMount() {
         var _a, _b, _c;

package/src/View/CellSummary/CellSummaryStatusBarSubPanelPopover.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { CellSummaryDetails } from './CellSummaryDetails';
+import { CellSummaryDetails } from "./CellSummaryDetails.js";
 import { useSelector } from 'react-redux';
 export const CellSummaryStatusBarSubPanelPopover = () => {
     const cellSummary = useSelector((state) => state.Grid.CellSummary);

package/src/View/CellSummary/CellSummaryStatusPanel.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { useDispatch } from 'react-redux';
-import { useAdaptable } from '../AdaptableContext';
-import { StatusBarPanel } from '../StatusBar/StatusBarPanel';
-import * as ModuleConstants from '../../Utilities/Constants/ModuleConstants';
-import * as GridRedux from '../../Redux/ActionsReducers/GridRedux';
-import { CellSummaryStatusBarSubPanelPopover } from './CellSummaryStatusBarSubPanelPopover';
+import { useAdaptable } from "../AdaptableContext.js";
+import { StatusBarPanel } from "../StatusBar/StatusBarPanel.js";
+import * as ModuleConstants from "../../Utilities/Constants/ModuleConstants.js";
+import * as GridRedux from "../../Redux/ActionsReducers/GridRedux.js";
+import { CellSummaryStatusBarSubPanelPopover } from "./CellSummaryStatusBarSubPanelPopover.js";
 export const CellSummaryStatusPanel = () => {
     var _a;
     const adaptable = useAdaptable();

package/src/View/CellSummary/CellSummaryViewPanel.js

@@ -1,15 +1,15 @@
 import * as React from 'react';
-import { EnumExtensions } from '../../Utilities/Extensions/EnumExtensions';
-import { SummaryOperation } from '../../PredefinedConfig/Common/Enums';
-import ArrayExtensions from '../../Utilities/Extensions/ArrayExtensions';
-import { CellSummaryPopover } from './CellSummaryPopover';
+import { EnumExtensions } from "../../Utilities/Extensions/EnumExtensions.js";
+import { SummaryOperation } from "../../PredefinedConfig/Common/Enums.js";
+import ArrayExtensions from "../../Utilities/Extensions/ArrayExtensions.js";
+import { CellSummaryPopover } from "./CellSummaryPopover.js";
 import { Flex } from 'rebass';
-import * as GeneralConstants from '../../Utilities/Constants/GeneralConstants';
-import { AdaptablePopover } from '../AdaptablePopover';
-import * as SystemRedux from '../../Redux/ActionsReducers/SystemRedux';
-import * as GridRedux from '../../Redux/ActionsReducers/GridRedux';
+import * as GeneralConstants from "../../Utilities/Constants/GeneralConstants.js";
+import { AdaptablePopover } from "../AdaptablePopover/index.js";
+import * as SystemRedux from "../../Redux/ActionsReducers/SystemRedux.js";
+import * as GridRedux from "../../Redux/ActionsReducers/GridRedux.js";
 import { connect } from 'react-redux';
-import { Select } from '../../components/Select';
+import { Select } from "../../components/Select/index.js";
 class CellSummaryViewPanelComponent extends React.Component {
     constructor(props) {
         super(props);

package/src/View/Charting/ChartingStatusBarPopover.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { useAdaptable } from '../AdaptableContext';
-import * as ModuleConstants from '../../Utilities/Constants/ModuleConstants';
-import { useChartingElements } from './useChartingElements';
+import { useAdaptable } from "../AdaptableContext.js";
+import * as ModuleConstants from "../../Utilities/Constants/ModuleConstants.js";
+import { useChartingElements } from "./useChartingElements.js";
 import { Box, Flex } from 'rebass';
 export const ChartingStatusBarPopover = (props) => {
     const adaptable = useAdaptable();

package/src/View/Charting/ChartingViewPanel.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Box, Flex } from 'rebass';
-import { useChartingElements } from './useChartingElements';
+import { useChartingElements } from "./useChartingElements.js";
 export const ChartingViewPanel = (props) => {
     const elementType = props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
     const { chartSelector, containerSelector, chartButton, deleteButton, editButton } = useChartingElements({ elementType, accessLevel: props.accessLevel });

package/src/View/Charting/ChartingWizard/AgChargingWizard/AgChargingWizard.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { Box } from 'rebass';
-import { useAdaptable } from '../../../AdaptableContext';
-import { OnePageAdaptableWizard } from '../../../Wizard/OnePageAdaptableWizard';
-import { PreviewChartSection } from './PreviewChartSection';
-import { isSettingsValid, SettingsSection } from './SettingsSection';
-import { ObjectTagsWizardSection, renderObjectTagsSummary, } from '../../../Wizard/ObjectTagsWizardSection';
+import { useAdaptable } from "../../../AdaptableContext.js";
+import { OnePageAdaptableWizard } from "../../../Wizard/OnePageAdaptableWizard.js";
+import { PreviewChartSection } from "./PreviewChartSection.js";
+import { isSettingsValid, SettingsSection } from "./SettingsSection.js";
+import { ObjectTagsWizardSection, renderObjectTagsSummary, } from "../../../Wizard/ObjectTagsWizardSection.js";
 export const AgChargingWizard = (props) => {
     const adaptable = useAdaptable();
     const [chartDefinition, setChartDefinition] = React.useState(() => {

package/src/View/Charting/ChartingWizard/AgChargingWizard/PreviewChartSection.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { useSelector } from 'react-redux';
 import isEqual from 'lodash/isEqual';
-import * as SystemRedux from '../../../../Redux/ActionsReducers/SystemRedux';
-import { useAdaptable } from '../../../AdaptableContext';
+import * as SystemRedux from "../../../../Redux/ActionsReducers/SystemRedux.js";
+import { useAdaptable } from "../../../AdaptableContext.js";
 export const PreviewChartSection = (props) => {
     const currentChartModels = useSelector((state) => SystemRedux.SystemChartingCurrentChartModelsSelector(state.System));
     const [localChartId, setLocalChartId] = React.useState(null);

package/src/View/Charting/ChartingWizard/AgChargingWizard/SettingsSection.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { CheckBox } from '../../../../components/CheckBox';
-import DropdownButton from '../../../../components/DropdownButton';
-import FormLayout, { FormRow } from '../../../../components/FormLayout';
-import AdaptableInput from '../../../Components/AdaptableInput';
+import { CheckBox } from "../../../../components/CheckBox/index.js";
+import DropdownButton from "../../../../components/DropdownButton/index.js";
+import FormLayout, { FormRow } from "../../../../components/FormLayout/index.js";
+import AdaptableInput from "../../../Components/AdaptableInput/index.js";
 export const isSettingsValid = (chartDefinition, api) => {
     if (!chartDefinition.Name) {
         return 'Name is mandatory';

package/src/View/Charting/ChartingWizard/AgChargingWizard/index.js

@@ -1 +1 @@
-export * from './AgChargingWizard';
+export * from "./AgChargingWizard.js";

package/src/View/Charting/ChartingWizard/ChartingWizard.js

@@ -1,8 +1,8 @@
 import { __rest } from "tslib";
 import * as React from 'react';
-import { isAgChartDefinition, } from '../../../PredefinedConfig/ChartingState';
-import { AgChargingWizard } from './AgChargingWizard';
-import { ExternalChartingWizard } from './ExternalChartingWizard';
+import { isAgChartDefinition, } from "../../../PredefinedConfig/ChartingState.js";
+import { AgChargingWizard } from "./AgChargingWizard/index.js";
+import { ExternalChartingWizard } from "./ExternalChartingWizard/index.js";
 export const ChartingWizard = (props) => {
     const { data, configEntities } = props, other = __rest(props, ["data", "configEntities"]);
     if (isAgChartDefinition(data)) {

package/src/View/Charting/ChartingWizard/ExternalChartingWizard/ExternalChartingWizard.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { Box } from 'rebass';
-import { useAdaptable } from '../../../AdaptableContext';
-import { OnePageAdaptableWizard } from '../../../Wizard/OnePageAdaptableWizard';
-import { isSettingsValid, SettingsSection } from './SettingsSection';
+import { useAdaptable } from "../../../AdaptableContext.js";
+import { OnePageAdaptableWizard } from "../../../Wizard/OnePageAdaptableWizard.js";
+import { isSettingsValid, SettingsSection } from "./SettingsSection.js";
 const PreviewChartSection = ({ chartDefinition }) => {
     const adaptable = useAdaptable();
     const divRef = React.useRef(null);

package/src/View/Charting/ChartingWizard/ExternalChartingWizard/SettingsSection.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import FormLayout, { FormRow } from '../../../../components/FormLayout';
-import AdaptableInput from '../../../Components/AdaptableInput';
+import FormLayout, { FormRow } from "../../../../components/FormLayout/index.js";
+import AdaptableInput from "../../../Components/AdaptableInput/index.js";
 export const isSettingsValid = (chartDefinition, api) => {
     if (!chartDefinition.Name) {
         return 'Name is mandatory';

package/src/View/Charting/ChartingWizard/ExternalChartingWizard/index.js

@@ -1 +1 @@
-export * from './ExternalChartingWizard';
+export * from "./ExternalChartingWizard.js";

package/src/View/Charting/ChartingWizard/index.js

@@ -1 +1 @@
-export * from './ChartingWizard';
+export * from "./ChartingWizard.js";

package/src/View/Charting/DeleteChartButton.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { ButtonDelete } from '../Components/Buttons/ButtonDelete';
-import * as ChartingRedux from '../../Redux/ActionsReducers/ChartingRedux';
-import { isAgChartDefinition } from '../../PredefinedConfig/ChartingState';
+import { ButtonDelete } from "../Components/Buttons/ButtonDelete.js";
+import * as ChartingRedux from "../../Redux/ActionsReducers/ChartingRedux.js";
+import { isAgChartDefinition } from "../../PredefinedConfig/ChartingState.js";
 export const DeleteChartButton = (props) => {
     return (React.createElement(ButtonDelete, { iconSize: props.iconSize, disabled: !props.chart, ConfirmAction: isAgChartDefinition(props.chart)
             ? ChartingRedux.ChartingDeleteChart(props.chart)

package/src/View/Charting/EditChartButton.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import * as PopupRedux from '../../Redux/ActionsReducers/PopupRedux';
-import { ButtonEdit } from '../Components/Buttons/ButtonEdit';
-import * as ModuleConstants from '../../Utilities/Constants/ModuleConstants';
+import * as PopupRedux from "../../Redux/ActionsReducers/PopupRedux.js";
+import { ButtonEdit } from "../Components/Buttons/ButtonEdit.js";
+import * as ModuleConstants from "../../Utilities/Constants/ModuleConstants.js";
 import { useDispatch } from 'react-redux';
 export const EditChartButton = (props) => {
     const dispatch = useDispatch();

package/src/View/Charting/ShowChartButton.js

@@ -1,11 +1,11 @@
 import * as React from 'react';
-import SimpleButton from '../../components/SimpleButton';
-import { useAdaptable } from '../AdaptableContext';
-import DropdownButton from '../../components/DropdownButton';
-import { AG_GRID_CHART_WINDOW } from '../../Utilities/Constants/GeneralConstants';
-import { isAgChartDefinition, isExternalChartDefinition, } from '../../PredefinedConfig/ChartingState';
-import { useAgChartState } from './useAgChartState';
-import { useExternalChartState } from './useExternalChartState';
+import SimpleButton from "../../components/SimpleButton/index.js";
+import { useAdaptable } from "../AdaptableContext.js";
+import DropdownButton from "../../components/DropdownButton/index.js";
+import { AG_GRID_CHART_WINDOW } from "../../Utilities/Constants/GeneralConstants.js";
+import { isAgChartDefinition, isExternalChartDefinition, } from "../../PredefinedConfig/ChartingState.js";
+import { useAgChartState } from "./useAgChartState.js";
+import { useExternalChartState } from "./useExternalChartState.js";
 const BaseShowChartButton = (props) => {
     var _a;
     const adaptable = useAdaptable();

package/src/View/Charting/useAgChartState.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { useSelector } from 'react-redux';
-import { useAdaptable } from '../AdaptableContext';
-import * as SystemRedux from '../../Redux/ActionsReducers/SystemRedux';
+import { useAdaptable } from "../AdaptableContext.js";
+import * as SystemRedux from "../../Redux/ActionsReducers/SystemRedux.js";
 export const useAgChartState = (chartDefinition) => {
     const [chartRef, setChartRef] = React.useState(null);
     const adaptable = useAdaptable();

package/src/View/Charting/useChartingElements.js

@@ -1,15 +1,15 @@
 import * as React from 'react';
 import { useSelector } from 'react-redux';
-import { Select } from '../../components/Select';
-import SimpleButton from '../../components/SimpleButton';
-import { isAgChartDefinition } from '../../PredefinedConfig/ChartingState';
-import * as ChartingRedux from '../../Redux/ActionsReducers/ChartingRedux';
-import AdaptableHelper from '../../Utilities/Helpers/AdaptableHelper';
-import { useAdaptable } from '../AdaptableContext';
-import { DeleteChartButton } from './DeleteChartButton';
-import { EditChartButton } from './EditChartButton';
-import { useAgChartState } from './useAgChartState';
-import { useExternalChartState } from './useExternalChartState';
+import { Select } from "../../components/Select/index.js";
+import SimpleButton from "../../components/SimpleButton/index.js";
+import { isAgChartDefinition } from "../../PredefinedConfig/ChartingState.js";
+import * as ChartingRedux from "../../Redux/ActionsReducers/ChartingRedux.js";
+import AdaptableHelper from "../../Utilities/Helpers/AdaptableHelper.js";
+import { useAdaptable } from "../AdaptableContext.js";
+import { DeleteChartButton } from "./DeleteChartButton.js";
+import { EditChartButton } from "./EditChartButton.js";
+import { useAgChartState } from "./useAgChartState.js";
+import { useExternalChartState } from "./useExternalChartState.js";
 export const useChartingElements = ({ elementType, accessLevel, size = 'normal', }) => {
     var _a;
     const adaptable = useAdaptable();

package/src/View/Charting/useExternalChartState.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useAdaptable } from '../AdaptableContext';
+import { useAdaptable } from "../AdaptableContext.js";
 // need to trigger other show-chart buttons to close/hide
 const buttonChangeSubscribers = [];
 export const useExternalChartState = (chartDefinition) => {