@openedx/paragon 22.0.0-alpha.24 → 22.1.0

package/dist/Dropdown/deprecated/index.js

@@ -0,0 +1,242 @@
+var _excluded = ["children"];
+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 _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; }
+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 _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); }
+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); }
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+// eslint-disable-next-line import/no-cycle
+import DropdownButton from './DropdownButton';
+// eslint-disable-next-line import/no-cycle
+import DropdownMenu from './DropdownMenu';
+import DropdownItem from './DropdownItem';
+import withDeprecatedProps, { DeprTypes } from '../../withDeprecatedProps';
+var _React$createContext = /*#__PURE__*/React.createContext(),
+  Provider = _React$createContext.Provider,
+  Consumer = _React$createContext.Consumer;
+var Dropdown = /*#__PURE__*/function (_React$Component) {
+  _inherits(Dropdown, _React$Component);
+  var _super = _createSuper(Dropdown);
+  // eslint-disable-next-line react/sort-comp
+  // For creating unique ids
+
+  function Dropdown(props) {
+    var _this;
+    _classCallCheck(this, Dropdown);
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "handleDocumentClick", function (e) {
+      if (_this.containerRef.current.contains(e.target) && _this.containerRef.current !== e.target) {
+        return;
+      }
+      if (_this.state.open) {
+        _this.close();
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleMenuKeyDown", function (e) {
+      switch (e.key) {
+        case 'ArrowUp':
+          e.preventDefault();
+          _this.focusPrevious();
+          break;
+        case 'ArrowDown':
+          e.preventDefault();
+          _this.focusNext();
+          break;
+        case 'Tab':
+          e.preventDefault();
+          if (e.shiftKey) {
+            _this.focusPrevious();
+          } else {
+            _this.focusNext();
+          }
+          break;
+        case 'Escape':
+          e.stopPropagation();
+          _this.close();
+          break;
+        default:
+          break;
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "toggle", function () {
+      if (_this.state.open) {
+        _this.close();
+      } else {
+        _this.open();
+      }
+    });
+    _this.state = {
+      open: false
+    };
+
+    // Used for aria labelling. Increment the id counter so the next id can be unique
+    _this.uniqueId = Dropdown.idCounter;
+    Dropdown.idCounter += 1;
+    _this.triggerId = "pgn__dropdown-trigger-".concat(_this.uniqueId);
+    _this.containerRef = /*#__PURE__*/React.createRef();
+    _this.menuRef = /*#__PURE__*/React.createRef();
+    _this.buttonRef = /*#__PURE__*/React.createRef();
+    return _this;
+  }
+  _createClass(Dropdown, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState) {
+      if (prevState.open !== this.state.open) {
+        if (this.state.open) {
+          this.focusFirst();
+        } else {
+          this.buttonRef.current.focus();
+        }
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      document.removeEventListener('click', this.handleDocumentClick, true);
+    }
+  }, {
+    key: "getFocusableElements",
+    value: function getFocusableElements() {
+      var selector = 'button:not([disabled]), [href]:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]):not([disabled])';
+      return Array.from(this.menuRef.current.querySelectorAll(selector));
+    }
+  }, {
+    key: "close",
+    value: function close() {
+      document.removeEventListener('click', this.handleDocumentClick, true);
+      this.setState({
+        open: false
+      });
+    }
+  }, {
+    key: "open",
+    value: function open() {
+      // adding event listener here so the user can close dropdown on click outside of the dropdown
+      document.addEventListener('click', this.handleDocumentClick, true);
+      this.setState({
+        open: true
+      });
+    }
+  }, {
+    key: "focusFirst",
+    value: function focusFirst() {
+      var focusableElements = this.getFocusableElements();
+      if (focusableElements.length) {
+        focusableElements[0].focus();
+      }
+    }
+  }, {
+    key: "focusNext",
+    value: function focusNext() {
+      var allFocusableElements = this.getFocusableElements();
+      if (allFocusableElements.length === 0) {
+        return;
+      }
+      var activeIndex = allFocusableElements.indexOf(document.activeElement);
+      var nextIndex = (activeIndex + 1) % allFocusableElements.length;
+      allFocusableElements[nextIndex].focus();
+    }
+  }, {
+    key: "focusPrevious",
+    value: function focusPrevious() {
+      var allFocusableElements = this.getFocusableElements();
+      if (allFocusableElements.length === 0) {
+        return;
+      }
+      var activeIndex = allFocusableElements.indexOf(document.activeElement);
+      var previousIndex = (activeIndex - 1 + allFocusableElements.length) % allFocusableElements.length;
+      allFocusableElements[previousIndex].focus();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        children = _this$props.children,
+        other = _objectWithoutProperties(_this$props, _excluded);
+      return /*#__PURE__*/React.createElement("div", _extends({}, other, {
+        className: classNames('dropdown', {
+          show: this.state.open
+        }, other.className),
+        ref: this.containerRef
+      }), /*#__PURE__*/React.createElement(Provider, {
+        value: {
+          buttonRef: this.buttonRef,
+          handleMenuKeyDown: this.handleMenuKeyDown,
+          isOpen: this.state.open,
+          menuRef: this.menuRef,
+          toggle: this.toggle,
+          triggerId: this.triggerId
+        }
+      }, children));
+    }
+  }]);
+  return Dropdown;
+}(React.Component);
+_defineProperty(Dropdown, "idCounter", 0);
+Dropdown.propTypes = {
+  children: PropTypes.node
+};
+Dropdown.Item = DropdownItem;
+Dropdown.Button = DropdownButton;
+Dropdown.Menu = DropdownMenu;
+var DropdownWithDeprecatedProps = withDeprecatedProps(Dropdown, 'Dropdown', {
+  menuItems: {
+    deprType: DeprTypes.MOVED_AND_FORMAT,
+    message: 'They should be components sent as children.',
+    newName: 'children',
+    transform: function transform(menuItems, allProps) {
+      if (!Array.isArray(menuItems)) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownButton, null, /*#__PURE__*/React.isValidElement(allProps.iconElement) ? allProps.iconElement : null, allProps.title), /*#__PURE__*/React.createElement(DropdownMenu, null, menuItems.map(function (menuItem, i) {
+        /* eslint-disable react/no-array-index-key */
+        if ( /*#__PURE__*/React.isValidElement(menuItem)) {
+          return /*#__PURE__*/React.cloneElement(menuItem, {
+            className: 'dropdown-item',
+            key: i
+          });
+        }
+        return /*#__PURE__*/React.createElement(DropdownItem, {
+          key: i,
+          href: menuItem.href
+        }, menuItem.label);
+        /* eslint-enable react/no-array-index-key */
+      })));
+    }
+  },
+
+  title: {
+    deprType: DeprTypes.REMOVED,
+    message: 'It should be specified inside the Dropdown.Button component'
+  },
+  buttonType: {
+    deprType: DeprTypes.REMOVED,
+    message: 'It should be specified as a className prop'
+  },
+  iconElement: {
+    deprType: DeprTypes.REMOVED,
+    message: 'It should be specified inside the buttonContent prop.'
+  }
+});
+DropdownWithDeprecatedProps.propTypes = Dropdown.propTypes;
+DropdownWithDeprecatedProps.defaultProps = Dropdown.defaultProps;
+DropdownWithDeprecatedProps.Item = Dropdown.Item;
+DropdownWithDeprecatedProps.Button = Dropdown.Button;
+DropdownWithDeprecatedProps.Menu = Dropdown.Menu;
+export { Provider, Consumer };
+export default DropdownWithDeprecatedProps;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","DropdownButton","DropdownMenu","DropdownItem","withDeprecatedProps","DeprTypes","_React$createContext","createContext","Provider","Consumer","Dropdown","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","e","containerRef","current","contains","target","state","open","close","key","preventDefault","focusPrevious","focusNext","shiftKey","stopPropagation","uniqueId","idCounter","triggerId","concat","createRef","menuRef","buttonRef","_createClass","value","componentDidUpdate","prevProps","prevState","focusFirst","focus","componentWillUnmount","document","removeEventListener","handleDocumentClick","getFocusableElements","selector","Array","from","querySelectorAll","setState","addEventListener","focusableElements","length","allFocusableElements","activeIndex","indexOf","activeElement","nextIndex","previousIndex","render","_this$props","children","other","_objectWithoutProperties","_excluded","createElement","_extends","className","show","ref","handleMenuKeyDown","isOpen","toggle","Component","propTypes","node","Item","Button","Menu","DropdownWithDeprecatedProps","menuItems","deprType","MOVED_AND_FORMAT","message","newName","transform","allProps","isArray","Fragment","isValidElement","iconElement","title","map","menuItem","i","cloneElement","href","label","REMOVED","buttonType","defaultProps"],"sources":["../../../src/Dropdown/deprecated/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n// eslint-disable-next-line import/no-cycle\nimport DropdownButton from './DropdownButton';\n// eslint-disable-next-line import/no-cycle\nimport DropdownMenu from './DropdownMenu';\nimport DropdownItem from './DropdownItem';\n\nimport withDeprecatedProps, { DeprTypes } from '../../withDeprecatedProps';\n\nconst { Provider, Consumer } = React.createContext();\n\nclass Dropdown extends React.Component {\n  // eslint-disable-next-line react/sort-comp\n  static idCounter = 0; // For creating unique ids\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      open: false,\n    };\n\n    // Used for aria labelling. Increment the id counter so the next id can be unique\n    this.uniqueId = Dropdown.idCounter;\n    Dropdown.idCounter += 1;\n    this.triggerId = `pgn__dropdown-trigger-${this.uniqueId}`;\n\n    this.containerRef = React.createRef();\n    this.menuRef = React.createRef();\n    this.buttonRef = React.createRef();\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    if (prevState.open !== this.state.open) {\n      if (this.state.open) {\n        this.focusFirst();\n      } else {\n        this.buttonRef.current.focus();\n      }\n    }\n  }\n\n  componentWillUnmount() {\n    document.removeEventListener('click', this.handleDocumentClick, true);\n  }\n\n  getFocusableElements() {\n    const selector = 'button:not([disabled]), [href]:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]):not([disabled])';\n    return Array.from(this.menuRef.current.querySelectorAll(selector));\n  }\n\n  handleDocumentClick = (e) => {\n    if (this.containerRef.current.contains(e.target) && this.containerRef.current !== e.target) {\n      return;\n    }\n    if (this.state.open) {\n      this.close();\n    }\n  };\n\n  handleMenuKeyDown = (e) => {\n    switch (e.key) {\n      case 'ArrowUp':\n        e.preventDefault();\n        this.focusPrevious();\n        break;\n      case 'ArrowDown':\n        e.preventDefault();\n        this.focusNext();\n        break;\n      case 'Tab':\n        e.preventDefault();\n        if (e.shiftKey) {\n          this.focusPrevious();\n        } else {\n          this.focusNext();\n        }\n        break;\n      case 'Escape':\n        e.stopPropagation();\n        this.close();\n        break;\n      default:\n        break;\n    }\n  };\n\n  toggle = () => {\n    if (this.state.open) {\n      this.close();\n    } else {\n      this.open();\n    }\n  };\n\n  close() {\n    document.removeEventListener('click', this.handleDocumentClick, true);\n    this.setState({\n      open: false,\n    });\n  }\n\n  open() {\n    // adding event listener here so the user can close dropdown on click outside of the dropdown\n    document.addEventListener('click', this.handleDocumentClick, true);\n    this.setState({\n      open: true,\n    });\n  }\n\n  focusFirst() {\n    const focusableElements = this.getFocusableElements();\n    if (focusableElements.length) { focusableElements[0].focus(); }\n  }\n\n  focusNext() {\n    const allFocusableElements = this.getFocusableElements();\n    if (allFocusableElements.length === 0) { return; }\n    const activeIndex = allFocusableElements.indexOf(document.activeElement);\n    const nextIndex = (activeIndex + 1) % allFocusableElements.length;\n    allFocusableElements[nextIndex].focus();\n  }\n\n  focusPrevious() {\n    const allFocusableElements = this.getFocusableElements();\n    if (allFocusableElements.length === 0) { return; }\n    const activeIndex = allFocusableElements.indexOf(document.activeElement);\n    const previousIndex = ((activeIndex - 1) + allFocusableElements.length) % allFocusableElements.length;\n    allFocusableElements[previousIndex].focus();\n  }\n\n  render() {\n    const { children, ...other } = this.props;\n\n    return (\n      <div\n        {...other}\n        className={classNames(\n          'dropdown',\n          { show: this.state.open },\n          other.className,\n        )}\n        ref={this.containerRef}\n      >\n        <Provider\n          value={{\n            buttonRef: this.buttonRef,\n            handleMenuKeyDown: this.handleMenuKeyDown,\n            isOpen: this.state.open,\n            menuRef: this.menuRef,\n            toggle: this.toggle,\n            triggerId: this.triggerId,\n          }}\n        >\n          {children}\n        </Provider>\n      </div>\n    );\n  }\n}\n\nDropdown.propTypes = {\n  children: PropTypes.node,\n};\n\nDropdown.Item = DropdownItem;\nDropdown.Button = DropdownButton;\nDropdown.Menu = DropdownMenu;\n\nconst DropdownWithDeprecatedProps = withDeprecatedProps(Dropdown, 'Dropdown', {\n  menuItems: {\n    deprType: DeprTypes.MOVED_AND_FORMAT,\n    message: 'They should be components sent as children.',\n    newName: 'children',\n    transform: (menuItems, allProps) => {\n      if (!Array.isArray(menuItems)) { return null; }\n      return (\n        <>\n          <DropdownButton>\n            {React.isValidElement(allProps.iconElement) ? allProps.iconElement : null }\n            {allProps.title}\n          </DropdownButton>\n          <DropdownMenu>\n            {menuItems.map((menuItem, i) => {\n            /* eslint-disable react/no-array-index-key */\n              if (React.isValidElement(menuItem)) {\n                return React.cloneElement(menuItem, {\n                  className: 'dropdown-item',\n                  key: i,\n                });\n              }\n              return <DropdownItem key={i} href={menuItem.href}>{menuItem.label}</DropdownItem>;\n            /* eslint-enable react/no-array-index-key */\n            })}\n          </DropdownMenu>\n        </>\n      );\n    },\n  },\n  title: {\n    deprType: DeprTypes.REMOVED,\n    message: 'It should be specified inside the Dropdown.Button component',\n  },\n  buttonType: {\n    deprType: DeprTypes.REMOVED,\n    message: 'It should be specified as a className prop',\n  },\n  iconElement: {\n    deprType: DeprTypes.REMOVED,\n    message: 'It should be specified inside the buttonContent prop.',\n  },\n});\n\nDropdownWithDeprecatedProps.propTypes = Dropdown.propTypes;\nDropdownWithDeprecatedProps.defaultProps = Dropdown.defaultProps;\nDropdownWithDeprecatedProps.Item = Dropdown.Item;\nDropdownWithDeprecatedProps.Button = Dropdown.Button;\nDropdownWithDeprecatedProps.Menu = Dropdown.Menu;\n\nexport { Provider, Consumer };\nexport default DropdownWithDeprecatedProps;\n"],"mappings":"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"}

package/dist/Dropdown/index.js

@@ -1,12 +1,19 @@
-const _excluded = ["show", "autoClose", "onToggle", "variant", "className"],
+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 = ["show", "autoClose", "onToggle", "variant", "className"],
   _excluded2 = ["as", "bsPrefix"],
   _excluded3 = ["className"];
 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 from 'react';
@@ -16,21 +23,23 @@ import BaseDropdown from 'react-bootstrap/Dropdown';
 import DropdownMenu from 'react-bootstrap/DropdownMenu';
 import BaseDropdownItem from 'react-bootstrap/DropdownItem';
 import BaseDropdownToggle from 'react-bootstrap/DropdownToggle';
+import DropdownDeprecated from './deprecated';
 import Button from '../Button';
 import IconButton from '../IconButton';
-const Dropdown = /*#__PURE__*/React.forwardRef(
+var Dropdown = /*#__PURE__*/React.forwardRef(
 // eslint-disable-next-line prefer-arrow-callback
 function Dropdown(_ref, ref) {
-  let {
-      show,
-      autoClose,
-      onToggle,
-      variant,
-      className
-    } = _ref,
+  var show = _ref.show,
+    autoClose = _ref.autoClose,
+    onToggle = _ref.onToggle,
+    variant = _ref.variant,
+    className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded);
-  const [internalShow, setInternalShow] = React.useState(show);
-  const isClosingPermitted = source => {
+  var _React$useState = React.useState(show),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    internalShow = _React$useState2[0],
+    setInternalShow = _React$useState2[1];
+  var isClosingPermitted = function isClosingPermitted(source) {
     // autoClose=false only permits close on button click
     if (autoClose === false) {
       return source === 'click';
@@ -45,25 +54,24 @@ function Dropdown(_ref, ref) {
     }
     return true;
   };
-  const handleToggle = (isOpen, event, metadata) => {
+  var handleToggle = function handleToggle(isOpen, event, metadata) {
     if (isOpen) {
       setInternalShow(true);
-      onToggle?.(isOpen, event, metadata);
+      onToggle === null || onToggle === void 0 ? void 0 : onToggle(isOpen, event, metadata);
       return;
     }
-    let {
-      source
-    } = _objectSpread({}, metadata);
+    var _metadata = _objectSpread({}, metadata),
+      source = _metadata.source;
     if (event.currentTarget === document && (source !== 'keydown' || event.key === 'Escape')) {
       source = 'rootClose';
     }
     if (isClosingPermitted(source)) {
       setInternalShow(false);
-      onToggle?.(isOpen, event, metadata);
+      onToggle === null || onToggle === void 0 ? void 0 : onToggle(isOpen, event, metadata);
     }
   };
   return /*#__PURE__*/React.createElement(BaseDropdown, _extends({
-    className: classNames('pgn__dropdown', `pgn__dropdown-${variant}`, className),
+    className: classNames('pgn__dropdown', "pgn__dropdown-".concat(variant), className),
     "data-testid": "dropdown",
     onToggle: handleToggle,
     ref: ref,
@@ -84,17 +92,15 @@ Dropdown.defaultProps = {
   show: false,
   variant: 'light'
 };
-const DropdownToggle = /*#__PURE__*/React.forwardRef(
+var DropdownToggle = /*#__PURE__*/React.forwardRef(
 // eslint-disable-next-line prefer-arrow-callback
 function DropdownToggle(_ref2, ref) {
-  let {
-      as,
-      bsPrefix
-    } = _ref2,
+  var as = _ref2.as,
+    bsPrefix = _ref2.bsPrefix,
     otherProps = _objectWithoutProperties(_ref2, _excluded2);
   // hide arrow from the toggle if it is rendered as IconButton
   // because it hinders the positioning of IconButton
-  const prefix = as === IconButton ? 'pgn__dropdown-toggle-iconbutton' : bsPrefix;
+  var prefix = as === IconButton ? 'pgn__dropdown-toggle-iconbutton' : bsPrefix;
   return /*#__PURE__*/React.createElement(BaseDropdownToggle, _extends({}, otherProps, {
     as: as,
     bsPrefix: prefix,
@@ -116,9 +122,7 @@ DropdownToggle.defaultProps = {
 Dropdown.Item = /*#__PURE__*/React.forwardRef(
 // eslint-disable-next-line prefer-arrow-callback
 function DropdownItem(_ref3, ref) {
-  let {
-      className
-    } = _ref3,
+  var className = _ref3.className,
     otherProps = _objectWithoutProperties(_ref3, _excluded3);
   return /*#__PURE__*/React.createElement(BaseDropdownItem, _extends({
     className: classNames(className, 'pgn__dropdown-item'),
@@ -131,6 +135,7 @@ Dropdown.Item.propTypes = {
 Dropdown.Item.defaultProps = {
   className: undefined
 };
+Dropdown.Deprecated = DropdownDeprecated;
 Dropdown.Toggle = DropdownToggle;
 Dropdown.Menu = DropdownMenu;
 Dropdown.Header = BaseDropdown.Header;

package/dist/Dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classNames","PropTypes","BaseDropdown","DropdownMenu","BaseDropdownItem","BaseDropdownToggle","Button","IconButton","Dropdown","forwardRef","_ref","ref","show","autoClose","onToggle","variant","className","rest","_objectWithoutProperties","_excluded","internalShow","setInternalShow","useState","isClosingPermitted","source","handleToggle","isOpen","event","metadata","_objectSpread","currentTarget","document","key","createElement","_extends","propTypes","oneOfType","string","bool","func","oneOf","defaultProps","undefined","DropdownToggle","_ref2","as","bsPrefix","otherProps","_excluded2","prefix","elementType","id","number","isRequired","Item","DropdownItem","_ref3","_excluded3","Toggle","Menu","Header","Divider","default","DropdownButton","SplitButton"],"sources":["../../src/Dropdown/index.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport BaseDropdown from 'react-bootstrap/Dropdown';\nimport DropdownMenu from 'react-bootstrap/DropdownMenu';\nimport BaseDropdownItem from 'react-bootstrap/DropdownItem';\nimport BaseDropdownToggle from 'react-bootstrap/DropdownToggle';\nimport Button from '../Button';\nimport IconButton from '../IconButton';\n\nconst Dropdown = React.forwardRef(\n  // eslint-disable-next-line prefer-arrow-callback\n  function Dropdown({\n    show,\n    autoClose,\n    onToggle,\n    variant,\n    className,\n    ...rest\n  }, ref) {\n    const [internalShow, setInternalShow] = React.useState(show);\n    const isClosingPermitted = (source) => {\n      // autoClose=false only permits close on button click\n      if (autoClose === false) {\n        return source === 'click';\n      }\n      // autoClose=inside doesn't permit close on rootClose\n      if (autoClose === 'inside') {\n        return source !== 'rootClose';\n      }\n      // autoClose=outside doesn't permit close on select\n      if (autoClose === 'outside') {\n        return source !== 'select';\n      }\n      return true;\n    };\n\n    const handleToggle = (isOpen, event, metadata) => {\n      if (isOpen) {\n        setInternalShow(true);\n        onToggle?.(isOpen, event, metadata);\n        return;\n      }\n      let { source } = { ...metadata };\n\n      if (event.currentTarget === document && (source !== 'keydown' || event.key === 'Escape')) {\n        source = 'rootClose';\n      }\n      if (isClosingPermitted(source)) {\n        setInternalShow(false);\n        onToggle?.(isOpen, event, metadata);\n      }\n    };\n\n    return (\n      <BaseDropdown\n        className={classNames(\n          'pgn__dropdown',\n          `pgn__dropdown-${variant}`,\n          className,\n        )}\n        data-testid=\"dropdown\"\n        onToggle={handleToggle}\n        ref={ref}\n        show={internalShow}\n        {...rest}\n      />\n    );\n  },\n);\n\nDropdown.propTypes = {\n  autoClose: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n  className: PropTypes.string,\n  onToggle: PropTypes.func,\n  show: PropTypes.bool,\n  variant: PropTypes.oneOf(['light', 'dark']),\n};\n\nDropdown.defaultProps = {\n  autoClose: true,\n  className: '',\n  onToggle: undefined,\n  show: false,\n  variant: 'light',\n};\n\nconst DropdownToggle = React.forwardRef(\n  // eslint-disable-next-line prefer-arrow-callback\n  function DropdownToggle({\n    as,\n    bsPrefix,\n    ...otherProps\n  }, ref) {\n    // hide arrow from the toggle if it is rendered as IconButton\n    // because it hinders the positioning of IconButton\n    const prefix = as === IconButton ? 'pgn__dropdown-toggle-iconbutton' : bsPrefix;\n    return <BaseDropdownToggle {...otherProps} as={as} bsPrefix={prefix} ref={ref} />;\n  },\n);\n\nDropdownToggle.propTypes = {\n  /** Specifies the base element. */\n  as: PropTypes.elementType,\n  /** Overrides underlying component base CSS class name. */\n  bsPrefix: PropTypes.string,\n  /** An html id attribute, necessary for assistive technologies, such as screen readers. */\n  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n};\n\nDropdownToggle.defaultProps = {\n  as: Button,\n  bsPrefix: 'dropdown-toggle',\n};\n\nDropdown.Item = React.forwardRef(\n  // eslint-disable-next-line prefer-arrow-callback\n  function DropdownItem({ className, ...otherProps }, ref) {\n    return (\n      <BaseDropdownItem\n        className={classNames(className, 'pgn__dropdown-item')}\n        ref={ref}\n        {...otherProps}\n      />\n    );\n  },\n);\n\nDropdown.Item.propTypes = {\n  className: PropTypes.string,\n};\n\nDropdown.Item.defaultProps = {\n  className: undefined,\n};\n\nDropdown.Toggle = DropdownToggle;\nDropdown.Menu = DropdownMenu;\nDropdown.Header = BaseDropdown.Header;\nDropdown.Divider = BaseDropdown.Divider;\n\nexport default Dropdown;\nexport { DropdownToggle };\nexport { default as DropdownButton } from 'react-bootstrap/DropdownButton';\nexport { default as SplitButton } from 'react-bootstrap/SplitButton';\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","classNames","PropTypes","BaseDropdown","DropdownMenu","BaseDropdownItem","BaseDropdownToggle","DropdownDeprecated","Button","IconButton","Dropdown","forwardRef","_ref","ref","show","autoClose","onToggle","variant","className","rest","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","internalShow","setInternalShow","isClosingPermitted","source","handleToggle","isOpen","event","metadata","_metadata","_objectSpread","currentTarget","document","key","createElement","_extends","concat","propTypes","oneOfType","string","bool","func","oneOf","defaultProps","undefined","DropdownToggle","_ref2","as","bsPrefix","otherProps","_excluded2","prefix","elementType","id","number","isRequired","Item","DropdownItem","_ref3","_excluded3","Deprecated","Toggle","Menu","Header","Divider","default","DropdownButton","SplitButton"],"sources":["../../src/Dropdown/index.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport BaseDropdown from 'react-bootstrap/Dropdown';\nimport DropdownMenu from 'react-bootstrap/DropdownMenu';\nimport BaseDropdownItem from 'react-bootstrap/DropdownItem';\nimport BaseDropdownToggle from 'react-bootstrap/DropdownToggle';\nimport DropdownDeprecated from './deprecated';\nimport Button from '../Button';\nimport IconButton from '../IconButton';\n\nconst Dropdown = React.forwardRef(\n  // eslint-disable-next-line prefer-arrow-callback\n  function Dropdown({\n    show,\n    autoClose,\n    onToggle,\n    variant,\n    className,\n    ...rest\n  }, ref) {\n    const [internalShow, setInternalShow] = React.useState(show);\n    const isClosingPermitted = (source) => {\n      // autoClose=false only permits close on button click\n      if (autoClose === false) {\n        return source === 'click';\n      }\n      // autoClose=inside doesn't permit close on rootClose\n      if (autoClose === 'inside') {\n        return source !== 'rootClose';\n      }\n      // autoClose=outside doesn't permit close on select\n      if (autoClose === 'outside') {\n        return source !== 'select';\n      }\n      return true;\n    };\n\n    const handleToggle = (isOpen, event, metadata) => {\n      if (isOpen) {\n        setInternalShow(true);\n        onToggle?.(isOpen, event, metadata);\n        return;\n      }\n      let { source } = { ...metadata };\n\n      if (event.currentTarget === document && (source !== 'keydown' || event.key === 'Escape')) {\n        source = 'rootClose';\n      }\n      if (isClosingPermitted(source)) {\n        setInternalShow(false);\n        onToggle?.(isOpen, event, metadata);\n      }\n    };\n\n    return (\n      <BaseDropdown\n        className={classNames(\n          'pgn__dropdown',\n          `pgn__dropdown-${variant}`,\n          className,\n        )}\n        data-testid=\"dropdown\"\n        onToggle={handleToggle}\n        ref={ref}\n        show={internalShow}\n        {...rest}\n      />\n    );\n  },\n);\n\nDropdown.propTypes = {\n  autoClose: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n  className: PropTypes.string,\n  onToggle: PropTypes.func,\n  show: PropTypes.bool,\n  variant: PropTypes.oneOf(['light', 'dark']),\n};\n\nDropdown.defaultProps = {\n  autoClose: true,\n  className: '',\n  onToggle: undefined,\n  show: false,\n  variant: 'light',\n};\n\nconst DropdownToggle = React.forwardRef(\n  // eslint-disable-next-line prefer-arrow-callback\n  function DropdownToggle({\n    as,\n    bsPrefix,\n    ...otherProps\n  }, ref) {\n    // hide arrow from the toggle if it is rendered as IconButton\n    // because it hinders the positioning of IconButton\n    const prefix = as === IconButton ? 'pgn__dropdown-toggle-iconbutton' : bsPrefix;\n    return <BaseDropdownToggle {...otherProps} as={as} bsPrefix={prefix} ref={ref} />;\n  },\n);\n\nDropdownToggle.propTypes = {\n  /** Specifies the base element. */\n  as: PropTypes.elementType,\n  /** Overrides underlying component base CSS class name. */\n  bsPrefix: PropTypes.string,\n  /** An html id attribute, necessary for assistive technologies, such as screen readers. */\n  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n};\n\nDropdownToggle.defaultProps = {\n  as: Button,\n  bsPrefix: 'dropdown-toggle',\n};\n\nDropdown.Item = React.forwardRef(\n  // eslint-disable-next-line prefer-arrow-callback\n  function DropdownItem({ className, ...otherProps }, ref) {\n    return (\n      <BaseDropdownItem\n        className={classNames(className, 'pgn__dropdown-item')}\n        ref={ref}\n        {...otherProps}\n      />\n    );\n  },\n);\n\nDropdown.Item.propTypes = {\n  className: PropTypes.string,\n};\n\nDropdown.Item.defaultProps = {\n  className: undefined,\n};\n\nDropdown.Deprecated = DropdownDeprecated;\nDropdown.Toggle = DropdownToggle;\nDropdown.Menu = DropdownMenu;\nDropdown.Header = BaseDropdown.Header;\nDropdown.Divider = BaseDropdown.Divider;\n\nexport default Dropdown;\nexport { DropdownToggle };\nexport { default as DropdownButton } from 'react-bootstrap/DropdownButton';\nexport { default as SplitButton } from 'react-bootstrap/SplitButton';\n"],"mappings":"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"}

package/dist/Dropdown/index.scss

@@ -1,46 +1,47 @@
-@import "dropdown-bootstrap";
+@import "variables";
+@import "~bootstrap/scss/dropdown";
 
 .pgn__dropdown-dark {
   .dropdown-menu {
-    background-color: var(--pgn-color-dark-300);
-    color: var(--pgn-color-white);
+    background-color: $dark-300;
+    color: $white;
 
     .pgn__dropdown-item {
-      color: var(--pgn-color-white);
+      color: $white;
       font-weight: 400;
 
       &:hover {
-        background-color: var(--pgn-color-dark-200);
+        background-color: $dark-200;
       }
 
       &.active {
-        background-color: var(--pgn-color-light-300);
-        color: var(--pgn-color-primary-700);
+        background-color: $light-300;
+        color: $primary-700;
         font-weight: 700;
       }
 
       &:focus {
-        border: 2px solid var(--pgn-color-white);
+        border: 2px solid $white;
         background-color: inherit;
       }
     }
 
     .dropdown-header {
-      color: var(--pgn-color-light-700);
+      color: $light-700;
     }
 
 
     .dropdown-divider {
-      border-color: var(--pgn-color-dark-200);
+      border-color: $dark-200;
     }
   }
 }
 
 .dropdown-toggle::after {
-  content: "";
   border: 0;
   border-style: solid;
   border-width: .15rem .15rem 0 0;
+  content: "";
   height: .45rem;
   margin-inline-start: .5em;
   position: relative;

package/dist/Dropzone/DefaultContent.js

@@ -6,18 +6,16 @@ import messages from './messages';
 import Icon from '../Icon';
 import { FileUpload } from '../../icons';
 function DefaultContent(_ref) {
-  let {
-    accept,
-    minSize,
-    maxSize
-  } = _ref;
-  const intl = useIntl();
-  const getFileRestrictionMessage = () => {
-    let fileTypePart;
-    let fileSizePart;
+  var accept = _ref.accept,
+    minSize = _ref.minSize,
+    maxSize = _ref.maxSize;
+  var intl = useIntl();
+  var getFileRestrictionMessage = function getFileRestrictionMessage() {
+    var fileTypePart;
+    var fileSizePart;
     if (accept) {
-      const allTypes = getTypesString(accept);
-      const lastTypeSeparatorLocation = allTypes.lastIndexOf(',');
+      var allTypes = getTypesString(accept);
+      var lastTypeSeparatorLocation = allTypes.lastIndexOf(',');
       fileTypePart = intl.formatMessage(messages.fileTypeRestriction, {
         count: lastTypeSeparatorLocation === -1 ? 1 : 2,
         firstPart: lastTypeSeparatorLocation === -1 ? allTypes : allTypes.slice(0, lastTypeSeparatorLocation),
@@ -39,7 +37,7 @@ function DefaultContent(_ref) {
       });
     }
     if (fileTypePart && fileSizePart) {
-      return `${fileTypePart} (${fileSizePart})`;
+      return "".concat(fileTypePart, " (").concat(fileSizePart, ")");
     }
     if (fileTypePart) {
       return fileTypePart;
@@ -55,7 +53,9 @@ function DefaultContent(_ref) {
     id: "pgn.Dropzone.DefaultContent.label",
     description: "A text that appears as a label for input of Dropzone component.",
     defaultMessage: "Drag and drop your file here or click to upload."
-  })), [accept, minSize, maxSize].some(value => value) && /*#__PURE__*/React.createElement("p", {
+  })), [accept, minSize, maxSize].some(function (value) {
+    return value;
+  }) && /*#__PURE__*/React.createElement("p", {
     className: "pgn__dropzone__upload-restriction-message"
   }, getFileRestrictionMessage()));
 }

package/dist/Dropzone/DefaultContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultContent.js","names":["React","PropTypes","FormattedMessage","useIntl","getTypesString","formatBytes","messages","Icon","FileUpload","DefaultContent","_ref","accept","minSize","maxSize","intl","getFileRestrictionMessage","fileTypePart","fileSizePart","allTypes","lastTypeSeparatorLocation","lastIndexOf","formatMessage","fileTypeRestriction","count","firstPart","slice","secondPart","Number","isFinite","fileSizeBetween","sizeMin","sizeMax","fileSizeMax","fileSizeMin","createElement","Fragment","className","src","id","description","defaultMessage","some","value","propTypes","objectOf","arrayOf","string","number","defaultProps","undefined"],"sources":["../../src/Dropzone/DefaultContent.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage, useIntl } from 'react-intl';\nimport { getTypesString, formatBytes } from './utils';\nimport messages from './messages';\nimport Icon from '../Icon';\nimport { FileUpload } from '../../icons';\n\nfunction DefaultContent({ accept, minSize, maxSize }) {\n  const intl = useIntl();\n\n  const getFileRestrictionMessage = () => {\n    let fileTypePart;\n    let fileSizePart;\n\n    if (accept) {\n      const allTypes = getTypesString(accept);\n      const lastTypeSeparatorLocation = allTypes.lastIndexOf(',');\n      fileTypePart = intl.formatMessage(messages.fileTypeRestriction, {\n        count: lastTypeSeparatorLocation === -1 ? 1 : 2,\n        firstPart: lastTypeSeparatorLocation === -1 ? allTypes : allTypes.slice(0, lastTypeSeparatorLocation),\n        secondPart: lastTypeSeparatorLocation !== -1 && allTypes.slice(lastTypeSeparatorLocation + 1),\n      });\n    }\n\n    if (minSize && maxSize && Number.isFinite(maxSize)) {\n      fileSizePart = intl.formatMessage(messages.fileSizeBetween, {\n        sizeMin: formatBytes(minSize),\n        sizeMax: formatBytes(maxSize),\n      });\n    } else if (maxSize && Number.isFinite(maxSize)) {\n      fileSizePart = intl.formatMessage(messages.fileSizeMax, { sizeMax: formatBytes(maxSize) });\n    } else if (minSize) {\n      fileSizePart = intl.formatMessage(messages.fileSizeMin, { sizeMin: formatBytes(minSize) });\n    }\n\n    if (fileTypePart && fileSizePart) {\n      return `${fileTypePart} (${fileSizePart})`;\n    }\n    if (fileTypePart) {\n      return fileTypePart;\n    }\n    return fileSizePart;\n  };\n\n  return (\n    <>\n      <div className=\"pgn__dropzone__upload-icon-wrapper\">\n        <Icon src={FileUpload} className=\"pgn__dropzone__upload-icon\" />\n      </div>\n      <p>\n        <FormattedMessage\n          id=\"pgn.Dropzone.DefaultContent.label\"\n          description=\"A text that appears as a label for input of Dropzone component.\"\n          defaultMessage=\"Drag and drop your file here or click to upload.\"\n        />\n      </p>\n      {[accept, minSize, maxSize].some(value => value) && (\n        <p className=\"pgn__dropzone__upload-restriction-message\">\n          {getFileRestrictionMessage()}\n        </p>\n      )}\n    </>\n  );\n}\n\nDefaultContent.propTypes = {\n  accept: PropTypes.objectOf(PropTypes.arrayOf(PropTypes.string)),\n  maxSize: PropTypes.number,\n  minSize: PropTypes.number,\n};\n\nDefaultContent.defaultProps = {\n  accept: undefined,\n  maxSize: undefined,\n  minSize: undefined,\n};\n\nexport default DefaultContent;\n"],"mappings":"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"}
+{"version":3,"file":"DefaultContent.js","names":["React","PropTypes","FormattedMessage","useIntl","getTypesString","formatBytes","messages","Icon","FileUpload","DefaultContent","_ref","accept","minSize","maxSize","intl","getFileRestrictionMessage","fileTypePart","fileSizePart","allTypes","lastTypeSeparatorLocation","lastIndexOf","formatMessage","fileTypeRestriction","count","firstPart","slice","secondPart","Number","isFinite","fileSizeBetween","sizeMin","sizeMax","fileSizeMax","fileSizeMin","concat","createElement","Fragment","className","src","id","description","defaultMessage","some","value","propTypes","objectOf","arrayOf","string","number","defaultProps","undefined"],"sources":["../../src/Dropzone/DefaultContent.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage, useIntl } from 'react-intl';\nimport { getTypesString, formatBytes } from './utils';\nimport messages from './messages';\nimport Icon from '../Icon';\nimport { FileUpload } from '../../icons';\n\nfunction DefaultContent({ accept, minSize, maxSize }) {\n  const intl = useIntl();\n\n  const getFileRestrictionMessage = () => {\n    let fileTypePart;\n    let fileSizePart;\n\n    if (accept) {\n      const allTypes = getTypesString(accept);\n      const lastTypeSeparatorLocation = allTypes.lastIndexOf(',');\n      fileTypePart = intl.formatMessage(messages.fileTypeRestriction, {\n        count: lastTypeSeparatorLocation === -1 ? 1 : 2,\n        firstPart: lastTypeSeparatorLocation === -1 ? allTypes : allTypes.slice(0, lastTypeSeparatorLocation),\n        secondPart: lastTypeSeparatorLocation !== -1 && allTypes.slice(lastTypeSeparatorLocation + 1),\n      });\n    }\n\n    if (minSize && maxSize && Number.isFinite(maxSize)) {\n      fileSizePart = intl.formatMessage(messages.fileSizeBetween, {\n        sizeMin: formatBytes(minSize),\n        sizeMax: formatBytes(maxSize),\n      });\n    } else if (maxSize && Number.isFinite(maxSize)) {\n      fileSizePart = intl.formatMessage(messages.fileSizeMax, { sizeMax: formatBytes(maxSize) });\n    } else if (minSize) {\n      fileSizePart = intl.formatMessage(messages.fileSizeMin, { sizeMin: formatBytes(minSize) });\n    }\n\n    if (fileTypePart && fileSizePart) {\n      return `${fileTypePart} (${fileSizePart})`;\n    }\n    if (fileTypePart) {\n      return fileTypePart;\n    }\n    return fileSizePart;\n  };\n\n  return (\n    <>\n      <div className=\"pgn__dropzone__upload-icon-wrapper\">\n        <Icon src={FileUpload} className=\"pgn__dropzone__upload-icon\" />\n      </div>\n      <p>\n        <FormattedMessage\n          id=\"pgn.Dropzone.DefaultContent.label\"\n          description=\"A text that appears as a label for input of Dropzone component.\"\n          defaultMessage=\"Drag and drop your file here or click to upload.\"\n        />\n      </p>\n      {[accept, minSize, maxSize].some(value => value) && (\n        <p className=\"pgn__dropzone__upload-restriction-message\">\n          {getFileRestrictionMessage()}\n        </p>\n      )}\n    </>\n  );\n}\n\nDefaultContent.propTypes = {\n  accept: PropTypes.objectOf(PropTypes.arrayOf(PropTypes.string)),\n  maxSize: PropTypes.number,\n  minSize: PropTypes.number,\n};\n\nDefaultContent.defaultProps = {\n  accept: undefined,\n  maxSize: undefined,\n  minSize: undefined,\n};\n\nexport default DefaultContent;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,EAAEC,OAAO,QAAQ,YAAY;AACtD,SAASC,cAAc,EAAEC,WAAW,QAAQ,SAAS;AACrD,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAOC,IAAI,MAAM,SAAS;AAC1B,SAASC,UAAU,QAAQ,aAAa;AAExC,SAASC,cAAcA,CAAAC,IAAA,EAA+B;EAAA,IAA5BC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;EAChD,IAAMC,IAAI,GAAGX,OAAO,CAAC,CAAC;EAEtB,IAAMY,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAA,EAAS;IACtC,IAAIC,YAAY;IAChB,IAAIC,YAAY;IAEhB,IAAIN,MAAM,EAAE;MACV,IAAMO,QAAQ,GAAGd,cAAc,CAACO,MAAM,CAAC;MACvC,IAAMQ,yBAAyB,GAAGD,QAAQ,CAACE,WAAW,CAAC,GAAG,CAAC;MAC3DJ,YAAY,GAAGF,IAAI,CAACO,aAAa,CAACf,QAAQ,CAACgB,mBAAmB,EAAE;QAC9DC,KAAK,EAAEJ,yBAAyB,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;QAC/CK,SAAS,EAAEL,yBAAyB,KAAK,CAAC,CAAC,GAAGD,QAAQ,GAAGA,QAAQ,CAACO,KAAK,CAAC,CAAC,EAAEN,yBAAyB,CAAC;QACrGO,UAAU,EAAEP,yBAAyB,KAAK,CAAC,CAAC,IAAID,QAAQ,CAACO,KAAK,CAACN,yBAAyB,GAAG,CAAC;MAC9F,CAAC,CAAC;IACJ;IAEA,IAAIP,OAAO,IAAIC,OAAO,IAAIc,MAAM,CAACC,QAAQ,CAACf,OAAO,CAAC,EAAE;MAClDI,YAAY,GAAGH,IAAI,CAACO,aAAa,CAACf,QAAQ,CAACuB,eAAe,EAAE;QAC1DC,OAAO,EAAEzB,WAAW,CAACO,OAAO,CAAC;QAC7BmB,OAAO,EAAE1B,WAAW,CAACQ,OAAO;MAC9B,CAAC,CAAC;IACJ,CAAC,MAAM,IAAIA,OAAO,IAAIc,MAAM,CAACC,QAAQ,CAACf,OAAO,CAAC,EAAE;MAC9CI,YAAY,GAAGH,IAAI,CAACO,aAAa,CAACf,QAAQ,CAAC0B,WAAW,EAAE;QAAED,OAAO,EAAE1B,WAAW,CAACQ,OAAO;MAAE,CAAC,CAAC;IAC5F,CAAC,MAAM,IAAID,OAAO,EAAE;MAClBK,YAAY,GAAGH,IAAI,CAACO,aAAa,CAACf,QAAQ,CAAC2B,WAAW,EAAE;QAAEH,OAAO,EAAEzB,WAAW,CAACO,OAAO;MAAE,CAAC,CAAC;IAC5F;IAEA,IAAII,YAAY,IAAIC,YAAY,EAAE;MAChC,UAAAiB,MAAA,CAAUlB,YAAY,QAAAkB,MAAA,CAAKjB,YAAY;IACzC;IACA,IAAID,YAAY,EAAE;MAChB,OAAOA,YAAY;IACrB;IACA,OAAOC,YAAY;EACrB,CAAC;EAED,oBACEjB,KAAA,CAAAmC,aAAA,CAAAnC,KAAA,CAAAoC,QAAA,qBACEpC,KAAA,CAAAmC,aAAA;IAAKE,SAAS,EAAC;EAAoC,gBACjDrC,KAAA,CAAAmC,aAAA,CAAC5B,IAAI;IAAC+B,GAAG,EAAE9B,UAAW;IAAC6B,SAAS,EAAC;EAA4B,CAAE,CAC5D,CAAC,eACNrC,KAAA,CAAAmC,aAAA,yBACEnC,KAAA,CAAAmC,aAAA,CAACjC,gBAAgB;IACfqC,EAAE,EAAC,mCAAmC;IACtCC,WAAW,EAAC,iEAAiE;IAC7EC,cAAc,EAAC;EAAkD,CAClE,CACA,CAAC,EACH,CAAC9B,MAAM,EAAEC,OAAO,EAAEC,OAAO,CAAC,CAAC6B,IAAI,CAAC,UAAAC,KAAK;IAAA,OAAIA,KAAK;EAAA,EAAC,iBAC9C3C,KAAA,CAAAmC,aAAA;IAAGE,SAAS,EAAC;EAA2C,GACrDtB,yBAAyB,CAAC,CAC1B,CAEL,CAAC;AAEP;AAEAN,cAAc,CAACmC,SAAS,GAAG;EACzBjC,MAAM,EAAEV,SAAS,CAAC4C,QAAQ,CAAC5C,SAAS,CAAC6C,OAAO,CAAC7C,SAAS,CAAC8C,MAAM,CAAC,CAAC;EAC/DlC,OAAO,EAAEZ,SAAS,CAAC+C,MAAM;EACzBpC,OAAO,EAAEX,SAAS,CAAC+C;AACrB,CAAC;AAEDvC,cAAc,CAACwC,YAAY,GAAG;EAC5BtC,MAAM,EAAEuC,SAAS;EACjBrC,OAAO,EAAEqC,SAAS;EAClBtC,OAAO,EAAEsC;AACX,CAAC;AAED,eAAezC,cAAc"}

package/dist/Dropzone/DragError.js

@@ -1,9 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 function DragError(_ref) {
-  let {
-    message
-  } = _ref;
+  var message = _ref.message;
   return /*#__PURE__*/React.createElement("div", {
     className: "pgn__dropzone-error-wrapper"
   }, message);

package/dist/Dropzone/DragError.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragError.js","names":["React","PropTypes","DragError","_ref","message","createElement","className","propTypes","oneOfType","string","element","isRequired"],"sources":["../../src/Dropzone/DragError.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction DragError({ message }) {\n  return (\n    <div className=\"pgn__dropzone-error-wrapper\">\n      {message}\n    </div>\n  );\n}\n\nDragError.propTypes = {\n  message: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n};\n\nexport default DragError;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,SAASA,CAAAC,IAAA,EAAc;EAAA,IAAb;IAAEC;EAAQ,CAAC,GAAAD,IAAA;EAC5B,oBACEH,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAC;EAA6B,GACzCF,OACE,CAAC;AAEV;AAEAF,SAAS,CAACK,SAAS,GAAG;EACpBH,OAAO,EAAEH,SAAS,CAACO,SAAS,CAAC,CAACP,SAAS,CAACQ,MAAM,EAAER,SAAS,CAACS,OAAO,CAAC,CAAC,CAACC;AACtE,CAAC;AAED,eAAeT,SAAS"}
+{"version":3,"file":"DragError.js","names":["React","PropTypes","DragError","_ref","message","createElement","className","propTypes","oneOfType","string","element","isRequired"],"sources":["../../src/Dropzone/DragError.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction DragError({ message }) {\n  return (\n    <div className=\"pgn__dropzone-error-wrapper\">\n      {message}\n    </div>\n  );\n}\n\nDragError.propTypes = {\n  message: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n};\n\nexport default DragError;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,SAASA,CAAAC,IAAA,EAAc;EAAA,IAAXC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAC1B,oBACEJ,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAC;EAA6B,GACzCF,OACE,CAAC;AAEV;AAEAF,SAAS,CAACK,SAAS,GAAG;EACpBH,OAAO,EAAEH,SAAS,CAACO,SAAS,CAAC,CAACP,SAAS,CAACQ,MAAM,EAAER,SAAS,CAACS,OAAO,CAAC,CAAC,CAACC;AACtE,CAAC;AAED,eAAeT,SAAS"}