wip:milestone 0 fixes
Some checks failed
CI/CD Pipeline / unit-tests (push) Failing after 1m16s
CI/CD Pipeline / integration-tests (push) Failing after 2m32s
CI/CD Pipeline / lint (push) Successful in 5m22s
CI/CD Pipeline / e2e-tests (push) Has been skipped
CI/CD Pipeline / build (push) Has been skipped

This commit is contained in:
2026-03-15 12:35:42 +02:00
parent 6708cf28a7
commit cffdf8af86
61266 changed files with 4511646 additions and 1938 deletions

View File

@@ -0,0 +1,33 @@
import * as React from 'react';
import { SxProps } from '@mui/system';
import { InternalStandardProps as StandardProps } from '..';
import { Theme } from '../styles';
import { StepConnectorClasses } from './stepConnectorClasses';
export type StepConnectorIcon = React.ReactElement<any> | string | number;
export interface StepConnectorProps
extends StandardProps<React.HTMLAttributes<HTMLDivElement>, 'children'> {
/**
* Override or extend the styles applied to the component.
*/
classes?: Partial<StepConnectorClasses>;
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx?: SxProps<Theme>;
}
export type StepConnectorClasskey = keyof NonNullable<StepConnectorProps['classes']>;
/**
*
* Demos:
*
* - [Stepper](https://mui.com/material-ui/react-stepper/)
*
* API:
*
* - [StepConnector API](https://mui.com/material-ui/api/step-connector/)
*/
export default function StepConnector(props: StepConnectorProps): React.JSX.Element;

View File

@@ -0,0 +1,134 @@
'use client';
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
import _extends from "@babel/runtime/helpers/esm/extends";
const _excluded = ["className"];
import * as React from 'react';
import PropTypes from 'prop-types';
import clsx from 'clsx';
import composeClasses from '@mui/utils/composeClasses';
import capitalize from '../utils/capitalize';
import styled from '../styles/styled';
import { useDefaultProps } from '../DefaultPropsProvider';
import StepperContext from '../Stepper/StepperContext';
import StepContext from '../Step/StepContext';
import { getStepConnectorUtilityClass } from './stepConnectorClasses';
import { jsx as _jsx } from "react/jsx-runtime";
const useUtilityClasses = ownerState => {
const {
classes,
orientation,
alternativeLabel,
active,
completed,
disabled
} = ownerState;
const slots = {
root: ['root', orientation, alternativeLabel && 'alternativeLabel', active && 'active', completed && 'completed', disabled && 'disabled'],
line: ['line', `line${capitalize(orientation)}`]
};
return composeClasses(slots, getStepConnectorUtilityClass, classes);
};
const StepConnectorRoot = styled('div', {
name: 'MuiStepConnector',
slot: 'Root',
overridesResolver: (props, styles) => {
const {
ownerState
} = props;
return [styles.root, styles[ownerState.orientation], ownerState.alternativeLabel && styles.alternativeLabel, ownerState.completed && styles.completed];
}
})(({
ownerState
}) => _extends({
flex: '1 1 auto'
}, ownerState.orientation === 'vertical' && {
marginLeft: 12 // half icon
}, ownerState.alternativeLabel && {
position: 'absolute',
top: 8 + 4,
left: 'calc(-50% + 20px)',
right: 'calc(50% + 20px)'
}));
const StepConnectorLine = styled('span', {
name: 'MuiStepConnector',
slot: 'Line',
overridesResolver: (props, styles) => {
const {
ownerState
} = props;
return [styles.line, styles[`line${capitalize(ownerState.orientation)}`]];
}
})(({
ownerState,
theme
}) => {
const borderColor = theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[600];
return _extends({
display: 'block',
borderColor: theme.vars ? theme.vars.palette.StepConnector.border : borderColor
}, ownerState.orientation === 'horizontal' && {
borderTopStyle: 'solid',
borderTopWidth: 1
}, ownerState.orientation === 'vertical' && {
borderLeftStyle: 'solid',
borderLeftWidth: 1,
minHeight: 24
});
});
const StepConnector = /*#__PURE__*/React.forwardRef(function StepConnector(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: 'MuiStepConnector'
});
const {
className
} = props,
other = _objectWithoutPropertiesLoose(props, _excluded);
const {
alternativeLabel,
orientation = 'horizontal'
} = React.useContext(StepperContext);
const {
active,
disabled,
completed
} = React.useContext(StepContext);
const ownerState = _extends({}, props, {
alternativeLabel,
orientation,
active,
completed,
disabled
});
const classes = useUtilityClasses(ownerState);
return /*#__PURE__*/_jsx(StepConnectorRoot, _extends({
className: clsx(classes.root, className),
ref: ref,
ownerState: ownerState
}, other, {
children: /*#__PURE__*/_jsx(StepConnectorLine, {
className: classes.line,
ownerState: ownerState
})
}));
});
process.env.NODE_ENV !== "production" ? StepConnector.propTypes /* remove-proptypes */ = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* Override or extend the styles applied to the component.
*/
classes: PropTypes.object,
/**
* @ignore
*/
className: PropTypes.string,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
} : void 0;
export default StepConnector;

View File

@@ -0,0 +1,5 @@
export { default } from './StepConnector';
export * from './StepConnector';
export { default as stepConnectorClasses } from './stepConnectorClasses';
export * from './stepConnectorClasses';

View File

@@ -0,0 +1,5 @@
'use client';
export { default } from './StepConnector';
export { default as stepConnectorClasses } from './stepConnectorClasses';
export * from './stepConnectorClasses';

View File

@@ -0,0 +1,6 @@
{
"sideEffects": false,
"module": "./index.js",
"main": "../node/StepConnector/index.js",
"types": "./index.d.ts"
}

View File

@@ -0,0 +1,26 @@
export interface StepConnectorClasses {
/** Styles applied to the root element. */
root: string;
/** Styles applied to the root element if `orientation="horizontal"`. */
horizontal: string;
/** Styles applied to the root element if `orientation="vertical"`. */
vertical: string;
/** Styles applied to the root element if `alternativeLabel={true}`. */
alternativeLabel: string;
/** State class applied to the root element if `active={true}`. */
active: string;
/** State class applied to the root element if `completed={true}`. */
completed: string;
/** State class applied to the root element if `disabled={true}`. */
disabled: string;
/** Styles applied to the line element. */
line: string;
/** Styles applied to the root element if `orientation="horizontal"`. */
lineHorizontal: string;
/** Styles applied to the root element if `orientation="vertical"`. */
lineVertical: string;
}
export type StepConnectorClassKey = keyof StepConnectorClasses;
export declare function getStepConnectorUtilityClass(slot: string): string;
declare const stepConnectorClasses: StepConnectorClasses;
export default stepConnectorClasses;

View File

@@ -0,0 +1,7 @@
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
import generateUtilityClass from '@mui/utils/generateUtilityClass';
export function getStepConnectorUtilityClass(slot) {
return generateUtilityClass('MuiStepConnector', slot);
}
const stepConnectorClasses = generateUtilityClasses('MuiStepConnector', ['root', 'horizontal', 'vertical', 'alternativeLabel', 'active', 'completed', 'disabled', 'line', 'lineHorizontal', 'lineVertical']);
export default stepConnectorClasses;