@elliemae/ds-tabs 2.2.0-alpha.3 → 2.2.0-alpha.4
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/cjs/DSTabs.js +7 -7
- package/cjs/DSTabsCTX.js +2 -2
- package/cjs/config/useCrossRef.js +1 -1
- package/cjs/config/useTabs.js +3 -3
- package/cjs/defaultProps.js +1 -1
- package/cjs/exportsRelated/DSTab.js +2 -2
- package/cjs/index.js +4 -4
- package/cjs/parts/carousel/Carousel.js +8 -8
- package/cjs/parts/carousel/styles.js +2 -2
- package/cjs/parts/carousel/useCarousel.js +4 -4
- package/cjs/parts/carousel/useCarouselCallbacks.js +3 -3
- package/cjs/parts/tabBar/TabBar.js +8 -8
- package/cjs/parts/tabBar/styles.js +2 -2
- package/cjs/parts/tabBar/useTabBar.js +4 -4
- package/cjs/parts/tabsContent/TabsContent.js +5 -5
- package/cjs/parts/tabsPanel/TabsPanels.js +4 -4
- package/cjs/propTypes.js +2 -2
- package/cjs/utils/helpers.js +1 -1
- package/cjs/utils/hooks/useKeyboardNavigation.js +2 -2
- package/cjs/utils/hooks/useTabsCallbacks.js +2 -2
- package/package.json +6 -6
package/cjs/DSTabs.js
CHANGED
|
@@ -33,13 +33,13 @@ __export(DSTabs_exports, {
|
|
|
33
33
|
});
|
|
34
34
|
var React = __toESM(require("react"));
|
|
35
35
|
var import_react = __toESM(require("react"));
|
|
36
|
-
var import_react_desc =
|
|
37
|
-
var import_propTypes =
|
|
38
|
-
var import_DSTabsCTX =
|
|
39
|
-
var import_TabsContent =
|
|
40
|
-
var import_useTabs =
|
|
41
|
-
var import_useCrossRef =
|
|
42
|
-
var import_constants =
|
|
36
|
+
var import_react_desc = require("react-desc");
|
|
37
|
+
var import_propTypes = require("./propTypes");
|
|
38
|
+
var import_DSTabsCTX = require("./DSTabsCTX");
|
|
39
|
+
var import_TabsContent = require("./parts/tabsContent/TabsContent");
|
|
40
|
+
var import_useTabs = require("./config/useTabs");
|
|
41
|
+
var import_useCrossRef = require("./config/useCrossRef");
|
|
42
|
+
var import_constants = require("./utils/constants");
|
|
43
43
|
const DSTabs = (props) => {
|
|
44
44
|
const ctx = (0, import_useTabs.useTabs)(props);
|
|
45
45
|
const crossRefsCtx = (0, import_useCrossRef.useCrossRef)();
|
package/cjs/DSTabsCTX.js
CHANGED
|
@@ -31,8 +31,8 @@ __export(DSTabsCTX_exports, {
|
|
|
31
31
|
DSTabsCrossRefContext: () => DSTabsCrossRefContext
|
|
32
32
|
});
|
|
33
33
|
var React = __toESM(require("react"));
|
|
34
|
-
var import_react =
|
|
35
|
-
var import_defaultProps =
|
|
34
|
+
var import_react = require("react");
|
|
35
|
+
var import_defaultProps = require("./defaultProps");
|
|
36
36
|
const noop = () => {
|
|
37
37
|
};
|
|
38
38
|
const defaultContext = {
|
|
@@ -30,7 +30,7 @@ __export(useCrossRef_exports, {
|
|
|
30
30
|
useCrossRef: () => useCrossRef
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var import_react =
|
|
33
|
+
var import_react = require("react");
|
|
34
34
|
const useCrossRef = () => {
|
|
35
35
|
const firstSubtabInternalRef = (0, import_react.useRef)();
|
|
36
36
|
const lastTabInternalRef = (0, import_react.useRef)();
|
package/cjs/config/useTabs.js
CHANGED
|
@@ -30,9 +30,9 @@ __export(useTabs_exports, {
|
|
|
30
30
|
useTabs: () => useTabs
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var import_react =
|
|
34
|
-
var import_ds_props_helpers =
|
|
35
|
-
var import_defaultProps =
|
|
33
|
+
var import_react = require("react");
|
|
34
|
+
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
35
|
+
var import_defaultProps = require("../defaultProps");
|
|
36
36
|
const useTabs = (props) => {
|
|
37
37
|
const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_defaultProps.tabsDefaultProps);
|
|
38
38
|
const { activeTab, children } = propsWithDefaults;
|
package/cjs/defaultProps.js
CHANGED
|
@@ -30,7 +30,7 @@ __export(defaultProps_exports, {
|
|
|
30
30
|
tabsDefaultProps: () => tabsDefaultProps
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var import_constants =
|
|
33
|
+
var import_constants = require("./utils/constants");
|
|
34
34
|
const noop = () => {
|
|
35
35
|
};
|
|
36
36
|
const tabsDefaultProps = {
|
|
@@ -33,8 +33,8 @@ __export(DSTab_exports, {
|
|
|
33
33
|
});
|
|
34
34
|
var React = __toESM(require("react"));
|
|
35
35
|
var import_react = __toESM(require("react"));
|
|
36
|
-
var import_react_desc =
|
|
37
|
-
var import_propTypes =
|
|
36
|
+
var import_react_desc = require("react-desc");
|
|
37
|
+
var import_propTypes = require("../propTypes");
|
|
38
38
|
const DSTab = (props) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, {
|
|
39
39
|
...props
|
|
40
40
|
});
|
package/cjs/index.js
CHANGED
|
@@ -30,9 +30,9 @@ __export(src_exports, {
|
|
|
30
30
|
TabTypes: () => import_constants.TabTypes
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
__reExport(src_exports,
|
|
34
|
-
__reExport(src_exports,
|
|
35
|
-
var import_constants =
|
|
36
|
-
__reExport(src_exports,
|
|
33
|
+
__reExport(src_exports, require("./exportsRelated/DSTab"));
|
|
34
|
+
__reExport(src_exports, require("./DSTabs"));
|
|
35
|
+
var import_constants = require("./utils/constants");
|
|
36
|
+
__reExport(src_exports, require("./DSTabsDatatestid"));
|
|
37
37
|
module.exports = __toCommonJS(src_exports);
|
|
38
38
|
//# sourceMappingURL=index.js.map
|
|
@@ -30,14 +30,14 @@ __export(Carousel_exports, {
|
|
|
30
30
|
Carousel: () => Carousel
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var import_react =
|
|
34
|
-
var import_ds_icon =
|
|
35
|
-
var import_ds_button =
|
|
36
|
-
var import_ds_icons =
|
|
37
|
-
var import_styles =
|
|
38
|
-
var import_useCarousel =
|
|
39
|
-
var import_DSTabsCTX =
|
|
40
|
-
var import_DSTabsDatatestid =
|
|
33
|
+
var import_react = require("react");
|
|
34
|
+
var import_ds_icon = require("@elliemae/ds-icon");
|
|
35
|
+
var import_ds_button = require("@elliemae/ds-button");
|
|
36
|
+
var import_ds_icons = require("@elliemae/ds-icons");
|
|
37
|
+
var import_styles = require("./styles");
|
|
38
|
+
var import_useCarousel = require("./useCarousel");
|
|
39
|
+
var import_DSTabsCTX = require("../../DSTabsCTX");
|
|
40
|
+
var import_DSTabsDatatestid = require("../../DSTabsDatatestid");
|
|
41
41
|
const Carousel = ({ children, updateIndicatorStyle }) => {
|
|
42
42
|
const { showChevrons, leftButtonOnClick, rightButtonOnClick, handleOnClick, handleOnScroll } = (0, import_useCarousel.useCarousel)({
|
|
43
43
|
updateIndicatorStyle
|
|
@@ -34,8 +34,8 @@ __export(styles_exports, {
|
|
|
34
34
|
});
|
|
35
35
|
var React = __toESM(require("react"));
|
|
36
36
|
var import_styled_components = __toESM(require("styled-components"));
|
|
37
|
-
var import_ds_button =
|
|
38
|
-
var import_constants =
|
|
37
|
+
var import_ds_button = require("@elliemae/ds-button");
|
|
38
|
+
var import_constants = require("../../utils/constants");
|
|
39
39
|
const StyledCarouselBtn = (0, import_styled_components.default)(import_ds_button.DSButtonV2)`
|
|
40
40
|
margin: 0;
|
|
41
41
|
min-width: ${({ theme }) => theme.space.xs};
|
|
@@ -30,11 +30,11 @@ __export(useCarousel_exports, {
|
|
|
30
30
|
useCarousel: () => useCarousel
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var import_react =
|
|
33
|
+
var import_react = require("react");
|
|
34
34
|
var import_resize_observer = __toESM(require("@react-hook/resize-observer"));
|
|
35
|
-
var import_DSTabsCTX =
|
|
36
|
-
var import_helpers =
|
|
37
|
-
var import_useCarouselCallbacks =
|
|
35
|
+
var import_DSTabsCTX = require("../../DSTabsCTX");
|
|
36
|
+
var import_helpers = require("../../utils/helpers");
|
|
37
|
+
var import_useCarouselCallbacks = require("./useCarouselCallbacks");
|
|
38
38
|
const useCarousel = ({ updateIndicatorStyle }) => {
|
|
39
39
|
const { carouselOnlyListRef } = (0, import_react.useContext)(import_DSTabsCTX.DSTabsContext);
|
|
40
40
|
const [showChevrons, setShowChevrons] = (0, import_react.useState)({
|
|
@@ -30,9 +30,9 @@ __export(useCarouselCallbacks_exports, {
|
|
|
30
30
|
useCarouselCallbacks: () => useCarouselCallbacks
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var import_react =
|
|
34
|
-
var import_helpers =
|
|
35
|
-
var import_DSTabsCTX =
|
|
33
|
+
var import_react = require("react");
|
|
34
|
+
var import_helpers = require("../../utils/helpers");
|
|
35
|
+
var import_DSTabsCTX = require("../../DSTabsCTX");
|
|
36
36
|
const useCarouselCallbacks = ({
|
|
37
37
|
getVisibleItemsOffset,
|
|
38
38
|
updateIndicatorStyle,
|
|
@@ -31,14 +31,14 @@ __export(TabBar_exports, {
|
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_Carousel =
|
|
35
|
-
var import_useTabBar =
|
|
36
|
-
var import_styles =
|
|
37
|
-
var import_DSTabsCTX =
|
|
38
|
-
var import_useKeyboardNavigation =
|
|
39
|
-
var import_constants =
|
|
40
|
-
var import_useTabsCallbacks =
|
|
41
|
-
var import_DSTabsDatatestid =
|
|
34
|
+
var import_Carousel = require("../carousel/Carousel");
|
|
35
|
+
var import_useTabBar = require("./useTabBar");
|
|
36
|
+
var import_styles = require("./styles");
|
|
37
|
+
var import_DSTabsCTX = require("../../DSTabsCTX");
|
|
38
|
+
var import_useKeyboardNavigation = require("../../utils/hooks/useKeyboardNavigation");
|
|
39
|
+
var import_constants = require("../../utils/constants");
|
|
40
|
+
var import_useTabsCallbacks = require("../../utils/hooks/useTabsCallbacks");
|
|
41
|
+
var import_DSTabsDatatestid = require("../../DSTabsDatatestid");
|
|
42
42
|
const TabBar = () => {
|
|
43
43
|
const {
|
|
44
44
|
tabsRef,
|
|
@@ -36,8 +36,8 @@ __export(styles_exports, {
|
|
|
36
36
|
});
|
|
37
37
|
var React = __toESM(require("react"));
|
|
38
38
|
var import_styled_components = __toESM(require("styled-components"));
|
|
39
|
-
var import_ds_system =
|
|
40
|
-
var import_constants =
|
|
39
|
+
var import_ds_system = require("@elliemae/ds-system");
|
|
40
|
+
var import_constants = require("../../utils/constants");
|
|
41
41
|
const StyledSelectionIndicator = import_styled_components.default.div`
|
|
42
42
|
position: absolute;
|
|
43
43
|
height: 3px;
|
|
@@ -30,11 +30,11 @@ __export(useTabBar_exports, {
|
|
|
30
30
|
useTabBar: () => useTabBar
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var import_react =
|
|
33
|
+
var import_react = require("react");
|
|
34
34
|
var import_resize_observer = __toESM(require("@react-hook/resize-observer"));
|
|
35
|
-
var import_helpers =
|
|
36
|
-
var import_DSTabsCTX =
|
|
37
|
-
var import_constants =
|
|
35
|
+
var import_helpers = require("../../utils/helpers");
|
|
36
|
+
var import_DSTabsCTX = require("../../DSTabsCTX");
|
|
37
|
+
var import_constants = require("../../utils/constants");
|
|
38
38
|
const useTabBar = () => {
|
|
39
39
|
const {
|
|
40
40
|
actualActiveTab,
|
|
@@ -31,11 +31,11 @@ __export(TabsContent_exports, {
|
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_TabsPanels =
|
|
35
|
-
var import_TabBar =
|
|
36
|
-
var import_styles =
|
|
37
|
-
var import_DSTabsCTX =
|
|
38
|
-
var import_DSTabsDatatestid =
|
|
34
|
+
var import_TabsPanels = require("../tabsPanel/TabsPanels");
|
|
35
|
+
var import_TabBar = require("../tabBar/TabBar");
|
|
36
|
+
var import_styles = require("./styles");
|
|
37
|
+
var import_DSTabsCTX = require("../../DSTabsCTX");
|
|
38
|
+
var import_DSTabsDatatestid = require("../../DSTabsDatatestid");
|
|
39
39
|
const TabsContent = () => {
|
|
40
40
|
const {
|
|
41
41
|
props: { containerProps, innerRef, tabsListAriaLabel, tabBarExtraContent }
|
|
@@ -32,10 +32,10 @@ __export(TabsPanels_exports, {
|
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_react = __toESM(require("react"));
|
|
34
34
|
var import_react_swipeable_views = __toESM(require("react-swipeable-views"));
|
|
35
|
-
var import_helpers =
|
|
36
|
-
var import_styles =
|
|
37
|
-
var import_DSTabsCTX =
|
|
38
|
-
var import_useTabsCallbacks =
|
|
35
|
+
var import_helpers = require("../../utils/helpers");
|
|
36
|
+
var import_styles = require("./styles");
|
|
37
|
+
var import_DSTabsCTX = require("../../DSTabsCTX");
|
|
38
|
+
var import_useTabsCallbacks = require("../../utils/hooks/useTabsCallbacks");
|
|
39
39
|
const TabsPanels = () => {
|
|
40
40
|
const {
|
|
41
41
|
actualActiveTab,
|
package/cjs/propTypes.js
CHANGED
|
@@ -31,8 +31,8 @@ __export(propTypes_exports, {
|
|
|
31
31
|
tabsPropTypes: () => tabsPropTypes
|
|
32
32
|
});
|
|
33
33
|
var React = __toESM(require("react"));
|
|
34
|
-
var import_react_desc =
|
|
35
|
-
var import_constants =
|
|
34
|
+
var import_react_desc = require("react-desc");
|
|
35
|
+
var import_constants = require("./utils/constants");
|
|
36
36
|
const tabPropTypes = {
|
|
37
37
|
tabId: import_react_desc.PropTypes.string.description("Unique Tab id.").defaultValue(""),
|
|
38
38
|
title: import_react_desc.PropTypes.string.description("Tab title.").defaultValue(""),
|
package/cjs/utils/helpers.js
CHANGED
|
@@ -36,7 +36,7 @@ __export(helpers_exports, {
|
|
|
36
36
|
shouldHaveRightGradient: () => shouldHaveRightGradient
|
|
37
37
|
});
|
|
38
38
|
var React = __toESM(require("react"));
|
|
39
|
-
var import_constants =
|
|
39
|
+
var import_constants = require("./constants");
|
|
40
40
|
const isElementVisible = (tab, tabList) => {
|
|
41
41
|
const tabDimensions = tab.getBoundingClientRect();
|
|
42
42
|
const tabListDimensions = tabList.getBoundingClientRect();
|
|
@@ -30,8 +30,8 @@ __export(useKeyboardNavigation_exports, {
|
|
|
30
30
|
useKeyboardNavigation: () => useKeyboardNavigation
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var import_react =
|
|
34
|
-
var import_DSTabsCTX =
|
|
33
|
+
var import_react = require("react");
|
|
34
|
+
var import_DSTabsCTX = require("../../DSTabsCTX");
|
|
35
35
|
const useKeyboardNavigation = () => {
|
|
36
36
|
const { focusableTabsRef } = (0, import_react.useContext)(import_DSTabsCTX.DSTabsContext);
|
|
37
37
|
const { firstSubtabInternalRef, lastTabInternalRef } = (0, import_react.useContext)(import_DSTabsCTX.DSTabsCrossRefContext);
|
|
@@ -30,8 +30,8 @@ __export(useTabsCallbacks_exports, {
|
|
|
30
30
|
useTabsCallbacks: () => useTabsCallbacks
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var import_react =
|
|
34
|
-
var import_DSTabsCTX =
|
|
33
|
+
var import_react = require("react");
|
|
34
|
+
var import_DSTabsCTX = require("../../DSTabsCTX");
|
|
35
35
|
const useTabsCallbacks = () => {
|
|
36
36
|
const {
|
|
37
37
|
setInternalActiveTab,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-tabs",
|
|
3
|
-
"version": "2.2.0-alpha.
|
|
3
|
+
"version": "2.2.0-alpha.4",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Tabs",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -128,11 +128,11 @@
|
|
|
128
128
|
"build": "node ../../scripts/build/build.js"
|
|
129
129
|
},
|
|
130
130
|
"dependencies": {
|
|
131
|
-
"@elliemae/ds-button": "2.2.0-alpha.
|
|
132
|
-
"@elliemae/ds-icon": "2.2.0-alpha.
|
|
133
|
-
"@elliemae/ds-icons": "2.2.0-alpha.
|
|
134
|
-
"@elliemae/ds-props-helpers": "2.2.0-alpha.
|
|
135
|
-
"@elliemae/ds-system": "2.2.0-alpha.
|
|
131
|
+
"@elliemae/ds-button": "2.2.0-alpha.4",
|
|
132
|
+
"@elliemae/ds-icon": "2.2.0-alpha.4",
|
|
133
|
+
"@elliemae/ds-icons": "2.2.0-alpha.4",
|
|
134
|
+
"@elliemae/ds-props-helpers": "2.2.0-alpha.4",
|
|
135
|
+
"@elliemae/ds-system": "2.2.0-alpha.4",
|
|
136
136
|
"@react-hook/resize-observer": "~1.2.5",
|
|
137
137
|
"prop-types": "~15.7.2",
|
|
138
138
|
"react-desc": "~4.1.3",
|