design-react-kit 5.5.1 → 5.6.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/CHANGELOG.md +18 -0
- package/dist/Alert/Alert.cjs.map +1 -1
- package/dist/Alert/Alert.js.map +1 -1
- package/dist/Autocomplete/Autocomplete.cjs +3 -1
- package/dist/Autocomplete/Autocomplete.cjs.map +1 -1
- package/dist/Autocomplete/Autocomplete.js +2 -2
- package/dist/Autocomplete/Autocomplete.js.map +1 -1
- package/dist/BackToTop/BackToTop.cjs +1 -1
- package/dist/BackToTop/BackToTop.cjs.map +1 -1
- package/dist/BackToTop/BackToTop.js +1 -1
- package/dist/BackToTop/BackToTop.js.map +1 -1
- package/dist/BottomNav/BottomNavItem.cjs +1 -1
- package/dist/BottomNav/BottomNavItem.cjs.map +1 -1
- package/dist/Callout/CalloutMoreFooter.cjs +1 -1
- package/dist/Callout/CalloutMoreFooter.cjs.map +1 -1
- package/dist/Card/CardCategory.cjs +1 -1
- package/dist/Card/CardCategory.cjs.map +1 -1
- package/dist/Card/CardCategory.js +3 -3
- package/dist/Card/CardCategory.js.map +1 -1
- package/dist/Card/CardReadMore.cjs +1 -1
- package/dist/Card/CardReadMore.cjs.map +1 -1
- package/dist/Collapse/Collapse.cjs +1 -1
- package/dist/Collapse/Collapse.cjs.map +1 -1
- package/dist/Collapse/Collapse.js +3 -3
- package/dist/Collapse/Collapse.js.map +1 -1
- package/dist/Dimmer/Dimmer.cjs +1 -1
- package/dist/Dimmer/Dimmer.cjs.map +1 -1
- package/dist/Dropdown/Dropdown.cjs.map +1 -1
- package/dist/Dropdown/Dropdown.js +1 -1
- package/dist/Dropdown/Dropdown.js.map +1 -1
- package/dist/Dropdown/DropdownToggle.cjs +1 -1
- package/dist/Dropdown/DropdownToggle.cjs.map +1 -1
- package/dist/Forward/Forward.cjs.map +1 -1
- package/dist/Forward/Forward.js.map +1 -1
- package/dist/GoBack/GoBack.cjs +1 -1
- package/dist/GoBack/GoBack.cjs.map +1 -1
- package/dist/Grid/GridItemTextWrapper.cjs.map +1 -1
- package/dist/Grid/GridItemTextWrapper.js.map +1 -1
- package/dist/Grid/index.cjs.map +1 -1
- package/dist/Header/HeaderBrand.cjs +1 -1
- package/dist/Header/HeaderBrand.cjs.map +1 -1
- package/dist/Header/HeaderSearch.cjs +1 -1
- package/dist/Header/HeaderSearch.cjs.map +1 -1
- package/dist/Header/HeaderToggler.cjs.map +1 -1
- package/dist/Header/HeaderToggler.js +1 -1
- package/dist/Header/HeaderToggler.js.map +1 -1
- package/dist/Icon/Icon.cjs +1 -1
- package/dist/Icon/Icon.cjs.map +1 -1
- package/dist/Icon/Icon.js +3 -3
- package/dist/Icon/Icon.js.map +1 -1
- package/dist/Icon/assets/index.cjs.map +1 -1
- package/dist/Input/Input.cjs +1 -1
- package/dist/Input/Input.cjs.map +1 -1
- package/dist/Input/Input.js +13 -6
- package/dist/Input/Input.js.map +1 -1
- package/dist/Input/InputContainer.cjs.map +1 -1
- package/dist/Input/InputContainer.js.map +1 -1
- package/dist/Input/TextArea.cjs +1 -1
- package/dist/Input/TextArea.cjs.map +1 -1
- package/dist/Input/TextArea.js.map +1 -1
- package/dist/Input/utils.cjs +1 -1
- package/dist/Input/utils.cjs.map +1 -1
- package/dist/Input/utils.js +1 -2
- package/dist/Input/utils.js.map +1 -1
- package/dist/List/List.cjs.map +1 -1
- package/dist/List/List.js.map +1 -1
- package/dist/List/ListItem.cjs.map +1 -1
- package/dist/List/ListItem.js +2 -2
- package/dist/List/ListItem.js.map +1 -1
- package/dist/Megamenu/MegamenuItem.cjs +1 -1
- package/dist/Megamenu/MegamenuItem.cjs.map +1 -1
- package/dist/Modal/ModalHeader.cjs +1 -1
- package/dist/Modal/ModalHeader.cjs.map +1 -1
- package/dist/NavScroll/types.cjs.map +1 -1
- package/dist/Notification/NotificationContent.cjs +1 -1
- package/dist/Notification/NotificationContent.cjs.map +1 -1
- package/dist/Notification/core.cjs +1 -1
- package/dist/Notification/core.cjs.map +1 -1
- package/dist/Notification/index.cjs +1 -1
- package/dist/Notification/index.cjs.map +1 -1
- package/dist/Rating/Rating.cjs +1 -1
- package/dist/Rating/Rating.cjs.map +1 -1
- package/dist/ResponsiveImage/ResponsiveImage.cjs.map +1 -1
- package/dist/ResponsiveImage/ResponsiveImage.js.map +1 -1
- package/dist/Skiplink/Skiplink.cjs.map +1 -1
- package/dist/Skiplink/Skiplink.js.map +1 -1
- package/dist/Skiplink/SkiplinkItem.cjs.map +1 -1
- package/dist/Stepper/StepperHeaderElement.cjs +1 -1
- package/dist/Stepper/StepperHeaderElement.cjs.map +1 -1
- package/dist/Stepper/StepperHeaderElement.js +3 -5
- package/dist/Stepper/StepperHeaderElement.js.map +1 -1
- package/dist/Tab/TabNav.cjs +2 -0
- package/dist/Tab/TabNav.cjs.map +1 -0
- package/dist/Tab/TabNav.js +63 -0
- package/dist/Tab/TabNav.js.map +1 -0
- package/dist/Tab/TabNavItem.cjs +2 -0
- package/dist/Tab/TabNavItem.cjs.map +1 -0
- package/dist/Tab/TabNavItem.js +7 -0
- package/dist/Tab/TabNavItem.js.map +1 -0
- package/dist/Tab/TabNavLink.cjs +2 -0
- package/dist/Tab/TabNavLink.cjs.map +1 -0
- package/dist/Tab/TabNavLink.js +7 -0
- package/dist/Tab/TabNavLink.js.map +1 -0
- package/dist/Tab/TabPanel.cjs +2 -0
- package/dist/Tab/TabPanel.cjs.map +1 -0
- package/dist/Tab/TabPanel.js +7 -0
- package/dist/Tab/TabPanel.js.map +1 -0
- package/dist/Timeline/TimelinePin.cjs +1 -1
- package/dist/Timeline/TimelinePin.cjs.map +1 -1
- package/dist/Timeline/TimelinePin.js +1 -1
- package/dist/Timeline/TimelinePin.js.map +1 -1
- package/dist/Toggle/Toggle.cjs.map +1 -1
- package/dist/Toggle/Toggle.js.map +1 -1
- package/dist/Toolbar/ToolbarItem.cjs +1 -1
- package/dist/Toolbar/ToolbarItem.cjs.map +1 -1
- package/dist/index.cjs +3 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +6 -2
- package/dist/index.js.map +1 -1
- package/dist/track-focus.cjs.map +1 -1
- package/dist/track-focus.js.map +1 -1
- package/dist/types/Icon/Icon.d.ts +1 -1
- package/dist/types/NavScroll/types.d.ts +2 -2
- package/dist/types/Stepper/StepperHeaderElement.d.ts +4 -4
- package/dist/types/Tab/TabNav.d.ts +24 -0
- package/dist/types/Tab/TabNavItem.d.ts +8 -0
- package/dist/types/Tab/TabNavLink.d.ts +8 -0
- package/dist/types/Tab/TabPanel.d.ts +8 -0
- package/dist/types/index.d.ts +11 -3
- package/package.json +5 -3
- package/src/Alert/Alert.tsx +1 -2
- package/src/Autocomplete/Autocomplete.tsx +70 -69
- package/src/BackToTop/BackToTop.tsx +2 -1
- package/src/Card/CardCategory.tsx +17 -4
- package/src/Collapse/Collapse.tsx +8 -12
- package/src/Dropdown/Dropdown.tsx +4 -6
- package/src/Forward/Forward.tsx +3 -3
- package/src/Grid/GridItemTextWrapper.tsx +7 -1
- package/src/Header/HeaderToggler.tsx +2 -2
- package/src/Icon/Icon.tsx +22 -4
- package/src/Icon/assets/index.ts +1 -1
- package/src/Input/Input.tsx +13 -7
- package/src/Input/InputContainer.tsx +0 -1
- package/src/Input/TextArea.tsx +1 -4
- package/src/Input/utils.tsx +1 -2
- package/src/List/List.tsx +1 -8
- package/src/List/ListItem.tsx +24 -33
- package/src/NavScroll/types.ts +2 -2
- package/src/ResponsiveImage/ResponsiveImage.tsx +13 -7
- package/src/Skiplink/Skiplink.tsx +12 -7
- package/src/Skiplink/SkiplinkItem.tsx +1 -1
- package/src/Stepper/StepperHeaderElement.tsx +8 -10
- package/src/Tab/TabNav.tsx +111 -0
- package/src/Tab/TabNavItem.tsx +14 -0
- package/src/Tab/TabNavLink.tsx +14 -0
- package/src/Tab/TabPanel.tsx +14 -0
- package/src/Timeline/TimelinePin.tsx +2 -2
- package/src/Toggle/Toggle.tsx +1 -1
- package/src/index.ts +9 -5
- package/src/track-focus.js +14 -15
package/src/track-focus.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
|
|
2
1
|
// Focus Management
|
|
3
2
|
|
|
4
3
|
/**
|
|
@@ -9,41 +8,41 @@
|
|
|
9
8
|
* --------------------------------------------------------------------------
|
|
10
9
|
*/
|
|
11
10
|
|
|
12
|
-
const DATA_MOUSE_FOCUS = 'data-focus-mouse'
|
|
13
|
-
const CLASS_NAME_MOUSE_FOCUS = 'focus--mouse'
|
|
11
|
+
const DATA_MOUSE_FOCUS = 'data-focus-mouse';
|
|
12
|
+
const CLASS_NAME_MOUSE_FOCUS = 'focus--mouse';
|
|
14
13
|
|
|
15
14
|
class TrackFocus {
|
|
16
15
|
constructor() {
|
|
17
|
-
this._usingMouse = false
|
|
16
|
+
this._usingMouse = false;
|
|
18
17
|
|
|
19
|
-
this._bindEvents()
|
|
18
|
+
this._bindEvents();
|
|
20
19
|
}
|
|
21
20
|
|
|
22
21
|
_bindEvents() {
|
|
23
22
|
if (typeof document === 'undefined') {
|
|
24
|
-
return
|
|
23
|
+
return;
|
|
25
24
|
}
|
|
26
|
-
const events = ['keydown', 'mousedown']
|
|
25
|
+
const events = ['keydown', 'mousedown'];
|
|
27
26
|
events.forEach((evtName) => {
|
|
28
27
|
document.addEventListener(evtName, (evt) => {
|
|
29
|
-
this._usingMouse = evt.type === 'mousedown'
|
|
30
|
-
})
|
|
31
|
-
})
|
|
28
|
+
this._usingMouse = evt.type === 'mousedown';
|
|
29
|
+
});
|
|
30
|
+
});
|
|
32
31
|
document.addEventListener('focusin', (evt) => {
|
|
33
32
|
if (this._usingMouse) {
|
|
34
33
|
if (evt.target) {
|
|
35
34
|
evt.target.classList.add(CLASS_NAME_MOUSE_FOCUS);
|
|
36
|
-
evt.target.setAttribute(DATA_MOUSE_FOCUS, 'true')
|
|
35
|
+
evt.target.setAttribute(DATA_MOUSE_FOCUS, 'true');
|
|
37
36
|
}
|
|
38
37
|
}
|
|
39
|
-
})
|
|
38
|
+
});
|
|
40
39
|
document.addEventListener('focusout', (evt) => {
|
|
41
40
|
if (evt.target) {
|
|
42
41
|
evt.target.classList.remove(CLASS_NAME_MOUSE_FOCUS);
|
|
43
|
-
evt.target.setAttribute(DATA_MOUSE_FOCUS, 'false')
|
|
42
|
+
evt.target.setAttribute(DATA_MOUSE_FOCUS, 'false');
|
|
44
43
|
}
|
|
45
|
-
})
|
|
44
|
+
});
|
|
46
45
|
}
|
|
47
46
|
}
|
|
48
47
|
|
|
49
|
-
new TrackFocus()
|
|
48
|
+
new TrackFocus();
|