@kaizen/components 1.77.4 → 1.78.1

package/dist/cjs/src/Calendar/CalendarRange/CalendarRange.cjs

@@ -38,12 +38,11 @@ var CalendarRange = function (_a) {
   /* eslint-disable camelcase */
   var classNames = tslib.__assign(tslib.__assign({}, baseCalendarClassNames.baseCalendarClassNames), {
     month: hasDivider ? CalendarRange_module.monthWithDivider : CalendarRange_module.month,
-    caption_end: CalendarRange_module.captionEnd,
-    caption_start: CalendarRange_module.captionStart,
     nav: CalendarRange_module.nav,
-    day_range_start: CalendarRange_module.dayRangeStart,
-    day_range_end: CalendarRange_module.dayRangeEnd,
-    day_range_middle: CalendarRange_module.dayRangeMiddle
+    range_start: CalendarRange_module.dayRangeStart,
+    range_end: CalendarRange_module.dayRangeEnd,
+    range_middle: CalendarRange_module.dayRangeMiddle,
+    hidden: CalendarRange_module.hidden
   });
   /* eslint-enable camelcase */
   return React__default.default.createElement("div", {
@@ -56,19 +55,19 @@ var CalendarRange = function (_a) {
     defaultMonth: selectedMonth,
     classNames: classNames,
     components: {
-      IconRight: function () {
+      Chevron: function (props) {
+        if (props.orientation === 'left') {
+          return React__default.default.createElement(Icon.Icon, {
+            name: "arrow_back",
+            isPresentational: true,
+            shouldMirrorInRTL: true
+          });
+        }
         return React__default.default.createElement(Icon.Icon, {
           name: "arrow_forward",
           isPresentational: true,
           shouldMirrorInRTL: true
         });
-      },
-      IconLeft: function () {
-        return React__default.default.createElement(Icon.Icon, {
-          name: "arrow_back",
-          isPresentational: true,
-          shouldMirrorInRTL: true
-        });
       }
     },
     numberOfMonths: numberOfMonths,

package/dist/cjs/src/Calendar/CalendarRange/CalendarRange.module.scss.cjs

@@ -4,10 +4,9 @@ var styles = {
   "month": "CalendarRange-module_month__un61w",
   "monthWithDivider": "CalendarRange-module_monthWithDivider__JY-56",
   "nav": "CalendarRange-module_nav__OtaVb",
-  "captionEnd": "CalendarRange-module_captionEnd__GSLQO",
-  "captionStart": "CalendarRange-module_captionStart__K5hlF",
   "dayRangeStart": "CalendarRange-module_dayRangeStart__TwdDT",
   "dayRangeEnd": "CalendarRange-module_dayRangeEnd__y6dEB",
-  "dayRangeMiddle": "CalendarRange-module_dayRangeMiddle__SybKY"
+  "dayRangeMiddle": "CalendarRange-module_dayRangeMiddle__SybKY",
+  "hidden": "CalendarRange-module_hidden__D47kb"
 };
 module.exports = styles;

package/dist/cjs/src/Calendar/CalendarSingle/CalendarSingle.cjs

@@ -49,19 +49,19 @@ var CalendarSingle = function (_a) {
     weekStartsOn: isValidWeekStartsOn.isValidWeekStartsOn(weekStartsOn) ? weekStartsOn : undefined,
     classNames: classNames,
     components: {
-      IconRight: function () {
+      Chevron: function (props) {
+        if (props.orientation === 'left') {
+          return React__default.default.createElement(Icon.Icon, {
+            name: "arrow_back",
+            isPresentational: true,
+            shouldMirrorInRTL: true
+          });
+        }
         return React__default.default.createElement(Icon.Icon, {
           name: "arrow_forward",
           isPresentational: true,
           shouldMirrorInRTL: true
         });
-      },
-      IconLeft: function () {
-        return React__default.default.createElement(Icon.Icon, {
-          name: "arrow_back",
-          isPresentational: true,
-          shouldMirrorInRTL: true
-        });
       }
     },
     locale: locale$1

package/dist/cjs/src/Calendar/LegacyCalendarRange/LegacyCalendarRange.cjs

@@ -31,10 +31,9 @@ var LegacyCalendarRange = function (_a) {
   /* eslint-disable camelcase */
   var classNames = tslib.__assign(tslib.__assign({}, baseCalendarClassNames.baseCalendarClassNames), {
     nav: LegacyCalendarRange_module.nav,
-    nav_button_next: LegacyCalendarRange_module.navButtonNext,
-    day_range_start: LegacyCalendarRange_module.dayRangeStart,
-    day_range_end: LegacyCalendarRange_module.dayRangeEnd,
-    day_range_middle: LegacyCalendarRange_module.dayRangeMiddle
+    range_start: LegacyCalendarRange_module.dayRangeStart,
+    range_end: LegacyCalendarRange_module.dayRangeEnd,
+    range_middle: LegacyCalendarRange_module.dayRangeMiddle
   });
   /* eslint-enable camelcase */
   return React__default.default.createElement("div", {
@@ -48,19 +47,19 @@ var LegacyCalendarRange = function (_a) {
     onDayClick: onDayChange,
     classNames: classNames,
     components: {
-      IconRight: function () {
+      Chevron: function (props) {
+        if (props.orientation === 'left') {
+          return React__default.default.createElement(Icon.Icon, {
+            name: "arrow_back",
+            isPresentational: true,
+            shouldMirrorInRTL: true
+          });
+        }
         return React__default.default.createElement(Icon.Icon, {
           name: "arrow_forward",
           isPresentational: true,
           shouldMirrorInRTL: true
         });
-      },
-      IconLeft: function () {
-        return React__default.default.createElement(Icon.Icon, {
-          name: "arrow_back",
-          isPresentational: true,
-          shouldMirrorInRTL: true
-        });
       }
     },
     locale: locale

package/dist/cjs/src/Calendar/LegacyCalendarRange/LegacyCalendarRange.module.scss.cjs

@@ -2,7 +2,6 @@
 
 var styles = {
   "nav": "LegacyCalendarRange-module_nav__DsZpy",
-  "navButtonNext": "LegacyCalendarRange-module_navButtonNext__hwYN9",
   "dayRangeStart": "LegacyCalendarRange-module_dayRangeStart__vRr5P",
   "dayRangeEnd": "LegacyCalendarRange-module_dayRangeEnd__PfuWy",
   "dayRangeMiddle": "LegacyCalendarRange-module_dayRangeMiddle__M27gR"

package/dist/cjs/src/Calendar/baseCalendarClassNames.cjs

@@ -2,21 +2,19 @@
 
 var baseCalendarClassNames_module = require('./baseCalendarClassNames.module.scss.cjs');
 var baseCalendarClassNames = {
-  vhidden: baseCalendarClassNames_module.vHidden,
   root: baseCalendarClassNames_module.root,
   months: baseCalendarClassNames_module.months,
-  button_reset: baseCalendarClassNames_module.buttonReset,
-  button: baseCalendarClassNames_module.button,
-  caption: baseCalendarClassNames_module.caption,
+  day_button: "".concat(baseCalendarClassNames_module.buttonReset, " ").concat(baseCalendarClassNames_module.button, " ").concat(baseCalendarClassNames_module.day),
+  button_next: "".concat(baseCalendarClassNames_module.buttonReset, " ").concat(baseCalendarClassNames_module.button, " ").concat(baseCalendarClassNames_module.navButton),
+  button_previous: "".concat(baseCalendarClassNames_module.buttonReset, " ").concat(baseCalendarClassNames_module.button, " ").concat(baseCalendarClassNames_module.navButton),
+  day: baseCalendarClassNames_module.cell,
+  month_caption: baseCalendarClassNames_module.caption,
   caption_label: baseCalendarClassNames_module.captionLabel,
-  nav_button: baseCalendarClassNames_module.navButton,
-  table: baseCalendarClassNames_module.table,
-  head_cell: baseCalendarClassNames_module.weekday,
-  cell: baseCalendarClassNames_module.cell,
-  day: baseCalendarClassNames_module.day,
-  tbody: baseCalendarClassNames_module.tbody,
-  day_selected: baseCalendarClassNames_module.daySelected,
-  day_today: baseCalendarClassNames_module.dayToday,
-  day_disabled: baseCalendarClassNames_module.dayDisabled
+  month_grid: baseCalendarClassNames_module.table,
+  weekday: baseCalendarClassNames_module.weekday,
+  weeks: baseCalendarClassNames_module.tbody,
+  selected: baseCalendarClassNames_module.daySelected,
+  today: baseCalendarClassNames_module.dayToday,
+  disabled: baseCalendarClassNames_module.dayDisabled
 };
 exports.baseCalendarClassNames = baseCalendarClassNames;

package/dist/cjs/src/Calendar/baseCalendarClassNames.module.scss.cjs

@@ -15,7 +15,6 @@ var calendarStyles = {
   "cell": "baseCalendarClassNames-module_cell__FvWK0",
   "dayToday": "baseCalendarClassNames-module_dayToday__-TPUa",
   "daySelected": "baseCalendarClassNames-module_daySelected__R3ujV",
-  "dayDisabled": "baseCalendarClassNames-module_dayDisabled__uQzJ-",
-  "vHidden": "baseCalendarClassNames-module_vHidden__egm49"
+  "dayDisabled": "baseCalendarClassNames-module_dayDisabled__uQzJ-"
 };
 module.exports = calendarStyles;

package/dist/cjs/src/Calendar/utils/setFocusInCalendar.cjs

@@ -2,12 +2,13 @@
 
 var baseCalendarClassNames_module = require('../baseCalendarClassNames.module.scss.cjs');
 var isInvalidDate = require('./isInvalidDate.cjs');
-var isHTMLElement = function (element) {
-  return element instanceof HTMLElement;
-};
 var setFocusInCalendar = function (calendarElement, selectedDay) {
-  var daySelectedOrToday = calendarElement.getElementsByClassName(selectedDay && !isInvalidDate.isInvalidDate(selectedDay) ? baseCalendarClassNames_module.daySelected : baseCalendarClassNames_module.dayToday)[0];
-  var dayToFocus = daySelectedOrToday !== null && daySelectedOrToday !== void 0 ? daySelectedOrToday : calendarElement.getElementsByClassName(baseCalendarClassNames_module.day)[0];
-  if (isHTMLElement(dayToFocus)) dayToFocus.focus();
+  var dayClass = selectedDay && !isInvalidDate.isInvalidDate(selectedDay) ? ".".concat(baseCalendarClassNames_module.daySelected) : ".".concat(baseCalendarClassNames_module.dayToday);
+  var dayToFocus = calendarElement.querySelector("".concat(dayClass, " button"));
+  // RDP v9 puts the day class on the button inside the table cell whereas today and selected appear on the table cell
+  dayToFocus !== null && dayToFocus !== void 0 ? dayToFocus : dayToFocus = calendarElement.querySelector(".".concat(baseCalendarClassNames_module.day));
+  if (dayToFocus instanceof HTMLElement) {
+    dayToFocus.focus();
+  }
 };
 exports.setFocusInCalendar = setFocusInCalendar;

package/dist/cjs/src/Filter/FilterBar/subcomponents/FilterBarSelect/FilterBarSelect.cjs

@@ -57,7 +57,7 @@ var FilterBarSelect = function (_a) {
       }));
     },
     onSelectionChange: function (key) {
-      updateValue(id, key);
+      updateValue(id, key !== null && key !== void 0 ? key : undefined);
       onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(key);
     },
     isOpen: filterState.isOpen,

package/dist/esm/src/Calendar/CalendarRange/CalendarRange.mjs

@@ -31,12 +31,11 @@ const CalendarRange = /*#__PURE__*/function () {
     /* eslint-disable camelcase */
     var classNames = __assign(__assign({}, baseCalendarClassNames), {
       month: hasDivider ? styles.monthWithDivider : styles.month,
-      caption_end: styles.captionEnd,
-      caption_start: styles.captionStart,
       nav: styles.nav,
-      day_range_start: styles.dayRangeStart,
-      day_range_end: styles.dayRangeEnd,
-      day_range_middle: styles.dayRangeMiddle
+      range_start: styles.dayRangeStart,
+      range_end: styles.dayRangeEnd,
+      range_middle: styles.dayRangeMiddle,
+      hidden: styles.hidden
     });
     /* eslint-enable camelcase */
     return /*#__PURE__*/React.createElement("div", {
@@ -49,19 +48,19 @@ const CalendarRange = /*#__PURE__*/function () {
       defaultMonth: selectedMonth,
       classNames: classNames,
       components: {
-        IconRight: function () {
+        Chevron: function (props) {
+          if (props.orientation === 'left') {
+            return /*#__PURE__*/React.createElement(Icon, {
+              name: "arrow_back",
+              isPresentational: true,
+              shouldMirrorInRTL: true
+            });
+          }
           return /*#__PURE__*/React.createElement(Icon, {
             name: "arrow_forward",
             isPresentational: true,
             shouldMirrorInRTL: true
           });
-        },
-        IconLeft: function () {
-          return /*#__PURE__*/React.createElement(Icon, {
-            name: "arrow_back",
-            isPresentational: true,
-            shouldMirrorInRTL: true
-          });
         }
       },
       numberOfMonths: numberOfMonths,

package/dist/esm/src/Calendar/CalendarRange/CalendarRange.module.scss.mjs

@@ -2,10 +2,9 @@ var styles = {
   "month": "CalendarRange-module_month__un61w",
   "monthWithDivider": "CalendarRange-module_monthWithDivider__JY-56",
   "nav": "CalendarRange-module_nav__OtaVb",
-  "captionEnd": "CalendarRange-module_captionEnd__GSLQO",
-  "captionStart": "CalendarRange-module_captionStart__K5hlF",
   "dayRangeStart": "CalendarRange-module_dayRangeStart__TwdDT",
   "dayRangeEnd": "CalendarRange-module_dayRangeEnd__y6dEB",
-  "dayRangeMiddle": "CalendarRange-module_dayRangeMiddle__SybKY"
+  "dayRangeMiddle": "CalendarRange-module_dayRangeMiddle__SybKY",
+  "hidden": "CalendarRange-module_hidden__D47kb"
 };
 export { styles as default };

package/dist/esm/src/Calendar/CalendarSingle/CalendarSingle.mjs

@@ -42,19 +42,19 @@ const CalendarSingle = /*#__PURE__*/function () {
       weekStartsOn: isValidWeekStartsOn(weekStartsOn) ? weekStartsOn : undefined,
       classNames: classNames,
       components: {
-        IconRight: function () {
+        Chevron: function (props) {
+          if (props.orientation === 'left') {
+            return /*#__PURE__*/React.createElement(Icon, {
+              name: "arrow_back",
+              isPresentational: true,
+              shouldMirrorInRTL: true
+            });
+          }
           return /*#__PURE__*/React.createElement(Icon, {
             name: "arrow_forward",
             isPresentational: true,
             shouldMirrorInRTL: true
           });
-        },
-        IconLeft: function () {
-          return /*#__PURE__*/React.createElement(Icon, {
-            name: "arrow_back",
-            isPresentational: true,
-            shouldMirrorInRTL: true
-          });
         }
       },
       locale: locale

package/dist/esm/src/Calendar/LegacyCalendarRange/LegacyCalendarRange.mjs

@@ -24,10 +24,9 @@ const LegacyCalendarRange = /*#__PURE__*/function () {
     /* eslint-disable camelcase */
     var classNames = __assign(__assign({}, baseCalendarClassNames), {
       nav: styles.nav,
-      nav_button_next: styles.navButtonNext,
-      day_range_start: styles.dayRangeStart,
-      day_range_end: styles.dayRangeEnd,
-      day_range_middle: styles.dayRangeMiddle
+      range_start: styles.dayRangeStart,
+      range_end: styles.dayRangeEnd,
+      range_middle: styles.dayRangeMiddle
     });
     /* eslint-enable camelcase */
     return /*#__PURE__*/React.createElement("div", {
@@ -41,19 +40,19 @@ const LegacyCalendarRange = /*#__PURE__*/function () {
       onDayClick: onDayChange,
       classNames: classNames,
       components: {
-        IconRight: function () {
+        Chevron: function (props) {
+          if (props.orientation === 'left') {
+            return /*#__PURE__*/React.createElement(Icon, {
+              name: "arrow_back",
+              isPresentational: true,
+              shouldMirrorInRTL: true
+            });
+          }
           return /*#__PURE__*/React.createElement(Icon, {
             name: "arrow_forward",
             isPresentational: true,
             shouldMirrorInRTL: true
           });
-        },
-        IconLeft: function () {
-          return /*#__PURE__*/React.createElement(Icon, {
-            name: "arrow_back",
-            isPresentational: true,
-            shouldMirrorInRTL: true
-          });
         }
       },
       locale: locale

package/dist/esm/src/Calendar/LegacyCalendarRange/LegacyCalendarRange.module.scss.mjs

@@ -1,6 +1,5 @@
 var styles = {
   "nav": "LegacyCalendarRange-module_nav__DsZpy",
-  "navButtonNext": "LegacyCalendarRange-module_navButtonNext__hwYN9",
   "dayRangeStart": "LegacyCalendarRange-module_dayRangeStart__vRr5P",
   "dayRangeEnd": "LegacyCalendarRange-module_dayRangeEnd__PfuWy",
   "dayRangeMiddle": "LegacyCalendarRange-module_dayRangeMiddle__M27gR"

package/dist/esm/src/Calendar/baseCalendarClassNames.mjs

@@ -1,20 +1,18 @@
 import calendarStyles from './baseCalendarClassNames.module.scss.mjs';
 var baseCalendarClassNames = {
-  vhidden: calendarStyles.vHidden,
   root: calendarStyles.root,
   months: calendarStyles.months,
-  button_reset: calendarStyles.buttonReset,
-  button: calendarStyles.button,
-  caption: calendarStyles.caption,
+  day_button: "".concat(calendarStyles.buttonReset, " ").concat(calendarStyles.button, " ").concat(calendarStyles.day),
+  button_next: "".concat(calendarStyles.buttonReset, " ").concat(calendarStyles.button, " ").concat(calendarStyles.navButton),
+  button_previous: "".concat(calendarStyles.buttonReset, " ").concat(calendarStyles.button, " ").concat(calendarStyles.navButton),
+  day: calendarStyles.cell,
+  month_caption: calendarStyles.caption,
   caption_label: calendarStyles.captionLabel,
-  nav_button: calendarStyles.navButton,
-  table: calendarStyles.table,
-  head_cell: calendarStyles.weekday,
-  cell: calendarStyles.cell,
-  day: calendarStyles.day,
-  tbody: calendarStyles.tbody,
-  day_selected: calendarStyles.daySelected,
-  day_today: calendarStyles.dayToday,
-  day_disabled: calendarStyles.dayDisabled
+  month_grid: calendarStyles.table,
+  weekday: calendarStyles.weekday,
+  weeks: calendarStyles.tbody,
+  selected: calendarStyles.daySelected,
+  today: calendarStyles.dayToday,
+  disabled: calendarStyles.dayDisabled
 };
 export { baseCalendarClassNames };

package/dist/esm/src/Calendar/baseCalendarClassNames.module.scss.mjs

@@ -13,7 +13,6 @@ var calendarStyles = {
   "cell": "baseCalendarClassNames-module_cell__FvWK0",
   "dayToday": "baseCalendarClassNames-module_dayToday__-TPUa",
   "daySelected": "baseCalendarClassNames-module_daySelected__R3ujV",
-  "dayDisabled": "baseCalendarClassNames-module_dayDisabled__uQzJ-",
-  "vHidden": "baseCalendarClassNames-module_vHidden__egm49"
+  "dayDisabled": "baseCalendarClassNames-module_dayDisabled__uQzJ-"
 };
 export { calendarStyles as default };

package/dist/esm/src/Calendar/utils/setFocusInCalendar.mjs

@@ -1,11 +1,12 @@
 import calendarStyles from '../baseCalendarClassNames.module.scss.mjs';
 import { isInvalidDate } from './isInvalidDate.mjs';
-var isHTMLElement = function (element) {
-  return element instanceof HTMLElement;
-};
 var setFocusInCalendar = function (calendarElement, selectedDay) {
-  var daySelectedOrToday = calendarElement.getElementsByClassName(selectedDay && !isInvalidDate(selectedDay) ? calendarStyles.daySelected : calendarStyles.dayToday)[0];
-  var dayToFocus = daySelectedOrToday !== null && daySelectedOrToday !== void 0 ? daySelectedOrToday : calendarElement.getElementsByClassName(calendarStyles.day)[0];
-  if (isHTMLElement(dayToFocus)) dayToFocus.focus();
+  var dayClass = selectedDay && !isInvalidDate(selectedDay) ? ".".concat(calendarStyles.daySelected) : ".".concat(calendarStyles.dayToday);
+  var dayToFocus = calendarElement.querySelector("".concat(dayClass, " button"));
+  // RDP v9 puts the day class on the button inside the table cell whereas today and selected appear on the table cell
+  dayToFocus !== null && dayToFocus !== void 0 ? dayToFocus : dayToFocus = calendarElement.querySelector(".".concat(calendarStyles.day));
+  if (dayToFocus instanceof HTMLElement) {
+    dayToFocus.focus();
+  }
 };
 export { setFocusInCalendar };

package/dist/esm/src/Filter/FilterBar/subcomponents/FilterBarSelect/FilterBarSelect.mjs

@@ -50,7 +50,7 @@ const FilterBarSelect = /*#__PURE__*/function () {
         }));
       },
       onSelectionChange: function (key) {
-        updateValue(id, key);
+        updateValue(id, key !== null && key !== void 0 ? key : undefined);
         onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(key);
       },
       isOpen: filterState.isOpen,