@dxc-technology/halstack-react 0.0.0-59b9187 → 0.0.0-5a4d834

package/wizard/Wizard.stories.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import DxcWizard from "./Wizard";
 import Title from "../../.storybook/components/Title";
 import ExampleContainer from "../../.storybook/components/ExampleContainer";
-import { userEvent, within } from "@storybook/testing-library";
+import { userEvent, within } from "@storybook/test";
 import { HalstackProvider } from "../HalstackContext";
 
 export default {

package/wizard/Wizard.test.d.ts

@@ -0,0 +1 @@
+export {};

package/wizard/Wizard.test.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
-var _Wizard = _interopRequireDefault(require("./Wizard.tsx"));
+var _Wizard = _interopRequireDefault(require("./Wizard"));
 describe("Wizard components tests", function () {
   test("Wizard renders with correct steps", function () {
     var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Wizard["default"], {

package/contextual-menu/MenuItemAction.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { MenuItemActionProps } from "./types";
-declare const _default: React.MemoExoticComponent<({ label, icon, slot, selected, onSelect }: MenuItemActionProps) => React.JSX.Element>;
-export default _default;

package/contextual-menu/MenuItemAction.js

@@ -1,46 +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 _coreTokens = _interopRequireDefault(require("../common/coreTokens"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var MenuItemAction = function MenuItemAction(_ref) {
-  var label = _ref.label,
-    icon = _ref.icon,
-    slot = _ref.slot,
-    selected = _ref.selected,
-    onSelect = _ref.onSelect;
-  return /*#__PURE__*/_react["default"].createElement(Action, {
-    "aria-selected": selected,
-    selected: selected,
-    onClick: function onClick() {
-      return onSelect();
-    }
-  }, /*#__PURE__*/_react["default"].createElement(Label, null, icon && /*#__PURE__*/_react["default"].createElement(Icon, {
-    "aria-hidden": true
-  }, typeof icon === "string" ? /*#__PURE__*/_react["default"].createElement("img", {
-    src: icon
-  }) : icon), /*#__PURE__*/_react["default"].createElement(Text, {
-    onMouseEnter: function onMouseEnter(event) {
-      var text = event.currentTarget;
-      if (text.title === "" && text.scrollWidth > text.clientWidth) text.title = label;
-    }
-  }, label)), slot);
-};
-var Action = _styledComponents["default"].button(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  border: none;\n  border-radius: 4px;\n  padding: ", " ", ";\n  box-shadow: inset 0 0 0 2px transparent;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: ", ";\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  line-height: 24px;\n  ", ";\n  cursor: pointer;\n  overflow: hidden;\n\n  &:hover {\n    ", ";\n  }\n  &:active {\n    ", ";\n  }\n  &:focus {\n    outline: 2px solid ", ";\n    outline-offset: -1px;\n  }\n"])), _coreTokens["default"].spacing_4, _coreTokens["default"].spacing_8, _coreTokens["default"].spacing_16, _coreTokens["default"].color_grey_900, _coreTokens["default"].type_sans, _coreTokens["default"].type_scale_02, function (props) {
-  return props.selected ? "background-color: ".concat(_coreTokens["default"].color_purple_100, "; font-weight: ").concat(_coreTokens["default"].type_semibold, ";") : "background-color: ".concat(_coreTokens["default"].color_transparent);
-}, function (props) {
-  return props.selected ? "background-color: ".concat(_coreTokens["default"].color_purple_200, ";") : "background-color: ".concat(_coreTokens["default"].color_grey_100, ";");
-}, function (props) {
-  return props.selected ? "background-color: ".concat(_coreTokens["default"].color_purple_200, ";") : "background-color: ".concat(_coreTokens["default"].color_grey_100, ";");
-}, _coreTokens["default"].color_blue_600);
-var Label = _styledComponents["default"].span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  overflow: hidden;\n"])), _coreTokens["default"].spacing_8);
-var Text = _styledComponents["default"].span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])));
-var Icon = _styledComponents["default"].span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n"])));
-var _default = exports["default"] = /*#__PURE__*/_react["default"].memo(MenuItemAction);