@dxc-technology/halstack-react 0.0.0-227874a → 0.0.0-22b474c

package/link/Link.test.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _Link = _interopRequireDefault(require("./Link.tsx"));
+
+describe("Link component tests", function () {
+  test("Link renders with correct text", function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Link["default"], null, "Link")),
+        getByText = _render.getByText;
+
+    expect(getByText("Link")).toBeTruthy();
+  });
+  test("Link renders with correct href", function () {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+      href: "/testPage"
+    }, "Link")),
+        getByRole = _render2.getByRole;
+
+    expect(getByRole("link").getAttribute("href")).toEqual("/testPage");
+  });
+  test("Link renders with correct disabled state", function () {
+    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+      href: "/testPage",
+      disabled: true
+    }, "Link")),
+        getByText = _render3.getByText;
+
+    expect(getByText("Link").hasAttribute("href")).toBeFalsy();
+
+    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+      onClick: function onClick() {},
+      disabled: true
+    }, "LinkButton")),
+        getByTextLinkButton = _render4.getByText;
+
+    expect(getByTextLinkButton("LinkButton").hasAttribute("onclick")).toBeFalsy();
+  });
+  test("Link open new tab", function () {
+    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+      href: "/testPage",
+      newWindow: true
+    }, "Link")),
+        getByRole = _render5.getByRole;
+
+    expect(getByRole("link").getAttribute("target")).toEqual("_blank");
+  });
+  test("Link onClick called", function () {
+    var onClick = jest.fn();
+
+    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+      onClick: onClick
+    }, "Link")),
+        getByText = _render6.getByText;
+
+    var link = getByText("Link");
+
+    _react2.fireEvent.click(link);
+
+    expect(onClick).toHaveBeenCalled();
+  });
+  test("Disabled link onClick not called", function () {
+    var onClick = jest.fn();
+
+    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+      onClick: onClick,
+      disabled: true
+    }, "Link")),
+        getByText = _render7.getByText;
+
+    var link = getByText("Link");
+
+    _react2.fireEvent.click(link);
+
+    expect(onClick).toHaveBeenCalledTimes(0);
+  });
+});

package/link/types.d.ts

@@ -0,0 +1,54 @@
+/// <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.ReactNode & React.SVGProps<SVGSVGElement>;
+export declare type LinkProps = {
+    /**
+     * If true, the color is inherited from parent.
+     */
+    inheritColor?: boolean;
+    /**
+     * If true, the link is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Indicates the position of the icon in the component.
+     */
+    iconPosition?: "before" | "after";
+    /**
+     * Page to be opened when the user clicks on the link.
+     */
+    href?: string;
+    /**
+     * If true, the page is opened in a new browser tab.
+     */
+    newWindow?: boolean;
+    /**
+     * If defined, the link will be displayed as a button. This
+     * function will be called when the user clicks the link.
+     */
+    onClick?: () => 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;
+    /**
+     * Value of the tabindex.
+     */
+    tabIndex?: number;
+    /**
+     * Content of the link.
+     */
+    children: string;
+    /**
+     * Element or path used as the icon that will be placed next to the link text.
+     */
+    icon?: string | SVG;
+};
+export {};

package/link/types.js

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

package/main.d.ts

@@ -1,40 +1,45 @@
-export { default as DxcAccordion } from "./accordion/index";
-export { default as DxcAccordionGroup } from "./accordion-group/index";
-export { default as DxcAlert } from "./alert/index";
-export { default as DxcBox } from "./box/index";
-export { default as DxcButton } from "./button/index";
-export { default as DxcCard } from "./card/index";
-export { default as DxcCheckbox } from "./checkbox/index";
-export { default as DxcChip } from "./chip/index";
-export { default as DxcDate } from "./date/index";
-export { default as DxcDateInput } from "./date-input/index";
-export { default as DxcDialog } from "./dialog/index";
-export { default as DxcDropdown } from "./dropdown/index";
-export { default as DxcFileInput } from "./file-input/index";
-export { default as DxcFooter } from "./footer/index";
-export { default as DxcHeader } from "./header/index";
-export { default as DxcHeading } from "./heading/index";
-export { default as DxcInputText } from "./input-text/index";
-export { default as DxcLink } from "./link/index";
-export { default as DxcNumberInput } from "./number-input/index";
-export { default as DxcPaginator } from "./paginator/index";
-export { default as DxcPasswordInput } from "./password-input/index";
-export { default as DxcProgressBar } from "./progress-bar/index";
-export { default as DxcRadio } from "./radio/index";
-export { default as DxcResultsetTable } from "./resultsetTable/index";
-export { default as DxcSelect } from "./select/index";
-export { default as DxcSidenav } from "./sidenav/index";
-export { default as DxcSlider } from "./slider/index";
-export { default as DxcSpinner } from "./spinner/index";
-export { default as DxcSwitch } from "./switch/index";
-export { default as DxcTable } from "./table/index";
-export { default as DxcTabs } from "./tabs/index";
-export { default as DxcTag } from "./tag/index";
-export { default as DxcTextInput } from "./text-input/index";
-export { default as DxcTextarea } from "./textarea/index";
-export { default as DxcToggle } from "./toggle/index";
-export { default as DxcToggleGroup } from "./toggle-group/index";
-export { default as DxcUpload } from "./upload/index";
-export { default as V3DxcSelect } from "./V3Select/index";
-export { default as V3DxcTextarea } from "./V3Textarea/index";
-export { default as DxcWizard } from "./wizard/index";
+import DxcAlert from "./alert/Alert";
+import DxcAccordion from "./accordion/Accordion";
+import DxcButton from "./button/Button";
+import DxcCard from "./card/Card";
+import DxcCheckbox from "./checkbox/Checkbox";
+import DxcDialog from "./dialog/Dialog";
+import DxcDropdown from "./dropdown/Dropdown";
+import DxcSlider from "./slider/Slider";
+import DxcSwitch from "./switch/Switch";
+import DxcTabs from "./tabs/Tabs";
+import DxcProgressBar from "./progress-bar/ProgressBar";
+import DxcSpinner from "./spinner/Spinner";
+import DxcTable from "./table/Table";
+import DxcBox from "./box/Box";
+import DxcTag from "./tag/Tag";
+import DxcPaginator from "./paginator/Paginator";
+import DxcWizard from "./wizard/Wizard";
+import DxcLink from "./link/Link";
+import DxcHeading from "./heading/Heading";
+import DxcResultsetTable from "./resultsetTable/ResultsetTable";
+import DxcChip from "./chip/Chip";
+import DxcApplicationLayout from "./layout/ApplicationLayout";
+import DxcToggleGroup from "./toggle-group/ToggleGroup";
+import DxcAccordionGroup from "./accordion-group/AccordionGroup";
+import DxcBadge from "./badge/Badge";
+import DxcTextInput from "./text-input/TextInput";
+import DxcPasswordInput from "./password-input/PasswordInput";
+import DxcDateInput from "./date-input/DateInput";
+import DxcNumberInput from "./number-input/NumberInput";
+import DxcTextarea from "./textarea/Textarea";
+import DxcSelect from "./select/Select";
+import DxcFileInput from "./file-input/FileInput";
+import DxcRadioGroup from "./radio-group/RadioGroup";
+import DxcBleed from "./bleed/Bleed";
+import DxcInset from "./inset/Inset";
+import DxcQuickNav from "./quick-nav/QuickNav";
+import DxcNavTabs from "./nav-tabs/NavTabs";
+import DxcFlex from "./flex/Flex";
+import DxcTypography from "./typography/Typography";
+import DxcParagraph from "./paragraph/Paragraph";
+import DxcBulletedList from "./bulleted-list/BulletedList";
+import DxcGrid from "./grid/Grid";
+import HalstackContext, { HalstackProvider, HalstackLanguageContext } from "./HalstackContext";
+import { BackgroundColorProvider } from "./BackgroundColorContext";
+export { DxcAlert, DxcButton, DxcCheckbox, DxcTextInput, DxcDropdown, DxcSwitch, DxcSlider, DxcTable, DxcTabs, DxcToggleGroup, DxcDialog, DxcCard, DxcProgressBar, DxcAccordion, DxcSpinner, DxcBox, DxcTag, DxcPaginator, DxcWizard, DxcLink, DxcHeading, DxcResultsetTable, DxcChip, DxcApplicationLayout, HalstackContext, HalstackLanguageContext, HalstackProvider, BackgroundColorProvider, DxcAccordionGroup, DxcBadge, DxcPasswordInput, DxcDateInput, DxcNumberInput, DxcTextarea, DxcSelect, DxcFileInput, DxcRadioGroup, DxcBleed, DxcInset, DxcQuickNav, DxcNavTabs, DxcFlex, DxcTypography, DxcParagraph, DxcBulletedList, DxcGrid, };