@dxc-technology/halstack-react 0.0.0-c293b72 → 0.0.0-c2b6ec9

package/file-input/FileInput.accessibility.test.js

@@ -5,8 +5,8 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
-var _jestAxe = require("jest-axe");
-var _FileInput = _interopRequireDefault(require("./FileInput.tsx"));
+var _axeHelper = require("../../test/accessibility/axe-helper.js");
+var _FileInput = _interopRequireDefault(require("./FileInput"));
 var picPreview = "https://cdn.mos.cms.futurecdn.net/CAZ6JXi6huSuN4QGE627NR.jpg";
 var file1 = new File(["file1"], "file.pdf", {
   type: "text/plain"
@@ -42,10 +42,11 @@ var filesExamples = [{
 }];
 describe("FileInput component accessibility tests", function () {
   it("Should not have basic accessibility issues for dropzone mode", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-    var _render, container, results;
+    var callbackFile, _render, container, results;
     return _regenerator["default"].wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
+          callbackFile = jest.fn();
           _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FileInput["default"], {
             label: "File input",
             helperText: "Helper Text",
@@ -55,26 +56,28 @@ describe("FileInput component accessibility tests", function () {
             margin: "medium",
             mode: "dropzone",
             multiple: true,
+            callbackFile: callbackFile,
             minSize: 1000,
             maxSize: 20000,
             showPreview: true
           })), container = _render.container;
-          _context.next = 3;
-          return (0, _jestAxe.axe)(container);
-        case 3:
+          _context.next = 4;
+          return (0, _axeHelper.axe)(container);
+        case 4:
           results = _context.sent;
           expect(results).toHaveNoViolations();
-        case 5:
+        case 6:
         case "end":
           return _context.stop();
       }
     }, _callee);
   })));
   it("Should not have basic accessibility issues for disabled mode", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-    var _render2, container, results;
+    var callbackFile, _render2, container, results;
     return _regenerator["default"].wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
+          callbackFile = jest.fn();
           _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FileInput["default"], {
             label: "File input",
             helperText: "Helper Text",
@@ -84,55 +87,58 @@ describe("FileInput component accessibility tests", function () {
             margin: "medium",
             mode: "dropzone",
             multiple: true,
+            callbackFile: callbackFile,
             minSize: 1000,
             maxSize: 20000,
             disabled: true
           })), container = _render2.container;
-          _context2.next = 3;
-          return (0, _jestAxe.axe)(container);
-        case 3:
+          _context2.next = 4;
+          return (0, _axeHelper.axe)(container);
+        case 4:
           results = _context2.sent;
           expect(results).toHaveNoViolations();
-        case 5:
+        case 6:
         case "end":
           return _context2.stop();
       }
     }, _callee2);
   })));
   it("Should not have basic accessibility issues for file mode", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
-    var _render3, container, results;
+    var callbackFile, _render3, container, results;
     return _regenerator["default"].wrap(function _callee3$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
+          callbackFile = jest.fn();
           _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FileInput["default"], {
             label: "File input",
             helperText: "Helper Text",
             value: filesExamples,
             buttonLabel: "Button Label",
-            dropAreaLabel: "Drop Area",
             margin: "medium",
             mode: "file",
             multiple: true,
+            callbackFile: callbackFile,
             minSize: 1000,
             maxSize: 20000,
             showPreview: true
           })), container = _render3.container;
-          _context3.next = 3;
-          return (0, _jestAxe.axe)(container);
-        case 3:
+          _context3.next = 4;
+          return (0, _axeHelper.axe)(container);
+        case 4:
           results = _context3.sent;
           expect(results).toHaveNoViolations();
-        case 5:
+        case 6:
         case "end":
           return _context3.stop();
       }
     }, _callee3);
   })));
   it("Should not have basic accessibility issues for filedrop mode", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4() {
-    var _render4, container, results;
+    var callbackFile, _render4, container, results;
     return _regenerator["default"].wrap(function _callee4$(_context4) {
       while (1) switch (_context4.prev = _context4.next) {
         case 0:
+          callbackFile = jest.fn();
           _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FileInput["default"], {
             label: "File input",
             helperText: "Helper Text",
@@ -142,16 +148,17 @@ describe("FileInput component accessibility tests", function () {
             margin: "medium",
             mode: "filedrop",
             multiple: true,
+            callbackFile: callbackFile,
             minSize: 1000,
             maxSize: 20000,
             showPreview: true
           })), container = _render4.container;
-          _context4.next = 3;
-          return (0, _jestAxe.axe)(container);
-        case 3:
+          _context4.next = 4;
+          return (0, _axeHelper.axe)(container);
+        case 4:
           results = _context4.sent;
           expect(results).toHaveNoViolations();
-        case 5:
+        case 6:
         case "end":
           return _context4.stop();
       }

package/file-input/FileInput.js

@@ -15,7 +15,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _uuid = require("uuid");
 var _variables = require("../common/variables");
 var _useTheme = _interopRequireDefault(require("../useTheme"));
 var _useTranslatedLabels = _interopRequireDefault(require("../useTranslatedLabels"));
@@ -23,7 +22,7 @@ var _Button = _interopRequireDefault(require("../button/Button"));
 var _FileItem = _interopRequireDefault(require("./FileItem"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var getFilePreview = /*#__PURE__*/function () {
@@ -80,9 +79,7 @@ var isFileIncluded = function isFileIncluded(file, fileList) {
   });
 };
 var DxcFileInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref3, ref) {
-  var _ref3$name = _ref3.name,
-    name = _ref3$name === void 0 ? "" : _ref3$name,
-    _ref3$mode = _ref3.mode,
+  var _ref3$mode = _ref3.mode,
     mode = _ref3$mode === void 0 ? "file" : _ref3$mode,
     _ref3$label = _ref3.label,
     label = _ref3$label === void 0 ? "" : _ref3$label,
@@ -112,9 +109,7 @@ var DxcFileInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref3, re
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
     files = _useState4[0],
     setFiles = _useState4[1];
-  var _useState5 = (0, _react.useState)("file-input-".concat((0, _uuid.v4)())),
-    _useState6 = (0, _slicedToArray2["default"])(_useState5, 1),
-    fileInputId = _useState6[0];
+  var fileInputId = "file-input-".concat((0, _react.useId)());
   var colorsTheme = (0, _useTheme["default"])();
   var translatedLabels = (0, _useTranslatedLabels["default"])();
   var checkFileSize = function checkFileSize(file) {

package/file-input/FileInput.test.d.ts

@@ -0,0 +1 @@
+export {};

package/file-input/FileInput.test.js

@@ -6,7 +6,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-var _FileInput = _interopRequireDefault(require("./FileInput.tsx"));
+var _FileInput = _interopRequireDefault(require("./FileInput"));
 var file1 = new File(["file1"], "file1.png", {
   type: "image/png"
 });
@@ -21,10 +21,13 @@ var allFiles = [{
 }];
 describe("FileInput component tests", function () {
   test("Renders with correct labels and helper text in file mode", function () {
+    var callbackFile = jest.fn();
     var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FileInput["default"], {
         label: "File input label",
         helperText: "File input helper text",
-        buttonLabel: "Choose files"
+        value: allFiles,
+        buttonLabel: "Choose files",
+        callbackFile: callbackFile
       })),
       getByText = _render.getByText;
     expect(getByText("File input label")).toBeTruthy();
@@ -32,92 +35,119 @@ describe("FileInput component tests", function () {
     expect(getByText("Choose files")).toBeTruthy();
   });
   test("Renders with correct button label in file mode", function () {
+    var callbackFile = jest.fn();
     var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FileInput["default"], {
         label: "File input label",
-        helperText: "File input helper text"
+        helperText: "File input helper text",
+        value: allFiles,
+        callbackFile: callbackFile
       })),
       getByText = _render2.getByText;
     expect(getByText("Select files")).toBeTruthy();
   });
   test("Renders with correct button label in file mode and single file selection", function () {
+    var callbackFile = jest.fn();
     var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FileInput["default"], {
         label: "File input label",
         helperText: "File input helper text",
-        multiple: false
+        value: allFiles,
+        multiple: false,
+        callbackFile: callbackFile
       })),
       getByText = _render3.getByText;
     expect(getByText("Select file")).toBeTruthy();
   });
   test("Renders with correct labels in filedrop mode", function () {
+    var callbackFile = jest.fn();
     var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FileInput["default"], {
         label: "File input label",
         helperText: "File input helper text",
-        mode: "filedrop"
+        value: allFiles,
+        mode: "filedrop",
+        callbackFile: callbackFile
       })),
       getByText = _render4.getByText;
     expect(getByText("Select")).toBeTruthy();
     expect(getByText("or drop files")).toBeTruthy();
   });
   test("Renders with correct labels in filedrop mode and single file selection", function () {
+    var callbackFile = jest.fn();
     var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FileInput["default"], {
         label: "File input label",
         helperText: "File input helper text",
+        value: allFiles,
         mode: "filedrop",
-        multiple: false
+        multiple: false,
+        callbackFile: callbackFile
       })),
       getByText = _render5.getByText;
     expect(getByText("Select")).toBeTruthy();
     expect(getByText("or drop a file")).toBeTruthy();
   });
   test("Renders with correct custom labels in filedrop mode", function () {
+    var callbackFile = jest.fn();
     var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FileInput["default"], {
         label: "File input label",
         helperText: "File input helper text",
+        value: allFiles,
         mode: "filedrop",
         buttonLabel: "Choose",
-        dropAreaLabel: "(or drop the files)"
+        dropAreaLabel: "(or drop the files)",
+        callbackFile: callbackFile
       })),
       getByText = _render6.getByText;
     expect(getByText("Choose")).toBeTruthy();
     expect(getByText("(or drop the files)")).toBeTruthy();
   });
   test("Renders with correct labels in dropzone mode", function () {
+    var callbackFile = jest.fn();
     var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FileInput["default"], {
         label: "File input label",
         helperText: "File input helper text",
-        mode: "dropzone"
+        value: allFiles,
+        mode: "dropzone",
+        callbackFile: callbackFile
       })),
       getByText = _render7.getByText;
     expect(getByText("Select")).toBeTruthy();
     expect(getByText("or drop files")).toBeTruthy();
   });
   test("Renders with correct labels in dropzone mode and single file selection", function () {
+    var callbackFile = jest.fn();
     var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FileInput["default"], {
         label: "File input label",
         helperText: "File input helper text",
+        value: allFiles,
         mode: "dropzone",
-        multiple: false
+        multiple: false,
+        callbackFile: callbackFile
       })),
       getByText = _render8.getByText;
     expect(getByText("Select")).toBeTruthy();
     expect(getByText("or drop a file")).toBeTruthy();
   });
   test("Renders with correct custom labels in dropzone mode", function () {
+    var callbackFile = jest.fn();
     var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FileInput["default"], {
         label: "File input label",
         helperText: "File input helper text",
+        value: allFiles,
         mode: "dropzone",
         buttonLabel: "Choose",
-        dropAreaLabel: "(or drop the files)"
+        dropAreaLabel: "(or drop the files)",
+        callbackFile: callbackFile
       })),
       getByText = _render9.getByText;
     expect(getByText("Choose")).toBeTruthy();
     expect(getByText("(or drop the files)")).toBeTruthy();
   });
   test("Disabled file input", function () {
+    var callbackFile = jest.fn();
     var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FileInput["default"], {
         label: "File input label",
         helperText: "File input helper text",
+        value: allFiles,
+        callbackFile: callbackFile,
         disabled: true
       })),
       getByText = _render10.getByText,
@@ -167,9 +197,7 @@ describe("FileInput component tests", function () {
             expect(getByText("file1.png")).toBeTruthy();
             expect(getByText("file2.txt")).toBeTruthy();
             expect(getByText("Error message")).toBeTruthy();
-            var inputFile = getByLabelText("File input label", {
-              hidden: true
-            });
+            var inputFile = getByLabelText("File input label");
             _react2.fireEvent.change(inputFile, {
               target: {
                 files: [file1]
@@ -236,9 +264,7 @@ describe("FileInput component tests", function () {
             expect(getByText("file1.png")).toBeTruthy();
             expect(getByText("file2.txt")).toBeTruthy();
             expect(getByText("Error message")).toBeTruthy();
-            var inputFile = getByLabelText("File input label", {
-              hidden: true
-            });
+            var inputFile = getByLabelText("File input label");
             _react2.fireEvent.change(inputFile, {
               target: {
                 files: [newFile]
@@ -303,9 +329,7 @@ describe("FileInput component tests", function () {
           })), getByLabelText = _render16.getByLabelText;
           _context6.next = 5;
           return (0, _react2.waitFor)(function () {
-            var inputFile = getByLabelText("File input label", {
-              hidden: true
-            });
+            var inputFile = getByLabelText("File input label");
             _react2.fireEvent.change(inputFile, {
               target: {
                 files: [newFile]
@@ -352,9 +376,7 @@ describe("FileInput component tests", function () {
             expect(getByText("file1.png")).toBeTruthy();
             expect(getByText("file2.txt")).toBeTruthy();
             expect(getByText("Error message")).toBeTruthy();
-            var inputFile = getByLabelText("File input label", {
-              hidden: true
-            });
+            var inputFile = getByLabelText("File input label");
             _react2.fireEvent.change(inputFile, {
               target: {
                 files: [newFile]

package/file-input/FileItem.js

@@ -15,7 +15,7 @@ var _useTranslatedLabels = _interopRequireDefault(require("../useTranslatedLabel
 var _Icon = _interopRequireDefault(require("../icon/Icon"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var FileItem = function FileItem(_ref) {
   var _ref$fileName = _ref.fileName,
     fileName = _ref$fileName === void 0 ? "" : _ref$fileName,
@@ -43,6 +43,7 @@ var FileItem = function FileItem(_ref) {
     alt: fileName
   }) : /*#__PURE__*/_react["default"].createElement(IconPreview, {
     error: error,
+    role: "document",
     "aria-label": getIconAriaLabel()
   }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
     icon: preview
@@ -60,7 +61,10 @@ var FileItem = function FileItem(_ref) {
     tabIndex: tabIndex
   }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
     icon: "close"
-  }))), error && !singleFileMode && /*#__PURE__*/_react["default"].createElement(ErrorMessage, null, error))));
+  }))), error && !singleFileMode && /*#__PURE__*/_react["default"].createElement(ErrorMessage, {
+    role: "alert",
+    "aria-live": "assertive"
+  }, error))));
 };
 var MainContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  gap: 0.75rem;\n  width: ", ";\n  padding: ", ";\n  ", ";\n  border-color: ", ";\n  border-width: ", ";\n  border-style: ", ";\n  border-radius: ", ";\n"])), function (props) {
   return props.singleFileMode ? "230px" : "320px";

package/file-input/types.d.ts

@@ -20,10 +20,6 @@ export type FileData = {
     preview?: string;
 };
 type CommonProps = {
-    /**
-     * @deprecated Name attribute.
-     */
-    name?: string;
     /**
      * Text to be placed above the component.
      */

package/footer/Footer.accessibility.test.d.ts

@@ -0,0 +1 @@
+export {};

package/footer/Footer.accessibility.test.js

@@ -5,13 +5,21 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
-var _jestAxe = require("jest-axe");
-var _Footer = _interopRequireDefault(require("./Footer.tsx"));
+var _axeHelper = require("../../test/accessibility/axe-helper.js");
+var _Footer = _interopRequireDefault(require("./Footer"));
+var _disabledRules = require("../../test/accessibility/rules/specific/footer/disabledRules.js");
+var disabledRules = {
+  rules: _disabledRules.disabledRules.reduce(function (rulesObj, rule) {
+    rulesObj[rule] = {
+      enabled: false
+    };
+    return rulesObj;
+  }, {})
+};
 var social = [{
   href: "https://www.linkedin.com/company/dxctechnology",
   logo: /*#__PURE__*/_react["default"].createElement("svg", {
     version: "1.1",
-    id: "Capa_1",
     x: "0px",
     y: "0px",
     viewBox: "0 0 438.536 438.536",
@@ -79,7 +87,7 @@ describe("Footer component accessibility tests", function () {
             href: "https://www.linkedin.com/company/dxctechnology"
           }, "Linkedin")))), container = _render.container;
           _context.next = 3;
-          return (0, _jestAxe.axe)(container);
+          return (0, _axeHelper.axe)(container, disabledRules);
         case 3:
           results = _context.sent;
           expect(results).toHaveNoViolations();
@@ -104,7 +112,7 @@ describe("Footer component accessibility tests", function () {
             href: "https://www.linkedin.com/company/dxctechnology"
           }, "Linkedin")))), container = _render2.container;
           _context2.next = 3;
-          return (0, _jestAxe.axe)(container);
+          return (0, _axeHelper.axe)(container, disabledRules);
         case 3:
           results = _context2.sent;
           expect(results).toHaveNoViolations();

package/footer/Footer.js

@@ -17,7 +17,7 @@ var _Flex = _interopRequireDefault(require("../flex/Flex"));
 var _Icon = _interopRequireDefault(require("../icon/Icon"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var DxcFooter = function DxcFooter(_ref) {
   var socialLinks = _ref.socialLinks,
     bottomLinks = _ref.bottomLinks,

package/footer/Footer.stories.tsx

@@ -5,6 +5,8 @@ import ExampleContainer from "../../.storybook/components/ExampleContainer";
 import { HalstackProvider } from "../HalstackContext";
 import DxcFlex from "../flex/Flex";
 import DxcTypography from "../typography/Typography";
+import preview from "../../.storybook/preview";
+import { disabledRules } from "../../test/accessibility/rules/specific/footer/disabledRules";
 
 const social = [
   {
@@ -107,6 +109,16 @@ const bottom = [
 export default {
   title: "Footer",
   component: DxcFooter,
+  parameters: {
+    a11y: {
+      config: {
+        rules: [
+          ...disabledRules.map((ruleId) => ({ id: ruleId, enabled: false })),
+          ...preview?.parameters?.a11y?.config?.rules,
+        ],
+      },
+    },
+  },
 };
 
 const opinionatedTheme = {

package/footer/Footer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/footer/Footer.test.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
-var _Footer = _interopRequireDefault(require("./Footer.tsx"));
+var _Footer = _interopRequireDefault(require("./Footer"));
 var social = [{
   href: "https://www.test.com/social",
   logo: "https://developer.apple.com/design/human-interface-guidelines/foundations/app-icons/images/icon-and-image-large-icon-settings_2x.png",