@adaptabletools/adaptable 12.2.2 → 14.0.0-canary.0

package/src/components/FileDroppable/index.js

@@ -41,7 +41,7 @@ const readJSONFile = async (file, toJSON) => {
 exports.readJSONFile = readJSONFile;
 const FileDroppable = (props) => {
     const { onDropSuccess, message, fileAccept = '.json', helpText = 'AdapTable No Code Version', defaultText = 'Click here to select a JSON file to load or drag it here', dragOverText = 'Drop file here to start Adaptable Wizard', icon = React.createElement(icons_1.Icon, { name: "attach-file", size: 48 }) } = props, domProps = tslib_1.__rest(props, ["onDropSuccess", "message", "fileAccept", "helpText", "defaultText", "dragOverText", "icon"]);
-    const [state, dispatch] = react_1.useReducer(reducer_1.default, initialState);
+    const [state, dispatch] = (0, react_1.useReducer)(reducer_1.default, initialState);
     const onDragEnter = (e) => {
         dispatch({
             type: reducer_1.ActionTypes.DRAG_OVER,
@@ -50,7 +50,7 @@ const FileDroppable = (props) => {
     const onDragLeave = (event) => {
         stop(event);
         if (domRef.current != event.target &&
-            contains_1.default(domRef.current, event.target)) {
+            (0, contains_1.default)(domRef.current, event.target)) {
             return;
         }
         dispatch({
@@ -97,7 +97,7 @@ const FileDroppable = (props) => {
             }
         }
     };
-    const domRef = react_1.useRef();
+    const domRef = (0, react_1.useRef)();
     let form = (React.createElement("form", { onSubmit: stop },
         React.createElement(SimpleButton_1.default, { style: { cursor: 'pointer' }, variant: "outlined" },
             React.createElement("div", null, state.dragOver ? dragOverText : defaultText),
@@ -114,7 +114,7 @@ const FileDroppable = (props) => {
                     zIndex: 1,
                 } }))));
     const msg = message || state.message;
-    return (React.createElement(rebass_1.Flex, Object.assign({}, domProps, { flexDirection: "column", className: join_1.default(props.className, 'ab-FileDroppable', state.dragOver ? 'ab-FileDroppable--drag-over' : ''), alignItems: "center", justifyContent: "center", onDragEnter: onDragEnter, onDragLeave: onDragLeave, onDrop: onDrop, onDragOver: stop, ref: domRef }),
+    return (React.createElement(rebass_1.Flex, Object.assign({}, domProps, { flexDirection: "column", className: (0, join_1.default)(props.className, 'ab-FileDroppable', state.dragOver ? 'ab-FileDroppable--drag-over' : ''), alignItems: "center", justifyContent: "center", onDragEnter: onDragEnter, onDragLeave: onDragLeave, onDrop: onDrop, onDragOver: stop, ref: domRef }),
         props.children,
         helpText || icon ? (React.createElement(rebass_1.Flex, { flexDirection: "column" },
             helpText ? (React.createElement(rebass_1.Flex, { flexDirection: "column", alignItems: "center", margin: 2 },

package/src/components/FormLayout/index.js

@@ -7,7 +7,7 @@ const rebass_1 = require("rebass");
 const react_1 = require("react");
 const merge_1 = tslib_1.__importDefault(require("lodash/merge"));
 const join_1 = tslib_1.__importDefault(require("../utils/join"));
-const FormLayoutContext = react_1.createContext(null);
+const FormLayoutContext = (0, react_1.createContext)(null);
 const defaultColumns = {
     label: {
         className: 'ab-FormLayout_column--label',
@@ -26,7 +26,7 @@ const FormLayout = (props) => {
             };
         }
         if (defaultColumns[c.name]) {
-            c = merge_1.default({}, defaultColumns[c.name], c);
+            c = (0, merge_1.default)({}, defaultColumns[c.name], c);
         }
         c.component = c.component === undefined ? defaultComponent : c.component;
         return c;
@@ -53,10 +53,10 @@ const FormLayout = (props) => {
             currentRow: 0,
             childrenToColumns,
         } },
-        React.createElement(rebass_1.Box, Object.assign({}, boxProps, { className: join_1.default(boxProps.className, 'ab-FormLayout'), style: Object.assign(Object.assign({}, style), formStyle) }))));
+        React.createElement(rebass_1.Box, Object.assign({}, boxProps, { className: (0, join_1.default)(boxProps.className, 'ab-FormLayout'), style: Object.assign(Object.assign({}, style), formStyle) }))));
 };
 const FormRow = (props) => {
-    const ctx = react_1.useContext(FormLayoutContext);
+    const ctx = (0, react_1.useContext)(FormLayoutContext);
     const { columns, placeholder, childrenToColumns } = ctx;
     const rowIndex = ctx.currentRow;
     ctx.currentRow++;

package/src/components/HelpBlock/index.js

@@ -7,6 +7,6 @@ const rebass_1 = require("rebass");
 const join_1 = tslib_1.__importDefault(require("../utils/join"));
 exports.baseClassName = 'ab-HelpBlock';
 const HelpBlock = (props) => {
-    return React.createElement(rebass_1.Box, Object.assign({}, props, { className: join_1.default(props.className, exports.baseClassName) }));
+    return React.createElement(rebass_1.Box, Object.assign({}, props, { className: (0, join_1.default)(props.className, exports.baseClassName) }));
 };
 exports.default = HelpBlock;

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

@@ -8,5 +8,5 @@ export declare type InputProps = HTMLProps<HTMLInputElement> & {
     disabled?: boolean;
     list?: any;
 } & BoxProps;
-declare const Input: React.ForwardRefExoticComponent<Pick<InputProps, "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<HTMLInputElement>>;
+declare const Input: React.ForwardRefExoticComponent<Pick<InputProps, "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<HTMLInputElement>>;
 export default Input;

package/src/components/Input/index.js

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

package/src/components/List/GridList/index.js

@@ -18,7 +18,7 @@ const GridList = (props) => {
     }).filter((data) => !!data.item);
     return (React.createElement(InfiniteTable_1.DataSource, { data: data, primaryKey: "id" },
         React.createElement(InfiniteTable_1.InfiniteTable, { header: false, showZebraRows: props.showZebraRows, rowHeight: (_a = props.rowHeight) !== null && _a !== void 0 ? _a : '--ab-grid-row-height', domProps: {
-                className: join_1.default(baseClassName, props.className),
+                className: (0, join_1.default)(baseClassName, props.className),
                 style: {
                     minHeight: '15rem',
                 },

package/src/components/List/ListGroup/index.js

@@ -7,6 +7,6 @@ const rebass_1 = require("rebass");
 const baseClassName = 'ab-ListGroup';
 const ListGroup = (props) => {
     const { className } = props, domProps = tslib_1.__rest(props, ["className"]);
-    return React.createElement(rebass_1.Box, Object.assign({}, domProps, { className: join_1.default(className, baseClassName) }));
+    return React.createElement(rebass_1.Box, Object.assign({}, domProps, { className: (0, join_1.default)(className, baseClassName) }));
 };
 exports.default = ListGroup;

package/src/components/List/ListGroupItem/index.d.ts

@@ -6,5 +6,5 @@ declare const ListGroupItem: React.ForwardRefExoticComponent<Pick<React.HTMLProp
     noZebra?: boolean;
     index?: number;
     selectionId?: string | number;
-}, "max" | "required" | "default" | "high" | "low" | "active" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "disabled" | "color" | "content" | "size" | "wrap" | "multiple" | "height" | "translate" | "width" | "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" | "index" | "factory" | "noZebra" | "selectionId"> & React.RefAttributes<unknown>>;
+}, "index" | "max" | "required" | "type" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "active" | "start" | "open" | "name" | "color" | "content" | "translate" | "value" | "hidden" | "cite" | "dir" | "form" | "label" | "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" | "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" | "factory" | "noZebra" | "selectionId"> & React.RefAttributes<unknown>>;
 export default ListGroupItem;

package/src/components/List/ListGroupItem/index.js

@@ -7,13 +7,13 @@ const SelectableList_1 = require("../../SelectableList");
 const baseClassName = 'ab-ListGroupItem';
 const ListGroupItem = React.forwardRef((props, ref) => {
     const { className, active, factory: Tag = 'button', noZebra } = props, domProps = tslib_1.__rest(props, ["className", "active", "factory", "noZebra"]);
-    const onSelectionClick = SelectableList_1.useSelectionEvent();
+    const onSelectionClick = (0, SelectableList_1.useSelectionEvent)();
     const result = (React.createElement(Tag, Object.assign({}, domProps, { onClick: (event) => {
             if (domProps.onClick) {
                 domProps.onClick(event);
             }
             onSelectionClick(event, { index: props.index });
-        }, ref: ref, className: join_1.default(className, baseClassName, noZebra ? `${baseClassName}--no-zebra` : null, `${baseClassName}--${active ? 'active' : 'not-active'}`) })));
+        }, ref: ref, className: (0, join_1.default)(className, baseClassName, noZebra ? `${baseClassName}--no-zebra` : null, `${baseClassName}--${active ? 'active' : 'not-active'}`) })));
     return result;
 });
 exports.default = ListGroupItem;

package/src/components/Modal/Backdrop.js

@@ -9,13 +9,13 @@ exports.baseClassName = 'ab-Modal';
 const Backdrop = (props) => {
     const { uuid, timestamp } = props;
     const [backdropVisible, setBackdropVisible] = React.useState(false);
-    const [zIndex, setZIndex] = react_1.useState(-1);
-    react_1.useLayoutEffect(() => {
-        exports.updatePositionInStack(uuid, {
+    const [zIndex, setZIndex] = (0, react_1.useState)(-1);
+    (0, react_1.useLayoutEffect)(() => {
+        (0, exports.updatePositionInStack)(uuid, {
             timestamp,
             baseZIndex: props.zIndex,
             setBackdropOrder: (visible, zIndex) => {
-                react_dom_1.unstable_batchedUpdates(() => {
+                (0, react_dom_1.unstable_batchedUpdates)(() => {
                     setBackdropVisible(visible);
                     setZIndex(zIndex);
                     if (visible && props.onBringToFront) {
@@ -24,7 +24,7 @@ const Backdrop = (props) => {
                 });
             },
         });
-        return () => exports.updatePositionInStack(uuid, null);
+        return () => (0, exports.updatePositionInStack)(uuid, null);
     }, []);
     return backdropVisible ? (React.createElement("div", { "data-id": uuid, style: { zIndex }, className: `${exports.baseClassName}-backdrop` })) : null;
 };

package/src/components/Modal/index.js

@@ -15,7 +15,7 @@ const UIHelper_1 = require("../../View/UIHelper");
 // const createUuid = (): string => uuidv4();
 let portalElement;
 const ensurePortalElement = () => {
-    if (!UIHelper_1.isBrowserDocumentAvailable()) {
+    if (!(0, UIHelper_1.isBrowserDocumentAvailable)()) {
         return;
     }
     if (portalElement) {
@@ -28,14 +28,14 @@ let globalCounter = 0;
 const Modal = (props) => {
     ensurePortalElement();
     const { className, style, children, isOpen, onBringToFront } = props, boxProps = tslib_1.__rest(props, ["className", "style", "children", "isOpen", "onBringToFront"]);
-    const uuid = react_1.useMemo(() => uuid_1.createUuid(), []);
-    const counter = react_1.useMemo(() => globalCounter++, [isOpen]);
+    const uuid = (0, react_1.useMemo)(() => (0, uuid_1.createUuid)(), []);
+    const counter = (0, react_1.useMemo)(() => globalCounter++, [isOpen]);
     const openTimestamp = counter;
     const backdropZIndexOffset = props.backdropZIndexOffset || 1;
     const zIndex = (props.baseZIndex || 2000) + counter;
-    return react_dom_1.createPortal(isOpen ? (React.createElement(React.Fragment, null,
+    return (0, react_dom_1.createPortal)(isOpen ? (React.createElement(React.Fragment, null,
         React.createElement(Backdrop_1.default, { timestamp: openTimestamp, uuid: uuid, zIndex: zIndex - backdropZIndexOffset, onBringToFront: onBringToFront }),
         React.createElement(react_remove_scroll_1.RemoveScroll, null,
-            React.createElement(rebass_1.Flex, Object.assign({ alignItems: "center", justifyContent: "center", flexDirection: "column" }, boxProps, { style: Object.assign({ zIndex }, style), className: join_1.default(Backdrop_1.baseClassName, className) }), children)))) : null, portalElement);
+            React.createElement(rebass_1.Flex, Object.assign({ alignItems: "center", justifyContent: "center", flexDirection: "column" }, boxProps, { style: Object.assign({ zIndex }, style), className: (0, join_1.default)(Backdrop_1.baseClassName, className) }), children)))) : null, portalElement);
 };
 exports.Modal = Modal;

package/src/components/NotifyResize/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const getResizeObserverObject_1 = require("../ResizeObserver/getResizeObserverObject");
-const RO = getResizeObserverObject_1.getResizeObserverObject();
+const RO = (0, getResizeObserverObject_1.getResizeObserverObject)();
 const NotifyResize = (props) => {
     const domRef = React.useRef(null);
     React.useEffect(() => {

package/src/components/OverlayTrigger/Overlay.js

@@ -9,7 +9,7 @@ const usePrevious_1 = tslib_1.__importDefault(require("../utils/usePrevious"));
 const isEqual_1 = tslib_1.__importDefault(require("lodash/isEqual"));
 const utils_1 = require("./utils");
 const useRefresh = () => {
-    const [x, update] = react_1.useState(0);
+    const [x, update] = (0, react_1.useState)(0);
     return () => {
         update(x + 1);
     };
@@ -22,33 +22,33 @@ const translateToValues = (x) => x
     .map((s) => s.trim());
 const Overlay = React.forwardRef((props, ref) => {
     const { visible, getConstrainRect, anchor, position } = props, domProps = tslib_1.__rest(props, ["visible", "getConstrainRect", "anchor", "position"]);
-    const domRef = react_1.useRef(null);
+    const domRef = (0, react_1.useRef)(null);
     const setRef = (node) => {
         domRef.current = node;
         if (ref && typeof ref === 'function') {
             ref(node);
         }
     };
-    const [opacity, setOpacity] = react_1.useState(0);
-    const transitionInProgressRef = react_1.useRef(false);
-    const prevVisible = usePrevious_1.default(visible, visible);
-    const prevOpacity = usePrevious_1.default(opacity, opacity);
-    const refresh = exports.useRefresh();
-    react_1.useEffect(() => {
-        batchUpdate_1.default(() => {
+    const [opacity, setOpacity] = (0, react_1.useState)(0);
+    const transitionInProgressRef = (0, react_1.useRef)(false);
+    const prevVisible = (0, usePrevious_1.default)(visible, visible);
+    const prevOpacity = (0, usePrevious_1.default)(opacity, opacity);
+    const refresh = (0, exports.useRefresh)();
+    (0, react_1.useEffect)(() => {
+        (0, batchUpdate_1.default)(() => {
             transitionInProgressRef.current = true;
             setOpacity(props.visible ? 1 : 0);
         }).commit();
     }, [visible]);
-    react_1.useLayoutEffect(() => {
+    (0, react_1.useLayoutEffect)(() => {
         if (!visible) {
             return;
         }
         const constrainRect = getConstrainRect();
         const domNode = domRef.current;
-        const thisRect = utils_1.getRect(domNode);
-        const intersection = utils_1.getIntersection(constrainRect, thisRect);
-        if (!isEqual_1.default(intersection, thisRect)) {
+        const thisRect = (0, utils_1.getRect)(domNode);
+        const intersection = (0, utils_1.getIntersection)(constrainRect, thisRect);
+        if (!(0, isEqual_1.default)(intersection, thisRect)) {
             const transform = props.style
                 ? props.style.transform || 'translate3d(0px, 0px, 0px)'
                 : 'translate3d(0px, 0px, 0px)';
@@ -80,9 +80,9 @@ const Overlay = React.forwardRef((props, ref) => {
         refresh();
     };
     const renderTime = Date.now();
-    const renderTimeRef = react_1.useRef(renderTime);
+    const renderTimeRef = (0, react_1.useRef)(renderTime);
     renderTimeRef.current = renderTime;
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         let timeoutId;
         if (prevOpacity && !opacity) {
             timeoutId = setTimeout(() => {

package/src/components/OverlayTrigger/getOverlayStyle.js

@@ -9,7 +9,7 @@ const getWindowSize = () => ({
 });
 const getOverlayStyle = ({ targetRect, constrainRect, anchor, targetOffset, alignHorizontal, }) => {
     alignHorizontal = alignHorizontal || 'center';
-    const sizeInfo = getAvailableSizeInfo_1.default({ targetRect, constrainRect });
+    const sizeInfo = (0, getAvailableSizeInfo_1.default)({ targetRect, constrainRect });
     const overlayStyle = {
         maxWidth: sizeInfo.maxWidth,
         maxHeight: sizeInfo.maxHeight,

package/src/components/OverlayTrigger/index.js

@@ -21,20 +21,20 @@ const UIHelper_1 = require("../../View/UIHelper");
 const getConstrainRect = (target, constrainTo) => {
     let el = null;
     if (typeof constrainTo === 'string') {
-        el = selectParent_1.default(constrainTo, target);
+        el = (0, selectParent_1.default)(constrainTo, target);
     }
     if (typeof constrainTo === 'function') {
         el = constrainTo(target);
     }
     if (el && el.tagName) {
-        return utils_1.getRect(el);
+        return (0, utils_1.getRect)(el);
     }
-    return utils_1.getDocRect();
+    return (0, utils_1.getDocRect)();
 };
 exports.getConstrainRect = getConstrainRect;
 let portalElement;
 const ensurePortalElement = () => {
-    if (!UIHelper_1.isBrowserDocumentAvailable()) {
+    if (!(0, UIHelper_1.isBrowserDocumentAvailable)()) {
         return;
     }
     if (portalElement) {
@@ -45,11 +45,11 @@ const ensurePortalElement = () => {
 };
 const OverlayTrigger = React.forwardRef((props, ref) => {
     let { visible: _, showTriangle, showEvent, hideEvent, render, targetOffset, preventPortalEventPropagation = false, defaultZIndex, anchor, hideDelay = 0, opacityTransitionDuration, onVisibleChange, alignHorizontal, constrainTo, target: targetProp } = props, domProps = tslib_1.__rest(props, ["visible", "showTriangle", "showEvent", "hideEvent", "render", "targetOffset", "preventPortalEventPropagation", "defaultZIndex", "anchor", "hideDelay", "opacityTransitionDuration", "onVisibleChange", "alignHorizontal", "constrainTo", "target"]);
-    const domRef = react_1.useRef(null);
-    const targetRef = react_1.useRef(null);
-    const overlayRef = react_1.useRef(null);
-    const [visible, doSetVisible] = useProperty_1.default(props, 'visible', false);
-    const hideTimeoutRef = react_1.useRef(null);
+    const domRef = (0, react_1.useRef)(null);
+    const targetRef = (0, react_1.useRef)(null);
+    const overlayRef = (0, react_1.useRef)(null);
+    const [visible, doSetVisible] = (0, useProperty_1.default)(props, 'visible', false);
+    const hideTimeoutRef = (0, react_1.useRef)(null);
     const setVisible = React.useCallback((visible) => {
         if (!visible) {
             hideTimeoutRef.current = setTimeout(() => {
@@ -64,25 +64,25 @@ const OverlayTrigger = React.forwardRef((props, ref) => {
         }
         doSetVisible(true);
     }, []);
-    const [targetRect, setTargetRect] = react_1.useState(null);
-    const [sizeInfo, setSizeInfo] = react_1.useState(null);
-    const prevVisible = usePrevious_1.default(visible, false);
+    const [targetRect, setTargetRect] = (0, react_1.useState)(null);
+    const [sizeInfo, setSizeInfo] = (0, react_1.useState)(null);
+    const prevVisible = (0, usePrevious_1.default)(visible, false);
     ensurePortalElement();
     const onShow = React.useCallback((event) => {
         const target = targetRef.current;
-        if (event && preventPortalEventPropagation && !contains_1.default(target, event.target)) {
+        if (event && preventPortalEventPropagation && !(0, contains_1.default)(target, event.target)) {
             // because of how React portals behave - see https://github.com/facebook/react/issues/11387
             // after the portal is rendered, even though an item is in a separate dom parent, if it's in the portal,
             // events from it are propagated to the components in the portal and thus break some stuff
             return;
         }
-        batchUpdate_1.default(() => {
+        (0, batchUpdate_1.default)(() => {
             setVisible(true);
             const target = targetRef.current;
             const targetRect = target.getBoundingClientRect();
-            const sizeInfo = getAvailableSizeInfo_1.default({
+            const sizeInfo = (0, getAvailableSizeInfo_1.default)({
                 targetRect,
-                constrainRect: exports.getConstrainRect(target, constrainTo),
+                constrainRect: (0, exports.getConstrainRect)(target, constrainTo),
             });
             setTargetRect(targetRect);
             setSizeInfo(sizeInfo);
@@ -91,7 +91,7 @@ const OverlayTrigger = React.forwardRef((props, ref) => {
     const onHide = React.useCallback((_event) => {
         setVisible(false);
     }, [setVisible]);
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (ref) {
             const api = {
                 show: onShow,
@@ -105,13 +105,13 @@ const OverlayTrigger = React.forwardRef((props, ref) => {
             }
         }
     }, [ref]);
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         let target = domRef.current.previousSibling;
         if (targetProp) {
             target = targetProp(target);
         }
         if (!target) {
-            LoggingHelper_1.LogAdaptableWarning('No OverlayTrigger target - make sure you render a child inside the OverlayTrigger, which will be the overlay target');
+            (0, LoggingHelper_1.LogAdaptableWarning)('No OverlayTrigger target - make sure you render a child inside the OverlayTrigger, which will be the overlay target');
             return;
         }
         targetRef.current = target;
@@ -134,7 +134,7 @@ const OverlayTrigger = React.forwardRef((props, ref) => {
         };
     }, [props.visible, showEvent, hideEvent, onShow, onHide]);
     let overlay;
-    const agGridClassName = useAgGridClassName_1.default([visible]);
+    const agGridClassName = (0, useAgGridClassName_1.default)([visible]);
     if (targetRect) {
         const overlayTarget = targetRef.current;
         alignHorizontal =
@@ -142,8 +142,8 @@ const OverlayTrigger = React.forwardRef((props, ref) => {
                 getComputedStyle(overlayTarget)
                     .getPropertyValue('--ab-overlay-horizontal-align')
                     .trim();
-        let overlayStyle = getOverlayStyle_1.default({
-            constrainRect: exports.getConstrainRect(overlayTarget, constrainTo),
+        let overlayStyle = (0, getOverlayStyle_1.default)({
+            constrainRect: (0, exports.getConstrainRect)(overlayTarget, constrainTo),
             targetRect,
             targetOffset,
             anchor,
@@ -154,7 +154,7 @@ const OverlayTrigger = React.forwardRef((props, ref) => {
         overlayStyle.zIndex = defaultZIndex;
         overlayStyle = Object.assign(Object.assign({}, overlayStyle), props.style);
         const position = anchor === 'vertical' ? sizeInfo.verticalPosition : sizeInfo.horizontalPosition;
-        overlay = react_dom_1.createPortal(React.createElement(Overlay_1.default, Object.assign({}, domProps, { ref: (node) => {
+        overlay = (0, react_dom_1.createPortal)(React.createElement(Overlay_1.default, Object.assign({}, domProps, { ref: (node) => {
                 if (overlayRef.current && overlayRef.current != node) {
                     overlayRef.current.removeEventListener(showEvent, onShow);
                     overlayRef.current.removeEventListener(hideEvent, onHide);
@@ -164,7 +164,7 @@ const OverlayTrigger = React.forwardRef((props, ref) => {
                     node.addEventListener(showEvent, onShow);
                     node.addEventListener(hideEvent, onHide);
                 }
-            }, className: join_1.default('ab-Overlay', `ab-Overlay--position-${position}`, showTriangle ? 'ab-Overlay--show-triangle' : '', agGridClassName, domProps.className), visible: visible, style: overlayStyle, anchor: anchor, position: position, getConstrainRect: () => exports.getConstrainRect(targetRef.current) }), props.render()), portalElement);
+            }, className: (0, join_1.default)('ab-Overlay', `ab-Overlay--position-${position}`, showTriangle ? 'ab-Overlay--show-triangle' : '', agGridClassName, domProps.className), visible: visible, style: overlayStyle, anchor: anchor, position: position, getConstrainRect: () => (0, exports.getConstrainRect)(targetRef.current) }), props.render()), portalElement);
     }
     return (React.createElement(React.Fragment, null,
         props.children,

package/src/components/OverlayTrigger/useAgGridClassName.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 const AdaptableContext_1 = require("../../View/AdaptableContext");
 const useAgGridClassName = (deps = []) => {
-    const adaptable = AdaptableContext_1.useAdaptable();
-    return react_1.useMemo(() => {
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    return (0, react_1.useMemo)(() => {
         if (adaptable) {
             return adaptable.getAgGridCurrentThemeName();
         }

package/src/components/Panel/index.js

@@ -12,7 +12,7 @@ const Header = (_a) => {
         return null;
     }
     const style = {};
-    return (React.createElement(rebass_1.Flex, Object.assign({ flexDirection: "row", alignItems: "center" }, headerProps, { style: Object.assign(Object.assign({}, style), headerProps.style), className: join_1.default(`${exports.baseClassName}__header`, `${exports.baseClassName}__header--variant-${variant}`) }), children));
+    return (React.createElement(rebass_1.Flex, Object.assign({ flexDirection: "row", alignItems: "center" }, headerProps, { style: Object.assign(Object.assign({}, style), headerProps.style), className: (0, join_1.default)(`${exports.baseClassName}__header`, `${exports.baseClassName}__header--variant-${variant}`) }), children));
 };
 const Body = (_a) => {
     var { children, bodyScroll, variant } = _a, bodyProps = tslib_1.__rest(_a, ["children", "bodyScroll", "variant"]);
@@ -22,7 +22,7 @@ const Body = (_a) => {
     if (bodyScroll === true) {
         bodyScroll = 'auto';
     }
-    return (React.createElement(rebass_1.Box, Object.assign({}, bodyProps, { className: join_1.default(`${exports.baseClassName}__body`, variant && `${exports.baseClassName}__body--variant-${variant}`, bodyScroll ? `${exports.baseClassName}__body--scroll-${bodyScroll}` : null) }), children));
+    return (React.createElement(rebass_1.Box, Object.assign({}, bodyProps, { className: (0, join_1.default)(`${exports.baseClassName}__body`, variant && `${exports.baseClassName}__body--variant-${variant}`, bodyScroll ? `${exports.baseClassName}__body--scroll-${bodyScroll}` : null) }), children));
 };
 const Panel = (props) => {
     const { borderRadius, border, className, header, children, headerProps, bodyProps, bodyScroll, variant = 'default' } = props, boxProps = tslib_1.__rest(props, ["borderRadius", "border", "className", "header", "children", "headerProps", "bodyProps", "bodyScroll", "variant"]);
@@ -33,7 +33,7 @@ const Panel = (props) => {
     }
     const headerStyle = Object.assign({ border }, (headerProps ? headerProps.style : null));
     const bodyStyle = Object.assign({ border }, (bodyProps ? bodyProps.style : null));
-    return (React.createElement(rebass_1.Box, Object.assign({}, boxProps, { style: Object.assign(Object.assign({}, style), boxProps.style), className: join_1.default(className, exports.baseClassName, `${exports.baseClassName}--variant-${variant}`, !header ? `${exports.baseClassName}--no-header` : `${exports.baseClassName}--with-header`) }),
+    return (React.createElement(rebass_1.Box, Object.assign({}, boxProps, { style: Object.assign(Object.assign({}, style), boxProps.style), className: (0, join_1.default)(className, exports.baseClassName, `${exports.baseClassName}--variant-${variant}`, !header ? `${exports.baseClassName}--no-header` : `${exports.baseClassName}--with-header`) }),
         React.createElement(Header, Object.assign({}, headerProps, { style: headerStyle, variant: variant }), header),
         React.createElement(Body, Object.assign({}, bodyProps, { style: bodyStyle, bodyScroll: bodyScroll, variant: variant }), children)));
 };