Added Statistics calculation
Statistics now show calculated values
This commit is contained in:
parent
fe87374e47
commit
fc0f69dacb
2147 changed files with 141321 additions and 39 deletions
14
node_modules/@mui/x-date-pickers/PickersTextField/PickersInputBase/PickersInputBase.d.ts
generated
vendored
Normal file
14
node_modules/@mui/x-date-pickers/PickersTextField/PickersInputBase/PickersInputBase.d.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
import * as React from 'react';
|
||||
import { PickersInputBaseProps } from "./PickersInputBase.types.js";
|
||||
import { PickerTextFieldOwnerState } from "../../models/fields.js";
|
||||
export declare const PickersInputBaseRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
||||
ownerState: PickerTextFieldOwnerState;
|
||||
}, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, {}>;
|
||||
export declare const PickersInputBaseSectionsContainer: import("@emotion/styled").StyledComponent<Pick<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement> | keyof import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
||||
ownerState: PickerTextFieldOwnerState;
|
||||
}, {}, {}>;
|
||||
/**
|
||||
* @ignore - internal component.
|
||||
*/
|
||||
declare const PickersInputBase: React.ForwardRefExoticComponent<Omit<PickersInputBaseProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
||||
export { PickersInputBase };
|
||||
490
node_modules/@mui/x-date-pickers/PickersTextField/PickersInputBase/PickersInputBase.js
generated
vendored
Normal file
490
node_modules/@mui/x-date-pickers/PickersTextField/PickersInputBase/PickersInputBase.js
generated
vendored
Normal file
|
|
@ -0,0 +1,490 @@
|
|||
"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.PickersInputBaseSectionsContainer = exports.PickersInputBaseRoot = exports.PickersInputBase = void 0;
|
||||
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 _FormControl = require("@mui/material/FormControl");
|
||||
var _styles = require("@mui/material/styles");
|
||||
var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
|
||||
var _refType = _interopRequireDefault(require("@mui/utils/refType"));
|
||||
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
||||
var _capitalize = _interopRequireDefault(require("@mui/utils/capitalize"));
|
||||
var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
|
||||
var _visuallyHidden = _interopRequireDefault(require("@mui/utils/visuallyHidden"));
|
||||
var _pickersInputBaseClasses = require("./pickersInputBaseClasses");
|
||||
var _PickersSectionList = require("../../PickersSectionList");
|
||||
var _usePickerTextFieldOwnerState = require("../usePickerTextFieldOwnerState");
|
||||
var _jsxRuntime = require("react/jsx-runtime");
|
||||
const _excluded = ["elements", "areAllSectionsEmpty", "defaultValue", "label", "value", "onChange", "id", "autoFocus", "endAdornment", "startAdornment", "renderSuffix", "slots", "slotProps", "contentEditable", "tabIndex", "onInput", "onPaste", "onKeyDown", "fullWidth", "name", "readOnly", "inputProps", "inputRef", "sectionListRef", "onFocus", "onBlur", "classes", "ownerState"];
|
||||
const round = value => Math.round(value * 1e5) / 1e5;
|
||||
const PickersInputBaseRoot = exports.PickersInputBaseRoot = (0, _styles.styled)('div', {
|
||||
name: 'MuiPickersInputBase',
|
||||
slot: 'Root'
|
||||
})(({
|
||||
theme
|
||||
}) => (0, _extends2.default)({}, theme.typography.body1, {
|
||||
color: (theme.vars || theme).palette.text.primary,
|
||||
cursor: 'text',
|
||||
padding: 0,
|
||||
display: 'flex',
|
||||
justifyContent: 'flex-start',
|
||||
alignItems: 'center',
|
||||
position: 'relative',
|
||||
boxSizing: 'border-box',
|
||||
// Prevent padding issue with fullWidth.
|
||||
letterSpacing: `${round(0.15 / 16)}em`,
|
||||
variants: [{
|
||||
props: {
|
||||
isInputInFullWidth: true
|
||||
},
|
||||
style: {
|
||||
width: '100%'
|
||||
}
|
||||
}]
|
||||
}));
|
||||
const PickersInputBaseSectionsContainer = exports.PickersInputBaseSectionsContainer = (0, _styles.styled)(_PickersSectionList.Unstable_PickersSectionListRoot, {
|
||||
name: 'MuiPickersInputBase',
|
||||
slot: 'SectionsContainer'
|
||||
})(({
|
||||
theme
|
||||
}) => ({
|
||||
padding: '4px 0 5px',
|
||||
fontFamily: theme.typography.fontFamily,
|
||||
fontSize: 'inherit',
|
||||
lineHeight: '1.4375em',
|
||||
// 23px
|
||||
flexGrow: 1,
|
||||
outline: 'none',
|
||||
display: 'flex',
|
||||
flexWrap: 'nowrap',
|
||||
overflow: 'hidden',
|
||||
letterSpacing: 'inherit',
|
||||
// Baseline behavior
|
||||
width: '182px',
|
||||
variants: [{
|
||||
props: {
|
||||
fieldDirection: 'rtl'
|
||||
},
|
||||
style: {
|
||||
justifyContent: 'end'
|
||||
}
|
||||
}, {
|
||||
props: {
|
||||
inputSize: 'small'
|
||||
},
|
||||
style: {
|
||||
paddingTop: 1
|
||||
}
|
||||
}, {
|
||||
props: {
|
||||
hasStartAdornment: false,
|
||||
isFieldFocused: false,
|
||||
isFieldValueEmpty: true
|
||||
},
|
||||
style: {
|
||||
color: 'currentColor',
|
||||
opacity: 0
|
||||
}
|
||||
}, {
|
||||
props: {
|
||||
hasStartAdornment: false,
|
||||
isFieldFocused: false,
|
||||
isFieldValueEmpty: true,
|
||||
inputHasLabel: false
|
||||
},
|
||||
style: theme.vars ? {
|
||||
opacity: theme.vars.opacity.inputPlaceholder
|
||||
} : {
|
||||
opacity: theme.palette.mode === 'light' ? 0.42 : 0.5
|
||||
}
|
||||
}, {
|
||||
props: {
|
||||
hasStartAdornment: false,
|
||||
isFieldFocused: false,
|
||||
isFieldValueEmpty: true,
|
||||
inputHasLabel: true,
|
||||
isLabelShrunk: true
|
||||
},
|
||||
style: theme.vars ? {
|
||||
opacity: theme.vars.opacity.inputPlaceholder
|
||||
} : {
|
||||
opacity: theme.palette.mode === 'light' ? 0.42 : 0.5
|
||||
}
|
||||
}]
|
||||
}));
|
||||
const PickersInputBaseSection = (0, _styles.styled)(_PickersSectionList.Unstable_PickersSectionListSection, {
|
||||
name: 'MuiPickersInputBase',
|
||||
slot: 'Section'
|
||||
})(({
|
||||
theme
|
||||
}) => ({
|
||||
fontFamily: theme.typography.fontFamily,
|
||||
fontSize: 'inherit',
|
||||
letterSpacing: 'inherit',
|
||||
lineHeight: '1.4375em',
|
||||
// 23px
|
||||
display: 'inline-block',
|
||||
whiteSpace: 'nowrap'
|
||||
}));
|
||||
const PickersInputBaseSectionContent = (0, _styles.styled)(_PickersSectionList.Unstable_PickersSectionListSectionContent, {
|
||||
name: 'MuiPickersInputBase',
|
||||
slot: 'SectionContent',
|
||||
overridesResolver: (props, styles) => styles.content // FIXME: Inconsistent naming with slot
|
||||
})(({
|
||||
theme
|
||||
}) => ({
|
||||
fontFamily: theme.typography.fontFamily,
|
||||
lineHeight: '1.4375em',
|
||||
// 23px
|
||||
letterSpacing: 'inherit',
|
||||
width: 'fit-content',
|
||||
outline: 'none'
|
||||
}));
|
||||
const PickersInputBaseSectionSeparator = (0, _styles.styled)(_PickersSectionList.Unstable_PickersSectionListSectionSeparator, {
|
||||
name: 'MuiPickersInputBase',
|
||||
slot: 'Separator'
|
||||
})(() => ({
|
||||
whiteSpace: 'pre',
|
||||
letterSpacing: 'inherit'
|
||||
}));
|
||||
const PickersInputBaseInput = (0, _styles.styled)('input', {
|
||||
name: 'MuiPickersInputBase',
|
||||
slot: 'Input',
|
||||
overridesResolver: (props, styles) => styles.hiddenInput // FIXME: Inconsistent naming with slot
|
||||
})((0, _extends2.default)({}, _visuallyHidden.default));
|
||||
const PickersInputBaseActiveBar = (0, _styles.styled)('div', {
|
||||
name: 'MuiPickersInputBase',
|
||||
slot: 'ActiveBar'
|
||||
})(({
|
||||
theme,
|
||||
ownerState
|
||||
}) => ({
|
||||
display: 'none',
|
||||
position: 'absolute',
|
||||
height: 2,
|
||||
bottom: 2,
|
||||
borderTopLeftRadius: 2,
|
||||
borderTopRightRadius: 2,
|
||||
transition: theme.transitions.create(['width', 'left'], {
|
||||
duration: theme.transitions.duration.shortest
|
||||
}),
|
||||
backgroundColor: (theme.vars || theme).palette.primary.main,
|
||||
'[data-active-range-position="start"] &, [data-active-range-position="end"] &': {
|
||||
display: 'block'
|
||||
},
|
||||
'[data-active-range-position="start"] &': {
|
||||
left: ownerState.sectionOffsets[0]
|
||||
},
|
||||
'[data-active-range-position="end"] &': {
|
||||
left: ownerState.sectionOffsets[1]
|
||||
}
|
||||
}));
|
||||
const useUtilityClasses = (classes, ownerState) => {
|
||||
const {
|
||||
isFieldFocused,
|
||||
isFieldDisabled,
|
||||
isFieldReadOnly,
|
||||
hasFieldError,
|
||||
inputSize,
|
||||
isInputInFullWidth,
|
||||
inputColor,
|
||||
hasStartAdornment,
|
||||
hasEndAdornment
|
||||
} = ownerState;
|
||||
const slots = {
|
||||
root: ['root', isFieldFocused && !isFieldDisabled && 'focused', isFieldDisabled && 'disabled', isFieldReadOnly && 'readOnly', hasFieldError && 'error', isInputInFullWidth && 'fullWidth', `color${(0, _capitalize.default)(inputColor)}`, inputSize === 'small' && 'inputSizeSmall', hasStartAdornment && 'adornedStart', hasEndAdornment && 'adornedEnd'],
|
||||
notchedOutline: ['notchedOutline'],
|
||||
input: ['input'],
|
||||
sectionsContainer: ['sectionsContainer'],
|
||||
sectionContent: ['sectionContent'],
|
||||
sectionBefore: ['sectionBefore'],
|
||||
sectionAfter: ['sectionAfter'],
|
||||
activeBar: ['activeBar']
|
||||
};
|
||||
return (0, _composeClasses.default)(slots, _pickersInputBaseClasses.getPickersInputBaseUtilityClass, classes);
|
||||
};
|
||||
function resolveSectionElementWidth(sectionElement, rootRef, index, dateRangePosition) {
|
||||
if (sectionElement.content.id) {
|
||||
const activeSectionElements = rootRef.current?.querySelectorAll(`[data-sectionindex="${index}"] [data-range-position="${dateRangePosition}"]`);
|
||||
if (activeSectionElements) {
|
||||
return Array.from(activeSectionElements).reduce((currentActiveBarWidth, element) => {
|
||||
return currentActiveBarWidth + element.offsetWidth;
|
||||
}, 0);
|
||||
}
|
||||
}
|
||||
return 0;
|
||||
}
|
||||
function resolveSectionWidthAndOffsets(elements, rootRef) {
|
||||
let activeBarWidth = 0;
|
||||
const activeRangePosition = rootRef.current?.getAttribute('data-active-range-position');
|
||||
if (activeRangePosition === 'end') {
|
||||
for (let i = elements.length - 1; i >= elements.length / 2; i -= 1) {
|
||||
activeBarWidth += resolveSectionElementWidth(elements[i], rootRef, i, 'end');
|
||||
}
|
||||
} else {
|
||||
for (let i = 0; i < elements.length / 2; i += 1) {
|
||||
activeBarWidth += resolveSectionElementWidth(elements[i], rootRef, i, 'start');
|
||||
}
|
||||
}
|
||||
return {
|
||||
activeBarWidth,
|
||||
sectionOffsets: [rootRef.current?.querySelector(`[data-sectionindex="0"]`)?.offsetLeft || 0, rootRef.current?.querySelector(`[data-sectionindex="${elements.length / 2}"]`)?.offsetLeft || 0]
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* @ignore - internal component.
|
||||
*/
|
||||
const PickersInputBase = exports.PickersInputBase = /*#__PURE__*/React.forwardRef(function PickersInputBase(inProps, ref) {
|
||||
const props = (0, _styles.useThemeProps)({
|
||||
props: inProps,
|
||||
name: 'MuiPickersInputBase'
|
||||
});
|
||||
const {
|
||||
elements,
|
||||
areAllSectionsEmpty,
|
||||
value,
|
||||
onChange,
|
||||
id,
|
||||
endAdornment,
|
||||
startAdornment,
|
||||
renderSuffix,
|
||||
slots,
|
||||
slotProps,
|
||||
contentEditable,
|
||||
tabIndex,
|
||||
onInput,
|
||||
onPaste,
|
||||
onKeyDown,
|
||||
name,
|
||||
readOnly,
|
||||
inputProps,
|
||||
inputRef,
|
||||
sectionListRef,
|
||||
onFocus,
|
||||
onBlur,
|
||||
classes: classesProp,
|
||||
ownerState: ownerStateProp
|
||||
} = props,
|
||||
other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
||||
const ownerStateContext = (0, _usePickerTextFieldOwnerState.usePickerTextFieldOwnerState)();
|
||||
const rootRef = React.useRef(null);
|
||||
const activeBarRef = React.useRef(null);
|
||||
const sectionOffsetsRef = React.useRef([]);
|
||||
const handleRootRef = (0, _useForkRef.default)(ref, rootRef);
|
||||
const handleInputRef = (0, _useForkRef.default)(inputProps?.ref, inputRef);
|
||||
const muiFormControl = (0, _FormControl.useFormControl)();
|
||||
if (!muiFormControl) {
|
||||
throw new Error('MUI X: PickersInputBase should always be used inside a PickersTextField component');
|
||||
}
|
||||
const ownerState = ownerStateProp ?? ownerStateContext;
|
||||
const handleInputFocus = event => {
|
||||
muiFormControl.onFocus?.(event);
|
||||
onFocus?.(event);
|
||||
};
|
||||
const handleHiddenInputFocus = event => {
|
||||
handleInputFocus(event);
|
||||
};
|
||||
const handleKeyDown = event => {
|
||||
onKeyDown?.(event);
|
||||
if (event.key === 'Enter' && !event.defaultMuiPrevented) {
|
||||
// Do nothing if it's a multi input field
|
||||
if (rootRef.current?.dataset.multiInput) {
|
||||
return;
|
||||
}
|
||||
const closestForm = rootRef.current?.closest('form');
|
||||
const submitTrigger = closestForm?.querySelector('[type="submit"]');
|
||||
if (!closestForm || !submitTrigger) {
|
||||
// do nothing if there is no form or no submit button (trigger)
|
||||
return;
|
||||
}
|
||||
event.preventDefault();
|
||||
// native input trigger submit with the `submitter` field set
|
||||
closestForm.requestSubmit(submitTrigger);
|
||||
}
|
||||
};
|
||||
const handleInputBlur = event => {
|
||||
muiFormControl.onBlur?.(event);
|
||||
onBlur?.(event);
|
||||
};
|
||||
React.useEffect(() => {
|
||||
if (muiFormControl) {
|
||||
muiFormControl.setAdornedStart(Boolean(startAdornment));
|
||||
}
|
||||
}, [muiFormControl, startAdornment]);
|
||||
React.useEffect(() => {
|
||||
if (!muiFormControl) {
|
||||
return;
|
||||
}
|
||||
if (areAllSectionsEmpty) {
|
||||
muiFormControl.onEmpty();
|
||||
} else {
|
||||
muiFormControl.onFilled();
|
||||
}
|
||||
}, [muiFormControl, areAllSectionsEmpty]);
|
||||
const classes = useUtilityClasses(classesProp, ownerState);
|
||||
const InputRoot = slots?.root || PickersInputBaseRoot;
|
||||
const inputRootProps = (0, _useSlotProps.default)({
|
||||
elementType: InputRoot,
|
||||
externalSlotProps: slotProps?.root,
|
||||
externalForwardedProps: other,
|
||||
additionalProps: {
|
||||
'aria-invalid': muiFormControl.error,
|
||||
ref: handleRootRef
|
||||
},
|
||||
className: classes.root,
|
||||
ownerState
|
||||
});
|
||||
const InputSectionsContainer = slots?.input || PickersInputBaseSectionsContainer;
|
||||
const isSingleInputRange = elements.some(element => element.content['data-range-position'] !== undefined);
|
||||
React.useEffect(() => {
|
||||
if (!isSingleInputRange || !ownerState.isPickerOpen) {
|
||||
return;
|
||||
}
|
||||
const {
|
||||
activeBarWidth,
|
||||
sectionOffsets
|
||||
} = resolveSectionWidthAndOffsets(elements, rootRef);
|
||||
sectionOffsetsRef.current = [sectionOffsets[0], sectionOffsets[1]];
|
||||
if (activeBarRef.current) {
|
||||
activeBarRef.current.style.width = `${activeBarWidth}px`;
|
||||
}
|
||||
}, [elements, isSingleInputRange, ownerState.isPickerOpen]);
|
||||
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(InputRoot, (0, _extends2.default)({}, inputRootProps, {
|
||||
children: [startAdornment, /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersSectionList.Unstable_PickersSectionList, {
|
||||
sectionListRef: sectionListRef,
|
||||
elements: elements,
|
||||
contentEditable: contentEditable,
|
||||
tabIndex: tabIndex,
|
||||
className: classes.sectionsContainer,
|
||||
onFocus: handleInputFocus,
|
||||
onBlur: handleInputBlur,
|
||||
onInput: onInput,
|
||||
onPaste: onPaste,
|
||||
onKeyDown: handleKeyDown,
|
||||
slots: {
|
||||
root: InputSectionsContainer,
|
||||
section: PickersInputBaseSection,
|
||||
sectionContent: PickersInputBaseSectionContent,
|
||||
sectionSeparator: PickersInputBaseSectionSeparator
|
||||
},
|
||||
slotProps: {
|
||||
root: (0, _extends2.default)({}, slotProps?.input, {
|
||||
ownerState
|
||||
}),
|
||||
sectionContent: {
|
||||
className: _pickersInputBaseClasses.pickersInputBaseClasses.sectionContent
|
||||
},
|
||||
sectionSeparator: ({
|
||||
separatorPosition
|
||||
}) => ({
|
||||
className: separatorPosition === 'before' ? _pickersInputBaseClasses.pickersInputBaseClasses.sectionBefore : _pickersInputBaseClasses.pickersInputBaseClasses.sectionAfter
|
||||
})
|
||||
}
|
||||
}), endAdornment, renderSuffix ? renderSuffix((0, _extends2.default)({}, muiFormControl)) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersInputBaseInput, (0, _extends2.default)({
|
||||
name: name,
|
||||
className: classes.input,
|
||||
value: value,
|
||||
onChange: onChange,
|
||||
id: id,
|
||||
"aria-hidden": "true",
|
||||
tabIndex: -1,
|
||||
readOnly: readOnly,
|
||||
required: muiFormControl.required,
|
||||
disabled: muiFormControl.disabled
|
||||
// Hidden input element cannot be focused, trigger the root focus instead
|
||||
// This allows to maintain the ability to do `inputRef.current.focus()` to focus the field
|
||||
,
|
||||
onFocus: handleHiddenInputFocus
|
||||
}, inputProps, {
|
||||
ref: handleInputRef
|
||||
})), isSingleInputRange && /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersInputBaseActiveBar, {
|
||||
className: classes.activeBar,
|
||||
ref: activeBarRef,
|
||||
ownerState: {
|
||||
sectionOffsets: sectionOffsetsRef.current
|
||||
}
|
||||
})]
|
||||
}));
|
||||
});
|
||||
if (process.env.NODE_ENV !== "production") PickersInputBase.displayName = "PickersInputBase";
|
||||
process.env.NODE_ENV !== "production" ? PickersInputBase.propTypes = {
|
||||
// ----------------------------- Warning --------------------------------
|
||||
// | These PropTypes are generated from the TypeScript type definitions |
|
||||
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
||||
// ----------------------------------------------------------------------
|
||||
/**
|
||||
* Is `true` if the current values equals the empty value.
|
||||
* For a single item value, it means that `value === null`
|
||||
* For a range value, it means that `value === [null, null]`
|
||||
*/
|
||||
areAllSectionsEmpty: _propTypes.default.bool.isRequired,
|
||||
className: _propTypes.default.string,
|
||||
component: _propTypes.default.elementType,
|
||||
/**
|
||||
* If true, the whole element is editable.
|
||||
* Useful when all the sections are selected.
|
||||
*/
|
||||
contentEditable: _propTypes.default.bool.isRequired,
|
||||
'data-multi-input': _propTypes.default.string,
|
||||
/**
|
||||
* The elements to render.
|
||||
* Each element contains the prop to edit a section of the value.
|
||||
*/
|
||||
elements: _propTypes.default.arrayOf(_propTypes.default.shape({
|
||||
after: _propTypes.default.object.isRequired,
|
||||
before: _propTypes.default.object.isRequired,
|
||||
container: _propTypes.default.object.isRequired,
|
||||
content: _propTypes.default.object.isRequired
|
||||
})).isRequired,
|
||||
endAdornment: _propTypes.default.node,
|
||||
fullWidth: _propTypes.default.bool,
|
||||
id: _propTypes.default.string,
|
||||
inputProps: _propTypes.default.object,
|
||||
inputRef: _refType.default,
|
||||
label: _propTypes.default.node,
|
||||
margin: _propTypes.default.oneOf(['dense', 'none', 'normal']),
|
||||
name: _propTypes.default.string,
|
||||
onChange: _propTypes.default.func.isRequired,
|
||||
onClick: _propTypes.default.func.isRequired,
|
||||
onInput: _propTypes.default.func.isRequired,
|
||||
onKeyDown: _propTypes.default.func.isRequired,
|
||||
onPaste: _propTypes.default.func.isRequired,
|
||||
ownerState: _propTypes.default /* @typescript-to-proptypes-ignore */.any,
|
||||
readOnly: _propTypes.default.bool,
|
||||
renderSuffix: _propTypes.default.func,
|
||||
sectionListRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
|
||||
current: _propTypes.default.shape({
|
||||
getRoot: _propTypes.default.func.isRequired,
|
||||
getSectionContainer: _propTypes.default.func.isRequired,
|
||||
getSectionContent: _propTypes.default.func.isRequired,
|
||||
getSectionIndexFromDOMElement: _propTypes.default.func.isRequired
|
||||
})
|
||||
})]),
|
||||
/**
|
||||
* The props used for each component slot.
|
||||
* @default {}
|
||||
*/
|
||||
slotProps: _propTypes.default.object,
|
||||
/**
|
||||
* The components used for each slot inside.
|
||||
*
|
||||
* @default {}
|
||||
*/
|
||||
slots: _propTypes.default.object,
|
||||
startAdornment: _propTypes.default.node,
|
||||
style: _propTypes.default.object,
|
||||
/**
|
||||
* 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]),
|
||||
value: _propTypes.default.string.isRequired
|
||||
} : void 0;
|
||||
62
node_modules/@mui/x-date-pickers/PickersTextField/PickersInputBase/PickersInputBase.types.d.ts
generated
vendored
Normal file
62
node_modules/@mui/x-date-pickers/PickersTextField/PickersInputBase/PickersInputBase.types.d.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,62 @@
|
|||
import * as React from 'react';
|
||||
import { BoxProps } from '@mui/material/Box';
|
||||
import { MuiEvent } from '@mui/x-internals/types';
|
||||
import { PickersSectionListProps } from "../../PickersSectionList/index.js";
|
||||
import { PickerTextFieldOwnerState } from "../../models/fields.js";
|
||||
export interface PickersInputPropsUsedByField extends Pick<PickersSectionListProps, 'elements' | 'sectionListRef' | 'contentEditable' | 'tabIndex'> {
|
||||
/**
|
||||
* Is `true` if the current values equals the empty value.
|
||||
* For a single item value, it means that `value === null`
|
||||
* For a range value, it means that `value === [null, null]`
|
||||
*/
|
||||
areAllSectionsEmpty: boolean;
|
||||
onClick: React.MouseEventHandler<HTMLDivElement>;
|
||||
onKeyDown: React.EventHandler<MuiEvent<React.KeyboardEvent<HTMLDivElement>>>;
|
||||
onInput: React.FormEventHandler<HTMLDivElement>;
|
||||
onPaste: React.ClipboardEventHandler<HTMLDivElement>;
|
||||
endAdornment?: React.ReactNode;
|
||||
startAdornment?: React.ReactNode;
|
||||
value: string;
|
||||
onChange: React.ChangeEventHandler<HTMLInputElement>;
|
||||
label?: React.ReactNode;
|
||||
id?: string;
|
||||
fullWidth?: boolean;
|
||||
readOnly?: boolean;
|
||||
name?: string;
|
||||
inputProps?: React.HTMLAttributes<HTMLInputElement> & {
|
||||
ref?: React.Ref<HTMLInputElement>;
|
||||
};
|
||||
inputRef?: React.Ref<HTMLInputElement>;
|
||||
}
|
||||
export interface PickersInputBaseProps extends Omit<BoxProps, keyof PickersInputPropsUsedByField>, PickersInputPropsUsedByField {
|
||||
ownerState?: PickerTextFieldOwnerState;
|
||||
margin?: 'dense' | 'none' | 'normal';
|
||||
renderSuffix?: (state: {
|
||||
disabled?: boolean;
|
||||
error?: boolean;
|
||||
filled?: boolean;
|
||||
focused?: boolean;
|
||||
margin?: 'dense' | 'none' | 'normal';
|
||||
required?: boolean;
|
||||
adornedStart?: boolean;
|
||||
}) => React.ReactNode;
|
||||
ref?: React.Ref<HTMLDivElement>;
|
||||
/**
|
||||
* The components used for each slot inside.
|
||||
*
|
||||
* @default {}
|
||||
*/
|
||||
slots?: {
|
||||
root?: React.ElementType;
|
||||
input?: React.ElementType;
|
||||
};
|
||||
/**
|
||||
* The props used for each component slot.
|
||||
* @default {}
|
||||
*/
|
||||
slotProps?: {
|
||||
root?: any;
|
||||
input?: any;
|
||||
};
|
||||
'data-multi-input'?: string;
|
||||
}
|
||||
5
node_modules/@mui/x-date-pickers/PickersTextField/PickersInputBase/PickersInputBase.types.js
generated
vendored
Normal file
5
node_modules/@mui/x-date-pickers/PickersTextField/PickersInputBase/PickersInputBase.types.js
generated
vendored
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
4
node_modules/@mui/x-date-pickers/PickersTextField/PickersInputBase/index.d.ts
generated
vendored
Normal file
4
node_modules/@mui/x-date-pickers/PickersTextField/PickersInputBase/index.d.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
export { PickersInputBase } from "./PickersInputBase.js";
|
||||
export type { PickersInputBaseProps } from "./PickersInputBase.types.js";
|
||||
export { pickersInputBaseClasses, getPickersInputBaseUtilityClass } from "./pickersInputBaseClasses.js";
|
||||
export type { PickersInputBaseClasses, PickersInputBaseClassKey } from "./pickersInputBaseClasses.js";
|
||||
25
node_modules/@mui/x-date-pickers/PickersTextField/PickersInputBase/index.js
generated
vendored
Normal file
25
node_modules/@mui/x-date-pickers/PickersTextField/PickersInputBase/index.js
generated
vendored
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
Object.defineProperty(exports, "PickersInputBase", {
|
||||
enumerable: true,
|
||||
get: function () {
|
||||
return _PickersInputBase.PickersInputBase;
|
||||
}
|
||||
});
|
||||
Object.defineProperty(exports, "getPickersInputBaseUtilityClass", {
|
||||
enumerable: true,
|
||||
get: function () {
|
||||
return _pickersInputBaseClasses.getPickersInputBaseUtilityClass;
|
||||
}
|
||||
});
|
||||
Object.defineProperty(exports, "pickersInputBaseClasses", {
|
||||
enumerable: true,
|
||||
get: function () {
|
||||
return _pickersInputBaseClasses.pickersInputBaseClasses;
|
||||
}
|
||||
});
|
||||
var _PickersInputBase = require("./PickersInputBase");
|
||||
var _pickersInputBaseClasses = require("./pickersInputBaseClasses");
|
||||
35
node_modules/@mui/x-date-pickers/PickersTextField/PickersInputBase/pickersInputBaseClasses.d.ts
generated
vendored
Normal file
35
node_modules/@mui/x-date-pickers/PickersTextField/PickersInputBase/pickersInputBaseClasses.d.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
export interface PickersInputBaseClasses {
|
||||
/** Styles applied to the root element. */
|
||||
root: string;
|
||||
/** Styles applied to the root element if focused. */
|
||||
focused: string;
|
||||
/** State class applied to the root element if `disabled=true`. */
|
||||
disabled: string;
|
||||
/** State class applied to the root element if `readOnly=true`. */
|
||||
readOnly: string;
|
||||
/** State class applied to the root element if `error=true`. */
|
||||
error: string;
|
||||
/** State class applied to the root element if `size=small`. */
|
||||
inputSizeSmall: string;
|
||||
/** Styles applied to the NotchedOutline element. */
|
||||
notchedOutline: string;
|
||||
/** Styles applied to the real hidden input element. */
|
||||
input: string;
|
||||
/** Styles applied to the container of the sections. */
|
||||
sectionsContainer: string;
|
||||
/** Styles applied to the content of a section. */
|
||||
sectionContent: string;
|
||||
/** Styles applied to the separator before a section. */
|
||||
sectionBefore: string;
|
||||
/** Styles applied to the separator after a section. */
|
||||
sectionAfter: string;
|
||||
/** Styles applied to the root if there is a startAdornment present. */
|
||||
adornedStart: string;
|
||||
/** Styles applied to the root if there is an endAdornment present. */
|
||||
adornedEnd: string;
|
||||
/** Styles applied to the active section bar. */
|
||||
activeBar: string;
|
||||
}
|
||||
export type PickersInputBaseClassKey = keyof PickersInputBaseClasses;
|
||||
export declare function getPickersInputBaseUtilityClass(slot: string): string;
|
||||
export declare const pickersInputBaseClasses: Record<keyof PickersInputBaseClasses, string>;
|
||||
14
node_modules/@mui/x-date-pickers/PickersTextField/PickersInputBase/pickersInputBaseClasses.js
generated
vendored
Normal file
14
node_modules/@mui/x-date-pickers/PickersTextField/PickersInputBase/pickersInputBaseClasses.js
generated
vendored
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
"use strict";
|
||||
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.getPickersInputBaseUtilityClass = getPickersInputBaseUtilityClass;
|
||||
exports.pickersInputBaseClasses = void 0;
|
||||
var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
|
||||
var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
|
||||
function getPickersInputBaseUtilityClass(slot) {
|
||||
return (0, _generateUtilityClass.default)('MuiPickersInputBase', slot);
|
||||
}
|
||||
const pickersInputBaseClasses = exports.pickersInputBaseClasses = (0, _generateUtilityClasses.default)('MuiPickersInputBase', ['root', 'focused', 'disabled', 'error', 'notchedOutline', 'sectionContent', 'sectionBefore', 'sectionAfter', 'adornedStart', 'adornedEnd', 'input', 'inputSizeSmall', 'activeBar']);
|
||||
Loading…
Add table
Add a link
Reference in a new issue