@dxc-technology/halstack-react 10.1.0 → 11.0.0

package/file-input/FileItem.js

@@ -1,32 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _Flex = _interopRequireDefault(require("../flex/Flex"));
-
 var _useTheme = _interopRequireDefault(require("../useTheme"));
-
 var _useTranslatedLabels = _interopRequireDefault(require("../useTranslatedLabels"));
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+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; }
 var deleteIcon = /*#__PURE__*/_react["default"].createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -39,7 +27,6 @@ var deleteIcon = /*#__PURE__*/_react["default"].createElement("svg", {
 }), /*#__PURE__*/_react["default"].createElement("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
 }));
-
 var errorIcon = /*#__PURE__*/_react["default"].createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   height: "24px",
@@ -49,25 +36,22 @@ var errorIcon = /*#__PURE__*/_react["default"].createElement("svg", {
 }, /*#__PURE__*/_react["default"].createElement("path", {
   d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"
 }));
-
 var FileItem = function FileItem(_ref) {
   var _ref$fileName = _ref.fileName,
-      fileName = _ref$fileName === void 0 ? "" : _ref$fileName,
-      _ref$error = _ref.error,
-      error = _ref$error === void 0 ? "" : _ref$error,
-      singleFileMode = _ref.singleFileMode,
-      showPreview = _ref.showPreview,
-      preview = _ref.preview,
-      type = _ref.type,
-      onDelete = _ref.onDelete,
-      tabIndex = _ref.tabIndex;
+    fileName = _ref$fileName === void 0 ? "" : _ref$fileName,
+    _ref$error = _ref.error,
+    error = _ref$error === void 0 ? "" : _ref$error,
+    singleFileMode = _ref.singleFileMode,
+    showPreview = _ref.showPreview,
+    preview = _ref.preview,
+    type = _ref.type,
+    onDelete = _ref.onDelete,
+    tabIndex = _ref.tabIndex;
   var colorsTheme = (0, _useTheme["default"])();
   var translatedLabels = (0, _useTranslatedLabels["default"])();
-
   var getIconAriaLabel = function getIconAriaLabel() {
     if (type.includes("video")) return "video";else if (type.includes("audio")) return "audio";else return "file";
   };
-
   return /*#__PURE__*/_react["default"].createElement(_styledComponents.ThemeProvider, {
     theme: colorsTheme.fileInput
   }, /*#__PURE__*/_react["default"].createElement(MainContainer, {
@@ -92,7 +76,6 @@ var FileItem = function FileItem(_ref) {
     tabIndex: tabIndex
   }, deleteIcon)), error && !singleFileMode && /*#__PURE__*/_react["default"].createElement(ErrorMessage, null, 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";
 }, function (props) {
@@ -108,17 +91,13 @@ var MainContainer = _styledComponents["default"].div(_templateObject || (_templa
 }, function (props) {
   return props.theme.fileItemBorderRadius;
 });
-
 var ImagePreview = _styledComponents["default"].img(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  width: 48px;\n  height: 48px;\n  border-radius: 2px;\n  object-fit: contain;\n"])));
-
 var IconPreview = _styledComponents["default"].span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: ", ";\n  width: 48px;\n  height: 48px;\n  padding: 15px;\n  border-radius: 2px;\n  color: ", ";\n\n  svg {\n    height: 18px;\n    width: 18px;\n  }\n"])), function (props) {
   return props.error ? props.theme.errorFilePreviewBackgroundColor : props.theme.filePreviewBackgroundColor;
 }, function (props) {
   return props.error ? props.theme.errorFilePreviewIconColor : props.theme.filePreviewIconColor;
 });
-
 var FileItemContent = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  flex-grow: 1;\n  display: grid;\n  grid-template-columns: auto min-content;\n  grid-template-rows: min-content auto;\n  column-gap: 0.25rem;\n"])));
-
 var FileName = _styledComponents["default"].span(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  align-self: center;\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])), function (props) {
   return props.theme.fileNameFontColor;
 }, function (props) {
@@ -130,9 +109,7 @@ var FileName = _styledComponents["default"].span(_templateObject5 || (_templateO
 }, function (props) {
   return props.theme.fileItemLineHeight;
 });
-
 var ErrorIcon = _styledComponents["default"].span(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-wrap: wrap;\n  align-content: center;\n  padding: 3px;\n  height: 18px;\n  width: 18px;\n  color: #d0011b;\n"])));
-
 var DeleteFileAction = _styledComponents["default"].button(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-wrap: wrap;\n  align-content: center;\n  height: 24px;\n  width: 24px;\n  font-size: 1rem;\n  font-family: ", ";\n  border: 1px solid transparent;\n  border-radius: 2px;\n  background-color: transparent;\n  box-shadow: 0 0 0 2px transparent;\n  padding: 3px;\n  cursor: pointer;\n  color: ", ";\n\n  svg {\n    line-height: 18px;\n  }\n  &:hover {\n    background-color: ", ";\n  }\n  &:focus,\n  &:focus-visible {\n    outline: none;\n    box-shadow: 0 0 0 2px ", ";\n  }\n  &:active {\n    background-color: ", ";\n  }\n"])), function (props) {
   return props.theme.fontFamily;
 }, function (props) {
@@ -144,7 +121,6 @@ var DeleteFileAction = _styledComponents["default"].button(_templateObject7 || (
 }, function (props) {
   return props.theme.activeDeleteFileItemBackgroundColor;
 });
-
 var ErrorMessage = _styledComponents["default"].span(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (props) {
   return props.theme.errorMessageFontColor;
 }, function (props) {
@@ -156,7 +132,4 @@ var ErrorMessage = _styledComponents["default"].span(_templateObject8 || (_templ
 }, function (props) {
   return props.theme.errorMessageLineHeight;
 });
-
-var _default = /*#__PURE__*/_react["default"].memo(FileItem);
-
-exports["default"] = _default;
+var _default = exports["default"] = /*#__PURE__*/_react["default"].memo(FileItem);

package/file-input/types.d.ts

@@ -1,11 +1,11 @@
-declare type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
-declare type Margin = {
+type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
+type Margin = {
     top?: Space;
     bottom?: Space;
     left?: Space;
     right?: Space;
 };
-declare type FileData = {
+type FileData = {
     /**
      * Selected file.
      */
@@ -19,7 +19,7 @@ declare type FileData = {
      */
     preview?: string;
 };
-declare type CommonProps = {
+type CommonProps = {
     /**
      * @deprecated Name attribute.
      */
@@ -80,7 +80,7 @@ declare type CommonProps = {
      */
     tabIndex?: number;
 };
-declare type DropModeProps = CommonProps & {
+type DropModeProps = CommonProps & {
     /**
      * Uses one of the available file input modes:
      *    'file': Files are selected by clicking the button and selecting it through the file explorer.
@@ -94,7 +94,7 @@ declare type DropModeProps = CommonProps & {
      */
     dropAreaLabel?: string;
 };
-declare type FileModeProps = CommonProps & {
+type FileModeProps = CommonProps & {
     /**
      * Uses one of the available file input modes:
      *    'file': Files are selected by clicking the button and selecting it through the file explorer.
@@ -111,12 +111,12 @@ declare type FileModeProps = CommonProps & {
 /**
  * Reference to the component.
  */
-export declare type RefType = HTMLDivElement;
-declare type Props = DropModeProps | FileModeProps;
+export type RefType = HTMLDivElement;
+type Props = DropModeProps | FileModeProps;
 /**
  * Single file item preview.
  */
-export declare type FileItemProps = {
+export type FileItemProps = {
     fileName?: string;
     error?: string;
     showPreview: boolean;

package/flex/Flex.js

@@ -1,46 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _templateObject;
-
 var _excluded = ["direction", "wrap", "gap", "order", "grow", "shrink", "basis", "children"],
-    _excluded2 = ["justifyContent", "alignItems", "alignContent", "alignSelf"];
-
+  _excluded2 = ["justifyContent", "alignItems", "alignContent", "alignSelf"];
 var DxcFlex = function DxcFlex(_ref) {
   var _ref$direction = _ref.direction,
-      direction = _ref$direction === void 0 ? "row" : _ref$direction,
-      _ref$wrap = _ref.wrap,
-      wrap = _ref$wrap === void 0 ? "nowrap" : _ref$wrap,
-      _ref$gap = _ref.gap,
-      gap = _ref$gap === void 0 ? "0rem" : _ref$gap,
-      _ref$order = _ref.order,
-      order = _ref$order === void 0 ? 0 : _ref$order,
-      _ref$grow = _ref.grow,
-      grow = _ref$grow === void 0 ? 0 : _ref$grow,
-      _ref$shrink = _ref.shrink,
-      shrink = _ref$shrink === void 0 ? 1 : _ref$shrink,
-      _ref$basis = _ref.basis,
-      basis = _ref$basis === void 0 ? "auto" : _ref$basis,
-      children = _ref.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    direction = _ref$direction === void 0 ? "row" : _ref$direction,
+    _ref$wrap = _ref.wrap,
+    wrap = _ref$wrap === void 0 ? "nowrap" : _ref$wrap,
+    _ref$gap = _ref.gap,
+    gap = _ref$gap === void 0 ? "0rem" : _ref$gap,
+    _ref$order = _ref.order,
+    order = _ref$order === void 0 ? 0 : _ref$order,
+    _ref$grow = _ref.grow,
+    grow = _ref$grow === void 0 ? 0 : _ref$grow,
+    _ref$shrink = _ref.shrink,
+    shrink = _ref$shrink === void 0 ? 1 : _ref$shrink,
+    _ref$basis = _ref.basis,
+    basis = _ref$basis === void 0 ? "auto" : _ref$basis,
+    children = _ref.children,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(Flex, (0, _extends2["default"])({
     $direction: direction,
     $wrap: wrap,
@@ -51,21 +41,17 @@ var DxcFlex = function DxcFlex(_ref) {
     $gap: gap
   }, props), children);
 };
-
 var Flex = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  ", "\n"])), function (_ref2) {
   var _props$$gap, _props$$gap$rowGap, _props$$gap$columnGap;
-
   var _ref2$justifyContent = _ref2.justifyContent,
-      justifyContent = _ref2$justifyContent === void 0 ? "flex-start" : _ref2$justifyContent,
-      _ref2$alignItems = _ref2.alignItems,
-      alignItems = _ref2$alignItems === void 0 ? "stretch" : _ref2$alignItems,
-      _ref2$alignContent = _ref2.alignContent,
-      alignContent = _ref2$alignContent === void 0 ? "normal" : _ref2$alignContent,
-      _ref2$alignSelf = _ref2.alignSelf,
-      alignSelf = _ref2$alignSelf === void 0 ? "auto" : _ref2$alignSelf,
-      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
+    justifyContent = _ref2$justifyContent === void 0 ? "flex-start" : _ref2$justifyContent,
+    _ref2$alignItems = _ref2.alignItems,
+    alignItems = _ref2$alignItems === void 0 ? "stretch" : _ref2$alignItems,
+    _ref2$alignContent = _ref2.alignContent,
+    alignContent = _ref2$alignContent === void 0 ? "normal" : _ref2$alignContent,
+    _ref2$alignSelf = _ref2.alignSelf,
+    alignSelf = _ref2$alignSelf === void 0 ? "auto" : _ref2$alignSelf,
+    props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
   return "\n    flex-direction: ".concat(props.$direction, "; \n    flex-wrap: ").concat(props.$wrap, "; \n    justify-content: ").concat(justifyContent, "; \n    align-items: ").concat(alignItems, ";\n    align-content: ").concat(alignContent, ";\n    align-self: ").concat(alignSelf, ";\n    gap: ").concat(props.$gap != null && typeof props.$gap === "string" ? (_props$$gap = props.$gap) !== null && _props$$gap !== void 0 ? _props$$gap : "" : "", "}\n    row-gap: ").concat(props.$gap != null && (0, _typeof2["default"])(props.$gap) === "object" ? (_props$$gap$rowGap = props.$gap.rowGap) !== null && _props$$gap$rowGap !== void 0 ? _props$$gap$rowGap : "" : "", "}\n    column-gap: ").concat(props.$gap != null && (0, _typeof2["default"])(props.$gap) === "object" ? (_props$$gap$columnGap = props.$gap.columnGap) !== null && _props$$gap$columnGap !== void 0 ? _props$$gap$columnGap : "" : "", "}\n    order: ").concat(props.$order, ";\n    flex-grow: ").concat(props.$grow, ";\n    flex-shrink: ").concat(props.$shrink, ";\n    flex-basis: ").concat(props.$basis, ";\n  ");
 });
-
-var _default = DxcFlex;
-exports["default"] = _default;
+var _default = exports["default"] = DxcFlex;

package/flex/types.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
-declare type Spaces = "0rem" | "0.125rem" | "0.25rem" | "0.5rem" | "1rem" | "1.5rem" | "2rem" | "3rem" | "4rem" | "5rem";
-declare type Gap = {
+type Spaces = "0rem" | "0.125rem" | "0.25rem" | "0.5rem" | "1rem" | "1.5rem" | "2rem" | "3rem" | "4rem" | "5rem";
+type Gap = {
     rowGap: Spaces;
     columnGap?: Spaces;
 } | {
     rowGap?: Spaces;
-    columnGap?: Spaces;
+    columnGap: Spaces;
 } | Spaces;
-declare type CommonProps = {
+type CommonProps = {
     /**
      * Sets the justify-content CSS property.
      *
@@ -33,7 +33,7 @@ declare type CommonProps = {
      */
     alignSelf?: "auto" | "flex-start" | "flex-end" | "center" | "baseline" | "stretch";
 };
-declare type Props = CommonProps & {
+type Props = CommonProps & {
     /**
      * Sets the flex-direction CSS property.
      *
@@ -85,7 +85,7 @@ declare type Props = CommonProps & {
      */
     children: React.ReactNode;
 };
-export declare type StyledProps = CommonProps & {
+export type StyledProps = CommonProps & {
     $direction?: "row" | "row-reverse" | "column" | "column-reverse";
     $wrap?: "nowrap" | "wrap" | "wrap-reverse";
     $gap?: Spaces | Gap;

package/footer/Footer.js

@@ -1,62 +1,44 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof3 = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _variables = require("../common/variables");
-
 var _useTheme = _interopRequireDefault(require("../useTheme"));
-
 var _useTranslatedLabels = _interopRequireDefault(require("../useTranslatedLabels"));
-
 var _BackgroundColorContext = require("../BackgroundColorContext");
-
 var _Icons = require("./Icons");
-
 var _Flex = _interopRequireDefault(require("../flex/Flex"));
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+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; }
 var DxcFooter = function DxcFooter(_ref) {
   var socialLinks = _ref.socialLinks,
-      bottomLinks = _ref.bottomLinks,
-      copyright = _ref.copyright,
-      children = _ref.children,
-      margin = _ref.margin,
-      _ref$tabIndex = _ref.tabIndex,
-      tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
+    bottomLinks = _ref.bottomLinks,
+    copyright = _ref.copyright,
+    children = _ref.children,
+    margin = _ref.margin,
+    _ref$tabIndex = _ref.tabIndex,
+    tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
   var colorsTheme = (0, _useTheme["default"])();
   var translatedLabels = (0, _useTranslatedLabels["default"])();
   var footerLogo = (0, _react.useMemo)(function () {
     if (!colorsTheme.footer.logo) {
       return _Icons.dxcLogo;
     }
-
     if (typeof colorsTheme.footer.logo === "string") {
       return /*#__PURE__*/_react["default"].createElement(LogoImg, {
         alt: translatedLabels.formFields.logoAlternativeText,
         src: colorsTheme.footer.logo
       });
     }
-
     return colorsTheme.footer.logo;
   }, [colorsTheme]);
   return /*#__PURE__*/_react["default"].createElement(_styledComponents.ThemeProvider, {
@@ -90,7 +72,6 @@ var DxcFooter = function DxcFooter(_ref) {
     }, link.text));
   })), /*#__PURE__*/_react["default"].createElement(Copyright, null, copyright || translatedLabels.footer.copyrightText(new Date().getFullYear())))));
 };
-
 var FooterContainer = _styledComponents["default"].footer(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  width: 100%;\n  min-height: ", ";\n  margin-top: ", ";\n  background-color: ", ";\n\n  @media (min-width: ", "rem) {\n    padding: 24px 36px 24px 36px;\n  }\n  @media (max-width: ", "rem) {\n    padding: 20px;\n  }\n"])), function (props) {
   return props.theme.height;
 }, function (props) {
@@ -98,13 +79,10 @@ var FooterContainer = _styledComponents["default"].footer(_templateObject || (_t
 }, function (props) {
   return props.theme.backgroundColor;
 }, _variables.responsiveSizes.small, _variables.responsiveSizes.small);
-
 var BottomContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n\n  @media (min-width: ", "rem) {\n    flex-direction: row;\n  }\n  @media (max-width: ", "rem) {\n    flex-direction: column;\n    align-items: center;\n  }\n\n  border-top: ", ";\n  margin-top: 16px;\n"])), _variables.responsiveSizes.small, _variables.responsiveSizes.small, function (props) {
   return "".concat(props.theme.bottomLinksDividerThickness, " ").concat(props.theme.bottomLinksDividerStyle, " ").concat(props.theme.bottomLinksDividerColor);
 });
-
 var ChildComponents = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  min-height: 16px;\n  overflow: hidden;\n"])));
-
 var Copyright = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  padding-top: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  font-style: ", ";\n  font-weight: ", ";\n  color: ", ";\n\n  @media (min-width: ", "rem) {\n    max-width: 40%;\n    text-align: right;\n  }\n\n  @media (max-width: ", "rem) {\n    max-width: 100%;\n    width: 100%;\n    text-align: left;\n  }\n"])), function (props) {
   return props.theme.bottomLinksDividerSpacing;
 }, function (props) {
@@ -118,23 +96,19 @@ var Copyright = _styledComponents["default"].div(_templateObject4 || (_templateO
 }, function (props) {
   return props.theme.copyrightFontColor;
 }, _variables.responsiveSizes.small, _variables.responsiveSizes.small);
-
 var LogoContainer = _styledComponents["default"].span(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  max-height: ", ";\n  width: ", ";\n"])), function (props) {
   return props.theme.logoHeight;
 }, function (props) {
   return props.theme.logoWidth;
 });
-
 var LogoImg = _styledComponents["default"].img(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  max-height: ", ";\n  width: ", ";\n"])), function (props) {
   return props.theme.logoHeight;
 }, function (props) {
   return props.theme.logoWidth;
 });
-
 var SocialAnchor = _styledComponents["default"].a(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  display: inline-flex;\n  margin-left: ", ";\n  border-radius: 4px;\n\n  &:focus {\n    outline: 2px solid #0095ff;\n    outline-offset: 2px;\n  }\n"])), function (props) {
   return props.index === 0 ? "0px" : props.theme.socialLinksGutter;
 });
-
 var SocialIconContainer = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  height: ", ";\n  width: ", ";\n  color: ", ";\n  overflow: hidden;\n\n  img,\n  svg {\n    height: 100%;\n    width: 100%;\n  }\n"])), function (props) {
   return props.theme.socialLinksSize;
 }, function (props) {
@@ -142,11 +116,9 @@ var SocialIconContainer = _styledComponents["default"].div(_templateObject8 || (
 }, function (props) {
   return props.theme.socialLinksColor;
 });
-
 var BottomLinks = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n  display: inline-flex;\n  flex-wrap: wrap;\n  align-self: center;\n  padding-top: ", ";\n  color: #fff;\n\n  @media (min-width: ", "rem) {\n    max-width: 60%;\n  }\n  @media (max-width: ", "rem) {\n    max-width: 100%;\n    width: 100%;\n  }\n\n  & > span:not(:first-child):before {\n    content: \"\xB7\";\n    padding: 0 0.5rem;\n  }\n"])), function (props) {
   return props.theme.bottomLinksDividerSpacing;
 }, _variables.responsiveSizes.small, _variables.responsiveSizes.small);
-
 var BottomLink = _styledComponents["default"].a(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["\n  text-decoration: ", ";\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  font-style: ", ";\n  font-weight: ", ";\n  border-radius: 2px;\n\n  &:focus {\n    outline: 2px solid #0095ff;\n  }\n"])), function (props) {
   return props.theme.bottomLinksTextDecoration;
 }, function (props) {
@@ -160,6 +132,4 @@ var BottomLink = _styledComponents["default"].a(_templateObject10 || (_templateO
 }, function (props) {
   return props.theme.bottomLinksFontWeight;
 });
-
-var _default = DxcFooter;
-exports["default"] = _default;
+var _default = exports["default"] = DxcFooter;

package/footer/Footer.test.js

@@ -1,13 +1,9 @@
 "use strict";
 
 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 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",
@@ -20,34 +16,30 @@ var bottom = [{
 describe("Footer component tests", function () {
   test("Footer renders with default logo", function () {
     var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Footer["default"], null)),
-        getByTitle = _render.getByTitle;
-
+      getByTitle = _render.getByTitle;
     expect(getByTitle("DXC Logo")).toBeTruthy();
   });
   test("Footer renders with social links", function () {
     var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Footer["default"], {
-      socialLinks: social
-    })),
-        getByRole = _render2.getByRole;
-
+        socialLinks: social
+      })),
+      getByRole = _render2.getByRole;
     var socialIcon = getByRole("link");
     expect(socialIcon.getAttribute("href")).toBe("https://www.test.com/social");
   });
   test("Footer renders with bottom links", function () {
     var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Footer["default"], {
-      bottomLinks: bottom
-    })),
-        getByText = _render3.getByText;
-
+        bottomLinks: bottom
+      })),
+      getByText = _render3.getByText;
     var link = getByText("bottom-link-text");
     expect(link.getAttribute("href")).toBe("https://www.test.com/bottom");
   });
   test("Footer renders with copyright text", function () {
     var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Footer["default"], {
-      copyright: "test-copyright"
-    })),
-        getByText = _render4.getByText;
-
+        copyright: "test-copyright"
+      })),
+      getByText = _render4.getByText;
     expect(getByText("test-copyright")).toBeTruthy();
   });
   test("Footer renders with correct children", function () {
@@ -56,10 +48,8 @@ describe("Footer component tests", function () {
       configurable: true,
       value: 1024
     });
-
     var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Footer["default"], null, /*#__PURE__*/_react["default"].createElement("p", null, "footer-child-text"))),
-        getByText = _render5.getByText;
-
+      getByText = _render5.getByText;
     expect(getByText("footer-child-text")).toBeTruthy();
   });
   test("Footer renders with children in mobile", function () {
@@ -68,10 +58,8 @@ describe("Footer component tests", function () {
       configurable: true,
       value: 425
     });
-
     var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Footer["default"], null, /*#__PURE__*/_react["default"].createElement("p", null, "footer-child-text"))),
-        queryByText = _render6.queryByText;
-
+      queryByText = _render6.queryByText;
     expect(queryByText("footer-child-text")).toBeTruthy();
   });
   test("Footer is fully rendered", function () {
@@ -79,15 +67,13 @@ describe("Footer component tests", function () {
       configurable: true,
       value: 1024
     });
-
     var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Footer["default"], {
-      socialLinks: social,
-      bottomLinks: bottom,
-      copyright: "test-copyright"
-    }, /*#__PURE__*/_react["default"].createElement("p", null, "footer-child-text"))),
-        getAllByRole = _render7.getAllByRole,
-        getByText = _render7.getByText;
-
+        socialLinks: social,
+        bottomLinks: bottom,
+        copyright: "test-copyright"
+      }, /*#__PURE__*/_react["default"].createElement("p", null, "footer-child-text"))),
+      getAllByRole = _render7.getAllByRole,
+      getByText = _render7.getByText;
     var socialIcon = getAllByRole("link")[0];
     expect(socialIcon.getAttribute("href")).toBe("https://www.test.com/social");
     expect(socialIcon.getAttribute("aria-label")).toBe("test");

package/footer/Icons.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const dxcLogo: JSX.Element;
+import React from "react";
+export declare const dxcLogo: React.JSX.Element;

package/footer/Icons.js

@@ -1,15 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.dxcLogo = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
-var dxcLogo = /*#__PURE__*/_react["default"].createElement("svg", {
+var dxcLogo = exports.dxcLogo = /*#__PURE__*/_react["default"].createElement("svg", {
   id: "g10",
   xmlns: "http://www.w3.org/2000/svg",
   width: "100%",
@@ -72,6 +69,4 @@ var dxcLogo = /*#__PURE__*/_react["default"].createElement("svg", {
   d: "M84.218-55.737a10.063,10.063,0,0,1,2.589-4.4,9.792,9.792,0,0,1,6.985-2.77h11.328V-69.3H93.792a17.041,17.041,0,0,0-11.8,4.759,16.344,16.344,0,0,0-3.547,5.115,13.247,13.247,0,0,0-1.122,3.688Zm0,4.877a10.065,10.065,0,0,0,2.589,4.4,9.793,9.793,0,0,0,6.985,2.77h11.328V-37.3H93.792a17.042,17.042,0,0,1-11.8-4.759,16.339,16.339,0,0,1-3.547-5.114,13.251,13.251,0,0,1-1.122-3.688ZM63.1-47.98,54.45-37.3H45.873l12.957-16-12.957-16H54.45L63.1-58.619l8.65-10.68h8.578l-12.957,16,12.957,16H71.749ZM48.875-55.737a13.212,13.212,0,0,0-1.122-3.688,16.359,16.359,0,0,0-3.546-5.115,17.043,17.043,0,0,0-11.8-4.759H21.08v6.393H32.408a9.79,9.79,0,0,1,6.985,2.77,10.072,10.072,0,0,1,2.59,4.4Zm0,4.877a13.215,13.215,0,0,1-1.122,3.688,16.353,16.353,0,0,1-3.546,5.114,17.044,17.044,0,0,1-11.8,4.759H21.08v-6.393H32.408a9.791,9.791,0,0,0,6.985-2.77,10.074,10.074,0,0,0,2.59-4.4h6.892",
   transform: "translate(-21.08 69.298)",
   fill: "#fff"
-})));
-
-exports.dxcLogo = dxcLogo;
+})));