Diffusion Open Access Compliance Check Tool (OACCT) (paginated-inlines) Browse

rOACCT/node_modules/@mui/material/node/OutlinedInput/NotchedOutline.js
f646e1f695a7paginated-inlines

NotchedOutline.js
View Options

			"use strict";

			var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
			Object.defineProperty(exports, "__esModule", {
			value: true
			});
			exports.default = NotchedOutline;
			var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
			var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
			var React = _interopRequireWildcard(require("react"));
			var _propTypes = _interopRequireDefault(require("prop-types"));
			var _styled = _interopRequireDefault(require("../styles/styled"));
			var _jsxRuntime = require("react/jsx-runtime");
			var _span;
			const _excluded = ["children", "classes", "className", "label", "notched"];
			function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
			function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null \|\| typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get \|\| desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
			const NotchedOutlineRoot = (0, _styled.default)('fieldset')({
			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, _styled.default)('legend')(({
			ownerState,
			theme
			}) => (0, _extends2.default)({
			float: 'unset',
			// Fix conflict with bootstrap
			width: 'auto',
			// Fix conflict with bootstrap
			overflow: 'hidden'
			}, !ownerState.withLabel && {
			padding: 0,
			lineHeight: '11px',
			// sync with `height` in `legend` styles
			transition: theme.transitions.create('width', {
			duration: 150,
			easing: theme.transitions.easing.easeOut
			})
			}, ownerState.withLabel && (0, _extends2.default)({
			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'
			}
			}, ownerState.notched && {
			maxWidth: '100%',
			transition: theme.transitions.create('max-width', {
			duration: 100,
			easing: theme.transitions.easing.easeOut,
			delay: 50
			})
			})));

			/**
			* @ignore - internal component.
			*/
			function NotchedOutline(props) {
			const {
			className,
			label,
			notched
			} = props,
			other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
			const withLabel = label != null && label !== '';
			const ownerState = (0, _extends2.default)({}, props, {
			notched,
			withLabel
			});
			return /#__PURE__/(0, _jsxRuntime.jsx)(NotchedOutlineRoot, (0, _extends2.default)({
			"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",
			children: "\u200B"
			}))
			})
			}));
			}
			process.env.NODE_ENV !== "production" ? NotchedOutline.propTypes = {
			/**
			* The content of the component.
			*/
			children: _propTypes.default.node,
			/**
			* Override or extend the styles applied to the component.
			* See [CSS API](#css) below for more details.
			*/
			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;