@dxc-technology/halstack-react 0.0.0-5bbb9f7 → 0.0.0-5c3371c

package/chip/Chip.test.js

@@ -1,56 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-var _Chip = _interopRequireDefault(require("./Chip"));
-
-var _invision = _interopRequireDefault(require("../../app/src/images/invision.svg"));
-
-describe("Chip component tests", function () {
-  test("Chip renders with correct text", function () {
-    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Chip["default"], {
-      label: "Chip"
-    })),
-        getByText = _render.getByText;
-
-    expect(getByText("Chip")).toBeTruthy();
-  });
-  test("Calls correct function when clicking on prefix icon", function () {
-    var onClick = jest.fn();
-
-    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Chip["default"], {
-      label: "Chip",
-      prefixIcon: _invision["default"],
-      onClickPrefix: onClick
-    })),
-        getByText = _render2.getByText,
-        getByRole = _render2.getByRole;
-
-    expect(getByText("Chip")).toBeTruthy();
-
-    _react2.fireEvent.click(getByRole("img"));
-
-    expect(onClick).toHaveBeenCalled();
-  });
-  test("Calls correct function when clicking on suffix icon", function () {
-    var onClick = jest.fn();
-
-    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Chip["default"], {
-      label: "Chip",
-      suffixIcon: _invision["default"],
-      onClickSuffix: onClick
-    })),
-        getByText = _render3.getByText,
-        getByRole = _render3.getByRole;
-
-    expect(getByText("Chip")).toBeTruthy();
-
-    _react2.fireEvent.click(getByRole("img"));
-
-    expect(onClick).toHaveBeenCalled();
-  });
-});

package/chip/types.d.ts

@@ -1,45 +0,0 @@
-/// <reference types="react" />
-declare type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
-declare type Margin = {
-    top?: Space;
-    bottom?: Space;
-    left?: Space;
-    right?: Space;
-};
-declare type SVG = React.SVGProps<SVGSVGElement>;
-declare type Props = {
-    /**
-     * Text to be placed on the chip.
-     */
-    label?: string;
-    /**
-     * Element or path used as icon to be placed after the chip label.
-     */
-    suffixIcon?: string | SVG;
-    /**
-     * Element or path used as icon to be placed before the chip label.
-     */
-    prefixIcon?: string | SVG;
-    /**
-     * This function will be called when the suffix is clicked.
-     */
-    onClickSuffix?: () => void;
-    /**
-     * This function will be called when the prefix is clicked.
-     */
-    onClickPrefix?: () => void;
-    /**
-     * If true, the component will be disabled.
-     */
-    disabled?: boolean;
-    /**
-     * 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;
-    /**
-     * Value of the tabindex attribute.
-     */
-    tabIndex?: number;
-};
-export default Props;

package/chip/types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/common/OpenSans.css

@@ -1,81 +0,0 @@
-
- @font-face {
-    font-family: 'Open Sans';
-    src: url('./fonts/OpenSans-Light.ttf')
-      format('truetype');
-    font-style: normal;
-    font-weight: 200;
-  }
-  
-  @font-face {
-    font-family: 'Open Sans';
-    src: url('./fonts/OpenSans-Regular.ttf')
-      format('truetype');
-    font-style: normal;
-    font-weight: 400;
-  }
-  
-  @font-face {
-    font-family: 'Open Sans';
-    src: url('./fonts/OpenSans-SemiBold.ttf')
-      format('truetype');
-    font-style: normal;
-    font-weight: 600;
-  }
-  
-  @font-face {
-    font-family: 'Open Sans';
-    src: url('./fonts/OpenSans-Bold.ttf')
-      format('truetype');
-    font-style: normal;
-    font-weight: 700;
-  }
-  
-  @font-face {
-    font-family: 'Open Sans';
-    src: url('./fonts/OpenSans-ExtraBold.ttf')
-      format('truetype');
-    font-style: normal;
-    font-weight: 800;
-  }
-  
-  @font-face {
-    font-family: 'Open Sans';
-    src: url('./fonts/OpenSans-LightItalic.ttf')
-      format('truetype');
-    font-style: italic;
-    font-weight: 200;
-  }
-  
-  @font-face {
-    font-family: 'Open Sans';
-    src: url('./fonts/OpenSans-Italic.ttf')
-      format('truetype');
-    font-style: italic;
-    font-weight: 400;
-  }
-  
-  @font-face {
-    font-family: 'Open Sans';
-    src: url('./fonts/OpenSans-SemiBoldItalic.ttf')
-      format('truetype');
-    font-style: italic;
-    font-weight: 600;
-  }
-  
-  @font-face {
-    font-family: 'Open Sans';
-    src: url('./fonts/OpenSans-BoldItalic.ttf')
-      format('truetype');
-    font-style: italic;
-    font-weight: 700;
-  }
-  
-  @font-face {
-    font-family: 'Open Sans';
-    src: url('./fonts/OpenSans-ExtraBoldItalic.ttf')
-      format('truetype');
-    font-style: italic;
-    font-weight: 800;
-  }
-  

package/common/RequiredComponent.js

@@ -1,32 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-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 = _interopRequireDefault(require("styled-components"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _templateObject;
-
-var DxcRequired = function DxcRequired(_ref) {
-  var _ref$theme = _ref.theme,
-      theme = _ref$theme === void 0 ? "light" : _ref$theme;
-  return /*#__PURE__*/_react["default"].createElement(RequiredSpan, null, "*");
-};
-
-var RequiredSpan = _styledComponents["default"].span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  color: #d0011b;\n  margin-right: 1px;\n  cursor: default;\n"])));
-
-DxcRequired.propTypes = {
-  theme: _propTypes["default"].oneOf(["dark", "light"])
-};
-var _default = DxcRequired;
-exports["default"] = _default;

package/common/utils.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getMargin = void 0;
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
-var _variables = require("./variables.js");
-
-var getMargin = function getMargin(marginProp, side) {
-  if (marginProp && (0, _typeof2["default"])(marginProp) === "object") {
-    return marginProp[side] && _variables.spaces[marginProp[side]] || "0px";
-  } else {
-    return marginProp && _variables.spaces[marginProp] || "0px";
-  }
-};
-
-exports.getMargin = getMargin;