@elliemae/ds-tabs 1.60.0 → 2.0.0-alpha.12

package/cjs/Carousel.js

@@ -1,219 +0,0 @@
-'use strict';
-
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var React = require('react');
-var PropTypes = require('prop-types');
-var dsIcons = require('@elliemae/ds-icons');
-var styled = require('styled-components');
-var DSButton = require('@elliemae/ds-button');
-var useResize = require('./useResize.js');
-require('lodash');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-var CarouselBtn = /*#__PURE__*/styled__default['default'](DSButton__default['default']).withConfig({
-  componentId: "sc-1317h31-0"
-})(["position:absolute;z-index:1;margin:0;&:focus{& span{background-color:", ";background-size:90%;border-radius:2px;border-color:transparent;}}&&{width:16px;height:calc(100% - 2px);@media (min-width:", "){height:calc(100% - 4px);&:focus{& span{background-color:unset;}}}}", " && .em-ds-icon{height:16px;width:16px;}"], function (props) {
-  return props.theme.colors.brand[200];
-}, function (_ref) {
-  var theme = _ref.theme;
-  return theme.breakpoints.medium;
-}, function (props) {
-  return props.right ? 'right: 0;' : 'left: 0;';
-});
-var CarouselWrapper = /*#__PURE__*/styled__default['default'].span.withConfig({
-  componentId: "sc-1317h31-1"
-})(["position:relative;padding:0 16px;width:100%;"]);
-var ChildrenWrap = /*#__PURE__*/styled__default['default'].div.withConfig({
-  componentId: "sc-1317h31-2"
-})(["display:flex;flex-wrap:nowrap;flex:1;overflow:hidden;"]);
-
-function isVisibleElement(el, container) {
-  var rect = el.getBoundingClientRect();
-  var cRect = container.getBoundingClientRect();
-  var elemLeft = rect.left + 3;
-  var elemRight = rect.right - 3; // Only completely visible elements return true:
-
-  var isVisible = elemLeft >= cRect.left && elemRight <= cRect.right;
-  return isVisible;
-}
-
-var Carousel = function Carousel(_ref2) {
-  var children = _ref2.children,
-      onScroll = _ref2.onScroll;
-  var itemsRef = React.useRef([]);
-  var wrapRef = React.useRef(null);
-  var leftRef = React.useRef(null);
-  var rightRef = React.useRef(null);
-
-  var shouldShowLeft = function shouldShowLeft() {
-    return children && children[0] && wrapRef.current && itemsRef.current[0] && !isVisibleElement(itemsRef.current[0], wrapRef.current);
-  };
-
-  var shouldShowRight = function shouldShowRight() {
-    return children && children[children.length - 1] && wrapRef.current && itemsRef.current[children.length - 1] && !isVisibleElement(itemsRef.current[children.length - 1], wrapRef.current);
-  };
-
-  var _useState = React.useState({
-    right: false,
-    left: false,
-    CHEVRON_FOCUS_FLAG: false // flag to replace lack of callback in useState hook
-
-  }),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      _useState2$ = _useState2[0],
-      right = _useState2$.right,
-      left = _useState2$.left,
-      CHEVRON_FOCUS_FLAG = _useState2$.CHEVRON_FOCUS_FLAG,
-      setShow = _useState2[1];
-
-  var recalcChevrons = function recalcChevrons() {
-    return setShow({
-      right: shouldShowRight(),
-      left: shouldShowLeft()
-    });
-  };
-
-  React.useEffect(function () {
-    recalcChevrons();
-  }, []);
-  React.useEffect(function () {
-    if (CHEVRON_FOCUS_FLAG) {
-      // focus opposite chevron when current one hides
-      if (!left && right && rightRef.current) {
-        rightRef.current.focus();
-      } else if (!right && left && leftRef.current) {
-        leftRef.current.focus();
-      }
-
-      setShow({
-        right: right,
-        left: left,
-        CHEVRON_FOCUS_FLAG: false
-      });
-    }
-  }, [CHEVRON_FOCUS_FLAG]);
-  useResize.useResize(wrapRef, recalcChevrons);
-
-  var getVisibleItemsOffset = function getVisibleItemsOffset() {
-    return itemsRef.current.reduce(function (acc, c) {
-      if (isVisibleElement(c, wrapRef.current)) {
-        var styles = window.getComputedStyle(c);
-        var width = c.offsetWidth;
-        var margin = parseFloat(styles.marginLeft) + parseFloat(styles.marginRight);
-        return acc + (width + margin);
-      }
-
-      return acc;
-    }, 0);
-  };
-
-  var rightClick = function rightClick() {
-    wrapRef.current.scrollLeft += getVisibleItemsOffset();
-  };
-
-  var leftClick = function leftClick() {
-    wrapRef.current.scrollLeft -= getVisibleItemsOffset();
-  };
-
-  var handleScroll = function handleScroll(e) {
-    // forces render when element.scrollTop is changed (out of react flow)
-    setShow({
-      right: shouldShowRight(),
-      left: shouldShowLeft(),
-      // to trigger focus logic at effect above
-      CHEVRON_FOCUS_FLAG: true
-    });
-    onScroll(e);
-  };
-
-  var handleClick = function handleClick(e) {
-    var onClick = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
-    var tabListDomEl = wrapRef.current;
-    var el = e.target;
-    var rect = el.getBoundingClientRect();
-    var cRect = tabListDomEl.getBoundingClientRect();
-
-    if (!isVisibleElement(el, tabListDomEl)) {
-      var containerWidth = cRect.width;
-      var halfContainer = containerWidth / 2;
-      var elementScrollPosition = rect.left - cRect.left;
-      var positionInContainer = elementScrollPosition % containerWidth;
-      var width = el.offsetWidth; // align to right
-
-      if (positionInContainer > halfContainer) {
-        wrapRef.current.scrollLeft += width + positionInContainer - containerWidth;
-      } else {
-        // align left
-        wrapRef.current.scrollLeft += positionInContainer;
-      }
-
-      recalcChevrons();
-    }
-
-    onClick(e);
-  };
-
-  return /*#__PURE__*/React__default['default'].createElement(CarouselWrapper, null, left && /*#__PURE__*/React__default['default'].createElement(CarouselBtn, {
-    "data-testid": "chevron-left",
-    buttonType: "link",
-    innerRef: leftRef,
-    size: "s",
-    icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronLeft, {
-      size: "s",
-      color: ['brand-primary', '600']
-    }),
-    onClick: leftClick,
-    tabIndex: -1
-  }), right && /*#__PURE__*/React__default['default'].createElement(CarouselBtn, {
-    "data-testid": "chevron-right",
-    innerRef: rightRef,
-    right: true,
-    size: "s",
-    buttonType: "link",
-    icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronRight, {
-      size: "s",
-      color: ['brand-primary', '600']
-    }),
-    onClick: rightClick,
-    tabIndex: -1
-  }), /*#__PURE__*/React__default['default'].createElement(ChildrenWrap, {
-    onScroll: handleScroll,
-    ref: wrapRef
-  }, React__default['default'].Children.map(children, function (child, idx) {
-    return /*#__PURE__*/React__default['default'].cloneElement(child, {
-      onClick: function onClick(e) {
-        var _child$props;
-
-        return handleClick(e, (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.onClick);
-      },
-      key: 'carousel'.concat(idx),
-      ref: function ref(el) {
-        itemsRef.current[idx] = el; // keep old refs
-
-        if (typeof child.ref === 'function') {
-          child.ref(el);
-        }
-      }
-    });
-  })));
-};
-
-Carousel.defaultProps = {
-  onScroll: function onScroll() {
-    return null;
-  }
-};
-Carousel.propTypes = {
-  children: PropTypes__default['default'].arrayOf(PropTypes__default['default'].element).isRequired,
-  onScroll: PropTypes__default['default'].func
-};
-
-module.exports = Carousel;
-//# sourceMappingURL=Carousel.js.map

package/cjs/Carousel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Carousel.js","sources":["../../src/Carousel.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { ChevronRight, ChevronLeft } from '@elliemae/ds-icons';\nimport styled from 'styled-components';\nimport DSButton from '@elliemae/ds-button';\nimport { useResize } from './useResize';\n\nconst CarouselBtn = styled(DSButton)`\n  position: absolute;\n  z-index: 1;\n  margin: 0;\n\n  &:focus {\n    & span {\n      background-color: ${(props) => props.theme.colors.brand[200]};\n      background-size: 90%;\n      border-radius: 2px;\n      border-color: transparent;\n    }\n  }\n\n  && {\n    width: 16px;\n    // offset needed for svg gap caused by resizing icons and to\n    // avoid covering blue active underline\n    height: calc(100% - 2px);\n\n    @media (min-width: ${({ theme }) => theme.breakpoints.medium}) {\n      height: calc(100% - 4px);\n      &:focus {\n        & span {\n          background-color: unset;\n        }\n      }\n    }\n  }\n  ${(props) => (props.right ? 'right: 0;' : 'left: 0;')}\n\n  && .em-ds-icon {\n    height: 16px;\n    width: 16px;\n  }\n`;\n\nconst CarouselWrapper = styled.span`\n  position: relative;\n  padding: 0 16px;\n  width: 100%;\n`;\n\nconst ChildrenWrap = styled.div`\n  display: flex;\n  flex-wrap: nowrap;\n  flex: 1;\n  overflow: hidden;\n`;\n\nfunction isVisibleElement(el, container) {\n  const rect = el.getBoundingClientRect();\n  const cRect = container.getBoundingClientRect();\n  const elemLeft = rect.left + 3;\n  const elemRight = rect.right - 3;\n\n  // Only completely visible elements return true:\n  const isVisible = elemLeft >= cRect.left && elemRight <= cRect.right;\n  return isVisible;\n}\n\nconst Carousel = ({ children, onScroll }) => {\n  const itemsRef = useRef([]);\n  const wrapRef = useRef(null);\n  const leftRef = useRef(null);\n  const rightRef = useRef(null);\n\n  const shouldShowLeft = () =>\n    children &&\n    children[0] &&\n    wrapRef.current &&\n    itemsRef.current[0] &&\n    !isVisibleElement(itemsRef.current[0], wrapRef.current);\n  const shouldShowRight = () =>\n    children &&\n    children[children.length - 1] &&\n    wrapRef.current &&\n    itemsRef.current[children.length - 1] &&\n    !isVisibleElement(itemsRef.current[children.length - 1], wrapRef.current);\n\n  const [{ right, left, CHEVRON_FOCUS_FLAG }, setShow] = useState({\n    right: false,\n    left: false,\n    CHEVRON_FOCUS_FLAG: false, // flag to replace lack of callback in useState hook\n  });\n  const recalcChevrons = () => setShow({ right: shouldShowRight(), left: shouldShowLeft() });\n\n  useEffect(() => {\n    recalcChevrons();\n  }, []);\n\n  useEffect(() => {\n    if (CHEVRON_FOCUS_FLAG) {\n      // focus opposite chevron when current one hides\n      if (!left && right && rightRef.current) {\n        rightRef.current.focus();\n      } else if (!right && left && leftRef.current) {\n        leftRef.current.focus();\n      }\n      setShow({ right, left, CHEVRON_FOCUS_FLAG: false });\n    }\n  }, [CHEVRON_FOCUS_FLAG]);\n\n  useResize(wrapRef, recalcChevrons);\n\n  const getVisibleItemsOffset = () =>\n    itemsRef.current.reduce((acc, c) => {\n      if (isVisibleElement(c, wrapRef.current)) {\n        const styles = window.getComputedStyle(c);\n        const width = c.offsetWidth;\n        const margin = parseFloat(styles.marginLeft) + parseFloat(styles.marginRight);\n        return acc + (width + margin);\n      }\n      return acc;\n    }, 0);\n\n  const rightClick = () => {\n    wrapRef.current.scrollLeft += getVisibleItemsOffset();\n  };\n\n  const leftClick = () => {\n    wrapRef.current.scrollLeft -= getVisibleItemsOffset();\n  };\n\n  const handleScroll = (e) => {\n    // forces render when element.scrollTop is changed (out of react flow)\n    setShow({\n      right: shouldShowRight(),\n      left: shouldShowLeft(),\n      // to trigger focus logic at effect above\n      CHEVRON_FOCUS_FLAG: true,\n    });\n    onScroll(e);\n  };\n\n  const handleClick = (e, onClick = () => {}) => {\n    const tabListDomEl = wrapRef.current;\n    const el = e.target;\n    const rect = el.getBoundingClientRect();\n    const cRect = tabListDomEl.getBoundingClientRect();\n\n    if (!isVisibleElement(el, tabListDomEl)) {\n      const containerWidth = cRect.width;\n      const halfContainer = containerWidth / 2;\n      const elementScrollPosition = rect.left - cRect.left;\n      const positionInContainer = elementScrollPosition % containerWidth;\n      const width = el.offsetWidth;\n\n      // align to right\n      if (positionInContainer > halfContainer) {\n        wrapRef.current.scrollLeft += width + positionInContainer - containerWidth;\n      } else {\n        // align left\n        wrapRef.current.scrollLeft += positionInContainer;\n      }\n      recalcChevrons();\n    }\n    onClick(e);\n  };\n\n  return (\n    <CarouselWrapper>\n      {left && (\n        <CarouselBtn\n          data-testid=\"chevron-left\"\n          buttonType=\"link\"\n          innerRef={leftRef}\n          size=\"s\"\n          icon={<ChevronLeft size=\"s\" color={['brand-primary', '600']} />}\n          onClick={leftClick}\n          tabIndex={-1}\n        />\n      )}\n      {right && (\n        <CarouselBtn\n          data-testid=\"chevron-right\"\n          innerRef={rightRef}\n          right\n          size=\"s\"\n          buttonType=\"link\"\n          icon={<ChevronRight size=\"s\" color={['brand-primary', '600']} />}\n          onClick={rightClick}\n          tabIndex={-1}\n        />\n      )}\n      <ChildrenWrap onScroll={handleScroll} ref={wrapRef}>\n        {React.Children.map(children, (child, idx) =>\n          React.cloneElement(child, {\n            onClick: (e) => handleClick(e, child.props?.onClick),\n            key: 'carousel'.concat(idx),\n            ref: (el) => {\n              itemsRef.current[idx] = el;\n              // keep old refs\n              if (typeof child.ref === 'function') {\n                child.ref(el);\n              }\n            },\n          }),\n        )}\n      </ChildrenWrap>\n    </CarouselWrapper>\n  );\n};\n\nCarousel.defaultProps = {\n  onScroll: () => null,\n};\n\nCarousel.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.element).isRequired,\n  onScroll: PropTypes.func,\n};\n\nexport default Carousel;\n"],"names":["CarouselBtn","styled","DSButton","props","theme","colors","brand","breakpoints","medium","right","CarouselWrapper","span","ChildrenWrap","div","isVisibleElement","el","container","rect","getBoundingClientRect","cRect","elemLeft","left","elemRight","isVisible","Carousel","children","onScroll","itemsRef","useRef","wrapRef","leftRef","rightRef","shouldShowLeft","current","shouldShowRight","length","useState","CHEVRON_FOCUS_FLAG","setShow","recalcChevrons","useEffect","focus","useResize","getVisibleItemsOffset","reduce","acc","c","styles","window","getComputedStyle","width","offsetWidth","margin","parseFloat","marginLeft","marginRight","rightClick","scrollLeft","leftClick","handleScroll","e","handleClick","onClick","tabListDomEl","target","containerWidth","halfContainer","elementScrollPosition","positionInContainer","React","ChevronLeft","ChevronRight","Children","map","child","idx","cloneElement","key","concat","ref","defaultProps","propTypes","PropTypes","arrayOf","element","isRequired","func"],"mappings":"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"}

package/cjs/DSTab.js

@@ -1,50 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var reactDesc = require('react-desc');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/* eslint-disable react/no-unused-prop-types */
-
-var DSTab = function DSTab(_ref) {
-  var _ref$tabId = _ref.tabId,
-      tabId = _ref$tabId === void 0 ? '' : _ref$tabId,
-      _ref$title = _ref.title,
-      title = _ref$title === void 0 ? '' : _ref$title,
-      _ref$required = _ref.required,
-      required = _ref$required === void 0 ? false : _ref$required;
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    "aria-labelledby": "".concat(tabId, "-label"),
-    tabId: tabId,
-    title: title,
-    required: required
-  });
-};
-
-DSTab.displayName = 'DSTab';
-var props = {
-  /** unique id for tab */
-  tabId: reactDesc.PropTypes.string.description('unique id for tab'),
-
-  /** tab title */
-  title: reactDesc.PropTypes.string.description('tab title'),
-
-  /** Show a required mark next to the title */
-  required: reactDesc.PropTypes.bool.description('Show a required mark next to the title'),
-
-  /** Whether or not it's a ds-tab from DSMobile tabs */
-  isDSMobile: reactDesc.PropTypes.bool.description("Whether or not it's a ds-tab from DSMobile tabs")
-};
-DSTab.propTypes = props;
-var DSTabWithSchema = reactDesc.describe(DSTab);
-DSTabWithSchema.propTypes = props;
-
-exports.DSTab = DSTab;
-exports.DSTabWithSchema = DSTabWithSchema;
-exports['default'] = DSTab;
-//# sourceMappingURL=DSTab.js.map

package/cjs/DSTab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DSTab.js","sources":["../../src/DSTab.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\n\n// This component is for create a specific api for Tabs children\nconst DSTab = ({ tabId = '', title = '', required = false }) => (\n  <div\n    aria-labelledby={`${tabId}-label`}\n    tabId={tabId}\n    title={title}\n    required={required}\n  />\n);\n\nDSTab.displayName = 'DSTab';\nconst props = {\n  /** unique id for tab */\n  tabId: PropTypes.string.description('unique id for tab'),\n  /** tab title */\n  title: PropTypes.string.description('tab title'),\n  /** Show a required mark next to the title */\n  required: PropTypes.bool.description(\n    'Show a required mark next to the title',\n  ),\n  /** Whether or not it's a ds-tab from DSMobile tabs */\n  isDSMobile: PropTypes.bool.description(\n    \"Whether or not it's a ds-tab from DSMobile tabs\",\n  ),\n};\nDSTab.propTypes = props;\nconst DSTabWithSchema = describe(DSTab);\nDSTabWithSchema.propTypes = props;\n\nexport { DSTab, DSTabWithSchema };\nexport default DSTab;\n"],"names":["DSTab","tabId","title","required","React","displayName","props","PropTypes","string","description","bool","isDSMobile","propTypes","DSTabWithSchema","describe"],"mappings":";;;;;;;;;;;AAAA;;IAKMA,KAAK,GAAG,SAARA,KAAQ;AAAA,wBAAGC,KAAH;AAAA,MAAGA,KAAH,2BAAW,EAAX;AAAA,wBAAeC,KAAf;AAAA,MAAeA,KAAf,2BAAuB,EAAvB;AAAA,2BAA2BC,QAA3B;AAAA,MAA2BA,QAA3B,8BAAsC,KAAtC;AAAA,sBACZC;AACE,iCAAoBH,KAApB,WADF;AAEE,IAAA,KAAK,EAAEA,KAFT;AAGE,IAAA,KAAK,EAAEC,KAHT;AAIE,IAAA,QAAQ,EAAEC;AAJZ,IADY;AAAA;;AASdH,KAAK,CAACK,WAAN,GAAoB,OAApB;AACA,IAAMC,KAAK,GAAG;AACZ;AACAL,EAAAA,KAAK,EAAEM,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,mBAA7B,CAFK;;AAGZ;AACAP,EAAAA,KAAK,EAAEK,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,WAA7B,CAJK;;AAKZ;AACAN,EAAAA,QAAQ,EAAEI,mBAAS,CAACG,IAAV,CAAeD,WAAf,CACR,wCADQ,CANE;;AASZ;AACAE,EAAAA,UAAU,EAAEJ,mBAAS,CAACG,IAAV,CAAeD,WAAf,CACV,iDADU;AAVA,CAAd;AAcAT,KAAK,CAACY,SAAN,GAAkBN,KAAlB;IACMO,eAAe,GAAGC,kBAAQ,CAACd,KAAD;AAChCa,eAAe,CAACD,SAAhB,GAA4BN,KAA5B;;;;;;"}

package/cjs/DSTabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DSTabs.js","sources":["../../src/DSTabs.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { TabTypes } from './TabTypes';\nimport TabsImpl from './TabsImpl';\nimport DSTab from './DSTab';\n\nconst DSTabs = ({\n  containerProps = {},\n  innerRef,\n  animated = true,\n  enableMouseEvents = false,\n  allowTextSelection = false,\n  onTabChange = () => null,\n  tabsListAriaLabel = 'Tab list',\n  type = TabTypes.NORMAL,\n  tabBarExtraContent = undefined,\n  children: tabs,\n  onlyRenderActiveTab = false,\n  activeTab,\n  withCarousel = false,\n  firstSubtabRef,\n  lastTabRef,\n  flexibleTabsHeaders,\n  fixedTabsHeaders,\n  isDSMobile = false,\n}) => (\n  <TabsImpl\n    activeTab={activeTab}\n    firstSubtabRef={firstSubtabRef}\n    lastTabRef={lastTabRef}\n    allowTextSelection={allowTextSelection}\n    animated={animated}\n    containerProps={containerProps}\n    enableMouseEvents={enableMouseEvents}\n    innerRef={innerRef}\n    onlyRenderActiveTab={onlyRenderActiveTab}\n    onTabChange={onTabChange}\n    tabBarExtraContent={tabBarExtraContent}\n    tabsListAriaLabel={tabsListAriaLabel}\n    type={type}\n    withCarousel={withCarousel}\n    flexibleTabsHeaders={flexibleTabsHeaders}\n    fixedTabsHeaders={fixedTabsHeaders}\n    isDSMobile={isDSMobile}\n  >\n    {tabs}\n  </TabsImpl>\n);\n\nconst props = {\n  /** Whether the tab transition should animate or not */\n  animated: PropTypes.bool.description(\n    'Whether the tab transition should animate or not',\n  ),\n  /** Enables tab transition with mouse drag events */\n  enableMouseEvents: PropTypes.bool.description(\n    'Enables tab transition with mouse drag events',\n  ),\n  /** Allow text selection when mouse drag events are active */\n  allowTextSelection: PropTypes.bool.description(\n    'Allow text selection when mouse drag events are active',\n  ),\n  /** Handler when a user clicks on a different tab */\n  onTabChange: PropTypes.func.description(\n    'Handler when a user clicks on a different tab',\n  ),\n  /** Tab type */\n  type: PropTypes.oneOf(['normal', 'subtabs']).description('Tab type'),\n  /** Extra content next to the tabs pills */\n  tabBarExtraContent: PropTypes.element.description(\n    'Extra content next to the tabs pills',\n  ),\n  /** Only renders the active tab in the DOM */\n  onlyRenderActiveTab: PropTypes.bool.description(\n    'Only renders the active tab in the DOM',\n  ),\n  /** Mobile only flexible tabs mode */\n  flexibleTabsHeaders: PropTypes.bool.description(\n    'Mobile only flexible tabs mode',\n  ),\n  /** Mobile only fixed tabs mode */\n  fixedTabsHeaders: PropTypes.bool.description('Mobile only fixed tabs mode'),\n  /** Whether or not it's a ds-tab from DSMobile tabs */\n  isDSMobile: PropTypes.bool.description(\n    \"Whether or not it's a ds-tab from DSMobile tabs\",\n  ),\n  /** Activate carousel behavior */\n  withCarousel: PropTypes.bool.description('Activate carousel behavior'),\n  /** The active tabId */\n  activeTab: PropTypes.string.description('The active tabId'),\n  /** tabs children */\n  children: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.instanceOf([\n        PropTypes.instanceOf(DSTab),\n        PropTypes.array,\n      ]),\n    }),\n  ).isRequired.description('tabs children'),\n  /** Aria label for the list */\n  tabsListAriaLabel: PropTypes.string.description('Aria label for the list'),\n  /** Additional properties for the container */\n  containerProps: PropTypes.object.description(\n    'Additional properties for the container',\n  ),\n  /** REF */\n  innerRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]).description('REF'),\n  /** internal ref to handle keyboard a11y behavior */\n  firstSubtabRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]).description('internal ref to handle keyboard a11y behavior'),\n  /** internal ref to handle keyboard a11y behavior */\n  lastTabRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]).description('internal ref to handle keyboard a11y behavior'),\n};\n\nDSTabs.propTypes = props;\nconst DSTabsWithSchema = describe(DSTabs);\nDSTabsWithSchema.propTypes = props;\n\nexport { DSTabs, DSTabsWithSchema };\nexport default DSTabs;\n"],"names":["DSTabs","containerProps","innerRef","animated","enableMouseEvents","allowTextSelection","onTabChange","tabsListAriaLabel","type","TabTypes","NORMAL","tabBarExtraContent","undefined","tabs","children","onlyRenderActiveTab","activeTab","withCarousel","firstSubtabRef","lastTabRef","flexibleTabsHeaders","fixedTabsHeaders","isDSMobile","React","props","PropTypes","bool","description","func","oneOf","element","string","arrayOf","shape","instanceOf","DSTab","array","isRequired","object","oneOfType","current","any","propTypes","DSTabsWithSchema","describe"],"mappings":"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"}

package/cjs/PanelContainer.js

@@ -1,45 +0,0 @@
-'use strict';
-
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
-var PropTypes = require('prop-types');
-var dsClassnames = require('@elliemae/ds-classnames');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
-var _excluded = ["children", "lastTabRef", "firstSubtabRef"];
-var blockName = 'tabs-panels';
-var PC = dsClassnames.aggregatedClasses('div')(blockName, 'panel');
-
-var PanelContainer = function PanelContainer(_ref) {
-  var children = _ref.children,
-      lastTabRef = _ref.lastTabRef,
-      firstSubtabRef = _ref.firstSubtabRef,
-      rest = _objectWithoutProperties__default['default'](_ref, _excluded);
-
-  // inject ref to handle focus on first subtab child
-  var child = React__default['default'].Children.map(children, function (c, i) {
-    return i === 0 && c ? /*#__PURE__*/React__default['default'].cloneElement(c, {
-      firstSubtabRef: firstSubtabRef,
-      lastTabRef: lastTabRef
-    }) : c;
-  });
-  return /*#__PURE__*/React__default['default'].createElement(PC, rest, child);
-};
-
-PanelContainer.propTypes = {
-  children: PropTypes__default['default'].any,
-  firstSubtabRef: PropTypes__default['default'].oneOfType([PropTypes__default['default'].func, PropTypes__default['default'].shape({
-    current: PropTypes__default['default'].any
-  })]),
-  lastTabRef: PropTypes__default['default'].oneOfType([PropTypes__default['default'].func, PropTypes__default['default'].shape({
-    current: PropTypes__default['default'].any
-  })])
-};
-
-module.exports = PanelContainer;
-//# sourceMappingURL=PanelContainer.js.map

package/cjs/PanelContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PanelContainer.js","sources":["../../src/PanelContainer.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nconst blockName = 'tabs-panels';\n\nconst PC = aggregatedClasses('div')(blockName, 'panel');\n\nconst PanelContainer = ({ children, lastTabRef, firstSubtabRef, ...rest }) => {\n  // inject ref to handle focus on first subtab child\n  const child = React.Children.map(children, (c, i) =>\n    i === 0 && c ? React.cloneElement(c, { firstSubtabRef, lastTabRef }) : c,\n  );\n  return <PC {...rest}>{child}</PC>;\n};\n\nPanelContainer.propTypes = {\n  children: PropTypes.any,\n  firstSubtabRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]),\n  lastTabRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]),\n};\n\nexport default PanelContainer;\n"],"names":["blockName","PC","aggregatedClasses","PanelContainer","children","lastTabRef","firstSubtabRef","rest","child","React","Children","map","c","i","cloneElement","propTypes","PropTypes","any","oneOfType","func","shape","current"],"mappings":";;;;;;;;;;;;;;AAGA,IAAMA,SAAS,GAAG,aAAlB;AAEA,IAAMC,EAAE,GAAGC,8BAAiB,CAAC,KAAD,CAAjB,CAAyBF,SAAzB,EAAoC,OAApC,CAAX;;IAEMG,cAAc,GAAG,SAAjBA,cAAiB,OAAuD;AAAA,MAApDC,QAAoD,QAApDA,QAAoD;AAAA,MAA1CC,UAA0C,QAA1CA,UAA0C;AAAA,MAA9BC,cAA8B,QAA9BA,cAA8B;AAAA,MAAXC,IAAW;;AAC5E;AACA,MAAMC,KAAK,GAAGC,yBAAK,CAACC,QAAN,CAAeC,GAAf,CAAmBP,QAAnB,EAA6B,UAACQ,CAAD,EAAIC,CAAJ;AAAA,WACzCA,CAAC,KAAK,CAAN,IAAWD,CAAX,gBAAeH,yBAAK,CAACK,YAAN,CAAmBF,CAAnB,EAAsB;AAAEN,MAAAA,cAAc,EAAdA,cAAF;AAAkBD,MAAAA,UAAU,EAAVA;AAAlB,KAAtB,CAAf,GAAuEO,CAD9B;AAAA,GAA7B,CAAd;AAGA,sBAAOH,wCAAC,EAAD,EAAQF,IAAR,EAAeC,KAAf,CAAP;AACD;;AAEDL,cAAc,CAACY,SAAf,GAA2B;AACzBX,EAAAA,QAAQ,EAAEY,6BAAS,CAACC,GADK;AAEzBX,EAAAA,cAAc,EAAEU,6BAAS,CAACE,SAAV,CAAoB,CAClCF,6BAAS,CAACG,IADwB,EAElCH,6BAAS,CAACI,KAAV,CAAgB;AAAEC,IAAAA,OAAO,EAAEL,6BAAS,CAACC;AAArB,GAAhB,CAFkC,CAApB,CAFS;AAMzBZ,EAAAA,UAAU,EAAEW,6BAAS,CAACE,SAAV,CAAoB,CAC9BF,6BAAS,CAACG,IADoB,EAE9BH,6BAAS,CAACI,KAAV,CAAgB;AAAEC,IAAAA,OAAO,EAAEL,6BAAS,CAACC;AAArB,GAAhB,CAF8B,CAApB;AANa,CAA3B;;;;"}

package/cjs/SubTabBar.js

@@ -1,81 +0,0 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var dsClassnames = require('@elliemae/ds-classnames');
-var TabBar = require('./TabBar.js');
-var Carousel = require('./Carousel.js');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/assertThisInitialized');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/possibleConstructorReturn');
-require('@babel/runtime/helpers/getPrototypeOf');
-require('lodash');
-require('@elliemae/ds-form/RequiredMark');
-require('memoize-one');
-require('resize-observer');
-require('styled-components');
-require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-button');
-require('./useResize.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
-var blockName = 'tabs-tab-bar';
-var SubTabList = dsClassnames.aggregatedClasses('div')(blockName, 'subtabs-list', function (_ref) {
-  var withCarousel = _ref.withCarousel;
-  return {
-    carousel: withCarousel
-  };
-});
-
-var SubTabBar = function SubTabBar(_ref2) {
-  var withCarousel = _ref2.withCarousel,
-      _ref2$tabs = _ref2.tabs,
-      tabs = _ref2$tabs === void 0 ? [] : _ref2$tabs,
-      _ref2$activeTab = _ref2.activeTab,
-      activeTab = _ref2$activeTab === void 0 ? '' : _ref2$activeTab,
-      _ref2$onTabClick = _ref2.onTabClick,
-      onTabClick = _ref2$onTabClick === void 0 ? function () {
-    return null;
-  } : _ref2$onTabClick,
-      firstSubtabRef = _ref2.firstSubtabRef,
-      handleUpArrow = _ref2.handleUpArrow;
-  return /*#__PURE__*/React__default['default'].createElement(TabBar, {
-    activeTab: activeTab,
-    onTabClick: onTabClick,
-    handleUpArrow: handleUpArrow,
-    firstSubtabRef: firstSubtabRef,
-    renderCustomTabBar: function renderCustomTabBar(_ref3) {
-      var tabsComponents = _ref3.tabsComponents,
-          innerRef = _ref3.innerRef;
-      return /*#__PURE__*/React__default['default'].createElement(SubTabList, {
-        withCarousel: withCarousel,
-        innerRef: innerRef,
-        "data-testid": "subtabs-list"
-      }, withCarousel ? /*#__PURE__*/React__default['default'].createElement(Carousel, null, tabsComponents) : tabsComponents);
-    },
-    showSelectionIndicator: false,
-    showSeparator: true,
-    tabs: tabs
-  });
-};
-
-SubTabBar.propTypes = {
-  tabs: PropTypes__default['default'].arrayOf(PropTypes__default['default'].element).isRequired,
-  activeTab: PropTypes__default['default'].string,
-  onTabClick: PropTypes__default['default'].func.isRequired,
-  withCarousel: PropTypes__default['default'].bool,
-  handleUpArrow: PropTypes__default['default'].func,
-  firstSubtabRef: PropTypes__default['default'].oneOfType([PropTypes__default['default'].func, PropTypes__default['default'].shape({
-    current: PropTypes__default['default'].any
-  })])
-};
-
-module.exports = SubTabBar;
-//# sourceMappingURL=SubTabBar.js.map

package/cjs/SubTabBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SubTabBar.js","sources":["../../src/SubTabBar.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport TabBar from './TabBar';\nimport Carousel from './Carousel';\n\nconst blockName = 'tabs-tab-bar';\n\nconst SubTabList = aggregatedClasses('div')(\n  blockName,\n  'subtabs-list',\n  ({ withCarousel }) => ({ carousel: withCarousel }),\n);\n\nconst SubTabBar = ({\n  withCarousel,\n  tabs = [],\n  activeTab = '',\n  onTabClick = () => null,\n  firstSubtabRef,\n  handleUpArrow,\n}) => (\n  <TabBar\n    activeTab={activeTab}\n    onTabClick={onTabClick}\n    handleUpArrow={handleUpArrow}\n    firstSubtabRef={firstSubtabRef}\n    renderCustomTabBar={({ tabsComponents, innerRef }) => (\n      <SubTabList\n        withCarousel={withCarousel}\n        innerRef={innerRef}\n        data-testid=\"subtabs-list\"\n      >\n        {withCarousel ? <Carousel>{tabsComponents}</Carousel> : tabsComponents}\n      </SubTabList>\n    )}\n    showSelectionIndicator={false}\n    showSeparator\n    tabs={tabs}\n  />\n);\n\nSubTabBar.propTypes = {\n  tabs: PropTypes.arrayOf(PropTypes.element).isRequired,\n  activeTab: PropTypes.string,\n  onTabClick: PropTypes.func.isRequired,\n  withCarousel: PropTypes.bool,\n  handleUpArrow: PropTypes.func,\n  firstSubtabRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]),\n};\n\nexport default SubTabBar;\n"],"names":["blockName","SubTabList","aggregatedClasses","withCarousel","carousel","SubTabBar","tabs","activeTab","onTabClick","firstSubtabRef","handleUpArrow","React","tabsComponents","innerRef","propTypes","PropTypes","arrayOf","element","isRequired","string","func","bool","oneOfType","shape","current","any"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,SAAS,GAAG,cAAlB;AAEA,IAAMC,UAAU,GAAGC,8BAAiB,CAAC,KAAD,CAAjB,CACjBF,SADiB,EAEjB,cAFiB,EAGjB;AAAA,MAAGG,YAAH,QAAGA,YAAH;AAAA,SAAuB;AAAEC,IAAAA,QAAQ,EAAED;AAAZ,GAAvB;AAAA,CAHiB,CAAnB;;IAMME,SAAS,GAAG,SAAZA,SAAY;AAAA,MAChBF,YADgB,SAChBA,YADgB;AAAA,yBAEhBG,IAFgB;AAAA,MAEhBA,IAFgB,2BAET,EAFS;AAAA,8BAGhBC,SAHgB;AAAA,MAGhBA,SAHgB,gCAGJ,EAHI;AAAA,+BAIhBC,UAJgB;AAAA,MAIhBA,UAJgB,iCAIH;AAAA,WAAM,IAAN;AAAA,GAJG;AAAA,MAKhBC,cALgB,SAKhBA,cALgB;AAAA,MAMhBC,aANgB,SAMhBA,aANgB;AAAA,sBAQhBC,wCAAC,MAAD;AACE,IAAA,SAAS,EAAEJ,SADb;AAEE,IAAA,UAAU,EAAEC,UAFd;AAGE,IAAA,aAAa,EAAEE,aAHjB;AAIE,IAAA,cAAc,EAAED,cAJlB;AAKE,IAAA,kBAAkB,EAAE;AAAA,UAAGG,cAAH,SAAGA,cAAH;AAAA,UAAmBC,QAAnB,SAAmBA,QAAnB;AAAA,0BAClBF,wCAAC,UAAD;AACE,QAAA,YAAY,EAAER,YADhB;AAEE,QAAA,QAAQ,EAAEU,QAFZ;AAGE,uBAAY;AAHd,SAKGV,YAAY,gBAAGQ,wCAAC,QAAD,QAAWC,cAAX,CAAH,GAA2CA,cAL1D,CADkB;AAAA,KALtB;AAcE,IAAA,sBAAsB,EAAE,KAd1B;AAeE,IAAA,aAAa,MAff;AAgBE,IAAA,IAAI,EAAEN;AAhBR,IARgB;AAAA;;AA4BlBD,SAAS,CAACS,SAAV,GAAsB;AACpBR,EAAAA,IAAI,EAAES,6BAAS,CAACC,OAAV,CAAkBD,6BAAS,CAACE,OAA5B,EAAqCC,UADvB;AAEpBX,EAAAA,SAAS,EAAEQ,6BAAS,CAACI,MAFD;AAGpBX,EAAAA,UAAU,EAAEO,6BAAS,CAACK,IAAV,CAAeF,UAHP;AAIpBf,EAAAA,YAAY,EAAEY,6BAAS,CAACM,IAJJ;AAKpBX,EAAAA,aAAa,EAAEK,6BAAS,CAACK,IALL;AAMpBX,EAAAA,cAAc,EAAEM,6BAAS,CAACO,SAAV,CAAoB,CAClCP,6BAAS,CAACK,IADwB,EAElCL,6BAAS,CAACQ,KAAV,CAAgB;AAAEC,IAAAA,OAAO,EAAET,6BAAS,CAACU;AAArB,GAAhB,CAFkC,CAApB;AANI,CAAtB;;;;"}