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

package/esm/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/esm/core/Stepper/Stepper.js

@@ -1,83 +0,0 @@
-import cx from 'classnames';
-import * as React from 'react';
-import { Box } from '../../utils/index.js';
-import { StepperStep } from './StepperStep.js';
-let defaultStepperLocalization = {
-  stepsCountLabel: (currentStep, totalSteps) =>
-    `Step ${currentStep} of ${totalSteps}:`,
-};
-export 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(
-    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, {
-          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(
-        Box,
-        {
-          as: 'div',
-          ...labelProps,
-          className: cx('iui-stepper-steps-label', labelProps?.className),
-        },
-        React.createElement(
-          Box,
-          {
-            as: 'span',
-            ...labelCountProps,
-            className: cx(
-              'iui-stepper-steps-label-count',
-              labelCountProps?.className,
-            ),
-          },
-          localization.stepsCountLabel(boundedCurrentStep + 1, steps.length),
-        ),
-        steps[boundedCurrentStep].name,
-      ),
-  );
-});

package/esm/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/esm/core/Stepper/StepperStep.js

@@ -1,101 +0,0 @@
-import cx from 'classnames';
-import * as React from 'react';
-import { Tooltip } from '../Tooltip/Tooltip.js';
-import { Box } from '../../utils/index.js';
-export 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(
-    Box,
-    {
-      as: 'li',
-      ...stepProps,
-      className: cx(
-        '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(
-      Box,
-      {
-        as: 'div',
-        ...trackContentProps,
-        className: cx(
-          'iui-stepper-track-content',
-          trackContentProps?.className,
-        ),
-      },
-      React.createElement(
-        Box,
-        {
-          as: 'span',
-          ...circleProps,
-          className: cx('iui-stepper-circle', circleProps?.className),
-        },
-        stepContent ? stepContent() : index + 1,
-      ),
-    ),
-    'default' === type &&
-      React.createElement(
-        Box,
-        {
-          as: 'span',
-          ...nameProps,
-          className: cx('iui-stepper-step-name', nameProps?.className),
-        },
-        title,
-      ),
-  );
-  return description
-    ? React.createElement(
-        Tooltip,
-        {
-          content: description,
-        },
-        stepShape,
-      )
-    : stepShape;
-});

package/esm/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/esm/core/Stepper/WorkflowDiagram.js

@@ -1,32 +0,0 @@
-import * as React from 'react';
-import cx from 'classnames';
-import { Box } from '../../utils/index.js';
-import { WorkflowDiagramStep } from './WorkflowDiagramStep.js';
-export const WorkflowDiagram = React.forwardRef((props, ref) => {
-  let { steps, className, contentProps, wrapperProps, ...rest } = props;
-  return React.createElement(
-    Box,
-    {
-      as: 'div',
-      ...wrapperProps,
-      ref: ref,
-    },
-    React.createElement(
-      Box,
-      {
-        as: 'ol',
-        className: cx('iui-workflow-diagram', className),
-        ...rest,
-      },
-      steps.map((s, index) => {
-        let thisContentProps = contentProps?.(index);
-        return React.createElement(WorkflowDiagramStep, {
-          contentProps: thisContentProps,
-          key: index,
-          title: s.name,
-          description: s.description,
-        });
-      }),
-    ),
-  );
-});

package/esm/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/esm/core/Stepper/WorkflowDiagramStep.js

@@ -1,34 +0,0 @@
-import cx from 'classnames';
-import * as React from 'react';
-import { Tooltip } from '../Tooltip/Tooltip.js';
-import { Box } from '../../utils/index.js';
-export const WorkflowDiagramStep = (props) => {
-  let { title, description, className, style, contentProps, ...rest } = props;
-  let stepShape = React.createElement(
-    Box,
-    {
-      as: 'li',
-      className: cx('iui-workflow-diagram-step', className),
-      style: style,
-      ...rest,
-    },
-    React.createElement(
-      Box,
-      {
-        as: 'span',
-        ...contentProps,
-        className: cx('iui-workflow-diagram-content', contentProps?.className),
-      },
-      title,
-    ),
-  );
-  return description
-    ? React.createElement(
-        Tooltip,
-        {
-          content: description,
-        },
-        stepShape,
-      )
-    : stepShape;
-};

package/esm/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/esm/core/Surface/Surface.js

@@ -1,100 +0,0 @@
-import * as React from 'react';
-import cx from 'classnames';
-import { useSafeContext, supportsHas, Box } from '../../utils/index.js';
-let 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;
-  }
-};
-let getBorderValue = (border) => {
-  if ('string' == typeof border) return border;
-  if (false === border) return 'none';
-};
-let SurfaceHeader = React.forwardRef((props, ref) => {
-  let { children, className, ...rest } = props;
-  let { setHasLayout } = useSafeContext(SurfaceContext);
-  React.useEffect(() => {
-    if (!supportsHas()) setHasLayout(true);
-  }, [setHasLayout]);
-  return React.createElement(
-    Box,
-    {
-      className: cx('iui-surface-header', className),
-      ref: ref,
-      ...rest,
-    },
-    children,
-  );
-});
-let SurfaceBody = React.forwardRef((props, ref) => {
-  let { children, className, isPadded = false, ...rest } = props;
-  let { setHasLayout } = useSafeContext(SurfaceContext);
-  React.useEffect(() => {
-    if (!supportsHas()) setHasLayout(true);
-  }, [setHasLayout]);
-  return React.createElement(
-    Box,
-    {
-      className: cx('iui-surface-body', className),
-      ref: ref,
-      'data-iui-padded': isPadded ? 'true' : void 0,
-      ...rest,
-    },
-    children,
-  );
-});
-export 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(
-      Box,
-      {
-        className: cx('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,
-  },
-);
-let SurfaceContext = React.createContext(void 0);

package/esm/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 {};