@openedx/paragon 22.0.0-alpha.24 → 22.0.0

package/dist/Tabs/index.js

@@ -1,48 +1,59 @@
-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';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import BaseTabs from 'react-bootstrap/Tabs';
+import TabsDeprecated from './deprecated';
 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');
@@ -50,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');
           }
         });
       });
@@ -59,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",
@@ -106,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({
@@ -181,6 +198,7 @@ Tabs.defaultProps = {
   defaultActiveKey: undefined,
   activeKey: undefined
 };
+Tabs.Deprecated = TabsDeprecated;
 export default Tabs;
 export { Tab };
 export { default as TabContainer } from 'react-bootstrap/TabContainer';

package/dist/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useEffect","useMemo","useRef","useState","useCallback","classNames","PropTypes","BaseTabs","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","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 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\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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"}
+{"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/Tabs/index.scss

@@ -1,3 +1,5 @@
+@import "variables";
+
 .pgn__tabs {
   flex-wrap: nowrap;
 
@@ -9,9 +11,9 @@
     position: absolute;
     top: 0;
     right: 0;
-    min-height: var(--pgn-size-tabs-notification-height);
-    min-width: var(--pgn-size-tabs-notification-width);
-    font-size: var(--pgn-typography-tabs-notification-font-size);
+    min-height: $tab-notification-height;
+    min-width: $tab-notification-width;
+    font-size: $tab-notification-font-size;
   }
 
   .pgn__tab_more.nav-link {
@@ -30,29 +32,28 @@
       margin: 0;
 
       .dropdown .dropdown-toggle {
-        // stylelint-disable-next-line max-line-length
-        padding: var(--pgn-spacing-tab-more-link-dropdown-toggle-padding-x) var(--pgn-spacing-tab-more-link-dropdown-toggle-padding-y);
+        padding: $tab-more-link-dropdown-toggle-padding-x $tab-more-link-dropdown-toggle-padding-y;
 
         &:focus {
-          background-color: var(--pgn-color-tab-more-link-dropdown-toggle-bg-focus);
-          border-color: var(--pgn-color-tab-more-link-dropdown-toggle-border-focus);
-          color: var(--pgn-color-tab-more-link-dropdown-toggle-text-focus);
+          background-color: $tab-more-link-dropdown-toggle-focus-bg;
+          border-color: $tab-more-link-dropdown-toggle-focus-border-color;
+          color: $tab-more-link-dropdown-toggle-focus-color;
 
           &.btn.btn-link {
-            color: var(--pgn-color-tab-more-link-dropdown-toggle-btn-text-focus);
-            border-color: var(--pgn-color-tab-more-link-dropdown-toggle-btn-border-focus);
+            color: $tab-more-link-dropdown-toggle-btn-focus-color;
+            border-color: $tab-more-link-dropdown-toggle-btn-focus-border-color;
           }
         }
       }
 
       &.active {
         .dropdown .dropdown-toggle {
-          color: var(--pgn-color-tab-more-link-dropdown-toggle-text-active);
+          color: $tab-more-link-dropdown-toggle-active-color;
         }
 
         &:hover {
           .dropdown .dropdown-toggle {
-            background-color: var(--pgn-color-tab-more-link-dropdown-toggle-text-hover);
+            background-color: $tab-more-link-dropdown-toggle-hover-color;
           }
         }
       }
@@ -62,29 +63,28 @@
   // Nav inverse pills
   &.nav-inverse-pills .pgn__tab_more.nav-link {
     .dropdown .dropdown-toggle {
-      // stylelint-disable-next-line max-line-length
-      padding: var(--pgn-spacing-tab-inverse-pills-link-dropdown-toggle-padding-x) var(--pgn-spacing-tab-inverse-pills-link-dropdown-toggle-padding-y);
+      padding: $tab-inverse-pills-link-dropdown-toggle-padding-x $tab-inverse-pills-link-dropdown-toggle-padding-y;
       border: none;
 
       &:focus {
-        background-color: var(--pgn-color-tab-inverse-pills-link-dropdown-toggle-bg-focus);
-        color: var(--pgn-color-tab-inverse-pills-link-dropdown-toggle-text-focus);
+        background-color: $tab-inverse-pills-link-dropdown-toggle-focus-bg;
+        color: $tab-inverse-pills-link-dropdown-toggle-focus-color;
       }
     }
 
     &.active .dropdown .dropdown-toggle {
-      color: var(--pgn-color-tab-inverse-pills-link-dropdown-toggle-text-active);
+      color: $tab-inverse-pills-link-dropdown-toggle-active-color;
 
       &:hover {
-        color: var(--pgn-color-tab-inverse-pills-link-dropdown-toggle-text-active-hover);
-        background-color: var(--pgn-color-tab-inverse-pills-link-dropdown-toggle-bg-active-hover);
+        color: $tab-inverse-pills-link-dropdown-toggle-active-hover-color;
+        background-color: $tab-inverse-pills-link-dropdown-toggle-active-hover-bg;
       }
 
       &:focus {
         @include nav-tabs-link-focus(
-          var(--pgn-color-tab-inverse-pills-link-dropdown-toggle-border-focus),
-          var(--pgn-size-nav-tabs-border-radius),
-          var(--pgn-spacing-tab-inverse-tabs-link-dropdown-toggle-distance)
+          $tab-inverse-pills-link-dropdown-toggle-focus-border-color,
+          $nav-tabs-border-radius,
+          $tab-inverse-pills-link-dropdown-distance
         );
       }
     }
@@ -92,16 +92,15 @@
 
   // Nav tabs
   &.nav-tabs .pgn__tab_more.nav-link .dropdown .dropdown-toggle {
-    padding: .563rem var(--pgn-spacing-tab-more-link-dropdown-toggle-padding-y);
+    padding: .563rem $tab-more-link-dropdown-toggle-padding-y;
   }
 
   // Nav inverse tabs
   &.nav-inverse-tabs .pgn__tab_more.nav-link .dropdown .dropdown-toggle {
-    // stylelint-disable-next-line max-line-length
-    padding: var(--pgn-spacing-tab-inverse-tabs-link-dropdown-toggle-padding-x) var(--pgn-spacing-tab-inverse-tabs-link-dropdown-toggle-padding-y);
+    padding: $tab-inverse-tabs-link-dropdown-toggle-padding-x $tab-inverse-tabs-link-dropdown-toggle-padding-y;
 
     &:hover {
-      background-color: var(--pgn-color-tab-inverse-pills-link-dropdown-toggle-bg-hover);
+      background-color: $tab-inverse-tabs-link-dropdown-toggle-hover-bg;
     }
   }
 

package/dist/TextArea/index.js

@@ -0,0 +1,44 @@
+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; }
+/* eslint-disable max-len */
+import React from 'react';
+import PropTypes from 'prop-types';
+import asInput from '../asInput';
+import withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';
+function Text(props) {
+  var className = props.className,
+    inputRef = props.inputRef,
+    others = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement("textarea", _extends({}, others, {
+    className: className,
+    ref: inputRef
+  }));
+}
+Text.propTypes = {
+  className: PropTypes.string,
+  /** specifies all of the properties that are necessary from the included `asInput` component.  Please see details for input requirements within that component.
+  */
+  inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: PropTypes.instanceOf(PropTypes.element)
+  })])
+};
+Text.defaultProps = {
+  className: undefined,
+  inputRef: undefined
+};
+var TextArea = asInput(withDeprecatedProps(Text, 'TextArea', {
+  className: {
+    deprType: DeprTypes.FORMAT,
+    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.'
+  }
+}));
+export default TextArea;
+//# sourceMappingURL=index.js.map

package/dist/TextArea/index.js.map

@@ -0,0 +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,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/ToastContainer.scss

@@ -1,22 +1,24 @@
+@import "variables";
+
 .toast-container {
-  bottom: var(--pgn-spacing-toast-container-gutter-lg);
-  left: var(--pgn-spacing-toast-container-gutter-lg);
+  bottom: $toast-container-gutter-lg;
+  left: $toast-container-gutter-lg;
   position: fixed;
   z-index: 2;
 
   [dir="rtl"] & {
-    right: var(--pgn-spacing-toast-container-gutter-lg);
+    right: $toast-container-gutter-lg;
     left: 0;
   }
 
-  @media (--pgn-size-breakpoint-max-width-sm) {
-    bottom: var(--pgn-spacing-toast-container-gutter-sm);
-    right: var(--pgn-spacing-toast-container-gutter-sm);
-    left: var(--pgn-spacing-toast-container-gutter-sm);
+  @media only screen and (max-width: 768px) {
+    bottom: $toast-container-gutter-sm;
+    right: $toast-container-gutter-sm;
+    left: $toast-container-gutter-sm;
 
     [dir="rtl"] & {
-      left: var(--pgn-spacing-toast-container-gutter-sm);
-      right: var(--pgn-spacing-toast-container-gutter-sm);
+      left: $toast-container-gutter-sm;
+      right: $toast-container-gutter-sm;
     }
   }
 }

package/dist/Toast/_variables.scss

@@ -0,0 +1,19 @@
+// Toasts
+
+$toast-max-width:                   400px !default;
+$toast-padding-x:                   .75rem !default;
+$toast-padding-y:                   .25rem !default;
+$toast-font-size:                   .875rem !default;
+$toast-color:                       null !default;
+$toast-background-color:            $gray-700 !default;
+$toast-border-width:                1px !default;
+$toast-border-color:                rgba(0, 0, 0, .1) !default;
+$toast-border-radius:               .25rem !default;
+$toast-box-shadow:                  0 1.25rem 2.5rem rgba($black, .15), 0 .5rem 3rem rgba($black, .15) !default;
+
+$toast-header-color:                $white !default;
+$toast-header-background-color:     $gray-700 !default;
+$toast-header-border-color:         rgba(0, 0, 0, .5) !default;
+
+$toast-container-gutter-lg:         1.25rem !default;
+$toast-container-gutter-sm:         .625rem !default;