@dxc-technology/halstack-react 12.2.0 → 13.1.0

package/contextual-menu/ContextualMenu.test.js

@@ -1,247 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@testing-library/react");
-var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-var _ContextualMenu = _interopRequireDefault(require("./ContextualMenu"));
-var items = [{
-  label: "Item 1"
-}, {
-  label: "Item 2"
-}, {
-  label: "Item 3"
-}, {
-  label: "Item 4"
-}];
-var sections = [{
-  title: "Team repositories",
-  items: [{
-    label: "Approved locations"
-  }, {
-    label: "Approved locations"
-  }, {
-    label: "Approved locations"
-  }]
-}, {
-  items: [{
-    label: "Approved locations"
-  }, {
-    label: "Approved locations"
-  }, {
-    label: "Approved locations"
-  }]
-}];
-var groups = [{
-  label: "Grouped Item 1",
-  items: [{
-    label: "Item 1"
-  }, {
-    label: "Grouped Item 2",
-    items: [{
-      label: "Item 2"
-    }, {
-      label: "Item 3"
-    }]
-  }]
-}, {
-  label: "Item 4",
-  icon: "key"
-}, {
-  label: "Grouped Item 3",
-  items: [{
-    label: "Item 6"
-  }, {
-    label: "Item 7"
-  }]
-}, {
-  label: "Item 8"
-}];
-describe("Contextual menu component tests", function () {
-  test("Single - Renders with correct aria attributes", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-    var _render, getAllByRole, getByRole, actions;
-    return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ContextualMenu["default"], {
-            items: items
-          })), getAllByRole = _render.getAllByRole, getByRole = _render.getByRole;
-          expect(getAllByRole("menuitem").length).toBe(4);
-          actions = getAllByRole("button");
-          _context.next = 5;
-          return _userEvent["default"].click(actions[0]);
-        case 5:
-          expect(actions[0].getAttribute("aria-selected")).toBeTruthy();
-          expect(getByRole("menu")).toBeTruthy();
-        case 7:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  })));
-  test("Single - An item can appear as selected by default by using the attribute selectedByDefault", function () {
-    var test = [{
-      label: "Tested item",
-      selectedByDefault: true
-    }];
-    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ContextualMenu["default"], {
-        items: test
-      })),
-      getByRole = _render2.getByRole;
-    var item = getByRole("button");
-    expect(item.getAttribute("aria-selected")).toBeTruthy();
-  });
-  test("Group - Group items collapse when clicked", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-    var _render3, queryByText, getByText;
-    return _regenerator["default"].wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ContextualMenu["default"], {
-            items: groups
-          })), queryByText = _render3.queryByText, getByText = _render3.getByText;
-          _context2.next = 3;
-          return _userEvent["default"].click(getByText("Grouped Item 1"));
-        case 3:
-          expect(getByText("Item 1")).toBeTruthy();
-          expect(getByText("Grouped Item 2")).toBeTruthy();
-          _context2.next = 7;
-          return _userEvent["default"].click(getByText("Grouped Item 2"));
-        case 7:
-          expect(getByText("Item 2")).toBeTruthy();
-          expect(getByText("Item 3")).toBeTruthy();
-          _context2.next = 11;
-          return _userEvent["default"].click(getByText("Grouped Item 1"));
-        case 11:
-          expect(queryByText("Item 1")).toBeFalsy();
-          expect(queryByText("Item 2")).toBeFalsy();
-          expect(queryByText("Item 3")).toBeFalsy();
-        case 14:
-        case "end":
-          return _context2.stop();
-      }
-    }, _callee2);
-  })));
-  test("Group - Renders with correct aria attributes", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
-    var _render4, getAllByRole, group1, optionToBeClicked;
-    return _regenerator["default"].wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ContextualMenu["default"], {
-            items: groups
-          })), getAllByRole = _render4.getAllByRole;
-          group1 = getAllByRole("button")[0];
-          _context3.next = 4;
-          return _userEvent["default"].click(group1);
-        case 4:
-          expect(group1.getAttribute("aria-expanded")).toBeTruthy();
-          expect(group1.getAttribute("aria-controls")).toBe(getAllByRole("list")[0].id);
-          _context3.next = 8;
-          return _userEvent["default"].click(getAllByRole("button")[2]);
-        case 8:
-          _context3.next = 10;
-          return _userEvent["default"].click(getAllByRole("button")[6]);
-        case 10:
-          expect(getAllByRole("menuitem").length).toBe(10);
-          optionToBeClicked = getAllByRole("button")[4];
-          _context3.next = 14;
-          return _userEvent["default"].click(optionToBeClicked);
-        case 14:
-          expect(optionToBeClicked.getAttribute("aria-selected")).toBeTruthy();
-        case 15:
-        case "end":
-          return _context3.stop();
-      }
-    }, _callee3);
-  })));
-  test("Group - A grouped item, selected by default, must be visible (expanded group) in the first render of the component", function () {
-    var test = [{
-      label: "Grouped item",
-      items: [{
-        label: "Tested item",
-        selectedByDefault: true
-      }]
-    }];
-    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ContextualMenu["default"], {
-        items: test
-      })),
-      getByText = _render5.getByText,
-      getAllByRole = _render5.getAllByRole;
-    expect(getByText("Tested item")).toBeTruthy();
-    expect(getAllByRole("button")[1].getAttribute("aria-selected")).toBeTruthy();
-  });
-  test("Group - Collapsed groups render as selected when containing a selected item", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4() {
-    var _render6, getAllByRole, group1, group2, item;
-    return _regenerator["default"].wrap(function _callee4$(_context4) {
-      while (1) switch (_context4.prev = _context4.next) {
-        case 0:
-          _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ContextualMenu["default"], {
-            items: groups
-          })), getAllByRole = _render6.getAllByRole;
-          group1 = getAllByRole("button")[0];
-          _context4.next = 4;
-          return _userEvent["default"].click(group1);
-        case 4:
-          group2 = getAllByRole("button")[2];
-          _context4.next = 7;
-          return _userEvent["default"].click(group2);
-        case 7:
-          item = getAllByRole("button")[3];
-          _context4.next = 10;
-          return _userEvent["default"].click(item);
-        case 10:
-          expect(item.getAttribute("aria-selected")).toBeTruthy();
-          expect(group1.getAttribute("aria-selected")).toBe("false");
-          expect(group2.getAttribute("aria-selected")).toBe("false");
-          _context4.next = 15;
-          return _userEvent["default"].click(group2);
-        case 15:
-          expect(group2.getAttribute("aria-selected")).toBe("true");
-          _context4.next = 18;
-          return _userEvent["default"].click(group1);
-        case 18:
-          expect(group1.getAttribute("aria-selected")).toBe("true");
-        case 19:
-        case "end":
-          return _context4.stop();
-      }
-    }, _callee4);
-  })));
-  test("Sections - Renders with correct aria attributes", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5() {
-    var _render7, getAllByRole, actions, section;
-    return _regenerator["default"].wrap(function _callee5$(_context5) {
-      while (1) switch (_context5.prev = _context5.next) {
-        case 0:
-          _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ContextualMenu["default"], {
-            items: sections
-          })), getAllByRole = _render7.getAllByRole;
-          expect(getAllByRole("menuitem").length).toBe(6);
-          actions = getAllByRole("button");
-          _context5.next = 5;
-          return _userEvent["default"].click(actions[0]);
-        case 5:
-          expect(actions[0].getAttribute("aria-selected")).toBeTruthy();
-          expect(getAllByRole("group").length).toBe(2);
-          section = getAllByRole("group")[0];
-          expect(section.getAttribute("aria-labelledby")).toBe("Team repositories");
-        case 9:
-        case "end":
-          return _context5.stop();
-      }
-    }, _callee5);
-  })));
-  test("The onSelect event from each item is called correctly", function () {
-    var test = [{
-      label: "Tested item",
-      onSelect: jest.fn()
-    }];
-    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ContextualMenu["default"], {
-        items: test
-      })),
-      getByRole = _render8.getByRole;
-    var item = getByRole("button");
-    _react2.fireEvent.click(item);
-    expect(test[0].onSelect).toHaveBeenCalled();
-  });
-});

package/contextual-menu/GroupItem.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { GroupItemProps } from "./types";
-declare const _default: React.MemoExoticComponent<({ items, ...props }: GroupItemProps) => React.JSX.Element>;
-export default _default;

package/contextual-menu/GroupItem.js

@@ -1,67 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _coreTokens = _interopRequireDefault(require("../common/coreTokens"));
-var _MenuItem = _interopRequireDefault(require("./MenuItem"));
-var _ItemAction = _interopRequireDefault(require("./ItemAction"));
-var _ContextualMenu = require("./ContextualMenu");
-var _Icon = _interopRequireDefault(require("../icon/Icon"));
-var _templateObject;
-var _excluded = ["items"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var isGroupSelected = function isGroupSelected(items, selectedItemId) {
-  return items.some(function (item) {
-    if ("items" in item) return isGroupSelected(item.items, selectedItemId);else if (selectedItemId !== -1) return item.id === selectedItemId;else return item.selectedByDefault;
-  });
-};
-var GroupItem = function GroupItem(_ref) {
-  var items = _ref.items,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var groupMenuId = "group-menu-".concat(props.label);
-  var _useContext = (0, _react.useContext)(_ContextualMenu.ContextualMenuContext),
-    selectedItemId = _useContext.selectedItemId;
-  var groupSelected = (0, _react.useMemo)(function () {
-    return isGroupSelected(items, selectedItemId);
-  }, [items, selectedItemId]);
-  var _useState = (0, _react.useState)(groupSelected && selectedItemId === -1 ? true : false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_ItemAction["default"], (0, _extends2["default"])({
-    "aria-controls": groupMenuId,
-    "aria-expanded": isOpen ? true : undefined,
-    "aria-selected": groupSelected && !isOpen,
-    collapseIcon: isOpen ? /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
-      icon: "filled_expand_less"
-    }) : /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
-      icon: "filled_expand_more"
-    }),
-    onClick: function onClick() {
-      setIsOpen(function (isOpen) {
-        return !isOpen;
-      });
-    },
-    selected: groupSelected && !isOpen
-  }, props)), isOpen && /*#__PURE__*/_react["default"].createElement(ItemsList, {
-    id: groupMenuId
-  }, items.map(function (item) {
-    return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-      item: item,
-      depthLevel: props.depthLevel + 1
-    });
-  })));
-};
-var ItemsList = _styledComponents["default"].ul(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  padding: 0;\n  display: grid;\n  gap: ", ";\n  list-style: none;\n"])), _coreTokens["default"].spacing_4);
-var _default = exports["default"] = /*#__PURE__*/_react["default"].memo(GroupItem);

package/contextual-menu/ItemAction.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { ItemActionProps } from "./types";
-declare const ItemAction: ({ badge, collapseIcon, icon, label, depthLevel, ...props }: ItemActionProps) => React.JSX.Element;
-export default ItemAction;

package/contextual-menu/ItemAction.js

@@ -1,88 +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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _coreTokens = _interopRequireDefault(require("../common/coreTokens"));
-var _Icon = _interopRequireDefault(require("../icon/Icon"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var _excluded = ["badge", "collapseIcon", "icon", "label", "depthLevel"];
-var ItemAction = function ItemAction(_ref) {
-  var badge = _ref.badge,
-    collapseIcon = _ref.collapseIcon,
-    icon = _ref.icon,
-    label = _ref.label,
-    depthLevel = _ref.depthLevel,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var modifiedBadge = badge && /*#__PURE__*/_react["default"].cloneElement(badge, {
-    size: "small"
-  });
-  return /*#__PURE__*/_react["default"].createElement(Action, (0, _extends2["default"])({
-    depthLevel: depthLevel
-  }, props), /*#__PURE__*/_react["default"].createElement(Label, null, collapseIcon && /*#__PURE__*/_react["default"].createElement(Icon, null, collapseIcon), icon && depthLevel === 0 && /*#__PURE__*/_react["default"].createElement(Icon, null, typeof icon === "string" ? /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
-    icon: icon
-  }) : icon), /*#__PURE__*/_react["default"].createElement(Text, {
-    selected: props.selected,
-    onMouseEnter: function onMouseEnter(event) {
-      var text = event.currentTarget;
-      if (text.title === "" && text.scrollWidth > text.clientWidth) text.title = label;
-    }
-  }, label)), modifiedBadge);
-};
-var Action = _styledComponents["default"].button(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  border: none;\n  border-radius: 4px;\n  width: 100%;\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  ", ";\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"])), function (props) {
-  return "".concat(_coreTokens["default"].spacing_4, " ").concat(_coreTokens["default"].spacing_8, " ").concat(_coreTokens["default"].spacing_4, " ", "\n    calc(".concat(_coreTokens["default"].spacing_8, " + (").concat(_coreTokens["default"].spacing_24, " * ").concat(props.depthLevel, "))\n  "), ";");
-}, _coreTokens["default"].spacing_16, function (_ref2) {
-  var selected = _ref2.selected,
-    theme = _ref2.theme;
-  return selected ? "background-color: ".concat(theme.selectedMenuItemBackgroundColor, ";") : "background-color: ".concat(_coreTokens["default"].color_transparent);
-}, function (_ref3) {
-  var selected = _ref3.selected,
-    theme = _ref3.theme;
-  return selected ? "background-color: ".concat(theme.hoverSelectedMenuItemBackgroundColor, ";") : "background-color: ".concat(theme.hoverMenuItemBackgroundColor, ";");
-}, function (_ref4) {
-  var selected = _ref4.selected,
-    theme = _ref4.theme;
-  return selected ? "background-color: ".concat(theme.activeSelectedMenuItemBackgroundColor, ";") : "background-color: ".concat(theme.activeMenuItemBackgroundColor, ";");
-}, _coreTokens["default"].color_blue_600);
-var Icon = _styledComponents["default"].span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  font-size: ", ";\n  color: ", ";\n\n  svg {\n    height: ", ";\n    width: ", ";\n  }\n"])), function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.iconSize;
-}, function (_ref6) {
-  var theme = _ref6.theme;
-  return theme.iconColor;
-}, function (_ref7) {
-  var theme = _ref7.theme;
-  return theme.iconSize;
-}, function (_ref8) {
-  var theme = _ref8.theme;
-  return theme.iconSize;
-});
-var Label = _styledComponents["default"].span(_templateObject3 || (_templateObject3 = (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(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  font-style: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n"])), function (_ref9) {
-  var theme = _ref9.theme;
-  return theme.menuItemFontColor;
-}, function (_ref10) {
-  var theme = _ref10.theme;
-  return theme.fontFamily;
-}, function (_ref11) {
-  var theme = _ref11.theme;
-  return theme.menuItemFontSize;
-}, function (_ref12) {
-  var theme = _ref12.theme;
-  return theme.menuItemFontStyle;
-}, function (_ref13) {
-  var selected = _ref13.selected,
-    theme = _ref13.theme;
-  return selected ? theme.selectedMenuItemFontWeight : theme.menuItemFontWeight;
-}, function (_ref14) {
-  var theme = _ref14.theme;
-  return theme.menuItemLineHeight;
-});
-var _default = exports["default"] = ItemAction;

package/contextual-menu/MenuItem.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { MenuItemProps } from "./types";
-declare const MenuItem: ({ item, depthLevel }: MenuItemProps) => React.JSX.Element;
-export default MenuItem;

package/contextual-menu/MenuItem.js

@@ -1,29 +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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _coreTokens = _interopRequireDefault(require("../common/coreTokens"));
-var _SingleItem = _interopRequireDefault(require("./SingleItem"));
-var _GroupItem = _interopRequireDefault(require("./GroupItem"));
-var _templateObject;
-var MenuItem = function MenuItem(_ref) {
-  var item = _ref.item,
-    _ref$depthLevel = _ref.depthLevel,
-    depthLevel = _ref$depthLevel === void 0 ? 0 : _ref$depthLevel;
-  return /*#__PURE__*/_react["default"].createElement(StyledMenuItem, {
-    role: "menuitem"
-  }, "items" in item ? /*#__PURE__*/_react["default"].createElement(_GroupItem["default"], (0, _extends2["default"])({}, item, {
-    depthLevel: depthLevel
-  })) : /*#__PURE__*/_react["default"].createElement(_SingleItem["default"], (0, _extends2["default"])({}, item, {
-    depthLevel: depthLevel
-  })));
-};
-var StyledMenuItem = _styledComponents["default"].li(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: grid;\n  gap: ", ";\n"])), _coreTokens["default"].spacing_4);
-var _default = exports["default"] = MenuItem;

package/contextual-menu/SingleItem.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { SingleItemProps } from "./types";
-declare const SingleItem: ({ id, onSelect, selectedByDefault, ...props }: SingleItemProps) => React.JSX.Element;
-export default SingleItem;

package/contextual-menu/SingleItem.js

@@ -1,38 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _ContextualMenu = require("./ContextualMenu");
-var _ItemAction = _interopRequireDefault(require("./ItemAction"));
-var _excluded = ["id", "onSelect", "selectedByDefault"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var SingleItem = function SingleItem(_ref) {
-  var id = _ref.id,
-    onSelect = _ref.onSelect,
-    selectedByDefault = _ref.selectedByDefault,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var _useContext = (0, _react.useContext)(_ContextualMenu.ContextualMenuContext),
-    selectedItemId = _useContext.selectedItemId,
-    setSelectedItemId = _useContext.setSelectedItemId;
-  var handleClick = function handleClick() {
-    setSelectedItemId(id);
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect();
-  };
-  (0, _react.useEffect)(function () {
-    if (selectedItemId === -1 && selectedByDefault) setSelectedItemId(id);
-  }, [selectedItemId, selectedByDefault, id]);
-  return /*#__PURE__*/_react["default"].createElement(_ItemAction["default"], (0, _extends2["default"])({
-    "aria-selected": selectedItemId === -1 ? selectedByDefault : selectedItemId === id,
-    onClick: handleClick,
-    selected: selectedItemId === -1 ? selectedByDefault : selectedItemId === id
-  }, props));
-};
-var _default = exports["default"] = SingleItem;

package/contextual-menu/types.d.ts

@@ -1,65 +0,0 @@
-import React from "react";
-type SVG = React.ReactNode & React.SVGProps<SVGSVGElement>;
-type CommonItemProps = {
-    badge?: React.ReactElement;
-    icon?: string | SVG;
-    label: string;
-};
-type Item = CommonItemProps & {
-    onSelect?: () => void;
-    selectedByDefault?: boolean;
-};
-type GroupItem = CommonItemProps & {
-    items: (Item | GroupItem)[];
-};
-type Section = {
-    items: (Item | GroupItem)[];
-    title?: string;
-};
-type Props = {
-    /**
-     * Array of items to be displayed in the Contextual menu.
-     * Each item can be a single/simple item, a group item or a section.
-     */
-    items: (Item | GroupItem)[] | Section[];
-};
-/**
- * Contextual menu internal types.
- */
-type ItemWithId = Item & {
-    id: number;
-};
-type GroupItemWithId = {
-    badge?: React.ReactElement;
-    icon: string | SVG;
-    items: (ItemWithId | GroupItemWithId)[];
-    label: string;
-};
-type SectionWithId = {
-    items: (ItemWithId | GroupItemWithId)[];
-    title?: string;
-};
-type SingleItemProps = ItemWithId & {
-    depthLevel: number;
-};
-type GroupItemProps = GroupItemWithId & {
-    depthLevel: number;
-};
-type MenuItemProps = {
-    item: ItemWithId | GroupItemWithId;
-    depthLevel?: number;
-};
-type ItemActionProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    badge?: Item["badge"];
-    collapseIcon?: React.ReactNode;
-    depthLevel: number;
-    icon?: Item["icon"];
-    label: Item["label"];
-    selected: boolean;
-};
-type ContextualMenuContextProps = {
-    selectedItemId: number;
-    setSelectedItemId: React.Dispatch<React.SetStateAction<number>>;
-};
-export default Props;
-export type { ContextualMenuContextProps, GroupItem, GroupItemProps, GroupItemWithId, Item, ItemActionProps, ItemWithId, MenuItemProps, Section, SectionWithId, SingleItemProps, };

package/contextual-menu/types.js

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

package/date-input/Calendar.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { CalendarPropsType } from "./types";
-declare const _default: React.MemoExoticComponent<({ selectedDate, innerDate, onInnerDateChange, onDaySelect, today, }: CalendarPropsType) => JSX.Element>;
-export default _default;