@deque/cauldron-react 7.1.0-canary.7ee24fd9 → 7.1.0-canary.8ba6962a

package/lib/components/Icon/types.d.ts

@@ -2,6 +2,6 @@
  * GENERATED CODE. DO NOT EDIT DIRECTLY!
  */
 /** IconType represents each valid icon type. */
-export type IconType = 'add-user' | 'arrow-circle-up' | 'arrow-circle-down' | 'arrow-circle-left' | 'arrow-circle-right' | 'arrow-up' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrows-alt' | 'bolt' | 'broken-image' | 'caution' | 'check-circle' | 'check-shield' | 'check-solid' | 'check' | 'checkbox-checked' | 'checkbox-unchecked' | 'chevron-double-up' | 'chevron-double-down' | 'chevron-double-left' | 'chevron-double-right' | 'chevron-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'clipboard' | 'clock' | 'close' | 'code' | 'copy' | 'download' | 'dropper' | 'exchange' | 'export-solid' | 'external-link' | 'eye' | 'filter' | 'flag' | 'gears' | 'github' | 'grid' | 'hamburger-menu' | 'hashtag' | 'highlight' | 'images' | 'info-circle-alt' | 'info-circle' | 'info-square' | 'kabob' | 'link' | 'linkedin' | 'list' | 'lock' | 'magnifying-glass' | 'menu' | 'minus' | 'new-releases' | 'new' | 'no' | 'pause' | 'pencil' | 'person-running' | 'play' | 'plus' | 'question-circle-alt' | 'question-circle' | 'radio-checked' | 'radio-unchecked' | 'recycle-square' | 'recycle' | 'resend' | 'robot' | 'run-again' | 'save' | 'share-nodes' | 'share' | 'sort-triangle' | 'sort' | 'star' | 'step-back' | 'step-forward' | 'sun' | 'table-sort-ascending' | 'table-sort-descending' | 'tag' | 'target' | 'trash' | 'triangle-up' | 'triangle-down' | 'triangle-left' | 'triangle-right' | 'twitter' | 'upload' | 'filter-solid';
+export type IconType = 'add-user' | 'arrow-circle-up' | 'arrow-circle-down' | 'arrow-circle-left' | 'arrow-circle-right' | 'arrow-up' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrows-alt' | 'bolt' | 'broken-image' | 'caution' | 'check-circle' | 'check-shield' | 'check-solid' | 'check' | 'checkbox-checked' | 'checkbox-unchecked' | 'chevron-double-up' | 'chevron-double-down' | 'chevron-double-left' | 'chevron-double-right' | 'chevron-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'clipboard' | 'clock' | 'close' | 'code' | 'copy' | 'download' | 'dropper' | 'exchange' | 'export-solid' | 'external-link' | 'eye' | 'filter' | 'flag' | 'gears' | 'github' | 'grid' | 'hamburger-menu' | 'hashtag' | 'highlight' | 'images' | 'info-circle-alt' | 'info-circle' | 'info-square' | 'kabob' | 'link' | 'linkedin' | 'list' | 'lock' | 'magnifying-glass' | 'menu' | 'minus' | 'new-releases' | 'new' | 'no' | 'pause' | 'pencil' | 'person-running' | 'play' | 'plus' | 'question-circle-alt' | 'question-circle' | 'radio-checked' | 'radio-unchecked' | 'recycle-square' | 'recycle' | 'resend' | 'robot' | 'run-again' | 'save' | 'share-nodes' | 'share' | 'sort-triangle' | 'sort' | 'star-outline' | 'star' | 'step-back' | 'step-forward' | 'sun' | 'table-sort-ascending' | 'table-sort-descending' | 'tag' | 'target' | 'trash' | 'triangle-up' | 'triangle-down' | 'triangle-left' | 'triangle-right' | 'twitter' | 'upload' | 'filter-solid';
 /** iconTypes holds each valid icon type. */
 export declare const iconTypes: string[];

package/lib/components/MenuItem/index.d.ts

@@ -1,17 +1,12 @@
 import React, { Component } from 'react';
 interface MenuItemProps extends React.HTMLAttributes<HTMLLIElement> {
     children: React.ReactNode;
-    menuItemRef: React.Ref<HTMLLIElement>;
-    onClick: (e: React.MouseEvent<HTMLLIElement>) => void;
-    onKeyDown: (e: React.KeyboardEvent<HTMLLIElement>) => void;
+    menuItemRef?: React.Ref<HTMLLIElement>;
     autoClickLink?: boolean;
 }
 export default class MenuItem extends Component<MenuItemProps> {
     static displayName: string;
     static defaultProps: {
-        menuItemRef: () => void;
-        onClick: () => void;
-        onKeyDown: () => void;
         autoClickLink: boolean;
     };
     private item;

package/lib/index.js

@@ -185,6 +185,7 @@ var iconTypes = [
     'share',
     'sort-triangle',
     'sort',
+    'star-outline',
     'star',
     'step-back',
     'step-forward',
@@ -273,6 +274,7 @@ function __variableDynamicImportRuntime0__(path) {
     case './icons/share.svg': return Promise.resolve().then(function () { return require('./share.js'); });
     case './icons/sort-triangle.svg': return Promise.resolve().then(function () { return require('./sort-triangle.js'); });
     case './icons/sort.svg': return Promise.resolve().then(function () { return require('./sort.js'); });
+    case './icons/star-outline.svg': return Promise.resolve().then(function () { return require('./star-outline.js'); });
     case './icons/star.svg': return Promise.resolve().then(function () { return require('./star.js'); });
     case './icons/step-back.svg': return Promise.resolve().then(function () { return require('./step-back.js'); });
     case './icons/step-forward.svg': return Promise.resolve().then(function () { return require('./step-forward.js'); });
@@ -623,16 +625,16 @@ var MenuItem = /** @class */ (function (_super) {
         if (autoClickLink) {
             clickLink(e.target, this.item);
         }
-        onClick(e);
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
     };
     MenuItem.prototype.onKeyDown = function (e) {
-        var _a;
+        var _a, _b, _c;
         var key = keyname__default["default"](e.which);
         if (key === 'enter' || key === 'space') {
             e.preventDefault();
             (_a = this.item) === null || _a === void 0 ? void 0 : _a.click();
         }
-        this.props.onKeyDown(e);
+        (_c = (_b = this.props).onKeyDown) === null || _c === void 0 ? void 0 : _c.call(_b, e);
     };
     MenuItem.prototype.render = function () {
         var _this = this;
@@ -645,12 +647,6 @@ var MenuItem = /** @class */ (function (_super) {
     };
     MenuItem.displayName = 'MenuItem';
     MenuItem.defaultProps = {
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        menuItemRef: function () { },
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        onClick: function () { },
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        onKeyDown: function () { },
         autoClickLink: true
     };
     return MenuItem;
@@ -2218,7 +2214,7 @@ var typeMap = {
 };
 var tabIndexHandler = function (reset, toast) {
     if (reset) {
-        // restore tab indicies that we clobbered
+        // restore tab indices that we clobbered
         return queryAll('[data-cached-tabindex]').forEach(function (el) {
             el.tabIndex = Number(el.getAttribute('data-cached-tabindex'));
         });
@@ -3634,7 +3630,7 @@ var TwoColumnPanel = React.forwardRef(function (_a, ref) {
             (_a = columnLeftRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('transitionend', handleTransitionEnd);
         };
     }, [columnLeftRef.current, isCollapsed]);
-    // When the collapsable panel starts to overlay content, it needs to become a focus trap and collapsed by default
+    // When the collapsible panel starts to overlay content, it needs to become a focus trap and collapsed by default
     React.useLayoutEffect(function () {
         var mediaQueryList = matchMedia(collapsedMediaQuery);
         var handleMatch = function (matches) {

package/lib/star-outline.js

@@ -0,0 +1,36 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n["default"] = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const SvgStarOutline = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
+  fill: "currentColor",
+  viewBox: "0 -960 960 960",
+  height: 24,
+  width: 24
+}, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+  d: "m354-287 126-76 126 77-33-144 111-96-146-13-58-136-58 135-146 13 111 97zM233-120l65-281L80-590l288-25 112-265 112 265 288 25-218 189 65 281-247-149zm247-350"
+})));
+
+exports["default"] = SvgStarOutline;

package/lib/star.js

@@ -25,15 +25,12 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const SvgStar = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
-  overflow: "visible",
-  preserveAspectRatio: "none",
-  viewBox: "0 0 24 24",
+  fill: "currentColor",
+  viewBox: "0 -960 960 960",
   height: 24,
   width: 24
 }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
-  d: "M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z",
-  vectorEffect: "non-scaling-stroke",
-  fill: "currentColor"
+  d: "m233-120 65-281L80-590l288-25 112-265 112 265 288 25-218 189 65 281-247-149z"
 })));
 
 exports["default"] = SvgStar;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "7.1.0-canary.7ee24fd9",
+  "version": "7.1.0-canary.8ba6962a",
   "license": "MPL-2.0",
   "description": "Fully accessible react components library for Deque Cauldron",
   "homepage": "https://cauldron.dequelabs.com/",