@itwin/itwinui-react 3.0.4 → 3.0.6

package/cjs/core/Dialog/Dialog.js

@@ -1,69 +1,40 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dialog = void 0;
-const tslib_1 = require('tslib');
+const tslib_1 = require("tslib");
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = tslib_1.__importStar(require('react'));
-const classnames_1 = tslib_1.__importDefault(require('classnames'));
-const DialogTitleBar_js_1 = require('./DialogTitleBar.js');
-const DialogContent_js_1 = require('./DialogContent.js');
-const DialogBackdrop_js_1 = require('./DialogBackdrop.js');
-const DialogContext_js_1 = require('./DialogContext.js');
-const DialogButtonBar_js_1 = require('./DialogButtonBar.js');
-const DialogMain_js_1 = require('./DialogMain.js');
-const index_js_1 = require('../utils/index.js');
+const React = tslib_1.__importStar(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const DialogTitleBar_js_1 = require("./DialogTitleBar.js");
+const DialogContent_js_1 = require("./DialogContent.js");
+const DialogBackdrop_js_1 = require("./DialogBackdrop.js");
+const DialogContext_js_1 = require("./DialogContext.js");
+const DialogButtonBar_js_1 = require("./DialogButtonBar.js");
+const DialogMain_js_1 = require("./DialogMain.js");
+const index_js_1 = require("../utils/index.js");
 const DialogComponent = React.forwardRef((props, ref) => {
-  const {
-    trapFocus = false,
-    setFocus = false,
-    preventDocumentScroll = false,
-    isOpen = false,
-    isDismissible = true,
-    closeOnEsc = true,
-    closeOnExternalClick = false,
-    onClose,
-    isDraggable = false,
-    isResizable = false,
-    relativeTo = 'viewport',
-    placement,
-    className,
-    portal = false,
-    ...rest
-  } = props;
-  const dialogRootRef = React.useRef(null);
-  return React.createElement(
-    DialogContext_js_1.DialogContext.Provider,
-    {
-      value: {
-        isOpen,
-        onClose,
-        closeOnEsc,
-        closeOnExternalClick,
-        isDismissible,
-        preventDocumentScroll,
-        trapFocus,
-        setFocus,
-        isDraggable,
-        isResizable,
-        relativeTo,
-        dialogRootRef,
-        placement,
-      },
-    },
-    React.createElement(
-      index_js_1.Portal,
-      { portal: portal },
-      React.createElement(index_js_1.Box, {
-        className: (0, classnames_1.default)('iui-dialog-wrapper', className),
-        'data-iui-relative': relativeTo === 'container',
-        ref: (0, index_js_1.useMergedRefs)(ref, dialogRootRef),
-        ...rest,
-      }),
-    ),
-  );
+    const { trapFocus = false, setFocus = false, preventDocumentScroll = false, isOpen = false, isDismissible = true, closeOnEsc = true, closeOnExternalClick = false, onClose, isDraggable = false, isResizable = false, relativeTo = 'viewport', placement, className, portal = false, ...rest } = props;
+    const dialogRootRef = React.useRef(null);
+    return (React.createElement(DialogContext_js_1.DialogContext.Provider, { value: {
+            isOpen,
+            onClose,
+            closeOnEsc,
+            closeOnExternalClick,
+            isDismissible,
+            preventDocumentScroll,
+            trapFocus,
+            setFocus,
+            isDraggable,
+            isResizable,
+            relativeTo,
+            dialogRootRef,
+            placement,
+        } },
+        React.createElement(index_js_1.Portal, { portal: portal },
+            React.createElement(index_js_1.Box, { className: (0, classnames_1.default)('iui-dialog-wrapper', className), "data-iui-relative": relativeTo === 'container', ref: (0, index_js_1.useMergedRefs)(ref, dialogRootRef), ...rest }))));
 });
 /**
  * Dialog component.
@@ -88,10 +59,10 @@ const DialogComponent = React.forwardRef((props, ref) => {
  * </Dialog>
  */
 exports.Dialog = Object.assign(DialogComponent, {
-  Backdrop: DialogBackdrop_js_1.DialogBackdrop,
-  Main: DialogMain_js_1.DialogMain,
-  TitleBar: DialogTitleBar_js_1.DialogTitleBar,
-  Content: DialogContent_js_1.DialogContent,
-  ButtonBar: DialogButtonBar_js_1.DialogButtonBar,
+    Backdrop: DialogBackdrop_js_1.DialogBackdrop,
+    Main: DialogMain_js_1.DialogMain,
+    TitleBar: DialogTitleBar_js_1.DialogTitleBar,
+    Content: DialogContent_js_1.DialogContent,
+    ButtonBar: DialogButtonBar_js_1.DialogButtonBar,
 });
 exports.default = exports.Dialog;

package/cjs/core/Dialog/DialogBackdrop.js

@@ -1,16 +1,16 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogBackdrop = void 0;
-const tslib_1 = require('tslib');
+const tslib_1 = require("tslib");
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = tslib_1.__importStar(require('react'));
-const Backdrop_js_1 = require('../Backdrop/Backdrop.js');
-const index_js_1 = require('../utils/index.js');
-const DialogContext_js_1 = require('./DialogContext.js');
-const classnames_1 = tslib_1.__importDefault(require('classnames'));
+const React = tslib_1.__importStar(require("react"));
+const Backdrop_js_1 = require("../Backdrop/Backdrop.js");
+const index_js_1 = require("../utils/index.js");
+const DialogContext_js_1 = require("./DialogContext.js");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
 /**
  * Backdrop component for dialog. Recommended to be used with `Dialog`
  * then its visibility is being controlled by dialog's `isOpen` prop.
@@ -18,44 +18,24 @@ const classnames_1 = tslib_1.__importDefault(require('classnames'));
  * <Dialog.Backdrop />
  */
 exports.DialogBackdrop = React.forwardRef((props, ref) => {
-  const dialogContext = (0, DialogContext_js_1.useDialogContext)();
-  const {
-    isVisible = dialogContext.isOpen,
-    isDismissible = dialogContext.isDismissible,
-    onClose = dialogContext.onClose,
-    closeOnExternalClick = dialogContext.closeOnExternalClick,
-    relativeTo = dialogContext.relativeTo,
-    onMouseDown,
-    className,
-    style,
-    ...rest
-  } = props;
-  const backdropRef = React.useRef(null);
-  const refs = (0, index_js_1.useMergedRefs)(backdropRef, ref);
-  const handleMouseDown = (event) => {
-    // Prevents React from resetting its properties
-    event.persist();
-    if (event.target !== backdropRef.current) {
-      return;
-    }
-    if (isDismissible && closeOnExternalClick && onClose) {
-      onClose(event);
-    }
-    onMouseDown?.(event);
-  };
-  return React.createElement(Backdrop_js_1.Backdrop, {
-    isVisible: isVisible,
-    className: (0, classnames_1.default)(
-      { 'iui-backdrop-fixed': relativeTo === 'viewport' },
-      className,
-    ),
-    ref: refs,
-    onMouseDown: handleMouseDown,
-    style: {
-      pointerEvents: 'auto',
-      ...style,
-    },
-    ...rest,
-  });
+    const dialogContext = (0, DialogContext_js_1.useDialogContext)();
+    const { isVisible = dialogContext.isOpen, isDismissible = dialogContext.isDismissible, onClose = dialogContext.onClose, closeOnExternalClick = dialogContext.closeOnExternalClick, relativeTo = dialogContext.relativeTo, onMouseDown, className, style, ...rest } = props;
+    const backdropRef = React.useRef(null);
+    const refs = (0, index_js_1.useMergedRefs)(backdropRef, ref);
+    const handleMouseDown = (event) => {
+        // Prevents React from resetting its properties
+        event.persist();
+        if (event.target !== backdropRef.current) {
+            return;
+        }
+        if (isDismissible && closeOnExternalClick && onClose) {
+            onClose(event);
+        }
+        onMouseDown?.(event);
+    };
+    return (React.createElement(Backdrop_js_1.Backdrop, { isVisible: isVisible, className: (0, classnames_1.default)({ 'iui-backdrop-fixed': relativeTo === 'viewport' }, className), ref: refs, onMouseDown: handleMouseDown, style: {
+            pointerEvents: 'auto',
+            ...style,
+        }, ...rest }));
 });
 exports.default = exports.DialogBackdrop;

package/cjs/core/Dialog/DialogButtonBar.js

@@ -1,11 +1,11 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogButtonBar = void 0;
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const index_js_1 = require('../utils/index.js');
+const index_js_1 = require("../utils/index.js");
 /**
  * Container for Buttons in `Dialog`. Recommended to be used as a child of `Dialog`.
  * @example

package/cjs/core/Dialog/DialogContent.js

@@ -1,14 +1,14 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogContent = void 0;
-const tslib_1 = require('tslib');
+const tslib_1 = require("tslib");
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = tslib_1.__importStar(require('react'));
-const classnames_1 = tslib_1.__importDefault(require('classnames'));
-const index_js_1 = require('../utils/index.js');
+const React = tslib_1.__importStar(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const index_js_1 = require("../utils/index.js");
 /**
  * Container for content in `Dialog`. Recommended to be used as a child of `Dialog`.
  * @example
@@ -17,25 +17,17 @@ const index_js_1 = require('../utils/index.js');
  * </Dialog.Content>
  */
 exports.DialogContent = React.forwardRef((props, ref) => {
-  const { children, className, ...rest } = props;
-  const contentRef = React.useRef(null);
-  React.useEffect(() => {
-    // firefox hack for adding data-iui-flex in absence of :has
-    if (!(0, index_js_1.supportsHas)()) {
-      const dialog = contentRef.current?.closest('[role=dialog]');
-      if (dialog instanceof HTMLElement) {
-        dialog.dataset.iuiFlex = 'true';
-      }
-    }
-  }, []);
-  return React.createElement(
-    index_js_1.Box,
-    {
-      className: (0, classnames_1.default)('iui-dialog-content', className),
-      ref: (0, index_js_1.useMergedRefs)(contentRef, ref),
-      ...rest,
-    },
-    children,
-  );
+    const { children, className, ...rest } = props;
+    const contentRef = React.useRef(null);
+    React.useEffect(() => {
+        // firefox hack for adding data-iui-flex in absence of :has
+        if (!(0, index_js_1.supportsHas)()) {
+            const dialog = contentRef.current?.closest('[role=dialog]');
+            if (dialog instanceof HTMLElement) {
+                dialog.dataset.iuiFlex = 'true';
+            }
+        }
+    }, []);
+    return (React.createElement(index_js_1.Box, { className: (0, classnames_1.default)('iui-dialog-content', className), ref: (0, index_js_1.useMergedRefs)(contentRef, ref), ...rest }, children));
 });
 exports.default = exports.DialogContent;

package/cjs/core/Dialog/DialogContext.js

@@ -1,14 +1,14 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDialogContext = exports.DialogContext = void 0;
-const tslib_1 = require('tslib');
+const tslib_1 = require("tslib");
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = tslib_1.__importStar(require('react'));
+const React = tslib_1.__importStar(require("react"));
 exports.DialogContext = React.createContext(undefined);
 const useDialogContext = () => {
-  return React.useContext(exports.DialogContext) || {};
+    return React.useContext(exports.DialogContext) || {};
 };
 exports.useDialogContext = useDialogContext;

package/cjs/core/Dialog/DialogDragContext.js

@@ -1,17 +1,17 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDialogDragContext = exports.DialogDragContext = void 0;
-const tslib_1 = require('tslib');
+const tslib_1 = require("tslib");
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = tslib_1.__importStar(require('react'));
+const React = tslib_1.__importStar(require("react"));
 exports.DialogDragContext = React.createContext(undefined);
 const useDialogDragContext = () => {
-  const context = React.useContext(exports.DialogDragContext);
-  return {
-    ...context,
-  };
+    const context = React.useContext(exports.DialogDragContext);
+    return {
+        ...context,
+    };
 };
 exports.useDialogDragContext = useDialogDragContext;