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

package/src/agGrid/AdaptableAgGrid.js

@@ -1,102 +1,102 @@
 import throttle from 'lodash/throttle';
 import debounce from 'lodash/debounce';
 import { createGrid, Events, ModuleNames, RowNode, } from '@ag-grid-community/core';
-import { AdaptableLogger } from "./AdaptableLogger.js";
-import { PrimaryKeyDocsLink } from "../Utilities/Constants/DocumentationLinkConstants.js";
-import StringExtensions from "../Utilities/Extensions/StringExtensions.js";
-import Emitter from "../Utilities/Emitter.js";
-import { applyDefaultAdaptableOptions } from "./defaultAdaptableOptions.js";
-import { AgGridAdapter } from "./AgGridAdapter.js";
-import * as GeneralConstants from "../Utilities/Constants/GeneralConstants.js";
-import { AB_FDC3_COLUMN, AB_SPECIAL_COLUMN, ADAPTABLE_ROW_ACTION_BUTTONS, AUTOGENERATED_PK_COLUMN, BLANK_DISTINCT_COLUMN_VALUE, DARK_THEME, DEFAULT_LAYOUT, GROUP_PATH_SEPARATOR, HALF_SECOND, LIGHT_THEME, } from "../Utilities/Constants/GeneralConstants.js";
-import { DataService } from "../Utilities/Services/DataService.js";
-import { AdaptableStore } from "../Redux/Store/AdaptableStore.js";
-import { AdaptableApiImpl } from "../Api/Implementation/AdaptableApiImpl.js";
-import { Fdc3Service } from "../Utilities/Services/Fdc3Service.js";
-import { CellPopupService } from "../Utilities/Services/CellPopupService.js";
-import { ChartingService } from "../Utilities/Services/ChartingService.js";
-import { ThemeService } from "../Utilities/Services/ThemeService.js";
-import { ValidationService } from "../Utilities/Services/ValidationService.js";
-import { ReportService } from "../Utilities/Services/ReportService.js";
-import { ModuleService } from "../Utilities/Services/ModuleService.js";
-import { CalculatedColumnExpressionService } from "../Utilities/Services/CalculatedColumnExpressionService.js";
-import { EntitlementService } from "../Utilities/Services/EntitlementService.js";
-import { QueryLanguageService } from "../Utilities/Services/QueryLanguageService.js";
-import { AlertService } from "../Utilities/Services/AlertService.js";
-import { TeamSharingService } from "../Utilities/Services/TeamSharingService.js";
-import { MetamodelService } from "../Utilities/Services/MetamodelService.js";
-import { LicenseService } from "../Utilities/Services/LicenseService/index.js";
-import { ALL_TOOL_PANELS } from "../PredefinedConfig/Common/Types.js";
-import * as ModuleConstants from "../Utilities/Constants/ModuleConstants.js";
-import { GridFilterModuleId } from "../Utilities/Constants/ModuleConstants.js";
-import { DashboardModule } from "../Strategy/DashboardModule.js";
-import { AlertModule } from "../Strategy/AlertModule.js";
-import { FlashingCellModule } from "../Strategy/FlashingCellModule.js";
-import { BulkUpdateModule } from "../Strategy/BulkUpdateModule.js";
-import { CalculatedColumnModule } from "../Strategy/CalculatedColumnModule.js";
-import { CellSummaryModule } from "../Strategy/CellSummaryModule.js";
-import { CustomSortModule } from "../Strategy/CustomSortModule.js";
-import { DataChangeHistoryModule } from "../Strategy/DataChangeHistoryModule.js";
-import { DataImportModule } from "../Strategy/DataImportModule.js";
-import { DataSetModule } from "../Strategy/DataSetModule.js";
-import { ExportModule } from "../Strategy/ExportModule.js";
-import { ColumnFilterModule } from "../Strategy/ColumnFilterModule.js";
-import { FormatColumnModule } from "../Strategy/FormatColumnModule.js";
-import { FreeTextColumnModule } from "../Strategy/FreeTextColumnModule.js";
-import { LayoutModule } from "../Strategy/LayoutModule.js";
-import { PlusMinusModule } from "../Strategy/PlusMinusModule.js";
-import { QuickSearchModule } from "../Strategy/QuickSearchModule.js";
-import { ScheduleModule } from "../Strategy/ScheduleModule.js";
-import { SmartEditModule } from "../Strategy/SmartEditModule.js";
-import { ShortcutModule } from "../Strategy/ShortcutModule.js";
-import { StateManagementModule } from "../Strategy/StateManagementModule.js";
-import { TeamSharingModule } from "../Strategy/TeamSharingModule.js";
-import { ToolPanelModule } from "../Strategy/ToolPanelModule.js";
-import { SystemStatusModule } from "../Strategy/SystemStatusModule.js";
-import { ThemeModule } from "../Strategy/ThemeModule.js";
-import { GridInfoModule } from "../Strategy/GridInfoModule.js";
-import { ColumnInfoModule } from "../Strategy/ColumnInfoModule.js";
-import { SettingsPanelModule } from "../Strategy/SettingsPanelModule.js";
-import { StatusBarModule } from "../Strategy/StatusBarModule.js";
-import { ChartingModule } from "../Strategy/ChartingModule.js";
-import { NoteModule } from "../Strategy/NoteModule.js";
-import { StyledColumnModule } from "../Strategy/StyledColumnModule.js";
-import { Fdc3Module } from "../Strategy/Fdc3Module.js";
-import { GridFilterModule } from "../Strategy/GridFilterModule.js";
-import { NamedQueryModule } from "../Strategy/NamedQueryModule.js";
-import { CommentModule } from "../Strategy/CommentModule.js";
-import { AdaptableNumberEditor, ReactAdaptableNumberEditor } from "./editors/AdaptableNumberEditor/index.js";
-import { AdaptableDateEditor, ReactAdaptableDateEditor } from "./editors/AdaptableDateEditor/index.js";
-import { Helper } from "../Utilities/Helpers/Helper.js";
-import { createUuid } from "../components/utils/uuid.js";
-import UIHelper from "../View/UIHelper.js";
-import { getAdaptableToolPanelAgGridComponent } from "../View/Components/ToolPanel/AdaptableToolPanel.js";
-import { ADAPTABLE_STATUS_PANEL } from "../PredefinedConfig/StatusBarState.js";
-import { createAgStatusPanelComponent } from "./createAgStatusPanelComponent.js";
-import { AdaptableStatusBar } from "../View/StatusBar/AdaptableStatusBar.js";
-import ArrayExtensions from "../Utilities/Extensions/ArrayExtensions.js";
-import { AgGridMenuAdapter } from "./AgGridMenuAdapter.js";
-import { AdaptableApp } from "../View/AdaptableView.js";
-import { renderReactRoot as defaultRenderReactRoot } from "../renderReactRoot.js";
-import { AgGridOptionsService } from "./AgGridOptionsService.js";
-import { parseDateValue } from "../Utilities/Helpers/DateHelper.js";
-import { AgGridColumnAdapter } from "./AgGridColumnAdapter.js";
+import { AdaptableLogger } from './AdaptableLogger';
+import { PrimaryKeyDocsLink } from '../Utilities/Constants/DocumentationLinkConstants';
+import StringExtensions from '../Utilities/Extensions/StringExtensions';
+import Emitter from '../Utilities/Emitter';
+import { applyDefaultAdaptableOptions } from './defaultAdaptableOptions';
+import { AgGridAdapter } from './AgGridAdapter';
+import * as GeneralConstants from '../Utilities/Constants/GeneralConstants';
+import { AB_FDC3_COLUMN, AB_SPECIAL_COLUMN, ADAPTABLE_ROW_ACTION_BUTTONS, AUTOGENERATED_PK_COLUMN, BLANK_DISTINCT_COLUMN_VALUE, DARK_THEME, DEFAULT_LAYOUT, GROUP_PATH_SEPARATOR, HALF_SECOND, LIGHT_THEME, } from '../Utilities/Constants/GeneralConstants';
+import { DataService } from '../Utilities/Services/DataService';
+import { AdaptableStore } from '../Redux/Store/AdaptableStore';
+import { AdaptableApiImpl } from '../Api/Implementation/AdaptableApiImpl';
+import { Fdc3Service } from '../Utilities/Services/Fdc3Service';
+import { CellPopupService } from '../Utilities/Services/CellPopupService';
+import { ChartingService } from '../Utilities/Services/ChartingService';
+import { ThemeService } from '../Utilities/Services/ThemeService';
+import { ValidationService } from '../Utilities/Services/ValidationService';
+import { ReportService } from '../Utilities/Services/ReportService';
+import { ModuleService } from '../Utilities/Services/ModuleService';
+import { CalculatedColumnExpressionService } from '../Utilities/Services/CalculatedColumnExpressionService';
+import { EntitlementService } from '../Utilities/Services/EntitlementService';
+import { QueryLanguageService } from '../Utilities/Services/QueryLanguageService';
+import { AlertService } from '../Utilities/Services/AlertService';
+import { TeamSharingService } from '../Utilities/Services/TeamSharingService';
+import { MetamodelService } from '../Utilities/Services/MetamodelService';
+import { LicenseService } from '../Utilities/Services/LicenseService';
+import { ALL_TOOL_PANELS } from '../PredefinedConfig/Common/Types';
+import * as ModuleConstants from '../Utilities/Constants/ModuleConstants';
+import { GridFilterModuleId } from '../Utilities/Constants/ModuleConstants';
+import { DashboardModule } from '../Strategy/DashboardModule';
+import { AlertModule } from '../Strategy/AlertModule';
+import { FlashingCellModule } from '../Strategy/FlashingCellModule';
+import { BulkUpdateModule } from '../Strategy/BulkUpdateModule';
+import { CalculatedColumnModule } from '../Strategy/CalculatedColumnModule';
+import { CellSummaryModule } from '../Strategy/CellSummaryModule';
+import { CustomSortModule } from '../Strategy/CustomSortModule';
+import { DataChangeHistoryModule } from '../Strategy/DataChangeHistoryModule';
+import { DataImportModule } from '../Strategy/DataImportModule';
+import { DataSetModule } from '../Strategy/DataSetModule';
+import { ExportModule } from '../Strategy/ExportModule';
+import { ColumnFilterModule } from '../Strategy/ColumnFilterModule';
+import { FormatColumnModule } from '../Strategy/FormatColumnModule';
+import { FreeTextColumnModule } from '../Strategy/FreeTextColumnModule';
+import { LayoutModule } from '../Strategy/LayoutModule';
+import { PlusMinusModule } from '../Strategy/PlusMinusModule';
+import { QuickSearchModule } from '../Strategy/QuickSearchModule';
+import { ScheduleModule } from '../Strategy/ScheduleModule';
+import { SmartEditModule } from '../Strategy/SmartEditModule';
+import { ShortcutModule } from '../Strategy/ShortcutModule';
+import { StateManagementModule } from '../Strategy/StateManagementModule';
+import { TeamSharingModule } from '../Strategy/TeamSharingModule';
+import { ToolPanelModule } from '../Strategy/ToolPanelModule';
+import { SystemStatusModule } from '../Strategy/SystemStatusModule';
+import { ThemeModule } from '../Strategy/ThemeModule';
+import { GridInfoModule } from '../Strategy/GridInfoModule';
+import { ColumnInfoModule } from '../Strategy/ColumnInfoModule';
+import { SettingsPanelModule } from '../Strategy/SettingsPanelModule';
+import { StatusBarModule } from '../Strategy/StatusBarModule';
+import { ChartingModule } from '../Strategy/ChartingModule';
+import { NoteModule } from '../Strategy/NoteModule';
+import { StyledColumnModule } from '../Strategy/StyledColumnModule';
+import { Fdc3Module } from '../Strategy/Fdc3Module';
+import { GridFilterModule } from '../Strategy/GridFilterModule';
+import { NamedQueryModule } from '../Strategy/NamedQueryModule';
+import { CommentModule } from '../Strategy/CommentModule';
+import { AdaptableNumberEditor, ReactAdaptableNumberEditor } from './editors/AdaptableNumberEditor';
+import { AdaptableDateEditor, ReactAdaptableDateEditor } from './editors/AdaptableDateEditor';
+import { Helper } from '../Utilities/Helpers/Helper';
+import { createUuid } from '../components/utils/uuid';
+import UIHelper from '../View/UIHelper';
+import { getAdaptableToolPanelAgGridComponent } from '../View/Components/ToolPanel/AdaptableToolPanel';
+import { ADAPTABLE_STATUS_PANEL } from '../PredefinedConfig/StatusBarState';
+import { createAgStatusPanelComponent } from './createAgStatusPanelComponent';
+import { AdaptableStatusBar } from '../View/StatusBar/AdaptableStatusBar';
+import ArrayExtensions from '../Utilities/Extensions/ArrayExtensions';
+import { AgGridMenuAdapter } from './AgGridMenuAdapter';
+import { AdaptableApp } from '../View/AdaptableView';
+import { renderReactRoot as defaultRenderReactRoot } from '../renderReactRoot';
+import { AgGridOptionsService } from './AgGridOptionsService';
+import { parseDateValue } from '../Utilities/Helpers/DateHelper';
+import { AgGridColumnAdapter } from './AgGridColumnAdapter';
 import uniqBy from 'lodash/uniqBy';
-import getScrollbarSize from "../Utilities/getScrollbarSize.js";
-import { isWeightedAverageAggregation, WEIGHTED_AVERAGE_AGG_FN_NAME, } from "../PredefinedConfig/Common/AggregationColumns.js";
+import getScrollbarSize from '../Utilities/getScrollbarSize';
+import { isWeightedAverageAggregation, WEIGHTED_AVERAGE_AGG_FN_NAME, } from '../PredefinedConfig/Common/AggregationColumns';
 import lodashIsEqual from 'lodash/isEqual';
-import { RowEditService } from "../Utilities/Services/RowEditService.js";
-import { weightedAverage } from "./weightedAverage.js";
-import { sortWithOrderArray } from "../Utilities/sortWithOrder.js";
-import { FilterOnDataChangeOptions } from "../PredefinedConfig/Common/Enums.js";
-import ObjectFactory from "../Utilities/ObjectFactory.js";
-import { ADAPTABLE_PUBLISH_TIMESTAMP } from "../EnvVars.js";
-import { AdaptableUpgradeHelper } from "../migration/AdaptableUpgradeHelper.js";
-import { ensurePortalElement } from "../components/Modal/index.js";
-import { AdaptableLoadingScreen } from "../View/Components/Popups/AdaptableLoadingScreen.js";
+import { RowEditService } from '../Utilities/Services/RowEditService';
+import { weightedAverage } from './weightedAverage';
+import { sortWithOrderArray } from '../Utilities/sortWithOrder';
+import { FilterOnDataChangeOptions } from '../PredefinedConfig/Common/Enums';
+import ObjectFactory from '../Utilities/ObjectFactory';
+import { ADAPTABLE_PUBLISH_TIMESTAMP } from '../EnvVars';
+import { AdaptableUpgradeHelper } from '../migration/AdaptableUpgradeHelper';
+import { ensurePortalElement } from '../components/Modal';
+import { AdaptableLoadingScreen } from '../View/Components/Popups/AdaptableLoadingScreen';
 import { createElement } from 'react';
-import { removeUuidAndSource } from "../Utilities/Helpers/AdaptableHelper.js";
-import { buildSortedColumnStateForLayout } from "./buildSortedColumnStateForLayout.js";
+import { removeUuidAndSource } from '../Utilities/Helpers/AdaptableHelper';
+import { buildSortedColumnStateForLayout } from './buildSortedColumnStateForLayout';
 const RowNodeProto = RowNode.prototype;
 const RowNode_dispatchLocalEvent = RowNodeProto.dispatchLocalEvent;
 /**

package/src/agGrid/AgGridAdapter.js

@@ -1,8 +1,8 @@
 import { GridApi, ModuleRegistry, } from '@ag-grid-community/core';
-import { ADAPTABLE_FDC3_ACTION_COLUMN_FRIENDLY_NAME, ADAPTABLE_ROW_ACTION_BUTTONS, ADAPTABLE_ROW_ACTION_BUTTONS_FRIENDLY_NAME, } from "../Utilities/Constants/GeneralConstants.js";
-import { createUuid } from "../PredefinedConfig/Uuid.js";
-import ArrayExtensions from "../Utilities/Extensions/ArrayExtensions.js";
-import * as ModuleConstants from "../Utilities/Constants/ModuleConstants.js";
+import { ADAPTABLE_FDC3_ACTION_COLUMN_FRIENDLY_NAME, ADAPTABLE_ROW_ACTION_BUTTONS, ADAPTABLE_ROW_ACTION_BUTTONS_FRIENDLY_NAME, } from '../Utilities/Constants/GeneralConstants';
+import { createUuid } from '../PredefinedConfig/Uuid';
+import ArrayExtensions from '../Utilities/Extensions/ArrayExtensions';
+import * as ModuleConstants from '../Utilities/Constants/ModuleConstants';
 export class AgGridAdapter {
     constructor(adaptableInstance) {
         this.adaptableInstance = adaptableInstance;

package/src/agGrid/AgGridColumnAdapter.js

@@ -1,15 +1,15 @@
 import { ModuleNames, } from '@ag-grid-community/core';
 import merge from 'lodash/merge';
-import { FilterWrapperFactory } from "./FilterWrapper.js";
-import { FloatingFilterWrapperFactory } from "./FloatingFilterWrapper.js";
-import { convertAdaptableStyleToCSS, getVariableColor, normalizeStyleForAgGrid, } from "../Utilities/Helpers/StyleHelper.js";
-import StringExtensions from "../Utilities/Extensions/StringExtensions.js";
-import { createBaseContext } from "../Utilities/ObjectFactory.js";
+import { FilterWrapperFactory } from './FilterWrapper';
+import { FloatingFilterWrapperFactory } from './FloatingFilterWrapper';
+import { convertAdaptableStyleToCSS, getVariableColor, normalizeStyleForAgGrid, } from '../Utilities/Helpers/StyleHelper';
+import StringExtensions from '../Utilities/Extensions/StringExtensions';
+import { createBaseContext } from '../Utilities/ObjectFactory';
 import tinycolor from 'tinycolor2';
-import UIHelper from "../View/UIHelper.js";
-import { getPercentBarRendererForColumn } from "./PercentBarRenderer.js";
-import { getBadgeRendererForColumn } from "./BadgeRenderer.js";
-import Helper from "../Utilities/Helpers/Helper.js";
+import UIHelper from '../View/UIHelper';
+import { getPercentBarRendererForColumn } from './PercentBarRenderer';
+import { getBadgeRendererForColumn } from './BadgeRenderer';
+import Helper from '../Utilities/Helpers/Helper';
 export class AgGridColumnAdapter {
     constructor(adaptableInstance) {
         this.adaptableInstance = adaptableInstance;

package/src/agGrid/AgGridMenuAdapter.js

@@ -1,6 +1,6 @@
-import { isAdaptableElementIcon } from "../components/Icon/index.js";
-import { iconToString } from "../components/icons/index.js";
-import ArrayExtensions from "../Utilities/Extensions/ArrayExtensions.js";
+import { isAdaptableElementIcon } from '../components/Icon';
+import { iconToString } from '../components/icons';
+import ArrayExtensions from '../Utilities/Extensions/ArrayExtensions';
 export class AgGridMenuAdapter {
     constructor(adaptableInstance) {
         this.adaptableInstance = adaptableInstance;

package/src/agGrid/BadgeRenderer.js

@@ -1,5 +1,5 @@
-import { Badge } from "../View/Components/Badge/index.js";
-import { renderWithAdaptableContext } from "../View/renderWithAdaptableContext.js";
+import { Badge } from '../View/Components/Badge';
+import { renderWithAdaptableContext } from '../View/renderWithAdaptableContext';
 import * as React from 'react';
 export const getBadgeRendererForColumn = (badgeStyle, abColumn, api) => {
     return class BadgetRenderer {

package/src/agGrid/FilterWrapper.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef, useImperativeHandle, useState } from 'react';
-import { FilterFormReact } from "../View/Components/FilterForm/FilterForm.js";
+import { FilterFormReact } from '../View/Components/FilterForm/FilterForm';
 export const FilterWrapperFactory = (adaptable) => {
     function isFilterActive(colId) {
         // we need this here

package/src/agGrid/FloatingFilterWrapper.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef, useImperativeHandle } from 'react';
-import { QuickFilterFormReact } from "../View/Components/FilterForm/QuickFilterForm.js";
+import { QuickFilterFormReact } from '../View/Components/FilterForm/QuickFilterForm';
 const filterContainerStyle = {
     overflow: 'hidden',
     minWidth: '0',

package/src/agGrid/PercentBarRenderer.js

@@ -1,4 +1,4 @@
-import Helper from "../Utilities/Helpers/Helper.js";
+import Helper from '../Utilities/Helpers/Helper';
 import clamp from 'lodash/clamp';
 export const getPercentBarRendererForColumn = (styledColumn, abColumn, api) => {
     if (!styledColumn.PercentBarStyle) {

package/src/agGrid/attachAddaptableColumnTypes.js

@@ -1,4 +1,4 @@
-import { AB_FDC3_COLUMN, AB_SPECIAL_COLUMN } from "../Utilities/Constants/GeneralConstants.js";
+import { AB_FDC3_COLUMN, AB_SPECIAL_COLUMN } from '../Utilities/Constants/GeneralConstants';
 export const attachColumnTypes = (gridOptions) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
     gridOptions.columnTypes = (_a = gridOptions.columnTypes) !== null && _a !== void 0 ? _a : {};

package/src/agGrid/buildSortedColumnStateForLayout.js

@@ -1,7 +1,7 @@
-import { AG_GRID_GROUPED_COLUMN } from "../Utilities/Constants/GeneralConstants.js";
-import { getAutoRowGroupColumnIdFor } from "../Api/Internal/ColumnInternalApi.js";
-import { isAutoRowGroupColumn } from "../Api/Implementation/ColumnApiImpl.js";
-import { sortColumnStateForVisibleColumns } from "./sortColumnStateForVisibleColumns.js";
+import { AG_GRID_GROUPED_COLUMN } from '../Utilities/Constants/GeneralConstants';
+import { getAutoRowGroupColumnIdFor } from '../Api/Internal/ColumnInternalApi';
+import { isAutoRowGroupColumn } from '../Api/Implementation/ColumnApiImpl';
+import { sortColumnStateForVisibleColumns } from './sortColumnStateForVisibleColumns';
 export function buildSortedColumnStateForLayout(params) {
     const { columnState, layout, gridOptions } = params;
     let visibleColumnList = [...layout.Columns];

package/src/agGrid/createAgStatusPanelComponent.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { renderWithAdaptableContext } from "../View/renderWithAdaptableContext.js";
+import { renderWithAdaptableContext } from '../View/renderWithAdaptableContext';
 export const createAgStatusPanelComponent = (component, adaptable, context) => {
     if (adaptable.variant === 'react') {
         return (props) => {

package/src/agGrid/defaultAdaptableOptions.js

@@ -1,10 +1,10 @@
-import * as GeneralConstants from "../Utilities/Constants/GeneralConstants.js";
-import UIHelper, { getHexForName, GRAY, GREEN, RED } from "../View/UIHelper.js";
-import { EMPTY_ARRAY } from "../Utilities/Constants/GeneralConstants.js";
-import { ExportDestination } from "../PredefinedConfig/Common/Enums.js";
-import { SystemAlertPredicateIds, SystemBadgeStylePredicateIds, SystemFilterPredicateIds, SystemFlashingCellPredicateIds, SystemFormatColumnPredicateIds, } from "../PredefinedConfig/Common/AdaptablePredicate.js";
-import * as ModuleConstants from "../Utilities/Constants/ModuleConstants.js";
-import { initPredefinedConfigWithUuids } from "../Utilities/Helpers/AdaptableHelper.js";
+import * as GeneralConstants from '../Utilities/Constants/GeneralConstants';
+import UIHelper, { getHexForName, GRAY, GREEN, RED } from '../View/UIHelper';
+import { EMPTY_ARRAY } from '../Utilities/Constants/GeneralConstants';
+import { ExportDestination } from '../PredefinedConfig/Common/Enums';
+import { SystemAlertPredicateIds, SystemBadgeStylePredicateIds, SystemFilterPredicateIds, SystemFlashingCellPredicateIds, SystemFormatColumnPredicateIds, } from '../PredefinedConfig/Common/AdaptablePredicate';
+import * as ModuleConstants from '../Utilities/Constants/ModuleConstants';
+import { initPredefinedConfigWithUuids } from '../Utilities/Helpers/AdaptableHelper';
 const DefaultAdaptableOptions = {
     adaptableId: GeneralConstants.ADAPTABLE_ID,
     adaptableStateKey: undefined,

package/src/agGrid/editors/AdaptableDateEditor/InternalAdaptableDateEditor.js

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import parseISO from 'date-fns/parseISO';
-import useProperty from "../../../components/utils/useProperty.js";
-import AdaptableInput from "../../../View/Components/AdaptableInput/index.js";
-import { DatepickerContext } from "../../../components/Datepicker/DatepickerContext.js";
-import { parseToISO } from "../../../Utilities/Helpers/DateHelper.js";
+import useProperty from '../../../components/utils/useProperty';
+import AdaptableInput from '../../../View/Components/AdaptableInput';
+import { DatepickerContext } from '../../../components/Datepicker/DatepickerContext';
+import { parseToISO } from '../../../Utilities/Helpers/DateHelper';
 const fillStyle = {
     position: 'absolute',
     left: 0,

package/src/agGrid/editors/AdaptableDateEditor/index.js

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { renderWithAdaptableContext } from "../../../View/renderWithAdaptableContext.js";
-import { InternalAdaptableDateEditor, } from "./InternalAdaptableDateEditor.js";
+import { renderWithAdaptableContext } from '../../../View/renderWithAdaptableContext';
+import { InternalAdaptableDateEditor, } from './InternalAdaptableDateEditor';
 import { KeyCode, } from '@ag-grid-community/core';
 import { forwardRef, useImperativeHandle, useRef, useState } from 'react';
-import { DateFormatter } from "../../../Utilities/Helpers/FormatHelper.js";
+import { DateFormatter } from '../../../Utilities/Helpers/FormatHelper';
 function shouldClearExistingValue(params) {
     return params.eventKey === KeyCode.BACKSPACE || params.eventKey === KeyCode.DELETE;
 }

package/src/agGrid/editors/AdaptableNumberEditor/InternalAdaptableNumberEditor.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { Icon } from "../../../components/icons/index.js";
-import useProperty from "../../../components/utils/useProperty.js";
+import { Icon } from '../../../components/icons';
+import useProperty from '../../../components/utils/useProperty';
 const fillStyle = {
     position: 'absolute',
     left: 0,

package/src/agGrid/editors/AdaptableNumberEditor/index.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { renderWithAdaptableContext } from "../../../View/renderWithAdaptableContext.js";
-import { InternalAdaptableNumberEditor, } from "./InternalAdaptableNumberEditor.js";
+import { renderWithAdaptableContext } from '../../../View/renderWithAdaptableContext';
+import { InternalAdaptableNumberEditor, } from './InternalAdaptableNumberEditor';
 import { KeyCode, } from '@ag-grid-community/core';
 import { forwardRef, useImperativeHandle, useRef, useState } from 'react';
 function shouldClearExistingValue(params) {

package/src/agGrid/index.js

@@ -1,7 +1,7 @@
 import { Adaptable, 
 //init as initFn,
-AdaptableNoCodeWizard as ABWizard, } from "./Adaptable.js";
-export { default as AdaptableWizardView } from "../View/AdaptableWizardView/index.js";
+AdaptableNoCodeWizard as ABWizard, } from './Adaptable';
+export { default as AdaptableWizardView } from '../View/AdaptableWizardView';
 export default Adaptable;
 export const AdaptableNoCodeWizard = ABWizard;
 //export const init = initFn;

package/src/components/Accordion.js

@@ -1,6 +1,6 @@
 import React, { useState, useEffect, useRef } from 'react';
-import SimpleButton from "./SimpleButton/index.js";
-import Panel from "./Panel/index.js";
+import SimpleButton from './SimpleButton';
+import Panel from './Panel';
 export const Accordion = ({ title, children }) => {
     const [isOpen, setIsOpen] = useState(false);
     const [height, setHeight] = useState('0px');

package/src/components/AdaptableFormComponent/AdaptableFormComponent.js

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import { Box, Flex } from 'rebass';
-import FormLayout, { FormRow } from "../FormLayout/index.js";
-import Input from "../Input/index.js";
-import SimpleButton from "../SimpleButton/index.js";
-import AdaptableInput from "../../View/Components/AdaptableInput/index.js";
-import DropdownButton from "../DropdownButton/index.js";
+import FormLayout, { FormRow } from '../FormLayout';
+import Input from '../Input';
+import SimpleButton from '../SimpleButton';
+import AdaptableInput from '../../View/Components/AdaptableInput';
+import DropdownButton from '../DropdownButton';
 import { useMemo } from 'react';
-import { useAdaptable } from "../../View/AdaptableContext.js";
+import { useAdaptable } from '../../View/AdaptableContext';
 export function AdaptableFormComponentButtons({ formDef, onClick, defaultTone, disabledButtons, api, context, focusFirstButton = true, }) {
     return (React.createElement(React.Fragment, null, formDef.buttons.map((button, index) => {
         var _a;

package/src/components/AdaptableFormComponent/index.js

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

package/src/components/CheckBox/index.js

@@ -2,7 +2,7 @@ import { __rest } from "tslib";
 import * as React from 'react';
 import { useRef, useState } from 'react';
 import { Box, Flex } from 'rebass';
-import join from "../utils/join.js";
+import join from '../utils/join';
 const Square = (props) => {
     return React.createElement("div", { className: `ab-CheckBox__square ab-CheckBox__square--${props.type}` });
 };

package/src/components/CodeBlock/index.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Box } from 'rebass';
-import join from "../utils/join.js";
+import join from '../utils/join';
 export const baseClassName = 'ab-CodeBlock';
 export const CodeBlock = (props) => {
     return React.createElement(Box, Object.assign({ as: "code" }, props, { className: join(props.className, baseClassName) }));

package/src/components/ColorPicker/ColorPicker.js

@@ -1,8 +1,8 @@
 import { __rest } from "tslib";
 import * as React from 'react';
 import { Box, Flex } from 'rebass';
-import Input from "../Input/index.js";
-import { getVariableColor } from "../../Utilities/Helpers/StyleHelper.js";
+import Input from '../Input';
+import { getVariableColor } from '../../Utilities/Helpers/StyleHelper';
 import tinycolor from 'tinycolor2';
 export const ColorPicker = React.forwardRef((props, ref) => {
     const ColorPalette = props.api.userInterfaceApi.getColorPalette();

package/src/components/ColorPicker/index.js

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

package/src/components/Dashboard/Dashboard.js

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import useDraggable from "../utils/useDraggable.js";
-import join from "../utils/join.js";
-import useProperty from "../utils/useProperty.js";
-import { DashboardToolbar } from "./DashboardToolbar.js";
-import DropdownButton from "../DropdownButton/index.js";
+import useDraggable from '../utils/useDraggable';
+import join from '../utils/join';
+import useProperty from '../utils/useProperty';
+import { DashboardToolbar } from './DashboardToolbar';
+import DropdownButton from '../DropdownButton';
 export function Dashboard(props) {
     const { title, children, left, right, onShowDashboardPopup } = props;
     const [activeTabIndex, setActiveTabIndex] = useProperty(props, 'activeTabIndex', 0);

package/src/components/Dashboard/DashboardManager.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ModuleManager } from "../DragAndDropContext/ModuleManager.js";
+import { ModuleManager } from '../DragAndDropContext/ModuleManager';
 const DashboardManager = ({ tabs, onTabsChange, availableToolbars, api, disabled, }) => {
     const moduleService = api.internalApi.getModuleService();
     const moduleInfo = moduleService.getModuleInfoByModule('Dashboard');

package/src/components/Dashboard/DashboardToolbar.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import SimpleButton from "../SimpleButton/index.js";
-import join from "../utils/join.js";
+import SimpleButton from '../SimpleButton';
+import join from '../utils/join';
 import { Flex } from 'rebass';
 export function DashboardToolbar(props) {
     return (React.createElement("div", { className: join('ab-Dashboard__toolbar', props.className) },

package/src/components/Dashboard/index.js

@@ -1,3 +1,3 @@
-export * from "./Dashboard.js";
-export * from "./DashboardTab.js";
-export * from "./DashboardToolbar.js";
+export * from './Dashboard';
+export * from './DashboardTab';
+export * from './DashboardToolbar';

package/src/components/Datepicker/Caption.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import isSameMonth from 'date-fns/isSameMonth';
 import add from 'date-fns/add';
-import { CaptionLabel } from "./CaptionLabel.js";
+import { CaptionLabel } from './CaptionLabel';
 import { useDayPicker, useNavigation, } from 'react-day-picker';
 /**
  * Render the caption of a month, which includes title and navigation buttons.

package/src/components/Datepicker/CaptionLabel.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Flex } from 'rebass';
 import format from 'date-fns/format';
-import SimpleButton from "../SimpleButton/index.js";
+import SimpleButton from '../SimpleButton';
 import { useMemo } from 'react';
 import { useDayPicker } from 'react-day-picker';
 export function CaptionLabel(props) {

package/src/components/Datepicker/index.js

@@ -1,19 +1,19 @@
 import { __rest } from "tslib";
 import * as React from 'react';
-import OverlayTrigger from "../OverlayTrigger/index.js";
+import OverlayTrigger from '../OverlayTrigger';
 import { useState } from 'react';
-import useProperty from "../utils/useProperty.js";
-import FieldWrap from "../FieldWrap/index.js";
-import SimpleButton from "../SimpleButton/index.js";
+import useProperty from '../utils/useProperty';
+import FieldWrap from '../FieldWrap';
+import SimpleButton from '../SimpleButton';
 import { Flex } from 'rebass';
-import { DateFormatter } from "../../Utilities/Helpers/FormatHelper.js";
-import { Caption } from "./Caption.js";
-import { CaptionLabel } from "./CaptionLabel.js";
-import { useDatepickerContext } from "./DatepickerContext.js";
+import { DateFormatter } from '../../Utilities/Helpers/FormatHelper';
+import { Caption } from './Caption';
+import { CaptionLabel } from './CaptionLabel';
+import { useDatepickerContext } from './DatepickerContext';
 import addDays from 'date-fns/addDays';
 import addBusinessDays from 'date-fns/addBusinessDays';
 import { DayPicker, useInput } from 'react-day-picker';
-import { AdaptableDateInlineInput } from "../../View/Components/AdaptableInput/AdaptableDateInlineInput.js";
+import { AdaptableDateInlineInput } from '../../View/Components/AdaptableInput/AdaptableDateInlineInput';
 import { isValid } from 'date-fns';
 const DatepickerOverlay = ({ onHide, children, onKeyDown, onMouseDown, }) => {
     const domRef = React.useRef(null);