@itwin/itwinui-react 3.11.3 → 3.12.1

package/cjs/core/NonIdealState/ErrorPage.js

@@ -1,171 +1,239 @@
-"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;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
+});
+Object.defineProperty(exports, 'ErrorPage', {
+  enumerable: true,
+  get: function () {
+    return ErrorPage;
+  },
 });
-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 });
-exports.ErrorPage = 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 React = __importStar(require("react"));
-const Button_js_1 = require("../Buttons/Button.js");
-const NonIdealState_js_1 = require("./NonIdealState.js");
-const ProgressRadial_js_1 = require("../ProgressIndicators/ProgressRadial.js");
-const Svg401 = React.lazy(() => import('@itwin/itwinui-illustrations-react/Svg401'));
-const Svg403 = React.lazy(() => import('@itwin/itwinui-illustrations-react/Svg403'));
-const Svg404 = React.lazy(() => import('@itwin/itwinui-illustrations-react/Svg404'));
-const Svg500 = React.lazy(() => import('@itwin/itwinui-illustrations-react/Svg500'));
-const Svg502 = React.lazy(() => import('@itwin/itwinui-illustrations-react/Svg502'));
-const Svg503 = React.lazy(() => import('@itwin/itwinui-illustrations-react/Svg503'));
-const SvgError = React.lazy(() => import('@itwin/itwinui-illustrations-react/SvgError'));
-const SvgRedirect = React.lazy(() => import('@itwin/itwinui-illustrations-react/SvgRedirect'));
-const SvgTimedOut = React.lazy(() => import('@itwin/itwinui-illustrations-react/SvgTimedOut'));
-/**
- * @deprecated Use `NonIdealState` instead for a smaller client bundle.
- *
- * A stylized display to communicate common http errors.
- * @example
- * <ErrorPage errorType='401' />
- */
-exports.ErrorPage = React.forwardRef((props, forwardedRef) => {
-    const { errorType, errorName, errorMessage, primaryButtonHandle, primaryButtonLabel, secondaryButtonHandle, secondaryButtonLabel, translatedErrorMessages, ...rest } = props;
-    const 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);
-            }
-        }
+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) => {
+  const {
+    errorType,
+    errorName,
+    errorMessage,
+    primaryButtonHandle,
+    primaryButtonLabel,
+    secondaryButtonHandle,
+    secondaryButtonLabel,
+    translatedErrorMessages,
+    ...rest
+  } = props;
+  const 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;
     }
-    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;
-            }
-        }
+    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_js_1.Button, { styleType: 'high-visibility', onClick: primaryButtonHandle }, primaryButtonLabel));
+  }
+  function getPrimaryButton() {
+    if (!primaryButtonHandle || !primaryButtonLabel) {
+      return null;
     }
-    function getSecondaryButton() {
-        if (!secondaryButtonHandle || !secondaryButtonLabel) {
-            return null;
-        }
-        return (React.createElement(Button_js_1.Button, { styleType: 'default', onClick: secondaryButtonHandle }, secondaryButtonLabel));
+    return _react.createElement(
+      _Button.Button,
+      {
+        styleType: 'high-visibility',
+        onClick: primaryButtonHandle,
+      },
+      primaryButtonLabel,
+    );
+  }
+  function getSecondaryButton() {
+    if (!secondaryButtonHandle || !secondaryButtonLabel) {
+      return null;
     }
-    function getActions() {
-        const primaryButton = getPrimaryButton();
-        const secondaryButton = getSecondaryButton();
-        if (!primaryButton && !secondaryButton) {
-            return null;
-        }
-        return (React.createElement(React.Fragment, null,
-            primaryButton,
-            secondaryButton));
+    return _react.createElement(
+      _Button.Button,
+      {
+        styleType: 'default',
+        onClick: secondaryButtonHandle,
+      },
+      secondaryButtonLabel,
+    );
+  }
+  function getActions() {
+    const primaryButton = getPrimaryButton();
+    const secondaryButton = getSecondaryButton();
+    if (!primaryButton && !secondaryButton) {
+      return null;
     }
-    return (React.createElement(NonIdealState_js_1.NonIdealState, { svg: React.createElement(React.Suspense, { fallback: React.createElement(ProgressRadial_js_1.ProgressRadial, null) }, getErrorIcon()), heading: getHeadingMessage(), description: errorMessage, actions: getActions(), ref: forwardedRef, ...rest }));
+    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,
+  });
 });

package/cjs/core/NonIdealState/NonIdealState.js

@@ -1,51 +1,88 @@
-"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;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-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 });
-exports.NonIdealState = 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 React = __importStar(require("react"));
-const index_js_1 = require("../../utils/index.js");
-const classnames_1 = __importDefault(require("classnames"));
-/**
- * A stylized display to communicate common http errors and other non-ideal states.
- * Works well with svgs from @itwin/itwinui-illustrations-react.
- *
- * @example
- * <NonIdealState svg={<Svg404 />} heading='Not found' />
- */
-exports.NonIdealState = React.forwardRef((props, forwardedRef) => {
-    const { className, svg, heading, description, actions, illustrationProps, titleProps, descriptionProps, actionsProps, ...rest } = props;
-    return (React.createElement(index_js_1.Box, { className: (0, classnames_1.default)('iui-non-ideal-state', className), ref: forwardedRef, ...rest },
-        React.createElement(index_js_1.Box, { as: 'div', ...illustrationProps, className: (0, classnames_1.default)('iui-non-ideal-state-illustration', illustrationProps?.className) }, svg),
-        heading && (React.createElement(index_js_1.Box, { as: 'div', ...titleProps, className: (0, classnames_1.default)('iui-non-ideal-state-title', titleProps?.className) }, heading)),
-        description && (React.createElement(index_js_1.Box, { as: 'div', ...descriptionProps, className: (0, classnames_1.default)('iui-non-ideal-state-description', descriptionProps?.className) }, description)),
-        actions && (React.createElement(index_js_1.Box, { as: 'div', ...actionsProps, className: (0, classnames_1.default)('iui-non-ideal-state-actions', actionsProps?.className) }, actions))));
+Object.defineProperty(exports, 'NonIdealState', {
+  enumerable: true,
+  get: function () {
+    return NonIdealState;
+  },
+});
+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 _index = require('../../utils/index.js');
+const _classnames = _interop_require_default._(require('classnames'));
+const NonIdealState = _react.forwardRef((props, forwardedRef) => {
+  const {
+    className,
+    svg,
+    heading,
+    description,
+    actions,
+    illustrationProps,
+    titleProps,
+    descriptionProps,
+    actionsProps,
+    ...rest
+  } = props;
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)('iui-non-ideal-state', className),
+      ref: forwardedRef,
+      ...rest,
+    },
+    _react.createElement(
+      _index.Box,
+      {
+        as: 'div',
+        ...illustrationProps,
+        className: (0, _classnames.default)(
+          'iui-non-ideal-state-illustration',
+          illustrationProps?.className,
+        ),
+      },
+      svg,
+    ),
+    heading &&
+      _react.createElement(
+        _index.Box,
+        {
+          as: 'div',
+          ...titleProps,
+          className: (0, _classnames.default)(
+            'iui-non-ideal-state-title',
+            titleProps?.className,
+          ),
+        },
+        heading,
+      ),
+    description &&
+      _react.createElement(
+        _index.Box,
+        {
+          as: 'div',
+          ...descriptionProps,
+          className: (0, _classnames.default)(
+            'iui-non-ideal-state-description',
+            descriptionProps?.className,
+          ),
+        },
+        description,
+      ),
+    actions &&
+      _react.createElement(
+        _index.Box,
+        {
+          as: 'div',
+          ...actionsProps,
+          className: (0, _classnames.default)(
+            'iui-non-ideal-state-actions',
+            actionsProps?.className,
+          ),
+        },
+        actions,
+      ),
+  );
 });

package/cjs/core/NotificationMarker/NotificationMarker.js

@@ -1,52 +1,42 @@
-"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;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-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 });
-exports.NotificationMarker = 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 React = __importStar(require("react"));
-const index_js_1 = require("../../utils/index.js");
-const classnames_1 = __importDefault(require("classnames"));
-/**
- * A small notification circle to the top-right of the passed children prop.
- * This can be applied to almost anything but mostly intended for icons within buttons with `styleType = default / borderless`.
- * @example
- * <IconButton styleType='borderless'>
- *   <NotificationMarker>
- *     <SvgNotification />
- *   </NotificationMarker>
- * </IconButton>
- * @example
- * <NotificationMarker status='positive' pulsing={true}>Live</NotificationMarker>
- */
-exports.NotificationMarker = React.forwardRef((props, ref) => {
-    const { className, children, status = 'primary', pulsing = false, enabled = true, ...rest } = props;
-    return (React.createElement(index_js_1.Box, { as: 'span', ref: ref, className: (0, classnames_1.default)({ 'iui-notification-marker': enabled }, className), "data-iui-variant": enabled ? status : null, "data-iui-urgent": enabled ? pulsing : null, ...rest }, children));
+Object.defineProperty(exports, 'NotificationMarker', {
+  enumerable: true,
+  get: function () {
+    return NotificationMarker;
+  },
+});
+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 _index = require('../../utils/index.js');
+const _classnames = _interop_require_default._(require('classnames'));
+const NotificationMarker = _react.forwardRef((props, ref) => {
+  const {
+    className,
+    children,
+    status = 'primary',
+    pulsing = false,
+    enabled = true,
+    ...rest
+  } = props;
+  return _react.createElement(
+    _index.Box,
+    {
+      as: 'span',
+      ref: ref,
+      className: (0, _classnames.default)(
+        {
+          'iui-notification-marker': enabled,
+        },
+        className,
+      ),
+      'data-iui-variant': enabled ? status : null,
+      'data-iui-urgent': enabled ? pulsing : null,
+      ...rest,
+    },
+    children,
+  );
 });