@dxc-technology/halstack-react 0.0.0-7da4f49 → 0.0.0-7e6bf6c

package/radio/Radio.test.js

@@ -1,71 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-var _Radio = _interopRequireDefault(require("./Radio"));
-
-describe("Radio component tests", function () {
-  test("Radio renders correctly", function () {
-    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
-      label: "Radio button"
-    })),
-        getByText = _render.getByText;
-
-    expect(getByText("Radio button")).toBeTruthy();
-  });
-  test("Calls correct function on click", function () {
-    var onClick = jest.fn();
-
-    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
-      label: "Radio button",
-      onClick: onClick
-    })),
-        getByText = _render2.getByText;
-
-    _react2.fireEvent.click(getByText("Radio button"));
-
-    expect(onClick).toHaveBeenCalled();
-    expect(onClick).toHaveBeenCalledWith(true);
-  });
-  test("Controlled Radio", function () {
-    var onClick = jest.fn();
-
-    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
-      label: "Radio button",
-      checked: false,
-      onClick: onClick
-    })),
-        getByText = _render3.getByText,
-        getByRole = _render3.getByRole;
-
-    expect(getByRole("radio").checked).toBe(false);
-
-    _react2.fireEvent.click(getByText("Radio button"));
-
-    expect(onClick).toHaveBeenCalled();
-    expect(onClick).toHaveBeenCalledWith(true);
-    expect(getByRole("radio").checked).toBe(false);
-  });
-  test("Uncontrolled Radio", function () {
-    var onClick = jest.fn();
-
-    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
-      label: "Radio button",
-      onClick: onClick
-    })),
-        getByText = _render4.getByText,
-        getByRole = _render4.getByRole;
-
-    expect(getByRole("radio").checked).toBe(false);
-
-    _react2.fireEvent.click(getByText("Radio button"));
-
-    expect(onClick).toHaveBeenCalled();
-    expect(onClick).toHaveBeenCalledWith(true);
-    expect(getByRole("radio").checked).toBe(false);
-  });
-});

package/radio/types.d.ts

@@ -1,54 +0,0 @@
-declare type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
-declare type Margin = {
-    top?: Space;
-    bottom?: Space;
-    left?: Space;
-    right?: Space;
-};
-declare type Props = {
-    /**
-     * If true, the radio is selected. If undefined the component will be uncontrolled
-     * and the value will be managed internally by the component.
-     */
-    checked?: boolean;
-    /**
-     * Will be passed to the value attribute of the html input element. When inside a
-     * form, this value will be only submitted if the radio is checked.
-     */
-    value?: string;
-    /**
-     * Text to be placed next to the radio.
-     */
-    label: string;
-    /**
-     * Whether the label should appear after or before the radio.
-     */
-    labelPosition?: "before" | "after";
-    /**
-     * Name attribute of the input element.
-     */
-    name?: string;
-    /**
-     * If true, the component will be disabled.
-     */
-    disabled?: boolean;
-    /**
-     * If true, the radio will change its appearence, showing that the value is required.
-     */
-    required?: boolean;
-    /**
-     * This function will be called when the user clicks the radio. The new value will
-     * be passed as a parameter.
-     */
-    onClick?: (val: boolean) => void;
-    /**
-     * Size of the margin to be applied to the component ('xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge').
-     * You can pass an object with 'top', 'bottom', 'left' and 'right' properties in order to specify different margin sizes.
-     */
-    margin?: Space | Margin;
-    /**
-     * Size of the component.
-     */
-    size?: "small" | "medium" | "large" | "fillParent" | "fitContent";
-};
-export default Props;