@innovaccer/design-system 2.5.0-4 → 2.6.0

package/dist/index.js

@@ -1,8 +1,8 @@
 
   /**
-   * Generated on: 1634409812900 
+   * Generated on: 1639036106070 
    *      Package: @innovaccer/design-system
-   *      Version: v2.5.0-4
+   *      Version: v2.6.0
    *      License: MIT
    *         Docs: https://innovaccer.github.io/design-system
    */
@@ -202,46 +202,58 @@
 
       switch (format) {
         case 'dd/mm/yyyy':
-          var p = val.split('/');
-          var date = +p[0] || 1;
-          var month = +p[1] || 1;
-          var year = +p[2] || 1900;
-          return validate(date, month, year);
+          {
+            var p = val.split('/');
+            var date_1 = +p[0] || 1;
+            var month = +p[1] || 1;
+            var year = +p[2] || 1900;
+            return validate(date_1, month, year);
+          }
 
         case 'mm/dd/yyyy':
-          var p = val.split('/');
-          var date = +p[1] || 1;
-          var month = +p[0] || 1;
-          var year = +p[2] || 1900;
-          return validate(date, month, year);
+          {
+            var p = val.split('/');
+            var date_2 = +p[1] || 1;
+            var month = +p[0] || 1;
+            var year = +p[2] || 1900;
+            return validate(date_2, month, year);
+          }
 
         case 'yyyy/mm/dd':
-          var p = val.split('/');
-          var date = +p[2] || 1;
-          var month = +p[1] || 1;
-          var year = +p[0] || 1900;
-          return validate(date, month, year);
+          {
+            var p = val.split('/');
+            var date_3 = +p[2] || 1;
+            var month = +p[1] || 1;
+            var year = +p[0] || 1900;
+            return validate(date_3, month, year);
+          }
 
         case 'dd-mm-yyyy':
-          var p = val.split('-');
-          var date = +p[0] || 1;
-          var month = +p[1] || 1;
-          var year = +p[2] || 1900;
-          return validate(date, month, year);
+          {
+            var p = val.split('-');
+            var date_4 = +p[0] || 1;
+            var month = +p[1] || 1;
+            var year = +p[2] || 1900;
+            return validate(date_4, month, year);
+          }
 
         case 'mm-dd-yyyy':
-          var p = val.split('-');
-          var date = +p[1] || 1;
-          var month = +p[0] || 1;
-          var year = +p[2] || 1900;
-          return validate(date, month, year);
+          {
+            var p = val.split('-');
+            var date_5 = +p[1] || 1;
+            var month = +p[0] || 1;
+            var year = +p[2] || 1900;
+            return validate(date_5, month, year);
+          }
 
         case 'yyyy-mm-dd':
-          var p = val.split('-');
-          var date = +p[2] || 1;
-          var month = +p[1] || 1;
-          var year = +p[0] || 1900;
-          return validate(date, month, year);
+          {
+            var p = val.split('-');
+            var date_6 = +p[2] || 1;
+            var month = +p[1] || 1;
+            var year = +p[0] || 1900;
+            return validate(date_6, month, year);
+          }
 
         default:
           return false;
@@ -968,6 +980,38 @@
       size: 'regular'
     };
 
+    var isEnterKey = function isEnterKey(e) {
+      return e.key === 'Enter';
+    };
+
+    var isSpaceKey = function isSpaceKey(e) {
+      return e.key === 'Space';
+    };
+
+    var useAccessibilityProps = function useAccessibilityProps(_a) {
+      var onClick = _a.onClick,
+          _onKeyDown = _a.onKeyDown,
+          role = _a.role;
+      return __assign({}, onClick ? {
+        onClick: onClick,
+        role: role || 'button',
+        tabIndex: 0,
+        onKeyDown: function onKeyDown(e) {
+          if (_onKeyDown) {
+            _onKeyDown(e);
+
+            return;
+          }
+
+          if (isEnterKey(e) && onClick) {
+            onClick(e);
+          }
+        }
+      } : {
+        role: role
+      });
+    };
+
     var Icon = function Icon(props) {
       var _a;
 
@@ -975,8 +1019,8 @@
           className = props.className,
           name = props.name,
           size = props.size,
-          onClick = props.onClick,
           children = props.children;
+      var accessibilityProps = useAccessibilityProps(props);
       var baseProps = extractBaseProps(props);
 
       var mapper = function mapper(val) {
@@ -1006,10 +1050,10 @@
       }
 
       return /*#__PURE__*/React__namespace.createElement("i", __assign({}, baseProps, {
+        role: "alert",
         className: iconClass,
-        style: styles,
-        onClick: onClick
-      }), type ? name + "_" + type : name);
+        style: styles
+      }, accessibilityProps), type ? name + "_" + type : name);
     };
     Icon.displayName = 'Icon';
     Icon.defaultProps = {
@@ -1900,46 +1944,50 @@
             break;
 
           case 'Enter':
-            var activeElement = document.activeElement;
-
-            if (dropdownOpen && (inputRef.current === activeElement || dropdownTriggerRef.current === activeElement)) {
-              event.preventDefault();
-              var classes = withCheckbox ? optionClass + " .Checkbox-input" : optionClass;
-              var elements = document.querySelectorAll(classes);
-              var element = elements[cursor];
-              if (element) element.click();
-            }
+            {
+              var activeElement = document.activeElement;
+
+              if (dropdownOpen && (inputRef.current === activeElement || dropdownTriggerRef.current === activeElement)) {
+                event.preventDefault();
+                var classes = withCheckbox ? optionClass + " .Checkbox-input" : optionClass;
+                var elements = document.querySelectorAll(classes);
+                var element = elements[cursor];
+                if (element) element.click();
+              }
 
-            if (!dropdownOpen) onToggleDropdown(!dropdownOpen);
-            break;
+              if (!dropdownOpen) onToggleDropdown(!dropdownOpen);
+              break;
+            }
 
           case 'Tab':
-            if (!showApplyButton && dropdownOpen) {
-              event.preventDefault();
-              onToggleDropdown(false, 'onClick');
-              return;
-            }
+            {
+              if (!showApplyButton && dropdownOpen) {
+                event.preventDefault();
+                onToggleDropdown(false, 'onClick');
+                return;
+              }
 
-            var currentElement = document.activeElement;
-            var disabledApplyButton = (_a = dropdownApplyButtonRef.current) === null || _a === void 0 ? void 0 : _a.disabled;
+              var currentElement = document.activeElement;
+              var disabledApplyButton = (_a = dropdownApplyButtonRef.current) === null || _a === void 0 ? void 0 : _a.disabled;
 
-            if ((currentElement === dropdownCancelButtonRef.current && disabledApplyButton || currentElement === dropdownApplyButtonRef.current) && dropdownOpen) {
-              event.preventDefault();
-              onToggleDropdown(false, 'onClick');
-              return;
-            }
+              if ((currentElement === dropdownCancelButtonRef.current && disabledApplyButton || currentElement === dropdownApplyButtonRef.current) && dropdownOpen) {
+                event.preventDefault();
+                onToggleDropdown(false, 'onClick');
+                return;
+              }
 
-            if (showApplyButton && dropdownOpen) {
-              event.preventDefault();
+              if (showApplyButton && dropdownOpen) {
+                event.preventDefault();
 
-              if (currentElement === dropdownCancelButtonRef.current) {
-                (_b = dropdownApplyButtonRef.current) === null || _b === void 0 ? void 0 : _b.focus();
-              } else {
-                (_c = dropdownCancelButtonRef.current) === null || _c === void 0 ? void 0 : _c.focus();
+                if (currentElement === dropdownCancelButtonRef.current) {
+                  (_b = dropdownApplyButtonRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+                } else {
+                  (_c = dropdownCancelButtonRef.current) === null || _c === void 0 ? void 0 : _c.focus();
+                }
               }
-            }
 
-            break;
+              break;
+            }
         }
       };
 
@@ -3045,6 +3093,17 @@
           };
         };
 
+        _this.yearMouseOverHandler = function (year, isCurrentYear, isDisabled, ev) {
+          var onYearHover = _this.props.onYearHover;
+          var yearData = {
+            value: year,
+            year: year,
+            isCurrentYear: isCurrentYear,
+            isDisabled: isDisabled
+          };
+          if (onYearHover) onYearHover(yearData, ev);
+        };
+
         _this.selectMonth = function (month) {
           return function () {
             _this.updateState(_this.state.yearNav, month);
@@ -3055,7 +3114,28 @@
           };
         };
 
+        _this.monthMouseOverHandler = function (month, isCurrentMonth, isDisabled, ev) {
+          var months = config.months;
+          var onMonthHover = _this.props.onMonthHover;
+          var monthData = {
+            value: months[month],
+            month: months[month],
+            year: _this.state.year,
+            isCurrentMonth: isCurrentMonth,
+            isDisabled: isDisabled
+          };
+          if (onMonthHover) onMonthHover(monthData, ev);
+        };
+
         _this.selectDate = function (index, date, prevMonthDayRange, dayRange) {
+          var d = _this.calculateDate(index, date, prevMonthDayRange, dayRange, false);
+
+          _this.setState({
+            currDate: d
+          });
+        };
+
+        _this.calculateDate = function (index, date, prevMonthDayRange, dayRange, isDateHovered) {
           var neighbouringMonthIndex;
           var neighbouringMonthDate;
           var type = '';
@@ -3077,15 +3157,15 @@
               year = _a.year,
               month = _a.month;
 
-          _this.updateState(year, month, neighbouringMonthDate);
+          if (isDateHovered === false) {
+            _this.updateState(year, month, neighbouringMonthDate);
 
-          _this.onNavIconClickHandler(type)();
+            _this.onNavIconClickHandler(type)();
+          }
 
           var d = _this.getDateValue(year, month, neighbouringMonthDate);
 
-          _this.setState({
-            currDate: d
-          });
+          return d;
         };
 
         _this.onNavIconClickHandler = function (type) {
@@ -3329,7 +3409,8 @@
                 key: row + "-" + col,
                 "data-test": "DesignSystem-Calendar--yearValue",
                 className: valueClass,
-                onClick: _this.selectYear(year)
+                onClick: _this.selectYear(year),
+                onMouseOver: _this.yearMouseOverHandler.bind(_this, year, isCurrentYear(), disabled)
               }, /*#__PURE__*/React__namespace.createElement(Text, {
                 size: size === 'small' ? 'small' : 'regular',
                 appearance: active ? 'white' : disabled ? 'disabled' : isCurrentYear() ? 'link' : 'default'
@@ -3381,7 +3462,8 @@
                 key: row + "-" + col,
                 "data-test": "DesignSystem-Calendar--monthValue",
                 className: valueClass,
-                onClick: _this.selectMonth(month)
+                onClick: _this.selectMonth(month),
+                onMouseOver: _this.monthMouseOverHandler.bind(_this, month, isCurrentMonth(), disabled)
               }, /*#__PURE__*/React__namespace.createElement(Text, {
                 size: size === 'small' ? 'small' : 'regular',
                 appearance: active ? 'white' : disabled ? 'disabled' : isCurrentMonth() ? 'link' : 'default'
@@ -3438,7 +3520,8 @@
               firstDayOfWeek = _a.firstDayOfWeek,
               disabledBefore = _a.disabledBefore,
               disabledAfter = _a.disabledAfter,
-              monthsInView = _a.monthsInView;
+              monthsInView = _a.monthsInView,
+              onDateHover = _a.onDateHover;
           var _b = _this.state,
               startDate = _b.startDate,
               endDate = _b.endDate,
@@ -3462,11 +3545,7 @@
           var dummyDays = Math.abs(dayDiff);
           var noOfRows = Math.ceil((dayRange + dummyDays) / daysInRow);
 
-          if (noOfRows === 6) {
-            noOfRows = noOfRows;
-          } else if (monthsInView > 1) {
-            noOfRows = noOfRows;
-          } else {
+          if (noOfRows === 6) ; else if (monthsInView > 1) ; else {
             noOfRows = noOfRows + 1;
           }
 
@@ -3502,6 +3581,25 @@
             };
           };
 
+          var onMouseEnterHandler = function onMouseEnterHandler(date, isToday, isDisabled, ev) {
+            var d = _this.calculateDate(index, date, prevMonthDayRange, dayRange, true) || new Date();
+            var months = config.months,
+                days = config.days;
+            var dayName = days.large[d.getDay()];
+            var dateData = {
+              value: d.getDate(),
+              isToday: isToday,
+              isDisabled: isDisabled,
+              todayDate: _this.state.currDate,
+              fullDate: d,
+              date: d.getDate(),
+              month: months[d.getMonth()],
+              year: d.getFullYear(),
+              dayName: dayName
+            };
+            if (onDateHover) onDateHover(dateData, ev);
+          };
+
           return Array.from({
             length: noOfRows
           }, function (_y, row) {
@@ -3601,14 +3699,16 @@
                 "data-test": "DesignSystem-Calendar--dateValue",
                 className: valueClass,
                 onClick: onClickHandler(date),
-                onMouseOver: onMouseOverHandler(date)
+                onMouseOver: onMouseOverHandler(date),
+                onMouseEnter: onMouseEnterHandler.bind(_this, date, today(), disabled)
               }, date), isEventExist && _this.renderEventsIndicator(size, active)), (dummy && date > 0 && index === monthsInView - 1 || dummy && date <= 0 && index === 0) && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Text, {
                 appearance: active ? 'white' : disabled ? 'disabled' : today() ? 'link' : 'default',
                 size: size === 'small' ? 'small' : 'regular',
                 "data-test": "DesignSystem-Calendar--dateValue",
                 className: valueClass,
                 onClick: onClickHandler(date),
-                onMouseOver: onMouseOverHandler(date)
+                onMouseOver: onMouseOverHandler(date),
+                onMouseEnter: onMouseEnterHandler.bind(_this, date, today(), disabled)
               }, date <= 0 ? prevMonthDayRange + date : date - dayRange), isEventExist && _this.renderEventsIndicator(size, active)));
             }));
           });
@@ -4324,7 +4424,11 @@
             _a.onDateChange;
             _a.closeOnSelect;
             var size = _a.size,
-            rest = __rest(_a, ["date", "open", "position", "inputFormat", "outputFormat", "inputOptions", "validators", "withInput", "disabledBefore", "disabledAfter", "onDateChange", "closeOnSelect", "size"]);
+            _b = _a.showTodayDate,
+            showTodayDate = _b === void 0 ? true : _b,
+            _c = _a.children,
+            children = _c === void 0 ? /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null) : _c,
+            rest = __rest(_a, ["date", "open", "position", "inputFormat", "outputFormat", "inputOptions", "validators", "withInput", "disabledBefore", "disabledAfter", "onDateChange", "closeOnSelect", "size", "showTodayDate", "children"]);
 
         var date = this.state.date;
         var months = config.months;
@@ -4348,13 +4452,15 @@
           return !isTodayDateDisabled;
         };
 
-        return /*#__PURE__*/React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement(Calendar, __assign({}, rest, {
+        return /*#__PURE__*/React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement("div", {
+          className: "d-flex"
+        }, children, /*#__PURE__*/React__namespace.createElement(Calendar, __assign({}, rest, {
           size: size,
           date: currDate,
           disabledBefore: dateDisabledBefore,
           disabledAfter: dateDisabledAfter,
           onDateChange: this.onDateChangeHandler
-        })), /*#__PURE__*/React__namespace.createElement("div", {
+        }))), showTodayDate && /*#__PURE__*/React__namespace.createElement("div", {
           className: "d-flex justify-content-center pb-6",
           "data-test": "DesignSystem-Select--TodaysDate-wrapper"
         }, /*#__PURE__*/React__namespace.createElement(Chip, {
@@ -4592,7 +4698,8 @@
           var _a;
 
           return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
+        },
+        role: "presentation"
       }, inlineLabel && /*#__PURE__*/React__namespace.createElement("div", {
         className: "Input-inlineLabel"
       }, /*#__PURE__*/React__namespace.createElement(Text, {
@@ -4623,12 +4730,17 @@
         position: "top",
         tooltip: info
       }, trigger) : actionIcon && (value || defaultValue) ? actionIcon : onClear && (value || defaultValue) && /*#__PURE__*/React__namespace.createElement("div", {
-        className: rightIconClass,
+        className: rightIconClass
+      }, /*#__PURE__*/React__namespace.createElement(Icon, {
+        "data-test": "DesignSystem-Input--closeIcon",
         onClick: function onClick(e) {
-          return onClear(e);
+          var _a;
+
+          (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus({
+            preventScroll: true
+          });
+          onClear(e);
         },
-        "data-test": "DesignSystem-Input--closeIcon"
-      }, /*#__PURE__*/React__namespace.createElement(Icon, {
         name: 'close',
         size: sizeMapping$1[size]
       })));
@@ -4769,7 +4881,14 @@
           var _a;
 
           return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
+        },
+        onFocus: function onFocus() {
+          var _a;
+
+          return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
+        },
+        onKeyDown: function onKeyDown() {},
+        role: "presentation"
       }, icon && /*#__PURE__*/React__namespace.createElement(Icon, {
         "data-test": "DesignSystem-MetricInput--icon",
         name: icon,
@@ -4804,9 +4923,9 @@
         size: size,
         appearance: "subtle"
       }, suffix), /*#__PURE__*/React__namespace.createElement("div", {
-        className: "MetricInput-arrowIcons",
-        tabIndex: 0
+        className: "MetricInput-arrowIcons"
       }, /*#__PURE__*/React__namespace.createElement(Icon, {
+        tabIndex: -1,
         className: getArrowClass('up'),
         size: iconSize,
         name: "keyboard_arrow_up",
@@ -4815,6 +4934,7 @@
         },
         "data-test": "DesignSystem-MetricInput--upIcon"
       }), /*#__PURE__*/React__namespace.createElement(Icon, {
+        tabIndex: -1,
         className: getArrowClass('down'),
         size: iconSize,
         name: "keyboard_arrow_down",
@@ -5302,14 +5422,14 @@
         switch (eventType) {
           case 'edit':
             setEditing(true);
+            break;
 
           case 'hover':
             setShowComponent(true);
-            return;
+            break;
 
           case 'default':
             setShowComponent(false);
-            return;
         }
       };
 
@@ -6598,8 +6718,10 @@
       var SwitchWrapper = classNames__default["default"]((_b = {}, _b['Switch-wrapper'] = true, _b['Switch-wrapper--disabled'] = disabled, _b["Switch-wrapper--" + size] = size, _b['Switch-wrapper--checked'] = checked, _b['Switch-wrapper--checkedDisabled'] = checked && disabled, _b));
 
       var onChangeHandler = function onChangeHandler(event) {
-        if (checkedProp === undefined) setChecked(!checked);
-        if (onChange) onChange(event, !checked);
+        if (event.type == 'change' || isSpaceKey(event)) {
+          if (checkedProp === undefined) setChecked(!checked);
+          if (onChange) onChange(event, !checked);
+        }
       };
 
       return /*#__PURE__*/React__namespace.createElement("div", {
@@ -6613,7 +6735,8 @@
         ref: ref,
         name: name,
         value: value,
-        className: "Switch-input"
+        className: "Switch-input",
+        onKeyUp: onChangeHandler
       })), /*#__PURE__*/React__namespace.createElement("span", {
         className: SwitchWrapper
       }));
@@ -8908,15 +9031,23 @@
 
         switch (eventType) {
           case 'edit':
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            setEditing(true);
+            {
+              (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+              setEditing(true);
+              setShowComponent(true);
+              break;
+            }
 
           case 'hover':
-            setShowComponent(true);
-            return;
+            {
+              setShowComponent(true);
+              break;
+            }
 
           case 'default':
-            setShowComponent(false);
+            {
+              setShowComponent(false);
+            }
         }
       };
 
@@ -9066,14 +9197,21 @@
       var onChangeHandler = function onChangeHandler(eventType) {
         switch (eventType) {
           case 'edit':
-            setShowComponent(true);
+            {
+              setShowComponent(true);
+              break;
+            }
 
           case 'hover':
-            return;
+            {
+              break;
+            }
 
           case 'default':
-            setShowComponent(false);
-            return;
+            {
+              setShowComponent(false);
+              break;
+            }
         }
       };
 
@@ -12380,10 +12518,10 @@
               length = _this$props2.length,
               buffer = _this$props2.buffer;
               _this$props2.offset;
-              _this$props2.renderItem;
+              _this$props2.renderItems;
               _this$props2.minItemHeight;
               var forwardRef = _this$props2.forwardRef,
-              rest = _objectWithoutProperties(_this$props2, ["totalLength", "length", "buffer", "offset", "renderItem", "minItemHeight", "forwardRef"]);
+              rest = _objectWithoutProperties(_this$props2, ["totalLength", "length", "buffer", "offset", "renderItems", "minItemHeight", "forwardRef"]);
 
           var _this$state = this.state,
               init = _this$state.init,
@@ -12427,6 +12565,7 @@
 
     var index = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
       return /*#__PURE__*/React__namespace.createElement(VirtualScroll, _extends({
+        key: props.totalLength,
         forwardRef: ref
       }, props));
     });
@@ -13778,6 +13917,7 @@
         }, headerAttr), headerChildren)), /*#__PURE__*/React__namespace.createElement("div", {
           className: "Table-grid"
         }, /*#__PURE__*/React__namespace.createElement(Grid, __assign({}, this.state, {
+          key: this.state.searchTerm,
           updateData: this.updateData,
           updateSchema: this.updateSchema,
           updateSortingList: this.updateSortingList,
@@ -14332,54 +14472,62 @@
 
         switch (e.key) {
           case KEY_CODE.backspace:
-            e.preventDefault();
+            {
+              e.preventDefault();
 
-            var vals = __spreadArrays(values);
+              var vals = __spreadArrays(values);
 
-            if (values[index]) {
-              vals[index] = '';
-              setValues(vals);
-            } else if (prev && prev.current) {
-              vals[prevIndex] = '';
-              prev.current.focus({
-                preventScroll: true
-              });
-              setValues(vals);
-            }
+              if (values[index]) {
+                vals[index] = '';
+                setValues(vals);
+              } else if (prev && prev.current) {
+                vals[prevIndex] = '';
+                prev.current.focus({
+                  preventScroll: true
+                });
+                setValues(vals);
+              }
 
-            break;
+              break;
+            }
 
           case KEY_CODE.left:
-            e.preventDefault();
+            {
+              e.preventDefault();
 
-            if (prev && prev.current) {
-              prev.current.focus({
-                preventScroll: true
-              });
-            }
+              if (prev && prev.current) {
+                prev.current.focus({
+                  preventScroll: true
+                });
+              }
 
-            break;
+              break;
+            }
 
           case KEY_CODE.right:
-            e.preventDefault();
+            {
+              e.preventDefault();
 
-            if (nextRef && nextRef.current) {
-              nextRef.current.focus({
-                preventScroll: true
-              });
-            }
+              if (nextRef && nextRef.current) {
+                nextRef.current.focus({
+                  preventScroll: true
+                });
+              }
 
-            break;
+              break;
+            }
 
           case KEY_CODE.up:
           case KEY_CODE.down:
           case KEY_CODE.e:
           case KEY_CODE.E:
-            if (type === 'number') {
-              e.preventDefault();
-            }
+            {
+              if (type === 'number') {
+                e.preventDefault();
+              }
 
-            break;
+              break;
+            }
         }
       };
 
@@ -14438,10 +14586,10 @@
         name: IconMapping[appearance],
         appearance: appearance,
         className: IconClass
-      }), /*#__PURE__*/React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement(Text, {
+      }), /*#__PURE__*/React__namespace.createElement(Text, {
         "data-test": "DesignSystem-InlineMessage--Description",
         className: DescriptionClass
-      }, description)));
+      }, description));
     };
     InlineMessage.displayName = 'InlineMessage';
     InlineMessage.defaultProps = {
@@ -14552,7 +14700,7 @@
       return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("fieldset", {
         className: ChoiceListClass,
         "data-test": "DesignSystem-ChoiceList-Wrapper"
-      }, title && title.trim() && /*#__PURE__*/React__namespace.createElement(Label, null, title.trim()), !!allowMultiple ? /*#__PURE__*/React__namespace.createElement("div", {
+      }, title && title.trim() && /*#__PURE__*/React__namespace.createElement(Label, null, title.trim()), allowMultiple ? /*#__PURE__*/React__namespace.createElement("div", {
         className: "" + (alignment === 'horizontal' ? ChoiceHorizontalClass : ChoiceListVerticalClass)
       }, renderCheckbox(choices, handleOnChange, disabled, size, alignment, selected)) : /*#__PURE__*/React__namespace.createElement("div", {
         className: "" + (alignment === 'horizontal' ? ChoiceHorizontalClass : ChoiceListVerticalClass)
@@ -14566,7 +14714,27 @@
       disabled: false
     };
 
-    var version = "2.5.0-4";
+    var Divider = function Divider(props) {
+      var _a;
+
+      var vertical = props.vertical,
+          appearance = props.appearance,
+          className = props.className;
+      var baseProps = extractBaseProps(props);
+      var DividerClass = classNames__default["default"]((_a = {}, _a['Divider'] = true, _a['Divider--horizontal'] = !vertical, _a['Divider--vertical'] = vertical, _a['Divider--basic'] = appearance !== 'header', _a['Divider--header'] = !vertical && appearance === 'header', _a), className);
+      return /*#__PURE__*/React__namespace.createElement("hr", __assign({
+        "data-test": "DesignSystem-Divider"
+      }, baseProps, {
+        className: DividerClass
+      }));
+    };
+    Divider.displayName = 'Divider';
+    Divider.defaultProps = {
+      appearance: 'basic',
+      vertical: false
+    };
+
+    var version = "2.6.0";
 
     exports.Avatar = Avatar;
     exports.AvatarGroup = AvatarGroup;
@@ -14592,6 +14760,7 @@
     exports.DatePicker = DatePicker;
     exports.DateRangePicker = DateRangePicker;
     exports.Dialog = Dialog;
+    exports.Divider = Divider;
     exports.Dropdown = Dropdown;
     exports.Dropzone = Dropzone;
     exports.EditableChipInput = EditableChipInput;