@adaptabletools/adaptable 17.0.6 → 18.0.0-canary.0

package/src/components/HelpBlock/index.js

@@ -1,12 +1,8 @@
-"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';
+import * as React from 'react';
+import { Box } from 'rebass';
+import join from '../utils/join';
+export const baseClassName = 'ab-HelpBlock';
 const HelpBlock = (props) => {
-    return React.createElement(rebass_1.Box, Object.assign({}, props, { className: (0, join_1.default)(props.className, exports.baseClassName) }));
+    return React.createElement(Box, Object.assign({}, props, { className: join(props.className, baseClassName) }));
 };
-exports.default = HelpBlock;
+export default HelpBlock;

package/src/components/Icon/index.js

@@ -1,24 +1,20 @@
-"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) => {
+import * as React from 'react';
+import { allIcons, Icon } from '../icons';
+import join from '../utils/join';
+import { useEffect, useRef } from 'react';
+export const IconComponent = (props) => {
     var _a, _b, _c, _d, _e;
     const { icon, iconClassName } = props;
     if (!icon) {
         return null;
     }
-    const className = !(0, exports.isAdaptableElementIcon)(icon)
-        ? (0, join_1.default)(icon.className, iconClassName)
+    const className = !isAdaptableElementIcon(icon)
+        ? join(icon.className, iconClassName)
         : iconClassName;
-    const divRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
+    const divRef = useRef(null);
+    useEffect(() => {
         let htmlElement;
-        if ((0, exports.isAdaptableElementIcon)(icon)) {
+        if (isAdaptableElementIcon(icon)) {
             if (typeof icon.element === 'string') {
                 const domParser = new DOMParser();
                 htmlElement = domParser.parseFromString(icon.element, 'text/html').body
@@ -33,41 +29,36 @@ const IconComponent = (props) => {
             divRef.current.insertAdjacentElement('afterend', htmlElement);
         }
         return () => {
-            if ((0, exports.isAdaptableElementIcon)(icon)) {
+            if (isAdaptableElementIcon(icon)) {
                 htmlElement === null || htmlElement === void 0 ? void 0 : htmlElement.remove();
             }
         };
     }, [icon]);
-    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 (isAdaptableSystemIcon(icon) && icon.name in allIcons) {
+        return (React.createElement(Icon, { name: icon.name, size: icon.size, style: icon.style, className: className }));
     }
-    if ((0, exports.isAdaptableCustomIcon)(icon)) {
+    if (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 ((0, exports.isAdaptableElementIcon)(icon)) {
+    if (isAdaptableElementIcon(icon)) {
         return (React.createElement("span", { ref: divRef, style: { display: 'none' }, "data-name": "adaptable-icon-placeholder" }));
     }
     return null;
 };
-exports.IconComponent = IconComponent;
-const isAdaptableSystemIcon = (icon) => {
+export const isAdaptableSystemIcon = (icon) => {
     return typeof (icon === null || icon === void 0 ? void 0 : icon.name) === 'string';
 };
-exports.isAdaptableSystemIcon = isAdaptableSystemIcon;
-const isAdaptableCustomIcon = (icon) => {
+export const isAdaptableCustomIcon = (icon) => {
     return typeof (icon === null || icon === void 0 ? void 0 : icon.src) === 'string';
 };
-exports.isAdaptableCustomIcon = isAdaptableCustomIcon;
-const isAdaptableElementIcon = (icon) => {
+export 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');
 };
-exports.isAdaptableElementIcon = isAdaptableElementIcon;
-const isAdaptableIcon = (icon) => {
-    return (0, exports.isAdaptableSystemIcon)(icon) || (0, exports.isAdaptableCustomIcon)(icon) || (0, exports.isAdaptableElementIcon)(icon);
+export const isAdaptableIcon = (icon) => {
+    return isAdaptableSystemIcon(icon) || isAdaptableCustomIcon(icon) || isAdaptableElementIcon(icon);
 };
-exports.isAdaptableIcon = isAdaptableIcon;

package/src/components/IconSelector/IconSelector.js

@@ -1,58 +1,53 @@
-"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"));
+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';
 const IconButton = (props) => {
-    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));
+    return (React.createElement(SimpleButton, { onClick: () => props.onClick(), p: 2, variant: props.active ? 'raised' : 'text', tone: props.active ? 'accent' : 'none', icon: props.icon }, props.children));
 };
-const IconSelector = (props) => {
+export const IconSelector = (props) => {
     var _a, _b, _c;
-    const [query, setQuery] = react_1.default.useState('');
-    const allIconsNames = Object.keys(icons_1.allIcons);
+    const [query, setQuery] = React.useState('');
+    const allIconsNames = Object.keys(allIcons);
     const filteredIcons = query
         ? allIconsNames.filter((iconName) => {
             return iconName.toLowerCase().includes(query.toLowerCase());
         })
         : allIconsNames;
     const iconsElements = filteredIcons.map((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 })));
+        return (React.createElement(Flex, { key: iconName },
+            React.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_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 })));
+        return (React.createElement(IconButton, { key: def.name, active: false, onClick: () => props.onChange(def.name) },
+            React.createElement(IconComponent, { key: def.name, icon: def.icon })));
     });
-    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" },
+    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" },
             iconsElements,
             " ",
             customIconsElements)));
     let value = 'No Icon Selected';
-    if (props.value in icons_1.allIcons) {
-        value = (react_1.default.createElement(icons_1.Icon, { style: { display: 'inline-block' }, name: props.value }));
+    if (props.value in allIcons) {
+        value = (React.createElement(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_1.default.createElement(Icon_1.IconComponent, { icon: icon.icon });
+            value = React.createElement(IconComponent, { icon: icon.icon });
     }
-    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) => {
+    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) => {
                 event.stopPropagation();
                 event.preventDefault();
                 props.onChange('');
             }, variant: "text", icon: "close" }))));
 };
-exports.IconSelector = IconSelector;

package/src/components/IconSelector/index.js

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

package/src/components/InfiniteTable/index.js

@@ -1,14 +1,10 @@
-"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;
+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;
 defaultProps.sortable = false;
 defaultProps.rowHeight = '--ab-grid-row-height';
 defaultProps.draggableColumns = false;
 defaultProps.keyboardNavigation = false;
+export { InfiniteTable };

package/src/components/Input/NumberInput.js

@@ -1,14 +1,10 @@
-"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"));
+import * as React from 'react';
+import Input from './index';
 /**
  * This component allows - and empty values as intermediery values
  * it calls change only with valid numeric values
  */
-const NumberInput = (props) => {
+export const NumberInput = (props) => {
     const [value, setValue] = React.useState(() => {
         var _a;
         // awlays controlled
@@ -41,6 +37,5 @@ const NumberInput = (props) => {
             setValue(props.value);
         }
     }, [props.value, value]);
-    return React.createElement(index_1.default, Object.assign({}, props, { value: value, onBlur: handleBlur, onChange: handleChange }));
+    return React.createElement(Input, Object.assign({}, props, { value: value, onBlur: handleBlur, onChange: handleChange }));
 };
-exports.NumberInput = NumberInput;

package/src/components/Input/index.js

@@ -1,13 +1,10 @@
-"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';
+import { __rest } from "tslib";
+import * as React from 'react';
+import { Box } from 'rebass';
+import join from '../utils/join';
+export const baseClassName = 'ab-Input';
 const Input = React.forwardRef((props, ref) => {
-    const { disabled, className } = props, inputProps = tslib_1.__rest(props, ["disabled", "className"]);
+    const { disabled, className } = props, inputProps = __rest(props, ["disabled", "className"]);
     let type = 'text';
     if (inputProps && inputProps.type) {
         type = inputProps.type;
@@ -15,6 +12,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: (0, join_1.default)(className, exports.baseClassName, type ? `${exports.baseClassName}--type-${type}` : '', disabled ? `${exports.baseClassName}--disabled` : '') })));
+    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` : '') })));
 });
-exports.default = Input;
+export default Input;

package/src/components/InputGroup/InputGroup.js

@@ -1,12 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputGroup = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const InputGroup = (_a) => {
+import { __rest } from "tslib";
+import * as React from 'react';
+export const InputGroup = (_a) => {
     var _b;
-    var { Component = 'div', children } = _a, rest = tslib_1.__rest(_a, ["Component", "children"]);
+    var { Component = 'div', children } = _a, rest = __rest(_a, ["Component", "children"]);
     const Comp = Component;
     return (React.createElement(Comp, Object.assign({}, rest, { className: `ab-cmp-input-group ${(_b = rest.className) !== null && _b !== void 0 ? _b : ''}` }), children));
 };
-exports.InputGroup = InputGroup;

package/src/components/InputGroup/index.js

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

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

@@ -1,9 +1,6 @@
-"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"));
+import * as React from 'react';
+import { DataSource, InfiniteTable } from '../../../components/InfiniteTable';
+import join from '../../utils/join';
 const baseClassName = 'ab-GridList';
 const columnsMap = new Map([
     ['item', { field: 'item', header: null, defaultFlex: 1 }],
@@ -16,12 +13,12 @@ const GridList = (props) => {
             id: index,
         };
     }).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: (0, join_1.default)(baseClassName, props.className),
+    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),
                 style: {
                     minHeight: '15rem',
                 },
             }, columns: columnsMap })));
 };
-exports.default = GridList;
+export default GridList;

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

@@ -1,12 +1,10 @@
-"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");
+import { __rest } from "tslib";
+import * as React from 'react';
+import join from '../../utils/join';
+import { Box } from '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: (0, join_1.default)(className, baseClassName) }));
+    const { className } = props, domProps = __rest(props, ["className"]);
+    return React.createElement(Box, Object.assign({}, domProps, { className: join(className, baseClassName) }));
 };
-exports.default = ListGroup;
+export default ListGroup;

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

@@ -1,19 +1,17 @@
-"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");
+import { __rest } from "tslib";
+import * as React from 'react';
+import join from '../../utils/join';
+import { useSelectionEvent } from '../../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 = (0, SelectableList_1.useSelectionEvent)();
+    const { className, active, factory: Tag = 'button', noZebra } = props, domProps = __rest(props, ["className", "active", "factory", "noZebra"]);
+    const onSelectionClick = 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: (0, join_1.default)(className, baseClassName, noZebra ? `${baseClassName}--no-zebra` : null, `${baseClassName}--${active ? 'active' : 'not-active'}`) })));
+        }, ref: ref, className: join(className, baseClassName, noZebra ? `${baseClassName}--no-zebra` : null, `${baseClassName}--${active ? 'active' : 'not-active'}`) })));
     return result;
 });
-exports.default = ListGroupItem;
+export default ListGroupItem;

package/src/components/Loader/Loader.js

@@ -1,15 +1,9 @@
-"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) => {
+import * as React from 'react';
+export const LoaderSpinner = (props) => {
     return React.createElement("div", { style: props.style, className: "ab-Loader__Spinner" });
 };
-exports.LoaderSpinner = LoaderSpinner;
-const Loader = (props) => {
+export const Loader = (props) => {
     return (React.createElement("div", { style: props.style, className: "ab-Loader" },
-        React.createElement(exports.LoaderSpinner, null),
+        React.createElement(LoaderSpinner, null),
         React.createElement("span", { className: "ab-Loader__text" }, props.children)));
 };
-exports.Loader = Loader;

package/src/components/Loader/index.js

@@ -1,7 +1,2 @@
-"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; } });
+export { Loader } from './Loader';
+export { LoaderSpinner } from './Loader';

package/src/components/Logo/index.js

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

package/src/components/Modal/index.js

@@ -1,19 +1,16 @@
-"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");
+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';
 let portalElement;
 const ensurePortalElement = () => {
-    if (!(0, UIHelper_1.isBrowserDocumentAvailable)()) {
+    if (!isBrowserDocumentAvailable()) {
         return;
     }
     if (portalElement) {
@@ -23,17 +20,16 @@ const ensurePortalElement = () => {
     document.body.appendChild(portalElement);
 };
 let globalCounter = 0;
-const Modal = (props) => {
+export const Modal = (props) => {
     ensurePortalElement();
-    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 { className, style, children, isOpen, onBringToFront } = props, boxProps = __rest(props, ["className", "style", "children", "isOpen", "onBringToFront"]);
+    const uuid = useMemo(() => createUuid(), []);
+    const counter = useMemo(() => globalCounter++, [isOpen]);
     const openTimestamp = counter;
     const backdropZIndexOffset = props.backdropZIndexOffset || 1;
     const zIndex = (props.baseZIndex || 2000) + counter;
-    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);
+    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);
 };
-exports.Modal = Modal;

package/src/components/NotifyResize/index.js

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