carbon-react 104.54.3 → 104.56.0

package/esm/__internal__/checkable-input/hidden-checkable-input.component.d.ts

@@ -1,5 +1,5 @@
 declare var _default: React.MemoExoticComponent<{
-    ({ name, checked, type, value, inputRef, onChange, autoFocus, ...props }: {
+    ({ name, checked, type, value, inputRef, onChange, autoFocus, role, ...props }: {
         [x: string]: any;
         name: any;
         checked: any;
@@ -8,6 +8,7 @@ declare var _default: React.MemoExoticComponent<{
         inputRef: any;
         onChange: any;
         autoFocus: any;
+        role: any;
     }): JSX.Element;
     propTypes: {
         /** Allows component to be focused on page load */
@@ -28,6 +29,8 @@ declare var _default: React.MemoExoticComponent<{
         onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
         /** HTML type attribute of the input */
         type: PropTypes.Validator<string>;
+        /** Role attribute of the input */
+        role: PropTypes.Requireable<string>;
         /** Value of the input */
         value: PropTypes.Requireable<string>;
         /** A callback to retrieve the input reference */

package/esm/__internal__/checkable-input/hidden-checkable-input.component.js

@@ -13,6 +13,7 @@ const HiddenCheckableInput = ({
   inputRef,
   onChange,
   autoFocus,
+  role,
   ...props
 }) => {
   const {
@@ -57,7 +58,7 @@ const HiddenCheckableInput = ({
     "aria-checked": checked,
     checked: checked,
     name: name,
-    role: type,
+    role: role || type,
     type: type,
     value: value
   }, props, {
@@ -98,6 +99,9 @@ HiddenCheckableInput.propTypes = {
   /** HTML type attribute of the input */
   type: PropTypes.string.isRequired,
 
+  /** Role attribute of the input */
+  role: PropTypes.string,
+
   /** Value of the input */
   value: PropTypes.string,
 

package/esm/__internal__/checkable-input/hidden-checkable-input.d.ts

@@ -31,6 +31,8 @@ export interface HiddenCheckableInputProps
   extends CommonHiddenCheckableInputProps {
   /** HTML type attribute of the input */
   type: string;
+  /** Role attribute of the input */
+  role?: string;
 }
 
 declare function HiddenCheckableInput(

package/esm/components/modal/__internal__/modal-manager.d.ts

@@ -1,9 +1,9 @@
 export default ModalManager;
-declare const ModalManager: ModalManagerInstance;
-declare class ModalManagerInstance {
+export class ModalManagerInstance {
     addModal: (modal: any, setTriggerRefocusFlag: any) => void;
     isTopmost(modal: any): boolean;
     removeModal(modal: any): void;
     clearList(): void;
     #private;
 }
+declare const ModalManager: ModalManagerInstance;

package/esm/components/modal/__internal__/modal-manager.js

@@ -6,17 +6,17 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
-
-function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
-
 function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 
 function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
 
+function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
+
+function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
+
 function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
 
-function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
+function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
 
 var _modalList = /*#__PURE__*/new WeakMap();
 
@@ -30,7 +30,7 @@ let ModalManagerInstance = /*#__PURE__*/function () {
 
     _modalList.set(this, {
       writable: true,
-      value: []
+      value: void 0
     });
 
     _defineProperty(this, "addModal", (modal, setTriggerRefocusFlag) => {
@@ -48,6 +48,14 @@ let ModalManagerInstance = /*#__PURE__*/function () {
         setTriggerRefocusFlag
       });
     });
+
+    // Due to possibility of multiple carbon versions using it
+    // it is necessary to maintain same structure in this global variable
+    if (!window.__CARBON_INTERNALS_MODAL_LIST) {
+      window.__CARBON_INTERNALS_MODAL_LIST = [];
+    }
+
+    _classPrivateFieldSet(this, _modalList, window.__CARBON_INTERNALS_MODAL_LIST);
   }
 
   _createClass(ModalManagerInstance, [{
@@ -91,7 +99,9 @@ let ModalManagerInstance = /*#__PURE__*/function () {
   }, {
     key: "clearList",
     value: function clearList() {
-      _classPrivateFieldSet(this, _modalList, []);
+      window.__CARBON_INTERNALS_MODAL_LIST = [];
+
+      _classPrivateFieldSet(this, _modalList, window.__CARBON_INTERNALS_MODAL_LIST);
     }
   }]);
 
@@ -107,4 +117,5 @@ function _getTopModal2() {
 }
 
 const ModalManager = new ModalManagerInstance();
+export { ModalManagerInstance };
 export default ModalManager;

package/esm/components/select/filterable-select/filterable-select.component.js

@@ -414,8 +414,6 @@ const FilterableSelect = /*#__PURE__*/React.forwardRef(({
     flipEnabled: flipEnabled
   }, children);
   return /*#__PURE__*/React.createElement(StyledSelect, _extends({
-    "aria-expanded": isOpen,
-    "aria-haspopup": "listbox",
     ref: containerRef,
     hasTextCursor: true,
     readOnly: readOnly,

package/esm/components/select/multi-select/multi-select.component.js

@@ -427,8 +427,6 @@ const MultiSelect = /*#__PURE__*/React.forwardRef(({
     multiselectValues: selectedValue
   }, children);
   return /*#__PURE__*/React.createElement(StyledSelectMultiSelect, _extends({
-    "aria-expanded": isOpen,
-    "aria-haspopup": "listbox",
     disabled: disabled,
     readOnly: readOnly,
     hasTextCursor: true,

package/esm/components/select/select-textbox/select-textbox.component.js

@@ -137,7 +137,7 @@ const SelectTextbox = ({
 
     const ariaLabelledby = hasTextCursor ? joinIds(labelId, accessibilityLabelId) : joinIds(labelId, textId.current);
     return {
-      "aria-expanded": isOpen,
+      "aria-expanded": readOnly ? undefined : isOpen,
       "aria-labelledby": ariaLabelledby || undefined,
       "aria-activedescendant": activeDescendantId,
       "aria-controls": ariaControls,

package/esm/components/select/simple-select/simple-select.component.js

@@ -340,8 +340,6 @@ const SimpleSelect = /*#__PURE__*/React.forwardRef(({
     transparent: transparent,
     disabled: disabled,
     readOnly: readOnly,
-    "aria-expanded": isOpen,
-    "aria-haspopup": "listbox",
     "data-component": dataComponent,
     "data-role": dataRole,
     "data-element": dataElement,

package/esm/components/switch/switch.component.js

@@ -96,6 +96,7 @@ const Switch = ({
     labelHelp,
     value,
     type: "checkbox",
+    role: "switch",
     reverse: !reverse,
     // switched to preserve backward compatibility
     validationOnLabel: shouldValidationBeOnLabel && !disabled,

package/lib/__internal__/checkable-input/hidden-checkable-input.component.d.ts

@@ -1,5 +1,5 @@
 declare var _default: React.MemoExoticComponent<{
-    ({ name, checked, type, value, inputRef, onChange, autoFocus, ...props }: {
+    ({ name, checked, type, value, inputRef, onChange, autoFocus, role, ...props }: {
         [x: string]: any;
         name: any;
         checked: any;
@@ -8,6 +8,7 @@ declare var _default: React.MemoExoticComponent<{
         inputRef: any;
         onChange: any;
         autoFocus: any;
+        role: any;
     }): JSX.Element;
     propTypes: {
         /** Allows component to be focused on page load */
@@ -28,6 +29,8 @@ declare var _default: React.MemoExoticComponent<{
         onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
         /** HTML type attribute of the input */
         type: PropTypes.Validator<string>;
+        /** Role attribute of the input */
+        role: PropTypes.Requireable<string>;
         /** Value of the input */
         value: PropTypes.Requireable<string>;
         /** A callback to retrieve the input reference */

package/lib/__internal__/checkable-input/hidden-checkable-input.component.js

@@ -29,6 +29,7 @@ const HiddenCheckableInput = ({
   inputRef,
   onChange,
   autoFocus,
+  role,
   ...props
 }) => {
   const {
@@ -73,7 +74,7 @@ const HiddenCheckableInput = ({
     "aria-checked": checked,
     checked: checked,
     name: name,
-    role: type,
+    role: role || type,
     type: type,
     value: value
   }, props, {
@@ -114,6 +115,9 @@ HiddenCheckableInput.propTypes = {
   /** HTML type attribute of the input */
   type: _propTypes.default.string.isRequired,
 
+  /** Role attribute of the input */
+  role: _propTypes.default.string,
+
   /** Value of the input */
   value: _propTypes.default.string,
 

package/lib/__internal__/checkable-input/hidden-checkable-input.d.ts

@@ -31,6 +31,8 @@ export interface HiddenCheckableInputProps
   extends CommonHiddenCheckableInputProps {
   /** HTML type attribute of the input */
   type: string;
+  /** Role attribute of the input */
+  role?: string;
 }
 
 declare function HiddenCheckableInput(

package/lib/components/modal/__internal__/modal-manager.d.ts

@@ -1,9 +1,9 @@
 export default ModalManager;
-declare const ModalManager: ModalManagerInstance;
-declare class ModalManagerInstance {
+export class ModalManagerInstance {
     addModal: (modal: any, setTriggerRefocusFlag: any) => void;
     isTopmost(modal: any): boolean;
     removeModal(modal: any): void;
     clearList(): void;
     #private;
 }
+declare const ModalManager: ModalManagerInstance;

package/lib/components/modal/__internal__/modal-manager.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.ModalManagerInstance = void 0;
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -13,17 +13,17 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
-
-function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
-
 function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 
 function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
 
+function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
+
+function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
+
 function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
 
-function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
+function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
 
 var _modalList = /*#__PURE__*/new WeakMap();
 
@@ -37,7 +37,7 @@ let ModalManagerInstance = /*#__PURE__*/function () {
 
     _modalList.set(this, {
       writable: true,
-      value: []
+      value: void 0
     });
 
     _defineProperty(this, "addModal", (modal, setTriggerRefocusFlag) => {
@@ -55,6 +55,14 @@ let ModalManagerInstance = /*#__PURE__*/function () {
         setTriggerRefocusFlag
       });
     });
+
+    // Due to possibility of multiple carbon versions using it
+    // it is necessary to maintain same structure in this global variable
+    if (!window.__CARBON_INTERNALS_MODAL_LIST) {
+      window.__CARBON_INTERNALS_MODAL_LIST = [];
+    }
+
+    _classPrivateFieldSet(this, _modalList, window.__CARBON_INTERNALS_MODAL_LIST);
   }
 
   _createClass(ModalManagerInstance, [{
@@ -98,13 +106,17 @@ let ModalManagerInstance = /*#__PURE__*/function () {
   }, {
     key: "clearList",
     value: function clearList() {
-      _classPrivateFieldSet(this, _modalList, []);
+      window.__CARBON_INTERNALS_MODAL_LIST = [];
+
+      _classPrivateFieldSet(this, _modalList, window.__CARBON_INTERNALS_MODAL_LIST);
     }
   }]);
 
   return ModalManagerInstance;
 }();
 
+exports.ModalManagerInstance = ModalManagerInstance;
+
 function _getTopModal2() {
   if (!_classPrivateFieldGet(this, _modalList).length) {
     return {};

package/lib/components/select/filterable-select/filterable-select.component.js

@@ -439,8 +439,6 @@ const FilterableSelect = /*#__PURE__*/_react.default.forwardRef(({
   }, children);
 
   return /*#__PURE__*/_react.default.createElement(_select.default, _extends({
-    "aria-expanded": isOpen,
-    "aria-haspopup": "listbox",
     ref: containerRef,
     hasTextCursor: true,
     readOnly: readOnly,

package/lib/components/select/multi-select/multi-select.component.js

@@ -455,8 +455,6 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
   }, children);
 
   return /*#__PURE__*/_react.default.createElement(_multiSelect.StyledSelectMultiSelect, _extends({
-    "aria-expanded": isOpen,
-    "aria-haspopup": "listbox",
     disabled: disabled,
     readOnly: readOnly,
     hasTextCursor: true,

package/lib/components/select/select-textbox/select-textbox.component.js

@@ -158,7 +158,7 @@ const SelectTextbox = ({
 
     const ariaLabelledby = hasTextCursor ? joinIds(labelId, accessibilityLabelId) : joinIds(labelId, textId.current);
     return {
-      "aria-expanded": isOpen,
+      "aria-expanded": readOnly ? undefined : isOpen,
       "aria-labelledby": ariaLabelledby || undefined,
       "aria-activedescendant": activeDescendantId,
       "aria-controls": ariaControls,

package/lib/components/select/simple-select/simple-select.component.js

@@ -365,8 +365,6 @@ const SimpleSelect = /*#__PURE__*/_react.default.forwardRef(({
     transparent: transparent,
     disabled: disabled,
     readOnly: readOnly,
-    "aria-expanded": isOpen,
-    "aria-haspopup": "listbox",
     "data-component": dataComponent,
     "data-role": dataRole,
     "data-element": dataElement,

package/lib/components/switch/switch.component.js

@@ -118,6 +118,7 @@ const Switch = ({
     labelHelp,
     value,
     type: "checkbox",
+    role: "switch",
     reverse: !reverse,
     // switched to preserve backward compatibility
     validationOnLabel: shouldValidationBeOnLabel && !disabled,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "104.54.3",
+  "version": "104.56.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {
@@ -104,12 +104,12 @@
     "conventional-changelog-conventionalcommits": "^4.5.0",
     "core-js": "^3.20.3",
     "cross-env": "^5.2.0",
-    "cypress": "^9.2.0",
-    "cypress-axe": "^0.13.0",
+    "cypress": "^9.5.2",
+    "cypress-axe": "^0.14.0",
     "cypress-cucumber-preprocessor": "^4.3.1",
-    "cypress-each": "^1.10.0",
+    "cypress-each": "^1.11.0",
     "cypress-plugin-tab": "^1.0.5",
-    "cypress-real-events": "^1.6.0",
+    "cypress-real-events": "^1.7.0",
     "cypress-storybook": "^0.5.1",
     "cz-conventional-changelog": "^3.3.0",
     "date-fns-tz": "^1.2.2",