@ebay/ui-core-react 3.3.2 → 3.3.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +2 -2
  2. package/ebay-button/button-expand.d.ts +4 -0
  3. package/ebay-button/button-expand.d.ts.map +1 -0
  4. package/ebay-button/button-expand.js +16 -0
  5. package/ebay-button/button.d.ts.map +1 -1
  6. package/ebay-button/button.js +6 -13
  7. package/package.json +1 -1
package/README.md CHANGED
@@ -56,8 +56,8 @@ eBayUI React components
56
56
  * [x] [ebay-select](src/ebay-select)
57
57
  * [ ] `ebay-snackbar-dialog`
58
58
  * [ ] `ebay-split-button`
59
- * [ ] `ebay-star-rating`
60
- * [ ] `ebay-star-rating-select`
59
+ * [x] [ebay-star-rating](src/ebay-star-rating)
60
+ * [x] [ebay-star-rating-select](src/ebay-star-rating-select)
61
61
  * [x] [ebay-switch](src/ebay-switch)
62
62
  * [x] [ebay-signal](src/ebay-signal)
63
63
  * [x] [ebay-tabs](src/ebay-tabs)
package/ebay-button/button-expand.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { FC } from 'react';
2
+ declare const EbayButtonExpand: FC;
3
+ export default EbayButtonExpand;
4
+ //# sourceMappingURL=button-expand.d.ts.map
package/ebay-button/button-expand.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button-expand.d.ts","sourceRoot":"","sources":["../../src/ebay-button/button-expand.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAKjC,QAAA,MAAM,gBAAgB,EAAE,EAOvB,CAAA;AAED,eAAe,gBAAgB,CAAA"}
package/ebay-button/button-expand.js ADDED
@@ -0,0 +1,16 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ var react_1 = __importDefault(require("react"));
7
+ var button_cell_1 = __importDefault(require("./button-cell"));
8
+ var button_text_1 = __importDefault(require("./button-text"));
9
+ var ebay_icon_1 = require("../ebay-icon");
10
+ var EbayButtonExpand = function (_a) {
11
+ var children = _a.children;
12
+ return (react_1.default.createElement(button_cell_1.default, null,
13
+ react_1.default.createElement(button_text_1.default, null, children),
14
+ react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "dropdown" })));
15
+ };
16
+ exports.default = EbayButtonExpand;
package/ebay-button/button.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/ebay-button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEV,cAAc,EAEd,aAAa,EACb,UAAU,EAGV,SAAS,EACZ,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAM5D,oBAAY,eAAe,GAAG;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC7E,YAAY,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IAChE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB,CAAA;AAED,aAAK,KAAK,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG,cAAc,CAAC,GAAG,CAAC,GAAG,eAAe,CAAC;;AAyG9E,wBAAyC"}
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/ebay-button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEV,cAAc,EAEd,aAAa,EACb,UAAU,EAGV,SAAS,EACZ,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAK5D,oBAAY,eAAe,GAAG;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC7E,YAAY,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IAChE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB,CAAA;AAED,aAAK,KAAK,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG,cAAc,CAAC,GAAG,CAAC,GAAG,eAAe,CAAC;;AAgG9E,wBAAyC"}
package/ebay-button/button.js CHANGED
@@ -49,8 +49,7 @@ var classnames_1 = __importDefault(require("classnames"));
49
49
  var component_utils_1 = require("../common/component-utils");
50
50
  var ebay_icon_1 = require("../ebay-icon");
51
51
  var button_loading_1 = __importDefault(require("./button-loading"));
52
- var button_cell_1 = __importDefault(require("./button-cell"));
53
- var button_text_1 = __importDefault(require("./button-text"));
52
+ var button_expand_1 = __importDefault(require("./button-expand"));
54
53
  function isIconOnly(children) {
55
54
  var childrenArray = react_1.Children.toArray(children);
56
55
  return childrenArray.length === 1 && childrenArray[0].type === ebay_icon_1.EbayIcon;
@@ -73,22 +72,16 @@ var EbayButton = function (_a) {
73
72
  var isDestructive = variant === 'destructive';
74
73
  var isForm = variant === 'form';
75
74
  var isLoading = bodyState === 'loading';
76
- var isExpand = bodyState === 'expand';
77
- var className = classnames_1.default(classPrefix, extraClasses, priorityStyles[isForm || borderless ? 'none' : priority], sizeStyles[size], isDestructive && classPrefix + "--destructive", isForm && classPrefix + "--form", iconOnly && classPrefix + "--icon-only", transparent && classPrefix + "--transparent", fluid && classPrefix + "--fluid", truncate && classPrefix + "--truncated", borderless && classPrefix + "--borderless", fixedHeight && (sizeStyles[size] ? sizeStyles[size] + "-" + fixedHeight : classPrefix + "--fixed-height"));
75
+ var className = classnames_1.default(classPrefix, extraClasses, priorityStyles[isForm || borderless ? 'none' : priority], sizeStyles[size], isDestructive && classPrefix + "--destructive", isForm && classPrefix + "--form", iconOnly && classPrefix + "--slim", transparent && classPrefix + "--transparent", fluid && classPrefix + "--fluid", truncate && classPrefix + "--truncated", borderless && classPrefix + "--borderless", fixedHeight && (sizeStyles[size] ? sizeStyles[size] + "-" + fixedHeight : classPrefix + "--fixed-height"));
78
76
  var onKeyDown = function (e) {
79
77
  if (e.key === 'Escape' || e.key === 'Esc') {
80
78
  onEscape(e);
81
79
  }
82
80
  };
83
- var bodyContent = children;
84
- if (isLoading) {
85
- bodyContent = react_1.default.createElement(button_loading_1.default, null);
86
- }
87
- else if (isExpand) {
88
- bodyContent = (react_1.default.createElement(button_cell_1.default, null,
89
- react_1.default.createElement(button_text_1.default, null, children),
90
- react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "dropdown" })));
91
- }
81
+ var bodyContent = {
82
+ loading: react_1.default.createElement(button_loading_1.default, null),
83
+ expand: react_1.default.createElement(button_expand_1.default, null, children)
84
+ }[bodyState] || children;
92
85
  var ariaLive = isLoading ? "polite" : null;
93
86
  return href ? (react_1.default.createElement("a", __assign({ className: className, href: disabled ? undefined : href, ref: forwardedRef, onKeyDown: onKeyDown, "aria-live": ariaLive }, rest), bodyContent)) : (react_1.default.createElement("button", __assign({ disabled: disabled, "aria-disabled": partiallyDisabled, "aria-live": ariaLive, className: className, ref: forwardedRef, onKeyDown: onKeyDown }, rest), bodyContent));
94
87
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ebay/ui-core-react",
3
- "version": "3.3.2",
3
+ "version": "3.3.4",
4
4
  "description": "Skin components build off React",
5
5
  "main": "index.js",
6
6
  "types": "index.d.ts",