@dxc-technology/halstack-react 0.0.0-f53e801 → 0.0.0-f54247d

package/dropdown/Dropdown.test.js

@@ -15,42 +15,37 @@ var _Dropdown = _interopRequireDefault(require("./Dropdown"));
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
 
 global.globalThis = global;
+global.DOMRect = {
+  fromRect: function fromRect() {
+    return {
+      top: 0,
+      left: 0,
+      bottom: 0,
+      right: 0,
+      width: 0,
+      height: 0
+    };
+  }
+};
 
 global.ResizeObserver = /*#__PURE__*/function () {
-  function ResizeObserver(cb) {
+  function ResizeObserver() {
     (0, _classCallCheck2["default"])(this, ResizeObserver);
-    this.cb = cb;
   }
 
   (0, _createClass2["default"])(ResizeObserver, [{
     key: "observe",
-    value: function observe() {
-      this.cb([{
-        borderBoxSize: {
-          inlineSize: 0,
-          blockSize: 0
-        }
-      }]);
-    }
+    value: function observe() {}
   }, {
     key: "unobserve",
     value: function unobserve() {}
+  }, {
+    key: "disconnect",
+    value: function disconnect() {}
   }]);
   return ResizeObserver;
 }();
 
-global.DOMRect = {
-  fromRect: function fromRect() {
-    return {
-      top: 0,
-      left: 0,
-      bottom: 0,
-      right: 0,
-      width: 0,
-      height: 0
-    };
-  }
-};
 var options = [{
   value: "1",
   label: "Amazon"
@@ -74,7 +69,6 @@ describe("Dropdown component tests", function () {
         getByRole = _render.getByRole;
 
     var dropdown = getByRole("button");
-    expect(dropdown.getAttribute("aria-disabled")).toBe("false");
     expect(dropdown.getAttribute("aria-haspopup")).toBe("true");
     expect(dropdown.getAttribute("aria-expanded")).toBeNull();
     expect(dropdown.getAttribute("aria-activedescendant")).toBeNull();
@@ -82,6 +76,7 @@ describe("Dropdown component tests", function () {
     _userEvent["default"].click(dropdown);
 
     var menu = getByRole("menu");
+    expect(dropdown.getAttribute("aria-controls")).toBe(menu.id);
     expect(dropdown.getAttribute("aria-expanded")).toBe("true");
     expect(menu.getAttribute("aria-activedescendant")).toBe("option-0");
     expect(menu.getAttribute("aria-orientation")).toBe("vertical");
@@ -123,7 +118,6 @@ describe("Dropdown component tests", function () {
         queryByText = _render3.queryByText;
 
     var dropdown = getByRole("button");
-    expect(dropdown.getAttribute("aria-disabled")).toBe("true");
     expect(queryByRole("menu")).toBeFalsy();
 
     _userEvent["default"].click(dropdown);
@@ -267,7 +261,7 @@ describe("Dropdown component tests", function () {
     var dropdown = getByRole("button");
 
     _react2.fireEvent.keyDown(dropdown, {
-      key: "Space",
+      key: " ",
       code: "Space",
       keyCode: 32,
       charCode: 32

package/dropdown/DropdownMenuItem.js

@@ -49,7 +49,7 @@ var DropdownMenuItem = function DropdownMenuItem(_ref) {
   }) : option.icon), iconPosition === "before" && /*#__PURE__*/_react["default"].createElement(DropdownMenuItemLabel, null, option.label)));
 };
 
-var DropdownMenuItemContainer = _styledComponents["default"].li(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  min-height: 36px;\n  padding-top: ", ";\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  cursor: pointer;\n\n  ", "\n  :hover {\n    background-color: ", ";\n  }\n  :active {\n    background-color: ", ";\n  }\n"])), function (props) {
+var DropdownMenuItemContainer = _styledComponents["default"].li(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  min-height: 36px;\n  padding-top: ", ";\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  cursor: pointer;\n\n  ", "\n  &:hover {\n    background-color: ", ";\n  }\n  &:active {\n    background-color: ", ";\n  }\n"])), function (props) {
   return props.theme.optionIconSpacing;
 }, function (props) {
   return props.theme.optionPaddingTop;

package/file-input/FileInput.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import FileInputPropsType from "./types";
-declare const DxcFileInput: ({ name, mode, label, buttonLabel, dropAreaLabel, helperText, accept, minSize, maxSize, showPreview, multiple, disabled, callbackFile, value, margin, tabIndex, }: FileInputPropsType) => JSX.Element;
+declare const DxcFileInput: React.ForwardRefExoticComponent<FileInputPropsType & React.RefAttributes<HTMLDivElement>>;
 export default DxcFileInput;