@adaptabletools/adaptable 17.0.0-canary.4 → 17.0.0-canary.6

package/src/components/HelpBlock/index.js

@@ -1,8 +1,12 @@
-import * as React from 'react';
-import { Box } from 'rebass';
-import join from '../utils/join';
-export const baseClassName = 'ab-HelpBlock';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.baseClassName = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const rebass_1 = require("rebass");
+const join_1 = tslib_1.__importDefault(require("../utils/join"));
+exports.baseClassName = 'ab-HelpBlock';
 const HelpBlock = (props) => {
-    return React.createElement(Box, Object.assign({}, props, { className: join(props.className, baseClassName) }));
+    return React.createElement(rebass_1.Box, Object.assign({}, props, { className: (0, join_1.default)(props.className, exports.baseClassName) }));
 };
-export default HelpBlock;
+exports.default = HelpBlock;

package/src/components/Icon/index.js

@@ -1,20 +1,24 @@
-import * as React from 'react';
-import { allIcons, Icon } from '../icons';
-import join from '../utils/join';
-import { useEffect, useRef } from 'react';
-export const IconComponent = (props) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isAdaptableIcon = exports.isAdaptableElementIcon = exports.isAdaptableCustomIcon = exports.isAdaptableSystemIcon = exports.IconComponent = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const icons_1 = require("../icons");
+const join_1 = tslib_1.__importDefault(require("../utils/join"));
+const react_1 = require("react");
+const IconComponent = (props) => {
     var _a, _b, _c, _d, _e;
     const { icon, iconClassName } = props;
     if (!icon) {
         return null;
     }
-    const className = !isAdaptableElementIcon(icon)
-        ? join(icon.className, iconClassName)
+    const className = !(0, exports.isAdaptableElementIcon)(icon)
+        ? (0, join_1.default)(icon.className, iconClassName)
         : iconClassName;
-    const divRef = useRef(null);
-    useEffect(() => {
+    const divRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
         let htmlElement;
-        if (isAdaptableElementIcon(icon)) {
+        if ((0, exports.isAdaptableElementIcon)(icon)) {
             if (typeof icon.element === 'string') {
                 const domParser = new DOMParser();
                 htmlElement = domParser.parseFromString(icon.element, 'text/html').body
@@ -29,36 +33,41 @@ export const IconComponent = (props) => {
             divRef.current.insertAdjacentElement('afterend', htmlElement);
         }
         return () => {
-            if (isAdaptableElementIcon(icon)) {
+            if ((0, exports.isAdaptableElementIcon)(icon)) {
                 htmlElement === null || htmlElement === void 0 ? void 0 : htmlElement.remove();
             }
         };
     }, [icon]);
-    if (isAdaptableSystemIcon(icon) && icon.name in allIcons) {
-        return (React.createElement(Icon, { name: icon.name, size: icon.size, style: icon.style, className: className }));
+    if ((0, exports.isAdaptableSystemIcon)(icon) && icon.name in icons_1.allIcons) {
+        return (React.createElement(icons_1.Icon, { name: icon.name, size: icon.size, style: icon.style, className: className }));
     }
-    if (isAdaptableCustomIcon(icon)) {
+    if ((0, exports.isAdaptableCustomIcon)(icon)) {
         let width = (_b = (_a = icon.style) === null || _a === void 0 ? void 0 : _a.width) !== null && _b !== void 0 ? _b : 'var(--ab-cmp-icon__width)';
         let height = (_d = (_c = icon.style) === null || _c === void 0 ? void 0 : _c.height) !== null && _d !== void 0 ? _d : 'var(--ab-cmp-icon__height)';
         const iconStyle = (_e = icon.style) !== null && _e !== void 0 ? _e : {};
         return React.createElement("img", { src: icon.src, className: className, style: Object.assign({ height, width }, iconStyle) });
     }
-    if (isAdaptableElementIcon(icon)) {
+    if ((0, exports.isAdaptableElementIcon)(icon)) {
         return (React.createElement("span", { ref: divRef, style: { display: 'none' }, "data-name": "adaptable-icon-placeholder" }));
     }
     return null;
 };
-export const isAdaptableSystemIcon = (icon) => {
+exports.IconComponent = IconComponent;
+const isAdaptableSystemIcon = (icon) => {
     return typeof (icon === null || icon === void 0 ? void 0 : icon.name) === 'string';
 };
-export const isAdaptableCustomIcon = (icon) => {
+exports.isAdaptableSystemIcon = isAdaptableSystemIcon;
+const isAdaptableCustomIcon = (icon) => {
     return typeof (icon === null || icon === void 0 ? void 0 : icon.src) === 'string';
 };
-export const isAdaptableElementIcon = (icon) => {
+exports.isAdaptableCustomIcon = isAdaptableCustomIcon;
+const isAdaptableElementIcon = (icon) => {
     return ((typeof HTMLElement === 'function' &&
         (icon === null || icon === void 0 ? void 0 : icon.element) instanceof HTMLElement) ||
         typeof (icon === null || icon === void 0 ? void 0 : icon.element) === 'string');
 };
-export const isAdaptableIcon = (icon) => {
-    return isAdaptableSystemIcon(icon) || isAdaptableCustomIcon(icon) || isAdaptableElementIcon(icon);
+exports.isAdaptableElementIcon = isAdaptableElementIcon;
+const isAdaptableIcon = (icon) => {
+    return (0, exports.isAdaptableSystemIcon)(icon) || (0, exports.isAdaptableCustomIcon)(icon) || (0, exports.isAdaptableElementIcon)(icon);
 };
+exports.isAdaptableIcon = isAdaptableIcon;

package/src/components/IconSelector/IconSelector.js

@@ -1,53 +1,58 @@
-import React from 'react';
-import { Box, Flex } from 'rebass';
-import AdaptableInput from '../../View/Components/AdaptableInput';
-import { IconComponent } from '../Icon';
-import { allIcons, Icon } from '../icons';
-import OverlayTrigger from '../OverlayTrigger';
-import SimpleButton from '../SimpleButton';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconSelector = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const rebass_1 = require("rebass");
+const AdaptableInput_1 = tslib_1.__importDefault(require("../../View/Components/AdaptableInput"));
+const Icon_1 = require("../Icon");
+const icons_1 = require("../icons");
+const OverlayTrigger_1 = tslib_1.__importDefault(require("../OverlayTrigger"));
+const SimpleButton_1 = tslib_1.__importDefault(require("../SimpleButton"));
 const IconButton = (props) => {
-    return (React.createElement(SimpleButton, { onClick: () => props.onClick(), p: 2, variant: props.active ? 'raised' : 'text', tone: props.active ? 'accent' : 'none', icon: props.icon }, props.children));
+    return (react_1.default.createElement(SimpleButton_1.default, { onClick: () => props.onClick(), p: 2, variant: props.active ? 'raised' : 'text', tone: props.active ? 'accent' : 'none', icon: props.icon }, props.children));
 };
-export const IconSelector = (props) => {
+const IconSelector = (props) => {
     var _a, _b, _c;
-    const [query, setQuery] = React.useState('');
-    const allIconsNames = Object.keys(allIcons);
+    const [query, setQuery] = react_1.default.useState('');
+    const allIconsNames = Object.keys(icons_1.allIcons);
     const filteredIcons = query
         ? allIconsNames.filter((iconName) => {
             return iconName.toLowerCase().includes(query.toLowerCase());
         })
         : allIconsNames;
     const iconsElements = filteredIcons.map((iconName) => {
-        return (React.createElement(Flex, { key: iconName },
-            React.createElement(IconButton, { onClick: () => props.onChange(iconName), active: iconName === props.value, icon: iconName })));
+        return (react_1.default.createElement(rebass_1.Flex, { key: iconName },
+            react_1.default.createElement(IconButton, { onClick: () => props.onChange(iconName), active: iconName === props.value, icon: iconName })));
     });
     const customIconsElements = (_a = props.customIcons) === null || _a === void 0 ? void 0 : _a.map((def) => {
-        return (React.createElement(IconButton, { key: def.name, active: false, onClick: () => props.onChange(def.name) },
-            React.createElement(IconComponent, { key: def.name, icon: def.icon })));
+        return (react_1.default.createElement(IconButton, { key: def.name, active: false, onClick: () => props.onChange(def.name) },
+            react_1.default.createElement(Icon_1.IconComponent, { key: def.name, icon: def.icon })));
     });
-    const popup = (React.createElement(Box, { className: "ab-IconSelector__Popup" },
-        React.createElement(Box, { mb: 2 },
-            React.createElement(Box, { mb: 2, fontSize: 4 }, "Select an Icon"),
-            React.createElement(AdaptableInput, { value: query, onChange: (event) => { var _a; return setQuery((_a = event.target.value) !== null && _a !== void 0 ? _a : ''); }, width: "100%" })),
-        React.createElement(Flex, { p: 2, style: { width: 300, maxHeight: 300, overflow: 'auto' }, flexWrap: "wrap" },
+    const popup = (react_1.default.createElement(rebass_1.Box, { className: "ab-IconSelector__Popup" },
+        react_1.default.createElement(rebass_1.Box, { mb: 2 },
+            react_1.default.createElement(rebass_1.Box, { mb: 2, fontSize: 4 }, "Select an Icon"),
+            react_1.default.createElement(AdaptableInput_1.default, { value: query, onChange: (event) => { var _a; return setQuery((_a = event.target.value) !== null && _a !== void 0 ? _a : ''); }, width: "100%" })),
+        react_1.default.createElement(rebass_1.Flex, { p: 2, style: { width: 300, maxHeight: 300, overflow: 'auto' }, flexWrap: "wrap" },
             iconsElements,
             " ",
             customIconsElements)));
     let value = 'No Icon Selected';
-    if (props.value in allIcons) {
-        value = (React.createElement(Icon, { style: { display: 'inline-block' }, name: props.value }));
+    if (props.value in icons_1.allIcons) {
+        value = (react_1.default.createElement(icons_1.Icon, { style: { display: 'inline-block' }, name: props.value }));
     }
     else {
         const icon = (_b = props.customIcons) === null || _b === void 0 ? void 0 : _b.find((def) => def.name === props.value);
         if (icon)
-            value = React.createElement(IconComponent, { icon: icon.icon });
+            value = react_1.default.createElement(Icon_1.IconComponent, { icon: icon.icon });
     }
-    return (React.createElement(Flex, { className: "ab-IconSelector" },
-        React.createElement(OverlayTrigger, { preventPortalEventPropagation: false, render: () => popup, showEvent: "mouseenter", hideEvent: "mouseleave", hideDelay: 300 },
-            React.createElement(SimpleButton, { className: "ab-IconSelector__trigger", textAlign: "center", onClick: () => null, variant: "raised", width: 150, justifyContent: "center" }, value)),
-        ((_c = props.clearable) !== null && _c !== void 0 ? _c : true) && (React.createElement(SimpleButton, { disabled: !props.value, className: "ab-IconSelector__clear-button", ml: 2, onClick: (event) => {
+    return (react_1.default.createElement(rebass_1.Flex, { className: "ab-IconSelector" },
+        react_1.default.createElement(OverlayTrigger_1.default, { preventPortalEventPropagation: false, render: () => popup, showEvent: "mouseenter", hideEvent: "mouseleave", hideDelay: 300 },
+            react_1.default.createElement(SimpleButton_1.default, { className: "ab-IconSelector__trigger", textAlign: "center", onClick: () => null, variant: "raised", width: 150, justifyContent: "center" }, value)),
+        ((_c = props.clearable) !== null && _c !== void 0 ? _c : true) && (react_1.default.createElement(SimpleButton_1.default, { disabled: !props.value, className: "ab-IconSelector__clear-button", ml: 2, onClick: (event) => {
                 event.stopPropagation();
                 event.preventDefault();
                 props.onChange('');
             }, variant: "text", icon: "close" }))));
 };
+exports.IconSelector = IconSelector;

package/src/components/IconSelector/index.js

@@ -1 +1,4 @@
-export * from './IconSelector';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./IconSelector"), exports);

package/src/components/InfiniteTable/index.js

@@ -1,10 +1,14 @@
-import { InfiniteTable } from '@infinite-table/infinite-react';
-export * from '@infinite-table/infinite-react';
-import env from '../../env';
-const defaultProps = InfiniteTable.defaultProps;
-defaultProps.licenseKey = env.INFINITE_TABLE_LICENSE_KEY;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InfiniteTable = void 0;
+const tslib_1 = require("tslib");
+const infinite_react_1 = require("@infinite-table/infinite-react");
+Object.defineProperty(exports, "InfiniteTable", { enumerable: true, get: function () { return infinite_react_1.InfiniteTable; } });
+tslib_1.__exportStar(require("@infinite-table/infinite-react"), exports);
+const env_1 = tslib_1.__importDefault(require("../../env"));
+const defaultProps = infinite_react_1.InfiniteTable.defaultProps;
+defaultProps.licenseKey = env_1.default.INFINITE_TABLE_LICENSE_KEY;
 defaultProps.sortable = false;
 defaultProps.rowHeight = '--ab-grid-row-height';
 defaultProps.draggableColumns = false;
 defaultProps.keyboardNavigation = false;
-export { InfiniteTable };

package/src/components/Input/NumberInput.js

@@ -1,10 +1,14 @@
-import * as React from 'react';
-import Input from './index';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NumberInput = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const index_1 = tslib_1.__importDefault(require("./index"));
 /**
  * This component allows - and empty values as intermediery values
  * it calls change only with valid numeric values
  */
-export const NumberInput = (props) => {
+const NumberInput = (props) => {
     const [value, setValue] = React.useState(() => {
         var _a;
         // awlays controlled
@@ -37,5 +41,6 @@ export const NumberInput = (props) => {
             setValue(props.value);
         }
     }, [props.value, value]);
-    return React.createElement(Input, Object.assign({}, props, { value: value, onBlur: handleBlur, onChange: handleChange }));
+    return React.createElement(index_1.default, Object.assign({}, props, { value: value, onBlur: handleBlur, onChange: handleChange }));
 };
+exports.NumberInput = NumberInput;

package/src/components/Input/index.js

@@ -1,10 +1,13 @@
-import { __rest } from "tslib";
-import * as React from 'react';
-import { Box } from 'rebass';
-import join from '../utils/join';
-export const baseClassName = 'ab-Input';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.baseClassName = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const rebass_1 = require("rebass");
+const join_1 = tslib_1.__importDefault(require("../utils/join"));
+exports.baseClassName = 'ab-Input';
 const Input = React.forwardRef((props, ref) => {
-    const { disabled, className } = props, inputProps = __rest(props, ["disabled", "className"]);
+    const { disabled, className } = props, inputProps = tslib_1.__rest(props, ["disabled", "className"]);
     let type = 'text';
     if (inputProps && inputProps.type) {
         type = inputProps.type;
@@ -12,6 +15,6 @@ const Input = React.forwardRef((props, ref) => {
     if (type === 'string') {
         type = 'text';
     }
-    return (React.createElement(Box, Object.assign({ as: "input", ref: ref }, inputProps, { type: type, disabled: disabled, className: join(className, baseClassName, type ? `${baseClassName}--type-${type}` : '', disabled ? `${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` : '') })));
 });
-export default Input;
+exports.default = Input;

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

@@ -1,6 +1,9 @@
-import * as React from 'react';
-import { DataSource, InfiniteTable } from '../../../components/InfiniteTable';
-import join from '../../utils/join';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const InfiniteTable_1 = require("../../../components/InfiniteTable");
+const join_1 = tslib_1.__importDefault(require("../../utils/join"));
 const baseClassName = 'ab-GridList';
 const columnsMap = new Map([
     ['item', { field: 'item', header: null, defaultFlex: 1 }],
@@ -13,12 +16,12 @@ const GridList = (props) => {
             id: index,
         };
     }).filter((data) => !!data.item);
-    return (React.createElement(DataSource, { data: data, primaryKey: "id" },
-        React.createElement(InfiniteTable, { header: false, showZebraRows: props.showZebraRows, rowHeight: (_a = props.rowHeight) !== null && _a !== void 0 ? _a : '--ab-grid-row-height', domProps: {
-                className: join(baseClassName, props.className),
+    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: (0, join_1.default)(baseClassName, props.className),
                 style: {
                     minHeight: '15rem',
                 },
             }, columns: columnsMap })));
 };
-export default GridList;
+exports.default = GridList;

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

@@ -1,10 +1,12 @@
-import { __rest } from "tslib";
-import * as React from 'react';
-import join from '../../utils/join';
-import { Box } from 'rebass';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const join_1 = tslib_1.__importDefault(require("../../utils/join"));
+const rebass_1 = require("rebass");
 const baseClassName = 'ab-ListGroup';
 const ListGroup = (props) => {
-    const { className } = props, domProps = __rest(props, ["className"]);
-    return React.createElement(Box, Object.assign({}, domProps, { className: join(className, baseClassName) }));
+    const { className } = props, domProps = tslib_1.__rest(props, ["className"]);
+    return React.createElement(rebass_1.Box, Object.assign({}, domProps, { className: (0, join_1.default)(className, baseClassName) }));
 };
-export default ListGroup;
+exports.default = ListGroup;

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

@@ -1,17 +1,19 @@
-import { __rest } from "tslib";
-import * as React from 'react';
-import join from '../../utils/join';
-import { useSelectionEvent } from '../../SelectableList';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const join_1 = tslib_1.__importDefault(require("../../utils/join"));
+const SelectableList_1 = require("../../SelectableList");
 const baseClassName = 'ab-ListGroupItem';
 const ListGroupItem = React.forwardRef((props, ref) => {
-    const { className, active, factory: Tag = 'button', noZebra } = props, domProps = __rest(props, ["className", "active", "factory", "noZebra"]);
-    const onSelectionClick = useSelectionEvent();
+    const { className, active, factory: Tag = 'button', noZebra } = props, domProps = tslib_1.__rest(props, ["className", "active", "factory", "noZebra"]);
+    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(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;
 });
-export default ListGroupItem;
+exports.default = ListGroupItem;

package/src/components/Loader/Loader.js

@@ -1,9 +1,15 @@
-import * as React from 'react';
-export const LoaderSpinner = (props) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Loader = exports.LoaderSpinner = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const LoaderSpinner = (props) => {
     return React.createElement("div", { style: props.style, className: "ab-Loader__Spinner" });
 };
-export const Loader = (props) => {
+exports.LoaderSpinner = LoaderSpinner;
+const Loader = (props) => {
     return (React.createElement("div", { style: props.style, className: "ab-Loader" },
-        React.createElement(LoaderSpinner, null),
+        React.createElement(exports.LoaderSpinner, null),
         React.createElement("span", { className: "ab-Loader__text" }, props.children)));
 };
+exports.Loader = Loader;

package/src/components/Loader/index.js

@@ -1,2 +1,7 @@
-export { Loader } from './Loader';
-export { LoaderSpinner } from './Loader';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoaderSpinner = exports.Loader = void 0;
+var Loader_1 = require("./Loader");
+Object.defineProperty(exports, "Loader", { enumerable: true, get: function () { return Loader_1.Loader; } });
+var Loader_2 = require("./Loader");
+Object.defineProperty(exports, "LoaderSpinner", { enumerable: true, get: function () { return Loader_2.LoaderSpinner; } });

package/src/components/Logo/index.js

@@ -1,5 +1,9 @@
-import * as React from 'react';
-export const Logo = (props) => (React.createElement("svg", Object.assign({ width: "45", height: "45", viewBox: "0 0 45 45", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Logo = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const Logo = (props) => (React.createElement("svg", Object.assign({ width: "45", height: "45", viewBox: "0 0 45 45", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     React.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H12.6699V12.6H0V8Z", fill: "#004C79" }),
     React.createElement("path", { d: "M16.165 0H36.9999C41.4182 0 45 3.58172 45 8V12.6H16.165V0Z", fill: "#004C79" }),
     React.createElement("path", { d: "M0 32.4H28.8349V45H8C3.58173 45 0 41.4183 0 37V32.4Z", fill: "#004C79" }),
@@ -7,3 +11,4 @@ export const Logo = (props) => (React.createElement("svg", Object.assign({ width
     React.createElement("rect", { x: "32.3301", y: "16.2001", width: "12.6699", height: "12.6", fill: "#004C79" }),
     React.createElement("rect", { x: "16.165", y: "16.2001", width: "12.6699", height: "12.6", fill: "#00CAF2" }),
     React.createElement("rect", { y: "16.2001", width: "12.6699", height: "12.6", fill: "#004C79" })));
+exports.Logo = Logo;

package/src/components/Modal/Backdrop.js

@@ -1,17 +1,21 @@
-import * as React from 'react';
-import { unstable_batchedUpdates } from 'react-dom';
-import { useState, useLayoutEffect } from 'react';
-export const baseClassName = 'ab-Modal';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updatePositionInStack = exports.baseClassName = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_dom_1 = require("react-dom");
+const react_1 = require("react");
+exports.baseClassName = 'ab-Modal';
 const Backdrop = (props) => {
     const { uuid, timestamp } = props;
     const [backdropVisible, setBackdropVisible] = React.useState(false);
-    const [zIndex, setZIndex] = useState(-1);
-    useLayoutEffect(() => {
-        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) => {
-                unstable_batchedUpdates(() => {
+                (0, react_dom_1.unstable_batchedUpdates)(() => {
                     setBackdropVisible(visible);
                     setZIndex(zIndex);
                     if (visible && props.onBringToFront) {
@@ -20,12 +24,12 @@ const Backdrop = (props) => {
                 });
             },
         });
-        return () => updatePositionInStack(uuid, null);
+        return () => (0, exports.updatePositionInStack)(uuid, null);
     }, []);
-    return backdropVisible ? (React.createElement("div", { "data-id": uuid, style: { zIndex }, className: `${baseClassName}-backdrop` })) : null;
+    return backdropVisible ? (React.createElement("div", { "data-id": uuid, style: { zIndex }, className: `${exports.baseClassName}-backdrop` })) : null;
 };
 const stack = {};
-export const updatePositionInStack = (id, data) => {
+const updatePositionInStack = (id, data) => {
     stack[id] = data;
     if (!data) {
         delete stack[id];
@@ -44,4 +48,5 @@ export const updatePositionInStack = (id, data) => {
         last.setBackdropOrder(true, last.baseZIndex);
     }
 };
-export default Backdrop;
+exports.updatePositionInStack = updatePositionInStack;
+exports.default = Backdrop;

package/src/components/Modal/index.js

@@ -1,16 +1,19 @@
-import { __rest } from "tslib";
-import * as React from 'react';
-import { createPortal } from 'react-dom';
-import { useMemo } from 'react';
-import join from '../utils/join';
-import { RemoveScroll } from 'react-remove-scroll';
-import { Flex } from 'rebass';
-import { baseClassName, default as Backdrop } from './Backdrop';
-import { createUuid } from '../utils/uuid';
-import { isBrowserDocumentAvailable } from '../../View/UIHelper';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Modal = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_dom_1 = require("react-dom");
+const react_1 = require("react");
+const join_1 = tslib_1.__importDefault(require("../utils/join"));
+const react_remove_scroll_1 = require("react-remove-scroll");
+const rebass_1 = require("rebass");
+const Backdrop_1 = tslib_1.__importStar(require("./Backdrop"));
+const uuid_1 = require("../utils/uuid");
+const UIHelper_1 = require("../../View/UIHelper");
 let portalElement;
 const ensurePortalElement = () => {
-    if (!isBrowserDocumentAvailable()) {
+    if (!(0, UIHelper_1.isBrowserDocumentAvailable)()) {
         return;
     }
     if (portalElement) {
@@ -20,16 +23,17 @@ const ensurePortalElement = () => {
     document.body.appendChild(portalElement);
 };
 let globalCounter = 0;
-export const Modal = (props) => {
+const Modal = (props) => {
     ensurePortalElement();
-    const { className, style, children, isOpen, onBringToFront } = props, boxProps = __rest(props, ["className", "style", "children", "isOpen", "onBringToFront"]);
-    const uuid = useMemo(() => createUuid(), []);
-    const counter = useMemo(() => globalCounter++, [isOpen]);
+    const { className, style, children, isOpen, onBringToFront } = props, boxProps = tslib_1.__rest(props, ["className", "style", "children", "isOpen", "onBringToFront"]);
+    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 createPortal(isOpen ? (React.createElement(React.Fragment, null,
-        React.createElement(Backdrop, { timestamp: openTimestamp, uuid: uuid, zIndex: zIndex - backdropZIndexOffset, onBringToFront: onBringToFront }),
-        React.createElement(RemoveScroll, null,
-            React.createElement(Flex, Object.assign({ alignItems: "center", justifyContent: "center", flexDirection: "column" }, boxProps, { style: Object.assign({ zIndex }, style), className: join(baseClassName, className) }), children)))) : null, portalElement);
+    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: (0, join_1.default)(Backdrop_1.baseClassName, className) }), children)))) : null, portalElement);
 };
+exports.Modal = Modal;

package/src/components/NotifyResize/index.js

@@ -1,6 +1,9 @@
-import * as React from 'react';
-import { getResizeObserverObject } from '../ResizeObserver/getResizeObserverObject';
-const RO = getResizeObserverObject();
+"use strict";
+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 = (0, getResizeObserverObject_1.getResizeObserverObject)();
 const NotifyResize = (props) => {
     const domRef = React.useRef(null);
     React.useEffect(() => {
@@ -31,4 +34,4 @@ const NotifyResize = (props) => {
             left: 0,
         } }));
 };
-export default NotifyResize;
+exports.default = NotifyResize;

package/src/components/OverlayTrigger/Overlay.js

@@ -1,30 +1,34 @@
-import { __rest } from "tslib";
-import * as React from 'react';
-import { useEffect, useState, useRef } from 'react';
-import batchUpdate from '../utils/batchUpdate';
-import usePrevious from '../utils/usePrevious';
-export const useRefresh = () => {
-    const [x, update] = useState(0);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRefresh = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_1 = require("react");
+const batchUpdate_1 = tslib_1.__importDefault(require("../utils/batchUpdate"));
+const usePrevious_1 = tslib_1.__importDefault(require("../utils/usePrevious"));
+const useRefresh = () => {
+    const [x, update] = (0, react_1.useState)(0);
     return () => {
         update(x + 1);
     };
 };
+exports.useRefresh = useRefresh;
 const Overlay = React.forwardRef((props, ref) => {
-    const { visible } = props, domProps = __rest(props, ["visible"]);
-    const domRef = useRef(null);
+    const { visible } = props, domProps = tslib_1.__rest(props, ["visible"]);
+    const domRef = (0, react_1.useRef)(null);
     const setRef = (node) => {
         domRef.current = node;
         if (ref && typeof ref === 'function') {
             ref(node);
         }
     };
-    const [opacity, setOpacity] = useState(0);
-    const transitionInProgressRef = useRef(false);
-    const prevVisible = usePrevious(visible, visible);
-    const prevOpacity = usePrevious(opacity, opacity);
-    const refresh = useRefresh();
-    useEffect(() => {
-        batchUpdate(() => {
+    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();
@@ -39,9 +43,9 @@ const Overlay = React.forwardRef((props, ref) => {
         (_a = props === null || props === void 0 ? void 0 : props.onTransitionEnd) === null || _a === void 0 ? void 0 : _a.call(props);
     };
     const renderTime = Date.now();
-    const renderTimeRef = useRef(renderTime);
+    const renderTimeRef = (0, react_1.useRef)(renderTime);
     renderTimeRef.current = renderTime;
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         let timeoutId;
         if (prevOpacity && !opacity) {
             timeoutId = setTimeout(() => {
@@ -66,4 +70,4 @@ const Overlay = React.forwardRef((props, ref) => {
     }
     return (React.createElement("div", Object.assign({}, domProps, { ref: setRef, style: Object.assign(Object.assign({}, props.style), { opacity }), onTransitionEnd: onTransitionEnd })));
 });
-export default Overlay;
+exports.default = Overlay;