@adaptabletools/adaptable 17.0.0-canary.0 → 17.0.0-canary.10

package/src/View/ColumnInfo/ColumnInfo.js

@@ -1,15 +1,18 @@
-import * as React from 'react';
-import { useSelector } from 'react-redux';
-import { Box, Flex } from 'rebass';
-import FormLayout, { FormRow } from '../../components/FormLayout';
-import { DataSource, InfiniteTable } from '../../components/InfiniteTable';
-import Panel from '../../components/Panel';
-import { Tabs } from '../../components/Tabs';
-import { SelectionMode } from '../../PredefinedConfig/Common/Enums';
-import { useAdaptable } from '../AdaptableContext';
-import { AdaptableObjectList } from '../Components/AdaptableObjectList';
-import { ButtonNew } from '../Components/Buttons/ButtonNew';
-import { ColumnSelector } from '../Components/Selectors/ColumnSelector';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColumnInfo = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const rebass_1 = require("rebass");
+const FormLayout_1 = tslib_1.__importStar(require("../../components/FormLayout"));
+const InfiniteTable_1 = require("../../components/InfiniteTable");
+const Panel_1 = tslib_1.__importDefault(require("../../components/Panel"));
+const Tabs_1 = require("../../components/Tabs");
+const AdaptableContext_1 = require("../AdaptableContext");
+const AdaptableObjectList_1 = require("../Components/AdaptableObjectList");
+const ButtonNew_1 = require("../Components/Buttons/ButtonNew");
+const ColumnSelector_1 = require("../Components/Selectors/ColumnSelector");
 const BASE_CLASS_NAME = 'ab-AdaptableColumns';
 // TODOS:
 // - use column from props as initial value
@@ -46,10 +49,6 @@ const ColumnDefPreview = (props) => {
             Key: 'Header',
             Value: props.column ? props.column.friendlyName : null,
         },
-        {
-            Key: 'Aggregatable',
-            Value: props.column ? props.column.aggregatable : null,
-        },
         {
             Key: 'DataType',
             Value: props.column ? props.column.dataType : null,
@@ -58,6 +57,10 @@ const ColumnDefPreview = (props) => {
             Key: 'Groupable',
             Value: props.column ? props.column.groupable : null,
         },
+        {
+            Key: 'Aggregatable',
+            Value: props.column ? props.column.aggregatable : null,
+        },
         {
             Key: 'Filterable',
             Value: props.column ? props.column.filterable : null,
@@ -106,8 +109,8 @@ const ColumnDefPreview = (props) => {
         Key: { field: 'Key', header: 'Property', defaultFlex: 1 },
         Value: { field: 'Value', header: 'Value', defaultFlex: 3 },
     };
-    return (React.createElement(DataSource, { data: keyValuePairs, primaryKey: "Key" },
-        React.createElement(InfiniteTable, { domProps: {
+    return (React.createElement(InfiniteTable_1.DataSource, { data: keyValuePairs, primaryKey: "Key" },
+        React.createElement(InfiniteTable_1.InfiniteTable, { domProps: {
                 style: {
                     height: '460px',
                     width: '100%',
@@ -116,9 +119,9 @@ const ColumnDefPreview = (props) => {
 };
 const ModuleView = (props) => {
     var _a, _b, _c, _d;
-    const adaptable = useAdaptable();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const module = adaptable.ModuleService.getModuleById(props.moduleName);
-    if (!module.isModuleAvailable()) {
+    if (!module || !module.isModuleAvailable()) {
         return null;
     }
     const moduleInfo = module.moduleInfo;
@@ -147,34 +150,35 @@ const ModuleView = (props) => {
         setIsWizardOpen(false);
     }, []);
     // filter out items with scope
-    return (React.createElement(Box, { "data-name": module.moduleInfo.ModuleName, className: `${BASE_CLASS_NAME}__module-list`, key: module.moduleInfo.ModuleName, mb: 4 },
-        React.createElement(Flex, null,
+    return (React.createElement(rebass_1.Box, { "data-name": module.moduleInfo.ModuleName, className: `${BASE_CLASS_NAME}__module-list`, key: module.moduleInfo.ModuleName, mb: 4 },
+        React.createElement(rebass_1.Flex, null,
             React.createElement("b", { className: `${BASE_CLASS_NAME}__header` }, module.moduleInfo.FriendlyName),
-            React.createElement(Box, { flex: 1 }),
-            !MODULES_WITHOUT_NEW.includes(props.moduleName) && (React.createElement(ButtonNew, { onClick: () => setIsWizardOpen(true) }, "New"))),
-        (itemsInScope === null || itemsInScope === void 0 ? void 0 : itemsInScope.length) ? React.createElement(AdaptableObjectList, { items: itemsInScope, module: module }) : null,
+            React.createElement(rebass_1.Box, { flex: 1 }),
+            !MODULES_WITHOUT_NEW.includes(props.moduleName) && (React.createElement(ButtonNew_1.ButtonNew, { onClick: () => setIsWizardOpen(true) }, "New"))),
+        (itemsInScope === null || itemsInScope === void 0 ? void 0 : itemsInScope.length) ? React.createElement(AdaptableObjectList_1.AdaptableObjectList, { items: itemsInScope, module: module }) : null,
         isWizardOpen && EditWizard && (React.createElement(EditWizard, { popupParams: {
                 column,
                 action: 'New',
                 source: 'ModuleButton',
             }, moduleInfo: moduleInfo, data: null, configEntities: null, onCloseWizard: handleWizardClose, onFinishWizard: handleWizardClose }))));
 };
-export const ColumnInfo = (props) => {
-    const state = useSelector((state) => state);
-    const adaptable = useAdaptable();
+const ColumnInfo = (props) => {
+    const state = (0, react_redux_1.useSelector)((state) => state);
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const [selectedColumnId, setSelectedColumnId] = React.useState(props.selectedColumnId);
     const column = adaptable.api.columnApi.getColumnWithColumnId(selectedColumnId);
-    return (React.createElement(Panel, { flex: 1 },
-        React.createElement(Box, { mb: 3 },
-            React.createElement(FormLayout, null,
-                React.createElement(FormRow, { label: "Select Column" },
-                    React.createElement(ColumnSelector, { SelectedColumnIds: [selectedColumnId], ColumnList: adaptable.api.columnApi.getColumns(), onColumnChange: (columns) => { var _a, _b; return setSelectedColumnId((_b = (_a = columns === null || columns === void 0 ? void 0 : columns[0]) === null || _a === void 0 ? void 0 : _a.columnId) !== null && _b !== void 0 ? _b : undefined); }, SelectionMode: SelectionMode.Single })))),
-        selectedColumnId && (React.createElement(Tabs, { mb: 3 },
-            React.createElement(Tabs.Tab, null, "Config"),
-            React.createElement(Tabs.Tab, null, "Info"),
-            React.createElement(Tabs.Content, null, selectedColumnId && (React.createElement(Box, { className: BASE_CLASS_NAME }, MODULES_WITH_COLUMN.map((moduleName) => {
+    return (React.createElement(Panel_1.default, { flex: 1 },
+        React.createElement(rebass_1.Box, { mb: 3 },
+            React.createElement(FormLayout_1.default, null,
+                React.createElement(FormLayout_1.FormRow, { label: "Select Column" },
+                    React.createElement(ColumnSelector_1.ColumnSelector, { value: selectedColumnId, onChange: (columnId) => setSelectedColumnId(columnId) })))),
+        selectedColumnId && (React.createElement(Tabs_1.Tabs, { mb: 3 },
+            React.createElement(Tabs_1.Tabs.Tab, null, "Config"),
+            React.createElement(Tabs_1.Tabs.Tab, null, "Column Summary"),
+            React.createElement(Tabs_1.Tabs.Content, null, selectedColumnId && (React.createElement(rebass_1.Box, { className: BASE_CLASS_NAME }, MODULES_WITH_COLUMN.map((moduleName) => {
                 return (React.createElement(ModuleView, { key: moduleName, moduleName: moduleName, selectedColumnId: selectedColumnId }));
             })))),
-            React.createElement(Tabs.Content, null,
-                React.createElement(Flex, { flex: 1 }, selectedColumnId && React.createElement(ColumnDefPreview, { column: column })))))));
+            React.createElement(Tabs_1.Tabs.Content, null,
+                React.createElement(rebass_1.Flex, { flex: 1 }, selectedColumnId && React.createElement(ColumnDefPreview, { column: column })))))));
 };
+exports.ColumnInfo = ColumnInfo;

package/src/View/ColumnInfo/ColumnInfoPopup.js

@@ -1,10 +1,15 @@
-import * as React from 'react';
-import { Flex } from 'rebass';
-import { PopupPanel } from '../Components/Popups/AdaptablePopup/PopupPanel';
-import { ColumnInfo } from './ColumnInfo';
-export const ColumnInfoPopup = (props) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColumnInfoPopup = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const rebass_1 = require("rebass");
+const PopupPanel_1 = require("../Components/Popups/AdaptablePopup/PopupPanel");
+const ColumnInfo_1 = require("./ColumnInfo");
+const ColumnInfoPopup = (props) => {
     var _a, _b;
-    return (React.createElement(PopupPanel, { headerText: 'Column Info', glyphicon: 'info' },
-        React.createElement(Flex, { flexDirection: "column", flex: 1, height: "100%" },
-            React.createElement(ColumnInfo, { selectedColumnId: (_b = (_a = props.popupParams) === null || _a === void 0 ? void 0 : _a.column) === null || _b === void 0 ? void 0 : _b.columnId }))));
+    return (React.createElement(PopupPanel_1.PopupPanel, { headerText: 'Column Info', glyphicon: 'info' },
+        React.createElement(rebass_1.Flex, { flexDirection: "column", flex: 1, height: "100%" },
+            React.createElement(ColumnInfo_1.ColumnInfo, { selectedColumnId: (_b = (_a = props.popupParams) === null || _a === void 0 ? void 0 : _a.column) === null || _b === void 0 ? void 0 : _b.columnId }))));
 };
+exports.ColumnInfoPopup = ColumnInfoPopup;

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

@@ -1,13 +1,18 @@
-import * as React from 'react';
-import { isAdaptableSystemIcon } from '../../../components/Icon';
-import SimpleButton from '../../../components/SimpleButton';
-import { useAdaptable } from '../../AdaptableContext';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdaptableButtonComponent = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const Icon_1 = require("../../../components/Icon");
+const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
+const AdaptableContext_1 = require("../../AdaptableContext");
 // This component is connected to adaptable and know about custom icons
-export const AdaptableButtonComponent = (props) => {
+const AdaptableButtonComponent = (props) => {
     let icon = props.icon;
-    const adaptable = useAdaptable();
-    if (isAdaptableSystemIcon(icon)) {
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    if ((0, Icon_1.isAdaptableSystemIcon)(icon)) {
         icon = adaptable.api.userInterfaceApi.internalApi.prepareAdaptableIconDef(icon);
     }
-    return React.createElement(SimpleButton, Object.assign({}, props, { icon: icon }));
+    return React.createElement(SimpleButton_1.default, Object.assign({}, props, { icon: icon }));
 };
+exports.AdaptableButtonComponent = AdaptableButtonComponent;

package/src/View/Components/AdaptableDateInput/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import { AdaptableInputProps } from '../AdaptableInput';
-export declare type AdaptableDateInputProps = AdaptableInputProps;
-declare const AdaptableDateInput: React.ForwardRefExoticComponent<Pick<import("../../../components/Input").InputProps, "type" | "key" | "children" | "size" | "name" | "tabIndex" | "color" | "style" | "cite" | "data" | "form" | "label" | "p" | "slot" | "span" | "summary" | "title" | "pattern" | "start" | "hidden" | "content" | "default" | "flex" | "wrap" | "open" | "padding" | "multiple" | "disabled" | "checked" | "download" | "list" | "order" | "target" | "src" | "className" | "onTransitionEnd" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEndCapture" | "opacity" | "step" | "value" | "sizes" | "variant" | "tx" | "as" | "css" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "overflow" | "overflowX" | "overflowY" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "bg" | "backgroundColor" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "sx" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "wmode" | "placehoder"> & React.RefAttributes<HTMLInputElement>>;
+export type AdaptableDateInputProps = AdaptableInputProps;
+declare const AdaptableDateInput: React.ForwardRefExoticComponent<Pick<import("../../../components/Input").InputProps, "children" | "size" | "name" | "tabIndex" | "color" | "style" | "cite" | "data" | "form" | "label" | "p" | "slot" | "span" | "summary" | "title" | "pattern" | "start" | "hidden" | "content" | "default" | "flex" | "wrap" | "open" | "padding" | "multiple" | "disabled" | "checked" | "download" | "list" | "order" | "target" | "src" | "className" | "onTransitionEnd" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEndCapture" | "opacity" | "value" | "key" | "sizes" | "variant" | "tx" | "as" | "css" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "overflow" | "overflowX" | "overflowY" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "bg" | "backgroundColor" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "sx" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "srcDoc" | "srcLang" | "srcSet" | "step" | "type" | "useMap" | "wmode" | "placehoder"> & React.RefAttributes<HTMLInputElement>>;
 export default AdaptableDateInput;

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

@@ -1,13 +1,15 @@
-import { __rest } from "tslib";
-import * as React from 'react';
-import { Datepicker } from '../../../components/Datepicker';
-import { useAdaptable } from '../../AdaptableContext';
-import useProperty from '../../../components/utils/useProperty';
-import { dateToISO, parseDateValue } from '../../../Utilities/Helpers/DateHelper';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const Datepicker_1 = require("../../../components/Datepicker");
+const AdaptableContext_1 = require("../../AdaptableContext");
+const useProperty_1 = tslib_1.__importDefault(require("../../../components/utils/useProperty"));
+const DateHelper_1 = require("../../../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"]);
-    const [value, setValue] = useProperty(props, 'value', undefined, {
+    const dateInputOptions = (0, AdaptableContext_1.useAdaptable)().adaptableOptions.userInterfaceOptions.dateInputOptions;
+    const { value: _, defaultValue: __, onChange, required, disabled } = props, inputProps = tslib_1.__rest(props, ["value", "defaultValue", "onChange", "required", "disabled"]);
+    const [value, setValue] = (0, useProperty_1.default)(props, 'value', undefined, {
         onChange: (dateString) => {
             var _a;
             // wrap date value in FormEvent in order to keep the external API unchanged
@@ -19,17 +21,17 @@ const AdaptableDateInput = React.forwardRef((props, ref) => {
             });
         },
     });
-    const dateValue = value ? parseDateValue(value) : null;
+    const dateValue = value ? (0, DateHelper_1.parseDateValue)(value) : null;
     const datepickerProps = Object.assign({ 
         // this is OK as long as we do not support range datepicker
         value: dateValue, onChange: (dateValue) => { var _a; 
         // convert to ISO8601 string format
         // see https://developer.mozilla.org/en-US/docs/Web/HTML/Date_and_time_formats#date_strings
-        return setValue((_a = dateToISO(dateValue)) !== null && _a !== void 0 ? _a : ''); }, required,
+        return setValue((_a = (0, DateHelper_1.dateToISO)(dateValue)) !== null && _a !== void 0 ? _a : ''); }, required,
         disabled, dateProps: {
             format: dateInputOptions.dateFormat,
             locale: dateInputOptions.locale,
         }, showWeekNumber: dateInputOptions.showWeekNumber, showOutsideDays: dateInputOptions.showOutsideDays, datepickerButtons: dateInputOptions.datepickerButtons }, inputProps);
-    return React.createElement(Datepicker, Object.assign({ ref: ref }, datepickerProps));
+    return React.createElement(Datepicker_1.Datepicker, Object.assign({ ref: ref }, datepickerProps));
 });
-export default AdaptableDateInput;
+exports.default = AdaptableDateInput;

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

@@ -1,11 +1,16 @@
-import * as React from 'react';
-import { IconComponent } from '../../../components/Icon';
-import { useCustomIcon } from './useCustomIcon';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdaptableIconComponent = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const Icon_1 = require("../../../components/Icon");
+const useCustomIcon_1 = require("./useCustomIcon");
 /**
  * This is a connected componnet.
  * It needs to be used only inside adaptable context.
  */
-export const AdaptableIconComponent = (props) => {
-    const icon = useCustomIcon(props.icon);
-    return React.createElement(IconComponent, Object.assign({}, props, { icon: icon }));
+const AdaptableIconComponent = (props) => {
+    const icon = (0, useCustomIcon_1.useCustomIcon)(props.icon);
+    return React.createElement(Icon_1.IconComponent, Object.assign({}, props, { icon: icon }));
 };
+exports.AdaptableIconComponent = AdaptableIconComponent;

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

@@ -1,8 +1,12 @@
-import { useAdaptable } from '../../AdaptableContext';
-export const useCustomIcon = (icon) => {
-    const adaptable = useAdaptable();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCustomIcon = void 0;
+const AdaptableContext_1 = require("../../AdaptableContext");
+const useCustomIcon = (icon) => {
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     if (!icon) {
         return icon;
     }
     return adaptable.api.userInterfaceApi.internalApi.prepareAdaptableIconDef(icon);
 };
+exports.useCustomIcon = useCustomIcon;

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

@@ -1,13 +1,18 @@
-import * as React from 'react';
-import { IconSelector } from '../../../components/IconSelector';
-import { useAdaptable } from '../../AdaptableContext';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdaptableIconSelector = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const IconSelector_1 = require("../../../components/IconSelector");
+const AdaptableContext_1 = require("../../AdaptableContext");
 /**
  * This component connects to adaptable to retrieve custom icons
  */
-export const AdaptableIconSelector = (props) => {
+const AdaptableIconSelector = (props) => {
     var _a, _b;
-    const adaptable = useAdaptable();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const userInterfaceOptions = (_a = adaptable.api.optionsApi.getAdaptableOptions()) === null || _a === void 0 ? void 0 : _a.userInterfaceOptions;
     const customDefinedIcons = (_b = userInterfaceOptions.customIcons) !== null && _b !== void 0 ? _b : [];
-    return React.createElement(IconSelector, Object.assign({ customIcons: customDefinedIcons }, props));
+    return React.createElement(IconSelector_1.IconSelector, Object.assign({ customIcons: customDefinedIcons }, props));
 };
+exports.AdaptableIconSelector = AdaptableIconSelector;

package/src/View/Components/AdaptableInput/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { InputProps } from '../../../components/Input';
-export declare type AdaptableInputProps = InputProps;
+export type AdaptableInputProps = InputProps;
 declare const AdaptableInput: (props: AdaptableInputProps) => JSX.Element;
 export default AdaptableInput;

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

@@ -1,17 +1,20 @@
-import * as React from 'react';
-import Input from '../../../components/Input';
-import { useAdaptable } from '../../AdaptableContext';
-import AdaptableDateInput from '../AdaptableDateInput';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const Input_1 = tslib_1.__importDefault(require("../../../components/Input"));
+const AdaptableContext_1 = require("../../AdaptableContext");
+const AdaptableDateInput_1 = tslib_1.__importDefault(require("../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;
+    const useNativeInputDate = (_b = (_a = (0, AdaptableContext_1.useAdaptable)().adaptableOptions.userInterfaceOptions) === null || _a === void 0 ? void 0 : _a.dateInputOptions) === null || _b === void 0 ? void 0 : _b.useNativeInput;
     if (props.type === 'date' && !useNativeInputDate) {
         // use AdapTable date input
-        return React.createElement(AdaptableDateInput, Object.assign({}, props, { ref: ref }));
+        return React.createElement(AdaptableDateInput_1.default, Object.assign({}, props, { ref: ref }));
     }
     else {
         // native input
-        return React.createElement(Input, Object.assign({}, props, { ref: ref }));
+        return React.createElement(Input_1.default, Object.assign({}, props, { ref: ref }));
     }
 });
-export default AdaptableInput;
+exports.default = AdaptableInput;

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

@@ -1,10 +1,15 @@
-import * as React from 'react';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdaptableObjectCollection = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
 /// <reference path="../../typings/.d.ts" />
-import { PanelWithRow } from '../Panels/PanelWithRow';
-import { Box } from 'rebass';
-export const AdaptableObjectCollection = (props) => {
+const PanelWithRow_1 = require("../Panels/PanelWithRow");
+const rebass_1 = require("rebass");
+const AdaptableObjectCollection = (props) => {
     const allowOverflow = props.allowOverflow ? 'visible' : 'auto';
-    return (React.createElement(Box, { style: Object.assign({}, props.style), className: "ab-ObjectCollection" },
-        React.createElement(PanelWithRow, { border: "none", colItems: props.colItems, headerAlign: props.headerAlign }),
+    return (React.createElement(rebass_1.Box, { style: Object.assign({}, props.style), className: "ab-ObjectCollection" },
+        React.createElement(PanelWithRow_1.PanelWithRow, { border: "none", colItems: props.colItems, headerAlign: props.headerAlign }),
         React.createElement("div", { className: "ab-ObjectCollection__items", style: { overflowY: allowOverflow, boxShadow: 'none' } }, props.items)));
 };
+exports.AdaptableObjectCollection = AdaptableObjectCollection;

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

@@ -1,15 +1,19 @@
-import * as React from 'react';
-import { useDispatch } from 'react-redux';
-import { Box, Flex } from 'rebass';
-import SimpleButton from '../../../components/SimpleButton';
-import { useAdaptable } from '../../AdaptableContext';
-import { ValueOptionsTags } from '../ValueSelector';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdaptableObjectCompactList = exports.AdaptableObjectCompactListItem = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const rebass_1 = require("rebass");
+const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
+const AdaptableContext_1 = require("../../AdaptableContext");
+const ValueSelector_1 = require("../ValueSelector");
 const baseClassName = 'ab-Adaptable-Object-Compact-List';
 const ICON_SIZE = 20;
-export const AdaptableObjectCompactListItem = (props) => {
+const AdaptableObjectCompactListItem = (props) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    const dispatch = useDispatch();
-    const adaptable = useAdaptable();
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const objectView = props.module.toViewCompact(props.abObject);
     const viewOptions = (_b = (_a = props.module) === null || _a === void 0 ? void 0 : _a.getViewProperties) === null || _b === void 0 ? void 0 : _b.call(_a);
     const deleteAction = (_c = viewOptions === null || viewOptions === void 0 ? void 0 : viewOptions.getCompactDeleteAction) === null || _c === void 0 ? void 0 : _c.call(viewOptions, props.abObject);
@@ -39,27 +43,28 @@ export const AdaptableObjectCompactListItem = (props) => {
         labelEl = React.createElement(labelEl, { data: props.abObject });
     }
     labelEl = labelEl !== null && labelEl !== void 0 ? labelEl : objectView.item.name;
-    return (React.createElement(Flex, { className: `${baseClassName}__Item`, alignItems: "center" },
-        labelEl && (React.createElement(Flex, { flex: '1 1 auto', className: `${baseClassName}__Item__Name` }, labelEl)),
-        React.createElement(Box, { flex: '2 1 auto' },
+    return (React.createElement(rebass_1.Flex, { className: `${baseClassName}__Item`, alignItems: "center" },
+        labelEl && (React.createElement(rebass_1.Flex, { flex: '1 1 auto', className: `${baseClassName}__Item__Name` }, labelEl)),
+        React.createElement(rebass_1.Box, { flex: '2 1 auto' },
             typeof objectView.item.view === 'function'
                 ? React.createElement(objectView.item.view, {
                     data: props.abObject,
                 })
                 : objectView.item.view,
-            Boolean(((_f = objectView.item) === null || _f === void 0 ? void 0 : _f.values) && ((_h = (_g = objectView.item) === null || _g === void 0 ? void 0 : _g.values) === null || _h === void 0 ? void 0 : _h.length)) && (React.createElement(Box, { mb: 2, className: `${baseClassName}__Item__Values` },
-                React.createElement(ValueOptionsTags, { style: { marginRight: 0 }, readOnly: true, options: objectView.item.values, value: objectView.item.values, allowWrap: true, toIdentifier: (c) => c, toLabel: (c) => React.createElement(React.Fragment, null, c) })))),
-        suspendAction && unSuspendAction && (React.createElement(SimpleButton, { onMouseDown: handleSuspendUnSuspend, tone: isSuspended ? 'neutral' : 'success', variant: "text", icon: isSuspended ? 'play' : 'pause' })),
-        React.createElement(Flex, { ml: 1, flex: '0 0 auto' }, deleteAction && (React.createElement(SimpleButton, { iconSize: ICON_SIZE, icon: "delete", variant: "text", onMouseDown: handleDelete, accessLevel: moduleAccessLevel })))));
+            Boolean(((_f = objectView.item) === null || _f === void 0 ? void 0 : _f.values) && ((_h = (_g = objectView.item) === null || _g === void 0 ? void 0 : _g.values) === null || _h === void 0 ? void 0 : _h.length)) && (React.createElement(rebass_1.Box, { mb: 2, className: `${baseClassName}__Item__Values` },
+                React.createElement(ValueSelector_1.ValueOptionsTags, { style: { marginRight: 0 }, readOnly: true, options: objectView.item.values, value: objectView.item.values, allowWrap: true, toIdentifier: (c) => c, toLabel: (c) => React.createElement(React.Fragment, null, c) })))),
+        suspendAction && unSuspendAction && (React.createElement(SimpleButton_1.default, { onMouseDown: handleSuspendUnSuspend, tone: isSuspended ? 'neutral' : 'success', variant: "text", icon: isSuspended ? 'resume' : 'pause' })),
+        React.createElement(rebass_1.Flex, { ml: 1, flex: '0 0 auto' }, deleteAction && (React.createElement(SimpleButton_1.default, { iconSize: ICON_SIZE, icon: "delete", variant: "text", onMouseDown: handleDelete, accessLevel: moduleAccessLevel })))));
 };
-export const AdaptableObjectCompactList = (props) => {
+exports.AdaptableObjectCompactListItem = AdaptableObjectCompactListItem;
+const AdaptableObjectCompactList = (props) => {
     var _a, _b, _c, _d, _e;
-    const adaptable = useAdaptable();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const viewProperties = (_b = (_a = props.module).getViewProperties) === null || _b === void 0 ? void 0 : _b.call(_a);
     const deleteAllAction = (_c = viewProperties === null || viewProperties === void 0 ? void 0 : viewProperties.getDeleteAllAction) === null || _c === void 0 ? void 0 : _c.call(viewProperties);
     const suspendAllAction = (_d = viewProperties === null || viewProperties === void 0 ? void 0 : viewProperties.getSuspendAllAction) === null || _d === void 0 ? void 0 : _d.call(viewProperties);
     const unSuspendAllAction = (_e = viewProperties === null || viewProperties === void 0 ? void 0 : viewProperties.getUnSuspendAllAction) === null || _e === void 0 ? void 0 : _e.call(viewProperties);
-    const dispatch = useDispatch();
+    const dispatch = (0, react_redux_1.useDispatch)();
     const accessLevel = adaptable.api.internalApi
         .getEntitlementService()
         .getEntitlementAccessLevelForModule(props.module.moduleInfo.ModuleName);
@@ -76,13 +81,14 @@ export const AdaptableObjectCompactList = (props) => {
             dispatch(unSuspendAllAction);
         }
     }, [isAtLeastOneAbObjectActive]);
-    return (React.createElement(Flex, { flexDirection: "column", className: baseClassName },
-        React.createElement(Flex, { className: `${baseClassName}__Header`, fontSize: 3 },
-            React.createElement(Flex, { className: `${baseClassName}__Title`, alignItems: 'center' }, props.module.moduleInfo.FriendlyName),
-            React.createElement(Box, { flex: 1 }),
-            suspendAllAction && unSuspendAllAction && (React.createElement(SimpleButton, { mr: 2, onMouseDown: handleSuspendUnsuspendAll, tone: isAtLeastOneAbObjectActive ? 'neutral' : 'success', variant: "raised", icon: isAtLeastOneAbObjectActive ? 'pause' : 'play', accessLevel: accessLevel }, isAtLeastOneAbObjectActive ? 'Suspend All' : 'Unsuspend All')),
-            deleteAllAction && (React.createElement(SimpleButton, { onMouseDown: () => dispatch(deleteAllAction), variant: "raised", tone: "neutral", accessLevel: accessLevel }, "Clear All"))),
-        React.createElement(Box, { className: `${baseClassName}__Body` }, props.abObjects.map((abObject) => {
-            return (React.createElement(AdaptableObjectCompactListItem, { key: abObject.Uuid, abObject: abObject, module: props.module }));
+    return (React.createElement(rebass_1.Flex, { flexDirection: "column", className: baseClassName },
+        React.createElement(rebass_1.Flex, { className: `${baseClassName}__Header`, fontSize: 3 },
+            React.createElement(rebass_1.Flex, { className: `${baseClassName}__Title`, alignItems: 'center' }, props.module.moduleInfo.FriendlyName),
+            React.createElement(rebass_1.Box, { flex: 1 }),
+            suspendAllAction && unSuspendAllAction && (React.createElement(SimpleButton_1.default, { mr: 2, onMouseDown: handleSuspendUnsuspendAll, tone: isAtLeastOneAbObjectActive ? 'neutral' : 'success', variant: "raised", icon: isAtLeastOneAbObjectActive ? 'pause' : 'resume', accessLevel: accessLevel }, isAtLeastOneAbObjectActive ? 'Suspend All' : 'Unsuspend All')),
+            deleteAllAction && (React.createElement(SimpleButton_1.default, { onMouseDown: () => dispatch(deleteAllAction), variant: "raised", tone: "neutral", accessLevel: accessLevel }, "Clear All"))),
+        React.createElement(rebass_1.Box, { className: `${baseClassName}__Body` }, props.abObjects.map((abObject) => {
+            return (React.createElement(exports.AdaptableObjectCompactListItem, { key: abObject.Uuid, abObject: abObject, module: props.module }));
         }))));
 };
+exports.AdaptableObjectCompactList = AdaptableObjectCompactList;