@itwin/itwinui-react 3.0.0-dev.4 → 3.0.0-dev.5

package/cjs/core/DatePicker/index.js

@@ -1,11 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.generateLocalizedStrings = exports.DatePicker = void 0;
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var DatePicker_js_1 = require("./DatePicker.js");
-Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return DatePicker_js_1.DatePicker; } });
-Object.defineProperty(exports, "generateLocalizedStrings", { enumerable: true, get: function () { return DatePicker_js_1.generateLocalizedStrings; } });
+var DatePicker_js_1 = require('./DatePicker.js');
+Object.defineProperty(exports, 'DatePicker', {
+  enumerable: true,
+  get: function () {
+    return DatePicker_js_1.DatePicker;
+  },
+});
+Object.defineProperty(exports, 'generateLocalizedStrings', {
+  enumerable: true,
+  get: function () {
+    return DatePicker_js_1.generateLocalizedStrings;
+  },
+});
 exports.default = './DatePicker';

package/cjs/core/Dialog/Dialog.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { DialogContextProps } from './DialogContext.js';
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
-declare type DialogProps = {
+type DialogProps = {
     /**
      * Dialog content.
      */

package/cjs/core/Dialog/Dialog.js

@@ -1,72 +1,76 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.Dialog = void 0;
+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 = __importStar(require("react"));
-const ReactDOM = __importStar(require("react-dom"));
-const classnames_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 ReactDOM = tslib_1.__importStar(require('react-dom'));
+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);
-    const context = (0, index_js_1.useGlobals)();
-    const isClient = (0, index_js_1.useIsClient)();
-    const portalTo = typeof portal !== 'boolean'
-        ? portal.to
-        : portal
-            ? context?.portalContainerRef?.current ?? (0, index_js_1.getDocument)()?.body
-            : null;
-    const dialog = (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 }));
-    return (React.createElement(DialogContext_js_1.DialogContext.Provider, { value: {
-            isOpen,
-            onClose,
-            closeOnEsc,
-            closeOnExternalClick,
-            isDismissible,
-            preventDocumentScroll,
-            trapFocus,
-            setFocus,
-            isDraggable,
-            isResizable,
-            relativeTo,
-            dialogRootRef,
-            placement,
-        } }, portalTo && isClient ? ReactDOM.createPortal(dialog, portalTo) : dialog));
+  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);
+  const context = (0, index_js_1.useGlobals)();
+  const isClient = (0, index_js_1.useIsClient)();
+  const portalTo =
+    typeof portal !== 'boolean'
+      ? portal.to
+      : portal
+      ? context?.portalContainerRef?.current ??
+        (0, index_js_1.getDocument)()?.body
+      : null;
+  const dialog = 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,
+  });
+  return React.createElement(
+    DialogContext_js_1.DialogContext.Provider,
+    {
+      value: {
+        isOpen,
+        onClose,
+        closeOnEsc,
+        closeOnExternalClick,
+        isDismissible,
+        preventDocumentScroll,
+        trapFocus,
+        setFocus,
+        isDraggable,
+        isResizable,
+        relativeTo,
+        dialogRootRef,
+        placement,
+      },
+    },
+    portalTo && isClient ? ReactDOM.createPortal(dialog, portalTo) : dialog,
+  );
 });
 /**
  * Dialog component.
@@ -91,10 +95,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.d.ts

@@ -1,7 +1,7 @@
 import type { BackdropProps } from '../Backdrop/Backdrop.js';
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
 import type { DialogContextProps } from './DialogContext.js';
-declare type DialogBackdropProps = BackdropProps & Pick<DialogContextProps, 'onClose' | 'isDismissible' | 'closeOnExternalClick' | 'relativeTo'>;
+type DialogBackdropProps = BackdropProps & Pick<DialogContextProps, 'onClose' | 'isDismissible' | 'closeOnExternalClick' | 'relativeTo'>;
 /**
  * Backdrop component for dialog. Recommended to be used with `Dialog`
  * then its visibility is being controlled by dialog's `isOpen` prop.

package/cjs/core/Dialog/DialogBackdrop.js

@@ -1,41 +1,16 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.DialogBackdrop = void 0;
+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 = __importStar(require("react"));
-const index_js_1 = require("../Backdrop/index.js");
-const index_js_2 = require("../utils/index.js");
-const DialogContext_js_1 = require("./DialogContext.js");
-const classnames_1 = __importDefault(require("classnames"));
+const React = tslib_1.__importStar(require('react'));
+const index_js_1 = require('../Backdrop/index.js');
+const index_js_2 = 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.
@@ -43,24 +18,44 @@ const classnames_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_2.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(index_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_2.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(index_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,11 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.DialogContent = 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 content in `Dialog`. Recommended to be used as a child of `Dialog`.
  * @example

package/cjs/core/Dialog/DialogContext.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type DialogContextProps = {
+export type DialogContextProps = {
     /**
      * Flag whether dialog should be shown.
      * @default false

package/cjs/core/Dialog/DialogContext.js

@@ -1,36 +1,14 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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');
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = __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.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type DialogDragContextProps = {
+export type DialogDragContextProps = {
     onPointerDown?: (e: React.PointerEvent<HTMLElement>) => void;
 };
 export declare const DialogDragContext: React.Context<DialogDragContextProps | undefined>;

package/cjs/core/Dialog/DialogDragContext.js

@@ -1,39 +1,17 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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');
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = __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;

package/cjs/core/Dialog/DialogMain.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
 import type { DialogContextProps } from './DialogContext.js';
-export declare type DialogMainProps = {
+export type DialogMainProps = {
     /**
      * Type of the dialog.
      * @default 'default'