@vodafone_de/brix-components 3.1.3 → 3.1.6

package/NativeSelect/NativeSelectInput.js

@@ -1,247 +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 = exports.StyledSelectSelect = exports.StyledSelectIcon = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _refType = _interopRequireDefault(require("@mui/utils/refType"));
-var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
-var _nativeSelectClasses = _interopRequireWildcard(require("./nativeSelectClasses"));
-var _zeroStyled = require("../zero-styled");
-var _rootShouldForwardProp = _interopRequireDefault(require("../styles/rootShouldForwardProp"));
-var _jsxRuntime = require("react/jsx-runtime");
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    variant,
-    disabled,
-    multiple,
-    open,
-    error
-  } = ownerState;
-  const slots = {
-    select: ['select', variant, disabled && 'disabled', multiple && 'multiple', error && 'error'],
-    icon: ['icon', `icon${(0, _capitalize.default)(variant)}`, open && 'iconOpen', disabled && 'disabled']
-  };
-  return (0, _composeClasses.default)(slots, _nativeSelectClasses.getNativeSelectUtilityClasses, classes);
-};
-const StyledSelectSelect = exports.StyledSelectSelect = (0, _zeroStyled.styled)('select')(({
-  theme
-}) => ({
-  // Reset
-  MozAppearance: 'none',
-  // Reset
-  WebkitAppearance: 'none',
-  // When interacting quickly, the text can end up selected.
-  // Native select can't be selected either.
-  userSelect: 'none',
-  // Reset
-  borderRadius: 0,
-  cursor: 'pointer',
-  '&:focus': {
-    // Reset Chrome style
-    borderRadius: 0
-  },
-  [`&.${_nativeSelectClasses.default.disabled}`]: {
-    cursor: 'default'
-  },
-  '&[multiple]': {
-    height: 'auto'
-  },
-  '&:not([multiple]) option, &:not([multiple]) optgroup': {
-    backgroundColor: (theme.vars || theme).palette.background.paper
-  },
-  variants: [{
-    props: ({
-      ownerState
-    }) => ownerState.variant !== 'filled' && ownerState.variant !== 'outlined',
-    style: {
-      // Bump specificity to allow extending custom inputs
-      '&&&': {
-        paddingRight: 24,
-        minWidth: 16 // So it doesn't collapse.
-      }
-    }
-  }, {
-    props: {
-      variant: 'filled'
-    },
-    style: {
-      '&&&': {
-        paddingRight: 32
-      }
-    }
-  }, {
-    props: {
-      variant: 'outlined'
-    },
-    style: {
-      borderRadius: (theme.vars || theme).shape.borderRadius,
-      '&:focus': {
-        borderRadius: (theme.vars || theme).shape.borderRadius // Reset the reset for Chrome style
-      },
-      '&&&': {
-        paddingRight: 32
-      }
-    }
-  }]
-}));
-const NativeSelectSelect = (0, _zeroStyled.styled)(StyledSelectSelect, {
-  name: 'MuiNativeSelect',
-  slot: 'Select',
-  shouldForwardProp: _rootShouldForwardProp.default,
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.select, styles[ownerState.variant], ownerState.error && styles.error, {
-      [`&.${_nativeSelectClasses.default.multiple}`]: styles.multiple
-    }];
-  }
-})({});
-const StyledSelectIcon = exports.StyledSelectIcon = (0, _zeroStyled.styled)('svg')(({
-  theme
-}) => ({
-  // We use a position absolute over a flexbox in order to forward the pointer events
-  // to the input and to support wrapping tags..
-  position: 'absolute',
-  right: 0,
-  // Center vertically, height is 1em
-  top: 'calc(50% - .5em)',
-  // Don't block pointer events on the select under the icon.
-  pointerEvents: 'none',
-  color: (theme.vars || theme).palette.action.active,
-  [`&.${_nativeSelectClasses.default.disabled}`]: {
-    color: (theme.vars || theme).palette.action.disabled
-  },
-  variants: [{
-    props: ({
-      ownerState
-    }) => ownerState.open,
-    style: {
-      transform: 'rotate(180deg)'
-    }
-  }, {
-    props: {
-      variant: 'filled'
-    },
-    style: {
-      right: 7
-    }
-  }, {
-    props: {
-      variant: 'outlined'
-    },
-    style: {
-      right: 7
-    }
-  }]
-}));
-const NativeSelectIcon = (0, _zeroStyled.styled)(StyledSelectIcon, {
-  name: 'MuiNativeSelect',
-  slot: 'Icon',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.icon, ownerState.variant && styles[`icon${(0, _capitalize.default)(ownerState.variant)}`], ownerState.open && styles.iconOpen];
-  }
-})({});
-
-/**
- * @ignore - internal component.
- */
-const NativeSelectInput = /*#__PURE__*/React.forwardRef(function NativeSelectInput(props, ref) {
-  const {
-    className,
-    disabled,
-    error,
-    IconComponent,
-    inputRef,
-    variant = 'standard',
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    disabled,
-    variant,
-    error
-  };
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(NativeSelectSelect, {
-      ownerState: ownerState,
-      className: (0, _clsx.default)(classes.select, className),
-      disabled: disabled,
-      ref: inputRef || ref,
-      ...other
-    }), props.multiple ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(NativeSelectIcon, {
-      as: IconComponent,
-      ownerState: ownerState,
-      className: classes.icon
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" ? NativeSelectInput.propTypes = {
-  /**
-   * The option elements to populate the select with.
-   * Can be some `<option>` elements.
-   */
-  children: _propTypes.default.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: _propTypes.default.object,
-  /**
-   * The CSS class name of the select element.
-   */
-  className: _propTypes.default.string,
-  /**
-   * If `true`, the select is disabled.
-   */
-  disabled: _propTypes.default.bool,
-  /**
-   * If `true`, the `select input` will indicate an error.
-   */
-  error: _propTypes.default.bool,
-  /**
-   * The icon that displays the arrow.
-   */
-  IconComponent: _propTypes.default.elementType.isRequired,
-  /**
-   * Use that prop to pass a ref to the native select element.
-   * @deprecated
-   */
-  inputRef: _refType.default,
-  /**
-   * @ignore
-   */
-  multiple: _propTypes.default.bool,
-  /**
-   * Name attribute of the `select` or hidden `input` element.
-   */
-  name: _propTypes.default.string,
-  /**
-   * Callback fired when a menu item is selected.
-   *
-   * @param {object} event The event source of the callback.
-   * You can pull out the new value by accessing `event.target.value` (string).
-   */
-  onChange: _propTypes.default.func,
-  /**
-   * The input value.
-   */
-  value: _propTypes.default.any,
-  /**
-   * The variant to use.
-   */
-  variant: _propTypes.default.oneOf(['standard', 'outlined', 'filled'])
-} : void 0;
-var _default = exports.default = NativeSelectInput;

package/NativeSelect/index.d.ts

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

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

package/NativeSelect/nativeSelectClasses.d.ts

@@ -1,34 +0,0 @@
-export interface NativeSelectClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the select component `select` class. */
-  select: string;
-  /** Styles applied to the select component if `multiple={true}`. */
-  multiple: string;
-  /** Styles applied to the select component if `variant="filled"`. */
-  filled: string;
-  /** Styles applied to the select component if `variant="outlined"`. */
-  outlined: string;
-  /** Styles applied to the select component if `variant="standard"`. */
-  standard: string;
-  /** State class applied to the select component `disabled` class. */
-  disabled: string;
-  /** Styles applied to the icon component. */
-  icon: string;
-  /** Styles applied to the icon component if the popup is open. */
-  iconOpen: string;
-  /** Styles applied to the icon component if `variant="filled"`. */
-  iconFilled: string;
-  /** Styles applied to the icon component if `variant="outlined"`. */
-  iconOutlined: string;
-  /** Styles applied to the icon component if `variant="standard"`. */
-  iconStandard: string;
-  /** Styles applied to the underlying native input component. */
-  nativeInput: string;
-  /** State class applied to the select component `error` class. */
-  error: string;
-}
-export type NativeSelectClassKey = keyof NativeSelectClasses;
-export declare function getNativeSelectUtilityClasses(slot: string): string;
-declare const nativeSelectClasses: NativeSelectClasses;
-export default nativeSelectClasses;

package/NativeSelect/nativeSelectClasses.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.getNativeSelectUtilityClasses = getNativeSelectUtilityClasses;
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-function getNativeSelectUtilityClasses(slot) {
-  return (0, _generateUtilityClass.default)('MuiNativeSelect', slot);
-}
-const nativeSelectClasses = (0, _generateUtilityClasses.default)('MuiNativeSelect', ['root', 'select', 'multiple', 'filled', 'outlined', 'standard', 'disabled', 'icon', 'iconOpen', 'iconFilled', 'iconOutlined', 'iconStandard', 'nativeInput', 'error']);
-var _default = exports.default = nativeSelectClasses;

package/NoSsr/NoSsr.d.ts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import { NoSsrProps } from "./NoSsr.types.js";
-/**
- * NoSsr purposely removes components from the subject of Server Side Rendering (SSR).
- *
- * This component can be useful in a variety of situations:
- *
- * * Escape hatch for broken dependencies not supporting SSR.
- * * Improve the time-to-first paint on the client by only rendering above the fold.
- * * Reduce the rendering time on the server.
- * * Under too heavy server load, you can turn on service degradation.
- *
- * Demos:
- *
- * - [No SSR](https://mui.com/material-ui/react-no-ssr/)
- *
- * API:
- *
- * - [NoSsr API](https://mui.com/material-ui/api/no-ssr/)
- */
-declare function NoSsr(props: NoSsrProps): React.JSX.Element;
-declare namespace NoSsr {
-  var propTypes: any;
-}
-export default NoSsr;

package/NoSsr/NoSsr.js

@@ -1,78 +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 _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
-var _exactProp = _interopRequireDefault(require("@mui/utils/exactProp"));
-/**
- * NoSsr purposely removes components from the subject of Server Side Rendering (SSR).
- *
- * This component can be useful in a variety of situations:
- *
- * * Escape hatch for broken dependencies not supporting SSR.
- * * Improve the time-to-first paint on the client by only rendering above the fold.
- * * Reduce the rendering time on the server.
- * * Under too heavy server load, you can turn on service degradation.
- *
- * Demos:
- *
- * - [No SSR](https://mui.com/material-ui/react-no-ssr/)
- *
- * API:
- *
- * - [NoSsr API](https://mui.com/material-ui/api/no-ssr/)
- */
-function NoSsr(props) {
-  const {
-    children,
-    defer = false,
-    fallback = null
-  } = props;
-  const [mountedState, setMountedState] = React.useState(false);
-  (0, _useEnhancedEffect.default)(() => {
-    if (!defer) {
-      setMountedState(true);
-    }
-  }, [defer]);
-  React.useEffect(() => {
-    if (defer) {
-      setMountedState(true);
-    }
-  }, [defer]);
-
-  // TODO casting won't be needed at one point https://github.com/DefinitelyTyped/DefinitelyTyped/pull/65135
-  return mountedState ? children : fallback;
-}
-process.env.NODE_ENV !== "production" ? NoSsr.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * You can wrap a node.
-   */
-  children: _propTypes.default.node,
-  /**
-   * If `true`, the component will not only prevent server-side rendering.
-   * It will also defer the rendering of the children into a different screen frame.
-   * @default false
-   */
-  defer: _propTypes.default.bool,
-  /**
-   * The fallback content to display.
-   * @default null
-   */
-  fallback: _propTypes.default.node
-} : void 0;
-if (process.env.NODE_ENV !== 'production') {
-  // eslint-disable-next-line
-  NoSsr['propTypes' + ''] = (0, _exactProp.default)(NoSsr.propTypes);
-}
-var _default = exports.default = NoSsr;

package/NoSsr/NoSsr.types.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-export interface NoSsrProps {
-  /**
-   * You can wrap a node.
-   */
-  children?: React.ReactNode;
-  /**
-   * If `true`, the component will not only prevent server-side rendering.
-   * It will also defer the rendering of the children into a different screen frame.
-   * @default false
-   */
-  defer?: boolean;
-  /**
-   * The fallback content to display.
-   * @default null
-   */
-  fallback?: React.ReactNode;
-}

package/NoSsr/NoSsr.types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/NoSsr/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from "./NoSsr.js";
-export * from "./NoSsr.js";
-export * from "./NoSsr.types.js";

package/NoSsr/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _NoSsr.default;
-  }
-});
-var _NoSsr = _interopRequireDefault(require("./NoSsr"));

package/OutlinedInput/NotchedOutline.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { InternalStandardProps as StandardProps } from "../index.js";
-export interface NotchedOutlineProps extends StandardProps<React.FieldsetHTMLAttributes<HTMLFieldSetElement>> {
-  disabled?: boolean;
-  error?: boolean;
-  focused?: boolean;
-  label?: React.ReactNode;
-  notched: boolean;
-}
-export type NotchedOutlineClassKey = keyof NonNullable<NotchedOutlineProps['classes']>;
-declare const NotchedOutline: React.JSXElementConstructor<NotchedOutlineProps>;
-export default NotchedOutline;

package/OutlinedInput/NotchedOutline.js

@@ -1,161 +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 = NotchedOutline;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _rootShouldForwardProp = _interopRequireDefault(require("../styles/rootShouldForwardProp"));
-var _zeroStyled = require("../zero-styled");
-var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _span;
-const NotchedOutlineRoot = (0, _zeroStyled.styled)('fieldset', {
-  shouldForwardProp: _rootShouldForwardProp.default
-})({
-  textAlign: 'left',
-  position: 'absolute',
-  bottom: 0,
-  right: 0,
-  top: -5,
-  left: 0,
-  margin: 0,
-  padding: '0 8px',
-  pointerEvents: 'none',
-  borderRadius: 'inherit',
-  borderStyle: 'solid',
-  borderWidth: 1,
-  overflow: 'hidden',
-  minWidth: '0%'
-});
-const NotchedOutlineLegend = (0, _zeroStyled.styled)('legend', {
-  shouldForwardProp: _rootShouldForwardProp.default
-})((0, _memoTheme.default)(({
-  theme
-}) => ({
-  float: 'unset',
-  // Fix conflict with bootstrap
-  width: 'auto',
-  // Fix conflict with bootstrap
-  overflow: 'hidden',
-  // Fix Horizontal scroll when label too long
-  variants: [{
-    props: ({
-      ownerState
-    }) => !ownerState.withLabel,
-    style: {
-      padding: 0,
-      lineHeight: '11px',
-      // sync with `height` in `legend` styles
-      transition: theme.transitions.create('width', {
-        duration: 150,
-        easing: theme.transitions.easing.easeOut
-      })
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.withLabel,
-    style: {
-      display: 'block',
-      // Fix conflict with normalize.css and sanitize.css
-      padding: 0,
-      height: 11,
-      // sync with `lineHeight` in `legend` styles
-      fontSize: '0.75em',
-      visibility: 'hidden',
-      maxWidth: 0.01,
-      transition: theme.transitions.create('max-width', {
-        duration: 50,
-        easing: theme.transitions.easing.easeOut
-      }),
-      whiteSpace: 'nowrap',
-      '& > span': {
-        paddingLeft: 5,
-        paddingRight: 5,
-        display: 'inline-block',
-        opacity: 0,
-        visibility: 'visible'
-      }
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.withLabel && ownerState.notched,
-    style: {
-      maxWidth: '100%',
-      transition: theme.transitions.create('max-width', {
-        duration: 100,
-        easing: theme.transitions.easing.easeOut,
-        delay: 50
-      })
-    }
-  }]
-})));
-
-/**
- * @ignore - internal component.
- */
-function NotchedOutline(props) {
-  const {
-    children,
-    classes,
-    className,
-    label,
-    notched,
-    ...other
-  } = props;
-  const withLabel = label != null && label !== '';
-  const ownerState = {
-    ...props,
-    notched,
-    withLabel
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(NotchedOutlineRoot, {
-    "aria-hidden": true,
-    className: className,
-    ownerState: ownerState,
-    ...other,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(NotchedOutlineLegend, {
-      ownerState: ownerState,
-      children: withLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: label
-      }) : // notranslate needed while Google Translate will not fix zero-width space issue
-      _span || (_span = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "notranslate",
-        "aria-hidden": true,
-        children: "\u200B"
-      }))
-    })
-  });
-}
-process.env.NODE_ENV !== "production" ? NotchedOutline.propTypes /* remove-proptypes */ = {
-  /**
-   * The content of the component.
-   */
-  children: _propTypes.default.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: _propTypes.default.object,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * The label.
-   */
-  label: _propTypes.default.node,
-  /**
-   * If `true`, the outline is notched to accommodate the label.
-   */
-  notched: _propTypes.default.bool.isRequired,
-  /**
-   * @ignore
-   */
-  style: _propTypes.default.object
-} : void 0;