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

package/src/View/ColumnInfo/ColumnInfo.js

@@ -1,14 +1,14 @@
 import * as React from 'react';
 import { useSelector } from 'react-redux';
 import { Box, Flex } from 'rebass';
-import FormLayout, { FormRow } from "../../components/FormLayout/index.js";
-import { DataSource, InfiniteTable } from "../../components/InfiniteTable/index.js";
-import Panel from "../../components/Panel/index.js";
-import { Tabs } from "../../components/Tabs/index.js";
-import { useAdaptable } from "../AdaptableContext.js";
-import { AdaptableObjectList } from "../Components/AdaptableObjectList/index.js";
-import { ButtonNew } from "../Components/Buttons/ButtonNew.js";
-import { ColumnSelector } from "../Components/Selectors/ColumnSelector.js";
+import FormLayout, { FormRow } from '../../components/FormLayout';
+import { DataSource, InfiniteTable } from '../../components/InfiniteTable';
+import Panel from '../../components/Panel';
+import { Tabs } from '../../components/Tabs';
+import { useAdaptable } from '../AdaptableContext';
+import { AdaptableObjectList } from '../Components/AdaptableObjectList';
+import { ButtonNew } from '../Components/Buttons/ButtonNew';
+import { ColumnSelector } from '../Components/Selectors/ColumnSelector';
 const BASE_CLASS_NAME = 'ab-AdaptableColumns';
 // TODOS:
 // - use column from props as initial value

package/src/View/ColumnInfo/ColumnInfoPopup.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Flex } from 'rebass';
-import { PopupPanel } from "../Components/Popups/AdaptablePopup/PopupPanel.js";
-import { ColumnInfo } from "./ColumnInfo.js";
+import { PopupPanel } from '../Components/Popups/AdaptablePopup/PopupPanel';
+import { ColumnInfo } from './ColumnInfo';
 export const ColumnInfoPopup = (props) => {
     var _a, _b;
     return (React.createElement(PopupPanel, { headerText: 'Column Info', glyphicon: 'info' },

package/src/View/Comments/CommentsEditor.js

@@ -1,14 +1,14 @@
 import * as React from 'react';
 import { useSelector } from 'react-redux';
 import { Box, Flex, Text } from 'rebass';
-import { Icon } from "../../components/icons/index.js";
-import Panel from "../../components/Panel/index.js";
-import SimpleButton from "../../components/SimpleButton/index.js";
-import * as CommentsRedux from "../../Redux/ActionsReducers/CommentsRedux.js";
-import { SystemCommentsAndNotesSelector } from "../../Redux/ActionsReducers/SystemRedux.js";
-import { formatDate } from "../../Utilities/ExpressionFunctions/dateUtils.js";
-import { useAdaptable } from "../AdaptableContext.js";
-import AdaptableInput from "../Components/AdaptableInput/index.js";
+import { Icon } from '../../components/icons';
+import Panel from '../../components/Panel';
+import SimpleButton from '../../components/SimpleButton';
+import * as CommentsRedux from '../../Redux/ActionsReducers/CommentsRedux';
+import { SystemCommentsAndNotesSelector } from '../../Redux/ActionsReducers/SystemRedux';
+import { formatDate } from '../../Utilities/ExpressionFunctions/dateUtils';
+import { useAdaptable } from '../AdaptableContext';
+import AdaptableInput from '../Components/AdaptableInput';
 // Edit Mode
 // [author] [edit, delete]
 // [text-editor] * this is different

package/src/View/Comments/CommentsPopup.js

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { useSelector } from 'react-redux';
-import { DataSource, InfiniteTable } from "../../components/InfiniteTable/index.js";
-import Panel from "../../components/Panel/index.js";
+import { DataSource, InfiniteTable } from '../../components/InfiniteTable';
+import Panel from '../../components/Panel';
 import { Box, Flex } from 'rebass';
 import dateFnsFormat from 'date-fns/format';
-import { useAdaptable } from "../AdaptableContext.js";
-import { PopupPanel } from "../Components/Popups/AdaptablePopup/PopupPanel.js";
-import { AdaptableButtonComponent } from "../Components/AdaptableButton/index.js";
-import { DEFAULT_DATE_FORMAT_PATTERN_WITH_TIME } from "../../Utilities/Constants/GeneralConstants.js";
+import { useAdaptable } from '../AdaptableContext';
+import { PopupPanel } from '../Components/Popups/AdaptablePopup/PopupPanel';
+import { AdaptableButtonComponent } from '../Components/AdaptableButton';
+import { DEFAULT_DATE_FORMAT_PATTERN_WITH_TIME } from '../../Utilities/Constants/GeneralConstants';
 const tableDOMProps = {
     style: {
         minHeight: 160,

package/src/View/Components/AdaptableButton/index.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { isAdaptableSystemIcon } from "../../../components/Icon/index.js";
-import SimpleButton from "../../../components/SimpleButton/index.js";
-import { useAdaptable } from "../../AdaptableContext.js";
+import { isAdaptableSystemIcon } from '../../../components/Icon';
+import SimpleButton from '../../../components/SimpleButton';
+import { useAdaptable } from '../../AdaptableContext';
 // This component is connected to adaptable and know about custom icons
 export const AdaptableButtonComponent = (props) => {
     let icon = props.icon;

package/src/View/Components/AdaptableDateInput/index.js

@@ -1,9 +1,9 @@
 import { __rest } from "tslib";
 import * as React from 'react';
-import { Datepicker } from "../../../components/Datepicker/index.js";
-import { useAdaptable } from "../../AdaptableContext.js";
-import useProperty from "../../../components/utils/useProperty.js";
-import { dateToISO, parseDateValue } from "../../../Utilities/Helpers/DateHelper.js";
+import { Datepicker } from '../../../components/Datepicker';
+import { useAdaptable } from '../../AdaptableContext';
+import useProperty from '../../../components/utils/useProperty';
+import { dateToISO, parseDateValue } from '../../../Utilities/Helpers/DateHelper';
 const AdaptableDateInput = React.forwardRef((props, ref) => {
     const dateInputOptions = useAdaptable().adaptableOptions.userInterfaceOptions.dateInputOptions;
     const { value: _, defaultValue: __, onChange, required, disabled } = props, inputProps = __rest(props, ["value", "defaultValue", "onChange", "required", "disabled"]);

package/src/View/Components/AdaptableIconComponent/index.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { IconComponent } from "../../../components/Icon/index.js";
-import { useCustomIcon } from "./useCustomIcon.js";
+import { IconComponent } from '../../../components/Icon';
+import { useCustomIcon } from './useCustomIcon';
 /**
  * This is a connected componnet.
  * It needs to be used only inside adaptable context.

package/src/View/Components/AdaptableIconComponent/useCustomIcon.js

@@ -1,4 +1,4 @@
-import { useAdaptable } from "../../AdaptableContext.js";
+import { useAdaptable } from '../../AdaptableContext';
 export const useCustomIcon = (icon) => {
     const adaptable = useAdaptable();
     if (!icon) {

package/src/View/Components/AdaptableIconSelector/index.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { IconSelector } from "../../../components/IconSelector/index.js";
-import { useAdaptable } from "../../AdaptableContext.js";
+import { IconSelector } from '../../../components/IconSelector';
+import { useAdaptable } from '../../AdaptableContext';
 /**
  * This component connects to adaptable to retrieve custom icons
  */

package/src/View/Components/AdaptableInput/AdaptableDateInlineInput.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { isValid, parse } from 'date-fns';
 import { useState } from 'react';
-import Input from "../../../components/Input/index.js";
-import { useAdaptable } from "../../AdaptableContext.js";
+import Input from '../../../components/Input';
+import { useAdaptable } from '../../AdaptableContext';
 export const AdaptableDateInlineInput = React.forwardRef((props, ref) => {
     var _a;
     const [hasFocus, setHasFocus] = useState(false);

package/src/View/Components/AdaptableInput/index.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import Input from "../../../components/Input/index.js";
-import { useAdaptable } from "../../AdaptableContext.js";
-import AdaptableDateInput from "../AdaptableDateInput/index.js";
+import Input from '../../../components/Input';
+import { useAdaptable } from '../../AdaptableContext';
+import AdaptableDateInput from '../AdaptableDateInput';
 const AdaptableInput = React.forwardRef((props, ref) => {
     var _a, _b;
     const useNativeInputDate = (_b = (_a = useAdaptable().adaptableOptions.userInterfaceOptions) === null || _a === void 0 ? void 0 : _a.dateInputOptions) === null || _b === void 0 ? void 0 : _b.useNativeInput;

package/src/View/Components/AdaptableObjectCollection/index.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 /// <reference path="../../typings/.d.ts" />
-import { PanelWithRow } from "../Panels/PanelWithRow.js";
+import { PanelWithRow } from '../Panels/PanelWithRow';
 import { Box } from 'rebass';
 export const AdaptableObjectCollection = (props) => {
     const allowOverflow = props.allowOverflow ? 'visible' : 'auto';

package/src/View/Components/AdaptableObjectList/AdaptableObjectCompactList.js

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { useDispatch } from 'react-redux';
 import { Box, Flex } from 'rebass';
-import SimpleButton from "../../../components/SimpleButton/index.js";
-import { useAdaptable } from "../../AdaptableContext.js";
-import { ValueOptionsTags } from "../ValueSelector/index.js";
+import SimpleButton from '../../../components/SimpleButton';
+import { useAdaptable } from '../../AdaptableContext';
+import { ValueOptionsTags } from '../ValueSelector';
 const baseClassName = 'ab-Adaptable-Object-Compact-List';
 const ICON_SIZE = 20;
 export const AdaptableObjectCompactListItem = (props) => {

package/src/View/Components/AdaptableObjectList/AdaptableObjectList.js

@@ -1,16 +1,16 @@
 import * as React from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { Box, Flex } from 'rebass';
-import * as SystemRedux from "../../../Redux/ActionsReducers/SystemRedux.js";
-import SimpleButton from "../../../components/SimpleButton/index.js";
-import join from "../../../components/utils/join.js";
-import AdaptableHelper from "../../../Utilities/Helpers/AdaptableHelper.js";
-import { useAdaptable } from "../../AdaptableContext.js";
-import { ButtonDelete } from "../Buttons/ButtonDelete.js";
-import { ButtonEdit } from "../Buttons/ButtonEdit.js";
-import { ButtonShare } from "../Buttons/ButtonShare.js";
-import { SuspendToggleButton } from "../Buttons/SuspendToggleButton/SuspendToggleButton.js";
-import { ValueOptionsTags } from "../ValueSelector/index.js";
+import * as SystemRedux from '../../../Redux/ActionsReducers/SystemRedux';
+import SimpleButton from '../../../components/SimpleButton';
+import join from '../../../components/utils/join';
+import AdaptableHelper from '../../../Utilities/Helpers/AdaptableHelper';
+import { useAdaptable } from '../../AdaptableContext';
+import { ButtonDelete } from '../Buttons/ButtonDelete';
+import { ButtonEdit } from '../Buttons/ButtonEdit';
+import { ButtonShare } from '../Buttons/ButtonShare';
+import { SuspendToggleButton } from '../Buttons/SuspendToggleButton/SuspendToggleButton';
+import { ValueOptionsTags } from '../ValueSelector';
 const ICON_SIZE = 26;
 const LIST_BASE_CLASS_NAME = 'ab-Adaptable-Object-List';
 const ITEM_BASE_CLASS_NAME = `${LIST_BASE_CLASS_NAME}__Item`;

package/src/View/Components/AdaptableObjectList/index.js

@@ -1 +1 @@
-export { AdaptableObjectList } from "./AdaptableObjectList.js";
+export { AdaptableObjectList } from './AdaptableObjectList';

package/src/View/Components/AdaptableObjectRow/index.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 /// <reference path="../../typings/.d.ts" />
 import { Flex, Text } from 'rebass';
-import join from "../../../components/utils/join.js";
+import join from '../../../components/utils/join';
 export class AdaptableObjectRow extends React.Component {
     render() {
         const colItems = this.props.colItems.map((colItem, index) => (React.createElement(Text, { className: "ab-AdaptableObjectRow__cell", "data-name": "list-group-cell", key: index, title: typeof colItem.Content === 'string' ? colItem.Content : undefined, flex: colItem.Size, paddingLeft: 1, paddingRight: 1 }, colItem.Content)));

package/src/View/Components/Badge/index.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { toStyle } from "../../../Utilities/Helpers/StyleHelper.js";
-import { AdaptableIconComponent } from "../AdaptableIconComponent/index.js";
+import { toStyle } from '../../../Utilities/Helpers/StyleHelper';
+import { AdaptableIconComponent } from '../AdaptableIconComponent';
 export const Badge = (props) => {
     const { iconPosition = 'start', icon: iconProps } = props;
     const preparedBadgePosition = iconPosition.toLowerCase();

package/src/View/Components/Buttons/ButtonApply.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
+import SimpleButton from '../../../components/SimpleButton';
 export class ButtonApply extends React.Component {
     render() {
         return (React.createElement(SimpleButton, Object.assign({ "data-name": "apply", tooltip: "Apply", iconSize: 20, icon: "check", variant: "text" }, this.props)));

package/src/View/Components/Buttons/ButtonBase/index.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Button } from 'rebass';
-import join from "../../../../components/utils/join.js";
+import join from '../../../../components/utils/join';
 const Glyphicon = ({ glyph, style }) => {
     return React.createElement("span", { style: style, className: `glyphicon glyphicon-${glyph}` });
 };

package/src/View/Components/Buttons/ButtonClear.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
+import SimpleButton from '../../../components/SimpleButton';
 export class ButtonClear extends React.Component {
     render() {
         return (React.createElement(SimpleButton, Object.assign({ "data-name": "clear", tooltip: "Clear", iconSize: 20, icon: this.props.showIcon == false ? '' : 'close' }, this.props, { variant: "text" }), this.props.showText ? 'Clear' : ''));

package/src/View/Components/Buttons/ButtonClone.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
+import SimpleButton from '../../../components/SimpleButton';
 export const ButtonClone = (props) => {
     return (React.createElement(SimpleButton, Object.assign({ "data-name": "clone", tooltip: "Clone", tone: "accent", icon: "clone", variant: "raised" }, props), props.children === undefined ? 'Clone' : props.children));
 };

package/src/View/Components/Buttons/ButtonClose.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
+import SimpleButton from '../../../components/SimpleButton';
 export class ButtonClose extends React.Component {
     render() {
         return (React.createElement(SimpleButton, Object.assign({ "data-name": "close", tooltip: "Close", iconSize: 20, icon: "close" }, this.props, { variant: "text" })));

package/src/View/Components/Buttons/ButtonConfigure.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
+import SimpleButton from '../../../components/SimpleButton';
 export class ButtonConfigure extends React.Component {
     render() {
         return (React.createElement(SimpleButton, Object.assign({ "data-name": "configure", tooltip: "Configure", iconSize: 18, icon: "spanner" }, this.props, { variant: "text" })));

package/src/View/Components/Buttons/ButtonDelete.js

@@ -1,8 +1,8 @@
 import { __rest } from "tslib";
 import * as React from 'react';
 import { connect } from 'react-redux';
-import * as PopupRedux from "../../../Redux/ActionsReducers/PopupRedux.js";
-import SimpleButton from "../../../components/SimpleButton/index.js";
+import * as PopupRedux from '../../../Redux/ActionsReducers/PopupRedux';
+import SimpleButton from '../../../components/SimpleButton';
 class ButtonDeleteComponent extends React.Component {
     render() {
         var _a, _b;

package/src/View/Components/Buttons/ButtonEdit.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
+import SimpleButton from '../../../components/SimpleButton';
 export const ButtonEdit = (props) => {
     var _a;
     return (React.createElement(SimpleButton, Object.assign({ "data-name": "edit", tooltip: "Edit", variant: "text", icon: "edit", iconSize: (_a = props.iconSize) !== null && _a !== void 0 ? _a : 24 }, props)));

package/src/View/Components/Buttons/ButtonExpand.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
+import SimpleButton from '../../../components/SimpleButton';
 export class ButtonExpand extends React.Component {
     render() {
         return (React.createElement(SimpleButton, Object.assign({ "data-name": "expand", tooltip: "Expand", iconSize: 20, icon: "arrow-expand", variant: "text" }, this.props)));

package/src/View/Components/Buttons/ButtonExport.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
+import SimpleButton from '../../../components/SimpleButton';
 export class ButtonExport extends React.Component {
     render() {
         return (React.createElement(SimpleButton, Object.assign({ "data-name": "export", tooltip: "Export", iconSize: 20, icon: "export-data", variant: "text" }, this.props)));

package/src/View/Components/Buttons/ButtonFunction.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
+import SimpleButton from '../../../components/SimpleButton';
 export class ButtonFunction extends React.Component {
     render() {
         return (React.createElement(SimpleButton, Object.assign({ "data-name": "function", tooltip: "Module", iconSize: 20, icon: "function", mr: 1 }, this.props)));

package/src/View/Components/Buttons/ButtonGeneral.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
+import SimpleButton from '../../../components/SimpleButton';
 export class ButtonGeneral extends React.Component {
     render() {
         return React.createElement(SimpleButton, Object.assign({ tooltip: "", variant: "text" }, this.props));

package/src/View/Components/Buttons/ButtonInfo.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
+import SimpleButton from '../../../components/SimpleButton';
 export const ButtonInfo = (props) => {
     return (React.createElement(SimpleButton, Object.assign({ "data-name": "info", iconSize: 20, icon: "info", variant: "raised", tone: "accent" }, props)));
 };

package/src/View/Components/Buttons/ButtonInvalid.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
+import SimpleButton from '../../../components/SimpleButton';
 export class ButtonInvalid extends React.Component {
     render() {
         return (React.createElement(SimpleButton, Object.assign({ "data-name": "invalid", tooltip: "Invalid", iconSize: 20, icon: "warning" }, this.props)));

package/src/View/Components/Buttons/ButtonLogin.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
+import SimpleButton from '../../../components/SimpleButton';
 export class ButtonLogin extends React.Component {
     render() {
         return (React.createElement(SimpleButton, Object.assign({ "data-name": "login", tooltip: "Login", iconSize: 20, icon: "person", variant: "text" }, this.props)));

package/src/View/Components/Buttons/ButtonLogout.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
+import SimpleButton from '../../../components/SimpleButton';
 export class ButtonLogout extends React.Component {
     render() {
         return (React.createElement(SimpleButton, Object.assign({ "data-name": "logout", tooltip: "Logout", iconSize: 20, icon: "logout", variant: "text" }, this.props)));

package/src/View/Components/Buttons/ButtonMaximise.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
+import SimpleButton from '../../../components/SimpleButton';
 export class ButtonMaximise extends React.Component {
     render() {
         return (React.createElement(SimpleButton, Object.assign({ "data-name": "maximise", iconSize: 20, tooltip: "Maximize", icon: this.props.useHoirzontalChevron ? 'arrow-right' : 'arrow-down', variant: "text" }, this.props)));

package/src/View/Components/Buttons/ButtonMinimise.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
+import SimpleButton from '../../../components/SimpleButton';
 export class ButtonMinimise extends React.Component {
     render() {
         return (React.createElement(SimpleButton, Object.assign({ "data-name": "minimise", iconSize: 20, tooltip: "Minimise" }, this.props, { variant: "text", icon: "arrow-up" })));

package/src/View/Components/Buttons/ButtonNew.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
+import SimpleButton from '../../../components/SimpleButton';
 export const ButtonNew = (props) => {
     return (React.createElement(SimpleButton, Object.assign({ "data-name": "new", tooltip: "New", tone: "accent", icon: "plus", variant: "raised" }, props), props.children === undefined ? 'New' : props.children));
 };

package/src/View/Components/Buttons/ButtonNewPage.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
+import SimpleButton from '../../../components/SimpleButton';
 export class ButtonNewPage extends React.Component {
     render() {
         return (React.createElement(SimpleButton, Object.assign({ "data-name": "new-page", tooltip: "New Page", iconSize: 20, icon: "newpage" // arrow-up

package/src/View/Components/Buttons/ButtonOpen.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
+import SimpleButton from '../../../components/SimpleButton';
 export class ButtonOpen extends React.Component {
     render() {
         return (React.createElement(SimpleButton, Object.assign({ "data-name": "open", iconSize: 20, icon: "folder-open", tooltip: "Open", variant: "text" }, this.props)));

package/src/View/Components/Buttons/ButtonPause.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
+import SimpleButton from '../../../components/SimpleButton';
 export class ButtonPause extends React.Component {
     render() {
         const buttonIcon = this.props.fillColor === 'red'

package/src/View/Components/Buttons/ButtonPlay.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
-import StringExtensions from "../../../Utilities/Extensions/StringExtensions.js";
+import SimpleButton from '../../../components/SimpleButton';
+import StringExtensions from '../../../Utilities/Extensions/StringExtensions';
 export class ButtonPlay extends React.Component {
     render() {
         return (React.createElement(SimpleButton, Object.assign({ "data-name": "play", tooltip: StringExtensions.IsNullOrEmpty(this.props.tooltip) ? 'Play' : this.props.tooltip, iconSize: 20, icon: "play", variant: "text" }, this.props)));

package/src/View/Components/Buttons/ButtonPreviewDelete.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
+import SimpleButton from '../../../components/SimpleButton';
 export default (props) => {
     return React.createElement(SimpleButton, Object.assign({}, props, { icon: 'delete', variant: "text", "data-name": "preview-delete" }));
 };

package/src/View/Components/Buttons/ButtonSave.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
+import SimpleButton from '../../../components/SimpleButton';
 export class ButtonSave extends React.Component {
     render() {
         return (React.createElement(SimpleButton, Object.assign({ "data-name": "save", iconSize: 20, icon: "save", tooltip: "Save", variant: "text" }, this.props)));

package/src/View/Components/Buttons/ButtonSchedule.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
+import SimpleButton from '../../../components/SimpleButton';
 export class ButtonSchedule extends React.Component {
     render() {
         return (React.createElement(SimpleButton, Object.assign({ "data-name": "schedule", tooltip: "Schedule", iconSize: 20, icon: "schedule", variant: "text" }, this.props)));

package/src/View/Components/Buttons/ButtonShare.js

@@ -1,7 +1,7 @@
 import { __rest } from "tslib";
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
-import { AdaptablePopupTeamSharing } from "../Popups/AdaptablePopupTeamSharing.js";
+import SimpleButton from '../../../components/SimpleButton';
+import { AdaptablePopupTeamSharing } from '../Popups/AdaptablePopupTeamSharing';
 export class ButtonShare extends React.Component {
     constructor(props) {
         super(props);

package/src/View/Components/Buttons/ButtonShow.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
+import SimpleButton from '../../../components/SimpleButton';
 export class ButtonShow extends React.Component {
     render() {
         return (React.createElement(SimpleButton, Object.assign({ "data-name": "show", tooltip: "Show", iconSize: 18, icon: "check", variant: "text" }, this.props)));

package/src/View/Components/Buttons/ButtonShowChart.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
+import SimpleButton from '../../../components/SimpleButton';
 export class ButtonShowChart extends React.Component {
     render() {
         return (React.createElement(SimpleButton, Object.assign({ "data-name": "show-chart", tooltip: "Show Chart", iconSize: 20, icon: "chart", variant: "text" }, this.props)));

package/src/View/Components/Buttons/ButtonStop.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
+import SimpleButton from '../../../components/SimpleButton';
 export class ButtonStop extends React.Component {
     render() {
         return (React.createElement(SimpleButton, Object.assign({ "data-name": "stop", tooltip: "Stop", iconSize: 20, icon: "stop", variant: "text" }, this.props)));

package/src/View/Components/Buttons/ButtonUndo.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
+import SimpleButton from '../../../components/SimpleButton';
 export class ButtonUndo extends React.Component {
     render() {
         return (React.createElement(SimpleButton, Object.assign({ "data-name": "undo", iconSize: 20, tooltip: "Undo", icon: 'undo', variant: "text" }, this.props)));

package/src/View/Components/Buttons/ButtonUnsuspend.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SimpleButton from "../../../components/SimpleButton/index.js";
+import SimpleButton from '../../../components/SimpleButton';
 export class ButtonUnsuspend extends React.Component {
     render() {
         const buttonIcon = this.props.fillColor === 'red'

package/src/View/Components/Buttons/EntityListActionButtons.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { ButtonEdit } from "./ButtonEdit.js";
-import { ButtonClone } from "./ButtonClone.js";
-import { ButtonDelete } from "./ButtonDelete.js";
+import { ButtonEdit } from './ButtonEdit';
+import { ButtonClone } from './ButtonClone';
+import { ButtonDelete } from './ButtonDelete';
 import { Flex } from 'rebass';
-import { ButtonShare } from "./ButtonShare.js";
-import { SuspendToggleButton } from "./SuspendToggleButton/SuspendToggleButton.js";
+import { ButtonShare } from './ButtonShare';
+import { SuspendToggleButton } from './SuspendToggleButton/SuspendToggleButton';
 const stopPropagation = (e) => {
     e.stopPropagation();
 };

package/src/View/Components/Buttons/SuspendToggleButton/SuspendToggleButton.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ToggleButton } from "../../../../components/ToggleButton/index.js";
+import { ToggleButton } from '../../../../components/ToggleButton';
 export const SuspendToggleButton = React.memo(({ suspendableObject, onUnSuspend, onSuspend, style, disabled, accessLevel }) => {
     const handleOnChange = React.useCallback((checked) => {
         if (checked) {

package/src/View/Components/Buttons/SuspendToggleButton/index.js

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

package/src/View/Components/CellPopup/index.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { useOverlay } from "../../../components/InfiniteTable/index.js";
-import { getRect } from "../../../components/OverlayTrigger/utils.js";
-import { useAdaptable } from "../../AdaptableContext.js";
-import { isBrowserDocumentAvailable } from "../../UIHelper.js";
+import { useOverlay } from '../../../components/InfiniteTable';
+import { getRect } from '../../../components/OverlayTrigger/utils';
+import { useAdaptable } from '../../AdaptableContext';
+import { isBrowserDocumentAvailable } from '../../UIHelper';
 let portalElement;
 const ensurePortalElement = (className) => {
     if (!isBrowserDocumentAvailable()) {

package/src/View/Components/ColumnSelector/index.js

@@ -1,7 +1,7 @@
 import { __rest } from "tslib";
 import * as React from 'react';
 import { useMemo } from 'react';
-import { ValueSelector } from "../ValueSelector/index.js";
+import { ValueSelector } from '../ValueSelector';
 export const NewColumnSelector = (_a) => {
     var { allowReorder = true } = _a, props = __rest(_a, ["allowReorder"]);
     const { columnFilterText, availableColumns, selected, onChange, singleSelect } = props;

package/src/View/Components/EntityRulesEditor/EntityRulePredicatesEditor/EntityRulePredicateEditor.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { Box, Flex } from 'rebass';
-import DropdownButton from "../../../../components/DropdownButton/index.js";
-import FormLayout, { FormRow } from "../../../../components/FormLayout/index.js";
-import SimpleButton from "../../../../components/SimpleButton/index.js";
-import { useAdaptable } from "../../../AdaptableContext.js";
-import { PredicateEditor } from "../../PredicateEditor/PredicateEditor.js";
+import DropdownButton from '../../../../components/DropdownButton';
+import FormLayout, { FormRow } from '../../../../components/FormLayout';
+import SimpleButton from '../../../../components/SimpleButton';
+import { useAdaptable } from '../../../AdaptableContext';
+import { PredicateEditor } from '../../PredicateEditor/PredicateEditor';
 export const EntityRulePredicateEditor = (props) => {
     var _a, _b, _c, _d, _e;
     const { api } = useAdaptable();