Search
Search
Search
Search
Information
Information
Light
Dark
Open actions menu
Basic upload method
Bypass upload method
Tips!
If you encounter an error (by firewall) while uploading using both methods,
try changing extension of the file before uploading it and rename it right after.
This uploader supports multiple file upload.
Submit
~
var
www
uibuilder.cmshelp.dk
httpdocs
node_modules
@mui
material
FormHelperText
File Content:
FormHelperText.js
'use client'; var _span; import * as React from 'react'; import PropTypes from 'prop-types'; import clsx from 'clsx'; import composeClasses from '@mui/utils/composeClasses'; import formControlState from "../FormControl/formControlState.js"; import useFormControl from "../FormControl/useFormControl.js"; import { styled } from "../zero-styled/index.js"; import memoTheme from "../utils/memoTheme.js"; import { useDefaultProps } from "../DefaultPropsProvider/index.js"; import capitalize from "../utils/capitalize.js"; import formHelperTextClasses, { getFormHelperTextUtilityClasses } from "./formHelperTextClasses.js"; import { jsx as _jsx } from "react/jsx-runtime"; const useUtilityClasses = ownerState => { const { classes, contained, size, disabled, error, filled, focused, required } = ownerState; const slots = { root: ['root', disabled && 'disabled', error && 'error', size && `size${capitalize(size)}`, contained && 'contained', focused && 'focused', filled && 'filled', required && 'required'] }; return composeClasses(slots, getFormHelperTextUtilityClasses, classes); }; const FormHelperTextRoot = styled('p', { name: 'MuiFormHelperText', slot: 'Root', overridesResolver: (props, styles) => { const { ownerState } = props; return [styles.root, ownerState.size && styles[`size${capitalize(ownerState.size)}`], ownerState.contained && styles.contained, ownerState.filled && styles.filled]; } })(memoTheme(({ theme }) => ({ color: (theme.vars || theme).palette.text.secondary, ...theme.typography.caption, textAlign: 'left', marginTop: 3, marginRight: 0, marginBottom: 0, marginLeft: 0, [`&.${formHelperTextClasses.disabled}`]: { color: (theme.vars || theme).palette.text.disabled }, [`&.${formHelperTextClasses.error}`]: { color: (theme.vars || theme).palette.error.main }, variants: [{ props: { size: 'small' }, style: { marginTop: 4 } }, { props: ({ ownerState }) => ownerState.contained, style: { marginLeft: 14, marginRight: 14 } }] }))); const FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inProps, ref) { const props = useDefaultProps({ props: inProps, name: 'MuiFormHelperText' }); const { children, className, component = 'p', disabled, error, filled, focused, margin, required, variant, ...other } = props; const muiFormControl = useFormControl(); const fcs = formControlState({ props, muiFormControl, states: ['variant', 'size', 'disabled', 'error', 'filled', 'focused', 'required'] }); const ownerState = { ...props, component, contained: fcs.variant === 'filled' || fcs.variant === 'outlined', variant: fcs.variant, size: fcs.size, disabled: fcs.disabled, error: fcs.error, filled: fcs.filled, focused: fcs.focused, required: fcs.required }; // This issue explains why this is required: https://github.com/mui/material-ui/issues/42184 delete ownerState.ownerState; const classes = useUtilityClasses(ownerState); return /*#__PURE__*/_jsx(FormHelperTextRoot, { as: component, className: clsx(classes.root, className), ref: ref, ...other, ownerState: ownerState, children: children === ' ' ? // notranslate needed while Google Translate will not fix zero-width space issue _span || (_span = /*#__PURE__*/_jsx("span", { className: "notranslate", "aria-hidden": true, children: "\u200B" })) : children }); }); process.env.NODE_ENV !== "production" ? FormHelperText.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. * * If `' '` is provided, the component reserves one line height for displaying a future message. */ children: PropTypes.node, /** * Override or extend the styles applied to the component. */ classes: PropTypes.object, /** * @ignore */ className: PropTypes.string, /** * The component used for the root node. * Either a string to use a HTML element or a component. */ component: PropTypes.elementType, /** * If `true`, the helper text should be displayed in a disabled state. */ disabled: PropTypes.bool, /** * If `true`, helper text should be displayed in an error state. */ error: PropTypes.bool, /** * If `true`, the helper text should use filled classes key. */ filled: PropTypes.bool, /** * If `true`, the helper text should use focused classes key. */ focused: PropTypes.bool, /** * If `dense`, will adjust vertical spacing. This is normally obtained via context from * FormControl. */ margin: PropTypes.oneOf(['dense']), /** * If `true`, the helper text should use required classes key. */ required: PropTypes.bool, /** * The system prop that allows defining system overrides as well as additional CSS styles. */ sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]), /** * The variant to use. */ variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['filled', 'outlined', 'standard']), PropTypes.string]) } : void 0; export default FormHelperText;
Edit
Download
Unzip
Chmod
Delete