npm - @tenancy.nz/datepicker - Versions diffs - 1.3.5 → 1.3.6 - Mend

@tenancy.nz/datepicker 1.3.5 → 1.3.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (359) hide show

package/dist/esm/node_modules/.pnpm/@mui_x-date-pickers@8.27.0_@emotion_react@11.14.0_@types_react@19.1.9_react@18.3.1__@em_f7106fb7eba50d62f3c82acfcf63ee91/node_modules/@mui/x-date-pickers/esm/internals/hooks/useField/useFieldRootProps.js DELETED Viewed

@@ -1,153 +0,0 @@
-import { useFieldRootHandleKeyDown } from './useFieldRootHandleKeyDown.js';
-import { getActiveElement } from '../../utils/utils.js';
-import { syncSelectionToDOM } from './syncSelectionToDOM.js';
-import useTimeout from '../../../../../../../../@mui_utils@7.3.7_@types_react@19.1.9_react@18.3.1/node_modules/@mui/utils/esm/useTimeout/useTimeout.js';
-import useEventCallback from '../../../../../../../../@mui_utils@7.3.7_@types_react@19.1.9_react@18.3.1/node_modules/@mui/utils/esm/useEventCallback/useEventCallback.js';
-/**
- * Generate the props to pass to the root element of the field.
- * It is not used by the non-accessible DOM structure (with an <input /> element for editing).
- * It should be used in the MUI accessible DOM structure and the Base UI implementation.
- * @param {UseFieldRootPropsParameters} parameters The parameters of the hook.
- * @returns {UseFieldRootPropsReturnValue} The props to forward to the root element of the field.
- */
-function useFieldRootProps(parameters) {
-  const {
-    manager,
-    focused,
-    setFocused,
-    domGetters,
-    stateResponse,
-    applyCharacterEditing,
-    internalPropsWithDefaults,
-    stateResponse: {
-      // States and derived states
-      parsedSelectedSections,
-      sectionOrder,
-      state,
-      // Methods to update the states
-      clearValue,
-      setCharacterQuery,
-      setSelectedSections,
-      updateValueFromValueStr
-    },
-    internalPropsWithDefaults: {
-      disabled = false,
-      readOnly = false
-    }
-  } = parameters;
-  // TODO: Inline onContainerKeyDown once the old DOM structure is removed
-  const handleKeyDown = useFieldRootHandleKeyDown({
-    manager,
-    internalPropsWithDefaults,
-    stateResponse
-  });
-  const containerClickTimeout = useTimeout();
-  const handleClick = useEventCallback(event => {
-    if (disabled || !domGetters.isReady()) {
-      return;
-    }
-    setFocused(true);
-    if (parsedSelectedSections === 'all') {
-      containerClickTimeout.start(0, () => {
-        const cursorPosition = document.getSelection().getRangeAt(0).startOffset;
-        if (cursorPosition === 0) {
-          setSelectedSections(sectionOrder.startIndex);
-          return;
-        }
-        let sectionIndex = 0;
-        let cursorOnStartOfSection = 0;
-        while (cursorOnStartOfSection < cursorPosition && sectionIndex < state.sections.length) {
-          const section = state.sections[sectionIndex];
-          sectionIndex += 1;
-          cursorOnStartOfSection += `${section.startSeparator}${section.value || section.placeholder}${section.endSeparator}`.length;
-        }
-        setSelectedSections(sectionIndex - 1);
-      });
-    } else if (!focused) {
-      setFocused(true);
-      setSelectedSections(sectionOrder.startIndex);
-    } else {
-      const hasClickedOnASection = domGetters.getRoot().contains(event.target);
-      if (!hasClickedOnASection) {
-        setSelectedSections(sectionOrder.startIndex);
-      }
-    }
-  });
-  const handleInput = useEventCallback(event => {
-    if (!domGetters.isReady() || parsedSelectedSections !== 'all') {
-      return;
-    }
-    const target = event.target;
-    const keyPressed = target.textContent ?? '';
-    domGetters.getRoot().innerHTML = state.sections.map(section => `${section.startSeparator}${section.value || section.placeholder}${section.endSeparator}`).join('');
-    syncSelectionToDOM({
-      focused,
-      domGetters,
-      stateResponse
-    });
-    if (keyPressed.length === 0 || keyPressed.charCodeAt(0) === 10) {
-      clearValue();
-      setSelectedSections('all');
-    } else if (keyPressed.length > 1) {
-      updateValueFromValueStr(keyPressed);
-    } else {
-      if (parsedSelectedSections === 'all') {
-        setSelectedSections(0);
-      }
-      applyCharacterEditing({
-        keyPressed,
-        sectionIndex: 0
-      });
-    }
-  });
-  const handlePaste = useEventCallback(event => {
-    if (readOnly || parsedSelectedSections !== 'all') {
-      event.preventDefault();
-      return;
-    }
-    const pastedValue = event.clipboardData.getData('text');
-    event.preventDefault();
-    setCharacterQuery(null);
-    updateValueFromValueStr(pastedValue);
-  });
-  const handleFocus = useEventCallback(() => {
-    if (focused || disabled || !domGetters.isReady()) {
-      return;
-    }
-    const activeElement = getActiveElement(domGetters.getRoot());
-    setFocused(true);
-    const isFocusInsideASection = domGetters.getSectionIndexFromDOMElement(activeElement) != null;
-    if (!isFocusInsideASection) {
-      setSelectedSections(sectionOrder.startIndex);
-    }
-  });
-  const handleBlur = useEventCallback(() => {
-    setTimeout(() => {
-      if (!domGetters.isReady()) {
-        return;
-      }
-      const activeElement = getActiveElement(domGetters.getRoot());
-      const shouldBlur = !domGetters.getRoot().contains(activeElement);
-      if (shouldBlur) {
-        setFocused(false);
-        setSelectedSections(null);
-      }
-    });
-  });
-  return {
-    // Event handlers
-    onKeyDown: handleKeyDown,
-    onBlur: handleBlur,
-    onFocus: handleFocus,
-    onClick: handleClick,
-    onPaste: handlePaste,
-    onInput: handleInput,
-    // Other
-    contentEditable: parsedSelectedSections === 'all',
-    tabIndex: internalPropsWithDefaults.disabled || parsedSelectedSections === 0 ? -1 : 0 // TODO: Try to set to undefined when there is a section selected.
-  };
-}
-export { useFieldRootProps };

@@ -1,34 +0,0 @@
-import * as React from 'react';
-/**
- * Generate the props to pass to the container element of each section of the field.
- * It is not used by the non-accessible DOM structure (with an <input /> element for editing).
- * It should be used in the MUI accessible DOM structure and the Base UI implementation.
- * @param {UseFieldRootPropsParameters} parameters The parameters of the hook.
- * @returns {UseFieldRootPropsReturnValue} The props to forward to the container element of each section of the field.
- */
-function useFieldSectionContainerProps(parameters) {
-  const {
-    stateResponse: {
-      // Methods to update the states
-      setSelectedSections
-    },
-    internalPropsWithDefaults: {
-      disabled = false
-    }
-  } = parameters;
-  const createHandleClick = React.useCallback(sectionIndex => event => {
-    // The click event on the clear button would propagate to the input, trigger this handler and result in a wrong section selection.
-    // We avoid this by checking if the call to this function is actually intended, or a side effect.
-    if (disabled || event.isDefaultPrevented()) {
-      return;
-    }
-    setSelectedSections(sectionIndex);
-  }, [disabled, setSelectedSections]);
-  return React.useCallback(sectionIndex => ({
-    'data-sectionindex': sectionIndex,
-    onClick: createHandleClick(sectionIndex)
-  }), [createHandleClick]);
-}
-export { useFieldSectionContainerProps };

@@ -1,235 +0,0 @@
-import * as React from 'react';
-import { syncSelectionToDOM } from './syncSelectionToDOM.js';
-import { usePickerAdapter } from '../../../hooks/usePickerAdapter.js';
-import { usePickerTranslations } from '../../../hooks/usePickerTranslations.js';
-import useEventCallback from '../../../../../../../../@mui_utils@7.3.7_@types_react@19.1.9_react@18.3.1/node_modules/@mui/utils/esm/useEventCallback/useEventCallback.js';
-/**
- * Generate the props to pass to the content element of each section of the field.
- * It is not used by the non-accessible DOM structure (with an <input /> element for editing).
- * It should be used in the MUI accessible DOM structure and the Base UI implementation.
- * @param {UseFieldRootPropsParameters} parameters The parameters of the hook.
- * @returns {UseFieldRootPropsReturnValue} The props to forward to the content element of each section of the field.
- */
-function useFieldSectionContentProps(parameters) {
-  const adapter = usePickerAdapter();
-  const translations = usePickerTranslations();
-  const {
-    focused,
-    domGetters,
-    stateResponse,
-    applyCharacterEditing,
-    manager: {
-      internal_fieldValueManager: fieldValueManager
-    },
-    stateResponse: {
-      // States and derived states
-      parsedSelectedSections,
-      sectionsValueBoundaries,
-      state,
-      value,
-      // Methods to update the states
-      clearActiveSection,
-      setCharacterQuery,
-      setSelectedSections,
-      updateSectionValue,
-      updateValueFromValueStr
-    },
-    internalPropsWithDefaults: {
-      disabled = false,
-      readOnly = false
-    }
-  } = parameters;
-  const isContainerEditable = parsedSelectedSections === 'all';
-  const isEditable = !isContainerEditable && !disabled && !readOnly;
-  /**
-   * If a section content has been updated with a value we don't want to keep,
-   * Then we need to imperatively revert it (we can't let React do it because the value did not change in his internal representation).
-   */
-  const revertDOMSectionChange = useEventCallback(sectionIndex => {
-    if (!domGetters.isReady()) {
-      return;
-    }
-    const section = state.sections[sectionIndex];
-    domGetters.getSectionContent(sectionIndex).innerHTML = section.value || section.placeholder;
-    syncSelectionToDOM({
-      focused,
-      domGetters,
-      stateResponse
-    });
-  });
-  const handleInput = useEventCallback(event => {
-    if (!domGetters.isReady()) {
-      return;
-    }
-    const target = event.target;
-    const keyPressed = target.textContent ?? '';
-    const sectionIndex = domGetters.getSectionIndexFromDOMElement(target);
-    const section = state.sections[sectionIndex];
-    if (readOnly) {
-      revertDOMSectionChange(sectionIndex);
-      return;
-    }
-    if (keyPressed.length === 0) {
-      if (section.value === '') {
-        revertDOMSectionChange(sectionIndex);
-        return;
-      }
-      const inputType = event.nativeEvent.inputType;
-      if (inputType === 'insertParagraph' || inputType === 'insertLineBreak') {
-        revertDOMSectionChange(sectionIndex);
-        return;
-      }
-      revertDOMSectionChange(sectionIndex);
-      clearActiveSection();
-      return;
-    }
-    applyCharacterEditing({
-      keyPressed,
-      sectionIndex
-    });
-    // The DOM value needs to remain the one React is expecting.
-    revertDOMSectionChange(sectionIndex);
-  });
-  const handleMouseUp = useEventCallback(event => {
-    // Without this, the browser will remove the selected when clicking inside an already-selected section.
-    event.preventDefault();
-  });
-  const handlePaste = useEventCallback(event => {
-    // prevent default to avoid the input `onInput` handler being called
-    event.preventDefault();
-    if (readOnly || disabled || typeof parsedSelectedSections !== 'number') {
-      return;
-    }
-    const activeSection = state.sections[parsedSelectedSections];
-    const pastedValue = event.clipboardData.getData('text');
-    const lettersOnly = /^[a-zA-Z]+$/.test(pastedValue);
-    const digitsOnly = /^[0-9]+$/.test(pastedValue);
-    const digitsAndLetterOnly = /^(([a-zA-Z]+)|)([0-9]+)(([a-zA-Z]+)|)$/.test(pastedValue);
-    const isValidPastedValue = activeSection.contentType === 'letter' && lettersOnly || activeSection.contentType === 'digit' && digitsOnly || activeSection.contentType === 'digit-with-letter' && digitsAndLetterOnly;
-    if (isValidPastedValue) {
-      setCharacterQuery(null);
-      updateSectionValue({
-        section: activeSection,
-        newSectionValue: pastedValue,
-        shouldGoToNextSection: true
-      });
-    }
-    // If the pasted value corresponds to a single section, but not the expected type, we skip the modification
-    else if (!lettersOnly && !digitsOnly) {
-      setCharacterQuery(null);
-      updateValueFromValueStr(pastedValue);
-    }
-  });
-  const handleDragOver = useEventCallback(event => {
-    event.preventDefault();
-    event.dataTransfer.dropEffect = 'none';
-  });
-  const createFocusHandler = React.useCallback(sectionIndex => () => {
-    if (disabled) {
-      return;
-    }
-    setSelectedSections(sectionIndex);
-  }, [disabled, setSelectedSections]);
-  return React.useCallback((section, sectionIndex) => {
-    const sectionBoundaries = sectionsValueBoundaries[section.type]({
-      currentDate: fieldValueManager.getDateFromSection(value, section),
-      contentType: section.contentType,
-      format: section.format
-    });
-    return {
-      // Event handlers
-      onInput: handleInput,
-      onPaste: handlePaste,
-      onMouseUp: handleMouseUp,
-      onDragOver: handleDragOver,
-      onFocus: createFocusHandler(sectionIndex),
-      // Aria attributes
-      'aria-readonly': readOnly,
-      'aria-valuenow': getSectionValueNow(section, adapter),
-      'aria-valuemin': sectionBoundaries.minimum,
-      'aria-valuemax': sectionBoundaries.maximum,
-      'aria-valuetext': section.value ? getSectionValueText(section, adapter) : translations.empty,
-      'aria-label': translations[section.type],
-      'aria-disabled': disabled,
-      // Other
-      tabIndex: !isEditable || isContainerEditable || sectionIndex > 0 ? -1 : 0,
-      contentEditable: !isContainerEditable && !disabled && !readOnly,
-      role: 'spinbutton',
-      'data-range-position': section.dateName || undefined,
-      spellCheck: isEditable ? false : undefined,
-      // Firefox hydrates this as `'none`' instead of `'off'`. No problems in chromium with both values.
-      // For reference https://github.com/mui/mui-x/issues/19012
-      autoCapitalize: isEditable ? 'none' : undefined,
-      autoCorrect: isEditable ? 'off' : undefined,
-      children: section.value || section.placeholder,
-      inputMode: section.contentType === 'letter' ? 'text' : 'numeric'
-    };
-  }, [sectionsValueBoundaries, isContainerEditable, disabled, readOnly, isEditable, translations, adapter, handleInput, handlePaste, handleMouseUp, handleDragOver, createFocusHandler, fieldValueManager, value]);
-}
-function getSectionValueText(section, adapter) {
-  if (!section.value) {
-    return undefined;
-  }
-  switch (section.type) {
-    case 'month':
-      {
-        if (section.contentType === 'digit') {
-          const dateWithMonth = adapter.setMonth(adapter.date(), Number(section.value) - 1);
-          return adapter.isValid(dateWithMonth) ? adapter.format(dateWithMonth, 'month') : '';
-        }
-        const parsedDate = adapter.parse(section.value, section.format);
-        return parsedDate && adapter.isValid(parsedDate) ? adapter.format(parsedDate, 'month') : undefined;
-      }
-    case 'day':
-      if (section.contentType === 'digit') {
-        const dateWithDay = adapter.setDate(adapter.startOfYear(adapter.date()), Number(section.value));
-        return adapter.isValid(dateWithDay) ? adapter.format(dateWithDay, 'dayOfMonthFull') : '';
-      }
-      return section.value;
-    case 'weekDay':
-      // TODO: improve by providing the label of the week day
-      return undefined;
-    default:
-      return undefined;
-  }
-}
-function getSectionValueNow(section, adapter) {
-  if (!section.value) {
-    return undefined;
-  }
-  switch (section.type) {
-    case 'weekDay':
-      {
-        if (section.contentType === 'letter') {
-          // TODO: improve by resolving the week day number from a letter week day
-          return undefined;
-        }
-        return Number(section.value);
-      }
-    case 'meridiem':
-      {
-        const parsedDate = adapter.parse(`01:00 ${section.value}`, `${adapter.formats.hours12h}:${adapter.formats.minutes} ${section.format}`);
-        if (parsedDate) {
-          return adapter.getHours(parsedDate) >= 12 ? 1 : 0;
-        }
-        return undefined;
-      }
-    case 'day':
-      return section.contentType === 'digit-with-letter' ? parseInt(section.value, 10) : Number(section.value);
-    case 'month':
-      {
-        if (section.contentType === 'digit') {
-          return Number(section.value);
-        }
-        const parsedDate = adapter.parse(section.value, section.format);
-        return parsedDate ? adapter.getMonth(parsedDate) + 1 : undefined;
-      }
-    default:
-      return section.contentType !== 'letter' ? Number(section.value) : undefined;
-  }
-}
-export { useFieldSectionContentProps };