@itwin/itwinui-react 3.16.1 → 5.0.0-alpha.1

package/cjs/core/StatusMessage/StatusMessage.js

@@ -1,49 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-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),
-  );
-});

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

@@ -1,67 +0,0 @@
-import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
-export type StepperLocalization = {
-    stepsCountLabel: (currentStep: number, totalSteps: number) => string;
-};
-export type StepProperties = {
-    /**
-     * The title/label of the step.
-     */
-    name: string;
-    /**
-     * A tooltip giving detailed description to this step.
-     */
-    description?: string;
-    /**
-     * Custom content displayed in the step's circle.
-     */
-    stepContent?: () => React.ReactNode;
-} & React.ComponentProps<'li'>;
-export type StepperProps = {
-    /**
-     * Current step index, 0 - based.
-     */
-    currentStep?: number;
-    /**
-     * An array of step objects.
-     */
-    steps: StepProperties[];
-    /**
-     *  The type of Stepper to display.
-     *  @default 'default'
-     */
-    type?: 'default' | 'long';
-    /**
-     *  Option to provide localized strings.
-     */
-    localization?: StepperLocalization;
-    /**
-     *  Click handler on completed step.
-     */
-    onStepClick?: (clickedIndex: number) => void;
-    /**
-     * Callback that can provide additional props for `<li>` representing a step.
-     */
-    stepProps?: (index: number) => React.ComponentProps<'li'>;
-    /**
-     * Allows props to be passed for track content.
-     */
-    trackContentProps?: (index: number) => React.ComponentProps<'div'>;
-    /**
-     * Allows props to be passed for circle.
-     */
-    circleProps?: (index: number) => React.ComponentProps<'span'>;
-    /**
-     * Allows props to be passed for name.
-     */
-    nameProps?: (index: number) => React.ComponentProps<'span'>;
-    /**
-     * Allows props to be passed for label.
-     */
-    labelProps?: React.ComponentProps<'div'>;
-    /**
-     * Allows props to be passed for label count.
-     */
-    labelCountProps?: React.ComponentProps<'span'>;
-};
-export declare const Stepper: PolymorphicForwardRefComponent<"div", StepperProps>;

package/cjs/core/Stepper/Stepper.js

@@ -1,98 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-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 defaultStepperLocalization = {
-  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) => {
-        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,
-          stepContent: s.stepContent,
-        });
-      }),
-    ),
-    '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,
-      ),
-  );
-});

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

@@ -1,53 +0,0 @@
-import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
-export type StepperStepProps = {
-    /**
-     * The title/label of the step.
-     */
-    title: string;
-    /**
-     * the index of this step, 0-based.
-     */
-    index: number;
-    /**
-     * the Stepper's current step number, 0-based.
-     */
-    currentStepNumber: number;
-    /**
-     * number of total steps in the stepper.
-     */
-    totalSteps: number;
-    /**
-     * Stepper type.
-     */
-    type: 'default' | 'long';
-    /**
-     *  Click handler on completed step.
-     */
-    onClick?: (clickedIndex: number) => void;
-    /**
-     * A tooltip giving detailed description to this step.
-     */
-    description?: string;
-    /**
-     * Custom content displayed in the step's circle.
-     */
-    stepContent?: () => React.ReactNode;
-    /**
-     * Allows props to be passed for stepper step.
-     */
-    stepProps?: React.ComponentProps<'li'>;
-    /**
-     * Allows props to be passed for track content.
-     */
-    trackContentProps?: React.ComponentProps<'div'>;
-    /**
-     * Allows props to be passed for stepper-step circle.
-     */
-    circleProps?: React.ComponentProps<'span'>;
-    /**
-     * Allows props to be passed for stepper name.
-     */
-    nameProps?: React.ComponentProps<'span'>;
-};
-export declare const StepperStep: PolymorphicForwardRefComponent<"li", StepperStepProps>;

package/cjs/core/Stepper/StepperStep.js

@@ -1,119 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'StepperStep', {
-  enumerable: true,
-  get: function () {
-    return StepperStep;
-  },
-});
-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 _Tooltip = require('../Tooltip/Tooltip.js');
-const _index = require('../../utils/index.js');
-const StepperStep = _react.forwardRef((props, forwardedRef) => {
-  let {
-    title,
-    index,
-    currentStepNumber,
-    totalSteps,
-    type,
-    onClick,
-    description,
-    className,
-    style,
-    stepProps,
-    trackContentProps,
-    circleProps,
-    nameProps,
-    stepContent,
-    ...rest
-  } = props;
-  let isPast = currentStepNumber > index;
-  let isActive = currentStepNumber === index;
-  let isClickable = isPast && !!onClick;
-  let onCompletedClick = () => {
-    if (isClickable) onClick?.(index);
-  };
-  let onKeyDown = (e) => {
-    if (e.altKey) return;
-    if (!isClickable) return;
-    if ('Enter' === e.key || 'Space' === e.key || ' ' === e.key)
-      onCompletedClick();
-  };
-  let stepShape = _react.createElement(
-    _index.Box,
-    {
-      as: 'li',
-      ...stepProps,
-      className: (0, _classnames.default)(
-        'iui-stepper-step',
-        {
-          'iui-current': isActive,
-          'iui-clickable': isClickable,
-        },
-        className,
-        stepProps?.className,
-      ),
-      style: {
-        inlineSize: 'default' === type ? `${100 / totalSteps}%` : void 0,
-        ...style,
-        ...stepProps?.style,
-      },
-      onClick: onCompletedClick,
-      onKeyDown: onKeyDown,
-      'aria-current': isActive ? 'step' : void 0,
-      tabIndex: isClickable ? 0 : void 0,
-      ref: forwardedRef,
-      ...rest,
-    },
-    _react.createElement(
-      _index.Box,
-      {
-        as: 'div',
-        ...trackContentProps,
-        className: (0, _classnames.default)(
-          'iui-stepper-track-content',
-          trackContentProps?.className,
-        ),
-      },
-      _react.createElement(
-        _index.Box,
-        {
-          as: 'span',
-          ...circleProps,
-          className: (0, _classnames.default)(
-            'iui-stepper-circle',
-            circleProps?.className,
-          ),
-        },
-        stepContent ? stepContent() : index + 1,
-      ),
-    ),
-    'default' === type &&
-      _react.createElement(
-        _index.Box,
-        {
-          as: 'span',
-          ...nameProps,
-          className: (0, _classnames.default)(
-            'iui-stepper-step-name',
-            nameProps?.className,
-          ),
-        },
-        title,
-      ),
-  );
-  return description
-    ? _react.createElement(
-        _Tooltip.Tooltip,
-        {
-          content: description,
-        },
-        stepShape,
-      )
-    : stepShape;
-});

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

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
-import type { StepperProps } from './Stepper.js';
-type WorkflowDiagramProps = Pick<StepperProps, 'steps'> & {
-    /**
-     *  Allows props to be passed for diagram.
-     */
-    contentProps?: (index: number) => React.ComponentProps<'span'>;
-    /**
-     *  Allows props to be passed for diagram wrapper.
-     */
-    wrapperProps?: React.ComponentProps<'div'>;
-};
-export declare const WorkflowDiagram: PolymorphicForwardRefComponent<"ol", WorkflowDiagramProps>;
-export {};

package/cjs/core/Stepper/WorkflowDiagram.js

@@ -1,44 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-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 _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) => {
-  let { steps, className, contentProps, wrapperProps, ...rest } = props;
-  return _react.createElement(
-    _index.Box,
-    {
-      as: 'div',
-      ...wrapperProps,
-      ref: ref,
-    },
-    _react.createElement(
-      _index.Box,
-      {
-        as: 'ol',
-        className: (0, _classnames.default)('iui-workflow-diagram', className),
-        ...rest,
-      },
-      steps.map((s, index) => {
-        let thisContentProps = contentProps?.(index);
-        return _react.createElement(_WorkflowDiagramStep.WorkflowDiagramStep, {
-          contentProps: thisContentProps,
-          key: index,
-          title: s.name,
-          description: s.description,
-        });
-      }),
-    ),
-  );
-});

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

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { type CommonProps } from '../../utils/index.js';
-import type { StepperStepProps } from './StepperStep.js';
-export type WorkflowDiagramStepProps = {
-    /**
-     *  Allows props to be passed for diagram content.
-     */
-    contentProps?: React.ComponentProps<'span'>;
-} & Pick<StepperStepProps, 'title' | 'description'> & Omit<CommonProps, 'title'>;
-export declare const WorkflowDiagramStep: (props: WorkflowDiagramStepProps) => React.JSX.Element;

package/cjs/core/Stepper/WorkflowDiagramStep.js

@@ -1,52 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-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 _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) => {
-  let { title, description, className, style, contentProps, ...rest } = props;
-  let stepShape = _react.createElement(
-    _index.Box,
-    {
-      as: 'li',
-      className: (0, _classnames.default)(
-        'iui-workflow-diagram-step',
-        className,
-      ),
-      style: style,
-      ...rest,
-    },
-    _react.createElement(
-      _index.Box,
-      {
-        as: 'span',
-        ...contentProps,
-        className: (0, _classnames.default)(
-          'iui-workflow-diagram-content',
-          contentProps?.className,
-        ),
-      },
-      title,
-    ),
-  );
-  return description
-    ? _react.createElement(
-        _Tooltip.Tooltip,
-        {
-          content: description,
-        },
-        stepShape,
-      )
-    : stepShape;
-};

package/cjs/core/Surface/Surface.d.ts

@@ -1,48 +0,0 @@
-import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
-type SurfaceBodyOwnProps = {
-    /**
-     * Gives padding to the surface body
-     * @default false
-     */
-    isPadded?: boolean;
-};
-type SurfaceProps = {
-    /**
-     * Sets the elevation of the surface
-     */
-    elevation?: 0 | 1 | 2 | 3 | 4 | 5;
-    /**
-     * Sets the border of the surface.
-     *
-     * Can be a boolean to toggle the default border, or a string value to specify a custom border.
-     *
-     * @default true
-     */
-    border?: boolean | string;
-    /**
-     * Content in the surface.
-     */
-    children: React.ReactNode;
-};
-/**
- * The Surface container allows content to appear elevated through the use of a drop shadow
- * @example
- * <Surface>Surface Content</Surface>
- * <Surface elevation={2}>Surface Content</Surface>
- * <Surface>
- *   <Surface.Header>Surface Header Content</Surface.Header>
- *   <Surface.Body isPadded={true}>Surface Body Content</Surface.Body>
- * </Surface>
- */
-export declare const Surface: PolymorphicForwardRefComponent<"div", SurfaceProps> & {
-    /**
-     * 	Surface header subcomponent
-     */
-    Header: PolymorphicForwardRefComponent<"div", {}>;
-    /**
-     * 	Surface body subcomponent. Additional padding can be added to the body through the 'isPadded' prop
-     */
-    Body: PolymorphicForwardRefComponent<"div", SurfaceBodyOwnProps>;
-};
-export {};

package/cjs/core/Surface/Surface.js

@@ -1,112 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'Surface', {
-  enumerable: true,
-  get: function () {
-    return Surface;
-  },
-});
-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 getSurfaceElevationValue = (elevation) => {
-  switch (elevation) {
-    case 0:
-      return 'none';
-    case 1:
-      return 'var(--iui-shadow-1)';
-    case 2:
-      return 'var(--iui-shadow-2)';
-    case 3:
-      return 'var(--iui-shadow-3)';
-    case 4:
-      return 'var(--iui-shadow-4)';
-    case 5:
-      return 'var(--iui-shadow-5)';
-    default:
-      return;
-  }
-};
-const getBorderValue = (border) => {
-  if ('string' == typeof border) return border;
-  if (false === border) return 'none';
-};
-const SurfaceHeader = _react.forwardRef((props, ref) => {
-  let { children, className, ...rest } = props;
-  let { setHasLayout } = (0, _index.useSafeContext)(SurfaceContext);
-  _react.useEffect(() => {
-    if (!(0, _index.supportsHas)()) setHasLayout(true);
-  }, [setHasLayout]);
-  return _react.createElement(
-    _index.Box,
-    {
-      className: (0, _classnames.default)('iui-surface-header', className),
-      ref: ref,
-      ...rest,
-    },
-    children,
-  );
-});
-const SurfaceBody = _react.forwardRef((props, ref) => {
-  let { children, className, isPadded = false, ...rest } = props;
-  let { setHasLayout } = (0, _index.useSafeContext)(SurfaceContext);
-  _react.useEffect(() => {
-    if (!(0, _index.supportsHas)()) setHasLayout(true);
-  }, [setHasLayout]);
-  return _react.createElement(
-    _index.Box,
-    {
-      className: (0, _classnames.default)('iui-surface-body', className),
-      ref: ref,
-      'data-iui-padded': isPadded ? 'true' : void 0,
-      ...rest,
-    },
-    children,
-  );
-});
-const Surface = Object.assign(
-  _react.forwardRef((props, ref) => {
-    let {
-      elevation,
-      border = true,
-      className,
-      style,
-      children,
-      ...rest
-    } = props;
-    let [hasLayout, setHasLayout] = _react.useState(false);
-    let _style = {
-      '--iui-surface-elevation': getSurfaceElevationValue(elevation),
-      '--iui-surface-border': getBorderValue(border),
-      ...style,
-    };
-    return _react.createElement(
-      _index.Box,
-      {
-        className: (0, _classnames.default)('iui-surface', className),
-        style: _style,
-        ref: ref,
-        'data-iui-layout': hasLayout ? 'true' : void 0,
-        ...rest,
-      },
-      _react.createElement(
-        SurfaceContext.Provider,
-        {
-          value: {
-            setHasLayout,
-          },
-        },
-        children,
-      ),
-    );
-  }),
-  {
-    Header: SurfaceHeader,
-    Body: SurfaceBody,
-  },
-);
-const SurfaceContext = _react.createContext(void 0);

package/cjs/core/Table/ColumnHeader.d.ts

@@ -1,15 +0,0 @@
-import { type PolymorphicForwardRefComponent } from '../../utils/index.js';
-import type { HeaderGroup, TableKeyedProps } from '../../react-table/react-table.js';
-type ColumnHeaderProps = TableKeyedProps & {
-    column: HeaderGroup<Record<string, unknown>>;
-    areFiltersSet: boolean;
-    isResizable: boolean;
-    columnResizeMode: 'fit' | 'expand';
-    enableColumnReordering: boolean;
-    density: string | undefined;
-    columnHasExpanders: boolean;
-    isLast: boolean;
-    isTableEmpty: boolean;
-};
-export declare const ColumnHeader: PolymorphicForwardRefComponent<"div", ColumnHeaderProps>;
-export {};