@ebay/ui-core-react 5.13.0 → 5.14.0
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.
- package/common/component-utils/utils.d.ts +5 -8
- package/common/component-utils/utils.d.ts.map +1 -1
- package/common/component-utils/utils.js +29 -47
- package/common/event-utils/index.d.ts +2 -2
- package/common/event-utils/index.d.ts.map +1 -1
- package/common/event-utils/use-roving-index.d.ts.map +1 -1
- package/common/event-utils/use-roving-index.js +1 -1
- package/common/tooltip-utils/tooltip-content.js +1 -1
- package/common/tooltip-utils/tooltip.d.ts +1 -1
- package/common/tooltip-utils/tooltip.d.ts.map +1 -1
- package/common/tooltip-utils/tooltip.js +2 -2
- package/ebay-breadcrumbs/breadcrumbs.d.ts.map +1 -1
- package/ebay-breadcrumbs/breadcrumbs.js +3 -4
- package/ebay-button/button.d.ts +3 -4
- package/ebay-button/button.d.ts.map +1 -1
- package/ebay-carousel/helpers.d.ts.map +1 -1
- package/ebay-carousel/helpers.js +3 -4
- package/ebay-checkbox/checkbox.d.ts.map +1 -1
- package/ebay-checkbox/checkbox.js +1 -1
- package/ebay-fake-menu/menu.d.ts.map +1 -1
- package/ebay-fake-menu/menu.js +2 -3
- package/ebay-fake-menu-button/menu-button.d.ts.map +1 -1
- package/ebay-fake-menu-button/menu-button.js +1 -1
- package/ebay-fake-tabs/fake-tabs.d.ts.map +1 -1
- package/ebay-fake-tabs/fake-tabs.js +1 -1
- package/ebay-icon/icon.d.ts +1 -1
- package/ebay-icon-button/icon-button.d.ts +2 -2
- package/ebay-icon-button/icon-button.d.ts.map +1 -1
- package/ebay-infotip/ebay-infotip-host.d.ts +1 -1
- package/ebay-infotip/ebay-infotip-host.d.ts.map +1 -1
- package/ebay-infotip/ebay-infotip-host.js +6 -3
- package/ebay-infotip/ebay-infotip.d.ts +21 -3
- package/ebay-infotip/ebay-infotip.d.ts.map +1 -1
- package/ebay-infotip/ebay-infotip.js +4 -16
- package/ebay-infotip/index.d.ts +1 -1
- package/ebay-infotip/index.d.ts.map +1 -1
- package/ebay-infotip/types.d.ts +0 -19
- package/ebay-infotip/types.d.ts.map +1 -1
- package/ebay-inline-notice/inline-notice.js +1 -1
- package/ebay-listbox-button/listbox-button-option.d.ts +1 -1
- package/ebay-listbox-button/listbox-button-option.d.ts.map +1 -1
- package/ebay-listbox-button/listbox-button.js +4 -3
- package/ebay-menu/menu.d.ts +1 -1
- package/ebay-menu-button/menu-button-separator.d.ts +2 -2
- package/ebay-menu-button/menu-button-separator.d.ts.map +1 -1
- package/ebay-menu-button/menu-button.d.ts.map +1 -1
- package/ebay-menu-button/menu-button.js +2 -2
- package/ebay-menu-button/types.d.ts +3 -3
- package/ebay-menu-button/types.d.ts.map +1 -1
- package/ebay-page-notice/page-notice.d.ts.map +1 -1
- package/ebay-page-notice/page-notice.js +3 -3
- package/ebay-pagination/index.d.ts +3 -3
- package/ebay-pagination/index.d.ts.map +1 -1
- package/ebay-pagination/pagination-item.d.ts +1 -1
- package/ebay-pagination/pagination.d.ts +1 -1
- package/ebay-pagination/pagination.d.ts.map +1 -1
- package/ebay-pagination/pagination.js +11 -9
- package/ebay-select/ebay-select.d.ts.map +1 -1
- package/ebay-select/ebay-select.js +1 -1
- package/ebay-split-button/split-button.js +1 -1
- package/ebay-tabs/tabs.d.ts.map +1 -1
- package/ebay-tabs/tabs.js +3 -3
- package/ebay-textbox/textbox.d.ts +1 -1
- package/ebay-textbox/textbox.js +1 -1
- package/ebay-tooltip/ebay-tooltip.js +2 -2
- package/ebay-tourtip/ebay-tourtip.js +2 -2
- package/ebay-video/video.js +4 -1
- package/package.json +1 -1
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
import { FC, ReactNode } from 'react';
|
|
1
|
+
import { FC, ReactElement, ReactNode } from 'react';
|
|
2
2
|
import './array.polyfill.flat';
|
|
3
|
-
export
|
|
4
|
-
export declare
|
|
5
|
-
export declare
|
|
6
|
-
export declare
|
|
7
|
-
export declare const filterBy: (nodes: ReactNode, predicate: (el: ReactNode) => boolean) => ReactNode[];
|
|
8
|
-
export declare const filterByType: <P = AnyProps>(nodes: ReactNode, componentType: FC<P> | FC<P>[]) => ReactNode[];
|
|
9
|
-
export declare const excludeComponent: <P = AnyProps>(nodes: ReactNode, componentType: FC<P> | FC<P>[]) => ReactNode[];
|
|
3
|
+
export declare function findComponent(nodes: ReactNode, componentType: FC): ReactElement | undefined;
|
|
4
|
+
export declare function excludeComponent(nodes: ReactNode, componentType: FC): ReactElement[];
|
|
5
|
+
export declare function filterByType(nodes: ReactNode, componentType: FC | FC[]): ReactElement[];
|
|
6
|
+
export declare function filterBy(nodes: ReactNode, predicate: (el: ReactElement) => boolean): ReactElement[];
|
|
10
7
|
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/common/component-utils/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/common/component-utils/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,uBAAuB,CAAA;AAE9B,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAc,EAAE,aAAa,EAAE,EAAE,GAAG,YAAY,GAAG,SAAS,CAGhG;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,SAAc,EAAE,aAAa,EAAE,EAAE,GAAG,YAAY,EAAE,CAGzF;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAc,EAAE,aAAa,EAAE,EAAE,GAAG,EAAE,EAAE,GAAG,YAAY,EAAE,CAI5F;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAc,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE,YAAY,KAAK,OAAO,GAAG,YAAY,EAAE,CAGxG"}
|
|
@@ -1,57 +1,39 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.filterBy = exports.filterByType = exports.excludeComponent = exports.findComponent = void 0;
|
|
4
4
|
var react_1 = require("react");
|
|
5
5
|
require("./array.polyfill.flat"); // for Mobile Safari 11
|
|
6
|
-
|
|
7
|
-
switch (typeof component) {
|
|
8
|
-
case 'string':
|
|
9
|
-
return component;
|
|
10
|
-
case 'function':
|
|
11
|
-
return component.name;
|
|
12
|
-
case 'symbol':
|
|
13
|
-
return component.displayName;
|
|
14
|
-
default:
|
|
15
|
-
return undefined;
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
|
-
// Returns props of a valid ReactElement
|
|
19
|
-
var elementProps = function (node) { return (0, react_1.isValidElement)(node) ? node.props : {}; };
|
|
20
|
-
exports.elementProps = elementProps;
|
|
21
|
-
// Returns component type name or null
|
|
22
|
-
var elementType = function (node) {
|
|
23
|
-
return (0, react_1.isValidElement)(node) ? componentName(node.type) : null;
|
|
24
|
-
};
|
|
25
|
-
exports.elementType = elementType;
|
|
26
|
-
// Finds first node of certain component type
|
|
27
|
-
var findComponent = function (nodes, componentType) {
|
|
6
|
+
function findComponent(nodes, componentType) {
|
|
28
7
|
if (nodes === void 0) { nodes = []; }
|
|
29
|
-
|
|
30
|
-
|
|
8
|
+
var elements = react_1.Children.toArray(nodes);
|
|
9
|
+
return elements.find(function (_a) {
|
|
10
|
+
var type = _a.type;
|
|
11
|
+
return type === componentType;
|
|
12
|
+
}) || null;
|
|
13
|
+
}
|
|
31
14
|
exports.findComponent = findComponent;
|
|
32
|
-
|
|
33
|
-
var filterBy = function (nodes, predicate) {
|
|
15
|
+
function excludeComponent(nodes, componentType) {
|
|
34
16
|
if (nodes === void 0) { nodes = []; }
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
17
|
+
var elements = react_1.Children.toArray(nodes);
|
|
18
|
+
return elements.filter(function (_a) {
|
|
19
|
+
var type = _a.type;
|
|
20
|
+
return type !== componentType;
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
exports.excludeComponent = excludeComponent;
|
|
24
|
+
function filterByType(nodes, componentType) {
|
|
40
25
|
if (nodes === void 0) { nodes = []; }
|
|
41
|
-
var
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
.
|
|
45
|
-
|
|
46
|
-
};
|
|
26
|
+
var elements = react_1.Children.toArray(nodes);
|
|
27
|
+
var types = [componentType].flat();
|
|
28
|
+
return elements.filter(function (_a) {
|
|
29
|
+
var type = _a.type;
|
|
30
|
+
return types.includes(type);
|
|
31
|
+
});
|
|
32
|
+
}
|
|
47
33
|
exports.filterByType = filterByType;
|
|
48
|
-
|
|
49
|
-
var excludeComponent = function (nodes, componentType) {
|
|
34
|
+
function filterBy(nodes, predicate) {
|
|
50
35
|
if (nodes === void 0) { nodes = []; }
|
|
51
|
-
var
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
return (0, exports.filterBy)(nodes, function (child) { return !types.includes((0, exports.elementType)(child)); });
|
|
56
|
-
};
|
|
57
|
-
exports.excludeComponent = excludeComponent;
|
|
36
|
+
var elements = react_1.Children.toArray(nodes);
|
|
37
|
+
return elements.filter(predicate);
|
|
38
|
+
}
|
|
39
|
+
exports.filterBy = filterBy;
|
|
@@ -9,10 +9,10 @@ export declare function handleUpDownArrowsKeydown(e: React.KeyboardEvent, callba
|
|
|
9
9
|
export declare function handleLeftRightArrowsKeydown(e: React.KeyboardEvent, callback: Callback): void;
|
|
10
10
|
export declare function handleTextInput(e: React.KeyboardEvent, callback: Callback): void;
|
|
11
11
|
export declare function preventDefaultIfHijax(e: React.KeyboardEvent, hijax: boolean): void;
|
|
12
|
-
type Handler = (e:
|
|
12
|
+
type Handler = (e: KeyboardEvent) => void;
|
|
13
13
|
export declare function addEventListener(_: unknown, handler: Handler): void;
|
|
14
14
|
export declare function removeEventListener(_: unknown, handler: Handler): void;
|
|
15
|
-
export declare function handleResize(e:
|
|
15
|
+
export declare function handleResize(e: KeyboardEvent): void;
|
|
16
16
|
export declare function wrapEvent(parentEventHandler: Handler, localEventHandler: Handler): (e: KeyboardEvent) => void;
|
|
17
17
|
export {};
|
|
18
18
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/common/event-utils/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAE7B,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAA;AAqB1B,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAInF;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAIpF;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO,CAE7C;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAEpF;AAED,wBAAgB,yBAAyB,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAE1F;AAED,wBAAgB,4BAA4B,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAE7F;AAGD,wBAAgB,eAAe,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAwBhF;AAED,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAIlF;AAED,KAAK,OAAO,GAAG,CAAC,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/common/event-utils/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAE7B,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAA;AAqB1B,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAInF;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAIpF;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO,CAE7C;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAEpF;AAED,wBAAgB,yBAAyB,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAE1F;AAED,wBAAgB,4BAA4B,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAE7F;AAGD,wBAAgB,eAAe,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAwBhF;AAED,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAIlF;AAED,KAAK,OAAO,GAAG,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAA;AAIzC,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI,CAKnE;AACD,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI,CAKtE;AACD,wBAAgB,YAAY,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI,CAanD;AAED,wBAAgB,SAAS,CAAC,kBAAkB,EAAE,OAAkB,EAAE,iBAAiB,EAAE,OAAO,OAC7E,aAAa,KAAG,IAAI,CAMlC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-roving-index.d.ts","sourceRoot":"","sources":["../../../src/common/event-utils/use-roving-index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,QAAQ,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"use-roving-index.d.ts","sourceRoot":"","sources":["../../../src/common/event-utils/use-roving-index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,QAAQ,EAAE,EAAE,EAAgB,SAAS,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAA;AAG5G,QAAA,MAAM,cAAc,aACN,SAAS,iBACJ,EAAE,iBACF,MAAM,KACtB,CAAC,MAAM,EAAE,SAAS,eAAe,MAAM,CAAC,CAAC,CA+B3C,CAAA;AAED,eAAe,cAAc,CAAA"}
|
|
@@ -20,7 +20,7 @@ var useRovingIndex = function (children, FocusableType, defaultValue) {
|
|
|
20
20
|
var rovingIndexArray = react_1.Children
|
|
21
21
|
.toArray(children)
|
|
22
22
|
.reduce(function (focusables, child, i) {
|
|
23
|
-
return
|
|
23
|
+
return child.type === FocusableType ? __spreadArray(__spreadArray([], focusables, true), [i], false) : focusables;
|
|
24
24
|
}, []);
|
|
25
25
|
var currentIndex = rovingIndexArray.indexOf(rovingIndex);
|
|
26
26
|
var previousOrCurrent = function () {
|
|
@@ -30,7 +30,7 @@ var TooltipContent = function (_a) {
|
|
|
30
30
|
react_1.default.createElement("span", { className: "".concat(type, "__mask") },
|
|
31
31
|
react_1.default.createElement("span", { className: "".concat(type, "__cell") },
|
|
32
32
|
react_1.default.createElement("span", { className: "".concat(type, "__content") }, allChildrenExceptFooter),
|
|
33
|
-
showCloseButton ? (react_1.default.createElement("button", __assign({},
|
|
33
|
+
showCloseButton ? (react_1.default.createElement("button", __assign({}, closeButton === null || closeButton === void 0 ? void 0 : closeButton.props, { className: "icon-btn icon-btn--transparent ".concat(type, "__close"), type: "button", "aria-label": a11yCloseText, onClick: onClose }),
|
|
34
34
|
react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "close16" }))) : null,
|
|
35
35
|
footer))));
|
|
36
36
|
};
|
|
@@ -5,6 +5,6 @@ export type TooltipProps = ComponentProps<'span'> & {
|
|
|
5
5
|
isExpanded?: boolean;
|
|
6
6
|
forwardedRef?: RefObject<HTMLSpanElement>;
|
|
7
7
|
};
|
|
8
|
-
declare const _default: React.ForwardRefExoticComponent<Pick<TooltipProps, "forwardedRef" | "
|
|
8
|
+
declare const _default: React.ForwardRefExoticComponent<Pick<TooltipProps, "forwardedRef" | "type" | "key" | "isExpanded" | keyof React.HTMLAttributes<HTMLSpanElement>> & React.RefAttributes<React.FC<TooltipProps>>>;
|
|
9
9
|
export default _default;
|
|
10
10
|
//# sourceMappingURL=tooltip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/common/tooltip-utils/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,cAAc,
|
|
1
|
+
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/common/tooltip-utils/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,cAAc,EAAM,SAAS,EAAE,MAAM,OAAO,CAAA;AAI1E,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAGrC,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG;IAChD,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;CAC7C,CAAA;;AAqCD,wBAAsC"}
|
|
@@ -55,14 +55,14 @@ var component_utils_1 = require("../component-utils");
|
|
|
55
55
|
var tooltip_host_1 = __importDefault(require("./tooltip-host"));
|
|
56
56
|
var Tooltip = function (_a) {
|
|
57
57
|
var _b;
|
|
58
|
+
var _c;
|
|
58
59
|
var className = _a.className, type = _a.type, isExpanded = _a.isExpanded, children = _a.children, forwardedRef = _a.forwardedRef, rest = __rest(_a, ["className", "type", "isExpanded", "children", "forwardedRef"]);
|
|
59
60
|
var originalHostComponent = (0, component_utils_1.findComponent)(children, tooltip_host_1.default);
|
|
60
61
|
var content = (0, component_utils_1.excludeComponent)(children, tooltip_host_1.default)[0];
|
|
61
62
|
if (!originalHostComponent) {
|
|
62
63
|
throw new Error("Tooltip: Please use a TooltipHost that defines the host of the tooltip");
|
|
63
64
|
}
|
|
64
|
-
var host = (0, react_1.
|
|
65
|
-
(0, react_1.cloneElement)(originalHostComponent, __assign({ className: "".concat(type, "__host"), 'aria-expanded': isExpanded, 'aria-describedby': (0, component_utils_1.elementProps)(content).id }, originalHostComponent.props));
|
|
65
|
+
var host = (0, react_1.cloneElement)(originalHostComponent, __assign({ className: "".concat(type, "__host"), 'aria-expanded': isExpanded, 'aria-describedby': (_c = content === null || content === void 0 ? void 0 : content.props) === null || _c === void 0 ? void 0 : _c.id }, originalHostComponent.props));
|
|
66
66
|
return (react_1.default.createElement("span", __assign({}, rest, { ref: forwardedRef, className: (0, classnames_1.default)(className, type, (_b = {},
|
|
67
67
|
_b["".concat(type, "--expanded")] = isExpanded,
|
|
68
68
|
_b)) }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../src/ebay-breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA0B,cAAc,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../src/ebay-breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA0B,cAAc,EAAE,EAAE,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAA;AAElG,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAE9D,KAAK,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC7D;;;;;OAKG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,cAAc,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;CAC5C,CAAA;AAED,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,eAAe,CAwCpC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -50,19 +50,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
50
50
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
51
51
|
var react_1 = __importStar(require("react"));
|
|
52
52
|
var classnames_1 = __importDefault(require("classnames"));
|
|
53
|
-
var component_utils_1 = require("../common/component-utils");
|
|
54
53
|
var Breadcrumbs = function (_a) {
|
|
55
54
|
var _b = _a.a11yHeadingText, a11yHeadingText = _b === void 0 ? 'Page navigation' : _b, _c = _a.a11yHeadingTag, a11yHeadingTag = _c === void 0 ? 'h2' : _c, _d = _a.id, id = _d === void 0 ? 'ebay-breadcrumb' : _d, _e = _a.children, breadcrumbItems = _e === void 0 ? [] : _e, className = _a.className, _f = _a.onSelect, onSelect = _f === void 0 ? function () { } : _f, rest = __rest(_a, ["a11yHeadingText", "a11yHeadingTag", "id", "children", "className", "onSelect"]);
|
|
56
55
|
var headingId = "".concat(id, "-breadcrumbs-heading");
|
|
57
56
|
var lastItemIndex = react_1.Children.count(breadcrumbItems) - 1;
|
|
58
57
|
var A11yHeadingTag = a11yHeadingTag;
|
|
59
|
-
var anyLink = react_1.Children.toArray(breadcrumbItems).some(function (item) { return
|
|
58
|
+
var anyLink = react_1.Children.toArray(breadcrumbItems).some(function (item) { return item.props.href; });
|
|
60
59
|
var tag = anyLink ? 'a' : 'button';
|
|
61
60
|
return (react_1.default.createElement("nav", __assign({}, rest, { "aria-labelledby": headingId, className: (0, classnames_1.default)('breadcrumbs', className), role: "navigation" }),
|
|
62
61
|
react_1.default.createElement(A11yHeadingTag, { id: headingId, className: "clipped" }, a11yHeadingText),
|
|
63
62
|
react_1.default.createElement("ul", null, react_1.Children.map(breadcrumbItems, function (item, index) {
|
|
64
63
|
var isLastItem = index === lastItemIndex;
|
|
65
|
-
var _a =
|
|
64
|
+
var _a = item.props, href = _a.href, children = _a.children;
|
|
66
65
|
var itemProps = {
|
|
67
66
|
tag: tag,
|
|
68
67
|
isLastItem: isLastItem,
|
|
@@ -70,7 +69,7 @@ var Breadcrumbs = function (_a) {
|
|
|
70
69
|
children: children,
|
|
71
70
|
onClick: function (event) { return onSelect(event); }
|
|
72
71
|
};
|
|
73
|
-
return (0, react_1.
|
|
72
|
+
return (0, react_1.cloneElement)(item, itemProps);
|
|
74
73
|
}))));
|
|
75
74
|
};
|
|
76
75
|
exports.default = Breadcrumbs;
|
package/ebay-button/button.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import React, { ComponentProps, MouseEvent, RefObject } from 'react';
|
|
1
|
+
import React, { ComponentProps, KeyboardEvent, MouseEvent, RefObject } from 'react';
|
|
2
2
|
import { Priority, Size, BodyState, Variant, Split } from './types';
|
|
3
|
-
import { EbayKeyboardEventHandler } from '../common/event-utils/types';
|
|
4
3
|
export type EbayButtonProps = {
|
|
5
4
|
fluid?: boolean;
|
|
6
5
|
partiallyDisabled?: boolean;
|
|
@@ -13,12 +12,12 @@ export type EbayButtonProps = {
|
|
|
13
12
|
split?: Split;
|
|
14
13
|
transparent?: boolean;
|
|
15
14
|
onClick?: (e: MouseEvent) => void;
|
|
16
|
-
onEscape?:
|
|
15
|
+
onEscape?: (e: KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
|
|
17
16
|
forwardedRef?: RefObject<HTMLAnchorElement & HTMLButtonElement>;
|
|
18
17
|
borderless?: boolean;
|
|
19
18
|
fixedHeight?: boolean;
|
|
20
19
|
};
|
|
21
20
|
type Props = ComponentProps<'button'> & ComponentProps<'a'> & EbayButtonProps;
|
|
22
|
-
declare const _default: React.ForwardRefExoticComponent<Pick<Props, "split" | "form" | "slot" | "style" | "title" | "forwardedRef" | "key" | "value" | "className" | "disabled" | "placeholder" | "
|
|
21
|
+
declare const _default: React.ForwardRefExoticComponent<Pick<Props, "split" | "form" | "slot" | "style" | "title" | "forwardedRef" | "type" | "key" | "value" | "className" | "disabled" | "placeholder" | "children" | "name" | "size" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "download" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "href" | "hrefLang" | "media" | "rel" | "target" | "transparent" | "onEscape" | "ping" | "referrerPolicy" | "priority" | "variant" | "bodyState" | "fluid" | "partiallyDisabled" | "truncate" | "borderless" | "fixedHeight"> & React.RefAttributes<React.FC<Props>>>;
|
|
23
22
|
export default _default;
|
|
24
23
|
//# sourceMappingURL=button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/ebay-button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEV,cAAc,
|
|
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,KAAK,EAAE,MAAM,SAAS,CAAA;AAKnE,MAAM,MAAM,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,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,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,KAAK,KAAK,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG,cAAc,CAAC,GAAG,CAAC,GAAG,eAAe,CAAC;;AAqH9E,wBAAyC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/ebay-carousel/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/ebay-carousel/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClF,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtE,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,OAAO,GAAG,YAAY,CAW1D;AAED,eAAO,MAAM,iBAAiB,OAAQ,OAAO,KAAG,OAAuD,CAAA;AAEvG,eAAO,MAAM,YAAY,UAAW,WAAW,EAAE,cAAc,MAAM,KAAG,MAOvE,CAAA;AAED,eAAO,MAAM,SAAS,UAAW,WAAW,EAAE,SAAS,MAAM,cAAc,MAAM,KAAG,MAMnF,CAAA;AAED,eAAO,MAAM,aAAa,aACZ,SAAS,YACT,UAAU,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC,kBAC9B,MAAM,eACT,MAAM,WACV,MAAM,QACT,MAAM,KAAG,YAAY,EAwB7B,CAAA;AAgBF;;;GAGG;AACH,eAAO,MAAM,QAAQ,gBAAiB,MAAM,kBAAkB,MAAM,yBAA4B,SAAS,GAAG,MAM3G,CAAA;AAID,eAAO,MAAM,YAAY,cACV,iBAAiB,eACf,MAAM,UACX,WAAW,EAAE,eACR,MAAM,kBACH,MAAM,KAAG,MAyB5B,CAAA;AAED,eAAO,MAAM,eAAe,eACZ,MAAM,SACX,WAAW,EAAE,cACR,MAAM,gCAEZ,MAAM,KAAG,MA0BlB,CAAA"}
|
package/ebay-carousel/helpers.js
CHANGED
|
@@ -43,17 +43,16 @@ var getOffset = function (items, index, slideWidth) {
|
|
|
43
43
|
};
|
|
44
44
|
exports.getOffset = getOffset;
|
|
45
45
|
var alterChildren = function (children, itemsRef, itemsPerSlide, slideWidth, offset, gap) { return react_1.Children.map(children, function (item, index) {
|
|
46
|
-
var
|
|
47
|
-
var _a = childProps.style, style = _a === void 0 ? {} : _a;
|
|
46
|
+
var _a = item.props.style, style = _a === void 0 ? {} : _a;
|
|
48
47
|
var itemWidth;
|
|
49
48
|
if (itemsPerSlide) {
|
|
50
49
|
var itemsInSlide = itemsPerSlide + (itemsPerSlide % 1);
|
|
51
50
|
itemWidth = "calc(".concat(100 / itemsInSlide, "% - ").concat(((itemsInSlide - 1) * gap) / itemsInSlide, "px)");
|
|
52
51
|
}
|
|
53
52
|
var isStartOfSlide = itemsPerSlide ? index % itemsPerSlide === 0 : true;
|
|
54
|
-
return (0, react_1.
|
|
53
|
+
return (0, react_1.cloneElement)(item, __assign(__assign({}, item.props), { slideWidth: slideWidth, offset: offset, ref: function (el) {
|
|
55
54
|
itemsRef.current[index] = el;
|
|
56
|
-
}, className: isStartOfSlide ? 'carousel__snap-point' :
|
|
55
|
+
}, className: isStartOfSlide ? 'carousel__snap-point' : item.props.className, style: __assign(__assign({}, style), { width: itemWidth || style.width, marginRight: gap && index !== react_1.Children.count(children) - 1 ? "".concat(gap, "px") : style.marginRight }) }));
|
|
57
56
|
}); };
|
|
58
57
|
exports.alterChildren = alterChildren;
|
|
59
58
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/ebay-checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/ebay-checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,cAAc,EAAE,EAAE,EAAuC,MAAM,OAAO,CAAA;AAKjH,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAErH,KAAK,IAAI,GAAG,SAAS,GAAG,OAAO,CAAA;AAC/B,KAAK,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,WAAW,CAAC,CAAA;AAC9F,KAAK,iBAAiB,GAAG;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,sBAAsB,CAAC,gBAAgB,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAClG,OAAO,CAAC,EAAE,qBAAqB,CAAC,gBAAgB,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAChG,SAAS,CAAC,EAAE,wBAAwB,CAAC,gBAAgB,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IACrG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;CAChD,CAAA;AAID,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,UAAU,GAAG,iBAAiB,CAmEpD,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -82,7 +82,7 @@ var EbayCheckbox = function (_a) {
|
|
|
82
82
|
iconChecked,
|
|
83
83
|
iconUnChecked)),
|
|
84
84
|
ebayLabel ?
|
|
85
|
-
(0, react_1.
|
|
85
|
+
(0, react_1.cloneElement)(ebayLabel, __assign(__assign({}, ebayLabel.props), { position: 'end', htmlFor: id })) :
|
|
86
86
|
children));
|
|
87
87
|
};
|
|
88
88
|
exports.default = EbayCheckbox;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAc,
|
|
1
|
+
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEV,cAAc,EAAE,EAAE,EACrB,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAE7F,KAAK,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,CAAA;AACtE,KAAK,KAAK,GAAG,SAAS,GAAG;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,wBAAwB,CAAC,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACrE,QAAQ,CAAC,EAAE,qBAAqB,CAAC,iBAAiB,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC1E,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,KAAK,CAwC3B,CAAA;AAED,eAAe,YAAY,CAAA"}
|
package/ebay-fake-menu/menu.js
CHANGED
|
@@ -50,15 +50,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
50
50
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
51
51
|
var react_1 = __importStar(require("react"));
|
|
52
52
|
var classnames_1 = __importDefault(require("classnames"));
|
|
53
|
-
var component_utils_1 = require("../common/component-utils");
|
|
54
53
|
var EbayFakeMenu = function (_a) {
|
|
55
54
|
var className = _a.className, _b = _a.itemMatchesUrl, itemMatchesUrl = _b === void 0 ? true : _b, _c = _a.onKeyDown, onKeyDown = _c === void 0 ? function () { } : _c, _d = _a.onSelect, onSelect = _d === void 0 ? function () { } : _d, children = _a.children, rest = __rest(_a, ["className", "itemMatchesUrl", "onKeyDown", "onSelect", "children"]);
|
|
56
55
|
var childrenArray = react_1.Children.toArray(children);
|
|
57
56
|
var defaultAriaCurrent = itemMatchesUrl === false ? 'true' : 'page';
|
|
58
57
|
return (react_1.default.createElement("div", __assign({}, rest, { className: (0, classnames_1.default)(className, 'fake-menu') }),
|
|
59
58
|
react_1.default.createElement("ul", { className: "fake-menu__items", tabIndex: -1 }, childrenArray.map(function (child, i) {
|
|
60
|
-
var _a =
|
|
61
|
-
return (react_1.default.createElement("li", { key: i }, (0, react_1.
|
|
59
|
+
var _a = child.props, current = _a.current, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b, itemRest = __rest(_a, ["current", "onClick"]);
|
|
60
|
+
return (react_1.default.createElement("li", { key: i }, (0, react_1.cloneElement)(child, __assign(__assign({}, itemRest), { 'aria-current': current ? defaultAriaCurrent : undefined, onClick: function (e) {
|
|
62
61
|
onSelect(e, { index: i });
|
|
63
62
|
onClick(e);
|
|
64
63
|
}, onKeyDown: function (e) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-button.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-menu-button/menu-button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,cAAc,EAAE,EAAE,EAA+
|
|
1
|
+
{"version":3,"file":"menu-button.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-menu-button/menu-button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,cAAc,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAA;AAK5F,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAE7F,OAAO,EAAc,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAM5D,MAAM,MAAM,yBAAyB,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAA;AAEtE,MAAM,MAAM,uBAAuB,GAAG;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,qBAAqB,CAAC,iBAAiB,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACvE,SAAS,CAAC,EAAE,wBAAwB,CAAC,WAAW,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,qBAAqB,CAAC,iBAAiB,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC7E,CAAA;AAED,KAAK,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,WAAW,GAAG,aAAa,CAAC,GAC7E,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,WAAW,GAAG,aAAa,GAAG,UAAU,CAAC,GACxE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,WAAW,GAAG,aAAa,GAAG,UAAU,CAAC,CAAA;AACvE,KAAK,KAAK,GAAG,WAAW,GAAG,uBAAuB,CAAA;AAElD,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CA4G7B,CAAA;AAED,eAAe,cAAc,CAAA"}
|
|
@@ -110,7 +110,7 @@ var EbayMenuButton = function (_a) {
|
|
|
110
110
|
label),
|
|
111
111
|
expanded &&
|
|
112
112
|
react_1.default.createElement(ebay_fake_menu_1.EbayFakeMenu, { className: menuClasses, id: menuId, tabIndex: -1, onKeyDown: handleMenuKeydown, onSelect: onSelect }, menuItems.map(function (item, i) {
|
|
113
|
-
return (0, react_1.
|
|
113
|
+
return (0, react_1.cloneElement)(item, __assign(__assign({}, item.props), { onMouseDown: function (e) {
|
|
114
114
|
onMouseDown(e, { index: i });
|
|
115
115
|
}, className: (0, classnames_1.default)(item.props.className, 'fake-menu-button__item'), key: i, autoFocus: i === 0 }));
|
|
116
116
|
}))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fake-tabs.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-tabs/fake-tabs.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,cAAc,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"fake-tabs.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-tabs/fake-tabs.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAM/D,KAAK,aAAa,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,aAAa,CA2BnC,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -56,7 +56,7 @@ var EbayFakeTabs = function (_a) {
|
|
|
56
56
|
var _b = _a.selectedIndex, selectedIndex = _b === void 0 ? 0 : _b, tabMatchesCurrentUrl = _a.tabMatchesCurrentUrl, className = _a.className, children = _a.children, rest = __rest(_a, ["selectedIndex", "tabMatchesCurrentUrl", "className", "children"]);
|
|
57
57
|
var ariaCurrent = tabMatchesCurrentUrl === false ? 'true' : 'page';
|
|
58
58
|
var tabHeadings = (0, component_utils_1.filterByType)(children, tab_1.default).map(function (item, i) {
|
|
59
|
-
return (0, react_1.
|
|
59
|
+
return (0, react_1.cloneElement)(item, __assign(__assign({}, item.props), { ariaCurrent: selectedIndex === i ? ariaCurrent : null }));
|
|
60
60
|
});
|
|
61
61
|
var tabContent = (0, component_utils_1.excludeComponent)(children, tab_1.default);
|
|
62
62
|
return (react_1.default.createElement("div", __assign({}, rest, { className: (0, classnames_1.default)(className, 'fake-tabs') }),
|
package/ebay-icon/icon.d.ts
CHANGED
|
@@ -9,6 +9,6 @@ export type EbayIconProps = SVGProps<SVGSVGElement> & {
|
|
|
9
9
|
a11yVariant?: A11yVariant;
|
|
10
10
|
forwardedRef?: Ref<SVGSVGElement>;
|
|
11
11
|
};
|
|
12
|
-
declare const _default: React.ForwardRefExoticComponent<Pick<EbayIconProps, "string" | "style" | "clipPath" | "filter" | "mask" | "path" | "forwardedRef" | "
|
|
12
|
+
declare const _default: React.ForwardRefExoticComponent<Pick<EbayIconProps, "string" | "style" | "clipPath" | "filter" | "mask" | "path" | "forwardedRef" | "type" | "key" | "className" | "children" | "name" | "id" | "lang" | "tabIndex" | "role" | "color" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "crossOrigin" | "height" | "href" | "max" | "media" | "method" | "min" | "target" | "width" | "noSkinClasses" | "a11yText" | "a11yVariant" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clip" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "display" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "fill" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "ideographic" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "letterSpacing" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "mode" | "numOctaves" | "offset" | "opacity" | "operator" | "order" | "orient" | "orientation" | "origin" | "overflow" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "transform" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan"> & React.RefAttributes<React.FC<EbayIconProps>>>;
|
|
13
13
|
export default _default;
|
|
14
14
|
//# sourceMappingURL=icon.d.ts.map
|
|
@@ -8,11 +8,11 @@ export type EbayIconButtonProps = {
|
|
|
8
8
|
badgeAriaLabel?: string;
|
|
9
9
|
transparent?: boolean;
|
|
10
10
|
forwardedRef?: RefObject<HTMLAnchorElement & HTMLButtonElement>;
|
|
11
|
-
onEscape?: EbayKeyboardEventHandler
|
|
11
|
+
onEscape?: EbayKeyboardEventHandler;
|
|
12
12
|
};
|
|
13
13
|
type HTMLButtonProps = ComponentProps<'button'>;
|
|
14
14
|
type HTMLAnchorProps = ComponentProps<'a'>;
|
|
15
15
|
type Props = EbayIconButtonProps & HTMLButtonProps & HTMLAnchorProps;
|
|
16
|
-
declare const _default: React.ForwardRefExoticComponent<Pick<Props, "form" | "slot" | "style" | "title" | "forwardedRef" | "key" | "value" | "className" | "disabled" | "placeholder" | "
|
|
16
|
+
declare const _default: React.ForwardRefExoticComponent<Pick<Props, "form" | "slot" | "style" | "title" | "forwardedRef" | "type" | "key" | "value" | "className" | "disabled" | "placeholder" | "children" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "download" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "href" | "hrefLang" | "media" | "rel" | "target" | "icon" | "badgeNumber" | "badgeAriaLabel" | "transparent" | "onEscape" | "ping" | "referrerPolicy"> & React.RefAttributes<React.FC<Props>>>;
|
|
17
17
|
export default _default;
|
|
18
18
|
//# sourceMappingURL=icon-button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../src/ebay-icon-button/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3E,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAA;AAG7C,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAEtE,MAAM,MAAM,mBAAmB,GAAG;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,IAAI,CAAC;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IAChE,QAAQ,CAAC,EAAE,wBAAwB,CAAC
|
|
1
|
+
{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../src/ebay-icon-button/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3E,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAA;AAG7C,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAEtE,MAAM,MAAM,mBAAmB,GAAG;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,IAAI,CAAC;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IAChE,QAAQ,CAAC,EAAE,wBAAwB,CAAC;CACvC,CAAA;AAED,KAAK,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAChD,KAAK,eAAe,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;AAC3C,KAAK,KAAK,GAAG,mBAAmB,GAAG,eAAe,GAAG,eAAe,CAAC;;AA4DrE,wBAA6C"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { ComponentProps, RefObject, ReactNode } from 'react';
|
|
2
2
|
import { Icon } from '../ebay-icon';
|
|
3
3
|
import { Variant } from './types';
|
|
4
|
-
|
|
4
|
+
type InfotipHostProps = ComponentProps<'button'> & {
|
|
5
5
|
icon?: Icon;
|
|
6
6
|
forwardedRef?: RefObject<HTMLAnchorElement & HTMLButtonElement>;
|
|
7
7
|
variant?: Variant;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ebay-infotip-host.d.ts","sourceRoot":"","sources":["../../src/ebay-infotip/ebay-infotip-host.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAM,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEvE,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAA;AAE7C,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEjC,
|
|
1
|
+
{"version":3,"file":"ebay-infotip-host.d.ts","sourceRoot":"","sources":["../../src/ebay-infotip/ebay-infotip-host.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAM,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEvE,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAA;AAE7C,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEjC,KAAK,gBAAgB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC/C,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,YAAY,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE;;KAAA,KAAK,SAAS,CAAC,GAAG,SAAS,CAAA;CACnD,CAAA;;AA6BD,wBAA8C"}
|
|
@@ -28,12 +28,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
28
28
|
var react_1 = __importDefault(require("react"));
|
|
29
29
|
var dedupe_1 = __importDefault(require("classnames/dedupe"));
|
|
30
30
|
var ebay_icon_1 = require("../ebay-icon");
|
|
31
|
-
var
|
|
31
|
+
var forwardRef_1 = require("../common/component-utils/forwardRef");
|
|
32
32
|
var EbayInfotipHost = function (_a) {
|
|
33
33
|
var icon = _a.icon, className = _a.className, children = _a.children, forwardedRef = _a.forwardedRef, variant = _a.variant, rest = __rest(_a, ["icon", "className", "children", "forwardedRef", "variant"]);
|
|
34
34
|
var classPrefix = variant === 'modal' ? 'dialog--mini' : 'infotip';
|
|
35
35
|
var buttonIcon = react_1.default.createElement(ebay_icon_1.EbayIcon, { name: icon });
|
|
36
|
-
var buttonContent = children
|
|
36
|
+
var buttonContent = children;
|
|
37
|
+
if (children instanceof Function) {
|
|
38
|
+
buttonContent = children({ icon: buttonIcon });
|
|
39
|
+
}
|
|
37
40
|
return (react_1.default.createElement("button", __assign({}, rest, { className: (0, dedupe_1.default)('icon-btn icon-btn--transparent', className, "".concat(classPrefix, "__host")), type: "button", ref: forwardedRef }), buttonContent || buttonIcon));
|
|
38
41
|
};
|
|
39
|
-
exports.default = (0,
|
|
42
|
+
exports.default = (0, forwardRef_1.withForwardRef)(EbayInfotipHost);
|