@ebay/ui-core-react 1.8.2 → 2.0.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/README.md +1 -4
- package/{ebay-floating-label → common/floating-label-utils}/hooks.d.ts +0 -0
- package/common/floating-label-utils/hooks.d.ts.map +1 -0
- package/{ebay-floating-label → common/floating-label-utils}/hooks.js +0 -0
- package/common/tooltip-utils/index.d.ts +0 -1
- package/common/tooltip-utils/index.d.ts.map +1 -1
- package/common/tooltip-utils/index.js +0 -3
- package/ebay-button/README.md +2 -2
- package/ebay-button/button.d.ts.map +1 -1
- package/ebay-button/button.js +2 -3
- package/ebay-button/types.d.ts +1 -1
- package/ebay-button/types.d.ts.map +1 -1
- package/ebay-dialog-base/dialog-base-with-state.js +1 -1
- package/ebay-field/index.d.ts +0 -1
- package/ebay-field/index.d.ts.map +1 -1
- package/ebay-field/index.js +0 -4
- package/ebay-fullscreen-dialog/fullscreen-dialog.d.ts +0 -1
- package/ebay-fullscreen-dialog/fullscreen-dialog.d.ts.map +1 -1
- package/ebay-fullscreen-dialog/fullscreen-dialog.js +2 -2
- package/ebay-icon/types.d.ts +1 -1
- package/ebay-icon/types.d.ts.map +1 -1
- package/ebay-infotip/index.d.ts +0 -1
- package/ebay-infotip/index.d.ts.map +1 -1
- package/ebay-infotip/index.js +0 -2
- package/ebay-listbox-button/listbox-button.js +6 -6
- package/ebay-menu/menu-item.d.ts.map +1 -1
- package/ebay-menu/menu-item.js +3 -2
- package/ebay-progress-spinner/README.md +1 -1
- package/ebay-progress-spinner/progress-spinner.d.ts +1 -1
- package/ebay-progress-spinner/progress-spinner.d.ts.map +1 -1
- package/ebay-progress-spinner/progress-spinner.js +3 -2
- package/ebay-progress-stepper/README.md +1 -3
- package/ebay-progress-stepper/ebay-progress-step.d.ts +1 -3
- package/ebay-progress-stepper/ebay-progress-step.d.ts.map +1 -1
- package/ebay-progress-stepper/ebay-progress-step.js +8 -19
- package/ebay-progress-stepper/ebay-progress-stepper.d.ts.map +1 -1
- package/ebay-progress-stepper/ebay-progress-stepper.js +16 -16
- package/ebay-progress-stepper/index.d.ts +1 -1
- package/ebay-progress-stepper/index.d.ts.map +1 -1
- package/ebay-progress-stepper/types.d.ts +1 -2
- package/ebay-progress-stepper/types.d.ts.map +1 -1
- package/ebay-section-title/README.md +0 -1
- package/ebay-section-title/cta.d.ts +1 -3
- package/ebay-section-title/cta.d.ts.map +1 -1
- package/ebay-section-title/cta.js +5 -9
- package/ebay-section-title/section-title.d.ts +1 -2
- package/ebay-section-title/section-title.d.ts.map +1 -1
- package/ebay-section-title/section-title.js +2 -5
- package/ebay-select/ebay-select.js +1 -1
- package/ebay-svg/svg.d.ts.map +1 -1
- package/ebay-svg/svg.js +108 -56
- package/ebay-tabs/README.md +0 -1
- package/ebay-tabs/tabs.d.ts +0 -2
- package/ebay-tabs/tabs.d.ts.map +1 -1
- package/ebay-textbox/textbox.d.ts +1 -2
- package/ebay-textbox/textbox.d.ts.map +1 -1
- package/ebay-textbox/textbox.js +2 -3
- package/ebay-tooltip/index.d.ts +0 -1
- package/ebay-tooltip/index.d.ts.map +1 -1
- package/ebay-tooltip/index.js +0 -3
- package/index.d.ts +4 -7
- package/index.d.ts.map +1 -1
- package/index.js +0 -12
- package/package.json +3 -3
- package/common/tooltip-utils/constants-legacy.d.ts +0 -10
- package/common/tooltip-utils/constants-legacy.d.ts.map +0 -1
- package/common/tooltip-utils/constants-legacy.js +0 -16
- package/ebay-dialog/README.md +0 -4
- package/ebay-expand-button/README.md +0 -36
- package/ebay-expand-button/expand-button.d.ts +0 -13
- package/ebay-expand-button/expand-button.d.ts.map +0 -1
- package/ebay-expand-button/expand-button.js +0 -73
- package/ebay-expand-button/index.d.ts +0 -2
- package/ebay-expand-button/index.d.ts.map +0 -1
- package/ebay-expand-button/index.js +0 -4
- package/ebay-field/enums.d.ts +0 -20
- package/ebay-field/enums.d.ts.map +0 -1
- package/ebay-field/enums.js +0 -27
- package/ebay-floating-label/README.md +0 -51
- package/ebay-floating-label/floating-label.d.ts +0 -10
- package/ebay-floating-label/floating-label.d.ts.map +0 -1
- package/ebay-floating-label/floating-label.js +0 -40
- package/ebay-floating-label/hooks.d.ts.map +0 -1
- package/ebay-floating-label/index.d.ts +0 -3
- package/ebay-floating-label/index.d.ts.map +0 -1
- package/ebay-floating-label/index.js +0 -4
- package/ebay-infotip/enums.d.ts +0 -8
- package/ebay-infotip/enums.d.ts.map +0 -1
- package/ebay-infotip/enums.js +0 -10
- package/ebay-legacy-floating-label/README.md +0 -47
- package/ebay-legacy-floating-label/index.d.ts +0 -2
- package/ebay-legacy-floating-label/index.d.ts.map +0 -1
- package/ebay-legacy-floating-label/index.js +0 -4
- package/ebay-legacy-floating-label/legacy-floating-label.d.ts +0 -8
- package/ebay-legacy-floating-label/legacy-floating-label.d.ts.map +0 -1
- package/ebay-legacy-floating-label/legacy-floating-label.js +0 -91
- package/ebay-notice-content/README.md +0 -6
- package/ebay-notice-content/index.d.ts +0 -2
- package/ebay-notice-content/index.d.ts.map +0 -1
- package/ebay-notice-content/index.js +0 -4
- package/ebay-tab/README.md +0 -1
- package/ebay-tab/enums.d.ts +0 -14
- package/ebay-tab/enums.d.ts.map +0 -1
- package/ebay-tab/enums.js +0 -17
- package/ebay-tab/index.d.ts +0 -6
- package/ebay-tab/index.d.ts.map +0 -1
- package/ebay-tab/index.js +0 -12
package/ebay-textbox/textbox.js
CHANGED
|
@@ -48,10 +48,10 @@ var react_1 = __importStar(require("react"));
|
|
|
48
48
|
var classnames_1 = __importDefault(require("classnames"));
|
|
49
49
|
var component_utils_1 = require("../common/component-utils");
|
|
50
50
|
var index_1 = require("./index");
|
|
51
|
-
var hooks_1 = require("../
|
|
51
|
+
var hooks_1 = require("../common/floating-label-utils/hooks");
|
|
52
52
|
var isControlled = function (value) { return typeof value !== 'undefined'; };
|
|
53
53
|
var EbayTextbox = function (_a) {
|
|
54
|
-
var _b = _a.type, type = _b === void 0 ? 'text' : _b, invalid = _a.invalid, fluid = _a.fluid, multiline = _a.multiline,
|
|
54
|
+
var _b = _a.type, type = _b === void 0 ? 'text' : _b, invalid = _a.invalid, fluid = _a.fluid, multiline = _a.multiline, _c = _a.onChange, onChange = _c === void 0 ? function () { } : _c, _d = _a.onFocus, onFocus = _d === void 0 ? function () { } : _d, _e = _a.onBlur, onBlur = _e === void 0 ? function () { } : _e, _f = _a.onButtonClick, onButtonClick = _f === void 0 ? function () { } : _f, autoFocus = _a.autoFocus, _g = _a.defaultValue, defaultValue = _g === void 0 ? '' : _g, controlledValue = _a.value, forwardedRef = _a.forwardedRef, _h = _a.inputSize, inputSize = _h === void 0 ? 'default' : _h, floatingLabel = _a.floatingLabel, children = _a.children, placeholder = _a.placeholder, rest = __rest(_a, ["type", "invalid", "fluid", "multiline", "onChange", "onFocus", "onBlur", "onButtonClick", "autoFocus", "defaultValue", "value", "forwardedRef", "inputSize", "floatingLabel", "children", "placeholder"]);
|
|
55
55
|
var _j = react_1.useState(defaultValue), value = _j[0], setValue = _j[1];
|
|
56
56
|
var _k = hooks_1.useFloatingLabel({
|
|
57
57
|
ref: forwardedRef,
|
|
@@ -90,7 +90,6 @@ var EbayTextbox = function (_a) {
|
|
|
90
90
|
var postfixIcon = component_utils_1.findComponent(children, index_1.EbayTextboxPostfixIcon);
|
|
91
91
|
var inputClassName = classnames_1.default('textbox__control', {
|
|
92
92
|
'textbox__control--fluid': fluid,
|
|
93
|
-
'legacy-textbox-underline': underline,
|
|
94
93
|
'textbox__control--large': inputSize === 'large'
|
|
95
94
|
});
|
|
96
95
|
var wrapperClassName = classnames_1.default('textbox', {
|
package/ebay-tooltip/index.d.ts
CHANGED
|
@@ -2,5 +2,4 @@ export { default as EbayTooltip } from './ebay-tooltip';
|
|
|
2
2
|
export { default as EbayTooltipContent } from './ebay-tooltip-content';
|
|
3
3
|
export { default as EbayTooltipHost } from './ebay-tooltip-host';
|
|
4
4
|
export { PointerDirection, Tooltip } from '../common/tooltip-utils';
|
|
5
|
-
export { POINTER_TYPES, TOOLTIP_TYPES } from '../common/tooltip-utils';
|
|
6
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA"}
|
package/ebay-tooltip/index.js
CHANGED
|
@@ -8,6 +8,3 @@ var ebay_tooltip_host_1 = require("./ebay-tooltip-host");
|
|
|
8
8
|
Object.defineProperty(exports, "EbayTooltipHost", { enumerable: true, get: function () { return ebay_tooltip_host_1.default; } });
|
|
9
9
|
var tooltip_utils_1 = require("../common/tooltip-utils");
|
|
10
10
|
Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return tooltip_utils_1.Tooltip; } });
|
|
11
|
-
var tooltip_utils_2 = require("../common/tooltip-utils");
|
|
12
|
-
Object.defineProperty(exports, "POINTER_TYPES", { enumerable: true, get: function () { return tooltip_utils_2.POINTER_TYPES; } });
|
|
13
|
-
Object.defineProperty(exports, "TOOLTIP_TYPES", { enumerable: true, get: function () { return tooltip_utils_2.TOOLTIP_TYPES; } });
|
package/index.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
export { EbayButton, EbayButtonCell, Size, Priority, EbayButtonProps } from './ebay-button';
|
|
2
2
|
export { EbayCtaButton } from './ebay-cta-button';
|
|
3
3
|
export { EbayEek, EbayEekProps } from './ebay-eek';
|
|
4
|
-
export { EbayExpandButton } from './ebay-expand-button';
|
|
5
4
|
export { EbayIconButton, EbayIconButtonProps } from './ebay-icon-button';
|
|
6
5
|
export { EbayMenu, EbayMenuItem, EbayMenuSeparator, EbayMenuType, EbayMenuPriority } from './ebay-menu';
|
|
7
6
|
export { EbayInlineNotice, NoticeStatus } from './ebay-inline-notice';
|
|
@@ -30,11 +29,9 @@ export { EbayLightboxDialog } from './ebay-lightbox-dialog';
|
|
|
30
29
|
export { EbayPanelDialog } from './ebay-panel-dialog';
|
|
31
30
|
export { EbayTextbox, EbayTextboxPrefixIcon, EbayTextboxPostfixIcon, EbayTextboxProps } from './ebay-textbox';
|
|
32
31
|
export { EbaySelect, EbaySelectOption } from './ebay-select';
|
|
33
|
-
export {
|
|
34
|
-
export {
|
|
35
|
-
export {
|
|
36
|
-
export {
|
|
37
|
-
export { EbayField, EbayLabel, EbayFieldDescription, FieldLayoutType, FieldDescriptionType, FieldDescriptionPosition, LabelPosition, fieldLayoutType, fieldDescriptionType, fieldDescriptionPosition } from './ebay-field';
|
|
38
|
-
export { EbayProgressStepper, EbayProgressStep, EbayProgressTitle, StepperDirection, StepType, StepState } from './ebay-progress-stepper';
|
|
32
|
+
export { EbayTooltip, EbayTooltipContent, EbayTooltipHost, PointerDirection, Tooltip } from './ebay-tooltip';
|
|
33
|
+
export { EbayInfotip, EbayInfotipHost, EbayInfotipContent, EbayInfotipHeading, Variant } from './ebay-infotip';
|
|
34
|
+
export { EbayField, EbayLabel, EbayFieldDescription, FieldLayoutType, FieldDescriptionType, FieldDescriptionPosition, LabelPosition } from './ebay-field';
|
|
35
|
+
export { EbayProgressStepper, EbayProgressStep, EbayProgressTitle, StepperDirection, StepState } from './ebay-progress-stepper';
|
|
39
36
|
export { EbayListboxButton, EbayListboxButtonOption } from './ebay-listbox-button';
|
|
40
37
|
//# sourceMappingURL=index.d.ts.map
|
package/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,IAAI,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC3F,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/index.js
CHANGED
|
@@ -7,8 +7,6 @@ var ebay_cta_button_1 = require("./ebay-cta-button");
|
|
|
7
7
|
Object.defineProperty(exports, "EbayCtaButton", { enumerable: true, get: function () { return ebay_cta_button_1.EbayCtaButton; } });
|
|
8
8
|
var ebay_eek_1 = require("./ebay-eek");
|
|
9
9
|
Object.defineProperty(exports, "EbayEek", { enumerable: true, get: function () { return ebay_eek_1.EbayEek; } });
|
|
10
|
-
var ebay_expand_button_1 = require("./ebay-expand-button");
|
|
11
|
-
Object.defineProperty(exports, "EbayExpandButton", { enumerable: true, get: function () { return ebay_expand_button_1.EbayExpandButton; } });
|
|
12
10
|
var ebay_icon_button_1 = require("./ebay-icon-button");
|
|
13
11
|
Object.defineProperty(exports, "EbayIconButton", { enumerable: true, get: function () { return ebay_icon_button_1.EbayIconButton; } });
|
|
14
12
|
var ebay_menu_1 = require("./ebay-menu");
|
|
@@ -85,30 +83,20 @@ Object.defineProperty(exports, "EbayTextboxPostfixIcon", { enumerable: true, get
|
|
|
85
83
|
var ebay_select_1 = require("./ebay-select");
|
|
86
84
|
Object.defineProperty(exports, "EbaySelect", { enumerable: true, get: function () { return ebay_select_1.EbaySelect; } });
|
|
87
85
|
Object.defineProperty(exports, "EbaySelectOption", { enumerable: true, get: function () { return ebay_select_1.EbaySelectOption; } });
|
|
88
|
-
var ebay_floating_label_1 = require("./ebay-floating-label");
|
|
89
|
-
Object.defineProperty(exports, "EbayFloatingLabel", { enumerable: true, get: function () { return ebay_floating_label_1.EbayFloatingLabel; } });
|
|
90
86
|
var ebay_tooltip_1 = require("./ebay-tooltip");
|
|
91
87
|
Object.defineProperty(exports, "EbayTooltip", { enumerable: true, get: function () { return ebay_tooltip_1.EbayTooltip; } });
|
|
92
88
|
Object.defineProperty(exports, "EbayTooltipContent", { enumerable: true, get: function () { return ebay_tooltip_1.EbayTooltipContent; } });
|
|
93
89
|
Object.defineProperty(exports, "EbayTooltipHost", { enumerable: true, get: function () { return ebay_tooltip_1.EbayTooltipHost; } });
|
|
94
90
|
Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return ebay_tooltip_1.Tooltip; } });
|
|
95
|
-
Object.defineProperty(exports, "POINTER_TYPES", { enumerable: true, get: function () { return ebay_tooltip_1.POINTER_TYPES; } });
|
|
96
|
-
Object.defineProperty(exports, "TOOLTIP_TYPES", { enumerable: true, get: function () { return ebay_tooltip_1.TOOLTIP_TYPES; } });
|
|
97
91
|
var ebay_infotip_1 = require("./ebay-infotip");
|
|
98
92
|
Object.defineProperty(exports, "EbayInfotip", { enumerable: true, get: function () { return ebay_infotip_1.EbayInfotip; } });
|
|
99
93
|
Object.defineProperty(exports, "EbayInfotipHost", { enumerable: true, get: function () { return ebay_infotip_1.EbayInfotipHost; } });
|
|
100
94
|
Object.defineProperty(exports, "EbayInfotipContent", { enumerable: true, get: function () { return ebay_infotip_1.EbayInfotipContent; } });
|
|
101
95
|
Object.defineProperty(exports, "EbayInfotipHeading", { enumerable: true, get: function () { return ebay_infotip_1.EbayInfotipHeading; } });
|
|
102
|
-
Object.defineProperty(exports, "variants", { enumerable: true, get: function () { return ebay_infotip_1.variants; } });
|
|
103
|
-
var ebay_legacy_floating_label_1 = require("./ebay-legacy-floating-label");
|
|
104
|
-
Object.defineProperty(exports, "EbayLegacyFloatingLabel", { enumerable: true, get: function () { return ebay_legacy_floating_label_1.EbayLegacyFloatingLabel; } });
|
|
105
96
|
var ebay_field_1 = require("./ebay-field");
|
|
106
97
|
Object.defineProperty(exports, "EbayField", { enumerable: true, get: function () { return ebay_field_1.EbayField; } });
|
|
107
98
|
Object.defineProperty(exports, "EbayLabel", { enumerable: true, get: function () { return ebay_field_1.EbayLabel; } });
|
|
108
99
|
Object.defineProperty(exports, "EbayFieldDescription", { enumerable: true, get: function () { return ebay_field_1.EbayFieldDescription; } });
|
|
109
|
-
Object.defineProperty(exports, "fieldLayoutType", { enumerable: true, get: function () { return ebay_field_1.fieldLayoutType; } });
|
|
110
|
-
Object.defineProperty(exports, "fieldDescriptionType", { enumerable: true, get: function () { return ebay_field_1.fieldDescriptionType; } });
|
|
111
|
-
Object.defineProperty(exports, "fieldDescriptionPosition", { enumerable: true, get: function () { return ebay_field_1.fieldDescriptionPosition; } });
|
|
112
100
|
var ebay_progress_stepper_1 = require("./ebay-progress-stepper");
|
|
113
101
|
Object.defineProperty(exports, "EbayProgressStepper", { enumerable: true, get: function () { return ebay_progress_stepper_1.EbayProgressStepper; } });
|
|
114
102
|
Object.defineProperty(exports, "EbayProgressStep", { enumerable: true, get: function () { return ebay_progress_stepper_1.EbayProgressStep; } });
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ebay/ui-core-react",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.0",
|
|
4
4
|
"description": "Skin components build off React",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"types": "index.d.ts",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"author": "tmanyanov@ebay.com",
|
|
42
42
|
"license": "ISC",
|
|
43
43
|
"peerDependencies": {
|
|
44
|
-
"@ebay/skin": "^
|
|
44
|
+
"@ebay/skin": "^15.0.0",
|
|
45
45
|
"react": "^16.0.0",
|
|
46
46
|
"react-dom": "^16.0.0"
|
|
47
47
|
},
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
},
|
|
54
54
|
"devDependencies": {
|
|
55
55
|
"@babel/register": "^7.0.0",
|
|
56
|
-
"@ebay/skin": "^
|
|
56
|
+
"@ebay/skin": "^15",
|
|
57
57
|
"@microsoft/eslint-formatter-sarif": "^3.0.0",
|
|
58
58
|
"@storybook/addon-a11y": "^6.5.6",
|
|
59
59
|
"@storybook/addon-essentials": "^6.5.6",
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { PointerDirection, TooltipType } from './types';
|
|
2
|
-
/**
|
|
3
|
-
* @deprecated Use TooltipType union type instead
|
|
4
|
-
*/
|
|
5
|
-
export declare const TOOLTIP_TYPES: TooltipType[];
|
|
6
|
-
/**
|
|
7
|
-
* @deprecated Use PointerDirection union type instead
|
|
8
|
-
*/
|
|
9
|
-
export declare const POINTER_TYPES: PointerDirection[];
|
|
10
|
-
//# sourceMappingURL=constants-legacy.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants-legacy.d.ts","sourceRoot":"","sources":["../../../src/common/tooltip-utils/constants-legacy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAEvD;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,WAAW,EAAsC,CAAA;AAE7E;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,gBAAgB,EAK3C,CAAA"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.POINTER_TYPES = exports.TOOLTIP_TYPES = void 0;
|
|
4
|
-
/**
|
|
5
|
-
* @deprecated Use TooltipType union type instead
|
|
6
|
-
*/
|
|
7
|
-
exports.TOOLTIP_TYPES = ["tooltip", "infotip", "tourtip"];
|
|
8
|
-
/**
|
|
9
|
-
* @deprecated Use PointerDirection union type instead
|
|
10
|
-
*/
|
|
11
|
-
exports.POINTER_TYPES = [
|
|
12
|
-
"top", "top-left", "top-right",
|
|
13
|
-
"right", "right-bottom", "right-top",
|
|
14
|
-
"bottom", "bottom-left", "bottom-right",
|
|
15
|
-
"left", "left-bottom", "left-top"
|
|
16
|
-
];
|
package/ebay-dialog/README.md
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
# ebay-expand-button
|
|
2
|
-
|
|
3
|
-
## Demo
|
|
4
|
-
[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/ebay-expand-button--default)
|
|
5
|
-
|
|
6
|
-
## Install
|
|
7
|
-
```
|
|
8
|
-
yarn add @ebay/ui-core-react
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
## Usage
|
|
12
|
-
|
|
13
|
-
### Import following styles from SKIN
|
|
14
|
-
```jsx harmony
|
|
15
|
-
import "@ebay/skin/expand-button"
|
|
16
|
-
```
|
|
17
|
-
|
|
18
|
-
### Or import styles using SCSS/CSS
|
|
19
|
-
```jsx harmony
|
|
20
|
-
import '@ebay/skin/expand-button.css'
|
|
21
|
-
|
|
22
|
-
```
|
|
23
|
-
|
|
24
|
-
### Expand button
|
|
25
|
-
```jsx
|
|
26
|
-
<EbayExpandButton>Expand!</EbayExpandButton>
|
|
27
|
-
```
|
|
28
|
-
|
|
29
|
-
## EbayExpandButton Attributes
|
|
30
|
-
|
|
31
|
-
Name | Type | Required | Description
|
|
32
|
-
--- | --- | --- | ---
|
|
33
|
-
`icon` | String | No | Replacement for the standard expand icon
|
|
34
|
-
`borderless` | Boolean | No | Whether button has borders
|
|
35
|
-
`onExpand` | Function | No | Expand callback
|
|
36
|
-
`onCollapse` | Function | No | Collapse callback
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ComponentProps, FC, MouseEvent } from 'react';
|
|
2
|
-
import { Icon } from '../ebay-icon';
|
|
3
|
-
declare type HTMLButtonProps = ComponentProps<'button'>;
|
|
4
|
-
export declare type ExpandButtonProps = HTMLButtonProps & {
|
|
5
|
-
borderless?: boolean;
|
|
6
|
-
icon?: Icon;
|
|
7
|
-
onExpand?: () => void;
|
|
8
|
-
onCollapse?: () => void;
|
|
9
|
-
onClick?: (e: MouseEvent) => void;
|
|
10
|
-
};
|
|
11
|
-
declare const EbayExpandButton: FC<ExpandButtonProps>;
|
|
12
|
-
export default EbayExpandButton;
|
|
13
|
-
//# sourceMappingURL=expand-button.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"expand-button.d.ts","sourceRoot":"","sources":["../../src/ebay-expand-button/expand-button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAY,cAAc,EAAE,EAAE,EAAE,UAAU,EAAY,MAAM,OAAO,CAAA;AAEjF,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAA;AAG7C,aAAK,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAChD,oBAAY,iBAAiB,GAAG,eAAe,GAAG;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACrC,CAAA;AAED,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,iBAAiB,CA4C3C,CAAA;AAED,eAAe,gBAAgB,CAAA"}
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
16
|
-
}) : (function(o, m, k, k2) {
|
|
17
|
-
if (k2 === undefined) k2 = k;
|
|
18
|
-
o[k2] = m[k];
|
|
19
|
-
}));
|
|
20
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
21
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
22
|
-
}) : function(o, v) {
|
|
23
|
-
o["default"] = v;
|
|
24
|
-
});
|
|
25
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
26
|
-
if (mod && mod.__esModule) return mod;
|
|
27
|
-
var result = {};
|
|
28
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
29
|
-
__setModuleDefault(result, mod);
|
|
30
|
-
return result;
|
|
31
|
-
};
|
|
32
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
33
|
-
var t = {};
|
|
34
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
35
|
-
t[p] = s[p];
|
|
36
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
37
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
38
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
39
|
-
t[p[i]] = s[p[i]];
|
|
40
|
-
}
|
|
41
|
-
return t;
|
|
42
|
-
};
|
|
43
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
44
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
45
|
-
};
|
|
46
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
|
-
var react_1 = __importStar(require("react"));
|
|
48
|
-
var classnames_1 = __importDefault(require("classnames"));
|
|
49
|
-
var ebay_icon_1 = require("../ebay-icon");
|
|
50
|
-
var ebay_button_1 = require("../ebay-button");
|
|
51
|
-
var EbayExpandButton = function (_a) {
|
|
52
|
-
var className = _a.className, borderless = _a.borderless, _b = _a.icon, icon = _b === void 0 ? 'dropdown' : _b, _c = _a.onExpand, onExpand = _c === void 0 ? function () { } : _c, _d = _a.onCollapse, onCollapse = _d === void 0 ? function () { } : _d, _e = _a.onClick, onClick = _e === void 0 ? function () { } : _e, children = _a.children, rest = __rest(_a, ["className", "borderless", "icon", "onExpand", "onCollapse", "onClick", "children"]);
|
|
53
|
-
var _f = react_1.useState(false), expanded = _f[0], setExpanded = _f[1];
|
|
54
|
-
var hasChildren = !!react_1.Children.count(children);
|
|
55
|
-
var buttonClasses = classnames_1.default('expand-btn', className, { 'expand-btn--icon-only': !hasChildren }, { 'expand-btn--borderless': borderless });
|
|
56
|
-
var handleClick = function (e) {
|
|
57
|
-
var willExpand = !expanded;
|
|
58
|
-
if (willExpand) {
|
|
59
|
-
onExpand();
|
|
60
|
-
}
|
|
61
|
-
else {
|
|
62
|
-
onCollapse();
|
|
63
|
-
}
|
|
64
|
-
setExpanded(!expanded);
|
|
65
|
-
onClick(e);
|
|
66
|
-
};
|
|
67
|
-
return (react_1.default.createElement("button", __assign({}, rest, { className: borderless && !hasChildren ? 'icon-btn' : buttonClasses, "aria-expanded": expanded, onClick: handleClick }), borderless && !hasChildren ?
|
|
68
|
-
react_1.default.createElement(ebay_icon_1.EbayIcon, { name: icon }) :
|
|
69
|
-
react_1.default.createElement(ebay_button_1.EbayButtonCell, { type: "expand" },
|
|
70
|
-
hasChildren && react_1.default.createElement("span", { className: "expand-btn__text" }, children),
|
|
71
|
-
react_1.default.createElement(ebay_icon_1.EbayIcon, { name: icon }))));
|
|
72
|
-
};
|
|
73
|
-
exports.default = EbayExpandButton;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-expand-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iBAAiB,CAAA"}
|
package/ebay-field/enums.d.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { FieldDescriptionPosition, FieldDescriptionType, FieldLayoutType } from './types';
|
|
2
|
-
/**
|
|
3
|
-
* @deprecated Use FieldLayoutType union type instead
|
|
4
|
-
*/
|
|
5
|
-
export declare const fieldLayoutType: {
|
|
6
|
-
[key: string]: FieldLayoutType;
|
|
7
|
-
};
|
|
8
|
-
/**
|
|
9
|
-
* @deprecated Use FieldDescriptionType union type instead
|
|
10
|
-
*/
|
|
11
|
-
export declare const fieldDescriptionType: {
|
|
12
|
-
[key: string]: FieldDescriptionType;
|
|
13
|
-
};
|
|
14
|
-
/**
|
|
15
|
-
* @deprecated Use FieldDescriptionPosition union type instead
|
|
16
|
-
*/
|
|
17
|
-
export declare const fieldDescriptionPosition: {
|
|
18
|
-
[key: string]: FieldDescriptionPosition;
|
|
19
|
-
};
|
|
20
|
-
//# sourceMappingURL=enums.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../src/ebay-field/enums.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,CAAA;CAG7D,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,oBAAoB,CAAA;CAKvE,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,wBAAwB,CAAA;CAI/E,CAAA"}
|
package/ebay-field/enums.js
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.fieldDescriptionPosition = exports.fieldDescriptionType = exports.fieldLayoutType = void 0;
|
|
4
|
-
/**
|
|
5
|
-
* @deprecated Use FieldLayoutType union type instead
|
|
6
|
-
*/
|
|
7
|
-
exports.fieldLayoutType = {
|
|
8
|
-
INLINE: "inline",
|
|
9
|
-
BLOCK: "block"
|
|
10
|
-
};
|
|
11
|
-
/**
|
|
12
|
-
* @deprecated Use FieldDescriptionType union type instead
|
|
13
|
-
*/
|
|
14
|
-
exports.fieldDescriptionType = {
|
|
15
|
-
DEFAULT: "default",
|
|
16
|
-
CONFIRMATION: "confirmation",
|
|
17
|
-
INFORMATION: "information",
|
|
18
|
-
ATTENTION: "attention"
|
|
19
|
-
};
|
|
20
|
-
/**
|
|
21
|
-
* @deprecated Use FieldDescriptionPosition union type instead
|
|
22
|
-
*/
|
|
23
|
-
exports.fieldDescriptionPosition = {
|
|
24
|
-
INLINE: "inline",
|
|
25
|
-
BELOW_FIELD: "below",
|
|
26
|
-
ABOVE_FIELD: "above"
|
|
27
|
-
};
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
# ebay-floating-label [DEPRECATED]
|
|
2
|
-
|
|
3
|
-
Use `EbayTextbox` or `EbaySelect` with the `floatingLabel` attribute instead
|
|
4
|
-
|
|
5
|
-
## Demo
|
|
6
|
-
|
|
7
|
-
[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/ebay-floating-label--default-floating-label)
|
|
8
|
-
|
|
9
|
-
## Import JS
|
|
10
|
-
|
|
11
|
-
```jsx harmony
|
|
12
|
-
import { EbayFloatingLabel } from '@ebay/ui-core-react/ebay-floating-label'
|
|
13
|
-
```
|
|
14
|
-
|
|
15
|
-
## Import following styles from SKIN
|
|
16
|
-
|
|
17
|
-
```jsx harmony
|
|
18
|
-
import "@ebay/skin/floating-label";
|
|
19
|
-
```
|
|
20
|
-
|
|
21
|
-
## or import styles using SCSS/CSS
|
|
22
|
-
|
|
23
|
-
```jsx harmony
|
|
24
|
-
import "@ebay/skin/floating-label.css";
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
## Usage
|
|
28
|
-
|
|
29
|
-
```
|
|
30
|
-
yarn add @ebay/ui-core-react
|
|
31
|
-
```
|
|
32
|
-
|
|
33
|
-
```jsx harmony
|
|
34
|
-
<EbayFloatingLabel label="Search" value="Search for anything" />
|
|
35
|
-
```
|
|
36
|
-
|
|
37
|
-
## Attributes
|
|
38
|
-
|
|
39
|
-
| Name | Type | Stateful | Required | Description |
|
|
40
|
-
| ----------- | -------- | -------- | -------- | -------------------------------------------------------------------------- |
|
|
41
|
-
| `id` | String | No | Yes | ID for the input element, necessary for accessibility |
|
|
42
|
-
| `label` | String | No | No | Text of the label |
|
|
43
|
-
| `disabled` | Boolean | No | No | indicates the field is disabled if true |
|
|
44
|
-
| `invalid` | Boolean | No | No | indicates a field-level error with red border if true |
|
|
45
|
-
| `value` | String | No | No | Value of the input |
|
|
46
|
-
| `inputSize` | String | No | No | `default` (default), `large` |
|
|
47
|
-
| `elementType` | String | No | No | `textbox` (default), `select` |
|
|
48
|
-
| `onFocus` | Function | No | No | called when input gets focus, parameters passed: `originalEvent`, `value` |
|
|
49
|
-
| `onBlur` | Function | No | No | called when input loses focus, parameters passed: `originalEvent`, `value` |
|
|
50
|
-
|
|
51
|
-
It supports all the events supported by an input element (e.g. `onChange`, `onInput`, `onKeyDown`, `onKeyUp`)
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { EbayTextboxProps } from '../ebay-textbox';
|
|
3
|
-
import { EbaySelectProps } from '../ebay-select';
|
|
4
|
-
declare type Props = EbayTextboxProps & EbaySelectProps & {
|
|
5
|
-
label: string;
|
|
6
|
-
elementType?: 'textbox' | 'select';
|
|
7
|
-
};
|
|
8
|
-
declare const _default: React.ForwardRefExoticComponent<Pick<Props, "form" | "label" | "slot" | "style" | "title" | "pattern" | "type" | "key" | "name" | "className" | "forwardedRef" | "color" | "height" | "id" | "lang" | "max" | "min" | "width" | "role" | "tabIndex" | "crossOrigin" | "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" | "children" | "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" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "step" | "size" | "fluid" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "borderless" | "invalid" | "checked" | "accept" | "alt" | "autoComplete" | "capture" | "cols" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "rows" | "src" | "wrap" | "underline" | "inputSize" | "dirName" | "multiline" | "onButtonClick" | "floatingLabel" | "elementType"> & React.RefAttributes<React.FC<Props>>>;
|
|
9
|
-
export default _default;
|
|
10
|
-
//# sourceMappingURL=floating-label.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"floating-label.d.ts","sourceRoot":"","sources":["../../src/ebay-floating-label/floating-label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,EAAe,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAE/D,OAAO,EAAc,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAE5D,aAAK,KAAK,GAAG,gBAAgB,GAAG,eAAe,GAAG;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;CACrC,CAAC;;AA2BF,wBAAgD"}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
-
};
|
|
27
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
-
var react_1 = __importDefault(require("react"));
|
|
29
|
-
var ebay_textbox_1 = require("../ebay-textbox");
|
|
30
|
-
var component_utils_1 = require("../common/component-utils");
|
|
31
|
-
var ebay_select_1 = require("../ebay-select");
|
|
32
|
-
var EbayFloatingLabel = function (_a) {
|
|
33
|
-
var label = _a.label, forwardedRef = _a.forwardedRef, _b = _a.elementType, elementType = _b === void 0 ? 'textbox' : _b, rest = __rest(_a, ["label", "forwardedRef", "elementType"]);
|
|
34
|
-
var inputRef = function () { return forwardedRef; };
|
|
35
|
-
if (elementType === 'select') {
|
|
36
|
-
return (react_1.default.createElement(ebay_select_1.EbaySelect, __assign({}, rest, { floatingLabel: label })));
|
|
37
|
-
}
|
|
38
|
-
return (react_1.default.createElement(ebay_textbox_1.EbayTextbox, __assign({}, rest, { ref: inputRef(), floatingLabel: label })));
|
|
39
|
-
};
|
|
40
|
-
exports.default = component_utils_1.withForwardRef(EbayFloatingLabel);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/ebay-floating-label/hooks.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA+B,EAAE,EAAE,SAAS,EAAe,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAGjH,aAAK,QAAQ,GAAG,SAAS,CAAC,iBAAiB,GAAG,mBAAmB,GAAG,gBAAgB,CAAC,GAAG,GAAG,CAAA;AAC3F,aAAK,sBAAsB,GAAG;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAChC,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAA;AAED,aAAK,uBAAuB,GAAG;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,EAAE,CAAC;QAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IACxC,GAAG,EAAE,QAAQ,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACvB,CAAA;AA4CD,wBAAgB,gBAAgB,CAAC,EAC7B,GAAG,EACH,OAAO,EACP,SAAS,EACT,QAAQ,EACR,KAAK,EACL,SAAS,EACT,UAAU,EACV,WAAW,EACX,OAAO,EACV,EAAG,sBAAsB,GAAG,uBAAuB,CA2EnD"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-floating-label/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA"}
|
package/ebay-infotip/enums.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../src/ebay-infotip/enums.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEjC;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAG9C,CAAA"}
|
package/ebay-infotip/enums.js
DELETED
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
# [DEPRECATED] ebay-legacy-floating-label
|
|
2
|
-
|
|
3
|
-
## Demo
|
|
4
|
-
|
|
5
|
-
[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/ebay-legacy-floating-label--default-floating-label)
|
|
6
|
-
|
|
7
|
-
## Import JS
|
|
8
|
-
|
|
9
|
-
```jsx harmony
|
|
10
|
-
import { EbayLegacyFloatingLabel } from '@ebay/ui-core-react/ebay-legacy-floating-label'
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
## Import following styles from SKIN
|
|
14
|
-
|
|
15
|
-
```jsx harmony
|
|
16
|
-
import "@ebay/skin/legacy-textbox";
|
|
17
|
-
```
|
|
18
|
-
|
|
19
|
-
## or import styles using SCSS/CSS
|
|
20
|
-
|
|
21
|
-
```jsx harmony
|
|
22
|
-
import "@ebay/skin/legacy-textbox.css";
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
## Usage
|
|
26
|
-
|
|
27
|
-
```
|
|
28
|
-
yarn add @ebay/ui-core-react
|
|
29
|
-
```
|
|
30
|
-
|
|
31
|
-
```jsx harmony
|
|
32
|
-
<EbayLegacyFloatingLabel label="Search" value="Search for anything" />
|
|
33
|
-
```
|
|
34
|
-
|
|
35
|
-
## Attributes
|
|
36
|
-
|
|
37
|
-
| Name | Type | Stateful | Required | Description |
|
|
38
|
-
| ---------- | -------- | -------- | -------- | -------------------------------------------------------------------------- |
|
|
39
|
-
| `id` | String | No | Yes | ID for the input element, necessary for accessibility |
|
|
40
|
-
| `label` | String | No | No | Text of the label |
|
|
41
|
-
| `disabled` | Boolean | No | No | indicates the field is disabled if true |
|
|
42
|
-
| `invalid` | Boolean | No | No | indicates a field-level error with red border if true |
|
|
43
|
-
| `value` | String | No | No | Value of the input |
|
|
44
|
-
| `onFocus` | Function | No | No | called when input gets focus, parameters passed: `originalEvent`, `value` |
|
|
45
|
-
| `onBlur` | Function | No | No | called when input loses focus, parameters passed: `originalEvent`, `value` |
|
|
46
|
-
|
|
47
|
-
It supports all the events supported by an input element (e.g. `onChange`, `onInput`, `onKeyDown`, `onKeyUp`)
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-legacy-floating-label/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,yBAAyB,CAAA"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
var legacy_floating_label_1 = require("./legacy-floating-label");
|
|
4
|
-
Object.defineProperty(exports, "EbayLegacyFloatingLabel", { enumerable: true, get: function () { return legacy_floating_label_1.default; } });
|