@ebay/ui-core-react 1.8.3 → 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.
Files changed (107) hide show
  1. package/README.md +1 -4
  2. package/{ebay-floating-label → common/floating-label-utils}/hooks.d.ts +0 -0
  3. package/common/floating-label-utils/hooks.d.ts.map +1 -0
  4. package/{ebay-floating-label → common/floating-label-utils}/hooks.js +0 -0
  5. package/common/tooltip-utils/index.d.ts +0 -1
  6. package/common/tooltip-utils/index.d.ts.map +1 -1
  7. package/common/tooltip-utils/index.js +0 -3
  8. package/ebay-button/README.md +2 -2
  9. package/ebay-button/button.d.ts.map +1 -1
  10. package/ebay-button/button.js +2 -3
  11. package/ebay-button/types.d.ts +1 -1
  12. package/ebay-button/types.d.ts.map +1 -1
  13. package/ebay-dialog-base/dialog-base-with-state.js +1 -1
  14. package/ebay-field/index.d.ts +0 -1
  15. package/ebay-field/index.d.ts.map +1 -1
  16. package/ebay-field/index.js +0 -4
  17. package/ebay-fullscreen-dialog/fullscreen-dialog.d.ts +0 -1
  18. package/ebay-fullscreen-dialog/fullscreen-dialog.d.ts.map +1 -1
  19. package/ebay-fullscreen-dialog/fullscreen-dialog.js +2 -2
  20. package/ebay-icon/types.d.ts +1 -1
  21. package/ebay-icon/types.d.ts.map +1 -1
  22. package/ebay-infotip/index.d.ts +0 -1
  23. package/ebay-infotip/index.d.ts.map +1 -1
  24. package/ebay-infotip/index.js +0 -2
  25. package/ebay-listbox-button/listbox-button.js +6 -6
  26. package/ebay-menu/menu-item.d.ts.map +1 -1
  27. package/ebay-menu/menu-item.js +3 -2
  28. package/ebay-progress-spinner/README.md +1 -1
  29. package/ebay-progress-spinner/progress-spinner.d.ts +1 -1
  30. package/ebay-progress-spinner/progress-spinner.d.ts.map +1 -1
  31. package/ebay-progress-spinner/progress-spinner.js +3 -2
  32. package/ebay-progress-stepper/README.md +1 -3
  33. package/ebay-progress-stepper/ebay-progress-step.d.ts +1 -3
  34. package/ebay-progress-stepper/ebay-progress-step.d.ts.map +1 -1
  35. package/ebay-progress-stepper/ebay-progress-step.js +8 -19
  36. package/ebay-progress-stepper/ebay-progress-stepper.d.ts.map +1 -1
  37. package/ebay-progress-stepper/ebay-progress-stepper.js +16 -16
  38. package/ebay-progress-stepper/index.d.ts +1 -1
  39. package/ebay-progress-stepper/index.d.ts.map +1 -1
  40. package/ebay-progress-stepper/types.d.ts +1 -2
  41. package/ebay-progress-stepper/types.d.ts.map +1 -1
  42. package/ebay-section-title/README.md +0 -1
  43. package/ebay-section-title/cta.d.ts +1 -3
  44. package/ebay-section-title/cta.d.ts.map +1 -1
  45. package/ebay-section-title/cta.js +5 -9
  46. package/ebay-section-title/section-title.d.ts +1 -2
  47. package/ebay-section-title/section-title.d.ts.map +1 -1
  48. package/ebay-section-title/section-title.js +2 -5
  49. package/ebay-select/ebay-select.js +1 -1
  50. package/ebay-svg/svg.d.ts.map +1 -1
  51. package/ebay-svg/svg.js +108 -56
  52. package/ebay-tabs/README.md +0 -1
  53. package/ebay-tabs/tabs.d.ts +0 -2
  54. package/ebay-tabs/tabs.d.ts.map +1 -1
  55. package/ebay-textbox/textbox.d.ts +1 -2
  56. package/ebay-textbox/textbox.d.ts.map +1 -1
  57. package/ebay-textbox/textbox.js +2 -3
  58. package/ebay-tooltip/index.d.ts +0 -1
  59. package/ebay-tooltip/index.d.ts.map +1 -1
  60. package/ebay-tooltip/index.js +0 -3
  61. package/index.d.ts +4 -7
  62. package/index.d.ts.map +1 -1
  63. package/index.js +0 -12
  64. package/package.json +3 -3
  65. package/common/tooltip-utils/constants-legacy.d.ts +0 -10
  66. package/common/tooltip-utils/constants-legacy.d.ts.map +0 -1
  67. package/common/tooltip-utils/constants-legacy.js +0 -16
  68. package/ebay-dialog/README.md +0 -4
  69. package/ebay-expand-button/README.md +0 -36
  70. package/ebay-expand-button/expand-button.d.ts +0 -13
  71. package/ebay-expand-button/expand-button.d.ts.map +0 -1
  72. package/ebay-expand-button/expand-button.js +0 -73
  73. package/ebay-expand-button/index.d.ts +0 -2
  74. package/ebay-expand-button/index.d.ts.map +0 -1
  75. package/ebay-expand-button/index.js +0 -4
  76. package/ebay-field/enums.d.ts +0 -20
  77. package/ebay-field/enums.d.ts.map +0 -1
  78. package/ebay-field/enums.js +0 -27
  79. package/ebay-floating-label/README.md +0 -51
  80. package/ebay-floating-label/floating-label.d.ts +0 -10
  81. package/ebay-floating-label/floating-label.d.ts.map +0 -1
  82. package/ebay-floating-label/floating-label.js +0 -40
  83. package/ebay-floating-label/hooks.d.ts.map +0 -1
  84. package/ebay-floating-label/index.d.ts +0 -3
  85. package/ebay-floating-label/index.d.ts.map +0 -1
  86. package/ebay-floating-label/index.js +0 -4
  87. package/ebay-infotip/enums.d.ts +0 -8
  88. package/ebay-infotip/enums.d.ts.map +0 -1
  89. package/ebay-infotip/enums.js +0 -10
  90. package/ebay-legacy-floating-label/README.md +0 -47
  91. package/ebay-legacy-floating-label/index.d.ts +0 -2
  92. package/ebay-legacy-floating-label/index.d.ts.map +0 -1
  93. package/ebay-legacy-floating-label/index.js +0 -4
  94. package/ebay-legacy-floating-label/legacy-floating-label.d.ts +0 -8
  95. package/ebay-legacy-floating-label/legacy-floating-label.d.ts.map +0 -1
  96. package/ebay-legacy-floating-label/legacy-floating-label.js +0 -91
  97. package/ebay-notice-content/README.md +0 -6
  98. package/ebay-notice-content/index.d.ts +0 -2
  99. package/ebay-notice-content/index.d.ts.map +0 -1
  100. package/ebay-notice-content/index.js +0 -4
  101. package/ebay-tab/README.md +0 -1
  102. package/ebay-tab/enums.d.ts +0 -14
  103. package/ebay-tab/enums.d.ts.map +0 -1
  104. package/ebay-tab/enums.js +0 -17
  105. package/ebay-tab/index.d.ts +0 -6
  106. package/ebay-tab/index.d.ts.map +0 -1
  107. package/ebay-tab/index.js +0 -12
@@ -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("../ebay-floating-label/hooks");
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, underline = _a.underline /* DEPRECATED */, _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", "underline", "onChange", "onFocus", "onBlur", "onButtonClick", "autoFocus", "defaultValue", "value", "forwardedRef", "inputSize", "floatingLabel", "children", "placeholder"]);
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', {
@@ -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;AACnE,OAAO,EAAE,aAAa,EAAE,aAAa,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"}
@@ -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 { EbayFloatingLabel } from './ebay-floating-label';
34
- export { EbayTooltip, EbayTooltipContent, EbayTooltipHost, PointerDirection, Tooltip, POINTER_TYPES, TOOLTIP_TYPES } from './ebay-tooltip';
35
- export { EbayInfotip, EbayInfotipHost, EbayInfotipContent, EbayInfotipHeading, Variant, variants } from './ebay-infotip';
36
- export { EbayLegacyFloatingLabel } from './ebay-legacy-floating-label';
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":"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"}
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,cAAc,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AACxE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AACvG,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACrE,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAC1G,OAAO,EACH,gBAAgB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,wBAAwB,EACpH,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAC9F,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AACxE,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AACzF,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,IAAI,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAC1F,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACxE,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAC9F,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAC7G,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,eAAe,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAC5G,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAC9G,OAAO,EACH,SAAS,EAAE,SAAS,EAAE,oBAAoB,EAC1C,eAAe,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,aAAa,EACjF,MAAM,cAAc,CAAA;AACrB,OAAO,EACH,mBAAmB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,SAAS,EACxF,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA"}
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": "1.8.3",
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": "^14.0.0",
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": "^14",
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
- ];
@@ -1,4 +0,0 @@
1
- # EbayDialog
2
-
3
- ## Deprecated
4
- Use [EbayFullscreenDialog](../ebay-fullscreen-dialog), [EbayLightboxDialog](../ebay-lightbox-dialog), [EbayPanelDialog](../ebay-panel-dialog), [EbayDrawerDialog](../ebay-drawer-dialog) instead.
@@ -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,2 +0,0 @@
1
- export { default as EbayExpandButton } from './expand-button';
2
- //# sourceMappingURL=index.d.ts.map
@@ -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"}
@@ -1,4 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var expand_button_1 = require("./expand-button");
4
- Object.defineProperty(exports, "EbayExpandButton", { enumerable: true, get: function () { return expand_button_1.default; } });
@@ -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"}
@@ -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,3 +0,0 @@
1
- export { default as EbayFloatingLabel } from './floating-label';
2
- export { Size } from '../ebay-textbox';
3
- //# sourceMappingURL=index.d.ts.map
@@ -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"}
@@ -1,4 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var floating_label_1 = require("./floating-label");
4
- Object.defineProperty(exports, "EbayFloatingLabel", { enumerable: true, get: function () { return floating_label_1.default; } });
@@ -1,8 +0,0 @@
1
- import { Variant } from './types';
2
- /**
3
- * @deprecated Use Variant union type instead
4
- */
5
- export declare const variants: {
6
- [key: string]: Variant;
7
- };
8
- //# sourceMappingURL=enums.d.ts.map
@@ -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"}
@@ -1,10 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.variants = void 0;
4
- /**
5
- * @deprecated Use Variant union type instead
6
- */
7
- exports.variants = {
8
- DEFAULT: "default",
9
- MODAL: "modal"
10
- };
@@ -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,2 +0,0 @@
1
- export { default as EbayLegacyFloatingLabel } from './legacy-floating-label';
2
- //# sourceMappingURL=index.d.ts.map
@@ -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; } });