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

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

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { Flex, Text } from 'rebass';
-import { Tabs } from "../../../components/Tabs/index.js";
-import { Tag } from "../../../components/Tag/index.js";
-import ObjectFactory from "../../../Utilities/ObjectFactory.js";
-import { useAdaptable } from "../../AdaptableContext.js";
-import { useOnePageAdaptableWizardContext } from "../../Wizard/OnePageAdaptableWizard.js";
-import { TypeRadio } from "../../Wizard/TypeRadio.js";
+import { Tabs } from '../../../components/Tabs';
+import { Tag } from '../../../components/Tag';
+import ObjectFactory from '../../../Utilities/ObjectFactory';
+import { useAdaptable } from '../../AdaptableContext';
+import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
+import { TypeRadio } from '../../Wizard/TypeRadio';
 export const renderStyledColumnTypeSummary = (data) => {
     let type = null;
     if (data.GradientStyle) {

package/src/View/SystemStatus/SystemStatusEntityRow.js

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { AdaptableObjectRow } from "../Components/AdaptableObjectRow/index.js";
+import { AdaptableObjectRow } from '../Components/AdaptableObjectRow';
 import { Flex, Box } from 'rebass';
-import UIHelper from "../UIHelper.js";
-import { cloneObject } from "../../Utilities/Helpers/Helper.js";
-import join from "../../components/utils/join.js";
+import UIHelper from '../UIHelper';
+import { cloneObject } from '../../Utilities/Helpers/Helper';
+import join from '../../components/utils/join';
 export class SystemStatusEntityRow extends React.Component {
     render() {
         var _a;

package/src/View/SystemStatus/SystemStatusPopup.js

@@ -1,14 +1,14 @@
 import * as React from 'react';
 import { connect } from 'react-redux';
-import * as SystemRedux from "../../Redux/ActionsReducers/SystemRedux.js";
+import * as SystemRedux from '../../Redux/ActionsReducers/SystemRedux';
 import { Box } from 'rebass';
-import SimpleButton from "../../components/SimpleButton/index.js";
-import { AdaptableObjectCollection } from "../Components/AdaptableObjectCollection/index.js";
-import AdaptableHelper from "../../Utilities/Helpers/AdaptableHelper.js";
-import { SystemStatusEntityRow } from "./SystemStatusEntityRow.js";
-import ArrayExtensions from "../../Utilities/Extensions/ArrayExtensions.js";
-import { PopupPanel } from "../Components/Popups/AdaptablePopup/PopupPanel.js";
-import { SortOrder } from "../../PredefinedConfig/Common/Enums.js";
+import SimpleButton from '../../components/SimpleButton';
+import { AdaptableObjectCollection } from '../Components/AdaptableObjectCollection';
+import AdaptableHelper from '../../Utilities/Helpers/AdaptableHelper';
+import { SystemStatusEntityRow } from './SystemStatusEntityRow';
+import ArrayExtensions from '../../Utilities/Extensions/ArrayExtensions';
+import { PopupPanel } from '../Components/Popups/AdaptablePopup/PopupPanel';
+import { SortOrder } from '../../PredefinedConfig/Common/Enums';
 const colItems = [
     { Content: 'Message', Size: 10 },
     { Content: 'Timestamp', Size: 3 },

package/src/View/SystemStatus/SystemStatusStatusBarContent.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Box } from 'rebass';
-import { useAdaptable } from "../AdaptableContext.js";
-import { getStatusItemStyle } from "./Utilities/getStatusItemStyle.js";
+import { useAdaptable } from '../AdaptableContext';
+import { getStatusItemStyle } from './Utilities/getStatusItemStyle';
 export const SystemStatusStatusBarContent = () => {
     const adaptable = useAdaptable();
     const currentSystemStatusMessageInfo = adaptable.api.systemStatusApi.getCurrentSystemStatusMessageInfo();

package/src/View/SystemStatus/SystemStatusViewPanel.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Flex } from 'rebass';
 import { connect } from 'react-redux';
-import { getStatusItemStyle } from "./Utilities/getStatusItemStyle.js";
+import { getStatusItemStyle } from './Utilities/getStatusItemStyle';
 class SystemStatusViewPanelComponent extends React.Component {
     constructor(props) {
         super(props);

package/src/View/SystemStatus/Utilities/getStatusItemStyle.js

@@ -1,4 +1,4 @@
-import UIHelper from "../../UIHelper.js";
+import UIHelper from '../../UIHelper';
 export const getStatusItemStyle = (systemStatusMessageInfo) => {
     var _a;
     const background = UIHelper.getColorByMessageType((_a = systemStatusMessageInfo === null || systemStatusMessageInfo === void 0 ? void 0 : systemStatusMessageInfo.statusType) !== null && _a !== void 0 ? _a : 'Success');

package/src/View/TeamSharing/SharedEntityDependencies.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { Box } from 'rebass';
-import SimpleButton from "../../components/SimpleButton/index.js";
-import { useAdaptable } from "../AdaptableContext.js";
-import { AdaptableObjectListItem } from "../Components/AdaptableObjectList/AdaptableObjectList.js";
+import SimpleButton from '../../components/SimpleButton';
+import { useAdaptable } from '../AdaptableContext';
+import { AdaptableObjectListItem } from '../Components/AdaptableObjectList/AdaptableObjectList';
 export const Dependencies = (props) => {
     const adaptable = useAdaptable();
     const dependencies = adaptable.api.teamSharingApi.internalApi.getSharedEntryDependencies(props.sharedEntity);

package/src/View/TeamSharing/SharedEntityObjectView.js

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { Box, Flex } from 'rebass';
-import SimpleButton from "../../components/SimpleButton/index.js";
-import { Tag } from "../../components/Tag/index.js";
-import { useAdaptable } from "../AdaptableContext.js";
-import { AdaptableObjectListItem } from "../Components/AdaptableObjectList/AdaptableObjectList.js";
+import SimpleButton from '../../components/SimpleButton';
+import { Tag } from '../../components/Tag';
+import { useAdaptable } from '../AdaptableContext';
+import { AdaptableObjectListItem } from '../Components/AdaptableObjectList/AdaptableObjectList';
 export const SharedEntityTypeItemView = (props) => {
     const [isExpanded, setIsExpanded] = React.useState(false);
     const adaptable = useAdaptable();

package/src/View/TeamSharing/TeamSharingApplyButton.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 TeamSharingApplyButton = (props) => {
     const adaptable = useAdaptable();
     const handleImport = React.useCallback(() => {

package/src/View/Theme/ThemeEditor.js

@@ -1,13 +1,13 @@
 import * as React from 'react';
-import FormLayout, { FormRow } from "../../components/FormLayout/index.js";
-import { useAdaptable } from "../AdaptableContext.js";
-import AdaptableInput from "../Components/AdaptableInput/index.js";
+import FormLayout, { FormRow } from '../../components/FormLayout';
+import { useAdaptable } from '../AdaptableContext';
+import AdaptableInput from '../Components/AdaptableInput';
 import throttle from 'lodash/throttle';
-import SimpleButton from "../../components/SimpleButton/index.js";
+import SimpleButton from '../../components/SimpleButton';
 import { Box, Flex, Text } from 'rebass';
-import Panel from "../../components/Panel/index.js";
-import { Field } from "./ThemeField.js";
-import { VariantSelector } from "./VariantSelector.js";
+import Panel from '../../components/Panel';
+import { Field } from './ThemeField';
+import { VariantSelector } from './VariantSelector';
 const fields = [
     {
         name: 'Primary Color',

package/src/View/Theme/ThemeEditorWindow.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Box } from 'rebass';
-import { useAdaptable } from "../AdaptableContext.js";
-import { ThemePopup } from "./ThemePopup.js";
+import { useAdaptable } from '../AdaptableContext';
+import { ThemePopup } from './ThemePopup';
 export const ThemeEditorWindow = () => {
     const adaptable = useAdaptable();
     const moduleInfo = adaptable.ModuleService.getModuleInfoByModule('Theme');

package/src/View/Theme/ThemeField.js

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import throttle from 'lodash/throttle';
-import { useAdaptable } from "../AdaptableContext.js";
-import { getVariableColor } from "../../Utilities/Helpers/StyleHelper.js";
-import { FormRow } from "../../components/FormLayout/index.js";
-import SimpleButton from "../../components/SimpleButton/index.js";
+import { useAdaptable } from '../AdaptableContext';
+import { getVariableColor } from '../../Utilities/Helpers/StyleHelper';
+import { FormRow } from '../../components/FormLayout';
+import SimpleButton from '../../components/SimpleButton';
 import { Flex } from 'rebass';
-import { ColorPicker } from "../../components/ColorPicker/index.js";
-import AdaptableInput from "../Components/AdaptableInput/index.js";
+import { ColorPicker } from '../../components/ColorPicker';
+import AdaptableInput from '../Components/AdaptableInput';
 export const Field = (props) => {
     const adaptable = useAdaptable();
     let input = null;

package/src/View/Theme/ThemePopup.js

@@ -1,15 +1,15 @@
 import * as React from 'react';
 import { connect } from 'react-redux';
-import * as ThemeRedux from "../../Redux/ActionsReducers/ThemeRedux.js";
-import { PopupPanel } from "../Components/Popups/AdaptablePopup/PopupPanel.js";
-import FormLayout, { FormRow } from "../../components/FormLayout/index.js";
-import DropdownButton from "../../components/DropdownButton/index.js";
-import { ThemeEditor } from "./ThemeEditor.js";
+import * as ThemeRedux from '../../Redux/ActionsReducers/ThemeRedux';
+import { PopupPanel } from '../Components/Popups/AdaptablePopup/PopupPanel';
+import FormLayout, { FormRow } from '../../components/FormLayout';
+import DropdownButton from '../../components/DropdownButton';
+import { ThemeEditor } from './ThemeEditor';
 import { Box } from 'rebass';
-import ObjectFactory from "../../Utilities/ObjectFactory.js";
-import SimpleButton from "../../components/SimpleButton/index.js";
-import { Icon } from "../../components/icons/index.js";
-import { ThemeSelector } from "./ThemeSelector.js";
+import ObjectFactory from '../../Utilities/ObjectFactory';
+import SimpleButton from '../../components/SimpleButton';
+import { Icon } from '../../components/icons';
+import { ThemeSelector } from './ThemeSelector';
 class ThemePopupComponent extends React.Component {
     constructor() {
         super(...arguments);

package/src/View/Theme/ThemeSelector.js

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { useDispatch, useSelector } from 'react-redux';
-import { Select } from "../../components/Select/index.js";
-import * as ThemeRedux from "../../Redux/ActionsReducers/ThemeRedux.js";
-import { ThemeModuleId } from "../../Utilities/Constants/ModuleConstants.js";
-import { useAdaptable } from "../AdaptableContext.js";
+import { Select } from '../../components/Select';
+import * as ThemeRedux from '../../Redux/ActionsReducers/ThemeRedux';
+import { ThemeModuleId } from '../../Utilities/Constants/ModuleConstants';
+import { useAdaptable } from '../AdaptableContext';
 export const ThemeSelector = (props) => {
     const adaptable = useAdaptable();
     const dispatch = useDispatch();

package/src/View/Theme/ThemeStatusbar.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Box } from 'rebass';
-import { ThemeSelector } from "./ThemeSelector.js";
+import { ThemeSelector } from './ThemeSelector';
 export const ThemeStatusbar = () => {
     return (React.createElement(Box, { onClick: (event) => {
             event.stopPropagation();

package/src/View/Theme/ThemeViewPanel.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import join from "../../components/utils/join.js";
-import * as GeneralConstants from "../../Utilities/Constants/GeneralConstants.js";
-import { ThemeSelector } from "./ThemeSelector.js";
+import join from '../../components/utils/join';
+import * as GeneralConstants from '../../Utilities/Constants/GeneralConstants';
+import { ThemeSelector } from './ThemeSelector';
 export const ThemeViewPanelControl = (props) => {
     const elementType = props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
     return (React.createElement("div", { className: join(props.accessLevel == 'ReadOnly' ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__Theme__wrap`) },

package/src/View/Theme/VariantSelector.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import DropdownButton from "../../components/DropdownButton/index.js";
-import SimpleButton from "../../components/SimpleButton/index.js";
-import { useAdaptable } from "../AdaptableContext.js";
+import DropdownButton from '../../components/DropdownButton';
+import SimpleButton from '../../components/SimpleButton';
+import { useAdaptable } from '../AdaptableContext';
 export const VariantSelector = (props) => {
     var _a;
     const adaptable = useAdaptable();

package/src/View/UIHelper.js

@@ -1,7 +1,7 @@
-import { WizardStatus, } from "./Components/SharedProps/EditableConfigEntityState.js";
-import { FontWeight, FontStyle, StatusColour } from "../PredefinedConfig/Common/Enums.js";
-import { StringExtensions } from "../Utilities/Extensions/StringExtensions.js";
-import ArrayExtensions from "../Utilities/Extensions/ArrayExtensions.js";
+import { WizardStatus, } from './Components/SharedProps/EditableConfigEntityState';
+import { FontWeight, FontStyle, StatusColour } from '../PredefinedConfig/Common/Enums';
+import { StringExtensions } from '../Utilities/Extensions/StringExtensions';
+import ArrayExtensions from '../Utilities/Extensions/ArrayExtensions';
 export const BLACK = 'Black';
 export const WHITE = 'White';
 export const LIGHT_GRAY = 'LightGray';

package/src/View/Wizard/AdaptableWizard.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { WizardLegend } from "./WizardLegend.js";
-import { ArrayExtensions } from "../../Utilities/Extensions/ArrayExtensions.js";
+import { WizardLegend } from './WizardLegend';
+import { ArrayExtensions } from '../../Utilities/Extensions/ArrayExtensions';
 import { Flex } from 'rebass';
-import Dialog from "../../components/Dialog/index.js";
-import SimpleButton from "../../components/SimpleButton/index.js";
-import Panel from "../../components/Panel/index.js";
+import Dialog from '../../components/Dialog';
+import SimpleButton from '../../components/SimpleButton';
+import Panel from '../../components/Panel';
 import kebabCase from 'lodash/kebabCase';
 export const AdaptableWizardContext = React.createContext({
     data: null,

package/src/View/Wizard/ObjectTagsWizardSection.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { Tabs } from "../../components/Tabs/index.js";
-import { TagValueOptionsTags, TagValueSelector } from "../Components/TagValueSelector/index.js";
-import { useOnePageAdaptableWizardContext } from "./OnePageAdaptableWizard.js";
+import { Tabs } from '../../components/Tabs';
+import { TagValueOptionsTags, TagValueSelector } from '../Components/TagValueSelector';
+import { useOnePageAdaptableWizardContext } from './OnePageAdaptableWizard';
 import { Text } from 'rebass';
 export const ObjectTagsWizardSection = (props) => {
     const { onChange } = props;

package/src/View/Wizard/OnePageAdaptableWizard.js

@@ -2,12 +2,12 @@ import * as React from 'react';
 import { useState } from 'react';
 import { useDispatch } from 'react-redux';
 import { Box, Text } from 'rebass';
-import * as QueryRedux from "../../Redux/ActionsReducers/NamedQueryRedux.js";
-import SimpleButton from "../../components/SimpleButton/index.js";
-import { useAdaptable } from "../AdaptableContext.js";
-import { Tabs } from "../../components/Tabs/index.js";
-import { NamedQueryContext, } from "../../components/ExpressionEditor/NamedQueryContext.js";
-import { OnePageWizard, useOnePageWizardContext } from "./OnePageWizards.js";
+import * as QueryRedux from '../../Redux/ActionsReducers/NamedQueryRedux';
+import SimpleButton from '../../components/SimpleButton';
+import { useAdaptable } from '../AdaptableContext';
+import { Tabs } from '../../components/Tabs';
+import { NamedQueryContext, } from '../../components/ExpressionEditor/NamedQueryContext';
+import { OnePageWizard, useOnePageWizardContext } from './OnePageWizards';
 import kebabCase from 'lodash/kebabCase';
 export const SummaryTag = (props) => (React.createElement(Text, Object.assign({}, props)));
 export const SummaryText = (props) => (React.createElement(Text, Object.assign({ fontSize: 2, mb: 3 }, props)));

package/src/View/Wizard/OnePageWizards.js

@@ -1,15 +1,15 @@
 import * as React from 'react';
 import { useState, useRef } from 'react';
 import { Flex, Box, Text } from 'rebass';
-import Dialog from "../../components/Dialog/index.js";
-import SimpleButton from "../../components/SimpleButton/index.js";
-import useProperty from "../../components/utils/useProperty.js";
-import { isMacLike } from "../../Utilities/isMacLike.js";
-import { KeyHint } from "../KeyHint.js";
-import { Icon } from "../../components/icons/index.js";
-import { useResizeObserver } from "../../components/ResizeObserver/index.js";
-import { NamedQueryContext, } from "../../components/ExpressionEditor/NamedQueryContext.js";
-import { useKeyboardNavigation } from "./useKeyboardNavigation.js";
+import Dialog from '../../components/Dialog';
+import SimpleButton from '../../components/SimpleButton';
+import useProperty from '../../components/utils/useProperty';
+import { isMacLike } from '../../Utilities/isMacLike';
+import { KeyHint } from '../KeyHint';
+import { Icon } from '../../components/icons';
+import { useResizeObserver } from '../../components/ResizeObserver';
+import { NamedQueryContext, } from '../../components/ExpressionEditor/NamedQueryContext';
+import { useKeyboardNavigation } from './useKeyboardNavigation';
 export const SummaryTag = (props) => (React.createElement(Text, Object.assign({}, props)));
 export const SummaryText = (props) => (React.createElement(Text, Object.assign({ fontSize: 2, mb: 3 }, props)));
 export const FormDescriptionText = (props) => React.createElement(Text, Object.assign({ fontSize: 2, mt: 1 }, props));

package/src/View/Wizard/TypeRadio.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Flex, Text } from 'rebass';
-import Radio from "../../components/Radio/index.js";
+import Radio from '../../components/Radio';
 export const TypeRadio = (props) => (React.createElement(Radio, { onClick: () => props.onClick(), checked: props.checked },
     React.createElement(Flex, { flexDirection: "column" },
         React.createElement(Text, null, props.text),

package/src/View/Wizard/WizardLegend.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from "../../components/SimpleButton/index.js";
+import SimpleButton from '../../components/SimpleButton';
 import { Box } from 'rebass';
 export class WizardLegend extends React.Component {
     render() {

package/src/View/Wizard/useKeyboardNavigation.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { useGlobalEvent } from "../../components/utils/useGlobalEvent.js";
+import { useGlobalEvent } from '../../components/utils/useGlobalEvent';
 export const useKeyboardNavigation = (setCurrentSection, sections) => {
     const handleKeyPress = React.useCallback((event) => {
         if ((event.ctrlKey || event.metaKey) &&

package/src/View/renderWithAdaptableContext.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { Provider } from 'react-redux';
 import { ThemeProvider } from 'styled-components';
-import theme from "../theme.js";
-import AdaptableContext from "./AdaptableContext.js";
+import theme from '../theme';
+import AdaptableContext from './AdaptableContext';
 export const renderWithAdaptableContext = (children, adaptable) => {
     return (React.createElement(Provider, { store: adaptable.adaptableStore.TheStore },
         React.createElement(ThemeProvider, { theme: theme },

package/src/agGrid/ActionColumnRenderer.js

@@ -1,7 +1,7 @@
-import SimpleButton from "../components/SimpleButton/index.js";
+import SimpleButton from '../components/SimpleButton';
 import * as React from 'react';
-import { useRerender } from "../components/utils/useRerender.js";
-import { renderWithAdaptableContext } from "../View/renderWithAdaptableContext.js";
+import { useRerender } from '../components/utils/useRerender';
+import { renderWithAdaptableContext } from '../View/renderWithAdaptableContext';
 const ActionButtons = (props) => {
     const { buttons, adaptableApi, context, rerender } = props;
     return (React.createElement(React.Fragment, null, buttons.map((button, index) => {

package/src/agGrid/Adaptable.js

@@ -1,11 +1,11 @@
 import * as React from 'react';
-import { AgGridModulesDocsLink } from "../Utilities/Constants/DocumentationLinkConstants.js";
-import { AdaptableLogger } from "./AdaptableLogger.js";
-import { AdaptableAgGrid } from "./AdaptableAgGrid.js";
+import { AgGridModulesDocsLink } from '../Utilities/Constants/DocumentationLinkConstants';
+import { AdaptableLogger } from './AdaptableLogger';
+import { AdaptableAgGrid } from './AdaptableAgGrid';
 import { ModuleRegistry } from '@ag-grid-community/core';
-import { getDefaultAdaptableOptions } from "./defaultAdaptableOptions.js";
-import { renderReactRoot as defaultRenderReactRoot } from "../renderReactRoot.js";
-import AdaptableWizardView from "../View/AdaptableWizardView/index.js";
+import { getDefaultAdaptableOptions } from './defaultAdaptableOptions';
+import { renderReactRoot as defaultRenderReactRoot } from '../renderReactRoot';
+import AdaptableWizardView from '../View/AdaptableWizardView';
 export class Adaptable {
     /**
      * Initializer for Adaptable