@adaptabletools/adaptable 16.2.4 → 17.0.0-canary.0

package/src/components/Dashboard/Dashboard.js

@@ -1,25 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dashboard = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const useDraggable_1 = tslib_1.__importDefault(require("../utils/useDraggable"));
-const join_1 = tslib_1.__importDefault(require("../utils/join"));
-const useProperty_1 = tslib_1.__importDefault(require("../utils/useProperty"));
-const DashboardToolbar_1 = require("./DashboardToolbar");
-const DropdownButton_1 = tslib_1.__importDefault(require("../DropdownButton"));
-function Dashboard(props) {
+import * as React from 'react';
+import useDraggable from '../utils/useDraggable';
+import join from '../utils/join';
+import useProperty from '../utils/useProperty';
+import { DashboardToolbar } from './DashboardToolbar';
+import DropdownButton from '../DropdownButton';
+export function Dashboard(props) {
     const { title, children, left, right, onShowDashboardPopup } = props;
-    const [activeTabIndex, setActiveTabIndex] = (0, useProperty_1.default)(props, 'activeTabIndex', 0);
-    const [collapsed, setCollapsed] = (0, useProperty_1.default)(props, 'collapsed', false);
-    const [floating, setFloating] = (0, useProperty_1.default)(props, 'floating', false);
-    const [inline, setInline] = (0, useProperty_1.default)(props, 'inline', false);
-    const [position, setPosition] = (0, useProperty_1.default)(props, 'position', {
+    const [activeTabIndex, setActiveTabIndex] = useProperty(props, 'activeTabIndex', 0);
+    const [collapsed, setCollapsed] = useProperty(props, 'collapsed', false);
+    const [floating, setFloating] = useProperty(props, 'floating', false);
+    const [inline, setInline] = useProperty(props, 'inline', false);
+    const [position, setPosition] = useProperty(props, 'position', {
         x: 0,
         y: 0,
     });
     const expanded = !floating && !collapsed;
-    const { handleRef, targetRef } = (0, useDraggable_1.default)({
+    const { handleRef, targetRef } = useDraggable({
         onDrop(dx, dy) {
             setPosition(({ x, y }) => {
                 return { x: x + dx, y: y + dy };
@@ -32,7 +28,7 @@ function Dashboard(props) {
         top: position.y,
     };
     const renderTabs = () => (React.createElement("div", { className: "ab-Dashboard__tabs" }, children &&
-        React.Children.map(children, (child, index) => (React.createElement("button", { type: "button", className: (0, join_1.default)('ab-Dashboard__tab', !collapsed && activeTabIndex === index ? 'ab-Dashboard__tab--active' : ''), key: index, onClick: () => {
+        React.Children.map(children, (child, index) => (React.createElement("button", { type: "button", className: join('ab-Dashboard__tab', !collapsed && activeTabIndex === index ? 'ab-Dashboard__tab--active' : ''), key: index, onClick: () => {
                 if (activeTabIndex === index) {
                     setCollapsed(!collapsed);
                 }
@@ -47,7 +43,7 @@ function Dashboard(props) {
             return null;
         }
         const activeTabTitle = (_c = (_b = (_a = children === null || children === void 0 ? void 0 : children[activeTabIndex]) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.title) !== null && _c !== void 0 ? _c : 'Select Toolbar';
-        return (React.createElement(DropdownButton_1.default, { ml: 1, columns: ['label'], items: React.Children.map(children, (child, index) => ({
+        return (React.createElement(DropdownButton, { ml: 1, columns: ['label'], items: React.Children.map(children, (child, index) => ({
                 value: String(index),
                 label: child.props.title,
                 onClick: () => setActiveTabIndex(index),
@@ -69,16 +65,15 @@ function Dashboard(props) {
             !floating && renderTabs()),
         floating ? (React.createElement("div", { className: "ab-Dashboard__title", ref: handleRef, key: "title-drag", style: { cursor: 'move' } }, title)) : (React.createElement("div", { className: "ab-Dashboard__title", key: "title" }, title)),
         React.createElement("div", { className: "ab-Dashboard__header-right" }, right)));
-    const renderHomeToolbar = () => (React.createElement(DashboardToolbar_1.DashboardToolbar, { onConfigure: onShowDashboardPopup, className: "ab-Dashboard__home-toolbar", title: title, tooltip: `Configure Dashboard`, showConfigure: true, showClose: false, accessLevel: 'Full' },
+    const renderHomeToolbar = () => (React.createElement(DashboardToolbar, { onConfigure: onShowDashboardPopup, className: "ab-Dashboard__home-toolbar", title: title, tooltip: `Configure Dashboard`, showConfigure: true, showClose: false, accessLevel: 'Full' },
         left,
         right,
         children && children.length > 1,
         renderTabsDropdown()));
     return (React.createElement("div", { 
         // @ts-ignore
-        ref: targetRef, className: (0, join_1.default)(`ab-Dashboard`, collapsed ? 'ab-Dashboard--collapsed' : '', floating ? 'ab-Dashboard--floating' : '', inline ? 'ab-Dashboard--inline' : ''), style: floating ? floatingStyle : undefined },
+        ref: targetRef, className: join(`ab-Dashboard`, collapsed ? 'ab-Dashboard--collapsed' : '', floating ? 'ab-Dashboard--floating' : '', inline ? 'ab-Dashboard--inline' : ''), style: floating ? floatingStyle : undefined },
         expanded && inline ? renderHomeToolbar() : renderBar(),
         expanded && children && children.length ? (React.createElement("div", { className: "ab-Dashboard__content" }, children[activeTabIndex] ? children[activeTabIndex].props.children : null)) : null,
         props.footer));
 }
-exports.Dashboard = Dashboard;

package/src/components/Dashboard/DashboardManager.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const ModuleManager_1 = require("../DragAndDropContext/ModuleManager");
+import * as React from 'react';
+import { ModuleManager } from '../DragAndDropContext/ModuleManager';
 const DashboardManager = ({ tabs, onTabsChange, availableToolbars, api, disabled, }) => {
     const moduleService = api.internalApi.getModuleService();
     const moduleInfo = moduleService.getModuleInfoByModule('Dashboard');
@@ -19,6 +16,6 @@ const DashboardManager = ({ tabs, onTabsChange, availableToolbars, api, disabled
         }));
         onTabsChange(dashboardTabs);
     }, []);
-    return (React.createElement(ModuleManager_1.ModuleManager, { availableItems: availableToolbars, disabled: disabled, onTabsChange: handleTabsChange, tabs: moduleTabs, tabsTitle: moduleInfo.FriendlyName + ' Tabs', unusedPanelTitle: 'Available Toolbars', dragItemText: "Drag into a Tab below" }));
+    return (React.createElement(ModuleManager, { availableItems: availableToolbars, disabled: disabled, onTabsChange: handleTabsChange, tabs: moduleTabs, tabsTitle: moduleInfo.FriendlyName + ' Tabs', unusedPanelTitle: 'Available Toolbars', dragItemText: "Drag into a Tab below" }));
 };
-exports.default = DashboardManager;
+export default DashboardManager;

package/src/components/Dashboard/DashboardTab.js

@@ -1,7 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DashboardTab = void 0;
-function DashboardTab(props) {
+export function DashboardTab(props) {
     return null;
 }
-exports.DashboardTab = DashboardTab;

package/src/components/Dashboard/DashboardToolbar.js

@@ -1,18 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DashboardToolbar = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const SimpleButton_1 = tslib_1.__importDefault(require("../SimpleButton"));
-const join_1 = tslib_1.__importDefault(require("../utils/join"));
-const rebass_1 = require("rebass");
-function DashboardToolbar(props) {
-    return (React.createElement("div", { className: (0, join_1.default)('ab-Dashboard__toolbar', props.className) },
+import * as React from 'react';
+import SimpleButton from '../SimpleButton';
+import join from '../utils/join';
+import { Flex } from 'rebass';
+export function DashboardToolbar(props) {
+    return (React.createElement("div", { className: join('ab-Dashboard__toolbar', props.className) },
         React.createElement("div", { className: "ab-Dashboard__toolbar-content" }, props.children),
-        React.createElement(rebass_1.Flex, { className: "ab-Dashboard__toolbar-title", flexDirection: "row", alignItems: "center" },
+        React.createElement(Flex, { className: "ab-Dashboard__toolbar-title", flexDirection: "row", alignItems: "center" },
             React.createElement("span", null, props.title),
-            props.showConfigure && (React.createElement(SimpleButton_1.default, { icon: "spanner", variant: "text", tone: "none", "data-name": "configure", iconSize: 16, marginLeft: 1, tooltip: props.tooltip || `Configure ${props.title} Toolbar`, onClick: () => props.onConfigure() })),
+            props.showConfigure && (React.createElement(SimpleButton, { icon: "spanner", variant: "text", tone: "none", "data-name": "configure", iconSize: 16, marginLeft: 1, tooltip: props.tooltip || `Configure ${props.title} Toolbar`, onClick: () => props.onConfigure() })),
             ' ',
-            props.showClose && (React.createElement(SimpleButton_1.default, { style: { alignSelf: 'flex-end' }, disabled: props.accessLevel == 'ReadOnly', "data-name": "close", icon: "close", variant: "text", tone: "none", iconSize: 16, marginLeft: 1, tooltip: props.tooltip || `Close ${props.title} Toolbar`, onClick: () => props.onClose() })))));
+            props.showClose && (React.createElement(SimpleButton, { style: { alignSelf: 'flex-end' }, disabled: props.accessLevel == 'ReadOnly', "data-name": "close", icon: "close", variant: "text", tone: "none", iconSize: 16, marginLeft: 1, tooltip: props.tooltip || `Close ${props.title} Toolbar`, onClick: () => props.onClose() })))));
 }
-exports.DashboardToolbar = DashboardToolbar;

package/src/components/Dashboard/index.js

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

package/src/components/Datepicker/Caption.js

@@ -1,47 +1,42 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Caption = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const isSameMonth_1 = tslib_1.__importDefault(require("date-fns/isSameMonth"));
-const add_1 = tslib_1.__importDefault(require("date-fns/add"));
-const CaptionLabel_1 = require("./CaptionLabel");
-const react_day_picker_1 = require("react-day-picker");
+import * as React from 'react';
+import isSameMonth from 'date-fns/isSameMonth';
+import add from 'date-fns/add';
+import { CaptionLabel } from './CaptionLabel';
+import { useDayPicker, useNavigation, } from 'react-day-picker';
 /**
  * Render the caption of a month, which includes title and navigation buttons.
  * The caption has a different layout when setting the `numberOfMonths` prop.
  */
-function Caption(props) {
+export function Caption(props) {
     const { displayMonth } = props;
-    const context = (0, react_day_picker_1.useDayPicker)();
+    const context = useDayPicker();
     const { classNames, disableNavigation, styles, onMonthChange, dir } = context;
-    const { goToMonth, displayMonths } = (0, react_day_picker_1.useNavigation)();
+    const { goToMonth, displayMonths } = useNavigation();
     const handlePreviousClick = () => {
-        handleMonthChange((0, add_1.default)(displayMonth, { months: -1 }));
+        handleMonthChange(add(displayMonth, { months: -1 }));
     };
     const handleNextClick = () => {
-        handleMonthChange((0, add_1.default)(displayMonth, { months: 1 }));
+        handleMonthChange(add(displayMonth, { months: 1 }));
     };
     const handleMonthChange = (newMonth) => {
         goToMonth(newMonth);
         onMonthChange === null || onMonthChange === void 0 ? void 0 : onMonthChange(newMonth);
     };
     const handleNextYearClick = () => {
-        handleMonthChange((0, add_1.default)(displayMonth, { years: 1 }));
+        handleMonthChange(add(displayMonth, { years: 1 }));
     };
     const handlePreviousYearClick = () => {
-        handleMonthChange((0, add_1.default)(displayMonth, { years: -1 }));
+        handleMonthChange(add(displayMonth, { years: -1 }));
     };
-    const displayIndex = displayMonths.findIndex((month) => (0, isSameMonth_1.default)(displayMonth, month));
+    const displayIndex = displayMonths.findIndex((month) => isSameMonth(displayMonth, month));
     let isFirst = displayIndex === 0;
     let isLast = displayIndex === displayMonths.length - 1;
     if (dir === 'rtl') {
         [isLast, isFirst] = [isFirst, isLast];
     }
-    const captionLabel = React.createElement(CaptionLabel_1.CaptionLabel, { displayMonth: displayMonth });
+    const captionLabel = React.createElement(CaptionLabel, { displayMonth: displayMonth });
     return (React.createElement("div", { className: classNames.caption, style: styles.caption },
         disableNavigation && captionLabel,
         !disableNavigation && (React.createElement(React.Fragment, null,
-            React.createElement(CaptionLabel_1.CaptionLabel, { displayMonth: displayMonth, onPreviousYearClick: handlePreviousYearClick, onNextYearClick: handleNextYearClick, onNextMonthClick: handleNextClick, onPreviousMonthClick: handlePreviousClick })))));
+            React.createElement(CaptionLabel, { displayMonth: displayMonth, onPreviousYearClick: handlePreviousYearClick, onNextYearClick: handleNextYearClick, onNextMonthClick: handleNextClick, onPreviousMonthClick: handlePreviousClick })))));
 }
-exports.Caption = Caption;

package/src/components/Datepicker/CaptionLabel.js

@@ -1,25 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CaptionLabel = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
-const format_1 = tslib_1.__importDefault(require("date-fns/format"));
-const SimpleButton_1 = tslib_1.__importDefault(require("../SimpleButton"));
-const react_1 = require("react");
-const react_day_picker_1 = require("react-day-picker");
-function CaptionLabel(props) {
-    const { locale, classNames, styles } = (0, react_day_picker_1.useDayPicker)();
+import * as React from 'react';
+import { Flex } from 'rebass';
+import format from 'date-fns/format';
+import SimpleButton from '../SimpleButton';
+import { useMemo } from 'react';
+import { useDayPicker } from 'react-day-picker';
+export function CaptionLabel(props) {
+    const { locale, classNames, styles } = useDayPicker();
     const { onPreviousYearClick, onNextYearClick, onNextMonthClick, onPreviousMonthClick } = props;
-    const captionStyles = (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, styles.caption_label), { width: '100%' })), []);
+    const captionStyles = useMemo(() => (Object.assign(Object.assign({}, styles.caption_label), { width: '100%' })), []);
     return (React.createElement("div", { key: "caption", className: classNames.caption_label, style: captionStyles, "aria-live": "polite", "aria-atomic": "true" },
-        React.createElement(SimpleButton_1.default, { padding: 1, mr: 1, variant: "text", icon: "arrow-left", onClick: onPreviousMonthClick }),
-        React.createElement(rebass_1.Flex, { justifyContent: "center", style: { minWidth: 80, flex: 2 } }, (0, format_1.default)(props.displayMonth, 'LLLL', { locale })),
-        React.createElement(SimpleButton_1.default, { padding: 1, ml: 1, variant: "text", icon: "arrow-right", onClick: onNextMonthClick }),
-        React.createElement(SimpleButton_1.default, { padding: 1, mr: 1, variant: "text", icon: "arrow-left", onClick: onPreviousYearClick }),
-        React.createElement(rebass_1.Flex, { justifyContent: "center", style: { minWidth: 40, flex: 1 } },
-            (0, format_1.default)(props.displayMonth, 'y', { locale }),
+        React.createElement(SimpleButton, { padding: 1, mr: 1, variant: "text", icon: "arrow-left", onClick: onPreviousMonthClick }),
+        React.createElement(Flex, { justifyContent: "center", style: { minWidth: 80, flex: 2 } }, format(props.displayMonth, 'LLLL', { locale })),
+        React.createElement(SimpleButton, { padding: 1, ml: 1, variant: "text", icon: "arrow-right", onClick: onNextMonthClick }),
+        React.createElement(SimpleButton, { padding: 1, mr: 1, variant: "text", icon: "arrow-left", onClick: onPreviousYearClick }),
+        React.createElement(Flex, { justifyContent: "center", style: { minWidth: 40, flex: 1 } },
+            format(props.displayMonth, 'y', { locale }),
             ' '),
-        React.createElement(SimpleButton_1.default, { padding: 1, ml: 1, variant: "text", icon: "arrow-right", onClick: onNextYearClick })));
+        React.createElement(SimpleButton, { padding: 1, ml: 1, variant: "text", icon: "arrow-right", onClick: onNextYearClick })));
 }
-exports.CaptionLabel = CaptionLabel;

package/src/components/Datepicker/DatepickerContext.js

@@ -1,13 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDatepickerContext = exports.DatepickerContext = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-exports.DatepickerContext = React.createContext({
+import * as React from 'react';
+export const DatepickerContext = React.createContext({
     onShow: () => { },
     onHide: () => { },
 });
-const useDatepickerContext = () => {
-    return React.useContext(exports.DatepickerContext);
+export const useDatepickerContext = () => {
+    return React.useContext(DatepickerContext);
 };
-exports.useDatepickerContext = useDatepickerContext;

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

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

package/src/components/Datepicker/index.js

@@ -1,22 +1,19 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Datepicker = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const OverlayTrigger_1 = tslib_1.__importDefault(require("../OverlayTrigger"));
-const Input_1 = tslib_1.__importDefault(require("../Input"));
-const react_1 = require("react");
-const useProperty_1 = tslib_1.__importDefault(require("../utils/useProperty"));
-const FieldWrap_1 = tslib_1.__importDefault(require("../FieldWrap"));
-const SimpleButton_1 = tslib_1.__importDefault(require("../SimpleButton"));
-const rebass_1 = require("rebass");
-const FormatHelper_1 = require("../../Utilities/Helpers/FormatHelper");
-const Caption_1 = require("./Caption");
-const CaptionLabel_1 = require("./CaptionLabel");
-const DatepickerContext_1 = require("./DatepickerContext");
-const addDays_1 = tslib_1.__importDefault(require("date-fns/addDays"));
-const addBusinessDays_1 = tslib_1.__importDefault(require("date-fns/addBusinessDays"));
-const react_day_picker_1 = require("react-day-picker");
+import { __rest } from "tslib";
+import * as React from 'react';
+import OverlayTrigger from '../OverlayTrigger';
+import Input from '../Input';
+import { useState } from 'react';
+import useProperty from '../utils/useProperty';
+import FieldWrap from '../FieldWrap';
+import SimpleButton from '../SimpleButton';
+import { Flex } from 'rebass';
+import { DateFormatter } from '../../Utilities/Helpers/FormatHelper';
+import { Caption } from './Caption';
+import { CaptionLabel } from './CaptionLabel';
+import { useDatepickerContext } from './DatepickerContext';
+import addDays from 'date-fns/addDays';
+import addBusinessDays from 'date-fns/addBusinessDays';
+import { DayPicker, useInput } from 'react-day-picker';
 const DatepickerOverlay = ({ onHide, children, onKeyDown, }) => {
     const domRef = React.useRef(null);
     React.useEffect(() => {
@@ -34,26 +31,26 @@ const DatepickerOverlay = ({ onHide, children, onKeyDown, }) => {
             }
         } }, children));
 };
-exports.Datepicker = React.forwardRef((props, ref) => {
+export const Datepicker = React.forwardRef((props, ref) => {
     var _a;
-    const { dateProps, required, disabled, style, placeholder, showWeekNumber, showOutsideDays, value: _, defaultValue: __, onChange: ___, showClearButton: showClearButtonFromProps, datepickerButtons } = props, boxProps = tslib_1.__rest(props, ["dateProps", "required", "disabled", "style", "placeholder", "showWeekNumber", "showOutsideDays", "value", "defaultValue", "onChange", "showClearButton", "datepickerButtons"]);
-    const datepickerContext = (0, DatepickerContext_1.useDatepickerContext)();
+    const { dateProps, required, disabled, style, placeholder, showWeekNumber, showOutsideDays, value: _, defaultValue: __, onChange: ___, showClearButton: showClearButtonFromProps, datepickerButtons } = props, boxProps = __rest(props, ["dateProps", "required", "disabled", "style", "placeholder", "showWeekNumber", "showOutsideDays", "value", "defaultValue", "onChange", "showClearButton", "datepickerButtons"]);
+    const datepickerContext = useDatepickerContext();
     const showClearButton = (showClearButtonFromProps !== null && showClearButtonFromProps !== void 0 ? showClearButtonFromProps : datepickerContext.showClearButton) === false ? false : true;
-    let [value, setValue] = (0, useProperty_1.default)(props, 'value', undefined, {
+    let [value, setValue] = useProperty(props, 'value', undefined, {
         onChange: props.onChange,
     });
     const useInputOptions = Object.assign(Object.assign({}, dateProps), { required });
     if (value && value instanceof Date && !isNaN(+value)) {
         useInputOptions.defaultSelected = value;
     }
-    const [month, setMonth] = (0, react_1.useState)(value !== null && value !== void 0 ? value : new Date());
-    const { dayPickerProps, setSelected } = (0, react_day_picker_1.useInput)(useInputOptions);
+    const [month, setMonth] = useState(value !== null && value !== void 0 ? value : new Date());
+    const { dayPickerProps, setSelected } = useInput(useInputOptions);
     const updateValue = (value) => {
         setValue(value);
         setSelected(value);
     };
-    const inputValue = (_a = (0, FormatHelper_1.DateFormatter)(value, { Pattern: dateProps.format })) !== null && _a !== void 0 ? _a : '';
-    const [visible, doSetVisible] = (0, react_1.useState)(false);
+    const inputValue = (_a = DateFormatter(value, { Pattern: dateProps.format })) !== null && _a !== void 0 ? _a : '';
+    const [visible, doSetVisible] = useState(false);
     const setVisible = (visible, keyboardEventKey) => {
         var _a, _b;
         doSetVisible(visible);
@@ -67,33 +64,33 @@ exports.Datepicker = React.forwardRef((props, ref) => {
     const clearValue = () => {
         updateValue(undefined);
     };
-    const renderButton = (label, onClick) => (React.createElement(SimpleButton_1.default, { onClick: onClick, margin: '2px' }, label));
+    const renderButton = (label, onClick) => (React.createElement(SimpleButton, { onClick: onClick, margin: '2px' }, label));
     const todayDate = new Date();
     const footerButtonsMap = {
         clear: renderButton('Clear', () => clearValue()),
         close: renderButton('Close', () => setVisible(false)),
         today: renderButton('Today', () => updateValue(todayDate)),
-        tomorrow: renderButton('Tomorrow', () => updateValue((0, addDays_1.default)(todayDate, 1))),
-        yesterday: renderButton('Yesterday', () => updateValue((0, addDays_1.default)(todayDate, -1))),
-        nextWorkday: renderButton('Next Workday', () => updateValue((0, addBusinessDays_1.default)(todayDate, 1))),
-        prevWorkday: renderButton('Prev Workday', () => updateValue((0, addBusinessDays_1.default)(todayDate, -1))),
+        tomorrow: renderButton('Tomorrow', () => updateValue(addDays(todayDate, 1))),
+        yesterday: renderButton('Yesterday', () => updateValue(addDays(todayDate, -1))),
+        nextWorkday: renderButton('Next Workday', () => updateValue(addBusinessDays(todayDate, 1))),
+        prevWorkday: renderButton('Prev Workday', () => updateValue(addBusinessDays(todayDate, -1))),
         '-': React.createElement("div", { style: { flex: '1 1 1%' } }),
         '|': React.createElement("hr", { style: { width: '100%', height: 0, margin: 0, border: 'none' } }),
     };
     const footerButtons = datepickerButtons.map((buttonKey, index) => React.cloneElement(footerButtonsMap[buttonKey], { key: index }));
-    const clearButton = showClearButton ? (React.createElement(SimpleButton_1.default, { "data-name": "clear", variant: "text", tooltip: "Clear", iconSize: 20, padding: 0, icon: "close", onMouseDown: (e) => {
+    const clearButton = showClearButton ? (React.createElement(SimpleButton, { "data-name": "clear", variant: "text", tooltip: "Clear", iconSize: 20, padding: 0, icon: "close", onMouseDown: (e) => {
             e.preventDefault();
             clearValue();
         }, accessLevel: 'Full' })) : null;
-    const calendarButton = (React.createElement(SimpleButton_1.default, { disabled: disabled, variant: "text", icon: "calendar", tooltip: "Date", iconSize: 20, px: 0, py: 0, onClick: () => setVisible(true) }));
-    return (React.createElement(rebass_1.Flex, null,
-        React.createElement(OverlayTrigger_1.default, { visible: visible, render: () => (React.createElement(DatepickerOverlay, { onHide: () => setVisible(false), onKeyDown: (e) => {
+    const calendarButton = (React.createElement(SimpleButton, { disabled: disabled, variant: "text", icon: "calendar", tooltip: "Date", iconSize: 20, px: 0, py: 0, onClick: () => setVisible(true) }));
+    return (React.createElement(Flex, null,
+        React.createElement(OverlayTrigger, { visible: visible, render: () => (React.createElement(DatepickerOverlay, { onHide: () => setVisible(false), onKeyDown: (e) => {
                     if (e.key === 'Escape' || e.key === 'Enter') {
                         setVisible(false, e.key);
                     }
                 } },
-                React.createElement(react_day_picker_1.DayPicker, Object.assign({ fixedWeeks: true }, dayPickerProps, { showWeekNumber: showWeekNumber, showOutsideDays: showOutsideDays, mode: "single", month: isNaN(+month) ? new Date() : month, onMonthChange: setMonth, components: { Caption: Caption_1.Caption, CaptionLabel: CaptionLabel_1.CaptionLabel }, onSelect: updateValue, footer: React.createElement(rebass_1.Flex, { justifyContent: "space-between", mt: 2, flexWrap: 'wrap' }, footerButtons) })))) },
-            React.createElement(FieldWrap_1.default, Object.assign({}, boxProps, { style: {
+                React.createElement(DayPicker, Object.assign({ fixedWeeks: true }, dayPickerProps, { showWeekNumber: showWeekNumber, showOutsideDays: showOutsideDays, mode: "single", month: isNaN(+month) ? new Date() : month, onMonthChange: setMonth, components: { Caption, CaptionLabel }, onSelect: updateValue, footer: React.createElement(Flex, { justifyContent: "space-between", mt: 2, flexWrap: 'wrap' }, footerButtons) })))) },
+            React.createElement(FieldWrap, Object.assign({}, boxProps, { style: {
                     borderRadius: style === null || style === void 0 ? void 0 : style.borderRadius,
                     width: style === null || style === void 0 ? void 0 : style.width,
                     maxWidth: style === null || style === void 0 ? void 0 : style.maxWidth,
@@ -102,7 +99,7 @@ exports.Datepicker = React.forwardRef((props, ref) => {
                         setVisible(true);
                     }
                 } }),
-                React.createElement(Input_1.default, { value: inputValue, placehoder: placeholder !== null && placeholder !== void 0 ? placeholder : dateProps.format, style: style, disabled: disabled, readOnly: true, ref: ref }),
+                React.createElement(Input, { value: inputValue, placehoder: placeholder !== null && placeholder !== void 0 ? placeholder : dateProps.format, style: style, disabled: disabled, readOnly: true, ref: ref }),
                 !!inputValue ? clearButton : null,
                 calendarButton))));
 });

package/src/components/Dialog/index.js

@@ -1,26 +1,23 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dialog = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_1 = require("react");
-const join_1 = tslib_1.__importDefault(require("../utils/join"));
-const contains_1 = tslib_1.__importDefault(require("../utils/contains"));
-const captureTabNavigation_1 = tslib_1.__importDefault(require("../utils/captureTabNavigation"));
-const rebass_1 = require("rebass");
-const Modal_1 = require("../Modal");
-const useIsOpen_1 = tslib_1.__importDefault(require("./useIsOpen"));
-const useAutoFocus_1 = tslib_1.__importDefault(require("../utils/useAutoFocus"));
-const icons_1 = require("../icons");
-const WindowModal_1 = require("../WindowModal");
+import { __rest } from "tslib";
+import * as React from 'react';
+import { useRef, useEffect } from 'react';
+import join from '../utils/join';
+import contains from '../utils/contains';
+import captureTabNavigation from '../utils/captureTabNavigation';
+import { Box } from 'rebass';
+import { Modal } from '../Modal';
+import useIsOpen from './useIsOpen';
+import useAutoFocus from '../utils/useAutoFocus';
+import { Icon } from '../icons';
+import { WindowModal } from '../WindowModal';
 const baseClassName = 'ab-Dialog';
-exports.Dialog = React.forwardRef((props, dialogRef) => {
-    let { modal, fixed, focusOnBrowserVisible = false, autoFocus = true, className, children, modalProps, dismissOnClickOutside = false, onDismiss, windowModal, windowModalProps } = props, boxProps = tslib_1.__rest(props, ["modal", "fixed", "focusOnBrowserVisible", "autoFocus", "className", "children", "modalProps", "dismissOnClickOutside", "onDismiss", "windowModal", "windowModalProps"]);
+export const Dialog = React.forwardRef((props, dialogRef) => {
+    let { modal, fixed, focusOnBrowserVisible = false, autoFocus = true, className, children, modalProps, dismissOnClickOutside = false, onDismiss, windowModal, windowModalProps } = props, boxProps = __rest(props, ["modal", "fixed", "focusOnBrowserVisible", "autoFocus", "className", "children", "modalProps", "dismissOnClickOutside", "onDismiss", "windowModal", "windowModalProps"]);
     modal = props.modal === undefined ? true : props.modal;
     fixed = props.fixed === undefined ? true : props.fixed;
-    const [isOpen, setIsOpen] = (0, useIsOpen_1.default)(props);
-    const boxRef = (0, react_1.useRef)(null);
-    (0, useAutoFocus_1.default)({
+    const [isOpen, setIsOpen] = useIsOpen(props);
+    const boxRef = useRef(null);
+    useAutoFocus({
         isOpen,
         autoFocus: props.autoFocus,
         previous: ({ autoFocus }) => autoFocus && isOpen,
@@ -31,7 +28,7 @@ exports.Dialog = React.forwardRef((props, dialogRef) => {
         if (props.onKeyDown) {
             props.onKeyDown(e);
         }
-        (0, captureTabNavigation_1.default)(boxRef.current, e);
+        captureTabNavigation(boxRef.current, e);
         if (e.key === 'Escape') {
             if (e.nativeEvent.anotherModalClosed) {
                 return;
@@ -48,9 +45,9 @@ exports.Dialog = React.forwardRef((props, dialogRef) => {
             }
             setIsOpen(false);
         }
-        (0, captureTabNavigation_1.default)(boxRef.current, event);
+        captureTabNavigation(boxRef.current, event);
     };
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (dismissOnClickOutside && isOpen) {
             const dismissDialog = (e) => {
                 requestAnimationFrame(() => {
@@ -72,14 +69,14 @@ exports.Dialog = React.forwardRef((props, dialogRef) => {
     const bringToFront = React.useCallback(() => {
         if (boxRef.current &&
             boxRef.current.focus &&
-            (!document.activeElement || !(0, contains_1.default)(boxRef.current, document.activeElement))) {
+            (!document.activeElement || !contains(boxRef.current, document.activeElement))) {
             boxRef.current.focus();
         }
     }, [boxRef]);
     React.useImperativeHandle(dialogRef, () => ({
         bringToFront,
     }));
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         let listener;
         if (focusOnBrowserVisible) {
             listener = () => {
@@ -98,28 +95,28 @@ exports.Dialog = React.forwardRef((props, dialogRef) => {
     if (!isOpen) {
         return null;
     }
-    const closeButton = showCloseButton ? (React.createElement(rebass_1.Box, { padding: 1, title: "Close dialog", onClick: () => setIsOpen(false), className: `${baseClassName}__close-button` },
-        React.createElement(icons_1.Icon, { size: 24, name: "close" }))) : null;
+    const closeButton = showCloseButton ? (React.createElement(Box, { padding: 1, title: "Close dialog", onClick: () => setIsOpen(false), className: `${baseClassName}__close-button` },
+        React.createElement(Icon, { size: 24, name: "close" }))) : null;
     const setPreventDismissFlag = (e) => {
         if (dismissOnClickOutside) {
             e.nativeEvent.preventDialogDismiss = true;
         }
     };
-    const box = (React.createElement(rebass_1.Box, Object.assign({}, boxProps, { onClick: (e) => {
+    const box = (React.createElement(Box, Object.assign({}, boxProps, { onClick: (e) => {
             setPreventDismissFlag(e);
             if (boxProps && boxProps.onClick) {
                 boxProps.onClick(e);
             }
-        }, onKeyDown: onKeyDown, className: (0, join_1.default)(baseClassName, modal ? `${baseClassName}--modal` : `${baseClassName}--not-modal`, className), ref: boxRef }),
+        }, onKeyDown: onKeyDown, className: join(baseClassName, modal ? `${baseClassName}--modal` : `${baseClassName}--not-modal`, className), ref: boxRef }),
         children,
         closeButton));
     const content = fixed ? (React.createElement("div", { onClick: setPreventDismissFlag, className: `${baseClassName}-fixed-wrapper` }, box)) : (box);
     if (windowModal) {
-        return React.createElement(WindowModal_1.WindowModal, Object.assign({}, windowModalProps), content);
+        return React.createElement(WindowModal, Object.assign({}, windowModalProps), content);
     }
     if (modal) {
-        return (React.createElement(Modal_1.Modal, Object.assign({}, modalProps, { isOpen: isOpen, onBringToFront: bringToFront }), box));
+        return (React.createElement(Modal, Object.assign({}, modalProps, { isOpen: isOpen, onBringToFront: bringToFront }), box));
     }
     return content;
 });
-exports.default = exports.Dialog;
+export default Dialog;