@dxc-technology/halstack-react 6.2.2 → 8.0.0

package/radio-group/RadioGroup.test.js

@@ -90,14 +90,46 @@ describe("Radio Group component tests", function () {
     var radioGroup = getByRole("radiogroup");
     expect(radioGroup.getAttribute("aria-orientation")).toBe("horizontal");
   });
+  test("Sends its value when submitted", function () {
+    var handlerOnSubmit = jest.fn(function (e) {
+      e.preventDefault();
+      var formData = new FormData(e.target);
+      var formProps = Object.fromEntries(formData);
+      expect(formProps).toStrictEqual({
+        radiogroup: "5"
+      });
+    });
+
+    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement("form", {
+      onSubmit: handlerOnSubmit
+    }, /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
+      name: "radiogroup",
+      label: "test-radio-group-label",
+      options: options
+    }), /*#__PURE__*/_react["default"].createElement("button", {
+      type: "submit"
+    }, "Submit"))),
+        getByText = _render3.getByText,
+        getByRole = _render3.getByRole,
+        getAllByRole = _render3.getAllByRole;
+
+    var radioGroup = getByRole("radiogroup");
+    var submit = getByText("Submit");
+
+    _userEvent["default"].click(radioGroup);
+
+    _userEvent["default"].click(getAllByRole("radio")[4]);
+
+    _userEvent["default"].click(submit);
+  });
   test("Disabled state renders with correct aria attribute, correct tabIndex values and it is not focusable by keyboard", function () {
-    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
+    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
       label: "test-radioGroup-label",
       options: options,
       disabled: true
     })),
-        getByRole = _render3.getByRole,
-        getAllByRole = _render3.getAllByRole;
+        getByRole = _render4.getByRole,
+        getAllByRole = _render4.getAllByRole;
 
     var radioGroup = getByRole("radiogroup");
     var radios = getAllByRole("radio");
@@ -132,13 +164,13 @@ describe("Radio Group component tests", function () {
     });
   });
   test("Disabled option renders with correct aria attribute, correct tabIndex value and it is not focusable by keyboard (focus 'jumps' the disabled option)", function () {
-    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
+    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
       name: "test",
       label: "test-radioGroup-label",
       options: singleDisabledOptions
     })),
-        getByRole = _render4.getByRole,
-        getAllByRole = _render4.getAllByRole;
+        getByRole = _render5.getByRole,
+        getAllByRole = _render5.getAllByRole;
 
     var radioGroup = getByRole("radiogroup");
     var radios = getAllByRole("radio");
@@ -165,14 +197,39 @@ describe("Radio Group component tests", function () {
     expect(radios[1].tabIndex).toBe(-1);
     expect(radios[2].tabIndex).toBe(-1);
   });
+  test("Disabled radio group doesn't send its value when submitted", function () {
+    var handlerOnSubmit = jest.fn(function (e) {
+      e.preventDefault();
+      var formData = new FormData(e.target);
+      var formProps = Object.fromEntries(formData);
+      expect(formProps).toStrictEqual({});
+    });
+
+    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement("form", {
+      onSubmit: handlerOnSubmit
+    }, /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
+      name: "radiogroup",
+      defaultValue: "1",
+      disabled: true,
+      label: "test-radio-group-label",
+      options: options
+    }), /*#__PURE__*/_react["default"].createElement("button", {
+      type: "submit"
+    }, "Submit"))),
+        getByText = _render6.getByText;
+
+    var submit = getByText("Submit");
+
+    _userEvent["default"].click(submit);
+  });
   test("Error state renders with correct aria attributes", function () {
-    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
+    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
       label: "test-radioGroup-label",
       options: options,
       error: "Error message"
     })),
-        getByRole = _render5.getByRole,
-        getByText = _render5.getByText;
+        getByRole = _render7.getByRole,
+        getByText = _render7.getByText;
 
     var radioGroup = getByRole("radiogroup");
     var errorMessage = getByText("Error message");
@@ -184,14 +241,14 @@ describe("Radio Group component tests", function () {
     var onChange = jest.fn();
     var onBlur = jest.fn();
 
-    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
+    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
       label: "test-radioGroup-label",
       options: options,
       onChange: onChange,
       onBlur: onBlur
     })),
-        getByRole = _render6.getByRole,
-        getAllByRole = _render6.getAllByRole;
+        getByRole = _render8.getByRole,
+        getAllByRole = _render8.getAllByRole;
 
     var radioGroup = getByRole("radiogroup");
     expect(radioGroup.getAttribute("aria-required")).toBe("true");
@@ -218,15 +275,15 @@ describe("Radio Group component tests", function () {
     var onChange = jest.fn();
     var onBlur = jest.fn();
 
-    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
+    var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
       label: "test-radioGroup-label",
       value: "",
       options: options,
       onChange: onChange,
       onBlur: onBlur
     })),
-        getByRole = _render7.getByRole,
-        getAllByRole = _render7.getAllByRole;
+        getByRole = _render9.getByRole,
+        getAllByRole = _render9.getAllByRole;
 
     var radioGroup = getByRole("radiogroup");
     expect(radioGroup.getAttribute("aria-required")).toBe("true");
@@ -245,7 +302,7 @@ describe("Radio Group component tests", function () {
   test("The 'defaultValue' gives the radio group an initial value when it is uncontrolled", function () {
     var onChange = jest.fn();
 
-    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
+    var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
       defaultValue: "2",
       name: "test",
       label: "test-radio-group-label",
@@ -253,8 +310,8 @@ describe("Radio Group component tests", function () {
       options: options,
       onChange: onChange
     })),
-        getAllByRole = _render8.getAllByRole,
-        container = _render8.container;
+        getAllByRole = _render10.getAllByRole,
+        container = _render10.container;
 
     var radio = getAllByRole("radio")[1];
     var submitInput = container.querySelector("input[name=\"test\"]");
@@ -266,7 +323,7 @@ describe("Radio Group component tests", function () {
     var onChange = jest.fn();
     var onBlur = jest.fn();
 
-    var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
+    var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
       name: "test",
       label: "test-radio-group-label",
       helperText: "test-radio-group-helper-text",
@@ -276,9 +333,9 @@ describe("Radio Group component tests", function () {
       optional: true,
       optionalItemLabel: "No selection"
     })),
-        getByRole = _render9.getByRole,
-        getByText = _render9.getByText,
-        container = _render9.container;
+        getByRole = _render11.getByRole,
+        getByText = _render11.getByText,
+        container = _render11.container;
 
     var radioGroup = getByRole("radiogroup");
     expect(radioGroup.getAttribute("aria-required")).toBe("false");
@@ -299,7 +356,7 @@ describe("Radio Group component tests", function () {
     var onChange = jest.fn();
     var onBlur = jest.fn();
 
-    var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
+    var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
       name: "test",
       value: "2",
       label: "test-radio-group-label",
@@ -308,9 +365,9 @@ describe("Radio Group component tests", function () {
       onChange: onChange,
       onBlur: onBlur
     })),
-        getByRole = _render10.getByRole,
-        getAllByRole = _render10.getAllByRole,
-        container = _render10.container;
+        getByRole = _render12.getByRole,
+        getAllByRole = _render12.getAllByRole,
+        container = _render12.container;
 
     var radioGroup = getByRole("radiogroup");
     var radios = getAllByRole("radio");
@@ -332,16 +389,16 @@ describe("Radio Group component tests", function () {
   test("Select an option by clicking on its label", function () {
     var onChange = jest.fn();
 
-    var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
+    var _render13 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
       name: "test",
       label: "test-radio-group-label",
       helperText: "test-radio-group-helper-text",
       options: options,
       onChange: onChange
     })),
-        getByText = _render11.getByText,
-        getAllByRole = _render11.getAllByRole,
-        container = _render11.container;
+        getByText = _render13.getByText,
+        getAllByRole = _render13.getAllByRole,
+        container = _render13.container;
 
     var radioLabel = getByText("Option 09");
     var checkedRadio = getAllByRole("radio")[8];
@@ -359,15 +416,15 @@ describe("Radio Group component tests", function () {
   test("Select an option by clicking on its radio input", function () {
     var onChange = jest.fn();
 
-    var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
+    var _render14 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
       name: "test",
       label: "test-radio-group-label",
       helperText: "test-radio-group-helper-text",
       options: options,
       onChange: onChange
     })),
-        getAllByRole = _render12.getAllByRole,
-        container = _render12.container;
+        getAllByRole = _render14.getAllByRole,
+        container = _render14.container;
 
     var checkedRadio = getAllByRole("radio")[6];
     var submitInput = container.querySelector("input[name=\"test\"]");
@@ -384,7 +441,7 @@ describe("Radio Group component tests", function () {
   test("Select an option that is already checked does not call onChange event but gives the focus", function () {
     var onChange = jest.fn();
 
-    var _render13 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
+    var _render15 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
       defaultValue: "2",
       name: "test",
       label: "test-radio-group-label",
@@ -392,7 +449,7 @@ describe("Radio Group component tests", function () {
       options: options,
       onChange: onChange
     })),
-        getAllByRole = _render13.getAllByRole;
+        getAllByRole = _render15.getAllByRole;
 
     var checkedRadio = getAllByRole("radio")[1];
     expect(checkedRadio.tabIndex).toBe(0);
@@ -406,16 +463,16 @@ describe("Radio Group component tests", function () {
   test("The 'space' key checks the current focused option if anyone is checked", function () {
     var onChange = jest.fn();
 
-    var _render14 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
+    var _render16 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
       name: "test",
       label: "test-radio-group-label",
       helperText: "test-radio-group-helper-text",
       options: options,
       onChange: onChange
     })),
-        getByRole = _render14.getByRole,
-        getAllByRole = _render14.getAllByRole,
-        container = _render14.container;
+        getByRole = _render16.getByRole,
+        getAllByRole = _render16.getAllByRole,
+        container = _render16.container;
 
     var radioGroup = getByRole("radiogroup");
     var checkedRadio = getAllByRole("radio")[0];
@@ -437,7 +494,7 @@ describe("Radio Group component tests", function () {
     var onChange = jest.fn();
     var onBlur = jest.fn();
 
-    var _render15 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
+    var _render17 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
       name: "test",
       label: "test-radio-group-label",
       helperText: "test-radio-group-helper-text",
@@ -445,9 +502,9 @@ describe("Radio Group component tests", function () {
       onChange: onChange,
       onBlur: onBlur
     })),
-        getByRole = _render15.getByRole,
-        getAllByRole = _render15.getAllByRole,
-        container = _render15.container;
+        getByRole = _render17.getByRole,
+        getAllByRole = _render17.getAllByRole,
+        container = _render17.container;
 
     var radioGroup = getByRole("radiogroup");
     var radios = getAllByRole("radio");
@@ -480,7 +537,7 @@ describe("Radio Group component tests", function () {
     var onChange = jest.fn();
     var onBlur = jest.fn();
 
-    var _render16 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
+    var _render18 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
       defaultValue: "8",
       name: "test",
       label: "test-radio-group-label",
@@ -489,9 +546,9 @@ describe("Radio Group component tests", function () {
       onChange: onChange,
       onBlur: onBlur
     })),
-        getByRole = _render16.getByRole,
-        getAllByRole = _render16.getAllByRole,
-        container = _render16.container;
+        getByRole = _render18.getByRole,
+        getAllByRole = _render18.getAllByRole,
+        container = _render18.container;
 
     var radioGroup = getByRole("radiogroup");
     var radios = getAllByRole("radio");
@@ -529,7 +586,7 @@ describe("Radio Group component tests", function () {
     var onChange = jest.fn();
     var onBlur = jest.fn();
 
-    var _render17 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
+    var _render19 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
       defaultValue: "2",
       name: "test",
       label: "test-radio-group-label",
@@ -538,9 +595,9 @@ describe("Radio Group component tests", function () {
       onChange: onChange,
       onBlur: onBlur
     })),
-        getByRole = _render17.getByRole,
-        getAllByRole = _render17.getAllByRole,
-        container = _render17.container;
+        getByRole = _render19.getByRole,
+        getAllByRole = _render19.getAllByRole,
+        container = _render19.container;
 
     var radioGroup = getByRole("radiogroup");
     var radios = getAllByRole("radio");
@@ -577,16 +634,16 @@ describe("Radio Group component tests", function () {
   test("Keyboard focus movement continues from the last radio input clicked", function () {
     var onChange = jest.fn();
 
-    var _render18 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
+    var _render20 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
       name: "test",
       label: "test-radio-group-label",
       helperText: "test-radio-group-helper-text",
       options: options,
       onChange: onChange
     })),
-        getByRole = _render18.getByRole,
-        getAllByRole = _render18.getAllByRole,
-        container = _render18.container;
+        getByRole = _render20.getByRole,
+        getAllByRole = _render20.getAllByRole,
+        container = _render20.container;
 
     var radioGroup = getByRole("radiogroup");
     var radios = getAllByRole("radio");
@@ -625,7 +682,7 @@ describe("Radio Group component tests", function () {
   test("Readonly radio group lets the user move the focus, but neither click nor keyboard press changes the value", function () {
     var onChange = jest.fn();
 
-    var _render19 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
+    var _render21 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
       name: "test",
       label: "test-radio-group-label",
       helperText: "test-radio-group-helper-text",
@@ -633,9 +690,9 @@ describe("Radio Group component tests", function () {
       onChange: onChange,
       readonly: true
     })),
-        getByRole = _render19.getByRole,
-        getAllByRole = _render19.getAllByRole,
-        container = _render19.container;
+        getByRole = _render21.getByRole,
+        getAllByRole = _render21.getAllByRole,
+        container = _render21.container;
 
     var radioGroup = getByRole("radiogroup");
     var radios = getAllByRole("radio");

package/resultsetTable/Icons.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const icons: {
+    arrowUp: JSX.Element;
+    arrowDown: JSX.Element;
+    bothArrows: JSX.Element;
+};
+export default icons;

package/resultsetTable/Icons.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var icons = {
+  arrowUp: /*#__PURE__*/_react["default"].createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    height: "24",
+    viewBox: "0 0 24 24",
+    width: "24",
+    fill: "currentColor"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M0 0h24v24H0V0z",
+    fill: "none"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
+  })),
+  arrowDown: /*#__PURE__*/_react["default"].createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    height: "24",
+    viewBox: "0 0 24 24",
+    width: "24",
+    fill: "currentColor"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M0 0h24v24H0V0z",
+    fill: "none"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
+  })),
+  bothArrows: /*#__PURE__*/_react["default"].createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    height: "24",
+    viewBox: "0 0 24 24",
+    width: "24",
+    fill: "currentColor"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M0 0h24v24H0z",
+    fill: "none"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M12 5.83L15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z"
+  }))
+};
+var _default = icons;
+exports["default"] = _default;