@12-apps/ui 6.10.1 → 6.11.1

package/dist/utility/WorkflowStep.js

@@ -1,522 +1,11 @@
+import "../chunk-IO36MEBD.js";
+import {
+  WorkflowStep
+} from "../chunk-UWCH6KVJ.js";
+import "../chunk-G6T64PRY.js";
+import "../chunk-3P3LKQLE.js";
+import "../chunk-IUP42CH6.js";
 import "../chunk-PZ5AY32C.js";
-
-// src/components/utility/WorkflowStep/WorkflowStep.tsx
-import { Box as Box2 } from "@mui/material";
-import { styled as styled2 } from "@mui/material";
-import { forwardRef as forwardRef2, useCallback as useCallback2, useMemo } from "react";
-
-// src/components/utility/WorkflowStep/WorkflowStep.helpers.ts
-var INDICATOR_SIZE = {
-  xs: 20,
-  sm: 24,
-  md: 32,
-  lg: 40,
-  xl: 48
-};
-var indicatorSizeFor = (size) => INDICATOR_SIZE[size] ?? INDICATOR_SIZE.md;
-var stepPalette = (theme, color) => {
-  if (color === "neutral") {
-    return {
-      main: theme.palette.grey[600],
-      contrastText: theme.palette.getContrastText(theme.palette.grey[600])
-    };
-  }
-  const key = color || "primary";
-  return theme.palette[key];
-};
-var stepColors = (theme, palette, { isActive, isCompleted, isError, variant }) => {
-  if (isError) {
-    return {
-      backgroundColor: theme.palette.error.main,
-      borderColor: theme.palette.error.main,
-      textColor: theme.palette.error.contrastText
-    };
-  }
-  if (isCompleted) {
-    return {
-      backgroundColor: palette.main,
-      borderColor: palette.main,
-      textColor: palette.contrastText
-    };
-  }
-  if (isActive) {
-    const filled = variant === "filled";
-    return {
-      backgroundColor: filled ? palette.main : theme.palette.background.paper,
-      borderColor: palette.main,
-      textColor: filled ? palette.contrastText : palette.main
-    };
-  }
-  return {
-    backgroundColor: theme.palette.grey[300],
-    borderColor: theme.palette.grey[300],
-    textColor: theme.palette.text.secondary
-  };
-};
-var withDerivedStatus = (steps, currentStep) => steps.map((step, index) => {
-  const derivable = step.status === "pending" || step.status === "current" || step.status === "completed";
-  if (!derivable) return { ...step, status: step.status };
-  if (index < currentStep) return { ...step, status: "completed" };
-  if (index === currentStep) return { ...step, status: "current" };
-  return { ...step, status: "pending" };
-});
-var WORKFLOW_DEFAULTS = {
-  currentStep: 0,
-  variant: "default",
-  orientation: "horizontal",
-  color: "primary",
-  size: "md",
-  showProgress: true,
-  animated: true,
-  interactive: false,
-  showNumbers: true,
-  showIcons: false,
-  disabled: false
-};
-var definedProps = (props) => Object.fromEntries(
-  Object.entries(props).filter(([, value]) => value !== void 0)
-);
-var resolveWorkflowStepProps = (props) => ({ ...WORKFLOW_DEFAULTS, ...definedProps(props) });
-
-// src/components/utility/WorkflowStep/WorkflowStep.parts.tsx
-import { Box } from "@mui/material";
-import { styled } from "@mui/material";
-import { forwardRef, useCallback } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var indicatorVariantStyles = (theme, variant, { backgroundColor, borderColor, textColor }) => {
-  if (variant === "outlined") {
-    return {
-      border: `2px solid ${borderColor}`,
-      backgroundColor: theme.palette.background.paper
-    };
-  }
-  const filled = { backgroundColor, color: textColor };
-  switch (variant) {
-    case "filled":
-      return filled;
-    case "minimal":
-      return { ...filled, border: "none" };
-    case "default":
-      return { ...filled, border: `1px solid ${borderColor}` };
-    default:
-      return {};
-  }
-};
-var StepItem = styled(Box, {
-  shouldForwardProp: (prop) => !["orientation", "isLast"].includes(prop)
-})(({ orientation, isLast }) => ({
-  display: "flex",
-  flexDirection: orientation === "vertical" ? "column" : "row",
-  alignItems: orientation === "vertical" ? "flex-start" : "center",
-  flex: orientation === "horizontal" && !isLast ? 1 : "none",
-  position: "relative",
-  minWidth: 0
-  // Allow content to shrink
-}));
-var StepIndicator = styled(Box, {
-  shouldForwardProp: (prop) => !["size", "variant", "color", "isActive", "isCompleted", "isError", "interactive", "disabled"].includes(prop)
-})(({ theme, size, variant, color, isActive, isCompleted, isError, interactive, animated, disabled }) => {
-  const indicatorSize = indicatorSizeFor(size);
-  const palette = stepPalette(theme, color);
-  const { backgroundColor, borderColor, textColor } = stepColors(theme, palette, {
-    isActive,
-    isCompleted,
-    isError,
-    variant
-  });
-  return {
-    width: indicatorSize,
-    height: indicatorSize,
-    borderRadius: "50%",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    fontSize: theme.typography.caption.fontSize,
-    fontWeight: theme.typography.fontWeightMedium,
-    cursor: interactive && !disabled ? "pointer" : "default",
-    transition: animated ? theme.transitions.create(["background-color", "border-color", "transform"], {
-      duration: theme.transitions.duration.short
-    }) : "none",
-    flexShrink: 0,
-    ...indicatorVariantStyles(theme, variant, { backgroundColor, borderColor, textColor }),
-    // Interactive states
-    ...interactive && !disabled && {
-      "&:hover": {
-        transform: "scale(1.1)",
-        boxShadow: theme.shadows[2]
-      },
-      "&:focus-visible": {
-        outline: `2px solid ${palette.main}`,
-        outlineOffset: "2px"
-      }
-    },
-    // Disabled state
-    ...disabled && {
-      opacity: 0.5,
-      cursor: "not-allowed"
-    }
-  };
-});
-var StepContent = styled(Box, {
-  shouldForwardProp: (prop) => !["orientation", "interactive", "disabled"].includes(prop)
-})(({ theme, orientation, interactive, disabled }) => ({
-  display: "flex",
-  flexDirection: "column",
-  alignItems: orientation === "vertical" ? "flex-start" : "center",
-  textAlign: orientation === "vertical" ? "left" : "center",
-  marginTop: orientation === "vertical" ? theme.spacing(1) : theme.spacing(0.5),
-  marginLeft: orientation === "horizontal" ? theme.spacing(1) : 0,
-  cursor: interactive && !disabled ? "pointer" : "default",
-  minWidth: 0,
-  flex: 1,
-  "& .step-title": {
-    fontSize: theme.typography.body2.fontSize,
-    fontWeight: theme.typography.fontWeightMedium,
-    color: theme.palette.text.primary,
-    marginBottom: theme.spacing(0.5),
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap",
-    maxWidth: "100%"
-  },
-  "& .step-description": {
-    fontSize: theme.typography.caption.fontSize,
-    color: theme.palette.text.secondary,
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap",
-    maxWidth: "100%"
-  },
-  ...disabled && {
-    opacity: 0.5
-  }
-}));
-var StepConnector = styled(Box, {
-  shouldForwardProp: (prop) => !["orientation", "isCompleted", "color", "variant"].includes(prop)
-})(({ theme, orientation, isCompleted, color, variant }) => {
-  const colorKey = color || "primary";
-  const colorValue = colorKey === "neutral" ? { main: theme.palette.grey[600] } : theme.palette[colorKey];
-  const connectorColor = isCompleted ? colorValue.main : theme.palette.grey[300];
-  return {
-    flex: 1,
-    position: "relative",
-    ...orientation === "horizontal" && {
-      height: "2px",
-      backgroundColor: connectorColor,
-      margin: `0 ${theme.spacing(1)}`,
-      minWidth: theme.spacing(2)
-    },
-    ...orientation === "vertical" && {
-      width: "2px",
-      backgroundColor: connectorColor,
-      minHeight: theme.spacing(3),
-      marginLeft: theme.spacing(2),
-      position: "absolute",
-      left: "50%",
-      transform: "translateX(-50%)",
-      top: "100%"
-    },
-    transition: theme.transitions.create("background-color", {
-      duration: theme.transitions.duration.short
-    }),
-    ...variant === "minimal" && {
-      opacity: 0.6
-    }
-  };
-});
-var StepIndicatorComponent = forwardRef(({
-  step,
-  index,
-  isActive,
-  isCompleted,
-  isError,
-  variant,
-  color,
-  size,
-  showNumbers,
-  showIcons,
-  completedIcon,
-  errorIcon,
-  interactive,
-  animated,
-  disabled,
-  onClick,
-  "data-testid": dataTestId
-}, ref) => {
-  const handleClick = useCallback(() => {
-    if (interactive && !disabled && onClick) {
-      onClick(index, step);
-    }
-  }, [interactive, disabled, onClick, index, step]);
-  const handleKeyDown = useCallback((event) => {
-    if (interactive && !disabled && (event.key === "Enter" || event.key === " ")) {
-      event.preventDefault();
-      if (onClick) {
-        onClick(index, step);
-      }
-    }
-  }, [interactive, disabled, onClick, index, step]);
-  const renderIndicatorContent = () => {
-    if (isError && errorIcon) {
-      return errorIcon;
-    }
-    if (isCompleted && completedIcon) {
-      return completedIcon;
-    }
-    if (showIcons && step.icon) {
-      return step.icon;
-    }
-    if (showNumbers) {
-      return index + 1;
-    }
-    return null;
-  };
-  return /* @__PURE__ */ jsx(
-    StepIndicator,
-    {
-      ref,
-      size,
-      variant,
-      color,
-      isActive,
-      isCompleted,
-      isError,
-      interactive,
-      animated,
-      disabled: Boolean(disabled || step.disabled),
-      onClick: handleClick,
-      onKeyDown: handleKeyDown,
-      role: interactive ? "button" : void 0,
-      tabIndex: interactive && !disabled && !step.disabled ? 0 : -1,
-      "aria-label": `Step ${index + 1}: ${step.title}`,
-      "aria-current": isActive ? "step" : void 0,
-      "data-testid": dataTestId,
-      children: renderIndicatorContent()
-    }
-  );
-});
-StepIndicatorComponent.displayName = "StepIndicator";
-var StepConnectorComponent = forwardRef(({
-  isCompleted,
-  orientation,
-  variant,
-  color,
-  "data-testid": dataTestId
-}, ref) => /* @__PURE__ */ jsx(
-  StepConnector,
-  {
-    ref,
-    orientation,
-    isCompleted,
-    color,
-    variant,
-    "data-testid": dataTestId
-  }
-));
-StepConnectorComponent.displayName = "StepConnector";
-var StepContentComponent = forwardRef(({
-  step,
-  index,
-  orientation,
-  interactive,
-  disabled,
-  onClick,
-  "data-testid": dataTestId
-}, ref) => {
-  const handleClick = useCallback(() => {
-    if (interactive && !disabled && onClick) {
-      onClick(index, step);
-    }
-  }, [interactive, disabled, onClick, index, step]);
-  const handleKeyDown = useCallback((event) => {
-    if (interactive && !disabled && (event.key === "Enter" || event.key === " ")) {
-      event.preventDefault();
-      if (onClick) {
-        onClick(index, step);
-      }
-    }
-  }, [interactive, disabled, onClick, index, step]);
-  return /* @__PURE__ */ jsxs(
-    StepContent,
-    {
-      ref,
-      orientation,
-      interactive,
-      disabled: Boolean(disabled || step.disabled),
-      onClick: handleClick,
-      onKeyDown: handleKeyDown,
-      role: interactive ? "button" : void 0,
-      tabIndex: interactive && !disabled && !step.disabled ? 0 : -1,
-      "data-testid": dataTestId,
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "step-title", children: step.title }),
-        step.description && /* @__PURE__ */ jsx("div", { className: "step-description", children: step.description })
-      ]
-    }
-  );
-});
-StepContentComponent.displayName = "StepContent";
-var StepItemRow = ({ orientation, isLast, children }) => /* @__PURE__ */ jsx(StepItem, { orientation, isLast, children });
-
-// src/components/utility/WorkflowStep/WorkflowStepRow.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var StepRow = ({
-  step,
-  index,
-  isLast,
-  orientation,
-  variant,
-  color,
-  size,
-  showNumbers,
-  showIcons,
-  showProgress,
-  completedIcon,
-  errorIcon,
-  interactive,
-  animated,
-  disabled,
-  onClick,
-  dataTestId
-}) => {
-  const isCompleted = step.status === "completed";
-  return /* @__PURE__ */ jsxs2(StepItemRow, { orientation, isLast, children: [
-    /* @__PURE__ */ jsx2(
-      StepIndicatorComponent,
-      {
-        step,
-        index,
-        isActive: step.status === "current",
-        isCompleted,
-        isError: step.status === "error",
-        variant,
-        color,
-        size,
-        showNumbers,
-        showIcons,
-        completedIcon,
-        errorIcon,
-        interactive,
-        animated,
-        disabled,
-        onClick,
-        "data-testid": `${dataTestId}-indicator-${index}`
-      }
-    ),
-    /* @__PURE__ */ jsx2(
-      StepContentComponent,
-      {
-        step,
-        index,
-        orientation,
-        interactive,
-        disabled,
-        onClick,
-        "data-testid": `${dataTestId}-content-${index}`
-      }
-    ),
-    showProgress && !isLast && /* @__PURE__ */ jsx2(
-      StepConnectorComponent,
-      {
-        isCompleted,
-        orientation,
-        variant,
-        color,
-        "data-testid": `${dataTestId}-connector-${index}`
-      }
-    )
-  ] });
-};
-
-// src/components/utility/WorkflowStep/WorkflowStep.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var StepContainer = styled2(Box2, {
-  shouldForwardProp: (prop) => !["orientation", "variant"].includes(prop)
-})(({ theme, orientation, variant }) => ({
-  display: "flex",
-  flexDirection: orientation === "vertical" ? "column" : "row",
-  alignItems: orientation === "vertical" ? "flex-start" : "center",
-  gap: orientation === "vertical" ? theme.spacing(2) : theme.spacing(1),
-  width: "100%",
-  position: "relative",
-  // Variant-specific styles
-  ...variant === "minimal" && {
-    gap: orientation === "vertical" ? theme.spacing(1) : theme.spacing(0.5)
-  }
-}));
-var WorkflowStep = forwardRef2((rawProps, ref) => {
-  const {
-    steps,
-    currentStep,
-    variant,
-    orientation,
-    color,
-    size,
-    showProgress,
-    animated,
-    interactive,
-    showNumbers,
-    showIcons,
-    completedIcon,
-    errorIcon,
-    onStepClick,
-    disabled,
-    className,
-    style,
-    "data-testid": dataTestId,
-    ...other
-  } = resolveWorkflowStepProps(rawProps);
-  const handleStepClick = useCallback2((stepIndex, step) => {
-    if (onStepClick && !disabled && !step.disabled) {
-      onStepClick(stepIndex, step);
-    }
-  }, [onStepClick, disabled]);
-  const stepsWithStatus = useMemo(
-    () => withDerivedStatus(steps, currentStep),
-    [steps, currentStep]
-  );
-  return /* @__PURE__ */ jsx3(
-    StepContainer,
-    {
-      ref,
-      orientation,
-      variant,
-      className,
-      style,
-      role: "progressbar",
-      "aria-valuemin": 0,
-      "aria-valuemax": steps.length - 1,
-      "aria-valuenow": currentStep,
-      "aria-valuetext": `Step ${currentStep + 1} of ${steps.length}: ${steps[currentStep]?.title}`,
-      "data-testid": dataTestId,
-      ...other,
-      children: stepsWithStatus.map((step, index) => /* @__PURE__ */ jsx3(
-        StepRow,
-        {
-          step,
-          index,
-          isLast: index === steps.length - 1,
-          orientation,
-          variant,
-          color,
-          size,
-          showNumbers,
-          showIcons,
-          showProgress,
-          completedIcon,
-          errorIcon,
-          interactive,
-          animated,
-          disabled,
-          onClick: handleStepClick,
-          dataTestId
-        },
-        index
-      ))
-    }
-  );
-});
-WorkflowStep.displayName = "WorkflowStep";
 export {
   WorkflowStep,
   WorkflowStep as default

package/dist/utility/WorkflowStep.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/utility/WorkflowStep/WorkflowStep.tsx","../../src/components/utility/WorkflowStep/WorkflowStep.helpers.ts","../../src/components/utility/WorkflowStep/WorkflowStep.parts.tsx","../../src/components/utility/WorkflowStep/WorkflowStepRow.tsx"],"sourcesContent":["import { Box } from '@mui/material';\nimport { styled } from '@mui/material';\nimport React, { forwardRef, useCallback, useMemo } from 'react';\n\nimport { resolveWorkflowStepProps, withDerivedStatus } from './WorkflowStep.helpers';\nimport { StepRow } from './WorkflowStepRow';\nimport type { WorkflowStepItem, WorkflowStepProps } from './WorkflowStep.types';\n\n// Styled Components\nconst StepContainer = styled(Box, {\n  shouldForwardProp: (prop) => !['orientation', 'variant'].includes(prop as string),\n})<{\n  orientation: WorkflowStepProps['orientation'];\n  variant: WorkflowStepProps['variant'];\n}>(({ theme, orientation, variant }) => ({\n  display: 'flex',\n  flexDirection: orientation === 'vertical' ? 'column' : 'row',\n  alignItems: orientation === 'vertical' ? 'flex-start' : 'center',\n  gap: orientation === 'vertical' ? theme.spacing(2) : theme.spacing(1),\n  width: '100%',\n  position: 'relative',\n  \n  // Variant-specific styles\n  ...(variant === 'minimal' && {\n    gap: orientation === 'vertical' ? theme.spacing(1) : theme.spacing(0.5),\n  }),\n}));\n\n/**\n * WorkflowStep component for displaying multi-step workflows with visual progression\n */\nexport const WorkflowStep = forwardRef<HTMLDivElement, WorkflowStepProps>((rawProps, ref) => {\n  const {\n    steps,\n    currentStep,\n    variant,\n    orientation,\n    color,\n    size,\n    showProgress,\n    animated,\n    interactive,\n    showNumbers,\n    showIcons,\n    completedIcon,\n    errorIcon,\n    onStepClick,\n    disabled,\n    className,\n    style,\n    'data-testid': dataTestId,\n    ...other\n  } = resolveWorkflowStepProps(rawProps);\n  const handleStepClick = useCallback((stepIndex: number, step: WorkflowStepItem) => {\n    if (onStepClick && !disabled && !step.disabled) {\n      onStepClick(stepIndex, step);\n    }\n  }, [onStepClick, disabled]);\n\n  const stepsWithStatus = useMemo(\n    () => withDerivedStatus(steps, currentStep),\n    [steps, currentStep],\n  );\n\n  return (\n    <StepContainer\n      ref={ref}\n      orientation={orientation}\n      variant={variant}\n      className={className}\n      style={style}\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuemax={steps.length - 1}\n      aria-valuenow={currentStep}\n      aria-valuetext={`Step ${currentStep + 1} of ${steps.length}: ${steps[currentStep]?.title}`}\n      data-testid={dataTestId}\n      {...other}\n    >\n      {stepsWithStatus.map((step, index) => (\n        <StepRow\n          key={index}\n          step={step}\n          index={index}\n          isLast={index === steps.length - 1}\n          orientation={orientation}\n          variant={variant}\n          color={color}\n          size={size}\n          showNumbers={showNumbers}\n          showIcons={showIcons}\n          showProgress={showProgress}\n          completedIcon={completedIcon}\n          errorIcon={errorIcon}\n          interactive={interactive}\n          animated={animated}\n          disabled={disabled}\n          onClick={handleStepClick}\n          dataTestId={dataTestId}\n        />\n      ))}\n    </StepContainer>\n  );\n});\n\nWorkflowStep.displayName = 'WorkflowStep';\n\nexport default WorkflowStep;","import type { Theme } from '@mui/material';\n\nimport type { WorkflowStepItem, WorkflowStepProps } from './WorkflowStep.types';\n\ntype StepColor = NonNullable<WorkflowStepProps['color']>;\ntype StepSize = NonNullable<WorkflowStepProps['size']>;\n\nconst INDICATOR_SIZE: Record<StepSize, number> = {\n  xs: 20,\n  sm: 24,\n  md: 32,\n  lg: 40,\n  xl: 48,\n};\n\nexport const indicatorSizeFor = (size?: StepSize): number =>\n  INDICATOR_SIZE[size as StepSize] ?? INDICATOR_SIZE.md;\n\ninterface StepPalette {\n  main: string;\n  contrastText: string;\n}\n\n/** `neutral` has no MUI palette entry, so its pair is derived from grey. */\nexport const stepPalette = (theme: Theme, color?: StepColor): StepPalette => {\n  if (color === 'neutral') {\n    return {\n      main: theme.palette.grey[600],\n      contrastText: theme.palette.getContrastText(theme.palette.grey[600]),\n    };\n  }\n\n  const key = (color || 'primary') as 'primary' | 'secondary' | 'success' | 'warning' | 'error';\n  return theme.palette[key];\n};\n\nexport interface StepColors {\n  backgroundColor: string;\n  borderColor: string;\n  textColor: string;\n}\n\ninterface StepState {\n  isActive: boolean;\n  isCompleted: boolean;\n  isError: boolean;\n  variant?: WorkflowStepProps['variant'];\n}\n\n/**\n * An indicator is one of four things, in priority order: failed, done, the step\n * you are on, or still ahead. Only the active one respects `variant` — an active\n * outlined step stays hollow with a coloured rim.\n */\nexport const stepColors = (\n  theme: Theme,\n  palette: StepPalette,\n  { isActive, isCompleted, isError, variant }: StepState,\n): StepColors => {\n  if (isError) {\n    return {\n      backgroundColor: theme.palette.error.main,\n      borderColor: theme.palette.error.main,\n      textColor: theme.palette.error.contrastText,\n    };\n  }\n\n  if (isCompleted) {\n    return {\n      backgroundColor: palette.main,\n      borderColor: palette.main,\n      textColor: palette.contrastText,\n    };\n  }\n\n  if (isActive) {\n    const filled = variant === 'filled';\n    return {\n      backgroundColor: filled ? palette.main : theme.palette.background.paper,\n      borderColor: palette.main,\n      textColor: filled ? palette.contrastText : palette.main,\n    };\n  }\n\n  return {\n    backgroundColor: theme.palette.grey[300],\n    borderColor: theme.palette.grey[300],\n    textColor: theme.palette.text.secondary,\n  };\n};\n\n/**\n * A step that declares `error` keeps it; the rest are positioned against\n * `currentStep`, so a caller only has to move one number to advance the workflow.\n */\nexport const withDerivedStatus = (\n  steps: WorkflowStepItem[],\n  currentStep: number,\n): WorkflowStepItem[] =>\n  steps.map((step, index) => {\n    const derivable =\n      step.status === 'pending' || step.status === 'current' || step.status === 'completed';\n\n    if (!derivable) return { ...step, status: step.status };\n\n    if (index < currentStep) return { ...step, status: 'completed' as const };\n    if (index === currentStep) return { ...step, status: 'current' as const };\n    return { ...step, status: 'pending' as const };\n  });\n\ntype WorkflowDefaultedKeys =\n  | 'currentStep'\n  | 'variant'\n  | 'orientation'\n  | 'color'\n  | 'size'\n  | 'showProgress'\n  | 'animated'\n  | 'interactive'\n  | 'showNumbers'\n  | 'showIcons'\n  | 'disabled';\n\ntype ResolvedWorkflowStepProps = WorkflowStepProps &\n  Required<Pick<WorkflowStepProps, WorkflowDefaultedKeys>>;\n\nconst WORKFLOW_DEFAULTS: Pick<WorkflowStepProps, WorkflowDefaultedKeys> = {\n  currentStep: 0,\n  variant: 'default',\n  orientation: 'horizontal',\n  color: 'primary',\n  size: 'md',\n  showProgress: true,\n  animated: true,\n  interactive: false,\n  showNumbers: true,\n  showIcons: false,\n  disabled: false,\n};\n\n// Strips explicitly-undefined props before the merge, so `size={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = (props: WorkflowStepProps): Partial<WorkflowStepProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<WorkflowStepProps>;\n\nexport const resolveWorkflowStepProps = (\n  props: WorkflowStepProps,\n): ResolvedWorkflowStepProps =>\n  ({ ...WORKFLOW_DEFAULTS, ...definedProps(props) }) as ResolvedWorkflowStepProps;\n","import { Box } from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\nimport { styled } from '@mui/material';\nimport React, { forwardRef, useCallback } from 'react';\n\nimport type { StepColors } from './WorkflowStep.helpers';\nimport { indicatorSizeFor, stepColors, stepPalette } from './WorkflowStep.helpers';\nimport type {\n  StepConnectorProps,\n  StepContentProps,\n  StepIndicatorProps,\n  WorkflowStepProps,\n} from './WorkflowStep.types';\n\n// `outlined` shows the surface through a coloured rim; the other three fill it and\n// differ only in what border they keep.\nconst indicatorVariantStyles = (\n  theme: Theme,\n  variant: WorkflowStepProps['variant'],\n  { backgroundColor, borderColor, textColor }: StepColors,\n): CSSObject => {\n  if (variant === 'outlined') {\n    return {\n      border: `2px solid ${borderColor}`,\n      backgroundColor: theme.palette.background.paper,\n    };\n  }\n\n  const filled = { backgroundColor, color: textColor };\n\n  switch (variant) {\n    case 'filled':\n      return filled;\n    case 'minimal':\n      return { ...filled, border: 'none' };\n    case 'default':\n      return { ...filled, border: `1px solid ${borderColor}` };\n    default:\n      return {};\n  }\n};\n\nconst StepItem = styled(Box, {\n  shouldForwardProp: (prop) => !['orientation', 'isLast'].includes(prop as string),\n})<{\n  orientation: WorkflowStepProps['orientation'];\n  isLast: boolean;\n}>(({ orientation, isLast }) => ({\n  display: 'flex',\n  flexDirection: orientation === 'vertical' ? 'column' : 'row',\n  alignItems: orientation === 'vertical' ? 'flex-start' : 'center',\n  flex: orientation === 'horizontal' && !isLast ? 1 : 'none',\n  position: 'relative',\n  minWidth: 0, // Allow content to shrink\n}));\n\nconst StepIndicator = styled(Box, {\n  shouldForwardProp: (prop) => !['size', 'variant', 'color', 'isActive', 'isCompleted', 'isError', 'interactive', 'disabled'].includes(prop as string),\n})<{\n  size: WorkflowStepProps['size'];\n  variant: WorkflowStepProps['variant'];\n  color: WorkflowStepProps['color'];\n  isActive: boolean;\n  isCompleted: boolean;\n  isError: boolean;\n  interactive: boolean;\n  animated: boolean;\n  disabled: boolean;\n}>(({ theme, size, variant, color, isActive, isCompleted, isError, interactive, animated, disabled }) => {\n  const indicatorSize = indicatorSizeFor(size);\n  const palette = stepPalette(theme, color);\n  const { backgroundColor, borderColor, textColor } = stepColors(theme, palette, {\n    isActive,\n    isCompleted,\n    isError,\n    variant,\n  });\n\n  return {\n    width: indicatorSize,\n    height: indicatorSize,\n    borderRadius: '50%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    fontSize: theme.typography.caption.fontSize,\n    fontWeight: theme.typography.fontWeightMedium,\n    cursor: interactive && !disabled ? 'pointer' : 'default',\n    transition: animated\n      ? theme.transitions.create(['background-color', 'border-color', 'transform'], {\n          duration: theme.transitions.duration.short,\n        })\n      : 'none',\n    flexShrink: 0,\n\n    ...indicatorVariantStyles(theme, variant, { backgroundColor, borderColor, textColor }),\n\n    // Interactive states\n    ...(interactive && !disabled && {\n      '&:hover': {\n        transform: 'scale(1.1)',\n        boxShadow: theme.shadows[2],\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${palette.main}`,\n        outlineOffset: '2px',\n      },\n    }),\n\n    // Disabled state\n    ...(disabled && {\n      opacity: 0.5,\n      cursor: 'not-allowed',\n    }),\n  };\n});\n\nconst StepContent = styled(Box, {\n  shouldForwardProp: (prop) => !['orientation', 'interactive', 'disabled'].includes(prop as string),\n})<{\n  orientation: WorkflowStepProps['orientation'];\n  interactive: boolean;\n  disabled: boolean;\n}>(({ theme, orientation, interactive, disabled }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: orientation === 'vertical' ? 'flex-start' : 'center',\n  textAlign: orientation === 'vertical' ? 'left' : 'center',\n  marginTop: orientation === 'vertical' ? theme.spacing(1) : theme.spacing(0.5),\n  marginLeft: orientation === 'horizontal' ? theme.spacing(1) : 0,\n  cursor: interactive && !disabled ? 'pointer' : 'default',\n  minWidth: 0,\n  flex: 1,\n\n  '& .step-title': {\n    fontSize: theme.typography.body2.fontSize,\n    fontWeight: theme.typography.fontWeightMedium,\n    color: theme.palette.text.primary,\n    marginBottom: theme.spacing(0.5),\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    maxWidth: '100%',\n  },\n\n  '& .step-description': {\n    fontSize: theme.typography.caption.fontSize,\n    color: theme.palette.text.secondary,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    maxWidth: '100%',\n  },\n\n  ...(disabled && {\n    opacity: 0.5,\n  }),\n}));\n\nconst StepConnector = styled(Box, {\n  shouldForwardProp: (prop) => !['orientation', 'isCompleted', 'color', 'variant'].includes(prop as string),\n})<{\n  orientation: WorkflowStepProps['orientation'];\n  isCompleted: boolean;\n  color: WorkflowStepProps['color'];\n  variant: WorkflowStepProps['variant'];\n}>(({ theme, orientation, isCompleted, color, variant }) => {\n  const colorKey = color || 'primary';\n  const colorValue = colorKey === 'neutral' \n    ? { main: theme.palette.grey[600] }\n    : theme.palette[colorKey as 'primary' | 'secondary' | 'success' | 'warning' | 'error'];\n  const connectorColor = isCompleted ? colorValue.main : theme.palette.grey[300];\n\n  return {\n    flex: 1,\n    position: 'relative',\n    \n    ...(orientation === 'horizontal' && {\n      height: '2px',\n      backgroundColor: connectorColor,\n      margin: `0 ${theme.spacing(1)}`,\n      minWidth: theme.spacing(2),\n    }),\n    \n    ...(orientation === 'vertical' && {\n      width: '2px',\n      backgroundColor: connectorColor,\n      minHeight: theme.spacing(3),\n      marginLeft: theme.spacing(2),\n      position: 'absolute',\n      left: '50%',\n      transform: 'translateX(-50%)',\n      top: '100%',\n    }),\n\n    transition: theme.transitions.create('background-color', {\n      duration: theme.transitions.duration.short,\n    }),\n\n    ...(variant === 'minimal' && {\n      opacity: 0.6,\n    }),\n  };\n});\n\n/**\n * Individual step indicator component\n */\nconst StepIndicatorComponent = forwardRef<HTMLDivElement, StepIndicatorProps>(({\n  step,\n  index,\n  isActive,\n  isCompleted,\n  isError,\n  variant,\n  color,\n  size,\n  showNumbers,\n  showIcons,\n  completedIcon,\n  errorIcon,\n  interactive,\n  animated,\n  disabled,\n  onClick,\n  'data-testid': dataTestId,\n}, ref) => {\n  const handleClick = useCallback(() => {\n    if (interactive && !disabled && onClick) {\n      onClick(index, step);\n    }\n  }, [interactive, disabled, onClick, index, step]);\n\n  const handleKeyDown = useCallback((event: React.KeyboardEvent) => {\n    if (interactive && !disabled && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      if (onClick) {\n        onClick(index, step);\n      }\n    }\n  }, [interactive, disabled, onClick, index, step]);\n\n  const renderIndicatorContent = () => {\n    if (isError && errorIcon) {\n      return errorIcon;\n    }\n    if (isCompleted && completedIcon) {\n      return completedIcon;\n    }\n    if (showIcons && step.icon) {\n      return step.icon;\n    }\n    if (showNumbers) {\n      return index + 1;\n    }\n    return null;\n  };\n\n  return (\n    <StepIndicator\n      ref={ref}\n      size={size}\n      variant={variant}\n      color={color}\n      isActive={isActive}\n      isCompleted={isCompleted}\n      isError={isError}\n      interactive={interactive}\n      animated={animated}\n      disabled={Boolean(disabled || step.disabled)}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      role={interactive ? 'button' : undefined}\n      tabIndex={interactive && !disabled && !step.disabled ? 0 : -1}\n      aria-label={`Step ${index + 1}: ${step.title}`}\n      aria-current={isActive ? 'step' : undefined}\n      data-testid={dataTestId}\n    >\n      {renderIndicatorContent()}\n    </StepIndicator>\n  );\n});\n\nStepIndicatorComponent.displayName = 'StepIndicator';\n\n/**\n * Step connector component\n */\nconst StepConnectorComponent = forwardRef<HTMLDivElement, StepConnectorProps>(({\n  isCompleted,\n  orientation,\n  variant,\n  color,\n  'data-testid': dataTestId,\n}, ref) => (\n  <StepConnector\n    ref={ref}\n    orientation={orientation}\n    isCompleted={isCompleted}\n    color={color}\n    variant={variant}\n    data-testid={dataTestId}\n  />\n));\n\nStepConnectorComponent.displayName = 'StepConnector';\n\n/**\n * Step content component\n */\nconst StepContentComponent = forwardRef<HTMLDivElement, StepContentProps>(({\n  step,\n  index,\n  orientation,\n  interactive,\n  disabled,\n  onClick,\n  'data-testid': dataTestId,\n}, ref) => {\n  const handleClick = useCallback(() => {\n    if (interactive && !disabled && onClick) {\n      onClick(index, step);\n    }\n  }, [interactive, disabled, onClick, index, step]);\n\n  const handleKeyDown = useCallback((event: React.KeyboardEvent) => {\n    if (interactive && !disabled && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      if (onClick) {\n        onClick(index, step);\n      }\n    }\n  }, [interactive, disabled, onClick, index, step]);\n\n  return (\n    <StepContent\n      ref={ref}\n      orientation={orientation}\n      interactive={interactive}\n      disabled={Boolean(disabled || step.disabled)}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      role={interactive ? 'button' : undefined}\n      tabIndex={interactive && !disabled && !step.disabled ? 0 : -1}\n      data-testid={dataTestId}\n    >\n      <div className=\"step-title\">{step.title}</div>\n      {step.description && (\n        <div className=\"step-description\">{step.description}</div>\n      )}\n    </StepContent>\n  );\n});\n\nStepContentComponent.displayName = 'StepContent';\n\n/**\n * A plain wrapper around the styled row. Exporting the styled component itself\n * trips TS2742 — its inferred type names a pnpm-internal @mui/system path.\n */\nexport const StepItemRow: React.FC<{\n  orientation: WorkflowStepProps['orientation'];\n  isLast: boolean;\n  children: React.ReactNode;\n}> = ({ orientation, isLast, children }) => (\n  <StepItem orientation={orientation} isLast={isLast}>\n    {children}\n  </StepItem>\n);\n\nexport { StepConnectorComponent, StepContentComponent, StepIndicatorComponent };\n","import React from 'react';\n\nimport {\n  StepConnectorComponent,\n  StepContentComponent,\n  StepIndicatorComponent,\n  StepItemRow,\n} from './WorkflowStep.parts';\nimport type { WorkflowStepItem, WorkflowStepProps } from './WorkflowStep.types';\n\ninterface StepRowProps {\n  step: WorkflowStepItem;\n  index: number;\n  isLast: boolean;\n  orientation: NonNullable<WorkflowStepProps['orientation']>;\n  variant: NonNullable<WorkflowStepProps['variant']>;\n  color: NonNullable<WorkflowStepProps['color']>;\n  size: NonNullable<WorkflowStepProps['size']>;\n  showNumbers: boolean;\n  showIcons: boolean;\n  showProgress: boolean;\n  completedIcon?: React.ReactNode;\n  errorIcon?: React.ReactNode;\n  interactive: boolean;\n  animated: boolean;\n  disabled: boolean;\n  onClick: (index: number, step: WorkflowStepItem) => void;\n  dataTestId?: string;\n}\n\n/** One row of the workflow: its indicator, its text, and the rule leading to the next. */\nexport const StepRow: React.FC<StepRowProps> = ({\n  step,\n  index,\n  isLast,\n  orientation,\n  variant,\n  color,\n  size,\n  showNumbers,\n  showIcons,\n  showProgress,\n  completedIcon,\n  errorIcon,\n  interactive,\n  animated,\n  disabled,\n  onClick,\n  dataTestId,\n}) => {\n  const isCompleted = step.status === 'completed';\n\n  return (\n    <StepItemRow orientation={orientation} isLast={isLast}>\n      <StepIndicatorComponent\n        step={step}\n        index={index}\n        isActive={step.status === 'current'}\n        isCompleted={isCompleted}\n        isError={step.status === 'error'}\n        variant={variant}\n        color={color}\n        size={size}\n        showNumbers={showNumbers}\n        showIcons={showIcons}\n        completedIcon={completedIcon}\n        errorIcon={errorIcon}\n        interactive={interactive}\n        animated={animated}\n        disabled={disabled}\n        onClick={onClick}\n        data-testid={`${dataTestId}-indicator-${index}`}\n      />\n\n      <StepContentComponent\n        step={step}\n        index={index}\n        orientation={orientation}\n        interactive={interactive}\n        disabled={disabled}\n        onClick={onClick}\n        data-testid={`${dataTestId}-content-${index}`}\n      />\n\n      {showProgress && !isLast && (\n        <StepConnectorComponent\n          isCompleted={isCompleted}\n          orientation={orientation}\n          variant={variant}\n          color={color}\n          data-testid={`${dataTestId}-connector-${index}`}\n        />\n      )}\n    </StepItemRow>\n  );\n};\n"],"mappings":"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","names":["Box","styled","forwardRef","useCallback","jsx","jsxs","jsx","styled","Box","forwardRef","useCallback"]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/utils.js

@@ -1,65 +1,19 @@
+import {
+  exportRows
+} from "./chunk-YRCK4I4C.js";
 import {
   cn
-} from "./chunk-S3H5DVFY.js";
+} from "./chunk-NHL5ERBM.js";
 import {
   DYNAMIC_VIEWPORT_HEIGHT,
   VIEWPORT_HEIGHT_FALLBACK,
   dynamicViewportHeight,
   safeAreaBottom
-} from "./chunk-TSPG6TWK.js";
+} from "./chunk-IHS3GDPZ.js";
 import {
   withDefaults
-} from "./chunk-Y2JYDXL7.js";
+} from "./chunk-HPK33ACY.js";
 import "./chunk-PZ5AY32C.js";
-
-// src/utils/export-rows.ts
-function escapeCsvCell(value) {
-  if (/[",\n\r]/.test(value)) {
-    return `"${value.replace(/"/g, '""')}"`;
-  }
-  return value;
-}
-function toCsv(rows, columns) {
-  const head = columns.map((column) => escapeCsvCell(column.header)).join(",");
-  const body = rows.map(
-    (row) => columns.map((column) => {
-      const cell = column.value(row);
-      return escapeCsvCell(cell == null ? "" : String(cell));
-    }).join(",")
-  ).join("\n");
-  return `${head}
-${body}`;
-}
-function toJson(rows, columns) {
-  const records = rows.map((row) => {
-    const record = {};
-    for (const column of columns) {
-      const cell = column.value(row);
-      record[column.header] = cell == null ? null : cell;
-    }
-    return record;
-  });
-  return JSON.stringify(records, null, 2);
-}
-function triggerDownload(content, filename, mimeType) {
-  if (typeof window === "undefined") return;
-  const blob = new Blob([content], { type: mimeType });
-  const url = URL.createObjectURL(blob);
-  const anchor = document.createElement("a");
-  anchor.href = url;
-  anchor.download = filename;
-  document.body.appendChild(anchor);
-  anchor.click();
-  anchor.remove();
-  URL.revokeObjectURL(url);
-}
-function exportRows(format, rows, columns, baseName) {
-  if (format === "json") {
-    triggerDownload(toJson(rows, columns), `${baseName}.json`, "application/json");
-    return;
-  }
-  triggerDownload(toCsv(rows, columns), `${baseName}.csv`, "text/csv;charset=utf-8");
-}
 export {
   DYNAMIC_VIEWPORT_HEIGHT,
   VIEWPORT_HEIGHT_FALLBACK,

package/dist/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/export-rows.ts"],"sourcesContent":["/**\n * Serialise rows and hand the browser a download.\n *\n * The companion of the grid's Export control, which emits a REQUEST and leaves\n * the producing to the host — this is the producing half, for the common case\n * where the host already has the rows and only needs a file out of them.\n *\n * Dependency-free on purpose: \"Excel\" is emitted as CSV, which Excel opens\n * natively. A spreadsheet library would add ~700KB to a bundle for column\n * widths nobody asked for, and the one thing a real `.xlsx` buys — types that\n * survive the round trip — is not something a CSV export of an admin list is\n * being asked for.\n */\n\ntype ExportFormat = 'csv' | 'json';\n\n/** One column of the exported file: its header, and how to read a row. */\nexport interface ExportColumn<T> {\n  /** Column header, used as the CSV column and the JSON key. */\n  header: string;\n  /** Extract the cell value for a row. */\n  value: (row: T) => string | number | boolean | null | undefined;\n}\n\nfunction escapeCsvCell(value: string): string {\n  // Quote when the cell contains a comma, a quote or a newline; double any\n  // embedded quote. Without this a name with a comma silently shifts every\n  // column after it by one, which reads as corrupt data rather than as a bug.\n  if (/[\",\\n\\r]/.test(value)) {\n    return `\"${value.replace(/\"/g, '\"\"')}\"`;\n  }\n  return value;\n}\n\nfunction toCsv<T>(rows: readonly T[], columns: readonly ExportColumn<T>[]): string {\n  const head = columns.map((column) => escapeCsvCell(column.header)).join(',');\n  const body = rows\n    .map((row) =>\n      columns\n        .map((column) => {\n          const cell = column.value(row);\n          return escapeCsvCell(cell == null ? '' : String(cell));\n        })\n        .join(','),\n    )\n    .join('\\n');\n  return `${head}\\n${body}`;\n}\n\nfunction toJson<T>(rows: readonly T[], columns: readonly ExportColumn<T>[]): string {\n  const records = rows.map((row) => {\n    const record: Record<string, string | number | boolean | null> = {};\n    for (const column of columns) {\n      const cell = column.value(row);\n      record[column.header] = cell == null ? null : (cell as string | number | boolean);\n    }\n    return record;\n  });\n  return JSON.stringify(records, null, 2);\n}\n\nfunction triggerDownload(content: string, filename: string, mimeType: string): void {\n  // A no-op without a document, so a module that imports this can still be\n  // loaded by a test runner or a server render without guarding the import.\n  if (typeof window === 'undefined') return;\n  const blob = new Blob([content], { type: mimeType });\n  const url = URL.createObjectURL(blob);\n  const anchor = document.createElement('a');\n  anchor.href = url;\n  anchor.download = filename;\n  document.body.appendChild(anchor);\n  anchor.click();\n  anchor.remove();\n  URL.revokeObjectURL(url);\n}\n\n/**\n * Serialise `rows` using `columns` and download them as `<baseName>.<ext>`.\n *\n * @param format - `csv` (also what the Excel option produces) or `json`.\n * @param baseName - File name without extension; the consumer's word for the\n *   collection, so it is never derived from a type name here.\n */\nexport function exportRows<T>(\n  format: ExportFormat,\n  rows: readonly T[],\n  columns: readonly ExportColumn<T>[],\n  baseName: string,\n): void {\n  if (format === 'json') {\n    triggerDownload(toJson(rows, columns), `${baseName}.json`, 'application/json');\n    return;\n  }\n  triggerDownload(toCsv(rows, columns), `${baseName}.csv`, 'text/csv;charset=utf-8');\n}\n"],"mappings":";;;;;;;;;;;;;;;AAwBA,SAAS,cAAc,OAAuB;AAI5C,MAAI,WAAW,KAAK,KAAK,GAAG;AAC1B,WAAO,IAAI,MAAM,QAAQ,MAAM,IAAI,CAAC;AAAA,EACtC;AACA,SAAO;AACT;AAEA,SAAS,MAAS,MAAoB,SAA6C;AACjF,QAAM,OAAO,QAAQ,IAAI,CAAC,WAAW,cAAc,OAAO,MAAM,CAAC,EAAE,KAAK,GAAG;AAC3E,QAAM,OAAO,KACV;AAAA,IAAI,CAAC,QACJ,QACG,IAAI,CAAC,WAAW;AACf,YAAM,OAAO,OAAO,MAAM,GAAG;AAC7B,aAAO,cAAc,QAAQ,OAAO,KAAK,OAAO,IAAI,CAAC;AAAA,IACvD,CAAC,EACA,KAAK,GAAG;AAAA,EACb,EACC,KAAK,IAAI;AACZ,SAAO,GAAG,IAAI;AAAA,EAAK,IAAI;AACzB;AAEA,SAAS,OAAU,MAAoB,SAA6C;AAClF,QAAM,UAAU,KAAK,IAAI,CAAC,QAAQ;AAChC,UAAM,SAA2D,CAAC;AAClE,eAAW,UAAU,SAAS;AAC5B,YAAM,OAAO,OAAO,MAAM,GAAG;AAC7B,aAAO,OAAO,MAAM,IAAI,QAAQ,OAAO,OAAQ;AAAA,IACjD;AACA,WAAO;AAAA,EACT,CAAC;AACD,SAAO,KAAK,UAAU,SAAS,MAAM,CAAC;AACxC;AAEA,SAAS,gBAAgB,SAAiB,UAAkB,UAAwB;AAGlF,MAAI,OAAO,WAAW,YAAa;AACnC,QAAM,OAAO,IAAI,KAAK,CAAC,OAAO,GAAG,EAAE,MAAM,SAAS,CAAC;AACnD,QAAM,MAAM,IAAI,gBAAgB,IAAI;AACpC,QAAM,SAAS,SAAS,cAAc,GAAG;AACzC,SAAO,OAAO;AACd,SAAO,WAAW;AAClB,WAAS,KAAK,YAAY,MAAM;AAChC,SAAO,MAAM;AACb,SAAO,OAAO;AACd,MAAI,gBAAgB,GAAG;AACzB;AASO,SAAS,WACd,QACA,MACA,SACA,UACM;AACN,MAAI,WAAW,QAAQ;AACrB,oBAAgB,OAAO,MAAM,OAAO,GAAG,GAAG,QAAQ,SAAS,kBAAkB;AAC7E;AAAA,EACF;AACA,kBAAgB,MAAM,MAAM,OAAO,GAAG,GAAG,QAAQ,QAAQ,wBAAwB;AACnF;","names":[]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}