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

package/src/View/Schedule/Wizard/ScheduleSettingsWizard/ScheduleSettingsReport.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { Box } from 'rebass';
-import FormLayout, { FormRow } from '../../../../components/FormLayout';
-import { Select } from '../../../../components/Select';
-import { Tabs } from '../../../../components/Tabs';
+import FormLayout, { FormRow } from "../../../../components/FormLayout/index.js";
+import { Select } from "../../../../components/Select/index.js";
+import { Tabs } from "../../../../components/Tabs/index.js";
 const DESTINATIONS = ['Excel', 'CSV', 'Clipboard', 'JSON'];
 export const ScheduleSettingsReport = (props) => {
     var _a, _b;

package/src/View/Schedule/Wizard/ScheduleSettingsWizard/ScheduleSettingsSummary.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { Tag } from '../../../../components/Tag';
-import { ScheduleType } from '../../../../PredefinedConfig/Common/Enums';
-import { SummaryText, useOnePageAdaptableWizardContext, } from '../../../Wizard/OnePageAdaptableWizard';
+import { Tag } from "../../../../components/Tag/index.js";
+import { ScheduleType } from "../../../../PredefinedConfig/Common/Enums.js";
+import { SummaryText, useOnePageAdaptableWizardContext, } from "../../../Wizard/OnePageAdaptableWizard.js";
 export const getScheduleSettingsValues = (data) => {
     if (data.ScheduleType === ScheduleType.Reminder) {
         const reminder = data;

package/src/View/Schedule/Wizard/ScheduleSettingsWizard/ScheduleSettingsWizard.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { useOnePageAdaptableWizardContext } from '../../../Wizard/OnePageAdaptableWizard';
-import { ScheduleType } from '../../../../PredefinedConfig/Common/Enums';
-import { ScheduleSettingsReminder } from './ScheduleSettingsReminder';
-import { ScheduleSettingsReport } from './ScheduleSettingsReport';
-import { ScheduleSettingsIPushPull } from './ScheduleSettingsIPushPull';
-import { ScheduleSettingsOpenFin } from './ScheduleSettingsOpenFin';
+import { useOnePageAdaptableWizardContext } from "../../../Wizard/OnePageAdaptableWizard.js";
+import { ScheduleType } from "../../../../PredefinedConfig/Common/Enums.js";
+import { ScheduleSettingsReminder } from "./ScheduleSettingsReminder.js";
+import { ScheduleSettingsReport } from "./ScheduleSettingsReport.js";
+import { ScheduleSettingsIPushPull } from "./ScheduleSettingsIPushPull.js";
+import { ScheduleSettingsOpenFin } from "./ScheduleSettingsOpenFin.js";
 export const ScheduleSettingsWizard = (props) => {
     const { data, api } = useOnePageAdaptableWizardContext();
     const allReports = api.exportApi.getReports();

package/src/View/Schedule/Wizard/ScheduleSettingsWizard/index.js

@@ -1,3 +1,3 @@
-export { ScheduleSettingsWizard } from './ScheduleSettingsWizard';
-export { ScheduleSettingsSummary } from './ScheduleSettingsSummary';
-export { isSettingsValid } from './isSettingsValid';
+export { ScheduleSettingsWizard } from "./ScheduleSettingsWizard.js";
+export { ScheduleSettingsSummary } from "./ScheduleSettingsSummary.js";
+export { isSettingsValid } from "./isSettingsValid.js";

package/src/View/Schedule/Wizard/ScheduleSettingsWizard/isSettingsValid.js

@@ -1,5 +1,5 @@
-import { ScheduleType } from '../../../../PredefinedConfig/Common/Enums';
-import StringExtensions from '../../../../Utilities/Extensions/StringExtensions';
+import { ScheduleType } from "../../../../PredefinedConfig/Common/Enums.js";
+import StringExtensions from "../../../../Utilities/Extensions/StringExtensions.js";
 export const isSettingsValid = (schedule) => {
     var _a, _b, _c, _d;
     if (schedule.ScheduleType === ScheduleType.Reminder) {

package/src/View/Schedule/Wizard/ScheduleWizard.js

@@ -1,14 +1,14 @@
 import * as React from 'react';
 import { Box } from 'rebass';
-import { OnePageAdaptableWizard, OnePageWizardSummary, } from '../../../View/Wizard/OnePageAdaptableWizard';
-import { ScheduleSettingsWizard, ScheduleSettingsSummary, isSettingsValid, } from './ScheduleSettingsWizard';
-import { ScheduleScheduleWizard, isScheduleValid } from './ScheduleScheduleWizard';
-import { ScheduleScheduleSummary } from './ScheduleScheduleSummary';
-import { ScheduleType } from '../../../PredefinedConfig/Common/Enums';
-import ObjectFactory from '../../../Utilities/ObjectFactory';
+import { OnePageAdaptableWizard, OnePageWizardSummary, } from "../../../View/Wizard/OnePageAdaptableWizard.js";
+import { ScheduleSettingsWizard, ScheduleSettingsSummary, isSettingsValid, } from "./ScheduleSettingsWizard/index.js";
+import { ScheduleScheduleWizard, isScheduleValid } from "./ScheduleScheduleWizard.js";
+import { ScheduleScheduleSummary } from "./ScheduleScheduleSummary.js";
+import { ScheduleType } from "../../../PredefinedConfig/Common/Enums.js";
+import ObjectFactory from "../../../Utilities/ObjectFactory.js";
 import { useDispatch } from 'react-redux';
-import * as ScheduleRedux from '../../../Redux/ActionsReducers/ScheduleRedux';
-import { ObjectTagsWizardSection, renderObjectTagsSummary, } from '../../Wizard/ObjectTagsWizardSection';
+import * as ScheduleRedux from "../../../Redux/ActionsReducers/ScheduleRedux.js";
+import { ObjectTagsWizardSection, renderObjectTagsSummary, } from "../../Wizard/ObjectTagsWizardSection.js";
 export const ScheduleWizard = (props) => {
     var _a, _b, _c, _d;
     const data = (_a = props.data) !== null && _a !== void 0 ? _a : (_b = props.popupParams) === null || _b === void 0 ? void 0 : _b.value;

package/src/View/Shortcut/Wizard/ShortcutScopeWizardSection.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
-import { NewScopeComponent } from '../../Components/NewScopeComponent';
+import { useOnePageAdaptableWizardContext } from "../../Wizard/OnePageAdaptableWizard.js";
+import { NewScopeComponent } from "../../Components/NewScopeComponent.js";
 export const ShortcutScopeWizardSection = (props) => {
     const { data, api } = useOnePageAdaptableWizardContext();
     const availableColumns = React.useMemo(() => api.columnApi.getNumericColumns(), []);

package/src/View/Shortcut/Wizard/ShortcutSettingsWizard.js

@@ -1,14 +1,14 @@
 import * as React from 'react';
 import { Box, Flex } from 'rebass';
-import Input from '../../../components/Input';
-import { shortcutOperationList } from '../shortcutOperations';
-import FormLayout, { FormRow } from '../../../components/FormLayout';
-import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
-import { Tabs } from '../../../components/Tabs';
-import { SummaryText } from '../../../View/Wizard/OnePageAdaptableWizard';
-import { Tag } from '../../../components/Tag';
-import HelpBlock from '../../../components/HelpBlock';
-import { Select } from '../../../components/Select';
+import Input from "../../../components/Input/index.js";
+import { shortcutOperationList } from "../shortcutOperations.js";
+import FormLayout, { FormRow } from "../../../components/FormLayout/index.js";
+import { useOnePageAdaptableWizardContext } from "../../Wizard/OnePageAdaptableWizard.js";
+import { Tabs } from "../../../components/Tabs/index.js";
+import { SummaryText } from "../../../View/Wizard/OnePageAdaptableWizard.js";
+import { Tag } from "../../../components/Tag/index.js";
+import HelpBlock from "../../../components/HelpBlock/index.js";
+import { Select } from "../../../components/Select/index.js";
 export const isSettingsValid = (data) => {
     const shortcutKey = data.ShortcutKey && typeof data.ShortcutKey === 'string' ? '' : 'Shortcut key is not selected';
     const shortcutValue = typeof data.ShortcutValue === 'number' ? '' : 'Shortcut value is not specified';

package/src/View/Shortcut/Wizard/ShortcutWizard.js

@@ -1,16 +1,16 @@
 import * as React from 'react';
 import { Box } from 'rebass';
-import { OnePageAdaptableWizard, OnePageWizardSummary, } from '../../../View/Wizard/OnePageAdaptableWizard';
-import { cloneObject } from '../../../Utilities/Helpers/Helper';
-import { renderScopeSummary, isScopeValid } from '../../Components/NewScopeComponent';
-import { ShortcutScopeWizardSection } from './ShortcutScopeWizardSection';
-import { ShortcutSettingsSummary, ShortcutSettingsWizard, isSettingsValid, } from './ShortcutSettingsWizard';
-import ObjectFactory from '../../../Utilities/ObjectFactory';
+import { OnePageAdaptableWizard, OnePageWizardSummary, } from "../../../View/Wizard/OnePageAdaptableWizard.js";
+import { cloneObject } from "../../../Utilities/Helpers/Helper.js";
+import { renderScopeSummary, isScopeValid } from "../../Components/NewScopeComponent.js";
+import { ShortcutScopeWizardSection } from "./ShortcutScopeWizardSection.js";
+import { ShortcutSettingsSummary, ShortcutSettingsWizard, isSettingsValid, } from "./ShortcutSettingsWizard.js";
+import ObjectFactory from "../../../Utilities/ObjectFactory.js";
 import { useDispatch } from 'react-redux';
-import * as ShortcutRedux from '../../../Redux/ActionsReducers/ShortcutRedux';
-import { shortcutKeys } from '../shortcutKeys';
-import { useAdaptable } from '../../AdaptableContext';
-import { ObjectTagsWizardSection, renderObjectTagsSummary, } from '../../Wizard/ObjectTagsWizardSection';
+import * as ShortcutRedux from "../../../Redux/ActionsReducers/ShortcutRedux.js";
+import { shortcutKeys } from "../shortcutKeys.js";
+import { useAdaptable } from "../../AdaptableContext.js";
+import { ObjectTagsWizardSection, renderObjectTagsSummary, } from "../../Wizard/ObjectTagsWizardSection.js";
 export const ShortcutWizard = (props) => {
     const [shortcut, setShortcut] = React.useState(() => {
         var _a, _b, _c;

package/src/View/Shortcut/shortcutOperations.js

@@ -1,4 +1,4 @@
-import { MathOperation } from '../../PredefinedConfig/Common/Enums';
+import { MathOperation } from "../../PredefinedConfig/Common/Enums.js";
 export const shortcutOperationList = [
     MathOperation.Add,
     MathOperation.Subtract,

package/src/View/SmartEdit/SmartEditPopup.js

@@ -1,18 +1,18 @@
 import * as React from 'react';
 import { connect } from 'react-redux';
-import * as SmartEditRedux from '../../Redux/ActionsReducers/SmartEditRedux';
-import * as SystemRedux from '../../Redux/ActionsReducers/SystemRedux';
-import { MathOperation } from '../../PredefinedConfig/Common/Enums';
-import { PanelWithImage } from '../Components/Panels/PanelWithImage';
-import { AdaptablePopover } from '../AdaptablePopover';
-import { EnumExtensions } from '../../Utilities/Extensions/EnumExtensions';
-import { PreviewResultsPanel } from '../Components/PreviewResultsPanel';
-import { PreviewHelper } from '../../Utilities/Helpers/PreviewHelper';
-import { StringExtensions } from '../../Utilities/Extensions/StringExtensions';
-import Input from '../../components/Input';
+import * as SmartEditRedux from "../../Redux/ActionsReducers/SmartEditRedux.js";
+import * as SystemRedux from "../../Redux/ActionsReducers/SystemRedux.js";
+import { MathOperation } from "../../PredefinedConfig/Common/Enums.js";
+import { PanelWithImage } from "../Components/Panels/PanelWithImage.js";
+import { AdaptablePopover } from "../AdaptablePopover/index.js";
+import { EnumExtensions } from "../../Utilities/Extensions/EnumExtensions.js";
+import { PreviewResultsPanel } from "../Components/PreviewResultsPanel.js";
+import { PreviewHelper } from "../../Utilities/Helpers/PreviewHelper.js";
+import { StringExtensions } from "../../Utilities/Extensions/StringExtensions.js";
+import Input from "../../components/Input/index.js";
 import { Flex } from 'rebass';
-import DropdownButton from '../../components/DropdownButton';
-import SimpleButton from '../../components/SimpleButton';
+import DropdownButton from "../../components/DropdownButton/index.js";
+import SimpleButton from "../../components/SimpleButton/index.js";
 const preventDefault = (e) => e.preventDefault();
 class SmartEditPopupComponent extends React.Component {
     constructor(props) {

package/src/View/SmartEdit/SmartEditViewPanel.js

@@ -1,17 +1,17 @@
-import * as SystemRedux from '../../Redux/ActionsReducers/SystemRedux';
-import * as SmartEditRedux from '../../Redux/ActionsReducers/SmartEditRedux';
-import { MathOperation, StatusColour } from '../../PredefinedConfig/Common/Enums';
+import * as SystemRedux from "../../Redux/ActionsReducers/SystemRedux.js";
+import * as SmartEditRedux from "../../Redux/ActionsReducers/SmartEditRedux.js";
+import { MathOperation, StatusColour } from "../../PredefinedConfig/Common/Enums.js";
 import * as React from 'react';
-import { StringExtensions } from '../../Utilities/Extensions/StringExtensions';
-import { PreviewResultsPanel } from '../Components/PreviewResultsPanel';
-import { EnumExtensions } from '../../Utilities/Extensions/EnumExtensions';
+import { StringExtensions } from "../../Utilities/Extensions/StringExtensions.js";
+import { PreviewResultsPanel } from "../Components/PreviewResultsPanel.js";
+import { EnumExtensions } from "../../Utilities/Extensions/EnumExtensions.js";
 import { Flex } from 'rebass';
-import Input from '../../components/Input';
-import { ButtonApply } from '../Components/Buttons/ButtonApply';
-import { AdaptablePopover } from '../AdaptablePopover';
-import { UIHelper } from '../UIHelper';
+import Input from "../../components/Input/index.js";
+import { ButtonApply } from "../Components/Buttons/ButtonApply.js";
+import { AdaptablePopover } from "../AdaptablePopover/index.js";
+import { UIHelper } from "../UIHelper.js";
 import { connect } from 'react-redux';
-import { Select } from '../../components/Select';
+import { Select } from "../../components/Select/index.js";
 class SmartEditViewPanelComponent extends React.Component {
     constructor(props) {
         super(props);

package/src/View/SpecialColumnSettingsWizardStep.js

@@ -1,11 +1,11 @@
 import chunk from 'lodash/chunk';
 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 { ColumnFilterModuleId } from '../Utilities/Constants/ModuleConstants';
-import { useAdaptable } from './AdaptableContext';
+import { CheckBox } from "../components/CheckBox/index.js";
+import FormLayout, { FormRow } from "../components/FormLayout/index.js";
+import { Tabs } from "../components/Tabs/index.js";
+import { ColumnFilterModuleId } from "../Utilities/Constants/ModuleConstants.js";
+import { useAdaptable } from "./AdaptableContext.js";
 export const SpecialColumnSettingsWizardStep = (props) => {
     var _a, _b, _c;
     const adaptable = useAdaptable();

package/src/View/StateManagement/StateManagementPopup.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { PopupPanel } from '../Components/Popups/AdaptablePopup/PopupPanel';
-import HelpBlock from '../../components/HelpBlock';
-import { LoadButton } from './components/LoadButton';
-import { ClearButton } from './components/ClearButton';
-import { ExportDropdown } from './components/ExportDropdown';
-import Panel from '../../components/Panel';
+import { PopupPanel } from "../Components/Popups/AdaptablePopup/PopupPanel.js";
+import HelpBlock from "../../components/HelpBlock/index.js";
+import { LoadButton } from "./components/LoadButton.js";
+import { ClearButton } from "./components/ClearButton.js";
+import { ExportDropdown } from "./components/ExportDropdown.js";
+import Panel from "../../components/Panel/index.js";
 export const StateManagementPopup = (props) => {
     const baseClassName = 'ab-ManageState';
     return (React.createElement(PopupPanel, { className: baseClassName, headerText: props.moduleInfo.FriendlyName, glyphicon: props.moduleInfo.Glyph, infoLink: props.moduleInfo.HelpPage, infoLinkDisabled: !props.api.internalApi.isDocumentationLinksDisplayed() },

package/src/View/StateManagement/StateManagementViewPanel.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import join from '../../components/utils/join';
-import * as GeneralConstants from '../../Utilities/Constants/GeneralConstants';
-import { LoadButton } from './components/LoadButton';
-import { ClearButton } from './components/ClearButton';
+import join from "../../components/utils/join.js";
+import * as GeneralConstants from "../../Utilities/Constants/GeneralConstants.js";
+import { LoadButton } from "./components/LoadButton.js";
+import { ClearButton } from "./components/ClearButton.js";
 import { Flex } from 'rebass';
-import { ExportDropdown } from './components/ExportDropdown';
+import { ExportDropdown } from "./components/ExportDropdown.js";
 export const StateManagementViewPanel = (props) => {
     const isToolbar = props.viewType === 'Toolbar';
     const elementType = isToolbar ? 'DashboardToolbar' : 'ToolPanel';

package/src/View/StateManagement/components/ClearButton.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from '../../../components/SimpleButton';
+import SimpleButton from "../../../components/SimpleButton/index.js";
 export const ClearButton = (props) => {
     return (React.createElement(SimpleButton, Object.assign({}, props, { className: "ab-StateManagement__Clear-Button", tooltip: "Clear User State" }), props.children));
 };

package/src/View/StateManagement/components/ExportDropdown.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import DropdownButton from '../../../components/DropdownButton';
-import { handleExportState } from '../handleExportState';
+import DropdownButton from "../../../components/DropdownButton/index.js";
+import { handleExportState } from "../handleExportState.js";
 export const ExportDropdown = (props) => {
     const handleChange = (destination) => {
         switch (props.type) {

package/src/View/StateManagement/components/LoadButton.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { readJSONFile } from '../../../components/FileDroppable';
-import SimpleButton from '../../../components/SimpleButton';
+import { readJSONFile } from "../../../components/FileDroppable/index.js";
+import SimpleButton from "../../../components/SimpleButton/index.js";
 export const LoadButton = (props) => {
     const onLoadPredefinedConfig = (e) => {
         const nativeEvent = e.nativeEvent;

package/src/View/StateManagement/handleExportState.js

@@ -1,4 +1,4 @@
-import Helper from '../../Utilities/Helpers/Helper';
+import Helper from "../../Utilities/Helpers/Helper.js";
 export const handleExportState = (type, name, state) => {
     switch (type) {
         case 'Clipboard':

package/src/View/StatusBar/AdaptableStatusBar.js

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { Flex } from 'rebass';
-import { getStatusPanelsSelector } from '../../Redux/ActionsReducers/StatusBarRedux';
-import { useAdaptable } from '../AdaptableContext';
-import { StatusBarPanel } from './StatusBarPanel';
+import { getStatusPanelsSelector } from "../../Redux/ActionsReducers/StatusBarRedux.js";
+import { useAdaptable } from "../AdaptableContext.js";
+import { StatusBarPanel } from "./StatusBarPanel.js";
 export const AdaptableStatusBar = (props) => {
     var _a;
     /**

package/src/View/StatusBar/StatusBarPanel.js

@@ -1,9 +1,9 @@
 import { __rest } from "tslib";
 import * as React from 'react';
 import { Box, Flex } from 'rebass';
-import SimpleButton from '../../components/SimpleButton';
-import ArrayExtensions from '../../Utilities/Extensions/ArrayExtensions';
-import { AdaptablePopover } from '../AdaptablePopover';
+import SimpleButton from "../../components/SimpleButton/index.js";
+import ArrayExtensions from "../../Utilities/Extensions/ArrayExtensions.js";
+import { AdaptablePopover } from "../AdaptablePopover/index.js";
 /**
  * Statusbar sub panel are similar to vs code:
  * - text

package/src/View/StatusBar/StatusBarPopup.js

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { useSelector } from 'react-redux';
-import { ModuleManager } from '../../components/DragAndDropContext/ModuleManager';
-import EmptyContent from '../../components/EmptyContent';
-import { ALL_STATUS_SUB_PANELS, } from '../../PredefinedConfig/Common/Types';
-import { getStatusPanelsSelector } from '../../Redux/ActionsReducers/StatusBarRedux';
-import { useAdaptable } from '../AdaptableContext';
-import { PopupPanel } from '../Components/Popups/AdaptablePopup/PopupPanel';
+import { ModuleManager } from "../../components/DragAndDropContext/ModuleManager.js";
+import EmptyContent from "../../components/EmptyContent/index.js";
+import { ALL_STATUS_SUB_PANELS, } from "../../PredefinedConfig/Common/Types.js";
+import { getStatusPanelsSelector } from "../../Redux/ActionsReducers/StatusBarRedux.js";
+import { useAdaptable } from "../AdaptableContext.js";
+import { PopupPanel } from "../Components/Popups/AdaptablePopup/PopupPanel.js";
 export const StatusBarPopup = (props) => {
     const statusPanels = useSelector(getStatusPanelsSelector);
     const adaptable = useAdaptable();

package/src/View/StyledColumn/Wizard/StyledColumnBadgeSection.js

@@ -1,21 +1,21 @@
 import * as React from 'react';
 import { Box, Flex } from 'rebass';
-import DropdownButton from '../../../components/DropdownButton';
-import ErrorBox from '../../../components/ErrorBox';
-import FormLayout, { FormRow } from '../../../components/FormLayout';
-import HelpBlock from '../../../components/HelpBlock';
-import SimpleButton from '../../../components/SimpleButton';
-import { Tabs } from '../../../components/Tabs';
-import ObjectFactory from '../../../Utilities/ObjectFactory';
-import { AdaptableIconSelector } from '../../Components/AdaptableIconSelector';
-import { PredicateEditor } from '../../Components/PredicateEditor/PredicateEditor';
-import { StyleComponent } from '../../Components/StyleComponent';
-import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
-import { StyledColumnBadgePreview } from './StyledColumnWizardStyleSection/Components/StyledColumnBadgePreview';
-import { Badge } from '../../Components/Badge';
-import { AdaptableIconComponent } from '../../Components/AdaptableIconComponent';
-import { DEFAULT_INTEGER_DISPLAY_VALUE, DEFAULT_STRING_DISPLAY_VALUE, } from '../../../Utilities/Constants/GeneralConstants';
-import { Accordion } from '../../../components/Accordion';
+import DropdownButton from "../../../components/DropdownButton/index.js";
+import ErrorBox from "../../../components/ErrorBox/index.js";
+import FormLayout, { FormRow } from "../../../components/FormLayout/index.js";
+import HelpBlock from "../../../components/HelpBlock/index.js";
+import SimpleButton from "../../../components/SimpleButton/index.js";
+import { Tabs } from "../../../components/Tabs/index.js";
+import ObjectFactory from "../../../Utilities/ObjectFactory.js";
+import { AdaptableIconSelector } from "../../Components/AdaptableIconSelector/index.js";
+import { PredicateEditor } from "../../Components/PredicateEditor/PredicateEditor.js";
+import { StyleComponent } from "../../Components/StyleComponent.js";
+import { useOnePageAdaptableWizardContext } from "../../Wizard/OnePageAdaptableWizard.js";
+import { StyledColumnBadgePreview } from "./StyledColumnWizardStyleSection/Components/StyledColumnBadgePreview.js";
+import { Badge } from "../../Components/Badge/index.js";
+import { AdaptableIconComponent } from "../../Components/AdaptableIconComponent/index.js";
+import { DEFAULT_INTEGER_DISPLAY_VALUE, DEFAULT_STRING_DISPLAY_VALUE, } from "../../../Utilities/Constants/GeneralConstants.js";
+import { Accordion } from "../../../components/Accordion.js";
 const BadgeEditor = (props) => {
     var _a, _b;
     const { api } = useOnePageAdaptableWizardContext();

package/src/View/StyledColumn/Wizard/StyledColumnSparklineSettingsSection.js

@@ -1,17 +1,17 @@
 import * as React from 'react';
 import { Box, Flex } from 'rebass';
-import { CheckBox } from '../../../components/CheckBox';
-import { ColorPicker } from '../../../components/ColorPicker';
-import FormLayout, { FormRow } from '../../../components/FormLayout';
-import Input from '../../../components/Input';
-import { Select } from '../../../components/Select';
-import { Tabs } from '../../../components/Tabs';
-import { Tag } from '../../../components/Tag';
-import { setInPath } from '../../../Utilities/Extensions/ObjectExtensions';
-import { Humanize } from '../../../Utilities/Extensions/StringExtensions';
-import AdaptableInput from '../../Components/AdaptableInput';
-import { BLACK, LIGHT_BLUE, LIGHT_GRAY, YELLOW } from '../../UIHelper';
-import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
+import { CheckBox } from "../../../components/CheckBox/index.js";
+import { ColorPicker } from "../../../components/ColorPicker/index.js";
+import FormLayout, { FormRow } from "../../../components/FormLayout/index.js";
+import Input from "../../../components/Input/index.js";
+import { Select } from "../../../components/Select/index.js";
+import { Tabs } from "../../../components/Tabs/index.js";
+import { Tag } from "../../../components/Tag/index.js";
+import { setInPath } from "../../../Utilities/Extensions/ObjectExtensions.js";
+import { Humanize } from "../../../Utilities/Extensions/StringExtensions.js";
+import AdaptableInput from "../../Components/AdaptableInput/index.js";
+import { BLACK, LIGHT_BLUE, LIGHT_GRAY, YELLOW } from "../../UIHelper.js";
+import { useOnePageAdaptableWizardContext } from "../../Wizard/OnePageAdaptableWizard.js";
 const CommonProperties = (props) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8;
     const { data, api } = useOnePageAdaptableWizardContext();

package/src/View/StyledColumn/Wizard/StyledColumnWizard.js

@@ -2,17 +2,17 @@ import * as React from 'react';
 import { useState } from 'react';
 import { Box } from 'rebass';
 import { useDispatch } from 'react-redux';
-import { OnePageAdaptableWizard, OnePageWizardSummary, } from '../../Wizard/OnePageAdaptableWizard';
-import ObjectFactory from '../../../Utilities/ObjectFactory';
-import * as StyledColumnRedux from '../../../Redux/ActionsReducers/StyledColumnRedux';
-import { renderStyledColumnTypeSummary, StyledColumnWizardTypeSection, } from './StyledColumnWizardTypeSection';
-import { isValidStyledColumnColumn, renderStyledColumnColumnSummary, StyledColumnWizardColumnSection, } from './StyledColumnWizardColumnSection';
-import { renderStyledColumnStyleSummary, StyledColumnWizardStyleSection, } from './StyledColumnWizardStyleSection';
-import { cloneObject } from '../../../Utilities/Helpers/Helper';
-import { renderStyledColumnWizardSettingsSummary, StyledColumnWizardSettingsSection, } from './StyledColumnWizardSettingsSection';
-import { StyledColumnSparklineSettingsSection } from './StyledColumnSparklineSettingsSection';
-import { ObjectTagsWizardSection, renderObjectTagsSummary, } from '../../Wizard/ObjectTagsWizardSection';
-import { renderBadgeSummary, StyledColumnBadgeSection } from './StyledColumnBadgeSection';
+import { OnePageAdaptableWizard, OnePageWizardSummary, } from "../../Wizard/OnePageAdaptableWizard.js";
+import ObjectFactory from "../../../Utilities/ObjectFactory.js";
+import * as StyledColumnRedux from "../../../Redux/ActionsReducers/StyledColumnRedux.js";
+import { renderStyledColumnTypeSummary, StyledColumnWizardTypeSection, } from "./StyledColumnWizardTypeSection.js";
+import { isValidStyledColumnColumn, renderStyledColumnColumnSummary, StyledColumnWizardColumnSection, } from "./StyledColumnWizardColumnSection.js";
+import { renderStyledColumnStyleSummary, StyledColumnWizardStyleSection, } from "./StyledColumnWizardStyleSection/index.js";
+import { cloneObject } from "../../../Utilities/Helpers/Helper.js";
+import { renderStyledColumnWizardSettingsSummary, StyledColumnWizardSettingsSection, } from "./StyledColumnWizardSettingsSection.js";
+import { StyledColumnSparklineSettingsSection } from "./StyledColumnSparklineSettingsSection.js";
+import { ObjectTagsWizardSection, renderObjectTagsSummary, } from "../../Wizard/ObjectTagsWizardSection.js";
+import { renderBadgeSummary, StyledColumnBadgeSection } from "./StyledColumnBadgeSection.js";
 export const StyledColumnWizard = (props) => {
     var _a, _b, _c, _d, _e, _f;
     const data = (_a = props.data) !== null && _a !== void 0 ? _a : (_b = props.popupParams) === null || _b === void 0 ? void 0 : _b.value;

package/src/View/StyledColumn/Wizard/StyledColumnWizardColumnSection.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 renderStyledColumnColumnSummary = (data) => {
     const { api } = useOnePageAdaptableWizardContext();
     return (React.createElement(Text, { pr: 2, py: 2 },

package/src/View/StyledColumn/Wizard/StyledColumnWizardSettingsSection.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { Box, Flex, Text } from 'rebass';
-import { CheckBox } from '../../../components/CheckBox';
-import FormLayout, { FormRow } from '../../../components/FormLayout';
-import { Tabs } from '../../../components/Tabs';
-import { Tag } from '../../../components/Tag';
-import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
+import { CheckBox } from "../../../components/CheckBox/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 { useOnePageAdaptableWizardContext } from "../../Wizard/OnePageAdaptableWizard.js";
 export const renderStyledColumnWizardSettingsSummary = (data) => {
     var _a, _b, _c;
     const badgeStyle = data;

package/src/View/StyledColumn/Wizard/StyledColumnWizardStyleSection/Components/PercentBarColumnComparisonPreview.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Box, Flex } from 'rebass';
-import { useAdaptable } from '../../../../AdaptableContext';
-import { PercentBarStylePreview } from './PercentBarStylePreview';
+import { useAdaptable } from "../../../../AdaptableContext.js";
+import { PercentBarStylePreview } from "./PercentBarStylePreview.js";
 export const PercentBarColumnComparisonPreview = (props) => {
     const { api } = useAdaptable();
     const columnComparison = props.percentBarStyle.ColumnComparison;

package/src/View/StyledColumn/Wizard/StyledColumnWizardStyleSection/Components/PercentBarRangesPreview.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Flex } from 'rebass';
-import { PercentBarStylePreview } from './PercentBarStylePreview';
+import { PercentBarStylePreview } from "./PercentBarStylePreview.js";
 export const PercentBarPreview = (props) => {
     let postfix = '';
     if (props.percentBarStyle.RangeValueType === 'Percentage') {

package/src/View/StyledColumn/Wizard/StyledColumnWizardStyleSection/Components/StyledColumnBadgePreview.js

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { Box, Flex } from 'rebass';
-import { Tag } from '../../../../../components/Tag';
-import { DEFAULT_INTEGER_DISPLAY_VALUE, DEFAULT_STRING_DISPLAY_VALUE, } from '../../../../../Utilities/Constants/GeneralConstants';
-import { useAdaptable } from '../../../../AdaptableContext';
-import { Badge } from '../../../../Components/Badge';
+import { Tag } from "../../../../../components/Tag/index.js";
+import { DEFAULT_INTEGER_DISPLAY_VALUE, DEFAULT_STRING_DISPLAY_VALUE, } from "../../../../../Utilities/Constants/GeneralConstants.js";
+import { useAdaptable } from "../../../../AdaptableContext.js";
+import { Badge } from "../../../../Components/Badge/index.js";
 export const StyledColumnBadgePreview = ({ data }) => {
     const adaptable = useAdaptable();
     const badgeStyle = data.BadgeStyle;

package/src/View/StyledColumn/Wizard/StyledColumnWizardStyleSection/StyledColumnWizardStyleSection.js

@@ -1,18 +1,18 @@
 import * as React from 'react';
 import { Box, Flex } from 'rebass';
-import { CheckBox } from '../../../../components/CheckBox';
-import ErrorBox from '../../../../components/ErrorBox';
-import FormLayout, { FormRow } from '../../../../components/FormLayout';
-import { Tag } from '../../../../components/Tag';
-import { ColorPicker } from '../../../../components/ColorPicker';
-import { RangesComponent } from '../../../Components/RangesComponent';
-import { StyleVisualItem } from '../../../Components/StyleVisualItem';
-import { getHexForName, GRAY } from '../../../UIHelper';
-import { useOnePageAdaptableWizardContext } from '../../../Wizard/OnePageAdaptableWizard';
-import { PercentBarColumnComparisonPreview } from './Components/PercentBarColumnComparisonPreview';
-import { PercentBarPreview } from './Components/PercentBarRangesPreview';
-import DropdownButton from '../../../../components/DropdownButton';
-import ArrayExtensions from '../../../../Utilities/Extensions/ArrayExtensions';
+import { CheckBox } from "../../../../components/CheckBox/index.js";
+import ErrorBox from "../../../../components/ErrorBox/index.js";
+import FormLayout, { FormRow } from "../../../../components/FormLayout/index.js";
+import { Tag } from "../../../../components/Tag/index.js";
+import { ColorPicker } from "../../../../components/ColorPicker/index.js";
+import { RangesComponent } from "../../../Components/RangesComponent.js";
+import { StyleVisualItem } from "../../../Components/StyleVisualItem.js";
+import { getHexForName, GRAY } from "../../../UIHelper.js";
+import { useOnePageAdaptableWizardContext } from "../../../Wizard/OnePageAdaptableWizard.js";
+import { PercentBarColumnComparisonPreview } from "./Components/PercentBarColumnComparisonPreview.js";
+import { PercentBarPreview } from "./Components/PercentBarRangesPreview.js";
+import DropdownButton from "../../../../components/DropdownButton/index.js";
+import ArrayExtensions from "../../../../Utilities/Extensions/ArrayExtensions.js";
 export const renderFormatColumnStyleWizardSummary = (data) => {
     const { api } = useOnePageAdaptableWizardContext();
     return renderStyledColumnStyleSummary(data, api);

package/src/View/StyledColumn/Wizard/StyledColumnWizardStyleSection/index.js

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