Techognito/react-playground
SHA256
1
0
Fork 0
Code Issues Activity

Added Statistics calculation

Browse source 
Statistics now show calculated values
This commit is contained in:
Techognito 2025-09-04 17:30:00 +02:00
parent fe87374e47
commit fc0f69dacb
2147 changed files with 141321 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

6
node_modules/@mui/x-date-pickers/managers/index.d.ts generated vendored Normal file
View file

@ -0,0 +1,6 @@
export { useDateManager } from "./useDateManager.js";
export type { UseDateManagerReturnValue, UseDateManagerParameters, DateManagerFieldInternalProps } from "./useDateManager.js";
export { useTimeManager } from "./useTimeManager.js";
export type { UseTimeManagerReturnValue, UseTimeManagerParameters, TimeManagerFieldInternalProps } from "./useTimeManager.js";
export { useDateTimeManager } from "./useDateTimeManager.js";
export type { UseDateTimeManagerReturnValue, UseDateTimeManagerParameters, DateTimeManagerFieldInternalProps } from "./useDateTimeManager.js";

26
node_modules/@mui/x-date-pickers/managers/index.js generated vendored Normal file
View file

@ -0,0 +1,26 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "useDateManager", {
enumerable: true,
get: function () {
return _useDateManager.useDateManager;
}
});
Object.defineProperty(exports, "useDateTimeManager", {
enumerable: true,
get: function () {
return _useDateTimeManager.useDateTimeManager;
}
});
Object.defineProperty(exports, "useTimeManager", {
enumerable: true,
get: function () {
return _useTimeManager.useTimeManager;
}
});
var _useDateManager = require("./useDateManager");
var _useTimeManager = require("./useTimeManager");
var _useDateTimeManager = require("./useDateTimeManager");

14
node_modules/@mui/x-date-pickers/managers/useDateManager.d.ts generated vendored Normal file
View file

@ -0,0 +1,14 @@
import type { MakeOptional } from '@mui/x-internals/types';
import { PickerManager, DateValidationError } from "../models/index.js";
import { UseFieldInternalProps } from "../internals/hooks/useField/index.js";
import { ExportedValidateDateProps, ValidateDateProps } from "../validation/validateDate.js";
import { PickerValue } from "../internals/models/index.js";
export declare function useDateManager<TEnableAccessibleFieldDOMStructure extends boolean = true>(parameters?: UseDateManagerParameters<TEnableAccessibleFieldDOMStructure>): UseDateManagerReturnValue<TEnableAccessibleFieldDOMStructure>;
type SharedDateAndDateRangeValidationProps = 'disablePast' | 'disableFuture' | 'minDate' | 'maxDate';
export declare function useApplyDefaultValuesToDateValidationProps(props: Pick<ExportedValidateDateProps, SharedDateAndDateRangeValidationProps>): Pick<ValidateDateProps, SharedDateAndDateRangeValidationProps>;
export interface UseDateManagerParameters<TEnableAccessibleFieldDOMStructure extends boolean> {
enableAccessibleFieldDOMStructure?: TEnableAccessibleFieldDOMStructure;
}
export type UseDateManagerReturnValue<TEnableAccessibleFieldDOMStructure extends boolean> = PickerManager<PickerValue, TEnableAccessibleFieldDOMStructure, DateValidationError, ValidateDateProps, DateManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure>>;
export interface DateManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure extends boolean> extends MakeOptional<UseFieldInternalProps<PickerValue, TEnableAccessibleFieldDOMStructure, DateValidationError>, 'format'>, ExportedValidateDateProps {}
export {};

56
node_modules/@mui/x-date-pickers/managers/useDateManager.js generated vendored Normal file
View file

@ -0,0 +1,56 @@
"use strict";
'use client';
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.useApplyDefaultValuesToDateValidationProps = useApplyDefaultValuesToDateValidationProps;
exports.useDateManager = useDateManager;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var React = _interopRequireWildcard(require("react"));
var _dateUtils = require("../internals/utils/date-utils");
var _valueManagers = require("../internals/utils/valueManagers");
var _validation = require("../validation");
var _useUtils = require("../internals/hooks/useUtils");
var _hooks = require("../hooks");
function useDateManager(parameters = {}) {
const {
enableAccessibleFieldDOMStructure = true
} = parameters;
return React.useMemo(() => ({
valueType: 'date',
validator: _validation.validateDate,
internal_valueManager: _valueManagers.singleItemValueManager,
internal_fieldValueManager: _valueManagers.singleItemFieldValueManager,
internal_enableAccessibleFieldDOMStructure: enableAccessibleFieldDOMStructure,
internal_useApplyDefaultValuesToFieldInternalProps: useApplyDefaultValuesToDateFieldInternalProps,
internal_useOpenPickerButtonAriaLabel: useOpenPickerButtonAriaLabel
}), [enableAccessibleFieldDOMStructure]);
}
function useOpenPickerButtonAriaLabel(value) {
const adapter = (0, _hooks.usePickerAdapter)();
const translations = (0, _hooks.usePickerTranslations)();
return React.useMemo(() => {
const formattedValue = adapter.isValid(value) ? adapter.format(value, 'fullDate') : null;
return translations.openDatePickerDialogue(formattedValue);
}, [value, translations, adapter]);
}
function useApplyDefaultValuesToDateFieldInternalProps(internalProps) {
const adapter = (0, _hooks.usePickerAdapter)();
const validationProps = useApplyDefaultValuesToDateValidationProps(internalProps);
return React.useMemo(() => (0, _extends2.default)({}, internalProps, validationProps, {
format: internalProps.format ?? adapter.formats.keyboardDate
}), [internalProps, validationProps, adapter]);
}
function useApplyDefaultValuesToDateValidationProps(props) {
const adapter = (0, _hooks.usePickerAdapter)();
const defaultDates = (0, _useUtils.useDefaultDates)();
return React.useMemo(() => ({
disablePast: props.disablePast ?? false,
disableFuture: props.disableFuture ?? false,
minDate: (0, _dateUtils.applyDefaultDate)(adapter, props.minDate, defaultDates.minDate),
maxDate: (0, _dateUtils.applyDefaultDate)(adapter, props.maxDate, defaultDates.maxDate)
}), [props.minDate, props.maxDate, props.disableFuture, props.disablePast, adapter, defaultDates]);
}

15
node_modules/@mui/x-date-pickers/managers/useDateTimeManager.d.ts generated vendored Normal file
View file

@ -0,0 +1,15 @@
import type { MakeOptional } from '@mui/x-internals/types';
import { PickerManager, DateTimeValidationError } from "../models/index.js";
import { UseFieldInternalProps } from "../internals/hooks/useField/index.js";
import { AmPmProps } from "../internals/models/props/time.js";
import { ExportedValidateDateTimeProps, ValidateDateTimeProps } from "../validation/validateDateTime.js";
import { PickerValue } from "../internals/models/index.js";
export declare function useDateTimeManager<TEnableAccessibleFieldDOMStructure extends boolean = true>(parameters?: UseDateTimeManagerParameters<TEnableAccessibleFieldDOMStructure>): UseDateTimeManagerReturnValue<TEnableAccessibleFieldDOMStructure>;
type SharedDateTimeAndDateTimeRangeValidationProps = 'disablePast' | 'disableFuture' | 'minTime' | 'maxTime' | 'minDate' | 'maxDate';
export declare function useApplyDefaultValuesToDateTimeValidationProps(props: Pick<ExportedValidateDateTimeProps, SharedDateTimeAndDateTimeRangeValidationProps | 'minDateTime' | 'maxDateTime'>): Pick<ValidateDateTimeProps, SharedDateTimeAndDateTimeRangeValidationProps>;
export interface UseDateTimeManagerParameters<TEnableAccessibleFieldDOMStructure extends boolean> {
enableAccessibleFieldDOMStructure?: TEnableAccessibleFieldDOMStructure;
}
export type UseDateTimeManagerReturnValue<TEnableAccessibleFieldDOMStructure extends boolean> = PickerManager<PickerValue, TEnableAccessibleFieldDOMStructure, DateTimeValidationError, ValidateDateTimeProps, DateTimeManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure>>;
export interface DateTimeManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure extends boolean> extends MakeOptional<UseFieldInternalProps<PickerValue, TEnableAccessibleFieldDOMStructure, DateTimeValidationError>, 'format'>, ExportedValidateDateTimeProps, AmPmProps {}
export {};

61
node_modules/@mui/x-date-pickers/managers/useDateTimeManager.js generated vendored Normal file
View file

@ -0,0 +1,61 @@
"use strict";
'use client';
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.useApplyDefaultValuesToDateTimeValidationProps = useApplyDefaultValuesToDateTimeValidationProps;
exports.useDateTimeManager = useDateTimeManager;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var React = _interopRequireWildcard(require("react"));
var _dateUtils = require("../internals/utils/date-utils");
var _valueManagers = require("../internals/utils/valueManagers");
var _validation = require("../validation");
var _useUtils = require("../internals/hooks/useUtils");
var _hooks = require("../hooks");
function useDateTimeManager(parameters = {}) {
const {
enableAccessibleFieldDOMStructure = true
} = parameters;
return React.useMemo(() => ({
valueType: 'date-time',
validator: _validation.validateDateTime,
internal_valueManager: _valueManagers.singleItemValueManager,
internal_fieldValueManager: _valueManagers.singleItemFieldValueManager,
internal_enableAccessibleFieldDOMStructure: enableAccessibleFieldDOMStructure,
internal_useApplyDefaultValuesToFieldInternalProps: useApplyDefaultValuesToDateTimeFieldInternalProps,
internal_useOpenPickerButtonAriaLabel: useOpenPickerButtonAriaLabel
}), [enableAccessibleFieldDOMStructure]);
}
function useOpenPickerButtonAriaLabel(value) {
const adapter = (0, _hooks.usePickerAdapter)();
const translations = (0, _hooks.usePickerTranslations)();
return React.useMemo(() => {
const formattedValue = adapter.isValid(value) ? adapter.format(value, 'fullDate') : null;
return translations.openDatePickerDialogue(formattedValue);
}, [value, translations, adapter]);
}
function useApplyDefaultValuesToDateTimeFieldInternalProps(internalProps) {
const adapter = (0, _hooks.usePickerAdapter)();
const validationProps = useApplyDefaultValuesToDateTimeValidationProps(internalProps);
const ampm = React.useMemo(() => internalProps.ampm ?? adapter.is12HourCycleInCurrentLocale(), [internalProps.ampm, adapter]);
return React.useMemo(() => (0, _extends2.default)({}, internalProps, validationProps, {
format: internalProps.format ?? (ampm ? adapter.formats.keyboardDateTime12h : adapter.formats.keyboardDateTime24h)
}), [internalProps, validationProps, ampm, adapter]);
}
function useApplyDefaultValuesToDateTimeValidationProps(props) {
const adapter = (0, _hooks.usePickerAdapter)();
const defaultDates = (0, _useUtils.useDefaultDates)();
return React.useMemo(() => ({
disablePast: props.disablePast ?? false,
disableFuture: props.disableFuture ?? false,
// TODO: Explore if we can remove it from the public API
disableIgnoringDatePartForTimeValidation: !!props.minDateTime || !!props.maxDateTime || !!props.disableFuture || !!props.disablePast,
minDate: (0, _dateUtils.applyDefaultDate)(adapter, props.minDateTime ?? props.minDate, defaultDates.minDate),
maxDate: (0, _dateUtils.applyDefaultDate)(adapter, props.maxDateTime ?? props.maxDate, defaultDates.maxDate),
minTime: props.minDateTime ?? props.minTime,
maxTime: props.maxDateTime ?? props.maxTime
}), [props.minDateTime, props.maxDateTime, props.minTime, props.maxTime, props.minDate, props.maxDate, props.disableFuture, props.disablePast, adapter, defaultDates]);
}

15
node_modules/@mui/x-date-pickers/managers/useTimeManager.d.ts generated vendored Normal file
View file

@ -0,0 +1,15 @@
import type { MakeOptional } from '@mui/x-internals/types';
import { PickerManager, TimeValidationError } from "../models/index.js";
import { UseFieldInternalProps } from "../internals/hooks/useField/index.js";
import { AmPmProps } from "../internals/models/props/time.js";
import { ExportedValidateTimeProps, ValidateTimeProps } from "../validation/validateTime.js";
import { PickerValue } from "../internals/models/index.js";
export declare function useTimeManager<TEnableAccessibleFieldDOMStructure extends boolean = true>(parameters?: UseTimeManagerParameters<TEnableAccessibleFieldDOMStructure>): UseTimeManagerReturnValue<TEnableAccessibleFieldDOMStructure>;
type SharedTimeAndTimeRangeValidationProps = 'disablePast' | 'disableFuture';
export declare function useApplyDefaultValuesToTimeValidationProps(props: Pick<ExportedValidateTimeProps, SharedTimeAndTimeRangeValidationProps>): Pick<ValidateTimeProps, SharedTimeAndTimeRangeValidationProps>;
export interface UseTimeManagerParameters<TEnableAccessibleFieldDOMStructure extends boolean> extends AmPmProps {
enableAccessibleFieldDOMStructure?: TEnableAccessibleFieldDOMStructure;
}
export type UseTimeManagerReturnValue<TEnableAccessibleFieldDOMStructure extends boolean> = PickerManager<PickerValue, TEnableAccessibleFieldDOMStructure, TimeValidationError, ValidateTimeProps, TimeManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure>>;
export interface TimeManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure extends boolean> extends MakeOptional<UseFieldInternalProps<PickerValue, TEnableAccessibleFieldDOMStructure, TimeValidationError>, 'format'>, ExportedValidateTimeProps, AmPmProps {}
export {};

55
node_modules/@mui/x-date-pickers/managers/useTimeManager.js generated vendored Normal file
View file

@ -0,0 +1,55 @@
"use strict";
'use client';
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.useApplyDefaultValuesToTimeValidationProps = useApplyDefaultValuesToTimeValidationProps;
exports.useTimeManager = useTimeManager;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var React = _interopRequireWildcard(require("react"));
var _valueManagers = require("../internals/utils/valueManagers");
var _validation = require("../validation");
var _hooks = require("../hooks");
function useTimeManager(parameters = {}) {
const {
enableAccessibleFieldDOMStructure = true,
ampm
} = parameters;
return React.useMemo(() => ({
valueType: 'time',
validator: _validation.validateTime,
internal_valueManager: _valueManagers.singleItemValueManager,
internal_fieldValueManager: _valueManagers.singleItemFieldValueManager,
internal_enableAccessibleFieldDOMStructure: enableAccessibleFieldDOMStructure,
internal_useApplyDefaultValuesToFieldInternalProps: useApplyDefaultValuesToTimeFieldInternalProps,
internal_useOpenPickerButtonAriaLabel: createUseOpenPickerButtonAriaLabel(ampm)
}), [ampm, enableAccessibleFieldDOMStructure]);
}
function createUseOpenPickerButtonAriaLabel(ampm) {
return function useOpenPickerButtonAriaLabel(value) {
const adapter = (0, _hooks.usePickerAdapter)();
const translations = (0, _hooks.usePickerTranslations)();
return React.useMemo(() => {
const formatKey = ampm ?? adapter.is12HourCycleInCurrentLocale() ? 'fullTime12h' : 'fullTime24h';
const formattedValue = adapter.isValid(value) ? adapter.format(value, formatKey) : null;
return translations.openTimePickerDialogue(formattedValue);
}, [value, translations, adapter]);
};
}
function useApplyDefaultValuesToTimeFieldInternalProps(internalProps) {
const adapter = (0, _hooks.usePickerAdapter)();
const validationProps = useApplyDefaultValuesToTimeValidationProps(internalProps);
const ampm = React.useMemo(() => internalProps.ampm ?? adapter.is12HourCycleInCurrentLocale(), [internalProps.ampm, adapter]);
return React.useMemo(() => (0, _extends2.default)({}, internalProps, validationProps, {
format: internalProps.format ?? (ampm ? adapter.formats.fullTime12h : adapter.formats.fullTime24h)
}), [internalProps, validationProps, ampm, adapter]);
}
function useApplyDefaultValuesToTimeValidationProps(props) {
return React.useMemo(() => ({
disablePast: props.disablePast ?? false,
disableFuture: props.disableFuture ?? false
}), [props.disablePast, props.disableFuture]);
}