worked on GarageApp stuff
This commit is contained in:
parent
60aaf17af3
commit
eb606572b0
51919 changed files with 2168177 additions and 18 deletions
112
node_modules/@mui/material/Avatar/Avatar.d.ts
generated
vendored
Normal file
112
node_modules/@mui/material/Avatar/Avatar.d.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,112 @@
|
|||
import * as React from 'react';
|
||||
import { SxProps } from '@mui/system';
|
||||
import { OverridableStringUnion } from '@mui/types';
|
||||
import { Theme } from "../styles/index.js";
|
||||
import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
|
||||
import { AvatarClasses } from "./avatarClasses.js";
|
||||
import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
|
||||
import { SvgIconProps } from "../SvgIcon/index.js";
|
||||
export interface AvatarSlots {
|
||||
/**
|
||||
* The component that renders the root slot.
|
||||
* @default 'div'
|
||||
*/
|
||||
root: React.ElementType;
|
||||
/**
|
||||
* The component that renders the img slot.
|
||||
* @default 'img'
|
||||
*/
|
||||
img: React.ElementType;
|
||||
/**
|
||||
* The component that renders the fallback slot.
|
||||
* @default Person icon
|
||||
*/
|
||||
fallback: React.ElementType;
|
||||
}
|
||||
export interface AvatarPropsVariantOverrides {}
|
||||
export interface AvatarRootSlotPropsOverrides {}
|
||||
export interface AvatarImgSlotPropsOverrides {}
|
||||
export interface AvatarFallbackSlotPropsOverrides {}
|
||||
export type AvatarSlotsAndSlotProps = CreateSlotsAndSlotProps<AvatarSlots, {
|
||||
/**
|
||||
* Props forwarded to the root slot.
|
||||
* By default, the avaible props are based on the div element.
|
||||
*/
|
||||
root: SlotProps<'div', AvatarRootSlotPropsOverrides, AvatarOwnProps>;
|
||||
/**
|
||||
* Props forwarded to the img slot.
|
||||
* By default, the avaible props are based on the img element.
|
||||
*/
|
||||
img: SlotProps<'img', AvatarImgSlotPropsOverrides, AvatarOwnProps>;
|
||||
/**
|
||||
* Props forwarded to the fallback slot.
|
||||
* By default, the avaible props are based on the [SvgIcon](https://mui.com/material-ui/api/svg-icon/#props) component.
|
||||
*/
|
||||
fallback: SlotProps<React.ElementType<SvgIconProps>, AvatarFallbackSlotPropsOverrides, AvatarOwnProps>;
|
||||
}>;
|
||||
export interface AvatarOwnProps {
|
||||
/**
|
||||
* Used in combination with `src` or `srcSet` to
|
||||
* provide an alt attribute for the rendered `img` element.
|
||||
*/
|
||||
alt?: string;
|
||||
/**
|
||||
* Used to render icon or text elements inside the Avatar if `src` is not set.
|
||||
* This can be an element, or just a string.
|
||||
*/
|
||||
children?: React.ReactNode;
|
||||
/**
|
||||
* Override or extend the styles applied to the component.
|
||||
*/
|
||||
classes?: Partial<AvatarClasses>;
|
||||
/**
|
||||
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/img#attributes) applied to the `img` element if the component is used to display an image.
|
||||
* It can be used to listen for the loading error event.
|
||||
* @deprecated Use `slotProps.img` 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.
|
||||
*/
|
||||
imgProps?: React.ImgHTMLAttributes<HTMLImageElement> & {
|
||||
sx?: SxProps<Theme>;
|
||||
};
|
||||
/**
|
||||
* The `sizes` attribute for the `img` element.
|
||||
*/
|
||||
sizes?: string;
|
||||
/**
|
||||
* The `src` attribute for the `img` element.
|
||||
*/
|
||||
src?: string;
|
||||
/**
|
||||
* The `srcSet` attribute for the `img` element.
|
||||
* Use this attribute for responsive image display.
|
||||
*/
|
||||
srcSet?: string;
|
||||
/**
|
||||
* The system prop that allows defining system overrides as well as additional CSS styles.
|
||||
*/
|
||||
sx?: SxProps<Theme>;
|
||||
/**
|
||||
* The shape of the avatar.
|
||||
* @default 'circular'
|
||||
*/
|
||||
variant?: OverridableStringUnion<'circular' | 'rounded' | 'square', AvatarPropsVariantOverrides>;
|
||||
}
|
||||
export interface AvatarTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
|
||||
props: AdditionalProps & AvatarOwnProps & AvatarSlotsAndSlotProps;
|
||||
defaultComponent: RootComponent;
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
* Demos:
|
||||
*
|
||||
* - [Avatar](https://mui.com/material-ui/react-avatar/)
|
||||
*
|
||||
* API:
|
||||
*
|
||||
* - [Avatar API](https://mui.com/material-ui/api/avatar/)
|
||||
*/
|
||||
declare const Avatar: OverridableComponent<AvatarTypeMap>;
|
||||
export type AvatarProps<RootComponent extends React.ElementType = AvatarTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<AvatarTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
||||
component?: React.ElementType;
|
||||
};
|
||||
export default Avatar;
|
||||
325
node_modules/@mui/material/Avatar/Avatar.js
generated
vendored
Normal file
325
node_modules/@mui/material/Avatar/Avatar.js
generated
vendored
Normal file
|
|
@ -0,0 +1,325 @@
|
|||
"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 _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
||||
var _zeroStyled = require("../zero-styled");
|
||||
var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
|
||||
var _DefaultPropsProvider = require("../DefaultPropsProvider");
|
||||
var _Person = _interopRequireDefault(require("../internal/svg-icons/Person"));
|
||||
var _avatarClasses = require("./avatarClasses");
|
||||
var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
|
||||
var _jsxRuntime = require("react/jsx-runtime");
|
||||
const useUtilityClasses = ownerState => {
|
||||
const {
|
||||
classes,
|
||||
variant,
|
||||
colorDefault
|
||||
} = ownerState;
|
||||
const slots = {
|
||||
root: ['root', variant, colorDefault && 'colorDefault'],
|
||||
img: ['img'],
|
||||
fallback: ['fallback']
|
||||
};
|
||||
return (0, _composeClasses.default)(slots, _avatarClasses.getAvatarUtilityClass, classes);
|
||||
};
|
||||
const AvatarRoot = (0, _zeroStyled.styled)('div', {
|
||||
name: 'MuiAvatar',
|
||||
slot: 'Root',
|
||||
overridesResolver: (props, styles) => {
|
||||
const {
|
||||
ownerState
|
||||
} = props;
|
||||
return [styles.root, styles[ownerState.variant], ownerState.colorDefault && styles.colorDefault];
|
||||
}
|
||||
})((0, _memoTheme.default)(({
|
||||
theme
|
||||
}) => ({
|
||||
position: 'relative',
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
flexShrink: 0,
|
||||
width: 40,
|
||||
height: 40,
|
||||
fontFamily: theme.typography.fontFamily,
|
||||
fontSize: theme.typography.pxToRem(20),
|
||||
lineHeight: 1,
|
||||
borderRadius: '50%',
|
||||
overflow: 'hidden',
|
||||
userSelect: 'none',
|
||||
variants: [{
|
||||
props: {
|
||||
variant: 'rounded'
|
||||
},
|
||||
style: {
|
||||
borderRadius: (theme.vars || theme).shape.borderRadius
|
||||
}
|
||||
}, {
|
||||
props: {
|
||||
variant: 'square'
|
||||
},
|
||||
style: {
|
||||
borderRadius: 0
|
||||
}
|
||||
}, {
|
||||
props: {
|
||||
colorDefault: true
|
||||
},
|
||||
style: {
|
||||
color: (theme.vars || theme).palette.background.default,
|
||||
...(theme.vars ? {
|
||||
backgroundColor: theme.vars.palette.Avatar.defaultBg
|
||||
} : {
|
||||
backgroundColor: theme.palette.grey[400],
|
||||
...theme.applyStyles('dark', {
|
||||
backgroundColor: theme.palette.grey[600]
|
||||
})
|
||||
})
|
||||
}
|
||||
}]
|
||||
})));
|
||||
const AvatarImg = (0, _zeroStyled.styled)('img', {
|
||||
name: 'MuiAvatar',
|
||||
slot: 'Img'
|
||||
})({
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
textAlign: 'center',
|
||||
// Handle non-square image.
|
||||
objectFit: 'cover',
|
||||
// Hide alt text.
|
||||
color: 'transparent',
|
||||
// Hide the image broken icon, only works on Chrome.
|
||||
textIndent: 10000
|
||||
});
|
||||
const AvatarFallback = (0, _zeroStyled.styled)(_Person.default, {
|
||||
name: 'MuiAvatar',
|
||||
slot: 'Fallback'
|
||||
})({
|
||||
width: '75%',
|
||||
height: '75%'
|
||||
});
|
||||
function useLoaded({
|
||||
crossOrigin,
|
||||
referrerPolicy,
|
||||
src,
|
||||
srcSet
|
||||
}) {
|
||||
const [loaded, setLoaded] = React.useState(false);
|
||||
React.useEffect(() => {
|
||||
if (!src && !srcSet) {
|
||||
return undefined;
|
||||
}
|
||||
setLoaded(false);
|
||||
let active = true;
|
||||
const image = new Image();
|
||||
image.onload = () => {
|
||||
if (!active) {
|
||||
return;
|
||||
}
|
||||
setLoaded('loaded');
|
||||
};
|
||||
image.onerror = () => {
|
||||
if (!active) {
|
||||
return;
|
||||
}
|
||||
setLoaded('error');
|
||||
};
|
||||
image.crossOrigin = crossOrigin;
|
||||
image.referrerPolicy = referrerPolicy;
|
||||
image.src = src;
|
||||
if (srcSet) {
|
||||
image.srcset = srcSet;
|
||||
}
|
||||
return () => {
|
||||
active = false;
|
||||
};
|
||||
}, [crossOrigin, referrerPolicy, src, srcSet]);
|
||||
return loaded;
|
||||
}
|
||||
const Avatar = /*#__PURE__*/React.forwardRef(function Avatar(inProps, ref) {
|
||||
const props = (0, _DefaultPropsProvider.useDefaultProps)({
|
||||
props: inProps,
|
||||
name: 'MuiAvatar'
|
||||
});
|
||||
const {
|
||||
alt,
|
||||
children: childrenProp,
|
||||
className,
|
||||
component = 'div',
|
||||
slots = {},
|
||||
slotProps = {},
|
||||
imgProps,
|
||||
sizes,
|
||||
src,
|
||||
srcSet,
|
||||
variant = 'circular',
|
||||
...other
|
||||
} = props;
|
||||
let children = null;
|
||||
const ownerState = {
|
||||
...props,
|
||||
component,
|
||||
variant
|
||||
};
|
||||
|
||||
// Use a hook instead of onError on the img element to support server-side rendering.
|
||||
const loaded = useLoaded({
|
||||
...imgProps,
|
||||
...(typeof slotProps.img === 'function' ? slotProps.img(ownerState) : slotProps.img),
|
||||
src,
|
||||
srcSet
|
||||
});
|
||||
const hasImg = src || srcSet;
|
||||
const hasImgNotFailing = hasImg && loaded !== 'error';
|
||||
ownerState.colorDefault = !hasImgNotFailing;
|
||||
// This issue explains why this is required: https://github.com/mui/material-ui/issues/42184
|
||||
delete ownerState.ownerState;
|
||||
const classes = useUtilityClasses(ownerState);
|
||||
const [RootSlot, rootSlotProps] = (0, _useSlot.default)('root', {
|
||||
ref,
|
||||
className: (0, _clsx.default)(classes.root, className),
|
||||
elementType: AvatarRoot,
|
||||
externalForwardedProps: {
|
||||
slots,
|
||||
slotProps,
|
||||
component,
|
||||
...other
|
||||
},
|
||||
ownerState
|
||||
});
|
||||
const [ImgSlot, imgSlotProps] = (0, _useSlot.default)('img', {
|
||||
className: classes.img,
|
||||
elementType: AvatarImg,
|
||||
externalForwardedProps: {
|
||||
slots,
|
||||
slotProps: {
|
||||
img: {
|
||||
...imgProps,
|
||||
...slotProps.img
|
||||
}
|
||||
}
|
||||
},
|
||||
additionalProps: {
|
||||
alt,
|
||||
src,
|
||||
srcSet,
|
||||
sizes
|
||||
},
|
||||
ownerState
|
||||
});
|
||||
const [FallbackSlot, fallbackSlotProps] = (0, _useSlot.default)('fallback', {
|
||||
className: classes.fallback,
|
||||
elementType: AvatarFallback,
|
||||
externalForwardedProps: {
|
||||
slots,
|
||||
slotProps
|
||||
},
|
||||
shouldForwardComponentProp: true,
|
||||
ownerState
|
||||
});
|
||||
if (hasImgNotFailing) {
|
||||
children = /*#__PURE__*/(0, _jsxRuntime.jsx)(ImgSlot, {
|
||||
...imgSlotProps
|
||||
});
|
||||
// We only render valid children, non valid children are rendered with a fallback
|
||||
// We consider that invalid children are all falsy values, except 0, which is valid.
|
||||
} else if (!!childrenProp || childrenProp === 0) {
|
||||
children = childrenProp;
|
||||
} else if (hasImg && alt) {
|
||||
children = alt[0];
|
||||
} else {
|
||||
children = /*#__PURE__*/(0, _jsxRuntime.jsx)(FallbackSlot, {
|
||||
...fallbackSlotProps
|
||||
});
|
||||
}
|
||||
return /*#__PURE__*/(0, _jsxRuntime.jsx)(RootSlot, {
|
||||
...rootSlotProps,
|
||||
children: children
|
||||
});
|
||||
});
|
||||
process.env.NODE_ENV !== "production" ? Avatar.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`. │
|
||||
// └─────────────────────────────────────────────────────────────────────┘
|
||||
/**
|
||||
* Used in combination with `src` or `srcSet` to
|
||||
* provide an alt attribute for the rendered `img` element.
|
||||
*/
|
||||
alt: _propTypes.default.string,
|
||||
/**
|
||||
* Used to render icon or text elements inside the Avatar if `src` is not set.
|
||||
* This can be an element, or just a string.
|
||||
*/
|
||||
children: _propTypes.default.node,
|
||||
/**
|
||||
* Override or extend the styles applied to the component.
|
||||
*/
|
||||
classes: _propTypes.default.object,
|
||||
/**
|
||||
* @ignore
|
||||
*/
|
||||
className: _propTypes.default.string,
|
||||
/**
|
||||
* The component used for the root node.
|
||||
* Either a string to use a HTML element or a component.
|
||||
*/
|
||||
component: _propTypes.default.elementType,
|
||||
/**
|
||||
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/img#attributes) applied to the `img` element if the component is used to display an image.
|
||||
* It can be used to listen for the loading error event.
|
||||
* @deprecated Use `slotProps.img` 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.
|
||||
*/
|
||||
imgProps: _propTypes.default.object,
|
||||
/**
|
||||
* The `sizes` attribute for the `img` element.
|
||||
*/
|
||||
sizes: _propTypes.default.string,
|
||||
/**
|
||||
* The props used for each slot inside.
|
||||
* @default {}
|
||||
*/
|
||||
slotProps: _propTypes.default.shape({
|
||||
fallback: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
|
||||
img: _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({
|
||||
fallback: _propTypes.default.elementType,
|
||||
img: _propTypes.default.elementType,
|
||||
root: _propTypes.default.elementType
|
||||
}),
|
||||
/**
|
||||
* The `src` attribute for the `img` element.
|
||||
*/
|
||||
src: _propTypes.default.string,
|
||||
/**
|
||||
* The `srcSet` attribute for the `img` element.
|
||||
* Use this attribute for responsive image display.
|
||||
*/
|
||||
srcSet: _propTypes.default.string,
|
||||
/**
|
||||
* 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 shape of the avatar.
|
||||
* @default 'circular'
|
||||
*/
|
||||
variant: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['circular', 'rounded', 'square']), _propTypes.default.string])
|
||||
} : void 0;
|
||||
var _default = exports.default = Avatar;
|
||||
20
node_modules/@mui/material/Avatar/avatarClasses.d.ts
generated
vendored
Normal file
20
node_modules/@mui/material/Avatar/avatarClasses.d.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
export interface AvatarClasses {
|
||||
/** Styles applied to the root element. */
|
||||
root: string;
|
||||
/** Styles applied to the root element if not `src` or `srcSet`. */
|
||||
colorDefault: string;
|
||||
/** Styles applied to the root element if `variant="circular"`. */
|
||||
circular: string;
|
||||
/** Styles applied to the root element if `variant="rounded"`. */
|
||||
rounded: string;
|
||||
/** Styles applied to the root element if `variant="square"`. */
|
||||
square: string;
|
||||
/** Styles applied to the img element if either `src` or `srcSet` is defined. */
|
||||
img: string;
|
||||
/** Styles applied to the fallback icon */
|
||||
fallback: string;
|
||||
}
|
||||
export type AvatarClassKey = keyof AvatarClasses;
|
||||
export declare function getAvatarUtilityClass(slot: string): string;
|
||||
declare const avatarClasses: AvatarClasses;
|
||||
export default avatarClasses;
|
||||
15
node_modules/@mui/material/Avatar/avatarClasses.js
generated
vendored
Normal file
15
node_modules/@mui/material/Avatar/avatarClasses.js
generated
vendored
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
"use strict";
|
||||
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
exports.getAvatarUtilityClass = getAvatarUtilityClass;
|
||||
var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
|
||||
var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
|
||||
function getAvatarUtilityClass(slot) {
|
||||
return (0, _generateUtilityClass.default)('MuiAvatar', slot);
|
||||
}
|
||||
const avatarClasses = (0, _generateUtilityClasses.default)('MuiAvatar', ['root', 'colorDefault', 'circular', 'rounded', 'square', 'img', 'fallback']);
|
||||
var _default = exports.default = avatarClasses;
|
||||
4
node_modules/@mui/material/Avatar/index.d.ts
generated
vendored
Normal file
4
node_modules/@mui/material/Avatar/index.d.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
export { default } from "./Avatar.js";
|
||||
export * from "./Avatar.js";
|
||||
export { default as avatarClasses } from "./avatarClasses.js";
|
||||
export * from "./avatarClasses.js";
|
||||
35
node_modules/@mui/material/Avatar/index.js
generated
vendored
Normal file
35
node_modules/@mui/material/Avatar/index.js
generated
vendored
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
"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 = {
|
||||
avatarClasses: true
|
||||
};
|
||||
Object.defineProperty(exports, "avatarClasses", {
|
||||
enumerable: true,
|
||||
get: function () {
|
||||
return _avatarClasses.default;
|
||||
}
|
||||
});
|
||||
Object.defineProperty(exports, "default", {
|
||||
enumerable: true,
|
||||
get: function () {
|
||||
return _Avatar.default;
|
||||
}
|
||||
});
|
||||
var _Avatar = _interopRequireDefault(require("./Avatar"));
|
||||
var _avatarClasses = _interopRequireWildcard(require("./avatarClasses"));
|
||||
Object.keys(_avatarClasses).forEach(function (key) {
|
||||
if (key === "default" || key === "__esModule") return;
|
||||
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
||||
if (key in exports && exports[key] === _avatarClasses[key]) return;
|
||||
Object.defineProperty(exports, key, {
|
||||
enumerable: true,
|
||||
get: function () {
|
||||
return _avatarClasses[key];
|
||||
}
|
||||
});
|
||||
});
|
||||
Loading…
Add table
Add a link
Reference in a new issue