@dxc-technology/halstack-react 0.0.0-4fd9593 → 0.0.0-58e75a5

package/dist/new-date/NewDate.js

@@ -63,6 +63,8 @@ var DxcNewDate = _react["default"].forwardRef(function (_ref, ref) {
       helperText = _ref$helperText === void 0 ? "" : _ref$helperText,
       _ref$placeholder = _ref.placeholder,
       placeholder = _ref$placeholder === void 0 ? false : _ref$placeholder,
+      _ref$clearable = _ref.clearable,
+      clearable = _ref$clearable === void 0 ? false : _ref$clearable,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       _ref$optional = _ref.optional,
@@ -320,6 +322,7 @@ var DxcNewDate = _react["default"].forwardRef(function (_ref, ref) {
     helperText: helperText,
     placeholder: placeholder ? format.toUpperCase() : null,
     action: calendarAction,
+    clearable: clearable,
     disabled: disabled,
     optional: optional,
     onChange: handleIOnChange,
@@ -377,6 +380,7 @@ DxcNewDate.propTypes = {
   format: _propTypes["default"].string,
   helperText: _propTypes["default"].string,
   placeholder: _propTypes["default"].bool,
+  clearable: _propTypes["default"].bool,
   disabled: _propTypes["default"].bool,
   optional: _propTypes["default"].bool,
   onChange: _propTypes["default"].func,

package/dist/new-input-text/NewInputText.js

@@ -86,7 +86,7 @@ function _templateObject11() {
 }
 
 function _templateObject10() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-wrap: wrap;\n  align-content: center;\n  height: 18px;\n  width: 18px;\n  margin-left: calc(1rem * 0.25);\n  pointer-events: none;\n  color: ", ";\n\n  svg {\n    line-height: 18px;\n    font-size: 1.25rem;\n  }\n"]);
+  var data = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-wrap: wrap;\n  align-content: center;\n  padding: 3px;\n  height: 18px;\n  width: 18px;\n  margin-left: calc(1rem * 0.25);\n  pointer-events: none;\n  color: ", ";\n\n  svg {\n    line-height: 18px;\n    font-size: 1.25rem;\n  }\n"]);
 
   _templateObject10 = function _templateObject10() {
     return data;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxc-technology/halstack-react",
-  "version": "0.0.0-4fd9593",
+  "version": "0.0.0-58e75a5",
   "description": "DXC Halstack React components library",
   "repository": "dxc-technology/halstack-react",
   "homepage": "http://developer.dxc.com/tools/react",

package/test/NewDate.test.js

@@ -5,16 +5,19 @@ import userEvent from "@testing-library/user-event";
 import DxcNewDate from "../src/new-date/NewDate";
 
 describe("NewDate component tests", () => {
-  test("Renders with correct label, helper text, optional and placeholder", () => {
-    const { getByText, getByRole } = render(
-      <DxcNewDate label="Example label" helperText="Example of helper text" placeholder optional />
+  test("Renders with correct label, helper text, optional, placeholder and clearable action", () => {
+    const { getByText, getByRole, getAllByRole } = render(
+      <DxcNewDate label="Example label" helperText="Example of helper text" placeholder optional clearable />
     );
     const input = getByRole("textbox");
-
     expect(getByText("Example label")).toBeTruthy();
     expect(getByText("Example of helper text")).toBeTruthy();
     expect(getByText("(Optional)")).toBeTruthy();
     expect(input.getAttribute("placeholder")).toBe("DD-MM-YYYY");
+    userEvent.type(input, "10/90/2010");
+    const closeAction = getAllByRole("button")[0];
+    userEvent.click(closeAction);
+    expect(input.value).toBe("");
   });
 
   test("Renders with personalized error", () => {