@lumx/react 3.6.7 → 3.6.8

package/index.js

@@ -410,12 +410,12 @@ const TOOLTIP_LONG_PRESS_DELAY = {
 /**
  * Optional global `window` instance (not defined when running SSR).
  */
-const WINDOW = typeof window !== `undefined` ? window : undefined;
+const WINDOW = typeof window !== 'undefined' ? window : undefined;
 
 /**
  * Optional global `document` instance (not defined when running SSR).
  */
-const DOCUMENT = typeof document !== `undefined` ? document : undefined;
+const DOCUMENT = typeof document !== 'undefined' ? document : undefined;
 
 const _excluded = ["prefix"];
 
@@ -1725,7 +1725,7 @@ function useStopPropagation(handler) {
   }, [handler]);
 }
 
-const _excluded$c = ["after", "before", "children", "className", "color", "disabled", "isClickable", "isDisabled", "isHighlighted", "isSelected", "onAfterClick", "onBeforeClick", "onClick", "size", "theme"];
+const _excluded$c = ["after", "before", "children", "className", "color", "disabled", "isClickable", "isDisabled", "isHighlighted", "isSelected", "onAfterClick", "onBeforeClick", "onClick", "size", "theme", "href"];
 
 /**
  * Chip sizes.
@@ -1768,7 +1768,7 @@ const Chip = /*#__PURE__*/forwardRef((props, ref) => {
       className,
       color,
       disabled,
-      isClickable,
+      isClickable: propIsClickable,
       isDisabled = disabled,
       isHighlighted,
       isSelected,
@@ -1776,12 +1776,15 @@ const Chip = /*#__PURE__*/forwardRef((props, ref) => {
       onBeforeClick,
       onClick,
       size,
-      theme
+      theme,
+      href
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded$c);
   const hasAfterClick = isFunction(onAfterClick);
   const hasBeforeClick = isFunction(onBeforeClick);
   const hasOnClick = isFunction(onClick);
+  const isButton = hasOnClick && !href;
+  const isClickable = Boolean(hasOnClick) || Boolean(href) || propIsClickable;
 
   // Adapt color to the theme.
   const chipColor = color || (theme === Theme.light ? ColorPalette.dark : ColorPalette.light);
@@ -1790,10 +1793,14 @@ const Chip = /*#__PURE__*/forwardRef((props, ref) => {
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    React.createElement("a", _extends({}, forwardedProps, {
+    React.createElement("a", _extends({
+      role: isButton ? 'button' : undefined,
+      tabIndex: isClickable ? 0 : undefined
+    }, forwardedProps, {
+      href: href,
       ref: ref,
       className: classnames(className, handleBasicClasses({
-        clickable: Boolean(hasOnClick) || isClickable,
+        clickable: isClickable,
         color: chipColor,
         isDisabled,
         hasAfter: Boolean(after),
@@ -1804,9 +1811,7 @@ const Chip = /*#__PURE__*/forwardRef((props, ref) => {
         size,
         unselected: Boolean(!isSelected)
       })),
-      role: hasOnClick ? 'button' : undefined,
-      tabIndex: isDisabled || !hasOnClick ? -1 : 0,
-      "aria-disabled": hasOnClick && isDisabled || undefined,
+      "aria-disabled": isClickable && isDisabled || undefined,
       onClick: hasOnClick ? onClick : undefined,
       onKeyDown: hasOnClick ? onEnterPressed(onClick) : undefined
     }), before &&
@@ -2172,6 +2177,9 @@ const getWeekDays = locale => {
   return weekDays;
 };
 
+/** Up to 6 rows can appear in a month calendar => 4 weeks + 1 start of month partial week + 1 send of month partial week */
+const MONTH_ROW_COUNT = 6;
+
 /**
  * Get month calendar.
  * A list of weeks with days indexed by week day number
@@ -2187,7 +2195,8 @@ const getMonthCalendar = function (locale) {
   const lastDayOfWeek = last(weekDays);
   const weeks = [];
   let week = {};
-  while (iterDate.getMonth() === month) {
+  let rowCount = 0;
+  while (rowCount < MONTH_ROW_COUNT) {
     const weekDayNumber = iterDate.getDay();
     const day = {
       date: new Date(iterDate.getTime())
@@ -2197,9 +2206,12 @@ const getMonthCalendar = function (locale) {
     if (rangeMinDate && iterDate <= rangeMinDate || rangeMaxDate && iterDate >= rangeMaxDate) {
       day.isOutOfRange = true;
     }
-    week[weekDayNumber] = day;
+    if (iterDate.getMonth() === month) {
+      week[weekDayNumber] = day;
+    }
     if (weekDayNumber === lastDayOfWeek.number) {
       weeks.push(week);
+      rowCount += 1;
       week = {};
     }
     iterDate.setDate(iterDate.getDate() + 1);
@@ -2337,7 +2349,7 @@ const DatePickerControlled = /*#__PURE__*/forwardRef((props, ref) => {
     month: 'long'
   });
 
-  // Year can only be validatd by pressing Enter key or on Blur. The below handles the press Enter key case
+  // Year can only be validated by pressing Enter key or on Blur. The below handles the press Enter key case
   const handleKeyPress = React.useMemo(() => onEnterPressed(updateMonthOffset), [updateMonthOffset]);
 
   // Required to update year in the TextField when the user changes year by using prev next month arrows
@@ -2661,10 +2673,10 @@ function useCallbackOnEscape(callback) {
 }
 
 /** CSS selector listing all tabbable elements. */
-const TABBABLE_ELEMENTS_SELECTOR = `a[href], button, textarea, input:not([type="hidden"]):not([hidden]), [tabindex]`;
+const TABBABLE_ELEMENTS_SELECTOR = 'a[href], button, textarea, input:not([type="hidden"]):not([hidden]), [tabindex]';
 
 /** CSS selector matching element that are disabled (should not receive focus). */
-const DISABLED_SELECTOR = `[hidden], [tabindex="-1"], [disabled]:not([disabled="false"]), [aria-disabled]:not([aria-disabled="false"])`;
+const DISABLED_SELECTOR = '[hidden], [tabindex="-1"], [disabled]:not([disabled="false"]), [aria-disabled]:not([aria-disabled="false"])';
 
 const isNotDisabled = element => !element.matches(DISABLED_SELECTOR);
 function getFocusableElements(element) {
@@ -11041,7 +11053,7 @@ const useFocusWithin = _ref => {
  * This is to easily find elements that have been tempered with,
  * and not elements whose focus was already initially blocked.
  * */
-const BLOCKED_FOCUS_CLASSNAME = `focus-blocked`;
+const BLOCKED_FOCUS_CLASSNAME = 'focus-blocked';
 
 /**
  * Manage how slides must behave when visible or not.