@vodafone_de/brix-components 3.1.3 → 3.1.6

package/ImageList/ImageList.js

@@ -1,157 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _integerPropType = _interopRequireDefault(require("@mui/utils/integerPropType"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var React = _interopRequireWildcard(require("react"));
-var _zeroStyled = require("../zero-styled");
-var _DefaultPropsProvider = require("../DefaultPropsProvider");
-var _imageListClasses = require("./imageListClasses");
-var _ImageListContext = _interopRequireDefault(require("./ImageListContext"));
-var _jsxRuntime = require("react/jsx-runtime");
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    variant
-  } = ownerState;
-  const slots = {
-    root: ['root', variant]
-  };
-  return (0, _composeClasses.default)(slots, _imageListClasses.getImageListUtilityClass, classes);
-};
-const ImageListRoot = (0, _zeroStyled.styled)('ul', {
-  name: 'MuiImageList',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, styles[ownerState.variant]];
-  }
-})({
-  display: 'grid',
-  overflowY: 'auto',
-  listStyle: 'none',
-  padding: 0,
-  // Add iOS momentum scrolling for iOS < 13.0
-  WebkitOverflowScrolling: 'touch',
-  variants: [{
-    props: {
-      variant: 'masonry'
-    },
-    style: {
-      display: 'block'
-    }
-  }]
-});
-const ImageList = /*#__PURE__*/React.forwardRef(function ImageList(inProps, ref) {
-  const props = (0, _DefaultPropsProvider.useDefaultProps)({
-    props: inProps,
-    name: 'MuiImageList'
-  });
-  const {
-    children,
-    className,
-    cols = 2,
-    component = 'ul',
-    rowHeight = 'auto',
-    gap = 4,
-    style: styleProp,
-    variant = 'standard',
-    ...other
-  } = props;
-  const contextValue = React.useMemo(() => ({
-    rowHeight,
-    gap,
-    variant
-  }), [rowHeight, gap, variant]);
-  const style = variant === 'masonry' ? {
-    columnCount: cols,
-    columnGap: gap,
-    ...styleProp
-  } : {
-    gridTemplateColumns: `repeat(${cols}, 1fr)`,
-    gap,
-    ...styleProp
-  };
-  const ownerState = {
-    ...props,
-    component,
-    gap,
-    rowHeight,
-    variant
-  };
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ImageListRoot, {
-    as: component,
-    className: (0, _clsx.default)(classes.root, classes[variant], className),
-    ref: ref,
-    style: style,
-    ownerState: ownerState,
-    ...other,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageListContext.default.Provider, {
-      value: contextValue,
-      children: children
-    })
-  });
-});
-process.env.NODE_ENV !== "production" ? ImageList.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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component, normally `ImageListItem`s.
-   */
-  children: _propTypes.default /* @typescript-to-proptypes-ignore */.node.isRequired,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: _propTypes.default.object,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * Number of columns.
-   * @default 2
-   */
-  cols: _integerPropType.default,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: _propTypes.default.elementType,
-  /**
-   * The gap between items in px.
-   * @default 4
-   */
-  gap: _propTypes.default.number,
-  /**
-   * The height of one row in px.
-   * @default 'auto'
-   */
-  rowHeight: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
-  /**
-   * @ignore
-   */
-  style: _propTypes.default.object,
-  /**
-   * 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 'standard'
-   */
-  variant: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['masonry', 'quilted', 'standard', 'woven']), _propTypes.default.string])
-} : void 0;
-var _default = exports.default = ImageList;

package/ImageList/ImageListContext.js

@@ -1,18 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-/**
- * @ignore - internal component.
- * @type {React.Context<{} | {expanded: boolean, disabled: boolean, toggle: () => void}>}
- */
-const ImageListContext = /*#__PURE__*/React.createContext({});
-if (process.env.NODE_ENV !== 'production') {
-  ImageListContext.displayName = 'ImageListContext';
-}
-var _default = exports.default = ImageListContext;

package/ImageList/imageListClasses.d.ts

@@ -1,16 +0,0 @@
-export interface ImageListClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the root element if `variant="masonry"`. */
-  masonry: string;
-  /** Styles applied to the root element if `variant="quilted"`. */
-  quilted: string;
-  /** Styles applied to the root element if `variant="standard"`. */
-  standard: string;
-  /** Styles applied to the root element if `variant="woven"`. */
-  woven: string;
-}
-export type ImageListClassKey = keyof ImageListClasses;
-export declare function getImageListUtilityClass(slot: string): string;
-declare const imageListClasses: ImageListClasses;
-export default imageListClasses;

package/ImageList/imageListClasses.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.getImageListUtilityClass = getImageListUtilityClass;
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-function getImageListUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiImageList', slot);
-}
-const imageListClasses = (0, _generateUtilityClasses.default)('MuiImageList', ['root', 'masonry', 'quilted', 'standard', 'woven']);
-var _default = exports.default = imageListClasses;

package/ImageList/index.d.ts

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

package/ImageList/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 = {
-  imageListClasses: true
-};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _ImageList.default;
-  }
-});
-Object.defineProperty(exports, "imageListClasses", {
-  enumerable: true,
-  get: function () {
-    return _imageListClasses.default;
-  }
-});
-var _ImageList = _interopRequireDefault(require("./ImageList"));
-var _imageListClasses = _interopRequireWildcard(require("./imageListClasses"));
-Object.keys(_imageListClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _imageListClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _imageListClasses[key];
-    }
-  });
-});

package/ImageListItem/ImageListItem.d.ts

@@ -1,48 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { Theme } from "../index.js";
-import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
-import { ImageListItemClasses } from "./imageListItemClasses.js";
-export interface ImageListItemOwnProps {
-  /**
-   * The content of the component, normally an `<img>`.
-   */
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<ImageListItemClasses>;
-  /**
-   * Width of the item in number of grid columns.
-   * @default 1
-   */
-  cols?: number;
-  /**
-   * Height of the item in number of grid rows.
-   * @default 1
-   */
-  rows?: number;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-}
-export interface ImageListItemTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'li'> {
-  props: AdditionalProps & ImageListItemOwnProps;
-  defaultComponent: RootComponent;
-}
-/**
- *
- * Demos:
- *
- * - [Image List](https://mui.com/material-ui/react-image-list/)
- *
- * API:
- *
- * - [ImageListItem API](https://mui.com/material-ui/api/image-list-item/)
- */
-declare const ImageListItem: OverridableComponent<ImageListItemTypeMap>;
-export type ImageListItemProps<RootComponent extends React.ElementType = ImageListItemTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ImageListItemTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
-};
-export default ImageListItem;

package/ImageListItem/ImageListItem.js

@@ -1,195 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _integerPropType = _interopRequireDefault(require("@mui/utils/integerPropType"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var React = _interopRequireWildcard(require("react"));
-var _reactIs = require("react-is");
-var _ImageListContext = _interopRequireDefault(require("../ImageList/ImageListContext"));
-var _zeroStyled = require("../zero-styled");
-var _DefaultPropsProvider = require("../DefaultPropsProvider");
-var _isMuiElement = _interopRequireDefault(require("../utils/isMuiElement"));
-var _imageListItemClasses = _interopRequireWildcard(require("./imageListItemClasses"));
-var _jsxRuntime = require("react/jsx-runtime");
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    variant
-  } = ownerState;
-  const slots = {
-    root: ['root', variant],
-    img: ['img']
-  };
-  return (0, _composeClasses.default)(slots, _imageListItemClasses.getImageListItemUtilityClass, classes);
-};
-const ImageListItemRoot = (0, _zeroStyled.styled)('li', {
-  name: 'MuiImageListItem',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [{
-      [`& .${_imageListItemClasses.default.img}`]: styles.img
-    }, styles.root, styles[ownerState.variant]];
-  }
-})({
-  display: 'block',
-  position: 'relative',
-  [`& .${_imageListItemClasses.default.img}`]: {
-    objectFit: 'cover',
-    width: '100%',
-    height: '100%',
-    display: 'block'
-  },
-  variants: [{
-    props: {
-      variant: 'standard'
-    },
-    style: {
-      // For titlebar under list item
-      display: 'flex',
-      flexDirection: 'column'
-    }
-  }, {
-    props: {
-      variant: 'woven'
-    },
-    style: {
-      height: '100%',
-      alignSelf: 'center',
-      '&:nth-of-type(even)': {
-        height: '70%'
-      }
-    }
-  }, {
-    props: {
-      variant: 'standard'
-    },
-    style: {
-      [`& .${_imageListItemClasses.default.img}`]: {
-        height: 'auto',
-        flexGrow: 1
-      }
-    }
-  }]
-});
-const ImageListItem = /*#__PURE__*/React.forwardRef(function ImageListItem(inProps, ref) {
-  const props = (0, _DefaultPropsProvider.useDefaultProps)({
-    props: inProps,
-    name: 'MuiImageListItem'
-  });
-
-  // TODO: - Use jsdoc @default?: "cols rows default values are for docs only"
-  const {
-    children,
-    className,
-    cols = 1,
-    component = 'li',
-    rows = 1,
-    style,
-    ...other
-  } = props;
-  const {
-    rowHeight = 'auto',
-    gap,
-    variant
-  } = React.useContext(_ImageListContext.default);
-  let height = 'auto';
-  if (variant === 'woven') {
-    height = undefined;
-  } else if (rowHeight !== 'auto') {
-    height = rowHeight * rows + gap * (rows - 1);
-  }
-  const ownerState = {
-    ...props,
-    cols,
-    component,
-    gap,
-    rowHeight,
-    rows,
-    variant
-  };
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ImageListItemRoot, {
-    as: component,
-    className: (0, _clsx.default)(classes.root, classes[variant], className),
-    ref: ref,
-    style: {
-      height,
-      gridColumnEnd: variant !== 'masonry' ? `span ${cols}` : undefined,
-      gridRowEnd: variant !== 'masonry' ? `span ${rows}` : undefined,
-      marginBottom: variant === 'masonry' ? gap : undefined,
-      breakInside: variant === 'masonry' ? 'avoid' : undefined,
-      ...style
-    },
-    ownerState: ownerState,
-    ...other,
-    children: React.Children.map(children, child => {
-      if (! /*#__PURE__*/React.isValidElement(child)) {
-        return null;
-      }
-      if (process.env.NODE_ENV !== 'production') {
-        if ((0, _reactIs.isFragment)(child)) {
-          console.error(["MUI: The ImageListItem component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
-        }
-      }
-      if (child.type === 'img' || (0, _isMuiElement.default)(child, ['Image'])) {
-        return /*#__PURE__*/React.cloneElement(child, {
-          className: (0, _clsx.default)(classes.img, child.props.className)
-        });
-      }
-      return child;
-    })
-  });
-});
-process.env.NODE_ENV !== "production" ? ImageListItem.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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component, normally an `<img>`.
-   */
-  children: _propTypes.default.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: _propTypes.default.object,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * Width of the item in number of grid columns.
-   * @default 1
-   */
-  cols: _integerPropType.default,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: _propTypes.default.elementType,
-  /**
-   * Height of the item in number of grid rows.
-   * @default 1
-   */
-  rows: _integerPropType.default,
-  /**
-   * @ignore
-   */
-  style: _propTypes.default.object,
-  /**
-   * 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])
-} : void 0;
-var _default = exports.default = ImageListItem;

package/ImageListItem/imageListItemClasses.d.ts

@@ -1,18 +0,0 @@
-export interface ImageListItemClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to an `img` element to ensure it covers the item. */
-  img: string;
-  /** Styles applied to the root element if `variant="standard"`. */
-  standard: string;
-  /** Styles applied to the root element if `variant="woven"`. */
-  woven: string;
-  /** Styles applied to the root element if `variant="masonry"`. */
-  masonry: string;
-  /** Styles applied to the root element if `variant="quilted"`. */
-  quilted: string;
-}
-export type ImageListItemClassKey = keyof ImageListItemClasses;
-export declare function getImageListItemUtilityClass(slot: string): string;
-declare const imageListItemClasses: ImageListItemClasses;
-export default imageListItemClasses;

package/ImageListItem/imageListItemClasses.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.getImageListItemUtilityClass = getImageListItemUtilityClass;
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-function getImageListItemUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiImageListItem', slot);
-}
-const imageListItemClasses = (0, _generateUtilityClasses.default)('MuiImageListItem', ['root', 'img', 'standard', 'woven', 'masonry', 'quilted']);
-var _default = exports.default = imageListItemClasses;

package/ImageListItem/index.d.ts

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

package/ImageListItem/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 = {
-  imageListItemClasses: true
-};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _ImageListItem.default;
-  }
-});
-Object.defineProperty(exports, "imageListItemClasses", {
-  enumerable: true,
-  get: function () {
-    return _imageListItemClasses.default;
-  }
-});
-var _ImageListItem = _interopRequireDefault(require("./ImageListItem"));
-var _imageListItemClasses = _interopRequireWildcard(require("./imageListItemClasses"));
-Object.keys(_imageListItemClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _imageListItemClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _imageListItemClasses[key];
-    }
-  });
-});

package/ImageListItemBar/ImageListItemBar.d.ts

@@ -1,49 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { InternalStandardProps as StandardProps, Theme } from "../index.js";
-import { ImageListItemBarClasses } from "./imageListItemBarClasses.js";
-export interface ImageListItemBarProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>, 'title'> {
-  /**
-   * An IconButton element to be used as secondary action target
-   * (primary action target is the item itself).
-   */
-  actionIcon?: React.ReactNode;
-  /**
-   * Position of secondary action IconButton.
-   * @default 'right'
-   */
-  actionPosition?: 'left' | 'right';
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<ImageListItemBarClasses>;
-  /**
-   * Position of the title bar.
-   * @default 'bottom'
-   */
-  position?: 'below' | 'top' | 'bottom';
-  /**
-   * String or element serving as subtitle (support text).
-   */
-  subtitle?: React.ReactNode;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-  /**
-   * Title to be displayed.
-   */
-  title?: React.ReactNode;
-}
-
-/**
- *
- * Demos:
- *
- * - [Image List](https://mui.com/material-ui/react-image-list/)
- *
- * API:
- *
- * - [ImageListItemBar API](https://mui.com/material-ui/api/image-list-item-bar/)
- */
-export default function ImageListItemBar(props: ImageListItemBarProps): React.JSX.Element;