@enact/limestone 1.9.3 → 1.10.1
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/.github/workflows/ci-reusable.yml +2 -2
- package/ActionGuide/ActionGuide.module.css +4 -0
- package/Alert/Alert.d.ts +9 -0
- package/Alert/Alert.js +35 -4
- package/Alert/Alert.module.css +12 -1
- package/Alert/tests/Alert-specs.js +91 -0
- package/BodyText/BodyText.module.css +21 -0
- package/Button/Button.module.css +72 -40
- package/Button/tests/Button-specs.js +26 -0
- package/CHANGELOG.md +74 -0
- package/Card/Card.d.ts +4 -4
- package/Card/Card.js +10 -8
- package/Card/Card.module.css +31 -7
- package/Card/tests/Card-specs.js +39 -5
- package/Checkbox/Checkbox.module.css +4 -0
- package/CheckboxItem/CheckboxItem.js +6 -4
- package/Chips/Chip.js +12 -6
- package/Chips/Chip.module.css +3 -0
- package/Chips/Chips.js +12 -6
- package/Chips/tests/Chip-specs.js +25 -5
- package/Chips/tests/Chips-specs.js +12 -2
- package/ColorPicker/ColorPicker.js +27 -25
- package/ContextualPopupDecorator/ContextualPopupDecorator.js +32 -22
- package/DayPicker/DaySelectorDecorator.js +12 -7
- package/Dropdown/Dropdown.module.css +4 -0
- package/Dropdown/DropdownList.js +74 -53
- package/FlexiblePopupPanels/useNavButtonFocus.js +7 -10
- package/Heading/Heading.d.ts +1 -1
- package/Heading/Heading.js +2 -2
- package/Heading/Heading.module.css +16 -0
- package/Icon/Icon.d.ts +1 -0
- package/Icon/Icon.js +1 -0
- package/Icon/Icon.module.css +12 -0
- package/Icon/IconList.js +2 -0
- package/IconItem/IconItem.module.css +19 -3
- package/IconItem/tests/IconItem-specs.js +30 -1
- package/Image/Image.js +6 -4
- package/ImageItem/ImageItem.module.css +17 -0
- package/Input/Input.js +12 -1
- package/Input/Input.module.css +25 -9
- package/Input/InputField.js +75 -24
- package/Input/InputField.module.css +280 -45
- package/Input/InputFieldDecoratorIcon.js +1 -0
- package/Input/InputFieldSpotlightDecorator.js +53 -8
- package/Input/index.d.ts +105 -93
- package/Input/tests/Input-specs.js +26 -0
- package/Input/tests/InputField-specs.js +149 -3
- package/Input/tests/InputPopup-specs.js +1 -1
- package/Item/Item.module.css +2 -1
- package/KeyGuide/KeyGuide.js +29 -27
- package/KeyGuide/KeyGuide.module.css +10 -0
- package/MediaOverlay/MediaOverlay.module.css +16 -4
- package/MediaOverlay/tests/MediaOverlay-specs.js +29 -0
- package/MediaPlayer/MediaControls.module.css +3 -0
- package/MediaPlayer/Times.module.css +4 -0
- package/MediaPlayer/tests/util-specs.js +4 -1
- package/PageViews/PageViews.js +134 -69
- package/PageViews/PageViews.module.css +7 -0
- package/PageViews/PageViewsRouter.js +91 -42
- package/PageViews/tests/PageViews-specs.js +87 -0
- package/Panels/Header.js +6 -4
- package/Panels/Header.module.css +37 -31
- package/Popup/Popup.js +5 -4
- package/PopupTabLayout/PopupTabLayout.js +11 -9
- package/PopupTabLayout/PopupTabLayout.module.css +18 -0
- package/RadioItem/RadioItem.js +7 -5
- package/RadioItem/RadioItem.module.css +5 -0
- package/Scroller/EditableWrapper.js +19 -15
- package/Scroller/Scroller.js +11 -10
- package/Scroller/Scroller.module.css +10 -0
- package/Scroller/tests/Scroller-specs.js +91 -2
- package/Scroller/useThemeScroller.js +6 -3
- package/Slider/Slider.d.ts +4 -0
- package/Slider/Slider.js +40 -16
- package/Slider/Slider.module.css +150 -3
- package/Slider/SliderBehaviorDecorator.js +16 -14
- package/Slider/tests/Slider-specs.js +51 -0
- package/Slider/utils.js +23 -7
- package/Spinner/Spinner.js +10 -8
- package/Steps/Steps.module.css +3 -0
- package/Switch/Switch.module.css +15 -1
- package/TabLayout/RefocusDecorator.js +14 -12
- package/TabLayout/TabGroup.module.css +1 -1
- package/TabLayout/tests/TabGroup-specs.js +1 -1
- package/ThemeDecorator/AccessibilityDecorator.js +12 -11
- package/ThemeDecorator/I18nFontDecorator.js +6 -4
- package/ThemeDecorator/ThemeDecorator.d.ts +7 -0
- package/ThemeDecorator/ThemeDecorator.js +24 -9
- package/TimePicker/TimePicker.module.css +3 -0
- package/TimePicker/TimePickerBase.js +5 -3
- package/TooltipDecorator/Tooltip.module.css +4 -0
- package/TooltipDecorator/TooltipDecorator.js +12 -7
- package/TooltipDecorator/tests/useTooltip-specs.js +5 -2
- package/VideoPlayer/Feedback.module.css +3 -0
- package/VideoPlayer/FeedbackTooltip.module.css +7 -0
- package/VideoPlayer/MediaTitle.module.css +8 -0
- package/VideoPlayer/VideoPlayer.js +25 -24
- package/VirtualList/VirtualList.js +20 -18
- package/VirtualList/useSpotlight.js +1 -1
- package/fonts/Limestone_Icons.ttf +0 -0
- package/internal/AsyncRenderChildren/AsyncRenderChildren.js +9 -5
- package/internal/AsyncRenderChildren/tests/AsyncRenderChildren-specs.js +4 -1
- package/internal/DateTime/DateTime.module.css +3 -0
- package/internal/DateTime/DateTimeDecorator.js +5 -4
- package/internal/Panels/PanelsRouter.js +35 -29
- package/internal/Panels/useAutoFocus.js +10 -6
- package/internal/Panels/useFocusOnTransition.js +4 -3
- package/internal/Picker/Picker.js +7 -5
- package/internal/Picker/Picker.module.css +22 -0
- package/internal/Picker/SpottablePicker.js +15 -13
- package/internal/SharedStateDecorator/SharedStateDecorator.js +6 -4
- package/package.json +15 -12
- package/styles/colors.less +1 -0
- package/styles/variables.less +118 -26
- package/useScroll/HoverToScroll.js +15 -12
- package/useScroll/Scrollbar.js +14 -10
- package/useScroll/ScrollbarPlaceholder.js +4 -1
- package/useScroll/ScrollbarTrack.js +7 -5
- package/useScroll/useEvent.js +7 -2
- package/useScroll/useScroll.js +10 -2
package/useScroll/useEvent.js
CHANGED
|
@@ -348,10 +348,12 @@ var useEventMonitor = exports.useEventMonitor = function useEventMonitor(props,
|
|
|
348
348
|
scrollByPageOnPointerMode: scrollByPageOnPointerMode
|
|
349
349
|
}
|
|
350
350
|
});
|
|
351
|
-
lastPointer = lastPointerProp;
|
|
352
351
|
|
|
353
352
|
// Hooks
|
|
354
353
|
|
|
354
|
+
(0, _react.useEffect)(function () {
|
|
355
|
+
lastPointer = lastPointerProp;
|
|
356
|
+
}, [lastPointerProp]);
|
|
355
357
|
(0, _react.useEffect)(function () {
|
|
356
358
|
var setMonitorEventTarget = function setMonitorEventTarget(target) {
|
|
357
359
|
scrollers.set(mutableRef.current.pageKeyHandlerObj, target);
|
|
@@ -516,7 +518,10 @@ var useEventVoice = exports.useEventVoice = function useEventVoice(props, instan
|
|
|
516
518
|
scrollVertically = verticalDirection.includes(scroll),
|
|
517
519
|
direction = directionFactor ? -1 : 1,
|
|
518
520
|
pageDistance = direction * (scrollVertically ? bounds.clientHeight : bounds.clientWidth) * paginationPageMultiplier;
|
|
519
|
-
|
|
521
|
+
var handleRef = scrollContainerHandle;
|
|
522
|
+
if (handleRef.current) {
|
|
523
|
+
handleRef.current.lastInputType = 'pageKey';
|
|
524
|
+
}
|
|
520
525
|
if (direction !== scrollContainerHandle.current.wheelDirection) {
|
|
521
526
|
scrollContainerHandle.current.isScrollAnimationTargetAccumulated = false;
|
|
522
527
|
scrollContainerHandle.current.wheelDirection = direction;
|
package/useScroll/useScroll.js
CHANGED
|
@@ -182,7 +182,10 @@ var useThemeScroll = function useThemeScroll(props, instances) {
|
|
|
182
182
|
direction = isForward ? 1 : -1,
|
|
183
183
|
pageSize = isVerticalScrollBar ? bounds.clientHeight : bounds.clientWidth,
|
|
184
184
|
distance = pageSize * (isPagination ? paginationPageMultiplier : arrowKeyMultiplier);
|
|
185
|
-
|
|
185
|
+
var handleRef = scrollContainerHandle;
|
|
186
|
+
if (handleRef.current) {
|
|
187
|
+
handleRef.current.lastInputType = inputType;
|
|
188
|
+
}
|
|
186
189
|
if (direction !== wheelDirection) {
|
|
187
190
|
scrollContainerHandle.current.isScrollAnimationTargetAccumulated = false;
|
|
188
191
|
scrollContainerHandle.current.wheelDirection = direction;
|
|
@@ -258,7 +261,10 @@ var useThemeScroll = function useThemeScroll(props, instances) {
|
|
|
258
261
|
// oddly, Scroller manages scrollContainerHandle.current.bounds so if we don't update it here (it is also
|
|
259
262
|
// updated in calculateAndScrollTo, but we might not have made it to that point), it will be
|
|
260
263
|
// out of date when we land back in this method next time.
|
|
261
|
-
|
|
264
|
+
var handleRef = scrollContainerHandle;
|
|
265
|
+
if (handleRef.current) {
|
|
266
|
+
handleRef.current.bounds.scrollHeight = scrollContainerHandle.current.getScrollBounds().scrollHeight;
|
|
267
|
+
}
|
|
262
268
|
}
|
|
263
269
|
function handleResizeWindow() {
|
|
264
270
|
var focusedItem = _spotlight["default"].getCurrent();
|
|
@@ -468,6 +474,7 @@ var useScroll = exports.useScroll = function useScroll(props) {
|
|
|
468
474
|
scrollContentWrapper = _useScrollBase.scrollContentWrapper,
|
|
469
475
|
scrollObserver = _useScrollBase.scrollObserver;
|
|
470
476
|
assignProperties('scrollContainerProps', {
|
|
477
|
+
// eslint-disable-line react-hooks/refs
|
|
471
478
|
className: [className, _useScrollModule["default"].scroll, _OverscrollEffectModule["default"].scroll, focusableScrollbar ? _useScrollModule["default"].focusableScrollbar : null, focusableScrollbar && isVerticalScrollbarVisible ? _useScrollModule["default"].verticalPadding : null, isVerticalScrollbarVisible && isHorizontalScrollbarVisible ? _useScrollModule["default"].bidirectional : null],
|
|
472
479
|
style: style,
|
|
473
480
|
'data-spotlight-container': spotlightContainer,
|
|
@@ -512,6 +519,7 @@ var useScroll = exports.useScroll = function useScroll(props) {
|
|
|
512
519
|
scrollbarHandle: verticalScrollbarHandle
|
|
513
520
|
}));
|
|
514
521
|
assignProperties('hoverToScrollProps', {
|
|
522
|
+
// eslint-disable-line react-hooks/refs
|
|
515
523
|
scrollContainerHandle: scrollContainerHandle,
|
|
516
524
|
scrollObserver: scrollObserver
|
|
517
525
|
});
|