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

package/src/View/FreeTextColumn/FreeTextColumnSummary.js

@@ -1,17 +1,17 @@
 import * as React from 'react';
-import { WizardStatus, } from "../Components/SharedProps/EditableConfigEntityState.js";
+import { WizardStatus, } from '../Components/SharedProps/EditableConfigEntityState';
 import { connect } from 'react-redux';
-import { Helper } from "../../Utilities/Helpers/Helper.js";
-import * as FreeTextColumnRedux from "../../Redux/ActionsReducers/FreeTextColumnRedux.js";
-import { ObjectFactory } from "../../Utilities/ObjectFactory.js";
-import * as ModuleConstants from "../../Utilities/Constants/ModuleConstants.js";
-import { ModuleDetail } from "../Components/ModuleSummary/ModuleDetail.js";
-import { ModuleProfile } from "../Components/ModuleProfile.js";
-import * as TeamSharingRedux from "../../Redux/ActionsReducers/TeamSharingRedux.js";
-import { UIHelper } from "../UIHelper.js";
-import { StringExtensions } from "../../Utilities/Extensions/StringExtensions.js";
-import { ArrayExtensions } from "../../Utilities/Extensions/ArrayExtensions.js";
-import { FreeTextColumnWizard } from "./Wizard/FreeTextColumnWizard.js";
+import { Helper } from '../../Utilities/Helpers/Helper';
+import * as FreeTextColumnRedux from '../../Redux/ActionsReducers/FreeTextColumnRedux';
+import { ObjectFactory } from '../../Utilities/ObjectFactory';
+import * as ModuleConstants from '../../Utilities/Constants/ModuleConstants';
+import { ModuleDetail } from '../Components/ModuleSummary/ModuleDetail';
+import { ModuleProfile } from '../Components/ModuleProfile';
+import * as TeamSharingRedux from '../../Redux/ActionsReducers/TeamSharingRedux';
+import { UIHelper } from '../UIHelper';
+import { StringExtensions } from '../../Utilities/Extensions/StringExtensions';
+import { ArrayExtensions } from '../../Utilities/Extensions/ArrayExtensions';
+import { FreeTextColumnWizard } from './Wizard/FreeTextColumnWizard';
 export class FreeTextColumnSummaryComponent extends React.Component {
     constructor(props) {
         super(props);

package/src/View/FreeTextColumn/Wizard/FreeTextColumnSettingsWizardSection.js

@@ -1,18 +1,18 @@
 import * as React from 'react';
 import { useState } from 'react';
 import { Box } from 'rebass';
-import Input from "../../../components/Input/index.js";
-import ErrorBox from "../../../components/ErrorBox/index.js";
-import Radio from "../../../components/Radio/index.js";
-import FormLayout, { FormRow } from "../../../components/FormLayout/index.js";
-import { useOnePageAdaptableWizardContext } from "../../Wizard/OnePageAdaptableWizard.js";
-import AdaptableInput from "../../Components/AdaptableInput/index.js";
-import { CheckBox } from "../../../components/CheckBox/index.js";
-import { DateFormatter } from "../../../Utilities/Helpers/FormatHelper.js";
-import { parseToISO } from "../../../Utilities/Helpers/DateHelper.js";
-import { Tag } from "../../../components/Tag/index.js";
-import { SpecialColumnSettingsWizardStep } from "../../SpecialColumnSettingsWizardStep.js";
-import { Select } from "../../../components/Select/index.js";
+import Input from '../../../components/Input';
+import ErrorBox from '../../../components/ErrorBox';
+import Radio from '../../../components/Radio';
+import FormLayout, { FormRow } from '../../../components/FormLayout';
+import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
+import AdaptableInput from '../../Components/AdaptableInput';
+import { CheckBox } from '../../../components/CheckBox';
+import { DateFormatter } from '../../../Utilities/Helpers/FormatHelper';
+import { parseToISO } from '../../../Utilities/Helpers/DateHelper';
+import { Tag } from '../../../components/Tag';
+import { SpecialColumnSettingsWizardStep } from '../../SpecialColumnSettingsWizardStep';
+import { Select } from '../../../components/Select';
 const options = [
     { value: 'Number', label: 'Number' },
     { value: 'String', label: 'String' },

package/src/View/FreeTextColumn/Wizard/FreeTextColumnWizard.js

@@ -1,14 +1,14 @@
 import * as React from 'react';
 import { useState } from 'react';
 import { Box } from 'rebass';
-import { OnePageAdaptableWizard, OnePageWizardSummary } from "../../Wizard/OnePageAdaptableWizard.js";
-import { cloneObject } from "../../../Utilities/Helpers/Helper.js";
-import { FreeTextColumnSettingsWizardSection, isValidFreeTextColumn, renderFreeTextColumnSummary, } from "./FreeTextColumnSettingsWizardSection.js";
-import ObjectFactory from "../../../Utilities/ObjectFactory.js";
-import * as FreeTextColumnRedux from "../../../Redux/ActionsReducers/FreeTextColumnRedux.js";
+import { OnePageAdaptableWizard, OnePageWizardSummary } from '../../Wizard/OnePageAdaptableWizard';
+import { cloneObject } from '../../../Utilities/Helpers/Helper';
+import { FreeTextColumnSettingsWizardSection, isValidFreeTextColumn, renderFreeTextColumnSummary, } from './FreeTextColumnSettingsWizardSection';
+import ObjectFactory from '../../../Utilities/ObjectFactory';
+import * as FreeTextColumnRedux from '../../../Redux/ActionsReducers/FreeTextColumnRedux';
 import { useDispatch, useSelector } from 'react-redux';
-import { ObjectTagsWizardSection, renderObjectTagsSummary, } from "../../Wizard/ObjectTagsWizardSection.js";
-import { useAdaptable } from "../../AdaptableContext.js";
+import { ObjectTagsWizardSection, renderObjectTagsSummary, } from '../../Wizard/ObjectTagsWizardSection';
+import { useAdaptable } from '../../AdaptableContext';
 export const FreeTextColumnWizard = (props) => {
     var _a;
     const adaptable = useAdaptable();

package/src/View/GridFilter/GridFilterExpressionEditor.js

@@ -1,16 +1,16 @@
 import * as React from 'react';
 import { useDispatch } from 'react-redux';
 import { Box, Flex } from 'rebass';
-import { ExpressionEditor } from "../../components/ExpressionEditor/index.js";
-import { NamedQueryContext, } from "../../components/ExpressionEditor/NamedQueryContext.js";
-import SimpleButton from "../../components/SimpleButton/index.js";
-import * as QueryRedux from "../../Redux/ActionsReducers/NamedQueryRedux.js";
-import { PopupShowForm } from "../../Redux/ActionsReducers/PopupRedux.js";
-import { GridFilterModuleId } from "../../Utilities/Constants/ModuleConstants.js";
-import { IsNotNullOrEmpty, IsNullOrEmpty } from "../../Utilities/Extensions/StringExtensions.js";
-import Helper from "../../Utilities/Helpers/Helper.js";
-import { useAdaptable } from "../AdaptableContext.js";
-import { useGridFilterOptionsForExpressionEditorProps } from "./useGridFilterOptionsForExpressionEditor.js";
+import { ExpressionEditor } from '../../components/ExpressionEditor';
+import { NamedQueryContext, } from '../../components/ExpressionEditor/NamedQueryContext';
+import SimpleButton from '../../components/SimpleButton';
+import * as QueryRedux from '../../Redux/ActionsReducers/NamedQueryRedux';
+import { PopupShowForm } from '../../Redux/ActionsReducers/PopupRedux';
+import { GridFilterModuleId } from '../../Utilities/Constants/ModuleConstants';
+import { IsNotNullOrEmpty, IsNullOrEmpty } from '../../Utilities/Extensions/StringExtensions';
+import Helper from '../../Utilities/Helpers/Helper';
+import { useAdaptable } from '../AdaptableContext';
+import { useGridFilterOptionsForExpressionEditorProps } from './useGridFilterOptionsForExpressionEditor';
 export const GridFilterExpressionEditor = (props) => {
     const dispatch = useDispatch();
     const { api } = useAdaptable();

package/src/View/GridFilter/GridFilterPopup.js

@@ -1,21 +1,21 @@
 import * as React from 'react';
 import { Flex } from 'rebass';
-import DropdownButton from "../../components/DropdownButton/index.js";
-import FieldWrap from "../../components/FieldWrap/index.js";
-import FormLayout, { FormRow } from "../../components/FormLayout/index.js";
-import Input from "../../components/Input/index.js";
-import Panel from "../../components/Panel/index.js";
-import StringExtensions from "../../Utilities/Extensions/StringExtensions.js";
-import { ButtonClear } from "../Components/Buttons/ButtonClear.js";
-import { ButtonExpand } from "../Components/Buttons/ButtonExpand.js";
-import { ButtonInvalid } from "../Components/Buttons/ButtonInvalid.js";
-import { ButtonPause } from "../Components/Buttons/ButtonPause.js";
-import { ButtonPlay } from "../Components/Buttons/ButtonPlay.js";
-import { ButtonSave } from "../Components/Buttons/ButtonSave.js";
-import { ButtonUnsuspend } from "../Components/Buttons/ButtonUnsuspend.js";
-import { PopupPanel } from "../Components/Popups/AdaptablePopup/PopupPanel.js";
-import { NamedQuerySelector } from "./NamedQuerySelector.js";
-import { useGridFilterExpressionEditor } from "./useGridFilterExpressionEditor.js";
+import DropdownButton from '../../components/DropdownButton';
+import FieldWrap from '../../components/FieldWrap';
+import FormLayout, { FormRow } from '../../components/FormLayout';
+import Input from '../../components/Input';
+import Panel from '../../components/Panel';
+import StringExtensions from '../../Utilities/Extensions/StringExtensions';
+import { ButtonClear } from '../Components/Buttons/ButtonClear';
+import { ButtonExpand } from '../Components/Buttons/ButtonExpand';
+import { ButtonInvalid } from '../Components/Buttons/ButtonInvalid';
+import { ButtonPause } from '../Components/Buttons/ButtonPause';
+import { ButtonPlay } from '../Components/Buttons/ButtonPlay';
+import { ButtonSave } from '../Components/Buttons/ButtonSave';
+import { ButtonUnsuspend } from '../Components/Buttons/ButtonUnsuspend';
+import { PopupPanel } from '../Components/Popups/AdaptablePopup/PopupPanel';
+import { NamedQuerySelector } from './NamedQuerySelector';
+import { useGridFilterExpressionEditor } from './useGridFilterExpressionEditor';
 export const GridFilterPopup = () => {
     const { cachedQueries, expression, setExpression, isExpressionNamedQuery, isExpressionValid, isSuspended, gridFilter, namedQueries, availableColumns, runQuery, onExpand, clearQuery, namedQueryModuleAccessLevel, saveQuery, suspendGridFilter, unSuspendGridFilter, setGridFilterExpression, gridFilterAccessLevel, gridFilterHelpPage, gridFilterLinkDisabled, isReadOnly, } = useGridFilterExpressionEditor();
     const handleEnter = (e) => {

package/src/View/GridFilter/GridFilterViewPanel.js

@@ -1,19 +1,19 @@
 import * as React from 'react';
 import { Box, Flex } from 'rebass';
-import StringExtensions from "../../Utilities/Extensions/StringExtensions.js";
-import DropdownButton from "../../components/DropdownButton/index.js";
-import FieldWrap from "../../components/FieldWrap/index.js";
-import Textarea from "../../components/Textarea/index.js";
-import { Icon } from "../../components/icons/index.js";
-import { ButtonClear } from "../Components/Buttons/ButtonClear.js";
-import { ButtonExpand } from "../Components/Buttons/ButtonExpand.js";
-import { ButtonInvalid } from "../Components/Buttons/ButtonInvalid.js";
-import { ButtonPause } from "../Components/Buttons/ButtonPause.js";
-import { ButtonPlay } from "../Components/Buttons/ButtonPlay.js";
-import { ButtonSave } from "../Components/Buttons/ButtonSave.js";
-import { ButtonUnsuspend } from "../Components/Buttons/ButtonUnsuspend.js";
-import { NamedQuerySelector } from "./NamedQuerySelector.js";
-import { useGridFilterExpressionEditor } from "./useGridFilterExpressionEditor.js";
+import StringExtensions from '../../Utilities/Extensions/StringExtensions';
+import DropdownButton from '../../components/DropdownButton';
+import FieldWrap from '../../components/FieldWrap';
+import Textarea from '../../components/Textarea';
+import { Icon } from '../../components/icons';
+import { ButtonClear } from '../Components/Buttons/ButtonClear';
+import { ButtonExpand } from '../Components/Buttons/ButtonExpand';
+import { ButtonInvalid } from '../Components/Buttons/ButtonInvalid';
+import { ButtonPause } from '../Components/Buttons/ButtonPause';
+import { ButtonPlay } from '../Components/Buttons/ButtonPlay';
+import { ButtonSave } from '../Components/Buttons/ButtonSave';
+import { ButtonUnsuspend } from '../Components/Buttons/ButtonUnsuspend';
+import { NamedQuerySelector } from './NamedQuerySelector';
+import { useGridFilterExpressionEditor } from './useGridFilterExpressionEditor';
 const QueryViewPanelComponent = (props) => {
     const { cachedQueries, expression, setExpression, isExpressionNamedQuery, isExpressionValid, isSuspended, gridFilter, isAdaptableReady, namedQueries, availableColumns, runQuery, onExpand, clearQuery, namedQueryModuleAccessLevel, saveQuery, suspendGridFilter, unSuspendGridFilter, setGridFilterExpression, gridFilterAccessLevel, isReadOnly, } = useGridFilterExpressionEditor();
     if (!isAdaptableReady) {

package/src/View/GridFilter/GridFilterWindowPopup.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { GridFilterExpressionEditor } from "./GridFilterExpressionEditor.js";
+import { GridFilterExpressionEditor } from './GridFilterExpressionEditor';
 export const GridFilterWindowPopup = (props) => {
     return (React.createElement(GridFilterExpressionEditor, { expression: props.popupProps.value, onDismiss: props.onDismiss }));
 };

package/src/View/GridFilter/NamedQuerySelector.js

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { Box, Flex } from 'rebass';
-import { Icon } from "../../components/icons/index.js";
-import Panel from "../../components/Panel/index.js";
-import SimpleButton from "../../components/SimpleButton/index.js";
-import { Tag } from "../../components/Tag/index.js";
-import { SortOrder } from "../../PredefinedConfig/Common/Enums.js";
-import ArrayExtensions from "../../Utilities/Extensions/ArrayExtensions.js";
-import { AdaptablePopover } from "../AdaptablePopover/index.js";
-import { ButtonOpen } from "../Components/Buttons/ButtonOpen.js";
+import { Icon } from '../../components/icons';
+import Panel from '../../components/Panel';
+import SimpleButton from '../../components/SimpleButton';
+import { Tag } from '../../components/Tag';
+import { SortOrder } from '../../PredefinedConfig/Common/Enums';
+import ArrayExtensions from '../../Utilities/Extensions/ArrayExtensions';
+import { AdaptablePopover } from '../AdaptablePopover';
+import { ButtonOpen } from '../Components/Buttons/ButtonOpen';
 export const AvailableSearchLabel = (props) => {
     return (React.createElement(Flex, { flexDirection: "column", textAlign: "start", width: "100%", justifyContent: "space-around" },
         React.createElement(Box, { mb: 2, flex: 1 }, props.label),

package/src/View/GridFilter/useGridFilterExpressionEditor.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { useDispatch, useSelector } from 'react-redux';
-import * as SystemRedux from "../../Redux/ActionsReducers/SystemRedux.js";
-import { GridFilterModuleId, NamedQueryModuleId } from "../../Utilities/Constants/ModuleConstants.js";
-import StringExtensions from "../../Utilities/Extensions/StringExtensions.js";
-import { useAdaptable } from "../AdaptableContext.js";
-import * as PopupRedux from "../../Redux/ActionsReducers/PopupRedux.js";
+import * as SystemRedux from '../../Redux/ActionsReducers/SystemRedux';
+import { GridFilterModuleId, NamedQueryModuleId } from '../../Utilities/Constants/ModuleConstants';
+import StringExtensions from '../../Utilities/Extensions/StringExtensions';
+import { useAdaptable } from '../AdaptableContext';
+import * as PopupRedux from '../../Redux/ActionsReducers/PopupRedux';
 export const useGridFilterExpressionEditor = () => {
     var _a, _b, _c;
     const adaptable = useAdaptable();

package/src/View/GridFilter/useGridFilterOptionsForExpressionEditor.js

@@ -1,4 +1,4 @@
-import { useAdaptable } from "../AdaptableContext.js";
+import { useAdaptable } from '../AdaptableContext';
 export const useGridFilterOptionsForExpressionEditorProps = () => {
     const adaptable = useAdaptable();
     const gridFilterEditors = adaptable.api.optionsApi.getGridFilterOptions().availableFilterEditors;

package/src/View/GridInfo/GridInfoPopup/AdaptableObjectsSummary.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { useSelector } from 'react-redux';
 import { Box } from 'rebass';
-import { useAdaptable } from "../../AdaptableContext.js";
-import { AdaptableObjectList } from "../../Components/AdaptableObjectList/index.js";
+import { useAdaptable } from '../../AdaptableContext';
+import { AdaptableObjectList } from '../../Components/AdaptableObjectList';
 export const AdaptableObjectsSummary = () => {
     const state = useSelector((state) => state);
     const adaptable = useAdaptable();

package/src/View/GridInfo/GridInfoPopup/AdaptableOptionsComponent.js

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { useEffect, useState } from 'react';
-import { PanelWithButton } from "../../Components/Panels/PanelWithButton.js";
-import { ButtonMinimise } from "../../Components/Buttons/ButtonMinimise.js";
-import { ButtonMaximise } from "../../Components/Buttons/ButtonMaximise.js";
-import { AdaptableObjectCollection } from "../../Components/AdaptableObjectCollection/index.js";
-import { AdaptableObjectRow } from "../../Components/AdaptableObjectRow/index.js";
-import { AdaptablePopover } from "../../AdaptablePopover/index.js";
+import { PanelWithButton } from '../../Components/Panels/PanelWithButton';
+import { ButtonMinimise } from '../../Components/Buttons/ButtonMinimise';
+import { ButtonMaximise } from '../../Components/Buttons/ButtonMaximise';
+import { AdaptableObjectCollection } from '../../Components/AdaptableObjectCollection';
+import { AdaptableObjectRow } from '../../Components/AdaptableObjectRow';
+import { AdaptablePopover } from '../../AdaptablePopover';
 import { Box } from 'rebass';
 export const AdaptableOptionsComponent = (props) => {
     const { api } = props;

package/src/View/GridInfo/GridInfoPopup/GridInfoPopup.js

@@ -1,15 +1,15 @@
 import * as React from 'react';
 import { Flex } from 'rebass';
-import Panel from "../../../components/Panel/index.js";
-import { Tabs } from "../../../components/Tabs/index.js";
-import ArrayExtensions from "../../../Utilities/Extensions/ArrayExtensions.js";
-import Helper from "../../../Utilities/Helpers/Helper.js";
-import { AdaptablePopover } from "../../AdaptablePopover/index.js";
-import { AdaptableObjectCollection } from "../../Components/AdaptableObjectCollection/index.js";
-import { AdaptableObjectRow } from "../../Components/AdaptableObjectRow/index.js";
-import { PopupPanel } from "../../Components/Popups/AdaptablePopup/PopupPanel.js";
-import { AdaptableObjectsSummary } from "./AdaptableObjectsSummary.js";
-import { ADAPTABLE_VERSION } from "../../../EnvVars.js";
+import Panel from '../../../components/Panel';
+import { Tabs } from '../../../components/Tabs';
+import ArrayExtensions from '../../../Utilities/Extensions/ArrayExtensions';
+import Helper from '../../../Utilities/Helpers/Helper';
+import { AdaptablePopover } from '../../AdaptablePopover';
+import { AdaptableObjectCollection } from '../../Components/AdaptableObjectCollection';
+import { AdaptableObjectRow } from '../../Components/AdaptableObjectRow';
+import { PopupPanel } from '../../Components/Popups/AdaptablePopup/PopupPanel';
+import { AdaptableObjectsSummary } from './AdaptableObjectsSummary';
+import { ADAPTABLE_VERSION } from '../../../EnvVars';
 const version = ADAPTABLE_VERSION;
 export const GridInfoPopup = (props) => {
     const CreateGridSummaries = (colItems) => {

package/src/View/GridInfo/GridInfoPopup/index.js

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

package/src/View/Layout/EditCurrentLayoutButton.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import SimpleButton from "../../components/SimpleButton/index.js";
-import { useAdaptable } from "../AdaptableContext.js";
+import SimpleButton from '../../components/SimpleButton';
+import { useAdaptable } from '../AdaptableContext';
 export const EditCurrentLayoutButton = () => {
     const adaptable = useAdaptable();
     const handleClick = React.useCallback(() => {

package/src/View/Layout/LayoutCloneButton.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import SimpleButton from "../../components/SimpleButton/index.js";
-import { useAdaptable } from "../AdaptableContext.js";
+import SimpleButton from '../../components/SimpleButton';
+import { useAdaptable } from '../AdaptableContext';
 export const LayoutCloneButton = ({ data, accessLevel }) => {
     const adaptable = useAdaptable();
     const isDisabled = accessLevel === 'ReadOnly';

package/src/View/Layout/LayoutRadioSelector.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import Radio from "../../components/Radio/index.js";
-import { useAdaptable } from "../AdaptableContext.js";
+import Radio from '../../components/Radio';
+import { useAdaptable } from '../AdaptableContext';
 export const LayoutRadioSelector = ({ data }) => {
     const adaptable = useAdaptable();
     const currentLayout = adaptable.api.layoutApi.getCurrentLayout();

package/src/View/Layout/LayoutStatusBarSubPanelPopover.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { useSelector } from 'react-redux';
 import { Box } from 'rebass';
-import { Select } from "../../components/Select/index.js";
-import { useAdaptable } from "../AdaptableContext.js";
+import { Select } from '../../components/Select';
+import { useAdaptable } from '../AdaptableContext';
 export const LayoutStatusbar = () => {
     const adaptable = useAdaptable();
     const layouts = adaptable.api.layoutApi.getLayouts();

package/src/View/Layout/LayoutViewPanel.js

@@ -1,17 +1,17 @@
 import * as React from 'react';
 import { connect } from 'react-redux';
 import { Flex } from 'rebass';
-import { Select } from "../../components/Select/index.js";
-import join from "../../components/utils/join.js";
-import * as GridRedux from "../../Redux/ActionsReducers/GridRedux.js";
-import * as LayoutRedux from "../../Redux/ActionsReducers/LayoutRedux.js";
-import * as GeneralConstants from "../../Utilities/Constants/GeneralConstants.js";
-import AdaptableHelper from "../../Utilities/Helpers/AdaptableHelper.js";
-import { ButtonClone } from "../Components/Buttons/ButtonClone.js";
-import { ButtonDelete } from "../Components/Buttons/ButtonDelete.js";
-import { ButtonEdit } from "../Components/Buttons/ButtonEdit.js";
-import { ButtonNew } from "../Components/Buttons/ButtonNew.js";
-import { ButtonSave } from "../Components/Buttons/ButtonSave.js";
+import { Select } from '../../components/Select';
+import join from '../../components/utils/join';
+import * as GridRedux from '../../Redux/ActionsReducers/GridRedux';
+import * as LayoutRedux from '../../Redux/ActionsReducers/LayoutRedux';
+import * as GeneralConstants from '../../Utilities/Constants/GeneralConstants';
+import AdaptableHelper from '../../Utilities/Helpers/AdaptableHelper';
+import { ButtonClone } from '../Components/Buttons/ButtonClone';
+import { ButtonDelete } from '../Components/Buttons/ButtonDelete';
+import { ButtonEdit } from '../Components/Buttons/ButtonEdit';
+import { ButtonNew } from '../Components/Buttons/ButtonNew';
+import { ButtonSave } from '../Components/Buttons/ButtonSave';
 export const COMPONENT_LAYOUT_POPUP_NAME = 'LayoutEditorStandalonePopup';
 class LayoutViewPanelComponent extends React.Component {
     render() {

package/src/View/Layout/PivotDetailsPopoup.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { DataSource, InfiniteTable } from "../../components/InfiniteTable/index.js";
-import { useAdaptable } from "../AdaptableContext.js";
+import { DataSource, InfiniteTable } from '../../components/InfiniteTable';
+import { useAdaptable } from '../AdaptableContext';
 const tableDOMProps = {
     style: {
         height: '100%',

package/src/View/Layout/SaveLayoutButton.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { useDispatch, useSelector } from 'react-redux';
-import { useAdaptable } from "../AdaptableContext.js";
-import { ButtonSave } from "../Components/Buttons/ButtonSave.js";
-import * as GridRedux from "../../Redux/ActionsReducers/GridRedux.js";
-import * as LayoutRedux from "../../Redux/ActionsReducers/LayoutRedux.js";
-import * as ModuleConstants from "../../Utilities/Constants/ModuleConstants.js";
+import { useAdaptable } from '../AdaptableContext';
+import { ButtonSave } from '../Components/Buttons/ButtonSave';
+import * as GridRedux from '../../Redux/ActionsReducers/GridRedux';
+import * as LayoutRedux from '../../Redux/ActionsReducers/LayoutRedux';
+import * as ModuleConstants from '../../Utilities/Constants/ModuleConstants';
 export const SaveLayoutButton = () => {
     const adaptable = useAdaptable();
     const accessLevel = adaptable.api.internalApi

package/src/View/Layout/TransposedPopup.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { Box, Flex } from 'rebass';
-import FormLayout, { FormRow } from "../../components/FormLayout/index.js";
-import Panel from "../../components/Panel/index.js";
-import { useAdaptable } from "../AdaptableContext.js";
-import { ColumnSelector } from "../Components/Selectors/ColumnSelector.js";
-import { AdaptableAgGrid } from "../../agGrid/AdaptableAgGrid.js";
+import FormLayout, { FormRow } from '../../components/FormLayout';
+import Panel from '../../components/Panel';
+import { useAdaptable } from '../AdaptableContext';
+import { ColumnSelector } from '../Components/Selectors/ColumnSelector';
+import { AdaptableAgGrid } from '../../agGrid/AdaptableAgGrid';
 const adaptableContainerId = `transposed-adaptable-container`;
 const agGridContainerId = `transposed-adaptable-ag-grid-container`;
 export const TransposedPopup = (props) => {

package/src/View/Layout/Wizard/Components/ColumnLabels.js

@@ -1,7 +1,7 @@
 import { __rest } from "tslib";
 import * as React from 'react';
 import { Flex, Text } from 'rebass';
-import { useAdaptable } from "../../../AdaptableContext.js";
+import { useAdaptable } from '../../../AdaptableContext';
 export const ColumnLabels = (props) => {
     const { children, showBoth, showTitle, flexDirection = 'row', labels: labelsProp } = props, columnProperties = __rest(props, ["children", "showBoth", "showTitle", "flexDirection", "labels"]);
     const labelNames = [

package/src/View/Layout/Wizard/LayoutWizard.js

@@ -1,21 +1,21 @@
 import * as React from 'react';
-import * as LayoutRedux from "../../../Redux/ActionsReducers/LayoutRedux.js";
-import { OnePageAdaptableWizard, OnePageWizardSummary } from "../../Wizard/OnePageAdaptableWizard.js";
-import ObjectFactory from "../../../Utilities/ObjectFactory.js";
-import { cloneObject } from "../../../Utilities/Helpers/Helper.js";
-import { SettingsSection, SettingsSectionSummary } from "./sections/SettingsSection.js";
+import * as LayoutRedux from '../../../Redux/ActionsReducers/LayoutRedux';
+import { OnePageAdaptableWizard, OnePageWizardSummary } from '../../Wizard/OnePageAdaptableWizard';
+import ObjectFactory from '../../../Utilities/ObjectFactory';
+import { cloneObject } from '../../../Utilities/Helpers/Helper';
+import { SettingsSection, SettingsSectionSummary } from './sections/SettingsSection';
 import { Box } from 'rebass';
-import { useAdaptable } from "../../AdaptableContext.js";
+import { useAdaptable } from '../../AdaptableContext';
 import { useDispatch } from 'react-redux';
-import { ColumnsSection, ColumnsSectionSummary } from "./sections/ColumnsSection.js";
-import { PivotColumnsSection, PivotColumnsSectionSummary } from "./sections/PivotColumnsSection.js";
-import { RowGroupingSection, RowGroupingSectionSummary } from "./sections/RowGroupingSection.js";
-import { AggregationsSection, AggregationsSectionSummary, isAggregationsSectionValid, } from "./sections/AggregationsSection.js";
-import { SortSection, SortSectionSummary } from "./sections/SortSection.js";
-import { FilterSection, FilterSectionSummary, isColumnFiltersValid, } from "./sections/FilterSection.js";
-import { GridFilterSection, GridFilterSectionSummary, isGridFiltersValid, } from "./sections/GridFilterSection.js";
-import { areSummaryRowsValid, RowSummarySection } from "./sections/RowSummarySection.js";
-import { WEIGHTED_AVERAGE_AGGREATED_FUNCTION } from "../../../PredefinedConfig/Common/RowSummary.js";
+import { ColumnsSection, ColumnsSectionSummary } from './sections/ColumnsSection';
+import { PivotColumnsSection, PivotColumnsSectionSummary } from './sections/PivotColumnsSection';
+import { RowGroupingSection, RowGroupingSectionSummary } from './sections/RowGroupingSection';
+import { AggregationsSection, AggregationsSectionSummary, isAggregationsSectionValid, } from './sections/AggregationsSection';
+import { SortSection, SortSectionSummary } from './sections/SortSection';
+import { FilterSection, FilterSectionSummary, isColumnFiltersValid, } from './sections/FilterSection';
+import { GridFilterSection, GridFilterSectionSummary, isGridFiltersValid, } from './sections/GridFilterSection';
+import { areSummaryRowsValid, RowSummarySection } from './sections/RowSummarySection';
+import { WEIGHTED_AVERAGE_AGGREATED_FUNCTION } from '../../../PredefinedConfig/Common/RowSummary';
 export const LayoutWizard = (props) => {
     var _a, _b;
     const dispatch = useDispatch();

package/src/View/Layout/Wizard/getGridFilterPreview.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { ExpressionPreview } from "../../../components/ExpressionEditor/ExpressionPreview.js";
-import { Tag } from "../../../components/Tag/index.js";
+import { ExpressionPreview } from '../../../components/ExpressionEditor/ExpressionPreview';
+import { Tag } from '../../../components/Tag';
 export const getGridFilterViewItems = (layout) => {
     var _a;
     return {

package/src/View/Layout/Wizard/sections/AggregationsSection.js

@@ -1,15 +1,15 @@
 import * as React from 'react';
 import { Box, Flex, Text } from 'rebass';
-import { CheckBox } from "../../../../components/CheckBox/index.js";
-import DropdownButton from "../../../../components/DropdownButton/index.js";
-import FormLayout, { FormRow } from "../../../../components/FormLayout/index.js";
-import { Tabs } from "../../../../components/Tabs/index.js";
-import { Tag } from "../../../../components/Tag/index.js";
-import { sortWithOrderArray } from "../../../../Utilities/sortWithOrder.js";
-import { useAdaptable } from "../../../AdaptableContext.js";
-import { ValueSelector } from "../../../Components/ValueSelector/index.js";
-import { useOnePageAdaptableWizardContext } from "../../../Wizard/OnePageAdaptableWizard.js";
-import { columnFilter } from "./Utilities.js";
+import { CheckBox } from '../../../../components/CheckBox';
+import DropdownButton from '../../../../components/DropdownButton';
+import FormLayout, { FormRow } from '../../../../components/FormLayout';
+import { Tabs } from '../../../../components/Tabs';
+import { Tag } from '../../../../components/Tag';
+import { sortWithOrderArray } from '../../../../Utilities/sortWithOrder';
+import { useAdaptable } from '../../../AdaptableContext';
+import { ValueSelector } from '../../../Components/ValueSelector';
+import { useOnePageAdaptableWizardContext } from '../../../Wizard/OnePageAdaptableWizard';
+import { columnFilter } from './Utilities';
 const WEIGHTED_AVERAGE_AGG_FN_NAME = 'weightedAvg';
 export const isAggregationsSectionValid = (data) => {
     const weightedAvg = data.AggregationColumns

package/src/View/Layout/Wizard/sections/ColumnsSection.js

@@ -1,22 +1,22 @@
-import { DataSource, InfiniteTable, } from "../../../../components/InfiniteTable/index.js";
+import { DataSource, InfiniteTable, } from '../../../../components/InfiniteTable';
 import * as React from 'react';
 import { Box, Flex, Text } from 'rebass';
-import DropdownButton from "../../../../components/DropdownButton/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 { Tabs } from "../../../../components/Tabs/index.js";
-import { Tag } from "../../../../components/Tag/index.js";
-import { isValidOrderForColumnGroups, } from "../../../../PredefinedConfig/Common/AdaptableColumn.js";
-import { sortWithOrderArray } from "../../../../Utilities/sortWithOrder.js";
-import { useAdaptable } from "../../../AdaptableContext.js";
-import { ValueSelector } from "../../../Components/ValueSelector/index.js";
-import { useOnePageAdaptableWizardContext } from "../../../Wizard/OnePageAdaptableWizard.js";
-import { columnFilter } from "./Utilities.js";
-import { Icon } from "../../../../components/icons/index.js";
-import { CheckBox } from "../../../../components/CheckBox/index.js";
-import { clamp } from "../../../../Utilities/Helpers/Helper.js";
-import { ColumnLabels } from "../Components/ColumnLabels.js";
+import DropdownButton from '../../../../components/DropdownButton';
+import FormLayout, { FormRow } from '../../../../components/FormLayout';
+import Input from '../../../../components/Input';
+import SimpleButton from '../../../../components/SimpleButton';
+import { Tabs } from '../../../../components/Tabs';
+import { Tag } from '../../../../components/Tag';
+import { isValidOrderForColumnGroups, } from '../../../../PredefinedConfig/Common/AdaptableColumn';
+import { sortWithOrderArray } from '../../../../Utilities/sortWithOrder';
+import { useAdaptable } from '../../../AdaptableContext';
+import { ValueSelector } from '../../../Components/ValueSelector';
+import { useOnePageAdaptableWizardContext } from '../../../Wizard/OnePageAdaptableWizard';
+import { columnFilter } from './Utilities';
+import { Icon } from '../../../../components/icons';
+import { CheckBox } from '../../../../components/CheckBox';
+import { clamp } from '../../../../Utilities/Helpers/Helper';
+import { ColumnLabels } from '../Components/ColumnLabels';
 const PropertyOrderText = (props) => (React.createElement(Text, { fontWeight: 600, fontSize: 2 }, props.children));
 export const ColumnsSectionSummary = () => {
     const adaptable = useAdaptable();