@adaptabletools/adaptable 12.2.2 → 14.0.0-canary.0

package/src/components/PopupWithFooter.d.ts

@@ -11,4 +11,4 @@ export interface IPopupWithFooterProps extends DialogProps {
     footer: React.ReactNode;
     children: React.ReactNode;
 }
-export declare const PopupWithFooter: React.ForwardRefExoticComponent<Pick<IPopupWithFooterProps, "fixed" | "max" | "required" | "default" | "high" | "low" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "footer" | "form" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "disabled" | "m" | "color" | "content" | "size" | "flex" | "wrap" | "padding" | "multiple" | "alignSelf" | "backgroundColor" | "fontSize" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxWidth" | "opacity" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "translate" | "width" | "margin" | "children" | "key" | "list" | "step" | "type" | "min" | "contextMenu" | "value" | "onKeyDown" | "rows" | "name" | "checked" | "className" | "id" | "lang" | "method" | "target" | "role" | "tabIndex" | "crossOrigin" | "href" | "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" | "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" | "onTransitionEnd" | "onTransitionEndCapture" | "classID" | "useMap" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "as" | "hrefLang" | "integrity" | "rel" | "sizes" | "charSet" | "kind" | "src" | "srcLang" | "download" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "accept" | "capture" | "maxLength" | "minLength" | "readOnly" | "htmlFor" | "httpEquiv" | "optimum" | "reversed" | "selected" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "poster" | "challenge" | "keyType" | "keyParams" | "mt" | "mb" | "ml" | "mr" | "my" | "marginY" | "mx" | "marginX" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "css" | "bg" | "modal" | "isOpen" | "focusOnBrowserVisible" | "windowModal" | "windowModalProps" | "modalProps" | "defaultIsOpen" | "showCloseButton" | "onDismiss" | "dismissOnClickOutside" | "onHide" | "showModal"> & React.RefAttributes<HTMLElement>>;
+export declare const PopupWithFooter: React.ForwardRefExoticComponent<Pick<IPopupWithFooterProps, "fixed" | "max" | "required" | "type" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | "alignSelf" | "backgroundColor" | "color" | "content" | "flex" | "fontSize" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxWidth" | "opacity" | "order" | "padding" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "translate" | "value" | "hidden" | "cite" | "dir" | "footer" | "form" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "acceptCharset" | "action" | "method" | "noValidate" | "target" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "nonce" | "tabIndex" | "async" | "disabled" | "multiple" | "size" | "manifest" | "m" | "wrap" | "accept" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "min" | "minLength" | "muted" | "optimum" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "wmode" | "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" | "onTransitionEnd" | "onTransitionEndCapture" | "modal" | "mt" | "mb" | "ml" | "mr" | "my" | "marginY" | "mx" | "marginX" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "bg" | "css" | "showCloseButton" | "isOpen" | "focusOnBrowserVisible" | "windowModal" | "windowModalProps" | "modalProps" | "defaultIsOpen" | "onDismiss" | "dismissOnClickOutside" | "onHide" | "showModal"> & React.RefAttributes<HTMLElement>>;

package/src/components/ProgressIndicator/ProgressIndicator.js

@@ -8,15 +8,15 @@ const react_1 = require("react");
 const Loader_1 = require("../Loader");
 const AdaptableContext_1 = require("../../View/AdaptableContext");
 const ProgressIndicator = () => {
-    const { active, label } = react_redux_1.useSelector((state) => state.System.ProgressIndicator);
-    const [visible, setVisible] = react_1.useState(false);
-    const [progressIndicatorCoordinates, setProgressIndicatorCoordinates] = react_1.useState({
+    const { active, label } = (0, react_redux_1.useSelector)((state) => state.System.ProgressIndicator);
+    const [visible, setVisible] = (0, react_1.useState)(false);
+    const [progressIndicatorCoordinates, setProgressIndicatorCoordinates] = (0, react_1.useState)({
         top: 0,
         left: 0,
         height: 0,
         width: 0,
     });
-    const adaptable = AdaptableContext_1.useAdaptable();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const disableAdaptableGrid = (containerElement, disabled) => {
         const DISABLING_CSS_CLASS = 'ab-wait-for-progress-indicator';
         if (!containerElement) {
@@ -36,7 +36,7 @@ const ProgressIndicator = () => {
         const { top, left, height, width } = containerElement.getBoundingClientRect();
         setProgressIndicatorCoordinates({ top, left, height, width });
     };
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         disableAdaptableGrid(adaptable.getAdaptableContainerElement(), active);
         disableAdaptableGrid(adaptable.getAgGridContainerElement(), active);
         updateGridContainerCoordinates(adaptable.getAdaptableContainerElement());

package/src/components/Radio/index.js

@@ -17,9 +17,9 @@ const useRadioContext = () => {
 exports.useRadioContext = useRadioContext;
 const Radio = (_a) => {
     var { children, checked, onChange, value, name, gapDistance = 10, childrenPosition = 'end', as = 'label', id, tabIndex, disabled } = _a, props = tslib_1.__rest(_a, ["children", "checked", "onChange", "value", "name", "gapDistance", "childrenPosition", "as", "id", "tabIndex", "disabled"]);
-    const context = exports.useRadioContext();
+    const context = (0, exports.useRadioContext)();
     const { value: contextValue, onChange: contextOnChange, name: contextName } = context;
-    const [stateChecked, setStateChecked] = react_1.useState(false);
+    const [stateChecked, setStateChecked] = (0, react_1.useState)(false);
     const computedChecked = checked !== undefined
         ? checked
         : contextValue !== undefined
@@ -56,7 +56,7 @@ const Radio = (_a) => {
 };
 const RadioGroup = (props) => {
     const { orientation, value: _value, name, onRadioChange } = props, flexProps = tslib_1.__rest(props, ["orientation", "value", "name", "onRadioChange"]);
-    const [value, setValue] = useProperty_1.default(props, 'value', undefined, {
+    const [value, setValue] = (0, useProperty_1.default)(props, 'value', undefined, {
         onChange: (value) => {
             onRadioChange(value);
         },

package/src/components/ResizeObserver/index.js

@@ -6,7 +6,7 @@ const React = tslib_1.__importStar(require("react"));
 const react_1 = require("react");
 const getResizeObserverObject_1 = require("./getResizeObserverObject");
 const setupResizeObserver = (node, callback) => {
-    const RO = getResizeObserverObject_1.getResizeObserverObject();
+    const RO = (0, getResizeObserverObject_1.getResizeObserverObject)();
     if (!RO) {
         return () => { };
     }
@@ -39,14 +39,14 @@ exports.setupResizeObserver = setupResizeObserver;
  * @param callback The function to be called when the element is resized.
  */
 const useResizeObserver = (ref, callback, config = { earlyAttach: false }) => {
-    const sizeRef = react_1.useRef({
+    const sizeRef = (0, react_1.useRef)({
         width: 0,
         height: 0,
     });
     const effectFn = (callback) => {
         let disconnect;
         if (ref.current) {
-            disconnect = exports.setupResizeObserver(ref.current, (size) => {
+            disconnect = (0, exports.setupResizeObserver)(ref.current, (size) => {
                 size = {
                     width: Math.round(size.width),
                     height: Math.round(size.height),
@@ -64,13 +64,13 @@ const useResizeObserver = (ref, callback, config = { earlyAttach: false }) => {
             }
         };
     };
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (!config.earlyAttach) {
             return effectFn(callback);
         }
         return () => { };
     }, [ref.current, callback, config.earlyAttach]);
-    react_1.useLayoutEffect(() => {
+    (0, react_1.useLayoutEffect)(() => {
         if (config.earlyAttach) {
             return effectFn(callback);
         }
@@ -79,7 +79,7 @@ const useResizeObserver = (ref, callback, config = { earlyAttach: false }) => {
 };
 exports.useResizeObserver = useResizeObserver;
 const ReactResizeObserver = (props) => {
-    const style = react_1.useMemo(() => ({
+    const style = (0, react_1.useMemo)(() => ({
         position: 'absolute',
         top: 0,
         left: 0,
@@ -88,16 +88,16 @@ const ReactResizeObserver = (props) => {
         boxSizing: 'border-box',
     }), []);
     const { notifyOnMount, earlyAttach } = props;
-    const firstTime = react_1.useRef(true);
-    const ref = react_1.useRef(null);
-    const onResize = react_1.useCallback((size) => {
+    const firstTime = (0, react_1.useRef)(true);
+    const ref = (0, react_1.useRef)(null);
+    const onResize = (0, react_1.useCallback)((size) => {
         if (firstTime.current && !notifyOnMount) {
             firstTime.current = false;
             return;
         }
         props.onResize(size);
     }, [props.onResize]);
-    exports.useResizeObserver(ref, onResize, { earlyAttach: earlyAttach || false });
+    (0, exports.useResizeObserver)(ref, onResize, { earlyAttach: earlyAttach || false });
     return React.createElement("div", { ref: ref, style: style });
 };
 exports.ReactResizeObserver = ReactResizeObserver;

package/src/components/SelectableList/index.js

@@ -14,10 +14,10 @@ const SelectableListContext = React.createContext({
     setSelected: (x) => { },
 });
 const useSelectionEvent = () => {
-    const { selected, setSelected, toggleOnSimpleClick, clickInfoRef, getItemId } = react_1.useContext(SelectableListContext);
+    const { selected, setSelected, toggleOnSimpleClick, clickInfoRef, getItemId } = (0, react_1.useContext)(SelectableListContext);
     return (event, { index }) => {
         if (index === undefined) {
-            LoggingHelper_1.LogAdaptableWarning('No "index" was passed to the list item');
+            (0, LoggingHelper_1.LogAdaptableWarning)('No "index" was passed to the list item');
             return;
         }
         const { lastClickIndexWithoutShift, lastShiftSelectionRange } = clickInfoRef.current;
@@ -80,8 +80,8 @@ const useSelectionEvent = () => {
 };
 exports.useSelectionEvent = useSelectionEvent;
 const SelectableList = (props) => {
-    const [selected, setSelected] = useProperty_1.default(props, 'selected', {});
-    const clickInfoRef = react_1.useRef({
+    const [selected, setSelected] = (0, useProperty_1.default)(props, 'selected', {});
+    const clickInfoRef = (0, react_1.useRef)({
         lastClickIndexWithoutShift: 0,
     });
     const getItemId = (index) => {

package/src/components/SimpleButton/index.js

@@ -14,7 +14,7 @@ const SimpleButton = React.forwardRef((props, ref) => {
     var _a, _b;
     let { children, disabled, variant = 'outlined', tone = 'neutral', iconPosition = 'start', iconSize, className, icon, tooltip, tooltipAnchor, accessLevel: accessLevel, type } = props, buttonProps = tslib_1.__rest(props, ["children", "disabled", "variant", "tone", "iconPosition", "iconSize", "className", "icon", "tooltip", "tooltipAnchor", "accessLevel", "type"]);
     let adaptableInternalIcon;
-    if (AdaptableIconComponent_1.isAdaptableInternalIcon(icon)) {
+    if ((0, AdaptableIconComponent_1.isAdaptableInternalIcon)(icon)) {
         adaptableInternalIcon = icon;
     }
     if (typeof icon === 'string' && icons_1.default[icon]) {
@@ -32,7 +32,7 @@ const SimpleButton = React.forwardRef((props, ref) => {
         }
         icon = React.createElement(AdaptableIconComponent_1.AdaptableIconComponent, Object.assign({}, iconProps));
     }
-    if (AdaptableIconComponent_1.isAdaptableExternalIcon(icon) || AdaptableIconComponent_1.isAdaptableElementIcon(icon)) {
+    if ((0, AdaptableIconComponent_1.isAdaptableExternalIcon)(icon) || (0, AdaptableIconComponent_1.isAdaptableElementIcon)(icon)) {
         icon = React.createElement(AdaptableIconComponent_1.AdaptableIconComponent, { icon: icon });
     }
     if (icon) {
@@ -76,7 +76,7 @@ const SimpleButton = React.forwardRef((props, ref) => {
     const fontWeight = buttonProps.fontWeight
         ? (_b = (_a = theme_1.default[buttonProps.fontWeight]) !== null && _a !== void 0 ? _a : buttonProps.fontWeight) !== null && _b !== void 0 ? _b : 'normal'
         : 'normal';
-    const btn = (React.createElement(rebass_1.Button, Object.assign({}, buttonProps, { disabled: disabled, className: join_1.default(className, exports.baseClassName, disabled ? `${exports.baseClassName}--disabled` : '', fontWeight ? `${exports.baseClassName}--font-weight=${fontWeight}` : '', `${exports.baseClassName}--variant-${variant}`, `${exports.baseClassName}--tone-${tone}`), ref: ref }), children));
+    const btn = (React.createElement(rebass_1.Button, Object.assign({}, buttonProps, { disabled: disabled, className: (0, join_1.default)(className, exports.baseClassName, disabled ? `${exports.baseClassName}--disabled` : '', fontWeight ? `${exports.baseClassName}--font-weight=${fontWeight}` : '', `${exports.baseClassName}--variant-${variant}`, `${exports.baseClassName}--tone-${tone}`), ref: ref }), children));
     return tooltip ? (React.createElement(Tooltip_1.default, { anchor: tooltipAnchor, label: tooltip }, btn)) : (btn);
 });
 SimpleButton.defaultProps = {

package/src/components/StylePreview.js

@@ -7,6 +7,6 @@ const rebass_1 = require("rebass");
 const StyleHelper_1 = require("../Utilities/Helpers/StyleHelper");
 const StylePreview = (props) => {
     var _a, _b, _c;
-    return (React.createElement(rebass_1.Box, Object.assign({}, props, { padding: (_a = props.padding) !== null && _a !== void 0 ? _a : 2, mt: (_b = props.mt) !== null && _b !== void 0 ? _b : 2, style: Object.assign(Object.assign({}, StyleHelper_1.toStyle(props.styleObject)), props.style) }), (_c = props.children) !== null && _c !== void 0 ? _c : 'Preview result'));
+    return (React.createElement(rebass_1.Box, Object.assign({}, props, { padding: (_a = props.padding) !== null && _a !== void 0 ? _a : 2, mt: (_b = props.mt) !== null && _b !== void 0 ? _b : 2, style: Object.assign(Object.assign({}, (0, StyleHelper_1.toStyle)(props.styleObject)), props.style) }), (_c = props.children) !== null && _c !== void 0 ? _c : 'Preview result'));
 };
 exports.StylePreview = StylePreview;

package/src/components/Table/index.js

@@ -4,6 +4,6 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const join_1 = tslib_1.__importDefault(require("../utils/join"));
 const Table = (props) => {
-    return React.createElement("table", Object.assign({}, props, { className: join_1.default(props.className, 'ab-Table') }));
+    return React.createElement("table", Object.assign({}, props, { className: (0, join_1.default)(props.className, 'ab-Table') }));
 };
 exports.default = Table;

package/src/components/Tabs/index.js

@@ -21,10 +21,9 @@ const isTabContent = (c) => {
     return c.type === exports.Content || ((_a = c.props) === null || _a === void 0 ? void 0 : _a.isTabsContent);
 };
 const Tabs = (props) => {
-    var _a;
     const { autoFocus = true, children, onValueChange: _onValueChange, defaultValue: _defaultValue, value: _value, keyboardNavigation = true, selectedIndex: _selectedIndex, defaultSelectedIndex: _defaultSelectedIndex, onSelectedIndexChange: _onSelectedIndexChange } = props, boxProps = tslib_1.__rest(props, ["autoFocus", "children", "onValueChange", "defaultValue", "value", "keyboardNavigation", "selectedIndex", "defaultSelectedIndex", "onSelectedIndexChange"]);
-    let [selectedIndex, doSetSelectedIndex] = useProperty_1.default(props, 'selectedIndex', 0);
-    const [selectedValue, setSelectedValue] = useProperty_1.default(props, 'value', 0);
+    let [selectedIndex, doSetSelectedIndex] = (0, useProperty_1.default)(props, 'selectedIndex', 0);
+    const [selectedValue, setSelectedValue] = (0, useProperty_1.default)(props, 'value', 0);
     const allChildren = React.Children.toArray(children);
     const values = [];
     const tabs = allChildren.filter(isTab).map((tab, index) => {
@@ -63,13 +62,13 @@ const Tabs = (props) => {
         doSetSelectedIndex(index);
     };
     const currentContent = contents[selectedIndex];
-    const _b = ((_a = currentContent) === null || _a === void 0 ? void 0 : _a.props) || {}, { value } = _b, contentProps = tslib_1.__rest(_b, ["value"]);
+    const _a = (currentContent === null || currentContent === void 0 ? void 0 : currentContent.props) || {}, { value } = _a, contentProps = tslib_1.__rest(_a, ["value"]);
     return (React.createElement(TabContext.Provider, { value: {
             selectedIndex,
             tabCount: tabs.length,
             setSelectedIndex,
         } },
-        React.createElement(rebass_1.Box, Object.assign({}, boxProps, { className: join_1.default(boxProps.className, 'ab-Tabs'), "data-selected-index": selectedIndex }),
+        React.createElement(rebass_1.Box, Object.assign({}, boxProps, { className: (0, join_1.default)(boxProps.className, 'ab-Tabs'), "data-selected-index": selectedIndex }),
             React.createElement(rebass_1.Flex, { flexDirection: "row", className: "ab-Tabs__Strip" },
                 React.createElement(rebass_1.Box, { className: "ab-Tabs__Filler" }),
                 tabs,
@@ -83,8 +82,8 @@ const Tab = (props) => {
     const baseClassName = 'ab-Tabs__Tab';
     const active = context.selectedIndex === props.index;
     const beforeActive = context.selectedIndex === props.index + 1;
-    const className = join_1.default(propsClassName, baseClassName, active ? `${baseClassName}--active` : '', beforeActive ? `${baseClassName}--before-active` : '');
-    const ref = react_1.useRef(null);
+    const className = (0, join_1.default)(propsClassName, baseClassName, active ? `${baseClassName}--active` : '', beforeActive ? `${baseClassName}--before-active` : '');
+    const ref = (0, react_1.useRef)(null);
     React.useEffect(() => {
         var _a;
         if (active && autoFocus && keyboardNavigation) {

package/src/components/Tag/Tag.js

@@ -7,5 +7,5 @@ const rebass_1 = require("rebass");
 const join_1 = tslib_1.__importDefault(require("../utils/join"));
 exports.Tag = React.forwardRef((props, ref) => {
     var _a, _b, _c, _d;
-    return (React.createElement(rebass_1.Box, Object.assign({}, props, { ref: ref, className: join_1.default('ab-Tag', props.className), backgroundColor: "primary", paddingTop: (_a = props.paddingTop) !== null && _a !== void 0 ? _a : 1, paddingBottom: (_b = props.paddingBottom) !== null && _b !== void 0 ? _b : 1, paddingLeft: (_c = props.paddingLeft) !== null && _c !== void 0 ? _c : 2, paddingRight: (_d = props.paddingRight) !== null && _d !== void 0 ? _d : 2, style: Object.assign({ borderRadius: 'var(--ab__border-radius)' }, props.style) })));
+    return (React.createElement(rebass_1.Box, Object.assign({}, props, { ref: ref, className: (0, join_1.default)('ab-Tag', props.className), backgroundColor: "primary", paddingTop: (_a = props.paddingTop) !== null && _a !== void 0 ? _a : 1, paddingBottom: (_b = props.paddingBottom) !== null && _b !== void 0 ? _b : 1, paddingLeft: (_c = props.paddingLeft) !== null && _c !== void 0 ? _c : 2, paddingRight: (_d = props.paddingRight) !== null && _d !== void 0 ? _d : 2, style: Object.assign({ borderRadius: 'var(--ab__border-radius)' }, props.style) })));
 });

package/src/components/Textarea/index.d.ts

@@ -11,5 +11,5 @@ declare const Textarea: React.ForwardRefExoticComponent<Pick<React.HTMLProps<HTM
     placehoder?: string;
     type?: string;
     disabled?: boolean;
-} & BoxProps, "max" | "required" | "default" | "high" | "low" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "disabled" | "m" | "color" | "content" | "size" | "flex" | "wrap" | "padding" | "multiple" | "alignSelf" | "backgroundColor" | "fontSize" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "opacity" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "translate" | "width" | "margin" | "children" | "key" | "list" | "step" | "type" | "min" | "contextMenu" | "value" | "onKeyDown" | "rows" | "name" | "checked" | "className" | "id" | "lang" | "method" | "target" | "role" | "tabIndex" | "crossOrigin" | "href" | "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" | "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" | "onTransitionEnd" | "onTransitionEndCapture" | "classID" | "useMap" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "as" | "hrefLang" | "integrity" | "rel" | "sizes" | "charSet" | "kind" | "src" | "srcLang" | "download" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "accept" | "capture" | "maxLength" | "minLength" | "readOnly" | "htmlFor" | "httpEquiv" | "optimum" | "reversed" | "selected" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "poster" | "challenge" | "keyType" | "keyParams" | "mt" | "mb" | "ml" | "mr" | "my" | "marginY" | "mx" | "marginX" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "css" | "bg" | "placehoder"> & React.RefAttributes<unknown>>;
+} & BoxProps, "max" | "required" | "type" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | "alignSelf" | "backgroundColor" | "color" | "content" | "flex" | "fontSize" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "opacity" | "order" | "padding" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "translate" | "value" | "hidden" | "cite" | "dir" | "form" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "acceptCharset" | "action" | "method" | "noValidate" | "target" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "nonce" | "tabIndex" | "async" | "disabled" | "multiple" | "size" | "manifest" | "m" | "wrap" | "accept" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "min" | "minLength" | "muted" | "optimum" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "wmode" | "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" | "onTransitionEnd" | "onTransitionEndCapture" | "mt" | "mb" | "ml" | "mr" | "my" | "marginY" | "mx" | "marginX" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "bg" | "css" | "placehoder"> & React.RefAttributes<unknown>>;
 export default Textarea;

package/src/components/Textarea/index.js

@@ -15,6 +15,6 @@ const Textarea = React.forwardRef((props, ref) => {
     if (type === 'string') {
         type = 'text';
     }
-    return (React.createElement(rebass_1.Box, Object.assign({ ref: ref, as: "textarea" }, textareaProps, { type: type, disabled: disabled, className: join_1.default(className, exports.baseClassName, disabled ? `${exports.baseClassName}--disabled` : '') })));
+    return (React.createElement(rebass_1.Box, Object.assign({ ref: ref, as: "textarea" }, textareaProps, { type: type, disabled: disabled, className: (0, join_1.default)(className, exports.baseClassName, disabled ? `${exports.baseClassName}--disabled` : '') })));
 });
 exports.default = Textarea;

package/src/components/ToggleButton/index.js

@@ -13,7 +13,7 @@ const ToggleButton = ({ checked, onChange, disabled, className, children, style
         onChange(Boolean(event.target.checked));
     };
     const baseClassName = 'ab-ToggleButton';
-    const preparedClassName = join_1.default(className, baseClassName, checked && `${baseClassName}--checked`, disabled && `${baseClassName}--disabled`);
+    const preparedClassName = (0, join_1.default)(className, baseClassName, checked && `${baseClassName}--checked`, disabled && `${baseClassName}--disabled`);
     return (React.createElement("label", { "data-name": dataName, style: style, className: preparedClassName },
         React.createElement("input", { type: "checkbox", disabled: disabled, checked: Boolean(checked), className: `${baseClassName}__input`, onChange: handleChange }),
         React.createElement(rebass_1.Flex, { alignItems: "center", justifyContent: checked ? 'start' : 'end', className: `${baseClassName}__slider` },

package/src/components/WindowModal/WindowModal.js

@@ -10,7 +10,7 @@ const react_dom_1 = require("react-dom");
 const useStacking_1 = require("./useStacking");
 let portalElement;
 const ensurePortalElement = () => {
-    if (!UIHelper_1.isBrowserDocumentAvailable()) {
+    if (!(0, UIHelper_1.isBrowserDocumentAvailable)()) {
         return;
     }
     if (portalElement) {
@@ -50,7 +50,7 @@ const WindowModal = (props) => {
         y: normalizeTopLeft((_b = props.position) === null || _b === void 0 ? void 0 : _b.y),
     };
     const positionRef = React.useRef(normalizedPosition);
-    const stacking = useStacking_1.useStacking();
+    const stacking = (0, useStacking_1.useStacking)();
     /**
      * This is needed because the function called in onDrop is saved when
      * it gets attached to the DOM element event handler.
@@ -73,7 +73,7 @@ const WindowModal = (props) => {
             size: props.size,
         });
     };
-    const { targetRef, applyTransform } = useDraggable_1.default({
+    const { targetRef, applyTransform } = (0, useDraggable_1.default)({
         handleSelector: props.handleSelector,
         onDrop: handleDrop,
     });
@@ -103,7 +103,7 @@ const WindowModal = (props) => {
             applyTransform(positionDelta.x, positionDelta.y);
         }
     }, []);
-    return react_dom_1.createPortal(React.createElement("div", { style: style, 
+    return (0, react_dom_1.createPortal)(React.createElement("div", { style: style, 
         //@ts-ignore
         ref: targetRef, onMouseDown: stacking.bringInFront },
         React.createElement(re_resizable_1.Resizable, { minWidth: props.minWidth, minHeight: props.minHeight, onResizeStop: handleResizeStop, onResize: handleResize, bounds: "window", defaultSize: {

package/src/components/WindowModal/useStacking.js

@@ -13,7 +13,7 @@ const BASE_Z_INDEX = 1000;
  * This is done by changing the zIndex of all registered window-modals.
  */
 const useStacking = () => {
-    const modalZIndexId = React.useMemo(() => uuid_1.createUuid(), []);
+    const modalZIndexId = React.useMemo(() => (0, uuid_1.createUuid)(), []);
     const [zIndex, setZIndex] = React.useState(BASE_Z_INDEX);
     React.useEffect(() => {
         setZIndexMap[modalZIndexId] = setZIndex;

package/src/components/WizardPanel/index.js

@@ -5,6 +5,6 @@ const React = tslib_1.__importStar(require("react"));
 const Panel_1 = tslib_1.__importDefault(require("../Panel"));
 const join_1 = tslib_1.__importDefault(require("../utils/join"));
 const WizardPanel = (props) => {
-    return (React.createElement(Panel_1.default, Object.assign({ border: "none", borderRadius: "none", variant: "primary", bodyScroll: true }, props, { className: join_1.default(props.className, 'ab-WizardPanel'), style: Object.assign({ height: '100%' }, props.style) })));
+    return (React.createElement(Panel_1.default, Object.assign({ border: "none", borderRadius: "none", variant: "primary", bodyScroll: true }, props, { className: (0, join_1.default)(props.className, 'ab-WizardPanel'), style: Object.assign({ height: '100%' }, props.style) })));
 };
 exports.default = WizardPanel;

package/src/components/icons/DefaultIcon.js

@@ -10,6 +10,6 @@ const getSize = (size) => Math.round(size * (DEFAULT_SIZE / HUNDRED_PERCENT_SIZE
 exports.getSize = getSize;
 exports.default = (_a) => {
     var { children, size = DEFAULT_SIZE, name, tabIndex, color } = _a, props = tslib_1.__rest(_a, ["children", "size", "name", "tabIndex", "color"]);
-    size = exports.getSize(size);
-    return (React.createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 24 24", tabIndex: tabIndex }, props, { className: join_1.default(props.className, `ab-Icon ab-Icon--${name}`), style: Object.assign({ verticalAlign: 'middle', fill: color !== null && color !== void 0 ? color : 'currentColor' }, props.style) }), children));
+    size = (0, exports.getSize)(size);
+    return (React.createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 24 24", tabIndex: tabIndex }, props, { className: (0, join_1.default)(props.className, `ab-Icon ab-Icon--${name}`), style: Object.assign({ verticalAlign: 'middle', fill: color !== null && color !== void 0 ? color : 'currentColor' }, props.style) }), children));
 };

package/src/components/icons/index.js

@@ -287,7 +287,7 @@ const Icon = (_a) => {
     var { name, style, className, tabIndex } = _a, props = tslib_1.__rest(_a, ["name", "style", "className", "tabIndex"]);
     const IconCmp = (allIcons[name] || null);
     if (!IconCmp) {
-        LoggingHelper_1.LogAdaptableWarning('NO icon found for ' + name);
+        (0, LoggingHelper_1.LogAdaptableWarning)('NO icon found for ' + name);
         return React.createElement("svg", { height: "17", width: "17" });
     }
     return React.createElement(IconCmp, Object.assign({ tabIndex: tabIndex }, props, { style: style, name: name, className: className }));

package/src/components/utils/batchUpdate.js

@@ -17,7 +17,7 @@ const BatchUpdate = (fn) => {
         if (lastFn) {
             fns.push(lastFn);
         }
-        react_dom_1.unstable_batchedUpdates(() => {
+        (0, react_dom_1.unstable_batchedUpdates)(() => {
             fns.forEach((fn) => fn());
             fns = undefined;
         });

package/src/components/utils/useAutoFocus.js

@@ -5,8 +5,8 @@ const react_1 = require("react");
 const usePrevious_1 = tslib_1.__importDefault(require("./usePrevious"));
 const useAutoFocus = (props, focusElementRef) => {
     const autoFocus = props.autoFocus === undefined ? true : props.autoFocus;
-    const prevAutoFocus = usePrevious_1.default(props.previous ? props.previous({ autoFocus }) : autoFocus, undefined);
-    react_1.useEffect(() => {
+    const prevAutoFocus = (0, usePrevious_1.default)(props.previous ? props.previous({ autoFocus }) : autoFocus, undefined);
+    (0, react_1.useEffect)(() => {
         if (focusElementRef.current &&
             focusElementRef.current.focus &&
             autoFocus &&

package/src/components/utils/useContainerScrollObserver/index.js

@@ -38,13 +38,13 @@ class SectionSelector {
     }
 }
 const useContainerScrollObserver = (callback) => {
-    const containerNodeRef = react_1.useRef(null);
-    const sectionSelectorRef = react_1.useRef(null);
-    const update = react_1.useCallback((scrollTop) => {
+    const containerNodeRef = (0, react_1.useRef)(null);
+    const sectionSelectorRef = (0, react_1.useRef)(null);
+    const update = (0, react_1.useCallback)((scrollTop) => {
         callback(sectionSelectorRef.current.select(scrollTop));
     }, []);
-    const scrollRafRef = react_1.useRef(null);
-    const onScroll = react_1.useCallback(() => {
+    const scrollRafRef = (0, react_1.useRef)(null);
+    const onScroll = (0, react_1.useCallback)(() => {
         if (scrollRafRef.current) {
             cancelAnimationFrame(scrollRafRef.current);
             scrollRafRef.current = null;
@@ -54,7 +54,7 @@ const useContainerScrollObserver = (callback) => {
             update(containerNodeRef.current.scrollTop);
         });
     }, []);
-    const setupScroll = react_1.useCallback((node) => {
+    const setupScroll = (0, react_1.useCallback)((node) => {
         var _a;
         if (node) {
             containerNodeRef.current = node;
@@ -69,7 +69,7 @@ const useContainerScrollObserver = (callback) => {
     const ref = setupScroll;
     return {
         ref,
-        scrollToIndex: react_1.useCallback((index) => {
+        scrollToIndex: (0, react_1.useCallback)((index) => {
             const container = containerNodeRef.current;
             const node = container.childNodes[index];
             node.scrollIntoView({

package/src/components/utils/useDraggable.js

@@ -5,10 +5,10 @@ function clamp(num, min, max) {
     return num <= min ? min : num >= max ? max : num;
 }
 function useDraggable({ onMove, onDrop, getBoundingRect = () => document.body.getBoundingClientRect(), handleSelector, }) {
-    const startRef = react_1.useRef();
-    const handleRef = react_1.useRef(null);
-    const targetRef = react_1.useRef(null);
-    const handleRefCallback = react_1.useCallback((newNode) => {
+    const startRef = (0, react_1.useRef)();
+    const handleRef = (0, react_1.useRef)(null);
+    const targetRef = (0, react_1.useRef)(null);
+    const handleRefCallback = (0, react_1.useCallback)((newNode) => {
         const oldNode = handleRef.current;
         if (oldNode) {
             oldNode.removeEventListener('mousedown', handleMouseDown);
@@ -19,7 +19,7 @@ function useDraggable({ onMove, onDrop, getBoundingRect = () => document.body.ge
         }
         handleRef.current = newNode;
     }, []);
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (handleSelector) {
             /**
              * Element may not be yet attached.

package/src/components/utils/useLatest.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLatest = void 0;
 const react_1 = require("react");
 const useLatest = (value) => {
-    const ref = react_1.useRef(value);
+    const ref = (0, react_1.useRef)(value);
     ref.current = value;
-    return react_1.useCallback(() => ref.current, []);
+    return (0, react_1.useCallback)(() => ref.current, []);
 };
 exports.useLatest = useLatest;

package/src/components/utils/usePrevious.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 const usePrevious = (value, initialValue) => {
-    const ref = react_1.useRef(initialValue);
-    react_1.useEffect(() => {
+    const ref = (0, react_1.useRef)(initialValue);
+    (0, react_1.useEffect)(() => {
         ref.current = value;
     });
     return ref.current;

package/src/components/utils/usePropState.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 function usePropState(state, setState, initialState) {
-    const [localState, setLocalState] = react_1.useState(initialState);
+    const [localState, setLocalState] = (0, react_1.useState)(initialState);
     return [
         state !== undefined ? state : localState,
         setState !== undefined ? setState : setLocalState,