@itwin/itwinui-react 3.13.3 → 3.14.0

package/DEV-cjs/core/Slider/Thumb.js

@@ -1,102 +1,115 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "Thumb", {
-    enumerable: true,
-    get: function() {
-        return Thumb;
-    }
+Object.defineProperty(exports, 'Thumb', {
+  enumerable: true,
+  get: function () {
+    return Thumb;
+  },
 });
-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 _Tooltip = require("../Tooltip/Tooltip.js");
-const _index = require("../../utils/index.js");
-const Thumb = (props)=>{
-    let { value, index, minVal, maxVal, step, sliderMin, sliderMax, isActive, onThumbActivated, onThumbValueChanged, tooltipProps, thumbProps, disabled } = props;
-    let thumbRef = _react.useRef(null);
-    let handleOnKeyboardEvent = _react.useCallback((event, keyboardReleased)=>{
-        if (disabled || event.altKey) return;
-        switch(event.key){
-            case 'ArrowLeft':
-            case 'ArrowDown':
-                onThumbValueChanged(index, Math.max(value - step, minVal), keyboardReleased);
-                break;
-            case 'ArrowRight':
-            case 'ArrowUp':
-                onThumbValueChanged(index, Math.min(value + step, maxVal), keyboardReleased);
-                break;
-            case 'Home':
-                onThumbValueChanged(index, minVal, keyboardReleased);
-                break;
-            case 'End':
-                onThumbValueChanged(index, maxVal, keyboardReleased);
-                break;
-            default:
-                return;
-        }
-        event.preventDefault();
-    }, [
-        disabled,
-        onThumbValueChanged,
-        index,
-        value,
-        step,
-        minVal,
-        maxVal
-    ]);
-    let handlePointerDownOnThumb = _react.useCallback(()=>{
-        disabled || onThumbActivated(index);
-    }, [
-        disabled,
-        index,
-        onThumbActivated
-    ]);
-    let adjustedValue = _react.useMemo(()=>{
-        if (value < sliderMin) return sliderMin;
-        if (value > sliderMax) return sliderMax;
-        return value;
-    }, [
-        sliderMax,
-        sliderMin,
-        value
-    ]);
-    let lowPercent = _react.useMemo(()=>{
-        if (sliderMax === sliderMin) return 0;
-        return 100.0 * (adjustedValue - sliderMin) / (sliderMax - sliderMin);
-    }, [
-        adjustedValue,
-        sliderMax,
-        sliderMin
-    ]);
-    let { style, className, ...rest } = thumbProps || {};
-    return _react.createElement(_Tooltip.Tooltip, {
-        placement: "top",
-        autoUpdateOptions: {
-            animationFrame: true
+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 _Tooltip = require('../Tooltip/Tooltip.js');
+const _index = require('../../utils/index.js');
+const Thumb = (props) => {
+  let {
+    value,
+    index,
+    minVal,
+    maxVal,
+    step,
+    sliderMin,
+    sliderMax,
+    isActive,
+    onThumbActivated,
+    onThumbValueChanged,
+    tooltipProps,
+    thumbProps,
+    disabled,
+  } = props;
+  let thumbRef = _react.useRef(null);
+  let handleOnKeyboardEvent = _react.useCallback(
+    (event, keyboardReleased) => {
+      if (disabled || event.altKey) return;
+      switch (event.key) {
+        case 'ArrowLeft':
+        case 'ArrowDown':
+          onThumbValueChanged(
+            index,
+            Math.max(value - step, minVal),
+            keyboardReleased,
+          );
+          break;
+        case 'ArrowRight':
+        case 'ArrowUp':
+          onThumbValueChanged(
+            index,
+            Math.min(value + step, maxVal),
+            keyboardReleased,
+          );
+          break;
+        case 'Home':
+          onThumbValueChanged(index, minVal, keyboardReleased);
+          break;
+        case 'End':
+          onThumbValueChanged(index, maxVal, keyboardReleased);
+          break;
+        default:
+          return;
+      }
+      event.preventDefault();
+    },
+    [disabled, onThumbValueChanged, index, value, step, minVal, maxVal],
+  );
+  let handlePointerDownOnThumb = _react.useCallback(() => {
+    disabled || onThumbActivated(index);
+  }, [disabled, index, onThumbActivated]);
+  let adjustedValue = _react.useMemo(() => {
+    if (value < sliderMin) return sliderMin;
+    if (value > sliderMax) return sliderMax;
+    return value;
+  }, [sliderMax, sliderMin, value]);
+  let lowPercent = _react.useMemo(() => {
+    if (sliderMax === sliderMin) return 0;
+    return (100.0 * (adjustedValue - sliderMin)) / (sliderMax - sliderMin);
+  }, [adjustedValue, sliderMax, sliderMin]);
+  let { style, className, ...rest } = thumbProps || {};
+  return _react.createElement(
+    _Tooltip.Tooltip,
+    {
+      placement: 'top',
+      autoUpdateOptions: {
+        animationFrame: true,
+      },
+      ariaStrategy: 'none',
+      ...tooltipProps,
+    },
+    _react.createElement(_index.Box, {
+      ...rest,
+      ref: (0, _index.useMergedRefs)(thumbRef, thumbProps?.ref),
+      style: {
+        ...style,
+        '--iui-slider-thumb-position': `${lowPercent}%`,
+      },
+      className: (0, _classnames.default)(
+        'iui-slider-thumb',
+        {
+          'iui-active': isActive,
         },
-        ariaStrategy: "none",
-        ...tooltipProps
-    }, _react.createElement(_index.Box, {
-        ...rest,
-        ref: (0, _index.useMergedRefs)(thumbRef, thumbProps?.ref),
-        style: {
-            ...style,
-            '--iui-slider-thumb-position': `${lowPercent}%`
-        },
-        className: (0, _classnames.default)('iui-slider-thumb', {
-            'iui-active': isActive
-        }, className),
-        role: "slider",
-        tabIndex: disabled ? void 0 : 0,
-        "aria-valuemin": minVal,
-        "aria-valuenow": value,
-        "aria-valuemax": maxVal,
-        "aria-disabled": disabled,
-        onPointerDown: handlePointerDownOnThumb,
-        onKeyDown: (event)=>handleOnKeyboardEvent(event, false),
-        onKeyUp: (event)=>handleOnKeyboardEvent(event, true)
-    }));
+        className,
+      ),
+      role: 'slider',
+      tabIndex: disabled ? void 0 : 0,
+      'aria-valuemin': minVal,
+      'aria-valuenow': value,
+      'aria-valuemax': maxVal,
+      'aria-disabled': disabled,
+      onPointerDown: handlePointerDownOnThumb,
+      onKeyDown: (event) => handleOnKeyboardEvent(event, false),
+      onKeyUp: (event) => handleOnKeyboardEvent(event, true),
+    }),
+  );
 };

package/DEV-cjs/core/Slider/Track.js

@@ -1,70 +1,102 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "Track", {
-    enumerable: true,
-    get: function() {
-        return Track;
-    }
+Object.defineProperty(exports, 'Track', {
+  enumerable: true,
+  get: function () {
+    return Track;
+  },
 });
-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 _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');
 function shouldDisplaySegment(segmentIndex, mode) {
-    if ('odd-segments' === mode && 0 === (segmentIndex + 1) % 2) return true;
-    if ('even-segments' === mode && 0 === segmentIndex % 2) return true;
-    return false;
+  if ('odd-segments' === mode && 0 === (segmentIndex + 1) % 2) return true;
+  if ('even-segments' === mode && 0 === segmentIndex % 2) return true;
+  return false;
 }
 function generateSegments(values, min, max) {
-    let segments = [];
-    let newValues = [
-        ...values
-    ];
-    newValues.sort((a, b)=>a - b);
-    if (0 === newValues.length || newValues[0] < min || newValues[newValues.length - 1] > max || min === max) return [];
-    let lastValue = min;
-    for(let i = 0; i < newValues.length; i++){
-        segments.push({
-            left: lastValue,
-            right: newValues[i]
-        });
-        lastValue = newValues[i];
-    }
+  let segments = [];
+  let newValues = [...values];
+  newValues.sort((a, b) => a - b);
+  if (
+    0 === newValues.length ||
+    newValues[0] < min ||
+    newValues[newValues.length - 1] > max ||
+    min === max
+  )
+    return [];
+  let lastValue = min;
+  for (let i = 0; i < newValues.length; i++) {
     segments.push({
-        left: lastValue,
-        right: max
+      left: lastValue,
+      right: newValues[i],
     });
-    return segments;
+    lastValue = newValues[i];
+  }
+  segments.push({
+    left: lastValue,
+    right: max,
+  });
+  return segments;
 }
-const Track = (props)=>{
-    let { className, trackDisplayMode, sliderMin, sliderMax, values, orientation } = props;
-    let [segments, setSegments] = _react.useState(()=>generateSegments(values, sliderMin, sliderMax));
-    _react.useEffect(()=>{
-        setSegments(generateSegments(values, sliderMin, sliderMax));
-    }, [
-        values,
-        sliderMin,
-        sliderMax
-    ]);
-    return _react.createElement(_react.Fragment, null, 'none' !== trackDisplayMode && segments.map((segment, index)=>{
-        let lowPercent = segment.left >= sliderMin && sliderMax !== sliderMin ? 100.0 * (segment.left - sliderMin) / (sliderMax - sliderMin) : 0;
-        let highPercent = segment.right >= sliderMin && sliderMax !== sliderMin ? 100.0 - 100.0 * (segment.right - sliderMin) / (sliderMax - sliderMin) : 100;
-        return _react.createElement(_react.Fragment, {
-            key: index
-        }, shouldDisplaySegment(index, trackDisplayMode) ? _react.createElement(_index.Box, {
-            className: (0, _classnames.default)('iui-slider-track', className),
-            style: {
-                ...'horizontal' === orientation ? {
-                    insetInlineStart: `${lowPercent}%`,
-                    insetInlineEnd: `${highPercent}%`
-                } : {
-                    insetBlockStart: `${highPercent}%`,
-                    insetBlockEnd: `${lowPercent}%`
-                }
-            }
-        }) : null);
-    }));
+const Track = (props) => {
+  let {
+    className,
+    trackDisplayMode,
+    sliderMin,
+    sliderMax,
+    values,
+    orientation,
+  } = props;
+  let [segments, setSegments] = _react.useState(() =>
+    generateSegments(values, sliderMin, sliderMax),
+  );
+  _react.useEffect(() => {
+    setSegments(generateSegments(values, sliderMin, sliderMax));
+  }, [values, sliderMin, sliderMax]);
+  return _react.createElement(
+    _react.Fragment,
+    null,
+    'none' !== trackDisplayMode &&
+      segments.map((segment, index) => {
+        let lowPercent =
+          segment.left >= sliderMin && sliderMax !== sliderMin
+            ? (100.0 * (segment.left - sliderMin)) / (sliderMax - sliderMin)
+            : 0;
+        let highPercent =
+          segment.right >= sliderMin && sliderMax !== sliderMin
+            ? 100.0 -
+              (100.0 * (segment.right - sliderMin)) / (sliderMax - sliderMin)
+            : 100;
+        return _react.createElement(
+          _react.Fragment,
+          {
+            key: index,
+          },
+          shouldDisplaySegment(index, trackDisplayMode)
+            ? _react.createElement(_index.Box, {
+                className: (0, _classnames.default)(
+                  'iui-slider-track',
+                  className,
+                ),
+                style: {
+                  ...('horizontal' === orientation
+                    ? {
+                        insetInlineStart: `${lowPercent}%`,
+                        insetInlineEnd: `${highPercent}%`,
+                      }
+                    : {
+                        insetBlockStart: `${highPercent}%`,
+                        insetBlockEnd: `${lowPercent}%`,
+                      }),
+                },
+              })
+            : null,
+        );
+      }),
+  );
 };

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

@@ -1,31 +1,50 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "StatusMessage", {
-    enumerable: true,
-    get: function() {
-        return StatusMessage;
-    }
+Object.defineProperty(exports, 'StatusMessage', {
+  enumerable: true,
+  get: function () {
+    return StatusMessage;
+  },
 });
-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 _Icon = require("../Icon/Icon.js");
-const StatusMessage = _react.forwardRef((props, ref)=>{
-    let { children, startIcon: userStartIcon, status, className, iconProps, contentProps, ...rest } = props;
-    let icon = userStartIcon ?? (status && _index.StatusIconMap[status]());
-    let shouldShowIcon = null !== userStartIcon && !!icon;
-    return _react.createElement(_index.Box, {
-        className: (0, _classnames.default)('iui-status-message', className),
-        "data-iui-status": status,
-        ref: ref,
-        ...rest
-    }, shouldShowIcon ? _react.createElement(_Icon.Icon, {
-        "aria-hidden": true,
-        ...iconProps
-    }, icon) : null, _react.createElement(_index.Box, contentProps, children));
+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 _Icon = require('../Icon/Icon.js');
+const StatusMessage = _react.forwardRef((props, ref) => {
+  let {
+    children,
+    startIcon: userStartIcon,
+    status,
+    className,
+    iconProps,
+    contentProps,
+    ...rest
+  } = props;
+  let icon = userStartIcon ?? (status && _index.StatusIconMap[status]());
+  let shouldShowIcon = null !== userStartIcon && !!icon;
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)('iui-status-message', className),
+      'data-iui-status': status,
+      ref: ref,
+      ...rest,
+    },
+    shouldShowIcon
+      ? _react.createElement(
+          _Icon.Icon,
+          {
+            'aria-hidden': true,
+            ...iconProps,
+          },
+          icon,
+        )
+      : null,
+    _react.createElement(_index.Box, contentProps, children),
+  );
 });
 StatusMessage.displayName = 'StatusMessage';

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

@@ -1,56 +1,98 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "Stepper", {
-    enumerable: true,
-    get: function() {
-        return Stepper;
-    }
+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 _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 _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+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}:`,
 };
-const Stepper = _react.forwardRef((props, ref)=>{
-    let { currentStep, steps, type = 'default', localization = defaultStepperLocalization, onStepClick, stepProps, trackContentProps, circleProps, nameProps, labelProps, labelCountProps, ...rest } = props;
-    let boundedCurrentStep = Math.min(Math.max(0, currentStep ?? 0), steps.length - 1);
-    return _react.createElement(_index.Box, {
-        className: 'iui-stepper',
-        ref: ref,
-        ...rest
-    }, _react.createElement("ol", null, steps.map((s, index)=>{
+const Stepper = _react.forwardRef((props, ref) => {
+  let {
+    currentStep,
+    steps,
+    type = 'default',
+    localization = defaultStepperLocalization,
+    onStepClick,
+    stepProps,
+    trackContentProps,
+    circleProps,
+    nameProps,
+    labelProps,
+    labelCountProps,
+    ...rest
+  } = props;
+  let boundedCurrentStep = Math.min(
+    Math.max(0, currentStep ?? 0),
+    steps.length - 1,
+  );
+  return _react.createElement(
+    _index.Box,
+    {
+      className: 'iui-stepper',
+      ref: ref,
+      ...rest,
+    },
+    _react.createElement(
+      'ol',
+      null,
+      steps.map((s, index) => {
         let thisStepProps = stepProps?.(index);
         let thisTrackContentProps = trackContentProps?.(index);
         let thisCircleProps = circleProps?.(index);
         let thisNameProps = nameProps?.(index);
         return _react.createElement(_StepperStep.StepperStep, {
-            stepProps: thisStepProps,
-            trackContentProps: thisTrackContentProps,
-            circleProps: thisCircleProps,
-            nameProps: thisNameProps,
-            key: index,
-            index: index,
-            title: 'long' === type ? '' : s.name,
-            currentStepNumber: boundedCurrentStep,
-            totalSteps: steps.length,
-            type: type,
-            onClick: onStepClick,
-            description: s.description
+          stepProps: thisStepProps,
+          trackContentProps: thisTrackContentProps,
+          circleProps: thisCircleProps,
+          nameProps: thisNameProps,
+          key: index,
+          index: index,
+          title: 'long' === type ? '' : s.name,
+          currentStepNumber: boundedCurrentStep,
+          totalSteps: steps.length,
+          type: type,
+          onClick: onStepClick,
+          description: s.description,
         });
-    })), 'long' === type && _react.createElement(_index.Box, {
-        as: "div",
-        ...labelProps,
-        className: (0, _classnames.default)('iui-stepper-steps-label', labelProps?.className)
-    }, _react.createElement(_index.Box, {
-        as: "span",
-        ...labelCountProps,
-        className: (0, _classnames.default)('iui-stepper-steps-label-count', labelCountProps?.className)
-    }, localization.stepsCountLabel(boundedCurrentStep + 1, steps.length)), steps[boundedCurrentStep].name));
+      }),
+    ),
+    'long' === type &&
+      _react.createElement(
+        _index.Box,
+        {
+          as: 'div',
+          ...labelProps,
+          className: (0, _classnames.default)(
+            'iui-stepper-steps-label',
+            labelProps?.className,
+          ),
+        },
+        _react.createElement(
+          _index.Box,
+          {
+            as: 'span',
+            ...labelCountProps,
+            className: (0, _classnames.default)(
+              'iui-stepper-steps-label-count',
+              labelCountProps?.className,
+            ),
+          },
+          localization.stepsCountLabel(boundedCurrentStep + 1, steps.length),
+        ),
+        steps[boundedCurrentStep].name,
+      ),
+  );
 });
 Stepper.displayName = 'Stepper';