@itwin/itwinui-react 3.11.2 → 3.12.0

package/cjs/core/Stepper/Stepper.js

@@ -1,55 +1,97 @@
-"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.Stepper = 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 classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const index_js_1 = require("../../utils/index.js");
-const StepperStep_js_1 = require("./StepperStep.js");
+Object.defineProperty(exports, 'Stepper', {
+  enumerable: true,
+  get: function () {
+    return Stepper;
+  },
+});
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _jsxruntime = require('react/jsx-runtime');
+const _classnames = _interop_require_default._(require('classnames'));
+const _react = _interop_require_wildcard._(require('react'));
+const _index = require('../../utils/index.js');
+const _StepperStep = require('./StepperStep.js');
 const defaultStepperLocalization = {
-    stepsCountLabel: (currentStep, totalSteps) => `Step ${currentStep} of ${totalSteps}:`,
+  stepsCountLabel: (currentStep, totalSteps) =>
+    `Step ${currentStep} of ${totalSteps}:`,
 };
-exports.Stepper = React.forwardRef((props, ref) => {
-    const { currentStep, steps, type = 'default', localization = defaultStepperLocalization, onStepClick, stepProps, trackContentProps, circleProps, nameProps, labelProps, labelCountProps, ...rest } = props;
-    const boundedCurrentStep = Math.min(Math.max(0, currentStep ?? 0), steps.length - 1);
-    return (React.createElement(index_js_1.Box, { className: 'iui-stepper', ref: ref, ...rest },
-        React.createElement("ol", null, steps.map((s, index) => {
-            const thisStepProps = stepProps?.(index);
-            const thisTrackContentProps = trackContentProps?.(index);
-            const thisCircleProps = circleProps?.(index);
-            const thisNameProps = nameProps?.(index);
-            return (React.createElement(StepperStep_js_1.StepperStep, { stepProps: thisStepProps, trackContentProps: thisTrackContentProps, circleProps: thisCircleProps, nameProps: thisNameProps, key: index, index: index, title: type === 'long' ? '' : s.name, currentStepNumber: boundedCurrentStep, totalSteps: steps.length, type: type, onClick: onStepClick, description: s.description }));
-        })),
-        type === 'long' && (React.createElement(index_js_1.Box, { as: 'div', ...labelProps, className: (0, classnames_1.default)('iui-stepper-steps-label', labelProps?.className) },
-            React.createElement(index_js_1.Box, { as: 'span', ...labelCountProps, className: (0, classnames_1.default)('iui-stepper-steps-label-count', labelCountProps?.className) }, localization.stepsCountLabel(boundedCurrentStep + 1, steps.length)),
-            steps[boundedCurrentStep].name))));
+const Stepper = _react.forwardRef((props, ref) => {
+  const {
+    currentStep,
+    steps,
+    type = 'default',
+    localization = defaultStepperLocalization,
+    onStepClick,
+    stepProps,
+    trackContentProps,
+    circleProps,
+    nameProps,
+    labelProps,
+    labelCountProps,
+    ...rest
+  } = props;
+  const boundedCurrentStep = Math.min(
+    Math.max(0, currentStep ?? 0),
+    steps.length - 1,
+  );
+  return (0, _jsxruntime.jsxs)(_index.Box, {
+    className: 'iui-stepper',
+    ref: ref,
+    ...rest,
+    children: [
+      (0, _jsxruntime.jsx)('ol', {
+        children: steps.map((s, index) => {
+          const thisStepProps = stepProps?.(index);
+          const thisTrackContentProps = trackContentProps?.(index);
+          const thisCircleProps = circleProps?.(index);
+          const thisNameProps = nameProps?.(index);
+          return (0, _jsxruntime.jsx)(
+            _StepperStep.StepperStep,
+            {
+              stepProps: thisStepProps,
+              trackContentProps: thisTrackContentProps,
+              circleProps: thisCircleProps,
+              nameProps: thisNameProps,
+              index: index,
+              title: type === 'long' ? '' : s.name,
+              currentStepNumber: boundedCurrentStep,
+              totalSteps: steps.length,
+              type: type,
+              onClick: onStepClick,
+              description: s.description,
+            },
+            index,
+          );
+        }),
+      }),
+      type === 'long' &&
+        (0, _jsxruntime.jsxs)(_index.Box, {
+          as: 'div',
+          ...labelProps,
+          className: (0, _classnames.default)(
+            'iui-stepper-steps-label',
+            labelProps?.className,
+          ),
+          children: [
+            (0, _jsxruntime.jsx)(_index.Box, {
+              as: 'span',
+              ...labelCountProps,
+              className: (0, _classnames.default)(
+                'iui-stepper-steps-label-count',
+                labelCountProps?.className,
+              ),
+              children: localization.stepsCountLabel(
+                boundedCurrentStep + 1,
+                steps.length,
+              ),
+            }),
+            steps[boundedCurrentStep].name,
+          ],
+        }),
+    ],
+  });
 });

package/cjs/core/Stepper/StepperStep.js

@@ -1,68 +1,113 @@
-"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, 'StepperStep', {
+  enumerable: true,
+  get: function () {
+    return StepperStep;
+  },
 });
-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.StepperStep = 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 classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const Tooltip_js_1 = require("../Tooltip/Tooltip.js");
-const index_js_1 = require("../../utils/index.js");
-exports.StepperStep = React.forwardRef((props, forwardedRef) => {
-    const { title, index, currentStepNumber, totalSteps, type, onClick, description, className, style, stepProps, trackContentProps, circleProps, nameProps, ...rest } = props;
-    const isPast = currentStepNumber > index;
-    const isActive = currentStepNumber === index;
-    const isClickable = isPast && !!onClick;
-    const onCompletedClick = () => {
-        if (isClickable) {
-            onClick?.(index);
-        }
-    };
-    const onKeyDown = (e) => {
-        if (e.altKey) {
-            return;
-        }
-        if (!isClickable) {
-            return;
-        }
-        if (e.key === 'Enter' || e.key === 'Space' || e.key === ' ') {
-            onCompletedClick();
-        }
-    };
-    const stepShape = (React.createElement(index_js_1.Box, { as: 'li', ...stepProps, className: (0, classnames_1.default)('iui-stepper-step', { 'iui-current': isActive, 'iui-clickable': isClickable }, className, stepProps?.className), style: {
-            inlineSize: type === 'default' ? `${100 / totalSteps}%` : undefined,
-            ...style,
-            ...stepProps?.style,
-        }, onClick: onCompletedClick, onKeyDown: onKeyDown, "aria-current": isActive ? 'step' : undefined, tabIndex: isClickable ? 0 : undefined, ref: forwardedRef, ...rest },
-        React.createElement(index_js_1.Box, { as: 'div', ...trackContentProps, className: (0, classnames_1.default)('iui-stepper-track-content', trackContentProps?.className) },
-            React.createElement(index_js_1.Box, { as: 'span', ...circleProps, className: (0, classnames_1.default)('iui-stepper-circle', circleProps?.className) }, index + 1)),
-        type === 'default' && (React.createElement(index_js_1.Box, { as: 'span', ...nameProps, className: (0, classnames_1.default)('iui-stepper-step-name', nameProps?.className) }, title))));
-    return description ? (React.createElement(Tooltip_js_1.Tooltip, { content: description }, stepShape)) : (stepShape);
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _jsxruntime = require('react/jsx-runtime');
+const _classnames = _interop_require_default._(require('classnames'));
+const _react = _interop_require_wildcard._(require('react'));
+const _Tooltip = require('../Tooltip/Tooltip.js');
+const _index = require('../../utils/index.js');
+const StepperStep = _react.forwardRef((props, forwardedRef) => {
+  const {
+    title,
+    index,
+    currentStepNumber,
+    totalSteps,
+    type,
+    onClick,
+    description,
+    className,
+    style,
+    stepProps,
+    trackContentProps,
+    circleProps,
+    nameProps,
+    ...rest
+  } = props;
+  const isPast = currentStepNumber > index;
+  const isActive = currentStepNumber === index;
+  const isClickable = isPast && !!onClick;
+  const onCompletedClick = () => {
+    if (isClickable) {
+      onClick?.(index);
+    }
+  };
+  const onKeyDown = (e) => {
+    if (e.altKey) {
+      return;
+    }
+    if (!isClickable) {
+      return;
+    }
+    if (e.key === 'Enter' || e.key === 'Space' || e.key === ' ') {
+      onCompletedClick();
+    }
+  };
+  const stepShape = (0, _jsxruntime.jsxs)(_index.Box, {
+    as: 'li',
+    ...stepProps,
+    className: (0, _classnames.default)(
+      'iui-stepper-step',
+      {
+        'iui-current': isActive,
+        'iui-clickable': isClickable,
+      },
+      className,
+      stepProps?.className,
+    ),
+    style: {
+      inlineSize: type === 'default' ? `${100 / totalSteps}%` : undefined,
+      ...style,
+      ...stepProps?.style,
+    },
+    onClick: onCompletedClick,
+    onKeyDown: onKeyDown,
+    'aria-current': isActive ? 'step' : undefined,
+    tabIndex: isClickable ? 0 : undefined,
+    ref: forwardedRef,
+    ...rest,
+    children: [
+      (0, _jsxruntime.jsx)(_index.Box, {
+        as: 'div',
+        ...trackContentProps,
+        className: (0, _classnames.default)(
+          'iui-stepper-track-content',
+          trackContentProps?.className,
+        ),
+        children: (0, _jsxruntime.jsx)(_index.Box, {
+          as: 'span',
+          ...circleProps,
+          className: (0, _classnames.default)(
+            'iui-stepper-circle',
+            circleProps?.className,
+          ),
+          children: index + 1,
+        }),
+      }),
+      type === 'default' &&
+        (0, _jsxruntime.jsx)(_index.Box, {
+          as: 'span',
+          ...nameProps,
+          className: (0, _classnames.default)(
+            'iui-stepper-step-name',
+            nameProps?.className,
+          ),
+          children: title,
+        }),
+    ],
+  });
+  return description
+    ? (0, _jsxruntime.jsx)(_Tooltip.Tooltip, {
+        content: description,
+        children: stepShape,
+      })
+    : stepShape;
 });

package/cjs/core/Stepper/WorkflowDiagram.js

@@ -1,47 +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.WorkflowDiagram = 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 classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../../utils/index.js");
-const WorkflowDiagramStep_js_1 = require("./WorkflowDiagramStep.js");
-exports.WorkflowDiagram = React.forwardRef(
-// TODO: Remove this ref cast. ref and rest props should be applied on the same element
-(props, ref) => {
-    const { steps, className, contentProps, wrapperProps, ...rest } = props;
-    return (React.createElement(index_js_1.Box, { as: 'div', ...wrapperProps, ref: ref },
-        React.createElement(index_js_1.Box, { as: 'ol', className: (0, classnames_1.default)('iui-workflow-diagram', className), ...rest }, steps.map((s, index) => {
-            const thisContentProps = contentProps?.(index);
-            return (React.createElement(WorkflowDiagramStep_js_1.WorkflowDiagramStep, { contentProps: thisContentProps, key: index, title: s.name, description: s.description }));
-        }))));
+Object.defineProperty(exports, 'WorkflowDiagram', {
+  enumerable: true,
+  get: function () {
+    return WorkflowDiagram;
+  },
+});
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _jsxruntime = require('react/jsx-runtime');
+const _react = _interop_require_wildcard._(require('react'));
+const _classnames = _interop_require_default._(require('classnames'));
+const _index = require('../../utils/index.js');
+const _WorkflowDiagramStep = require('./WorkflowDiagramStep.js');
+const WorkflowDiagram = _react.forwardRef((props, ref) => {
+  const { steps, className, contentProps, wrapperProps, ...rest } = props;
+  return (0, _jsxruntime.jsx)(_index.Box, {
+    as: 'div',
+    ...wrapperProps,
+    ref: ref,
+    children: (0, _jsxruntime.jsx)(_index.Box, {
+      as: 'ol',
+      className: (0, _classnames.default)('iui-workflow-diagram', className),
+      ...rest,
+      children: steps.map((s, index) => {
+        const thisContentProps = contentProps?.(index);
+        return (0, _jsxruntime.jsx)(
+          _WorkflowDiagramStep.WorkflowDiagramStep,
+          {
+            contentProps: thisContentProps,
+            title: s.name,
+            description: s.description,
+          },
+          index,
+        );
+      }),
+    }),
+  });
 });

package/cjs/core/Stepper/WorkflowDiagramStep.d.ts

@@ -7,4 +7,4 @@ export type WorkflowDiagramStepProps = {
      */
     contentProps?: React.ComponentProps<'span'>;
 } & Pick<StepperStepProps, 'title' | 'description'> & Omit<CommonProps, 'title'>;
-export declare const WorkflowDiagramStep: (props: WorkflowDiagramStepProps) => React.JSX.Element;
+export declare const WorkflowDiagramStep: (props: WorkflowDiagramStepProps) => import("react/jsx-runtime").JSX.Element;

package/cjs/core/Stepper/WorkflowDiagramStep.js

@@ -1,44 +1,41 @@
-"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.WorkflowDiagramStep = 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 classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const Tooltip_js_1 = require("../Tooltip/Tooltip.js");
-const index_js_1 = require("../../utils/index.js");
+Object.defineProperty(exports, 'WorkflowDiagramStep', {
+  enumerable: true,
+  get: function () {
+    return WorkflowDiagramStep;
+  },
+});
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _jsxruntime = require('react/jsx-runtime');
+const _classnames = _interop_require_default._(require('classnames'));
+const _react = _interop_require_wildcard._(require('react'));
+const _Tooltip = require('../Tooltip/Tooltip.js');
+const _index = require('../../utils/index.js');
 const WorkflowDiagramStep = (props) => {
-    const { title, description, className, style, contentProps, ...rest } = props;
-    const stepShape = (React.createElement(index_js_1.Box, { as: 'li', className: (0, classnames_1.default)('iui-workflow-diagram-step', className), style: style, ...rest },
-        React.createElement(index_js_1.Box, { as: 'span', ...contentProps, className: (0, classnames_1.default)('iui-workflow-diagram-content', contentProps?.className) }, title)));
-    return description ? (React.createElement(Tooltip_js_1.Tooltip, { content: description }, stepShape)) : (stepShape);
+  const { title, description, className, style, contentProps, ...rest } = props;
+  const stepShape = (0, _jsxruntime.jsx)(_index.Box, {
+    as: 'li',
+    className: (0, _classnames.default)('iui-workflow-diagram-step', className),
+    style: style,
+    ...rest,
+    children: (0, _jsxruntime.jsx)(_index.Box, {
+      as: 'span',
+      ...contentProps,
+      className: (0, _classnames.default)(
+        'iui-workflow-diagram-content',
+        contentProps?.className,
+      ),
+      children: title,
+    }),
+  });
+  return description
+    ? (0, _jsxruntime.jsx)(_Tooltip.Tooltip, {
+        content: description,
+        children: stepShape,
+      })
+    : stepShape;
 };
-exports.WorkflowDiagramStep = WorkflowDiagramStep;