@carbon/react 1.103.0 → 1.104.0-rc.0

package/lib/components/DatePicker/DatePickerLocales.js

@@ -1,137 +1,85 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
 
+//#region src/components/DatePicker/DatePickerLocales.ts
 /**
- * The full list of supported locales can be found here:
- * https://github.com/flatpickr/flatpickr/tree/master/src/l10n
- */
-const SUPPORTED_LOCALES = ['ar',
-// Arabic
-'at',
-// Austria
-'az',
-// Azerbaijan
-'be',
-// Belarusian
-'bg',
-// Bulgarian
-'bn',
-// Bangla
-'bs',
-// Bosnia
-'cat',
-// Catalan
-'cs',
-// Czech
-'cy',
-// Welsh
-'da',
-// Danish
-'de',
-// German
-'en',
-// English
-'eo',
-// Esperanto
-'es',
-// Spanish
-'et',
-// Estonian
-'fa',
-// Persian
-'fi',
-// Finnish
-'fo',
-// Faroese
-'fr',
-// French
-'ga',
-// Gaelic
-'gr',
-// Greek
-'he',
-// Hebrew
-'hi',
-// Hindi
-'hr',
-// Croatian
-'hu',
-// Hungarian
-'id',
-// Indonesian
-'is',
-// Icelandic
-'it',
-// Italian
-'ja',
-// Japanese
-'ka',
-// Georgian
-'km',
-// Khmer
-'ko',
-// Korean
-'kz',
-// Kazakh
-'lt',
-// Lithuanian
-'lv',
-// Latvian
-'mk',
-// Macedonian
-'mn',
-// Mongolian
-'ms',
-// Malaysian
-'my',
-// Burmese
-'nl',
-// Dutch
-'no',
-// Norwegian
-'pa',
-// Punjabi
-'pl',
-// Polish
-'pt',
-// Portuguese
-'ro',
-// Romanian
-'ru',
-// Russian
-'si',
-// Sinhala
-'sk',
-// Slovak
-'sl',
-// Slovenian
-'sq',
-// Albanian
-'sr',
-// Serbian
-'sv',
-// Swedish
-'th',
-// Thai
-'tr',
-// Turkish
-'uk',
-// Ukrainian
-'uz',
-// Uzbek
-'uz_latn',
-// Uzbek Latin
-'vn',
-// Vietnamese
-'zh_tw',
-// Mandarin Traditional
-'zh' // Mandarin
+* Copyright IBM Corp. 2016, 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/**
+* The full list of supported locales can be found here:
+* https://github.com/flatpickr/flatpickr/tree/master/src/l10n
+*/
+const SUPPORTED_LOCALES = [
+	"ar",
+	"at",
+	"az",
+	"be",
+	"bg",
+	"bn",
+	"bs",
+	"cat",
+	"cs",
+	"cy",
+	"da",
+	"de",
+	"en",
+	"eo",
+	"es",
+	"et",
+	"fa",
+	"fi",
+	"fo",
+	"fr",
+	"ga",
+	"gr",
+	"he",
+	"hi",
+	"hr",
+	"hu",
+	"id",
+	"is",
+	"it",
+	"ja",
+	"ka",
+	"km",
+	"ko",
+	"kz",
+	"lt",
+	"lv",
+	"mk",
+	"mn",
+	"ms",
+	"my",
+	"nl",
+	"no",
+	"pa",
+	"pl",
+	"pt",
+	"ro",
+	"ru",
+	"si",
+	"sk",
+	"sl",
+	"sq",
+	"sr",
+	"sv",
+	"th",
+	"tr",
+	"uk",
+	"uz",
+	"uz_latn",
+	"vn",
+	"zh_tw",
+	"zh"
 ];
 
-exports.SUPPORTED_LOCALES = SUPPORTED_LOCALES;
+//#endregion
+exports.SUPPORTED_LOCALES = SUPPORTED_LOCALES;

package/lib/components/DatePicker/index.js

@@ -1,19 +1,21 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DatePicker = require('./DatePicker.js');
-var DatePicker_Skeleton = require('./DatePicker.Skeleton.js');
-
+const require_DatePicker = require('./DatePicker.js');
+const require_DatePicker_Skeleton = require('./DatePicker.Skeleton.js');
 
+//#region src/components/DatePicker/index.tsx
+/**
+* Copyright IBM Corp. 2016, 2023
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var DatePicker_default = require_DatePicker.default;
 
-exports.DatePicker = DatePicker.default;
-exports.default = DatePicker.default;
-exports.DatePickerSkeleton = DatePicker_Skeleton.DatePickerSkeleton;
+//#endregion
+exports.default = DatePicker_default;

package/lib/components/DatePicker/plugins/appendToPlugin.js

@@ -1,55 +1,40 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
 
-const appendToPlugin = config => fp => {
-  /**
-   * Adjusts the floating menu position after Flatpickr sets it.
-   */
-  const handlePreCalendarPosition = () => {
-    Promise.resolve().then(() => {
-      const {
-        calendarContainer,
-        config: fpConfig,
-        _positionElement: positionElement
-      } = fp;
-      const appendTo = fpConfig.appendTo;
-      if (!appendTo) {
-        throw new Error('[appendToPlugin] Missing `appendTo` element.');
-      }
-      const {
-        left: containerLeft,
-        top: containerTop
-      } = appendTo.getBoundingClientRect();
-      const {
-        left: refLeft,
-        bottom: refBottom
-      } = positionElement.getBoundingClientRect();
-      if ((appendTo !== appendTo.ownerDocument.body || containerLeft !== 0 || containerTop !== 0) && appendTo.ownerDocument.defaultView?.getComputedStyle(appendTo).getPropertyValue('position') === 'static') {
-        throw new Error('Floating menu container must not have `position: static`.');
-      }
-      // `2` for negative margin on calendar dropdown
-      calendarContainer.style.top = `${refBottom - containerTop + 2}px`;
-      calendarContainer.style.left = `${refLeft - containerLeft}px`;
-    });
-  };
-
-  /**
-   * Registers this Flatpickr plugin.
-   */
-  const register = () => {
-    fp.loadedPlugins.push('carbonFlatpickrAppendToPlugin');
-  };
-  return {
-    appendTo: config.appendTo,
-    onReady: register,
-    onPreCalendarPosition: handlePreCalendarPosition
-  };
+//#region src/components/DatePicker/plugins/appendToPlugin.ts
+const appendToPlugin = (config) => (fp) => {
+	/**
+	* Adjusts the floating menu position after Flatpickr sets it.
+	*/
+	const handlePreCalendarPosition = () => {
+		Promise.resolve().then(() => {
+			const { calendarContainer, config: fpConfig, _positionElement: positionElement } = fp;
+			const appendTo = fpConfig.appendTo;
+			if (!appendTo) throw new Error("[appendToPlugin] Missing `appendTo` element.");
+			const { left: containerLeft, top: containerTop } = appendTo.getBoundingClientRect();
+			const { left: refLeft, bottom: refBottom } = positionElement.getBoundingClientRect();
+			if ((appendTo !== appendTo.ownerDocument.body || containerLeft !== 0 || containerTop !== 0) && appendTo.ownerDocument.defaultView?.getComputedStyle(appendTo).getPropertyValue("position") === "static") throw new Error("Floating menu container must not have `position: static`.");
+			calendarContainer.style.top = `${refBottom - containerTop + 2}px`;
+			calendarContainer.style.left = `${refLeft - containerLeft}px`;
+		});
+	};
+	/**
+	* Registers this Flatpickr plugin.
+	*/
+	const register = () => {
+		fp.loadedPlugins.push("carbonFlatpickrAppendToPlugin");
+	};
+	return {
+		appendTo: config.appendTo,
+		onReady: register,
+		onPreCalendarPosition: handlePreCalendarPosition
+	};
 };
 
-exports.appendToPlugin = appendToPlugin;
+//#endregion
+exports.appendToPlugin = appendToPlugin;

package/lib/components/DatePicker/plugins/fixEventsPlugin.js

@@ -1,185 +1,137 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var keys = require('../../../internal/keyboard/keys.js');
-var match = require('../../../internal/keyboard/match.js');
+const require_keys = require('../../../internal/keyboard/keys.js');
+const require_match = require('../../../internal/keyboard/match.js');
 
+//#region src/components/DatePicker/plugins/fixEventsPlugin.js
 /**
- * @param {object} config Plugin configuration.
- * @returns {Plugin} A Flatpickr plugin to fix Flatpickr's behavior of certain events.
- */
-var carbonFlatpickrFixEventsPlugin = config => fp => {
-  const {
-    inputFrom,
-    inputTo,
-    lastStartValue,
-    container
-  } = config;
-  // Avoid closing when mousedown starts inside but click lands outside after
-  // scroll or blur (e.g., scrollable modal masks).
-  let mouseDownInside = false;
-  const getEventPath = event => typeof event.composedPath === 'function' ? event.composedPath() : [];
-  const isEventInside = event => {
-    const path = getEventPath(event);
-    return Boolean(container && (path.includes(container) || container.contains(event.target)) || fp.calendarContainer && (path.includes(fp.calendarContainer) || fp.calendarContainer.contains(event.target)) || inputFrom && (path.includes(inputFrom) || inputFrom.contains(event.target)) || inputTo && (path.includes(inputTo) || inputTo.contains(event.target)));
-  };
-
-  /**
-   * Handles `click` outside to close calendar
-   */
-  const handleClickOutside = event => {
-    if (mouseDownInside) {
-      mouseDownInside = false;
-      return;
-    }
-    if (!fp.isOpen || isEventInside(event)) {
-      mouseDownInside = false;
-      return;
-    }
-    mouseDownInside = false;
-    fp.close();
-  };
-
-  /**
-   * Tracks the initial mouse target to avoid closing on click after scroll.
-   */
-  const handleMouseDown = event => {
-    mouseDownInside = isEventInside(event);
-  };
-
-  /**
-   * Handles `keydown` event.
-   */
-  const handleKeydown = event => {
-    const {
-      target
-    } = event;
-    if (inputFrom === target || inputTo === target) {
-      if (match.match(event, keys.Enter)) {
-        // Makes sure the hitting enter key picks up pending values of both `<input>`
-        // Workaround for: https://github.com/flatpickr/flatpickr/issues/1942
-        fp.setDate([inputFrom.value, inputTo && inputTo.value], true, fp.config.dateFormat);
-        event.stopPropagation();
-      } else if (match.match(event, keys.ArrowLeft) || match.match(event, keys.ArrowRight)) {
-        // Prevents Flatpickr code from canceling the event if left/right arrow keys are hit on `<input>`,
-        // so user can move the keyboard cursor for editing dates
-        // Workaround for: https://github.com/flatpickr/flatpickr/issues/1943
-        event.stopPropagation();
-      } else if (match.match(event, keys.ArrowDown)) {
-        event.preventDefault();
-        fp.open();
-      } else if (!fp.config.allowInput) {
-        // We override the default behaviour of Flatpickr, ideally when allowInput is set to false,
-        // the Delete/Backspace button clears all of the date, which we don't want, hence
-        // we stop event bubbling and the default Flatpickr's onChange behaviour here itself
-        event.stopPropagation();
-        event.preventDefault();
-      }
-    }
-  };
-  const parseDateWithFormat = dateStr => fp.parseDate(dateStr, fp.config.dateFormat);
-
-  /**
-   * Handles `blur` event.
-   *
-   * For whatever reason, manual changes within the `to` input do not update the
-   * calendar on blur. If a manual change is made within the input, this block will
-   * set the date again, triggering the calendar to update.
-   */
-  const handleBlur = event => {
-    const {
-      target
-    } = event;
-
-    // Only fall into this logic if the event is on the `to` input and there is a
-    // `to` date selected
-    if (inputTo === target && fp.selectedDates[1]) {
-      // Using getTime() enables the ability to more readily compare the date currently
-      // selected in the calendar and the date currently in the value of the input
-      const withoutTime = date => date?.setHours(0, 0, 0, 0);
-      const selectedToDate = withoutTime(new Date(fp.selectedDates[1]));
-      const currentValueToDate = withoutTime(parseDateWithFormat(inputTo.value));
-
-      // The date should only be set if both dates are valid dates, and they don't match.
-      // When they don't match, this indicates that the date selected in the calendar is stale,
-      // and the current value in the input should be set for the calendar to update.
-      if (selectedToDate && currentValueToDate && selectedToDate !== currentValueToDate) {
-        // Update the calendar with the value of the `to` date input
-        fp.setDate([inputFrom.value, inputTo && inputTo.value], true, fp.config.dateFormat);
-      }
-    }
-    const isValidDate = date => date?.toString() !== 'Invalid Date';
-    // save end date in calendar immediately after it's been written down
-    if (inputTo === target && fp.selectedDates.length === 1 && inputTo.value) {
-      if (isValidDate(parseDateWithFormat(inputTo.value))) {
-        fp.setDate([inputFrom.value, inputTo.value], true, fp.config.dateFormat);
-      }
-    }
-
-    // overriding the flatpickr bug where the startDate gets deleted on blur
-    if (inputTo === target && !inputFrom.value && lastStartValue.current) {
-      if (isValidDate(parseDateWithFormat(lastStartValue.current))) {
-        inputFrom.value = lastStartValue.current;
-        if (inputTo.value) {
-          fp.setDate([inputFrom.value, inputTo.value], true, fp.config.dateFormat);
-        }
-      }
-    }
-  };
-
-  /**
-   * Releases event listeners used in this Flatpickr plugin.
-   */
-  const release = () => {
-    const {
-      inputFrom,
-      inputTo
-    } = config;
-    if (inputTo) {
-      inputTo.removeEventListener('keydown', handleKeydown, true);
-      inputTo.removeEventListener('blur', handleBlur, true);
-    }
-    inputFrom.removeEventListener('keydown', handleKeydown, true);
-    document.removeEventListener('mousedown', handleMouseDown, true);
-    document.removeEventListener('click', handleClickOutside, true);
-  };
-
-  /**
-   * Sets up event listeners used for this Flatpickr plugin.
-   */
-  const init = () => {
-    release();
-    const {
-      inputFrom,
-      inputTo
-    } = config;
-    inputFrom.addEventListener('keydown', handleKeydown, true);
-    if (inputTo) {
-      inputTo.addEventListener('keydown', handleKeydown, true);
-      inputTo.addEventListener('blur', handleBlur, true);
-    }
-    document.addEventListener('mousedown', handleMouseDown, true);
-    document.addEventListener('click', handleClickOutside, true);
-  };
-
-  /**
-   * Registers this Flatpickr plugin.
-   */
-  const register = () => {
-    fp.loadedPlugins.push('carbonFlatpickrFixEventsPlugin');
-  };
-  return {
-    onReady: [register, init],
-    onDestroy: [release]
-  };
+* Copyright IBM Corp. 2016, 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/**
+* @param {object} config Plugin configuration.
+* @returns {Plugin} A Flatpickr plugin to fix Flatpickr's behavior of certain events.
+*/
+var fixEventsPlugin_default = (config) => (fp) => {
+	const { inputFrom, inputTo, lastStartValue, container } = config;
+	let mouseDownInside = false;
+	const getEventPath = (event) => typeof event.composedPath === "function" ? event.composedPath() : [];
+	const isEventInside = (event) => {
+		const path = getEventPath(event);
+		return Boolean(container && (path.includes(container) || container.contains(event.target)) || fp.calendarContainer && (path.includes(fp.calendarContainer) || fp.calendarContainer.contains(event.target)) || inputFrom && (path.includes(inputFrom) || inputFrom.contains(event.target)) || inputTo && (path.includes(inputTo) || inputTo.contains(event.target)));
+	};
+	/**
+	* Handles `click` outside to close calendar
+	*/
+	const handleClickOutside = (event) => {
+		if (mouseDownInside) {
+			mouseDownInside = false;
+			return;
+		}
+		if (!fp.isOpen || isEventInside(event)) {
+			mouseDownInside = false;
+			return;
+		}
+		mouseDownInside = false;
+		fp.close();
+	};
+	/**
+	* Tracks the initial mouse target to avoid closing on click after scroll.
+	*/
+	const handleMouseDown = (event) => {
+		mouseDownInside = isEventInside(event);
+	};
+	/**
+	* Handles `keydown` event.
+	*/
+	const handleKeydown = (event) => {
+		const { target } = event;
+		if (inputFrom === target || inputTo === target) {
+			if (require_match.match(event, require_keys.Enter)) {
+				fp.setDate([inputFrom.value, inputTo && inputTo.value], true, fp.config.dateFormat);
+				event.stopPropagation();
+			} else if (require_match.match(event, require_keys.ArrowLeft) || require_match.match(event, require_keys.ArrowRight)) event.stopPropagation();
+			else if (require_match.match(event, require_keys.ArrowDown)) {
+				event.preventDefault();
+				fp.open();
+			} else if (!fp.config.allowInput) {
+				event.stopPropagation();
+				event.preventDefault();
+			}
+		}
+	};
+	const parseDateWithFormat = (dateStr) => fp.parseDate(dateStr, fp.config.dateFormat);
+	/**
+	* Handles `blur` event.
+	*
+	* For whatever reason, manual changes within the `to` input do not update the
+	* calendar on blur. If a manual change is made within the input, this block will
+	* set the date again, triggering the calendar to update.
+	*/
+	const handleBlur = (event) => {
+		const { target } = event;
+		if (inputTo === target && fp.selectedDates[1]) {
+			const withoutTime = (date) => date?.setHours(0, 0, 0, 0);
+			const selectedToDate = withoutTime(new Date(fp.selectedDates[1]));
+			const currentValueToDate = withoutTime(parseDateWithFormat(inputTo.value));
+			if (selectedToDate && currentValueToDate && selectedToDate !== currentValueToDate) fp.setDate([inputFrom.value, inputTo && inputTo.value], true, fp.config.dateFormat);
+		}
+		const isValidDate = (date) => date?.toString() !== "Invalid Date";
+		if (inputTo === target && fp.selectedDates.length === 1 && inputTo.value) {
+			if (isValidDate(parseDateWithFormat(inputTo.value))) fp.setDate([inputFrom.value, inputTo.value], true, fp.config.dateFormat);
+		}
+		if (inputTo === target && !inputFrom.value && lastStartValue.current) {
+			if (isValidDate(parseDateWithFormat(lastStartValue.current))) {
+				inputFrom.value = lastStartValue.current;
+				if (inputTo.value) fp.setDate([inputFrom.value, inputTo.value], true, fp.config.dateFormat);
+			}
+		}
+	};
+	/**
+	* Releases event listeners used in this Flatpickr plugin.
+	*/
+	const release = () => {
+		const { inputFrom, inputTo } = config;
+		if (inputTo) {
+			inputTo.removeEventListener("keydown", handleKeydown, true);
+			inputTo.removeEventListener("blur", handleBlur, true);
+		}
+		inputFrom.removeEventListener("keydown", handleKeydown, true);
+		document.removeEventListener("mousedown", handleMouseDown, true);
+		document.removeEventListener("click", handleClickOutside, true);
+	};
+	/**
+	* Sets up event listeners used for this Flatpickr plugin.
+	*/
+	const init = () => {
+		release();
+		const { inputFrom, inputTo } = config;
+		inputFrom.addEventListener("keydown", handleKeydown, true);
+		if (inputTo) {
+			inputTo.addEventListener("keydown", handleKeydown, true);
+			inputTo.addEventListener("blur", handleBlur, true);
+		}
+		document.addEventListener("mousedown", handleMouseDown, true);
+		document.addEventListener("click", handleClickOutside, true);
+	};
+	/**
+	* Registers this Flatpickr plugin.
+	*/
+	const register = () => {
+		fp.loadedPlugins.push("carbonFlatpickrFixEventsPlugin");
+	};
+	return {
+		onReady: [register, init],
+		onDestroy: [release]
+	};
 };
 
-exports.default = carbonFlatpickrFixEventsPlugin;
+//#endregion
+exports.default = fixEventsPlugin_default;