@dxc-technology/halstack-react 0.0.0-e628009 → 0.0.0-e961efe

package/dist/tabs-for-sections/TabsForSections.js

@@ -1,92 +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 _reactUseScrollspy = _interopRequireDefault(require("react-use-scrollspy"));
-
-var _Tabs = _interopRequireDefault(require("../tabs/Tabs"));
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  z-index: 10;\n  ", "\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var TABS_HEIGHT = 54;
-
-var DxcTabsForSections = function DxcTabsForSections(_ref) {
-  var _ref$sections = _ref.sections,
-      sections = _ref$sections === void 0 ? [] : _ref$sections,
-      _ref$stickAtPx = _ref.stickAtPx,
-      stickAtPx = _ref$stickAtPx === void 0 ? 0 : _ref$stickAtPx;
-  var tabs = sections.map(function (section) {
-    return {
-      label: section.tabLabel
-    };
-  });
-  var refs = sections.map(function () {
-    return _react["default"].createRef();
-  });
-  var activeTab = (0, _reactUseScrollspy["default"])({
-    sectionElementRefs: refs,
-    offsetPx: -stickAtPx - TABS_HEIGHT
-  });
-
-  var onTabClick = function onTabClick(tabId) {
-    var topOfElement = refs[tabId].current.offsetTop - stickAtPx - TABS_HEIGHT + 5;
-    window.scroll({
-      top: topOfElement,
-      behavior: "smooth"
-    });
-  };
-
-  return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(StyledTabs, {
-    stickAtPx: stickAtPx
-  }, _react["default"].createElement(_Tabs["default"], {
-    tabs: tabs,
-    activeTabIndex: activeTab,
-    onTabClick: onTabClick
-  })), sections.map(function (section, i) {
-    return _react["default"].createElement("div", {
-      key: "section".concat(i),
-      ref: refs[i]
-    }, _react["default"].createElement(section.section, null));
-  }));
-};
-
-DxcTabsForSections.propTypes = {
-  stickAtPx: _propTypes["default"].number,
-  sections: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    tabLabel: _propTypes["default"].string,
-    section: _propTypes["default"].func
-  }))
-};
-DxcTabsForSections.defaultProps = {
-  stickAtPx: 0,
-  sections: []
-};
-
-var StyledTabs = _styledComponents["default"].div(_templateObject(), function (_ref2) {
-  var stickAtPx = _ref2.stickAtPx;
-  return stickAtPx && "\n    position: sticky;\n    top: ".concat(stickAtPx, "px;\n  ");
-});
-
-var _default = DxcTabsForSections;
-exports["default"] = _default;

package/test/TabsForSections.test.js

@@ -1,34 +0,0 @@
-import React from "react";
-import { render } from "@testing-library/react";
-import DxcTabsForSections from "../src/tabs-for-sections/TabsForSections";
-
-const sections = [
-  {
-    tabLabel: "S1",
-    section: () => <div>test-section-1</div>,
-  },
-  {
-    tabLabel: "S2",
-    section: () => <div>test-section-2</div>,
-  },
-  {
-    tabLabel: "S3",
-    section: () => <div>test-section-3</div>,
-  },
-];
-
-describe("TabsForSections component tests", () => {
-  test("TabsForSections renders with correct sections label", () => {
-    const { getByText } = render(<DxcTabsForSections sections={sections}></DxcTabsForSections>);
-    expect(getByText("S1")).toBeTruthy();
-    expect(getByText("S2")).toBeTruthy();
-    expect(getByText("S3")).toBeTruthy();
-  });
-
-  test("TabsForSections renders with correct sections content", () => {
-    const { getByText } = render(<DxcTabsForSections sections={sections}></DxcTabsForSections>);
-    expect(getByText("test-section-1")).toBeTruthy();
-    expect(getByText("test-section-2")).toBeTruthy();
-    expect(getByText("test-section-3")).toBeTruthy();
-  });
-});