paradiego
This commit is contained in:
97
node_modules/@mui/material/PigmentHidden/PigmentHidden.d.ts
generated
vendored
Normal file
97
node_modules/@mui/material/PigmentHidden/PigmentHidden.d.ts
generated
vendored
Normal file
@@ -0,0 +1,97 @@
|
||||
import * as React from 'react';
|
||||
import { Breakpoint } from '@mui/system';
|
||||
export interface HiddenProps {
|
||||
/**
|
||||
* The content of the component.
|
||||
*/
|
||||
children?: React.ReactNode;
|
||||
/**
|
||||
* Specify which implementation to use. 'js' is the default, 'css' works better for
|
||||
* server-side rendering.
|
||||
* @default 'js'
|
||||
*/
|
||||
implementation?: 'js' | 'css';
|
||||
/**
|
||||
* You can use this prop when choosing the `js` implementation with server-side rendering.
|
||||
*
|
||||
* As `window.innerWidth` is unavailable on the server,
|
||||
* we default to rendering an empty component during the first mount.
|
||||
* You might want to use a heuristic to approximate
|
||||
* the screen width of the client browser screen width.
|
||||
*
|
||||
* For instance, you could be using the user-agent or the client-hints.
|
||||
* https://caniuse.com/#search=client%20hint
|
||||
*/
|
||||
initialWidth?: Breakpoint;
|
||||
/**
|
||||
* If `true`, component is hidden on screens below (but not including) this size.
|
||||
* @default false
|
||||
*/
|
||||
lgDown?: boolean;
|
||||
/**
|
||||
* If `true`, component is hidden on screens this size and above.
|
||||
* @default false
|
||||
*/
|
||||
lgUp?: boolean;
|
||||
/**
|
||||
* If `true`, component is hidden on screens below (but not including) this size.
|
||||
* @default false
|
||||
*/
|
||||
mdDown?: boolean;
|
||||
/**
|
||||
* If `true`, component is hidden on screens this size and above.
|
||||
* @default false
|
||||
*/
|
||||
mdUp?: boolean;
|
||||
/**
|
||||
* Hide the given breakpoint(s).
|
||||
*/
|
||||
only?: Breakpoint | Breakpoint[];
|
||||
/**
|
||||
* If `true`, component is hidden on screens below (but not including) this size.
|
||||
* @default false
|
||||
*/
|
||||
smDown?: boolean;
|
||||
/**
|
||||
* If `true`, component is hidden on screens this size and above.
|
||||
* @default false
|
||||
*/
|
||||
smUp?: boolean;
|
||||
/**
|
||||
* If `true`, component is hidden on screens below (but not including) this size.
|
||||
* @default false
|
||||
*/
|
||||
xlDown?: boolean;
|
||||
/**
|
||||
* If `true`, component is hidden on screens this size and above.
|
||||
* @default false
|
||||
*/
|
||||
xlUp?: boolean;
|
||||
/**
|
||||
* If `true`, component is hidden on screens below (but not including) this size.
|
||||
* @default false
|
||||
*/
|
||||
xsDown?: boolean;
|
||||
/**
|
||||
* If `true`, component is hidden on screens this size and above.
|
||||
* @default false
|
||||
*/
|
||||
xsUp?: boolean;
|
||||
}
|
||||
/**
|
||||
*
|
||||
* Demos:
|
||||
*
|
||||
* - [Hidden](https://mui.com/material-ui/react-hidden/)
|
||||
*
|
||||
* API:
|
||||
*
|
||||
* - [PigmentHidden API](https://mui.com/material-ui/api/pigment-hidden/)
|
||||
*/
|
||||
declare function PigmentHidden({ implementation, ...props }: HiddenProps & {
|
||||
className?: string;
|
||||
}): React.JSX.Element;
|
||||
declare namespace PigmentHidden {
|
||||
var propTypes: any;
|
||||
}
|
||||
export default PigmentHidden;
|
||||
278
node_modules/@mui/material/PigmentHidden/PigmentHidden.js
generated
vendored
Normal file
278
node_modules/@mui/material/PigmentHidden/PigmentHidden.js
generated
vendored
Normal file
@@ -0,0 +1,278 @@
|
||||
'use client';
|
||||
|
||||
import * as React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import clsx from 'clsx';
|
||||
// @ts-ignore
|
||||
import Hidden from '@mui/material-pigment-css/Hidden';
|
||||
import capitalize from '@mui/utils/capitalize';
|
||||
import composeClasses from '@mui/utils/composeClasses';
|
||||
import HiddenJs from "../Hidden/HiddenJs.js";
|
||||
import { getHiddenCssUtilityClass } from "../Hidden/hiddenCssClasses.js";
|
||||
import { useTheme } from "../zero-styled/index.js";
|
||||
import { jsx as _jsx } from "react/jsx-runtime";
|
||||
const useUtilityClasses = ownerState => {
|
||||
const {
|
||||
classes,
|
||||
breakpoints
|
||||
} = ownerState;
|
||||
const slots = {
|
||||
root: ['root', ...breakpoints.map(({
|
||||
breakpoint,
|
||||
dir
|
||||
}) => {
|
||||
return dir === 'only' ? `${dir}${capitalize(breakpoint)}` : `${breakpoint}${capitalize(dir)}`;
|
||||
})]
|
||||
};
|
||||
return composeClasses(slots, getHiddenCssUtilityClass, classes);
|
||||
};
|
||||
function HiddenCss(props) {
|
||||
const theme = useTheme();
|
||||
const {
|
||||
children,
|
||||
className,
|
||||
only,
|
||||
...other
|
||||
} = props;
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
const unknownProps = Object.keys(other).filter(propName => {
|
||||
const isUndeclaredBreakpoint = !theme.breakpoints.keys.some(breakpoint => {
|
||||
return `${breakpoint}Up` === propName || `${breakpoint}Down` === propName;
|
||||
});
|
||||
return !['classes', 'theme', 'isRtl', 'sx'].includes(propName) && isUndeclaredBreakpoint;
|
||||
});
|
||||
if (unknownProps.length > 0) {
|
||||
console.error(`MUI: Unsupported props received by \`<Hidden implementation="css" />\`: ${unknownProps.join(', ')}. Did you forget to wrap this component in a ThemeProvider declaring these breakpoints?`);
|
||||
}
|
||||
}
|
||||
const breakpoints = [];
|
||||
for (let i = 0; i < theme.breakpoints.keys.length; i += 1) {
|
||||
const breakpoint = theme.breakpoints.keys[i];
|
||||
const breakpointUp = other[`${breakpoint}Up`];
|
||||
const breakpointDown = other[`${breakpoint}Down`];
|
||||
if (breakpointUp) {
|
||||
breakpoints.push({
|
||||
breakpoint,
|
||||
dir: 'up'
|
||||
});
|
||||
}
|
||||
if (breakpointDown) {
|
||||
breakpoints.push({
|
||||
breakpoint,
|
||||
dir: 'down'
|
||||
});
|
||||
}
|
||||
}
|
||||
if (only) {
|
||||
const onlyBreakpoints = Array.isArray(only) ? only : [only];
|
||||
onlyBreakpoints.forEach(breakpoint => {
|
||||
breakpoints.push({
|
||||
breakpoint,
|
||||
dir: 'only'
|
||||
});
|
||||
});
|
||||
}
|
||||
const ownerState = {
|
||||
...props,
|
||||
classes: {},
|
||||
breakpoints
|
||||
};
|
||||
const classes = useUtilityClasses(ownerState);
|
||||
return /*#__PURE__*/_jsx(Hidden, {
|
||||
className: clsx(classes.root, className),
|
||||
...props
|
||||
});
|
||||
}
|
||||
process.env.NODE_ENV !== "production" ? HiddenCss.propTypes /* remove-proptypes */ = {
|
||||
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
||||
// │ These PropTypes are generated from the TypeScript type definitions. │
|
||||
// │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
|
||||
// └─────────────────────────────────────────────────────────────────────┘
|
||||
/**
|
||||
* The content of the component.
|
||||
*/
|
||||
children: PropTypes.node,
|
||||
className: PropTypes.string,
|
||||
/**
|
||||
* Specify which implementation to use. 'js' is the default, 'css' works better for
|
||||
* server-side rendering.
|
||||
* @default 'js'
|
||||
*/
|
||||
implementation: PropTypes.oneOf(['css', 'js']),
|
||||
/**
|
||||
* You can use this prop when choosing the `js` implementation with server-side rendering.
|
||||
*
|
||||
* As `window.innerWidth` is unavailable on the server,
|
||||
* we default to rendering an empty component during the first mount.
|
||||
* You might want to use a heuristic to approximate
|
||||
* the screen width of the client browser screen width.
|
||||
*
|
||||
* For instance, you could be using the user-agent or the client-hints.
|
||||
* https://caniuse.com/#search=client%20hint
|
||||
*/
|
||||
initialWidth: PropTypes.oneOf(['lg', 'md', 'sm', 'xl', 'xs']),
|
||||
/**
|
||||
* If `true`, component is hidden on screens below (but not including) this size.
|
||||
* @default false
|
||||
*/
|
||||
lgDown: PropTypes.bool,
|
||||
/**
|
||||
* If `true`, component is hidden on screens this size and above.
|
||||
* @default false
|
||||
*/
|
||||
lgUp: PropTypes.bool,
|
||||
/**
|
||||
* If `true`, component is hidden on screens below (but not including) this size.
|
||||
* @default false
|
||||
*/
|
||||
mdDown: PropTypes.bool,
|
||||
/**
|
||||
* If `true`, component is hidden on screens this size and above.
|
||||
* @default false
|
||||
*/
|
||||
mdUp: PropTypes.bool,
|
||||
/**
|
||||
* Hide the given breakpoint(s).
|
||||
*/
|
||||
only: PropTypes.oneOfType([PropTypes.oneOf(['lg', 'md', 'sm', 'xl', 'xs']), PropTypes.arrayOf(PropTypes.oneOf(['lg', 'md', 'sm', 'xl', 'xs']).isRequired)]),
|
||||
/**
|
||||
* If `true`, component is hidden on screens below (but not including) this size.
|
||||
* @default false
|
||||
*/
|
||||
smDown: PropTypes.bool,
|
||||
/**
|
||||
* If `true`, component is hidden on screens this size and above.
|
||||
* @default false
|
||||
*/
|
||||
smUp: PropTypes.bool,
|
||||
/**
|
||||
* If `true`, component is hidden on screens below (but not including) this size.
|
||||
* @default false
|
||||
*/
|
||||
xlDown: PropTypes.bool,
|
||||
/**
|
||||
* If `true`, component is hidden on screens this size and above.
|
||||
* @default false
|
||||
*/
|
||||
xlUp: PropTypes.bool,
|
||||
/**
|
||||
* If `true`, component is hidden on screens below (but not including) this size.
|
||||
* @default false
|
||||
*/
|
||||
xsDown: PropTypes.bool,
|
||||
/**
|
||||
* If `true`, component is hidden on screens this size and above.
|
||||
* @default false
|
||||
*/
|
||||
xsUp: PropTypes.bool
|
||||
} : void 0;
|
||||
/**
|
||||
*
|
||||
* Demos:
|
||||
*
|
||||
* - [Hidden](https://mui.com/material-ui/react-hidden/)
|
||||
*
|
||||
* API:
|
||||
*
|
||||
* - [PigmentHidden API](https://mui.com/material-ui/api/pigment-hidden/)
|
||||
*/
|
||||
function PigmentHidden({
|
||||
implementation = 'js',
|
||||
...props
|
||||
}) {
|
||||
if (implementation === 'js') {
|
||||
return /*#__PURE__*/_jsx(HiddenJs, {
|
||||
...props
|
||||
});
|
||||
}
|
||||
return /*#__PURE__*/_jsx(HiddenCss, {
|
||||
...props
|
||||
});
|
||||
}
|
||||
process.env.NODE_ENV !== "production" ? PigmentHidden.propTypes /* remove-proptypes */ = {
|
||||
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
||||
// │ These PropTypes are generated from the TypeScript type definitions. │
|
||||
// │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
|
||||
// └─────────────────────────────────────────────────────────────────────┘
|
||||
/**
|
||||
* The content of the component.
|
||||
*/
|
||||
children: PropTypes.node,
|
||||
/**
|
||||
* @ignore
|
||||
*/
|
||||
className: PropTypes.string,
|
||||
/**
|
||||
* Specify which implementation to use. 'js' is the default, 'css' works better for
|
||||
* server-side rendering.
|
||||
* @default 'js'
|
||||
*/
|
||||
implementation: PropTypes.oneOf(['css', 'js']),
|
||||
/**
|
||||
* You can use this prop when choosing the `js` implementation with server-side rendering.
|
||||
*
|
||||
* As `window.innerWidth` is unavailable on the server,
|
||||
* we default to rendering an empty component during the first mount.
|
||||
* You might want to use a heuristic to approximate
|
||||
* the screen width of the client browser screen width.
|
||||
*
|
||||
* For instance, you could be using the user-agent or the client-hints.
|
||||
* https://caniuse.com/#search=client%20hint
|
||||
*/
|
||||
initialWidth: PropTypes.oneOf(['lg', 'md', 'sm', 'xl', 'xs']),
|
||||
/**
|
||||
* If `true`, component is hidden on screens below (but not including) this size.
|
||||
* @default false
|
||||
*/
|
||||
lgDown: PropTypes.bool,
|
||||
/**
|
||||
* If `true`, component is hidden on screens this size and above.
|
||||
* @default false
|
||||
*/
|
||||
lgUp: PropTypes.bool,
|
||||
/**
|
||||
* If `true`, component is hidden on screens below (but not including) this size.
|
||||
* @default false
|
||||
*/
|
||||
mdDown: PropTypes.bool,
|
||||
/**
|
||||
* If `true`, component is hidden on screens this size and above.
|
||||
* @default false
|
||||
*/
|
||||
mdUp: PropTypes.bool,
|
||||
/**
|
||||
* Hide the given breakpoint(s).
|
||||
*/
|
||||
only: PropTypes.oneOfType([PropTypes.oneOf(['lg', 'md', 'sm', 'xl', 'xs']), PropTypes.arrayOf(PropTypes.oneOf(['lg', 'md', 'sm', 'xl', 'xs']).isRequired)]),
|
||||
/**
|
||||
* If `true`, component is hidden on screens below (but not including) this size.
|
||||
* @default false
|
||||
*/
|
||||
smDown: PropTypes.bool,
|
||||
/**
|
||||
* If `true`, component is hidden on screens this size and above.
|
||||
* @default false
|
||||
*/
|
||||
smUp: PropTypes.bool,
|
||||
/**
|
||||
* If `true`, component is hidden on screens below (but not including) this size.
|
||||
* @default false
|
||||
*/
|
||||
xlDown: PropTypes.bool,
|
||||
/**
|
||||
* If `true`, component is hidden on screens this size and above.
|
||||
* @default false
|
||||
*/
|
||||
xlUp: PropTypes.bool,
|
||||
/**
|
||||
* If `true`, component is hidden on screens below (but not including) this size.
|
||||
* @default false
|
||||
*/
|
||||
xsDown: PropTypes.bool,
|
||||
/**
|
||||
* If `true`, component is hidden on screens this size and above.
|
||||
* @default false
|
||||
*/
|
||||
xsUp: PropTypes.bool
|
||||
} : void 0;
|
||||
export default PigmentHidden;
|
||||
2
node_modules/@mui/material/PigmentHidden/index.d.ts
generated
vendored
Normal file
2
node_modules/@mui/material/PigmentHidden/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
export { default } from './PigmentHidden';
|
||||
export * from './PigmentHidden';
|
||||
2
node_modules/@mui/material/PigmentHidden/index.js
generated
vendored
Normal file
2
node_modules/@mui/material/PigmentHidden/index.js
generated
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
export { default } from "./PigmentHidden.js";
|
||||
export * from "./PigmentHidden.js";
|
||||
6
node_modules/@mui/material/PigmentHidden/package.json
generated
vendored
Normal file
6
node_modules/@mui/material/PigmentHidden/package.json
generated
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"sideEffects": false,
|
||||
"module": "./index.js",
|
||||
"main": "../node/PigmentHidden/index.js",
|
||||
"types": "./index.d.ts"
|
||||
}
|
||||
Reference in New Issue
Block a user