@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 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 = __toESM(require("react-desc"));
37
- var import_propTypes = __toESM(require("./propTypes"));
38
- var import_DSTabsCTX = __toESM(require("./DSTabsCTX"));
39
- var import_TabsContent = __toESM(require("./parts/tabsContent/TabsContent"));
40
- var import_useTabs = __toESM(require("./config/useTabs"));
41
- var import_useCrossRef = __toESM(require("./config/useCrossRef"));
42
- var import_constants = __toESM(require("./utils/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 = __toESM(require("react"));
35
- var import_defaultProps = __toESM(require("./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 = __toESM(require("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)();
@@ -30,9 +30,9 @@ __export(useTabs_exports, {
30
30
  useTabs: () => useTabs
31
31
  });
32
32
  var React = __toESM(require("react"));
33
- var import_react = __toESM(require("react"));
34
- var import_ds_props_helpers = __toESM(require("@elliemae/ds-props-helpers"));
35
- var import_defaultProps = __toESM(require("../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;
@@ -30,7 +30,7 @@ __export(defaultProps_exports, {
30
30
  tabsDefaultProps: () => tabsDefaultProps
31
31
  });
32
32
  var React = __toESM(require("react"));
33
- var import_constants = __toESM(require("./utils/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 = __toESM(require("react-desc"));
37
- var import_propTypes = __toESM(require("../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, __toESM(require("./exportsRelated/DSTab")));
34
- __reExport(src_exports, __toESM(require("./DSTabs")));
35
- var import_constants = __toESM(require("./utils/constants"));
36
- __reExport(src_exports, __toESM(require("./DSTabsDatatestid")));
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 = __toESM(require("react"));
34
- var import_ds_icon = __toESM(require("@elliemae/ds-icon"));
35
- var import_ds_button = __toESM(require("@elliemae/ds-button"));
36
- var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
37
- var import_styles = __toESM(require("./styles"));
38
- var import_useCarousel = __toESM(require("./useCarousel"));
39
- var import_DSTabsCTX = __toESM(require("../../DSTabsCTX"));
40
- var import_DSTabsDatatestid = __toESM(require("../../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 = __toESM(require("@elliemae/ds-button"));
38
- var import_constants = __toESM(require("../../utils/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 = __toESM(require("react"));
33
+ var import_react = require("react");
34
34
  var import_resize_observer = __toESM(require("@react-hook/resize-observer"));
35
- var import_DSTabsCTX = __toESM(require("../../DSTabsCTX"));
36
- var import_helpers = __toESM(require("../../utils/helpers"));
37
- var import_useCarouselCallbacks = __toESM(require("./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 = __toESM(require("react"));
34
- var import_helpers = __toESM(require("../../utils/helpers"));
35
- var import_DSTabsCTX = __toESM(require("../../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 = __toESM(require("../carousel/Carousel"));
35
- var import_useTabBar = __toESM(require("./useTabBar"));
36
- var import_styles = __toESM(require("./styles"));
37
- var import_DSTabsCTX = __toESM(require("../../DSTabsCTX"));
38
- var import_useKeyboardNavigation = __toESM(require("../../utils/hooks/useKeyboardNavigation"));
39
- var import_constants = __toESM(require("../../utils/constants"));
40
- var import_useTabsCallbacks = __toESM(require("../../utils/hooks/useTabsCallbacks"));
41
- var import_DSTabsDatatestid = __toESM(require("../../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 = __toESM(require("@elliemae/ds-system"));
40
- var import_constants = __toESM(require("../../utils/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 = __toESM(require("react"));
33
+ var import_react = require("react");
34
34
  var import_resize_observer = __toESM(require("@react-hook/resize-observer"));
35
- var import_helpers = __toESM(require("../../utils/helpers"));
36
- var import_DSTabsCTX = __toESM(require("../../DSTabsCTX"));
37
- var import_constants = __toESM(require("../../utils/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 = __toESM(require("../tabsPanel/TabsPanels"));
35
- var import_TabBar = __toESM(require("../tabBar/TabBar"));
36
- var import_styles = __toESM(require("./styles"));
37
- var import_DSTabsCTX = __toESM(require("../../DSTabsCTX"));
38
- var import_DSTabsDatatestid = __toESM(require("../../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 = __toESM(require("../../utils/helpers"));
36
- var import_styles = __toESM(require("./styles"));
37
- var import_DSTabsCTX = __toESM(require("../../DSTabsCTX"));
38
- var import_useTabsCallbacks = __toESM(require("../../utils/hooks/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 = __toESM(require("react-desc"));
35
- var import_constants = __toESM(require("./utils/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(""),
@@ -36,7 +36,7 @@ __export(helpers_exports, {
36
36
  shouldHaveRightGradient: () => shouldHaveRightGradient
37
37
  });
38
38
  var React = __toESM(require("react"));
39
- var import_constants = __toESM(require("./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 = __toESM(require("react"));
34
- var import_DSTabsCTX = __toESM(require("../../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 = __toESM(require("react"));
34
- var import_DSTabsCTX = __toESM(require("../../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",
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.3",
132
- "@elliemae/ds-icon": "2.2.0-alpha.3",
133
- "@elliemae/ds-icons": "2.2.0-alpha.3",
134
- "@elliemae/ds-props-helpers": "2.2.0-alpha.3",
135
- "@elliemae/ds-system": "2.2.0-alpha.3",
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",