@openedx/paragon 21.12.1 → 21.12.3

package/dist/Tabs/deprecated/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classNames","PropTypes","newId","Tabs","Component","constructor","props","toggle","bind","state","activeTab","uuid","tab","setState","genLabelId","index","genPanelId","buildLabels","labels","map","label","i","selected","labelId","createElement","key","role","id","onClick","className","active","buildPanels","children","panel","panelId","render","panels","propTypes","arrayOf","node","isRequired","element"],"sources":["../../../src/Tabs/deprecated/index.jsx"],"sourcesContent":["// TODO: @jaebradley fix these eslint errors\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/anchor-is-valid */\n/* eslint-disable max-len */\nimport React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport newId from '../../utils/newId';\n\nclass Tabs extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.toggle = this.toggle.bind(this);\n    this.state = {\n      activeTab: 0,\n      uuid: newId('tabInterface'),\n    };\n  }\n\n  toggle(tab) {\n    if (this.state.activeTab !== tab) {\n      this.setState({\n        activeTab: tab,\n      });\n    }\n  }\n\n  genLabelId(index) {\n    return `tab-label-${this.state.uuid}-${index}`;\n  }\n\n  genPanelId(index) {\n    return `tab-panel-${this.state.uuid}-${index}`;\n  }\n\n  buildLabels() {\n    return this.props.labels.map((label, i) => {\n      const selected = this.state.activeTab === i;\n      const labelId = this.genLabelId(i);\n\n      return (\n        <li key={labelId}>\n          {/* eslint-disable-next-line react/button-has-type */}\n          <button\n            role=\"tab\"\n            aria-selected={selected}\n            aria-controls={this.genPanelId(i)}\n            id={labelId}\n            onClick={() => { this.toggle(i); }}\n            className={classNames('nav-link nav-item', {\n              active: selected,\n            })}\n          >\n            {label}\n          </button>\n        </li>\n      );\n    });\n  }\n\n  buildPanels() {\n    return this.props.children.map((panel, i) => {\n      const selected = this.state.activeTab === i;\n      const panelId = this.genPanelId(i);\n\n      return (\n        <div\n          aria-hidden={!selected}\n          aria-labelledby={this.genLabelId(i)}\n          className={classNames(\n            'tab-pane',\n            { active: selected },\n          )}\n          id={panelId}\n          key={panelId}\n          role=\"tabpanel\"\n        >\n          {panel}\n        </div>\n      );\n    });\n  }\n\n  render() {\n    const labels = this.buildLabels();\n    const panels = this.buildPanels();\n\n    return (\n      <div className=\"tabs\">\n        <ul\n          role=\"tablist\"\n          className={classNames([\n            'nav',\n            'nav-tabs',\n          ])}\n        >\n          {labels}\n        </ul>\n        <div role=\"tabpanel\" className=\"tab-content\">\n          {panels}\n        </div>\n      </div>\n    );\n  }\n}\n// TODO: custom validator that ensures labels and panels are the same length\nTabs.propTypes = {\n  /** specifies the list of elements that will be displayed within each of the tabbed views.  It is the content relevant to each label. Children should not be passed as Props, but should instead be nested between the opening and closing `<Tabs> </Tabs>` tags. */\n  labels: PropTypes.arrayOf(PropTypes.node).isRequired,\n  /** specifies the list of headings that will appear on all of the tabs that will be created.\n */\n  children: PropTypes.arrayOf(PropTypes.element).isRequired,\n};\n\nexport default Tabs;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","classNames","PropTypes","newId","Tabs","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","toggle","bind","_assertThisInitialized","state","activeTab","uuid","_createClass","key","value","tab","setState","genLabelId","index","concat","genPanelId","buildLabels","_this2","labels","map","label","i","selected","labelId","createElement","role","id","onClick","className","active","buildPanels","_this3","children","panel","panelId","render","panels","Component","propTypes","arrayOf","node","isRequired","element"],"sources":["../../../src/Tabs/deprecated/index.jsx"],"sourcesContent":["// TODO: @jaebradley fix these eslint errors\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/anchor-is-valid */\n/* eslint-disable max-len */\nimport React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport newId from '../../utils/newId';\n\nclass Tabs extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.toggle = this.toggle.bind(this);\n    this.state = {\n      activeTab: 0,\n      uuid: newId('tabInterface'),\n    };\n  }\n\n  toggle(tab) {\n    if (this.state.activeTab !== tab) {\n      this.setState({\n        activeTab: tab,\n      });\n    }\n  }\n\n  genLabelId(index) {\n    return `tab-label-${this.state.uuid}-${index}`;\n  }\n\n  genPanelId(index) {\n    return `tab-panel-${this.state.uuid}-${index}`;\n  }\n\n  buildLabels() {\n    return this.props.labels.map((label, i) => {\n      const selected = this.state.activeTab === i;\n      const labelId = this.genLabelId(i);\n\n      return (\n        <li key={labelId}>\n          {/* eslint-disable-next-line react/button-has-type */}\n          <button\n            role=\"tab\"\n            aria-selected={selected}\n            aria-controls={this.genPanelId(i)}\n            id={labelId}\n            onClick={() => { this.toggle(i); }}\n            className={classNames('nav-link nav-item', {\n              active: selected,\n            })}\n          >\n            {label}\n          </button>\n        </li>\n      );\n    });\n  }\n\n  buildPanels() {\n    return this.props.children.map((panel, i) => {\n      const selected = this.state.activeTab === i;\n      const panelId = this.genPanelId(i);\n\n      return (\n        <div\n          aria-hidden={!selected}\n          aria-labelledby={this.genLabelId(i)}\n          className={classNames(\n            'tab-pane',\n            { active: selected },\n          )}\n          id={panelId}\n          key={panelId}\n          role=\"tabpanel\"\n        >\n          {panel}\n        </div>\n      );\n    });\n  }\n\n  render() {\n    const labels = this.buildLabels();\n    const panels = this.buildPanels();\n\n    return (\n      <div className=\"tabs\">\n        <ul\n          role=\"tablist\"\n          className={classNames([\n            'nav',\n            'nav-tabs',\n          ])}\n        >\n          {labels}\n        </ul>\n        <div role=\"tabpanel\" className=\"tab-content\">\n          {panels}\n        </div>\n      </div>\n    );\n  }\n}\n// TODO: custom validator that ensures labels and panels are the same length\nTabs.propTypes = {\n  /** specifies the list of elements that will be displayed within each of the tabbed views.  It is the content relevant to each label. Children should not be passed as Props, but should instead be nested between the opening and closing `<Tabs> </Tabs>` tags. */\n  labels: PropTypes.arrayOf(PropTypes.node).isRequired,\n  /** specifies the list of headings that will appear on all of the tabs that will be created.\n */\n  children: PropTypes.arrayOf(PropTypes.element).isRequired,\n};\n\nexport default Tabs;\n"],"mappings":"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"}

package/dist/Tabs/index.js

@@ -1,11 +1,18 @@
-const _excluded = ["children", "className", "moreTabText", "defaultActiveKey", "activeKey"],
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["children", "className", "moreTabText", "defaultActiveKey", "activeKey"],
   _excluded2 = ["title", "notification", "tabClassName"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useEffect, useMemo, useRef, useState, useCallback } from 'react';
@@ -17,33 +24,36 @@ import Bubble from '../Bubble';
 import Dropdown from '../Dropdown';
 import useIndexOfLastVisibleChild from '../hooks/useIndexOfLastVisibleChild';
 import Tab from './Tab';
-export const MORE_TAB_TEXT = 'More...';
+export var MORE_TAB_TEXT = 'More...';
 function Tabs(_ref) {
-  let {
-      children,
-      className,
-      moreTabText = MORE_TAB_TEXT,
-      defaultActiveKey,
-      activeKey
-    } = _ref,
+  var _overflowElementRef$c, _overflowElementRef$c3;
+  var children = _ref.children,
+    className = _ref.className,
+    _ref$moreTabText = _ref.moreTabText,
+    moreTabText = _ref$moreTabText === void 0 ? MORE_TAB_TEXT : _ref$moreTabText,
+    defaultActiveKey = _ref.defaultActiveKey,
+    activeKey = _ref.activeKey,
     props = _objectWithoutProperties(_ref, _excluded);
-  const [containerElementRef, setContainerElementRef] = useState(null);
-  const overflowElementRef = useRef(null);
-  const indexOfLastVisibleChild = useIndexOfLastVisibleChild(containerElementRef?.firstChild, overflowElementRef.current?.parentNode);
-  useEffect(() => {
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    containerElementRef = _useState2[0],
+    setContainerElementRef = _useState2[1];
+  var overflowElementRef = useRef(null);
+  var indexOfLastVisibleChild = useIndexOfLastVisibleChild(containerElementRef === null || containerElementRef === void 0 ? void 0 : containerElementRef.firstChild, (_overflowElementRef$c = overflowElementRef.current) === null || _overflowElementRef$c === void 0 ? void 0 : _overflowElementRef$c.parentNode);
+  useEffect(function () {
     if (containerElementRef) {
-      const observer = new MutationObserver(mutations => {
-        mutations.forEach(mutation => {
+      var observer = new MutationObserver(function (mutations) {
+        mutations.forEach(function (mutation) {
           // React-Bootstrap attribute 'data-rb-event-key' is responsible for the tab identification
-          const eventKey = mutation.target.getAttribute('data-rb-event-key');
+          var eventKey = mutation.target.getAttribute('data-rb-event-key');
           // React-Bootstrap attribute 'aria-selected' is responsible for selected/unselected state
-          const isActive = mutation.target.getAttribute('aria-selected') === 'true';
+          var isActive = mutation.target.getAttribute('aria-selected') === 'true';
           // datakey attribute is added manually to the dropdown
           // elements so that they correspond to the native tabs' eventKey
-          const element = containerElementRef.querySelector(`[datakey='${eventKey}']`);
-          const moreTab = containerElementRef.querySelector('.pgn__tab_more');
+          var element = containerElementRef.querySelector("[datakey='".concat(eventKey, "']"));
+          var moreTab = containerElementRef.querySelector('.pgn__tab_more');
           if (isActive) {
-            element?.classList.add('active');
+            element === null || element === void 0 ? void 0 : element.classList.add('active');
             // Here we add active class to the 'More Tab' if element exists in the dropdown
             if (element) {
               moreTab.classList.add('active');
@@ -51,7 +61,7 @@ function Tabs(_ref) {
               moreTab.classList.remove('active');
             }
           } else {
-            element?.classList.remove('active');
+            element === null || element === void 0 ? void 0 : element.classList.remove('active');
           }
         });
       });
@@ -60,42 +70,44 @@ function Tabs(_ref) {
         subtree: true,
         attributeFilter: ['aria-selected']
       });
-      return () => observer.disconnect();
+      return function () {
+        return observer.disconnect();
+      };
     }
     return undefined;
   }, [containerElementRef]);
-  useEffect(() => {
-    if (overflowElementRef.current?.parentNode) {
+  useEffect(function () {
+    var _overflowElementRef$c2;
+    if ((_overflowElementRef$c2 = overflowElementRef.current) !== null && _overflowElementRef$c2 !== void 0 && _overflowElementRef$c2.parentNode) {
       overflowElementRef.current.parentNode.tabIndex = -1;
     }
-  }, [overflowElementRef.current?.parentNode]);
-  const handleDropdownTabClick = useCallback(eventKey => {
-    const hiddenTab = containerElementRef.querySelector(`[data-rb-event-key='${eventKey}']`);
+  }, [(_overflowElementRef$c3 = overflowElementRef.current) === null || _overflowElementRef$c3 === void 0 ? void 0 : _overflowElementRef$c3.parentNode]);
+  var handleDropdownTabClick = useCallback(function (eventKey) {
+    var hiddenTab = containerElementRef.querySelector("[data-rb-event-key='".concat(eventKey, "']"));
     hiddenTab.click();
   }, [containerElementRef]);
-  const tabsChildren = useMemo(() => {
-    const indexOfOverflowStart = indexOfLastVisibleChild + 1;
-    const handleDropdownKeyPress = (e, eventKey) => {
+  var tabsChildren = useMemo(function () {
+    var indexOfOverflowStart = indexOfLastVisibleChild + 1;
+    var handleDropdownKeyPress = function handleDropdownKeyPress(e, eventKey) {
       if (e.key === 'Enter') {
         handleDropdownTabClick(eventKey);
       }
     };
-    const childrenList = React.Children.map(children, (child, index) => {
-      if (child?.type?.name !== 'Tab' && process.env.NODE_ENV === 'development') {
+    var childrenList = React.Children.map(children, function (child, index) {
+      var _child$type;
+      if ((child === null || child === void 0 ? void 0 : (_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.name) !== 'Tab' && process.env.NODE_ENV === 'development') {
         // eslint-disable-next-line no-console
-        console.error(`Tabs children can only be of type Tab. ${children[index]} was passed instead.`);
+        console.error("Tabs children can only be of type Tab. ".concat(children[index], " was passed instead."));
       }
       if (! /*#__PURE__*/React.isValidElement(child)) {
         return child;
       }
-      const _child$props = child.props,
-        {
-          title,
-          notification,
-          tabClassName
-        } = _child$props,
+      var _child$props = child.props,
+        title = _child$props.title,
+        notification = _child$props.notification,
+        tabClassName = _child$props.tabClassName,
         rest = _objectWithoutProperties(_child$props, _excluded2);
-      let newTitle;
+      var newTitle;
       if (notification) {
         newTitle = /*#__PURE__*/React.createElement(React.Fragment, null, title, /*#__PURE__*/React.createElement(Bubble, {
           variant: "error",
@@ -107,24 +119,28 @@ function Tabs(_ref) {
       } else {
         newTitle = title;
       }
-      const tabClass = index > indexOfLastVisibleChild ? 'pgn__tab_invisible' : '';
-      const modifiedTab = /*#__PURE__*/React.cloneElement(child, _objectSpread(_objectSpread({}, rest), {}, {
+      var tabClass = index > indexOfLastVisibleChild ? 'pgn__tab_invisible' : '';
+      var modifiedTab = /*#__PURE__*/React.cloneElement(child, _objectSpread(_objectSpread({}, rest), {}, {
         title: newTitle,
         tabClassName: classNames(tabClass, tabClassName)
       }));
       return modifiedTab;
     });
-    let moreTabHasNotification = false;
-    const overflowChildren = childrenList.slice(indexOfOverflowStart).map(overflowChild => {
+    var moreTabHasNotification = false;
+    var overflowChildren = childrenList.slice(indexOfOverflowStart).map(function (overflowChild) {
       if (!moreTabHasNotification && overflowChild.props.notification) {
         moreTabHasNotification = true;
       }
       return /*#__PURE__*/React.createElement(Dropdown.Item, {
         as: "li",
         tabIndex: "0",
-        key: `${overflowChild.props.eventKey}overflow`,
-        onClick: () => handleDropdownTabClick(overflowChild.props.eventKey),
-        onKeyPress: e => handleDropdownKeyPress(e, overflowChild.props.eventKey),
+        key: "".concat(overflowChild.props.eventKey, "overflow"),
+        onClick: function onClick() {
+          return handleDropdownTabClick(overflowChild.props.eventKey);
+        },
+        onKeyPress: function onKeyPress(e) {
+          return handleDropdownKeyPress(e, overflowChild.props.eventKey);
+        },
         disabled: overflowChild.props.disabled,
         datakey: overflowChild.props.eventKey,
         className: classNames({

package/dist/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useEffect","useMemo","useRef","useState","useCallback","classNames","PropTypes","BaseTabs","TabsDeprecated","Bubble","Dropdown","useIndexOfLastVisibleChild","Tab","MORE_TAB_TEXT","Tabs","_ref","children","className","moreTabText","defaultActiveKey","activeKey","props","_objectWithoutProperties","_excluded","containerElementRef","setContainerElementRef","overflowElementRef","indexOfLastVisibleChild","firstChild","current","parentNode","observer","MutationObserver","mutations","forEach","mutation","eventKey","target","getAttribute","isActive","element","querySelector","moreTab","classList","add","remove","observe","attributes","subtree","attributeFilter","disconnect","undefined","tabIndex","handleDropdownTabClick","hiddenTab","click","tabsChildren","indexOfOverflowStart","handleDropdownKeyPress","e","key","childrenList","Children","map","child","index","type","name","process","env","NODE_ENV","console","error","isValidElement","_child$props","title","notification","tabClassName","rest","_excluded2","newTitle","createElement","Fragment","variant","role","expandable","tabClass","modifiedTab","cloneElement","_objectSpread","moreTabHasNotification","overflowChildren","slice","overflowChild","Item","as","onClick","onKeyPress","disabled","datakey","active","splice","length","ref","Toggle","id","Menu","_extends","propTypes","oneOf","node","isRequired","string","defaultProps","Deprecated","default","TabContainer","TabContent","TabPane"],"sources":["../../src/Tabs/index.jsx"],"sourcesContent":["import React, {\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  useCallback,\n} from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport BaseTabs from 'react-bootstrap/Tabs';\nimport TabsDeprecated from './deprecated';\nimport Bubble from '../Bubble';\nimport Dropdown from '../Dropdown';\nimport useIndexOfLastVisibleChild from '../hooks/useIndexOfLastVisibleChild';\nimport Tab from './Tab';\n\nexport const MORE_TAB_TEXT = 'More...';\n\nfunction Tabs({\n  children,\n  className,\n  moreTabText = MORE_TAB_TEXT,\n  defaultActiveKey,\n  activeKey,\n  ...props\n}) {\n  const [containerElementRef, setContainerElementRef] = useState(null);\n  const overflowElementRef = useRef(null);\n  const indexOfLastVisibleChild = useIndexOfLastVisibleChild(\n    containerElementRef?.firstChild,\n    overflowElementRef.current?.parentNode,\n  );\n\n  useEffect(() => {\n    if (containerElementRef) {\n      const observer = new MutationObserver((mutations => {\n        mutations.forEach(mutation => {\n          // React-Bootstrap attribute 'data-rb-event-key' is responsible for the tab identification\n          const eventKey = mutation.target.getAttribute('data-rb-event-key');\n          // React-Bootstrap attribute 'aria-selected' is responsible for selected/unselected state\n          const isActive = mutation.target.getAttribute('aria-selected') === 'true';\n          // datakey attribute is added manually to the dropdown\n          // elements so that they correspond to the native tabs' eventKey\n          const element = containerElementRef.querySelector(`[datakey='${eventKey}']`);\n          const moreTab = containerElementRef.querySelector('.pgn__tab_more');\n          if (isActive) {\n            element?.classList.add('active');\n            // Here we add active class to the 'More Tab' if element exists in the dropdown\n            if (element) {\n              moreTab.classList.add('active');\n            } else {\n              moreTab.classList.remove('active');\n            }\n          } else {\n            element?.classList.remove('active');\n          }\n        });\n      }));\n      observer.observe(containerElementRef, {\n        attributes: true, subtree: true, attributeFilter: ['aria-selected'],\n      });\n      return () => observer.disconnect();\n    }\n    return undefined;\n  }, [containerElementRef]);\n\n  useEffect(() => {\n    if (overflowElementRef.current?.parentNode) {\n      overflowElementRef.current.parentNode.tabIndex = -1;\n    }\n  }, [overflowElementRef.current?.parentNode]);\n\n  const handleDropdownTabClick = useCallback((eventKey) => {\n    const hiddenTab = containerElementRef.querySelector(`[data-rb-event-key='${eventKey}']`);\n    hiddenTab.click();\n  }, [containerElementRef]);\n\n  const tabsChildren = useMemo(() => {\n    const indexOfOverflowStart = indexOfLastVisibleChild + 1;\n    const handleDropdownKeyPress = (e, eventKey) => {\n      if (e.key === 'Enter') {\n        handleDropdownTabClick(eventKey);\n      }\n    };\n    const childrenList = React.Children.map(children, (child, index) => {\n      if (child?.type?.name !== 'Tab' && process.env.NODE_ENV === 'development') {\n        // eslint-disable-next-line no-console\n        console.error(\n          `Tabs children can only be of type Tab. ${children[index]} was passed instead.`,\n        );\n      }\n      if (!React.isValidElement(child)) {\n        return child;\n      }\n      const {\n        title, notification, tabClassName, ...rest\n      } = child.props;\n      let newTitle;\n      if (notification) {\n        newTitle = (\n          <>\n            {title}\n            <Bubble\n              variant=\"error\"\n              role=\"status\"\n              className=\"pgn__tab-notification\"\n              aria-live=\"polite\"\n              expandable\n            >\n              {notification}\n            </Bubble>\n          </>\n        );\n      } else {\n        newTitle = title;\n      }\n      const tabClass = index > indexOfLastVisibleChild ? 'pgn__tab_invisible' : '';\n      const modifiedTab = React.cloneElement(child, {\n        ...rest,\n        title: newTitle,\n        tabClassName: classNames(tabClass, tabClassName),\n      });\n      return modifiedTab;\n    });\n    let moreTabHasNotification = false;\n    const overflowChildren = childrenList.slice(indexOfOverflowStart)\n      .map(overflowChild => {\n        if (!moreTabHasNotification && overflowChild.props.notification) {\n          moreTabHasNotification = true;\n        }\n        return (\n          <Dropdown.Item\n            as=\"li\"\n            tabIndex=\"0\"\n            key={`${overflowChild.props.eventKey}overflow`}\n            onClick={() => handleDropdownTabClick(overflowChild.props.eventKey)}\n            onKeyPress={(e) => handleDropdownKeyPress(e, overflowChild.props.eventKey)}\n            disabled={overflowChild.props.disabled}\n            datakey={overflowChild.props.eventKey}\n            className={classNames({\n              active: overflowChild.props.eventKey === defaultActiveKey || overflowChild.props.eventKey === activeKey,\n            }, 'pgn__tabs__dropdown-item')}\n          >\n            {overflowChild.props.title}\n          </Dropdown.Item>\n        );\n      });\n\n    childrenList.splice(indexOfOverflowStart, 0, (<Tab\n      key=\"moreTabKey\"\n      tabClassName={classNames(!overflowChildren.length && 'pgn__tab_invisible', 'pgn__tab_more')}\n      title={(\n        <Dropdown ref={overflowElementRef}>\n          <Dropdown.Toggle\n            variant=\"link\"\n            className=\"nav-link\"\n            id=\"pgn__tab-toggle\"\n          >\n            {moreTabText}\n            {moreTabHasNotification && (\n              <Bubble\n                variant=\"error\"\n                role=\"status\"\n                className=\"pgn__tab-notification\"\n              />\n            )}\n          </Dropdown.Toggle>\n          <Dropdown.Menu as=\"ul\" className=\"dropdown-menu-right\">{overflowChildren}</Dropdown.Menu>\n        </Dropdown>\n      )}\n    />\n    ));\n    return childrenList;\n  }, [activeKey, children, defaultActiveKey, indexOfLastVisibleChild, moreTabText, handleDropdownTabClick]);\n\n  return (\n    <div ref={setContainerElementRef}>\n      <BaseTabs\n        defaultActiveKey={defaultActiveKey}\n        activeKey={activeKey}\n        {...props}\n        className={classNames(className, 'pgn__tabs')}\n      >\n        {tabsChildren}\n      </BaseTabs>\n    </div>\n  );\n}\n\nTabs.propTypes = {\n  /** Specifies variant to use. */\n  variant: PropTypes.oneOf(['tabs', 'pills', 'inverse-tabs', 'inverse-pills', 'button-group']),\n  /** Specifies elements that is processed to create tabs. */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies text for the 'More' tab. */\n  moreTabText: PropTypes.string,\n  /** Specifies default active tab (uncontrolled usage). */\n  defaultActiveKey: PropTypes.string,\n  /** Specifies active tab (controlled usage). */\n  activeKey: PropTypes.string,\n};\n\nTabs.defaultProps = {\n  variant: 'tabs',\n  className: undefined,\n  moreTabText: MORE_TAB_TEXT,\n  defaultActiveKey: undefined,\n  activeKey: undefined,\n};\n\nTabs.Deprecated = TabsDeprecated;\n\nexport default Tabs;\nexport { Tab };\nexport { default as TabContainer } from 'react-bootstrap/TabContainer';\nexport { default as TabContent } from 'react-bootstrap/TabContent';\nexport { default as TabPane } from 'react-bootstrap/TabPane';\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,IACVC,SAAS,EACTC,OAAO,EACPC,MAAM,EACNC,QAAQ,EACRC,WAAW,QACN,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,sBAAsB;AAC3C,OAAOC,cAAc,MAAM,cAAc;AACzC,OAAOC,MAAM,MAAM,WAAW;AAC9B,OAAOC,QAAQ,MAAM,aAAa;AAClC,OAAOC,0BAA0B,MAAM,qCAAqC;AAC5E,OAAOC,GAAG,MAAM,OAAO;AAEvB,OAAO,MAAMC,aAAa,GAAG,SAAS;AAEtC,SAASC,IAAIA,CAAAC,IAAA,EAOV;EAAA,IAPW;MACZC,QAAQ;MACRC,SAAS;MACTC,WAAW,GAAGL,aAAa;MAC3BM,gBAAgB;MAChBC;IAEF,CAAC,GAAAL,IAAA;IADIM,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAER,MAAM,CAACC,mBAAmB,EAAEC,sBAAsB,CAAC,GAAGtB,QAAQ,CAAC,IAAI,CAAC;EACpE,MAAMuB,kBAAkB,GAAGxB,MAAM,CAAC,IAAI,CAAC;EACvC,MAAMyB,uBAAuB,GAAGhB,0BAA0B,CACxDa,mBAAmB,EAAEI,UAAU,EAC/BF,kBAAkB,CAACG,OAAO,EAAEC,UAC9B,CAAC;EAED9B,SAAS,CAAC,MAAM;IACd,IAAIwB,mBAAmB,EAAE;MACvB,MAAMO,QAAQ,GAAG,IAAIC,gBAAgB,CAAEC,SAAS,IAAI;QAClDA,SAAS,CAACC,OAAO,CAACC,QAAQ,IAAI;UAC5B;UACA,MAAMC,QAAQ,GAAGD,QAAQ,CAACE,MAAM,CAACC,YAAY,CAAC,mBAAmB,CAAC;UAClE;UACA,MAAMC,QAAQ,GAAGJ,QAAQ,CAACE,MAAM,CAACC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM;UACzE;UACA;UACA,MAAME,OAAO,GAAGhB,mBAAmB,CAACiB,aAAa,CAAE,aAAYL,QAAS,IAAG,CAAC;UAC5E,MAAMM,OAAO,GAAGlB,mBAAmB,CAACiB,aAAa,CAAC,gBAAgB,CAAC;UACnE,IAAIF,QAAQ,EAAE;YACZC,OAAO,EAAEG,SAAS,CAACC,GAAG,CAAC,QAAQ,CAAC;YAChC;YACA,IAAIJ,OAAO,EAAE;cACXE,OAAO,CAACC,SAAS,CAACC,GAAG,CAAC,QAAQ,CAAC;YACjC,CAAC,MAAM;cACLF,OAAO,CAACC,SAAS,CAACE,MAAM,CAAC,QAAQ,CAAC;YACpC;UACF,CAAC,MAAM;YACLL,OAAO,EAAEG,SAAS,CAACE,MAAM,CAAC,QAAQ,CAAC;UACrC;QACF,CAAC,CAAC;MACJ,CAAE,CAAC;MACHd,QAAQ,CAACe,OAAO,CAACtB,mBAAmB,EAAE;QACpCuB,UAAU,EAAE,IAAI;QAAEC,OAAO,EAAE,IAAI;QAAEC,eAAe,EAAE,CAAC,eAAe;MACpE,CAAC,CAAC;MACF,OAAO,MAAMlB,QAAQ,CAACmB,UAAU,CAAC,CAAC;IACpC;IACA,OAAOC,SAAS;EAClB,CAAC,EAAE,CAAC3B,mBAAmB,CAAC,CAAC;EAEzBxB,SAAS,CAAC,MAAM;IACd,IAAI0B,kBAAkB,CAACG,OAAO,EAAEC,UAAU,EAAE;MAC1CJ,kBAAkB,CAACG,OAAO,CAACC,UAAU,CAACsB,QAAQ,GAAG,CAAC,CAAC;IACrD;EACF,CAAC,EAAE,CAAC1B,kBAAkB,CAACG,OAAO,EAAEC,UAAU,CAAC,CAAC;EAE5C,MAAMuB,sBAAsB,GAAGjD,WAAW,CAAEgC,QAAQ,IAAK;IACvD,MAAMkB,SAAS,GAAG9B,mBAAmB,CAACiB,aAAa,CAAE,uBAAsBL,QAAS,IAAG,CAAC;IACxFkB,SAAS,CAACC,KAAK,CAAC,CAAC;EACnB,CAAC,EAAE,CAAC/B,mBAAmB,CAAC,CAAC;EAEzB,MAAMgC,YAAY,GAAGvD,OAAO,CAAC,MAAM;IACjC,MAAMwD,oBAAoB,GAAG9B,uBAAuB,GAAG,CAAC;IACxD,MAAM+B,sBAAsB,GAAGA,CAACC,CAAC,EAAEvB,QAAQ,KAAK;MAC9C,IAAIuB,CAAC,CAACC,GAAG,KAAK,OAAO,EAAE;QACrBP,sBAAsB,CAACjB,QAAQ,CAAC;MAClC;IACF,CAAC;IACD,MAAMyB,YAAY,GAAG9D,KAAK,CAAC+D,QAAQ,CAACC,GAAG,CAAC/C,QAAQ,EAAE,CAACgD,KAAK,EAAEC,KAAK,KAAK;MAClE,IAAID,KAAK,EAAEE,IAAI,EAAEC,IAAI,KAAK,KAAK,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;QACzE;QACAC,OAAO,CAACC,KAAK,CACV,0CAAyCxD,QAAQ,CAACiD,KAAK,CAAE,sBAC5D,CAAC;MACH;MACA,IAAI,eAAClE,KAAK,CAAC0E,cAAc,CAACT,KAAK,CAAC,EAAE;QAChC,OAAOA,KAAK;MACd;MACA,MAAAU,YAAA,GAEIV,KAAK,CAAC3C,KAAK;QAFT;UACJsD,KAAK;UAAEC,YAAY;UAAEC;QACvB,CAAC,GAAAH,YAAA;QADuCI,IAAI,GAAAxD,wBAAA,CAAAoD,YAAA,EAAAK,UAAA;MAE5C,IAAIC,QAAQ;MACZ,IAAIJ,YAAY,EAAE;QAChBI,QAAQ,gBACNjF,KAAA,CAAAkF,aAAA,CAAAlF,KAAA,CAAAmF,QAAA,QACGP,KAAK,eACN5E,KAAA,CAAAkF,aAAA,CAACxE,MAAM;UACL0E,OAAO,EAAC,OAAO;UACfC,IAAI,EAAC,QAAQ;UACbnE,SAAS,EAAC,uBAAuB;UACjC,aAAU,QAAQ;UAClBoE,UAAU;QAAA,GAETT,YACK,CACR,CACH;MACH,CAAC,MAAM;QACLI,QAAQ,GAAGL,KAAK;MAClB;MACA,MAAMW,QAAQ,GAAGrB,KAAK,GAAGtC,uBAAuB,GAAG,oBAAoB,GAAG,EAAE;MAC5E,MAAM4D,WAAW,gBAAGxF,KAAK,CAACyF,YAAY,CAACxB,KAAK,EAAAyB,aAAA,CAAAA,aAAA,KACvCX,IAAI;QACPH,KAAK,EAAEK,QAAQ;QACfH,YAAY,EAAExE,UAAU,CAACiF,QAAQ,EAAET,YAAY;MAAC,EACjD,CAAC;MACF,OAAOU,WAAW;IACpB,CAAC,CAAC;IACF,IAAIG,sBAAsB,GAAG,KAAK;IAClC,MAAMC,gBAAgB,GAAG9B,YAAY,CAAC+B,KAAK,CAACnC,oBAAoB,CAAC,CAC9DM,GAAG,CAAC8B,aAAa,IAAI;MACpB,IAAI,CAACH,sBAAsB,IAAIG,aAAa,CAACxE,KAAK,CAACuD,YAAY,EAAE;QAC/Dc,sBAAsB,GAAG,IAAI;MAC/B;MACA,oBACE3F,KAAA,CAAAkF,aAAA,CAACvE,QAAQ,CAACoF,IAAI;QACZC,EAAE,EAAC,IAAI;QACP3C,QAAQ,EAAC,GAAG;QACZQ,GAAG,EAAG,GAAEiC,aAAa,CAACxE,KAAK,CAACe,QAAS,UAAU;QAC/C4D,OAAO,EAAEA,CAAA,KAAM3C,sBAAsB,CAACwC,aAAa,CAACxE,KAAK,CAACe,QAAQ,CAAE;QACpE6D,UAAU,EAAGtC,CAAC,IAAKD,sBAAsB,CAACC,CAAC,EAAEkC,aAAa,CAACxE,KAAK,CAACe,QAAQ,CAAE;QAC3E8D,QAAQ,EAAEL,aAAa,CAACxE,KAAK,CAAC6E,QAAS;QACvCC,OAAO,EAAEN,aAAa,CAACxE,KAAK,CAACe,QAAS;QACtCnB,SAAS,EAAEZ,UAAU,CAAC;UACpB+F,MAAM,EAAEP,aAAa,CAACxE,KAAK,CAACe,QAAQ,KAAKjB,gBAAgB,IAAI0E,aAAa,CAACxE,KAAK,CAACe,QAAQ,KAAKhB;QAChG,CAAC,EAAE,0BAA0B;MAAE,GAE9ByE,aAAa,CAACxE,KAAK,CAACsD,KACR,CAAC;IAEpB,CAAC,CAAC;IAEJd,YAAY,CAACwC,MAAM,CAAC5C,oBAAoB,EAAE,CAAC,eAAG1D,KAAA,CAAAkF,aAAA,CAACrE,GAAG;MAChDgD,GAAG,EAAC,YAAY;MAChBiB,YAAY,EAAExE,UAAU,CAAC,CAACsF,gBAAgB,CAACW,MAAM,IAAI,oBAAoB,EAAE,eAAe,CAAE;MAC5F3B,KAAK,eACH5E,KAAA,CAAAkF,aAAA,CAACvE,QAAQ;QAAC6F,GAAG,EAAE7E;MAAmB,gBAChC3B,KAAA,CAAAkF,aAAA,CAACvE,QAAQ,CAAC8F,MAAM;QACdrB,OAAO,EAAC,MAAM;QACdlE,SAAS,EAAC,UAAU;QACpBwF,EAAE,EAAC;MAAiB,GAEnBvF,WAAW,EACXwE,sBAAsB,iBACrB3F,KAAA,CAAAkF,aAAA,CAACxE,MAAM;QACL0E,OAAO,EAAC,OAAO;QACfC,IAAI,EAAC,QAAQ;QACbnE,SAAS,EAAC;MAAuB,CAClC,CAEY,CAAC,eAClBlB,KAAA,CAAAkF,aAAA,CAACvE,QAAQ,CAACgG,IAAI;QAACX,EAAE,EAAC,IAAI;QAAC9E,SAAS,EAAC;MAAqB,GAAE0E,gBAAgC,CAChF;IACV,CACH,CACA,CAAC;IACF,OAAO9B,YAAY;EACrB,CAAC,EAAE,CAACzC,SAAS,EAAEJ,QAAQ,EAAEG,gBAAgB,EAAEQ,uBAAuB,EAAET,WAAW,EAAEmC,sBAAsB,CAAC,CAAC;EAEzG,oBACEtD,KAAA,CAAAkF,aAAA;IAAKsB,GAAG,EAAE9E;EAAuB,gBAC/B1B,KAAA,CAAAkF,aAAA,CAAC1E,QAAQ,EAAAoG,QAAA;IACPxF,gBAAgB,EAAEA,gBAAiB;IACnCC,SAAS,EAAEA;EAAU,GACjBC,KAAK;IACTJ,SAAS,EAAEZ,UAAU,CAACY,SAAS,EAAE,WAAW;EAAE,IAE7CuC,YACO,CACP,CAAC;AAEV;AAEA1C,IAAI,CAAC8F,SAAS,GAAG;EACf;EACAzB,OAAO,EAAE7E,SAAS,CAACuG,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC,CAAC;EAC5F;EACA7F,QAAQ,EAAEV,SAAS,CAACwG,IAAI,CAACC,UAAU;EACnC;EACA9F,SAAS,EAAEX,SAAS,CAAC0G,MAAM;EAC3B;EACA9F,WAAW,EAAEZ,SAAS,CAAC0G,MAAM;EAC7B;EACA7F,gBAAgB,EAAEb,SAAS,CAAC0G,MAAM;EAClC;EACA5F,SAAS,EAAEd,SAAS,CAAC0G;AACvB,CAAC;AAEDlG,IAAI,CAACmG,YAAY,GAAG;EAClB9B,OAAO,EAAE,MAAM;EACflE,SAAS,EAAEkC,SAAS;EACpBjC,WAAW,EAAEL,aAAa;EAC1BM,gBAAgB,EAAEgC,SAAS;EAC3B/B,SAAS,EAAE+B;AACb,CAAC;AAEDrC,IAAI,CAACoG,UAAU,GAAG1G,cAAc;AAEhC,eAAeM,IAAI;AACnB,SAASF,GAAG;AACZ,SAASuG,OAAO,IAAIC,YAAY,QAAQ,8BAA8B;AACtE,SAASD,OAAO,IAAIE,UAAU,QAAQ,4BAA4B;AAClE,SAASF,OAAO,IAAIG,OAAO,QAAQ,yBAAyB"}
+{"version":3,"file":"index.js","names":["React","useEffect","useMemo","useRef","useState","useCallback","classNames","PropTypes","BaseTabs","TabsDeprecated","Bubble","Dropdown","useIndexOfLastVisibleChild","Tab","MORE_TAB_TEXT","Tabs","_ref","_overflowElementRef$c","_overflowElementRef$c3","children","className","_ref$moreTabText","moreTabText","defaultActiveKey","activeKey","props","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","containerElementRef","setContainerElementRef","overflowElementRef","indexOfLastVisibleChild","firstChild","current","parentNode","observer","MutationObserver","mutations","forEach","mutation","eventKey","target","getAttribute","isActive","element","querySelector","concat","moreTab","classList","add","remove","observe","attributes","subtree","attributeFilter","disconnect","undefined","_overflowElementRef$c2","tabIndex","handleDropdownTabClick","hiddenTab","click","tabsChildren","indexOfOverflowStart","handleDropdownKeyPress","e","key","childrenList","Children","map","child","index","_child$type","type","name","process","env","NODE_ENV","console","error","isValidElement","_child$props","title","notification","tabClassName","rest","_excluded2","newTitle","createElement","Fragment","variant","role","expandable","tabClass","modifiedTab","cloneElement","_objectSpread","moreTabHasNotification","overflowChildren","slice","overflowChild","Item","as","onClick","onKeyPress","disabled","datakey","active","splice","length","ref","Toggle","id","Menu","_extends","propTypes","oneOf","node","isRequired","string","defaultProps","Deprecated","default","TabContainer","TabContent","TabPane"],"sources":["../../src/Tabs/index.jsx"],"sourcesContent":["import React, {\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  useCallback,\n} from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport BaseTabs from 'react-bootstrap/Tabs';\nimport TabsDeprecated from './deprecated';\nimport Bubble from '../Bubble';\nimport Dropdown from '../Dropdown';\nimport useIndexOfLastVisibleChild from '../hooks/useIndexOfLastVisibleChild';\nimport Tab from './Tab';\n\nexport const MORE_TAB_TEXT = 'More...';\n\nfunction Tabs({\n  children,\n  className,\n  moreTabText = MORE_TAB_TEXT,\n  defaultActiveKey,\n  activeKey,\n  ...props\n}) {\n  const [containerElementRef, setContainerElementRef] = useState(null);\n  const overflowElementRef = useRef(null);\n  const indexOfLastVisibleChild = useIndexOfLastVisibleChild(\n    containerElementRef?.firstChild,\n    overflowElementRef.current?.parentNode,\n  );\n\n  useEffect(() => {\n    if (containerElementRef) {\n      const observer = new MutationObserver((mutations => {\n        mutations.forEach(mutation => {\n          // React-Bootstrap attribute 'data-rb-event-key' is responsible for the tab identification\n          const eventKey = mutation.target.getAttribute('data-rb-event-key');\n          // React-Bootstrap attribute 'aria-selected' is responsible for selected/unselected state\n          const isActive = mutation.target.getAttribute('aria-selected') === 'true';\n          // datakey attribute is added manually to the dropdown\n          // elements so that they correspond to the native tabs' eventKey\n          const element = containerElementRef.querySelector(`[datakey='${eventKey}']`);\n          const moreTab = containerElementRef.querySelector('.pgn__tab_more');\n          if (isActive) {\n            element?.classList.add('active');\n            // Here we add active class to the 'More Tab' if element exists in the dropdown\n            if (element) {\n              moreTab.classList.add('active');\n            } else {\n              moreTab.classList.remove('active');\n            }\n          } else {\n            element?.classList.remove('active');\n          }\n        });\n      }));\n      observer.observe(containerElementRef, {\n        attributes: true, subtree: true, attributeFilter: ['aria-selected'],\n      });\n      return () => observer.disconnect();\n    }\n    return undefined;\n  }, [containerElementRef]);\n\n  useEffect(() => {\n    if (overflowElementRef.current?.parentNode) {\n      overflowElementRef.current.parentNode.tabIndex = -1;\n    }\n  }, [overflowElementRef.current?.parentNode]);\n\n  const handleDropdownTabClick = useCallback((eventKey) => {\n    const hiddenTab = containerElementRef.querySelector(`[data-rb-event-key='${eventKey}']`);\n    hiddenTab.click();\n  }, [containerElementRef]);\n\n  const tabsChildren = useMemo(() => {\n    const indexOfOverflowStart = indexOfLastVisibleChild + 1;\n    const handleDropdownKeyPress = (e, eventKey) => {\n      if (e.key === 'Enter') {\n        handleDropdownTabClick(eventKey);\n      }\n    };\n    const childrenList = React.Children.map(children, (child, index) => {\n      if (child?.type?.name !== 'Tab' && process.env.NODE_ENV === 'development') {\n        // eslint-disable-next-line no-console\n        console.error(\n          `Tabs children can only be of type Tab. ${children[index]} was passed instead.`,\n        );\n      }\n      if (!React.isValidElement(child)) {\n        return child;\n      }\n      const {\n        title, notification, tabClassName, ...rest\n      } = child.props;\n      let newTitle;\n      if (notification) {\n        newTitle = (\n          <>\n            {title}\n            <Bubble\n              variant=\"error\"\n              role=\"status\"\n              className=\"pgn__tab-notification\"\n              aria-live=\"polite\"\n              expandable\n            >\n              {notification}\n            </Bubble>\n          </>\n        );\n      } else {\n        newTitle = title;\n      }\n      const tabClass = index > indexOfLastVisibleChild ? 'pgn__tab_invisible' : '';\n      const modifiedTab = React.cloneElement(child, {\n        ...rest,\n        title: newTitle,\n        tabClassName: classNames(tabClass, tabClassName),\n      });\n      return modifiedTab;\n    });\n    let moreTabHasNotification = false;\n    const overflowChildren = childrenList.slice(indexOfOverflowStart)\n      .map(overflowChild => {\n        if (!moreTabHasNotification && overflowChild.props.notification) {\n          moreTabHasNotification = true;\n        }\n        return (\n          <Dropdown.Item\n            as=\"li\"\n            tabIndex=\"0\"\n            key={`${overflowChild.props.eventKey}overflow`}\n            onClick={() => handleDropdownTabClick(overflowChild.props.eventKey)}\n            onKeyPress={(e) => handleDropdownKeyPress(e, overflowChild.props.eventKey)}\n            disabled={overflowChild.props.disabled}\n            datakey={overflowChild.props.eventKey}\n            className={classNames({\n              active: overflowChild.props.eventKey === defaultActiveKey || overflowChild.props.eventKey === activeKey,\n            }, 'pgn__tabs__dropdown-item')}\n          >\n            {overflowChild.props.title}\n          </Dropdown.Item>\n        );\n      });\n\n    childrenList.splice(indexOfOverflowStart, 0, (<Tab\n      key=\"moreTabKey\"\n      tabClassName={classNames(!overflowChildren.length && 'pgn__tab_invisible', 'pgn__tab_more')}\n      title={(\n        <Dropdown ref={overflowElementRef}>\n          <Dropdown.Toggle\n            variant=\"link\"\n            className=\"nav-link\"\n            id=\"pgn__tab-toggle\"\n          >\n            {moreTabText}\n            {moreTabHasNotification && (\n              <Bubble\n                variant=\"error\"\n                role=\"status\"\n                className=\"pgn__tab-notification\"\n              />\n            )}\n          </Dropdown.Toggle>\n          <Dropdown.Menu as=\"ul\" className=\"dropdown-menu-right\">{overflowChildren}</Dropdown.Menu>\n        </Dropdown>\n      )}\n    />\n    ));\n    return childrenList;\n  }, [activeKey, children, defaultActiveKey, indexOfLastVisibleChild, moreTabText, handleDropdownTabClick]);\n\n  return (\n    <div ref={setContainerElementRef}>\n      <BaseTabs\n        defaultActiveKey={defaultActiveKey}\n        activeKey={activeKey}\n        {...props}\n        className={classNames(className, 'pgn__tabs')}\n      >\n        {tabsChildren}\n      </BaseTabs>\n    </div>\n  );\n}\n\nTabs.propTypes = {\n  /** Specifies variant to use. */\n  variant: PropTypes.oneOf(['tabs', 'pills', 'inverse-tabs', 'inverse-pills', 'button-group']),\n  /** Specifies elements that is processed to create tabs. */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies text for the 'More' tab. */\n  moreTabText: PropTypes.string,\n  /** Specifies default active tab (uncontrolled usage). */\n  defaultActiveKey: PropTypes.string,\n  /** Specifies active tab (controlled usage). */\n  activeKey: PropTypes.string,\n};\n\nTabs.defaultProps = {\n  variant: 'tabs',\n  className: undefined,\n  moreTabText: MORE_TAB_TEXT,\n  defaultActiveKey: undefined,\n  activeKey: undefined,\n};\n\nTabs.Deprecated = TabsDeprecated;\n\nexport default Tabs;\nexport { Tab };\nexport { default as TabContainer } from 'react-bootstrap/TabContainer';\nexport { default as TabContent } from 'react-bootstrap/TabContent';\nexport { default as TabPane } from 'react-bootstrap/TabPane';\n"],"mappings":"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"}

package/dist/TextArea/index.js

@@ -1,4 +1,4 @@
-const _excluded = ["className", "inputRef"];
+var _excluded = ["className", "inputRef"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -8,10 +8,8 @@ import PropTypes from 'prop-types';
 import asInput from '../asInput';
 import withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';
 function Text(props) {
-  const {
-      className,
-      inputRef
-    } = props,
+  var className = props.className,
+    inputRef = props.inputRef,
     others = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement("textarea", _extends({}, others, {
     className: className,
@@ -30,11 +28,15 @@ Text.defaultProps = {
   className: undefined,
   inputRef: undefined
 };
-const TextArea = asInput(withDeprecatedProps(Text, 'TextArea', {
+var TextArea = asInput(withDeprecatedProps(Text, 'TextArea', {
   className: {
     deprType: DeprTypes.FORMAT,
-    expect: value => typeof value === 'string',
-    transform: value => Array.isArray(value) ? value.join(' ') : value,
+    expect: function expect(value) {
+      return typeof value === 'string';
+    },
+    transform: function transform(value) {
+      return Array.isArray(value) ? value.join(' ') : value;
+    },
     message: 'It should be a string.'
   }
 }));

package/dist/TextArea/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","asInput","withDeprecatedProps","DeprTypes","Text","props","className","inputRef","others","_objectWithoutProperties","_excluded","createElement","_extends","ref","propTypes","string","oneOfType","func","shape","current","instanceOf","element","defaultProps","undefined","TextArea","deprType","FORMAT","expect","value","transform","Array","isArray","join","message"],"sources":["../../src/TextArea/index.jsx"],"sourcesContent":["/* eslint-disable max-len */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nimport asInput from '../asInput';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nfunction Text(props) {\n  const {\n    className,\n    inputRef,\n    ...others\n  } = props;\n\n  return (\n    <textarea\n      {...others}\n      className={className}\n      ref={inputRef}\n    />\n  );\n}\n\nText.propTypes = {\n  className: PropTypes.string,\n  /** specifies all of the properties that are necessary from the included `asInput` component.  Please see details for input requirements within that component.\n  */\n  inputRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.instanceOf(PropTypes.element) }),\n  ]),\n};\n\nText.defaultProps = {\n  className: undefined,\n  inputRef: undefined,\n};\n\nconst TextArea = asInput(withDeprecatedProps(Text, 'TextArea', {\n  className: {\n    deprType: DeprTypes.FORMAT,\n    expect: value => typeof value === 'string',\n    transform: value => (Array.isArray(value) ? value.join(' ') : value),\n    message: 'It should be a string.',\n  },\n}));\n\nexport default TextArea;\n"],"mappings":";;;;AAAA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,mBAAmB,IAAIC,SAAS,QAAQ,wBAAwB;AAEvE,SAASC,IAAIA,CAACC,KAAK,EAAE;EACnB,MAAM;MACJC,SAAS;MACTC;IAEF,CAAC,GAAGF,KAAK;IADJG,MAAM,GAAAC,wBAAA,CACPJ,KAAK,EAAAK,SAAA;EAET,oBACEX,KAAA,CAAAY,aAAA,aAAAC,QAAA,KACMJ,MAAM;IACVF,SAAS,EAAEA,SAAU;IACrBO,GAAG,EAAEN;EAAS,EACf,CAAC;AAEN;AAEAH,IAAI,CAACU,SAAS,GAAG;EACfR,SAAS,EAAEN,SAAS,CAACe,MAAM;EAC3B;AACF;EACER,QAAQ,EAAEP,SAAS,CAACgB,SAAS,CAAC,CAC5BhB,SAAS,CAACiB,IAAI,EACdjB,SAAS,CAACkB,KAAK,CAAC;IAAEC,OAAO,EAAEnB,SAAS,CAACoB,UAAU,CAACpB,SAAS,CAACqB,OAAO;EAAE,CAAC,CAAC,CACtE;AACH,CAAC;AAEDjB,IAAI,CAACkB,YAAY,GAAG;EAClBhB,SAAS,EAAEiB,SAAS;EACpBhB,QAAQ,EAAEgB;AACZ,CAAC;AAED,MAAMC,QAAQ,GAAGvB,OAAO,CAACC,mBAAmB,CAACE,IAAI,EAAE,UAAU,EAAE;EAC7DE,SAAS,EAAE;IACTmB,QAAQ,EAAEtB,SAAS,CAACuB,MAAM;IAC1BC,MAAM,EAAEC,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ;IAC1CC,SAAS,EAAED,KAAK,IAAKE,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,GAAGA,KAAK,CAACI,IAAI,CAAC,GAAG,CAAC,GAAGJ,KAAM;IACpEK,OAAO,EAAE;EACX;AACF,CAAC,CAAC,CAAC;AAEH,eAAeT,QAAQ"}
+{"version":3,"file":"index.js","names":["React","PropTypes","asInput","withDeprecatedProps","DeprTypes","Text","props","className","inputRef","others","_objectWithoutProperties","_excluded","createElement","_extends","ref","propTypes","string","oneOfType","func","shape","current","instanceOf","element","defaultProps","undefined","TextArea","deprType","FORMAT","expect","value","transform","Array","isArray","join","message"],"sources":["../../src/TextArea/index.jsx"],"sourcesContent":["/* eslint-disable max-len */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nimport asInput from '../asInput';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nfunction Text(props) {\n  const {\n    className,\n    inputRef,\n    ...others\n  } = props;\n\n  return (\n    <textarea\n      {...others}\n      className={className}\n      ref={inputRef}\n    />\n  );\n}\n\nText.propTypes = {\n  className: PropTypes.string,\n  /** specifies all of the properties that are necessary from the included `asInput` component.  Please see details for input requirements within that component.\n  */\n  inputRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.instanceOf(PropTypes.element) }),\n  ]),\n};\n\nText.defaultProps = {\n  className: undefined,\n  inputRef: undefined,\n};\n\nconst TextArea = asInput(withDeprecatedProps(Text, 'TextArea', {\n  className: {\n    deprType: DeprTypes.FORMAT,\n    expect: value => typeof value === 'string',\n    transform: value => (Array.isArray(value) ? value.join(' ') : value),\n    message: 'It should be a string.',\n  },\n}));\n\nexport default TextArea;\n"],"mappings":";;;;AAAA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,mBAAmB,IAAIC,SAAS,QAAQ,wBAAwB;AAEvE,SAASC,IAAIA,CAACC,KAAK,EAAE;EACnB,IACEC,SAAS,GAGPD,KAAK,CAHPC,SAAS;IACTC,QAAQ,GAENF,KAAK,CAFPE,QAAQ;IACLC,MAAM,GAAAC,wBAAA,CACPJ,KAAK,EAAAK,SAAA;EAET,oBACEX,KAAA,CAAAY,aAAA,aAAAC,QAAA,KACMJ,MAAM;IACVF,SAAS,EAAEA,SAAU;IACrBO,GAAG,EAAEN;EAAS,EACf,CAAC;AAEN;AAEAH,IAAI,CAACU,SAAS,GAAG;EACfR,SAAS,EAAEN,SAAS,CAACe,MAAM;EAC3B;AACF;EACER,QAAQ,EAAEP,SAAS,CAACgB,SAAS,CAAC,CAC5BhB,SAAS,CAACiB,IAAI,EACdjB,SAAS,CAACkB,KAAK,CAAC;IAAEC,OAAO,EAAEnB,SAAS,CAACoB,UAAU,CAACpB,SAAS,CAACqB,OAAO;EAAE,CAAC,CAAC,CACtE;AACH,CAAC;AAEDjB,IAAI,CAACkB,YAAY,GAAG;EAClBhB,SAAS,EAAEiB,SAAS;EACpBhB,QAAQ,EAAEgB;AACZ,CAAC;AAED,IAAMC,QAAQ,GAAGvB,OAAO,CAACC,mBAAmB,CAACE,IAAI,EAAE,UAAU,EAAE;EAC7DE,SAAS,EAAE;IACTmB,QAAQ,EAAEtB,SAAS,CAACuB,MAAM;IAC1BC,MAAM,EAAE,SAAAA,OAAAC,KAAK;MAAA,OAAI,OAAOA,KAAK,KAAK,QAAQ;IAAA;IAC1CC,SAAS,EAAE,SAAAA,UAAAD,KAAK;MAAA,OAAKE,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,GAAGA,KAAK,CAACI,IAAI,CAAC,GAAG,CAAC,GAAGJ,KAAK;IAAA,CAAC;IACpEK,OAAO,EAAE;EACX;AACF,CAAC,CAAC,CAAC;AAEH,eAAeT,QAAQ"}

package/dist/Toast/ToastContainer.js

@@ -1,31 +1,53 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+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; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 import React from 'react';
 import ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
-class ToastContainer extends React.Component {
-  constructor(props) {
-    super(props);
-    this.toastRootName = 'toast-root';
+var ToastContainer = /*#__PURE__*/function (_React$Component) {
+  _inherits(ToastContainer, _React$Component);
+  var _super = _createSuper(ToastContainer);
+  function ToastContainer(props) {
+    var _this;
+    _classCallCheck(this, ToastContainer);
+    _this = _super.call(this, props);
+    _this.toastRootName = 'toast-root';
     if (typeof document === 'undefined') {
-      this.rootElement = null;
-    } else if (document.getElementById(this.toastRootName)) {
-      this.rootElement = document.getElementById(this.toastRootName);
+      _this.rootElement = null;
+    } else if (document.getElementById(_this.toastRootName)) {
+      _this.rootElement = document.getElementById(_this.toastRootName);
     } else {
-      const rootElement = document.createElement('div');
-      rootElement.setAttribute('id', this.toastRootName);
+      var rootElement = document.createElement('div');
+      rootElement.setAttribute('id', _this.toastRootName);
       rootElement.setAttribute('class', 'toast-container');
       rootElement.setAttribute('role', 'alert');
       rootElement.setAttribute('aria-live', 'polite');
       rootElement.setAttribute('aria-atomic', 'true');
-      this.rootElement = document.body.appendChild(rootElement);
+      _this.rootElement = document.body.appendChild(rootElement);
     }
+    return _this;
   }
-  render() {
-    if (this.rootElement) {
-      return /*#__PURE__*/ReactDOM.createPortal(this.props.children, this.rootElement);
+  _createClass(ToastContainer, [{
+    key: "render",
+    value: function render() {
+      if (this.rootElement) {
+        return /*#__PURE__*/ReactDOM.createPortal(this.props.children, this.rootElement);
+      }
+      return null;
     }
-    return null;
-  }
-}
+  }]);
+  return ToastContainer;
+}(React.Component);
 ToastContainer.propTypes = {
   /** Specifies contents of the component. */
   children: PropTypes.node.isRequired

package/dist/Toast/ToastContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastContainer.js","names":["React","ReactDOM","PropTypes","ToastContainer","Component","constructor","props","toastRootName","document","rootElement","getElementById","createElement","setAttribute","body","appendChild","render","createPortal","children","propTypes","node","isRequired"],"sources":["../../src/Toast/ToastContainer.jsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\n\nclass ToastContainer extends React.Component {\n  constructor(props) {\n    super(props);\n    this.toastRootName = 'toast-root';\n    if (typeof document === 'undefined') {\n      this.rootElement = null;\n    } else if (document.getElementById(this.toastRootName)) {\n      this.rootElement = document.getElementById(this.toastRootName);\n    } else {\n      const rootElement = document.createElement('div');\n      rootElement.setAttribute('id', this.toastRootName);\n      rootElement.setAttribute('class', 'toast-container');\n      rootElement.setAttribute('role', 'alert');\n      rootElement.setAttribute('aria-live', 'polite');\n      rootElement.setAttribute('aria-atomic', 'true');\n      this.rootElement = document.body.appendChild(rootElement);\n    }\n  }\n\n  render() {\n    if (this.rootElement) {\n      return ReactDOM.createPortal(\n        this.props.children,\n        this.rootElement,\n      );\n    }\n    return null;\n  }\n}\n\nToastContainer.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node.isRequired,\n};\n\nexport default ToastContainer;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;AAChC,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,cAAc,SAASH,KAAK,CAACI,SAAS,CAAC;EAC3CC,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACC,aAAa,GAAG,YAAY;IACjC,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;MACnC,IAAI,CAACC,WAAW,GAAG,IAAI;IACzB,CAAC,MAAM,IAAID,QAAQ,CAACE,cAAc,CAAC,IAAI,CAACH,aAAa,CAAC,EAAE;MACtD,IAAI,CAACE,WAAW,GAAGD,QAAQ,CAACE,cAAc,CAAC,IAAI,CAACH,aAAa,CAAC;IAChE,CAAC,MAAM;MACL,MAAME,WAAW,GAAGD,QAAQ,CAACG,aAAa,CAAC,KAAK,CAAC;MACjDF,WAAW,CAACG,YAAY,CAAC,IAAI,EAAE,IAAI,CAACL,aAAa,CAAC;MAClDE,WAAW,CAACG,YAAY,CAAC,OAAO,EAAE,iBAAiB,CAAC;MACpDH,WAAW,CAACG,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC;MACzCH,WAAW,CAACG,YAAY,CAAC,WAAW,EAAE,QAAQ,CAAC;MAC/CH,WAAW,CAACG,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;MAC/C,IAAI,CAACH,WAAW,GAAGD,QAAQ,CAACK,IAAI,CAACC,WAAW,CAACL,WAAW,CAAC;IAC3D;EACF;EAEAM,MAAMA,CAAA,EAAG;IACP,IAAI,IAAI,CAACN,WAAW,EAAE;MACpB,oBAAOR,QAAQ,CAACe,YAAY,CAC1B,IAAI,CAACV,KAAK,CAACW,QAAQ,EACnB,IAAI,CAACR,WACP,CAAC;IACH;IACA,OAAO,IAAI;EACb;AACF;AAEAN,cAAc,CAACe,SAAS,GAAG;EACzB;EACAD,QAAQ,EAAEf,SAAS,CAACiB,IAAI,CAACC;AAC3B,CAAC;AAED,eAAejB,cAAc"}
+{"version":3,"file":"ToastContainer.js","names":["React","ReactDOM","PropTypes","ToastContainer","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","toastRootName","document","rootElement","getElementById","createElement","setAttribute","body","appendChild","_createClass","key","value","render","createPortal","children","Component","propTypes","node","isRequired"],"sources":["../../src/Toast/ToastContainer.jsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\n\nclass ToastContainer extends React.Component {\n  constructor(props) {\n    super(props);\n    this.toastRootName = 'toast-root';\n    if (typeof document === 'undefined') {\n      this.rootElement = null;\n    } else if (document.getElementById(this.toastRootName)) {\n      this.rootElement = document.getElementById(this.toastRootName);\n    } else {\n      const rootElement = document.createElement('div');\n      rootElement.setAttribute('id', this.toastRootName);\n      rootElement.setAttribute('class', 'toast-container');\n      rootElement.setAttribute('role', 'alert');\n      rootElement.setAttribute('aria-live', 'polite');\n      rootElement.setAttribute('aria-atomic', 'true');\n      this.rootElement = document.body.appendChild(rootElement);\n    }\n  }\n\n  render() {\n    if (this.rootElement) {\n      return ReactDOM.createPortal(\n        this.props.children,\n        this.rootElement,\n      );\n    }\n    return null;\n  }\n}\n\nToastContainer.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node.isRequired,\n};\n\nexport default ToastContainer;\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;AAChC,OAAOC,SAAS,MAAM,YAAY;AAAC,IAE7BC,cAAc,0BAAAC,gBAAA;EAAAC,SAAA,CAAAF,cAAA,EAAAC,gBAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,cAAA;EAClB,SAAAA,eAAYK,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAAC,eAAA,OAAAP,cAAA;IACjBM,KAAA,GAAAH,MAAA,CAAAK,IAAA,OAAMH,KAAK;IACXC,KAAA,CAAKG,aAAa,GAAG,YAAY;IACjC,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;MACnCJ,KAAA,CAAKK,WAAW,GAAG,IAAI;IACzB,CAAC,MAAM,IAAID,QAAQ,CAACE,cAAc,CAACN,KAAA,CAAKG,aAAa,CAAC,EAAE;MACtDH,KAAA,CAAKK,WAAW,GAAGD,QAAQ,CAACE,cAAc,CAACN,KAAA,CAAKG,aAAa,CAAC;IAChE,CAAC,MAAM;MACL,IAAME,WAAW,GAAGD,QAAQ,CAACG,aAAa,CAAC,KAAK,CAAC;MACjDF,WAAW,CAACG,YAAY,CAAC,IAAI,EAAER,KAAA,CAAKG,aAAa,CAAC;MAClDE,WAAW,CAACG,YAAY,CAAC,OAAO,EAAE,iBAAiB,CAAC;MACpDH,WAAW,CAACG,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC;MACzCH,WAAW,CAACG,YAAY,CAAC,WAAW,EAAE,QAAQ,CAAC;MAC/CH,WAAW,CAACG,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;MAC/CR,KAAA,CAAKK,WAAW,GAAGD,QAAQ,CAACK,IAAI,CAACC,WAAW,CAACL,WAAW,CAAC;IAC3D;IAAC,OAAAL,KAAA;EACH;EAACW,YAAA,CAAAjB,cAAA;IAAAkB,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAAS;MACP,IAAI,IAAI,CAACT,WAAW,EAAE;QACpB,oBAAOb,QAAQ,CAACuB,YAAY,CAC1B,IAAI,CAAChB,KAAK,CAACiB,QAAQ,EACnB,IAAI,CAACX,WACP,CAAC;MACH;MACA,OAAO,IAAI;IACb;EAAC;EAAA,OAAAX,cAAA;AAAA,EA3B0BH,KAAK,CAAC0B,SAAS;AA8B5CvB,cAAc,CAACwB,SAAS,GAAG;EACzB;EACAF,QAAQ,EAAEvB,SAAS,CAAC0B,IAAI,CAACC;AAC3B,CAAC;AAED,eAAe1B,cAAc"}

package/dist/Toast/index.js

@@ -1,5 +1,11 @@
-const _excluded = ["action", "children", "className", "closeLabel", "onClose", "show"];
+var _excluded = ["action", "children", "className", "closeLabel", "onClose", "show"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useState } from 'react';
@@ -12,21 +18,22 @@ import ToastContainer from './ToastContainer';
 import Button from '../Button';
 import Icon from '../Icon';
 import IconButton from '../IconButton';
-export const TOAST_CLOSE_LABEL_TEXT = 'Close';
-export const TOAST_DELAY = 5000;
+export var TOAST_CLOSE_LABEL_TEXT = 'Close';
+export var TOAST_DELAY = 5000;
 function Toast(_ref) {
-  let {
-      action,
-      children,
-      className,
-      closeLabel,
-      onClose,
-      show
-    } = _ref,
+  var action = _ref.action,
+    children = _ref.children,
+    className = _ref.className,
+    closeLabel = _ref.closeLabel,
+    onClose = _ref.onClose,
+    show = _ref.show,
     rest = _objectWithoutProperties(_ref, _excluded);
-  const intl = useIntl();
-  const [autoHide, setAutoHide] = useState(true);
-  const intlCloseLabel = closeLabel || intl.formatMessage({
+  var intl = useIntl();
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    autoHide = _useState2[0],
+    setAutoHide = _useState2[1];
+  var intlCloseLabel = closeLabel || intl.formatMessage({
     id: 'pgn.Toast.closeLabel',
     defaultMessage: 'Close',
     description: 'Close label for Toast component'
@@ -35,10 +42,18 @@ function Toast(_ref) {
     autohide: autoHide,
     className: classNames('pgn__toast', className),
     onClose: onClose,
-    onBlur: () => setAutoHide(true),
-    onFocus: () => setAutoHide(false),
-    onMouseOut: () => setAutoHide(true),
-    onMouseOver: () => setAutoHide(false),
+    onBlur: function onBlur() {
+      return setAutoHide(true);
+    },
+    onFocus: function onFocus() {
+      return setAutoHide(false);
+    },
+    onMouseOut: function onMouseOut() {
+      return setAutoHide(true);
+    },
+    onMouseOver: function onMouseOver() {
+      return setAutoHide(false);
+    },
     show: show
   }, rest), /*#__PURE__*/React.createElement("div", {
     className: "toast-header"

package/dist/Toast/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","classNames","PropTypes","BaseToast","useIntl","Close","ToastContainer","Button","Icon","IconButton","TOAST_CLOSE_LABEL_TEXT","TOAST_DELAY","Toast","_ref","action","children","className","closeLabel","onClose","show","rest","_objectWithoutProperties","_excluded","intl","autoHide","setAutoHide","intlCloseLabel","formatMessage","id","defaultMessage","description","createElement","_extends","autohide","onBlur","onFocus","onMouseOut","onMouseOver","iconAs","alt","src","onClick","variant","invertColors","as","href","size","label","defaultProps","undefined","delay","propTypes","string","isRequired","func","bool","shape","number"],"sources":["../../src/Toast/index.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport BaseToast from 'react-bootstrap/Toast';\nimport { useIntl } from 'react-intl';\n\nimport { Close } from '../../icons';\nimport ToastContainer from './ToastContainer';\nimport Button from '../Button';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\n\nexport const TOAST_CLOSE_LABEL_TEXT = 'Close';\nexport const TOAST_DELAY = 5000;\n\nfunction Toast({\n  action, children, className, closeLabel, onClose, show, ...rest\n}) {\n  const intl = useIntl();\n  const [autoHide, setAutoHide] = useState(true);\n  const intlCloseLabel = closeLabel || intl.formatMessage({\n    id: 'pgn.Toast.closeLabel',\n    defaultMessage: 'Close',\n    description: 'Close label for Toast component',\n  });\n  return (\n    <ToastContainer>\n      <BaseToast\n        autohide={autoHide}\n        className={classNames('pgn__toast', className)}\n        onClose={onClose}\n        onBlur={() => setAutoHide(true)}\n        onFocus={() => setAutoHide(false)}\n        onMouseOut={() => setAutoHide(true)}\n        onMouseOver={() => setAutoHide(false)}\n        show={show}\n        {...rest}\n      >\n        <div\n          className=\"toast-header\"\n        >\n          <p className=\"small\">{children}</p>\n          <div className=\"toast-header-btn-container\">\n            <IconButton\n              iconAs={Icon}\n              alt={intlCloseLabel}\n              className=\"align-self-start\"\n              src={Close}\n              onClick={onClose}\n              variant=\"primary\"\n              invertColors\n            />\n          </div>\n        </div>\n        {action && (\n          <Button\n            as={action.href ? 'a' : 'button'}\n            href={action.href}\n            onClick={action.onClick}\n            size=\"sm\"\n            variant=\"inverse-outline-primary\"\n          >\n            {action.label}\n          </Button>\n        )}\n      </BaseToast>\n    </ToastContainer>\n  );\n}\n\nToast.defaultProps = {\n  action: null,\n  closeLabel: undefined,\n  delay: TOAST_DELAY,\n  className: undefined,\n};\n\nToast.propTypes = {\n  /** A string or an element that is rendered inside the main body of the `Toast`. */\n  children: PropTypes.string.isRequired,\n  /**\n   * A function that is called on close. It can be used to perform\n   * actions upon closing of the `Toast`, such as setting the \"show\"\n   * element to false.\n   * */\n  onClose: PropTypes.func.isRequired,\n  /** Boolean used to control whether the `Toast` shows */\n  show: PropTypes.bool.isRequired,\n  /**\n   * Fields used to build optional action button.\n   * `label` is a string rendered inside the button.\n   * `href` is a link that will render the action button as an anchor tag.\n   * `onClick` is a function that is called when the button is clicked.\n   */\n  action: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    href: PropTypes.string,\n    onClick: PropTypes.func,\n  }),\n  /**\n   * Alt text for the `Toast`'s dismiss button. Defaults to 'Close'.\n   */\n  closeLabel: PropTypes.string,\n  /** Time in milliseconds for which the `Toast` will display. */\n  delay: PropTypes.number,\n  /** Class names for the `BaseToast` component */\n  className: PropTypes.string,\n};\n\nexport default Toast;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useState","classNames","PropTypes","BaseToast","useIntl","Close","ToastContainer","Button","Icon","IconButton","TOAST_CLOSE_LABEL_TEXT","TOAST_DELAY","Toast","_ref","action","children","className","closeLabel","onClose","show","rest","_objectWithoutProperties","_excluded","intl","_useState","_useState2","_slicedToArray","autoHide","setAutoHide","intlCloseLabel","formatMessage","id","defaultMessage","description","createElement","_extends","autohide","onBlur","onFocus","onMouseOut","onMouseOver","iconAs","alt","src","onClick","variant","invertColors","as","href","size","label","defaultProps","undefined","delay","propTypes","string","isRequired","func","bool","shape","number"],"sources":["../../src/Toast/index.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport BaseToast from 'react-bootstrap/Toast';\nimport { useIntl } from 'react-intl';\n\nimport { Close } from '../../icons';\nimport ToastContainer from './ToastContainer';\nimport Button from '../Button';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\n\nexport const TOAST_CLOSE_LABEL_TEXT = 'Close';\nexport const TOAST_DELAY = 5000;\n\nfunction Toast({\n  action, children, className, closeLabel, onClose, show, ...rest\n}) {\n  const intl = useIntl();\n  const [autoHide, setAutoHide] = useState(true);\n  const intlCloseLabel = closeLabel || intl.formatMessage({\n    id: 'pgn.Toast.closeLabel',\n    defaultMessage: 'Close',\n    description: 'Close label for Toast component',\n  });\n  return (\n    <ToastContainer>\n      <BaseToast\n        autohide={autoHide}\n        className={classNames('pgn__toast', className)}\n        onClose={onClose}\n        onBlur={() => setAutoHide(true)}\n        onFocus={() => setAutoHide(false)}\n        onMouseOut={() => setAutoHide(true)}\n        onMouseOver={() => setAutoHide(false)}\n        show={show}\n        {...rest}\n      >\n        <div\n          className=\"toast-header\"\n        >\n          <p className=\"small\">{children}</p>\n          <div className=\"toast-header-btn-container\">\n            <IconButton\n              iconAs={Icon}\n              alt={intlCloseLabel}\n              className=\"align-self-start\"\n              src={Close}\n              onClick={onClose}\n              variant=\"primary\"\n              invertColors\n            />\n          </div>\n        </div>\n        {action && (\n          <Button\n            as={action.href ? 'a' : 'button'}\n            href={action.href}\n            onClick={action.onClick}\n            size=\"sm\"\n            variant=\"inverse-outline-primary\"\n          >\n            {action.label}\n          </Button>\n        )}\n      </BaseToast>\n    </ToastContainer>\n  );\n}\n\nToast.defaultProps = {\n  action: null,\n  closeLabel: undefined,\n  delay: TOAST_DELAY,\n  className: undefined,\n};\n\nToast.propTypes = {\n  /** A string or an element that is rendered inside the main body of the `Toast`. */\n  children: PropTypes.string.isRequired,\n  /**\n   * A function that is called on close. It can be used to perform\n   * actions upon closing of the `Toast`, such as setting the \"show\"\n   * element to false.\n   * */\n  onClose: PropTypes.func.isRequired,\n  /** Boolean used to control whether the `Toast` shows */\n  show: PropTypes.bool.isRequired,\n  /**\n   * Fields used to build optional action button.\n   * `label` is a string rendered inside the button.\n   * `href` is a link that will render the action button as an anchor tag.\n   * `onClick` is a function that is called when the button is clicked.\n   */\n  action: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    href: PropTypes.string,\n    onClick: PropTypes.func,\n  }),\n  /**\n   * Alt text for the `Toast`'s dismiss button. Defaults to 'Close'.\n   */\n  closeLabel: PropTypes.string,\n  /** Time in milliseconds for which the `Toast` will display. */\n  delay: PropTypes.number,\n  /** Class names for the `BaseToast` component */\n  className: PropTypes.string,\n};\n\nexport default Toast;\n"],"mappings":"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"}