@itwin/itwinui-react 3.13.3 → 3.14.0

package/DEV-cjs/core/Menu/MenuItemSkeleton.js

@@ -1,44 +1,69 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "MenuItemSkeleton", {
-    enumerable: true,
-    get: function() {
-        return MenuItemSkeleton;
-    }
+Object.defineProperty(exports, 'MenuItemSkeleton', {
+  enumerable: true,
+  get: function () {
+    return MenuItemSkeleton;
+  },
 });
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = _interop_require_wildcard._(require("react"));
-const _classnames = _interop_require_default._(require("classnames"));
-const _index = require("../../utils/index.js");
-const _VisuallyHidden = require("../VisuallyHidden/VisuallyHidden.js");
-const MenuItemSkeleton = _react.forwardRef((props, forwardedRef)=>{
-    let { hasSublabel, hasIcon, contentWidth, translatedStrings = {
-        loading: 'Loading…'
-    }, className, style, ...rest } = props;
-    return _react.createElement(_index.Box, {
-        className: (0, _classnames.default)('iui-menu-item-skeleton', className),
-        "data-iui-size": hasSublabel && 'large',
-        style: {
-            '--iui-menu-item-content-skeleton-max-width': contentWidth,
-            ...style
-        },
-        ref: forwardedRef,
-        ...rest
-    }, hasIcon && _react.createElement(_index.Box, {
-        className: "iui-icon iui-skeleton",
-        "aria-hidden": true
-    }), _react.createElement(_index.Box, {
-        as: "span",
-        className: "iui-content"
-    }, _react.createElement(_index.Box, {
-        className: "iui-menu-label iui-skeleton",
-        "aria-hidden": true
-    }), hasSublabel && _react.createElement(_index.Box, {
-        className: "iui-menu-description iui-skeleton",
-        "aria-hidden": true
-    }), _react.createElement(_VisuallyHidden.VisuallyHidden, null, translatedStrings.loading)));
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _classnames = _interop_require_default._(require('classnames'));
+const _index = require('../../utils/index.js');
+const _VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');
+const MenuItemSkeleton = _react.forwardRef((props, forwardedRef) => {
+  let {
+    hasSublabel,
+    hasIcon,
+    contentWidth,
+    translatedStrings = {
+      loading: 'Loading…',
+    },
+    className,
+    style,
+    ...rest
+  } = props;
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)('iui-menu-item-skeleton', className),
+      'data-iui-size': hasSublabel && 'large',
+      style: {
+        '--iui-menu-item-content-skeleton-max-width': contentWidth,
+        ...style,
+      },
+      ref: forwardedRef,
+      ...rest,
+    },
+    hasIcon &&
+      _react.createElement(_index.Box, {
+        className: 'iui-icon iui-skeleton',
+        'aria-hidden': true,
+      }),
+    _react.createElement(
+      _index.Box,
+      {
+        as: 'span',
+        className: 'iui-content',
+      },
+      _react.createElement(_index.Box, {
+        className: 'iui-menu-label iui-skeleton',
+        'aria-hidden': true,
+      }),
+      hasSublabel &&
+        _react.createElement(_index.Box, {
+          className: 'iui-menu-description iui-skeleton',
+          'aria-hidden': true,
+        }),
+      _react.createElement(
+        _VisuallyHidden.VisuallyHidden,
+        null,
+        translatedStrings.loading,
+      ),
+    ),
+  );
 });
 MenuItemSkeleton.displayName = 'MenuItemSkeleton';

package/DEV-cjs/core/Modal/Modal.js

@@ -1,36 +1,59 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "Modal", {
-    enumerable: true,
-    get: function() {
-        return Modal;
-    }
+Object.defineProperty(exports, 'Modal', {
+  enumerable: true,
+  get: function () {
+    return Modal;
+  },
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = _interop_require_wildcard._(require("react"));
-const _Dialog = require("../Dialog/Dialog.js");
-const Modal = _react.forwardRef((props, forwardedRef)=>{
-    let { isOpen = false, isDismissible = true, closeOnEsc = true, closeOnExternalClick = true, onClose, title, children, portal = true, wrapperProps, backdropProps, titleBarProps, ...rest } = props;
-    return _react.createElement(_Dialog.Dialog, {
-        isOpen: isOpen,
-        closeOnEsc: closeOnEsc,
-        closeOnExternalClick: closeOnExternalClick,
-        isDismissible: isDismissible,
-        onClose: onClose,
-        preventDocumentScroll: true,
-        trapFocus: true,
-        setFocus: true,
-        ref: forwardedRef,
-        portal: portal,
-        ...wrapperProps
-    }, _react.createElement(_Dialog.Dialog.Backdrop, backdropProps), _react.createElement(_Dialog.Dialog.Main, {
-        "aria-modal": true,
-        ...rest
-    }, _react.createElement(_Dialog.Dialog.TitleBar, {
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _Dialog = require('../Dialog/Dialog.js');
+const Modal = _react.forwardRef((props, forwardedRef) => {
+  let {
+    isOpen = false,
+    isDismissible = true,
+    closeOnEsc = true,
+    closeOnExternalClick = true,
+    onClose,
+    title,
+    children,
+    portal = true,
+    wrapperProps,
+    backdropProps,
+    titleBarProps,
+    ...rest
+  } = props;
+  return _react.createElement(
+    _Dialog.Dialog,
+    {
+      isOpen: isOpen,
+      closeOnEsc: closeOnEsc,
+      closeOnExternalClick: closeOnExternalClick,
+      isDismissible: isDismissible,
+      onClose: onClose,
+      preventDocumentScroll: true,
+      trapFocus: true,
+      setFocus: true,
+      ref: forwardedRef,
+      portal: portal,
+      ...wrapperProps,
+    },
+    _react.createElement(_Dialog.Dialog.Backdrop, backdropProps),
+    _react.createElement(
+      _Dialog.Dialog.Main,
+      {
+        'aria-modal': true,
+        ...rest,
+      },
+      _react.createElement(_Dialog.Dialog.TitleBar, {
         titleText: title,
-        ...titleBarProps
-    }), children));
+        ...titleBarProps,
+      }),
+      children,
+    ),
+  );
 });
 Modal.displayName = 'Modal';

package/DEV-cjs/core/Modal/ModalButtonBar.js

@@ -1,13 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "ModalButtonBar", {
-    enumerable: true,
-    get: function() {
-        return ModalButtonBar;
-    }
+Object.defineProperty(exports, 'ModalButtonBar', {
+  enumerable: true,
+  get: function () {
+    return ModalButtonBar;
+  },
 });
-const _DialogButtonBar = require("../Dialog/DialogButtonBar.js");
+const _DialogButtonBar = require('../Dialog/DialogButtonBar.js');
 const ModalButtonBar = Object.assign({}, _DialogButtonBar.DialogButtonBar);
 ModalButtonBar.displayName = 'ModalButtonBar';

package/DEV-cjs/core/Modal/ModalContent.js

@@ -1,13 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "ModalContent", {
-    enumerable: true,
-    get: function() {
-        return ModalContent;
-    }
+Object.defineProperty(exports, 'ModalContent', {
+  enumerable: true,
+  get: function () {
+    return ModalContent;
+  },
 });
-const _DialogContent = require("../Dialog/DialogContent.js");
+const _DialogContent = require('../Dialog/DialogContent.js');
 const ModalContent = Object.assign({}, _DialogContent.DialogContent);
 ModalContent.displayName = 'ModalContent';

package/DEV-cjs/core/NonIdealState/ErrorPage.js

@@ -1,133 +1,214 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "ErrorPage", {
-    enumerable: true,
-    get: function() {
-        return ErrorPage;
-    }
+Object.defineProperty(exports, 'ErrorPage', {
+  enumerable: true,
+  get: function () {
+    return ErrorPage;
+  },
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = _interop_require_wildcard._(require("react"));
-const _Button = require("../Buttons/Button.js");
-const _NonIdealState = require("./NonIdealState.js");
-const _ProgressRadial = require("../ProgressIndicators/ProgressRadial.js");
-const Svg401 = _react.lazy(()=>Promise.resolve().then(()=>_interop_require_wildcard._(require("@itwin/itwinui-illustrations-react/Svg401"))));
-const Svg403 = _react.lazy(()=>Promise.resolve().then(()=>_interop_require_wildcard._(require("@itwin/itwinui-illustrations-react/Svg403"))));
-const Svg404 = _react.lazy(()=>Promise.resolve().then(()=>_interop_require_wildcard._(require("@itwin/itwinui-illustrations-react/Svg404"))));
-const Svg500 = _react.lazy(()=>Promise.resolve().then(()=>_interop_require_wildcard._(require("@itwin/itwinui-illustrations-react/Svg500"))));
-const Svg502 = _react.lazy(()=>Promise.resolve().then(()=>_interop_require_wildcard._(require("@itwin/itwinui-illustrations-react/Svg502"))));
-const Svg503 = _react.lazy(()=>Promise.resolve().then(()=>_interop_require_wildcard._(require("@itwin/itwinui-illustrations-react/Svg503"))));
-const SvgError = _react.lazy(()=>Promise.resolve().then(()=>_interop_require_wildcard._(require("@itwin/itwinui-illustrations-react/SvgError"))));
-const SvgRedirect = _react.lazy(()=>Promise.resolve().then(()=>_interop_require_wildcard._(require("@itwin/itwinui-illustrations-react/SvgRedirect"))));
-const SvgTimedOut = _react.lazy(()=>Promise.resolve().then(()=>_interop_require_wildcard._(require("@itwin/itwinui-illustrations-react/SvgTimedOut"))));
-const ErrorPage = _react.forwardRef((props, forwardedRef)=>{
-    let { errorType, errorName, errorMessage, primaryButtonHandle, primaryButtonLabel, secondaryButtonHandle, secondaryButtonLabel, translatedErrorMessages, ...rest } = props;
-    let defaultErrorMessages = {
-        badGateway: 'Bad gateway',
-        error: 'Error',
-        forbidden: 'Forbidden',
-        internalServerError: 'Internal server error',
-        redirect: 'Redirect',
-        pageNotFound: 'Page not found',
-        serviceUnavailable: 'Service unavailable',
-        timedOut: 'Timed out',
-        unauthorized: 'Unauthorized',
-        ...translatedErrorMessages
-    };
-    function getErrorIcon() {
-        switch(errorType){
-            case '300':
-            case '301':
-            case '302':
-            case '303':
-            case '304':
-            case '305':
-            case '307':
-            case '308':
-                return _react.createElement(SvgRedirect, null);
-            case '401':
-                return _react.createElement(Svg401, null);
-            case '403':
-                return _react.createElement(Svg403, null);
-            case '404':
-                return _react.createElement(Svg404, null);
-            case '408':
-            case '504':
-                return _react.createElement(SvgTimedOut, null);
-            case '500':
-                return _react.createElement(Svg500, null);
-            case '502':
-                return _react.createElement(Svg502, null);
-            case '503':
-                return _react.createElement(Svg503, null);
-            case 'generic':
-            default:
-                return _react.createElement(SvgError, null);
-        }
-    }
-    function getHeadingMessage() {
-        if (errorName) return errorName;
-        switch(errorType){
-            case '300':
-            case '301':
-            case '302':
-            case '303':
-            case '304':
-            case '305':
-            case '307':
-            case '308':
-                return defaultErrorMessages.redirect || '';
-            case '401':
-                return defaultErrorMessages.unauthorized;
-            case '403':
-                return defaultErrorMessages.forbidden;
-            case '404':
-                return defaultErrorMessages.pageNotFound;
-            case '408':
-            case '504':
-                return defaultErrorMessages.timedOut || '';
-            case '500':
-                return defaultErrorMessages.internalServerError;
-            case '502':
-                return defaultErrorMessages.badGateway;
-            case '503':
-                return defaultErrorMessages.serviceUnavailable;
-            case 'generic':
-            default:
-                return defaultErrorMessages.error;
-        }
-    }
-    function getPrimaryButton() {
-        if (!primaryButtonHandle || !primaryButtonLabel) return null;
-        return _react.createElement(_Button.Button, {
-            styleType: "high-visibility",
-            onClick: primaryButtonHandle
-        }, primaryButtonLabel);
-    }
-    function getSecondaryButton() {
-        if (!secondaryButtonHandle || !secondaryButtonLabel) return null;
-        return _react.createElement(_Button.Button, {
-            styleType: "default",
-            onClick: secondaryButtonHandle
-        }, secondaryButtonLabel);
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _Button = require('../Buttons/Button.js');
+const _NonIdealState = require('./NonIdealState.js');
+const _ProgressRadial = require('../ProgressIndicators/ProgressRadial.js');
+const Svg401 = _react.lazy(() =>
+  Promise.resolve().then(() =>
+    _interop_require_wildcard._(
+      require('@itwin/itwinui-illustrations-react/Svg401'),
+    ),
+  ),
+);
+const Svg403 = _react.lazy(() =>
+  Promise.resolve().then(() =>
+    _interop_require_wildcard._(
+      require('@itwin/itwinui-illustrations-react/Svg403'),
+    ),
+  ),
+);
+const Svg404 = _react.lazy(() =>
+  Promise.resolve().then(() =>
+    _interop_require_wildcard._(
+      require('@itwin/itwinui-illustrations-react/Svg404'),
+    ),
+  ),
+);
+const Svg500 = _react.lazy(() =>
+  Promise.resolve().then(() =>
+    _interop_require_wildcard._(
+      require('@itwin/itwinui-illustrations-react/Svg500'),
+    ),
+  ),
+);
+const Svg502 = _react.lazy(() =>
+  Promise.resolve().then(() =>
+    _interop_require_wildcard._(
+      require('@itwin/itwinui-illustrations-react/Svg502'),
+    ),
+  ),
+);
+const Svg503 = _react.lazy(() =>
+  Promise.resolve().then(() =>
+    _interop_require_wildcard._(
+      require('@itwin/itwinui-illustrations-react/Svg503'),
+    ),
+  ),
+);
+const SvgError = _react.lazy(() =>
+  Promise.resolve().then(() =>
+    _interop_require_wildcard._(
+      require('@itwin/itwinui-illustrations-react/SvgError'),
+    ),
+  ),
+);
+const SvgRedirect = _react.lazy(() =>
+  Promise.resolve().then(() =>
+    _interop_require_wildcard._(
+      require('@itwin/itwinui-illustrations-react/SvgRedirect'),
+    ),
+  ),
+);
+const SvgTimedOut = _react.lazy(() =>
+  Promise.resolve().then(() =>
+    _interop_require_wildcard._(
+      require('@itwin/itwinui-illustrations-react/SvgTimedOut'),
+    ),
+  ),
+);
+const ErrorPage = _react.forwardRef((props, forwardedRef) => {
+  let {
+    errorType,
+    errorName,
+    errorMessage,
+    primaryButtonHandle,
+    primaryButtonLabel,
+    secondaryButtonHandle,
+    secondaryButtonLabel,
+    translatedErrorMessages,
+    ...rest
+  } = props;
+  let defaultErrorMessages = {
+    badGateway: 'Bad gateway',
+    error: 'Error',
+    forbidden: 'Forbidden',
+    internalServerError: 'Internal server error',
+    redirect: 'Redirect',
+    pageNotFound: 'Page not found',
+    serviceUnavailable: 'Service unavailable',
+    timedOut: 'Timed out',
+    unauthorized: 'Unauthorized',
+    ...translatedErrorMessages,
+  };
+  function getErrorIcon() {
+    switch (errorType) {
+      case '300':
+      case '301':
+      case '302':
+      case '303':
+      case '304':
+      case '305':
+      case '307':
+      case '308':
+        return _react.createElement(SvgRedirect, null);
+      case '401':
+        return _react.createElement(Svg401, null);
+      case '403':
+        return _react.createElement(Svg403, null);
+      case '404':
+        return _react.createElement(Svg404, null);
+      case '408':
+      case '504':
+        return _react.createElement(SvgTimedOut, null);
+      case '500':
+        return _react.createElement(Svg500, null);
+      case '502':
+        return _react.createElement(Svg502, null);
+      case '503':
+        return _react.createElement(Svg503, null);
+      case 'generic':
+      default:
+        return _react.createElement(SvgError, null);
     }
-    function getActions() {
-        let primaryButton = getPrimaryButton();
-        let secondaryButton = getSecondaryButton();
-        if (!primaryButton && !secondaryButton) return null;
-        return _react.createElement(_react.Fragment, null, primaryButton, secondaryButton);
+  }
+  function getHeadingMessage() {
+    if (errorName) return errorName;
+    switch (errorType) {
+      case '300':
+      case '301':
+      case '302':
+      case '303':
+      case '304':
+      case '305':
+      case '307':
+      case '308':
+        return defaultErrorMessages.redirect || '';
+      case '401':
+        return defaultErrorMessages.unauthorized;
+      case '403':
+        return defaultErrorMessages.forbidden;
+      case '404':
+        return defaultErrorMessages.pageNotFound;
+      case '408':
+      case '504':
+        return defaultErrorMessages.timedOut || '';
+      case '500':
+        return defaultErrorMessages.internalServerError;
+      case '502':
+        return defaultErrorMessages.badGateway;
+      case '503':
+        return defaultErrorMessages.serviceUnavailable;
+      case 'generic':
+      default:
+        return defaultErrorMessages.error;
     }
-    return _react.createElement(_NonIdealState.NonIdealState, {
-        svg: _react.createElement(_react.Suspense, {
-            fallback: _react.createElement(_ProgressRadial.ProgressRadial, null)
-        }, getErrorIcon()),
-        heading: getHeadingMessage(),
-        description: errorMessage,
-        actions: getActions(),
-        ref: forwardedRef,
-        ...rest
-    });
+  }
+  function getPrimaryButton() {
+    if (!primaryButtonHandle || !primaryButtonLabel) return null;
+    return _react.createElement(
+      _Button.Button,
+      {
+        styleType: 'high-visibility',
+        onClick: primaryButtonHandle,
+      },
+      primaryButtonLabel,
+    );
+  }
+  function getSecondaryButton() {
+    if (!secondaryButtonHandle || !secondaryButtonLabel) return null;
+    return _react.createElement(
+      _Button.Button,
+      {
+        styleType: 'default',
+        onClick: secondaryButtonHandle,
+      },
+      secondaryButtonLabel,
+    );
+  }
+  function getActions() {
+    let primaryButton = getPrimaryButton();
+    let secondaryButton = getSecondaryButton();
+    if (!primaryButton && !secondaryButton) return null;
+    return _react.createElement(
+      _react.Fragment,
+      null,
+      primaryButton,
+      secondaryButton,
+    );
+  }
+  return _react.createElement(_NonIdealState.NonIdealState, {
+    svg: _react.createElement(
+      _react.Suspense,
+      {
+        fallback: _react.createElement(_ProgressRadial.ProgressRadial, null),
+      },
+      getErrorIcon(),
+    ),
+    heading: getHeadingMessage(),
+    description: errorMessage,
+    actions: getActions(),
+    ref: forwardedRef,
+    ...rest,
+  });
 });
 ErrorPage.displayName = 'ErrorPage';