@vodafone_de/brix-components 3.1.3 → 3.1.6

package/MobileStepper/MobileStepper.js

@@ -1,311 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _integerPropType = _interopRequireDefault(require("@mui/utils/integerPropType"));
-var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _Paper = _interopRequireDefault(require("../Paper"));
-var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
-var _LinearProgress = _interopRequireDefault(require("../LinearProgress"));
-var _zeroStyled = require("../zero-styled");
-var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
-var _DefaultPropsProvider = require("../DefaultPropsProvider");
-var _slotShouldForwardProp = _interopRequireDefault(require("../styles/slotShouldForwardProp"));
-var _mobileStepperClasses = require("./mobileStepperClasses");
-var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
-var _jsxRuntime = require("react/jsx-runtime");
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    position
-  } = ownerState;
-  const slots = {
-    root: ['root', `position${(0, _capitalize.default)(position)}`],
-    dots: ['dots'],
-    dot: ['dot'],
-    dotActive: ['dotActive'],
-    progress: ['progress']
-  };
-  return (0, _composeClasses.default)(slots, _mobileStepperClasses.getMobileStepperUtilityClass, classes);
-};
-const MobileStepperRoot = (0, _zeroStyled.styled)(_Paper.default, {
-  name: 'MuiMobileStepper',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, styles[`position${(0, _capitalize.default)(ownerState.position)}`]];
-  }
-})((0, _memoTheme.default)(({
-  theme
-}) => ({
-  display: 'flex',
-  flexDirection: 'row',
-  justifyContent: 'space-between',
-  alignItems: 'center',
-  background: (theme.vars || theme).palette.background.default,
-  padding: 8,
-  variants: [{
-    props: ({
-      position
-    }) => position === 'top' || position === 'bottom',
-    style: {
-      position: 'fixed',
-      left: 0,
-      right: 0,
-      zIndex: (theme.vars || theme).zIndex.mobileStepper
-    }
-  }, {
-    props: {
-      position: 'top'
-    },
-    style: {
-      top: 0
-    }
-  }, {
-    props: {
-      position: 'bottom'
-    },
-    style: {
-      bottom: 0
-    }
-  }]
-})));
-const MobileStepperDots = (0, _zeroStyled.styled)('div', {
-  name: 'MuiMobileStepper',
-  slot: 'Dots'
-})({
-  variants: [{
-    props: {
-      variant: 'dots'
-    },
-    style: {
-      display: 'flex',
-      flexDirection: 'row'
-    }
-  }]
-});
-const MobileStepperDot = (0, _zeroStyled.styled)('div', {
-  name: 'MuiMobileStepper',
-  slot: 'Dot',
-  shouldForwardProp: prop => (0, _slotShouldForwardProp.default)(prop) && prop !== 'dotActive',
-  overridesResolver: (props, styles) => {
-    const {
-      dotActive
-    } = props;
-    return [styles.dot, dotActive && styles.dotActive];
-  }
-})((0, _memoTheme.default)(({
-  theme
-}) => ({
-  variants: [{
-    props: {
-      variant: 'dots'
-    },
-    style: {
-      transition: theme.transitions.create('background-color', {
-        duration: theme.transitions.duration.shortest
-      }),
-      backgroundColor: (theme.vars || theme).palette.action.disabled,
-      borderRadius: '50%',
-      width: 8,
-      height: 8,
-      margin: '0 2px'
-    }
-  }, {
-    props: {
-      variant: 'dots',
-      dotActive: true
-    },
-    style: {
-      backgroundColor: (theme.vars || theme).palette.primary.main
-    }
-  }]
-})));
-const MobileStepperProgress = (0, _zeroStyled.styled)(_LinearProgress.default, {
-  name: 'MuiMobileStepper',
-  slot: 'Progress'
-})({
-  variants: [{
-    props: {
-      variant: 'progress'
-    },
-    style: {
-      width: '50%'
-    }
-  }]
-});
-const MobileStepper = /*#__PURE__*/React.forwardRef(function MobileStepper(inProps, ref) {
-  const props = (0, _DefaultPropsProvider.useDefaultProps)({
-    props: inProps,
-    name: 'MuiMobileStepper'
-  });
-  const {
-    activeStep = 0,
-    backButton,
-    className,
-    LinearProgressProps,
-    nextButton,
-    position = 'bottom',
-    steps,
-    variant = 'dots',
-    slots = {},
-    slotProps = {},
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    activeStep,
-    position,
-    variant
-  };
-  let value;
-  if (variant === 'progress') {
-    if (steps === 1) {
-      value = 100;
-    } else {
-      value = Math.ceil(activeStep / (steps - 1) * 100);
-    }
-  }
-  const classes = useUtilityClasses(ownerState);
-  const externalForwardedProps = {
-    slots,
-    slotProps: {
-      progress: LinearProgressProps,
-      ...slotProps
-    }
-  };
-  const [RootSlot, rootSlotProps] = (0, _useSlot.default)('root', {
-    ref,
-    elementType: MobileStepperRoot,
-    shouldForwardComponentProp: true,
-    className: (0, _clsx.default)(classes.root, className),
-    externalForwardedProps: {
-      ...externalForwardedProps,
-      ...other
-    },
-    ownerState,
-    additionalProps: {
-      square: true,
-      elevation: 0
-    }
-  });
-  const [DotsSlot, dotsSlotProps] = (0, _useSlot.default)('dots', {
-    className: classes.dots,
-    elementType: MobileStepperDots,
-    externalForwardedProps,
-    ownerState
-  });
-  const [DotSlot, dotSlotProps] = (0, _useSlot.default)('dot', {
-    elementType: MobileStepperDot,
-    externalForwardedProps,
-    ownerState
-  });
-  const [ProgressSlot, progressSlotProps] = (0, _useSlot.default)('progress', {
-    className: classes.progress,
-    elementType: MobileStepperProgress,
-    shouldForwardComponentProp: true,
-    externalForwardedProps,
-    ownerState,
-    additionalProps: {
-      value,
-      variant: 'determinate'
-    }
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(RootSlot, {
-    ...rootSlotProps,
-    children: [backButton, variant === 'text' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-      children: [activeStep + 1, " / ", steps]
-    }), variant === 'dots' && /*#__PURE__*/(0, _jsxRuntime.jsx)(DotsSlot, {
-      ...dotsSlotProps,
-      children: [...new Array(steps)].map((_, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(DotSlot, {
-        ...dotSlotProps,
-        className: (0, _clsx.default)(classes.dot, dotSlotProps.className, index === activeStep && classes.dotActive),
-        dotActive: index === activeStep
-      }, index))
-    }), variant === 'progress' && /*#__PURE__*/(0, _jsxRuntime.jsx)(ProgressSlot, {
-      ...progressSlotProps
-    }), nextButton]
-  });
-});
-process.env.NODE_ENV !== "production" ? MobileStepper.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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Set the active step (zero based index).
-   * Defines which dot is highlighted when the variant is 'dots'.
-   * @default 0
-   */
-  activeStep: _integerPropType.default,
-  /**
-   * A back button element. For instance, it can be a `Button` or an `IconButton`.
-   */
-  backButton: _propTypes.default.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: _propTypes.default.object,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * Props applied to the `LinearProgress` element.
-   * @deprecated Use `slotProps.progress` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  LinearProgressProps: _propTypes.default.object,
-  /**
-   * A next button element. For instance, it can be a `Button` or an `IconButton`.
-   */
-  nextButton: _propTypes.default.node,
-  /**
-   * Set the positioning type.
-   * @default 'bottom'
-   */
-  position: _propTypes.default.oneOf(['bottom', 'static', 'top']),
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: _propTypes.default.shape({
-    dot: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
-    dots: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
-    progress: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
-    root: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: _propTypes.default.shape({
-    dot: _propTypes.default.elementType,
-    dots: _propTypes.default.elementType,
-    progress: _propTypes.default.elementType,
-    root: _propTypes.default.elementType
-  }),
-  /**
-   * The total steps.
-   */
-  steps: _integerPropType.default.isRequired,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
-  /**
-   * The variant to use.
-   * @default 'dots'
-   */
-  variant: _propTypes.default.oneOf(['dots', 'progress', 'text'])
-} : void 0;
-var _default = exports.default = MobileStepper;

package/MobileStepper/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from "./MobileStepper.js";
-export * from "./MobileStepper.js";
-export { default as mobileStepperClasses } from "./mobileStepperClasses.js";
-export * from "./mobileStepperClasses.js";

package/MobileStepper/index.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  mobileStepperClasses: true
-};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _MobileStepper.default;
-  }
-});
-Object.defineProperty(exports, "mobileStepperClasses", {
-  enumerable: true,
-  get: function () {
-    return _mobileStepperClasses.default;
-  }
-});
-var _MobileStepper = _interopRequireDefault(require("./MobileStepper"));
-var _mobileStepperClasses = _interopRequireWildcard(require("./mobileStepperClasses"));
-Object.keys(_mobileStepperClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _mobileStepperClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _mobileStepperClasses[key];
-    }
-  });
-});

package/MobileStepper/mobileStepperClasses.d.ts

@@ -1,22 +0,0 @@
-export interface MobileStepperClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the root element if `position="bottom"`. */
-  positionBottom: string;
-  /** Styles applied to the root element if `position="top"`. */
-  positionTop: string;
-  /** Styles applied to the root element if `position="static"`. */
-  positionStatic: string;
-  /** Styles applied to the dots container if `variant="dots"`. */
-  dots: string;
-  /** Styles applied to each dot if `variant="dots"`. */
-  dot: string;
-  /** Styles applied to a dot if `variant="dots"` and this is the active step. */
-  dotActive: string;
-  /** Styles applied to the Linear Progress component if `variant="progress"`. */
-  progress: string;
-}
-export type MobileStepperClassKey = keyof MobileStepperClasses;
-export declare function getMobileStepperUtilityClass(slot: string): string;
-declare const mobileStepperClasses: MobileStepperClasses;
-export default mobileStepperClasses;

package/MobileStepper/mobileStepperClasses.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.getMobileStepperUtilityClass = getMobileStepperUtilityClass;
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-function getMobileStepperUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiMobileStepper', slot);
-}
-const mobileStepperClasses = (0, _generateUtilityClasses.default)('MuiMobileStepper', ['root', 'positionBottom', 'positionTop', 'positionStatic', 'dots', 'dot', 'dotActive', 'progress']);
-var _default = exports.default = mobileStepperClasses;

package/Modal/Modal.d.ts

@@ -1,218 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { OverrideProps } from '@mui/types';
-import { SlotComponentProps } from "../utils/types.js";
-import { PortalProps } from "../Portal/index.js";
-import { Theme } from "../styles/index.js";
-import Backdrop, { BackdropProps } from "../Backdrop/index.js";
-import { OverridableComponent } from "../OverridableComponent/index.js";
-import { ModalClasses } from "./modalClasses.js";
-export interface ModalComponentsPropsOverrides {}
-export interface ModalOwnerState extends ModalProps {
-  exited: boolean;
-}
-export interface ModalSlots {
-  /**
-   * The component that renders the root.
-   * @default 'div'
-   */
-  root?: React.ElementType;
-  /**
-   * The component that renders the backdrop.
-   */
-  backdrop?: React.ElementType;
-}
-export interface ModalOwnProps {
-  /**
-   * A backdrop component. This prop enables custom backdrop rendering.
-   * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
-   * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.
-   * @default styled(Backdrop, {
-   *   name: 'MuiModal',
-   *   slot: 'Backdrop',
-   * })({
-   *   zIndex: -1,
-   * })
-   */
-  BackdropComponent?: React.ElementType<BackdropProps>;
-  /**
-   * Props applied to the [`Backdrop`](https://mui.com/material-ui/api/backdrop/) element.
-   * @deprecated Use `slotProps.backdrop` instead.
-   */
-  BackdropProps?: Partial<BackdropProps>;
-  /**
-   * A single child content element.
-   */
-  children: React.ReactElement<unknown>;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<ModalClasses>;
-  /**
-   * @ignore
-   */
-  className?: string;
-  /**
-   * When set to true the Modal waits until a nested Transition is completed before closing.
-   * @default false
-   */
-  closeAfterTransition?: boolean;
-  /**
-   * The components used for each slot inside.
-   *
-   * @deprecated Use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  components?: {
-    Root?: React.ElementType;
-    Backdrop?: React.ElementType;
-  };
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * @deprecated Use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  componentsProps?: {
-    root?: SlotComponentProps<'div', ModalComponentsPropsOverrides, ModalOwnerState>;
-    backdrop?: SlotComponentProps<typeof Backdrop, ModalComponentsPropsOverrides, ModalOwnerState>;
-  };
-  /**
-   * An HTML element or function that returns one.
-   * The `container` will have the portal children appended to it.
-   *
-   * You can also provide a callback, which is called in a React layout effect.
-   * This lets you set the container from a ref, and also makes server-side rendering possible.
-   *
-   * By default, it uses the body of the top-level document object,
-   * so it's simply `document.body` most of the time.
-   */
-  container?: PortalProps['container'];
-  /**
-   * If `true`, the modal will not automatically shift focus to itself when it opens, and
-   * replace it to the last focused element when it closes.
-   * This also works correctly with any modal children that have the `disableAutoFocus` prop.
-   *
-   * Generally this should never be set to `true` as it makes the modal less
-   * accessible to assistive technologies, like screen readers.
-   * @default false
-   */
-  disableAutoFocus?: boolean;
-  /**
-   * If `true`, the modal will not prevent focus from leaving the modal while open.
-   *
-   * Generally this should never be set to `true` as it makes the modal less
-   * accessible to assistive technologies, like screen readers.
-   * @default false
-   */
-  disableEnforceFocus?: boolean;
-  /**
-   * If `true`, hitting escape will not fire the `onClose` callback.
-   * @default false
-   */
-  disableEscapeKeyDown?: boolean;
-  /**
-   * The `children` will be under the DOM hierarchy of the parent component.
-   * @default false
-   */
-  disablePortal?: PortalProps['disablePortal'];
-  /**
-   * If `true`, the modal will not restore focus to previously focused element once
-   * modal is hidden or unmounted.
-   * @default false
-   */
-  disableRestoreFocus?: boolean;
-  /**
-   * Disable the scroll lock behavior.
-   * @default false
-   */
-  disableScrollLock?: boolean;
-  /**
-   * If `true`, the backdrop is not rendered.
-   * @default false
-   */
-  hideBackdrop?: boolean;
-  /**
-   * Always keep the children in the DOM.
-   * This prop can be useful in SEO situation or
-   * when you want to maximize the responsiveness of the Modal.
-   * @default false
-   */
-  keepMounted?: boolean;
-  /**
-   * Callback fired when the component requests to be closed.
-   * The `reason` parameter can optionally be used to control the response to `onClose`.
-   *
-   * @param {object} event The event source of the callback.
-   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
-   */
-  onClose?: {
-    bivarianceHack(event: {}, reason: 'backdropClick' | 'escapeKeyDown'): void;
-  }['bivarianceHack'];
-  /**
-   * A function called when a transition enters.
-   */
-  onTransitionEnter?: () => void;
-  /**
-   * A function called when a transition has exited.
-   */
-  onTransitionExited?: () => void;
-  /**
-   * If `true`, the component is shown.
-   */
-  open: boolean;
-  /**
-   * The components used for each slot inside the Modal.
-   * Either a string to use a HTML element or a component.
-   * @default {}
-   */
-  slots?: ModalSlots;
-  /**
-   * The props used for each slot inside the Modal.
-   * @default {}
-   */
-  slotProps?: {
-    root?: SlotComponentProps<'div', ModalComponentsPropsOverrides, ModalOwnerState>;
-    backdrop?: SlotComponentProps<typeof Backdrop, ModalComponentsPropsOverrides, ModalOwnerState>;
-  };
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-}
-export interface ModalTypeMap<RootComponent extends React.ElementType = 'div', AdditionalProps = {}> {
-  props: AdditionalProps & ModalOwnProps;
-  defaultComponent: RootComponent;
-}
-type ModalRootProps = NonNullable<ModalTypeMap['props']['slotProps']>['root'];
-export declare const ModalRoot: React.FC<ModalRootProps>;
-
-/**
- * Modal is a lower-level construct that is leveraged by the following components:
- *
- * * [Dialog](https://mui.com/material-ui/api/dialog/)
- * * [Drawer](https://mui.com/material-ui/api/drawer/)
- * * [Menu](https://mui.com/material-ui/api/menu/)
- * * [Popover](https://mui.com/material-ui/api/popover/)
- *
- * If you are creating a modal dialog, you probably want to use the [Dialog](https://mui.com/material-ui/api/dialog/) component
- * rather than directly using Modal.
- *
- * This component shares many concepts with [react-overlays](https://react-bootstrap.github.io/react-overlays/#modals).
- *
- * Demos:
- *
- * - [Modal](https://mui.com/material-ui/react-modal/)
- *
- * API:
- *
- * - [Modal API](https://mui.com/material-ui/api/modal/)
- */
-declare const Modal: OverridableComponent<ModalTypeMap>;
-export type ModalProps<RootComponent extends React.ElementType = ModalTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ModalTypeMap<RootComponent, AdditionalProps>, RootComponent> & {
-  component?: React.ElementType;
-};
-export default Modal;