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

package/src/View/CustomSort/CustomSortSummary.js

@@ -1,18 +1,18 @@
 import * as React from 'react';
-import { WizardStatus, } from '../Components/SharedProps/EditableConfigEntityState';
+import { WizardStatus, } from "../Components/SharedProps/EditableConfigEntityState.js";
 import { connect } from 'react-redux';
-import { Helper } from '../../Utilities/Helpers/Helper';
-import * as CustomSortRedux from '../../Redux/ActionsReducers/CustomSortRedux';
-import { ObjectFactory } from '../../Utilities/ObjectFactory';
-import * as ModuleConstants from '../../Utilities/Constants/ModuleConstants';
-import { ModuleHeader } from '../Components/ModuleSummary/ModuleHeader';
-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 { CustomSortWizard } from './Wizard/CustomSortWizard';
+import { Helper } from "../../Utilities/Helpers/Helper.js";
+import * as CustomSortRedux from "../../Redux/ActionsReducers/CustomSortRedux.js";
+import { ObjectFactory } from "../../Utilities/ObjectFactory.js";
+import * as ModuleConstants from "../../Utilities/Constants/ModuleConstants.js";
+import { ModuleHeader } from "../Components/ModuleSummary/ModuleHeader.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 { CustomSortWizard } from "./Wizard/CustomSortWizard.js";
 export class CustomSortSummaryComponent extends React.Component {
     constructor(props) {
         super(props);

package/src/View/CustomSort/Wizard/CustomSortColumnWizardSection.js

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { Text } from 'rebass';
-import { Tabs } from '../../../components/Tabs';
-import { Tag } from '../../../components/Tag';
-import { NewColumnSelector } from '../../Components/ColumnSelector';
-import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
+import { Tabs } from "../../../components/Tabs/index.js";
+import { Tag } from "../../../components/Tag/index.js";
+import { NewColumnSelector } from "../../Components/ColumnSelector/index.js";
+import { useOnePageAdaptableWizardContext } from "../../Wizard/OnePageAdaptableWizard.js";
 export const renderCustomSortColumn = (data) => {
     const { api } = useOnePageAdaptableWizardContext();
     return (React.createElement(Text, { pr: 2, py: 2, fontSize: 2 },

package/src/View/CustomSort/Wizard/CustomSortSummaryWizard.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { WizardSummaryPage } from '../../Components/WizardSummaryPage';
+import { WizardSummaryPage } from "../../Components/WizardSummaryPage.js";
 export class CustomSortSummaryWizard extends React.Component {
     constructor(props) {
         super(props);

package/src/View/CustomSort/Wizard/CustomSortValuesWizardSection.js

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { useMemo, useEffect, useState } from 'react';
 import { Text } from 'rebass';
-import { Loader } from '../../../components/Loader';
-import { Tabs } from '../../../components/Tabs';
-import join from '../../../components/utils/join';
-import { runIfNotResolvedIn } from '../../../Utilities/runIfNotResolvedIn';
-import { sortWithOrderArray } from '../../../Utilities/sortWithOrder';
-import { ValueOptionsTags, ValueSelector } from '../../Components/ValueSelector';
-import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
+import { Loader } from "../../../components/Loader/index.js";
+import { Tabs } from "../../../components/Tabs/index.js";
+import join from "../../../components/utils/join.js";
+import { runIfNotResolvedIn } from "../../../Utilities/runIfNotResolvedIn.js";
+import { sortWithOrderArray } from "../../../Utilities/sortWithOrder.js";
+import { ValueOptionsTags, ValueSelector } from "../../Components/ValueSelector/index.js";
+import { useOnePageAdaptableWizardContext } from "../../Wizard/OnePageAdaptableWizard.js";
 export const isValidCustomSortOrder = (data) => {
     if (!data.SortedValues || !data.SortedValues.length) {
         return 'You have to specify at least one value for Custom Sort order';

package/src/View/CustomSort/Wizard/CustomSortWizard.js

@@ -1,14 +1,14 @@
 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 { CustomSortColumnWizardSection, isValidCustomSortColumn, renderCustomSortColumn, } from './CustomSortColumnWizardSection';
-import { CustomSortValuesWizardSection, isValidCustomSortOrder, renderCustomSortValuesSummary, } from './CustomSortValuesWizardSection';
-import ObjectFactory from '../../../Utilities/ObjectFactory';
+import { OnePageAdaptableWizard, OnePageWizardSummary } from "../../Wizard/OnePageAdaptableWizard.js";
+import { cloneObject } from "../../../Utilities/Helpers/Helper.js";
+import { CustomSortColumnWizardSection, isValidCustomSortColumn, renderCustomSortColumn, } from "./CustomSortColumnWizardSection.js";
+import { CustomSortValuesWizardSection, isValidCustomSortOrder, renderCustomSortValuesSummary, } from "./CustomSortValuesWizardSection.js";
+import ObjectFactory from "../../../Utilities/ObjectFactory.js";
 import { useDispatch, useSelector } from 'react-redux';
-import * as CustomSortRedux from '../../../Redux/ActionsReducers/CustomSortRedux';
-import { ObjectTagsWizardSection, renderObjectTagsSummary, } from '../../Wizard/ObjectTagsWizardSection';
+import * as CustomSortRedux from "../../../Redux/ActionsReducers/CustomSortRedux.js";
+import { ObjectTagsWizardSection, renderObjectTagsSummary, } from "../../Wizard/ObjectTagsWizardSection.js";
 export const CustomSortWizard = (props) => {
     var _a, _b;
     let data = props.data;

package/src/View/Dashboard/CustomDashboardButton.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useState } from 'react';
-import SimpleButton from '../../components/SimpleButton';
+import SimpleButton from "../../components/SimpleButton/index.js";
 import kebabCase from 'lodash/kebabCase';
 export const CustomDashboardButton = (props) => {
     const { button } = props;

package/src/View/Dashboard/CustomToolbar.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { useLayoutEffect, useRef, useState } from 'react';
-import { useAdaptable } from '../AdaptableContext';
-import { AdaptableButtonComponent } from '../Components/AdaptableButton';
-import { PanelDashboard } from '../Components/Panels/PanelDashboard';
+import { useAdaptable } from "../AdaptableContext.js";
+import { AdaptableButtonComponent } from "../Components/AdaptableButton/index.js";
+import { PanelDashboard } from "../Components/Panels/PanelDashboard/index.js";
 export const CustomToolbarCmp = (props) => {
     const { api } = useAdaptable();
     // dummy object which is used to force a re-render of the toolbar

package/src/View/Dashboard/Dashboard.js

@@ -2,23 +2,23 @@ import kebabCase from 'lodash/kebabCase';
 import * as React from 'react';
 import { connect } from 'react-redux';
 import { Box } from 'rebass';
-import { Dashboard as DashboardUI, DashboardTab as DashboardTabUI, } from '../../components/Dashboard';
-import * as DashboardRedux from '../../Redux/ActionsReducers/DashboardRedux';
-import * as PopupRedux from '../../Redux/ActionsReducers/PopupRedux';
-import * as QuickSearchRedux from '../../Redux/ActionsReducers/QuickSearchRedux';
-import * as ModuleConstants from '../../Utilities/Constants/ModuleConstants';
-import { QuickSearchModuleId } from '../../Utilities/Constants/ModuleConstants';
-import { AdaptableViewPanelFactory } from '../AdaptableViewFactory';
-import { AdaptableButtonComponent } from '../Components/AdaptableButton';
-import { AdaptableIconComponent } from '../Components/AdaptableIconComponent';
-import { AdaptableFormControlTextClear } from '../Components/Forms/AdaptableFormControlTextClear';
-import { useQuickSearchDebounced } from '../QuickSearch/useQuickSearchDebounced';
-import UIHelper from '../UIHelper';
-import { CustomDashboardButton } from './CustomDashboardButton';
-import { CustomToolbarWrapper } from './CustomToolbar';
-import { DashboardToolbarFactory } from './DashboardToolbarFactory';
-import { PinnedDashboard } from './PinnedDashboard';
-import { ModuleToolbarWrapper } from './ModuleToolbarWrapper';
+import { Dashboard as DashboardUI, DashboardTab as DashboardTabUI, } from "../../components/Dashboard/index.js";
+import * as DashboardRedux from "../../Redux/ActionsReducers/DashboardRedux.js";
+import * as PopupRedux from "../../Redux/ActionsReducers/PopupRedux.js";
+import * as QuickSearchRedux from "../../Redux/ActionsReducers/QuickSearchRedux.js";
+import * as ModuleConstants from "../../Utilities/Constants/ModuleConstants.js";
+import { QuickSearchModuleId } from "../../Utilities/Constants/ModuleConstants.js";
+import { AdaptableViewPanelFactory } from "../AdaptableViewFactory.js";
+import { AdaptableButtonComponent } from "../Components/AdaptableButton/index.js";
+import { AdaptableIconComponent } from "../Components/AdaptableIconComponent/index.js";
+import { AdaptableFormControlTextClear } from "../Components/Forms/AdaptableFormControlTextClear.js";
+import { useQuickSearchDebounced } from "../QuickSearch/useQuickSearchDebounced.js";
+import UIHelper from "../UIHelper.js";
+import { CustomDashboardButton } from "./CustomDashboardButton.js";
+import { CustomToolbarWrapper } from "./CustomToolbar.js";
+import { DashboardToolbarFactory } from "./DashboardToolbarFactory.js";
+import { PinnedDashboard } from "./PinnedDashboard.js";
+import { ModuleToolbarWrapper } from "./ModuleToolbarWrapper.js";
 const DashboardComponent = (props) => {
     const [searchText, search] = useQuickSearchDebounced(props);
     const dashboardAccessLevel = props.api.internalApi

package/src/View/Dashboard/DashboardPopup.js

@@ -1,14 +1,14 @@
 import * as React from 'react';
 import { connect } from 'react-redux';
-import * as DashboardRedux from '../../Redux/ActionsReducers/DashboardRedux';
-import { PopupPanel } from '../Components/Popups/AdaptablePopup/PopupPanel';
-import Radio from '../../components/Radio';
+import * as DashboardRedux from "../../Redux/ActionsReducers/DashboardRedux.js";
+import { PopupPanel } from "../Components/Popups/AdaptablePopup/PopupPanel.js";
+import Radio from "../../components/Radio/index.js";
 import { Box, Flex } from 'rebass';
-import DashboardManagerUI from '../../components/Dashboard/DashboardManager';
-import { ModuleValueSelector } from '../Components/ModuleValueSelector';
-import { CheckBox } from '../../components/CheckBox';
-import Panel from '../../components/Panel';
-import { PinnedToolbarsSelector } from './PinnedToolbarsSelector';
+import DashboardManagerUI from "../../components/Dashboard/DashboardManager.js";
+import { ModuleValueSelector } from "../Components/ModuleValueSelector/index.js";
+import { CheckBox } from "../../components/CheckBox/index.js";
+import Panel from "../../components/Panel/index.js";
+import { PinnedToolbarsSelector } from "./PinnedToolbarsSelector.js";
 export var DashboardConfigView;
 (function (DashboardConfigView) {
     DashboardConfigView["Toolbars"] = "Toolbars";

package/src/View/Dashboard/DashboardToolbarFactory.js

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { useSelector } from 'react-redux';
-import { ALL_MODULES } from '../../PredefinedConfig/Common/Types';
-import { useAdaptable } from '../AdaptableContext';
-import { AdaptableViewPanelFactory } from '../AdaptableViewFactory';
-import { CustomToolbarCmp } from './CustomToolbar';
+import { ALL_MODULES } from "../../PredefinedConfig/Common/Types.js";
+import { useAdaptable } from "../AdaptableContext.js";
+import { AdaptableViewPanelFactory } from "../AdaptableViewFactory.js";
+import { CustomToolbarCmp } from "./CustomToolbar.js";
 const SystemDashboardToolbarFactory = (props) => {
     const adaptable = useAdaptable();
     const moduleInfo = adaptable.api.internalApi

package/src/View/Dashboard/DashboardViewPanel.js

@@ -1,6 +1,6 @@
-import * as DashboardRedux from '../../Redux/ActionsReducers/DashboardRedux';
+import * as DashboardRedux from "../../Redux/ActionsReducers/DashboardRedux.js";
 import * as React from 'react';
-import { CheckBox } from '../../components/CheckBox';
+import { CheckBox } from "../../components/CheckBox/index.js";
 import { connect } from 'react-redux';
 import { Flex } from 'rebass';
 class DashboardViewPanelComponent extends React.Component {

package/src/View/Dashboard/ModuleToolbarWrapper.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { PanelDashboard } from '../Components/Panels/PanelDashboard';
-import * as PopupRedux from '../../Redux/ActionsReducers/PopupRedux';
-import * as DashboardRedux from '../../Redux/ActionsReducers/DashboardRedux';
-import { useAdaptable } from '../AdaptableContext';
+import { PanelDashboard } from "../Components/Panels/PanelDashboard/index.js";
+import * as PopupRedux from "../../Redux/ActionsReducers/PopupRedux.js";
+import * as DashboardRedux from "../../Redux/ActionsReducers/DashboardRedux.js";
+import { useAdaptable } from "../AdaptableContext.js";
 export const ModuleToolbarWrapper = (props) => {
     const moduleName = props.moduleInfo.ModuleName;
     const moduleFriendlyName = props.moduleInfo.FriendlyName;

package/src/View/Dashboard/PinnedDashboard.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { useSelector } from 'react-redux';
 import { Box, Flex } from 'rebass';
-import { useAdaptable } from '../AdaptableContext';
-import { DashboardToolbarFactory } from './DashboardToolbarFactory';
+import { useAdaptable } from "../AdaptableContext.js";
+import { DashboardToolbarFactory } from "./DashboardToolbarFactory.js";
 export const PinnedDashboard = (props) => {
     var _a;
     const adaptable = useAdaptable();

package/src/View/Dashboard/PinnedToolbarsSelector.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { useDispatch, useSelector } from 'react-redux';
-import { ModuleManager } from '../../components/DragAndDropContext/ModuleManager';
-import { DashboardSetPinnedToolbars } from '../../Redux/ActionsReducers/DashboardRedux';
-import { useAdaptable } from '../AdaptableContext';
+import { ModuleManager } from "../../components/DragAndDropContext/ModuleManager.js";
+import { DashboardSetPinnedToolbars } from "../../Redux/ActionsReducers/DashboardRedux.js";
+import { useAdaptable } from "../AdaptableContext.js";
 export const PinnedToolbarsSelector = (props) => {
     const { api } = useAdaptable();
     const dashboardAccessLevel = api.internalApi

package/src/View/DataChangeHistory/DataChangeHistoryGrid.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { useEffect, useRef, useState } from 'react';
-import { useAdaptable } from '../AdaptableContext';
-import usePrevious from '../../components/utils/usePrevious';
-import { DataChangeHistoryModuleId } from '../../Utilities/Constants/ModuleConstants';
-import { buildActionColumnButton } from './buildActionColumnButton';
-import { AdaptableAgGrid } from '../../agGrid/AdaptableAgGrid';
+import { useAdaptable } from "../AdaptableContext.js";
+import usePrevious from "../../components/utils/usePrevious.js";
+import { DataChangeHistoryModuleId } from "../../Utilities/Constants/ModuleConstants.js";
+import { buildActionColumnButton } from "./buildActionColumnButton.js";
+import { AdaptableAgGrid } from "../../agGrid/AdaptableAgGrid.js";
 export const DataChangeHistoryGrid = (props) => {
     const { changeHistoryLog, adaptableContainerId, agGridContainerId, onUndoChange, onClearRow } = props;
     const mainAdaptableInstance = useAdaptable();

package/src/View/DataChangeHistory/DataChangeHistoryPopup.js

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { connect } from 'react-redux';
-import { PopupPanel } from '../Components/Popups/AdaptablePopup/PopupPanel';
-import { DataChangeHistoryGrid } from './DataChangeHistoryGrid';
-import { SystemDataChangeHistoryDisable, SystemDataChangeHistoryEnable, SystemDataChangeHistoryResume, SystemDataChangeHistorySuspend, } from '../../Redux/ActionsReducers/SystemRedux';
+import { PopupPanel } from "../Components/Popups/AdaptablePopup/PopupPanel.js";
+import { DataChangeHistoryGrid } from "./DataChangeHistoryGrid.js";
+import { SystemDataChangeHistoryDisable, SystemDataChangeHistoryEnable, SystemDataChangeHistoryResume, SystemDataChangeHistorySuspend, } from "../../Redux/ActionsReducers/SystemRedux.js";
 import { Flex, Text } from 'rebass';
-import { ButtonPlay } from '../Components/Buttons/ButtonPlay';
-import { ButtonPause } from '../Components/Buttons/ButtonPause';
-import { ButtonStop } from '../Components/Buttons/ButtonStop';
-import { DateFormatter } from '../../Utilities/Helpers/FormatHelper';
+import { ButtonPlay } from "../Components/Buttons/ButtonPlay.js";
+import { ButtonPause } from "../Components/Buttons/ButtonPause.js";
+import { ButtonStop } from "../Components/Buttons/ButtonStop.js";
+import { DateFormatter } from "../../Utilities/Helpers/FormatHelper.js";
 class DataChangeHistoryPopupComponent extends React.Component {
     constructor(props) {
         super(props);

package/src/View/DataChangeHistory/DataChangeHistoryStatusBarContent.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DataChangeHistoryViewPanelControl } from './DataChangeHistoryViewPanel';
+import { DataChangeHistoryViewPanelControl } from "./DataChangeHistoryViewPanel.js";
 export const DataChangeHistoryStatusBarContent = () => {
     return React.createElement(DataChangeHistoryViewPanelControl, { gap: 0, buttonsPaddingY: 0 });
 };

package/src/View/DataChangeHistory/DataChangeHistoryViewPanel.js

@@ -1,15 +1,15 @@
 import * as React from 'react';
 import { useDispatch, useSelector } from 'react-redux';
-import { SystemDataChangeHistoryDisable, SystemDataChangeHistoryEnable, SystemDataChangeHistoryResume, SystemDataChangeHistorySuspend, } from '../../Redux/ActionsReducers/SystemRedux';
+import { SystemDataChangeHistoryDisable, SystemDataChangeHistoryEnable, SystemDataChangeHistoryResume, SystemDataChangeHistorySuspend, } from "../../Redux/ActionsReducers/SystemRedux.js";
 import { Box, Flex, Text } from 'rebass';
-import { ButtonPlay } from '../Components/Buttons/ButtonPlay';
-import { ButtonPause } from '../Components/Buttons/ButtonPause';
-import { ButtonStop } from '../Components/Buttons/ButtonStop';
-import { DateFormatter } from '../../Utilities/Helpers/FormatHelper';
-import Tooltip from '../../components/Tooltip';
-import { useAdaptable } from '../AdaptableContext';
-import SimpleButton from '../../components/SimpleButton';
-import { Icon } from '../../components/icons';
+import { ButtonPlay } from "../Components/Buttons/ButtonPlay.js";
+import { ButtonPause } from "../Components/Buttons/ButtonPause.js";
+import { ButtonStop } from "../Components/Buttons/ButtonStop.js";
+import { DateFormatter } from "../../Utilities/Helpers/FormatHelper.js";
+import Tooltip from "../../components/Tooltip/index.js";
+import { useAdaptable } from "../AdaptableContext.js";
+import SimpleButton from "../../components/SimpleButton/index.js";
+import { Icon } from "../../components/icons/index.js";
 export const DataChangeHistoryViewPanelControl = (props) => {
     var _a, _b;
     const adaptable = useAdaptable();

package/src/View/DataImport/DataImportPopup.js

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { Box } from 'rebass';
-import HelpBlock from '../../components/HelpBlock';
-import SimpleButton from '../../components/SimpleButton';
-import { PopupPanel } from '../Components/Popups/AdaptablePopup/PopupPanel';
-import { DataImportWizard } from './DataImportWizard';
+import HelpBlock from "../../components/HelpBlock/index.js";
+import SimpleButton from "../../components/SimpleButton/index.js";
+import { PopupPanel } from "../Components/Popups/AdaptablePopup/PopupPanel.js";
+import { DataImportWizard } from "./DataImportWizard/index.js";
 export const DataImportPopup = (props) => {
     const [isWizardOpen, setIsWizardOpen] = React.useState(false);
     React.useEffect(() => {

package/src/View/DataImport/DataImportWizard/DataImportWizard.js

@@ -1,13 +1,13 @@
 import * as React from 'react';
-import HelpBlock from '../../../components/HelpBlock';
-import { Tag } from '../../../components/Tag';
-import { createBaseContext } from '../../../Utilities/ObjectFactory';
-import { useAdaptable } from '../../AdaptableContext';
-import { OnePageAdaptableWizard } from '../../Wizard/OnePageAdaptableWizard';
-import { parseCSV, systemFileHandlers } from '../systemFileHandlers';
-import { ColumnsSection } from './sections/ColumnsSection';
-import { UploadSection } from './sections/UploadSection';
-import { ValidationSection } from './sections/ValidationSection';
+import HelpBlock from "../../../components/HelpBlock/index.js";
+import { Tag } from "../../../components/Tag/index.js";
+import { createBaseContext } from "../../../Utilities/ObjectFactory.js";
+import { useAdaptable } from "../../AdaptableContext.js";
+import { OnePageAdaptableWizard } from "../../Wizard/OnePageAdaptableWizard.js";
+import { parseCSV, systemFileHandlers } from "../systemFileHandlers.js";
+import { ColumnsSection } from "./sections/ColumnsSection.js";
+import { UploadSection } from "./sections/UploadSection/index.js";
+import { ValidationSection } from "./sections/ValidationSection.js";
 export const DataImportWizard = (props) => {
     var _a;
     const adaptable = useAdaptable();

package/src/View/DataImport/DataImportWizard/index.js

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

package/src/View/DataImport/DataImportWizard/sections/ColumnsSection.js

@@ -1,15 +1,15 @@
 import * as React from 'react';
 import { Box, Flex } from 'rebass';
-import { CheckBox } from '../../../../components/CheckBox';
-import DropdownButton from '../../../../components/DropdownButton';
-import HelpBlock from '../../../../components/HelpBlock';
-import { Icon } from '../../../../components/icons';
-import { DataSource, InfiniteTable, } from '../../../../components/InfiniteTable';
-import { Tabs } from '../../../../components/Tabs';
-import { Tag } from '../../../../components/Tag';
-import { useAdaptable } from '../../../AdaptableContext';
-import { AdaptablePopover } from '../../../AdaptablePopover';
-import UIHelper from '../../../UIHelper';
+import { CheckBox } from "../../../../components/CheckBox/index.js";
+import DropdownButton from "../../../../components/DropdownButton/index.js";
+import HelpBlock from "../../../../components/HelpBlock/index.js";
+import { Icon } from "../../../../components/icons/index.js";
+import { DataSource, InfiniteTable, } from "../../../../components/InfiniteTable/index.js";
+import { Tabs } from "../../../../components/Tabs/index.js";
+import { Tag } from "../../../../components/Tag/index.js";
+import { useAdaptable } from "../../../AdaptableContext.js";
+import { AdaptablePopover } from "../../../AdaptablePopover/index.js";
+import UIHelper from "../../../UIHelper.js";
 const tableDOMProps = {
     style: {
         height: '100%',

package/src/View/DataImport/DataImportWizard/sections/DataPreview.js

@@ -1,13 +1,13 @@
 import flatten from 'lodash/flatten';
 import * as React from 'react';
-import HelpBlock from '../../../../components/HelpBlock';
-import { Icon } from '../../../../components/icons';
-import { DataSource, InfiniteTable, } from '../../../../components/InfiniteTable';
-import { Tag } from '../../../../components/Tag';
-import { useAdaptable } from '../../../AdaptableContext';
-import { AdaptablePopover } from '../../../AdaptablePopover';
-import UIHelper from '../../../UIHelper';
-import { createBaseContext } from '../../../../Utilities/ObjectFactory';
+import HelpBlock from "../../../../components/HelpBlock/index.js";
+import { Icon } from "../../../../components/icons/index.js";
+import { DataSource, InfiniteTable, } from "../../../../components/InfiniteTable/index.js";
+import { Tag } from "../../../../components/Tag/index.js";
+import { useAdaptable } from "../../../AdaptableContext.js";
+import { AdaptablePopover } from "../../../AdaptablePopover/index.js";
+import UIHelper from "../../../UIHelper.js";
+import { createBaseContext } from "../../../../Utilities/ObjectFactory.js";
 const tableDOMProps = {
     style: {
         height: '100%',

package/src/View/DataImport/DataImportWizard/sections/ImportSection.js

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { Flex } from 'rebass';
-import FormLayout, { FormRow } from '../../../../components/FormLayout';
-import CheckBox from '../../../../components/icons/check-box';
-import { Tabs } from '../../../../components/Tabs';
-import { DataPreview } from './DataPreview';
+import FormLayout, { FormRow } from "../../../../components/FormLayout/index.js";
+import CheckBox from "../../../../components/icons/check-box.js";
+import { Tabs } from "../../../../components/Tabs/index.js";
+import { DataPreview } from "./DataPreview.js";
 export const ImportSection = (props) => {
     return (React.createElement(Flex, { flexDirection: "column", p: 2, height: "100%" },
         React.createElement(Tabs, { mb: 2 },

package/src/View/DataImport/DataImportWizard/sections/UploadSection/UploadFileSection.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import FileDroppable from '../../../../../components/FileDroppable/index';
-import HelpBlock from '../../../../../components/HelpBlock/index';
+import FileDroppable from "../../../../../components/FileDroppable/index.js";
+import HelpBlock from "../../../../../components/HelpBlock/index.js";
 export const ImportFileSection = (props) => {
     return (React.createElement(FileDroppable, { loadingText: React.createElement(HelpBlock, { mb: 2 }, "File loaded , file ready to be imported."), message: props.message, helpText: "Data Import", defaultText: "Click here to select a file to load, or drag it here", dragOverText: "Drop file here to start Data Import", height: "100%", fileAccept: props.supportedFileFormats, readFile: props.readFile }));
 };

package/src/View/DataImport/DataImportWizard/sections/UploadSection/UploadSection.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { Flex } from 'rebass';
-import Radio from '../../../../../components/Radio/index';
-import { Tabs } from '../../../../../components/Tabs/index';
-import { ImportFileSection } from './UploadFileSection';
-import { ImportTextSection } from './UploadTextSection';
+import Radio from "../../../../../components/Radio/index.js";
+import { Tabs } from "../../../../../components/Tabs/index.js";
+import { ImportFileSection } from "./UploadFileSection.js";
+import { ImportTextSection } from "./UploadTextSection.js";
 export const UploadSection = (props) => {
     return (React.createElement(Flex, { p: 2, height: "100%", flexDirection: "column" },
         React.createElement(Tabs, { mb: 2 },

package/src/View/DataImport/DataImportWizard/sections/UploadSection/UploadTextSection.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import HelpBlock from '../../../../../components/HelpBlock/index';
-import Textarea from '../../../../../components/Textarea/index';
+import HelpBlock from "../../../../../components/HelpBlock/index.js";
+import Textarea from "../../../../../components/Textarea/index.js";
 export const ImportTextSection = (props) => {
     return (React.createElement(React.Fragment, null,
         React.createElement(Textarea, { value: props.text, onChange: (event) => props.onTextChange(event.target.value), height: "100%" }),

package/src/View/DataImport/DataImportWizard/sections/UploadSection/index.js

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

package/src/View/DataImport/DataImportWizard/sections/ValidationSection.js

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { Flex } from 'rebass';
-import { CheckBox } from '../../../../components/CheckBox';
-import FormLayout, { FormRow } from '../../../../components/FormLayout';
-import { Tabs } from '../../../../components/Tabs';
-import { DataPreview } from './DataPreview';
+import { CheckBox } from "../../../../components/CheckBox/index.js";
+import FormLayout, { FormRow } from "../../../../components/FormLayout/index.js";
+import { Tabs } from "../../../../components/Tabs/index.js";
+import { DataPreview } from "./DataPreview.js";
 const getRowErrors = (errors, primaryKeyValue) => {
     if (!errors) {
         return null;

package/src/View/DataImport/systemFileHandlers.js

@@ -1,4 +1,4 @@
-import { readJSONFile } from '../../components/FileDroppable';
+import { readJSONFile } from "../../components/FileDroppable/index.js";
 const jsonHandler = {
     fileExtension: '.json',
     handleFile: (file) => readJSONFile(file),

package/src/View/DataSet/DataSetSelector.js

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

package/src/View/DataSet/DataSetStatusPanelPopover.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { SelectList } from '../../components/SelectList';
-import { useAdaptable } from '../AdaptableContext';
+import { SelectList } from "../../components/SelectList.js";
+import { useAdaptable } from "../AdaptableContext.js";
 export const DataSetStatusPanelPopover = () => {
     const adaptable = useAdaptable();
     const dataSets = adaptable.api.dataSetApi.getDataSets();

package/src/View/DataSet/DataSetViewPanel.js

@@ -1,10 +1,10 @@
-import * as SystemRedux from '../../Redux/ActionsReducers/SystemRedux';
+import * as SystemRedux from "../../Redux/ActionsReducers/SystemRedux.js";
 import * as React from 'react';
-import { StringExtensions } from '../../Utilities/Extensions/StringExtensions';
+import { StringExtensions } from "../../Utilities/Extensions/StringExtensions.js";
 import { Flex } from 'rebass';
 import { connect } from 'react-redux';
-import ArrayExtensions from '../../Utilities/Extensions/ArrayExtensions';
-import { Select } from '../../components/Select';
+import ArrayExtensions from "../../Utilities/Extensions/ArrayExtensions.js";
+import { Select } from "../../components/Select/index.js";
 class DataSetViewPanelComponent extends React.Component {
     getCurrentDataSet() {
         return StringExtensions.IsNullOrEmpty(this.props.CurrentDataSetName)

package/src/View/Export/ExportSelector.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { Select } from '../../components/Select';
-import SimpleButton from '../../components/SimpleButton';
-import StringExtensions from '../../Utilities/Extensions/StringExtensions';
-import { useAdaptable } from '../AdaptableContext';
+import { Select } from "../../components/Select/index.js";
+import SimpleButton from "../../components/SimpleButton/index.js";
+import StringExtensions from "../../Utilities/Extensions/StringExtensions.js";
+import { useAdaptable } from "../AdaptableContext.js";
 const isCustomDestination = (destination) => {
     return !!destination.name;
 };

package/src/View/Export/ExportTablePopup.js

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