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

package/cjs/TabsImpl.js

@@ -1,173 +0,0 @@
-'use strict';
-
-var _extends = require('@babel/runtime/helpers/extends');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
-var PropTypes = require('prop-types');
-var dsClassnames = require('@elliemae/ds-classnames');
-var TabsPanels = require('./TabsPanels.js');
-var TabBar = require('./TabBar.js');
-var SubTabBar = require('./SubTabBar.js');
-var TabTypes = require('./TabTypes.js');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/possibleConstructorReturn');
-require('@babel/runtime/helpers/getPrototypeOf');
-require('memoize-one');
-require('react-swipeable-views');
-require('./PanelContainer.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/assertThisInitialized');
-require('lodash');
-require('@elliemae/ds-form/RequiredMark');
-require('resize-observer');
-require('styled-components');
-require('./Carousel.js');
-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 _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
-var _TabBarComponentsByTy;
-var blockName = 'tabs';
-var StyledTabsContainer = dsClassnames.aggregatedClasses('div')(blockName);
-var StyledTabBarContainer = dsClassnames.aggregatedClasses('div')(blockName, 'tab-bar-container');
-var TabBarComponentsByType = (_TabBarComponentsByTy = {}, _defineProperty__default['default'](_TabBarComponentsByTy, TabTypes.TabTypes.NORMAL, TabBar), _defineProperty__default['default'](_TabBarComponentsByTy, TabTypes.TabTypes.SUBTABS, SubTabBar), _TabBarComponentsByTy);
-
-var TabsImpl = function TabsImpl(props) {
-  var _tabs$, _tabs$$props;
-
-  var animated = props.animated,
-      tabs = props.children,
-      type = props.type,
-      tabBarExtraContent = props.tabBarExtraContent,
-      onTabChange = props.onTabChange,
-      enableMouseEvents = props.enableMouseEvents,
-      innerRef = props.innerRef,
-      onlyRenderActiveTab = props.onlyRenderActiveTab,
-      containerProps = props.containerProps,
-      allowTextSelection = props.allowTextSelection,
-      tabsListAriaLabel = props.tabsListAriaLabel,
-      activeTab = props.activeTab,
-      firstSubtabRef = props.firstSubtabRef,
-      lastTabRef = props.lastTabRef,
-      withCarousel = props.withCarousel,
-      flexibleTabsHeaders = props.flexibleTabsHeaders,
-      fixedTabsHeaders = props.fixedTabsHeaders,
-      isDSMobile = props.isDSMobile;
-
-  var _useState = React.useState(activeTab || (tabs === null || tabs === void 0 ? void 0 : (_tabs$ = tabs[0]) === null || _tabs$ === void 0 ? void 0 : (_tabs$$props = _tabs$.props) === null || _tabs$$props === void 0 ? void 0 : _tabs$$props.tabId)),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      actualActiveTab = _useState2[0],
-      setActualActiveTab = _useState2[1];
-
-  var firstTabRefByParent = React.useRef(null);
-  var lastTabRefByParent = React.useRef(null);
-  React.useEffect(function () {
-    if (activeTab) {
-      setActualActiveTab(activeTab);
-    }
-  }, [activeTab]);
-  var handleTabClick = React.useCallback(function (tab) {
-    setActualActiveTab(tab);
-    onTabChange(tab);
-  }, [onTabChange]);
-  var handleDownArrow = React.useCallback(function (e) {
-    var _firstTabRefByParent$;
-
-    e.preventDefault();
-    e.stopPropagation();
-    if (firstTabRefByParent !== null && firstTabRefByParent !== void 0 && firstTabRefByParent.current) (_firstTabRefByParent$ = firstTabRefByParent.current) === null || _firstTabRefByParent$ === void 0 ? void 0 : _firstTabRefByParent$.focus();
-  }, [firstTabRefByParent]);
-  var handleUpArrow = React.useCallback(function (e) {
-    var _lastTabRef$current;
-
-    e.preventDefault();
-    e.stopPropagation();
-    if (lastTabRef !== null && lastTabRef !== void 0 && lastTabRef.current) (_lastTabRef$current = lastTabRef.current) === null || _lastTabRef$current === void 0 ? void 0 : _lastTabRef$current.focus();
-  }, [lastTabRef]);
-  var PureTabBarComponent = React.useMemo(function () {
-    var TabBarComponent = TabBarComponentsByType[type] || TabBar;
-    return /*#__PURE__*/React__default['default'].createElement(TabBarComponent, {
-      withCarousel: withCarousel,
-      activeTab: actualActiveTab,
-      onTabClick: handleTabClick,
-      tabs: tabs,
-      firstSubtabRef: firstSubtabRef,
-      lastTabRef: lastTabRefByParent,
-      handleDownArrow: handleDownArrow,
-      handleUpArrow: handleUpArrow,
-      isDSMobile: isDSMobile,
-      flexibleTabsHeaders: flexibleTabsHeaders,
-      fixedTabsHeaders: fixedTabsHeaders
-    });
-  }, [type, withCarousel, actualActiveTab, handleTabClick, tabs, firstSubtabRef, lastTabRefByParent, handleDownArrow, handleUpArrow, isDSMobile]);
-  var PureTabsPanels = React.useMemo(function () {
-    return /*#__PURE__*/React__default['default'].createElement(TabsPanels, {
-      activeTab: actualActiveTab,
-      allowTextSelection: allowTextSelection,
-      animated: animated,
-      enableMouseEvents: enableMouseEvents,
-      onlyRenderActiveTab: onlyRenderActiveTab,
-      onTabChange: handleTabClick,
-      tabsComponents: tabs,
-      lastTabRef: lastTabRefByParent,
-      firstTabRefByParent: firstTabRefByParent
-    });
-  }, [actualActiveTab, allowTextSelection, animated, enableMouseEvents, onlyRenderActiveTab, handleTabClick, tabs, lastTabRefByParent, firstTabRefByParent]);
-  var PureTabsImpl = React.useMemo(function () {
-    return /*#__PURE__*/React__default['default'].createElement(StyledTabsContainer, _extends__default['default']({}, containerProps, {
-      "aria-label": tabsListAriaLabel,
-      innerRef: innerRef,
-      role: "tablist"
-    }), /*#__PURE__*/React__default['default'].createElement(StyledTabBarContainer, null, PureTabBarComponent, tabBarExtraContent), PureTabsPanels);
-  }, [containerProps, tabsListAriaLabel, innerRef, PureTabBarComponent, tabBarExtraContent, PureTabsPanels]);
-  return PureTabsImpl;
-};
-
-TabsImpl.propTypes = {
-  animated: PropTypes__default['default'].bool,
-  enableMouseEvents: PropTypes__default['default'].bool,
-  allowTextSelection: PropTypes__default['default'].bool,
-  onTabChange: PropTypes__default['default'].func,
-  type: PropTypes__default['default'].oneOf(['normal', 'subtabs']),
-  tabBarExtraContent: PropTypes__default['default'].element,
-  onlyRenderActiveTab: PropTypes__default['default'].bool,
-  withCarousel: PropTypes__default['default'].bool,
-  activeTab: PropTypes__default['default'].string,
-  children: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
-    type: PropTypes__default['default'].any
-  })).isRequired,
-  tabsListAriaLabel: PropTypes__default['default'].string,
-  containerProps: PropTypes__default['default'].object,
-  innerRef: PropTypes__default['default'].oneOfType([PropTypes__default['default'].func, PropTypes__default['default'].shape({
-    current: 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
-  })]),
-
-  /** Whether or not it's a ds-tab from DSMobile tabs */
-  isDSMobile: PropTypes__default['default'].bool,
-
-  /** DSMobile only flexible tabs mode */
-  flexibleTabsHeaders: PropTypes__default['default'].bool,
-
-  /** DSMobile only fixed tabs mode */
-  fixedTabsHeaders: PropTypes__default['default'].bool
-};
-
-module.exports = TabsImpl;
-//# sourceMappingURL=TabsImpl.js.map

package/cjs/TabsImpl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabsImpl.js","sources":["../../src/TabsImpl.tsx"],"sourcesContent":["/* eslint-disable indent */\n/* eslint-disable max-lines */\nimport React, {\n  useCallback,\n  useState,\n  useEffect,\n  useRef,\n  useMemo,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport TabsPanels from './TabsPanels';\nimport TabBar from './TabBar';\nimport SubTabBar from './SubTabBar';\nimport { TabTypes } from './TabTypes';\n\nconst blockName = 'tabs';\n\nconst StyledTabsContainer = aggregatedClasses('div')(blockName);\nconst StyledTabBarContainer = aggregatedClasses('div')(\n  blockName,\n  'tab-bar-container',\n);\n\nconst TabBarComponentsByType = {\n  [TabTypes.NORMAL]: TabBar,\n  [TabTypes.SUBTABS]: SubTabBar,\n};\n\nconst TabsImpl = (props) => {\n  const {\n    animated,\n    children: tabs,\n    type,\n    tabBarExtraContent,\n    onTabChange,\n    enableMouseEvents,\n    innerRef,\n    onlyRenderActiveTab,\n    containerProps,\n    allowTextSelection,\n    tabsListAriaLabel,\n    activeTab,\n    firstSubtabRef,\n    lastTabRef,\n    withCarousel,\n    flexibleTabsHeaders,\n    fixedTabsHeaders,\n    isDSMobile,\n  } = props;\n  const [actualActiveTab, setActualActiveTab] = useState(\n    activeTab || tabs?.[0]?.props?.tabId,\n  );\n  const firstTabRefByParent = useRef(null);\n  const lastTabRefByParent = useRef(null);\n\n  useEffect(() => {\n    if (activeTab) {\n      setActualActiveTab(activeTab);\n    }\n  }, [activeTab]);\n\n  const handleTabClick = useCallback(\n    (tab) => {\n      setActualActiveTab(tab);\n      onTabChange(tab);\n    },\n    [onTabChange],\n  );\n  const handleDownArrow = useCallback(\n    (e) => {\n      e.preventDefault();\n      e.stopPropagation();\n      if (firstTabRefByParent?.current) firstTabRefByParent.current?.focus();\n    },\n    [firstTabRefByParent],\n  );\n  const handleUpArrow = useCallback(\n    (e) => {\n      e.preventDefault();\n      e.stopPropagation();\n      if (lastTabRef?.current) lastTabRef.current?.focus();\n    },\n    [lastTabRef],\n  );\n\n  const PureTabBarComponent = useMemo(() => {\n    const TabBarComponent = TabBarComponentsByType[type] || TabBar;\n    return (\n      <TabBarComponent\n        withCarousel={withCarousel}\n        activeTab={actualActiveTab}\n        onTabClick={handleTabClick}\n        tabs={tabs}\n        firstSubtabRef={firstSubtabRef}\n        lastTabRef={lastTabRefByParent}\n        handleDownArrow={handleDownArrow}\n        handleUpArrow={handleUpArrow}\n        isDSMobile={isDSMobile}\n        flexibleTabsHeaders={flexibleTabsHeaders}\n        fixedTabsHeaders={fixedTabsHeaders}\n      />\n    );\n  }, [\n    type,\n    withCarousel,\n    actualActiveTab,\n    handleTabClick,\n    tabs,\n    firstSubtabRef,\n    lastTabRefByParent,\n    handleDownArrow,\n    handleUpArrow,\n    isDSMobile,\n  ]);\n  const PureTabsPanels = useMemo(\n    () => (\n      <TabsPanels\n        activeTab={actualActiveTab}\n        allowTextSelection={allowTextSelection}\n        animated={animated}\n        enableMouseEvents={enableMouseEvents}\n        onlyRenderActiveTab={onlyRenderActiveTab}\n        onTabChange={handleTabClick}\n        tabsComponents={tabs}\n        lastTabRef={lastTabRefByParent}\n        firstTabRefByParent={firstTabRefByParent}\n      />\n    ),\n    [\n      actualActiveTab,\n      allowTextSelection,\n      animated,\n      enableMouseEvents,\n      onlyRenderActiveTab,\n      handleTabClick,\n      tabs,\n      lastTabRefByParent,\n      firstTabRefByParent,\n    ],\n  );\n  const PureTabsImpl = useMemo(\n    () => (\n      <StyledTabsContainer\n        {...containerProps}\n        aria-label={tabsListAriaLabel}\n        innerRef={innerRef}\n        role=\"tablist\"\n      >\n        <StyledTabBarContainer>\n          {PureTabBarComponent}\n          {tabBarExtraContent}\n        </StyledTabBarContainer>\n        {PureTabsPanels}\n      </StyledTabsContainer>\n    ),\n    [\n      containerProps,\n      tabsListAriaLabel,\n      innerRef,\n      PureTabBarComponent,\n      tabBarExtraContent,\n      PureTabsPanels,\n    ],\n  );\n  return PureTabsImpl;\n};\n\nTabsImpl.propTypes = {\n  animated: PropTypes.bool,\n  enableMouseEvents: PropTypes.bool,\n  allowTextSelection: PropTypes.bool,\n  onTabChange: PropTypes.func,\n  type: PropTypes.oneOf(['normal', 'subtabs']),\n  tabBarExtraContent: PropTypes.element,\n  onlyRenderActiveTab: PropTypes.bool,\n  withCarousel: PropTypes.bool,\n  activeTab: PropTypes.string,\n  children: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.any,\n    }),\n  ).isRequired,\n  tabsListAriaLabel: PropTypes.string,\n  containerProps: PropTypes.object,\n  innerRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]),\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  /** Whether or not it's a ds-tab from DSMobile tabs */\n  isDSMobile: PropTypes.bool,\n  /** DSMobile only flexible tabs mode */\n  flexibleTabsHeaders: PropTypes.bool,\n  /** DSMobile only fixed tabs mode */\n  fixedTabsHeaders: PropTypes.bool,\n};\n\nexport default TabsImpl;\n"],"names":["blockName","StyledTabsContainer","aggregatedClasses","StyledTabBarContainer","TabBarComponentsByType","TabTypes","NORMAL","TabBar","SUBTABS","SubTabBar","TabsImpl","props","animated","tabs","children","type","tabBarExtraContent","onTabChange","enableMouseEvents","innerRef","onlyRenderActiveTab","containerProps","allowTextSelection","tabsListAriaLabel","activeTab","firstSubtabRef","lastTabRef","withCarousel","flexibleTabsHeaders","fixedTabsHeaders","isDSMobile","useState","tabId","actualActiveTab","setActualActiveTab","firstTabRefByParent","useRef","lastTabRefByParent","useEffect","handleTabClick","useCallback","tab","handleDownArrow","e","preventDefault","stopPropagation","current","focus","handleUpArrow","PureTabBarComponent","useMemo","TabBarComponent","React","PureTabsPanels","PureTabsImpl","propTypes","PropTypes","bool","func","oneOf","element","string","arrayOf","shape","any","isRequired","object","oneOfType"],"mappings":"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"}

package/cjs/TabsPanels.js

@@ -1,116 +0,0 @@
-'use strict';
-
-var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
-var _createClass = require('@babel/runtime/helpers/createClass');
-var _inherits = require('@babel/runtime/helpers/inherits');
-var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
-var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
-var React = require('react');
-var memoizeOne = require('memoize-one');
-var dsClassnames = require('@elliemae/ds-classnames');
-var SwipeableViews = require('react-swipeable-views');
-var PanelContainer = require('./PanelContainer.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('prop-types');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
-var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
-var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
-var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
-var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var memoizeOne__default = /*#__PURE__*/_interopDefaultLegacy(memoizeOne);
-var SwipeableViews__default = /*#__PURE__*/_interopDefaultLegacy(SwipeableViews);
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var blockName = 'tabs-panels';
-var Panels = dsClassnames.aggregatedClasses('div')(blockName);
-
-var getIndexById = function getIndexById(children, activeId) {
-  return children && children.findIndex(function (item) {
-    return item.props.tabId === activeId;
-  });
-};
-
-var getIdByIndex = function getIdByIndex(children, index) {
-  return children && children[index].props.tabId;
-};
-
-var TabsPanels = /*#__PURE__*/function (_Component) {
-  _inherits__default['default'](TabsPanels, _Component);
-
-  var _super = _createSuper(TabsPanels);
-
-  function TabsPanels() {
-    var _this;
-
-    _classCallCheck__default['default'](this, TabsPanels);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.renderPanels = memoizeOne__default['default'](function (activeTab, tabsComponents) {
-      var _this$props = _this.props,
-          animated = _this$props.animated,
-          onlyRenderActiveTab = _this$props.onlyRenderActiveTab,
-          allowTextSelection = _this$props.allowTextSelection;
-      return React__default['default'].Children.map(tabsComponents, function (tab) {
-        var _tab$props = tab.props,
-            panelId = _tab$props.tabId,
-            style = _tab$props.style,
-            content = _tab$props.children;
-        var isActive = activeTab === panelId;
-        var shouldRender = !onlyRenderActiveTab || isActive;
-        return /*#__PURE__*/React__default['default'].createElement(PanelContainer, {
-          key: panelId,
-          "aria-labelledby": "".concat(panelId, "-label"),
-          lastTabRef: _this.props.lastTabRef,
-          firstSubtabRef: _this.props.firstTabRefByParent,
-          classProps: {
-            isActive: isActive
-          },
-          "data-panel-id": panelId,
-          hidden: !animated && !isActive,
-          onMouseDown: function onMouseDown(e) {
-            var role = e.target.getAttribute('role');
-            if (role !== 'tabpanel' && allowTextSelection) e.stopPropagation();
-          },
-          role: "tabpanel",
-          style: style
-        }, shouldRender && content);
-      }, null);
-    });
-    return _this;
-  }
-
-  _createClass__default['default'](TabsPanels, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          activeTab = _this$props2.activeTab,
-          tabsComponents = _this$props2.tabsComponents,
-          animated = _this$props2.animated,
-          onTabChange = _this$props2.onTabChange,
-          enableMouseEvents = _this$props2.enableMouseEvents;
-      var panels = animated ? /*#__PURE__*/React__default['default'].createElement(SwipeableViews__default['default'], {
-        enableMouseEvents: enableMouseEvents,
-        index: getIndexById(tabsComponents, activeTab),
-        onChangeIndex: function onChangeIndex(index) {
-          return onTabChange(getIdByIndex(tabsComponents, index));
-        }
-      }, this.renderPanels(activeTab, tabsComponents)) : this.renderPanels(activeTab, tabsComponents);
-      return /*#__PURE__*/React__default['default'].createElement(Panels, null, panels);
-    }
-  }]);
-
-  return TabsPanels;
-}(React.Component);
-
-module.exports = TabsPanels;
-//# sourceMappingURL=TabsPanels.js.map

package/cjs/TabsPanels.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabsPanels.js","sources":["../../src/TabsPanels.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { Component } from 'react';\nimport memoizeOne from 'memoize-one';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport SwipeableViews from 'react-swipeable-views';\n// eslint-disable-next-line import/extensions\nimport PanelContainer from './PanelContainer';\n\nconst blockName = 'tabs-panels';\n\nconst Panels = aggregatedClasses('div')(blockName);\n\nconst getIndexById = (children, activeId) =>\n  children && children.findIndex((item) => item.props.tabId === activeId);\nconst getIdByIndex = (children, index) =>\n  children && children[index].props.tabId;\n\nexport default class TabsPanels extends Component {\n  renderPanels = memoizeOne((activeTab, tabsComponents) => {\n    const { animated, onlyRenderActiveTab, allowTextSelection } = this.props;\n    return React.Children.map(\n      tabsComponents,\n      (tab) => {\n        const { tabId: panelId, style, children: content } = tab.props;\n        const isActive = activeTab === panelId;\n        const shouldRender = !onlyRenderActiveTab || isActive;\n        return (\n          <PanelContainer\n            key={panelId}\n            aria-labelledby={`${panelId}-label`}\n            lastTabRef={this.props.lastTabRef}\n            firstSubtabRef={this.props.firstTabRefByParent}\n            classProps={{ isActive }}\n            data-panel-id={panelId}\n            hidden={!animated && !isActive}\n            onMouseDown={(e) => {\n              const role = e.target.getAttribute('role');\n              if (role !== 'tabpanel' && allowTextSelection)\n                e.stopPropagation();\n            }}\n            role=\"tabpanel\"\n            style={style}\n          >\n            {shouldRender && content}\n          </PanelContainer>\n        );\n      },\n      null,\n    );\n  });\n\n  render() {\n    const {\n      activeTab,\n      tabsComponents,\n      animated,\n      onTabChange,\n      enableMouseEvents,\n    } = this.props;\n    const panels = animated ? (\n      <SwipeableViews\n        enableMouseEvents={enableMouseEvents}\n        index={getIndexById(tabsComponents, activeTab)}\n        onChangeIndex={(index) =>\n          onTabChange(getIdByIndex(tabsComponents, index))\n        }\n      >\n        {this.renderPanels(activeTab, tabsComponents)}\n      </SwipeableViews>\n    ) : (\n      this.renderPanels(activeTab, tabsComponents)\n    );\n    return <Panels>{panels}</Panels>;\n  }\n}\n"],"names":["blockName","Panels","aggregatedClasses","getIndexById","children","activeId","findIndex","item","props","tabId","getIdByIndex","index","TabsPanels","renderPanels","memoizeOne","activeTab","tabsComponents","animated","onlyRenderActiveTab","allowTextSelection","React","Children","map","tab","panelId","style","content","isActive","shouldRender","lastTabRef","firstTabRefByParent","e","role","target","getAttribute","stopPropagation","onTabChange","enableMouseEvents","panels","SwipeableViews","Component"],"mappings":"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"}

package/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/useResize.js

@@ -1,25 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var lodash = require('lodash');
-
-function useResize(ref, callback) {
-  var _ref$current;
-
-  var _ref = (ref === null || ref === void 0 ? void 0 : (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.getBoundingClientRect()) || {
-    right: null,
-    left: null
-  },
-      right = _ref.right,
-      left = _ref.left;
-
-  var handleResize = lodash.debounce(callback, 300);
-  React.useLayoutEffect(function () {
-    handleResize();
-  }, [right, left]);
-}
-
-exports.useResize = useResize;
-//# sourceMappingURL=useResize.js.map

package/cjs/useResize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useResize.js","sources":["../../src/useResize.tsx"],"sourcesContent":["import { useLayoutEffect } from 'react';\nimport { debounce } from 'lodash';\n\nexport function useResize(ref, callback) {\n  const { right, left } = ref?.current?.getBoundingClientRect() || {\n    right: null,\n    left: null,\n  };\n  const handleResize = debounce(callback, 300);\n\n  useLayoutEffect(() => {\n    handleResize();\n  }, [right, left]);\n}\n"],"names":["useResize","ref","callback","current","getBoundingClientRect","right","left","handleResize","debounce","useLayoutEffect"],"mappings":";;;;;;;AAGO,SAASA,SAAT,CAAmBC,GAAnB,EAAwBC,QAAxB,EAAkC;AAAA;;AACvC,aAAwB,CAAAD,GAAG,SAAH,IAAAA,GAAG,WAAH,4BAAAA,GAAG,CAAEE,OAAL,8DAAcC,qBAAd,OAAyC;AAC/DC,IAAAA,KAAK,EAAE,IADwD;AAE/DC,IAAAA,IAAI,EAAE;AAFyD,GAAjE;AAAA,MAAQD,KAAR,QAAQA,KAAR;AAAA,MAAeC,IAAf,QAAeA,IAAf;;AAIA,MAAMC,YAAY,GAAGC,eAAQ,CAACN,QAAD,EAAW,GAAX,CAA7B;AAEAO,EAAAA,qBAAe,CAAC,YAAM;AACpBF,IAAAA,YAAY;AACb,GAFc,EAEZ,CAACF,KAAD,EAAQC,IAAR,CAFY,CAAf;AAGD;;;;"}

package/esm/Carousel.js

@@ -1,209 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import React, { useRef, useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { ChevronLeft, ChevronRight } from '@elliemae/ds-icons';
-import styled from 'styled-components';
-import DSButton from '@elliemae/ds-button';
-import { useResize } from './useResize.js';
-import 'lodash';
-
-var CarouselBtn = /*#__PURE__*/styled(DSButton).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.span.withConfig({
-  componentId: "sc-1317h31-1"
-})(["position:relative;padding:0 16px;width:100%;"]);
-var ChildrenWrap = /*#__PURE__*/styled.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 = useRef([]);
-  var wrapRef = useRef(null);
-  var leftRef = useRef(null);
-  var rightRef = 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 = useState({
-    right: false,
-    left: false,
-    CHEVRON_FOCUS_FLAG: false // flag to replace lack of callback in useState hook
-
-  }),
-      _useState2 = _slicedToArray(_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()
-    });
-  };
-
-  useEffect(function () {
-    recalcChevrons();
-  }, []);
-  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(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.createElement(CarouselWrapper, null, left && /*#__PURE__*/React.createElement(CarouselBtn, {
-    "data-testid": "chevron-left",
-    buttonType: "link",
-    innerRef: leftRef,
-    size: "s",
-    icon: /*#__PURE__*/React.createElement(ChevronLeft, {
-      size: "s",
-      color: ['brand-primary', '600']
-    }),
-    onClick: leftClick,
-    tabIndex: -1
-  }), right && /*#__PURE__*/React.createElement(CarouselBtn, {
-    "data-testid": "chevron-right",
-    innerRef: rightRef,
-    right: true,
-    size: "s",
-    buttonType: "link",
-    icon: /*#__PURE__*/React.createElement(ChevronRight, {
-      size: "s",
-      color: ['brand-primary', '600']
-    }),
-    onClick: rightClick,
-    tabIndex: -1
-  }), /*#__PURE__*/React.createElement(ChildrenWrap, {
-    onScroll: handleScroll,
-    ref: wrapRef
-  }, React.Children.map(children, function (child, idx) {
-    return /*#__PURE__*/React.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.arrayOf(PropTypes.element).isRequired,
-  onScroll: PropTypes.func
-};
-
-export { Carousel as default };
-//# sourceMappingURL=Carousel.js.map

package/esm/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","Children","map","child","idx","cloneElement","key","concat","ref","defaultProps","propTypes","PropTypes","arrayOf","element","isRequired","func"],"mappings":"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"}

package/esm/DSTab.js

@@ -1,40 +0,0 @@
-import React from 'react';
-import { PropTypes, describe } from 'react-desc';
-
-/* 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.createElement("div", {
-    "aria-labelledby": "".concat(tabId, "-label"),
-    tabId: tabId,
-    title: title,
-    required: required
-  });
-};
-
-DSTab.displayName = 'DSTab';
-var props = {
-  /** unique id for tab */
-  tabId: PropTypes.string.description('unique id for tab'),
-
-  /** tab title */
-  title: PropTypes.string.description('tab title'),
-
-  /** Show a required mark next to the title */
-  required: PropTypes.bool.description('Show a required mark next to the title'),
-
-  /** Whether or not it's a ds-tab from DSMobile tabs */
-  isDSMobile: PropTypes.bool.description("Whether or not it's a ds-tab from DSMobile tabs")
-};
-DSTab.propTypes = props;
-var DSTabWithSchema = describe(DSTab);
-DSTabWithSchema.propTypes = props;
-
-export { DSTab, DSTabWithSchema, DSTab as default };
-//# sourceMappingURL=DSTab.js.map

package/esm/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","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,sBACZ;AACE,iCAAoBF,KAApB,WADF;AAEE,IAAA,KAAK,EAAEA,KAFT;AAGE,IAAA,KAAK,EAAEC,KAHT;AAIE,IAAA,QAAQ,EAAEC;AAJZ,IADY;AAAA;;AASdH,KAAK,CAACI,WAAN,GAAoB,OAApB;AACA,IAAMC,KAAK,GAAG;AACZ;AACAJ,EAAAA,KAAK,EAAEK,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,mBAA7B,CAFK;;AAGZ;AACAN,EAAAA,KAAK,EAAEI,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,WAA7B,CAJK;;AAKZ;AACAL,EAAAA,QAAQ,EAAEG,SAAS,CAACG,IAAV,CAAeD,WAAf,CACR,wCADQ,CANE;;AASZ;AACAE,EAAAA,UAAU,EAAEJ,SAAS,CAACG,IAAV,CAAeD,WAAf,CACV,iDADU;AAVA,CAAd;AAcAR,KAAK,CAACW,SAAN,GAAkBN,KAAlB;IACMO,eAAe,GAAGC,QAAQ,CAACb,KAAD;AAChCY,eAAe,CAACD,SAAhB,GAA4BN,KAA5B;;;;"}